/* Override for layout.css */
@media(max-width:415px) {
    .flexslider .slides>li {
        height: 120px;
    }

    #homeFullScreen .flexslider .slides>li {
        height: 60px;
    }

    #flexHome h2 {
        font-size: 12px;
    }
}

/* Nav bar styles */
.navbar-brand {
    padding: 9px 0 !important;
}

.navbar-header {
    height: 88px;
}

#home {
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    min-height: calc(100vh - 88px);
    background-position-x: center;
    background-image: url('../images/hero-background.jpg');
}

#home .container {
    height: 100%;
}

@media(max-width: 1024px) {
    #mainHeader {
        padding-bottom: 0;
    }

    .navbar-brand {
        max-width: 75%;
    }
}

/* Add correct colors to dropdown navbar items */
.navbar-nav ul.dropdown-menu li.active>a,
.navbar-nav ul.dropdown-menu li>a:hover,
.navbar-nav ul.dropdown-menu li>a:focus,
.navbar-nav ul.dropdown-menu li.active>a:hover,
.navbar-nav ul.dropdown-menu li.active>a:focus {
    background: #4FAFC2;
    color: #fff;
}

/* Don't limit height of nav-bar when collapsed for mobile*/
.navbar-collapse {
    max-height: inherit !important;
}

.navbar-nav ul.dropdown-menu>li>a {
    text-transform: uppercase;
}

@media only screen and (max-width: 800px) {
    .divider-vertical {
        height: 0;
        border-left: 0;
        border-right: 0;
    }
}

body {
    padding-bottom: 44px;
}

.navbar-fixed-bottom {
    background-color: #fff;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.navbar-fixed-bottom h2 {
    margin: 10px 0;
}

/* Lower h1 size so that certain headers don't add a white bar on super small viewports */
h1 {
    font-size: 39px;
}

#faqAccordion .panel-title a:not(:hover) {
    color: white;
}

.mb-30p {
    margin-bottom: 30px;
}

.watch-plan-read-section a {
    text-decoration: none;
}

.watch-plan-read-section h1 {
    font-size: 4.5rem;
    font-weight: 600;
    letter-spacing: unset;
    text-transform: unset;
}

.watch-plan-read-section .watch-heading {
    color: #8dc43f;
}

.watch-plan-read-section .plan-heading {
    color: #f7941d;
}

.watch-plan-read-section .read-heading {
    color: #6190b4;
}

.hero-text {
    text-transform: none;
    font-weight: 500;
    letter-spacing: normal;
}