.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
    color: #5a5a5a;
    /*font-family: "Lora", serif;*/
    font-family: "arboria", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}


h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 700;
    font-style: normal;
}

.nav-link,
.dropdown-item,
.form-control,
.form-select,
.list-group-item,
label,
header,
footer,
.breadcrumb,
.pagination,
.product-card {
    font-weight: 500;
    font-style: normal;
}

em {
    font-style: normal;
}

.form-check-label {
    cursor: pointer;
}

.navbar-dark .navbar-toggler {
    border: none;
}

.field-validation-valid {
    display: none !important
}

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

.clickable-li {
    cursor: pointer;
}

.custom-success-span  {
    height: 6rem;
    width: 6rem;
    border-color: #48bb78;
    border-radius: 12px;
    font-size: 4rem;
}

span.uc-status-span {
    padding: 8px 24px;
    font-weight: bolder;
    border-radius: 24px;
}

.uc-bg--light-blue {
    background-color: #03a9f4;
    color: #fff;
}

.uc-bg--purple {
    background-color: #9c27b0;
    color: #fff;
}

.uc-bg--orange {
    background-color: #ff9800;
    color: #fff;
}

.uc-bg--green {
    background-color: #4caf50;
    color: #fff;
}

.uc-bg--green {
    background-color: #ffeb3b;
    color: #655b12;
}


.bg-dark {
    background-color: #273675 !important;
}

.border-dark {
    border-color: #273675 !important;
}


[data-bs-theme=dark] {
    color-scheme: dark;
    --cz-body-color: #cad0d9;
    --cz-body-color-rgb: 202, 208, 217;
    --cz-body-bg: #181d25;
    --cz-body-bg-rgb: 24, 29, 37;
    --cz-emphasis-color: #eef1f6;
    --cz-emphasis-color-rgb: 238, 241, 246;
    --cz-secondary-color: #9ca3af;
    --cz-secondary-color-rgb: 156, 163, 175;
    --cz-secondary-bg: #333d4c;
    --cz-secondary-bg-rgb: 51, 61, 76;
    --cz-tertiary-color: #99a2b3;
    --cz-tertiary-color-rgb: 108, 114, 127;
    --cz-tertiary-bg: #222934;
    --cz-tertiary-bg-rgb: 34, 41, 52;
    --cz-primary-text-emphasis: #ed7052;
    --cz-secondary-text-emphasis: #e0e5eb;
    --cz-success-text-emphasis: #2d9f5f;
    --cz-info-text-emphasis: #516aa2;
    --cz-warning-text-emphasis: #fc8518;
    --cz-danger-text-emphasis: #db5527;
    --cz-light-text-emphasis: #e0e5eb;
    --cz-dark-text-emphasis: #fff;
    --cz-primary-bg-subtle: #2e222c;
    --cz-secondary-bg-subtle: #222934;
    --cz-success-bg-subtle: #1b2c2c;
    --cz-info-bg-subtle: #1a2537;
    --cz-warning-bg-subtle: #2f2926;
    --cz-danger-bg-subtle: #2e2027;
    --cz-light-bg-subtle: #181d25;
    --cz-dark-bg-subtle: #131920;
    --cz-primary-border-subtle: #442832;
    --cz-secondary-border-subtle: #333d4c;
    --cz-success-border-subtle: #1d3b33;
    --cz-info-border-subtle: #1d2d48;
    --cz-warning-border-subtle: #463427;
    --cz-danger-border-subtle: #43232a;
    --cz-light-border-subtle: #333d4c;
    --cz-dark-border-subtle: #131920;
    --cz-heading-color: #fff;
    --cz-link-color: #f9a697;
    --cz-link-hover-color: #f9a697;
    --cz-link-color-rgb: 249, 151, 163;
    --cz-link-hover-color-rgb: 249, 151, 163;
    --cz-code-color: #e685b5;
    --cz-highlight-color: #cad0d9;
    --cz-highlight-bg: #664d03;
    --cz-border-color: #333d4c;
    --cz-border-color-translucent: hsla(0,0%,100%,.15);
    --cz-form-valid-color: #33b36b;
}


/* HEADER */

header .offcanvas.offcanvas-start .btn-close {
    filter: invert(100%) brightness(100);
}

.offcanvas.show .offcanvas-body .dropdown-menu {
    background-color: transparent;
    border: none;
}

.offcanvas.show .offcanvas-body .nav-link:hover,
.offcanvas.show .offcanvas-body .nav-link:active,
.offcanvas.show .offcanvas-body .nav-link:active {
    color: #fff;
}

.offcanvas.show .offcanvas-body .dropdown-menu a.dropdown-item {
    color: #fff;
    word-break: break-word;
    white-space: normal;
    text-wrap: wrap;
}


    .offcanvas.show .offcanvas-body .dropdown-menu a.dropdown-item:hover,
    .offcanvas.show .offcanvas-body .dropdown-menu a.dropdown-item:active,
    .offcanvas.show .offcanvas-body .dropdown-menu a.dropdown-item:focus
    {
        background-color: transparent;
    }

.offcanvas.show header .offcanvas-header button[type="submit"] {
    color: #fff;
}

.offcanvas.show .offcanvas-header .link-light {
    filter: invert(75%);
}

.logo {
    width: 100%;
    max-width: 170px;
}

.navbar-stuck .logo {
    max-width: 110px;
}

.container > nav.container {
    max-width: 100%;
}


/*HOMEPAGE SLIDER*/

.swiper-slide .swiper-item {
    height: 32rem;
}

/* FOOTER */
footer.footer .border-top {
    border-color: #59739a !important;
}

.accordion-item hr {
    border-color: #59739a !important;
}

/* BUTTONS */
[data-bs-theme=light] .btn-secondary:not([data-bs-theme=dark]) {
    --cz-btn-color: #e0e5eb;
    --cz-btn-bg: #516aa2;
    --cz-btn-border-color: #516aa2;
    --cz-btn-hover-color: #fff;
    --cz-btn-hover-bg: #09204c;
    --cz-btn-hover-border-color: #09204c;
    --cz-btn-active-color: #e0e5eb;
    --cz-btn-active-bg: #09204c;
    --cz-btn-active-border-color: #09204c;
    --cz-btn-disabled-color: #e0e5eb;
    --cz-btn-disabled-bg: #516aa2;
    --cz-btn-disabled-border-color: #516aa2;
}

.btn-primary,
.product-card .count-input:not(.collapsed) .product-card-button,
.product-card:hover .product-card-button,
[data-bs-theme=dark] .product-card:hover .product-card-button {
    --cz-btn-bg: #ed7052;
    --cz-btn-border-color: #ed7052;
    --cz-btn-hover-bg: #db5527;
    --cz-btn-active-bg: #db5527;
    --cz-btn-hover-border-color: #db5527;
    --cz-btn-active-border-color: #db5527;
}

.btn-outline-primary {
    --cz-btn-color: #ed7052;
    --cz-btn-border-color: #ed7052;
    --cz-btn-hover-color: #fff;
    --cz-btn-hover-bg: #ed7052;
    --cz-btn-hover-border-color: #ed7052;
    --cz-btn-focus-shadow-rgb: 245, 82, 102;
    --cz-btn-active-color: #fff;
    --cz-btn-active-bg: #ed7052;
    --cz-btn-active-border-color: #ed7052;
    --cz-btn-active-shadow: none;
    --cz-btn-disabled-color: #ed7052;
    --cz-btn-disabled-bg: transparent;
    --cz-btn-disabled-border-color: #ed7052;
    --cz-gradient: none;
}

.btn:not(.btn-icon) {
    font-family: "arboria", sans-serif;
    font-weight: 500;
    font-style: normal;                                                                  
    border-radius: 5rem;
    text-transform: uppercase;
}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
    margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    bottom: 3rem;
    z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
    height: 32rem;
}

    .carousel-item > img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        height: 32rem;
    }


    /* FOOTER */

.footer-flag {
    display: inline-block;
    margin-top: 7px;
    margin-right: 5px;
    max-width: 50px;
    width: 100%;
    outline: 1px solid #fff;
}

    .footer-flag:last-of-type {
        margin-right: 0;
    }



    /* HOMEPAGE */

.btn.hero-btn {
    display: block;
}

    .btn.hero-btn i {
        font-size: 2em;
        display: block;
        margin-bottom: 0.5em;
    }

    .btn.hero-btn span {
        white-space: normal; 
        word-break: break-word;
        text-align: center;
    }
    
/* MARKETING CONTENT
-------------------------------------------------- */
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
}

.marketing h2 {
    font-weight: 400;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
    margin-right: .75rem;
    margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
    margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
    font-weight: 300;
    line-height: 1;
    /* rtl:remove */
    letter-spacing: -.05rem;
}



.text-flag img {
    display: inline-block;
    margin-right: 0.25em;
    width: 100%;
    max-width: 45px;
}

    .text-flag img:last-of-type {
        margin-right: 0;
    }


/* PRODUCT CATALOGUE */
.offcanvas-start {
    width: auto;
    transform: none;
    border: none;
}

.ratio > img {
    object-fit: cover;
}


/* MEMBERSHIP*/


.membership-body h1 {
    font-size: 2.25em;
    color: #ed7052;
}


    .membership-body h1 sub {
        color: #b7b7b7;
        font-size: 60%;
        bottom: 0;
    }

.membership-details ul {
    list-style-type: none;
    padding: 0;
}

    .membership-details ul li {
        position: relative;
        padding-left: 28px;
    }

        .membership-details ul li span {
            font-size: 18px;
            position: absolute;
            top: -2px;
            left: 0;
            color: #ed7052;
        }

        .membership-details ul li.no {
            color: #bcbcbc;
        }

            .membership-details ul li.no span {
                color: #bcbcbc;
            }



/* FORMS */

.container.custom-form {
    padding: 2em;
    margin: 0 auto;
    max-width: 660px;
    border: 1px solid #e3e5e8;
    border-radius: 1em;
}



/* PRODUCT PAGE */

.long-description h1 {
    font-size: 1.75em;
    margin-bottom: 0.5rem;
}
.long-description h2 {
    font-size: 1.65em;
    margin-bottom: 0.5rem;
}
.long-description h3 {
    font-size: 1.5em;
    margin-bottom: 0.5rem;
}
.long-description h4 {
    font-size: 1.25em;
    margin-bottom: 0.5rem;
}
.long-description h5 {
    font-size: 1.15em;
    margin-bottom: 0.5rem;
}
.long-description h6 {
    margin-bottom: 0.5rem;
}



/* UMBRACO FORMS */

.umbraco-forms-form fieldset {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}


.umbraco-forms-form.form-control {
    padding: 0;
    border: none;
}

    .umbraco-forms-form.form-control form {
        padding: 2em;
        margin: 0 auto;
        max-width: 660px;
        border: 1px solid #e3e5e8;
        border-radius: 1em;
    }

.row-fluid {
    --cz-gutter-x: 1.5rem;
    --cz-gutter-y: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: calc(var(--cz-gutter-x)* -.5);
    margin-right: calc(var(--cz-gutter-x)* -.5);
    margin-top: calc(var(--cz-gutter-y)* -1);
    margin-bottom: 1em;
}

    .row-fluid > * {
        flex-shrink: 0;
        margin-top: var(--cz-gutter-y);
        max-width: 100%;
        padding-left: calc(var(--cz-gutter-x)* .5);
        padding-right: calc(var(--cz-gutter-x)* .5);
    }


.umbraco-forms-form .umbraco-forms-fieldset:last-of-type .row-fluid {
    margin-bottom: 0;
}

.umbraco-forms-form .umbraco-forms-fieldset .row-fluid .umbraco-forms-container label {
    margin-bottom: 0.35em;
}

.umbraco-forms-form .umbraco-forms-fieldset .row-fluid .umbraco-forms-container label,
.umbraco-forms-form .umbraco-forms-fieldset .row-fluid .umbraco-forms-field-wrapper {
    flex: 0 0 auto;
    width: 100%;
}

.umbraco-forms-navigation {
    margin-top: 1em;
 }

.umbraco-forms-navigation [class*="col-"] {
    width: 100%;
    text-align: right;
}

@media only screen and (min-width: 1300px) {
    div.embeditem iframe {
        min-height: 360px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1299px) {
    div.embeditem iframe {
        min-height: 270px;
    }
}

/* GENERAL TABLE*/

.umb-block-grid__layout-item table {
    color: #181d25;
}

.umb-block-grid__layout-item table[border="1"] {
    border: none;
}

    .umb-block-grid__layout-item table > tbody {
        vertical-align: inherit;
    }

        .umb-block-grid__layout-item table > tbody > tr:nth-of-type(odd) > * {
            color: #222934;
            background-color: rgba(51,61,76,.05);
        }

    .umb-block-grid__layout-item table > :not(caption) > * > * {
        padding: .75rem;
    }

    a.subdropdown-toggle {
        color: #333d4c !important; 
        font-size: 0.875rem !important;
        padding: 0.5rem 0.75rem !important;
    }

    @media (min-width: 992px) {

        ul.dropdown-submenu.show {
            position: absolute;
            transform: translate3d(200px, 0px, 0px) !important;
            top: 0px;
            left: 0px;
            will-change: transform;
        }
    
    }
    .offcanvas.show .offcanvas-body a.subdropdown-toggle {
        color: #fff !important;
    }

    .offcanvas.show .offcanvas-body .dropdown-menu a.dropdown-subitem {
        padding: 0 1.5em;
        margin: 0;
    }

img.product-details-img {
    object-fit: contain; 
    object-position: center center; 
    height: 500px; 
    width: 100%;
}

/* RESPONSIVE CSS
-------------------------------------------------- */
    @media (min-width: 40em) {
        /* Bump up size of carousel content */
        .carousel-caption p {
            margin-bottom: 1.25rem;
            font-size: 1.25rem;
            line-height: 1.4;
        }

        .featurette-heading {
            font-size: 50px;
        }
    }

    @media (min-width: 62em) {
        .featurette-heading {
            margin-top: 7rem;
        }
    }

    @media (max-width: 991.98px) {
        .logo {
            max-width: 120px;
            padding-top: 10px;
            padding-bottom: 10px;
        }
    }

    @media (max-width: 499px) {
        
        img.product-details-img {
            height: 300px !important;
        }
    }

    .event-session-time {
        color: #1976d2; /* Or another color for the time */
        font-weight: 500;
    }

    .event-session-time-range {
        color: #1976d2; /* Or your preferred color */
        font-weight: 600;
        font-size: 1.1em;
        margin-bottom: 8px;
        display: block;
    }

    .event-session-selection input[type="radio"].btn-check:checked + label.btn {
        border: 2px solid #28a745 !important;         /* Green border */
        background-color: #e6ffe6 !important;         /* Light green background */
        color: #28a745 !important;                    /* Green text */
    }

    .event-session-day-title {
        background: #e3f2fd;         /* Light blue background */
        color: #1976d2;              /* Blue text */
        font-weight: 700;            /* Bold */
        border-radius: 8px;
        padding: 8px 18px;
        margin-bottom: 12px;
        display: inline-block;
        letter-spacing: 0.5px;
        box-shadow: 0 2px 8px rgba(25, 118, 210, 0.07);
        border: 1.5px solid #1976d2;
    }

.event-session-label-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    padding: 8px 10px;
    min-height: 40px;
}

.event-session-heading {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 4px;
    font-size: 1.05em;
    letter-spacing: 0.5px;
    word-break: break-word;
    white-space: normal;
}

.event-session-presenter {
    color: #a020f0;
    text-transform: none;
    font-size: 0.97em;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    width: 100%;
}

.event-session-presenter-icon {
    font-size: 1.1em;
    margin-right: 4px;
}

.event-session-presenter-name {
    display: inline;
    white-space: normal;
    word-break: break-word;
    line-height: 1.2;
    width: 100%;
}

@media (max-width: 600px) {
    .payway-wrapper {
        margin-left: -16px;
        margin-right: -16px;
        width: calc(100% + 32px);
        max-width: 100vw;
    }
    .payway-card {
        min-width: 95vw !important;
        width: 100% !important;
        box-sizing: border-box;
    }
}