/*!
Theme Name: Ofek
Template: kadence
Author: WeMakeWebsites
Author URI: https://www.wemakewebsites.de
Description: A theme for Ofek
Version: 1.0.0
Text Domain: kadence-child
*/

@font-face {
	font-family: 'Onest';
	src: url('fonts/Onest-Regular.eot');
	src: url('fonts/Onest-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Onest-Regular.woff2') format('woff2'),
		url('fonts/Onest-Regular.woff') format('woff'),
		url('fonts/Onest-Regular.ttf') format('truetype'),
		url('fonts/Onest-Regular.svg#Onest-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Onest';
	src: url('fonts/Onest-Bold.eot');
	src: url('fonts/Onest-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Onest-Bold.woff2') format('woff2'),
		url('fonts/Onest-Bold.woff') format('woff'),
		url('fonts/Onest-Bold.ttf') format('truetype'),
		url('fonts/Onest-Bold.svg#Onest-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Onest';
	src: url('fonts/Onest-Medium.eot');
	src: url('fonts/Onest-Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/Onest-Medium.woff2') format('woff2'),
		url('fonts/Onest-Medium.woff') format('woff'),
		url('fonts/Onest-Medium.ttf') format('truetype'),
		url('fonts/Onest-Medium.svg#Onest-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Noto Sans Hebrew';
	src: url('fonts/NotoSansHebrew-Regular.eot');
	src: url('fonts/NotoSansHebrew-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/NotoSansHebrew-Regular.woff2') format('woff2'),
		url('fonts/NotoSansHebrew-Regular.woff') format('woff'),
		url('fonts/NotoSansHebrew-Regular.ttf') format('truetype'),
		url('fonts/NotoSansHebrew-Regular.svg#NotoSansHebrew-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* root */

:root{
	color-scheme: light;
	--farbe-oliv: #347574;
	--farbe-tuerkis: #42d8d2;
	--farbe-gruen: #47dc89;
}



/* general */

html{
	color-scheme: light;
}

#main h1, 
#main h2, 
#main h3,
#main h4{
	margin: 1.5em 0 .5em;
}

#main h1.is-style-unterstrich, 
#main h2.is-style-unterstrich, 
#main h3.is-style-unterstrich,
#main h4.is-style-unterstrich{
	margin-bottom: 1.4em;
	padding-left: 36px;
	position: relative;
}

#main h1.is-style-unterstrich:before, 
#main h2.is-style-unterstrich:before, 
#main h3.is-style-unterstrich:before,
#main h4.is-style-unterstrich:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 45px;
	height: 4px;
	background: var(--farbe-tuerkis);
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

#main h1.is-style-langer-unterstrich, 
#main h2.is-style-langer-unterstrich, 
#main h3.is-style-langer-unterstrich,
#main h4.is-style-langer-unterstrich{
	margin-bottom: 2.4em;
	position: relative;
}

#main h1.is-style-langer-unterstrich:before, 
#main h2.is-style-langer-unterstrich:before, 
#main h3.is-style-langer-unterstrich:before,
#main h4.is-style-langer-unterstrich:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: -70px;
	width: 220px;
	height: 4px;
	background: var(--farbe-tuerkis);
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

#main h1.is-style-nomargin, 
#main h2.is-style-nomargin, 
#main h3.is-style-nomargin,
#main h4.is-style-nomargin{
	margin: 0.1em 0 0.1em;
}

#main p.is-style-nomargin{
	margin-bottom: 0;
}

.kb-row-layout-wrap.alignfull .kt-row-column-wrap{
	padding-left: 0;
	padding-right: 0;
}

#main .wp-block-separator{
	margin-left: 0;
	width: 45px;
	height: 4px;
	background: var(--farbe-tuerkis);
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	border: none;
}

#main .wp-block-separator:not(.is-style-wide):not(.is-style-dots){
	width: 45px;
	max-width: 45px;
}

#main p.sprungziel a{
	font-size: 6.5rem;
	line-height: 1;
	text-decoration: none;
}

#main p.sprungziel a:hover{
	text-decoration: underline;
}

#main p.sprungziel.inline{
	display: inline;
	padding-right: 30px;
}

#main .kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id15_a5bf21-30{
	margin-top: 0;
}

/* header */

.site-top-header-wrap .site-header-row-container-inner .site-header-top-section-right{
	position: relative;
}

.site-top-header-wrap .site-header-row-container-inner .header-html a{
	display: block;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background: #41d8bc;
	color: var(--farbe-oliv);
	font-size: 11px;
	line-height: 50px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	position: absolute;
	top: -12px;
	right: 0;
}

.site-top-header-wrap .site-header-row-container-inner .header-html a.russian{
	right: 60px;
}

.site-top-header-wrap .site-header-row-container-inner .header-html a.english{
	right: 120px;
}

body.single-post .main-navigation .primary-menu-container > ul > li.menu-item-52 > a{
	color: var(--global-palette2);
}

.site-top-header-wrap .site-header-row-container-inner .header-html a.russian,
.site-top-header-wrap .site-header-row-container-inner .header-html a.english,
.site-top-header-wrap .site-header-row-container-inner .header-html a.hebrew{
	display: none;
}

/* mobile menu */

#mobile-menu a{
	padding: 6px 10px;
	text-transform: lowercase;
}

#mobile-menu li.sprache a{
	color: var(--farbe-gruen);
	text-transform: uppercase;
	font-size: 16px;
}

#mobile-menu li#menu-item-377,
#mobile-menu li#menu-item-385,
#mobile-menu li#menu-item-395{
	margin-top: 10px;
}

#mobile-menu li.nebenpunkte a{
	color: #67ffff;
}

#mobile-menu li.socials a{
	color: #47dc89;
	text-transform: uppercase;
	font-size: 16px;
}


/* ajax load more */

/* aktuelles */

/* .alm-listing.aktuelles{
	grid-template-columns: repeat(3, 1fr);
	display: grid;
	gap: 30px 40px;
}

.alm-listing.aktuelles .alm-item img{
	opacity: 1;
	-moz-transition: opacity 300ms ease-out 0s;
	-webkit-transition: opacity 300ms ease-out 0s;
	-o-transition: opacity 300ms ease-out 0s;
	transition: opacity 300ms ease-out 0s;
}

.alm-listing.aktuelles .alm-item:hover img{
	opacity: 0.7;
} */

/* termine */

.termine .slick-dotted.slickslider{
	margin-bottom: 80px;
}

.termine .sliderdatemeta{
	text-decoration: none;
}

.termine .sliderdatemeta span{
	display: block;
	color: var(--farbe-oliv);
}

.termine .sliderdatemeta:hover span{
	color: var(--farbe-gruen);
}

.termine .sliderdatemeta span.sliderdate{
	font-size: 72px;
	line-height: 1;
	font-weight: bold;
}

.termine .sliderdatemeta span.sliderweekday{
	font-size: 26px;
	line-height: 1;
	text-transform: uppercase;
}

article.termin{
	padding-bottom: 60px;
	margin-bottom: 60px;
	position: relative;
}

article.termin:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 45px;
	height: 4px;
	background: var(--farbe-tuerkis);
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

article.termin .kt-row-column-wrap.termine-wrap{
	display: grid;
	grid-auto-rows: minmax(min-content, max-content);
	z-index: 1;
	position: relative;
	column-gap: var(--global-kb-gap-md, 2rem);
	row-gap: var(--global-kb-gap-md, 2rem);
	padding-top: var(--global-kb-spacing-sm, 1.5rem);
	padding-bottom: var(--global-kb-spacing-sm, 1.5rem);
	grid-template-columns: minmax(0, calc(70% - ((var(--global-kb-gap-md, 2rem) * 1 )/2)))minmax(0, calc(30% - ((var(--global-kb-gap-md, 2rem) * 1 )/2)));
}

article.termin .terminmeta{
	font-size: 22px;
	font-weight: bold;
	line-height: 1.1;
	color: var(--farbe-gruen);
	margin-bottom: 4px;
}

article.termin .terminmeta .terminonline{
	color: var(--farbe-oliv);
}

article.termin .terminmeta .terminonline .trenner{
	color: var(--farbe-gruen);
}

#main article.termin h2{
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.1;
}

article.termin .teaser{
	font-style: normal;
	font-weight: 500;
	font-size: 42px;
	line-height: 1.1;
	color: var(--farbe-gruen);
}

article.termin .teaser .morecontent,
article.termin .teaser .morecontent:hover{
	background: transparent;
	border-radius: 0;
	font-style: normal;
	font-weight: 500;
	font-size: 42px;
	line-height: 1.1;
	color: var(--farbe-oliv);
	padding: 0 15px;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
	white-space: nowrap;
}

article.termin .teaser .morecontent:hover{
	-webkit-box-shadow: none;
	box-shadow: none;
	color: var(--farbe-gruen);
}

article.termin .termin-content{
	display: none;
}

/* wp-pagenavi */

#main .wp-pagenavi a,
#main .wp-pagenavi span{
	border: none;
	font-size: 24px;
	font-weight: bold;
}

#main .wp-pagenavi span.current{
	color: var(--farbe-gruen);
}

/* gravity forms */

.gform_required_legend{
	display: none;
}

#main .gform-theme--framework .gform-field-label:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)){
	font-weight: normal;
}

.gfield_required .gfield_required.gfield_required_asterisk{
	font-size: 22px;
	font-weight: normal;
}

#main .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)){
	font-size: 17px;
}

/* footer */

#colophon .site-top-footer-inner-wrap .widget{
	margin-bottom: 0;
}

#colophon .site-top-footer-inner-wrap p{
	margin-top: 0;
	margin-bottom: 0;
}

#colophon .site-top-footer-inner-wrap #block-8.widget p{
	color: #67ffff;
}

#socket{
	width: 100%;
	background-color: #86acab;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 9;
	padding-top: 15px;
	padding-bottom: 15px;
}

#socket .socketwrap{
	width: 100%;
	max-width: 1130px;
	padding-left: 25px;
	padding-right: 25px;
	margin: 0 auto;
}

#socket #socket-navigation{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0;
}

#socket #socket-navigation a{
	color: #fff;
	text-decoration: none;
	padding: 5px 10px;
}

/* mc4wp */

.single-content .mc4wp-form-fields p{
	margin-bottom: 15px;
}

.single-content .mc4wp-form-fields p.terms{
	margin-bottom: 30px;
}

.mc4wp-form-fields input[type="email"]{
	display: block;
	margin-top: 3px;
	width: 100%;
	max-width: 600px;
}

/* media queries */

@media screen and (max-width: 1400px){
	
	#main p.sprungziel a{
		font-size: 5rem;
	}
	
}

@media screen and (max-width: 1024px){
	
	#masthead .site-main-header-inner-wrap{
		min-height: 60px;
	}

	#masthead .site-branding a.brand img{
		max-width: 50px;
	}
	
	#main p.sprungziel a{
		font-size: 3rem;
	}
	
	#socket{
		position: relative;
		left: auto;
		bottom: auto;
	}

}

@media screen and (max-width: 767px){
	
	.termine .sliderdatemeta span.sliderdate{
		font-size: 54px;
	}
	
	.termine .sliderdatemeta span.sliderweekday{
		font-size: 20px;
	}
	
	article.termin {
		margin-bottom: 24px;
  	}
	
	article.termin .kt-row-column-wrap.termine-wrap{
		grid-template-columns: minmax(0, 1fr);
	}
	
	article.termin .kt-row-column-wrap.termine-wrap .termincol2{
		order: 1;
	}
	
	article.termin .kt-row-column-wrap.termine-wrap .termincol1{
		order: 2;
	}
	
	article.termin .terminmeta{
		margin-bottom: 10px;
	}
	
	#main article.termin h2{
		line-height: 1.3;
	}
	
	article.termin .teaser,
	article.termin .teaser button.morecontent,
	article.termin .teaser button.morecontent:hover{
		font-size: 22px;
		line-height: 1.3;
	}
	
}

@media screen and (max-width: 700px){
	
	.alm-listing.aktuelles{
		margin-top: 30px;
		display: grid;
		grid-template-columns: 1fr;
	}
	
	#main p.sprungziel a{
		font-size: 2rem;
	}
	
}