/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/*** Setting up fonts ***/

@import url('dejavu_sans.css');
@import url('noto_sans.css');


div, p, ul, li, a {
	font-family: 'Noto Sans', sans-serif;
}

div, p {
	font-size: 1.2rem;
	line-height: 2rem;
}

ul {
	margin-left: 1rem;
}

li {
	font-size: 1.3rem;
	line-height: 2rem;
}

h1, h2, h3 {
	font-family: 'DejaVu Sans Condensed Bold', sans-serif;
}

h1 {
	font-size: 2rem;
	line-height: 2.6rem;
}

h2 {
	font-size: 1.8rem;
	line-height: 2rem;
	margin-bottom: 1rem;
}

h3 {
	font-size: 1.6rem;
	line-height: 1.8rem;
	margin-bottom: 1rem;
}

h4, h5 {
	font-family: 'Noto Sans', sans-serif;
}

h4 {
	
}

h5 {
	
}

/*** Navigation ***/

/** Main Menu **/

/* Disable standard main menu nav */

.et_menu_container {
	display: none;
}

/* Style new main menu navs */

#top-menu, #ev-main-menu {
	font-family: 'DejaVu Sans Condensed Bold', sans-serif;
	font-size: 24px;
	line-height: 28px;
	text-transform: uppercase;
	background-color: rgba(0, 0, 0, 0);
}

#top-menu a, #ev-main-menu a {
	color: #2A4886;
}

#ev-main-menu ul>li {
	padding-right: 5px;
}


/* Add some space above and below header */

#pager_header .et_pb_row_0.et_pb_row {
	padding-top: 12px!important;
	padding-bottom: 80px !important;
}

@media only screen and (min-width:980px) and (max-width:1200px) {
	#pager_header .et_pb_row_0.et_pb_row {
		padding-top: 40px !important;
	}
	
	#pager_header .et_pb_text_inner>p {
		font-size: .9rem;
	}
	
	#ev-main-menu {
		margin-top: 90px !important;
	}
	
	.ev-main-menu-stacked {
		top: -138px !important;
		z-index: 100;
	}
}


.ev-main-menu-stacked {
	position: absolute;
    right: 15%;
    top: -128px;
	width: 500px;
	height: 250px;
	background-color: #fff !important;
	clip-path: polygon(100% 0, 0 0 , 48% 98%, 49% 99%, 50% 99.2%, 51% 99%, 52% 98%);
}

.ev-main-menu-stacked #menu-hauptmenu {
	flex-wrap: nowrap;
	flex-direction: column;
}

.ev-main-menu-stacked #menu-hauptmenu li {
	padding-bottom: .5em;
}

.ev-main-menu-stacked #menu-hauptmenu li:nth-child(1) {
	padding-top: 15px;
	padding-left: 70px;
}

.ev-main-menu-stacked #menu-hauptmenu li:nth-child(1) a {
	font-size: 1.2em;
}

.ev-main-menu-stacked #menu-hauptmenu li:nth-child(1) a:hover {
	color: #F5050E;
}

.ev-main-menu-stacked #menu-hauptmenu li:nth-child(2) {
	padding-left: 105px;
}

.ev-main-menu-stacked #menu-hauptmenu li:nth-child(2) a {
	font-size: 1.2em;
}

.ev-main-menu-stacked #menu-hauptmenu li:nth-child(2) a:hover {
	color: #F5050E;
}

.ev-main-menu-stacked #menu-hauptmenu li:nth-child(3) {
	padding-left: 140px;
}

.ev-main-menu-stacked #menu-hauptmenu li:nth-child(3) a {
	font-size: 1.2em;
}

.ev-main-menu-stacked #menu-hauptmenu li:nth-child(3) a:hover {
	color: #F5050E;
}

.ev-main-menu-stacked #menu-hauptmenu li:nth-child(4) {
	padding-left: 175px;
}

.ev-main-menu-stacked #menu-hauptmenu li:nth-child(4) a {
	font-size: 1.2em;
}

.ev-main-menu-stacked #menu-hauptmenu li:nth-child(4) a:hover {
	color: #F5050E;
}

.ev-main-menu-stacked #menu-hauptmenu li:nth-child(5) {
	padding-left: 210px;
}

.ev-main-menu-stacked #menu-hauptmenu li:nth-child(5) a {
	font-size: 1.2em;
}

.ev-main-menu-stacked #menu-hauptmenu li:nth-child(5) a:hover {
	color: #F5050E;
}

/** Mobile Menu **/

.et_pb_menu_1.et_pb_menu {
	background-color: transparent !important;
}

.mobile_menu_bar::before {
	color: #f5050e !important;
	font-size: 3rem;
}

.et_mobile_menu {
	border-top: 3px solid #f5050e;
	border-color: #f5050e;
}

#mobile_menu2 {
	min-width: 300px;
	max-width: 340px;
	margin-left: -200px;
}


/*** Side Panel ***/

@keyframes sidepanel_text_animation {
	0%		{opacity: 0;}
	99%		{opacity: 1;}
	100%	{opacity: 1;}
}

.sidepanel {
	width: 48px;
	height: 80px;
	
	font-size: 1.3rem;
	line-height: 2rem;
	color: #fff;
	
	overflow: hidden;
	transition: all .4s;
}

.sidepanel>div>p {
	opacity: 0;
}

.sidepanel:hover {
	width: 210px;
	transform: translateX(-130px);
	background-color: #334887;
}

.sidepanel:hover>div>p {
	animation: sidepanel_text_animation .4s linear;
	animation-fill-mode: forwards;
}

#sidepanel_call {
		background-image: url('https://kh.eventus-entwicklung.com/wp-content/uploads/2024/01/icon-phone.png');
	background-repeat: no-repeat;
	background-size: clamp(48px, 48px, 48px);
	background-position: 0 16px;
	
	padding: 24px 48px 16px 48px;
}

#sidepanel_call:hover {
	background-image: url('https://kh.eventus-entwicklung.com/wp-content/uploads/2024/02/icon-phone-dot-hover.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-size: clamp(48px, 48px, 48px);
	background-position: 146px 16px;
}

#sidepanel_mail {
		background-image: url('https://kh.eventus-entwicklung.com/wp-content/uploads/2024/01/icon-mail.png');
	background-repeat: no-repeat;
	background-size: clamp(48px, 48px, 48px);
	background-position: 0 16px;
	
	padding: 24px 58px 16px 38px;
}

#sidepanel_mail:hover {
	background-image: url('https://kh.eventus-entwicklung.com/wp-content/uploads/2024/02/icon-mail-open-hover.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-size: clamp(48px, 48px, 48px);
	background-position: 146px 16px;
}

#sidepanel_clock {
		background-image: url('https://kh.eventus-entwicklung.com/wp-content/uploads/2024/01/icon-clock.png');
	background-repeat: no-repeat;
	background-size: clamp(48px, 48px, 48px);
	background-position: 0 16px;
	
	padding: 20px 68px 16px 16px;
}

#sidepanel_clock>div>p {
	font-size: .9rem;
	line-height: 1.4rem;
}

#sidepanel_clock:hover {
	background-image: url('https://kh.eventus-entwicklung.com/wp-content/uploads/2024/02/icon-clock-hover.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-size: clamp(48px, 48px, 48px);
	background-position: 146px 16px;
}

#sidepanel_cal {
		background-image: url('https://kh.eventus-entwicklung.com/wp-content/uploads/2024/01/icon-calendar_add.png');
	background-repeat: no-repeat;
	background-size: clamp(48px, 48px, 48px);
	background-position: 0 16px;
	
	padding: 18px 44px 16px 32px;
}

#sidepanel_cal>div>p {
	font-size: 1rem;
	line-height: 1.4rem;
}

#sidepanel_cal:hover {
	background-image: url('https://kh.eventus-entwicklung.com/wp-content/uploads/2024/02/icon-calendar_add-hover.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-size: clamp(48px, 48px, 48px);
	background-position: 146px 16px;
}


/*** Content ***/

/** Accordion Settings **/

.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
    display: block!important;
    content: "\22" !important;
	transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
}

/* Set font size for animated p element to 16px instead of 1.2rem like other p elements */
#directions_desktop p {
	font-size: 16px;
}


/** Facebook Timeline Integration **/

@media only screen and (min-width: 376px) and (max-width: 960px) {
	#fb_timeline_desktop {
	margin: auto;
	width: 500px;
	}	
}

#fb_timeline_mobile {
	margin: auto;
  	width: 375px;
}


/*** Footer ***/

@media only screen and (min-width: 980px) {
	#main-footer {
		clip-path: polygon(22% 0, 100% 0, 100% 100%, 0% 100%);
	}
}

#main-footer h5 {
	font-family: 'DejaVu Sans Condensed Bold', sans-serif;
	color: #fff !important;
	font-size: 1.2rem;
}

.et_pb_widget {
	float: none;
}

.et_pb_gutters3.et_pb_footer_columns4 .footer-widget .fwidget {
	margin-bottom: 1em !important;
}

.et_pb_gutters3.et_pb_footer_columns4 .footer-widget .fwidget p {
	font-size: .9rem;
}

#et-footer-nav {
	display: none;
}


/** Reset editor styling no default **/

.et-fb-form__toggle-title>h3 {
	font-family: 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    font-size: 20px!important;
    font-style: normal;
    line-height: 1em;
    text-decoration: none;
    letter-spacing: 0;
}

.et-fb-form__toggle-title>h3::before {
	content: '';
	display: none;
}

.et-fb-settings-options ul li {
    font-family: 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
    font-size: 13px;
    line-height: 26px !important;
    font-weight: 600;
}

.et-core-modal-content * {
	font-family: 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
    font-size: 13px !important;
    line-height: 26px !important;
    font-weight: 600;
}

.et-fb-switch-editor-mode {
	height: auto !important;
}

.CodeMirror pre.CodeMirror-line {
    font-family: 'Open Sans', Helvetica, Roboto, Arial, sans-serif !important;
    font-size: 13px !important;
	line-height: 20px !important;
}