body {
    background-color: #fff;
}

.ad-index h1 {
    color: #fff;
}

/* Header */
.app-header {
    background-color: #082038;
}

#site-logo {
    background: transparent url(images/logo-sf-full@2x.png) no-repeat 50% 50%;
    background-size: 199px 45px;
    width: 199px;
    height: 45px;
}

#main-navigation {
    background-color: #f7941e;
}

/* Page Layout */
#main-content-hdr {
    background-color: #f7941e;
    color: #fff;
}

.main-content-error-title,
.main-content-error-text {
    color: #ffffff;
}

/* Buttons and Text */
.oversize-button, .medium-button {
    color: #fff;
    border: 1px solid #ec6b03;
    background: #ec6b03 url(images/glass.png) repeat-x 50% 50%;
}

.button-theme-subtle {
    background-color: hsla(33, 90%, 47%, 1.0);
    color: hsla(360, 100%, 100%, 1);
}

.button-theme-subtle:hover,
.button-theme-subtle:focus {
    background-color: hsla(33, 100%, 41%, 1.0);
}

.button-theme-subtle:focus {
    box-shadow: 0 0 0 3px hsla(52, 100%, 21%, 1.0);
}

.bg-dark {
    color: #fff;
}

/* Map Page */
.jw-legends, .jw-legends button, .jw-legend-toggle.ui-state-default span {
    background-color: #0b2846 !important;
}

.obs-legend li span.vs-icon div {
    height: 29px !important;
}

/* LIVE WIND and Wind List */
.brand-logo {
    position: absolute;
    background-image: url(images/logo-white@2x.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 145px 30px;
    width: 145px;
    height: 30px;
    right: 10px;
    top: 5px;
    z-index: 998;
}

/* Settings Page */
.settings #main-content-right {
    color: #fff;
}

/* Pro Forecasts */
.pro-fx-list li {
    color: #333;
}

/* Manage Favorites */

/* Flowview Config */
#fv-config {
    color: #fff;
}

/* Footer */
footer {
    background-color: #051323;
}

footer .copyright-text {
    background: transparent url(images/footer-logo.png) no-repeat 0 0;
    padding: 0 0 0 100px;
    line-height: 30px;
}

/* Windlist Upsell */
.jw-spot-list-upsell-content {
    background-color: #082038;
}

.jw-spot-list-upsell-testimonial {
    color: #ffffff;
}

.jw-spot-list-upsell-name {
    color: #e2e2e2;
}

.jw-spot-list-upsell-button {
    background-color: #f7941e;
    color: #ffffff;
}

@media screen and (max-width: 768px) {        
    footer .copyright-text {
        background: transparent url(https://cdn-consumer.weatherflow.com/images/brand-logos/sf-logo_white_h_40@2x.png) no-repeat 50% 0;
        background-size: 190px 40px;
        padding: 45px 0 0 0;
        min-width: 190px;
        line-height: normal;
    }
}

@media screen and (max-width: 575px) {
    #site-logo {
        background-size: 100% 100%;
        width: 150px;
        height: 35px;
    }
}