:root {
    --okto-beige: #D0B680;
}

body {
    /* background: #A0522D; */
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
    background-image: url('../_img/template/okto_background.jpg');
    /* backdrop-filter: brightness(0.3); */
    /* height: calc(100vh); */
    background-size: cover;
    height: 100%;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 18px;
}

.form-control {
    font-weight: 500;
}

.auth-wrapper .auth-box {
    background-color: #333d54;
    color: #ddd;
}

.bg-beige {
    background-color: var(--okto-beige);
    color: #fff !important;
    font-weight: 600;
}

.bg-beige button.close {
    color: #fff !important;
    font-size: 24px;
}

.text-beige {
    color: var(--okto-beige);
}

.btn-beige {
    background-color: var(--okto-beige);
    color: #fff !important;
    font-weight: 600;
}

.btn-beige:hover {
    color: #fff;
    background-color: #ECD8B0 !important;
    border-color: #ECD8B0;
}

.btn-beige:active {
    color: #fff;
    background-color: #d1bc90 !important;
    border-color: #ECD8B0;
}



.btn-beige {
    --bs-btn-color: #000;
    --bs-btn-bg: #d1bc90;
    --bs-btn-border-color: #d1bc90;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d1bc90;
    --bs-btn-hover-border-color: #d1bc90;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #d1bc90;
    --bs-btn-active-border-color: #d1bc90;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #d1bc90;
    --bs-btn-disabled-border-color: #d1bc90;
}








.border-beige {
    border-color: var(--okto-beige);
}

.font-extra-bold {
    font-weight: 800;
}

.form-control-radius {
    border-radius: 6px;
}

#logo_front {
    width: 300px;
}

@media (max-width: 767px) {
    #logo_front {
        width: 200px; /* Larghezza per dispositivi mobili */
    }
}