/*

 Theme Name:     OET 2025

 Theme URI:      http://www.elegantthemes.com/gallery/Divi/

 Description:    Foxy Child Theme

 Author:         Elegant Themes

 Author URI:     http://www.elegantthemes.com

 Template:       Divi

	Version: 2.7.8

*/

 

@import url("../Divi/style.css");

 

/* =Theme customization starts here
*/
@font-face {
	font-family: 'ElegantIcons';
	src:url('fonts/ElegantIcons.eot');
	src:url('fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('fonts/ElegantIcons.woff') format('woff'),
		url('fonts/ElegantIcons.ttf') format('truetype'),
		url('fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* montserrat-200 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/montserrat-v25-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-200.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-200.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-800 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/montserrat-v25-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-200italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  src: url('fonts/montserrat-v25-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-200italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-500italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/montserrat-v25-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-500italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/montserrat-v25-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-800italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/montserrat-v25-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-800italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}


/* Zona Pro */
@font-face {
    font-family: 'zona_problack';
    src: url('fonts/zonapro-black-webfont.woff2') format('woff2'),
         url('zonapro-black-webfont.woff') format('woff'),
         url('fonts/zonapro-black-webfont.ttf') format('truetype'),
         url('fonts/zonapro-black-webfont.svg#zona_problack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'zona_probold';
    src: url('fonts/zonapro-bold-webfont.woff2') format('woff2'),
         url('fonts/zonapro-bold-webfont.woff') format('woff'),
         url('fonts/zonapro-bold-webfont.ttf') format('truetype'),
         url('fonts/zonapro-bold-webfont.svg#zona_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'zona_proextrabold';
    src: url('fonts/zonapro-extrabold-webfont.woff2') format('woff2'),
         url('fonts/zonapro-extrabold-webfont.woff') format('woff'),
         url('fonts/zonapro-extrabold-webfont.ttf') format('truetype'),
         url('fonts/zonapro-extrabold-webfont.svg#zona_proextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'zona_prolight';
    src: url('fonts/zonapro-light-webfont.woff2') format('woff2'),
         url('fonts/zonapro-light-webfont.woff') format('woff'),
         url('fonts/zonapro-light-webfont.ttf') format('truetype'),
         url('fonts/zonapro-light-webfont.svg#zona_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'zona_proregular';
    src: url('zonapro-regular-webfont.woff2') format('woff2'),
         url('fonts/zonapro-regular-webfont.woff') format('woff'),
         url('fonts/zonapro-regular-webfont.ttf') format('truetype'),
         url('fonts/zonapro-regular-webfont.svg#zona_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'zona_prosemibold';
    src: url('fonts/zonapro-semibold-webfont.woff2') format('woff2'),
         url('fonts/zonapro-semibold-webfont.woff') format('woff'),
         url('fonts/zonapro-semibold-webfont.ttf') format('truetype'),
         url('fonts/zonapro-semibold-webfont.svg#zona_prosemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'zona_proultra';
    src: url('fonts/zonapro-ultra-webfont.woff2') format('woff2'),
         url('fonts/zonapro-ultra-webfont.woff') format('woff'),
         url('fonts/zonapro-ultra-webfont.ttf') format('truetype'),
         url('fonts/zonapro-ultra-webfont.svg#zona_proultra') format('svg');
    font-weight: normal;
    font-style: normal;

}



[data-icon]:before {
	font-family: 'ElegantIcons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.social_linkedin:before {
	content: "\e09d";
	font-family: 'ElegantIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.social_facebook:before {
	content: "\E093";
	font-family: 'ElegantIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon_house:before {
	content: "\e074";
	font-family: 'ElegantIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.social_youtube:before {
	content: "\e0a3";
	font-family: 'ElegantIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon_cloud:before {
	content: "\e06f";
	font-family: 'ElegantIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
@font-face {
	font-family: 'ETmodules';
	src:url('fonts/ETmodules_v2.eot');
	src:url('fonts/ETmodules_v2.eot?#iefix') format('embedded-opentype'),
		url('fonts/ETmodules_v2.ttf') format('truetype'),
		url('fonts/ETmodules_v2.woff') format('woff'),
		url('fonts/ETmodules_v2.svg#ETmodules') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Fonts, Links, Headings & colors */

body {  font-family: 'Montserrat', sans-serif; font-weight:500;
}

p a {color:#f7a600; border-bottom: 0px solid #f7a600;}
p a:hover {color:#01b2bb; border-bottom: 0px solid #01b2bb;}


h1, h2, h3, h4, h5, h6  {font-family: 'Montserrat'; font-style: normal;}

h1 {font-size: 48px;}
h2 {font-size: 32px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}

@media screen and (max-width: 768px) {
h1 {font-size: 32px;}
h2 {font-size: 24px;}
h3 {font-size: 18px;}
h4 {font-size: 15px;}
h5 {font-size: 13.5px;}
h6 {font-size: 12px;}

p {font-size:14px; line-height:1.4em;}


}

h1  {font-weight: 800; letter-spacing:0.03em;}
h2  {font-weight: 400; letter-spacing:0.03em; }
h3  {font-weight: 400; letter-spacing:0.03em;line-height:1.2em;}
h4, h5, h6 {font-weight: 400;}

.orange {color: #f7a600;}
.petrol {color:#01b2bb;}
.darkblue {color:#002a32;}
.grey {color:#333333;}
.light-grey {color:#f2f2f2;}















/* Layout */

@media (max-width: 980px) {
  .et_pb_section {
    padding: 25px 0;
  }
}






#main-content {
  background-color: transparent;
}
.et_pb_section {
    position: relative;
    background-color: transparent;
}

.et_pb_row {
	width:90%;
}

.et_boxed_layout #page-container {
    -webkit-box-shadow: 0 0 0px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 0px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 0px 0 
		rgba(0,0,0,.2);}

#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {
    background-color: transparent;
}

.vertical-align  {
display: flex;
flex-direction: column;
justify-content: center;
}

.single-project.et_pb_pagebuilder_layout .nav-single {
  width: 100%;
  max-width: 1080px;
  margin: 10px auto;
    margin-bottom: 10px;
}

.rounded {
	border-radius:12px;
}
.rounded-top {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
.rounded-bottom {
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

.content-box-white {
	background: #fff; padding:25px!important; margin-bottom:25px!important; border-radius:12px;
}
.content-box-coloured {
	background: #fff!important; padding:25px!important; border-radius:12px;
}
.content-box-orange {
	background: #f7a600!important; padding:25px!important; border-radius:12px;
}

.standard-margin-right {
	margin-right:25px!important;
}

.et_pb_testimonial .et_pb_testimonial_content p {
  padding-bottom: 25px;
}

.et_pb_testimonial_author {
	margin-top:0px;
}

/* Menus & Navigation */

.et-menu a {opacity:1;}
.et-menu a:hover {opacity:1;}

.primary-menu {display:flex; justify-content:flex-end; }

.et_mobile_menu {
	box-shadow: 0 0px 0px rgba(0,0,0,.1);
  -moz-box-shadow: 0 0px 0px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.1);
}

.mobile-menu-btn-1 {color:#b91313; text-transform:uppercase;}
.mobile-menu-btn-2 {color:#f7a600; text-transform:uppercase;}
.mobile-menu-btn-3 {color:#01b2bb; text-transform:uppercase;}


/*.main-men-btn1 {padding: 3px 12px;   background:transparent; color:#b91313; border-bottom:2px solid #b91313; border-left:2px solid #b91313; border-right:2px solid #b91313; margin-top:0px; margin-right:12px; opacity:1;} */
.main-men-btn1 {padding: 3px 12px;   background:#ce3c14; color:#fff; border-radius: 0px 0px 6px 6px; border-bottom:2px solid #ce3c14; border-left:2px solid #ce3c14; border-right:2px solid #ce3c14; margin-top:0px; margin-right:12px; opacity:0.4;}
.main-men-btn1:hover { background:#ce3c14; color:#FFF;opacity:1;}
.main-men-btn1-selected {padding: 3px 12px;   background:#ce3c14; color:#fff;  border-radius: 0px 0px 6px 6px; border-bottom:2px solid #ce3c14; border-left:2px solid #ce3c14; border-right:2px solid #ce3c14;margin-top:0px; margin-right:12px;opacity:1;}
.main-men-btn1-selected:hover { background:#ce3c14; color:#FFF;opacity:1;}

/*.main-men-btn2 {padding: 3px 12px; background:transparent; color:#f7a600; border-bottom:2px solid #f7a600; border-left:2px solid #f7a600; border-right:2px solid #f7a600;margin-top:0px; margin-right:12px; opacity:1; } */
.main-men-btn2 {padding: 3px 12px; background:#f7a600; color:#fff;  border-radius: 0px 0px 6px 6px; border-bottom:2px solid #f7a600; border-left:2px solid #f7a600; border-right:2px solid #f7a600;margin-top:0px; margin-right:12px; opacity:0.4; } 
.main-men-btn2:hover { background:#f7a600; color:#fff; opacity:1;}
.main-men-btn2-selected {padding: 3px 12px;  background:#f7a600; color:#fff;  border-radius: 0px 0px 6px 6px;  border-bottom:2px solid #f7a600; border-left:2px solid #f7a600; border-right:2px solid #f7a600;margin-top:-0px; margin-right:12px; opacity:1; }
.main-men-btn2-selected:hover { background:#f7a600; color:#fff; opacity:1;}

/*.main-men-btn3 {padding:3px 12px;  background:transparent;   border-bottom:2px solid #01b2bb; border-left:2px solid #01b2bb; border-right:2px solid #01b2bb;color:#01b2bb; margin-top:0px; opacity:1;} */
.main-men-btn3 {padding:3px 12px;  background:#01b2bb; color:#fff;  border-radius: 0px 0px 6px 6px;  border-bottom:2px solid #01b2bb; border-left:2px solid #01b2bb; border-right:2px solid #01b2bb; margin-top:0px; opacity:0.4;}
.main-men-btn3:hover {background:#01b2bb; color:#fff;opacity:1;}
.main-men-btn3-selected {padding: 3px 12px;  background:#01b2bb;  color:#FFF;  border-radius: 0px 0px 6px 6px; border-bottom:2px solid #01b2bb; border-left:2px solid #01b2bb; border-right:2px solid #01b2bb; margin-top:0px; opacity:1;}
.main-men-btn3-selected:hover {background:#01b2bb; color:#fff;opacity:1;}



/*.main-men-btn1-v2 {padding: 3px 12px;   background:transparent; color:#b91313; border-bottom:2px solid #b91313; border-left:2px solid #b91313; border-right:2px solid #b91313; margin-top:0px; margin-right:12px; opacity:1;} */
.main-men-btn1-v2 {padding: 3px 12px;   background:#002a32; color:#fff; border-radius: 0px 0px 6px 6px; border-bottom:2px solid #002a32; border-left:2px solid #002a32; border-right:2px solid #002a32; margin-top:0px; margin-right:12px; opacity:0.4;}
.main-men-btn1-v2:hover { background:#002a32; color:#FFF;opacity:1;}
.main-men-btn1-v2-selected {padding: 3px 12px;   background:#002a32; color:#fff;  border-radius: 0px 0px 6px 6px; border-bottom:2px solid #002a32; border-left:2px solid #002a32; border-right:2px solid #002a32;margin-top:0px; margin-right:12px;opacity:1;}
.main-men-btn1-v2-selected:hover { background:#002a32; color:#FFF;opacity:1;}

/*.main-men-btn1-v3 {padding: 3px 12px;   background:transparent; color:#b91313; border-bottom:2px solid #b91313; border-left:2px solid #b91313; border-right:2px solid #b91313; margin-top:0px; margin-right:12px; opacity:1;} */
.main-men-btn1-v3 {padding: 3px 12px;   background:#5c2482; color:#fff; border-radius: 0px 0px 6px 6px; border-bottom:2px solid #5c2482; border-left:2px solid #5c2482; border-right:2px solid #5c2482; margin-top:0px; margin-right:12px; opacity:0.4;}
.main-men-btn1-v3:hover { background:#5c2482; color:#FFF;opacity:1;}
.main-men-btn1-v3-selected {padding: 3px 12px;   background:#5c2482; color:#fff;  border-radius: 0px 0px 6px 6px; border-bottom:2px solid #5c2482; border-left:2px solid #5c2482; border-right:2px solid #5c2482;margin-top:0px; margin-right:12px;opacity:1;}
.main-men-btn1-v3-selected:hover { background:#5c2482; color:#FFF;opacity:1;}



.main-men-btn4 {padding: 8px 12px; border-radius:24px; background:#f7a600; color:#fff; }
.main-men-btn4:hover {background:#f7a600; color:#fff;}

.main-men-btn5 {padding: 8px 12px; border-radius:24px; background:#f7a600; color:#fff; margin-right:-11px;}
.main-men-btn5:hover {background:#f7a600; color:#fff;}

.mobile_menu_bar.et_pb_header_toggle {
    display: none;
    width: 50px;
    cursor: pointer;
}

.et_pb_fullwidth_menu--with-logo .et_pb_menu__menu > nav > ul > li > a {
	padding:0px;
}

.nav li ul {
	box-shadow: 0 0px 0px rgba(0,0,0,.1);
  -moz-box-shadow: 0 0px 0px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.1);
}

.nav li li {
	line-height:1.8em;
}



.nav-next, .nav-previous {padding: 1px 8px; border-radius:24px; background:#999; color:#666 !important; opacity:0.5;}
.nav-next:hover, .nav-previous:hover {background:#002a32; opacity:1;}



.dd-password-protect>.et_pb_row {
  max-width:300px;
  padding:25px;
  border-radius:10px;
  border-style:solid;
  border-width:2px;
  box-shadow:0px!important;
}


/* Header gallery */

#header-gallery .et-pb-controllers, .et-pb-slider-arrows {
	display:none;
}

#header-gallery a {
  pointer-events: none;
}

#header-gallery .et_overlay {
  display: none !important;
}

/*change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d'; /* mobile menu schliess icon*/
}


/*adjust the new toggle element which is added via jQuery*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}


/*some code to keep everyting positioned properly*/

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}


/*remove default background color from menu items that have children*/

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}


/*hide the submenu by default*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}


/*show the submenu when toggled open*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}


/*submenu toggle icon when closed*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33'; /* icon untermenu öffnen */
	color: #000000; /* icon farbe*/
	background: transparent; /* hintergrundfarbe bei icon */
	border-radius: 50%;
	padding: 3px;
}


/*submenu toggle icon when open*/

ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\32'; /* icon untermenu schliessen */
}


/*add point on top of the menu submenu dropdown*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}


/*adjust the position of the hamburger menu*/

.mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 10px;
	line-height: 0;
}


/*force the background color and add a rounded border*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff!important;
	border-radius: 10px;
}















/* EVENT Kalender */


#vk-events {
    position: relative;
}

#vk-past-events {
    margin-top: 40px;
}

#vk-past-events h3 { 
color:#f7a600;
}



.vk-event-list-wrapper {
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    opacity: 0.7;
}
.vk-event-list-wrapper:hover {
    opacity: 1;
    cursor: pointer;
}
.vk-event-list-date {
    width: 15%;
    text-align: center;
    padding: 20px 0px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #2d2532;
	border-radius: 12px 0px 0px 12px
}
.vk-location-event-list .add-info,
.vk-event-list-date .add-info,
.vk-event-list-location .add-info {
    font-weight: normal;
    margin: 0;
    margin-top: 0;
    margin-bottom: 10px;
    background-color: #dd914b;
    font-size: 0.8em;
    border: 1px solid #dd914b;
    color: #fff !important;
    display: inline-block;
    line-height: 1.3em;
    padding: 0 2px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.vk-event-facts {
    position: relative;
}

.vk-event-facts .add-info {
    text-align: right;
    font-size: 0.8em;
    font-weight: normal;
    background-color: #dd914b;
    margin-right: 8px;
    border: 1px solid #dd914b;
    color: #fff !important;
    display: inline-block;
    line-height: 1.3em;
    margin: 0;
    padding: 0 2px;
    margin-top: 0;
    margin-bottom: 10px;
}

.add-info.color-1 {
    border: 1px solid #dd914b;
    background-color: #dd914b;
    color: #fff !important;
}

.add-info.color-2 {
    border: 0px solid #f7a600 !important;
    background-color: #f7a600 !important;
    color: #fff !important;
    margin-top: 10px;
}

.vk-event-facts .add-info-wrapper {
    position: absolute;
    right: 10px;
    top: 20px;
}

.vk-event-list-content {
    position: relative;
    width: 59%;
    padding: 20px 30px;
    background: #fff;
}
.vk-event-list-image {
    width: 25%;
    background-size: cover;
    background-position: center;
	border-radius: 0px 12px 12px 0px
}
.vk-event-list-image-mobile {
    display: none;
}
.hide-desktop {
        display: none !important;
    }


@media screen and (max-width: 800px) {
    .hide-desktop {
        display: none !important;
    }
    .hide-mobile {
        display: none !important;
    }

    #close-overlay {
        /* background: url(img/icon-close.png) center no-repeat; */
        background-size: 30px 30px;
        background-color: #ffffff;
    }

    .add-info-holder {
        position: relative;
        padding: 0 20px;
        padding-top: 20px;
        background-color: #f2f2f2;
    }

    .vk-event-facts .add-info-wrapper {
        position: relative;
        top: 0;
        right: 0;
    }

    .vk-event-facts .add-info-wrapper .event-tags {
        position: relative;
        right: 0px;
        top: 0px;
    }
    .vk-event-list-wrapper {
        display: block;
    }
    .vk-event-list-date,
    .vk-event-list-content {
        width: 100%;
    }

    .vk-event-list-date {
        flex-direction: row;
    }
    .vk-event-list-image {
        display: none;
    }
    .vk-event-list-image-mobile {
        display: block;
        width: 100%;
        background-size: cover;
        background-position: top center;
        height: 120px;
    }
}
.date-mobile {
    display: none;
}
.day {
    font-size: 16px;
    padding-bottom: 0px;
	color:#333;
}
.day-nr {
    font-size: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.month {
    font-size: 16px;
    padding-bottom: 0px;
}
.time {
    font-size: 16px;
}
.month:after {
    width: 50%;
    border-bottom: 2px solid #fff;
    margin: auto;
    display: block;
    content: '';
}
@media screen and (max-width: 800px) {
    .vk-event-list-wrapper {
        display: block;
    }
    .vk-event-list-date,
    .vk-event-list-content {
        padding: 20px;
        padding-bottom: 0;
        width: 100%;
    }
    .vk-event-list-date {
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .vk-event-list-content {
        padding-top: 0;
        padding-bottom: 20px;
    }

    .day-nr,
    .day,
    .time {
        display: none;
    }

    .date-mobile {
        display: block;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .vk-event-facts .day {
        display: block;
        white-space: normal;
        /* padding-bottom: 8px; */
    }
}
.vk-event-list-location {
    font-size: 16px;
    color: #2d2532;

    padding-bottom: 10px;
}
.vk-event-list-title {
    font-size: 20px;
    padding-bottom: 0px;
    color: #333;
	font-weight:bold;
}
.vk-event-list-subtitle {
    font-size: 20px;
    line-height: 1.3em;
    color: #333;
    padding-bottom: 0px;
}

.vk-event-list-info {
    font-size: 13px;
    display: inline;
    line-height: 1.3em;
    color: #2d2532;
}

.vk-location-event-list {
    padding: 10px;
    background-color: #4a919e;
    margin-top: 10px;
    opacity: 1;
    color: #fff;
}
.vk-location-event-list.organs {
    background-color: #dd914b;
}
#vk-map-controls {
    padding: 20px;
}

#vk-map-controls label {
    margin-right: 20px;
}

#vk-map-overlay h3.organs {
    color: #dd914b;
}

.vk-location-event-list p a,
.link-like {
    /*color: #fff;
    font-size: 0.9em;
    background: #2d2532;
    padding: 4px 6px;*/
	color: #FFFFFF;
  border-width: 0px !important;
  border-radius: 100px;
  font-size: 16px;
  padding:6px 12px;
  background-color: #002A32;
	margin-top:25px;
	display:inline-block;
}
.vk-location-event-list p a.inverse,
.link-like.inverse {
    color: #fff;
    background: #ce3c14;
}

.vk-location-event-list p a:hover,
.link-like:hover {
    color: #fff;
    background: #ce3c14;
    text-decoration: none;
}

.vk-location-event-list p a.inverse:hover,
.link-like.inverse:hover {
    color: #fff;
    background: #333;
}
.vk-location-event-list p a:after,
.link-like:after {
    content: ' \024';
    font-family: 'ElegantIcons';
    vertical-align: -2px;
}
.vk-location-event-list:hover {
    opacity: 1;
}

vk-location-event-list p a.back:after,
.link-like.back:after {
    content: ' \023';
}

.sec {
    margin-top: 40px;
}

.vk-organ-wrapper,
.vk-artist-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.vk-organ-image,
.vk-artist-image {
    width: 32%;
    background-color: #999;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    margin-right: 1%;
    filter: grayscale(100%);
    background-blend-mode: multiply;
    -webkit-filter: grayscale(100%);
    color: #fff;
    cursor: pointer;
	border-radius:12px;
}

@media screen and (max-width: 800px) {
    .vk-organ-wrapper,
    .vk-artist-wrapper {
        display: block;
    }
    .vk-organ-image,
    .vk-artist-image {
        width: auto;
    }
}
.vk-organ-image:hover,
.vk-artist-image:hover {
    filter: grayscale(0%);
    background-blend-mode: normal;
    color: rgba(255, 255, 255, 0);
    transition: all 0.1s ease-in-out;
}

.vk-organ-overlay,
.vk-artist-overlay {
    width: 80%;
    text-align: center;
    padding: 50px 0px;
    margin: auto;
}

#overlay .image-wrapper,
#overlay .image-wrapper {
    background-size: cover;
}

.vk-organ-name,
.vk-artist-name {
    margin: 30px 0px;
    padding: 2px;
    word-wrap: break-word;
}

.vk-artist-name,
.vk-organ-name .name {
    font-size: 26px;
	font-weight:800;
    text-decoration: none;
    text-decoration-thickness: 3px;
}

.vk-organ-name .location {
    font-size: 18px;
    text-decoration: none !important;
}

.vk-event-wrapper {
    width: 80%;
    max-width: 1080px;
    margin: 80px auto;
}
.vk-event-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
	
}
.vk-event-image {
    width: 40%;
    background-size: cover;
    background-position: top center;
	border-radius: 25px 0px 0px 25px;
}

.vk-event-facts {
    width: 59.5%;
    padding: 20px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
	padding:25px;
	border-radius:0px 25px 25px 0px;;
}

@media screen and (max-width: 800px) {
    .vk-event-header {
        display: block;
    }
    .vk-event-image {
        width: auto;
        height: 120px;
    }

    .vk-event-facts {
        width: auto;
    }

    .vk-event-wrapper .vk-event-facts .add-info-wrapper .add-info.not-public {
        position: absolute;
        margin: 0;
        left: 0;
        top: 4px;
    }
}


.vk-event-ticketbox {
    width: 100%;
    padding-right: 10px;
    color: #f7a600;
    margin-top: 20px;
    text-align: right;
}
.vk-event-ticket-button {
    border: 3px solid #4a919e;
    color: #4a919e;
    padding: 10px 10px 8px 10px;

    font-size: 16px;
}
.vk-event-ticket-button:hover {
    border: 3px solid #4a919e;
    background: #4a919e;
    color: #fff;
    cursor: pointer;
}

.vk-event-title {
    font-size: 36px;
	font-weight: bold;
    line-height: 1.1em;
    color: #f7a600;
    padding-bottom: 0px;
    margin: 20px 0px 5px 0px;
}

@media screen and (max-width: 800px) {
    .vk-event-title {
        font-size: 22px;
    }
}

.vk-event-text {
	max-width:720px;
	margin:50px auto;
	color:#333;

}
.vk-event-organ-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.vk-event-organ-image {
    width: 30%;
    background-color: #999;
}
.vk-event-organ-info {
    width: 65%;
}

.vk-event-organ-name-wrapper {
    width: 100%;
    margin-bottom: 0px;
    background: #4a919e;
    padding: 2%;
    text-align: center;
}
.vk-event-organ-name {
    font-size: 20px;
    line-height: 1.7em;

    margin: 0px;
    text-decoration: underline;
    text-decoration-thickness: 3px;
}

.sized-wrapper {
    max-width: 1080px;
    width: 80%;
    margin: 0px auto 80px auto;
}

#overlay {
    color: #333;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: rgba(242, 242, 242, 0.95);
    z-index: 11000;
    transition: 0.5s all;
}

#overlay.right {
    left: auto;
    right: 0;
}

#overlay .inner {
    overflow-y: scroll;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

#overlay.visible {
    width: 50%;
    max-width: 800px;
}

@media screen and (max-width: 800px) {
    #overlay.visible {
        width: 95vw;
    }
}

#overlay h3 {
		color:#ce3c14;
	font-size:24px;
font-weight: bold;
}

#overlay h4 {
    margin-top: 20px;
	color:#ce3c14;
}

#close-overlay {
    background: url(img/icon-close.png) center no-repeat;
    background-size: 40px 40px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    width: 40px;
    height: 40px;
}

@media screen and (max-width: 800px) {
    #close-overlay {
        background: url(img/icon-close-yellow.png) center no-repeat;
        width: 40px;
        height: 40px;
        background-size: 30px;
        background-color: #ffffff;
        background-position: center;
    }
}

.video-iframe-wrapper {
    margin: 30px 0;
}

.video-iframe-wrapper iframe {
    max-width: 100%;
}

.o-wrapper {
    padding: 30px;
}

.o-wrapper h3 .location {
font-weight: normal;
}

/* ORGELVERGLEICH */

.organ-view h3 {
	font-weight: bold;
	color:#ce3c14;
}
.organ-view h4 {
	color:#ce3c14;
}
.organ-view .location {
font-size:24px;
color:#ce3c14;
}


.section {
	padding:25px!important;
	border-radius:12px!important;
}

.organ-view select {
	font-size: 16px!important;
	border:0px;
}



table.organ-facts {
    width: 100%;
    margin: 20px 0;
}

table.organ-facts th {
    text-align: left;
    white-space: nowrap;
    width: 50%;
    padding-right: 1em;
}

table.organ-facts th,
table.organ-facts td {
    vertical-align: top;
}

.loader-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    font-size: 24px;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    padding-top: 80px;
}

#vk-filter {
    position: relative;
    margin-bottom: 25px;
    padding: 25px;
	border-radius:12px;
    background: #fff;
}

#reset-filter-button {
    position: absolute;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
	border-radius:100px;
	background: #002a32;
	color:#fff;
	font-size: 16px;
}
#reset-filter-button:hover {
	background:#f7a600;
	
	}


.vk-filter-description {
    margin-bottom: 20px;
    font-size: 0.8em;
    line-height: 1.3em;
}

.vk-filter-description h5 {
	color:#f7a600;
}


#vk-filter .postal-search {
    padding: 4px;
}

#vk-filter .postal-search label {
    display: block;
    font-size: 0.8em;
}

#vk-filter .postal-search input {
    width: 300px;
    border: none;
    padding: 10px;
    background: #f6f7f7;
    font-size: 0.8em;
}

#vk-filter .postal-search input:focus {
    background: #f7a600;
    color: #fff;
}

#vk-filter .postal-search button {
    margin: 0 20px;
}

#vk-filter .postal-search .field-wrapper {
    position: relative;
}
#vk-filter .postal-search .delete-button {
    position: absolute;
    cursor: pointer;
    top: 3px;
    left: 280px;
    font-weight: bold;
}

@media screen and (max-width: 440px) {
    #vk-filter .postal-search input {
        width: 220px;
    }

    #vk-filter .postal-search .delete-button {
        left: 200px;
    }
}

#vk-filter .tags {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

#vk-filter .tags .tag-group {
    margin: 0;
    width: 32%;
}

@media screen and (max-width: 800px) {
    #vk-filter .tags {
        display: block;
    }
    #vk-filter .tags .tag-group {
        width: auto;
    }
}

.tag-button {
    cursor: pointer;
    padding: 2px 8px;
    transition: all 0.3s;
    margin: 0 0 4px 0;
    border-radius: 0px;
}

.tag-button {
    background-color: #f6f7f7 !important;
    font-size: 0.8em !important;
	border-radius:6px;
}

.tag-button.active {
    background-color: #002a32 !important;
    color: #fff;
}

.tag-button.with-border {
    border: 1px solid #5b7175;
}

.tag-button:hover {
    opacity: 0.8;
}

#geo-search-description {
    margin: 20px 0;
    color: #4a919e;
}

.event-tags .tag.fuer-erwachsene,
.filter-tag.fuer-erwachsene {
    background: url(img/oet_icons_erwachsene.png) 4px center no-repeat;
    background-size: 24px;
}
.filter-tag.fuer-erwachsene {
    padding-left: 35px !important;
}

.event-tags .tag.fuer-jugendliche,
.filter-tag.fuer-jugendliche {
    background: url(img/oet_icons_jugendliche.png) 4px center no-repeat;

    background-size: 24px;
}
.filter-tag.fuer-jugendliche {
    padding-left: 35px !important;
}

.event-tags .tag.fuer-kinder,
.filter-tag.fuer-kinder {
    background: url(img/oet_icons_kinder.png) 4px center no-repeat;

    background-size: 24px;
}
.filter-tag.fuer-kinder {
    padding-left: 35px !important;
}
.event-tags {
    display: flex;
    justify-content: flex-end;
}

.event-tags .tag {
    margin: 3px;
    background: #4a919e;
    color: #fff;
    padding: 0px;
    font-size: 0.8em;
    min-height: 24px;
    min-width: 24px;
    background-position: center !important;
}

.vk-event-list-content .event-tags {
    position: absolute;
    right: 20px;
    top: 20px;
}

.add-info-holder .event-tags {
    position: absolute;
    right: 20px;
    top: 20px;
}

#map-overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 11000;
    min-width: 0;
    transition: all 0.5s;
}

#map-overlay.active {
    min-width: 50vw;
}

@media screen and (max-width: 800px) {
    #map-overlay.active {
        width: 95vw;
    }
}

#organ-overlay {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 11000;
    min-width: 0;
    transition: all 0.5s;
}

#organ-overlay.active {
    min-width: 50vw;
}

@media screen and (max-width: 800px) {
    #organ-overlay.active {
        width: 95vw;
    }
}

@media screen and (max-width: 800px) {
    #reset-filter-button {
        margin-top: 40px;
        margin-left: 24px;
        position: relative;
    }
}