/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 

/* CUSTOMIZING BY STUDIOBASIL http://studiobasil.nl */

/* Table of content
    Global
    Custom Color Palettes
    Typography
    Components
    Buttons and navigation
    Custom fonts

*/










/*--------------------------------------------------------------
    Global
--------------------------------------------------------------*/

/* reCAPTCHA */
.grecaptcha-badge { visibility: hidden !important; }















/*--------------------------------------------------------------
    Typography
--------------------------------------------------------------*/

h1,.h1,h2,.h2,h3,.h3,h4,.h4{
	font-family: "tt-travels-next", sans-serif;
	font-weight: 600;
	font-style: normal;
}



 
body{
	font-family: "loos-normal", sans-serif;
	font-weight: 400;
	font-style: normal;
}

/*
font-family: "loos-normal", sans-serif;
font-weight: 700;
font-style: normal; */


.loos-wide-normal{
	font-family: "loos-wide", sans-serif;
	font-weight: 400;
	font-style: normal;
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4{
	font-family: "loos-wide", sans-serif;
	font-weight: 700;
	font-style: normal;
}

/* Bullet list */
.et_pb_text_inner ul {
    margin-left: 20px;
}






/*--------------------------------------------------------------
    Components
--------------------------------------------------------------*/

/* Reviews */
.dsm_card_carousel_child_subtitle {
    margin-bottom: 1rem;
}













/*--------------------------------------------------------------
    Buttons and navigation
--------------------------------------------------------------*/
/* CTA button in nav menu */
@media (min-width: 980px) {
    .menu_cta {
        background-color:#95e3e4;
        color: #000;
        padding: 0 !important;
        border-radius: 24px;
    }
    .menu_cta a {
        color: #000 !important;
        padding: 10px 15px 10px 35px !important;
    }
    
    .menu_cta a:before {
/*         content: '\e052'; */
		content:url(https://choosetochoose.nl/wp-content/uploads/2024/01/favicon-2.png);
        color: #00a0a0;
        font-family: 'ETmodules';
        font-size: 16px;
        line-height: 1;
        position: absolute;
        left: 12px;
		left: -239px;
		top: -240px;
		scale: 0.045;
    }
    .et-fixed-header #top-menu .menu_cta a {
        color: #000 !important;
    }
    #top-menu li.current-menu-ancestor>a, 
    #top-menu li.current-menu-item>a, 
    #top-menu li.current_page_item>a {
        /* text-decoration: underline 2px black !important;
        text-underline-offset: 2px; */
        font-weight:900;
        color: black;
    }
}

@media (min-width: 300px) {
    .menu_ctamob {
        font-weight: 600;
        background-color: var(--global--color-kiekred--);
        color: #fff;
        padding: 0 !important;
        border-radius: 24px;
    }
    .menu_ctamob a {
        color: #fff !important;
        padding: 10px 15px 10px 35px !important;
    }
    .menu_ctamob a:before {
        content: '\e07a';
        color: #fff;
        font-family: 'ETmodules';
        font-size: 16px;
        line-height: 1.7;
        position: absolute;
        left: 12px;
    }
    .et-fixed-header #top-menu .menu_ctamob a {
        color: #FFF !important;
    }
}

@media (min-width: 981px) {
    .menu_ctamob {
        display: none;
    }
}


/* Mobile menu */
.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
    color: #FFF;
}


.et_mobile_menu {
    top: 0 !important;
    border-top: 0px solid #05a6a8 !important;
    background-color: #01bcbe !important;
    padding: 20% 0;
    height: 100vh;
}

.et_mobile_menu {
    position: absolute;
    left: 0;
    padding: 20% 5% 5% 5%;
    background: #fff;
    width: 100%;
    visibility: visible;
    opacity: 1;
    display: none;
    z-index: 9999;
    border-top: 3px solid #2ea3f2;
    box-shadow: 0 2px 5px rgba(0,0,0,.0);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.0);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.0);
}

.et_mobile_menu li a {
    border-bottom: 1px solid #99e9ec;
    color: #666;
    padding: 10px 5%;
    display: block;
    text-align: right;
    font-size: 18px;
    line-height: 31px;
}

.mobile_menu_bar {
    z-index: 99999;
	margin-right: 20px;
}


/* Turqiose text buttons */
.achtergrond a:hover{
	color:white !important;
}






/*--------------------------------------------------------------
    Custom fonts
--------------------------------------------------------------*/