/*
 Theme Name:     Divi Child
 Theme URI:      https://www.dubbelendwarsonline.nl/
 Description:    Divi Child Theme
 Author:         Dubbel & Dwars Online Oplossingen
 Author URI:     https://www.dubbelendwarsonline.nl/
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
/*---------------Divi Search Icon Vertical Align---------------*/
@media only screen and (min-width: 981px) {
	#et_search_icon:before { top: 17px !important; }
}

/*---------------Divi Overlapping Logo and Smaller on Fixed Menu---------------*/
@media only screen and (max-width: 980px) {
#logo {
	min-height: 60px;
	margin-top: 10px;
	margin-bottom: 30px;
	}
	.et-fixed-header #logo { 
	min-height: 50px !important; 
	}
}

@media only screen and (min-width: 981px) {
#logo {
    min-height: 160px;
	margin-top: 10px;
	}
	.et-fixed-header #logo { 
	min-height: 50px !important; 
	}
}

/* style the opened mobile menu hamburger (make it an 'X') */  
div.mobile_nav.opened .mobile_menu_bar:before {
    font-family: "ETmodules";
    content: "\4d"; 
}

.et_mobile_menu li a {
	color: #243588 !important;
}

/*---------------Menu CTA Button Telefoon---------------*/

.menu-cta a {
	background-color: #95C11F;
	padding: 20px!important;
	border-radius: 5px;
	text-align: center;
	margin-bottom: 15px
}

.menu-cta a:hover {
    background-color: #95C11F;
}

.et_header_style_left #et-top-navigation {
    padding-top: 16px;
}
 
.et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 10px;
}

/*---------------Menu CTA Button Telefoon Mobile Settings---------------*/
 
@media only screen and (max-width: 980px) {
.menu-cta a {
    background-color: #95C11F;
	margin-top: 15px;
    }
}

/*-----------------Menu Icons---------------- */
 
.menu-cta a:before {
    font-family: 'ETmodules';
    content: "\e090";
    margin-right: 10px;
    margin-top: -2px;
    color: #333333;
    font-size: 18px;
    float: left;
}

.menu-inschrijven a:before {
    font-family: 'ETmodules';
    content: "\e010";
    margin-right: 10px;
    margin-top: -2px;
    color: #333333;
    font-size: 18px;
    float: left;
}

/*---------------Menu CTA Button Inschrijven---------------*/

.menu-inschrijven a {
	background-color: #95C11F;
	padding: 20px!important;
	border-radius: 5px;
	text-align: center;
	margin-bottom: 15px
}

.menu-inschrijven a:hover {
    background-color: #95C11F;
}

.et_header_style_left #et-top-navigation {
    padding-top: 16px;
}
 
.et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 10px;
}

/*---------------Menu CTA Button inschrijven Mobile Settings---------------*/
 
@media only screen and (max-width: 980px) {
.menu-inschrijven a {
    background-color: #95C11F;
	margin-top: 15px;
    }
}

/*-----------------Mobile Sub Menu Items Collapse---------------- */
#main-header .et_mobile_menu .always-visitable {
    position: relative;
}
#main-header .et_mobile_menu .always-visitable .hover-link {
    position: absolute;
    top: 0; left: 0; bottom: 0;
    right: 60px; /* right area continues to expand or collapse */
}

/* ##### DROPDOWN MENU WIDTH ##### */

.nav li ul {
   width: 260px !important; /* Width of the dropdown menu */
}

.nav li li ul {
   left: 260px !important; /* Use the same size as above */
}

#top-menu li li a {
   width: 220px; /* Make this 40 less then the width of the dropdown menu */
}