:root {
    --color-1: #ebf4ff;
    --rla-blue: #002f6c;
    --rla-maroon: #ba0c2f;
    --rla-maroon-2: #ea6c86;
    --rla-maroon-3: #9c0321;
    --rla-maroon-4: #ff98ad;
}

a:hover {
    color: var(--rla-blue);
}

body {
    font-family: "Subjectivity", "Inter", sans-serif;
    background-color: rgba(var(--x-indigo-900-rgb));
}
h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5 {
    font-family: "Subjectivity", "Inter", sans-serif;
}

.color-1 {
    color: var(--color-1);
}
.rla-blue {
    color: var(--rla-blue);
}
.rla-maroon {
    color: var(--rla-maroon);
}
.rla-maroon-2 {
    color: var(--rla-maroon-2);
}

.bg-color-1 {
    background-color: var(--color-1);
}
.bg-rla-blue {
    background-color: var(--rla-blue);
}
.bg-rla-maroon {
    background-color: var(--rla-maroon);
}
.bg-rla-maroon-2 {
    background-color: var(--rla-maroon-2);
}

.bg-rla-maroon-3-hover:hover {
    background-color: var(--rla-maroon-3);
}
.rla-maroon-4-hover:hover {
    color: var(--rla-maroon-4);
}

.weight-100 {
    font-weight: 100;
}
.weight-200 {
    font-weight: 200;
}
.weight-300 {
    font-weight: 300;
}
.weight-400 {
    font-weight: 400;
}
.weight-500 {
    font-weight: 500;
}
.weight-600 {
    font-weight: 600;
}
.weight-700 {
    font-weight: 700;
}
.weight-800 {
    font-weight: 800;
}
.weight-900 {
    font-weight: 900;
}

.fixed-top {
    position: absolute !important;
}

.mh-100 {
    min-height: 100vh;
}

.text-wrap {
    text-wrap: wrap;
}

.column-limit-1 {
    max-width: 300px;
    text-wrap: auto;
}

div#sideB {
    width: 300px;
    float: left;
}

/* .hero1 {
    background: url("/img/hero1.jpg") center center;
    background-size: cover;
} */
.container-2 {
    max-width: 1200px;
    margin: 0 auto;
}

#sw1 {
    background: url("/img/slide5.jpg") center center;
    background-size: cover;
}
#sw2 {
    background: url("/img/slide6.jpg") center center;
    background-size: cover;
}
#sw3 {
    background: url("/img/slide7.jpg") center center;
    background-size: cover;
}
#sw4 {
    background: url("/img/slide8.jpg") center center;
    background-size: cover;
}

#bannerA {
    height: 100vh;
}
#navbrand {
    letter-spacing: 1px;
}
.swiper-button-next,
.swiper-button-prev {
    color: #ffffff !important;
}

#offcanvasNav {
    max-width: 280px;
    backdrop-filter: blur(50px);
}

#cta_row .card:hover {
    background: rgb(0 0 0 / 40%) !important;
}
#cta_row .cta_col:nth-child(1) {
    border-right: 1px solid rgb(255 255 255 / 15%);
}
#cta_row .cta_col:nth-child(2) {
    border-right: 1px solid rgb(255 255 255 / 15%);
}
#cta_row .cta_col:nth-child(3) {
    border-right: 1px solid rgb(255 255 255 / 15%);
}

.home-about-section {
    min-height: 100vh;
}

.min-100 {
    min-height: 100vh;
}
.min-75 {
    min-height: 75vh;
}
.min-50 {
    min-height: 50vh;
}

.quotes-background {
    position: fixed;
    z-index: -1;
    top: 0px;
    bottom: 0px;
    background-color: #ebf4ff;
}

.lines {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    margin: auto;
    width: 90vw;
}

.line {
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    background: rgba(255, 255, 255, 0.1);
    overflow: hidden;
}

.line::after {
    content: "";
    display: block;
    position: absolute;
    height: 15vh;
    width: 100%;
    top: -50%;
    left: 0;
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        #ffffff 75%,
        #ffffff 100%
    );
    -webkit-animation: drop 7s 0s infinite;
    animation: drop 7s 0s infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
    animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
}

.line:nth-child(1) {
    margin-left: -25%;
}

.line:nth-child(1)::after {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.line:nth-child(3) {
    margin-left: 25%;
}

.line:nth-child(3)::after {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

@-webkit-keyframes drop {
    0% {
        top: -50%;
    }

    100% {
        top: 110%;
    }
}

@keyframes drop {
    0% {
        top: -50%;
    }

    100% {
        top: 110%;
    }
}

.comm-center {
    z-index: 1;
    position: relative;
}
.comm-1 {
    width: 50%;
    margin: 0 auto;
}
.comm-image {
    position: absolute;
}
.comm-2.comm-image {
    width: 13%;
    margin-top: 0;
    margin-left: 10%;
}
.comm-3.comm-image {
    width: 11%;
    margin-top: 15%;
    left: -5%;
}
.comm-4.comm-image {
    width: 17%;
    margin-top: 36%;
    margin-left: 3%;
}

.comm-5.comm-image {
    width: 10%;
    top: 0;
    right: 13%;
}
.comm-6.comm-image {
    width: 20%;
    top: 30%;
    right: -5%;
}
.comm-7.comm-image {
    width: 7%;
    top: 85%;
    right: 18%;
}

#navbarVertical {
    min-width: 250px;
}

.wrapper-2 {
    max-width: 1080px;
    margin: 0 auto;
}

/* WEB-FONTS */
@font-face {
    font-family: "Subjectivity";
    src: url("/font/Subjectivity-SuperSlanted-webfont.woff") format("woff");
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: "Subjectivity";
    src: url("/font/Subjectivity-Super-webfont.woff") format("woff");
    font-weight: 800;
    font-style: normal;
}
/*  */
@font-face {
    font-family: "Subjectivity";
    src: url("/font/Subjectivity-BlackSlanted-webfont.woff") format("woff");
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: "Subjectivity";
    src: url("/font/Subjectivity-Black-webfont.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Subjectivity";
    src: url("/font/Subjectivity-ExtraBoldSlanted-webfont.woff") format("woff");
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: "Subjectivity";
    src: url("/font/Subjectivity-ExtraBold-webfont.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}
/*  */
/*  */
@font-face {
    font-family: "Subjectivity";
    src: url("/font/Subjectivity-BoldSlanted-webfont.woff") format("woff");
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: "Subjectivity";
    src: url("/font/Subjectivity-Bold-webfont.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}
/*  */
@font-face {
    font-family: "Subjectivity";
    src: url("/font/Subjectivity-MediumSlanted-webfont.woff") format("woff");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: "Subjectivity";
    src: url("/font/Subjectivity-Medium-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}
/*  */
@font-face {
    font-family: "Subjectivity";
    src: url("/font/Subjectivity-RegularSlanted-webfont.woff") format("woff");
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: "Subjectivity";
    src: url("/font/Subjectivity-Regular-webfont.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}
/*  */
@font-face {
    font-family: "Subjectivity";
    src: url("/font/Subjectivity-LightSlanted-webfont.woff") format("woff");
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: "Subjectivity";
    src: url("/font/Subjectivity-Light-webfont.woff") format("woff");
    font-weight: 200;
    font-style: normal;
}
/*  */
@font-face {
    font-family: "Subjectivity";
    src: url("/font/Subjectivity-ThinSlanted-webfont.woff") format("woff");
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: "Subjectivity";
    src: url("/font/Subjectivity-Thin-webfont.woff") format("woff");
    font-weight: 100;
    font-style: normal;
}

.display-1,
.display-2,
.display-3,
.display-4,
.display-5 {
    font-weight: 500;
}

.object-fit-cover {
    object-fit: cover;
}

@media (max-width: 980px) {
    #navbrand .h5 {
        font-size: 0.6em;
    }
    nav#topNav {
        padding: 10px 5px !important;
    }
}