header.global { position: fixed; width: 100%; color: #ddd; z-index: 9; }
header.global::after { content: ' '; position: absolute; inset: 0; background: linear-gradient(to bottom, #094349, #0e6871 75%); z-index: -1; opacity: 1; transition: opacity .35s ease; }
header.global .sm-brand img { max-height: 60px; max-width: 40vw; }
header.global, header.global * { transition: all .35s ease; }
header.global p { margin-bottom: 0; }

header.global .topbar-wrapper { min-height: 28px;  }
header.global hr.header-sep { margin: 0; padding: 0; height: 1px; color: rgba(255,255,255,0.75); }
header.global button.btn.dropdown-toggle { background: rgba(0,0,0,0.25); border-width: 0; border-radius: .375rem; }
header.global ul.dropdown-menu { font-size: 0.875rem; }

ul.navbar-list { padding: 0; flex-grow: 3; display: flex; justify-content: space-between; align-items: baseline; margin: 0; }
ul.navbar-list a.nav-link { color: #fcfcfc; font-size: 1.18375em !important; font-weight: 500 !important;  }

a .flag-icon { height: 18px; width: auto; vertical-align: text-bottom; opacity: 0.65; }
a:hover .flag-icon { opacity: 1; }
a.btn-social { display: inline-block; font-size: 1em; min-width: 1.75em; text-align: center; color: #f6f6f6; padding: .375em; border-radius: .25em; }
a.btn-social:hover i { color: #fff; }
a.social-facebook:hover { background-color: #4267B2; }
a.social-instagram:hover { background-color: #E1306C; }

@media (min-width: 1200px) {
    header.global.top { position: absolute; background: none; background: linear-gradient(to bottom, rgba(0,0,0,0.75), rgba(0,0,0,0)); }
    header.global.top .sm-brand img { height: 75px; }
    header.global.top::after { opacity: 0; }
}


/* Subheader */
/* --------- */
div.subheader { padding: 1em 0em; }
div.subheader > .d-flex { flex-direction: column; align-items: flex-start; }
div.subheader.sticky > .d-flex { flex-direction: row; align-items: center; }
div.subheader.sticky { padding: .675em 0em; }
div.subheader.sticky { position: fixed; left:0; width: 100%; }
div.subheader.sticky .title { font-size: 0.625em; white-space: nowrap; overflow: hidden; }
div.subheader.sticky .side { font-size: 0.75em; }
div.subheader.sticky .side a.btn span.text { display: none; }
@media (min-width: 768px) {
    div.subheader > .d-flex { flex-direction: row; align-items: center; }
    div.subheader.sticky .title { white-space: wrap; }
}
@media (min-width: 992px) { div.subheader.sticky .side a.btn span.text { display: inline; } }


/* 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: 1.1875rem;
    --sm-dropdowns-nav-link-font-weight: 700;
    --sm-dropdowns-nav-link-hover-bg: rgba(4,103,112,0.55);
    --sm-dropdowns-nav-link-hover-color: #fff;
    --sm-dropdowns-nav-link-active-bg: rgba(4,103,112,0.95);
    --sm-dropdowns-nav-link-expanded-bg: rgba(4,103,112,0.95);
    --sm-dropdowns-nav-link-padding-y: 0.5em;
    --sm-dropdowns-sub-link-hover-bg: rgba(4,103,112,0.15);
    --sm-collapsible-navbar-bg: rgba(4,103,112,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: 16em;
    --sm-font-size: 1.1875rem;
}
.navbar-wrapper { width: 100%; max-width: 1320px; margin: 0 auto; background-color: rgba(4,103,112,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; }
}


/* Footer */
/* ------ */
footer { background-color: #1d1428; color: #f6f6f6; font-size: 0.875em; } 
footer form { padding: 0; margin: 0; }
footer a { text-decoration: none; }
footer a:hover { text-decoration: underline; }
footer h4 { color: #f6f6f6; }