:root {
    /* Colors */
    --color-ocean_blue: #2E68BC;
    --color-ocean_blue_dk_01: #17427F;
    --color-ocean_blue_lt_01: #8DAFD9;
    --color-ocean_blue_lt_02: #5E86BD;
    --color-ocean_blue_lt_03: #F4F8FC;
    --color-ocean_blue_lt_04: #d1dff0;
    --color-ocean_blue_lt_05: #d2e0f0;
    --color-nile_blue: #283C54;
    --color-nile_blue_lt_01: #395168;
    --color-nile_blue_lt_02: #516E82;
    --color-nile_blue_dk_01: #1D2E47;
    --color-fountain_blue: #65B6BF;
    --color-fountain_blue_lt_01: #88D7DF;
    --color-fountain_blue_lt_02: #ddf4f6;
    --color-fountain_blue_lt_03: #cceef1;
    --color-fountain_blue_dk_01: #4999A3;
    --color-fountain_blue_dk_02: #397E87;
    --color-gray_01: #DDDDDD;
    --color-gray_02: #F9F9F9;
    --color-error-red: #da5f68;
    /* Utility colors declarations */
    --color-ut-link-hover: var(--color-fountain_blue_dk_01);
    --color-ut-link-static: var(--color-fountain_blue_dk_02);
    /* Fonts */
    --font-size: 16px;
    --font-primary: 'Alegreya Sans SC', sans-serif;
    --font-secondary: 'Martel', serif;
    /* Layout */
    --content-width: 820px;
    --spacing-full: 80px;
    --spacing-half: calc(var(--spacing-full) / 2);
    --spacing-sm: calc(var(--spacing-full) / 4);
    --shadow-default: 4px 4px 12px 
    color-mix(in srgb, var(--color-nile_blue) 15%, transparent);
    --shadow-inset: 0 0 24px 12px inset #fff;
    /* Other settings */
    --default-transition: 0s;
    --google-map-offset: -59px;
    /* Media elements */
    --divider_01--url: url('/wp-content/uploads/2024/07/dc-separator-01-02.svg');
    --divider_02--footer: url('/wp-content/uploads/2024/07/dc-separator-02-footer.svg');
    --divider_02--tabs: url('/wp-content/uploads/2024/07/dc-separator-02-tabs.svg');
    --divider_03--article: url('/wp-content/uploads/2024/07/dc-separator-articles_01.svg');
    --divider_03--article-90: url('/wp-content/uploads/2024/08/dc-separator-articles_01-90.svg');
    --bg-article_01: url('/wp-content/uploads/2024/07/dc-article-post-bg-01.svg');
    --bg-article_02: url('/wp-content/uploads/2024/07/dc-article-post-bg-02.svg');
    --bg-article_03: url('/wp-content/uploads/2024/07/dc-article-post-bg-03.svg');
    --bg-article_04: url('/wp-content/uploads/2024/07/dc-article-post-bg-04.svg');
    --bg-element_03-01: url('/wp-content/uploads/2024/07/dc-bg_element_03-01.svg');
    --bg-element_03-02: url('/wp-content/uploads/2024/07/dc-bg_element_03-02.svg');
    --bg-element_03-03: url('/wp-content/uploads/2024/07/dc-bg_element_03-03.svg');
    --bg-gradient_01: linear-gradient(180deg, 
    color-mix(in srgb, var(--color-ocean_blue_lt_04) 75%, transparent 25%) 15%, transparent 50%);
    --bg-gradient_02: linear-gradient(180deg, 
    color-mix(in srgb, var(--color-ocean_blue_lt_04) 75%, transparent) 15%, transparent 75%);

    --container_threshold: calc(calc(50% - var(--spacing-half)) * 2);
}

html {
    font-family: var(--font-primary);
    scroll-behavior: smooth;
}

a.scroll-top svg {
    fill: var(--color-ocean_blue_lt_02);
}

a.scroll-top {
    background-color: color-mix(in srgb, var(--color-ocean_blue) 15%, transparent)!important;
    border-radius: 12px;
}

/* Utility layout classes */
.mt-0 {
    margin-top: 0!important;
}
.mt-1 {
    margin-top: 1.25rem!important;
}
.mt-2 {
    margin-top: 2.5rem!important;
}
.mt-3 {
    margin-top: 3.75rem!important;
}
.mt-4 {
    margin-top: 5rem!important;
}
.mb-0 {
    margin-bottom: 0!important;
}
.mb-1 {
    margin-bottom: 1.25rem!important;
}
.mb-2 {
    margin-bottom: 2.5rem!important;
}
.mb-3 {
    margin-bottom: 3.75rem!important;
}
.mb-4 {
    margin-bottom: 5rem!important;
}
.pt-1 {
    padding-top: 1.25rem!important;
}
.pt-2 {
    padding-top: 2.5rem!important;
}
.pt-3 {
    padding-top: 3.75rem!important;
}
.pt-4 {
    padding-top: 5rem!important;
}
.pb-1 {
    padding-bottom: 1.25rem!important;
}
.pb-2 {
    padding-bottom: 2.5rem!important;
}
.pb-3 {
    padding-bottom: 3.75rem!important;
}
.pb-4 {
    padding-bottom: 5rem!important;
}

.content-centered {
    text-align: center;
}




/* Main container */
.wf-container-main {
    padding-left: var(--spacing-sm);
    padding-right: var(--spacing-sm);
}

#main {
    padding-left: clamp(var(--spacing-sm), 6vw, var(--spacing-full))!important;
    padding-right: clamp(var(--spacing-sm), 6vw, var(--spacing-full))!important;
}

#footer .wf-container-footer .wf-container {
    column-gap: clamp(var(--spacing-sm), 6vw, var(--spacing-full));
    row-gap: var(--spacing-half);
    flex-wrap: wrap;
    flex-direction: row;
}

#footer .wf-container-footer .wf-container:before,
#footer .wf-container-footer .wf-container:after {
    display: none;
}

#footer .wf-container-footer .wf-container .widget_block.wf-1-2 {
    min-width: 200px;
    flex-basis: calc(50% - clamp(var(--spacing-sm), 6vw, var(--spacing-full)));
    flex-grow: 1;
}

a:focus-visible {
    --_color: var(--_text-color);
    outline: 2px dashed var(--_color) !important;
    border-radius: 8px;
    outline-offset: 2px !important;
    text-decoration: none!important;
}

.main-nav>li.current-menu-item>a:focus-visible .menu-text {
    text-decoration: none!important;
}

p>a:not(.custom-btn), a.dc-custom-link {
    --_color: var(--color-ut-link-static);
    --_hover-color: var(--color-ut-link-hover);
    color: var(--_color);
    text-decoration: underline wavy;
    text-underline-offset: 6px !important;
    text-decoration-thickness: 1px !important;
    font-weight: 600;
    transition: var(--default-transition) !important;
}

p>a:nth-child(2n):not(.custom-btn), a.dc-custom-link:nth-child(2n) {
    --_color: var(--color-ocean_blue);
    --_hover-color: var(--color-ocean_blue_lt_02);
}
p>a:nth-child(3n):not(.custom-btn), a.dc-custom-link:nth-child(3n) {
    --_color: var(--color-nile_blue_lt_02);
    --_hover-color: var(--color-ocean_blue);
}

p>a:not(.custom-btn):hover, a.dc-custom-link:hover {
    color: var(--_hover-color);
    transition: var(--default-transition) !important;
    text-decoration: underline wavy 2px!important;
}

.header-bar {
    background: var(--color-gray_02);
}

a.same-logo {
    outline: 0 !important;
}

a.same-logo img {
    width: 100%;
    margin-bottom: var(--spacing-half);
    transition: transform 0.2s linear(0 0%, 0 1.8%, 0.01 3.6%, 0.03 6.35%, 0.07 9.1%, 0.13 11.4%, 0.19 13.4%, 0.27 15%, 0.34 16.1%, 0.54 18.35%, 0.66 20.6%, 0.72 22.4%, 0.77 24.6%, 0.81 27.3%, 0.85 30.4%, 0.88 35.1%, 0.92 40.6%, 0.94 47.2%, 0.96 55%, 0.98 64%, 0.99 74.4%, 1 86.4%, 1 100%);
    width: 440px;
}

a.same-logo:hover img {
    transform: matrix3d(1, 0.0001, 0, 0.0005, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transition: transform 0.2s linear(0 0%, 0 1.8%, 0.01 3.6%, 0.03 6.35%, 0.07 9.1%, 0.13 11.4%, 0.19 13.4%, 0.27 15%, 0.34 16.1%, 0.54 18.35%, 0.66 20.6%, 0.72 22.4%, 0.77 24.6%, 0.81 27.3%, 0.85 30.4%, 0.88 35.1%, 0.92 40.6%, 0.94 47.2%, 0.96 55%, 0.98 64%, 0.99 74.4%, 1 86.4%, 1 100%) !important;
}

a.same-logo:focus-visible img {
    outline: 2px dashed;
    border-radius: 8px;
    outline-offset: 4px;
}

/* Header  */
.main-nav>li>a, .mobile-main-nav>li>a, .bottom-bar-contents a.menu-link {
    margin: 0 !important;
    padding: 0 !important;
}

.main-nav>li:not(.wpml-ls-item)>a .menu-text,
.mobile-main-nav>li:not(.wpml-ls-item)>a .menu-text {
    color: inherit !important;
    line-height: 1.3;
}


.header-bar .main-nav,
.mobile-main-nav {
    row-gap: 1.5rem;
}

.main-nav>li>a, 
.mobile-main-nav>li>a,
.bottom-bar-contents a.menu-link {
    --_size: 24px;
    display: flex;
    align-items: center !important;
    column-gap: 0.55rem;
    color: var(--color-nile_blue_dk_01) !important;
    transition: color var(--default-transition) !important;
    font-size: 24px;
}

.main-nav>li>a:hover, 
.mobile-main-nav>li>a:hover,
.bottom-bar-contents a.menu-link:hover {
    color: var(--color-fountain_blue_dk_01) !important;
    transition: color var(--default-transition) !important;
}

.side-header .main-nav>li>a:focus-visible, 
.mobile-main-nav>li>a:focus-visible,
.bottom-bar-contents a.menu-link:focus-visible {
    outline: 2px dashed!important;
    border-radius: 8px!important;
    outline-offset: 4px!important;
}
.main-nav>li>a:hover .menu-text, 
.mobile-main-nav>li>a:hover .menu-text,
.mobile-main-nav>li.current-menu-item>a .menu-text,
.main-nav>li.current-menu-item>a .menu-text,
.bottom-bar-contents a.menu-link:hover .menu-text {
    text-decoration: underline wavy;
    text-underline-offset: 4px;
    text-decoration-thickness: from-font;
}

.main-nav>li>a, 
.mobile-main-nav>li>a .menu-text, 
.bottom-bar-contents a.menu-link .menu-text {
    font-size: var(--_size) !important;
}

.bottom-bar-contents a.menu-link {
    --_size: 20px;
    text-decoration: none!important;
}

.main-nav>li.current-menu-item>a, 
.mobile-main-nav>li.current-menu-item>a {
    color: var(--color-fountain_blue_dk_01) !important;
}

.main-nav>li:not(.current-menu-item) span.material-symbols-outlined,
.mobile-main-nav>li:not(.current-menu-item) span.material-symbols-outlined {
    opacity: 0.6;
}

ul#primary-menu {
    margin-top: 0;
    margin-bottom: var(--spacing-half);
}

/* Mobile menu */

.mobile-hamburger-close-bg-enable .dt-close-mobile-menu-icon:before {
    background-color: color-mix(in srgb, var(--color-ocean_blue) 25%, transparent)!important;
    border-radius: 0.45em;
}

.fade-medium-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line {
    margin-top: -2px!important;
}

.dt-close-mobile-menu-icon .close-line {
    height: 4px!important;
}

.dt-close-mobile-menu-icon {
    padding: 6px!important;
    border-radius: 0.45em;
}

.dt-close-mobile-menu-icon span:before {
    background: var(--color-ocean_blue_lt_02)!important;
}

.mobile-branding .same-logo img {
    max-width: 190px!important;
    margin-bottom: 0;
    padding: var(--spacing-sm);
}

/* Widgets area  */
.side-header .header-bar .mini-widgets {
    padding: 0 !important;
    justify-content: center;
}

.mobile-mini-widgets-in-menu  {
    justify-content: center;
}

.side-header .header-bar .mini-widgets .soc-ico,
.mobile-mini-widgets-in-menu .soc-ico {
    margin: 0 !important;
    overflow: visible;
}

.mini-widgets:before,
.mobile-mini-widgets-in-menu:before {
    content: "";
    background-image: var(--divider_01--url);
    width: 100%;
    height: 6px;
    background-repeat: repeat-x;
    padding-bottom: var(--spacing-sm);
    opacity: 0.5;
}

.masthead .mini-widgets .soc-ico a,
.soc-ico a:after, .soc-ico a:before {
    transition: var(--default-transition);
}

.sticky-mobile-on .mobile-branding a.same-logo {
    display: block!important;
    padding: 0!important;
}

/* Footer */
#footer {
    --_border-radius: 24px;
    margin-bottom: var(--spacing-full);
    margin-left: clamp(var(--spacing-sm), 6vw, var(--spacing-full));
    margin-right: clamp(var(--spacing-sm), 6vw, var(--spacing-full));
}

#bottom-bar a:hover {
    --_color: var(--color-ocean_blue);
    text-decoration: none!important;
}

.footer .widget {
    margin-bottom: 0;
}

.wf-container {
    display: flex;
    align-items: center;
}

#footer > .wf-wrap, #footer #bottom-bar > .wf-wrap {
    background: var(--color-ocean_blue_lt_03);
    background: linear-gradient(180deg, 
color-mix(in srgb, var(--color-ocean_blue_lt_04) 77%, transparent) 0%, transparent 105%);
    /* background-color: transparent ! important; */
    backdrop-filter: blur(12px);
}

#footer > .wf-wrap {
    border-radius: var(--_border-radius) var(--_border-radius) 0 0;
}

#footer #bottom-bar > .wf-wrap {
    border-radius: 0 0 var(--_border-radius) var(--_border-radius);
    background: color-mix(in srgb, var(--color-ocean_blue_lt_01) 40%, #fff);
    position: relative;
}

ul#footer-menu {
    row-gap: 1rem;
    display: flex;
    flex-direction: column;
}

.footer-title {
    font-weight: 400;
    text-transform: capitalize!important;
    color: var(--color-nile_blue_lt_02)!important;
    font-size: 1.75rem!important;
    margin-bottom: var(--spacing-sm)!important;
}

/* Bottom bar */

#footer #bottom-bar > .wf-wrap:before {
    content: "";
    background: var(--divider_02--footer);
    width: 100%;
    height: 6px;
    background-repeat: repeat-x;
    padding-bottom: var(--spacing-sm);
    position: absolute;
    left: 0;
    background-size: 40px;
    top: -4px;
}

.bottom-bar-contents {
    display: flex;
    flex-direction: row;
    column-gap: var(--spacing-half);
    justify-content: space-between;
    width: 100%;
    align-items: center;
    font-family: var(--font-primary);
}

.bottom-bar__block {
    display: flex;
    justify-content: center;
    column-gap: var(--spacing-sm);
}

.bottom-bar__block:first-child {
    justify-content: flex-start;
}

.bottom-bar__block:last-child {
    justify-content: flex-end;
}

span.copyright-text {
    text-transform: lowercase;
}

.bottom-text-block {
    width: 100%;
    display: flex;
    justify-content: center;
}

#bottom-bar .wf-float-right {
    width: 100%!important;
}

a.menu-link {
    display: flex;
    align-items: center;
    line-height: 1;
}

a.icon_social--linkedin {
    --_icon-color: var(--color-ocean_blue_lt_04);
    --_color: color-mix(in srgb, var(--color-ocean_blue) 75%, transparent);
    font-size: 1rem;
    display: inline-flex;
    line-height: 1;
    padding: 6px;
    border-radius: 8px;
    background: var(--_color);
}

a.icon_social--linkedin.icon_social--header {
    --_icon-color: var(--color-ocean_blue_lt_03);
    --_color: color-mix(in srgb, var(--color-ocean_blue) 75%, transparent);
    font-size: 1.5rem;
    text-decoration: none!important;
}

.text-area a.icon_social--linkedin:hover, .text-area a.icon_social--linkedin:focus-visible {
    --_color: var(--color-ocean_blue);
    --_icon-color: var(--color-ocean_blue_lt_03);
    text-decoration: none!important;
}

a.icon_social--linkedin span.soc-font-icon {    
    color: var(--_icon-color);
}

.menu-link__text .menu-text {
    text-align: left;
}

.mobile-branding > a,
.mobile-branding > img {
  padding: 0px 20px 0px 20px!important;
}

.dt-mobile-header .mobile-mini-widgets-in-menu>* {
    margin: 0!important;
}

a.same-logo {
    padding: 0 !important;
}

.sticky-mobile-logo-second-switch, .sticky-mobile-logo-first-switch {
    height: 0!important;
    width: 0!important;
    padding: 0!important;
    display: none!important;
}

/* Buttons */

a.custom-btn {
    --_size: 1.625rem;
    color: var(--_text-color)!important;
    padding: 12px 40px;
    border-radius: 8px;
    background: var(--_bg-color)!important;
    font-size: var(--_size);
    text-decoration: none;
    display: inline-flex;
    font-family: var(--font-primary);
    column-gap: 0.5rem;
    align-items: center;
    line-height: 1;
    font-weight: 500;
    border: 2px solid var(--_border-color);
    box-sizing: border-box;
    z-index: 9;
    position: relative;
    height: 60px;
}

a.custom-btn.custom-btn--blue {
    --_bg-color: color-mix(in srgb, var( --color-ocean_blue_lt_01) 20%, #fff);
    --_border-color: color-mix(in srgb, var( --color-ocean_blue_lt_01) 20%, transparent);
    --_text-color: var(--color-ocean_blue);
}
a.custom-btn.custom-btn--blue:hover {
    --_bg-color: var( --color-ocean_blue);
    --_border-color: var(--_bg-color);
    --_text-color: var(--color-ocean_blue_lt_03);
}
a.custom-btn.custom-btn--fountain-blue {
    --_bg-color: color-mix(in srgb, var(--color-fountain_blue_lt_01) 20%, #fff);
    --_border-color: color-mix(in srgb, var(--color-fountain_blue_lt_01) 20%, transparent);
    --_text-color: var(--color-fountain_blue_dk_01);
}
a.custom-btn.custom-btn--fountain-blue:hover {
    --_bg-color: var( --color-fountain_blue);
    --_border-color: var(--_bg-color);
    --_text-color: var(--color-ocean_blue_lt_03);
}

a.custom-btn:hover {
    outline: 4px dotted var(--_text-color);
    outline-offset: -2px;
}
span.custom-btn__icon.material-symbols-outlined {
    max-width: calc(var(--_size) * 1.25);
    font-size: calc(var(--_size) * 1.25);
}

a.custom-btn.custom-btn--borderless {
    padding: 0;
    width: fit-content;
}

header.post-header h4 a.custom-btn--borderless {
    font-size: inherit;
    height: auto;
}

/* Design elements */
div#page:before {
    content: "";
    background-image: url(/wp-content/uploads/2024/07/dc-bg_element_01.svg);
    position: fixed;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: max(40vw, 650px);
}

div#page:after {
    content: '';
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: -1;
    background: url(/wp-content/uploads/2024/08/dc-bg_element_03-04.svg);
    width: 80%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom;
}

/* Contents */

h1, h2, h3, h4, h5 {
    font-family: var(--font-primary)!important;
    color: var(--color-nile_blue)!important;
    text-transform: none!important;
    margin-bottom: 0!important;
    line-height: 1.3!important;
    max-width: min(50ch, 100%);
    margin: 0 auto;
}

h1, h2, .main-title {
    font-size: 2.75rem!important;
}
h3, h4 {
    font-size: 2rem!important;
}
h5 { 
    font-size: 1.75rem!important;
}

.content p {
    font-size: 1.25rem!important;
    max-width: 60ch;
    margin: 0 auto;
    margin-bottom: var(--spacing-sm);
}

.content .wpb_text_column ul,
.content .wpb_text_column ol {
    font-size: 1.25rem !important;
    max-width: 60ch;
    margin: 0 auto!important;
    list-style-position: inside!important;
    margin-bottom: var(--spacing-sm)!important;
    padding-left: var(--spacing-sm)!important;
}

.title__color--nile-blue-lt-02 {
    color: var(--color-nile_blue_lt_02)!important;
}

.title__size--md {
    font-size: 2rem!important;
}

/* Tabs */

.dc-custom-tabs {
    box-shadow: var(--shadow-default);
    border-radius: 12px;
    overflow: hidden;
}

.dc-custom-tabs h5,
.dc-custom-tabs h4,
.dc-custom-tabs h3 {
    margin: 0 auto;
}

.dc-custom-tabs.vc_tta-color-grey.vc_tta-style-classic 
.vc_tta-panel .vc_tta-panel-heading {
    background: var(--color-ocean_blue_lt_03)!important;
}

.dc-custom-tabs.vc_tta-color-grey.vc_tta-style-classic 
.vc_tta-panel .vc_tta-panel-heading,
.dc-custom-tabs.vc_tta-color-grey.vc_tta-style-classic 
.vc_tta-panel .vc_tta-panel-body {
    border: none;
}

.dc-custom-tabs.vc_tta-color-grey.vc_tta-style-classic 
.vc_tta-panel .vc_tta-panel-heading a {
    color: var(--color-nile_blue_lt_02) !important;
    font-family: var(--font-primary);
    font-size: 1.75rem !important;
    font-weight: 500;
    text-align: center;
}

.dc-custom-tabs .vc_tta-tabs-container,
.dc-custom-tabs .vc_tta-tabs-container ul,
.dc-custom-tabs .vc_tta-tabs-container ul li {
    overflow: visible!important;
}

.dc-custom-tabs
.vc_tta-panel
.vc_tta-panel-body {
    /* background: #fff!important; */
    padding: min(6vw, var(--spacing-full))!important;
    backdrop-filter: blur(12px);
    background: radial-gradient(transparent 15%, #fff 75%) !important;
}

.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
    background: transparent!important;
}

.dc-custom-tabs .vc_tta-tab  a {
    border: none!important;
    color: var(--color-nile_blue_lt_02)!important;
    font-family: var(--font-primary);
    font-size: 1.75rem!important;
    font-weight: 500;
    background: transparent!important;
    transition: all 0s!important;
}

.dc-custom-tabs
.vc_tta.vc_tta-style-classic .vc_tta-tab {
    flex-basis: 100%;
    text-align: center;
    background: transparent!important;
}

.dc-custom-tabs
.vc_tta-tabs-container {
    margin: 0!important;
}

.dc-custom-tabs
.vc_tta-tab {
    position: relative;
    overflow: visible!important;
    flex-basis: 100%;
    text-align: center;
}

.dc-custom-tabs
.vc_tta-tab.vc_active {    
    background: #fff;
    border-radius: 8px 8px 0 0;
}

.dc-custom-tabs
li.vc_tta-tab.vc_active a,
li.vc_tta-tab:hover a, 
li.vc_tta-tab:focus-within a {
    color: var(--color-ocean_blue_lt_02) !important;
}

.dc-custom-tabs
ul.vc_tta-tabs-list {
    display: flex!important;
    justify-content: space-between;
    background: var(--color-ocean_blue_lt_03)!important;
}

li.vc_tta-tab.vc_active:before,
li.vc_tta-tab:hover:before, 
li.vc_tta-tab:focus-within:before {
    opacity: 1;
}

li.vc_tta-tab:focus-within a {
    outline: none!important;
}

li.vc_tta-tab:before {
    content: "";
    opacity: 0;
    background: var(--divider_02--tabs);
    height: auto;
    background-repeat: repeat-x;
    padding-bottom: var(--spacing-sm);
    position: absolute!important;
    left: 0;
    background-size: var(--spacing-half);
    bottom: -16px;
    width: 69.5%;
    right: 0;
    margin: 0 auto;
    z-index: 2;
}

/* Tabs contents */

.content-logo img {
    max-width: 400px!important;
    width: 100%!important;
    margin: 0;
}

.content-logo
.vc_figure,
.content-logo
.vc_single_image-wrapper {
    width: 100%;
}

.vc_tta.vc_general .vc_tta-panel-body {
    transition: all 0s!important;
}

/* Locations */

.locations-block {
    --_color: var(--color-nile_blue_lt_02);
    color: var(--_color);
    display: flex;
    flex-direction: row;
    column-gap: var(--spacing-sm);
    justify-content: center;
    font-family: var(--font-primary);
    flex-wrap: wrap;
    row-gap: calc(var(--spacing-sm) / 2);
}

.locations-block 
.location-element 
.material-symbols-outlined {
    font-size: 1.2em;
}

.locations-block 
.location-element {
    display: flex;
    align-items: center;
    font-size: 1.5rem!important;
    line-height: 1.5;
}

/* Articles section */

.articles-grid {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-half);
}

.articles-grid__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--spacing-half);
    justify-content: center;
}
.article-post
.inner-contents {
    flex-grow: 1;
}


.article-post {
    min-width: 400px;
    flex-basis: calc(50% - var(--spacing-half));
    padding: clamp(calc(var(--spacing-half) / 2), 4vw, var(--spacing-half));
    display: flex;
    align-items: baseline;
    justify-content: end;
    border-radius: 12px;
    box-shadow: var(--shadow-default);
    background: #fff var(--_bg);
    background-repeat: no-repeat;
    background-size: 150%;
    flex-shrink: 1;
    flex-grow: 1;
    box-sizing: border-box;
    background-position: center bottom;
    max-width: 525px;
}

.article-post:focus-within {
    outline: 2px dashed;
    outline-offset: 6px;
}

.article-post .article-post-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.article-post .article-post-inner
span.custom-btn__icon.material-symbols-outlined {
    margin-top: 0.1em;
}

.article-post 
header.post-header h4 {
    font-size: 1.75rem!important;
    line-height: 1 !important;
}

.article-post header.post-header .post-authors, .article-post header.post-header .post-authors a.author-link,
address.article--post-authors a {
    font-size: 1.25rem!important;
    color: var(--color-nile_blue_lt_02)!important;
    font-family: var(--font-primary) !important;
    text-transform: none!important;
}

.article-post header.post-header .post-authors {
    margin-top: 0.5rem;
}

.article-post 
.inner-contents .post-description {
    font-size: 1.1rem!important;
    line-height: 1.3;
}

.article-post 
header.post-header {
    margin-bottom: var(--spacing-sm);
    position: relative;
    line-height: 1;
}

header.post-header:after {
    content: "";
    position: relative;
    width: 100%;
    height: 8px;
    display: flex;
    bottom: 0;
    background: var(--divider_03--article);
    background-size: 26px;
    background-repeat: repeat-x;
    margin-top: var(--spacing-sm);
}

a.custom-btn.custom-btn--borderless:hover,
a.custom-btn.custom-btn--borderless:focus-visible {
    transform: scale(1.1);
    transform-origin: left center;
    color: var(--color-fountain_blue_dk_02)!important;
}

a.custom-btn.custom-btn--contact span.material-symbols-outlined {
    font-size: 28px;
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 28;
    max-width: 28px;
}

.article-post header.post-header .post-authors a.author-link,
address.article--post-authors a {
    text-decoration: none!important;
    text-underline-offset: 4px;
    color: var(--color-fountain_blue_dk_02)!important;
}

.article-post header.post-header .post-authors a.author-link:hover,
.article-post header.post-header .post-authors a.author-link:focus-visible,
address.article--post-authors a:hover,
address.article--post-authors a:focus-visible {
    color: var(--color-fountain_blue)!important;
}

.article-post:first-child, 
.article-post:nth-child(5n) {
    --_bg: var(--bg-article_01);
    background-position: 25% top;
}

.article-post:nth-child(2n) {
    --_bg: var(--bg-article_02);
    background-position: 75% top;
}

.article-post:nth-child(3n) {
    --_bg: var(--bg-article_03);
    background-position: right top;
}
.article-post:nth-child(4n) {
    --_bg: var(--bg-article_04);
    background-position: right top;
}


/* Custom design solutions */
.custom-bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 110%;
    background-position: center 115%;
    z-index: -1;
    opacity: 0.5;
}

.custom-bg[data-bg-line="1"]{
    background-image: var(--bg-element_03-01);
}
.custom-bg[data-bg-line="2"]{
    background-image: var(--bg-element_03-02);
}
.custom-bg[data-bg-line="3"]{
    background-image: var(--bg-element_03-03);
}



.dc-page-header {
    margin-bottom: calc(var(--spacing-half)*1.25);
}

.dc-page-header:after {
    content: "";
    position: relative;
    width: min(50ch, 100%);
    height: 8px;
    display: flex;
    bottom: 0;
    background: var(--divider_03--article);
    background-size: 26px;
    background-repeat: repeat-x;
    margin: auto;
    margin-top: var(--spacing-sm);
}

/* Cards */

.activities-inner {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-half);
    flex-wrap: wrap;
    justify-content: center;
    container-name: activities; 
    container-type: inline-size;
}

@container activities (max-width: calc(50% - var(--spacing-half))) {
    article.activities-card {
        /* Styles to apply when the container width is less than 600px */
        background: red;
    }
}

article.activities-card {
    flex-basis: calc(50% - var(--spacing-half)/2);
    padding: calc(var(--spacing-sm) * 1.5);
    box-sizing: border-box;
    box-shadow: var(--shadow-default);
    border-radius: 12px;
    overflow: hidden;
    font-size: 1.15rem;
    backdrop-filter: blur(12px);
    min-width: 300px;
    flex-grow: 1;
    max-width: 525px;
}

/* article.activities-card:last-of-type {
    flex-grow: 0;
} */

.activities-cards-section h2 {
    margin-bottom: var(--spacing-half)!important;
    text-align: center;
}

article.activities-card header {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 1rem;
}

article.activities-card header:after {
    content: "";
    position: relative;
    width: 100%;
    height: 8px;
    display: flex;
    bottom: 0;
    background: var(--divider_03--article);
    background-size: 26px;
    background-repeat: repeat-x;
    margin-top: 0.5rem;
}

.activities-card__badges {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.activities-card__badge {
    font-size: 1.15rem;
    border-radius: 6px;
    padding: 0.25rem 0.5rem;
    line-height: 1;
    vertical-align: middle;
    display: flex;
    font-family: var(--font-primary);
    gap: 0.15em;
    flex-grow: 0;
    justify-content: center;
    align-items: center;
}

.activities-card__day {
    background-color: var(--color-fountain_blue_lt_02);
    color: var(--color-fountain_blue_dk_02);
}

.activities-card__location {
    background-color: var(--color-ocean_blue_lt_04);
    color: var(--color-ocean_blue);
}

.activities-card__badge .material-symbols-outlined {
    font-size: 1em;
}

.activities-card .activities-card__default {
    line-height: 1.5;
    margin-bottom: 0;
}

.activities-card__default {
    text-align: left;
    width: 100%;
    margin: initial!important;
}

.activities-card__default:not(:last-of-type) {
    margin-bottom: 0.5rem!important;
}

.activities-inner article.activities-card header h3 {
    line-height: 1.15!important;
    font-size: 1.75rem!important;
    margin: inherit;
}

.activity-locatie-info {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    text-align: center;
    max-width: 40ch;
    margin: 0 auto;
}

/* Google map */

.google-map-wrapper .wpb_wrapper {
    background: none!important;
    padding: 0!important;
}

.google-map-wrapper
.wpb_map_wraper {
    overflow: hidden;
}

.activity-locatie-info__row {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.activity-locatie-info__row--team-inner {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.google-map-wrapper iframe {
    margin-top: var(--google-map-offset);
}

blockquote.dc-custom-quote,
.category-artikel blockquote,
.single-nieuws blockquote {
    max-width: 60ch;
    margin: 0 auto;
    font-family: var(--font-secondary)!important;
    text-transform: none!important;
    font-weight: 300!important;
    font-size: 1.25rem!important;
    /* background: linear-gradient(180deg, color-mix(in srgb, var(--color-ocean_blue_lt_04) 77%, transparent) 0%, transparent 105%); */
    background-color: transparent!important;
    padding: calc(var(
    --spacing-sm)* 1.5);
    box-sizing: border-box;
    box-shadow: var(
    --shadow-default);
    backdrop-filter: blur(12px);
    line-height: 1.75!important;
    margin-top: 2rem;
    text-align: center;
    position: relative;
    overflow-y: visible;
    overflow-x: clip;
    border-radius: 0 0 12px 12px;
    background: var(--bg-gradient_02);
}

blockquote.dc-custom-quote p,
.category-artikel blockquote p,
.single-nieuws blockquote p {
    margin-top: 0.5rem;
}

blockquote.dc-custom-quote:before,
.category-artikel blockquote:before,
.dc-contact-form:before,
.category-artikel .article-summary-block:before,
.single-nieuws .article-summary-block:before,
.single-nieuws blockquote:before {
    transform: scaleY(0.9) scaleX(1.1);
    content: "";
    background-image: var(--divider_02--tabs);
    background-size: contain;
    height: 25px;
    width: 100%;
    position: absolute;
    top: -11px;
    background-repeat: repeat-x;
    left: 0;
}

blockquote.dc-custom-quote p,
blockquote.dc-custom-quote strong,
.category-artikel blockquote p,
.category-artikel blockquote strong,
.category-artikel .article-summary-block p,
.category-artikel .article-summary-block strong,
.single-nieuws blockquote p,
.single-nieuws blockquote blockquote strong,
.single-nieuws .article-summary-block p,
.single-nieuws .article-summary-block strong {
    color: var(--color-nile_blue_lt_02);
}

/* Accordion tabs */

.dc-custom-accordion-tabs
.vc_tta-panels-container {
    background: transparent;
    backdrop-filter: blur(12px);
    box-shadow: var(--shadow-default);
    border-radius: 12px;
    overflow: hidden;
}

.dc-custom-accordion-tabs
.vc_tta-panel-heading {
    background-color: transparent!important;
}

.dc-custom-accordion-tabs
.vc_tta-panel-title a {
    padding: 1.5rem!important;
    color: var(--color-ocean_blue_lt_02)!important;
}

.dc-custom-accordion-tabs .vc_tta-panel-title:after, 
.dc-custom-accordion-tabs .vc_tta-panel:not(:first-of-type) .vc_tta-panel-title:before {
    content: "";
    background: var(--divider_02--tabs);
    width: calc(100% - 3rem);
    height: 6px;
    position: absolute;
    left: 0;
    margin: 0 auto;
    right: 0;
}

.dc-custom-accordion-tabs
.vc_tta-panel:not(.vc_active) 
.vc_tta-panel-title:after,
.dc-custom-accordion-tabs 
.vc_tta-panel:not(:first-of-type) 
.vc_tta-panel-title:before {
    height: 1px;
}

.dc-custom-accordion-tabs
.vc_tta-panel-title {
    margin: 0;
    width: 100%;
    max-width: 100%;
    position: relative;
    padding: 0!important;
}

.dc-custom-accordion-tabs
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon {
    padding-right: 0!important;
}

.dc-custom-accordion-tabs
.vc_tta-panel-body {
    padding: calc(var(--spacing-half) * 1.5)!important;
    font-size: 1.35rem!important;
}

.dc-custom-accordion-tabs .vc_tta-panel-body p, .dc-custom-accordion-tabs .vc_tta-panel-body h4 {
    text-align: center;
}

.dc-custom-accordion-tabs .vc_tta-panel-body h4 {
    margin-bottom: 1.25rem!important;
}

.dc-custom-accordion-tabs .vc_tta-controls-icon-position-right .vc_tta-controls-icon {
    right: 1.5rem!important;
    width: 18px;
    height: 18px;
}
.dc-custom-accordion-tabs
.vc_tta-controls-icon.vc_tta-controls-icon-plus::before {
    border-width: 4px 0 0 0!important;
}
.dc-custom-accordion-tabs
.vc_tta-controls-icon.vc_tta-controls-icon-plus::after {
    border-width: 0 0 0 4px!important;
}

.dc-custom-accordion-tabs
.vc_tta-controls-icon.vc_tta-controls-icon-plus::after,
.dc-custom-accordion-tabs
.vc_tta-controls-icon.vc_tta-controls-icon-plus::before {
    border-color: var(--color-ocean_blue_lt_01)!important;
}

/* Contact form */

form.wpcf7-form.init {
    display: flex;
    justify-content: center;
}

.dc-contact-form {
    display: inline-flex;
    flex-direction: column;
    margin: 0 auto;
    width: 100%;
    font-size: 1.15rem;
    padding: var(--spacing-half);
    box-shadow: var(--shadow-default);
    border-radius: 0 0 12px 12px;
    backdrop-filter: blur(12px);
    font-family: var(--font-primary);
    color: var(--color-nile_blue);
    box-sizing: border-box;
    overflow-x: clip;
    background: var(--bg-gradient_01);
}


.dc-contact-form input, .dc-contact-form textarea {
    background: transparent!important;
    font-size: 1rem!important;
    color: var(--color-nile_blue)!important;
    border: none!important;
    padding: 1rem 1.25rem!important;
    border-radius: 8px!important;
    box-shadow: color-mix(in srgb, var(--color-nile_blue_lt_02) 10%, transparent) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset !important;
    outline: 1px solid transparent;
}

.dc-contact-form input.wpcf7-not-valid, .dc-contact-form textarea.wpcf7-not-valid {
    outline-offset: 0px;
    outline: 1px solid var(--color-error-red);
    box-shadow: color-mix(in srgb, var(--color-error-red) 25%, transparent) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset !important;
    outline-color: var(--color-error-red);
}

.wpcf7-response-output:has(.wpcf7-not-valid-tip-text) {
    background: var(--color-error-red)!important;
}

.dc-contact-form-field label span {
    opacity: 0.75;
}

.dc-contact-form-field p {
    margin: 0;
}

.dc-contact-form .wpcf7-form-control-wrap input::placeholder, .dc-contact-form .wpcf7-form-control-wrap textarea::placeholder {
    color: var(--color-nile_blue_lt_02)!important;
    font-weight: 400!important;
    opacity: 0.75!important;
}

button.dc-contact-form-submit {
    --_bg-color: color-mix(in srgb, var(--color-ocean_blue_lt_01) 20%, #fff);
    --_border-color: color-mix(in srgb, var(--color-ocean_blue_lt_01) 20%, transparent);
    --_text-color: var(--color-ocean_blue);
    --_size: 1.625rem;
    color: var(--_text-color) !important;
    padding: 12px 40px;
    border-radius: 8px;
    background: var(--_bg-color) !important;
    font-size: var(--_size);
    text-decoration: none;
    font-family: var(--font-primary);
    column-gap: 0.5rem;
    line-height: 1;
    font-weight: 500;
    border: 2px solid var(--_border-color);
    box-sizing: border-box;
    z-index: 9;
    position: relative;
    margin-top: 1rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60px;
}

button.dc-contact-form-submit:hover {
    --_bg-color: var( --color-ocean_blue);
    --_border-color: var(--_bg-color);
    --_text-color: var(--color-ocean_blue_lt_03);
    outline: 4px dotted var(--_text-color);
    outline-offset: -2px;
}

.popup-message-style #page .wpcf7-response-output {
    border-radius: 12px 0 0 12px;
}
.popup-message-style #page .wpcf7-response-output > div {
    font-size: 1.15rem;
    font-family: inherit;
    line-height: 1.35 !important;
}

#contact
.wpcf7 {
    max-width: 46ch;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

#contact {
    scroll-margin-top: min(2rem, 5vh);
}

.contact-info {
    text-align: center;
    flex-basis: calc(50% - var(--spacing-half)/2);
    padding: calc(var(--spacing-sm) * 1.5);
    box-sizing: border-box;
    box-shadow: var(--shadow-default);
    border-radius: 12px;
    overflow: hidden;
    font-size: 1.15rem!important;
    backdrop-filter: blur(12px);
    min-width: 300px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

blockquote.dc-custom-quote .contact-info {
    box-shadow: none;
    backdrop-filter: none;
    padding: 0;
    gap: 1rem;
}

blockquote.dc-custom-quote .contact-info > span {
    display: flex;
    flex-direction: column;
}

.contact-info h5 {
    margin: 0!important;
}

/* Timeline */
.vc_tta-panel
section.timeline h4 {
    margin-bottom: 0!important;
}

section.timeline
ul.timeline-block {
    list-style: none;
    padding-left: 2rem;
    margin-top: 1rem;
    font-size: 1.25rem;
    margin-bottom: 2rem;
    margin-left: 1rem;
    position: relative;
    background-image: var(--divider_03--article-90);
    background-repeat: repeat-y;
    background-size: 8px;
    background-position: left bottom;
}

section.timeline h4, section.timeline h5 {
    margin: 0 auto;
}

section.timeline ul.timeline-block:last-of-type {
    margin-bottom: 0;
}

/* Articles */
.article--desc {
    font-size: 1.35rem !important;
    font-family: var(--font-primary) !important;
    text-transform: none !important;
    line-height: 1.25!important;
    display: flex;
    flex-direction: column;
    text-align: center;
    max-width: 60ch;
    margin: 0 auto;
}

.article--desc
.article--desc-title {
    font-weight: 500;
    font-style: normal;
}

.category-artikel p,
.single-nieuws p {
    margin: 0 auto;
    margin-top: 2rem;
    text-align: left;
}

.category-artikel {
    max-width: min(100%, 50ch);
    margin: 0 auto;
}

.single-nieuws {
    margin: 0 auto;
}

.category-artikel h3,
.category-artikel h4,
.category-artikel h5,
.single-nieuws h3,
.single-nieuws h4,
.single-nieuws h5 {
    margin-top: 4rem;
    max-width: max-content;
    margin-left: 0;
}

.category-artikel .entry-content ul,
.single-nieuws .entry-content ul {
    font-size: 1.25rem;
    margin-left: 3rem;
    margin-top: 1.5rem;
}

.category-artikel .entry-content ul li ul,
.single-nieuws .entry-content ul li ul {
    margin-top: 0;
    list-style: circle;
}

.category-artikel
.wpb_content_element,
.single-nieuws
.wpb_content_element {
    margin-bottom: 1rem;
}

.category-artikel blockquote,
.single-nieuws blockquote {
    margin: 3rem auto;
}

.category-artikel blockquote h4, .category-artikel blockquote h5,
.single-nieuws blockquote h4, .single-nieuws blockquote h5 {
    text-align: center;
    margin: 0 auto!important;
    margin-top: 0.5rem!important;
}

.category-artikel blockquote ul,
.single-nieuws blockquote ul {
    text-align: left;
    list-style-type: none;
}

.category-artikel
.article-summary-block,
.single-nieuws
.article-summary-block {
    padding: min(6vw, var(--spacing-full)) !important;
    max-width: 60ch;
    margin: 0 auto;
    font-family: var(--font-secondary)!important;
    text-transform: none!important;
    font-weight: 300!important;
    font-size: 1.25rem!important;
    background-color: transparent!important;
    box-sizing: border-box;
    box-shadow: var(
    --shadow-default);
    backdrop-filter: blur(12px);
    line-height: 1.75!important;
    text-align: center;
    position: relative;
    overflow-y: visible;
    overflow-x: clip;
    border-radius: 0 0 12px 12px;
    background: var(--bg-gradient_02);
}

.category-artikel
.article-summary-block h3,
.single-nieuws
.article-summary-block h3 {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin-bottom: 1.5rem!important;
}

.category-artikel .article-summary-block h3:after,
.single-nieuws .article-summary-block h3:after {
    content: "";
    position: relative;
    width: min(50ch, 100%);
    height: 8px;
    display: flex;
    bottom: 0;
    background: var(--divider_03--article);
    background-size: 26px;
    background-repeat: repeat-x;
    margin: auto;
    margin-top: var(--spacing-sm);
}

.category-artikel
.article-summary-block,
.single-nieuws
.article-summary-block {
    margin-top: 6rem;
}

.category-artikel
.entry-meta .category-link, .author,
.single-nieuws
.entry-meta .category-link, .author {
    display: none!important;
}

.category-artikel
.author-info.entry-author,
.category-artikel
span.meta-nav  {
    display: none;
}

.category-artikel .post-navigation .post-title,
.single-nieuws .post-navigation .post-title {
    font-family: var(--font-primary);
    font-size: 1.15rem;
    line-height: 1.15;
    display: inline-flex;
    max-width: 100%;
    align-self: center!important;
}

.category-artikel
.post-navigation .nav-next,
.single-nieuws
.post-navigation .nav-next {
    flex-direction: row-reverse;
}

.category-artikel
.post-navigation .nav-previous,
.single-nieuws
.post-navigation .nav-previous {
    flex-direction: row;
}

.category-artikel
.post-navigation .nav-links .nav-previous, 
.category-artikel
.post-navigation .nav-links .nav-next,
.single-nieuws
.post-navigation .nav-links .nav-previous, 
.single-nieuws
.post-navigation .nav-links .nav-next {
    --_color: var(--color-ocean_blue);
    --_text-color: var(--color-ocean_blue);
    --_size: 1.5rem;
    flex-basis: 50%;
    flex-wrap: nowrap;
    gap: 0.5rem;
    align-items: center;
    color: var(--color-nile_blue_lt_02);
    display: flex;
    padding: 0!important;
    margin: 0!important;
    justify-content: flex-start;
}

.category-artikel
.post-navigation .nav-links .nav-previous:hover,
.category-artikel
.post-navigation .nav-links .nav-next:hover,
.single-nieuws
.post-navigation .nav-links .nav-previous:hover,
.single-nieuws
.post-navigation .nav-links .nav-next:hover {
    color: var(--color-ocean_blue);
}

.category-artikel
.post-navigation
.nav-links:before,
.category-artikel
.post-navigation
.nav-links:after,
.single-nieuws
.post-navigation
.nav-links:before,
.single-nieuws
.post-navigation
.nav-links:after {
    content: "";
    background: var(--divider_02--tabs);
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    margin: 0 auto;
    right: 0;
    top: 0;
}

.category-artikel
.post-navigation
.nav-links:after,
.single-nieuws
.post-navigation
.nav-links:after {
    bottom: 0;
    top: initial;
}

.category-artikel
.post-navigation .nav-links,
.single-nieuws
.post-navigation .nav-links {
    border-color: var(--the7-divider-color);
    position: relative;
    border: none;
}

.category-artikel .dc-page-header {
    margin-bottom: 1.5rem;
}

.category-artikel .dc-page-header h1 {
    line-height: 1.1!important;
}

.category-artikel
.article--desc:not(:last-child) {
    margin-bottom: 0.5rem;
}

.category-artikel #page_header {
    margin-bottom: 1rem;
}

/* 404 */
.dc-404-block {
    text-align: center;
}
.dc-404-block h1 {
    font-size: 12rem!important;
    line-height: 1!important;
    font-weight: 600;
}
.dc-404-block h2 {
    color: var(--color-nile_blue_lt_02)!important;
}


.text-block, .text-block p {
    text-align: left!important;
    margin: 0;
}

.text-block:not(:last-of-type) {
    margin-bottom: 2rem;
}

.text-block h5 {
    margin: 0;
    margin-bottom: 1rem!important;
    width: 100%;
}

.vc_tta-panel-body hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
}


.content ul.dc-default-list {
    font-size: 1.35rem !important;
    max-width: 36em;
    list-style-position: inside;
    list-style-type: unset;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.content ul.dc-default-list li {
    margin-left: 1.5rem;
}

.films-block a {
    font-size: 1.15em;
}

.films-block {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.films-block p {    
    display: flex;
    flex-direction: column;
}

.page-template-page-articles #all_articles_btn { display: none;}

/* News post */

.nieuws-posts {
    display: flex;
    gap: var(--spacing-half);
    flex-direction: column;
}

.nieuws-posts__inner {
    display: flex;
    gap: var(--spacing-half);
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
    container-type: inline-size;
    container-name: news-inner;
}

#all_news_btn, #all_articles_btn {
    width: max-content;
    align-self: center;
}

article.article-post.article-post__news {
    flex-direction: row;
    min-height: 100%;
    gap: var(--spacing-sm);
    background-position: center;
    align-items: start;
    background-size: 100%;
    background: color-mix(in srgb, var(--color-fountain_blue_lt_01) 25%, transparent);
    border: 2px solid var(--color-fountain_blue);
    backdrop-filter: blur(4px);
    background-image: none;
    box-shadow: none;
    justify-content: center;
    container-type: inline-size;
    container-name: post-news;
    min-width: min(400px, 100%);
    flex-wrap: wrap;
    max-width: initial;
}

article.article-post.article-post__news:not(:first-child) {
    background: transparent;
}

@container post-news (width < 600px){
    article.article-post.article-post__news .article-post-thumbnail {
        width: 100%!important;
        aspect-ratio: 2 / 1!important;
    }
    
}


article.article-post.article-post__news
.article-post-thumbnail {
    width: 200px;
    background-color: var(--color-fountain_blue_lt_02);
    background-blend-mode: luminosity;
    position: relative;
    border-radius: 12px;
    aspect-ratio: 1/1;
    opacity: 0.85;
    background-position: center;
    background-size: 250%;
    box-sizing: border-box;
    flex-shrink: 0;
}

article.article-post.article-post__news
.article-post-date {
    font-size: 1.15rem;
    color: var(--color-nile_blue_lt_02);
}

article.article-post.article-post__news
.article-post-inner {
    flex-grow: 1;
    min-width: auto;
    flex-basis: calc(100% - 200px - var(--spacing-half));
}

article.article-post.article-post__news
.inner-contents .post-description {
    margin: 0;
}

article.article-post.article-post__news
header.post-header h4 {
    margin: 0;
    margin-bottom: 0.5rem ! Important;
}

.post-type-archive
.page-title.solid-bg,
.single-nieuws
.page-title.solid-bg {
    background: none!important;
}

.post-type-archive
.page-title-breadcrumbs,
.single-nieuws
.page-title-breadcrumbs {
    display: none;
}

.post-type-archive
.page-title .wf-wrap,
.single-nieuws
.page-title .wf-wrap {
    min-height: auto;
    padding-top: var(--spacing-full);
    padding-bottom: 0;
}
.post-type-archive
#main,
.single-nieuws
#main {
    padding-top: var(--spacing-half);
}

.single-nieuws
.post-thumbnail  {
    border-radius: 12px;
    text-align: center;
}
.single-nieuws
.post-thumbnail img {
    background-position: center;
    box-sizing: border-box;
    max-width: clamp(30vw, 100%, 60ch);
    border-radius: inherit;
}


/* Link cards */
.link-card-inner {
    display: flex;
    gap: var(--spacing-half);
    padding: calc(var(--spacing-half) / 2);
    backdrop-filter: blur(4px);
    flex-wrap: wrap;
}

.link-card-inner--text {
    flex-basis: calc(100% - 200px - var(--spacing-half));
    flex-shrink: 1;
}
.link-card-inner img {
    flex-grow: 1;
    flex-basis: 200px;
    background: var(--color-ocean_blue_lt_04);
}

.link-card-inner--text header .link-card--desc {
    font-size: 1.35rem;
    line-height: 1.5;
    margin-top: 0.5rem;
}

.link-card-inner p {
    margin-bottom: 0;
    display: inline-flex;
}

.links-cards {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing-half) / 2);
}

.link-card {
    border-radius: 12px;
    border: 2px solid var(--color-ocean_blue_lt_04);
    overflow: hidden;
}

/* Quick navigation */
.dc-page-navigatie {
    max-width: min(50ch, 100%);
    margin: 0 auto;
    text-align: center;
}

.dc-page-navigatie h5 {
    margin-bottom: 1rem!important;
    color: var(--color-nile_blue_lt_02)!important;
}

nav.dc-quick-nav-block {
    display: flex;
    gap: calc(var(--spacing-half) / 2);
    flex-wrap: wrap;
}

nav.dc-quick-nav-block br {
    display: none;
}

nav.dc-quick-nav-block a {
    border: none !important;
    color: var(--color-nile_blue_lt_02) !important;
    font-family: var(--font-primary);
    font-weight: 500;
    background: transparent !important;
    transition: all 0s !important;
    backdrop-filter: blur(12px);
    box-shadow: var(--shadow-default);
    border-radius: 12px;
    padding: 0.5rem 1.25rem;
    flex-basis: 31%;
    box-sizing: border-box;
    flex-grow: 1;
    text-align: center;
    font-size: 1.35rem;
    text-decoration: none;
}

nav.dc-quick-nav-block a:hover, nav.dc-quick-nav-block a:focus-visible {
    --_color: var(--color-fountain_blue_dk_01);
    border-radius: 8px;
    outline-offset: 2px !important;
    text-decoration: none !important;
    outline: 2px dashed var(--_color) !important;
}

.pdf-embed-container embed {
    box-shadow: var(--shadow-default);
    border-radius: 12px;
    overflow: hidden;
}

.dc-pdf-controls {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.dc-pdf-controls a.dc-custom-link {
    flex-basis: 48%;
    background: color-mix(in srgb, var(--_color) 20%, transparent);
    padding: 0.5rem 1rem;
    box-sizing: border-box;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: var(--shadow-default);
    font-size: 1.25rem;
    font-family: var(--font-primary);
    font-weight: 500;
    flex-grow: 1;
    backdrop-filter: blur(4px);
}