/*
	Theme Name:    DIVERS ANTWERPEN
	Theme URI:     http://diversantwerpen.be
	
	Version:       1.0
	Author:        Buroform Print | Graphics | Media
	Author URI:    http://buroform.be/
    License:       MIT
	License URI:   http://opensource.org/licenses/mit-license.php

    Description:   Divers Antwerpen | Your Healthy Fix
    Tags:          healthy lunch, gezonde lunch, lunch volkstraat, volkstraat, antwerpen, healthy breakfast, gezond ontbijt, superfood, organic, organic food, vegan, vegetarisch, smoothie, smoothie bowl, cold pressed, cold pressed juice, fresh juice, verse sappen, juices, Açai bowl, Açai, healthy hotspot, gezonde hotspot, new hotspot, nieuwe hotspot, gluten free, gluten vrij, dairy free, lactose vrij, raw, soup, soep, detox soup, detox, coffee, koffie, to go, take away, afhaal, divers antwerpen, divers, healthy fix
*/


/* 1. TYPOGRAPHY *************************************** */

@font-face {
	font-family: 'Divers';
	src: url('./fonts/Divers.eot');
	src: url('./fonts/Divers.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/Divers.woff2') format('woff2'),
		 url('./fonts/Divers.woff') format('woff'),
		 url('./fonts/Divers.ttf') format('truetype'),
		 url('./fonts/Divers.svg#Divers') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Divers';
	src: url('./fonts/DiversBold.eot');
	src: url('./fonts/DiversBold.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/DiversBold.woff2') format('woff2'),
		 url('./fonts/DiversBold.woff') format('woff'),
		 url('./fonts/DiversBold.ttf') format('truetype'),
		 url('./fonts/DiversBold.svg#DiversBold') format('svg');
	font-weight: bold;
	font-style: normal;
}


/* 2. BEFORE BUILDING ********************************** */

/* 2.1 CSS RESET --------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* 2.2 BOX SIZING -------------------------------------- */

*,
*:after,
*:before {
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	        font-smoothing: antialiased;
    text-rendering :optimizeLegibility;
}

/* 2.3 CLEAR --------------------------------------------*/

.clear:before, .clear:after { content: ''; display: table; }
.clear:after                { clear: both; }
a                           { color: #212322; text-decoration: none; }
a:hover                     { color: #212322; }
a:focus, a:hover, a:active  { outline:0; }
button                      { outline:0; }
input:focus                 { outline:0; border: 1px solid #212322; }
img                         { max-width: 100%; vertical-align: bottom; }

/* 2.4 GLOBAL STYLING ELEMENTS --------------------------*/

html,
body {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-style: normal;
    letter-spacing: 0px;
    color: #212322;
    position: relative !important;
}


/* 3. BUILDING BLOCKS ********************************** */

/* 3.1 WRAPPER ----------------------------------------- */

.wrapper {
    max-width: 100%;
	width: 100%;
	margin:0 auto;
	position:relative;
}

/* 3.2 HEADER ------------------------------------------ */

.header {
    display: block;
    width: 100%;
    height: 100px;
    position: fixed;
    z-index: 9999!important;
    background: #FFF;
    border-bottom: solid 1px #ECECEC;
}

.header .inner {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
}

/* 3.3 LOGO -------------------------------------------- */

.logo,
.logo-img {
    width: 105px;
    height: 50px;
}

.logo {
    margin: 25px;
    float: left;
}

/* 3.4 NAVIGATION -------------------------------------- */

/* 3.4.1 STANDARD NAVIGATION --------------------------- */

.nav {
  margin: 25px;
  padding: 19px 0;
  float: right;
}

.nav ul {
  float: right;
}

.nav ul li {
  float: left;
  margin-left: 38px;
  list-style: none;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
}

.nav ul li a {
    color: #212322;
    border:none;
}

.nav ul li a:hover {
  color: #C19E35;
  border-bottom: solid 1px #C19E35;
}

.nav ul li.menu-fb a,
.nav ul li.menu-insta a {
    font-size: 0px;
    opacity: 1!important;
}

.nav ul li.menu-fb a:hover,
.nav ul li.menu-insta a:hover {
    text-decoration: none!important;
    border: none!important;
    border-bottom: 0!important;
    opacity: .65!important;
}

.nav ul li.menu-fb a,
.nav ul li.menu-insta a,
.nav ul li.menu-fb a:hover,
.nav ul li.menu-insta a:hover {
    -webkit-transition: all .1s linear!important;
       -moz-transition: all .1s linear!important;
        -ms-transition: all .1s linear!important;
         -o-transition: all .1s linear!important;
            transition: all .1s linear!important;
}

.nav ul li.menu-fb a::before {
    font-size: 12px;
    background-image:url('http://diversantwerpen.be/wp-content/themes/divers/img/icons/divers-facebook-gold.png');
    background-size: 20px 20px;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: ""
}

.nav ul li.menu-insta a::before {
    font-size: 12px;
    background-image:url('http://diversantwerpen.be/wp-content/themes/divers/img/icons/divers-instagram-gold.png');
    background-size: 20px 20px;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: ""
}

li.menu-insta {
    margin-left: 10px!important;
}


li.menu-fb,
li.menu-insta {
    margin-top: -4px!important;
}

/* 3.4.2 MOBILE NAVIGATION ----------------------------- */

#responsive-menu-container {   
    background: #769F4B!important;
    background: -moz-linear-gradient(45deg, #6D9B53 0%, #6A9B3C 100%)!important; 
    background: -webkit-linear-gradient(45deg, #6D9B53 0%,#6A9B3C 100%)!important; 
    background: linear-gradient(45deg, #6D9B53 0%,#6A9B3C 100%)!important; 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6D9B53', endColorstr='#6A9B3C',GradientType=1 )!important; 
}

#responsive-menu-container #responsive-menu-wrapper {
    background: transparent!important;
}

#responsive-menu-container #responsive-menu ul {
    margin-top: 10px!important;
}

#responsive-menu-container #responsive-menu li.responsive-menu-item {
    margin: 5px 25px!important;
    width: auto!important;
}

#responsive-menu-container #responsive-menu li.responsive-menu-item.responsive-menu-current-item > .responsive-menu-item-link {
    font-weight: 600;
    font-size: 16px;
    line-height: 3em;
    color: #FFF!important;
    background: transparent!important;
    border: none;
    border-bottom: dotted 1px rgba(255,255,255,.25)!important;
    padding: 0!important;
}

#responsive-menu-container #responsive-menu li.responsive-menu-item.responsive-menu-current-item > .responsive-menu-item-link:hover {
    color: rgba(0,0,0,.5)!important;
}

#responsive-menu-container #responsive-menu li.responsive-menu-item.responsive-menu-current-item > .responsive-menu-item-link,
#responsive-menu-container #responsive-menu li.responsive-menu-item.responsive-menu-current-item > .responsive-menu-item-link:hover {
    -webkit-transition: all .1s linear!important;
       -moz-transition: all .1s linear!important;
        -ms-transition: all .1s linear!important;
         -o-transition: all .1s linear!important;
            transition: all .1s linear!important;
}

#responsive-menu-container #responsive-menu-title {
    font-family: 'Divers', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 30px!important;
    letter-spacing: .08em!important;
    color: #FFF;
    background: none!important;
    padding: 25px 0 25px 25px!important;
}

#responsive-menu-container #responsive-menu-additional-content  {
    padding: 0!important;
    margin: 35px 25px 25px 25px!important;
}

.responsive-menu-social-icon {
    margin-right: 5px!important;
}

/* 3.4.3 MOBILE NAVIGATION ICON ------------------------ */

.responsive-menu-button {
    width: 50px!important;
    height: 50px!important;
    background: #C19E35!important;
    position: fixed;
    top: 25px!important;
    right: 25px!important;
}

.responsive-menu-button .responsive-menu-box {
    width: 24px!important;
    height: 24px!important;
    margin: -2px 2px 0 0;
}

.responsive-menu-button .responsive-menu-box .responsive-menu-inner,
.responsive-menu-button .responsive-menu-box .responsive-menu-inner::before,
.responsive-menu-button .responsive-menu-box .responsive-menu-inner::after {
    height: 4px!important;
    border-radius: 2px!important;
}


/* 3.5 FOOTER ------------------------------------------ */

.footer {
    width: 100%;
    font-size: 0;
}

.footer-col {
    width: 33.33%;
    height: 50vh;
    min-height: 300px;
    max-height: 500px;
    float: left;
}

.footer-col#footer-col2,
.footer-col#footer-col3 {
    padding: 8.5vh 0 10vh 5%; 
}

.footer-col#footer-col3 {
    text-align: right;
}

.footer-col#footer-col3 p {
    width: auto;
    height: auto;
    margin: 31px 50% 60px 0!important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #7C817D;
}

.footer-col#footer-col3 p span {
    font-weight: 600;
    margin-left: 10px;
}

.footer-col#footer-col3 h2 {
    width: auto;
    height: auto;
    margin: 35px 50% 0px 0px!important;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    color: #768f4b;
    text-transform: uppercase;
}

/**.footer-col#footer-col3 img {
    width: 150px;
    height: auto;
    margin: 60px 50% 60px 0!important;
}**/

.footer-col#footer-col2 h2 {
    font-style: normal;
    font-weight: 300;
    font-size: 28px;
    line-height: 38px;
    color: #C19E35;
    text-transform: uppercase;
    padding: 25px 0;
}

.footer-col#footer-col2 p,
.footer-col#footer-col2 a {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #7C817D;
}

.footer-col#footer-col2 p#footer-tel-mail {
    padding-top: 10px;
}

.footer-col#footer-col2 a:hover {
    color: #769D4B;
}

.footer-col#footer-col2 p#footer-social {
    margin-top: 35px;
}

.footer-col#footer-col2 p#footer-social a {
    margin: 0!important;
    padding: 0!important;
    margin-right: 2px!important;
    opacity: 1;
}

.footer-col#footer-col2 p#footer-social a:hover {
    opacity: .65;
}

.footer-col#footer-col2 p#footer-social a,
.footer-col#footer-col2 p#footer-social a:hover {
    -webkit-transition: all .1s linear!important;
       -moz-transition: all .1s linear!important;
        -ms-transition: all .1s linear!important;
         -o-transition: all .1s linear!important;
            transition: all .1s linear!important;
}

/* 4. BUILDING ONEPAGE ELEMENTS ************************ */

/* 4.1 HOMEPAGE HEADER --------------------------------- */

.et_pb_fullwidth_header .header-content {
    width: 75%!important;
    margin: 25px auto!important;
    margin-top: 100px!important
}

.et_pb_fullwidth_header img {
    max-height: 400px;
    pointer-events: none;
}

.et_pb_fullwidth_header h1 {
    font-size: 0px!important;
    color: transparent;
}

.et_divi_builder #et_builder_outer_content .et_pb_fullwidth_header .et-pb-icon {
    -webkit-animation-name: slideDown!important;
            animation-name: slideDown!important;
    -webkit-animation-duration: 5s;
            animation-duration: 5s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
}

.notification {
    background-color: #769f4b!important;
}

.notification .notification-inner {
    max-width: 820px;
    width: 100%;
    margin: 0 auto!important;
    padding: 0 25px!important;
    
}

.notification .notification-inner h2 {
    text-align: center!important;
    font-size: 20px;
    font-weight: 400;
    font-style: italic;
    line-height: 1.85em!important;
    color: #FFF!important;
}


.notification .notification-inner h2 span {
    font-weight: 700!important;
}



/* 4.2 CONTENT SECTIONS -------------------------------- */

.section-content-full {
    max-width: 1080px;
    margin: 0 auto!important;
}

.section-content-full h1 {
    font-family: 'Divers', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif!important;
    font-weight: bold;
    font-size: 42px;
    letter-spacing: .08em!important;
    color: #C19E35!important;
    padding-bottom: 50px!important;
}

.section-content-full p.section-paragraph {
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
    line-height: 1.85em;
    color: #212322;
}

    /* WHO WE ARE -------------------------------------- */


    #who-we-are .section-content-full p.section-paragraph span, .hl {
        font-weight: 600;
        color: rgba(33,35,34,.85)!important;
        border-bottom: dotted 1px rgba(33,35,34,.85)!important;
    }

    /* OUR GOALS --------------------------------------- */

    #our-goals .section-content-full h1 {
        color: #FFF!important;
    }

    #our-goals .section-content-full p.section-paragraph {
        color: rgba(255,255,255,.85)!important;
    }

    #our-goals .section-content-full p.section-paragraph span {
        font-weight: 600;
        color: #FFF !important;
        border-bottom: dotted 1px #FFF!important;
    }


    /* HEALTHY FIXES ------------------------------------ */
    
    #healthy-fixes .section-content-full h1 {
        text-align: center!important;
        padding: 0!important;
    }

    #healthy-fixes .section-content-full-hf {
        padding: 0px 5vw!important;
    }

    #healthy-fixes .section-content-full-hf h2 {
        font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif!important;
        font-weight: 400;
        font-style: normal;
        font-size: 28px;
        line-height: 1.5em!important;
        color: #769F4B!important;
        padding-top: 50px!important;
        padding-bottom: 35px!important;
    }

    #healthy-fixes .section-content-full-hf h3 {
        color: #C19E35!important;
        padding: 50px 0 35px 0;
        font-size: 28px;
        font-style: normal;
        font-weight: bold;
        font-family: 'Divers', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif!important;
        letter-spacing: .08em!important;
        line-height: 1.65em!important;
    }

    #healthy-fixes .section-content-full-hf h3#alt {
        padding: 35px 0!important;
    }    

    #healthy-fixes .section-content-full-hf p.section-paragraph,
    #healthy-fixes .section-content-full-hf p.section-paragraph-alt,
    #healthy-fixes .section-content-full-hf ul {
        font-size: 15px;
        font-weight: 400;
        font-style: normal;
        line-height: 1.8em;
        color: #212322;
    }

    #healthy-fixes .section-content-full-hf p.section-paragraph-alt  {
        font-style: italic!important;
        margin-top: 35px!important;
        font-weight: 400!important;
        color: rgba(33,35,34,.35)!important;
    }

    #healthy-fixes .section-content-full-hf p.section-paragraph-alt span#alt {
        color: #C19E35!important;
        border-bottom: dotted 1px #C19E35!important;
    }

    #healthy-fixes .section-content-full-hf p.section-paragraph#alt-section-top {
        padding-top: 50px!important;
    }

    #healthy-fixes .section-content-full-hf p.section-paragraph#alt {
        font-style: italic!important;
        color: rgba(33,35,34,.35)!important;
        font-weight: 400!important;
        margin-top: 15px!important;
    }

    #healthy-fixes .section-content-full-hf p.section-paragraph#alt span {
        color: rgba(33,35,34,.85)!important;
        border-bottom: dotted 1px rgba(33,35,34,.85)!important;
    }

    #healthy-fixes .section-content-full-hf ul li {
        padding-left: 25px;    
    }

    #healthy-fixes .section-content-full-hf ul li::before {
        position: absolute;
        color: #C19E35!important;
        font-family: 'ETmodules';
        content: "\45";
        margin-left: -25px;    
    }

    /* WHY CHOOSE DIVERS ------------------------------- */

    #why-choose-divers .section-content-full {
        background: #FFF!important;
        border: 10px solid #C19E35;
    }

    #why-choose-divers .section-content-full h1 {
        color: #C19E35!important;
        line-height: 1.85em!important;
        text-align: left!important;
    }

    #why-choose-divers .section-content-full ul {
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
        line-height: 2em;
        color: rgba(33,35,34,.65);
    }

    #why-choose-divers .section-content-full ul span {
        font-weight: 600;
        color: rgba(33,35,34,.85)!important;
        border-bottom: dotted 1px rgba(33,35,34,.85)!important;
    }

    #why-choose-divers .section-content-full ul a {
        font-weight: 600;
        color: #C19E35!important;
        border-bottom: dotted 1px #C19E35!important;
    }

    #why-choose-divers .section-content-full ul a:hover {
        color: #212322!important;
        border-bottom: dotted 1px #212322!important;
    }

    #why-choose-divers .section-content-full ul li {
        padding-left: 25px;
    }

    #why-choose-divers .section-content-full ul li::before {
        position: absolute;
        color: #C19E35!important;
        font-family: 'ETmodules';
        content: "\45";
        margin-left: -25px;
    }
    
    /* MENU -------------------------------------------- */
    
    #menu .section-content-full h1 {
        color: #FFF!important;
        text-align: center!important;
    }

    #menu .section-content-full p.section-paragraph {
        color: #FFF!important;
        text-align: center!important;
        font-size: 24px;
        font-weight: 300;
    }

    #menu .section-content-full p.section-paragraph span {
        font-weight: 600;
        color: #FFF!important;
        border-bottom: dotted 1px rgba(255,255,255,.5)!important;
    }

    #menu #button-menu,
    #menu #button-menu-alt {
        font-weight: 600!important;
        text-transform: uppercase;
        padding: 1em!important;
        margin: 25px 10px 0 10px!important;
    }

    #menu #button-menu:hover {
        padding: 1em 1em 1em 2.75em!important;
    }

    #menu #button-menu:hover::after {
        margin-left: .75em!important;
    }

    #menu #button-menu-alt:hover {
        padding: 1em 2.75em 1em 1em!important;
    }

    #menu #button-menu-alt:hover::after {
        margin-left: .75em!important;
    }

    /* DELIVEROO --------------------------------------- */

    #section-deliveroo {
        height: auto!important;
        width: 100%!important;
        padding: 4vh 25px!important;
        margin: 0 auto!important;
        background-color: #F4F4F4!important;
        text-align: center!important;
    }

    #section-deliveroo a {
        background: #FFF!important;
        color: #00ccbc!important;
        font-weight: 600;
        font-size: 16px;
        display: inline-block;
        text-align: center!important;
        text-transform: uppercase;
        letter-spacing: .085em!important;
        padding: 20px!important;
    }

    #section-deliveroo a:hover {
        background: #00ccbc!important;
        color: #FFF!important;
    }

    #section-deliveroo a,
    #section-deliveroo a:hover {
        -webkit-transition: all .15s linear!important;
           -moz-transition: all .15s linear!important;
            -ms-transition: all .15s linear!important;
             -o-transition: all .15s linear!important;
                transition: all .15s linear!important;
    }

/* 5. BUILDING IMAGES  ********************************* */
/* 6. BUILDING ON SCREENS ****************************** */


@media screen and (min-width: 1440px) {
    #healthy-fixes .section-content-full-hf p.section-paragraph,
    #healthy-fixes .section-content-full-hf p.section-paragraph-alt,
    #healthy-fixes .section-content-full-hf ul {
        font-size: 18px;
        line-height: 1.85em!important;
    }
    
    #healthy-fixes .section-content-full-hf h2,
    #healthy-fixes .section-content-full-hf h3 {
        font-size: 28px;
    }
}

@media screen and (max-width: 1440px) {
    .footer-col#footer-col3 p {
        margin: 31px 40% 60px 0!important;
    }

    .footer-col#footer-col3 h2 {
        margin: 35px 40% 0 0!important;
    }
}


@media screen and (min-width: 1200px) {
    .footer-col#footer-col3 img {
        margin: 60px 50% 60px 0;
    }
}

@media screen and (max-width: 1200px) {
    .footer-col#footer-col3 img {
        margin: 60px 0!important;
    }
    .footer-col#footer-col3 p {
        margin: 31px 30% 60px 0!important;
    }

    .footer-col#footer-col3 h2 {
        margin: 35px 30% 0 0!important;
    }
}

@media screen and (max-width: 1080px) {
    #why-choose-divers .section-content-full {
        max-width: 930px!important;
    }
}

@media screen and (min-width: 980px) {
    
    .et_divi_builder #et_builder_outer_content .et_pb_section_1.new-section-divers,
    .et_divi_builder #et_builder_outer_content .et_pb_section_2.new-section-divers,
    .et_divi_builder #et_builder_outer_content .et_pb_section_3.new-section-divers,
    .et_divi_builder #et_builder_outer_content .et_pb_section_4.new-section-divers,
    .et_divi_builder #et_builder_outer_content .et_pb_section_5.new-section-divers { 
        padding-bottom: 150px!important;
    }
    
    #footer-col1,
    #footer-col3 {
        display: block !important;
        visibility: visible;
        opacity: 1000;
        z-index: 0;
    }
    
    #footer-col1-mobile,
    #footer-col3-mobile {
        display: none !important;
        visibility: hidden;
        opacity: 0;
        z-index: -9999;
    }
    
    .nav ul {
        display: block;
    }
    
    .nav .nav-mobile {
        display: none;
    }
    
   .cd-top {
        right: 5vh;
        bottom: 5vh;
    }
    
    .cd-top:hover {
        background: #769F4B;
    }
    
    .cd-top:hover::before {
        color: #FFF;
    }
    
    .cd-top.cd-is-visible, .cd-top.cd-is-visible:hover,
    .cd-top::before, .cd-top:hover::before {
        -webkit-transition: all .15s linear!important;
           -moz-transition: all .15s linear!important;
            -ms-transition: all .15s linear!important;
             -o-transition: all .15s linear!important;
                transition: all .15s linear!important;
    } 
    
    /* HEALTHY FIXES ----------------------------------- */
    
    .healthy-fixes-image#hide-on-mobile, #hide-on-mobile {
        display: block!important;
    }
    
    .healthy-fixes-image#show-on-mobile {
        display: none!important;
    }
}


@media screen and (max-width: 980px) {

    .et_divi_builder #et_builder_outer_content .et_pb_section_1.new-section-divers,
    .et_divi_builder #et_builder_outer_content .et_pb_section_2.new-section-divers,
    .et_divi_builder #et_builder_outer_content .et_pb_section_3.new-section-divers,
    .et_divi_builder #et_builder_outer_content .et_pb_section_4.new-section-divers,
    .et_divi_builder #et_builder_outer_content .et_pb_section_5.new-section-divers { 
        padding-bottom: 100px!important;
    }
        
    .divider-mobile-top {
        height: 100px!important;
    }
    
    .footer-col {
        width: 100%;
        height: 100%;
        min-height: 100%;
        float: right;
    }
    
    #footer-col1,
    #footer-col3 {
        display: none !important;
        visibility: hidden;
        opacity: 0;
        z-index: -9999;
    }
    
    #footer-col1-mobile,
    #footer-col3-mobile {
        display: block !important;
        visibility: visible;
        opacity: 1000;
        z-index: 0;
    }
    
    #footer-col1-mobile p {
        height: auto;
        margin: 25px 10% 25px 10%;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
        color: #7C817D;
    }
    
    #footer-col1-mobile p span {
        font-weight: 600;
        margin-left: 10px;
    }
    
    
    #footer-col1-mobile h2 {
        font-style: normal;
        font-weight: 300;
        font-size: 28px;
        line-height: 38px;
        color: #C19E35;
        text-transform: uppercase;
        margin: 0 10% 10px 10%;
    }
    
    
    /**#footer-col1-mobile img {
        width: 40%;
        max-width: 200px !important;
        height: auto;
        margin: 75px 10% 25px 10%;
    }**/
    
    .footer-col#footer-col2 {
        padding: 25px 10%;
    }
    
    .footer-col#footer-col2 h2 {
        color: #212322;
    }
    
    .footer-col#footer-col3-mobile {
        margin: 50px 0 0 0 !important;
    }
    
    .footer-col#footer-col3-mobile a {
        width: 100%;
        pointer-events: all;
        position: absolute;
    }
    
    .footer-col#footer-col3-mobile .footer-map {
        height: 250px;
        pointer-events: none;
    }
    
    .nav ul {
        display: none;
    }
    
    .header {
        position: absolute;
    }
    
    .cd-top {
        right: 25px;
        bottom: 25px;
    }
    
    .images-mobile-intro {
        padding-bottom: 50px!important;
    }
    
    .image-mobile-intro {
        max-width: 50%!important;
    }
    
    #intro-image-1 {
        padding-right: 1.125em!important;
    }
    
    #intro-image-2 {
        padding-left: 1.125em!important;
    }
    
    #intro-image-3 {
        display: none!important;
    }
    
    /* HEALTHY FIXES ----------------------------------- */
    
    .healthy-fixes-image#hide-on-mobile, #hide-on-mobile {
        display: none!important;
    }
    
    .healthy-fixes-image#show-on-mobile {
        display: block!important;
        -webkit-animation-duration: .35s!important;
           -moz-animation-duration: .35s!important;
            -ms-animation-duration: .35s!important;
             -o-animation-duration: .35s!important;
                animation-duration: .35s!important;
    }
    
    .divider-mobile-healthy-fixes {
        height: 75px!important;
    }
    
    #healthy-fixes .section-content-full-hf p.section-paragraph#alt-section-top {
        padding-top: 15px!important;
    }
    
    /* WHY CHOOSE DIVERS ------------------------------- */
    
    .et_divi_builder #et_builder_outer_content .et_pb_text_8#why-choose-divers-wrapper {
        padding: 50px 5% !important;
        margin: 0 25px 0 25px !important;
    }
    
    #why-choose-divers .et_parallax_bg {
        background-image: url("http://diversantwerpen.be/assets/img/bg-leaf-high.jpg")!important;
        background-color: #F4F4F4;
    }
    
    #why-choose-divers .section-content-full h1 {
        font-size: 36px!important;
    }
    
    #why-choose-divers .section-content-full ul {
        font-size: 13px!important;
        line-height: 1.9em!important;
    }
    
    #why-choose-divers .section-content-full ul li {
        padding-left: 20px!important;
    }
    
    .menu-fb, .menu-insta {
        display: none!important;
        visibility: hidden!important;
        opacity: 0!important;
    }
    
    .et_pb_column.et_pb_column_1_2.et_pb_column_22#menu-buttons-col1 {
        width: 50%!important;
        max-width: 50%!important;
    }
    
    .et_pb_column.et_pb_column_1_2.et_pb_column_23#menu-buttons-col2 {
        width: 50%!important;
        max-width: 50%!important;
    }
}



@media screen and (max-width: 550px) {

    .et_pb_row et_pb_row_15.et_pb_gutters1.et_pb_row_fullwidth {
        width: 100%!important;
        max-width: 100%!important;
        margin: 0 auto!important;
    } 
    
    .et_pb_column.et_pb_column_1_2.et_pb_column_22#menu-buttons-col1 {
        width: 100%!important;
        max-width: 100%!important;
        text-align: center!important;
        margin: 0 auto!important;
    }
    
    .et_pb_column.et_pb_column_1_2.et_pb_column_22#menu-buttons-col1 .et_pb_button_module_wrapper.et_pb_module.et_pb_button_alignment_right {
        text-align: center!important;
    }
    
    .et_pb_column.et_pb_column_1_2.et_pb_column_23#menu-buttons-col2 {
        width: 100%!important;
        max-width: 100%!important;
        text-align: center!important;
    }
}

@media screen and (max-width: 480px) {
    
    .et_divi_builder #et_builder_outer_content .et_pb_section_1.new-section-divers,
    .et_divi_builder #et_builder_outer_content .et_pb_section_2.new-section-divers,
    .et_divi_builder #et_builder_outer_content .et_pb_section_3.new-section-divers,
    .et_divi_builder #et_builder_outer_content .et_pb_section_4.new-section-divers,
    .et_divi_builder #et_builder_outer_content .et_pb_section_5.new-section-divers {
        padding-bottom: 75px!important;
    }
        
    .divider-mobile-top {
        height: 75px!important;
    }
    
    .images-mobile-intro {
        padding-bottom: 25px!important;
    }
    
    #who-we-are .section-content-full p.section-paragraph,
    #our-goals .section-content-full p.section-paragraph {
        font-size: 15px;
    }
    
    #who-we-are .section-content-full h1,
    #our-goals .section-content-full h1 {
        text-align: center!important;
    }
    
    #healthy-fixes .section-content-full-hf h2 {
        font-size: 24px!important;
        font-weight: 600!important;
    }
    
    #why-choose-divers .section-content-full h1 {
        text-align: center!important;
    }

}

@media screen and (max-height: 768px) {
    .footer-col#footer-col2 {
        padding: 2.5vh 0 10vh 5%;
    }
}

/* 7. MISCELLANEAOUS ELEMENTS ************************** */

/* 7.1 CONTENT SELECTOR -------------------------------- */

::selection {
	background: #769F4B;
	color: #FFF;
	text-shadow: none;
}

::-webkit-selection {
	background: #769F4B;
	color: #FFF;
	text-shadow: none;
}

::-moz-selection {
	background: #769F4B;
	color: #FFF;
	text-shadow: none;
}


/* 7.2 BACK TO TOP ------------------------------------- */


.cd-top {
    position: fixed;
    width: 50px;
    height: 50px;
    background: #FFF;
    color: transparent;
    font-size: 0px;
    text-indent: 0;
    z-index: 9999!important;
    outline: 0;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
}

.cd-top::before {
    position: absolute;
    top: 2px;
    left: 1px;
    content: "\32";
    font-family: 'ETmodules';
    font-size: 45px;
    width: 50px;
    height: 50px;
    font-weight: 700;
    color: #769D4B;
    z-index: 9999;
}

.cd-top.cd-is-visible,
.cd-top.cd-fade-out {
  visibility: visible;
  opacity: 1;
}

.cd-top,
.cd-top.cd-is-visible,
.cd-top.cd-fade-out {
    -webkit-transition: opacity .25s 0s, visibility 0s .25s!important;
       -moz-transition: opacity .25s 0s, visibility 0s .25s!important;
            transition: opacity .25s 0s, visibility 0s .25s!important;
}

/* 7.3 ANIMATIONS -------------------------------------- */

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(-35%);
        opacity: 0;
    }
    
    15% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(-35%);
        opacity: 1;
    }
    
    30% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(0%);
        opacity: 1;
    }

    45% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(0%);
        opacity: 1; 
    }
    
    60% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(-0%);
        opacity: 0;
    }
    
    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(-35%);
        opacity: 0;
    }
}

@keyframes slideDown {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(-35%);
        opacity: 0;
    }
    
    15% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(-35%);
        opacity: 1;
    }
    
    30% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(0%);
        opacity: 1;
    }

    45% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(0%);
        opacity: 1; 
    }
    
    60% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(-0%);
        opacity: 0;
    }
    
    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(-35%);
        opacity: 0;
    }
}


/* 8. WORDPRESS CORE *********************************** */

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float:right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float:left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float:right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float:left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: #FFF;
	border: 1px solid #F0F0F0;
	max-width: 96%;
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.sticky {}
.bypostauthor {}


/* 9. @MEDIA PRINT ****************************** */

@media print {
	*                                                              { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
	a, a:visited                                                   { text-decoration: underline; }
	a[href]:after                                                  { content: " (" attr(href) ")"; }    
	abbr[title]:after                                              { content: " (" attr(title) ")"; }
    thead                                                          { display: table-header-group; }
    img                                                            { max-width: 100% !important; }
    img, tr                                                        { page-break-inside: avoid; }
    h2, h3                                                         { page-break-after: avoid; }
	h2, h3, p                                                      { orphans: 3; widows: 3; }
    pre, blockquote                                                { border: 1px solid #999; page-break-inside: avoid;	}
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after  { content: ""; }
    @page                                                          { margin:0.5cm; }   
}