/*
 Theme Name:   Divi Child Theme
 Description:  Child Theme for Divi
 Author:       iloweb e.U.
 Author URI:   https://www.iloweb.at
 Template:     Divi
 Version:      1.0.1
 Text Domain:  divi-child
*/

/* menu */
.et_pb_menu .et_pb_menu__menu li {
	padding: 0 25px;
}
.et_pb_menu .et_pb_menu__menu li:first-child {
	padding-left: 0;
}

/* sub-menu */
#menu-main-menu .sub-menu {
	width: 360px!important;
}
#menu-main-menu .sub-menu li {
	padding: 0;
}
#menu-main-menu .sub-menu li a{
	border-bottom: 1px dotted #3EA6B3;
}
#menu-main-menu .sub-menu li:last-child a {
	border-bottom: none;
}
#menu-main-menu .sub-menu li a:hover {
	background: #3EA6B3;
}

/* Responsive Menü */
@media (max-width: 980px) {
	.iloLangMenu .et_pb_menu__menu {
		display: block;
	}
	.iloLangMenu .et_mobile_nav_menu, 
	.iloLangMenu a.et_pb_menu__icon,
	.iloLangMenu .mobile_nav {
		display: none;
	}
	ul.et_mobile_menu#mobile_menu1 {
		background-color: transparent!important;
	}
} 



/* Search Icon */
/* Quelle: https://divisoup.com/q19-replace-the-divi-search-button-with-an-icon/*/
.ds-icon-search input.et_pb_searchsubmit,
.widget_search input#searchsubmit {
    background: transparent;
    color: transparent;
    border: none;
    width: 55px;
    z-index: 2;
}
.ds-icon-search input.et_pb_s,
.widget_search input#s {
    padding-right: 55px !important;
}
.ds-icon-search .et_pb_searchform:before,
.widget_search::before {
    content: '\55';
	background: #ddd;
    position: absolute;
    font-family: 'ETModules';
    z-index: 1;
    right: 0;
    font-size: 20px;
    padding: 4px 15px;
}

/* ilo News Banner*/
/*
.iloMarqueeBanner {
    font-size: 24px;
    background: #F2F3F3;
    padding: 1em;
}
.iloMarqueeBanner .iloMarqueeHead {
    font-weight: bold;
}
.iloMarqueeBanner .iloMarqueeContent {
    max-width: 1080px;
    margin: 0 auto;
    overflow: hidden;
}
.iloMarqueeBanner .iloMarqueeContent a {
    color: #666;
    padding-right: 30px;
    font-weight: bold;
}
*/

/* Other */
#page-container #top-header {
	display: none !important;
}
.JoyrideExt h2 {
	font-family: JoyrideExt;
	line-height: 1.2em;
}
nav.et-menu-nav .sub-menu li a {
	font-size: 14px!important;
}

/* Wissenswertes - BOX */
.wissenswertesBox .et_pb_slide_content {
    padding-bottom: 4em;
}
.wissenswertesBox .et_pb_slide_content .et_pb_section {
    padding: 0;
}
.wissenswertesBox .et_pb_slide_content .et_pb_section .et_pb_row {
    padding: 0;
}
/* PopUp - Blätterkatalog */
/* Custom Video Popup */
/* Popup Close Icon Tweak */
.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-fade.mfp-ready {
  top: 0px !important;
  position: fixed !important;
}
.mfp-iframe-holder .mfp-content {
    max-width: 70%;
}
.mfp-iframe-scaler button.mfp-close {
    top: -50px ;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close,
.mfp-wrap .mfp-close:active {
    top: -50px !important;
}
.video_popup_lightbox .mfp-iframe-holder .mfp-close {
    top: -50px;
}
.video_popup {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.video_popup a:before {
    content: 'play';
    cursor: pointer;
    position: absolute;
    top: calc(50% - 55px);
    left: calc(50% - 54.5px);
    z-index: 20;
    background-color: #fff;
    padding: 55px 27px;
    border-radius: 50%;
    font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #0a2a3b;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.video_popup a:after {
    content: 'E';
    cursor: pointer;
    font-family: 'ETmodules';
    position: absolute;
    top: calc(50% - 55px);
    left: calc(50% - 47px);
    z-index: 20;
    background-color: #fff;
    padding: 55px 27px;
    border-radius: 50%;
    font-size: 40px;
    text-transform: uppercase;
    color: #0a2a3b;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.video_popup.no_icon:before,
.video_popup.no_icon:after {
    display: none!important;
}
.video_popup:not(.no_icon):hover {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}
.video_popup:hover a:before {
    opacity: 0;
    padding: 65px 37px;
    left: calc(50% - 64.5px);
    top: calc(50% - 65px);
}
.video_popup:hover a:after {
    opacity: 1;
    padding: 65px 37px;
    left: calc(50% - 64.5px);
    top: calc(50% - 65px);
    font-size: 56.5px;
}
@media all and (max-width: 980px) {
    .video_popup a:before {
        top: calc(50% - 32.5px);
        left: calc(50% - 33px);
        padding: 33px 17px;
        font-size: 10px;
    }
    .video_popup a:after {
        top: calc(50% - 32.5px);
        left: calc(50% - 33px);
        padding: 33px 17px;
        font-size: 32px;
    }
    .video_popup:hover a:before {
        opacity: 0;
        padding: 40px 22px;
        left: calc(50% - 43px);
        top: calc(50% - 42.5px);
    }
    .video_popup:hover a:after {
        opacity: 1;
        padding: 40px 22px;
        left: calc(50% - 43px);
        top: calc(50% - 42.5px);
        font-size: 42px;
    }
}

/* Toggle Text */
/*collpse and set the height of the toggle text*/
.iloTextToggle {
	min-height: auto!important;
}

.iloTextToggle .et_pb_text_inner,
.iloTextToggle .et_pb_module_inner {
	max-height: 200px;
	transition: max-height 0.3s ease-out;
	overflow: hidden;
}


/*add gradient to the collapsed text*/

.iloTextToggle .et_pb_text_inner:after,
.iloTextToggle .et_pb_module_inner:after{
	content: "";
	display: inline-block;
	position: absolute;
	pointer-events: none;
	height: 100px;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(0deg, #fff 10%, transparent);
}


/*style the expand text link*/

.iloTextToggle .iloToggleMoreButton {
    padding: 0.2em;
	text-align: center;
	color: #3EA6B3;
    background: #f2f3f3;
    border: 1px solid #3EA6B3;
    margin: 0 auto;
    width: 200px;
    border-radius: 20px;
	margin-top: 1em;
}
.iloTextToggle .iloToggleMoreButton:hover {
    background: #3EA6B3;
    color: #fff;
}
.iloTextToggle .iloToggleMoreButton span {
	cursor: pointer;
}
.iloTextToggle .iloToggleMoreButton .iloToggleIcon {
	font-family: ETMODULES, "sans-serif";
}
.iloTextToggle .iloToggleExpanded {
	max-height: 4000px;
	transition: max-height 0.3s ease-in;
}
/* toggle - blue background */

.iloTextToggle.blueBG .et_pb_text_inner:after,
.iloTextToggle.blueBG .et_pb_module_inner:after{
	background-image: linear-gradient(0deg, #3EA6B3 10%, transparent);
}

/*hide the gradient when the toggle is expanded*/
.iloTextToggle .iloToggleExpanded.et_pb_text_inner:after,
.iloTextToggle .iloToggleExpanded.et_pb_module_inner:after{
	background: none;
}

/* toggle - technology */
body.post-type-archive-technology .iloTextToggle .iloToggleMoreButton {
    width: 160px;
}



/* made in eu */
.iconAfterHl .et_pb_column {
	display: flex;
}
.iconAfterHl .et_pb_column .et_pb_module:first-child {
	margin-right: 2em;
}
body.home .et_pb_slide_image {
	margin-top: 1em!important;
	margin-bottom: 1em!important;
}
.centerVideoWrap {
	display: flex;
    align-items: center;
}
.centerVideoWrap .et_pb_module {
	width: 100%;
}