/* ---------------------- HEADER ---------------------- */
 .eui-masthead-logo h1 {
    font-size: 2em;
    line-height: 0.8em;
    font-weight: 100;
    display: inline;
}

.eui-masthead-logo h3 {
    font-size: 1.3rem;
    line-height: 0.8em;
    font-weight: 100;
    /* vertical-align: bottom; */
    display: inline;
}

.masthead-inner {
    display: inline !important;
    padding-bottom: 0.5em;
}

.masthead-inner-search {
    box-sizing: border-box;
    height: 100%;
    width: 50vh;
    min-width: 10vh;
    float: right;
}

@media(max-width: 1430px) {
    .masthead-inner {
        width: 100%;
    }
    .mastheade-inner-search {
        width: 100%;
    }
}

.eui-masthead-logo:last-child {
    margin-right: 0;
}

.eui-masthead-logo.eui-application-logo a:link {
    background-image: url("../images/app-logo_2x.png");
    background-size: contain;
}

.eui-masthead-logo.eui-application-logo a:hover {
    background-image: url("../images/app-logo_hover_2x.png");
}

.eui-masthead-logo.eui-application-logo a span.eui-badge--sm {
    float: right;
    margin-right: 30px;
}

.eui-masthead-logo {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 0.5em 0 0 0;
}

.eui-masthead-logo h1 a:link {
    overflow: hidden;
    -webkit-transition: background-image 0.1s linear;
    -moz-transition: background-image 0.1s linear;
    transition: background-image 0.1s linear;
    width: 215px;
    height: 50px;
    display: inline-block;
    background-repeat: no-repeat; 
}
.eui-masthead-logo h1 a:link:before {
    content: "";
    display: block;
    width: 0;
    height: 100%; 
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .eui-masthead-logo h1 a:link {
        background-size: auto 50px; 
    }
    .eui-masthead-logo.eui-earthdata-logo a:link {
        background-image: url(../images/app-logo_2x.png); 
    }
    .eui-masthead-logo.eui-earthdata-logo a:hover {
        background-image: url(../images/app-logo_hover_2x.png); 
    }
}
.eui-masthead-logo.eui-application-logo a:link, .eui-masthead-logo.eui-application-logo a:visited {
    height: inherit;
    overflow: inherit;
    padding: 23px 0 5px 70px;
    color: white;
    font-size: 0.8em;
}
.eui-masthead-logo.eui-earthdata-logo a:link {
    overflow: hidden;
    background-image: url(/static/images/app-logo.png);
    font-size: 0; 
}
.eui-masthead-logo.eui-earthdata-logo a:link:before {
    content: "";
    display: block;
    width: 0;
    height: 100%; 
}

.eui-masthead-logo.eui-earthdata-logo a:hover {
    background-image: url(../images/app-logo_hover.png); 
}

/* ---------------------- SEARCH ---------------------- */

.search-bar {
    background: rgba(35, 48, 61, 0.75);
    height: 100%;
}

.search-bar-inner {
    background: transparent;
}

/* ---------------------- FOOTER ---------------------- */
ul, #ek-el {
    list-style-type: none;
}

footer .social {
    text-align: center; 
}

footer {
    clear: both;
    color: white; 
    display: block;
}

footer .social {
    text-align: center; 
}

footer a:link,
footer a:visited {
    color: white;
    font-size: 0.9em;
}

footer .links .column {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%; 
}

footer .links .column:last-child {
    margin-right: 0; 
}

.eui-layout footer {
    padding: 1em; 
}

.font-raleway {
    font-family: 'Raleway', sans-serif;
}

.font-source-sans {
    font-family: 'Source Sans Pro', sans-serif;
}