/* IMPORTED GFONTS */

/* WORK SANS */

/* @import 'https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;700;900&display=swap'; */

@import '/css/fonts/worksans.css';

/* LATO */

/* @import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap'); */

@import '/css/fonts/lato.css';

/* END IMPORTED GFONTS */

:root {
    --navy-color: rgb(15, 16, 50);
    --orange-color: rgb(228, 133, 30);
    --bs-modal-header-border-color: rgb(228, 133, 30);
}

* {-webkit-font-smoothing: antialiased;}

body {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    background-color: var(--navy-color);
    color: rgb(255, 255, 255);
}

strong, b {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

a {
    color: var(--orange-color);
}

a:hover {
    color: rgb(196, 113, 24);
}

.logo-home {
    width: 350px;
}

.spacing-site-name {
    letter-spacing: -0.16em;
}

.site-name {
    font-size:3em;
    font-family: 'Work Sans', sans-serif;
    font-weight: 300;
}

@media (max-width: 768px) {
    .site-name {
        font-size:2.5em;
    }
}

.constr {
    letter-spacing: -0.03em;
    font-size: 1.6em;
    font-family: 'Work Sans', sans-serif;
    font-weight: 300;
}

@media (max-width: 768px) {
    .constr {
        font-size: 1.3em;
        letter-spacing: -0.02em;
    }
}

.book {
    letter-spacing: -0.02em;
    font-size: 1.1em;
    font-family: 'Work Sans', sans-serif;
    font-weight: 300;
}

.social {
    margin-top: 5em;
}

.social img {
    /* border: rgba(255, 255, 255, 0.3) 1px solid; */
    width: 2.3em;
    margin: 0 0.5em;
}

.footer {
    padding: 1em;
}

.navy-bg {
    background-color: var(--navy-color);
}

.modal-border-orange {
    border-bottom-color: var(--orange-color) !important;
}

.foot-data {
    font-size: 11px;
}

body.page-404 .color {
    color: var(--orange-color);
}

body.page-404 .strong {
    font-weight: bold;
}

h4 {
    letter-spacing: -0.03em;
}

/* HOLIDAY */
.custom-modal .modal-content {
    background-color: var(--navy-color) !important;
}

.custom-modal .btn-close {
    background-color: #fff;
}

.custom-modal .modal-header {
    border: none;
}