@font-face {
    font-family: TabletGothicNarrowLight;
    src: url("../fonts/TabletGothicNarrow-Light.woff") format("woff"),
    url("../fonts/TabletGothicNarrow-Light.ttf")  format("truetype");
}

/*Horizontal positioning of both header and content*/
.row{
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1350px; /*same as pre-redesign OLS*/
    background-color: white;
}

html{
    width: 100vw; /*prevents the appearing scrollbar from shoving left the main content*/
}

#main-content-area{
    background-color: #F0F0F0;
}

/*Override embl-petrol's light grey since we use white backgrounds*/
h1{
    color: rgb(0, 80, 82);
}

/*Overrides 1.3 ebi-global. Navbar buttons should not be #fefefe.*/
.dropdown.menu > li > a {
    background: #777;
}

.dropdown.menu{
    width: 100%;
}

#local-footer{
    padding-top: 15px;
}

.masthead{
    background-color: rgb(255, 255, 255);
}

.orga-logo{
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.frame-v{
    width: 100%;
    height: 90px;
    display: inline-block;
    position: relative;
    margin-top: 20px;
}

/*Override ebi-global's huge margins*/

.breadcrumbs{
    line-height: 2em;
}

.breadcrumbs li:not(:last-child)::after {
    margin: 0 0.4rem;
}

/*header specification*/
.header-background{
    background-image: url("../img/SemLookP_header_background.svg");
    background-repeat: repeat;
}

.logo-subtitle{
    color: #41434a;
    font-family: TabletGothicNarrowLight !important;
    font-size: 1.25rem;
    margin: 0.45em 0 1.25rem 0;
    float:right;
}

.navbar {
    background-color: transparent;
    background: transparent;
    border-color: transparent;
    margin-bottom: 0px;
    min-height: 40px;
}

.container-fluid{
    padding: 0px;
}

.navbar-collapse{
    padding-left: 0px;
}

.nav-button{
    font-size: 1.0rem !important;
}

.navbar-default .navbar-nav > li > a {
    color: #f8f8f8;
    background-color: #777;
    margin-right: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:visited{
    color: #f8f8f8;
    background-color: rgba(34, 34, 34, 0.9);
}

.navbar-toggle{
    background-color: white;
}