/* 
 Theme Name:     DIVI agency
 Author:         Get Web Design
 Author URI:     https://www.getwebdesign.net/
 Template:       Divi
 Version:        v1.0
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 4.9.4
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/* REMOVE TOP MENU PRICING & CONTACT ON VERY SMALL SCREENS*/
@media screen and (max-width: 350px) {
	#top-menu-pricing-contact {display:none !important;}
}
/* MENÜ HAMBURGER BEI DESKDOP ALS WORT */
@media only screen and (min-width: 780px) {
.mobile_menu_bar:before {
 	content:'MENÜ';
	font-family: "Maven Pro" !important;
	font-size:16px !important;
	font-weight:600 !important;
	color:white !important;
}
.mobile_menu_bar {
	padding-top: 17px !important;
	padding-bottom:17px !important;
}
.et_header_style_slide .mobile_menu_bar.et_toggle_slide_menu {
    width: 71px !important;
}
	}

/* HAMBURGER ICON COLOR AND SIZE */
span.mobile_menu_bar:before {
	color: White !important;
	font-size:40px;
}
span.mobile_menu_bar:after {
	display:none !important;
	}

/* HAMBURGER ICON BACKGROUND SIZE*/
.et_header_style_slide .mobile_menu_bar.et_toggle_slide_menu {width: 61px;}

/* HAMBURGER ICON BACKGROUND POSITION*/
#et-top-navigation > span
{
    position: fixed;
	top: 0px;
	left:0px;
	background: #EE3F83;
	padding:10px 10px 10px 10px;
		}

/* SLIDE IN MENU LEFT BORDER COLOR */
.et_slide_in_menu_container ul#mobile_menu_slide {border-left: solid 8px #EE3F83;}


/* SLIDE IN MENU O THE LEFT SIDE */
/*Move the hamburger menu to the left*/
#et-top-navigation {
    float: left;
    padding-left: 0 !important;
}
/*Move the menu to the left when open*/
.et_pb_slide_menu_active header#main-header,
.et_pb_slide_menu_active #page-container {
left: 300px !important;
	}
.et_pb_slide_menu_active .et_slide_in_menu_container.et_pb_slide_menu_opened {
    right: auto !important;
    left: 0 !important;
}
/*Hide the screen overflow*/
body.et_pb_slide_menu_active {
    overflow-x: hidden !important;
}
/*Hide logo*/
#logo {
	display:none !important;
}

/*Switch the slide-in animation from right to left*/
.et_slide_in_menu_container {
    left: -320px;
    -webkit-transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1), margin-top 0.4s ease-in-out !important;
    -moz-transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1), margin-top 0.4s ease-in-out !important;
    transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1), margin-top 0.4s ease-in-out !important;
}

/* IF MOBILE */
@media screen and (max-width: 980px) {
	span.mobile_menu_bar:after {background:	#EE3F84;
		padding-left:253px;
	
}
		.et_pb_slide_menu_active header#main-header,
.et_pb_slide_menu_active #page-container {
left: 270px !important;
	}
	
}
.et_pb_slide_menu_active .et_slide_in_menu_container.et_pb_slide_menu_opened {
    right: auto !important;
    left: 0 !important;
}


/* INLINE BUTTON */
.btn-inline .et_pb_button_module_wrapper {
    display: inline-block;
    margin-right: 25px;
}


#intro-section323 > div.et_pb_row.et_pb_row_4.et_pb_row_fullwidth > div > div.et_pb_button_module_wrapper.et_pb_button_2_wrapper.et_pb_button_alignment_left.et_pb_module > a {
    	padding-left: 18px !important;
}

/* VERICAL ALIGN */
.ds-vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
}

/*FOOTER BOTTOM DISABLE */
#footer-bottom {
	display: none !important
}
/*TELEFONNUMMER IM MENÜ BEI HANDY ANPASSEN*/
#et-info-phone {
    margin-right: 0px
		!important;
}
/*SOCIAL ICON MOBILE CENTER */
.et_slide_menu_top span#et-info-email, .et_slide_menu_top ul.et-social-icons {
float: none !important;
}

/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
	#intro-section99 {
background-image: url(https://www.elegantweb.at/wp-content/uploads/2019/12/background-mobile-ew.svg)!important;
background-repeat: no-repeat;
background-size: cover;
background-position: right top;
min-height:700px;
}
	#schritte {
		margin-top: 14vh !important
	}
	#leistungen-landscape {
		margin-top: 57px !important;
	}
	#blurb32 {
		min-height:450px !important;
	}
	#blurb99 {
		min-height:620px !important;
	}
	#blurb88 {
		min-height:520px !important;
	}
	#blurb77 {
		min-height:250px !important;
	}
	#ring {
		display: none !important;
	}
	#tt7 {
		color: #ffffff !important;
	}
	#tl {
		color: #ffffff !important;
	}
	#headline2 {
		color: #ffffff !important;
	}
	#risiko {
		margin-top: 80px !important;
	}
	#kontaktboxen {
		margin-top: 80px !important;
	}
}