@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

@font-face {
    font-family: 'Anybody Narrow';
    src: url('../fonts/Anybody-NarrowSemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Anybody-NarrowSemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}


:root {
    --green: #35D19D;
    --gray: #757575;
    --yellow: #FFD931; /* #FFE78F; */
    --red: #CA4359;
    --brown: #664d03;
}


body {
    font-family: "DM Sans", sans-serif;
    background: url('../images/bg-studio.jpg'), linear-gradient(180deg, #D9D9D9 25%, rgba(115, 115, 115, 0.5) 100%);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;

    font-size: 18px;
}

a {
    text-decoration: none;
    color: var(--green);
}

.text-green {
    color: var(--green);
}

.text-gray {
    color: var(--gray);
}

.text-brown {
    color: var(--brown);
}

.text-link, a.text-link {
    text-decoration: underline;
}

.text-bg-active {
    background-color: #198754;
}

.text-bg-inactive {
    background-color: #6c757d;
}

.text-bg-onhold {
    background-color: #0dcaf0;
}

.btn:not(label) {
    font-family: 'Anybody Narrow', "DM Sans", sans-serif;
    font-style: italic;
    font-weight: 600;
    text-transform: uppercase;

    padding: 8px 30px;
    font-size: 18px;
}

    .btn-primary, button.swal2-confirm {
        
        background-color: var(--green);
        color: white;
        border: 1px solid var(--green) !important;
    }

        .btn-primary:hover, button.swal2-confirm:hover {
            background-color: transparent;
            border: 1px solid var(--green);
            color: var(--green);
        }

    .btn-secondary {
        border: 1px solid var(--green) !important;
        background-color: transparent;
        color: var(--green) !important;
        padding: 10px 25px;
    }

        .btn-secondary:hover {
            background-color: var(--green);
            color: white !important;
            border-color: var(--green);
        }

    .btn-brown {
        background-color: #ffe69c;
        color: var(--brown);
    }

    .btn-outline {
        border: 1px solid white !important;
        background-color: transparent;
        color: white !important;
    }

    .btn-lg {
        padding: 15px 35px;
    }

    .btn-sm {
        padding: 5px 20px;
        font-size: 18px;
    }

    .btn-normal {
        font-family: "DM Sans", sans-serif !important;
        font-style: normal !important;
        font-size: 14px !important;
        padding: 5px;
    }

    .btn-outline-primary {
        --bs-btn-active-bg: #35D19D !important;
        --bs-btn-active-border-color: #35D19D !important;
        --bs-btn-color: #35D19D !important;
        --bs-btn-border-color: #35D19D !important;
    }


.border {
    border-radius: 20px;
}

.box {
    background-color: rgba(221, 221, 221, 0.25);
    backdrop-filter: blur(10.15px);
    border: 1px solid rgba(220, 220, 220, 0.50);
}

.box-white {
    background-color: rgba(255, 255, 255, 0.25);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Anybody Narrow', "DM Sans", sans-serif;
    font-style: italic;
    font-weight: 600;
    font-size: 30px;
    line-height: 104%;
    text-transform: uppercase;

    color: var(--green);
}

header {
    background-color: var(--green);
}

footer {
    font-size: 11px;
}

/* Search */
.searchform input {
    border-right: 0;
    height: 50px;
    padding-left: 20px;
}

.searchform .btn {
    background-color: white !important;
    border: 1px solid #E4E4E4;
    border-left: 0;
    height: 50px;
}

    .searchform ::placeholder {
        font-family: 'Anybody Narrow', "DM Sans", sans-serif;
        font-style: italic;
        text-transform: uppercase;
    }

/* Alert */
.swal2-popup h2 {
    font-family: "DM Sans", sans-serif;
    letter-spacing: -1px;
    font-style: normal;
}

.callout {
    font-family: "DM Sans", sans-serif;
    font-style: normal;
    font-size: .9em;
    padding: 1.25rem;
}

    .callout-warning {
        color: #664d03;
        background-color: #fff3cd;
        border-left: 0.25rem solid #ffe69c;    
    }

/* Alert */
.alert-error {
    background-color: #f8d7da;
    color: #58151c;
    border-color: #f1aeb5;
}

/* Status */
.badge {
    font-family: "DM Sans", sans-serif !important;
    font-style: normal !important;
    font-size: .6em !important;
    text-transform: initial;
}