@import "tailwindcss";

@font-face {
    font-family: "Head Bold";
    src: url("../../fonts/Vw/VWHeadWeb-Bold.ttf");
}

@font-face {
    font-family: "Head Regular";
    src: url("../../fonts/Vw/VWHeadWeb-Regular.ttf");
}

@font-face {
    font-family: "Text Bold";
    src: url("../../fonts/Vw/VWTextWeb-Bold.ttf");
}

@font-face {
    font-family: "Text Regular";
    src: url("../../fonts/Foton/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf");
}

@layer theme {
    :root {
        --banner-desktop-height: calc(100vw * 0.47);
        --banner-mobile-height: calc(100vh * 0.6);
        --banner-tablet-height: calc(100vh * 1.13);
        --banner-inquiry-height: 298px;

        --color-primary: #001e50;
        --color-primary-light: #00b0f0;
        --color-white: #fff;
        --color-grey: #8989a1;
        --color-grey-2: #657181;
        --color-grey-3: #f1f1f1;
        --color-grey-4: #8f8f8f;
        --color-grey-5: #d9d9d9;
        --color-grey-6: #afafae;
        --color-dark-vw: #000e26;
        --color-yellow-accent: #f2db4f;
        --color-green-accent: #9eeed4;
    }
}

.navigation-item {
    padding-top: 0px !important;
    padding-bottom: 20px !important;
    letter-spacing: 0px !important;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.navigation-item.active {
    border-bottom: 4px solid var(--color-primary);
}

.logo-navigation {
    height: 45px;
}

@media (max-width: 426px) {
    .logo-navigation {
        width: 41px;
        height: 40px;
        object-fit: cover;
    }

    .navigation-item.active {
        color: var(--color-white) !important;
        border-bottom: 0px;
    }
}

/* @media (max-width: 769px) {
    .logo-navigation {
        height: 64px;
    }

    .navigation-item.active {
        color: var(--color-white) !important;
        border-bottom: 0px;
    }
} */

.font-head-bold {
    font-family: "Head Bold", "sans-serif" !important;
}

.font-head-regular {
    font-family: "Head Regular", "sans-serif";
}

.font-text-bold {
    font-family: "Text Bold", "sans-serif";
}

.font-text-regular {
    font-family: "Text Regular", "sans-serif" !important;
}

.text-primary {
    color: var(--color-primary) !important;
}

.text-primary-light {
    color: var(--color-primary-light) !important;
}

.text-gray {
    color: var(--color-grey-4);
}

.text-gray-6 {
    color: var(--color-grey-6);
}

.text-dark {
    color: var(--color-dark-vw);
}

.bg-primary {
    background-color: var(--color-primary) !important;
}

.bg-primary-light {
    background-color: var(--color-primary-light) !important;
}

.bg-grey-4 {
    background-color: var(--color-grey-4) !important;
}

.bg-grey-6 {
    background-color: var(--color-grey-6) !important;
}

.bg-yellow-accent {
    background-color: var(--color-yellow-accent) !important;
}

.bg-gradient-primary {
    background: linear-gradient(90deg, #00437a 21.37%, #011f50 100%);
}

.border-gray-6 {
    border-color: var(--color-grey-6) !important;
}