/*!
Theme Name: Moor & Kollegen
Template: kadence
Author: WeMakeWebsites / Jonas Langreuter
Description: A child theme for Moor & Kollegen
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

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

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

:root{
	--wp--preset--font-size--medium: 16px;
	--wp--preset--font-size--small: 12px;
}

/* header */

#mobile-header a.brand img{
	-moz-transition: all 600ms ease-out 0s;
	-webkit-transition: all 600ms ease-out 0s;
	-o-transition: all 600ms ease-out 0s;
	transition: all 600ms ease-out 0s;
}

.site-main-header-wrap.item-is-stuck:not(.item-at-start) .mobile-toggle-open-container .menu-toggle-open{
	color: #58555d;
}

.site-main-header-wrap.item-is-stuck:not(.item-at-start) .site-branding.mobile-site-branding{
	padding-top: 10px;
}

.site-main-header-wrap.item-is-stuck:not(.item-at-start) a.brand img{
	max-width: 200px;
}

/* cta buttons */

#cta-buttons{
	position: fixed;
	top: calc(50% - 95px);
	right: 0;
	z-index: 9;
}

#cta-buttons a{
	display: block;
	width: 60px;
	height: 60px;
	margin-bottom: 5px;
	background-color: #736e7d;
	text-indent: -999rem;
	background-position: center center;
	background-repeat: no-repeat;
}

#cta-buttons a.schaden{
	background-image: url('images/fire.svg');
	background-size: 40px 40px;
}

#cta-buttons a.mail{
	background-image: url('images/envelope.svg');
	background-size: 30px 30px;
}

#cta-buttons a.telefon{
	background-image: url('images/telephone.svg');
	background-size: 35px 35px;
}

#cta-buttons a:hover{
	background-color: #938f9c;
}

/* general */

#main .entry.single-entry{
	-webkit-box-shadow: none;
	box-shadow: none;
}

#main h2 span{
	font-weight: normal;
}

#main p.has-medium-font-size{
	margin-bottom: 20px;
}

#main p.has-small-font-size{
	margin-bottom: 12px;
}

.wp-block-kadence-column.seitentrenner{
	border-right: 2px solid #fff;
}

.wp-block-accordion .wp-block-accordion-item h3{
	font-size: 16px;
	font-weight: normal;
}

.wp-block-accordion .wp-block-accordion-item button:hover,
.wp-block-accordion .wp-block-accordion-item button:focus{
	color: inherit;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.wp-block-accordion .wp-block-accordion-item button .wp-block-accordion-heading__toggle-icon{
	font-size: 20px;
}

#main .wp-block-pullquote blockquote p{
	font-size: 1.1em;
	font-style: normal;
	color: #9b938e;
	line-height: 1.2;
}

#main .wp-block-pullquote{
	padding: 1em 0 0;
}

#main .wp-block-pullquote blockquote{
	quotes: "”" "“" "“" "”";
	padding: 0 30px;
}

#main .wp-block-pullquote blockquote::before,
#main .wp-block-pullquote blockquote::after{
	font-size: 290px;
	line-height: 0;
	font-family: sans-serif;
	color: var(--global-palette7);
	z-index: 0;
	position: absolute;
	content: open-quote;
}

#main .wp-block-pullquote blockquote::before{
	left: -65px;
	top: 50%;
	margin-top: 90px;
}

#main .wp-block-pullquote blockquote::after{
	right: -65px;
	top: 50%;
	margin-top: 90px;
}

#main .wp-block-pullquote + .wp-block-image > figure{
	margin-bottom: 10px;
}

#main .kundenstimme-abschnitt{
	quotes: "”" "“";
	position: relative;
	padding-top: 74px;
}

#main .kundenstimme-abschnitt:before{
	font-size: 170px;
	line-height: 0;
	font-family: "Helvetica Neue";
	color: var(--global-palette7);
	content: open-quote;
	position: absolute;
	top: 70px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

#main .kundenstimme-zitat-absatz:after{
	content: '';
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url('images/kundenstimmen-zitat-close.png') center center no-repeat;
	background-size: 26px 26px;
	margin-left: 4px;
	margin-bottom: -4px;
}

#main .wp-block-button a{
	font-size: 24px;
	border-width: 1px;
	-webkit-border-radius: 0;
	border-radius: 0;
}

#main .wp-block-button.is-style-outline a.has-theme-palette-11-color{
	background-color: rgba(78, 78, 78, 0.5);
}

#main .wp-block-button.is-style-outline a.has-theme-palette-11-color:hover{
	color: var(--global-palette1);
	border-color: var(--global-palette11);
	background-color: var(--global-palette11);
}

#main .wp-block-button.is-style-outline a.has-theme-palette-4-color:hover{
	color: var(--global-palette10);
	border-color: var(--global-palette4);
	background-color: var(--global-palette4);
}

#main .wp-block-button.is-style-outline a.has-theme-palette-7-color:hover{
	color: var(--global-palette1);
	border-color: var(--global-palette7);
	background-color: var(--global-palette7);
}

#main .wp-block-button.is-style-outline a.has-theme-palette-1-color:hover{
	color: var(--global-palette10);
	border-color: var(--global-palette1);
	background-color: var(--global-palette1);
}

#main .wp-block-button.is-style-outline a.has-theme-palette-10-color:hover{
	color: var(--global-palette1);
	border-color: var(--global-palette10);
	background-color: var(--global-palette10);
}

#main .wp-block-button.endloslinie{
	position: relative;
}

#main .wp-block-button.endloslinie:before{
	content: "";
	position: absolute;
	top: 50%;
	right: 100%;
	transform: translateY(-50%);
	width: 100vw;
	height: 1px;
	background: var(--global-palette11);
}

/* postslider */

.cb-carousel-block .postslider-bgimage > .kt-inside-inner-col{
	min-height: 420px;
}

/* news */

.wp-block-kadence-query a.kb-advanced-heading-link{
	text-decoration: none;
}

.wp-block-kadence-query a.kb-advanced-heading-link h2{
	font-size: 32px;
	line-height: 1.2;
}

.wp-block-kadence-query .wp-block-post-date{
	margin-top: 30px;
	margin-bottom: 30px;
}

.wp-block-post-excerpt__more-text a{
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none;
}

.entry-related .entry-meta .posted-by{
	display: none;
}

/* gravity forms */

#main .gform_heading{
	display: none;
}

/* footer */

#colophon .site-container{
	padding-left: 80px;
	padding-right: 80px;
}

#colophon h2{
	font-size: 26px;
}

#menu-footermenu li a{
	color: var(--global-palette6);
}

.widget_nav_menu #menu-footermenu li a{
	padding: 0 0 10px;
}

/* media queries */

@media screen and (max-width: 767px){
	
	#wrapper.wp-site-blocks .post-thumbnail.kadence-thumbnail-ratio-1-2{
		padding-bottom: 60%;
	}
	
	.site-main-header-wrap a.brand img{
		max-width: 200px !important;
	}
	
	#cta-buttons,
	#main .nomobiledisplay{
		display: none;
	}
	
	.wp-block-kadence-column.seitentrenner{
		border-right: none;
	}
	
	#main .wp-block-pullquote blockquote::before{
		left: -10px;
		top: 30%;
		margin-top: 0;
	}
	
	#main .wp-block-pullquote blockquote::after{
		right: -10px;
		top: 100%;
		margin-top: 110px;
	}
	
	#main .wp-block-button.endloslinie::before{
		display: none;
	}
	
	.cb-carousel-block .postslider-bgimage > .kt-inside-inner-col{
		min-height: 280px;
	}
	
	#colophon .site-container{
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#colophon h2{
		font-size: 20px;
	}
		
}

@media screen and (max-width: 639px){
	
	#wrapper.wp-site-blocks .post-thumbnail.kadence-thumbnail-ratio-1-2{
		padding-bottom: 80%;
	}
	
}
