/**
 * @file css/layout.css
 * Main theme layout modifications 
 */

/**
 * font-family: 'Montserrat', sans-serif;
 */ 



/* Global */
* {
    font-family: 'Montserrat', sans-serif;
}
html {
    font-size: 1rem;
    background-color: #002042;
    font-family: 'Montserrat', sans-serif;
}
body {
    font-family: sans-serif;
} 
body.toolbar-horizontal.toolbar-tray-open {
    padding-top: 4.5rem !important;
}
img {
    max-width: 100%;
    height: auto;
}
.clearfix {
    clear: both;
}
.visually-hidden {
    color: black !important;
    background-color: white !important;
}
.sr-only {
    color: black;
    background-color: white;
}
@media (max-width: 480px) {
    .container {
        padding-left: 0.3rem !important;
        padding-right: 0.3rem !important;
    }
}
.container.vert .col {
    float: none;
    display: inline-block;
    vertical-align: middle;
}
@media (min-width: 1200px) {
    .container {
        width: 100%;
        max-width: 1400px;
    }
}

/* Hide menu icons */
.toolbar .toolbar-icon:before {
    display: none;
}
.toolbar .toolbar-icon {
    padding-left: 1.25em;
}
#toolbar-administration {
    position: relative;
    z-index: 30000;
}

/* site branding */
.branding-container--right {
    text-align: right;
}
@media (max-width: 768px) {
    .branding-container--right--tagline {
        font-size: 1.15rem;
    }
    .field-links--item--inner {
        padding: 0.25rem 0.5rem;
    }
}
@media (max-width: 640px) {


}

/* top nav */
#main-logo {
    display: flex;
    align-items: center;   
    gap: 1rem; 
}
#main-logo:hover {
    text-decoration: none;
}
.navbar-header {
    float: none;
    padding-top: 1rem;
    padding-bottom: 0.25rem;
}
.navbar-default {
    background-color: #002042;
    border: none;
    margin-bottom: 0;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    z-index: 15000;
    border-radius: 0;
}
.navbar-default .navbar-nav > li > a {
    color: white;
    font-size: 1.15rem;
    padding: 1rem 1rem 1rem 1rem;
    margin-left: 2rem;
    margin-right: -1rem;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: white;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    background-color: transparent;
}
.navbar-default .navbar-branding {
    color: white;
    vertical-align: middle;
    display: inline-block;
    float: none;
    font-size: 1rem;
}
.navbar-btn {
    vertical-align: middle;
    display: inline-block;
    margin: 1.5rem 0 0 0;
}
.navbar-collapse {
    padding: 0;
}
.branding-container--right,
.branding-container--right a {
    color: white;
    text-transform: uppercase;
}
.branding-container--right a:active,
.branding-container--right a:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.navbar-default .pipe {
    margin: 0 0.75rem;
}
.branding-container--right--social .icon img {
    width: 1.75rem;
    margin-left: 1rem;
}
.branding-container--right--links {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
}
.navbar-default .logo--img {
    width: 100%;
    max-width: 10.5rem; /* 10.5rem */ 
}
.menu--main .level-item:active > a {
    text-decoration: underline;    
}
.navbar-default .lores { display: none; }
@media (max-width: 990px) and (min-width: 769px) {
    .navbar-default .navbar-branding {
        display: block;
        margin-top: 0;
        margin-left: 0;
        padding-left: 0;
        height: auto;
    }
}
@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0;
        text-align: right;
        display: block;
        width: 100%;
        padding-bottom: 0.0625rem;
    }
    .navbar-nav > li {
        float: none;
        display: inline-block;
        font-weight: bold;
    }

    .navbar-default .menu--main > li a {
        background-color: #002042;
        color: white;
    }
    .dropdown-menu-alt {
        left: auto;
        float: none;
        right: -1rem;
        width: 16rem;
        top: 100%;
        position: absolute;
        background-color: white;
        padding: 0;

        -webkit-box-shadow: 0px 10px 31px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 0px 10px 31px 0px rgba(0,0,0,0.15);
        box-shadow: 0px 10px 31px 0px rgba(0,0,0,0.15);
    }    
    html.js .dropdown-menu-alt {
        display: none;
    }
    .level-1-item .dropdown-menu-alt {
        right: 100%;
        top: 0;
    }
    .dropdown-menu-alt > li > a {
        white-space: normal;
        text-decoration: none;
        display: block;
        padding: 0.5rem 0.5rem;
    }
    .dropdown-menu-alt > li > a:hover,
    .dropdown-menu-alt > li > a:active {
        color: white;
    }
    .menu--main .level-0-item:hover > a {
        color: white;
    }
    .menu--main .dropdown:hover > .dropdown-menu-alt {
        display: block;
    }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        color: white;
        background-color: transparent;        
        outline: none;
        text-decoration: underline;        
    }
    .menu--main .level-item {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: left;
    }

}
@media (max-width: 992px) {
    .navbar-default .navbar-nav > li > a {
        margin-left: 0.5rem;
        font-size: 1rem;
    }
}
@media (max-width: 768px) {
    .navbar-header {
        padding-bottom: 1rem;
    }
    .navbar-toggle {
        float: right;
    }
    .navbar-btn {
        margin-top: 0;
    }
    .navbar-default .navbar-branding:hover, 
    .navbar-default .navbar-branding {
        padding: 0;
        height: auto;
    }    
    .navbar-default .lores { display: block; }
    .navbar-default .hires { display: none; }
    .branding-container--right--links {
        margin: 1rem 0;
        text-align: center;
    }
    .branding-container--right--social {
        text-align: center;
        margin-bottom: 1.0rem;
    }
    .branding-container--right--social .icon img {
        margin: 0 0.25rem;
    }
    .branding-container--right--tagline {
        padding-top: 0;
    }
    .navbar-toggle {
        float: none;
        display: inline-block;
        margin-left: 0.5rem;
        vertical-align: middle;
        margin-right: 0;
        margin-top: 0;
    }
    .navbar-default > .container {
        padding: 1rem 0;
    }
    .navbar-collapse {
        position: absolute;
        left: 0;
        top: 100%;
        background-color: rgba(255,255,255,0.95);
        width: 100%;
        -webkit-box-shadow: 0px 10px 31px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 0px 10px 31px 0px rgba(0,0,0,0.15);
        box-shadow: 0px 10px 31px 0px rgba(0,0,0,0.15);
    }
    .navbar-default .navbar-collapse, 
    .navbar-default .navbar-form {
        background-color: rgba(255,255,255,0.95);    
        left: 15px;   
    }
    .navbar-default--menu-col {
        position: static;
    }
    .navbar-default .navbar-nav>li>a:focus, 
    .navbar-default .navbar-nav>li>a:hover {
        color: #002042;
    }
    .navbar-collapse a {
         color: #002042;       
    }
    .navbar-default .navbar-nav > li > a,
    .dropdown-menu-alt > li > a {
        white-space: normal;
        text-decoration: none;
        display: block;
        padding: 0.5rem 0.5rem;
        color: #002042;
        width: calc(100% - 2rem);
    }
    .navbar-default .navbar-nav > li > a {
        font-size: 1rem;
    }
    .menu--main .level-item {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: left;
    }
}
@media (max-width: 640px) {
    .navbar-default .navbar-branding:hover,
    .navbar-default .navbar-branding {
        margin: 0.5rem 0 0 0;
        display: block;
    }
}
@media (max-width: 500px) {
    .navbar-default .navbar-branding {
        display: none;
    }
}

/* Main content container */
.main-container {
    position: relative;
    z-index: 10000;
    min-height: 20rem;    
    margin-bottom: 2rem;
}
body:.path-frontpage .main-container {
    margin-top: 2rem;
}

/* Sidebar submenu */
.sidebar-left {
    margin-top: 1.5rem;
}
.sidebar-left h2 {
    color: #0e4c8fff;
    font-size: 1rem;
    border-bottom: 0.0625rem solid #cccccc;
    margin: 0 0 1rem 0;
    padding-bottom: 1rem;
    text-transform: uppercase;
}
#submenu-block-main {
    font-size: 1.05rem;
}
#submenu-block-main ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#submenu-block-main ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}
#submenu-block-main ul li a {
    color: #002042;  
    display: block;
    margin: 0.5rem 0;  
}
.sidebar-left .region > nav,
.sidebar-left .region > section {
    margin-bottom: 1rem;
}

/* breadcrums */
.breadcrumb {
    background-color: transparent;
    margin: 0.5rem 0 0.5rem 0;
    padding: 0;
}
.breadcrumb a {
    color: #002042;
    text-decoration: underline;
}
.breadcrumb>.active {
    color: black;
}
.breadcrumb>li+li:before {
    content: "/";
}

/* Footer */
.footer {
    background-color: #cfdbe9;
    padding: 1rem 0 0 0;
    font-size: 0.7rem;
}
.footer .block-title {
    position: absolute;
    left: -1000rem;
    top: -1000rem;
}
#block-footerblocks .field--items {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
#block-footerblocks .field--items .field--item {
    flex: 1;
    min-width: 150px;
}
.footer .block-block-content2f317e79-5011-42b8-865b-7c5f10782901 .field--item h3 {
    color: #002042;
    border-bottom: 0.0625rem solid #0e4c8f;
    font-size: 0.8rem;
    font-weight: bold;
    margin-top: 0;
    padding-bottom: 0.3rem;
}
.footer .block-block-content2f317e79-5011-42b8-865b-7c5f10782901 .field--item img {
    width: 1.8rem;
    vertical-align: middle;
    margin-bottom: 0.5rem;
    margin-right: 0rem;
}
.footer .block-block-content2f317e79-5011-42b8-865b-7c5f10782901 .field--item a:not(:last-of-type) img {
   
}
.footer .block-block-content2f317e79-5011-42b8-865b-7c5f10782901 .field--item a,
.footer .block-block-content2f317e79-5011-42b8-865b-7c5f10782901 .field--item a:hover {
    color: #002042;
}
.footer .block-block-content2f317e79-5011-42b8-865b-7c5f10782901 .field--item a.icon:hover {
    opacity: 0.60;
    filter: alpha(opacity=60);
}
.footer--bottom {
    background-color: #002042;
    color: white;
}
.footer--bottom--col {
    padding: 0.75rem 0;
}
.footer--bottom--col.left {
    float: left;
}
.footer--bottom--col.right {
    float: right;
}
.footer--bottom a {
    color: white;
    text-decoration: none;
}
.footer--bottom a:hover {
    text-decoration: underline;
}
/* @media (min-width: 1200px) {
    .footer .block-block-content2f317e79-5011-42b8-865b-7c5f10782901 .field--item {
        width: calc((100% / 6) - 2rem);
        float: left;
    }
    .footer .block-block-content2f317e79-5011-42b8-865b-7c5f10782901 .field--item + .field--item {
        margin-left: 2.4rem;
        margin-bottom: 1rem;
    }  
}
@media (min-width: 991px) and (max-width: 1199px) {
    .footer .block-block-content2f317e79-5011-42b8-865b-7c5f10782901 .field--item {
        width: calc((100% / 6) - 1rem);
        float: left;
    }
    .footer .block-block-content2f317e79-5011-42b8-865b-7c5f10782901 .field--item + .field--item {
        margin-left: 1.2rem;
    }  
    .footer .block-block-content2f317e79-5011-42b8-865b-7c5f10782901 .field--item img {
        width: 1.9vw;
    }
}
@media (min-width: 768px) and (max-width: 990px) {
    .footer .block-block-content2f317e79-5011-42b8-865b-7c5f10782901 .field--item {
        width: calc((100% / 3) - 1rem);
        float: left;
    }
    .footer .block-block-content2f317e79-5011-42b8-865b-7c5f10782901 .field--item + .field--item {
        margin-left: 1.5rem;
    }  
   .footer .block-block-content2f317e79-5011-42b8-865b-7c5f10782901 .field--item:nth-of-type(3n + 1) {
        margin-left: 0;
        clear:left;
    }
} */


/* Sidebar podcasts list */
.podcasts-lists__sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.podcasts-lists__sidebar ul li + li {
    margin-top: 1rem;
}

/* Site map page */
.site-map ul li + li {
    margin-top: 1rem;
}