@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@300;600&family=Mulish:wght@300;600&display=swap');

:root {
    --bs-primary: #143B7F;
    --bs-secondary: #14717F;
    --bs-light: #F3F5F8;
    --bs-dark: #101331;
    --bs-link-color: #14717F;
    --bs-link-hover-color: #14717F;
    --mw-ff-body: 'Mulish', sans-serif;
    --mw-ff-heading: 'Catamaran', sans-serif;
    --mw-fs: 1.2rem;
}

body {color: var(--mw-body-color); font-family: var(--mw-ff-body);}

a {color: var(--mw-link-color);}
a:not(.btn):hover {color: var(--mw-link-color);}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6,
.ff-heading {font-family: var(--mw-ff-heading);}

@media (min-width: 768px) {
    .home-video::after {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 3rem; background: var(--mw-light);}
}

/* .registration-tabnav button.active::after {border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid var(--mw-secondary);} */
.registration-tabnav a.active {color: var(--mw-secondary) !important;}
.registration-tabnav a:hover {color: var(--mw-secondary) !important;}

@media (min-width: 768px) {
    body {font-size: var(--mw-fs);}
}


/* BOOTSTRAP */
/* ---------------------------------------------------------------------- */

.h1, .h2, .h3, .h4, .h5, .h6 {margin: 0;}

.carousel-item {transition: transform 3s ease-in-out;}  
.carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end {transition: opacity 0s 3s;}

.ratio {overflow: hidden;}
.ratio > img {object-fit: cover;}

.dropdown-item.active:hover, .dropdown-item:active {color: #FFF !important;}
.card {overflow: hidden;}
.table thead td, .table thead th {padding-top: .75rem; padding-bottom: .75rem;}
.modal-title {text-transform: uppercase; font-weight: bold;}
.accordion-flush .accordion-body {padding: 1.5rem 0;}
.accordion-button:not(.collapsed) {color: var(--bs-primary) !important;}
.alert a {color: currentColor !important;}
.text-white a:not(.btn) {color: currentColor !important;}
.text-dark a:not(.btn) {color: currentColor !important;}
.page-item.active .page-link {background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important;}
.progress-bar {background-color: var(--bs-primary) !important;}
.list-group-item.active {background-color: var(--bs-primary) !important;  border-color: var(--bs-primary) !important;}

.form-check-input:checked {background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important;}
.form-check-input[type=checkbox]:indeterminate {background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important;}
.form-range::-webkit-slider-thumb, .form-range::-moz-range-thumb {background-color: var(--bs-primary) !important;}

.btn {font-weight: bold; text-transform: uppercase;}
.btn-link {color: var(--bs-primary) !important;}
.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    background-color: var(--bs-dark) !important; border-color: var(--bs-dark) !important; color: #FFF !important;
}

.btn-primary, .btn-primary:hover {background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important;}
.btn-outline-primary {color: var(--bs-primary) !important; border-color: var(--bs-primary) !important;}
.btn-outline-primary:hover {background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important; color: #FFF !important;}
.btn-check:focus + .btn-primary, .btn-primary:focus {background-color: var(--bs-dark) !important; border-color: var(--bs-dark) !important;}
.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
    background-color: var(--bs-dark) !important; border-color: var(--bs-dark) !important;
}

.btn-secondary, .btn-secondary:hover {background-color: var(--bs-secondary) !important; border-color: var(--bs-secondary) !important;}
.btn-outline-secondary {color: var(--bs-secondary) !important; border-color: var(--bs-secondary) !important;}
.btn-outline-secondary:hover {background-color: var(--bs-secondary) !important; border-color: var(--bs-secondary) !important; color: #FFF !important;}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {background-color: var(--bs-dark) !important; border-color: var(--bs-dark) !important;}
.btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
    background-color: var(--bs-dark) !important; border-color: var(--bs-dark) !important;
}

.btn-dark, .btn-dark:hover {background-color: var(--bs-dark) !important; border-color: var(--bs-dark) !important;}
.btn-outline-dark {color: var(--bs-dark) !important; border-color: var(--bs-dark) !important;}
.btn-outline-dark:hover {background-color: var(--bs-dark) !important; border-color: var(--bs-dark) !important; color: #FFF !important;}
.btn-check:focus + .btn-dark, .btn-dark:focus {background-color: var(--bs-dark) !important; border-color: var(--bs-dark) !important;}
.btn-check:active + .btn-dark, .btn-check:checked + .btn-dark, .btn-dark.active, .btn-dark:active, .show > .btn-dark.dropdown-toggle {
    background-color: var(--bs-dark) !important; border-color: var(--bs-dark) !important;
}

.text-white .btn-light {color: var(--bs-body-color) !important;}
.btn-light:hover {background-color: var(--bs-dark) !important; border-color: var(--bs-dark) !important; color: #FFF !important;}

.dropdown-menu a {color: var(--bs-dark) !important;}
.dropdown-item {white-space: inherit;}
.dropdown-item:hover {color: #FFF !important;}
.dropdown-item:focus, .dropdown-item:hover {background: none;}
.dropdown-item:hover, .dropdown-item.active, .dropdown-item:active, .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {background-color: var(--bs-primary) !important;}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: var(--bs-primary) !important;}
.text-white .nav-tabs .nav-link {color: #FFF !important; border-color: var(--bs-nav-tabs-link-hover-border-color);}
.text-white .nav-tabs .nav-link:focus-within {color: #000 !important;}
.text-white .nav-tabs .nav-link:hover {color: var(--bs-body-color) !important; background: #FFF;}
.text-white .nav-tabs .nav-link.active {color: var(--bs-body-color) !important; background: #FFF;}
.text-white .nav-tabs .nav-link.active::before {content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; width: 0; height: 0; border-top: 10px solid #FFF; border-left: 10px solid transparent; border-right: 10px solid transparent;}

.nav-link, .page-link {color: var(--bs-dark) !important;}
.nav-link:focus, .nav-link:hover, .page-link:focus, .page-link:hover {color: var(--bs-primary) !important;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {background-color: var(--bs-primary) !important;}

.link-primary {color: var(--bs-primary) !important;}
.link-secondary {color: var(--bs-secondary) !important;}
.border-primary {border-color: var(--bs-primary) !important;}
.border-secondary {border-color: var(--bs-secondary) !important;}
.text-primary {color: var(--bs-primary) !important;}
.text-secondary {color: var(--bs-secondary) !important;}
.text-dark {color: var(--bs-dark) !important;}
.links-dark a:not(.btn-dark):not(.btn-icon) {color: var(--bs-dark) !important;}
.text-body {color: var(--bs-body-color) !important;}
.text-link {color: var(--bs-link-color) !important;}
.bg-primary {background-color: var(--bs-primary) !important;}
.bg-primary-dark {background-color: var(--bs-primary-dark) !important;}
.bg-secondary {background-color: var(--bs-secondary) !important;}
.bg-secondary-dark {background-color: var(--bs-secondary-dark) !important;}
.bg-light {background-color: var(--bs-light) !important;}
.bg-dark {background-color: var(--bs-dark) !important;}