/*
Theme Name: Wohnen in Attendorn
Description: Wordpress-Theme für Wohnen in Attendorn (Base: Themify Landing)
Author: Frey Print + Media
Author URI: https://freymedia.de
Template: themify-landing
*/

/* write custom css below */

/* as long as child theme can't get WP Block library styles ...*/
@import url('//wohnen-attendorn.de/wp-includes/css/dist/block-library/style.min.css?ver=5.7.2');

/* # Custom Design
---------------------------------------------------------------------------------------------------- */

/* ## Elements
------------------------------------------------------------ */

h1 { font-size: 3.2em; }

h1.post-title,
h2.page-title {
    padding: 0;
    color: #ccc;
    font-family: crimson;
    font-size: 3.6em;
    font-style: italic;
    font-weight: 500;
    line-height: 1.1em;
    text-transform: none;
}

h1.post-title { margin: 0 0 0.6em; }

.footer-widgets .first h2 {
    margin-top: 15px;
    font-family: Open Sans;
    font-size: 0.9em;
    font-weight: normal;
    letter-spacing: 2px;
    text-transform: none;
}

h1.post-title:after,
h4.home-teaser-title:after { content: '______________________'; display: block; }

h1.post-title:after,
h2.page-title:after,
h4.home-teaser-title:after {
    color: inherit;
    font-family: inherit;
    font-size: 0.2em;
    letter-spacing: -0.01em;
}

h2 { font-size: 2.4em; }

h2::after { content: ''; }

h2.page-title { margin: 0 0 0.5em; }

h3 {
    margin-bottom: 0.35em;
    font-family: "Oswald", sans-serif;
    font-size: 2em;
    font-weight: normal;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

h4 {
	margin-bottom: 0.55em;
	font-family: "Open Sans", sans-serif;
	font-size: 2em;
	letter-spacing: -0.025em;
	text-transform: none;
}

h4.home-teaser-title {
	margin-bottom: 0.2em;
    font-family: "Oswald", sans-serif;
	font-size: 5em;
	text-transform: uppercase;
}

h5 { font-size: 1.4em; }

/* Familie Kersting headlines */

h2.familiekersting,
h3.familiekersting {
	margin-bottom: 0;
	font-family: satisfy !important;
	font-weight: 700;
	text-transform: none;
}

.home .themify_builder_row:first-child h2.familiekersting {  margin-bottom: 0.1em; font-size: 3.8em; }

h3.familiekersting:after { content: ''; }

.footer-widgets .first h4 {
    display: block;
    margin-top: 0;
    font-family: Oswald !important;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.footer-widgets .first h4::before,
.footer-widgets .first h4::after {
    position: relative;
    top: -0.15em;
    content: "-----";
    letter-spacing: -1px;
}

.footer-widgets .first h4::before { padding-right: 0.5em; }

.footer-widgets .first h4::after { padding-left: 0.2em; }

/* Familie Kersting headlines - Ende */

p { margin-bottom: 1.25em; }

ul ul, ol ol { margin-top: 0.9em; }

a {
	webkit-transition: 	all .5s ease-in-out !important;
	-moz-transition: 	all .5s ease-in-out !important;
	transition: 		all .5s ease-in-out !important;
}

::-moz-selection	{ background-color: #000; color: #fff; }
::selection			{ background-color: #000; color: #fff; }


/* ## Header
------------------------------------------------------------ */

body:not(.home) #headerwrap { background-color: #bfc202; }

#headerwrap.fixed-header { background-color: #b3b602; /* fallback for older browsers */
	background-color: rgba(179,182,2,0.98); }

#headerwrap:not(.fixed-header) { position: fixed; top: 0; left: 0; background-color: transparent; }

/*.home #headerwrap				{ display: none; }
.home #headerwrap.fixed-header 	{ display: block; }*/

#headerwrap,
#main-nav a { color: #fff; }

#header { position: relative; margin: 20px auto; padding: 0; }

#site-logo {
	position: absolute;
	top: 0;
	left: 0;
	float: none;
	font-size: 35px;
    font-family: Oswald, sans-serif;
    font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
}

#headerwrap #site-logo,
#headerwrap.fixed-header #site-logo { padding: 0; }

#site-description {
	position: absolute;
	top: auto;
	bottom: 0;
	line-height: 100%;
}

#headerwrap.fixed-header #site-description { left: 20px; }

#site-description,
#site-description span {
	font-style: normal;
	font-family: satisfy !important;
	font-weight: 700;
	text-transform: none;
}

#site-description,
#headerwrap.fixed-header #site-description { padding-top: 0; }

#headerwrap #main-nav > li > a { font-size: 18px; }

#headerwrap.fixed-header #main-nav > li > a { font-size: 16px; }

#headerwrap #main-nav > li > a:hover { color: rgba(255,255,255,.8); }

#main-nav ul {
	padding: .5em 0;
	border: 0 none transparent;
	box-shadow: 0 0 5px 5px rgba(65,28,0,0.06); 
	-moz-box-shadow: 0 0 5px 5px rgba(65,28,0,0.06); 
	-webkit-box-shadow: 0 0 5px 5px rgba(65,28,0,0.06); 
}

#main-nav ul::after { border-bottom-color: #fff; }

#main-nav ul li:hover > a { background-color: #eeeae7/*#ddd5cf*/; }

#main-nav ul a,
#main-nav .current_page_item ul a,
#main-nav ul .current_page_item a,
#main-nav .current-menu-item ul a,
#main-nav ul .current-menu-item a { width: 180px !important; }

#main-nav ul a { padding: .5em .6em !important; font-size: .8em !important; }

#main-nav .current_page_item > a::after,
#main-nav .current-menu-item > a::after { display: none; }


/* ## Content
------------------------------------------------------------ */

/* ### Home
------------------------------ */

.home .themify_builder_row:first-child .builder_row_cover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b3b602+0,e5e866+25,e5e866+50,e5e866+75,b3b602+100&1+0,0.5+25,0+50,0.5+75,1+100 */
	background: -moz-linear-gradient(top,  rgba(179,182,2,1) 0%, rgba(229,232,102,0.5) 25%, rgba(229,232,102,0) 50%, rgba(229,232,102,0.5) 75%, rgba(179,182,2,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(179,182,2,1) 0%,rgba(229,232,102,0.5) 25%,rgba(229,232,102,0) 50%,rgba(229,232,102,0.5) 75%,rgba(179,182,2,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(179,182,2,1) 0%,rgba(229,232,102,0.5) 25%,rgba(229,232,102,0) 50%,rgba(229,232,102,0.5) 75%,rgba(179,182,2,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b602', endColorstr='#b3b602',GradientType=0 ); /* IE6-9 */
}


/* ### Quarters (Portfolio)
------------------------------ */

.featured-area { background-color: #552e11; }

/* instead of absolute positioning & confusing contents ... */
.featured-background { display: none; position: static; }

/* ... we use negative margin to let the featured image overlap ... */
.portfolio-post-wrap .post-image { position: relative; bottom: -5em; }

/* ... and spend the following main content distance from this image */
.single-portfolio #layout { margin-top: 0; }

.portfolio-post-wrap .post-title { margin-bottom: .2em; color: #fff; }

/* without post meta = category */
.portfolio-post-wrap .post-title:first-child { padding-top: 1.8em; }

/* without featured image */
.portfolio-post-wrap .post-title:last-child { margin-bottom: .7em; }

.single-portfolio .post-nav {
    margin: 1.8em 0 0;
    padding: 2.05em 0 0;
    border-top: 2px dashed #000;
    border-bottom: 0 none;
}

.single-portfolio .post-nav a { font-weight: 700; }

.single-portfolio .post-nav a:hover { color: #bfc202; }


/* ### Misc
------------------------------ */

body:not(.home) #body { margin-top: 88px; } /* same like header height */

body.fixed-header-on:not(.home) #body { margin-top: 80px; } /* same like header height + margin */

#content { padding: 5% 0 0; }

.themify_builder_content .module-title { margin: 0 0 1em; padding: 0; }

.module-image + .module-text > .module-title { margin-top: 1.5em; }

.post-nav .prev .arrow::before { left: 1em; }

.post-nav .next .arrow::before { right: 1em; }

.post-nav .next .arrow::before,
.post-nav .prev .arrow::before { font-size: 1.2em; margin-top: -.7em; }

.shortcode.last + * { clear: both; }

.landing-back-top { background-color: rgba(85,46,17,.4); }

.landing-back-top:hover { background-color: rgba(85,46,17,1); }

.landing-back-top span::before { margin-left: -8px; border-top-color: #fff; border-left-color: #fff; }


/* ### Lightbox
------------------------------ */

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	right: 0;
	width: 30px;
	height: 30px;
	margin: 50px 10px 0 0;
	padding: 0;
	border-radius:			100%;
	-moz-border-radius: 	100%;
	-webkit-border-radius: 	100%;
	background-color: #fff;
	color: #000;
	line-height: 40px;
	text-align: center;
}

.mfp-image-holder .mfp-close:hover,
.mfp-iframe-holder .mfp-close:hover { background-color: #000; color: #fff; }


/* ## Footer
------------------------------------------------------------ */

/* ### Footer Widgets
------------------------------ */

.footer-widgets-wrap { background-color: transparent !important; color: #000 !important; }

.footer-widgets { width: 100%; max-width: 100%; }

/* just as long as Themifys Concate has problems */
.footer-widgets .widget { padding-top: 0; padding-bottom: 0; }

/* Logo + Basic infos */
.footer-widgets .widget#kontakt { position: relative; margin-bottom: 0; }

.footer-widgets .widget#kontakt .wp-block-column:first-of-type { position: relative; }

.footer-widgets .widget#kontakt .wp-block-column:first-of-type::after {
    content: "\2605\2665";
    position: absolute;
    top: 0.225em;
	left: -50%;
	width: 100%;
	border-bottom: 0 none transparent;
    color: #eee;
	font-size: 135px;
	text-align: center;
	-webkit-transform: translateX(50%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transform: translateX(50%); /* IE 9 */
    transform: translateX(50%); /* IE 10, Fx 16+, Op 12.1+ */
    z-index: -1;
}

/* Maps */
.footer-widgets .widget#anfahrt {
	width: 100%;
	max-width: 100% !important;
	margin: 0;
	padding: 0;
}

.footer-widgets .widget#anfahrt > p { display: none }

/* Cross marketing HzP */
.footer-widgets .widget#hotel-zur-post {
	width: 100%;
	max-width: 100%;
	margin-bottom: 0;
	background-color: #c30304;
}

.footer-widgets .widget#hotel-zur-post *,
.footer-widgets .widget#hotel-zur-post a { color: #fff; }

.footer-widgets .widget#hotel-zur-post > .wp-block-columns { align-items: center; }

.footer-widgets hr { margin-bottom: 60px; }

.footer-widgets .wp-block-column > *:last-child { margin-bottom: 0; }

.footer-widgets a { color: inherit; }

.footer-widgets p:empty { display: none; }


/* ### Footer
------------------------------ */

#footerwrap { background-color: #b3b602; color: #fff; }

.footer-nav {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: #552e11;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .1em;
	list-style: none;
}

.footer-nav li { display: inline-block; margin: 0; padding: 8px; }

.footer-nav li a { color: #fff; font-size: .8em; text-decoration: none; }

.footer-nav li a:hover { text-decoration: underline; }

.footer-text { padding: 1em 0; }



/* ## Plugins
------------------------------------------------------------ */

/* ### Complianz
------------------------------ */

#cmplz-manage-consent .cmplz-manage-consent { background-color: #552E11 !important; color: #fff !important; }


/* ## Responsive
------------------------------------------------------------ */

@media screen and (min-width: 1280px) {

	.footer-widgets .widget,
	.footer-widgets .widget#hotel-zur-post > .wp-block-columns { max-width: 1160px; margin-right: auto; margin-left: auto; }

	.footer-widgets .widget { padding: 1.5% 0 1.125%; }

}

@media screen and (max-width: 1279px) {

	.footer-widgets .widget,
	.footer-widgets .widget#widget-hotel-zur-post > .wp-block-columns { max-width: 94%; margin: 0 auto; }
	
	/* padding-bottom: % minus 1.75em margin-bottom of .wp-block-column minus contents line-height on bottom */
	.footer-widgets .widget { padding: 3% 0; }

	.wp-block-columns:first-of-type { margin-bottom: 0; }

}

@media screen and (min-width: 1201px) {

	#header {
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
		width: 100%;
		max-width: 1160px;
	}

	#headerwrap #main-nav > li > a,
	#headerwrap.fixed-header #main-nav > li > a { padding: 0 10px !important; }

}

@media screen and (max-width: 1200px) {

	#site-description { display: block; margin-bottom: 0; }

	.mobile_menu_active #menu-icon { right: 0; }

	.menu-icon-inner::before,
	.menu-icon-inner::after,
	#menu-icon-close,
	#headerwrap #main-nav a { color: #fff !important; }
	
	.menu-icon-inner { height: 23px; }
	
	.sidemenu { background-color: #552e11; }

	#menu-icon-close:hover,
	#headerwrap #main-nav a:hover { color: #d4d800 !important; }

}

@media screen and (min-width: 1025px), (max-width: 1023px) {

	.footer-widgets h3.familiekersting { font-size: 3.2em; letter-spacing: -2px; }

}

@media screen and (max-width: 1023px) {
	
	.menu-icon-inner,
	#menu-icon::before { color: #fff; }
	
	.mobile_menu_active .sidemenu,
	.sidemenu { background-color: #552e11; }
	
	#headerwrap #main-nav a { color: #fff; }
	
	#headerwrap #main-nav .current_page_item > a,
	#headerwrap #main-nav .current-menu-item > a { color: #ddd5cf; }
	
	.footer-widgets .shortcode.col3-1 {
		float: none;
		width: 100%;
		margin-left: 0;
		padding-bottom: 40px;
		text-align: center;
	}
	
	.footer-widgets .shortcode.col3-1.last { padding-bottom: 0; }
		
}

@media screen and (max-width: 1023px) {

	#headerwrap #site-logo { margin: 0; }
	
}

@media screen and (min-width: 768px) {

	.page-title { font-size: 4em; }

}

@media screen and (max-width: 767px) {

	.page-title { font-size: 2.8em; }

}

@media screen and (min-width: 481px) {

	#header { min-height: 80px; }
	
	.fixed-header #header { min-height: 60px; margin: 17px auto 15px; }

	#site-logo { font-size: 35px; }

	#headerwrap.fixed-header #site-logo { font-size: 26px; }
	
	#site-description { left: 33px; }

	#site-description,
	#site-description span { font-size: 31px; }

	#headerwrap.fixed-header #site-description,
	#headerwrap.fixed-header #site-description span { font-size: 23px; }

}

@media screen and (max-width: 480px) {

	#header { min-height: 50px; }
	
	#headerwrap #site-logo { font-size: 22px; }

	#site-description { left: 20px; }	

	#headerwrap #site-description,
	#headerwrap #site-description span { font-size: 19px; }	

}