@font-face {
    font-family: "Primary";
    font-weight: 400;
    font-display: swap;
    src: url("/themes/viatransilvanica/assets/fonts/PTSans-Regular.woff2");
}

@font-face {
    font-family: "Primary";
    font-weight: 700;
    font-display: swap;
    src: url("/themes/viatransilvanica/assets/fonts/PTSans-Bold.woff2");
}


/*VARS & CONFIGURATION*/
:where(:root, ::before, ::after) {
    /* --font-black: 900;

    --border-radius-medium: var(--spacing-default);
    --color-grey-dark: #161616; */
    --color-primary-rgb: 239, 125, 0;
    --color-primary: rgb(var(--color-primary-rgb));
    --color-black-rgb: 28, 31, 46;
    --color-grey: #E8E9EA;
    /* --color-grey-light: #F7F8FB;
    --color-grey-dark: #97989F; */
    --color-grey-dark: #8f8f8f;
    --color-grey-light: #f2f3f7;
    --box-shadow: 2px 2px 12px 0px var(--color-grey);
    --box-shadow-grey-dark: 2px 2px 12px 0px var(--color-grey-dark);

    /* --grid-container-max-width: 95rem; */
    --spacing-default: var(--unit-16);
    --grid-gap-xy: calc(var(--spacing-default) * 2);

    --border-radius-small: var(--unit-10);
    --border-radius-medium: var(--unit-15);
    --border-radius-large: var(--unit-30);
    --border-radius-default: var(--border-radius-medium);

    --padding-cta-input-button: calc(var(--spacing-default) / 1.25) calc(var(--spacing-default) * 1.25);
}

::-moz-selection {
    background: var(--color-primary);
    color: var(--color-white);
}

::selection {
    background: var(--color-primary);
    color: var(--color-white);
}

/* END VARS & CONFIGURATION */

/* OVERWRITES*/
#baguetteBox-overlay,
#spotlight {
    backdrop-filter: blur(var(--unit-5));
    background-color: rgba(0, 0, 0, .8) !important;
}

.flatpickr-calendar.open {
    z-index: 9999999 !important;
}

.flatpickr-calendar span.flatpickr-weekday {
    font-size: var(--font-14, 14px);
}

.flatpickr-calendar .flatpickr-day {
    font-size: max(var(--font-16, 16px), 16px);
}

html[lang="en"] .top-bar__submenu-item--romania-care-merge {
    display: none;
}

/* END OVERWRITES*/

/* VARIOUS */

button {
    background: unset;
    padding: 0;
    margin: 0;
    outline: 0;
    border: 0;
    cursor: pointer;
}

.arrow-1 {
    width: .65rem;
    transition: var(--transition);
    transition-property: transform;
    will-change: transform;
}

.arrow-1--right {
    transform: rotate(-90deg);
}

.see-more-container {
    position: absolute;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    bottom: var(--spacing-default);
}

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

h2+p,
h3+p,
h4+p,
h5+p,
h6+p,
p+p {
    margin-top: var(--spacing-default);
}

p {
    line-height: 2;
}

/* VARIOUS */


/* COMPONENTS */
.stats {
    position: relative;
    width: 90%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin-bottom: calc(-1 * var(--unit-50));
}

.stat {
    background-color: #9E992B;
    border-radius: var(--border-radius-small);
    color: var(--color-white);
    padding: var(--spacing-default) 0;
    width: 100%;
    text-align: center;

    max-width: calc(2 * var(--unit-100));
}

.socials {
    display: flex;
    gap: var(--spacing-default);
}

.social__item svg {
    width: auto;
    height: var(--unit-35);
    min-height: vaR(--unit-35);
}

/* END COMPONENTS */

/* UTILITIES */
.color-grey {
    color: var(--color-grey);
}

.color-grey-light {
    color: var(--color-grey-light);
}

.color-grey-dark {
    color: var(--color-grey-dark);
}

.background-color-grey {
    background-color: var(--color-grey);
}

.background-color-grey-dark {
    background-color: var(--color-grey-dark);
}

.background-color-grey-light {
    background-color: var(--color-grey-light);
}

.background-color-white {
    background-color: var(--color-white);
}

.text-underline {
    text-decoration: underline;
}

.line-height-1 {
    line-height: 1;
}

.line-height-1-5 {
    line-height: 1.5;
}

.border-bottom-none {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.border-top-none {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.rotate-y {
    transform: scaleY(-1);
}

.rotate-x {
    transform: scaleX(-1);
}

.aspect-ratio-16-9 {
    aspect-ratio: 16/9;
}

/* END UTILITIES */

/* LARGE ONLY */
@media (min-width: 64rem) {
    .top-bar__menu-arrow {
        display: none;
    }

    .social__item,
    .lazy {
        transition: var(--transition);
    }
}

/* END LARGE ONLY */


/* SMALL ONLY */
@media (max-width: 63.9375rem) {

    /* OTHER */
    /* .box--swiper {
        margin: 0 var(--unit-8);
    } */

    /* END OTHER */
}

/* END SMALL ONLY */

/* SPECIFIC MEDIA QUERIES */
/* <=1450px menu*/
@media (min-width: 64rem) and (max-width: 90.625rem) {

    .top-bar__left,
    .top-bar__center,
    .top-bar__right {
        width: auto;
    }

    .top-bar .cta {
        padding-left: var(--unit-5);
        padding-right: var(--unit-5);
    }

    .top-bar__right .gap-default {
        gap: var(--unit-5) !important;
    }

    .top-bar__menu-items {
        gap: calc(1.25 * var(--spacing-default)) !important;
    }

    .top-bar__menu-item {
        display: flex;
    }

    .top-bar__language,
    .top-bar .top-bar__menu-item a,
    .top-bar .cta {
        font-size: var(--font-14);
    }

    .top-bar__language {
        width: var(--unit-25);
        height: var(--unit-25);
    }

    /* .top-bar__elements {
        justify-content: center;
        gap: calc(2 * (var(--spacing-default)));
    }

    .top-bar__left,
    .top-bar__right {
        width: auto;
    }

    .top-bar__center {
        width: 100%;
        order: 1;
    } */
}

/* END SPECIFIC MEDIA QUERIES */

/* TARGETED */
/* @media (min-width: 64rem) and (max-width: 87.5rem) {
    html {
        font-size: clamp(13px, calc(9px + 0.3125vw), 18px);
    }
} */

/* END TARGETED */

/* ANIMATIONS */
@keyframes zoomIn {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.25);
    }
}

@keyframes zoomOut {
    0% {
        transform: scale(1.15);
    }

    100% {
        transform: scale(1);
    }
}