/**
Theme Name: Klimhoeve
Author: Designstudio Twente
Author URI: https://designstudiotwente.nl
Description: Custom Theme for De Klimhoeve based on Astra Theme by Brainstorm Force.
Version: 1.0.17
License: 
License URI: 
Text Domain: klimhoeve
Template: astra
*/

/* Header */

#masthead .ast-container {
	padding-left: 10px;
	padding-right: 20px;
}
@media screen and (min-width: 1300px) {
	#ast-desktop-header .ast-builder-menu-1 .menu-item > .menu-link {
		font-size: 17px;
		padding-left: 1.06em;
		padding-right: 1.06em;
	}
	#masthead .ast-above-header .ast-container {
		padding-left: 25px;
		padding-right: 5px;
	}	
}
@media screen and (min-width: 1440px) {
	#ast-desktop-header .ast-builder-menu-1 .menu-item > .menu-link {
		font-size: 18px;
		padding-left: 1.2em;
		padding-right: 1.2em;
	}
}
#ast-mobile-popup a {
	line-height: 24px;
	padding-top: 14px;
	padding-bottom: 14px;
	margin-bottom: 10px;
}

@media (max-width: 639px) {
    .ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle {
        top: 0px;
    }
	.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle .ast-icon svg:not([fill]) {
		fill: #a0c539;
	}
}

#masthead .infomessage {
	height: 24px;
	margin-top: 3px;
}
#masthead .infomessage, #masthead .infomessage p {
	font-size: 14px;
	line-height: 24px;
}
#masthead .infomessage .textwidget,  #masthead .textwidget .infomessage p, #masthead .infomessage p {
	height: 24px;
	display:inline;
	width: auto;
	white-space: nowrap;
}
#masthead .infomessage {
	margin: 0 auto;
	height: 24px;
	overflow:hidden;
	box-sizing:border-box;
}
	
@media screen and (max-width: 960px) {
	#masthead .infomessage  {
		width: 100%;
		height: 24px;
		max-width: 100%;
		overflow: hidden;
	}
}
#masthead .topbar-message-link a {
	font-weight:bold;
	color: #fff;
	text-decoration:underline;
}
#masthead .topbar-message-link:not(.excerpt) {
	display:none;
}
#ast-mobile-header .site-header-above-section-left .header-widget-area {
	width: 100%;
	max-width: 100%;	
}
#ast-mobile-header .site-header-above-section-left { 
	width: 100%;
	max-width: 100%;
	min-width: 0;		
}
@media screen and (max-width: 545px) {
	#ast-mobile-header  .header-widget-area {
		padding:0;
	}
}
@media (max-width: 1024px) and (min-width: 768px) {
	#page .slick-slide .elementor-element.e-child {
		width:90%;
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (max-width: 1023px) {
	#page .premium-carousel-wrapper a.carousel-arrow {
		display:none !important;
	}
	.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-above-header-bar {
		padding-left: 0px;
		padding-right: 0px;
	}
	#ast-mobile-header .ast-above-header .ast-builder-grid-row {
		max-width: 100%;
		grid-template-columns: auto;
	    grid-column-gap: 0px;
	}
	#ast-mobile-header .site-header-above-section-right { 
		display:none;
	}	
	#ast-mobile-header .infomessage {
		width: 95%;
		max-width: 95%;
		text-align:center;
		overflow: hidden;
		margin: 16px auto 10px auto;
	}
	#ast-mobile-header .ast-header-social-wrap {
		margin-top: 16px;
		margin-bottom: 16px;
	}
	#ast-mobile-header .topbar-message-content {
		background: url(images/info-icon-white.png) center left no-repeat;
		padding-left: 32px;	
		height: 24px;
		line-height: 24px;
		display:inline-block;
		color: #fff;
	}
}
/* Google Reviews */
#ast-desktop-header .ti-widget, #ast-desktop-header .ti-widget .ti-mob-row {
		background: none;
}
#ast-desktop-header .ti-widget .ti-fade-container {
	background: url(images/google-icon-wit.png) center left no-repeat;
	background-size: 20px;
}
#ast-desktop-header .ti-widget .ti-platform-icon {
	visibility:hidden;
}

/* Tablet lay-out */
@media screen and (min-width: 1024px) {
	#masthead .infomessage .topbar-message-content {
		background: url(images/info-icon-white.png) center left no-repeat;
		padding-left: 32px;	
		min-height: 24px;
		display: block;
		float:left;
		color: #fff;
	}
	#masthead .ast-header-html-2 {
		width: 320px;
	}
	#ast-mobile-header .ast-builder-grid-row {
		grid-template-columns: 1fr 360px;
		grid-column-gap: 20px;
	}
	#ast-mobile-header .infomessage {
		width: 100%;
		max-width: 100%;
		overflow: hidden;
		display:block;
		margin-top: 8px;
	}
	#ast-mobile-header .ast-header-social-wrap {
		margin-top: 5px;
	}	
}
@media (max-width: 1140px) {
	#ast-mobile-popup .ast-builder-menu-mobile .main-navigation .main-header-menu .current-menu-ancestor > a.menu-link  {
		color: #fff;
		font-size: 0.9em;
	}
	#ast-mobile-popup .ast-builder-menu-mobile .main-navigation .menu-item ul.sub-menu a.menu-link  {
		color: #fff;
		font-weight:normal;
		font-size: 0.9em;
		text-transform:none;
	}	
	#ast-mobile-popup .ast-builder-menu-mobile .main-navigation .menu-item ul.sub-menu a.menu-link {
		text-transform:none;
		font-weight:normal;
	}
}
/* Desktop lay-out */
@media screen and (min-width: 1140px) {
	#ast-desktop-header .ast-above-header-bar  .ast-builder-grid-row {
		max-width: 100%;
		grid-template-columns: minmax(260px, 1fr) 1fr minmax(360px, 1fr);
		grid-template-columns: 260px 1fr 360px;
	}
	#ast-desktop-header .ast-above-header-bar .site-header-above-section-center {
		min-width: 0;
	}	
	#ast-desktop-header .site-header-above-section-center .header-widget-area {
		max-width: 100%;		
	}
	#ast-desktop-header .infomessage {
		width: 100%;
		max-width: 100%;
		overflow: hidden;
		display:block;
	}		
	#ast-desktop-header .ast-builder-menu-1 ul.sub-menu  a {
		text-transform: none;
		font-size: 16px;
	}
	#ast-desktop-header .ast-builder-menu-1  ul.sub-menu a.menu-link {
		font-weight: normal;
	}
	#ast-desktop-header .ast-builder-menu-1 .current-menu-ancestor > a.menu-link, #ast-desktop-header .ast-builder-menu-1 .current_page_ancestor .menu-item.current-menu-item > .menu-link {
		color: #252525;
	}
}

/* Content */
#content a {
	font-weight: normal;
}
#banner p {
	margin: 0;
}
@media screen and (max-width: 599px) {
	#content .contact-infomessage {
		background: url(images/info-icon.gif) top center no-repeat;
		padding-left:0;
		padding-top: 40px;
		display:inline-block;
		width: auto;
		text-align:center;
		margin: 0 auto 30px auto;
	}
}
@media screen and (min-width: 600px) {
	#content .contact-infomessage {
		background: url(images/info-icon.gif) center left no-repeat;
		padding-left: 32px;	
		display:inline-block;
		width: auto;
		font-size: 16px;
		margin: 0 auto 30px auto;
	}
}
#content .contact-infomessage .topbar-message-link:not(.excerpt) {
	display:none;
}
#content .contact-infomessage a {
	font-weight:bold;
}
table.prices a {
	color: #333;
}
table.prices a:hover {
	color: #90b529;
}
table.prices, table.prices th, table.prices tr, table.prices td {
	border:0;
}
table.prices th, table.prices th td {
	border: 0;
} 
table.prices th {
	background: #b0d549;
}
table.prices tr {
	background: #e4e4e4;
}
table.prices tr:nth-child(odd) {
    background-color: #f4f4f4;
}
table.prices thead td:first-of-type {
	background: #fff;
}
#content .elementor-widget-n-tabs .e-n-tabs-heading button {
	box-shadow:none !important;
}
	#content .elementor-widget-n-tabs .e-n-tabs-heading {
		z-index: 99;
		margin-bottom: -1px;
	}

.health-list .elementor-icon-list-item:has(.e-fas-info) {
	margin-top:-10px !important;
}
.health-list .elementor-icon-list-item .e-fas-info {
	visibility:hidden;
}
/* Single Post Message */
.single-post #primary {
	margin-bottom: 20px;
}
@media screen and (min-width: 1140px) {
	.ast-single-entry-banner[data-post-type="post"]  {
		padding-top: 6vw;
		padding-bottom: 6vw;
	}
	.ast-single-entry-banner {
		background: url(images/banner-kattenhotel-twente-katzenpension.jpg) center center no-repeat;
		background-size: cover;
	}
}
.ast-article-single nav.post-navigation, .single .post-navigation {
	display:none;
}
.contact-button-single-post {
	margin-top: 40px;
}
.contact-button-single-post h2 {
	color: #90b529;
	margin-bottom: 14px;
	font-size: 30px;
}
.contact-button-single-post a {
	background: #90b529;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding: 16px 30px;
	display: inline-block;
	border-radius: 3px;
	margin-top: 10px;
}
/* Footer */
#colophon .site-above-footer-wrap #pension {
	display:none;
}
#colophon .site-above-footer-wrap  {
	max-height: 60px;
	overflow:hidden;
}
#colophon .site-above-footer-wrap #werkgebied, #colophon .site-above-footer-wrap #werkgebied p {
	color: #fff !important;
}
#colophon a {
	font-weight:bold;
}
#astra-footer-menu > .menu-item > .menu-link {
	text-align: center;
}
#astra-footer-menu {
	max-width: 300px;
	margin: 0 auto;
}
#astra-footer-menu .menu-item {
	 border-bottom: 1px solid #222;
}
@media screen and (min-width:800px) {
	#colophon .ast-builder-grid-row-3-equal .ast-builder-grid-row {
		grid-template-columns: 200px 1fr 1fr;
		column-gap: 20px;
	}
}
@media screen and (min-width: 640px) and (max-width: 799px) {
	#colophon .ast-builder-grid-row-3-equal .ast-builder-grid-row {
		grid-template-columns: 320px 0px 1fr;
		column-gap: 20px;
	}
	#colophon .site-footer-primary-section-1 {
		width: 300px;
		grid-column: 1 / span 2;
	}
	#colophon .site-footer-primary-section-3 {
		grid-column: 1 / span 3;
	}
}
@media screen and (min-width: 1140px) {
	#colophon .ast-builder-grid-row-3-equal .ast-builder-grid-row {
		grid-template-columns: 320px 1fr 1fr;
		column-gap: 40px;
	}
	#colophon p.webdesign {
		padding-right: 10px;
	}
}
#colophon .site-below-footer-wrap  p {
	margin:0;
}


/* Forms */
.wpcf7 .field-wrapper p {
	margin-bottom:0;
}
.wpcf7 .field-wrapper {
	margin-bottom: 30px;
}
.wpcf7 .field-wrapper:after {
	content: "";
	display:table;
	clear:both;
}
.wpcf7 label {
	font-weight:bold;
	font-size: 16px;
}
.wpcf7 .field-wrapper input, .wpcf7 textarea {
	background: #fff;
	margin-top: 5px;
	border: 0;
}
.wpcf7 form .wpcf7-response-output {
	border: 0px;
	padding: 20px 30px;
	border-radius: 30px;
	background: #640900;
	color: #fff;
	font-weight:bold;
	font-style:italic;
}
.wpcf7 form.sent .wpcf7-response-output {
	background: #81a725;
}
.wpcf7 p.field-info {
	font-style: italic;
	color: #666;
	font-size: 0.9em;
}
.wpcf7 input[type="submit"] {
	padding: 20px 30px;
}
@media only screen and (min-width: 1023px) {
	.wpcf7 .field-wrapper input, .wpcf7 textarea {
		margin-top: 0px;	
	}
	.wpcf7  label {
		font-weight:bold;
		float:left;
		width: 36%;
		display:block;
		line-height: 40px;
		font-size: 16px;
	}
	.wpcf7  label.long {
		width: 100%;
	}
	.wpcf7 .formfield {
		display:block;
		float:left;
		width: 64%;
		padding-right: 0px;
	}
	.wpcf7  .field-wrapper.small { 
		width: 50%;
		float:left;
	}

}

/* Archive & Search page  */
.archive #content, .search-results #content  {
		background: linear-gradient(180deg,rgba(241, 238, 233, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
.archive .ast-archive-description, .search-results .ast-archive-description {
	border: 0;
	background:none;
}
.archive .ast-article-inner, .search-results .ast-article-inner {
		padding: 16px 22px 10px 22px;
}
.search-results .ast-article-inner {
		padding: 26px 22px 20px 22px;
}
.archive .entry-meta, .search-results  .entry-meta {
	display:none;
}
.archive .hentry, .search-results .hentry  {
	border-radius: 20px; 
}
.archive .read-more a, .search-results .read-more a {
	text-decoration:underline;
}

.search-results #main .hentry  {
	background:#fff;
}