/*
Theme Name: 't Havengat
Theme URI: https://wordpress.org/themes/gatvannederland/
Author: QStylez
Author URI: https://wordpress.org/
Description: Havengat theme
Version: 1.0
Requires at least: 3.6
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, footer-widgets, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready, block-patterns
Text Domain: gatvannederland

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */

/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, nav, section, summary {
    display: block;
}
audio, canvas, video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden] {
    display: none;
}
html {}
html, button, input, select, textarea {}
body {
    background: #801F05;
    color: #fff;
    line-height: 1.5;
    margin: 0;
    font-family: raleway, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 27px */
    font-style: normal;
    overflow-x: clip;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body:not(.home) {
    color: #221E1F;
}
a {
    color: #221E1F;
    text-decoration: none;
}
a.btn {
    border-radius: 0;
    display: flex;
    padding: 16px 40px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    height: 46px;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
    /* 100% */
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: .2s ease-in-out;
}
a.btn:hover {
    text-decoration: none;
    background: #fff !important;
    color: #221E1F;
    transition: .2s ease-in-out;
}
a.btn.c {
    height: 35px;
    padding: 10px 24px;
    line-height: normal;
    text-transform: inherit;
}
a.btn.y {
    background: #F3C45C;
}
a.btn.w {
    background: #fff;
    color: #221E1F;
}
a.btn.w:hover {
    background: #F3C45C !important;
}
a.btn.r {
    background: #801F05;
    color: #fff;
}
a.btn.r:hover {
    color: #000;
}
a:visited {
    color: #000;
}
a:focus {
    outline: thin dotted;
}
a:active, a:hover {
    color: #221E1F;
    outline: 0;
}
a:hover {
    text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
    line-height: 1.3;
}
h1 {
    font-size: 48px;
    margin: 33px 0;
}
h2 {
    font-size: 30px;
    margin: 25px 0;
}
h3 {
    font-size: 22px;
    margin: 22px 0;
}
h4 {
    font-size: 20px;
    margin: 25px 0;
}
h5 {
    font-size: 18px;
    margin: 30px 0;
}
h6 {
    font-size: 16px;
    margin: 36px 0;
}
address {
    font-style: italic;
    margin: 0 0 24px;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b, strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
mark {
    background: #ff0;
    color: #000;
}
p {
    margin: 0 0 24px;
}
code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 14px;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}
pre {
    background: #f5f5f5;
    color: #666;
    font-family: monospace;
    font-size: 14px;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
blockquote, q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none;
}
blockquote {
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    margin: 24px 40px;
}
blockquote blockquote {
    margin-right: 0;
}
blockquote cite, blockquote small {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
}
blockquote em, blockquote i {
    font-style: normal;
    font-weight: 300;
}
blockquote strong, blockquote b {
    font-weight: 400;
}
small {
    font-size: smaller;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
dl {
    margin: 0 20px;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 0 20px;
}
menu, ol, ul {
    margin: 16px 0;
    padding: 0 0 0 40px;
}
ul {
    list-style-type: square;
}
nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}
li>ul, li>ol {
    margin: 0;
}
img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0;
}
form {
    margin: 0;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    min-width: inherit;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
    white-space: normal;
}
button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
}
button, input {
    line-height: normal;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled], input[disabled] {
    cursor: default;
}
input[type="checkbox"], input[type="radio"] {
    padding: 0;
}
input[type="search"] {
    -webkit-appearance: textfield;
    padding-right: 2px;
    /* Don't cut off the webkit search cancel button */
    width: 270px;
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
table {
    border-bottom: 1px solid #ededed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
caption {
    font-size: 16px;
    margin: 20px 0;
}
th {
    font-weight: bold;
    text-transform: uppercase;
}
td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
}
del {
    color: #333;
}
ins {
    background: #fff9c0;
    text-decoration: none;
}
hr {
    background: url(images/dotted-line.png) repeat center top;
    background-size: 4px 4px;
    border: 0;
    height: 1px;
    margin: 0 0 24px;
}
#custom-button-container {
    margin-top: 20px;
    text-align: center;
}
#custom-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
}
#custom-button:hover {
    background-color: #0056b3;
}
/* Form fields, general styles first. */

button, input, textarea {
    border: 2px solid #d4d0ba;
    font-family: inherit;
    padding: 5px;
}
input, textarea, select {
    color: #221E1F;
}
input:focus, textarea:focus {
    border: 2px solid #c3c0ab;
    outline: 0;
}
/* Buttons */

button, input[type="submit"], input[type="button"], input[type="reset"] {}
button:hover, button:focus, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus {}
button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {}
.post-password-required input[type="submit"] {
    padding: 7px 24px 4px;
    vertical-align: bottom;
}
.post-password-required input[type="submit"]:active {
    padding: 5px 24px 6px;
}
/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
    color: #767676;
}
:-moz-placeholder {
    color: #767676;
}
::-moz-placeholder {
    color: #767676;
}
:-ms-input-placeholder {
    color: #767676;
}
/*
 * Responsive images
 *
 * Fluid images for posts, comments, and widgets
 */

.entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption {
    max-width: 100%;
}
/* Make sure images with WordPress-added height and width attributes are scaled correctly. */

.entry-content img, .entry-summary img, .comment-content img[height], img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
    height: auto;
}
img.size-full, img.size-large, img.wp-post-image {
    height: auto;
    max-width: 100%;
}
/* Make sure videos and embeds fit their containers. */

embed, iframe, object, video {
    max-width: 100%;
}
/* Override the Twitter embed fixed width. */

.entry-content .twitter-tweet-rendered {
    max-width: 100% !important;
}
/* Images */

.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
figure.wp-caption.alignleft, img.alignleft {
    margin: 5px 20px 5px 0;
}
.wp-caption.alignleft {
    margin: 5px 10px 5px 0;
}
figure.wp-caption.alignright, img.alignright {
    margin: 5px 0 5px 20px;
}
.wp-caption.alignright {
    margin: 5px 0 5px 10px;
}
img.aligncenter {
    margin: 5px auto;
}
img.alignnone {
    margin: 5px 0;
}
.wp-caption .wp-caption-text, .entry-caption, .gallery-caption {
    color: #220e10;
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    margin: 0 0 24px;
}
div.wp-caption.alignright img[class*="wp-image-"] {
    float: right;
}
div.wp-caption.alignright .wp-caption-text {
    padding-left: 10px;
}
img.wp-smiley, .rsswidget img {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.wp-caption.alignleft+ul, .wp-caption.alignleft+ol {
    list-style-position: inside;
}
/**
 * 5.13 Multisite
 * ----------------------------------------------------------------------------
 */

.site-main .mu_register {
    margin: 0 auto;
    max-width: 604px;
    width: 100%;
}
.mu_alert {
    margin-top: 25px;
}
.site-main .mu_register input[type="submit"], .site-main .mu_register #blog_title, .site-main .mu_register #user_email, .site-main .mu_register #blogname, .site-main .mu_register #user_name {
    font-size: inherit;
    width: 270px;
}
.site-main .mu_register input[type="submit"] {
    width: auto;
}
/**
* Havengat css START
* ----------------------------------------------------------------------------
*/

header#masthead {
    font-size: 14px;
    position: sticky;
    top: 0;
    z-index: 24;
    background: #FFFBEF;
}
header#masthead.site-header, header#masthead.site-header div.topheader, header#masthead.site-header div.topheader div.inner, header#masthead.site-header div.mainheader {
    transition: all 0.3s ease;
}
div.toppattern {
    position: absolute;
    background: url(https://www.havengat.nl/wp-content/uploads/2025/02/top_pattern.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 1500px;
    z-index: 22;
    transform: scaleX(-1);
    top: 0;
    border-bottom-left-radius: 50% 80px;
    border-bottom-right-radius: 50% 80px;
    overflow: hidden;
}
div.toppatternoverlay {
    width: 100%;
    height: 100%;
    background: rgba(255, 251, 239, 0.5);
}
header#masthead div.topheader div.inner {
    justify-content: space-between;
    width: 100%;
    max-width: 1405px;
    margin: 0 auto;
    position: relative;
    align-items: center;
    padding: 9px 15px;
    color: #221E1F;
}
header#masthead div.topheader {
    line-height: 1;
    border-bottom: 0.5px solid rgba(34, 30, 31, 0.30);
    display: none;
    color: #221E1F;
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
    /* 100% */
}
header#masthead div.topheader div.right {
    display: flex;
    align-items: center;
    gap: 24px;
}
header#masthead div.topheader div.open {
    display: none;
}
header#masthead div.topheader ul.contact {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    gap: 24px;
}
header#masthead div.topheader ul.contact span {
    font-family: raleway, sans-serif;
    font-weight: 700;
    font-style: normal;
}
ul.social-main {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
}
ul.social-main li {
    margin: 0px 8px 0px 0px;
}
ul.social-main li:last-of-type {
    margin: 0px;
}
ul.social-main a {
    width: 35px;
    height: 35px;
    background: #F3C45C;
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 1;
    align-items: center;
    transition: .2s ease-in-out;
}
header#masthead ul.social-main a {
    width: 35px;
    height: 35px;
}
ul.social-main a:hover {
    background: #fff;
}
section.footer ul.social-main {}
header#masthead div.topheader a.btn.c {
    border: solid 1px #221E1F;
    gap: 8px;
    display: flex;
    align-items: center;
}
header#masthead div.topheader a {
    color: #221E1F;
}
header#masthead div.mainheader {}
header#masthead div.mainheader div.right {
    display: none;
    order: 3;
    width: 506px;
    justify-content: flex-end;
}
header#masthead div.mainheader div.right ul {
    display: flex;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
header#masthead div.mainheader div.inner {
    justify-content: space-between;
    width: 100%;
    max-width: 1405px;
    margin: 0 auto;
    position: relative;
    align-items: center;
    padding: 5px 15px;
}
header#masthead a.home-link:hover {
    opacity: 0.9;
}
div#navbar {
    color: #221E1F;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    /* 100% */
    letter-spacing: 1px;
    text-transform: uppercase;
    min-height: inherit;
    margin-bottom: inherit;
}
div#navbar ul {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    list-style-type: none;
    transition: .3s ease-in-out;
}
div#navbar ul a {
    color: #221E1F;
    transition: .2s ease-in-out;
}
div#navbar ul a:hover {
    text-decoration: none;
    color: #801F05;
}
header#masthead img.logo {
    max-width: 100%;
    width: 100%;
}
header#masthead a.home-link {
    max-width: 142px;
}
section {
    position: relative;
    z-index: 20;
}
section div.inner {
    width: 100%;
    max-width: 1405px;
    margin: 0 auto;
    position: relative;
    padding: 0px 15px;
}
div.flex-container {
    display: flex;
    flex-wrap: wrap;
}
div.breadcrumbs {
    padding: 15px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    color: #221E1F;
}
div.breadcrumbs a {
    color: #221E1F;
}
section h2.title {
    color: #F3C45C;
    font-family: fabiola-capitals, sans-serif;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 76.8px */
    letter-spacing: 0.64px;
    text-transform: uppercase;
    margin: 0;
}
/**
* Section intro title
* ----------------------------------------------------------------------------
*/

section.intro-title {
    z-index: 23;
}
section.intro-title div.inner {
    padding: 60px 15px;
    max-width: 1405px;
}
section.intro-title div.text {
    color: #C4A869;
}
section.intro-title div.text {
    display: flex;
    flex-wrap: wrap;
    color: #C4A869;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
section.intro-title div.text h1 {
    color: #801F05;
    text-align: center;
    font-family: fabiola-capitals, sans-serif;
    text-transform: uppercase;
    margin: 0;
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%;
    /* 50.4px */
}
section.intro-video {
    max-height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
section.intro-video div.inner {
    background: #221E1F;
    transition: .6s ease-in-out;
    padding: 0;
    max-width: 1305px;
    min-height: 300px;
}
section.intro-video div.inner.big {
    max-width: 100%;
    transition: .6s ease-in-out;
}
section.intro-video div.video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
section.intro-video div.video video.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/**
* Section intro title END
* ----------------------------------------------------------------------------
*/

/**
* Section intro background
* ----------------------------------------------------------------------------
*/

section.intro-bg {
    height: 261px;
    margin-top: -80px;
    z-index: 2;
}
/**
* Section intro background END
* ----------------------------------------------------------------------------
*/

/**
* Section blocks
* ----------------------------------------------------------------------------
*/

section.blocks {
    position: relative;
    border-bottom-left-radius: 50% 80px;
    border-bottom-right-radius: 50% 80px;
    z-index: 21;
}
section.blocks div.inner {
    padding: 45px 15px 110px 15px;
}
section.blocks div.overlay {}
section.blocks div.blocks {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 42px;
}
section.blocks div.blocks div.block {
    background: #FFFBEF;
    position: relative;
    color: #000;
    padding: 140px 20px 20px 20px;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 85px;
}
section.blocks div.blocks div.block::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('https://www.havengat.nl/wp-content/uploads/2025/04/block_pattern_bg.png') no-repeat;
    opacity: 0.1;
    z-index: 1;
}
section.blocks div.blocks div.block div.inner {
    position: relative;
    z-index: 2;
    padding: 0;
    height: 100%
}
section.blocks div.blocks div.block div.image {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    position: absolute;
    top: -85px;
    left: 0;
    right: 0;
    margin: auto;
}
section.blocks div.blocks div.block span.text p:last-of-type {
    margin: 0;
}
section.blocks div.blocks div.block span.content {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
section.blocks div.blocks div.block div.content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%
}
section.blocks div.blocks div.block div.logo {
    display: flex;
    height: 90px;
    justify-content: center;
    align-items: center;
}
section.blocks div.blocks div.block span.text {
    margin: 32px 0px 24px 0px;
    text-align: center;
}
section.blocks div.blocks div.block div.logo img {
    max-width: 265px;
    width: 100%;
    max-height: 90px;
}
section.blocks div.blocks div.block div.btns {
    max-width: 310px;
    width: 100%;
    margin-top: auto;
}
/**
* Section blocks END
* ----------------------------------------------------------------------------
*/

/**
* Section arrangementen
* ----------------------------------------------------------------------------
*/

section.arrangementen {
    padding: 80px 0px;
}
section.arrangementen div.top {
    display: flex;
    flex-direction: column;
    gap: 80px;
    justify-content: space-between;
}
section.arrangementen div.top div.content {
    max-width: 678px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}
section.arrangementen div.arrangementen {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    /* 3 equal columns */
    gap: 48px;
    margin-top: 120px;
}
section.arrangementen div.arrangement {
    display: flex;
    flex-direction: column;
    gap: 48px;
}
section.arrangementen div.arrangement div.image {
    height: 344px;
}
section.arrangementen div.arrangement h3.title {
    font-family: fabiola-capitals, sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 57.6px */
    text-transform: uppercase;
    color: #fff;
    margin: 0;
}
section.arrangementen div.arrangement div.bottom {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
section.arrangementen div.arrangement div.bottom div.price {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    color: #fff;
    align-items: center;
}
section.arrangementen div.arrangement div.bottom div.price div.amount {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 38.4px */
}
section.arrangementen div.arrangement div.bottom div.price div.suffix {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: lowercase;
}
section.arrangementen div.arrangement div.content {
    gap: 24px;
    display: flex;
    flex-direction: column;
}
section.arrangementen div.arrangement div.content p:last-of-type {
    margin: 0;
}
/**
* Section arrangementen END
* ----------------------------------------------------------------------------
*/

/**
* Section photogallery
* ----------------------------------------------------------------------------
*/

section.photogallery {
    padding: 80px 0px;
}
/**
* Section photogallery END
* ----------------------------------------------------------------------------
*/

/**
* Section agenda
* ----------------------------------------------------------------------------
*/

section.agenda {
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url('https://www.havengat.nl/wp-content/uploads/2025/04/c88d7fdbd75e1bedac692e13eb3a7da5.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 21;
}
section.agenda div.inner {
    padding: 40px 15px;
}
section.agenda h2 {
    color: #221E1F;
    text-align: center;
    font-family: fabiola-capitals, sans-serif;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 76.8px */
    text-transform: uppercase;
}
/**
* Section agenda END
* ----------------------------------------------------------------------------
*/

/**
* Section instagram
* ----------------------------------------------------------------------------
*/

section.instagallery {
    padding: 80px 0px;
}
section.instagallery div.top {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
}
section.instagallery div.inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
#sb_instagram .sbi_photo_wrap:before {
    content: "";
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 0H5C2.23858 0 0 2.23858 0 5V13C0 15.7614 2.23858 18 5 18H13C15.7614 18 18 15.7614 18 13V5C18 2.23858 15.7614 0 13 0ZM16.25 13C16.2445 14.7926 14.7926 16.2445 13 16.25H5C3.20735 16.2445 1.75549 14.7926 1.75 13V5C1.75549 3.20735 3.20735 1.75549 5 1.75H13C14.7926 1.75549 16.2445 3.20735 16.25 5V13ZM13.75 5.25C14.3023 5.25 14.75 4.80228 14.75 4.25C14.75 3.69772 14.3023 3.25 13.75 3.25C13.1977 3.25 12.75 3.69772 12.75 4.25C12.75 4.80228 13.1977 5.25 13.75 5.25ZM9 4.5C6.51472 4.5 4.5 6.51472 4.5 9C4.5 11.4853 6.51472 13.5 9 13.5C11.4853 13.5 13.5 11.4853 13.5 9C13.5027 7.8057 13.0294 6.65957 12.1849 5.81508C11.3404 4.97059 10.1943 4.49734 9 4.5ZM6.25 9C6.25 10.5188 7.4812 11.75 9 11.75C10.5188 11.75 11.75 10.5188 11.75 9C11.75 7.4812 10.5188 6.25 9 6.25C7.4812 6.25 6.25 7.4812 6.25 9Z' fill='%23F3C45C'/%3E%3C/svg%3E");
    z-index: 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}
/**
* Section instagram END
* ----------------------------------------------------------------------------
*/

/**
* Main agenda
* ----------------------------------------------------------------------------
*/

div.mainagenda {
    color: #221E1F;
}
.searchandfilter ul li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
}
div.mainagenda form.searchandfilter {
    margin: 40px 0px;
}
div.mainagenda form.searchandfilter ul {
    display: -webkit-box;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
    gap: 15px;
    overflow-x: scroll;
}
div.mainagenda form.searchandfilter ul li ul li {
    cursor: pointer;
    padding: 6px 16px;
    background: transparent;
    color: #e1cebc;
    transition: .3s ease-in-out;
    border: solid 1px #e1cebc;
}
div.mainagenda form.searchandfilter ul li ul li:hover {
    background: #e1cebc;
    color: #801F05;
    transition: .3s ease-in-out;
}
div.mainagenda form.searchandfilter ul li ul li.sf-option-active {
    color: #801F05;
    border: solid 1px #801F05;
}
div.mainagenda form.searchandfilter ul li ul li label {
    cursor: pointer;
    padding: 0;
    color: #801F05;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    letter-spacing: 0.16px;
    text-transform: uppercase;
}
div.mainagenda div.agenda-item a.innercontent {
    display: flex;
    border-top: solid 1px #221e1f;
    padding: 72px 0px;
    flex-direction: column;
    gap: 32px;
    justify-content: space-between;
}
div.mainagenda div.agenda-item:last-of-type {
    border-bottom: solid 1px #221e1f;
}
div.mainagenda div.agenda-item h3.title {
    color: #221E1F;
    font-family: fabiola-capitals, sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}
div.mainagenda div.agenda-item span.sold-out {
    padding: 4px 8px;
    background: #801F05;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 21px */
    text-transform: uppercase;
}
div.mainagenda div.agenda-item div.date div.day {
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
}
div.mainagenda div.agenda-item div.date div.day:first-letter {
    text-transform: uppercase;
}
div.mainagenda div.agenda-item div.date div.time {
    font-size: 14px;
}
div.mainagenda form.searchandfilter ul li ul li input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 0;
}
div.mainagenda.sub form.searchandfilter {
    display: none;
}
div.mainagenda div.agenda-item div.reservation {
    font-weight: 700;
    padding: 10px 0px;
    display: flex;
    flex: 1;
    justify-content: center;
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
}
div.mainagenda div.agenda-item div.event-logo {
    width: 100%;
    height: 184px;
}
div.mainagenda div.agenda-item div.top {
    display: flex;
    gap: 16px;
    align-items: center;
}
div.mainagenda div.agenda-item div.content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
}
div.mainagenda div.agenda-item div.arrow {
    height: 100%;
    transition: .3s ease-in-out;
    width: 0;
    opacity: 0;
    visibility: hidden;
}
div.mainagenda div.agenda-item a.innercontent {
    height: 100%;
    color: #221E1F;
    font-size: 16px;
}
div.mainagenda div.agenda-item a.innercontent:focus {
    text-decoration: none;
}
div.mainagenda div.agenda-item a.innercontent:hover {
    text-decoration: none;
}
div.mainagenda div.agenda-item div.content:hover div.arrow {
    transition: .3s ease-in-out;
    width: 30px;
    opacity: 1;
    visibility: visible;
    margin: 0px 10px 0px 0px;
}
div.mainagenda div.agenda-item div.arrow i {
    font-size: 25px;
}
div.mainagenda div.agenda-item span.btn.y {
    border-radius: 0;
    display: flex;
    padding: 16px 40px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    height: 46px;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #F3C45C
}
div.mainagenda div.agenda-item span.btn.y:hover {
    background: #fff;
    color: #000;
}
div.mainagenda div.agenda-item div.reservation-choice {
    text-align: center;
    color: #221E1F;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
    /* 100% */
    letter-spacing: 1px;
    text-transform: uppercase;
}
/*bootstrap modal styles*/

.modal {
    text-align: center;
    padding: 0!important;
}
.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 90%;
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    justify-content: flex-end;
}
.modal-content .close {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 25px;
    height: 25px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    background: #801F05;
    z-index: 10;
    opacity: 1;
    text-shadow: none;
}
.modal-content .close:hover i {
    color: #c9a28e;
}
.modal-content .close i {
    font-size: 25px;
    color: #fff;
}
.modal-content button.close {
    border: 0;
}
.modal-content {
    border-radius: 0;
    border: 0;
}
div.modal-body.mod-body {
    display: flex;
    padding: 0;
    flex-direction: column;
}
.modal-content h2.modal-title {
    margin: 0px 0px 10px 0px;
}
div.modal-body.mod-body div.agenda-content {
    padding: 15px;
}
div.modal-content div#agenda-content div.single-agenda-img {
    max-width: 100%;
    height: 250px;
}
div.modal-content div#agenda-content div.content {
    padding: 30px 20px;
    color: #801F05;
}
div.modal-content div#agenda-content div.content h3 {
    margin: 0px;
    font-weight: 700;
}
div.modal-content div#agenda-content div.content ul.info {
    margin: 20px 0px;
    padding: 0;
    list-style-type: none;
}
div.modal-content div#agenda-content div.content span {
    font-weight: 700;
}
div.modal-content div#agenda-content div.content p:last-of-type {
    margin: 0;
}
/*bootstrap modal styles*/

/**
* Main agenda END
* ----------------------------------------------------------------------------
*/

/**
* Section Footer
* ----------------------------------------------------------------------------
*/

footer.site-footer {
    background: linear-gradient(rgba(255, 251, 239, 0.6), rgba(255, 251, 239, 0.6)), url('https://www.havengat.nl/wp-content/uploads/2025/04/c88d7fdbd75e1bedac692e13eb3a7da5.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
footer.site-footer:before {
    background: linear-gradient(rgba(255, 251, 239, 0.6), rgba(255, 251, 239, 0.6)), url('https://www.havengat.nl/wp-content/uploads/2025/04/c88d7fdbd75e1bedac692e13eb3a7da5.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    content: '';
    top: -100px;
    height: 100px;
    left: 0;
    right: 0;
    margin: auto;
}
section.footer {
    color: #221E1F;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 21px */
}
section.footer h3.title {
    color: #221E1F;
    font-family: fabiola-capitals, sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    /* 84.375% */
    text-transform: uppercase;
    margin: 0;
}
section.footer div.inner {
    padding: 30px 15px;
    justify-content: space-between;
    gap: 25px;
    flex-direction: column;
    align-items: flex-start;
}
section.footer ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
section.footer ul li.head {
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2.1px;
}
section.footer ul li {
    line-height: 1;
    padding: 8px 0px;
}
section.footer a {}
section.footer a:hover {}
section.footer div.col {
    display: flex;
    flex-direction: column;
}
section.footer div.col.logo {
    gap: 40px;
}
section.footer div.col.contact, section.footer div.col.open {
    gap: 24px;
}
section.footer div.col ul.contact li {
    display: flex;
    gap: 24px;
}
section.footer div.col ul.contact li span:first-of-type {
    width: 105px;
}
section.footer div.col div.btns {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
}
section.footer div.col ul.openingstijden li {
    display: flex;
    gap: 24px;
}
section.footer div.col ul.openingstijden li span.day {
    width: 38px;
}
section.footer div.col.certificates {
    border-radius: 24px;
    border: 0.5px solid #221E1F;
    background: #FFF;
}
section.footer div.col.certificates img.volendamevents {
    height: 88px;
    width: auto;
}
section.footer div.col.certificates img.tripadvisor {
    max-height: 112px;
    width: auto;
}
section.footer div.col.certificates div.inner {
    display: flex;
    flex-direction: column;
    gap: 41px;
    align-items: center;
    width: 282px;
    padding: 24px;
}
section.footer div.col.certificates a {
    transition: .2s ease-in-out;
}
section.footer div.col.certificates a:hover {
    opacity: 0.8;
}
img.logo.footer {
    width: 210px;
}
ul.social-main.footer {
    margin: 15px 0px 0px 0px;
}
section.footer.bottom div.inner {
    border-top: solid 1px #221E1F;
    justify-content: space-between;
}
section.footer.bottom div.copyright {
    order: 2;
}
section.footer.bottom ul {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
section.footer.bottom ul li {
    position: relative;
    padding: 0px;
}
section.footer.bottom a {
    text-decoration: underline;
}
section.footer.bottom a:hover {}
section.footer div.col.navigatie ul {
    font-family: raleway, sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 2.1px;
    text-transform: uppercase;
}
section.footer div.col.navigatie a {
    color: #fff;
    text-decoration: none;
}
section.footer div.col.navigatie a:hover {
    color: #C4A869;
}
/**
* Section Footer END
* ----------------------------------------------------------------------------
*/

/**
* Page template default styles
* ----------------------------------------------------------------------------
*/

body.page-template section.header {
    display: flex;
    flex-direction: column;
    z-index: 23;
}
body.page-template section.header div.breadcrumbs {}
body.page-template section.header h1.page-title {
    color: #801F05;
    text-align: center;
    font-family: fabiola-capitals, sans-serif;
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase;
    margin: 0;
    padding: 20px 0px 72px 0px;
}
body:not(.home) section {}
body:not(.home) section .inner {}
body:not(.home) h2, body:not(.home) h3 {
    color: #221E1F;
    font-family: fabiola-capitals, sans-serif;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 76.8px */
    text-transform: uppercase;
}
body:not(.home) h3 {
    font-size: 36px;
    margin: 0px 0px 22px 0px;
}
body:not(.home) div.twogrid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    grid-row-gap: 40px;
}
body:not(.home) div.twogrid div.col {}
body:not(.home) div.twogrid div.col.parkeren {
    display: flex;
    flex-direction: column;
    gap: 48px;
}
body:not(.home) div.twogrid div.col div.content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
body:not(.home) div.twogrid div.col.content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
body:not(.home) div.twogrid div.col div.img {
    height: 345px;
}
body:not(.home) div.twogrid div.col.img {
    height: 378px;
}
body:not(.home) div.twogrid div.col div.content p:last-of-type {
    margin: 0;
}
body:not(.home) div.twogrid div.col.contact {
    display: flex;
    padding: 46px 32px;
    flex-direction: column;
    gap: 24px;
    background: #FFFBEF;
    color: #000;
}
body:not(.home) div.twogrid div.col.contact.info {
    order: 2;
}
body:not(.home) div.twogrid div.col.contact h3 {
    margin: 0;
}
body:not(.home) div.twogrid div.col.contact div.content h3 {
    margin: 0px 0px 22px 0px;
}
body:not(.home) div.twogrid div.col.contact h2 {
    margin: 0;
}
body:not(.home) div.twogrid div.col ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
body:not(.home) div.twogrid div.col ul a {
    text-decoration: underline;
}
body:not(.home) div.twogrid div.col ul a:hover {
    text-decoration: none;
}
body:not(.home) div.twogrid div.col.content div.content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
/*section background styles*/

section.green-bg {
    background: linear-gradient(rgba(5, 31, 3, 0.6), rgba(5, 31, 3, 0.6)), url(https://www.havengat.nl/wp-content/uploads/2025/04/grid_bg.png) repeat,
    /* ← new background image */
    url(https://www.havengat.nl/wp-content/uploads/2025/04/content_bg.jpg) no-repeat;
    background-size: auto, cover, cover;
    background-position: center, center, center;
    position: relative;
}
section.green-bg.curve:before {
    position: absolute;
    content: '';
    height: 150px;
    width: 100%;
    top: -150px;
    display: flex;
    z-index: 1;
    background: linear-gradient(rgba(5, 31, 3, 0.6), rgba(5, 31, 3, 0.6)), url(https://www.havengat.nl/wp-content/uploads/2025/04/grid_bg.png) repeat,
    /* ← new background image */
    url(https://www.havengat.nl/wp-content/uploads/2025/04/content_bg.jpg) no-repeat;
    background-size: auto, cover, cover;
    background-position: center, center, center top;
    left: 0;
    right: 0;
    margin: auto;
}
section.red-bg {
    background: linear-gradient(rgba(128, 31, 5, 0.5), rgba(128, 31, 5, 0.5)), url('https://www.havengat.nl/wp-content/uploads/2025/04/grid_bg.png') repeat,
    /* ← new background image */
    url('https://www.havengat.nl/wp-content/uploads/2025/04/content_bg.jpg') repeat;
    background-size: auto, contain, contain;
    /* adjust for each layer */
    background-position: center, center, center;
    position: relative;
}
section.red-bg.curve:before {
    background: linear-gradient(rgba(128, 31, 5, 0.5), rgba(128, 31, 5, 0.5)), url('https://www.havengat.nl/wp-content/uploads/2025/04/grid_bg.png') repeat,
    /* ← new background image */
    url('https://www.havengat.nl/wp-content/uploads/2025/04/content_bg.jpg') no-repeat;
    background-size: auto, cover, cover;
    /* adjust for each layer */
    background-position: center, center, center top;
    position: relative;
    position: absolute;
    content: '';
    height: 150px;
    width: 100%;
    top: -150px;
    display: flex;
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto;
}
section.light-bg {
    background: linear-gradient(rgba(255, 251, 239, 0.9), rgba(255, 251, 239, 0.9)), url(https://www.havengat.nl/wp-content/uploads/2025/04/c88d7fdbd75e1bedac692e13eb3a7da5.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
section.light-bg.curve:before {
    position: absolute;
    content: '';
    height: 150px;
    width: 100%;
    top: -150px;
    display: flex;
    z-index: 1;
    background: linear-gradient(rgba(255, 251, 239, 0.9), rgba(255, 251, 239, 0.9)), url(https://www.havengat.nl/wp-content/uploads/2025/04/c88d7fdbd75e1bedac692e13eb3a7da5.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    left: 0;
    right: 0;
    margin: auto;
}
body.home section.light-bg {
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url(https://www.havengat.nl/wp-content/uploads/2025/04/c88d7fdbd75e1bedac692e13eb3a7da5.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
/*section background styles*/

/**
* Page template default styles END
* ----------------------------------------------------------------------------
*/

/**
* Page template contact styles
* ----------------------------------------------------------------------------
*/

body.page-template-sub-contact section.mogelijkheden {
    padding: 64px 15px;
}
body.page-template-sub-contact section.mogelijkheden {}
body.page-template-sub-contact section.content {
    border-bottom-left-radius: 50% 80px;
    border-bottom-right-radius: 50% 80px;
    z-index: 21;
}
body.page-template-sub-contact section.content div.inner {
    padding: 45px 15px 110px 15px;
}
body.page-template-sub-contact section.parkeren {
    padding: 64px 0px;
    color: #fff;
}
body.page-template-sub-contact section.parkeren div.inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
body.page-template-sub-contact section.parkeren h2.title {
    color: #F3C45C;
}
body.page-template-sub-contact section.parkeren div.top {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
}
body.page-template-sub-contact section.parkeren h3.title {
    color: #fff;
    margin: 0;
}
/**
* Page template contact styles END
* ----------------------------------------------------------------------------
*/

/**
* Page template arrangementen
* ----------------------------------------------------------------------------
*/

body.page-template-sub-arrangementen section.arrangementen {
    flex-direction: column;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 80px;
}
body.page-template-sub-arrangementen div.introtext {
    max-width: 910px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
}
body.page-template-sub-arrangementen div.introtext div.inner {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-top: 45px;
}
body.page-template-sub-arrangementen div.introtext div.btns {
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: center;
}
body.page-template-sub-arrangementen div.introtext p:last-of-type {
    margin: 0;
}
body.page-template-sub-arrangementen div.arrangement {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    flex-direction: row;
    gap: 80px;
    color: #fff;
}
body.page-template-sub-arrangementen div.text p:last-of-type {
    margin: 0;
}
body.page-template-sub-arrangementen div.arrangement h2.title {
    color: #fff;
}
body.page-template-sub-arrangementen div.arrangement div.content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    order: 1;
}
body.page-template-sub-arrangementen div.arrangement div.content div.text {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
body.page-template-sub-arrangementen div.arrangement div.content div.inner {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
body.page-template-sub-arrangementen div.arrangement div.image {
    height: 280px;
}
body.page-template-sub-arrangementen section.arrangementen div.arrangement div.bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}
body.page-id-889 section.arrangementen div.arrangement div.bottom {
    display: none;
}
/**
* Page template arrangementen END
* ----------------------------------------------------------------------------
*/

/**
* Page template sub content
* ----------------------------------------------------------------------------
*/

body.page-template-sub-content div.text-content {
    color: #fff;
    padding: 30px 0px;
}
/**
* Page template sub content END
* ----------------------------------------------------------------------------
*/

/**
* Page template sub menukaart
* ----------------------------------------------------------------------------
*/

body.page-template-sub-menukaart div.text-content {
    color: #fff;
    padding: 60px 0px;
}
body.page-template-sub-menukaart div.introtext {
    max-width: 910px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
}
/* Basic styling for the tabs */

.menukaart-tabs {
    display: flex;
    flex-wrap: wrap;
    margin: 80px 0px;
    justify-content: center;
    gap: 20px;
}
.menukaart-tab-button {
    background: #fff;
    border: none;
    padding: 16px 40px;
    margin-right: 0;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    border: solid 1px #fff;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
    /* 100% */
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 100%;
}
.menukaart-tab-button:hover {
    background: transparent;
    color: #fff;
}
.menukaart-tab-button.active {
    background: transparent;
    color: white;
    /* border-bottom: none; */
}
/* Hide all menu categories by default */

.menukaart-category {
    display: none;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
}
/* Show only the active category */

.menukaart-category.active {
    display: block;
    opacity: 1;
}
/* Two-column layout using Grid */

.menukaart-columns {
    gap: 40px;
    display: flex;
    flex-direction: column;
}
.menukaart-columns .menukaart-column {
    display: grid;
    /* grid-template-columns: 1fr 1fr; */
    gap: 40px;
}
.menukaart-columns .menukaart-column .menu-groups {
    grid-column-gap: 80px;
    column-count: 2;
}
/* Menu group styling */

.menu-group {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    break-inside: avoid;
}
body.page-template-sub-menukaart .group-title {
    color: #fff;
    font-family: fabiola-capitals, sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 48px */
    text-transform: uppercase;
    margin: 0;
}
/* Menu items styling */

.menukaart-wrapper .menu-item {
    display: flex;
    padding: 20px 24px;
    background: #fff;
    color: #000;
}
.menukaart-wrapper .menu-item:nth-of-type(even) {
    background: #eee8e7;
}
.menukaart-wrapper .menu-items .menu-item.subtitle:first-of-type {
    margin-top: 0;
}
.menukaart-wrapper .menu-item.subtitle {
    background: #e7d9b9;
    margin-top: 20px;
    padding: 10px 24px;
}
.item-info {
    flex: 1;
}
.item-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 24px */
    text-transform: uppercase;
    margin: 0;
}
.item-description {
    margin: 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 21px */
}
.item-price {
    font-weight: bold;
    min-width: 60px;
    text-align: right;
}
/* For mobile screens */

@media (max-width: 768px) {
    .menukaart-columns {
        grid-template-columns: 1fr;
        /* Switch to one column on mobile */
    }
    .menukaart-columns .menukaart-column .menu-groups {
        column-count: 1;
    }
}
/**
* Page template sub menukaart END
* ----------------------------------------------------------------------------
*/

/**
* Page 404
* ----------------------------------------------------------------------------
*/

body.error404 div.text-content {
    color: #fff;
    padding: 30px 0px;
}
/**
* Page 404 END
* ----------------------------------------------------------------------------
*/

/**
* Evenement archieven
* ----------------------------------------------------------------------------
*/

body.tax-categorie {
    background: #801F05;
}
body.tax-categorie h1.entry-title {
    font-family: 'Amber Whiskey';
    font-size: 50px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0px;
    line-height: 1.1;
    color: #C4A869;
    text-align: center;
}
body.tax-categorie header#masthead div.topheader {
    border-bottom: solid 1px #903e22;
}
body.tax-categorie header#masthead div.mainheader {
    border-bottom: solid 1px #903e22;
}
body.tax-categorie div.entry-content {
    border: solid 1px #fff;
    justify-content: space-between;
    width: 100%;
    max-width: 1305px;
    margin: 0 auto;
    position: relative;
    align-items: center;
    padding: 15px;
}
body.tax-categorie div.site-content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    padding: 70px 15px 100px 15px;
}
/**
* Evenement archieven END
* ----------------------------------------------------------------------------
*/

/**
* Pagina template pagebuilder
* ----------------------------------------------------------------------------
*/

body.page-template-sub-pagebuilder section div.inner {
    max-width: 1430px;
}
body.page-template-sub-pagebuilder section.content div.inner {
    display: flex;
    margin: 0 auto;
    position: relative;
    padding: 50px 15px;
    flex-direction: column;
}
body.page-template-sub-pagebuilder div.text p:last-of-type {
    margin: 0;
}
body.page-template-sub-pagebuilder header.header-with-image div.header-wrapper:after {
    background: #fff;
}
body.page-template-sub-pagebuilder h1.entry-title {
    font-weight: normal;
    margin: 0px;
    line-height: 1.1;
    text-align: center;
}
/*pagebuilder alleen tekst*/

body.page-template-sub-pagebuilder section.onlytext {
    text-align: left;
}
body.page-template-sub-pagebuilder section.onlytext div.inner {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 30px 15px;
}
/*pagebuilder alleen tekst*/

body.page-template-sub-pagebuilder section.introtext {
    text-align: center;
}
body.page-template-sub-pagebuilder section.introtext div.inner {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 15px 15px 60px 15px;
}
body.page-template-sub-pagebuilder section.introtext h2.sub-title {
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    margin: 0;
    line-height: 1;
    padding: 65px 0px 20px 0px;
}
body.page-template-sub-pagebuilder section.introtext h1.entry-title {
    padding: 60px 0px;
}
body.page-template-sub-pagebuilder section.introtext h2.sub-title+h1.entry-title {
    padding: 0px 0px 20px 0px;
}
body.page-template-sub-pagebuilder section.timeline div.col {
    width: 100%;
}
body.page-template-sub-pagebuilder section.timeline div.col:first-of-type {
    padding: 0px;
}
body.page-template-sub-pagebuilder section.timeline div.col:last-of-type {
    padding: 0px;
    margin: 30px 0px 0px 0px;
}
body.page-template-sub-pagebuilder section.timeline div.col div.top {
    display: flex;
    align-items: center;
    flex-direction: row;
    line-height: 1;
}
body.page-template-sub-pagebuilder section.timeline div.col span.title {
    font-family: calluna, serif;
    font-weight: 600;
    font-style: normal;
    width: 100%;
    padding: 0px;
    color: #C4A869;
    font-size: 28px;
}
body.page-template-sub-pagebuilder section.timeline div.col span.number {
    font-family: calluna, serif;
    font-weight: 600;
    font-style: normal;
    padding: 0px 10px 0px 0px;
    margin-top: -10px;
    color: #C4A86940;
    font-size: 72px;
}
body.page-template-sub-pagebuilder section.threecol {
    background: #000;
}
body.page-template-sub-pagebuilder section.threecol div.cols:after {
    display: none;
}
body.page-template-sub-pagebuilder section.photogallery {
    background: #e1cebc url(http://93.119.3.192/~gatvannede/assets/img/pattern_gold_3.png) no-repeat;
    background-position: center center;
}
body.page-template-sub-pagebuilder section.photogallery div.inner {
    padding: 30px 15px;
}
body.page-template-sub-pagebuilder section.textphoto div.inner {
    display: flex;
    margin: 0 auto;
    position: relative;
    padding: 30px 15px;
    flex-direction: column;
    gap: 60px;
}
body.page-template-sub-pagebuilder section.textphoto div.col h3 {
    font-weight: 600;
    font-style: normal;
    width: 100%;
    padding: 0px;
    font-size: 28px;
    margin: 0px 0px 20px 0px;
}
body.page-template-sub-pagebuilder section.textphoto div.col {
    position: relative;
}
body.page-template-sub-pagebuilder section.textphoto div.col.afbeelding {
    min-height: 300px;
}
body.page-template-sub-pagebuilder section.textphoto div.col.text {}
body.page-template-sub-pagebuilder section.textphoto div.col p:empty {
    display: none;
}
body.page-template-sub-pagebuilder section.textphoto div.col.afbeelding img {
    position: relative;
    z-index: 2;
}
body.page-template-sub-pagebuilder section.textphoto div.col.afbeelding:last-of-type:before {
    display: none;
}
body.page-template-sub-pagebuilder section.textphoto div.col a.btn {
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    margin: 0;
    line-height: 1;
    background: #C4A869;
    color: #000;
    padding: 15px 20px;
    border: solid 2px #C4A869;
    margin: 5px 0px 0px 0px;
}
body.page-template-sub-pagebuilder section.textphoto div.col a.btn:hover {
    background: #fff;
    text-decoration: none;
}
body.page-template-sub-pagebuilder section.home-usps div.inner {
    position: relative;
    height: auto;
}
body.page-template-sub-pagebuilder section.home-usps {
    background: #fff;
    padding: 30px 15px;
}
body.page-template-sub-pagebuilder div.custom-owlnavigation.homeusps .owl-nav button {
    background: #fff !important;
}
body.page-template-sub-pagebuilder section.afbeeldingkolommen ul.image-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 21px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
body.page-template-sub-pagebuilder section.afbeeldingkolommen ul.image-list li {
    display: flex;
    flex-direction: column;
    gap: 21px;
}
body.page-template-sub-pagebuilder section.afbeeldingkolommen div.col.afbeelding {
    height: 300px;
}
body.page-template-sub-pagebuilder section.afbeeldingkolommen ul.image-list span.text p:last-of-type {
    margin: 0;
}
/**
* Pagina template pagebuilder END
* ----------------------------------------------------------------------------
*/

/**
* Gravity forms default styles
* ----------------------------------------------------------------------------
*/

div.gform_wrapper {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    /* 156.25% */
}
div.gform_wrapper p:empty, div.gform_wrapper br {
    display: none;
}
div.gform_wrapper.gravity-theme .gfield_label {
    margin-bottom: 14px;
}
div.gform_wrapper h3 {
    font-weight: bold;
    font-size: 16px;
    color: #E1CEBC;
    text-transform: none;
    margin: 25px 0px 10px 0px;
}
.gform_wrapper.gravity-theme .gfield input, .gform_wrapper.gravity-theme .gfield textarea, .gform_wrapper.gravity-theme .gfield select {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: solid 1px #E9E8E3;
    background: #fff;
}
.gform_wrapper.gravity-theme .gfield input:focus, .gform_wrapper.gravity-theme .gfield textarea:focus {}
.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
    font-size: 14px !important;
    padding: 16px 24px !important;
    font-weight: 400;
}
.gform_wrapper.gravity-theme .gform_validation_errors>h2 {
    text-transform: none;
    font-weight: bold !important;
}
.gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction {
    padding-top: 5px !important;
}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
    padding: 5px !important;
    font-size: 12px !important;
    font-weight: bold;
    border: 0 !important;
}
.gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label, .gform_wrapper.gravity-theme .gfield_error label, .gform_wrapper.gravity-theme .gfield_error legend, .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message, .gform_wrapper.gravity-theme [aria-invalid=true]+label, .gform_wrapper.gravity-theme label+[aria-invalid=true] {}
p.gform_required_legend {
    display: none;
}
.gform_wrapper.gravity-theme .gform_footer input {
    display: inline-block;
    text-transform: uppercase;
    margin: 0;
    line-height: 1;
    background: #801F05;
    color: #fff;
    padding: 16px 40px;
    border: solid 2px #801F05;
    margin: 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.gform_wrapper.gravity-theme .gform_footer input[type=submit] {
    font-weight: bold;
}
.gform_wrapper.gravity-theme .gform_footer input:hover {
    text-decoration: none;
    color: #000;
    background: #fff;
}
.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
    line-height: normal !important;
    min-height: 32px;
}
.gform_wrapper.gravity-theme input.datepicker {
    width: 100% !important;
}
.gform_wrapper.gravity-theme .gform_validation_errors {
    background: #801F05 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-bottom: 8px;
    margin-top: 0;
    padding: 15px;
    position: relative;
    width: 100%;
}
.gform_wrapper.gravity-theme .gform_validation_errors>h2 {
    color: #fff !important;
    font-family: 'Raleway';
}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
    background: #801F05 !important;
    color: #fff !important;
}
.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
    border: 1px solid #801F07 !important;
}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
    margin-top: 0 !important;
}
.gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 24px !important;
}
div.ginput_container_consent {
    display: flex;
}
fieldset.gfield--type-consent {
    margin-bottom: 24px !important;
}
div.ginput_container_consent input[type="checkbox"] {
    margin: 0px 10px 0px 0px;
}
.gform_wrapper.gravity-theme label.gfield_consent_label {
    margin: 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 21px */
}
.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input {
    margin-bottom: 0 !important;
}
.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
    padding: 0 !important;
    margin: 0 !important;
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar td, .gravity-theme.ui-datepicker .ui-datepicker-calendar th span, .gravity-theme.ui-datepicker .ui-datepicker-header select {
    font-size: 13px !important;
}
/**
* Gravity forms default styles END
* ----------------------------------------------------------------------------
*/

/**
* Menu toggle
* ----------------------------------------------------------------------------
*/

div.menu-toggle {
    width: 35px;
    position: relative;
    align-self: center;
    display: flex;
    flex-wrap: wrap;
    color: #221E1F;
    justify-content: center;
    transition: .3s ease-in-out;
}
div.menu-toggle div.open-menu span {
    width: 100%;
    height: 2px;
    background: #221E1F;
    transition: .3s ease-in-out;
}
div.menu-toggle div.closed-menu span:nth-of-type(1) {
    transform: rotate(25deg);
}
div.menu-toggle div.closed-menu span:nth-of-type(2) {
    transform: rotate(-25deg);
}
div.menu-toggle div.closed-menu span {
    position: absolute;
    width: 0;
    height: 0;
    background: #221E1F;
    transition: .3s ease-in-out;
}
div.menu-toggle.open .closed-menu span {
    width: 100%;
    height: 2px;
}
div.menu-toggle .open-menu, div.menu-toggle .closed-menu {
    height: 17px;
}
div.menu-toggle .closed-menu {
    display: flex;
    flex-wrap: wrap;
    opacity: 0;
    transition: .3s ease-in-out;
    height: 0;
    width: 0;
}
div.menu-toggle .open-menu {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    opacity: 1;
    transition: .3s ease-in-out;
    flex-direction: column;
    justify-content: space-between;
}
div.menu-toggle.open .closed-menu {
    opacity: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 17px;
}
div.menu-toggle.open .open-menu {
    opacity: 0;
    height: 0;
}
div.menu-toggle span.title {
    color: #221E1F;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 14px */
    display: flex;
    margin-top: 3px;
    width: 100%;
    justify-content: center;
    line-height: 1;
}
div.menu-toggle.open .open-menu {
    opacity: 0;
    height: 0;
    width: 0;
}
div.mobile-right {
    display: flex;
    gap: 12px;
}
div.mobile-right ul.contact {
    display: flex;
    gap: 12px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div.mobile-right ul.contact a.btn {
    width: 35px;
    height: 35px;
    background: #F3C45C;
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 1;
    align-items: center;
    padding: 0;
}
/**
* Menu toggle END
* ----------------------------------------------------------------------------
*/

/**
* Menu overlay
* ----------------------------------------------------------------------------
*/

.menu-overlay {
    width: 100%;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    background: #FFFBEF;
    transition: .8s ease-in-out;
    left: 0;
    z-index: 10;
}
.menu-overlay.open {
    max-height: 2000px;
}
div#navbar li.menu-item-has-children.open ul.sub-menu {
    max-height: 500px;
}
.menu-overlay ul#primary-menu li.menu-item-has-children>a:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(https://www.havengat.nl/assets/svg/chevron-down-solid.svg) no-repeat;
    background-size: contain;
    background-position: center center;
    right: 15px;
    top: -3px;
    bottom: 0;
    margin: auto;
    transition: .2s ease-in-out;
}
.menu-overlay ul#primary-menu li.menu-item-has-children:hover>a:after {
    background: url(https://www.havengat.nl/assets/svg/chevron-down-solid.svg) no-repeat;
}
.menu-overlay ul#primary-menu li.menu-item-has-children.open>a:after {
    transform: rotate(180deg);
}
.menu-overlay ul#primary-menu {
    max-height: initial;
    list-style-type: none;
    color: #3E352B;
    padding: 15px;
}
.menu-overlay ul#primary-menu li:first-of-type a {
    border: none;
}
.menu-overlay ul#primary-menu li a {
    display: block;
    position: relative;
    padding: 20px 0px;
    border-top: 1px solid #C4A869;
}
.menu-overlay div.mobile-info {
    border: solid 1px red;
}
/**
* Menu overlay END
* ----------------------------------------------------------------------------
*/

/*accordion styles*/

.ui-accordion h3.ui-accordion-header {
    font-family: 'Amber Whiskey' !important;
    text-transform: uppercase;
    position: relative;
    margin: 20px 0px;
    padding: 20px 60px 20px 20px;
    cursor: pointer;
    outline: none;
    font-size: 27px;
    font-weight: 700;
    font-family: inherit;
    background: #e1cebc;
    color: #903e22;
}
.ui-accordion h3.ui-accordion-header p {
    margin: 0;
    color: #101F3C;
}
.ui-accordion h3.ui-accordion-header.ui-state-active {
    font-weight: 700;
    border-bottom: 0;
    border-radius: 0;
}
.ui-accordion h3.ui-accordion-header:after {
    content: "\f078";
    font-family: 'font awesome 5 free';
    font-style: normal;
    text-decoration: inherit;
    font-size: 16px;
    font-weight: 900;
    padding-right: 0;
    position: absolute;
    right: 30px;
    line-height: 1;
    color: #903e22;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
}
.ui-accordion h3.ui-accordion-header.ui-state-active:after {
    content: "\f077";
    font-family: 'font awesome 5 free';
    font-style: normal;
    text-decoration: inherit;
    font-size: 16px;
    font-weight: 900;
    padding-right: 0;
    position: absolute;
    right: 30px;
    line-height: 1;
    color: #903e22;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
}
.ui-accordion .ui-accordion-content {
    padding: 0px;
    border: 0;
    border-top: 0;
    color: #00000099;
    background: #801F05;
    border-radius: 0;
}
.ui-accordion .ui-accordion-content ul {
    margin: 0;
}
.ui-accordion .ui-accordion-content p:last-of-type {
    margin: 0;
}
.ui-accordion .ui-accordion-header:hover, .ui-accordion h3.ui-accordion-header:hover:after {
    color: #C4A869;
}
span.ui-accordion-header-icon {
    display: none;
}
/*accordion styles END*/

/*Complianz css*/

#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
    font-size: inherit;
    max-width: 100%;
}
#cmplz-document p, #cmplz-document li, #cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode p, .editor-styles-wrapper .cmplz-unlinked-mode li, .editor-styles-wrapper .cmplz-unlinked-mode td {
    font-size: inherit;
    margin-top: 0;
}
#cmplz-document a, .editor-styles-wrapper .cmplz-unlinked-mode a {
    color: #fff;
}
#cmplz-document a:hover, .editor-styles-wrapper .cmplz-unlinked-mode a:hover {
    text-decoration: none;
}
#cmplz-document h2, #cmplz-document h3, .editor-styles-wrapper .cmplz-unlinked-mode h2, .editor-styles-wrapper .cmplz-unlinked-mode h3 {
    color: #fff;
    font-family: raleway, sans-serif;
    font-weight: bold;
}
/*Complianz css END*/

/**
* Havengat css END
* ----------------------------------------------------------------------------
*/

/**
* Media queries
* ----------------------------------------------------------------------------
*/

@media (min-width: 768px) {
    /*scrolled header*/
    header.scrolled-header {
        color: #fff;
    }
    header.scrolled-header div.topheader {
        background: #221E1F;
    }
    header#masthead.site-header.scrolled-header div.topheader div.inner {
        color: #fff;
    }
    header.scrolled-header div.mainheader {
        background: #FFFBEF;
    }
    header#masthead.site-header.scrolled-header div.topheader a {
        color: #fff;
    }
    header#masthead.site-header.scrolled-header div.topheader a.btn.c {
        border: solid 1px #fff;
    }
    header#masthead.site-header.scrolled-header div.topheader a.btn.c:hover {
        color: #221E1F;
    }
    header#masthead.site-header.scrolled-header div.topheader a.btn.c img[src$=".svg"], header#masthead.site-header.scrolled-header ul.social-main img[src$=".svg"] {
        filter: brightness(0) invert(1);
    }
    header#masthead.site-header.scrolled-header div.topheader a.btn.c:hover img[src$=".svg"], header#masthead.site-header.scrolled-header ul.social-main li:hover img[src$=".svg"] {
        filter: none;
    }
    /*scrolled header*/
    header#masthead div.topheader ul.contact li {}
    header#masthead {
        background: rgba(42, 29, 2, 0.15);
        backdrop-filter: blur(1px);
    }
    button.menu-toggle {
        display: none;
    }
    section.bezoek div.inner div.cols {
        grid-template-columns: repeat(3, 1fr);
    }
    section.bezoek div.inner h2 {
        margin: 95px 0px 30px 0px;
    }
    section.bezoek {
        margin: 95px 0px;
    }
    div.mainagenda form.searchandfilter ul li ul li {}
    body.page-template-sub-pagebuilder section.textphoto div.col.afbeelding {
        order: inherit;
    }
    body.page-template-sub-pagebuilder section.textphoto div.col.text {
        order: inherit;
    }
    section.blocks div.blocks {
        grid-template-columns: repeat(2, 1fr);
    }
    section.blocks div.blocks div.block:nth-child(3) {
        grid-column: 1 / -1;
        justify-self: center;
        margin-top: 110px;
    }
    section.arrangementen div.arrangementen {
        grid-template-columns: repeat(2, 1fr);
    }
    section.arrangementen div.top {
        flex-direction: row;
    }
    section.blocks div.blocks div.block {
        margin-top: inherit;
        padding: 140px 40px 40px 40px;
    }
    section.intro-title div.text h1 {
        font-size: 80px;
        font-style: normal;
        font-weight: 400;
        line-height: 90%;
        /* 72px */
    }
    section.intro-bg {
        height: 573px;
    }
    header#masthead div.mainheader div.inner {
        padding: 15px;
    }
    section.blocks div.blocks div.block div.image {
        width: 220px;
        height: 220px;
        top: -110px;
    }
    section.blocks div.inner {
        padding: 200px 15px;
    }
    section.arrangementen div.arrangementen {
        gap: 32px;
    }
    body.home section.light-bg {
        background: linear-gradient(rgba(255, 251, 239, 0.9), rgba(255, 251, 239, 0.9)), url('https://www.havengat.nl/wp-content/uploads/2025/04/c88d7fdbd75e1bedac692e13eb3a7da5.jpg') no-repeat;
        background-size: cover;
        background-position: center;
        border-bottom-left-radius: 50% 80px;
        border-bottom-right-radius: 50% 80px;
    }
    section.agenda div.inner {
        padding: 115px 15px 30px 15px;
    }
    div.mainagenda form.searchandfilter {
        margin: 48px 0px;
    }
    div.mainagenda div.agenda-item div.event-logo {
        width: 184px;
    }
    div.mainagenda div.agenda-item div.reservation {
        align-items: inherit;
    }
    section.instagallery div.top {
        flex-direction: row;
        align-items: center;
    }
    body.page-template-sub-contact section.mogelijkheden {
        padding: 110px 0px;
    }
    body.page-template section.header h1.page-title {
        font-size: 64px;
    }
    body:not(.home) div.twogrid div.col.img {
        height: 640px;
    }
    body.page-template-sub-contact section.parkeren div.top {
        flex-direction: row;
        align-items: center;
    }
    body.page-template-sub-contact section.parkeren {
        padding: 64px 0px;
    }
    body.page-template-sub-contact section.parkeren div.inner {
        gap: 110px;
    }
    body.page-template-sub-arrangementen div.arrangement {
        grid-template-columns: repeat(2, 1fr);
    }
    body.page-template-sub-arrangementen div.arrangement:nth-of-type(odd) div.image {
        order: 2;
    }
    body.page-template-sub-arrangementen div.arrangement div.image {
        height: 640px;
    }
    body.page-template-sub-arrangementen div.introtext div.btns {
        flex-direction: row;
    }
    .menukaart-tabs {
        gap: 80px;
    }
    .menukaart-tab-button {
        width: auto;
    }
    .modal-dialog {
        width: 600px;
    }
}
@media (min-width: 800px) {
    header#masthead div.topheader {
        display: block;
    }
    header#masthead a.home-link {
        max-width: 215px;
        width: 100%;
        order: 2;
    }
    div.mobile-right ul.contact {
        display: none;
    }
    body.page-template-sub-pagebuilder section.timeline div.col:first-of-type {
        padding: 0px 40px 0px 0px;
    }
    body.page-template-sub-pagebuilder section.timeline div.col:last-of-type {
        padding: 0px 0px 0px 40px;
    }
    body.page-template-sub-pagebuilder section.timeline div.col {
        width: 50%;
    }
    body.page-template-sub-pagebuilder section.timeline div.inner {
        flex-direction: row;
    }
    body.page-template-sub-pagebuilder section.timeline div.col:last-of-type {
        margin: 0px;
    }
    body.page-template-sub-pagebuilder section.textphoto div.inner {
        flex-direction: row;
    }
    body.page-template-sub-pagebuilder section.textphoto div.col {
        width: 50%;
    }
    body.page-template-sub-pagebuilder section.textphoto div.col:first-of-type {
        padding: 0px 55px 0px 0px;
    }
    body.page-template-sub-pagebuilder section.textphoto div.col:last-of-type {
        padding: 0px 0px 0px 55px;
    }
    div.biggallery {
        flex-direction: row;
    }
    div.biggallery div.slider {
        width: 60%;
    }
    div.biggallery div.thumbs {
        width: 40%;
    }
    div.biggallery div#postgallery-sync1 {
        margin: 0px 15px 0px 0px;
    }
    body.page-template-sub-contact section.content div.inner {
        flex-direction: row;
        gap: 110px;
        padding: 85px 15px 140px 15px;
    }
    body.page-template-sub-contact section.content div.contactform {
        max-width: 770px;
        order: 2;
    }
    body.page-template-sub-contact section.content div.sidebar {
        order: 1;
        width: auto;
    }
    header#masthead div.mainheader div.right {
        display: flex;
    }
    body:not(.home) div.twogrid {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 64px;
    }
    body:not(.home) div.twogrid div.col.contact {
        padding: 48px;
    }
    body:not(.home) div.twogrid div.col.contact.info {
        order: initial;
    }
}
@media (min-width: 900px) {
    header#masthead div.topheader div.open {
        display: flex;
    }
}
@media (min-width: 1024px) {
    header#masthead {}
    header#masthead a.home-link {
        order: 1;
    }
    header#masthead div.mainheader div.right {
        display: none;
    }
    ul.sub-menu {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }
    div#navbar li.menu-item-has-children:hover ul.sub-menu {
        opacity: 1;
        pointer-events: all;
    }
    div#navbar ul.sub-menu {
        max-width: 300px;
        width: 100%;
        display: block;
        background: #000;
        padding: 0;
    }
    div#navbar ul.sub-menu li a {
        padding: 20px;
    }
    div#navbar ul {
        display: flex;
        flex-direction: row;
        max-height: initial;
        list-style-type: none;
        gap: 16px;
    }
    div.menu-toggle {
        display: none;
    }
    div.mobile-right {
        display: none;
    }
    div.menu-overlay {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        background: none;
        position: relative;
        top: initial;
        transition: initial;
        left: initial;
        overflow: visible;
        flex-basis: initial;
        width: initial;
        max-height: initial;
        order: 1;
    }
    .menu-overlay ul#primary-menu {
        padding: 0;
    }
    .menu-overlay ul#primary-menu li a {
        border: 0;
        padding: 8px;
    }
    .menu-overlay ul#primary-menu li.menu-item-has-children a {
        padding-right: 20px;
        padding-left: 10px;
    }
    .menu-overlay ul#primary-menu li.menu-item-has-children a:after {
        width: 15px;
        height: 15px;
        right: 0;
    }
    section.intro-video div.inner {
        min-height: 675px;
    }
    div.mainagenda div.agenda-item a.innercontent {
        flex-direction: row;
        padding: 25px 0px;
    }
    div.mainagenda div.agenda-item div.date {
        max-width: 897px;
        width: 100%;
    }
    div.mainagenda div.agenda-item div.content {
        max-width: 897px;
        width: 100%;
    }
    div.mainagenda form.searchandfilter ul {
        overflow: auto;
    }
    div.mainagenda {}
    section.vieren div.top {
        flex-direction: row;
    }
    section.vieren div.top h2 {
        width: 40%;
        margin: 0;
    }
    section.vieren div.top div.introtext {
        width: 60%;
        padding: 0px 0px 0px 95px;
    }
    section.vieren div.inner {
        padding: 110px 15px;
    }
    section.agenda div.inner {
        padding: 115px 15px;
    }
    div.vieren-items div.owl-carousel {
        width: 40%;
    }
    div.vieren-items div.items {
        width: 60%;
        padding: 0px 0px 0px 95px;
    }
    div.vieren-items {
        flex-direction: row;
    }
    div.vieren-items div.items div.item {
        padding: 30px 0px;
    }
    section.separator.threecol div.cols {
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
    }
    section.separator.threecol {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e1cebc+0,e1cebc+50,e1cebc+50,000000+50 */
        background: #e1cebc;
        /* Old browsers */
        background: -moz-linear-gradient(top, #e1cebc 0%, #e1cebc 50%, #e1cebc 50%, #000000 50%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #e1cebc 0%, #e1cebc 50%, #e1cebc 50%, #000000 50%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #e1cebc 0%, #e1cebc 50%, #e1cebc 50%, #000000 50%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1cebc', endColorstr='#000000', GradientType=0);
        /* IE6-9 */
    }
    section.separator.block {
        height: 90px;
    }
    section.intro-title div.text h2 {
        font-size: 80px;
    }
    section.vieren div.top h2 {
        font-size: 72px;
    }
    section.fotogalerij h3 {
        font-size: 72px;
    }
    section.footer div.inner {
        padding: 120px 15px;
        flex-direction: row;
    }
    section.footer.bottom div.inner {
        padding: 32px 15px;
        flex-direction: row;
    }
    ul.social-main.footer {
        margin: 35px 0px 0px 0px;
    }
    section.footer ul.social-main {}
    section.intro-title div.inner {
        padding: 90px 15px;
    }
    .menu-overlay div.mobile-info {
        display: none;
    }
    section.vieren div.top h2 br {
        display: block;
    }
    div.vieren-items div.owl-carousel div.item {
        height: 485px;
    }
    section.separator.threecol div.cols a.col div.image {
        height: 500px;
    }
    body.page-template-sub-pagebuilder section.introtext h2.sub-title+h1.entry-title {}
    body.page-template-sub-pagebuilder h1.entry-title {
        font-size: 80px;
    }
    section.bezoek div.inner h2 {
        font-size: 80px;
    }
    body.page-template-sub-contact h1.entry-title {
        font-size: 80px;
    }
    body.page-template-sub-pagebuilder section.timeline div.inner {
        padding: 60px 15px;
    }
    body.page-template-sub-pagebuilder section.timeline div.inner.paddingbottom {
        padding-bottom: 120px;
    }
    body.page-template-sub-pagebuilder section.timeline div.inner.paddingtop {
        padding-top: 120px;
    }
    body.page-template-sub-pagebuilder section.introtext h1.entry-title {
        padding: 110px 0px 60px 0px;
    }
    body.page-template-sub-pagebuilder section.threecol {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e1cebc+0,e1cebc+50,e1cebc+50,000000+50 */
        background: #e1cebc;
        /* Old browsers */
        background: -moz-linear-gradient(top, #e1cebc 0%, #e1cebc 50%, #e1cebc 50%, #000000 50%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #e1cebc 0%, #e1cebc 50%, #e1cebc 50%, #000000 50%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #e1cebc 0%, #e1cebc 50%, #e1cebc 50%, #000000 50%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1cebc', endColorstr='#000000', GradientType=0);
        /* IE6-9 */
    }
    body.page-template-sub-pagebuilder section.photogallery div.inner {
        padding: 120px 15px;
    }
    body.page-template-sub-pagebuilder section.textphoto div.col.afbeelding:last-of-type:after {
        right: -40px;
    }
    div.mainagenda div.agenda-item h3.title {}
    section.fotogalerij div.inner {
        padding: 90px 15px 70px 15px;
    }
    body.page-template-sub-pagebuilder section.introtext+section.textphoto div.inner {
        padding: 20px 15px 135px 15px;
    }
    body.page-template-sub-pagebuilder section.textphoto div.inner {
        padding: 80px 15px;
    }
    ul#primary-menu li.menu-item-has-children:hover a:after {
        transform: rotateX(180deg);
    }
    div.single-card.full {
        grid-column: span 6;
    }
    div.single-card.half {
        grid-column: span 3;
    }
    body.tax-categorie h1.entry-title {
        font-size: 80px;
    }
    div.project-gallery div.flexbox-wrapper .gallery-img:first-of-type {
        grid-column: span 6;
        grid-row: span 2;
        height: 380px;
    }
    div.project-gallery div.flexbox-wrapper .gallery-img {
        grid-column: span 2;
        height: 182px;
    }
    section.footer.bottom div.inner {
        align-items: center;
    }
    section.footer.bottom ul {
        flex-direction: row;
    }
    section.footer.bottom div.bottom-menu {
        order: 2;
    }
}
@media (min-width: 1250px) {
    section.blocks div.blocks {
        grid-template-columns: repeat(3, 1fr);
    }
    section.arrangementen div.arrangementen {
        grid-template-columns: repeat(3, 1fr);
    }
    section.blocks div.blocks div.block:nth-child(3) {
        grid-column: inherit;
        margin-top: inherit;
    }
}
@media (min-width: 1450px) {
    div.toppattern {
        background-position: center calc(0% - 475px);
    }
    header#masthead div.mainheader div.right {
        display: flex;
    }
    header#masthead a.home-link {
        order: 2;
    }
    .hide-desktop {
        display: none !important;
    }
}
@media (min-width: 1800px) {
    section.separator.threecol div.cols:after {
        display: block;
    }
}
@media (max-width: 643px) {
    .site-title {
        font-size: 30px;
    }
    #content .entry-header, #content .entry-content, #content .entry-summary, #content footer.entry-meta, #content .featured-gallery, .search.sidebar .page-content, .blog.sidebar .page-content, .sidebar .post-navigation .nav-links, .paging-navigation .nav-links, #content .author-info, .comments-area .comments-title, .comments-area .comment-list, .comments-area .comment-navigation, .comment-respond, .sidebar .site-info, .sidebar .paging-navigation .nav-links {}
    #content .format-status .entry-content, #content .format-status .entry-met {
        padding-left: 35px;
    }
    /* Small menu */
    .menu-toggle {}
    .menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active {}
    .menu-toggle:focus {
        outline: thin dotted;
    }
    .menu-toggle:after {}
    .toggled-on .menu-toggle:after {
        content: "\f500";
        vertical-align: 2px;
    }
    .toggled-on .nav-menu, .toggled-on .nav-menu>ul {
        display: block;
        margin-left: 0;
        padding: 0;
        width: 100%;
    }
    .toggled-on li, .toggled-on .children {
        display: block;
    }
    .toggled-on .nav-menu li>ul {
        background-color: transparent;
        display: block;
        float: none;
        margin-left: 20px;
        position: relative;
        left: auto;
        top: auto;
    }
    .toggled-on .nav-menu li>ul a {
        color: #141412;
        width: auto;
    }
    .toggled-on .nav-menu li:hover>a, .toggled-on .nav-menu .children a {
        background-color: transparent;
        color: #141412;
    }
    .toggled-on .nav-menu>li a:hover, .toggled-on .nav-menu>ul a:hover {
        background-color: #db572f;
        color: #fff;
    }
    .toggled-on .nav-menu>li a:focus, .toggled-on .nav-menu>ul a:focus {
        background-color: #220e10;
        color: #fff;
    }
    ul.nav-menu, div.nav-menu>ul {
        display: none;
    }
    #content .featured-gallery {
        padding-left: 24px;
    }
    .gallery-columns-1 .gallery-item {
        margin-right: 0;
        width: 100%;
    }
    .entry-title, .format-chat .entry-title, .format-image .entry-title, .format-gallery .entry-title, .format-video .entry-title {
        font-size: 22px;
        font-weight: bold;
    }
    .format-quote blockquote, .format-status .entry-content {
        font-size: 18px;
    }
    .format-quote blockquote small, .format-quote blockquote cite {
        font-size: 13px;
    }
    .error404 .page-title {
        padding: 40px 0 0;
    }
    .error404 .page-title:before {
        content: normal;
    }
    .comment-author {
        margin-right: 30px;
    }
    .comment-author .avatar {
        height: auto;
        max-width: 100%;
    }
    .comment-metadata, .comment-content, .comment-list .reply {
        width: 70%;
        width: -webkit-calc(100% - 104px);
        width: calc(100% - 104px);
    }
    .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] {
        width: -webkit-calc(100% - 120px);
        width: calc(100% - 120px);
    }
    .comment-form textarea {
        height: 80px;
        /* Smaller field for mobile. */
    }
    /* Audio */
    .format-audio .entry-content:before {
        display: none;
    }
    .format-audio .audio-content {
        background-image: none;
        float: none;
        padding-left: 0;
        width: auto;
    }
}
/* --- Photo Gallery Carousel --- */

/* Default (Mobile) Styles */

.photogallery .inner {
    padding: 0 15px;
    /* Standard padding for smaller screens */
}
.photogallery-carousel .item {
    height: 350px;
    width: 85vw;
    /* Items take up 85% of the viewport width on mobile */
    display: block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
/* Vertically align items of different heights */

.photogallery-carousel .owl-item {
    vertical-align: middle;
}
.photogallery-carousel .owl-stage {
    display: flex;
    align-items: center;
}
/* Make the lightbox link cover the entire item */

.photogallery-carousel .item a {
    display: block;
    width: 100%;
    height: 100%;
}
/* --- Desktop Styles (for screens 992px and wider) --- */

@media (min-width: 992px) {
    .photogallery-carousel .item-landscape {
        width: 456px;
        height: 368px;
    }
    .photogallery-carousel .item-portrait {
        width: 368px;
        height: 576px;
    }
}
/* --- THE OVERFLOW TRICK: For large screens wider than your content --- */

@media (min-width: 1435px) {
    /* A bit wider than 1405px to account for scrollbars */
    .photogallery .inner {
        max-width: none;
        /* Remove the max-width constraint */
        width: 100%;
        padding-right: 0;
        /* No padding on the right to allow overflow */
        /* This calc() creates left padding to perfectly align with your centered content */
        padding-left: calc((100vw - 1405px) / 2);
    }
    .photogallery-carousel .owl-stage-outer:before {
        height: 1px;
        width: 100%;
        top: 50%;
        left: 0;
        background-color: #F3C45C;
        position: absolute;
        content: "";
        visibility: visible;
        display: block;
    }
}
/* Styling for Owl Carousel Navigation Arrows */

.photogallery-carousel .owl-nav {
    position: absolute;
    top: 50%;
    /* Constrain nav arrows to the main content width for better positioning */
    left: calc((100vw - 1405px) / 2);
    right: calc((100vw - 1405px) / 2);
    max-width: 1405px;
    margin: 0 auto;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    padding: 0 15px;
    display: none;
    /* Match your site's standard inner padding */
}
.photogallery-carousel .owl-nav button.owl-prev, .photogallery-carousel .owl-nav button.owl-next {
    pointer-events: all;
    font-size: 28px !important;
    color: #fff !important;
    background: rgba(0, 0, 0, 0.4) !important;
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    transition: all 0.3s ease;
    margin: 0;
    /* Removed margin to rely on container positioning */
}
.photogallery-carousel .owl-nav button.owl-prev:hover, .photogallery-carousel .owl-nav button.owl-next:hover {
    background: #c5303f !important;
}
/* Hide arrows on smaller screens where they can get in the way */

@media (max-width: 991px) {
    .photogallery-carousel .owl-nav {
        display: none;
    }
}
@media (max-width: 767px) {
    section.blocks div.blocks div.block:first-child {
        order: 3;
    }
    section.blocks div.blocks div.block div.image {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
}