/*
Theme Name: Go Camino - Theme
Theme URI: https://www.egidex.be
Template: Divi
Author: Pascal Deroover
Author URI: https://www.egidex.be
Description: Custom made theme for Go-Camino, developed by Egidex.
Version: 2.01.1533827666
Updated: 2018-08-09 17:14:26

*/

.et-pb-contact-message, .et_pb_contact_right {
     color: #ffdd00;
}

#gform_6 .validation_error, #gform_7 .validation_error {
    color: #ffdd00!important;
    border-top: 2px solid #ffdd00!important;
    border-bottom: 2px solid #ffdd00!important;
}

.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label {
    color: #FFDD00!important;
}

#validation_message_6_2, #validation_message_6_3, #validation_message_6_4, #gform_confirmation_message_6, #validation_message_7_2, #validation_message_7_3, #validation_message_7_4, #gform_confirmation_message_7  {
     color: #ffdd00;
}

#label_1_54_0 {font-size:0;}
#label_1_54_0::before {font-size:initial; content:"Ik betaal online (Bancontact / iDEAL, ...)" ;}



/* ----------	 Aanpassingen Mobiel Menu	 ---------- */
@media (max-width: 980px) {
#logo {margin-top: -10px;}
.menu-desktop {display:none;}
	
/*adjust the new toggle element which is added via jQuery*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,ul.et_mobile_menu li.page_item_has_children .mobile-toggle,.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;	height: 100%;	padding: 0px !important;	max-height: 44px;	border: none;	position: absolute;	right: 0px;	top: 0px;	z-index: 999;	background-color: transparent;}


/*some code to keep everyting positioned properly*/
ul.et_mobile_menu>li.menu-item-has-children,ul.et_mobile_menu>li.page_item_has_children,ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {	position: relative;}


/*remove default background color from menu items that have children*/
.et_mobile_menu .menu-item-has-children>a,.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {	background-color: transparent;}

/*hide the submenu by default*/
ul.et_mobile_menu .menu-item-has-children .sub-menu,#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {	display: none !important;	visibility: hidden !important;}


/*show the submenu when toggled open*/
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {	display: block !important;	visibility: visible !important;}

/*adjust the toggle icon position and transparency*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {	text-align: center;	opacity: 1;}


/*submenu toggle icon when closed*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 8px;   position: relative; font-family: "ETModules";   content: '\33'; color: #ffe881; font-size: 24px; }
	

/*submenu toggle icon when open*/
ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {	content: '\32';}
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle, .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle{ text-align: right; width: 100%; margin-right:10px!important; padding-right: 10px!important;}


/*add point on top of the menu submenu dropdown*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;	right: 5%;	margin-left: -20px;	top: -14px;	width: 0;	height: 0;	content: '';	border-left: 20px solid transparent;	border-right: 20px solid transparent;	border-bottom: 20px solid #ffffff;}

/*force the background color and add a rounded border*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu,.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {	background-color: #ffffff!important;	border-radius: 10px;}

	
.et_mobile_menu .menu-item-has-children .sub-menu{display: none !important;}
.pa-block{display: block !important;height: fit-content !important;padding-top: 0 !important;margin-top: 0 !important;padding: 5% !important;margin-bottom: 0 !important;margin-top: 0 !important;}
.et_mobile_menu .menu-item-has-children .pa-submenu{display: block !important;}
.opened .et_mobile_menu{height: fit-content !important;padding: 5% !important;}
	
/* X icon in expanded mobile menu */
.mobile_nav.opened .mobile_menu_bar:before {content: '\4d';}	
	
/* Make mobile menu fullwidth and full height */
.et_mobile_menu {min-width: 100vw;margin-left: -10vw; min-height:100vh !important;min-height: -webkit-fill-available; /*padding-top:50px !important;*/}
html {height: -webkit-fill-available;}

/* Remove the animation to avoid delay */
.mobile_nav.opened .et_mobile_menu {display:block !important;}
	
.mobile_nav.opened .et_mobile_menu { background-color: rgb(16 16 16 / 83%)!important;}

/*header#main-header:has(div > div > div > div.mobile_nav.opened) { background-color: rgb(16 16 16 / 83%)!important;}*/
	
}