@font-face {
    font-family: FuturaBT-Light;
    src: url('../fonts/FuturaBT-Light.ttf');
}

@font-face {
    font-family: FuturaBT-Bold;
    src: url('../fonts/FuturaBT-Bold.ttf');
}

@font-face {
    font-family: Helvetica-Bold;
    src: url('../fonts/HelveticaNeueLTStd-Bd.otf');
}

@font-face {
    font-family: Helvetica-Light;
    src: url('../fonts/HelveticaNeueLTStd-Lt.otf');
}

@font-face {
  font-family: Visby-heavey;
  src: url("../fonts/VisbyHeavy.otf"); 
}

@font-face {
  font-family: Visby-light;
  src: url("../fonts/VisbyLight.otf"); 
}


:root{
    --main-bg-color: #132541;
    --main-bg-color-light: #244479;
    --main-text-color: #132541;
    --main-text-color-alt: #e87a64;
    --main-text-color-light: #244479;
    --alt-bg-color: #e87a64;
    --light-bg-color: #fff;
    --alt-text-color: #fff;
    --box-shadow-color: #000;
    
    --alt-main-bg-color: #e87a64;
    --alt-main-bg-color-light: #E8DAF0;
    --default-main-bg-color: #fff;
    --main-grey: rgba(0, 0, 0, .125);
    --main-container-width: 1630px;
    --main-padding-width: 18px;
    --main-padding-height: 40px;
    --main-padding-height-lg: 80px;

    --max-width-small: 150px;
    --max-width-medium: 250px;
    --max-width-large: 350px;
    --max-width-xlarge: 100%;

    --admin-main-container-width: 1200px;

    --main-nav-bg-color: #ffffff;

    --white-bg-color-fade: rgba(255, 255, 255, 0.7);
    --blue-bg-color-fade: rgb(19, 37, 65, 0.7);

    --hero-font-size-lg: 4em;
    --hero-font-size-md: 3em;
    --hero-font-size-sm: 3.5em;
    --h1-font-size: 36px;
    --h2-font-size: 28px;
    --h3-font-size: 24px;
    --p-font-size: 18px;
    --cta-font-size: 15px;

    --featuregap: 10px;
    --formgap-20: 20px;
    --formgap-15: 15px;
    --formgap-10: 10px;
    --formgap-5: 5px;

    --main-gap: 32px;
    --medium-gap: 18px;
    --small-gap: 10px;
    --formgap-20: 20px;
    --formgap-15: 15px;
    --formgap-10: 10px;
    --formgap-8: 8px;
    --formgap-5: 5px;

    --row-gap: var(--main-gap);

    --border-radius-5: 5px;

    /* Main Clors */
    --primary: 35, 50, 90;
    --primary-color: rgba(var(--primary));
    --primary-color-light: rgba(var(--primary), 0.5);
    --primary-color-extra-light: rgba(var(--primary), 0.1);

    --secondary: 150, 123, 183;
    --secondary-color: rgba(var(--secondary));
    --secondary-color-light: rgba(var(--secondary) ,0.5);
    --secondary-color-extra-light: rgba(var(--secondary) ,0.1);

    --tertiary: 217, 186, 215;
    --tertiary-color: rgba(var(--tertiary));
    --tertiary-color-light:rgba(var(--tertiary), 0.5);
    --tertiary-color-extra-light:rgba(var(--tertiary), 0.1);

    --quaternary: 251, 248, 246;
    --quaternary-color: rgba(var(--quaternary));
    --quaternary-color-light:rgba(var(--quaternary), 0.5);
    --quaternary-color-extra-light:rgba(var(--quaternary), 0.1);

    --main-white-color: #ffffff;
    --main-grey-color: #eeeeee;
    --main-grey-color-light: #f8f9fa;
    --main-grey-color-dark: #3d3d3d;

    /* Other Colors */

    --bs-success: #198754;
    --bs-success-text-emphasis: #0a3622;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-success-border-subtle: #a3cfbb;

    --bs-warning: #ffc107;
    --bs-warning-text-emphasis: #664d03;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-warning-border-subtle: #ffe69c;

    --bs-danger: #dc3545;
    --bs-danger-text-emphasis: #58151c;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-danger-border-subtle: #f1aeb5;

    --main-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);

    --col-10percent: calc(10% - calc(calc(var(--row-gap, 0px) * 9) /10));
    --col-20percent: calc(20% - calc(calc(var(--row-gap, 0px) * 4) /5));
    --col-25percent: calc(25% - calc(calc(var(--row-gap, 0px) * 3) /4));
    --col-30percent: calc(30% - calc(calc(var(--row-gap, 0px) * 1) /2));
    --col-33percent: calc(33.333333% - calc(calc(var(--row-gap, 0px) * 2) /3));
    --col-40percent: calc(40% - calc(calc(var(--row-gap, 0px) * 3) /5));
    --col-50percent: calc(50% - calc(calc(var(--row-gap, 0px) * 1) /2));
    --col-60percent: calc(60% - calc(calc(var(--row-gap, 0px) * 1) /2));
    --col-66percent: calc(66.666666% - calc(calc(var(--row-gap, 0px) * 1) /3));
    --col-70percent: calc(70% - calc(calc(var(--row-gap, 0px) * 1) /2));
    --col-75percent: calc(75% - calc(calc(var(--row-gap, 0px) * 1) /3));
    --col-80percent: calc(80% - calc(calc(var(--row-gap, 0px) * 1) /4));
    --col-90percent: calc(90% - calc(calc(var(--row-gap, 0px) * 1) /5));

    interpolate-size: allow-keywords;
}

@media screen and (min-width:769px) {
    :root{
        --hero-font-size-lg: 5em;
        --hero-font-size-md: 4em;
        --hero-font-size-sm: 3.5em;
        --h1-font-size: 50px;
        --h2-font-size: 38px;
        --h3-font-size: 30px;
        --p-font-size: 22px;

        --main-padding-width: 8vw;
    }
}

@media screen and (min-width:1025px) {
    :root{
        --hero-font-size-lg: 6em;
        --hero-font-size-md: 5em;
        --hero-font-size-sm: 4em;
        --h1-font-size: 72px;
        --h2-font-size: 56px;
        --h3-font-size: 46px;
        --cta-font-size: 19px;
    }
}

*{
    box-sizing: border-box;
    margin-block-start: 0;
    margin-block-end: 0;
}

html{
    scroll-behavior: smooth;
}

body{
    font-family: Visby-light, sans-serif;
    color: var(--main-text-color);
    margin: 0;
    font-size: 18px;
    line-height: 1.5;
    overflow: hidden scroll;
}

.body.active{
    height: 100%;
    overflow-y: hidden;
}

/* typography */

a{
    color: var(--main-bg-color);
    text-decoration: none;
}

a:hover{
    color: var(--main-bg-color-light);
}

h1,
h2,
h3,
h4,
h5,
h6{
    margin-bottom: 0rem;
    font-weight: 500;
    line-height: 1.2;
}

p{
    margin-bottom: 0rem;
    /* line-height: 20px; */
}

.text-center{
    text-align: center;
}

.text-white{
    color: #fff!important;
}

/* Images */

img {
    vertical-align: middle;
    border-style: none;
    width: 100%;
}

/* Cookie Bar */

#cookieConsent{
    position: fixed;
    bottom: 0;
    z-index: 9999999999999;
    width: 100%;
    background-color: var(--main-bg-color);
    padding: 30px;
}

#cookieConsent .container {
    max-width: 100%;
}

#cookieConsent .container .cookieinner{
    color: #fff;
}

#cookieConsent .container a{
    color: var(--alt-bg-color);
    cursor: pointer;
}

#cookieConsent .container a:hover{
    color: var(--alt-bg-color);
}

/* Scroll To Top Btn */

#scrolltop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 999;
    font-size: 18px;
    width: 50px;
    height: 50px;
    background-image: url(https://img.icons8.com/sf-black-filled/64/FFFFFF/chevron-down.png);
    background-size: contain;
    background-color: var(--alt-bg-color);
    border-radius: 50%;
    transform: rotate(180deg);
    cursor: pointer;
}

#scrolltop:hover {
  background-color: var(--alt-main-bg-color-light);
}

#scrolltop:active {
  background-color: var(--alt-bg-color);
}