/* 
 * Basis CSS - Algemene styling voor het Dunico Electro thema
 * Dit bestand bevat basis styling die op alle pagina's wordt toegepast
 */

/* Reset en basis styling */


h1, h2, h3, h4, h5, h6 {
    margin: 0 0 10px 0;
    font-family: 'Oswald', Helvetica, Sans-Serif, serif;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.4;
}

body h1 {
    font-size: 32px;
    margin-bottom: 10px;
}

@media screen and (max-width: 992px) {
    body h1 {
        font-size: 26px;
    }
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
    font-weight: 400;
}

body div.section-margin {
    margin-top: 60px!important;
    margin-bottom: 60px!important;
}

.default-button {
    font-family: 'Moderat Condensed', Helvetica, Sans-Serif, serif;
    color: white!important;
    background: #1bab7b;
    text-transform: uppercase;
    text-decoration: none!important;
    display: inline-block;
    padding: 12px 25px;
    font-weight: 700;
    text-shadow: none;
    transition: .3s;
}

.default-button:hover {
    background: #138e65;
    transition: .3s;
}

div.panel.header,
body.page-layout-the_mission .column.main,
body.page-layout-surfrider .column.main,
body.catalog-category-view .column.main,
body.catalog-category-view div.category-description,
body.catalog-product-view div.columns,
body.catalogsearch-result-index .column.main,
div.width-limiter {
    max-width: 1280px !important;
    padding: 0 20px!important;
    margin: auto !important;
    box-sizing: border-box;
    width: 100%;
}

/* Basis marges */

body .mb-3 {
    margin-bottom: 30px;
}