/*! Theme Name: ww Theme URI: www.wedouble.nl Author: ww Author URI: https://wedouble.nl Description: Theme for the website and application of Goedhuis Version: 1.0.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: ... Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries # Media ## custom style --------------------------------------------------------------*/
/*--------------------------------------------------------------
# Variable, mixins and media queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, optgroup, textarea { color: #404040; font-family: sans-serif; font-size: 0.0625rem; line-height: 1.5; }

h1, h2, h3, h4, h5, h6 { clear: both; }

p { margin-bottom: 1.5em; }

dfn, cite, em, i { font-style: italic; }

blockquote { margin: 0 1.5em; }

address { margin: 0 0 1.5em; }

pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 0.05859rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; }

code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 0.05859rem; }

abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }

mark, ins { background: #fff9c0; text-decoration: none; }

big { font-size: 125%; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html { box-sizing: border-box; }

*, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; }

body { background: #fff; /* Fallback for when there is no custom background color defined. */ }

hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; }

ul, ol { margin: 0 0 1.5em 3em; }

ul { list-style: disc; }

ol { list-style: decimal; }

li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; }

dt { font-weight: bold; }

dd { margin: 18123em 1.5em 1.5em; }

img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ }

figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ }

table { margin: 0 0 1.5em; width: 100%; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); font-size: 0.04688rem; line-height: 1; padding: .6em 1em .4em; }

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; }

button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; }

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; }

select { border: 1px solid #ccc; }

textarea { width: 100%; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a { color: royalblue; }

a:visited { color: purple; }

a:hover, a:focus, a:active { color: midnightblue; }

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation { clear: both; display: block; float: left; }

.main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; }

.main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 100%; left: -999em; z-index: 99999; }

.main-navigation ul ul ul { left: -999em; top: 0; }

.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; }

.main-navigation ul ul a { width: 200px; }

.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; }

.main-navigation li { float: left; position: relative; }

.main-navigation a { display: block; text-decoration: none; }

/* Small menu. */
.menu-toggle, .main-navigation.toggled ul { display: block; }

@media screen and (min-width: 37.5em) { .menu-toggle { display: none; }
  .main-navigation ul { display: block; } }

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; }

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; }

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }

.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 0.05469rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus { outline: 0; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before::after, .clear:after::after, .entry-content:before::after, .entry-content:after::after, .comment-content:before::after, .comment-content:after::after, .site-header:before::after, .site-header:after::after, .site-content:before::after, .site-content:after::after, .site-footer:before::after, .site-footer:after::after { display: block; clear: both; content: ""; }

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget { margin: 0 0 1.5em; /* Make sure select elements fit in widgets. */ }

.widget select { max-width: 100%; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky { display: block; }

.updated:not(.published) { display: none; }

.page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; }

.page-links { clear: both; margin: 0 0 1.5em; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a { word-wrap: break-word; }

.bypostauthor { display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object { max-width: 100%; }

/* Make sure logo link wraps around logo image. */
.custom-logo-link { display: inline-block; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption { margin-bottom: 1.5em; max-width: 100%; }

.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; }

.wp-caption .wp-caption-text { margin: 0.8075em 0; }

.wp-caption-text { text-align: center; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery { margin-bottom: 1.5em; }

.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; }

.gallery-columns-2 .gallery-item { max-width: 50%; }

.gallery-columns-3 .gallery-item { max-width: 33.33%; }

.gallery-columns-4 .gallery-item { max-width: 25%; }

.gallery-columns-5 .gallery-item { max-width: 20%; }

.gallery-columns-6 .gallery-item { max-width: 16.66%; }

.gallery-columns-7 .gallery-item { max-width: 14.28%; }

.gallery-columns-8 .gallery-item { max-width: 12.5%; }

.gallery-columns-9 .gallery-item { max-width: 11.11%; }

.gallery-caption { display: block; }

/*--------------------------------------------------------------
# ww
--------------------------------------------------------------*/
/**
Extra width ----------------------------------------------------------------
*/
@media (min-width: 1440px) { .container { width: 1440px; max-width: 1440px; } }

/**
Default -----------------------------------------------------------------
*/
body { font-family: "Roboto", sans-serif; color: #000000; font-size: 16px; line-height: 26px; font-weight: 300; max-width: 2000px; margin: auto; }

@media (max-width: 768px) { body { font-size: 15px; } }

h1, h2, h3, h4, h5, h6 { font-family: "Roboto", sans-serif; color: #001903; margin-top: 0px; font-weight: 800; margin-bottom: 10px; }

h1 { font-size: 35px; }

@media (max-width: 768px) { h1 { font-size: 25px; } }

h2 { font-size: 30px; }

@media (max-width: 768px) { h2 { font-size: 25px; } }

h3 { font-size: 25px; }

@media (max-width: 768px) { h3 { font-display: 18px; } }

h4 { font-size: 20px; }

@media (max-width: 768px) { h4 { font-display: 15px; } }

a { color: #E2031B; outline: none; }

a:hover { color: #E2031B; }

a:visited { color: #E2031B; }

b, strong { font-weight: 900; }

a.button, .button, input[type="button"], input[type="reset"], input[type="submit"], .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] { background-color: #E2031B; padding: 15px 60px 15px 25px; color: #ffffff; text-decoration: none; position: relative; cursor: pointer; transition: all 0.5s ease; text-align: center; font-weight: 600; background-image: url(/wp-content/themes/natuurpoorten/assets/img/arrow-white.svg); background-repeat: no-repeat; background-size: 25px; background-position: calc(100% - 25px) center; white-space: nowrap; }

@media (prefers-reduced-motion: reduce) { a.button, .button, input[type="button"], input[type="reset"], input[type="submit"], .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] { transition: none; } }

a.button:hover, .button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover { background-color: #b00215; color: #ffffff; }

a.button.white, .button.white, input[type="button"].white, input[type="reset"].white, input[type="submit"].white, .woocommerce #respond input#submit.white, .woocommerce a.button.white, .woocommerce button.button.white, .woocommerce input.button.white, .woocommerce button.button:disabled.white, .woocommerce button.button:disabled[disabled].white { background-color: #ffffff; color: #000000; background-image: url(/wp-content/themes/natuurpoorten/assets/img/arrow.svg); }

a.button.white:hover, .button.white:hover, input[type="button"].white:hover, input[type="reset"].white:hover, input[type="submit"].white:hover, .woocommerce #respond input#submit.white:hover, .woocommerce a.button.white:hover, .woocommerce button.button.white:hover, .woocommerce input.button.white:hover, .woocommerce button.button:disabled.white:hover, .woocommerce button.button:disabled[disabled].white:hover { background-color: #e6e6e6; }

a.button.download, .button.download, input[type="button"].download, input[type="reset"].download, input[type="submit"].download, .woocommerce #respond input#submit.download, .woocommerce a.button.download, .woocommerce button.button.download, .woocommerce input.button.download, .woocommerce button.button:disabled.download, .woocommerce button.button:disabled[disabled].download { background-image: url(/wp-content/themes/natuurpoorten/assets/img/download.svg); background-size: 15px; background-position: calc(100% - 30px) center; }

.wp-block-button__link { background: #E2031B; }

.padding-top { padding-top: 100px; }

@media (max-width: 768px) { .padding-top { padding-top: 50px; } }

.padding-bottom { padding-bottom: 100px; }

@media (max-width: 768px) { .padding-bottom { padding-bottom: 50px; } }

.row.no-gutter { padding-left: 15px; padding-right: 15px; }

.row.no-gutter [class*='col-']:not(:first-child), .row.no-gutter [class*='col-']:not(:last-child) { padding-right: 0px; padding-left: 0px; }

.click { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { border-radius: 3px; padding: 17.5px 25px; border: 0px; background: #EEF1F2; }

.deldesktop { display: none; }

@media (max-width: 768px) { .deldesktop { display: block; } }

.delmobile { display: block; }

@media (max-width: 768px) { .delmobile { display: none; } }

blockquote { margin-bottom: 25px; border-left: 4px solid #E2031B; padding-left: 25px; font-size: 20px; font-weight: 400; }

.mirror { flex-direction: row-reverse; }

/**
Site main -----------------------------------------------------------------
*/
.site-main { margin-top: 125px; }

@media (max-width: 768px) { .site-main { margin-top: 82px; } }

.site-main .text-image:last-of-type { margin-bottom: 100px; }

.withheader .site-main { margin-top: 0px; }

/**
Slider -----------------------------------------------------------------
*/
.sliderimageitem { background-size: cover; background-position: center; background-repeat: no-repeat; }

.owl-images .owl-dots { position: absolute; left: 150px; bottom: 50px; z-index: 9; }

.owl-images .owl-dots button { outline: none; }

.owl-images .owl-dots .owl-dot span { height: 10px; width: 10px; background: transparent; border: 1px solid #ffffff; margin: 2.5px; border-radius: 50%; }

.owl-images .owl-dots .owl-dot.active span { background: #ffffff; }

/**
ul li -----------------------------------------------------------------
*/
.site-main li { list-style: none; position: relative; }

.site-main li::before { content: ""; position: absolute; left: -25px; top: 7px; height: 10px; width: 10px; border: 2px solid #E2031B; border-radius: 50%; }

/**
Archive activities and agenda -----------------------------------------------------------------
*/
.archive .page-header { padding-top: 100px; }

@media (max-width: 768px) { .archive .page-header { padding-top: 50px; } }

.page-header.events { padding-top: 100px; }

@media (max-width: 768px) { .page-header.events { padding-top: 50px; } }

.archive-categories { display: flex; align-items: center; justify-content: center; margin-top: 50px; flex-wrap: wrap; }

@media (max-width: 768px) { .archive-categories { justify-content: flex-start; } }

.archive-categories .activity-category { position: relative; padding: 0px 25px; }

@media (max-width: 992px) { .archive-categories .activity-category { padding: 0px 15px 0px 0px; flex: 0 0 50%; }
  .archive-categories .activity-category:nth-child(2n) { padding: 0px 0px 0px 15px; } }

.archive-categories .activity-category::after { content: ""; position: absolute; right: 0px; top: 0px; bottom: 0px; height: 40px; width: 1px; background: #E2031B; margin: auto; }

@media (max-width: 768px) { .archive-categories .activity-category::after { height: 25px; } }

.archive-categories .activity-category:last-child { border-right: 0px; }

.archive-categories .activity-category:last-child::after { display: none; }

@media (max-width: 992px) { .archive-categories .activity-category:nth-child(2n)::after { display: none; } }

.archive-categories .activity-category a, .archive-categories .activity-category .term-link { display: flex; align-items: center; color: #000000; font-weight: 500; cursor: pointer; height: 40px; margin-bottom: 10px; }

@media (max-width: 768px) { .archive-categories .activity-category a, .archive-categories .activity-category .term-link { height: 30px; } }

.archive-categories .activity-category.active-term a, .archive-categories .activity-category.active-term .term-link { color: #E2031B; border-bottom: 2px solid #E2031B; font-weight: 500; }

@media (max-width: 768px) { .archive-categories .activity-category.active-term a, .archive-categories .activity-category.active-term .term-link { font-size: 14px; } }

.archive-categories .activity-category .fas { color: #E2031B; font-size: 25px; margin-right: 10px; }

@media (max-width: 768px) { .archive-categories .activity-category .fas { font-size: 17px; } }

.archive-categories .activity-category svg { height: 100%; width: 100%; margin-right: 5px; }

.archive-categories .activity-category svg, .archive-categories .activity-category path, .archive-categories .activity-category circle, .archive-categories .activity-category polygon, .archive-categories .activity-category rect, .archive-categories .activity-category .st0, .archive-categories .activity-category .st1 { max-width: 35px; max-height: 40px; fill: #E2031B; stroke-miterlimit: 0; stroke: #E2031B; }

@media (max-width: 768px) { .archive-categories .activity-category svg, .archive-categories .activity-category path, .archive-categories .activity-category circle, .archive-categories .activity-category polygon, .archive-categories .activity-category rect, .archive-categories .activity-category .st0, .archive-categories .activity-category .st1 { max-width: 25px; max-height: 30px; } }

.post-counts { font-weight: 500; }

.event-list { margin-top: 25px; }

/**
Pagination -----------------------------------------------------------------
*/
.page-nav { display: flex; align-items: center; margin-top: 25px; justify-content: center; }

.page-nav .page-numbers { background: #F5EFE4; color: #000000; margin: 4px 4px 4px 0; padding: 15px 18px 14px 18px; text-decoration: none; transition: all 0.5s ease; font-weight: 400; }

@media (prefers-reduced-motion: reduce) { .page-nav .page-numbers { transition: none; } }

.page-nav .page-numbers:hover { background: #E2031B; color: #fff; text-decoration: none; }

.page-nav .current { background: #E2031B; color: #fff; padding: 15px 18px 14px 18px; }

/**
Searchbox -----------------------------------------------------------------
*/
.custom-searchobx { padding: 25px 0px; background: #E2031B; margin-top: 50px; }

.custom-searchobx input { height: 50px; border-radius: 0px; width: 100%; padding: 0px 25px; font-size: 15px; background: #fff; color: #000000; outline: none; }

.custom-searchobx .fas { position: absolute; height: 15px; top: 0px; bottom: 0px; margin: auto; right: 65px; color: #E2031B; }

/**
Tooltip -----------------------------------------------------------------
*/
.tooltipcustom { display: inline-block; position: relative; text-align: left; }

.tooltipcustom .bottom { min-width: 125px; top: 40px; left: 50%; transform: translate(-50%, 0); padding: 5px; color: #ffffff; background-color: #000000; font-size: 14px; font-weight: 500; position: absolute; z-index: 99999999; box-sizing: border-box; display: none; text-align: center; }

.tooltipcustom:hover .bottom { display: block; }

.tooltipcustom .bottom i { position: absolute; bottom: 100%; left: 50%; margin-left: -12px; width: 24px; height: 12px; overflow: hidden; }

.tooltipcustom .bottom i::after { content: ''; position: absolute; width: 12px; height: 12px; left: 50%; transform: translate(-50%, 50%) rotate(45deg); background-color: #000000; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5); }

/**
Loader -----------------------------------------------------------------
*/
.lds-ring { display: inline-block; position: relative; width: 50px; height: 50px; margin: auto; }

.lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border: 8px solid #fff; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #E2031B transparent transparent transparent; margin: auto; }

.lds-ring div:nth-child(1) { animation-delay: -0.45s; }

.lds-ring div:nth-child(2) { animation-delay: -0.3s; }

.lds-ring div:nth-child(3) { animation-delay: -0.15s; }

@keyframes lds-ring { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

.site-header { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 99999; padding: 25px 0px; transition: all 0.5s ease; }

@media (prefers-reduced-motion: reduce) { .site-header { transition: none; } }

@media (max-width: 768px) { .site-header { padding: 10px 0px; background: #ffffff; } }

.site-header.active-menu { background: #ffffff; }

.site-header .hamburger { display: none; outline: 0px !important; border: 0px !important; transform: scale(0.75); }

@media (max-width: 1200px) { .site-header .hamburger { display: block; } }

.site-header .hamburger .hamburger-inner, .site-header .hamburger .hamburger-inner::before, .site-header .hamburger .hamburger-inner::after { background: #ffffff; }

@media (max-width: 1200px) { .site-header .hamburger .hamburger-inner, .site-header .hamburger .hamburger-inner::before, .site-header .hamburger .hamburger-inner::after { background: #E2031B; } }

.site-header .hamburger.is-active .hamburger-inner, .site-header .hamburger.is-active .hamburger-inner::before, .site-header .hamburger.is-active .hamburger-inner::after { background: #ffffff; }

@media (max-width: 768px) { .site-header .hamburger.is-active .hamburger-inner, .site-header .hamburger.is-active .hamburger-inner::before, .site-header .hamburger.is-active .hamburger-inner::after { background: #E2031B; } }

.site-header.active-menu .hamburger .hamburger-inner, .site-header.active-menu .hamburger .hamburger-inner::before, .site-header.active-menu .hamburger .hamburger-inner::after { background: #E2031B; }

.site-header.fixedheader { background: #ffffff; padding-top: 10px; padding-bottom: 10px; box-shadow: 0 0px 8px 0 rgba(35, 50, 65, 0.15); }

.site-header.fixedheader .site-branding .main-navigation li a { color: #000000; }

.site-header.fixedheader .site-branding .main-navigation li.current-menu-item a { color: #E2031B; }

.site-header.fixedheader .hamburger .hamburger-inner, .site-header.fixedheader .hamburger .hamburger-inner::before, .site-header.fixedheader .hamburger .hamburger-inner::after { background: #E2031B; }

.site-header.fixedheader .hamburger.is-active .hamburger-inner, .site-header.fixedheader .hamburger.is-active .hamburger-inner::before, .site-header.fixedheader .hamburger.is-active .hamburger-inner::after { background: #E2031B; }

@media (max-width: 1200px) { .site-header.fixedheader .site-branding .main-navigation ul { top: 95px; } }

@media (max-width: 768px) { .site-header.fixedheader .site-branding .main-navigation ul { top: 82px; } }

.site-header .site-branding { display: flex; align-items: center; justify-content: space-between; }

.site-header .site-branding .logo { height: 75px; width: 150px; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url("/wp-content/themes/natuurpoorten/assets/img/logo-natuurpoorten.svg"); }

@media (max-width: 768px) { .site-header .site-branding .logo { height: 50px; width: 100px; } }

@media (max-width: 1200px) { .site-header .site-branding .main-navigation { display: none; } }

@media (max-width: 1200px) { .site-header .site-branding .main-navigation ul { background: #F5EFE4; position: fixed; top: 120px; left: 0px; bottom: 0px; right: 0px; display: flex; align-items: center; flex-direction: column; justify-content: center; } }

@media (max-width: 768px) { .site-header .site-branding .main-navigation ul { top: 82px; } }

.site-header .site-branding .main-navigation ul li a { text-transform: lowercase; padding: 12.5px; color: #001903; font-weight: 500; font-size: 17px; display: flex; align-items: center; height: 55px; flex-direction: row-reverse; }

@media (max-width: 1200px) { .site-header .site-branding .main-navigation ul li a { height: 50px; color: #000000 !important; justify-content: center; } }

.site-header .site-branding .main-navigation ul li a .menuicon { height: 30px; width: 30px; background: #F5EFE4; border-radius: 50px; display: flex; align-items: center; justify-content: center; margin-right: 10px; }

@media (max-width: 1200px) { .site-header .site-branding .main-navigation ul li a .menuicon { background: #ffffff; } }

.site-header .site-branding .main-navigation ul li a .menuicon img { max-width: 18px; max-height: 18px; }

.site-header .site-branding .main-navigation ul li:hover > ul, .site-header .site-branding .main-navigation .main-navigation ul li.focus > ul { left: 20px; background: #F5EFE4; }

.site-header .site-branding .main-navigation ul li:hover > ul li, .site-header .site-branding .main-navigation .main-navigation ul li.focus > ul li { border-bottom: 1px solid #dadada; }

.site-header .site-branding .main-navigation ul li:hover > ul li:last-child, .site-header .site-branding .main-navigation .main-navigation ul li.focus > ul li:last-child { border-bottom: 0px; }

.site-header .site-branding .main-navigation ul li:hover > ul .current-menu-item a, .site-header .site-branding .main-navigation .main-navigation ul li.focus > ul .current-menu-item a { color: #E2031B; }

.site-header .site-branding .main-navigation ul li:hover > ul a, .site-header .site-branding .main-navigation .main-navigation ul li.focus > ul a { color: #000000; justify-content: center; font-size: 15px; }

@media (max-width: 1200px) { .site-header .site-branding .sub-menu { margin-top: 5px; position: relative !important; box-shadow: none; top: 0px !important; left: 0px !important; width: 100%; }
  .site-header .site-branding .sub-menu li { border-bottom: 0px !important; }
  .site-header .site-branding .sub-menu a { justify-content: center; font-size: 16px !important; text-align: center; } }

.site-header .site-branding .main-navigation li.current-menu-item a { color: #E2031B; }

.withheader .site-header .main-navigation ul li a { color: #ffffff; }

.withheader .site-header .main-navigation ul li.current-menu-item a { color: #ffffff; }

.logged-in .site-header { top: 30px; }

#sb_instagram .sb_instagram_header { position: relative; text-align: center; margin-bottom: 50px !important; padding-bottom: 0; margin-top: -1px; background: #fff; }

#sb_instagram .sb_instagram_header .sbi_header_type_generic .sbi_header_hashtag_icon { background: #F5EFE4; border: 0px; }

#sb_instagram .sb_instagram_header a.sbi_header_link { float: none; display: inline-block; }

.sbi_header_type_generic .sbi_header_hashtag_icon, .sbi_header_type_generic .sbi_header_img { background: #F5EFE4 !important; border: 0px; }

.sbi_header_type_generic .sbi_header_hashtag_icon svg path, .sbi_header_type_generic .sbi_header_img svg path { fill: #E2031B; }

.footerlogos { display: flex; align-items: center; justify-content: center; flex-flow: wrap; margin-top: 50px; margin-bottom: 50px; }

.footerlogos img { max-height: 75px; margin-right: 5px; margin-bottom: 5px; max-width: 275px; }

@media (max-width: 768px) { .footerlogos img { height: 30px; } }

footer { background: #003305; color: #ffffff; padding: 100px 0px; font-size: 15px; }

@media (max-width: 768px) { footer { padding: 75px 0px; font-size: 12px; line-height: 22px; } }

footer h4 { color: #ffffff; font-size: 30px; font-family: "Homemade Apple", cursive; margin-bottom: 25px; }

@media (max-width: 768px) { footer h4 { font-size: 25px; } }

footer .footer-area-one { padding-right: 50px; }

footer li, footer ul { margin: 0px 0px 5px 0px; padding: 0px; list-style: none; }

footer li a, footer ul a { color: #ffffff; }

footer li a:visited, footer ul a:visited { color: #ffffff; }

footer li .fab, footer ul .fab { font-size: 25px; }

@media (max-width: 768px) { footer .footer-area-two { margin-top: 25px; margin-bottom: 25px; } }

/*--------------------------------------------------------------
# Include website
--------------------------------------------------------------*/
.location-overview { position: relative; min-height: calc(100vh + 50px); z-index: 9; border-bottom: 1px solid #dadada; }

.location-overview .location-searchbar { position: sticky; position: -webkit-sticky; top: 95px; z-index: 9; pointer-events: none; }

@media (max-width: 768px) { .location-overview .location-searchbar { top: 80px; } }

.location-overview .location-searchbar .searchbar { background: #E2031B; display: flex; align-items: center; justify-content: space-between; padding: 25px 50px; color: #ffffff; height: 100px; pointer-events: all; }

@media (max-width: 768px) { .location-overview .location-searchbar .searchbar { padding: 25px; height: 80px; } }

.location-overview .location-searchbar .searchbar .searchbar-text { display: flex; align-items: center; font-weight: 500; line-height: 18px; padding-right: 15px; }

.location-overview .location-searchbar .searchbar .searchbar-text svg { height: 30px; width: 30px; margin-right: 25px; }

@media (max-width: 768px) { .location-overview .location-searchbar .searchbar .searchbar-text svg { margin-right: 10px; } }

.location-overview .location-searchbar .searchbar .searchbar-text svg path { fill: #ffffff; }

.location-overview .location-searchbar .searchbar .searchbar-locations { position: relative; width: calc(50% + 205px); }

@media (max-width: 1440px) { .location-overview .location-searchbar .searchbar .searchbar-locations { width: calc(50% + 55px); } }

@media (max-width: 1200px) { .location-overview .location-searchbar .searchbar .searchbar-locations { width: calc(50% - 35px); } }

@media (max-width: 768px) { .location-overview .location-searchbar .searchbar .searchbar-locations { width: 100%; } }

.location-overview .location-searchbar .searchbar .searchbar-locations input { height: 50px; border-radius: 0px; width: 100%; padding: 0px 25px; font-size: 15px; background: #fff; color: #000000; outline: none; }

@media (max-width: 768px) { .location-overview .location-searchbar .searchbar .searchbar-locations input { font-size: 12px; } }

.location-overview .locations-list .nature-gates { max-width: 500px; padding: 50px 50px 50px 0px; }

@media (max-width: 992px) { .location-overview .locations-list .nature-gates { max-width: 380px; } }

@media (max-width: 768px) { .location-overview .locations-list .nature-gates { max-width: 100%; padding: 50px 0px 50px 0px; } }

.location-overview .locations-list .link-overview-nature-gates { text-align: center; margin-top: 25px; }

.location-overview .locations-list .link-overview-nature-gates .button-link-overview-nature-gates { margin-top: 25px; margin-bottom: 25px; }

.location-overview .locations-map { width: calc(50% + 205px); position: absolute; top: 50px; right: 0px; bottom: 0px; }

@media (max-width: 1440px) { .location-overview .locations-map { width: calc(50% + 55px); } }

@media (max-width: 1200px) { .location-overview .locations-map { width: calc(50% - 35px); } }

@media (max-width: 768px) { .location-overview .locations-map { width: 100%; opacity: 0; pointer-events: none; transition: all 0.5s ease; } }

@media (max-width: 768px) and (prefers-reduced-motion: reduce) { .location-overview .locations-map { transition: none; } }

@media (max-width: 768px) { .location-overview .locations-map.active { opacity: 1; pointer-events: all; } }

.location-overview .locations-map .map-view { position: sticky; position: -webkit-sticky; height: calc(100vh - 95px); top: 95px; width: 100%; }

.location-overview .locations-map .map-view .acf-map { height: 100%; }

.location-overview .locations-map .map-view .close-map { display: none; position: absolute; bottom: 115px; z-index: 9; right: 10px; background: #E2031B; padding: 10px 15px; color: #fff; }

@media (max-width: 768px) { .location-overview .locations-map .map-view .close-map { display: block; } }

.single-natuurpoort .close-map { display: none; }

.headerimages + .location-overview { margin-top: -50px; }

.location-header .location-overview { margin-bottom: 50px; }

.location-header .location-overview .location-searchbar { background: #E2031B; }

.location-header .location-overview .location-searchbar .searchbar { padding: 25px 0px; }

.pac-input-holder * { box-sizing: border-box; }

.pac-input-holder { background-color: #fff; display: flex; align-items: center; height: 50px; }

.pac-input-icon { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; display: none; }

.location-overview .location-searchbar .searchbar .searchbar-locations input { flex-grow: 1; }

.searchbar-locations.has-focus .search-result-box { display: block; }

.searchbar-locations.has-input .pac-input-icon { display: flex; }

.search-result-box { position: absolute; top: 49px; left: 0; width: 100%; display: none; }

.search-result-list { background-color: #fff; margin-top: 0px; border-bottom: 0; color: #000; font-size: 13px; font-weight: 500; box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 1px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; }

.search-result-item { padding: 8px; cursor: pointer; user-select: none; border-bottom: 1px solid rgba(0, 0, 0, 0.08); }

.search-result-item:hover { background: rgba(0, 0, 0, 0.04); }

.search-result-item:active { background: rgba(0, 0, 0, 0.08); }

.search-result-item.has-focus { background-color: #F5EFE4; }

.pac-input-close-text { background-color: #F5EFE4; color: #000000; font-size: 12px; line-height: 1; padding: 4px 6px; display: none; }

.searchbar-locations.has-input .pac-input-close-text { display: flex; }

.gm-style-iw { padding: 0px !important; border-radius: 0px !important; }

.gm-style-iw button { position: absolute !important; position: absolute !important; background: #E2031B !important; opacity: 1; border-radius: 0px; height: 40px !important; width: 40px !important; }

.gm-style-iw button::before, .gm-style-iw button::after { content: ""; width: 15px; height: 2px; background: #fff; position: absolute; margin: auto; top: 6px; bottom: 0px; left: -4px; right: 0px; transform: rotate(45deg); }

.gm-style-iw button::after { transform: rotate(-45deg); }

.gm-style-iw button img { display: none !important; }

.image-nature-gate-map { height: 150px; width: 250px; background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; top: 0px; right: 0px; left: 0px; }

.nature-gate-map-text { padding: 25px; padding-bottom: 15px; }

.nature-gate-map-text h3 { font-size: 20px; margin-top: 150px; width: 175px; }

.nature-gate-map-text .button { display: inline-block; }

.nature-gate-map-text .nature-gate-map-name { color: #909090; font-size: 14px; font-weight: 400; }

.nature-gate-map-text .nature-gate-map-name svg { max-height: 20px; max-width: 20px; margin-right: 5px; }

.nature-gate-map-text .nature-gate-map-name svg path { fill: #E2031B; }

.text-columns { padding: 100px 0px; border-bottom: 1px solid #dadada; }

.text-columns .one-column { max-width: 1000px; margin: auto; }

@media (max-width: 1200px) { .text-columns .col { flex: 0 0 50%; } }

@media (max-width: 992px) { .text-columns .col { flex: 0 0 100%; } }

.text-image { margin: 100px 0px 0px 0px; }

.text-image .sliderimageitem { min-height: 500px; height: 100%; }

@media (max-width: 768px) { .text-image .sliderimageitem { min-height: 350px; } }

.text-image .block { display: flex; align-items: center; flex-direction: column; align-items: flex-start; justify-content: center; background: #F5EFE4; }

.text-image .block .block-inner { margin: auto; padding: 100px; }

@media (max-width: 768px) { .text-image .block .block-inner { padding: 75px 40px; } }

.text-image .owl-images, .text-image .owl-stage-outer, .text-image .owl-stage, .text-image .owl-item { height: 100%; }

.text-image .owl-images .owl-dots { left: 50px; bottom: 50px; }

.header-and-location .text-image .owl-images .owl-dots { bottom: 50px; }

.activities-overview { padding: 100px 0px; border-bottom: 1px solid #dadada; }

.activities-overview .title-row { margin-bottom: 25px; }

.activities-overview .activity { padding: 25px 0px; border-bottom: 1px solid #dadada; align-items: center; margin: 0px; }

.activities-overview .activity:first-child { padding-top: 0px; }

.activities-overview .activity .activity-image { position: relative; height: 300px; border-radius: 3px; background-size: cover; background-position: center; background-repeat: no-repeat; }

@media (max-width: 768px) { .activities-overview .activity .activity-image { height: 200px; } }

.activities-overview .activity .activity-text { padding: 0px 50px; }

@media (max-width: 1200px) { .activities-overview .activity .activity-text { padding: 25px 0px; } }

@media (max-width: 768px) { .activities-overview .activity .activity-info { padding: 0px; margin-top: 15px; } }

.activities-overview .activity .activity-category a { display: flex; color: #001903; }

@media (max-width: 1200px) { .activities-overview .activity .activity-category a { justify-content: flex-end; } }

@media (max-width: 768px) { .activities-overview .activity .activity-category a { justify-content: flex-start; } }

.activities-overview .activity .activity-category .fas { color: #E2031B; margin-right: 5px; }

.activities-overview .activity .activity-category svg { max-width: 25px; max-height: 20px; fill: #E2031B; margin-right: 5px; height: 100%; width: 100%; }

.activities-overview .activity .activity-category svg svg, .activities-overview .activity .activity-category svg path, .activities-overview .activity .activity-category svg circle, .activities-overview .activity .activity-category svg polygon, .activities-overview .activity .activity-category svg rect, .activities-overview .activity .activity-category svg .st0, .activities-overview .activity .activity-category svg .st1 { fill: #E2031B; stroke: #E2031B; stroke-miterlimit: 0; fill: #E2031B; }

.activities-overview .activity .availibility { padding: 10px; background: #F5EFE4; font-size: 12px; margin-top: 50px; text-align: center; }

@media (max-width: 1200px) { .activities-overview .activity .availibility { margin-top: 15px; } }

.activities-overview .activities-archive-link { text-align: center; margin-top: 50px; }

.activities-overview .activities-archive-link .button { display: inline-block; margin-top: 10px; margin-left: 25px; margin-right: 25px; padding: 11px 60px 11px 25px; }

.headerimages { position: relative; }

@media (max-width: 768px) { .headerimages { display: flex; align-items: center; flex-direction: column-reverse; margin-top: 82px; } }

.headerimages .row { height: 90vh; min-height: 600px; max-height: 800px; }

@media (max-width: 768px) { .headerimages .row { height: auto; min-height: 0px; max-height: 100%; } }

.headerimages .row .block { display: flex; align-items: center; align-items: stretch; }

.headerimages .row .block .block-inner { width: 100%; max-width: 500px; margin-top: 125px; padding: 0px 100px; background: #F5EFE4; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 9; }

@media (max-width: 992px) { .headerimages .row .block .block-inner { max-width: 380px; padding: 0px 50px; } }

@media (max-width: 768px) { .headerimages .row .block .block-inner { margin-top: -100px; padding: 75px 40px; max-width: 100%; } }

.headerimages .row .block .block-inner h1 { font-size: 25px; }

.headerimages .row .quote-image { position: absolute; right: 15px; bottom: 50px; z-index: 9; color: #ffffff; }

@media (max-width: 992px) { .headerimages .row .quote-image { display: none; } }

.headerimages .row .quote-image .quote-title { font-weight: 600; margin-bottom: 20px; }

.headerimages .row .quote-image .quote-inner { font-family: "Homemade Apple", cursive; font-size: 30px; }

.headerimages .owl-images { position: absolute; width: calc(50% + 300px); right: 0px; top: 0px; bottom: 0px; }

@media (max-width: 1440px) { .headerimages .owl-images { width: calc(50% + 150px); } }

@media (max-width: 768px) { .headerimages .owl-images { width: 100%; position: relative; height: 100%; } }

.headerimages .owl-images::after { content: ""; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.4); }

.headerimages .owl-images .sliderimageitem { height: 90vh; min-height: 600px; max-height: 800px; }

@media (max-width: 768px) { .headerimages .owl-images .sliderimageitem { height: 50vh; min-height: 400px; max-height: 600px; } }

.header-and-location .headerimages .row .block .block-inner { padding-bottom: 50px; }

@media (max-width: 768px) { .header-and-location .headerimages .row .block .block-inner { padding-bottom: 100px; } }

.header-and-location .headerimages .row .quote-image { bottom: 100px; }

.header-and-location .owl-images .owl-dots { bottom: 100px; }

@media (max-width: 768px) { .header-and-location .owl-images .owl-dots { left: 0px; right: 0px; bottom: 125px; } }

.header-nature-gates { padding: 50px 0px; }

@media (max-width: 768px) { .header-nature-gates { padding-top: 25px; } }

.header-nature-gates svg { height: 150px; width: 100px; margin-right: 50px; }

@media (max-width: 768px) { .header-nature-gates svg { height: 90px; width: 60px; margin-right: 0px; } }

.header-nature-gates svg path { fill: #E2031B; }

.header-nature-gates .nate-gate-title { display: flex; }

@media (max-width: 768px) { .header-nature-gates .nate-gate-title { margin-bottom: 50px; flex-direction: column; align-items: center; text-align: center; } }

.header-nature-gates .nate-gate-title .subtitle-nature-gate { color: #909090; font-size: 18px; font-weight: 400; }

@media (max-width: 768px) { .header-nature-gates .nate-gate-title .subtitle-nature-gate { text-align: center; } }

@media (max-width: 768px) { .header-nature-gates p { text-align: center; } }

.infobar-nature-gates { height: 100px; margin-bottom: -50px; position: relative; z-index: 9; }

@media (max-width: 768px) { .infobar-nature-gates { margin-bottom: -25px; } }

.infobar-nature-gates .info-bar-fixed { background: transparent; transition: all 0.5s ease; /* &.scroll { position: fixed; left: 0px; right: 0px; top: 95px; background: $primary-color; .infobar-nature-gate { height: 80px; } } */ }

@media (prefers-reduced-motion: reduce) { .infobar-nature-gates .info-bar-fixed { transition: none; } }

.infobar-nature-gates .infobar-nature-gate { height: 100px; background: #E2031B; padding: 25px 50px; display: flex; align-items: center; justify-content: space-between; transition: all 0.5s ease; }

@media (prefers-reduced-motion: reduce) { .infobar-nature-gates .infobar-nature-gate { transition: none; } }

@media (max-width: 992px) { .infobar-nature-gates .infobar-nature-gate { padding: 25px; } }

@media (max-width: 768px) { .infobar-nature-gates .infobar-nature-gate { flex-direction: column; } }

.infobar-nature-gates .infobar-nature-gate .location-nature-gate a { display: flex; align-items: center; color: #ffffff; }

.infobar-nature-gates .infobar-nature-gate .location-nature-gate a svg { height: 30px; width: 30px; margin-right: 25px; }

.infobar-nature-gates .infobar-nature-gate .location-nature-gate a .location-adress { line-height: 20px; }

.infobar-nature-gates .infobar-nature-gate .category-nature-gate { color: #ffffff; display: flex; align-items: center; }

@media (max-width: 992px) { .infobar-nature-gates .infobar-nature-gate .category-nature-gate { display: none; } }

.infobar-nature-gates .infobar-nature-gate .category-nature-gate .activity-category { margin-left: 5px; }

.infobar-nature-gates .infobar-nature-gate .category-nature-gate .activity-category:first-child { margin-left: 10px; }

.infobar-nature-gates .infobar-nature-gate .category-nature-gate .category-icon { margin-right: 5px; }

.infobar-nature-gates .infobar-nature-gate .category-nature-gate .category-icon svg { max-height: 25px; max-width: 30px; fill: #ffffff; height: 100%; width: 100%; }

.infobar-nature-gates .infobar-nature-gate .category-nature-gate .category-icon svg svg, .infobar-nature-gates .infobar-nature-gate .category-nature-gate .category-icon svg path, .infobar-nature-gates .infobar-nature-gate .category-nature-gate .category-icon svg circle, .infobar-nature-gates .infobar-nature-gate .category-nature-gate .category-icon svg polygon, .infobar-nature-gates .infobar-nature-gate .category-nature-gate .category-icon svg rect, .infobar-nature-gates .infobar-nature-gate .category-nature-gate .category-icon svg .st0, .infobar-nature-gates .infobar-nature-gate .category-nature-gate .category-icon svg .st1 { fill: #ffffff; stroke: #ffffff; stroke-miterlimit: 0; fill: #ffffff; }

@media (max-width: 768px) { .infobar-nature-gates .infobar-nature-gate .button-nature-gate { margin-bottom: -40px; } }

.map-images-nature-gate .row.no-gutter { padding-left: 0px; padding-right: 0px; }

.map-images-nature-gate .acf-map { min-height: 400px; max-height: 800px; height: 75vh; }

.map-images-nature-gate .sliderimageitem { min-height: 400px; max-height: 800px; height: 75vh; }

@media (max-width: 768px) { .map-images-nature-gate .sliderimageitem { min-height: 300px; max-height: 800px; height: 50vh; } }

.map-images-nature-gate .owl-images .owl-dots { bottom: 50px; left: 50px; }

.related-nature-gates { padding: 100px 0px; margin-top: -1px; margin-bottom: 50px; background: #F5EFE4; }

.related-nature-gates .nature-gates { display: flex; align-items: center; flex-wrap: wrap; margin: 0px -12.5px; }

@media (max-width: 768px) { .related-nature-gates .nature-gates { margin: 0px; } }

.related-nature-gates .nature-gates .nature-gate { flex: 0 0 calc(50% - 15px); border-bottom: 0px; padding: 0px; background: #ffffff; margin: 0px 7.5px 15px 7.5px; }

@media (max-width: 992px) { .related-nature-gates .nature-gates .nature-gate { flex: 0 0 100%; } }

@media (max-width: 768px) { .related-nature-gates .nature-gates .nature-gate { margin: 0px 0px 15px 0px; } }

.related-nature-gates .nature-gates .nature-gate .nature-image { height: 200px; }

@media (max-width: 768px) { .related-nature-gates .nature-gates .nature-gate .nature-image { height: 150px; } }

.related-nature-gates .nature-gates .nature-gate h3 { font-size: 20px; }

@media (max-width: 768px) { .related-nature-gates .nature-gates .nature-gate h3 { font-size: 18px; } }

.title-row { margin-bottom: 50px; }

.nature-gate { position: relative; display: flex; align-items: center; padding: 25px 0px; border-bottom: 1px solid #dadada; }

.nature-gate:last-child { border-bottom: 0px; }

.nature-gate .nature-image { height: 125px; flex: 0 0 45%; max-width: 45%; border-radius: 3px; background-size: cover; background-position: center; background-repeat: no-repeat; }

.nature-gate .nature-title { padding-left: 25px; }

.nature-gate .nature-title h3 { font-size: 18px; }

.nature-gate .nature-title .nature-location { display: flex; align-items: center; color: #909090; font-size: 14px; font-weight: 400; }

.nature-gate .nature-title .nature-location svg { height: 20px; width: 15px; margin-right: 5px; }

.nature-gate .nature-title .nature-location svg path { fill: #E2031B; }