/*
 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
*/


/* =Theme customization starts here
------------------------------------------------------- */


.inlogcontainer {
    display: inline-block;
}


.black_overlay {
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    /* background-color: rgba(1,142,48,0.7)!important; */
    border: 2px solid #63b32e;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.white_content {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -217px;
    padding: 41px;
    z-index: 1002;
    background: #014289;
}

.fancybox-close {
    position: absolute;
    background-color: #fff!important;
    color: transparent!important;
    cursor: pointer!important;
    font-size: 0!important;
    height: 28px!important;
    top: -22px;
    right: -22px;
    opacity: 1!important;
    padding: 0!important;
    width: 28px!important;
    -webkit-background-size: 10px!important;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow: 0 1px 8px 0 rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 1px 8px 0 rgb(0 0 0 / 30%);
}


.fancybox-close:before {
    background-color: #000;
    bottom: 7px;
    content: '';
    left: 50%;
    margin-left: -1px;
    position: absolute;
    top: 7px;
    width: 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.fancybox-close:after {
    background-color: #000;
    content: '';
    height: 2px;
    left: 7px;
    margin-top: -1px;
    position: absolute;
    right: 7px;
    top: 50%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.login_popup_button {
    border: 1px solid white;
    padding: 5px;
    margin-left: 10px;
}

ul#menu-menu-na-inloggen li {
    display: inline-block;
}

ul#menu-menu-na-inloggen ul {
    display: none;
}
ul#menu-menu-na-inloggen ul li {
    width: 100%;
    margin-top: 7px;
}

ul#menu-menu-na-inloggen  li:hover > ul {
    display: block;
    background: rgba(1,142,48,0.7)!important;
    padding: 5px;
    margin-top: -27px;
}


ul#menu-menu-na-inloggen ul {
    display: none;
    position: absolute;
    top: 3em;
    left: 0;
    z-index: 99999;
    width: 180px;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}

#menu-menu-na-inloggen li {
    position: relative;
}
#menu-menu-na-inloggen {
    float: left !important;
}

#menu-menu-na-inloggen {
    margin: 6px;
    display: flex;
}

.menu-menu-na-inloggen-container {
    margin:4px;
}


#menu-menu-na-inloggen .menu-item-has-children:after {
    font-family: 'ETmodules';
    content: "3";
    font-size: 16px;
    position: absolute;
    right: -16px;
    top: 0;
    font-weight: 800;
}

#menu-menu-na-inloggen .menu-item {
    margin-right: 20px;
}

.et_mobile_menu {
    transform: rotate(180deg);
}
.et_mobile_menu>li {
    transform: rotate(-180deg);
}

div#et-secondary-menu {
    display: flex;
}


#logout_button {
    background-color: transparent;
    color:white;
}

#logout_button_1 {
    background-color: transparent;
    color:white;
}

ul#et-secondary-nav {
    margin-top: 6px;
    margin-right: 10px;
}

@media only screen and (max-width: 1180px) {
    #et-info .login_popup_button {
        display: block;
        padding-bottom: 14px !important;
        margin-top: 13px;

    }

    #et-info .login_popup_button span{
        text-align: center;
        font-size: 19px;
        display: flow-root;
        margin-top: 5px;
    }

    #egolf4u_login_form {
        display: block !important;
        width: 234px !important;
    }

    #egolf4u_login_form .form-group {
        padding: 5px !important;
    }

    header#main-header{
        top:45px !important;
    }

    .white_content {
        margin-left: -160px !important;
    }

    #et-info .mobile_niet_tonen {
        display: grid;
    }

    #et-info .mobile_niet_tonen .login_popup_button {
        margin-top: 3px !important;
    }


}

@media only screen and (max-width: 768px) {
	header#main-header{
        top:78px !important;
    }
	
	.inlogcontainer {
		width: 100%;
	}
	
	#et-secondary-menu {
		margin: 0 !important;
	}
	
	#top-header a.login_popup_button {
		display: inline-block;
		width: 100%;
		font-size: 20px !important;
		line-height: normal;
	}
}

@media only screen and (min-width: 1181px) {
    #et-info .login_popup_button {
        display: none;
    }

    #et-info .mobile_niet_tonen {
        display: none;
    }

 

}


#top-header, #top-header a, #et-secondary-nav li li a, #top-header .et-social-icon a:before {
    font-size: 13px !important;
}