/*
Theme Name: Advance Media thema
Description: Custom thema voor Advance Media Nederland
Author: Osinga ICT
Template: flatsome
Version: 3.1.5
*/


/*************** ADD CUSTOM CSS HERE.   ***************/

html {
    font-size: 1.125rem;
}


/* @media screen and (min-width: 1200px) {
    .container-width,
    .full-width .ubermenu-nav,
    .container,
    .row {
        max-width: 1920px;
        padding-left: 100px;
        padding-right: 100px;
        margin-left: 0;
        margin-right: 0;
    }
} */

@media screen and (max-width: 1920px) {
    html {
        font-size: calc(0.625rem + 0.41666666666666674vw);
    }
}

@media screen and (max-width: 1440px) {
    html {
        font-size: calc(0.8126951092611863rem + 0.20811654526534862vw);
    }
}

@media screen and (max-width: 479px) {
    html {
        font-size: calc(0.7494769874476988rem + 0.8368200836820083vw);
    }
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: "Archerus Grotesque", sans-serif!important;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: "Archerus Grotesque", sans-serif!important;
    scroll-behavior: smooth;
}

span.text-stripe {
    background-color: #00c6ff;
    padding: 2.5px 7.5px;
    color: white;
    font-weight: 900;
    font-family: "Roboto", sans-serif;
}

.text-stripe.light {
    background-color: #00c6ff!important;
}

span.service-number {
    font-size: 2.5rem;
    font-weight: bold;
    color: #19294a;
}

.nav>li>a,
.mobile-sidebar-levels-2 .nav>li>ul>li>a,
.button {
    font-family: "Roboto", "Open Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical>li>a {
    font-family: "Archerus Grotesque", "Open Sans", sans-serif;
}

a.button.primary.is-bevel {
    padding: 0.75rem 2rem;
}

p {
    color: black;
    margin-bottom: 0;
    font-family: "Archerus Grotesque", "Open Sans", sans-serif;
}

.nav>li>a,
.mobile-sidebar-levels-2 .nav>li>ul>li>a,
.button {
    font-family: "Archerus Grotesque", "Open Sans", sans-serif;
}

.flickity-slider>.row {
    max-width: 75vw!important;
    margin: 0 auto!important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical>li>a {
    font-family: "Archerus Grotesque", "Open Sans", sans-serif;
}

a.button.primary.is-bevel {
    padding: 0.75rem 2rem;
}

.off-canvas-left .mfp-content,
.off-canvas-right .mfp-content {
    width: 550px;
    max-width: 90%;
    background-color: white;
}

.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
    font-size: 1.25rem;
    padding: 1rem 30px;
    border-color: white!important;
    color: black;
}

.nav-slide {
    padding-top: 2rem;
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
}


/* Bullet list */

.bulletlist ul {
    list-style: none;
    padding-left: 0;
}

.bulletlist ul li {
    padding-left: 1.5em;
    margin-bottom: 0.5em;
}

.bulletlist ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check-circle' class='svg-inline--fa fa-check-circle fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%2315aabf' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'></path></svg>");
}

.flickity-page-dots {
    bottom: -10px;
}