﻿body {
    background-color: #fff;
}

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

/* Header */
#site-logo {
    background: transparent url('images/logo-wa-full@2x.png') no-repeat 50% 50%;
    width: 141px;
    height: 28px;
    background-size: 141px 28px;
}

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

#main-navigation ul li a {
    color: #000;
}

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

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

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


.button-theme-subtle {
    background-color: hsla(52, 98%, 69%, 1.0);
    color: hsla(0, 0, 0, 1);
}

.button-theme-subtle:hover,
.button-theme-subtle:focus {
    background-color: hsla(52, 97%, 77%, 1.0);
}

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

.bg-dark {
    color: #fff;
}

/* Map */
.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: 149px 30px;
    width: 149px;
    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;
}

/* Pro Forecast - Unavailable (WindAlert) */
.pro-forecast-msg {
    background-color: #fff;
    padding: 25px;
}

.pro-forecast-msg h1 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #000
}

.pro-forecast-msg p {
    font-size: 14px;
    margin: 25px 0;
    color: #000;
}

.pro-forecast-msg p.center {
    text-align: center;
}

.pro-forecast-msg .menu-item {
    display: block;
    padding: 25px;
    font-size: 18px;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #ccc;
}

.pro-forecast-msg .app {
    position: relative;
    background: transparent url(https://cdn-consumer.weatherflow.com/images/svg-icons/b4b4b4/menu-parent-closed.svg) 98% 50% no-repeat;
    line-height: 75px;
    padding: 25px 25px 25px 110px;
    
}

.pro-forecast-msg .app::before {
    content: "";
    position: absolute;
    height: 70px;
    width: 70px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 8px;
    left: 25px;
}

.pro-forecast-msg .app.kite::before {
    background-image: url(https://cdn-consumer.weatherflow.com/images/brand-logos/ik-ios-marketing.png);
}

.pro-forecast-msg .app.windsurf::before {
    background-image: url(https://cdn-consumer.weatherflow.com/images/brand-logos/iw-ios-marketing.png);
    border: 1px solid #ccc;
}

.pro-forecast-msg .app.sail::before {
    background-image: url(https://cdn-consumer.weatherflow.com/images/brand-logos/sf-ios-marketing.png);
}

.pro-forecast-msg .app.fish::before {
    background-image: url(https://cdn-consumer.weatherflow.com/images/brand-logos/fw-ios-marketing.png);
}

.pro-forecast-msg .help {
    text-align: center;
}

/* Manage Favorites */
.manageFavoritesInfo p {
    color: #fff;
}

/* Favorites */
#profileError {
    color: #fff;
}

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

/* Footer */
footer {
    background-color: #171717;
    border: 1px solid #242424
}

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

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

/* Windlist Upsell */

.jw-spot-list-upsell-content {
    background-color: #feda00;
}

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

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

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

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