@font-face {
    font-family: crimsontext;
    src: url(../fonts/crimson/CrimsonText-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: crimsontext;
    src: url(../fonts/crimson/CrimsonText-BoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: crimsontext;
    src: url(../fonts/crimson/CrimsonText-Roman.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: crimsontext;
    src: url(../fonts/crimson/CrimsonText-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: crimsontext;
    src: url(../fonts/crimson/CrimsonText-Semibold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: crimsontext;
    src: url(../fonts/crimson/CrimsonText-SemiboldItalic.ttf) format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: novecento;
    src: url(../fonts/novecento/Novecentowide-Bold.otf) format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: novecento;
    src: url(../fonts/novecento/Novecentowide-DemiBold.otf) format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: novecento;
    src: url(../fonts/novecento/Novecentowide-Medium.otf) format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: novecento;
    src: url(../fonts/novecento/Novecentowide-Normal.otf) format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: novecento;
    src: url(../fonts/novecento/Novecentowide-Light.otf) format('opentype');
    font-weight: 300;
    font-style: normal;
}

.ff-crimson {
    font-family: crimsontext, 'serif';
}

.ff-novecento {
    font-family: novecento, 'sans-serif';
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
    /*font-family: crimsontext, 'serif' !important;*/
    font-family: novecento, 'sans-serif' !important;
    font-weight: 600 !important;
    font-style: normal !important;
}

:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #9a9ca5;
    --bs-gray-dark: #424551;
    --bs-primary: #17696a;
    --bs-secondary: #e5e8ed;
    --bs-success: #03cea4;
    --bs-info: #5a87fc;
    --bs-warning: #f89828;
    --bs-danger: #ff4242;
    --bs-light: #fff;
    --bs-dark: #424551;
    /* ok - p */
    --bs-font-serif: crimsontext, 'serif';
    --bs-font-sans-serif: novecento, 'Helvetica Neue', 'Helvetica', sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient-green: linear-gradient(90deg, rgba(150, 164, 145, 1) 0%, rgba(189, 198, 186, 1) 50%, rgba(150, 164, 145, 1) 100%);
    --bs-gradient-brown: linear-gradient(90deg, rgba(159, 141, 130, 1) 0%, rgba(193, 180, 171, 1) 50%, rgba(159, 141, 130, 1) 100%);
    --vss-brown: #9f8d82;
    --vss-brown-rgb: 159, 141, 130;
    --vss-brown-hover: #736359;
    --vss-brown-hover-rgb: 115, 99, 89;
    --vss-brown-lt: #e9e5e2;
    --vss-brown-lt-rgb: 233, 229, 226;
    --vss-gold: #dac79f;
    --vss-gold-rgb: 218, 199, 159;
    --vss-gold-hover: #d1b986;
    --vss-gold-hover-rgb: 209, 185, 134;
    --vss-pink: #977C80;
    --vss-pink-rgb: 151, 124, 128;
    --vss-pink-hover: #8F7377;
    --vss-pink-hover-rgb: 143, 115, 119;
    --vss-gray: #898b8e;
    --vss-gray-rgb: 137, 139, 142;
    --vss-gray-hover: #808286;
    --vss-gray-hover-rgb: 128, 130, 134;
    --vss-dark-green: #6D7C79;
    --vss-dark-green-rgb: 109, 124, 121;
    --vss-warning: #727880;
    --vss-warning-rgb: 114, 120, 128;
    --vss-warning-hover: #62676e;
    --vss-warning-hover-rgb: 98, 103, 110;
}

/* ok - p */
body {
    font-family: var(--bs-font-serif);
    font-size: 1.2rem;
}

/* ok - p */
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {
        font-size: 1rem;
    }
}

/* ok - p */
.dropdown-menu {
    font-size: 1rem;
}

.bg-primary {
    background-color: #17696a !important;
}

.bg-secondary {
    background-color: #f9f9f9 !important;
}

.bg-success {
    background-color: #03cea4 !important;
}

.bg-info {
    background-color: #5a87fc !important;
}

.bg-warning {
    background-color: #f89828 !important;
}

.bg-danger {
    background-color: #ff4242 !important;
}

/* ok - p */
.bg-light {
    background-color: #fff !important;
}

/* ok - p */
.bg-dark {
    background-color: var(--vss-gray-hover) !important;
}

/* ok - p */
.bg-body {
    background-color: #fff !important;
}

/* ok - p */
.bg-white {
    background-color: #fff !important;
}

/* ok - p */
.bg-transparent {
    background-color: transparent !important;
}

/* ok - p */
.bg-black {
    background-color: #000 !important;
}

/* ok - p */
.bg-gradient {
    background-image: var(--bs-gradient-brown) !important;
}

/* ok - p */
.bg-gold {
    background-color: var(--vss-gold) !important;
}

/* ok - p */
.bg-brown {
    background-color: var(--vss-brown-lt) !important;
}

/* ok - p */
.bg-pink {
    background-color: var(--vss-pink) !important;
}

/* ok - p */
a {
    color: var(--vss-pink);
    text-decoration: underline;
}

a:hover {
    color: var(--vss-pink-hover);
    text-decoration: none;
}

/* ok - p */
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link.active {
    color: var(--vss-pink);
}

/* ok - p */
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: var(--vss-pink);
}

/* ok - p */
.navbar-light .navbar-nav .nav-item:hover>.nav-link {
    color: var(--vss-pink);
}

/* ok - p */
.nav-dark .nav-link:hover,
.nav-dark .nav-link.active {
    color: #33353e;
}

/* ok - p */
.nav-tabs .nav-link.active {
    color: var(--vss-pink);
}

/* ok - p */
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: var(--vss-pink);
    background-color: transparent;
    border-color: var(--vss-pink);
}

/* ok - p */
.dropdown-menu li:hover>.dropdown-item {
    color: var(--vss-pink);
}

/* ok - p */
.dropdown-item:hover,
.dropdown-item:focus {
    color: var(--vss-pink);
    background-color: transparent;
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--vss-pink);
    text-decoration: none;
    background-color: transparent;
}

/* ok - p */
.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: var(--vss-pink);
    border-color: var(--vss-pink);
}

/* ok - p */
.list-group-item-action:hover,
.list-group-item-action:focus {
    z-index: 1;
    color: var(--vss-pink);
    text-decoration: none;
    background-color: #fff;
}

/* ok - p */
.breadcrumb-item>a:hover {
    color: var(--vss-pink);
}

/* ok - p */
.btn-primary {
    background-color: var(--vss-pink);
    border-color: var(--vss-pink);
}

/* ok - p */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.show {
    background-color: var(--vss-pink-hover);
    border-color: var(--vss-pink-hover);
    color: #fff;
}

/* ok - p */
.btn-outline-primary {
    border-color: rgba(var(--vss-pink-rgb), .4);
    color: var(--vss-pink);
}

/* ok - p */
.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--vss-pink);
    border-color: var(--vss-pink);
}


/* ok - p */
.btn-social.bs-solid:hover {
    background-color: rgba(var(--vss-pink-rgb), .12);
}

/* ok - p */
.btn-social:hover {
    color: var(--vss-pink);
}

/* ok - p */
.btn-social.bs-solid.bs-light:hover {
    color: var(--vss-pink);
}

/* ok - p */
.btn-link:hover {
    color: var(--vss-pink);
    text-decoration: none;
}

/* ok - p */

.btn-scroll-top {
    background-color: var(--vss-pink);
}

.btn-scroll-top:hover {
    background-color: var(--vss-pink);
}

/* ok - p */
.accordion-button:not(.collapsed) {
    color: var(--vss-pink);
}

/* ok - p */
.form-check-input:checked {
    background-color: var(--vss-pink);
    border-color: var(--vss-pink);
}

/* ok - p */
.form-control {
    font-size: 1rem;
}

/* ok - p */
.form-control:focus {
    border-color: rgba(var(--vss-pink-rgb), .4);
    box-shadow: 0 0 0 0 transparent, 0 5rem 5rem -1.25rem rgba(var(--vss-pink-rgb), .08), 0 1.875rem 1.5rem -0.625rem rgba(var(--vss-pink-rgb), .05), 0 .75rem .625rem -0.375rem rgba(var(--vss-pink-rgb), .04), 0 .25rem .25rem -0.25rem rgba(var(--vss-pink-rgb), .03);
}

/* ok - p */
.form-label {
    font-size: 1.2rem;
}

.form-check-label {
    font-family: var(--bs-font-sans-serif);
}

/* ok - p */
.text-primary {
    color: var(--vss-pink) !important;
}

/* ok - p */
.text-warning {
    color: #727880 !important;
}

.text-gray-dark {
    color: var(--bs-gray-dark) !important;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath fill-rule='evenodd' d='M7.999.667c.368 0 .667.298.667.667v6h6c.368 0 .667.298.667.667s-.299.667-.667.667h-6v6c0 .368-.298.667-.667.667s-.667-.299-.667-.667v-6h-6C.964 8.667.666 8.369.666 8s.298-.667.667-.667h6v-6c0-.368.298-.667.667-.667z' fill='%23977C80'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath fill-rule='evenodd' d='M.666 8c0-.368.298-.667.667-.667v1.333C.964 8.666.666 8.368.666 8zm14 0v.667H1.333V7.333h13.333V8zm0 0v.667c.368 0 .667-.298.667-.667s-.299-.667-.667-.667V8z' fill='%23977C80'/%3e%3c/svg%3e");
}