@font-face {
    font-family: "the-seasons", sans-serif;
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "the-seasons", sans-serif;
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'GlacialIndifference Regular';
    font-style: normal;
    font-weight: normal;
    src: url("https://assets.travertex.com/fonts/GlacialIndifference-Regular.otf") format("opentype");
}

@font-face {
    font-family: 'GlacialIndifference Bold';
    font-style: normal;
    font-weight: bold;
    src: url("https://assets.travertex.com/fonts/GlacialIndifference-Bold.otf") format("opentype");
}

@font-face {
    font-family: 'Montserrat Regular';
    font-style: normal;
    font-weight: normal;
    src: url("https://assets.travertex.com/fonts/Montserrat-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'Montserrat SemiboldItalic';
    font-style: normal;
    font-weight: normal;
    src: url("https://assets.travertex.com/fonts/Montserrat-SemiboldItalic.ttf") format("truetype");
}

@font-face {
    font-family: 'Brittany Signature';
    font-style: normal;
    font-weight: normal;
    src: url("https://assets.travertex.com/fonts/BrittanySignature.ttf") format("truetype");
}

:root {
    /* Colors */
    --white: #FFFFFF;
    --black: #333333;
    --grayLight: #CCCCCC;
    --grayDark: #999999;
    --beige: #f6f3ef;
    --blue: blue;
    --blueDark: #0B1F3A;
    --gold: #EFBF04;
    --green: #26be4c;
    --orange: orange;
    --red: red;
    --teal: #74B7E5;
    --yellow: #F9DC75;
    --colorPrimary: var(--black);
    --colorSecondary: var(--grayDark);
    --highlightColor: var(--blue);
    --iconColor: var(--gold);
    --tvxColor1: var(--black);
    --tvxColor2: var(--blue);
    --tvxColor3: var(--blue);
    /* Fonts */
    --fontBody: "GlacialIndifference Regular", sans-serif;
    --fontButton: "GlacialIndifference Black", sans-serif;
    --fontFooter: "GlacialIndifference Regular", sans-serif;
    --fontHeader: "the-seasons", sans-serif;
    --fontHighlight: "GlacialIndifference Bold", sans-serif;
    --fontNav: "GlacialIndifference Regular", sans-serif;
    --fontTitle: "the-seasons", sans-serif;
    /* --fontTitle: "Montserrat Semibold", sans-serif;*/
    /* TVX Button */
    --BtnBkgdColor: var(--white);
    --BtnBorder: 1px solid var(--black);
    --BtnRadius: 100px;
    --BtnFont: var(--fontButton);
    --BtnFontSize: 0.75rem;
    --BtnFontWeight: 800;
    --BtnGradient: none; /*  linear-gradient(to right, #E7E542, #74B7E5);  */
    --BtnLetterSpacing: normal;
    --BtnLineHeight: 1em;
    --BtnMinWidth: fit-content;
    --BtnMaxWidth: 100%;
    --BtnPadding: 6px 20px;
    --BtnTextColor: var(--black);
    --BtnTextDecoration: none;
    --BtnTextTransform: uppercase;
    --BtnHoverTextColor: var(--white);
    --BtnHoverBkgdColor: var(--black);
    --BtnHoverTextDecoration: none;
    /* TVX Footer */
    --FooterBkgdColor: var(--white);
    --FooterBorder: none;
    --FooterFont: var(--fontFooter);
    --FooterFontSize: 0.9rem;
    --FooterFontWeight: 400;
    --FooterTextColor: var(--black);
    /* TVX Header */
    --HeaderBkgdColor: var(--white);
    --HeaderBorder: none;
    --HeaderFont: var(--fontHeader);
    --HeaderFontSize: 2.2rem;
    --HeaderFontWeight: 400;
    --HeaderTextColor: var(--black);
    /* TVX Nav */
    --NavTextColor: var(--black);
    --NavFont: var(--fontNav);
    --NavFontSize: 1.15rem;
    --NavFontWeight: 400;
    --NavTextDecoration: none;
    /* TVX Page */
    --BodyBkgdColor: var(--white);
    --BodyTextColor: var(--black);
    --BodyFont: var(--fontBody);
    --BodyFontSize: 1.1rem;
    --BodyFontWeight: 400;
    --HighlightTextColor: var(--black);
    --HighlightTextFont: var(--fontHighlight);
    --HighlightTextFontSize: 1.7rem;
    --HighlightTextFontWeight: 700;
    --IconColor: var(--iconColor);
    --ListStyle: none;
    --TitleTextColor: var(--black);
    --TitleFont: var(--fontTitle);
    --TitleFontSize: 2.2rem;
    --TitleFontWeight: 400;
    /* TVX Panel */
    --PanelBkgdColorWhite: var(--white);
    --PanelBkgdColorLight: var(--beige);
    --PanelBkgdColorDark: var(--black);
}

.Logo {
    height: clamp(42px, 8vw, 80px) !important;
    width: auto !important;
}

.hero {
    animation: fade-in 2s ease-in forwards;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    position: relative;
}

/* Hero Section */
    .hero.bg1 {
        background-image: url("https://assets.travertex.com/img/cust/tjw/PurpleBeachSunset.jpg");
        background-position: top;
    }

    .hero.bg2 {
        background-image: url("https://assets.travertex.com/img/cust/tjw/MountainSunset.jpg");
    }

    .hero.bg3 {
        background-image: url("https://assets.travertex.com/img/cust/tjw/NYBridge.jpg");
    }

    .hero.bg4 {
        background-image: url("https://assets.travertex.com/img/cust/tjw/GreeneryBkgd.jpg");
        background-position: top;
    }

/* Logo Ticker */
.logo-ticker {
    overflow: hidden;
    width: 100%;
    background: var(--white);
    white-space: nowrap;
    box-sizing: border-box;
    margin: 50px 0;
}

.logo-track {
    display: inline-flex;
    width: max-content;
    animation: scroll 30s linear infinite;
}

.logo-ticker:hover .logo-track {
    animation-play-state: paused; /* Pause on hover */
}

.logo-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 40px;
}

    .logo-item img {
        height: 50px;
        width: auto;
        object-fit: contain;
    }

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}