/*
 Theme Name:   Divi Child Theme
 Theme URI:    www.it-ausschreibungen.at
 Description:  Child Theme for Divi
 Author:       Tina Weihs
 Author URI:   www.vispucci.at
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/
.et-pb-contact-message {
	font-family: "Oswald bold lokal";
	color: red;
}

@media only screen and (max-width: 980px) {
	.et-pb-contact-message {
	font-family: "Oswald bold lokal";
	font-size: 14px;
	}
}

.et-pb-contact-message ul {
    display: none;
}

/* Umrandung bei falsch ausgefüllten od. leeren Formularfeldern*/
.et_pb_contact .et_contact_error {
	border: 3px solid red!important;
}

/* Abstand Button bei Formularen */
et_contact_bottom_container {
	margin-top: 2.5% !important;
}

/* Events: Container vom Datum*/
time.icon {
	font-family: "Oswald bold lokal";
  	font-size: 1em; 
	font-style: normal;
  	display: inline;
  	position: relative;
  	overflow: hidden;
}

/*Zahl vom Datum*/
time.icon em {
	font-size: 30px;
	font-family: "Oswald bold lokal";
	font-weight: bold;
  	color: #262626;
	padding-right: 10px;
}

/* MM YY Formatierung*/
time.icon strong {
	font-size: 1em;
	font-family: "Oswald bold lokal";
	padding-top: 15px;
  	color: #262626;
}

/* NAVIGATION MOBIL: Full height slide-in menu that comes from the right */
@media only screen and (max-width: 980px) {
	
	.mobile_nav.opened .mobile_menu_bar:before {
		content: "\4d";
	}
	
	#main-header .container.clearfix.et_menu_container {
		width: 100%;
	}
	
	.logo_container {
		padding-left: 30px;
	}
	
	#et-top-navigation {
        padding-right: 30px;
	}
	
	.mobile_menu_bar, #logo {
        z-index: 10000;
	}
	
    #mobile_menu {
        display: block !important;
        right: 0;
        left: auto;
        top: 0;
        padding-top: 80px;
        min-height: 100vh;
        width: 400px;
        border-top: none;
        transition: all .5s ease-in-out;
        transform-origin: bottom;
     }
	
	
	.et_mobile_menu li a { 
		font-size: 20px !important;
		line-height: 46px;
	}
	
    .mobile_nav.closed #mobile_menu {
        transform: rotateY(90deg);
        opacity: 0;
      }
	
	.mobile_nav.opened #mobile_menu {
		transform: rotateY(0);
        opacity: 1;
      }
	
	.menu-item {
		background-color: white;
	}
 }

@media only screen and (max-width: 767px) {
    #mobile_menu {
        width: 100%;
    }
}

#main-header #top-menu a.ds-menu-active, .et_slide_in_menu_container .et_mobile_menu a.ds-menu-active {
        color: #959595 !important;
  }