@import url('../css2');
@font-face {
    font-family: "FormaDJRDisplay Bold";
    src: url("../t/54fe41b88bed56909f28ebecc059478f.eot");
    src: url("../t/54fe41b88bed56909f28ebecc059478f-1.eot")format("embedded-opentype"),
    url("../t/54fe41b88bed56909f28ebecc059478f.woff2")format("woff2"),
    url("../t/54fe41b88bed56909f28ebecc059478f.woff")format("woff"),
    url("../t/54fe41b88bed56909f28ebecc059478f.ttf")format("truetype"),
    url("../t/54fe41b88bed56909f28ebecc059478f.svg")format("svg");
}
@font-face {
    font-family: "MetaSerifPro-BoldItalic";
    src: url("../fonts/MetaSerifPro-BoldItalic.woff2")format("woff2"),
    url("../fonts/MetaSerifPro-BoldItalic.woff")format("woff"),
    url("../fonts/MetaSerifPro-BoldItalic.ttf")format("truetype")
}
@font-face {
    font-family: "MetaSerifPro-MediumItalic";
    src: url("../fonts/MetaSerifPro-MediumItalic.woff2")format("woff2"),
    url("../fonts/MetaSerifPro-MediumItalic.woff")format("woff"),
    url("../fonts/MetaSerifPro-MediumItalic.ttf")format("truetype")
}
@font-face {
    font-family: "FormaDJRDisplay Regular";
    src: url("../fonts/forma-djr-display-regular.ttf")format("truetype");
}
@font-face {
    font-family: "FormaDJRDisplay Medium";
    src: url("../fonts/forma-djr-display-medium.ttf")format("truetype");
}
@font-face {
    font-family: "FormaDJRDisplay Light";
    src: url("../fonts/forma-djr-display-light.ttf")format("truetype");
}
:root{
    --bs-primary: #182029;
    --bs-primary-rgb: 24,32,41;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #96C5D7;
    --bs-info-rgb: 150, 197, 215;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #ffff;
    --bs-dark-text-emphasis: #000;
    --bs-box-shadow: -5px 5px 5px rgba(0,0,0,.05), 5px -5px 10px rgba(0,0,0,.05), -5px -5px 10px rgba(0,0,0,.05), 5px 5px 10px rgba(0,0,0,.05);
}
*{
    font-family: "FormaDJRDisplay Regular", serif;
    letter-spacing: 0.16px;
    /*overflow-x: hidden !important;*/
}
.cutive-mono{
    font-family: 'Cutive Mono', monospace;
}
.djr-bold{
    font-family: 'FormaDJRDisplay Bold', serif;
    letter-spacing: 2.8px;
}
.djr-medium{
    font-family: 'FormaDJRDisplay Medium', serif;
    letter-spacing: 0.13px;
}
.djr-light{
    font-family: 'FormaDJRDisplay Light', serif;
    letter-spacing: 1px;
}
.msp-bold-italic{
    font-family: 'MetaSerifPro-BoldItalic', serif;
}
.msp-medium-italic{
    font-family: 'MetaSerifPro-MediumItalic', serif;
}
b{
    font-family: 'FormaDJRDisplay Bold', serif;
    letter-spacing: 0.14px;
}
footer, footer a{
    text-decoration: none !important;
    font-size: 12px !important;
}
footer h5{
    font-size: 19px !important;
    font-family: "FormaDJRDisplay Bold", serif;
}
header img{
    margin-top: 4px;
}
body{
    overflow-x: hidden !important;
}
.carousel-control-prev-icon{
    background-image: url("../images/carousel-control-prev-icon.svg")
}
.carousel-control-next-icon{
    background-image: url("../images/carousel-control-next-icon.svg")
}
.page-title{
    font-size: 3.3125rem
}

#loading {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 1000;
}

#loading-image {
    width: 100px;
    height: 100px;
    animation: fadeInOut 2s infinite;
    /* Adjust as needed */
}

#content {
    display: none; /* Hidden until the page fully loads */
}

.fade-out {
    animation: fadeOut 1s forwards;
}

@keyframes fadeInOut {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; visibility: hidden; }
}