/*@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Inter+Tight:wght@300;500;600&display=swap');
:root {
    --dark-alt: #4b0d0d;
    --brown: #382b2b;
    --lead-color: #682424;
    --dark-alt2: #790000;
    --text-color: rgb(87, 83, 78);
    --text-transparent: rgba(255, 255, 255, 0.7);
    --main-bg: #fafafa;
    --border: #B0A18A;
}

a {
    color: #b66a1e;
}

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

.text-dark-alt {
    color: var(--dark-alt);
}

.color-lead {
    color: var(--lead-color);
}

.btn-outline-dark {
    border: 1px solid var(--dark-alt);
    background: var(--main-bg);
    color: var(--dark-alt);
    &:hover {
        background: var(--dark-alt);
        color: #fff;
        .s-icon {
            color: #fff !important;
        }
    }
}

body {
    font-family: "Inter", sans-serif;
    font-size: 13px;
    color: var(--text-color) !important;
    /*background: url('/images/bg.png') repeat;*/
    background: #FDFBF7;
}

.thead-dark {
    background-color: var(--lead-color);
    color: #fff;
}

#header {
    background: #FDFBF7;
    /*color: #fff;*/
    padding: .7em 0;
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    border-bottom: 2px solid rgb(255 255 255 / 0.1);
    box-shadow: 0 0 20px #300C0CFF;
}

.font-serif {
    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}

#header .nav-link {
    color: var(--lead-color);
}

#header .nav-link:after {
    display: block;
    margin: auto;
    content: " ";
    width: 0;
    opacity: 0;
    border-bottom: 1px solid #fff;
    transition: all .2s ease-in;
}

.navbar-brand {
    color: var(--dark-alt2);
    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 1rem;
    &:hover {
        color: var(--dark-alt2);
    }
}

#header .nav-link:hover, #header .nav-link.active {
    color: var(--dark-alt);
}

/*#header .nav-link:hover:after, #header .nav-link.active:after {*/
/*    width: 100%;*/
/*    opacity: 1;*/
/*}*/

.shadowed-sm {
    /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/

    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow {
    box-shadow: 0 .2rem .5rem rgba(0,0,0,.1) !important;
}

.text-bold {
    font-weight: 700;
}

.greyscale {
    filter: grayscale(100%);
    transition: filter 0.3s;
}

label[for="more_filter_trigger"] {
    cursor: pointer;
    color: var(--primary);
}

#more_filter_trigger {
    display: none;
}

#more_filter {
    display: none;
}

#more_filter_trigger:checked ~ #more_filter {
    display: block;
}

.dallam-cim {
    margin-bottom: .3em;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 800;
}
.dallam-cim span {
    color: var(--lead-color);
    padding-bottom: .5em;
    padding-right: 1em;
    display: inline-block;
    border-bottom: 1px solid var(--lead-color);
}

.dallam-alcim {
    font-family: "Josefin Sans", sans-serif;
    text-align: center;
    margin-bottom: 1em;
}

.dallam-alcim span {
    border-bottom: 1px solid var(--dark-alt);

}

#footer {
    color: #fff;
    font-size: 13px;
    background: var(--dark-alt2);
    h5 {
        text-transform: uppercase;
        font-family: Inter, sans-serif;
        font-size: 1rem;
    }

    #footer-top {
        padding: 2rem 0;
        border-bottom: 1px solid rgb(255 255 255 / 0.1);
    }

    #footer-bottom {
        margin-top: 1.5rem;
        color: #d6d3d194;
        a {
            color: #d6d3d194;
        }
    }
}

.s-icon {
    color: var(--lead-color);
}

.card {
    border-radius: 1rem;
    border: none;

    .card-title {
        font-weight: 800;
        font-family: 'Crimson Pro', serif;
        margin-bottom: 1.5rem;
        color: rgb(53, 46, 46);
        i {
            margin:0 .5rem 0 1rem;
        }
    }
}

.dhead {
    padding:40px 0 70px;
    background: var(--dark-alt2);
    color: #fff;
    &.overflow-next + * {
        margin-top: -35px;
    }

    h1 {
        font-family: 'Crimson Pro', serif;
        letter-spacing: -0.025em;
        font-weight: 700;
    }

    a {
        color: var(--text-transparent);
    }
}


@media (min-width: 1536px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1536px;
    }
}