/**
 * Variables
 */
:root {
    /*--theme-black-color: #212529;*/
    --theme-black-color: #4a4a49;
    --theme-gold-color: #D4AF37;
    --theme-light-gold-color: #DCB253;
}

/**
 * Main tags
 */
.roboto-font { font-family: 'Roboto', sans-serif; }
html, body { font-size: 14px; font-family: 'Roboto', sans-serif; color: var(--theme-black-color); }
main h1, main .h1 { font-size: 2rem; margin-bottom: 2rem; font-weight: normal; font-family: 'Milyuna Regular', sans-serif; } /* 28px */
main h2, main .h2 { font-size: 1.8rem; margin-bottom: 1.8rem; font-weight: normal; font-family: 'Milyuna Regular', sans-serif; } /* 25.2px */
main h3, main .h3 { font-size: 1.6rem; margin-bottom: 1.6rem; font-weight: normal; font-family: 'Milyuna Regular', sans-serif; } /* 22.4px */
main h4, main .h4 { font-size: 1.4rem; margin-bottom: 1.4rem; font-weight: normal; font-family: 'Milyuna Regular', sans-serif; } /* 19.6px */
main h5, main .h5 { font-size: 1.2rem; margin-bottom: 1.2rem; font-weight: normal; font-family: 'Milyuna Regular', sans-serif; } /* 16.8px */
main h6, main .h6 { font-size: 1.14rem; margin-bottom: 1.14rem; font-weight: normal; font-family: 'Milyuna Regular', sans-serif; } /* 15.96px */
p, span, a, label, li, abbr, table th, table td, div { font-size: 1.14rem; } /* 15.96px */
small { font-size: 80%; }

/**
 * Form
 */
form .required::after { content: '*'; color: red; margin-left: 5px; }
.form-switch .form-check-input:not(:checked):focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23d4af37'/%3e%3c/svg%3e")!important;
}
.form-check-input:checked {
    background-color: var(--theme-gold-color)!important;
    border-color: var(--theme-gold-color)!important;
}
.form-check-input:focus, .form-control:focus {
    border-color: var(--theme-light-gold-color)!important;
    box-shadow: 0 0 0 .25rem rgba(212,175,55,.25)!important;
}

/**
 * Buttons
 */
.btn.btn-theme {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--theme-gold-color);
    --bs-btn-border-color: var(--theme-gold-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--theme-light-gold-color);
    --bs-btn-hover-border-color: var(--theme-light-gold-color);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--theme-light-gold-color);
    --bs-btn-active-border-color: var(--theme-light-gold-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--theme-gold-color);
    --bs-btn-disabled-border-color: var(--theme-gold-color);
}
.btn.btn-outline-theme {
    --bs-btn-color: var(--theme-gold-color);
    --bs-btn-border-color: var(--theme-gold-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--theme-gold-color);
    --bs-btn-hover-border-color: var(--theme-gold-color);
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--theme-gold-color);
    --bs-btn-active-border-color: var(--theme-gold-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--theme-gold-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--theme-gold-color);
    --bs-gradient: none;
}

/**
 * Pagination
 */
nav .pagination {
    justify-content: center;
    margin-bottom: 0;
    --bs-pagination-active-bg: var(--theme-gold-color);
    --bs-pagination-active-border-color: var(--theme-gold-color);
    --bs-pagination-color: var(--theme-gold-color);
    --bs-pagination-hover-color: var(--theme-gold-color);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(212,175,55,0.25);
    --bs-pagination-focus-color: var(--theme-gold-color);
}

.material-symbols-outlined {
    display: inline-block;
    font-size: 1em;
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
}