/* Body */
body, html {  }
body { margin: 0; /*background-color: #ecfefd;*/ /*display: flex*/; flex-direction: column; }
body > main { flex-grow: 1; }
a, input, button, img { transition: all .3s ease; } 
a { text-decoration: none; color: #253d5b; }
a:hover { color: 044389; }

/* Header */
body > header { position: absolute; width: 100%; z-index: 99; background: linear-gradient(180deg, rgba(37,61,92,0.75) 0%, rgba(37,61,91,0.55) 25%, rgba(37,61,91,0) 100%); }
header .header-sep { margin: 0; color: rgba(255,255,255,0.75); }

/* Bootstrap */
.form-floating label { left: 0.5rem; }
.btn-lg { padding: 0.75rem 1.5rem; }
body {
    --font-size-base: 1.0625rem;
}
:root {
    --bs-primary: #253d5b;
    --bs-secondary: #830a48;
.btn-primary {
    --bs-btn-bg: #253d5b;
    --bs-btn-border-color: #253d5b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #355882;
    --bs-btn-hover-border-color: #355882;
    --bs-btn-focus-shadow-rgb: 37, 61, 91;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #355882;
    --bs-btn-active-border-color: #355882;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #253d5b;
    --bs-btn-disabled-border-color: #253d5b;
}
.underlined { border-bottom: 1px solid #23818a; }

/* Header Menu */
#navbarHeader {
    --sm-line-height: normal;
    --sm-dropdowns-navbar-bg: none;
    --sm-dropdowns-navbar-color: #fff;
    --sm-dropdowns-navbar-padding-y: 0.25em;
    --sm-dropdowns-navbar-padding-x: 0;
    --sm-dropdowns-nav-link-font-size: 18px;
    --sm-dropdowns-nav-link-font-weight: 700;
    --sm-dropdowns-nav-link-hover-bg: rgba(37,61,92,0.75);
    --sm-dropdowns-nav-link-hover-color: #fff;
    --sm-dropdowns-nav-link-active-bg: rgba(37,61,92,0.95);
    --sm-dropdowns-nav-link-expanded-bg: rgba(37,61,92,0.95);
    --sm-dropdowns-nav-link-padding-y: 0.5em;
    --sm-dropdowns-sub-link-hover-bg: rgba(37,61,92,0.15);
    --sm-collapsible-navbar-bg: rgba(37,61,92,100);
    --sm-collapsible-navbar-color: #fff;
    --sm-collapsible-nav-link-hover-bg: rgba(255,255,255,0.15);
    --sm-collapsible-nav-link-active-bg: rgba(255,255,255,0.15);
    --sm-collapsible-nav-link-hover-color: #fff;
    --sm-collapsible-nav-link-expanded-bg: rgba(2,34,36,0.35);
    --sm-collapsible-sub-first-level-bg: rgba(255,255,255,0.15);
    --sm-collapsible-sub-link-color: #fff;
    --sm-collapsible-sub-link-hover-color: #fff;
    --sm-sub-min-width: 20em;
    
}
.sm-navbar .action { margin-left: -3px; margin-right: -3px; white-space: normal !important; }
.sm-navbar .action strong { font-size: 1.0625em; }
.sm-navbar img.icon { float: left; width: 45px; height: 45px; border-radius: 45px; border: 1px #044389 solid; margin-right: 10px; }
.navbar-wrapper { width: 100%; max-width: 1320px; margin: 0 auto; background-color: rgba(37,61,92,1); font-weight: bold; }
@media (min-width:  768px) { 
    .navbar-wrapper { background-color: rgba(0,0,0,0) !important; }
    .navbar-wrapper .sm-nav-item { margin-right: 0.375em; }
}

/* Socials */
a.social-button { display: inline-block; font-size: 1em; min-width: 1.75em; padding-top: 0.175em; padding-bottom: 0.175em; color: #f6f6f6; text-align: center; }
a.social-button:hover i { color: #fff; }
a.social-facebook:hover { background-color: #4267B2; }
a.social-instagram:hover { background-color: #E1306C; }
a.social-tiktok:hover { background-color: #ff0050; }
a.social-linkedin:hover { background-color: #0077b5; }

/* Footer */
footer { background-color: rgba(4,103,112,1); color: #fff; font-size: 0.875em; }