/*
 Theme Name:   SFWebdesign Divi ChildTheme
 Theme URI:
 Description:  Dieses Theme muss zusammen mit Divi installiert und aktiviert sein damit Anpassungen die ich gemacht habe angewendet werden.
 Author:       Stephan Frommer
 Author URI:   https://stephanfrommer.com
 Template:     Divi
 Version:      1.1

 /* == Custom styles below this line ==
--------------------------------------------*/

#et-footer-nav .container {
text-align: center;
}
#footer-info { width: 100%; margin:0 auto; text-align: center !important; }
@media only screen and (min-width: 980px) { 
    #footer-bottom .et-social-icons { margin-bottom:-28px; } 
}

/* Farbe Mobile Menu */
@media only screen and (max-width: 980px)  {
	#et-top-navigation span.mobile_menu_bar:before, 
	#et-top-navigation span.mobile_menu_bar:after {
		color: #8ab664 !important;
	}
}

/* == Other styles below this line ==
--------------------------------------------*/

/* == Custom Menu ==
--------------------------------------------*/
.nav li ul {
    right: 0!important;
}

@media all and (min-width: 980px){
 
/*adjust position of navigation menu*/
.et_header_style_fullscreen .et_pb_fullscreen_nav_container {
    width: 40%;
	padding-bottom:80px;
}
 
.et_slide_in_menu_container.et_pb_fullscreen_menu_opened.et_pb_fullscreen_menu_animated {
    padding-top: 0px !important;
}
 
/*adjust position of top menu and elements*/
.et_header_style_fullscreen .et_slide_menu_top {
    width: 50%;
    text-align: center;
    display: table !important;
    vertical-align: middle;
    position: initial;
    float: right;
    height: 100%;
}
.et_header_style_fullscreen .et_pb_top_menu_inner {
    display: table-cell !important;
    position: relative;
    vertical-align: middle;
    text-align: left!important;
    padding: 0 10%;
    width: 100%;
}
 
.et_header_style_fullscreen .et_slide_menu_top ul.et-social-icons {
    width: 100%;
}
 
.et_header_style_fullscreen div#et-info {
    float: none!important;
    width: 100%;
}
 
.et_header_style_fullscreen div#et-info span {
    display: block;
    margin-bottom: 30px;
     
}
 
/*make search bar and icon larger*/
.et_header_style_fullscreen .et_slide_menu_top .et-search-form {
    margin-top: 30px !important;
    margin-bottom: 15px;
    width: 100% !important;
    max-width: 300px !important;
    padding: 25px !important;
}
.et_slide_menu_top button#searchsubmit_header{
    width: 50px;
    height: 41px;
}
.et_slide_menu_top button#searchsubmit_header:before {
    font-size: 22px;
}
 
/*make menu right aligned*/
.et_header_style_fullscreen ul#mobile_menu_slide {
    text-align: right;
}
 
/*make close menu icon larger*/
.et_pb_fullscreen_menu_animated .mobile_menu_bar:before {
    font-size: 120px;
}
 
/*dark background overlay*/
.et_slide_menu_top {
background: none;
}
 
/*take out background opacity*/
.et_header_style_fullscreen .et_slide_in_menu_container.et_pb_fullscreen_menu_opened {
opacity: 1;
}
 
/*increase size of down arrow for sub menu items*/
.et_slide_in_menu_container span.et_mobile_menu_arrow {
opacity: 1;
 
}
.et_slide_in_menu_container #mobile_menu_slide .et_mobile_menu_arrow:before {
font-size: 34px;
}
 
}
 
/*add background image*/
body #page-container .et_slide_in_menu_container{
    background: url('https://wp.tiergehege-frankenthal.de/wp-content/uploads/2021/09/bg_blur_2.png') center center !important;
    background-size: cover !important;
}

/*write Text before menu burger icon*/

.mobile_menu_bar:before {
        color: #ffffff;
}

@media all and (min-width: 980px){
.mobile_menu_bar:after {
	content: "Menü";
	color: #ffffff;
	vertical-align:top; 
	line-height:1.8em;
	padding-left: 15px;
}
}
.et_pb_fullscreen_menu_animated .mobile_menu_bar:after {
    content: "";
	color: #fff;
}

/*place logo*/
.et-search-form:before{
	content:url('https://wp.tiergehege-frankenthal.de/wp-content/uploads/2021/09/TGH_Logo_white.png');
	position:absolute;
    bottom:75px;
	left: -3px;
}

/*Styling of Contact Form Success Message*/
.et-pb-contact-message {
color: #ffffff;
font-size: 18px;
}
/* force tick mark color in check box */
.et_pb_contact_field input[type=checkbox]:checked+label i:before {
color: #000000!important;
}

/*set the Divi menu dropdown auto width*/
@media only screen and (min-width: 981px) {
	.nav li ul {
		width: fit-content;
		display: flex;
		flex-direction: column;
	}
	.nav li li {
		white-space: nowrap;
	}
	.nav li li a {
		width: auto !important;
	}
}