/* This is the CSS template for the header for Yountville */ 

#header-background {
  background-color: #B2CEE7;
  color: #000000;
}

.upper-header-search {
    position: relative;
    top: 50px;
}

.input-group-addon {
    background-color: #F5B21B;
}

.form-inline .input-group>.form-control {
    width: 300px;
}

.navbar-header h1 {
    font-weight:500;
}

a .navbar-header h1 {
    color: #fff;
}

.navbar-header h1 a:hover {
    text-decoration: none;
}


/* End ALL */ 

/* ----------- Smartphone Device Styles (XS)  ----------- */

@media (max-width: 767px) {

  .navbar-brand {
    color: #fff !important;
    }

    .navbar-header h1 {
        color: #fff;
        font-size: 2rem;
        padding-left: 15px;
        padding-bottom: 15px;
        padding-top: 5px;
    }

    #top-menu > .navbar-nav > li > a {
        border-right: none!important;
    }

    .form-inline .input-group>.form-control {
        width: 100%; 
    }

}
/* End XS */ 

/* ---------------------- Tablet styles (SM)  ---------------------- */
@media (min-width: 768px) {

    a .navbar-header h1 {
        font-size:3rem;
        padding-top: 17px;
    }

    .header-logos {
        display: inline-block;
        float: right;
    }

    .header-logo-last.header-logos {
    margin-bottom: 20px;
    }

    .header-logos img {
        margin-bottom: 20px;
        padding-top: 25px;
    }
    
    .header-logo-first img {
        height: 120px;
    }
    
    .header-logo-last img {
        height: 100px;
        padding-left: 40px;
    }
    
    .header-logo-first {
      padding-left: 15px;
    }

}

/* End SM */

/* ----------- Desktops and laptops (MD) ----------- */
@media (min-width: 992px) {


}

/* End MD */

/* ----------- Large Desktops (LG) ----------- */
@media (min-width: 1200px) {


}

/* End LG */