/* =========================
   FONTS
========================= */

@font-face {
    font-family: gotham-light;
    src: url("./gotham_light/Gotham Light Regular.otf");
}

@font-face {
    font-family: gotham_bold;
    src: url("../assets/gotham_bold/Gotham Bold.otf");
}

@font-face {
    font-family: gotham_italic;
    src: url("../assets/gotham_italic/Gotham Light Italic.otf");
}

/* =========================
   RESET
========================= */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* =========================
   COLORS
========================= */

.text_dark { color: #1E1E1E; }
.text_light { color: #F2F2F2; }
.bg_light { background-color: #F2F2F2; }

/* =========================
   NAVBAR (FIXED)
========================= */

.nav_main {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff !important;
}

/* FORCE CONSISTENT MENU */
.navbar-nav .nav-link {
    font-family: gotham-light, Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: relative;
}

/* divider */
.navbar-nav .nav-link:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 1em;
    width: 1px;
    background-color: #00d9a3;
}

/* active */
.nav_main .navbar-nav .nav-link.active {
    color: #ED2024 !important;
}

/* FIX LOGO SIZE (THIS WAS BROKEN) */
.navbar-brand img {
    max-width: 71px !important;
    height: auto !important;
}

/* =========================
   PRELOADER (FIXED CLEAN)
========================= */

.preloader {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background-color: #F2F2F2;

    display: flex;
    align-items: center;
    justify-content: center;
}

.preloader-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.preloader-text {
    margin-top: 20px;
    opacity: 0;
    font-family: gotham-light, Arial, sans-serif;
    font-size: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: opacity 0.6s ease;
}

.preloader-text.show {
    opacity: 1;
}

/* =========================
   SPACING
========================= */

.mt_60 {
    margin-top: 100px;
}

/* =========================
   GALLERY
========================= */

.gallery_container {
    column-count: 3;
    column-gap: 7px;
}

.gallery_container img {
    margin-top: 8px;
    width: 100%;
    display: block;
    filter: grayscale(100%);
}

.gallery_container img:hover {
    filter: grayscale(0%);
}

/* =========================
   TYPOGRAPHY
========================= */

.heading {
    font-family: gotham_bold;
}

.contaxt_primary {
    font-family: gotham-light;
    font-size: 31px;
    line-height: 37px;
}

.contaxt_secondary {
    font-family: gotham-light;
    font-size: 18px;
    line-height: 28px;
}

.italic_content {
    font-family: gotham_italic;
    font-size: 31px;
    line-height: 37px;
}

/* =========================
   FOOTER
========================= */

footer {
    background-color: #FF0000;
}

footer p {
    font-size: 14px;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 992px) {
    .contact_us,
    .header_home {
        height: unset;
    }
}

@media (max-width: 768px) {
    .fccp-right-img {
        padding-left: 0;
    }
}
.heading {
    color: #F00000;
}