/*!
 * Branding CSS for the demo site
 */

/*  HEADER AND FOOTER - Master Page  */

/* Header */
body { 
    color: #333; 
    font-family: "Myriad Pro", sans-serif; 
    
}

#PageContent
{
display: flex !important;
    min-height: 69.9vh !important;
    flex-direction: column !important;
    }
nav.navbar.navbar-default.navbar-fixed-top { background-color: #fff; border: unset; color: #555; font-size: 0.9em; font-weight: 300; height: 95px; }
nav.navbar.navbar-default.navbar-fixed-top > .container { display: block; height: 80px; }
nav.navbar.navbar-default.navbar-fixed-top > .container .navbar-header { height: 80px; }
nav.navbar.navbar-default.navbar-fixed-top > .container .navbar-header a.navbar-brand { display: block; height: auto; width: 100%; }
nav.navbar.navbar-default.navbar-fixed-top > .container .navbar-header a.navbar-brand img { display: block; max-width: 250px; width: 100%; }
@media screen and (max-width: 768px) {
    nav.navbar.navbar-default.navbar-fixed-top > .container .navbar-header a.navbar-brand { width: 70%; }
    button.navbar-toggle { margin-top: 20px; margin-right: 40px; }

}

@media screen and (max-width: 768px) {
    #navbar.navbar-collapse.collapse.in { background-color: #fff; border-bottom: 1px solid #000; position: relative; z-index: 1000; }
    #navbar.navbar-collapse.collapse.in ul li:hover { background-color: #e8e8e8; }
}
@media screen and (min-width: 768px) {
    #navbar.navbar-collapse.collapse.in { display: none; }
}
#navbar ul.nav li.langactive a { background-color: #e41f13; color: #fff; font-weight: bold; pointer-events: none; cursor: default; }
#navbar ul.nav li.langdisabled a { color: #e41f13; font-weight: bold; }
#navbar ul.nav li.langdisabled a:hover { text-decoration: underline; }

/* Banner */

.banner { display: block; padding: 0px; width: 100%; margin-bottom: 30px; height: 400px; object-fit: cover; }
.banner img { margin: 0px auto 10px auto; padding: 0; width: 100%; }

/* Footer */
.footer {
    background-color: #3A3A3A;
    color: #fff;
    font-size: 0.9em;
    font-weight: 300;
    padding-top: 20px;
    margin-top: auto;
    width: 100%
}
.footer a { color: #fff; text-decoration: underline; font-size: x-large;}
.footer a .fab { color: #fff; margin-top: 40px; text-decoration: none; }
.footer .copyright { border-top: 2px solid #333; padding-top: 20px; margin-bottom: 30px; }
.footer .footerLinks {justify-content: space-between; text-align: center }
.footer h3 {font-size: 1.2rem;}
#footer p { margin-bottom: 5px; }
.footer h3 a {text-decoration: none;}
.bannerText {
    position: absolute;
    top: 30%;
    left: 0%;
    transform: translate(-50%, -50%);
    word-break: break-word;
    background-color: #333;
    color: #fff;
    font-family: "Myriad Pro" ,sans-serif;
    font-size: 100%;
    grid-area: overflow-content;
    color: white;
    margin: 10% auto 10% auto;
    font-size: 2rem;
    width: 80%;
}
.hr-no-bottommargin { margin-bottom: 0px!important; }
/*  Client ecific styling  */

/* Headers */
#PageContent > div:first-child { padding-top: 20px; }
.PrefPageContent { padding-top: 100px; }
#PageContent h1 { font-weight: normal; }
#PageContent h2 { font-weight: normal; font-size: 1.6em; }
#PageContent h3 { font-size: 1.1em; font-weight: normal; color: #ce8084; }

@media screen and (max-width: 990px) {
    .footer a { font-size: medium;}
}
