@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&family=Noto+Serif:ital@1&family=Rubik:wght@300;400&display=swap");
@import "stef_style_tmp.css";

body {
    font-family: var(--primary-font), sans-serif !important;
    font-weight: 700 !important;
    background-color: white !important;
    color: #333 !important;
}

body.preloading {
    overflow: hidden !important;
}

div.bg-light.py-5 {
    min-height: 75vh
}

.row>* {
    padding: calc(var(--bs-gutter-x) * .5);
}

/* Variables */
:root {
    --primary-color: #003049;
    --secondary-color: #f77f00;
    --accent-color: #d62828;
    --light-color: #fff;
    --black-color: #2e2e2e;

    --primary-font: "Montserrat";
    --secondary-font: "Rubik";
}

/* Button */
.BtnStandard {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: #212529;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0.375rem;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.ButtonType,
.BtnStandard,
.btn-primary {
    background-color: var(--primary-color);
    -webkit-transition: background-color ease-in-out .25s !important;
    transition: background-color ease-in-out .25s;
    --bs-btn-color: var(--light-color);
    --bs-btn-bg: var(--secondary-color);
    --bs-btn-border-color: none;
    --bs-btn-hover-color: var(--light-color);
    --bs-btn--border-color: none;
    --bs-btn-fohovercus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--light-color);
    --bs-btn-active-bg: var(--secondary-color);
    --bs-btn-active-border-color: none;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--light-color);
    --bs-btn-disabled-bg: var(--secondary-color);
    --bs-btn-disabled-border-color: none;
    --bs-btn-border-radius: 0.275rem;
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-hover-bg: var(--accent-color);
}

.btn-outline-primary {
    --bs-btn-color: var(--secondary-color);
    --bs-btn-border-color: var(--secondary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--secondary-color);
    --bs-btn-hover-border-color: var(--secondary-color);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--secondary-color);
    --bs-btn-active-border-color: var(--secondary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--secondary-color);
    --bs-btn-disabled-bg: transparent;
    --bs-gradient: none;
}

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

input.btn {
    width: fit-content !important;
}

.BtnStandard:hover,
.BtnStandard.active,
.BtnStandard.Active,
.ButtonType:hover,
.btn.Active {
    background: var(--accent-color);
    --bs-btn-hover-bg: var(--accent-color) !important;
}

.btn-orange {
    background: var(--secondary-color);
    --bs-btn-hover-bg: var(--secondary-color);
}

.btn-orange:hover {
    background: var(--accent-color);
}

.btn-red {
    background: var(--accent-color);
    --bs-btn-hover-bg: var(--accent-color);
}

.btn-red:hover {
    background: var(--secondary-color);
}

textarea {
    outline: none
}

button:focus:not(:focus-visible) {
    box-shadow: none;
}

/* Dropdown Menu */
.dropdown-menu {
    margin-top: 0px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 12px;
    --bs-dropdown-min-width: 0 !important;
    top: inherit !important;
    left: -1rem !important;
    z-index: 1000;
    min-width: var(--bs-dropdown-min-width);
    padding: 1rem 0;
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: #555 !important;
    text-align: left;
    list-style: none;
    background-color: var(--light-color);
    background-clip: padding-box;
    border: none;
}

.dropdown-item {
    color: #555 !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: inherit;
}

.navbar-nav .dropdown-menu {
    margin-top: 1rem !important;
    margin-right: 1rem !important;
    left: inherit !important;
}


/* Scrollbar */
::-webkit-scrollbar {
    width: 10px;
    background-color: var(--light-color);
}

::-webkit-scrollbar-thumb {
    border-radius: 2.5px;
    background-color: var(--primary-color);
}

/* Custom Bootstrap */
/* Background Color */
.background-light {
    background-color: var(--light-color);
}

.background-primary {
    background-color: var(--primary-color);
}

.background-secondary {
    background-color: var(--secondary-color);
}

.background-accent {
    background-color: var(--accent-color);
    color: #fff;
}

.bg-light {
    color: var(--black-color);
}

/* Text Color */
.color-primary {
    color: var(--primary-color);
}

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

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

/* Font Family */
.font-1 {
    font-family: var(--primary-font), sans-serif;
    font-weight: 700;
}

.font-2 {
    font-family: var(--secondary-font), sans-serif;
    font-weight: 700;
}

@media only screen and (min-width: 1400px) {
    .px-xxl-10 {
        padding: 0 10rem;
    }
}

.col-half-offset {
    margin-left: 4.166666667%;
}

.flex-1 {
    flex: 1
}

.flex-2 {
    flex: 2
}

.flex-3 {
    flex: 3
}

.flex-auto {
    flex: auto
}

/* Other */

#fancybox-content {
    width: 100% !important;
    border: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
}

p {
    margin: 0;
}

ol,
ul {
    padding-left: 0;
}

input,
a {
    outline: none
}

a {
    color: inherit;
    text-decoration: none;
}

input:focus {
    border-color: none;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 4px 12px;
}

a:hover {
    color: inherit;
    cursor: pointer;
}

.btn-check:active+.btn:focus,
.btn-check:checked+.btn:focus,
.btn.active:focus,
.btn.show:focus,
.btn:active:focus {
    box-shadow: none;
}

li {
    list-style-type: none;
}

.accordion-button:not(.collapsed) {
    color: inherit;
    background-color: inherit
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-icon);
}

.form-right {
    float: right !important;
    margin-right: -1.25rem !important;
    margin-left: 0 !important;
}

.form-check {
    padding-left: 0;
}

/* Animations */
.slide-in-bottom {
    animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-out-top {
    animation: slide-out-top 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

@keyframes slide-in-bottom {
    0% {
        transform: translateY(1000px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-out-top {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-100%);
    }
}