/* Variables */
:root {
    --default-transition-time: .4s;
}

a {
    outline-offset: 3px;
    text-underline-offset: 3px;
}

footer a:hover {
    text-decoration: underline;
}

span.popup-trigger {
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 3px;
}

svg {
    height: auto;
    width: auto;
}

button svg,
button .brxe-svg,
.brxe-button svg,
.hs-prev-next-btn svg {
    height: 16px;
    width: 19px;
}

.brx-submenu-toggle svg {
    height: 7px;
    width: 8px;
}

/* Accordion */
.accordion-item {
    background-color: var(--clr-white, #FFF);
    border-radius: 40px;
    padding: 12px 64px 12px 39px;
}

.accordion-item strong {
    font-weight: 600;
}

.accordion-item:not(:last-child) {
    margin-bottom: 22px;
}

.accordion-content-wrapper>ul {
    list-style-type: disc;
}

.accordion-item:has(.accordion-title-wrapper:focus-visible) {
    outline: 2px solid black;
}

.accordion-item:has(.accordion-title-wrapper:focus-visible) .accordion-title-wrapper {
    outline: none;
}

/* Disclaimer */
.disclaimer-ref {
    text-decoration: none;
}

.disclaimer-bg-white #disclaimers {
    background-color: var(--clr-white, #FFF);
}

/* General */
.br-10 {
    border-radius: 10px;
    overflow: hidden;
}

.br-15 {
    border-radius: 10px;
    overflow: hidden;
}

.br-20 {
    border-radius: 20px;
    overflow: hidden;
}

.bg-image {
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    position: absolute;
    width: 100%;
}

.bricks-button svg {
    transition: transform var(--default-transition-time, 0.4s) ease !important;
}

.gap-5 {
    row-gap: 5px;
    column-gap: 5px;
}

.p-relative {
    position: relative;
}

.pad-default {
    padding: 125px;
}

/* Typography */
.font-1 {
    font-family: "Trevia Groteska", Arial, Helvetica, sans-serif;
}

.font-2 {
    font-family: Stara, Arial, Helvetica, sans-serif;
}

.fw-100 {
    font-weight: 100 !important;
}

.fw-200 {
    font-weight: 200 !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.fw-900 {
    font-weight: 900 !important;
}

/* HIC Slider */
.hic-toggle-btn svg {
    transition: all 0.5s linear;
}

.hic-indicator {
    transition: transform 0.5s linear;
}

.hic-slider[data-active="2"] .hic-indicator[data-slide="1"] {
    transform: translateX(21px) !important;
}

.hic-slider[data-active="2"] .hic-indicator[data-slide="2"] {
    transform: translateX(-21px) !important;
}

.hic-slider[data-active="2"] .hic-toggle-btn svg {
    transform: rotateZ(-180deg);
}

.hic-content {
    opacity: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    transition: opacity 1s ease;
}

.hic-content.active {
    opacity: 1;
    position: relative;
}

img.hic-content.active {
    height: 100% !important;
    left: 0 !important;
    position: absolute !important;
}

/* Social Icons */
.social-icons svg {
    transform: scale(1);
    transition: transform .4s ease;
}

.social-icons a:hover svg {
    transform: scale(1.1);
}

.icon-text-wrap svg rect {
	transition: all .5s ease;
}

.icon-text-wrap:hover svg rect {
	fill: var(--clr-primary) !important;
}

.hover-primary,
.hover-secondary {
	transition: color .5s ease;
}

.hover-primary:hover {
	color: var(--clr-primary);
}

.hover-secondary:hover {
	color: var(--clr-secondary);
}

/* Responsive */
.mobile {
    display: none;
}

@media screen and (min-width: 992px) {
    .full-screen {
        min-height: 100dvh;
        width: 100%;
    }

    .full-screen .frame-inner {
        display: flex;
        flex: 1;
    }

    /* Social Share */
    .brxe-post-sharing li {
        transition: transform var(--default-transition-time, 0.4s) ease;
        transform: translateY(0);
    }

    .brxe-post-sharing li:hover {
        transform: translateY(-6px);
    }
}

@media screen and (max-width: 991px) {
    .desktop {
        display: none !important;
    }

    .mobile {
        display: flex !important;
    }

    .pad-default {
        padding: 100px;
    }
}

@media screen and (max-width: 767px) {
    .pad-default {
        padding: 50px 50px;
    }
}

@media screen and (max-width: 767px) {
    .pad-default {
        padding: 50px 25px;
    }
}