/* ==========================================================================
   AABC — WildApricot custom stylesheet
   --------------------------------------------------------------------------
   CLEANED VERSION. The previous file contained the entire stylesheet twice.
   This is a single copy, with every unique rule from both copies preserved.

   CONTENTS
     01  Fonts & global baseline
     02  Header
     03  Footer
     04  Home page — banner & "join now"
     05  Home page — events
     06  Home page — blog
     07  Sponsor content blocks
     08  Testimonials
     09  Sponsor logo slider
     10  About page
     11  Sponsor page
     12  Event page & gallery lightbox
     13  Blog page
     14  Misc overrides
     15  Membership / sponsorship level descriptions
     16  Bilingual (Dutch / English)
     17  Responsive (media queries) — KEEP LAST

   TYPE SCALE
     All sizes come from the --fs-* variables in section 01. Change a size
     there and it updates everywhere. Never hardcode px font sizes again.

   HOUSE RULES (please keep to these)
     - Media queries stay at the bottom. Anything after them may be ignored
       on mobile.
     - Add new rules to the section they belong to, not the end of the file.
     - Never paste the whole file in a second time. Edit in place.
   ========================================================================== */


/* ==========================================================================
   01  FONTS & GLOBAL BASELINE
   Note: @import must be the very first thing in the file or the browser
   ignores it. Do not add anything above this line.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600&family=Inter:ital,wght@0,300..700;1,300..700&display=swap');

:root {
    --font-display: "Bricolage Grotesque", "Helvetica Neue", sans-serif;
    --font-body: "Inter", "Helvetica Neue", sans-serif;

    --fs-label: 13px;
    --fs-small: 15px;
    --fs-body: 17px;
    --fs-lead: 19px;
    --fs-h5: 20px;
    --fs-h4: 22px;
    --fs-h3: 26px;
    --fs-h2: 32px;
    --fs-h1: 44px;
    --fs-hero: 56px;

    --lh-tight: 1.15;
    --lh-body: 1.6;
    --track-caps: 0.07em;
}

body {
    font-family: var(--font-body);
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-display);
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: var(--lh-tight);
}

p {
    font-size: var(--fs-body);
    line-height: var(--lh-body);
}

font {
    font-family: inherit !important;
    font-size: inherit !important;
}

a {
    color: #ab1603;
}

a:hover {
    color: #0F599E;
}

[type="button"],
[type="submit"],
[type="submitButton"] {
    background-color: #ab1603 !important;
    font-size: var(--fs-small) !important;
    letter-spacing: var(--track-caps) !important;
    border-radius: 5px;
    color: #fff !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    font-family: var(--font-body) !important;
}

[type="button"]:hover,
[type="submit"]:hover,
[type="submitButton"]:hover {
    background-color: #0f599e !important;
    transition: 0.3s ease-in-out;
}

.container_12 {
    margin: 0;
    width: 100%;
}

.s1_grid_12 {
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
}

.s1_grid_12>div {
    padding: 0px 20px;
}

.blank_div {
    height: 60vh;
}


/* ==========================================================================
   02  HEADER
   ========================================================================== */

.zoneHeader1 .s1_grid_12 {
    width: 100%;
    margin: 0;
    padding: 0;
}

.zoneHeader1 .s1_grid_12 #idHeaderContentHolder>div {
    padding: 0;
}

.zoneHeader1 .s1_grid_12 .header_section,
.zoneHeader1 .s1_grid_12 .WaGadgetBreadcrumbs .gadgetStyleBody {
    margin: 0 auto;
    padding: 0px 20px;
    max-width: 1245px;
}

.zoneHeader1 .s1_grid_12 .header_section {
    padding: 10px 20px;
}

.zoneHeader1 .s1_grid_12 .header_section tr.WaLayoutRow td {
    vertical-align: middle;
}

.zoneHeader1 .s1_grid_12 .WaGadgetBreadcrumbs ul {
    padding: 15px 0;
}

.zoneHeader2 {
    background: transparent;
}

.zoneHeader2 .s1_grid_12 {
    width: 100%;
    padding: 0;
    margin: 0;
}

#PAGEID_18054 .zoneHeader4 .s1_grid_12 {
    width: auto;
    max-width: 1245px;
    margin: 0 auto;
    padding: 0px 20px;
}

.top_bar {
    margin: 0;
}

.top_bar tr.WaLayoutRow td {
    vertical-align: middle;
}

.site_logo a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.site_logo a img {
    max-width: 143px;
}

h2.page_heading {
    color: #fff;
    padding: 30px 0;
}

/* -- Breadcrumbs -- */

.WaGadgetBreadcrumbs a {
    font-size: var(--fs-label);
    font-weight: 500;
}

.WaGadgetBreadcrumbs ul li.last {
    font-size: var(--fs-label);
    font-weight: 500;
}

.bottom_header .WaGadgetBreadcrumbs {
    max-width: 1235px;
    margin: 0 auto;
    padding: 0px 20px;
}

.bottom_header .WaLayoutContainerFirst table.WaLayoutTable {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0px 20px;
}

.bottom_header .WaLayoutContainerFirst {
    background-color: #303030;
    background-image: url('/resources/Pictures/bottom_header_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/* -- Header buttons -- */

.header_btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

.login_btn a,
.join_btn a {
    font-size: var(--fs-small);
    letter-spacing: var(--track-caps);
    padding: 8px 32px;
    border-radius: 10px;
    border: 2px solid #ab1603;
    display: inline-block;
    font-weight: 500;
}

.login_btn a:hover,
.join_btn a:hover {
    text-decoration: none;
}

.login_btn a {
    background-color: #ab1603;
    color: #fff;
}

.login_btn a:hover {
    background-color: #0f599e;
    border: 2px solid #0f599e;
    transition: 0.3s ease-in-out;
}

.join_btn a:hover {
    background-color: #ab1603;
    border: 2px solid #ab1603;
    transition: 0.3s ease-in-out;
    color: #fff;
}

/* -- Main navigation -- */

.WaGadgetMenuHorizontal {
    margin-bottom: 0 !important;
}

.WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel,
.WaGadgetMenuHorizontal.menuStyle002 .menuBackground {
    width: auto !important;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a {
    height: auto;
    vertical-align: middle;
    padding: 0px 20px 0px 0px;
    font: unset;
    font-family: var(--font-body);
    font-weight: 500;
    font-size: var(--fs-small);
    letter-spacing: var(--track-caps);
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a>span {
    height: auto;
    text-transform: uppercase;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.dir>.item a {
    padding-right: 34px;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.last-child a {
    padding-right: 0;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.dir>.item>a>span:before {
    content: "";
    position: absolute;
    left: 103%;
    right: 0;
    bottom: 5px;
    margin: 0;
    display: block;
    width: 10px;
    height: 9px;
    z-index: 3;
    background: url('/resources/Pictures/down_arr.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.WaGadgetMenuHorizontal .menuInner ul ul {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.WaGadgetMenuHorizontal .menuInner ul ul li>.item>a {
    padding: 10px 15px 10px 15px;
    font-family: var(--font-body) !important;
    font-size: var(--fs-small) !important;
    font-weight: 500;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.dir .item a {
    pointer-events: none;
    cursor: default;
}

.WaGadgetMenuHorizontal.menuStyle002 .menuInner ul ul.secondLevel>li>.item:hover>a,
.WaGadgetMenuHorizontal.menuStyle002 .menuInner ul ul.secondLevel>li:hover>.item>a {
    cursor: pointer;
    pointer-events: all;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.phantom.last-child .item a span {
    font-size: 25px;
}

li.phantom.last-child ul.secondLevel li a span {
    font-size: 16px !important;
}


/* ==========================================================================
   03  FOOTER
   ========================================================================== */

#idFooterPoweredByContainer {
    display: none;
}

.zoneFooter1 .s1_grid_12,
.zoneFooter3 .s1_grid_12 {
    width: 100%;
    padding: 0;
    margin: 0;
}

.zoneFooter1 .footer_sec>div {
    padding: 60px 20px;
}

.footer_sec .footer_wrap {
    max-width: 1245px;
    margin: 0 auto;
}

.footer_blocks h3 {
    font-size: var(--fs-h4);
    font-weight: 600;
    margin: 0 0 15px;
    color: #fff;
}

.footer_blocks a,
.footer_blocks p {
    font-size: var(--fs-small);
    font-weight: 400;
    margin: 0;
    color: #fff;
}

.footer_blocks a:hover {
    color: #000000;
    text-decoration: none;
    transition: 0.1s ease-in-out;
}

.footer_about_links ul {
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.social_profile ul {
    display: flex;
    list-style: none;
    margin: 0;
    gap: 30px;
    align-items: center;
}

.adders_content {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
    margin: 15px 0 20px;
}

.newsletter_text {
    margin-bottom: 35px;
}

.newsletter_text p {
    font-size: var(--fs-body);
}

.subscribe_btn a {
    background: #000;
    font-size: var(--fs-small);
    letter-spacing: var(--track-caps);
    font-weight: 400;
    padding: 11px 26px;
    display: inline-block;
    border-radius: 10px;
}

.subscribe_btn a:hover {
    text-decoration: none;
    background-color: #0f599e;
    transition: 0.3s ease-in-out;
    color: #fff;
}

.copyright_sec>div {
    padding: 11px 20px;
}


/* ==========================================================================
   04  HOME PAGE (18054) — BANNER & "JOIN NOW"
   ========================================================================== */

#PAGEID_18054 .zoneHeader2 {
    display: none;
}

#PAGEID_18054 .WaGadgetBreadcrumbs {
    display: none;
}

#PAGEID_18054 .zoneHeader3 .s1_grid_12 {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    padding: 0;
}

#PAGEID_18054 .zoneHeader3 .s1_grid_12 #id_Header2>div {
    padding: 0;
}

#PAGEID_18054 .zoneHeader3 .s1_grid_12 #id_Header2>div div {
    margin-bottom: 0;
}

/* -- Banner slider -- */

.banner_sec .camera_caption {
    position: absolute;
    bottom: 0;
    display: flex;
    width: auto;
    background: transparent;
    max-width: 1260px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0;
    align-items: center;
    padding: 0px 20px;
}

.banner_sec .camera_caption>div {
    background: transparent;
    padding: 0;
}

.banner_sec .camera_caption h1 {
    color: #fff;
    font-size: var(--fs-hero);
    text-transform: uppercase;
    text-shadow: 2px 2px 0px rgba(23, 23, 23, 0.3);
    margin: 0;
}

.banner_sec .camera_wrap .camera_pag {
    display: none;
}

.banner_sec .camera_prev,
.banner_sec .camera_next {
    background: #bab7b7;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
}

.banner_sec .camera_next {
    right: 10px;
}

.banner_sec .camera_wrap .camera_next>span {
    background: url('/resources/Pictures/right_arrow.svg') !important;
}

.banner_sec .camera_wrap .camera_prev>span {
    background: url('/resources/Pictures/left_arrow.svg') !important;
}

.banner_sec .camera_wrap .camera_next>span,
.banner_sec .camera_wrap .camera_prev>span {
    width: 18px;
    height: 16px;
    background-repeat: no-repeat !important;
    background-position: center;
    background-size: contain !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner_sec .camera_wrap .camera_next:hover,
.banner_sec .camera_wrap .camera_prev:hover {
    background-color: #ffc1b9 !important;
}

/* -- Intro block under banner -- */

.banner_bottom_content .gadgetStyleBody.gadgetContentEditableArea {
    max-width: 1245px;
    margin: 0 auto;
    padding: 110px 20px 80px;
    text-align: center;
}

.banner_bottom_content h2 {
    font-size: var(--fs-h2);
    color: #ab1603;
    font-weight: 500;
    margin: 0 0 20px;
}

.banner_bottom_content p {
    margin: 0 auto;
    max-width: 1146px;
}

.banner_bottom_content p.text-title {
    margin: 20px 0 0;
}

/* -- Join now band -- */

.join_now_sec {
    padding: 90px 20px;
}

.join_now_sec table.WaLayoutTable {
    max-width: 1245px;
    margin: 0 auto;
}

.join_now_sec table.WaLayoutTable tr.WaLayoutRow td {
    vertical-align: middle;
}

.join_now_sec table.WaLayoutTable tr.WaLayoutRow td:nth-last-child(1) {
    text-align: center;
}

.join_now_content {
    padding: 0px 35px;
}

.join_now_content h2 {
    font-size: var(--fs-h2);
    margin: 0 0 20px;
    font-weight: 500;
}

.join_now_content p {
    margin: 0 0 30px;
    font-size: var(--fs-lead);
}

.btn_btn a {
    display: inline-block;
    padding: 12px 42px;
    background-color: #ab1603;
    color: #fff;
    border-radius: 10px;
    font-size: var(--fs-small);
    letter-spacing: var(--track-caps);
    font-weight: 500;
}

.btn_btn a:hover {
    text-decoration: none;
    background-color: #0f599e;
    transition: 0.3s ease-in-out;
}


/* ==========================================================================
   05  HOME PAGE — EVENTS
   ========================================================================== */

#PAGEID_18054 .zoneHeader4 .s1_grid_12 #id_Header3>div {
    padding: 0;
}

.event_sec {
    padding: 70px 0 20px;
}

.event_sec .upcomingEventsContainer h3.sectionTitle {
    font-size: var(--fs-h2);
    color: #010101;
    font-weight: 500;
    margin: 0;
}

.event_sec .WaGadgetEventsStateList .pageTitleOuterContainer {
    margin: 0;
}

.event_sec ul.boxesList {
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding-top: 30px;
}

.event_sec ul.boxesList li.boxesListItem {
    margin: 0;
}

.event_sec ul.boxesList li.boxesListItem h4.boxHeaderTitle a {
    font-size: var(--fs-h4);
    color: #000000;
    font-weight: 500;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 27px;
    line-height: normal;
}

.event_sec ul.boxesList li.boxesListItem .boxBodyContainer .inner {
    display: flex;
    flex-direction: column;
}

.event_sec ul.boxesList li.boxesListItem .boxBodyContainer .inner>div {
    width: 100%;
    float: none;
}

.event_sec ul.boxesList li.boxesListItem .boxBodyContainer .inner .boxBodyInfoOuterContainer {
    order: 2;
    background-color: #f3f8fa;
}

.event_sec ul.boxesList li.boxesListItem .boxBodyContainer .inner .boxBodyInfoOuterContainer .boxBodyInfoContainer {
    padding: 0;
}

.event_sec ul.boxesList li.boxesListItem .boxBodyContainer .inner .boxBodyInfoOuterContainer .boxInfoContainer {
    margin: 0;
}

.event_sec ul.boxesList li.boxesListItem .boxBodyContainer .inner .boxBodyInfoOuterContainer .boxInfoContainer ul.boxInfo {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 25px;
}

.event_sec ul.boxesList li.boxesListItem .boxBodyContainer .inner .boxBodyInfoOuterContainer .boxInfoContainer ul.boxInfo li {
    margin: 0;
}

.event_sec ul.boxesList li.boxesListItem .boxBodyContainer .inner .boxBodyInfoOuterContainer .boxInfoContainer ul.boxInfo li label {
    color: #6b6a67;
    font-size: var(--fs-label);
    letter-spacing: 0.03em;
}

.event_sec ul.boxesList li.boxesListItem .boxBodyContainer .inner .boxBodyInfoOuterContainer .boxInfoContainer ul.boxInfo li span,
.event_sec ul.boxesList li.boxesListItem .boxBodyContainer .inner .boxBodyInfoOuterContainer .boxInfoContainer ul.boxInfo li strong {
    font-style: normal;
    color: #333333;
    font-size: var(--fs-small);
    font-weight: 400;
}

.event_sec ul.boxesList li.boxesListItem .boxBodyContainer .inner>div .boxBodyContentContainer .inner.gadgetEventEditableArea {
    max-height: 233px;
}

.event_sec ul.boxesList li.boxesListItem .boxBodyContainer .inner .event_img img {
    height: 233px;
    width: 100%;
    object-fit: cover;
}

.event_sec .calendarModeIcon,
.event_sec .calendarModeLink {
    display: none !important;
}

.event_sec ul.boxesList li.boxesListItem h4.boxHeaderTitle a:hover,
.WaGadgetEventsStateList .boxOuterContainer .boxFooterOuterContainer .boxFooterContainer a:hover {
    color: #ab1603 !important;
}

/* -- Shared event gadget styling -- */

.WaGadgetEvents .boxInfoContainer ul.boxInfo li.eventInfoStartTime div {
    font-style: normal;
}

.WaGadgetEvents .boxInfoContainer ul.boxInfo li .eventInfoBoxValue span {
    line-height: 26px;
}

.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer .boxHeaderContainer h4.boxHeaderTitle {
    font-size: unset;
}

.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer .boxHeaderContainer h4.boxHeaderTitle a::after {
    display: none;
}

.WaGadgetEventsStateList .boxOuterContainer .boxFooterOuterContainer .boxFooterContainer a {
    font-size: var(--fs-label);
    letter-spacing: var(--track-caps);
    text-transform: uppercase;
    font-weight: 500;
}

.WaGadgetEventsStateList .boxOuterContainer .boxFooterOuterContainer .boxFooterContainer a:after {
    content: '';
    background-image: url('/resources/Pictures/side_arr.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding-left: 15px;
    line-height: 0;
    font-size: 12px;
    position: relative;
    bottom: 2px;
}

.WaGadgetEventsStateList h3.sectionTitle {
    font-size: var(--fs-h2);
    margin: 0;
}

.WaGadgetEventsStateCalendar .EventListCalendar td[class*=EventListCalendarItem][colspan] div {
    background: #ff9082;
}

.WaGadgetEventsStateCalendar .pageTitleOuterContainer #idEventViewSwitcher .pageViewSwitcherContainer a:before,
.WaGadgetEventsStateList .pageTitleOuterContainer .pageViewSwitcherOuterContainer .pageViewSwitcherContainer a:before {
    display: none;
}/* -- Events list page (gadget CSS class: events_list) -- */

.events_list .boxBodyContentOuterContainer .boxBodyContentContainer,
.events_list .boxBodyContentOuterContainer .boxBodyContentContainer .inner {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
}

.events_list .boxBodyContentContainer img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 340px;
    height: auto !important;
    border-radius: 6px;
}


/* ==========================================================================
   06  HOME PAGE — BLOG
   ========================================================================== */

#PAGEID_18054 .zoneContent .s1_grid_12 {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

#PAGEID_18054 .zoneContent .s1_grid_12 .WaPlaceHolder>div {
    padding: 0;
}

.blog_sec {
    margin-bottom: 0;
}

.blog_sec tr.WaLayoutRow td {
    vertical-align: middle;
}

.blog_sec tr.WaLayoutRow td>.WaLayoutPlaceHolder {
    max-width: 560px;
    margin: 0 auto;
    padding: 60px 20px;
}

.blog_sec h4.gadgetTitleH4 {
    color: #fff;
    font-size: var(--fs-h2);
    margin: 0 0 20px;
    font-weight: 500;
}

.blog_sec .gadgetStyleBody li {
    margin: 0 0 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #478ccf;
}

.blog_sec .gadgetStyleBody li .title {
    margin: 0 0 10px;
}

.blog_sec .gadgetStyleBody li .title a {
    color: #fff;
    font-size: var(--fs-h5);
    font-family: var(--font-display);
    font-weight: 500;
}

.blog_sec .gadgetStyleBody li .title a:hover {
    color: #68b5ff;
}

.blog_sec .gadgetStyleBody li span {
    color: #fff !important;
    font-style: normal !important;
    font-size: var(--fs-label);
}

.WaGadgetRecentBlogPosts ul li .date:after {
    content: " ";
}

.WaGadgetRecentBlogPosts ul li .date span {
    padding-right: 10px;
    margin-right: 10px;
}

.WaGadgetRecentBlogPosts ul li .date span::after {
    width: 1px;
    height: 14px;
    background: #fff;
    position: absolute;
    content: '';
    top: 50%;
    left: auto;
    margin: 0px 10px;
}


/* ==========================================================================
   07  SPONSOR CONTENT BLOCKS
   ========================================================================== */

.sponsor_section.aos-init.aos-animate {
    text-align: center;
}

.sponsor_section h2 {
    font-size: var(--fs-h2);
    font-weight: 500;
    margin: 0 0 20px;
}

.sponsor_section h4 {
    text-transform: uppercase;
    font-size: var(--fs-label);
    letter-spacing: var(--track-caps);
    font-weight: 500;
    margin: 10px 0 15px;
}

.sponsor_section p {
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    margin: 0 0 30px;
}

.sponsor_section .btn_btn {
    text-align: center;
}

.sponsor_section .btn_btn a {
    padding: 13px 33px;
}

p.sponsor-con {
    margin-top: 10px;
}

/* -- Shared blog / event body copy -- */

.blog_panel p,
.event_panel p {
    font-size: var(--fs-body);
}

.blog_panel strong,
.event_panel strong {
    color: #000;
    font-size: var(--fs-lead);
}

.event_panel ul li {
    margin: 10px 0;
}

.event_panel ul li p {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.event_panel ul li::marker {
    color: #000;
}

.event_list_items ul {
    margin: 0;
    list-style: none;
}


/* ==========================================================================
   08  TESTIMONIALS
   ========================================================================== */

.testimonial_sec {
    padding: 100px 0;
    margin-bottom: 0;
}

.testimonial_sec table.WaLayoutTable {
    max-width: 1245px;
    margin: 0 auto;
    padding: 0px 20px;
}

.testimonial_title {
    margin: 0 0 50px;
}

.testimonial_title h2 {
    font-size: var(--fs-h2);
    font-weight: 500;
    color: #000000;
    text-align: center;
    margin: 0;
}

.testimonial_panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.testimonial_image {
    margin-bottom: 30px;
}

.testimonial_image img {
    border-radius: 10px;
    width: 75px;
    height: 75px;
    box-shadow: 0px 0px 9px 1px #c7c5c5;
    margin-top: 10px;
}

.testimonial_content {
    margin-bottom: 30px;
}

.testimonial_content p {
    font-size: var(--fs-h5);
    line-height: 1.5;
    color: #666666;
    font-weight: 300;
}

.testimonial_content img {
    display: inline-block !important;
    width: auto;
    height: 34px;
    margin: 0px 20px;
}

.testimonial_content img:nth-child(2) {
    transform: rotate(180deg);
    position: absolute;
}

.testimonail_person_name p {
    font-size: var(--fs-small);
    letter-spacing: 0.02em;
    color: #0f589e;
    font-weight: 500;
}

.testimonial_slider.slick-initialized.slick-slider.slick-dotted {
    margin-bottom: 45px;
}

.testimonial_slider ul.slick-dots {
    margin: 0;
    bottom: -50px;
}

.testimonial_slider .slick-dots li button:before {
    font-size: 10px;
    color: #cbcaca;
    opacity: 1;
}

.testimonial_slider .slick-dots li.slick-active button:before {
    color: #ab1603;
}

.slick-dots li button {
    background: transparent !important;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
    background: none !important;
    transition: none;
}

.slick-list.draggable {
    text-align: center;
}


/* ==========================================================================
   09  SPONSOR LOGO SLIDER
   ========================================================================== */

.sponsor_sec {
    padding: 65px 0;
}

.sponsor_sec .gadgetStyleBody.gadgetContentEditableArea {
    max-width: 1245px;
    margin: 0 auto;
    padding: 0px 20px;
}

.sponsor_title {
    margin: 0 0 30px;
}

.sponsor_title h2 {
    font-size: var(--fs-h2);
    font-weight: 500;
    color: #000000;
    text-align: center;
    margin: 0;
}

.sponsor_panel {
    margin: 5px 15px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #e8e8e8;
    border: 1px solid #f3f3f3;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 154px;
}

.sponsor_sec button.slick-prev.slick-arrow {
    background: #f7f7f7 !important;
    z-index: 9;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    left: -5px;
    display: flex !important;
    font-size: 0 !important;
    justify-content: center;
    align-items: center;
}

.sponsor_sec button.slick-next.slick-arrow {
    background: #f7f7f7 !important;
    z-index: 9;
    width: 36px;
    height: 36px;
    font-size: 0 !important;
    border-radius: 6px;
    right: -8px;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.sponsor_sec .slick-prev:before {
    background-image: url('/resources/Pictures/left_arrow.svg') !important;
    content: '' !important;
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 16px;
    opacity: 1 !important;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sponsor_sec .slick-next:before {
    background: url('/resources/Pictures/right_arrow.svg') !important;
    content: '' !important;
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 16px;
    opacity: 1 !important;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sponsor_sec button.slick-next.slick-arrow:hover,
.sponsor_sec button.slick-prev.slick-arrow:hover {
    background-color: #ffc1b9 !important;
}


/* ==========================================================================
   10  ABOUT PAGE
   NOTE: `.images_lists` and `.images_lists_heading` are hidden at the end of
   this section, which makes most of the rules above them inert. Left as-is
   deliberately — flag for review before deleting anything.
   ========================================================================== */

.images_lists .images_columns {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.images_lists tr.WaLayoutRow td.WaLayoutItem {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 7px 2px #cacaca;
    padding: 20px;
    vertical-align: middle;
}

.images_lists .images_columns .images_contents {
    width: 55%;
}

.images_lists .images_columns .images_img {
    width: 45%;
    line-height: 0;
}

.images_lists .images_columns .images_img a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.images_lists .images_columns .images_img a img {
    border-radius: 10px;
    box-shadow: 0px 0px 1px 0px #7c7c7c;
    margin: 1px 0px 1px 1px;
}

.images_contents h3 {
    margin: 0 0 10px;
    font-size: var(--fs-h5);
}

.images_contents h4 {
    font-size: var(--fs-lead);
    margin: 0 0 10px;
}

.images_contents p {
    font-size: var(--fs-body);
    margin: 0;
}

.images_lists,
.images_lists_heading {
    display: none;
}

/* -- Member listings -- */

.member_profile {
    margin-top: 10px;
}

.members_lists tr.WaLayoutRow td {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px #e4e4e4;
    padding: 20px;
}

.members_lists tr.WaLayoutRow td.WaLayoutSeparator {
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.members_lists tr.WaLayoutRow td ul.layoutVertical.showPic li {
    min-width: 100%;
    vertical-align: middle;
}

.members_lists tr.WaLayoutRow td ul.layoutVertical.showPic li .img {
    margin: 0 0 15px;
    width: 100%;
    display: flex;
}

.members_lists tr.WaLayoutRow td ul.layoutVertical.showPic li .rightPart h4 {
    margin: 0 0 10px;
    font-size: var(--fs-h4);
}

.members_lists tr.WaLayoutRow td ul.layoutVertical.showPic li .rightPart .subtitle {
    margin: 0 0 10px;
}

.members_lists tr.WaLayoutRow td ul.layoutVertical.showPic li .rightPart .subtitle strong {
    font-size: var(--fs-lead);
    color: #000;
}

.members_lists tr.WaLayoutRow td ul.layoutVertical.showPic li .rightPart .description {
    margin: 0;
    font-size: var(--fs-body);
    line-height: 1.5;
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 102px;
}

.subtitle strong {
    color: #000;
}

.WaGadgetFeaturedMember ul.layoutHorizontal li .description {
    margin: 0;
    font-size: var(--fs-body);
    line-height: 1.5;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 51px;
}

.WaGadgetFeaturedMember .action {
    margin: 0px;
}

.WaGadgetFeaturedMember .action a {
    font-weight: 500;
    font-size: var(--fs-small);
}


/* ==========================================================================
   11  SPONSOR PAGE (18057)
   ========================================================================== */

#PAGEID_18057 .images_columns {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 15px;
}

#PAGEID_18057 .images_columns p {
    text-align: center;
}

#PAGEID_18057 .images_columns .images_img,
#PAGEID_18057 .images_columns .images_img a {
    line-height: 0;
}

#PAGEID_18057 .images_columns .images_img img {
    max-width: 300px;
    min-width: 300px;
}


/* ==========================================================================
   12  EVENT PAGE (18061) & GALLERY LIGHTBOX
   ========================================================================== */

#PAGEID_18061 .WaGadgetEvents ul.boxesList,
#PAGEID_18061 .WaGadgetEvents h3.sectionTitle,
#PAGEID_18061 .WaGadgetEvents h1.pageTitle.SystemPageTitle,
#PAGEID_18061 .WaGadgetEvents .pageTitleOuterContainer.idEventsTitleMainContainer {
    display: none;
}

#PAGEID_18061 .WaGadgetEvents .pastEventsOuterContainer {
    margin-top: 0px;
}

#PAGEID_18061 .WaGadgetEvents .pastEventsOuterContainer table.pastEventsList {
    width: 100%;
}

.event_ti {
    margin: 20px 0;
}

.event_ti h2 {
    font-size: var(--fs-h3);
    color: #ab1603;
}

.event_banner {
    line-height: 0;
}

/* -- Gallery -- */

.event_gallery {
    display: grid;
    align-items: center;
    gap: 10px;
    grid-template-columns: repeat(4, 1fr);
}

.event_gallery img {
    width: 211px;
    height: 211px;
    cursor: pointer;
    border-radius: 5px;
    object-fit: cover;
}

.event_lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
}

.event_lightbox.active {
    visibility: visible;
    opacity: 1;
}

.event_lightbox img {
    max-width: 95%;
    max-height: 95%;
}

.event_close_btn,
.event_prev_btn,
.event_next_btn {
    position: absolute;
    color: white;
    font-size: 2rem;
    cursor: pointer;
    user-select: none;
}

.event_close_btn {
    top: 20px;
    right: 20px;
}

.event_prev_btn {
    left: 20px;
}

.event_next_btn {
    right: 20px;
}


/* ==========================================================================
   13  BLOG PAGE
   ========================================================================== */

.blogPostListContainer ul.boxesList {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.WaGadgetBlog ul.boxesList li.boxesListItem {
    margin: 0;
}

.WaGadgetBlog ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a {
    font-size: var(--fs-h3);
    color: #ab1603;
    font-weight: 500;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 33px;
    line-height: normal;
}

.WaGadgetBlog ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a:hover {
    color: #ab1603;
}

.WaGadgetBlog ul.boxesList li.boxesListItem .boxBodyOuterContainer .boxBodyContentOuterContainer .boxBodyContentContainer.fixedHeight {
    max-height: 245px;
}

.WaGadgetBlog .boxBodyInfoOuterContainer h5 span {
    font-style: normal !important;
}

.WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a:first-child {
    font-size: var(--fs-label);
    letter-spacing: var(--track-caps);
    text-transform: uppercase;
    font-weight: 500;
}

.WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a:first-child:hover {
    color: #ab1603;
}

.WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a:first-child::after {
    content: '';
    background-image: url(/resources/Pictures/side_arr.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding-left: 30px;
    line-height: 0;
    font-size: 12px;
    position: relative;
    bottom: 1px;
}

.WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a:first-child:before,
.WaGadgetBlog ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a:after {
    display: none;
}

.blog_img_img p {
    margin: 0;
}

.blog_img_img p:nth-child(1) {
    margin: 15px 0;
}

.blog_panel ul {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.blog_panel ul li {
    font-size: var(--fs-body);
}

.blog_panel ul li::marker {
    color: #000;
}

.blog_panel p img {
    width: 70%;
}

.blog_panel blockquote {
    border-left: 5px solid #ab1603;
    margin: 15px 0;
    padding-left: 30px;
}

.WaGadgetBlog .pageTitleOuterContainer .pageBackContainer a:before,
.WaGadgetEventsStateDetails .pageTitleOuterContainer .pageBackContainer a:before {
    display: none;
}

.WaGadgetBlog .pageTitleOuterContainer .pageBackContainer a,
.WaGadgetEventsStateDetails .pageTitleOuterContainer .pageBackContainer a {
    border: 1px solid #ab1603;
    padding: 4px 6px;
    border-radius: 5px;
}

.WaGadgetBlog .pageTitleOuterContainer .pageBackContainer a:hover,
.WaGadgetEventsStateDetails .pageTitleOuterContainer .pageBackContainer a:hover {
    background-color: #ab1603;
    color: #fff;
    text-decoration: none;
}


/* ==========================================================================
   14  MISC OVERRIDES
   ========================================================================== */

.zoneHeader1 .s1_grid_12,
.zoneHeader2 .s1_grid_12,
.zoneFooter1 .s1_grid_12,
.zoneFooter3 .s1_grid_12 {
    max-width: 100%;
}

.zoneHeader1 .s1_grid_12>div,
.zoneHeader2 .s1_grid_12>div,
.zoneFooter1 .s1_grid_12>div,
.zoneFooter3 .s1_grid_12>div {
    padding: 0;
}

#PAGEID_18054 .zoneHeader3 .s1_grid_12>div,
#PAGEID_18054 .zoneHeader4 .s1_grid_12>div,
#PAGEID_18054 .zoneContent .s1_grid_12>div {
    padding: 0;
}

.zoneHeader1 .s1_grid_12 .header_section tr.WaLayoutRow td:nth-last-child(1) .WaLayoutPlaceHolder>div {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

.zoneHeader1 .s1_grid_12 .header_section tr.WaLayoutRow td:nth-last-child(1) .WaLayoutPlaceHolder>div>div {
    margin: 0;
}

.zoneHeader1 .s1_grid_12 .header_section tr.WaLayoutRow td:nth-last-child(1) .WaLayoutPlaceHolder>div>div a.loginBoxLinkButton {
    font-size: var(--fs-small);
    padding: 8px 32px;
    border-radius: 10px;
    border: 2px solid #ab1603;
    display: inline-block;
    font-weight: 500;
    line-height: 1.47;
    background-color: #ab1603;
    text-transform: uppercase;
    letter-spacing: var(--track-caps);
    font-family: var(--font-body);
}

.zoneHeader1 .s1_grid_12 .header_section tr.WaLayoutRow td:nth-last-child(1) .WaLayoutPlaceHolder>div>div a.loginBoxLinkButton:hover {
    background-color: #0f599e;
    border-color: #0f599e;
}

.WaGadgetLoginForm .loginContainerAuthenticated[class*=orientation] .loggedAction input[type=submit] {
    padding: 10px 20px;
}

.boxOuterContainer.boxBaseView {
    max-width: 1000px;
    margin: auto;
}


/* ==========================================================================
   15  MEMBERSHIP / SPONSORSHIP LEVEL DESCRIPTIONS
   --------------------------------------------------------------------------
   The membership application gadget renders each level's Description field as
   <span class="levelDescription">. The theme inherits it down to 13.5px in
   #888888 grey, which is too small and too light for text people read before
   paying. There are no <p> tags inside it, so the global `p` rule never
   applied.

   `.levelDescription` is shared by every level on every membership page, so
   this fixes all three sponsorship tiers at once — and the regular member
   tiers too.
   ========================================================================== */

span.levelDescription {
    font-size: var(--fs-body) !important;
    line-height: 1.6 !important;
    color: #333333 !important;
}

/* -- Level name + price: the headline of this block, so size it that way -- */
label.levelProperties > .textLine:not(.typeInstruction) {
    display: block;
    font-family: var(--font-display);
    font-size: var(--fs-lead) !important;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #1a1a1a !important;
    margin-bottom: 6px;
}

/* -- Subscription period / renewal terms: supporting detail -- */
label.levelProperties > .textLine.typeInstruction:not(.extraInfo) {
    display: block;
    font-size: var(--fs-small) !important;
    color: #6b6a67 !important;
    line-height: 1.45;
}

/* -- Breathing room before the description -- */
label.levelProperties .levelDescription {
    display: block;
    margin-top: 12px;
}

/* If you ever want this ONLY on the Become A Sponsor page, delete the rule
   above and uncomment this one instead:

#PAGEID_18063 span.levelDescription {
    font-size: var(--fs-body) !important;
    line-height: 1.6 !important;
    color: #333333 !important;
}
*/


/* ==========================================================================
   16  BILINGUAL (DUTCH / ENGLISH)
   --------------------------------------------------------------------------
   Dutch is used as texture, not translation. Never on prices, forms, or the
   join flow.

   Section label, Dutch first:
     <p class="eyebrow"><span lang="nl">Aankomende evenementen</span>Upcoming events</p>

   Standalone Dutch sentence:
     <p class="nl_note" lang="nl">Sinds 1985 verbindt de AABC ...</p>

   Always put lang="nl" on the Dutch. Screen readers switch pronunciation,
   and browsers hyphenate correctly.
   ========================================================================== */

.eyebrow {
    display: block;
    font-family: var(--font-body);
    font-size: var(--fs-label);
    font-weight: 500;
    letter-spacing: var(--track-caps);
    text-transform: uppercase;
    color: #6b6a67;
    margin: 0 0 12px;
}

.eyebrow [lang="nl"] {
    color: #ab1603;
}

.eyebrow [lang="nl"]:after {
    content: " / ";
    color: #b4b2a9;
}

.nl_note {
    font-family: var(--font-body);
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    color: #5f5e5a;
    border-left: 3px solid #ab1603;
    border-radius: 0;
    padding: 2px 0 2px 20px;
    margin: 1.75rem 0;
}

[lang="nl"] {
    hyphens: auto;
}


/* ==========================================================================
   17  RESPONSIVE — KEEP THIS BLOCK LAST IN THE FILE
   Largest screen first, smallest last.
   ========================================================================== */

@media (max-width: 1270px) {
    .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a {
        padding: 0px 20px 0px 0px;
    }
}

@media (max-width: 1258px) {
    .zoneHeader1 .s1_grid_12 .header_section tr.WaLayoutRow td:nth-child(1) {
        width: 15% !important;
    }

    .zoneHeader1 .s1_grid_12 .header_section tr.WaLayoutRow td:nth-child(3) {
        width: 44% !important;
    }

    .zoneHeader1 .s1_grid_12 .header_section tr.WaLayoutRow td:nth-last-child(1) {
        width: 25% !important;
    }

    .zoneHeader1 .s1_grid_12 .header_section tr.WaLayoutRow td.WaLayoutSeparator {
        display: none;
    }
}

@media (max-width: 1190px) {
    .zoneHeader1 .s1_grid_12 .header_section tr.WaLayoutRow td:nth-last-child(1) {
        width: 22% !important;
    }
}

@media only screen and (max-width: 991px) {
    .event_sec ul.boxesList {
        grid-template-columns: repeat(2, 1fr);
    }

    .WaGadgetBlog ul.boxesList li.boxesListItem .boxBodyOuterContainer .boxBodyContentOuterContainer .boxBodyContentContainer.fixedHeight {
        max-height: 150px;
    }

    .WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a:first-child {
        width: 100%;
        overflow: visible;
    }

    /* -- Mobile nav -- */
    .WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.secondLevel>li>.item>a {
        background-color: #0f599e;
    }

    .WaGadgetMenuHorizontal.menuStyle002 .menuInner ul ul {
        padding: 0;
    }

    .WaGadgetMenuHorizontal[class*=menuStyle] .menuInner .menuButton {
        text-decoration: none;
        vertical-align: top;
        text-align: center;
        color: #000;
        cursor: pointer;
    }

    .WaGadgetMenuHorizontal[class*=menuStyle] .menuInner .menuButton:before {
        font-size: 32px;
        content: "\2261";
        display: block;
        height: auto;
        color: #fff;
    }

    .WaGadgetMenuHorizontal[class*=menuStyle] .menuInner ul.firstLevel {
        position: absolute;
        left: 0;
        top: 26px;
        min-width: 100% !important;
        width: 100% !important;
        background: #d9edff;
        z-index: 9999999;
        display: none;
    }

    .WaGadgetMenuHorizontal[class*=menuStyle] .menuInner ul.firstLevel>li {
        display: block;
    }

    .WaGadgetMenuHorizontal[class*=menuStyle] .menuInner ul.firstLevel>li>.item>a {
        padding: 10px 25px 10px 30px !important;
    }

    .WaGadgetMenuHorizontal .menuInner ul ul {
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        display: block;
        position: static;
        left: auto;
        top: auto;
        margin: 0;
    }

    .menuButton {
        padding: 0 !important;
        position: absolute !important;
        z-index: 9999999;
        top: -42px;
        right: 20px;
        width: 42px;
        height: 42px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #ab1603;
        border-radius: 10px;
    }

    .zoneHeader1 .s1_grid_12 .header_section tr.WaLayoutRow td:nth-child(3) {
        position: absolute;
        left: 0;
        top: 68px;
        right: 0;
        width: 100% !important;
        background: transparent;
    }

    .zoneHeader1 .s1_grid_12 .header_section tr.WaLayoutRow td:nth-child(1),
    .zoneHeader1 .s1_grid_12 .header_section tr.WaLayoutRow td:nth-last-child(1) {
        width: 100% !important;
    }

    .zoneHeader1 .s1_grid_12 .header_section tr.WaLayoutRow td:nth-last-child(1) .WaLayoutPlaceHolder>div>div a.loginBoxLinkButton {
        margin-right: 50px;
    }
}

@media (max-width: 767px) {
    :root {
        --fs-hero: 32px;
        --fs-h1: 28px;
        --fs-h2: 25px;
        --fs-h3: 22px;
        --fs-h4: 20px;
        --fs-h5: 19px;
        --fs-lead: 18px;
        --fs-body: 17px;
    }

    #PAGEID_18054 .camera_wrap {
        height: 300px !important;
    }

    .banner_sec .camera_caption h1 {
        line-height: 1.05;
    }

    .banner_sec .camera_caption h1 br {
        display: none;
    }

    .banner_bottom_content .gadgetStyleBody.gadgetContentEditableArea,
    .join_now_sec,
    .zoneFooter1 .footer_sec>div {
        padding: 35px 20px;
    }

    .banner_bottom_content h2,
    .blog_sec h4.gadgetTitleH4,
    .join_now_content h2,
    .sponsor_section h2 {
        margin: 0 0 15px;
    }

    .banner_bottom_content p.text-title {
        margin: 15px 0 0;
    }

    .banner_bottom_content p font {
        font-size: 16px !important;
    }

    .join_now_content p {
        margin: 0 0 15px;
    }

    .join_now_sec tr.WaLayoutRow {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .join_now_sec tr.WaLayoutRow td {
        width: 100% !important;
    }

    .join_now_content {
        padding: 0;
    }

    h2 {
        font-size: var(--fs-h2);
    }

    h2.page_heading {
        font-size: var(--fs-h3);
        line-height: 1.15;
    }

    .top_bar table.WaLayoutTable {
        height: auto !important;
    }

    /* -- Events -- */
    .event_sec {
        padding: 35px 0 0;
    }

    .event_sec .upcomingEventsContainer h3.sectionTitle,
    .sponsor_title h2 {
        line-height: 1.15;
    }

    .event_sec ul.boxesList {
        grid-template-columns: repeat(1, 1fr);
        padding-top: 15px;
    }

    .event_sec ul.boxesList li.boxesListItem h4.boxHeaderTitle a {
        height: 26px;
        line-height: normal;
    }

    .event_sec ul.boxesList li.boxesListItem .boxBodyContainer .inner .boxBodyInfoOuterContainer .boxInfoContainer ul.boxInfo {
        padding: 10px;
        gap: 0px;
    }

    .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer {
        margin: 0 0 15px 0;
    }

    .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyContentOuterContainer .boxBodyContentContainer.fixedHeight .inner {
        max-height: 150px;
        overflow: hidden;
    }

    .WaGadgetEventsStateList h3.sectionTitle {
        margin: 0;
        line-height: 1.15;
    }

    .WaGadgetEventsStateList ul.boxesList {
        padding: 1px 0 0;
    }

    .WaGadgetEventsStateList ul.boxesList li.boxesListItem {
        margin: 15px 0 0 0;
    }

    /* -- Blog -- */
    .blog_sec tr.WaLayoutRow {
        display: flex;
        flex-direction: column;
    }

    .blog_sec tr.WaLayoutRow td.WaLayoutSeparator {
        display: none;
    }

    .blog_sec tr.WaLayoutRow td {
        width: 100% !important;
    }

    .blog_sec tr.WaLayoutRow td>.WaLayoutPlaceHolder {
        padding: 35px 20px;
    }

    .blog_sec .gadgetStyleBody li {
        margin: 0 0 15px;
        padding-bottom: 15px;
    }

    .blog_sec .gadgetStyleBody li .title a {
        font-size: var(--fs-h5);
    }

    .blogPostListContainer ul.boxesList {
        gap: 10px;
    }

    .WaGadgetBlog ul.boxesList li.boxesListItem .boxHeaderOuterContainer {
        padding: 0 0 10px 0;
    }

    .WaGadgetBlog ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a {
        height: 28px;
    }

    .WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer .boxHeaderContainer h4.boxHeaderTitle {
        font-size: var(--fs-h2);
    }

    .blog_panel h2 {
        font-size: var(--fs-h2);
    }

    .blog_panel h3 {
        font-size: var(--fs-h3);
    }

    /* -- Sponsors & testimonials -- */
    .sponsor_section p {
        margin: 0 0 20px;
    }

    .testimonial_sec,
    .sponsor_sec {
        padding: 35px 0 35px;
    }

    .testimonial_title {
        margin: 0 0 20px;
    }

    .testimonial_title h2 {
        line-height: 1.15;
    }

    .testimonial_content p {
        line-height: 1.5;
    }

    /* -- Members -- */
    .members_lists tr.WaLayoutRow {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .members_lists tr.WaLayoutRow td {
        padding: 0;
        width: 100% !important;
    }

    .members_lists tr.WaLayoutRow td .WaLayoutPlaceHolder {
        padding: 15px;
    }

    /* -- Footer -- */
    .footer_blocks h3 {
        margin: 0 0 10px;
    }

    .footer_about_links ul {
        gap: 5px;
    }

    .newsletter_text {
        margin-bottom: 10px;
    }

    .newsletter_text p {
        font-size: var(--fs-small);
    }

    .adders_content {
        gap: 5px;
        margin: 5px 0 15px;
    }

    .footer_wrap tr.WaLayoutRow {
        display: flex;
        flex-direction: row;
        gap: 10px;
        flex-wrap: wrap;
    }

    .footer_wrap tr.WaLayoutRow td.WaLayoutSeparator {
        display: none;
    }

    .footer_wrap tr.WaLayoutRow td:nth-child(1),
    .footer_wrap tr.WaLayoutRow td:nth-last-child(1) {
        width: 48% !important;
        margin: 0;
    }

    .footer_wrap tr.WaLayoutRow td:nth-child(3) {
        order: 3;
        width: 100% !important;
        margin: 0;
    }
}

@media (max-width: 616px) {
    #PAGEID_18057 .images_columns .images_img img {
        max-width: 100%;
        min-width: 100%;
    }

    td#id_WyEzOv2 {
        position: absolute;
        top: 8px;
        right: 20px;
        width: auto !important;
    }

    .zoneHeader1 .s1_grid_12 .header_section tr.WaLayoutRow td:nth-child(3) {
        top: 70px;
        margin: 0;
    }

    .WaGadgetMenuHorizontal[class*=menuStyle] .menuInner .menuButton:before {
        height: 22px;
    }

    .WaGadgetMenuHorizontal[class*=menuStyle] .menuInner ul.firstLevel {
        top: 24px;
    }

    .WaGadgetMenuHorizontal[class*=menuStyle] .menuInner ul.firstLevel>li>.item>a {
        padding: 10px 25px 10px 30px !important;
    }

    .WaGadgetMenuHorizontal[class*=menuStyle] .menuInner ul.firstLevel>li.sel>.item>a:after {
        display: none !important;
    }

    .WaGadgetMenuHorizontal[class*=menuStyle] .menuInner ul ul {
        padding: 0;
        margin: 0;
    }

    .WaGadgetMenuHorizontal[class*=menuStyle] .menuInner ul ul li>.item>a {
        opacity: 1;
        padding: 8px 25px 8px 47px;
    }
}

@media (max-width: 550px) {
    .blogPostListContainer ul.boxesList {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
}

@media (max-width: 480px) {
    .site_logo a {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    td#id_WyEzOv2 {
        position: relative;
        top: 0;
        right: 0;
        width: auto !important;
        margin: 10px 50px 0px 0px;
    }

    .header_btn {
        justify-content: space-between;
        gap: 8px;
        margin: 0;
        width: 100%;
    }

    .header_btn>div {
        width: 100%;
    }

    .header_btn>div a {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .zoneHeader1 .s1_grid_12 .header_section tr.WaLayoutRow td:nth-child(3) {
        top: 136px;
        margin: 0;
    }

    .zoneHeader1 .s1_grid_12 .header_section tr.WaLayoutRow td:nth-last-child(1) .WaLayoutPlaceHolder>div>div {
        width: 100%;
    }

    .zoneHeader1 .s1_grid_12 .header_section tr.WaLayoutRow td:nth-last-child(1) .WaLayoutPlaceHolder>div>div a.loginBoxLinkButton {
        margin-right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .WaGadgetMenuHorizontal[class*=menuStyle] .menuInner .menuButton:before {
        height: 24px;
    }

    .WaGadgetMenuHorizontal[class*=menuStyle] .menuInner ul.firstLevel {
        top: 10px;
    }

    .WaGadgetFeaturedMember ul.layoutHorizontal li h4 {
        margin: 0;
    }

    .WaGadgetFeaturedMember ul.layoutHorizontal li .subtitle {
        margin: 5px 0;
    }

    .footer_wrap tr.WaLayoutRow {
        gap: 20px;
    }

    .footer_wrap tr.WaLayoutRow td:nth-child(1),
    .footer_wrap tr.WaLayoutRow td:nth-last-child(1) {
        width: 100% !important;
    }
}