/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

:root {
	--primary-header-height: 95px;
	--base-ast-single-entry-banner-min-height: 350px;
	--standard-overlay-background: linear-gradient(0deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,0) 97%);
}

.ast-separate-container .ast-article-single:not(.ast-related-post), 
.ast-separate-container .error-404, 
.ast-separate-container .no-results, 
.single.ast-separate-container.ast-author-meta, 
.ast-separate-container .related-posts-title-wrapper, 
.ast-separate-container .comments-count-wrapper, 
.ast-box-layout.ast-plain-container .site-content, 
.ast-padded-layout.ast-plain-container .site-content, 
.ast-separate-container .ast-archive-description, 
.ast-separate-container .comments-area .comment-respond, 
.ast-separate-container .comments-area .ast-comment-list li, 
.ast-separate-container .comments-area .comments-titlebody, 
.ast-separate-container,
.home,
.ast-single-related-posts-container {
    background-color: #F9F1EF !important;
}

.ast-right-sidebar.ast-separate-container .ast-article-single {
	padding: 0 !important;
}

#secondary {
    margin: 2em 0 2.5em !important;
}
.ast-separate-container.ast-two-container #secondary .widget {
    background-color: #f3e4e0 !important;
	padding: 2em !important;
}
.ast-separate-container.ast-two-container #secondary .widget .widget-title {
	font-weight: 600 !important;
}

h3, .entry-content :where(h3) {
	font-weight: 700 !important;
}

.ast-builder-menu-1 .menu-item > .menu-link {
	font-weight: 700;
	color: #fff !important;
}
.ast-builder-menu-1 .menu-item > .menu-link:hover:before {
	background-color: #000;
    bottom: 1rem;
    content: "";
    height: 1px;
    left: 1em;
    position: absolute;
    transition: all .35s ease;
    width: calc(100% - 2em);
}
.ast-builder-menu-1 ul.main-header-menu>.menu-item-has-children>.menu-link svg {
	transform: rotate(0deg);
    transition: all .35s ease;
}
.ast-builder-menu-1 ul.main-header-menu>.menu-item-has-children>.menu-link:hover svg {
	transform: rotate(180deg);
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg,
.ast-header-search .astra-search-icon {
    fill: #fff !important;
	color: #fff !important;
}

.ast-header-divider-1 .ast-divider-wrapper {
	border-color: #fff !important;
}

.ast-primary-header-bar {
	transition: background .5s ease;
}
.ast-primary-header-bar .site-primary-header-wrap {
	position: relative;
}
.ast-primary-header-bar.header--solid {
	xbackground-color: rgb(249 228 207) !important;
	background-color: #F9F1EF !important;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.main-header-menu .sub-menu {
	background-color: #F9F1EF !important;
	border-color: #F9F1EF !important;
	box-shadow: none !important;
}
.ast-primary-header-bar.header--solid:before {
	background: none;
}
.ast-primary-header-bar.header--solid .custom-logo-link img {
	filter: brightness(0) saturate(100%);
}
.ast-primary-header-bar.header--solid [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg,
.ast-primary-header-bar.header--solid .ast-header-search .astra-search-icon {
    fill: #000 !important;
	color: #000 !important;
}

.ast-primary-header-bar.header--solid .ast-builder-menu-1 .menu-item > .menu-link {
	color: #000 !important;
}

.ast-primary-header-bar.header--solid .ast-header-divider-1 .ast-divider-wrapper {
	border-color: #000 !important;
}
body:not(.no-term-featured-image) .ast-primary-header-bar:before {
	background: linear-gradient(#00000080, #0000);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
body:not(.no-term-featured-image) .ast-primary-header-bar.header--solid:before {
	background: none;
}

/* Change all colors in header to black when there is no header image */
body.no-term-featured-image header .custom-logo-link img {
	filter: brightness(0) saturate(100%);
}

body.no-term-featured-image [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg,
body.no-term-featured-image .ast-header-search .astra-search-icon {
    fill: #000 !important;
	color: #000 !important;
}

body.no-term-featured-image .ast-builder-menu-1 .menu-item > .menu-link {
	color: #000 !important;
}

body.no-term-featured-image .ast-header-divider-1 .ast-divider-wrapper {
	border-color: #000 !important;
}

/* End change all colors in header to black when there is no header image */

.ast-builder-menu-1 .sub-menu .menu-item > .menu-link {
	color: #000 !important;
}

.uabb-blog-posts .uabb-post__terms-wrap {
	text-align: left !important;
}
.uabb-blog-posts .uabb-post__terms-wrap .uabb-post__terms {
    background-color: #098DA3 !important;
	padding: 0 !important;
	border-radius: 3px;
}
.uabb-blog-posts .uabb-post__terms .uabb-listing__terms-link,
.cat-links.badge a,
.cat-links a, 
.tags-links.badge a {
	padding: 5px 10px;
	background-color: #098DA3 !important;
	color: #fff !important;
	border-radius: 3px;
	font-size: 14px;
}
.uabb-blog-posts .uabb-post__terms .uabb-listing__terms-link:hover,
.cat-links.badge a:hover, 
.tags-links.badge a:hover {
	background-color: #0A798B !important;
}

.ast-blog-layout-4-grid .ast-article-inner {
    box-shadow: none !important;
}
.ast-article-inner {
    padding: 1.5em !important;
}

.mks-maps {
	z-index: 9;
}

p, .entry-content p {
    margin-bottom: 1.6em
}

.ast-desktop .ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu:before {
	height: 0 !important;
}
.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu {
    margin-top: 0px !important;
    border-color: #fff;
	box-shadow: none !important;
}

.uabb-blog-posts .uabb-post-thumbnail img {
	aspect-ratio: 400 / 225;
    height: auto !important;
    width: auto !important;
}

.gallery-icon {
	border-radius: 8px !important;
	border: 0 !important;
}

.ast-archive-entry-banner {
  /* fallback als er geen category image is */
  background-image: var(--cat-banner-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.ast-single-entry-banner[data-banner-background-type="featured"] {
	background-blend-mode: normal !important;
}

/* Header Image - Over ons */
body.page-id-108 .ast-single-entry-banner[data-post-type="page"][data-banner-background-type="featured"] {
	background-position: center 39%;
}

.home.fl-builder article>.entry-content>.fl-builder-content>.fl-row:first-of-type.fl-row-bg-photo,
body:not(.no-term-featured-image).ast-inherit-site-logo-transparent.ast-hfb-header .ast-archive-entry-banner,
.ast-inherit-site-logo-transparent.ast-hfb-header .ast-single-entry-banner {
	margin-bottom: 1.6em;
	min-height: calc(var(--base-ast-single-entry-banner-min-height) + var(--primary-header-height));
	margin-top: calc(-1 * var(--primary-header-height));
	position: relative;
}

.ast-inherit-site-logo-transparent.ast-hfb-header .ast-single-entry-banner {
	aspect-ratio: 1647 / 445;
}

body:not(.no-term-featured-image) .ast-archive-entry-banner::before,
body.search .ast-archive-entry-banner::before,
.ast-single-entry-banner[data-banner-background-type="featured"]::before {
	content: "";
	position: absolute;
	inset: 0;
	xbackground: linear-gradient(180deg, rgba(249, 228, 207, 1) 0%, rgba(249, 228, 207, .8) 119px, rgba(249, 228, 207, .8) 120px, rgba(0, 0, 0, 0.1) 100%);
	background: linear-gradient(90deg, #000000b3, #0000 70%);
	z-index: 1;
	pointer-events: none;
}

.home.fl-builder article>.entry-content>.fl-builder-content>.fl-row:first-of-type.fl-row-bg-photo, 
body:not(.no-term-featured-image).ast-inherit-site-logo-transparent.ast-hfb-header .ast-archive-entry-banner, 
.ast-inherit-site-logo-transparent.ast-hfb-header .ast-single-entry-banner{
	-webkit-mask: url("https://www.travelawayoflife.nl/wp-content/themes/astra-child/assets/banner-wave-bottom.svg") center / 100% 120% no-repeat;
	  mask: url("https://www.travelawayoflife.nl/wp-content/themes/astra-child/assets/banner-wave-bottom.svg") center / 100% 120% no-repeat;
}

body.has-term-featured-image .ast-archive-entry-banner .ast-container h1,
body.search .ast-archive-entry-banner .ast-container h1,
.ast-single-entry-banner .entry-title {
	position: relative;
	z-index: 1;
	color: #fff !important;
	font-weight: 700;
}

body.has-term-featured-image .mks-maps {
	display: none;
	visibility: hidden;
}

.home .site .site-content #primary .ast-article-single {
	padding-top: 0 !important;
}

.fl-row.columns-bordered .fl-col:first-of-type .fl-col-content {
	margin-left: 0;
}
.fl-row.columns-bordered .fl-col:last-of-type .fl-col-content {
	margin-right: 0;
}

.fl-row.columns-bordered .fl-col .fl-module-photo > .fl-module-content {
	margin-top: 0 !important;
}

.fl-col.columns-nested-bordered.margin-bottom .fl-col-group-nested {
	margin-bottom: 20px;
}
.fl-col.columns-nested-bordered .fl-col-group-nested,
.fl-col.columns-bordered-single .fl-col-content,
.fl-row.columns-bordered .fl-col-content {
	border: 1px solid #eee;
	border-radius: 12px;
	background-color: #F2F0E9;
	color: #000;
	overflow: hidden;
}
.fl-col.columns-nested-bordered.lines .fl-col-group-nested,
.fl-col.columns-bordered-single.lines .fl-col-content,
.fl-row.columns-bordered.lines .fl-col-content {
	border: 1px solid #F2F0E9;
	border-radius: 12px;
	background-color: #fff;
	color: #000;
}
.fl-col.columns-nested-bordered.lines.blue .fl-col-group-nested,
.fl-col.columns-bordered-single.lines.blue .fl-col-content,
.fl-row.columns-bordered.lines.blue .fl-col-content {
	border: 1px solid #fff;
	border-radius: 12px;
	background-color: transparent;
	color: #fff;
}
.fl-col.columns-nested-bordered.lines.blue .fl-col-group-nested h2,
.fl-col.columns-bordered-single.lines.blue .fl-col-content h2,
.fl-row.columns-bordered.lines.blue .fl-col-content h2 {
	color: #fff !important;
}
.fl-row.columns-bordered.lines.blue .fl-col-content h2::before,
.fl-row.columns-bordered.lines.blue .fl-col-content h2::after {
	content: "";
	background-size: contain;
	display: inline-block;
	position: relative;
	width: 22px;
	height: 22px;
}
.fl-col.columns-nested-bordered .fl-col.no-bg .fl-col-group-nested,
.fl-col.columns-bordered-single .fl-col.no-bg .fl-col-content,
.fl-row.columns-bordered .fl-col.no-bg .fl-col-content {
	background-color: transparent !important;
	border: none;
}
.fl-col.columns-nested-bordered .fl-col-group-nested,
.fl-col.columns-bordered-single .fl-col-content,
.fl-row.columns-bordered .fl-col-content
.fl-row.columns-bordered .fl-col-content>.fl-module-photo .fl-module-content {
	margin-top: 0;
}

.fl-row.columns-bordered.lines .fl-col-content .fl-photo-content {
	padding: 20px;
}
.fl-row.columns-bordered.lines .fl-col-content .fl-photo-content a img {
	border-radius: 12px !important;
}

.ast-container .content-area.primary img {
	border-radius: 12px !important;
}

.single .entry-content .gallery {
	margin-left: 0 !important;
	margin-right: 0 !important;
	display: grid;
	gap: 1.6em;
	margin-bottom: 1.6em;
}

/* Pas selector aan naar jouw gallery wrapper */
.single .entry-content .gallery.gallery-columns-2 {
	grid-template-columns: repeat(var(--cols, 2), 1fr);
}
.single .entry-content .gallery.gallery-columns-3 {
	grid-template-columns: repeat(var(--cols, 3), 1fr);
}
.single .entry-content .gallery.gallery-columns-4 {
	grid-template-columns: repeat(var(--cols, 4), 1fr);
}
.single .entry-content .gallery.gallery-columns-5 {
	grid-template-columns: repeat(var(--cols, 5), 1fr);
}
.single .entry-content .gallery.gallery-columns-6 {
	grid-template-columns: repeat(var(--cols, 6), 1fr);
}
.single .entry-content .gallery .gallery-item {
	max-width: none !important;
	padding: 0 !important;
	margin-bottom: 0 !important;
}
/* Zorg dat ieder item een vaste hoogte heeft */
.single .entry-content .gallery .gallery-item .gallery-icon {
	aspect-ratio: 379 / 440;
	overflow: hidden;
	margin: 0;
}

/* Laat de afbeelding de box vullen (cropt indien nodig) */
.single .entry-content .gallery .gallery-item .gallery-icon img {
	border-radius: 12px !important;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.fl-col.columns-nested-bordered .fl-col-group-nested,
.fl-col.columns-bordered-single .fl-col-content,
.fl-row.columns-bordered .fl-col-content>.fl-module:first-of-type.fl-module-photo .fl-module-content .fl-photo .fl-photo-content a img {
	border-radius: 12px 12px 0 0;
}
.fl-row.columns-bordered .fl-col-content>.fl-module:first-of-type.fl-module-photo .fl-module-content {
	margin: 0;
}

.fl-row .fl-col.columns-no-bordered .fl-col-content {
	border: none;
}

.fl-row.columns-bordered.columns-bordered.booking {
	
}

.fl-row.columns-bordered.columns-bordered.booking h2 {
	color: #fff !important;
}

/* FULL CLICKABLE BUTTONS WITH BG */
/* Maakt de hele kolom klikbaar via de Button-link */
.clickable-block .fl-col-content {
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

/* 2) Alleen de ACHTERGROND laten zoomen via een pseudo-element */
.fl-col.clickable-block > .fl-col-content::before {
	content: "";
	position: absolute;
	inset: 0;
	background: inherit;            /* neemt bg-image/pos/size van .fl-col-content over */
	transition: transform 0.6s ease;
	transform-origin: center center;
	z-index: 1;                     /* onder de content */
}

.fl-col.clickable-block > .fl-col-content {
	min-height: 395px;
	justify-content: flex-end;
}

body:not(.fl-builder-edit) .fl-col.clickable-block > .fl-col-content .fl-module-photo {
	display: none !important;
	visibility: hidden;
}
body:not(.fl-builder-edit) .fl-col.clickable-block .fl-photo-content a {
	pointer-events: none !important;
	display: block !important;
	z-index: 0 !important;
}

.fl-col.clickable-block .fl-photo-content a {
	pointer-events: none; /* 👉 voorkomt dat deze de klik “kaapt” */
}

/* 3) Content altijd boven de bg-layer */
.fl-col.clickable-block > .fl-col-content > * {
	xposition: relative;
	z-index: 3;
}

.fl-col.clickable-block:hover > .fl-col-content::before,
.fl-col.clickable-block:focus-within > .fl-col-content::before {
	transform: scale(1.1);
}

.fl-col.clickable-block > .fl-col-content::after {
	content: "";
	position: absolute;
	inset: 0;
	xbackground: rgba(0,0,0,.15);
	background: var(--standard-overlay-background);
	xopacity: 0.7;
	transition: background .3s ease;
	z-index: 2;                     /* tussen bg (1) en content (3) */
}

.fl-builder-content .clickable-block .fl-module-button,
.fl-builder-content .clickable-block .fl-module-button>.fl-module-content {
	margin: 0 !important;
}

/* De ankerlaag echt full-cover en bovenaan leggen (frontend) */
.fl-builder:not(.fl-builder-edit) .clickable-block a.fl-button {
	position: absolute;
	top: 0; 
	left: 0;
	right: 0;                 /* ➜ toevoeging */
	bottom: 0;                /* ➜ toevoeging */
	display: block;           /* ➜ toevoeging */
	z-index: 999;             /* ➜ hoger dan content/overlays */
	pointer-events: auto;     /* expliciet toestaan */
	opacity: 0;               /* blijft onzichtbaar */
	text-indent: -9999px;
	overflow: hidden;
	background: none !important; 
	border: 0 !important;
	padding: 0 !important;
	min-height: 0 !important; /* was 'auto': zet op 0 */
}

/* Laat overlays kliks door */
.fl-col.clickable-block > .fl-col-content::before,
.fl-col.clickable-block > .fl-col-content::after {
	pointer-events: none;
}

/* Voorkom stacking-issues in de button-wrap */
.clickable-block .fl-col-content .fl-button-wrap {
	position: static; /* zeker weten: geen nieuwe stacking context */
}

/* Content zelf onder de full-cover link houden */
.fl-col.clickable-block > .fl-col-content > *:not(.fl-module-button):not(.fl-button-wrap) {
	position: relative;
	z-index: 3; /* jouw waarde, mag blijven */
}

.fl-col.clickable-block.text .fl-module-rich-text {
	margin-left: 20px !important;
	margin-right: 20px !important;
}
.fl-col.clickable-block.text .fl-module-rich-text h2,
.fl-col.clickable-block.text .fl-module-rich-text h3 {
	font-size: 30px !important;
    font-weight: 700 !important;
	color: #fff !important;
}
.fl-col.clickable-block.text .fl-module-rich-text p,
.fl-col.clickable-block.text .fl-module-rich-text ul {
	font-size: 16px;
    font-weight: 500;
	margin-bottom: 0 !important;
	color: #fff !important;
}
.fl-col.clickable-block.text .fl-module-rich-text ul {
	margin-left: 18px !important;
}

/* 1) Basis styling op het artikel */
.widget.featuredpage article.entry {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	display: block;
	height: 100%;
	aspect-ratio: 353 / 240;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	transition: transform 0.6s ease;
}

/* 2) Gebruik de image als background (img wordt verborgen) */
.widget.featuredpage article.entry > a.alignnone img {
	object-fit: cover;
	height: 100%;
	display: block;
	transition: transform 0.6s ease;
}
.widget.featuredpage article.entry > a.alignnone {
	position: absolute;
	inset: 0;
	z-index: 5;
	text-indent: -9999px;
}

/* 3) Zoom via pseudo-element */
.widget.featuredpage article.entry::before {
	content: "";
	position: absolute;
	inset: 0;
	background: inherit; /* zorgt dat bg meezoomt */
	transition: transform 0.6s ease;
	transform-origin: center center;
	z-index: 1;
}

/* 4) Donkere overlay */
.widget.featuredpage article.entry::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.15);
	transition: background .3s ease;
	z-index: 2;
}

/* 5) Titel en tekst */
.widget.featuredpage h3.widgettitle {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 6;
	margin: 0;
	padding: 1rem;
	color: #fff;
	font-size: 1.4rem;
	line-height: 1.3;
	text-align: center;
	background: var(--standard-yellow-overlay-background);
	box-sizing: border-box;
}
.widget.featuredpage h3.widgettitle a {
	font-size: 30px;
	color: #fff !important;
}
.widget.featuredpage h3.widgettitle a:hover {
	text-decoration: none !important;
}

/* 6) Hover effect */
/* Zoom effect op afbeelding */
.widget.featuredpage article.entry:hover img.entry-image {
	transform: scale(1.1);
}
.widget.featuredpage article.entry:hover::after {
	background: rgba(0,0,0,0.35);
}

/* 7) Hele blok klikbaar */
.widget.featuredpage article.entry > a.alignnone {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	display: block;
	z-index: 5;
	pointer-events: auto;
	background: none;
	border: none;
}


/* END FULL CLICKABLE BUTTONS WITH BG */


/* ========== ASTRA: category/archive cards als bg + tekst erover ========== */

/* Target alleen category/archives (pas aan als je alleen category wilt) */
body.archive .ast-article-post,
body.category .ast-article-post,
body.search .ast-article-post {
  position: relative;
  overflow: hidden;
  min-height: 440px; /* pas aan */
  border-radius: 12px; /* optioneel */
}

body.archive .ast-article-post .ast-article-inner,
body.category .ast-article-post .ast-article-inner,
body.search .ast-article-post .ast-article-inner {
    padding: 1.5em 1.5em 0 !important;
	overflow: hidden;
	border-radius: 12px; /* optioneel */
}

/* Thumbnail wrapper full-cover */
body.archive .ast-article-post .post-thumb,
body.category .ast-article-post .post-thumb,
body.search .ast-article-post .post-thumb {
  position: absolute;
  inset: 0;
  margin: 0;
  z-index: 1;
}

/* Img gedraagt zich als achtergrond */
body.archive .ast-article-post .post-thumb img,
body.category .ast-article-post .post-thumb img,
body.search .ast-article-post .post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
  transition: transform .6s ease;
}

/* Overlay laag */
body.archive .ast-article-post .ast-article-inner::after,
body.category .ast-article-post .ast-article-inner::after,
body.search .ast-article-post .ast-article-inner::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 97%);
  opacity: .6;
  transition: background .3s ease;
  z-index: 2;
  pointer-events: none;
}

/* Content altijd boven thumbnail + overlay */
body.archive .ast-article-post .ast-post-format-,
body.archive .ast-article-post .entry-header,
body.archive .ast-article-post .entry-content,
body.archive .ast-article-post .entry-footer,
body.category .ast-article-post .ast-post-format-,
body.category .ast-article-post .entry-header,
body.category .ast-article-post .entry-content,
body.category .ast-article-post .entry-footer,
body.search .ast-article-post .ast-post-format-,
body.search .ast-article-post .entry-header,
body.search .ast-article-post .entry-content,
body.search .ast-article-post .entry-footer {
  position: relative;
  z-index: 3;
}

/* Tekst styling (pas naar smaak) */
body.archive .ast-article-post .entry-title a,
body.category .ast-article-post .entry-title a,
body.search .ast-article-post .entry-title a {
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 700;
  letter-spacing: normal;
}

body.archive .ast-article-post .entry-content,
body.category .ast-article-post .entry-content,
body.search .ast-article-post .entry-content {
  color: #fff;
}

/* Plaats content onderin (optioneel) */
body.archive .ast-article-post .ast-blog-featured-section,
body.category .ast-article-post .ast-blog-featured-section,
body.search .ast-article-post .ast-blog-featured-section {
  height: 100%;
}
body.archive .ast-article-post .entry-header,
body.category .ast-article-post .entry-header,
body.search .ast-article-post .entry-header {
  padding: 18px;
}
body.archive .ast-article-post .entry-content,
body.category .ast-article-post .entry-content,
body.search .ast-article-post .entry-content {
  padding: 0 18px 18px 18px;
}

/* Hover zoom */
body.archive .ast-article-post:hover .post-thumb img,
body.category .ast-article-post:hover .post-thumb img,
body.search .ast-article-post:hover .post-thumb img {
  transform: scale(1.1);
}
body.archive .ast-article-post:hover::after,
body.category .ast-article-post:hover::after,
body.search .ast-article-post:hover::after {
  background: rgba(0,0,0,.40);
}

/* Hele kaart klikbaar (zonder HTML aan te passen) */
body.archive .ast-article-post a,
body.category .ast-article-post a,
body.search .ast-article-post a {
  position: relative;
  z-index: 4;
}

body.archive article.ast-archive-post .post-content,
body.category article.ast-archive-post .post-content,
body.search article.ast-archive-post .post-content {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

body.archive .ast-article-post .entry-header,
body.archive .ast-article-post .ast-excerpt-container,
body.archive .ast-article-post .post-content>.read-more,
body.category .ast-article-post .entry-header,
body.category .ast-article-post .ast-excerpt-container,
body.category .ast-article-post .post-content>.read-more,
body.search .ast-article-post .entry-header,
body.search .ast-article-post .ast-excerpt-container,
body.search .ast-article-post .post-content>.read-more {
	display: none;
}


.columns-margin .fl-col-group .fl-col.box-bordered .fl-col-content {
	margin-left: 2%;
	margin-right: 2%;
}
.columns-margin .fl-col-group .fl-col.box-bordered:nth-of-type(1) .fl-col-content {
	margin-left: 0;
	margin-right: 4%;
}
.columns-margin .fl-col-group .fl-col.box-bordered:nth-of-type(3) .fl-col-content,
.columns-margin .fl-col-group .fl-col.box-bordered:last-of-type .fl-col-content {
	margin-left: 4%;
	margin-right: 0;
}

.box-bordered .fl-col-content {
	xborder: 1px solid #00AADC;
    border-radius: 8px;
    background-color: #fff;
}
.box-bordered .fl-module-photo img {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
.box-bordered .fl-module-photo .fl-module-content {
	margin: 0 !important;
}

.site-below-footer-wrap[data-section="section-below-footer-builder"] {
	background-color: #F9F1EF !important;
	border-top: 1px solid rgba(37, 45, 56, .24) !important;
}

.ast-separate-container #primary {
	margin: 2em 0 !important;
}

.yc-archive-description{
  margin: 0 0 2em;
}
.yc-archive-description-below-loop {
  margin: 2em auto;
}
.ast-separate-container.has-term-description #primary {
	margin-top: 0.4em !important;
}
.ast-separate-container.has-cat-below-loop #primary {
	margin-bottom: 0 !important;
}

@media only screen and (min-width: 922px) {
	
}

@media only screen and (max-width: 921px) {
	body:not(.no-term-featured-image) .ast-primary-header-bar:before {
		z-index: 1;
	}
	.ast-mobile-header-wrap .site-branding a.custom-logo-link,
	.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle {
		position: relative;
		z-index: 2;
	}
	.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle {
		position: fixed !important;
        top: 12px !important;
        right: 12px !important;
        left: auto !important;
		height: 50px;
		width: 50px;
        z-index: 100000 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin: 0 !important;
        xpadding: 8px !important;
        xbackground: 0 0 !important;
        border: 0 !important;
        line-height: 1 !important;
        pointer-events: auto !important;
		border-radius: 999px;
		background-color: #fff;
		box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
	}
	.ast-mobile-popup-drawer.active .ast-mobile-popup-inner {
		background-color: #F9F1EF !important;
	}
	.ast-builder-menu-1 .menu-item > .menu-link {
		background-color: #F9F1EF !important;
		color: #000 !important;
	}
	
	.ast-header-break-point .ast-header-search {
		top: 25px !important;
		right: 81px !important;
		position: absolute;
	}
	
	header .custom-logo-link img, 
	.ast-header-break-point .site-branding img, 
	.ast-header-break-point .custom-logo-link img {
        max-width: 80px !important;
        width: 80px !important;
    }
	
	[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
		width: 26px !important;
		height: 26px !important;
		fill: #000 !important;
	}
}

@media only screen and (max-width: 767px) {
	.columns-margin .fl-col-group .fl-col .fl-col-content {
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 20px;
	}
	.columns-margin .fl-col-group .fl-col:nth-of-type(1) .fl-col-content {
		margin-left: 0;
		margin-right: 0;
	}
	.columns-margin .fl-col-group .fl-col:nth-of-type(3) .fl-col-content,
	.columns-margin .fl-col-group .fl-col:last-of-type .fl-col-content {
		margin-left: 0;
		margin-right: 0;
	} 
}

@media only screen and (max-width: 600px) {
	.columns-margin .fl-col-group .fl-col.box-bordered:nth-of-type(1) .fl-col-content {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	.single .entry-content .gallery {
		grid-template-columns: repeat(var(--cols, 1), 1fr);
	}
}