/********/
/* HOME */
/********/
body.home .header {
  margin-bottom: 0;
  border-bottom: none;
}

body.home .banner-container {
  background: rgba(15, 0, 0, 0.85);
  clear: both;
  display: block;
  padding-bottom: 1px;
}

body.home .banner-newsletter {
  height: 46px;
}


.supplier-logo {
  text-align:center;
  margin:auto;
}

.search {
  padding-top: 10px;
position:relative;
}

input.search-field {
float: right;
width: 310px;
}

.fa-search {
  position: absolute;
  right: 13px;
  top: 12px;
  display: inline-block;
}


/* start styling for navigation bar*/
ul#menu-header.dropdown {

}

div#navwrap.menu-header-container {
  float:center;
}

div#header.row {
  padding-bottom: 0px;
}

/* The container wrapping ul.dropdown */
#navwrap {
   /*padding-top: 10px;*/
   /*width:100%;*/
    /*background: #4e2c02;*/
  /*margin-bottom: 20px;*/ 
}
 
/* Top level Unordered list */
ul.dropdown {
list-style:none;
float:left;
/*width:100%;*/
padding: 0 10px;
}
 
ul.dropdown li{
    float:left;  /*makes horiz list */
    position:relative; /* hey Submenu ULs, appear below! */
    float: none;
    display: inline;
}

/*.show-for-small-only ul.dropdown li{
    position: relative;
}*/
 
ul.dropdown a {
font-family: "Quattrocento Sans", Arial, sans-serif;
font-size: 20px;
padding:12px; /*space the items, occupy entire height too.*/
color:white;
text-decoration:none;
text-shadow:0 1px 0 #000;
}
 
/* Style the link hover */
ul.dropdown li:hover a {
background: #4e2c02;
}
 
/* Displays the link as blocks. */
ul.dropdown li ul a {
display:block;
}
 
/* sub menus!!  */
 
ul.dropdown ul {
/*list-style: none;*/
margin:0; /* Appear just below the hovering list */
padding:0;
width:200px; /* specify the width. */
position:absolute; /* needed */
z-index:500; /* specify the order */
}
 
ul.dropdown li ul {
    top:27px; /* Positioning:Calc with top level horz list height */
    top: 22px;
    left: 0;
}
 
ul.dropdown ul ul {
    top:0;
    left:100%; /* Position the sub menus to right. */
    left: 200px;
    top: -53px;
}
ul.dropdown ul ul ul {
    top:0;
    left:100%; /* Position the sub menus to right. */
    left: 200px;
    top: -80px;
}

ul.dropdown ul li {
float:none; /* umm.. Appear below the previous one. mmkay? */
list-style: none;
}
/*.show-for-small-only ul.dropdown ul li {
    float:right;
    list-style: none;
}*/
 
/* Drop Down! */
 
/* Hide all the dropdowns (submenus) */
ul.dropdown ul,
ul.dropdown li:hover ul ul,
ul.dropdown ul li:hover ul ul {
    display: none;
}
 
/* Display the submenus only when li are hovered */
ul.dropdown li:hover ul,
ul.dropdown ul li:hover ul ,
ul.dropdown ul li ul li:hover ul
{ display: block;}
 
ul.dropdown li * a:hover {
/* Change color of links when hovered */
background: #ff7e14;

}

#menu-header.dropdown {
    /*margin-left: 20.5%;*/
    margin: 0 auto 20px;
    display: block;
    width: 100%;
    text-align: center;
}
.menu-item {
    margin-bottom: 0;
}

/**********/
/* COMMENTS */
/**********/

.comment-respond {
  width:50%;
}

textarea#comment {
  width:inherit;
}

/**********/
/* SEARCH */
/**********/
body.search-results ol {
  margin-left: 0;
}

body.search-results ol li {
  list-style-type: none;
}

.subtle  {
  font-size: 90%;
  color: #777;
}

label.required:after {
  color: #e32;
  content: '*';
  display:inline;
}

.widget ul {
  padding-left:0px;
  margin-left:0px;
}

.widget ul li {
  list-style-type: none;
}

@media only screen and (min-width: 40.063em) {
  .custom-header .share-block {
    position: static;
    float:right;
  }
}

@media only screen and (min-width: 40.063em) {
    .banner-overlay {
        position: static;
    }
}

.stwrapper {
  display: none;
}

button.alert, .button.alert {
    background-color: #0d7966;
    border-color: #0d7966;
    transition: all 0.2s ease;
}
button.alert:hover, .button.alert:hover {
    background-color: #ff7e14;
    border-color: #fa7100;
}
button.donate, .button.donate {
    background-color: #ff7e14;
    border-color: #fa7100;
    transition: all 0.2s ease;
}
button.donate:hover, .button.donate:hover {
    background-color: #0d7966;
    border-color: #0d7966;
}

.container-fluid .row {
    width: 100%;
    max-width: 100%;
}

.banner-bg {
    max-height: initial !important;
}








.searchbox{
    position: absolute;
    top: 0;
    right: 0;
    min-width:50px;
    width:0%;
    height:44px;
    float:right;
    overflow:hidden;
    z-index: 99;

    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.searchbox-input{
    top:0;
    right:0;
    border:0;
    outline:0;
    background:#dcddd8;
    width:100%;
    height:44px;
    margin:0;
    padding:0px 55px 0px 20px;
    font-size:20px;
    color:red;
}
.searchbox-input::-webkit-input-placeholder {
    color: #d74b4b;
}
.searchbox-input:-moz-placeholder {
    color: #d74b4b;
}
.searchbox-input::-moz-placeholder {
    color: #d74b4b;
}
.searchbox-input:-ms-input-placeholder {
    color: #d74b4b;
}

.searchbox-icon,
.searchbox-submit{
    width:50px;
    height:44px;
    display:block;
    position:absolute;
    top:0;
    font-family:verdana;
    font-size:22px;
    right:0;
    padding:0;
    margin:0;
    border:0;
    outline:0;
    line-height:50px;
    text-align:center;
    cursor:pointer;
    color:#fff;
    background:#0d7966;
    /*background-image: url(images/search-icon.png);*/
}

.fa-search {
    right: 16px;
    top: 12px;
    font-size: 19px !important;
}
.search {
    padding-top: 0;
}
.searchbox-input {
    color: #666;
}
.searchbox-open{
    width: 380px;
    position: absolute;
    top: 0;
    right: 0;
}
input[type="search"] {
    height: 44px;
}
input.searchbox-input {
    color: #666;
    border: none;
    margin: 0;
}
::-webkit-input-placeholder { /* Chrome */
    color: #999 !important;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #999 !important;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #999 !important;
    opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
    color: #999 !important;
    opacity: 1;
}

.give-options {
    overflow: auto;
    margin-bottom: -40px;
}
.give.give-once {
    width: 49%;
    float: left;
}
.give.give-monthly {
    width: 49%;
    float: right;
}

.donate-main-content .give {
    position: relative;
}

.donate-main-content .give a.button {
    width: 90%;
    margin: 0 auto;
    display: block;
    position: relative;
    top: -110px;
}

.donate-main-content a.button.donate span:first-of-type {
    font-size: 26px;
    display: inline-block;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    line-height: 1em;
}

.donate-main-content a.button.donate span:last-of-type {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 22px;
}

.donate-main-content a.button.donate i {
    display: none;
}

@media screen and (max-width: 768px) {
    .donate-main-content .give a.button {
        width: 100%;
        padding: 20px 0 !important;
    }
    .give-options {
        margin-bottom: 30px;
    }
    .give.give-monthly img {
        display: none;
    }
    .give.give-monthly {
        width: 100%;
        float: none;
    }
    .give.give-once img {
        display: none;
    }
    .give.give-once {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }
    .donate-main-content a.button.donate span:first-of-type {
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
    }
    .donate-main-content .give a.button {
        top: 0px;
        position: static;
    }
    .donate-main-content a.button.donate span:last-child {
        display: none;
    }
    .donate-main-content a.button.donate i {
        display: inline-block;
        font-size: 23px;
        top: -2px;
    }
}