/* ==============================================

Header

============================================== */


header {  background: #fffbdb; padding-bottom: 20px; }
header .logo { float: left; width: 100%; margin-top: 20px; }
header .phonenumber { float: left; width: 100%; text-align: center; font-size: 14px; padding:10px 0; }
header .phonenumber a { color: #734e04; font-weight: bold; }
header .phonenumber a:hover { text-decoration: underline; }
header .phonenumber a span { color: #949494; font-weight: normal; }
header .button { float: left; width: 100%; background: #535ca1; color: #FFF; padding:10px 25px; }
header .button:hover { background: #8A90CE; }


header .bottom-header { float:left; width:100%; background: #66a153; display: none; }
header .bottom-header .header-message { float: left; width: 100%; }

header .bottom-header .header-message p { font-size: 12px; color: #FFF; padding:10px 0; }
header .bottom-header ul { float: left; width: 100%; }
header .bottom-header ul li { display: inline-block; }

header .main-navigation { display: none; }
header nav ul { float: right; }
header nav li a { font-weight: bold; text-transform: uppercase; color:#734e04; padding:10px; }
header nav li a:hover { color: #535ca1; }
#site-navigation .button { border-radius: 0px; padding:10px 20px; }

.social-header { float: right;}
.social-header li { display: inline-block; float: left; padding-bottom: 0; }
.social-header li a { padding:10px; color: #FFF; float: left; min-width: 40px; text-align: center; }
.social-header li a:hover { background: #4c803b; }




/* Dropdown menu */
#menu-item-48 a:after {
	content: "\f107";
    font-family: FontAwesome;
    float: right;
    margin-left: 10px;
}

.sub-menu { background: #fffbdb; }
.sub-menu li { float: left; width: 100%; }
.sub-menu li a { font-size: 12px; float: left; width: 100%; }
.sub-menu li a:after {
	content:"" !important;
}


#responsive-menu .responsive-menu li a { font-size: 14px; }
#responsive-menu .responsive-menu li { padding-bottom: 0; }
#responsive-menu .responsive-menu .sub-menu { background: none; }




.group-size-guide {padding:40px; float: left; width: 100%;}
.group-size-guide label input { width: 100%; background: none; border:1px solid #535ca1; border-radius:8px; padding:10px; }
.group-size-guide input { float: left; width: 100%; }
.group-size-guide .search-submit { font-size: 14px; font-weight: bold; padding:10px 45px; text-align: center; border-radius: 8px; color: #FFF; text-transform: uppercase; background: #535ca1; border:none; margin-top: 5px; }
.group-size-guide .search-submit:hover  { background: #8A90CE; }


/* =======================================
 @ 400
======================================= */
@media only screen and (min-width: 400px) {


header .logo { width: 60%; margin-top: 10px; }
header .phonenumber { float: left; width: 49%; }
header .button { width: 49%; }

header .phone-contact-wrap { float: left; width: 100%; margin-top: 18px; }


}




/* =======================================
 @ 550
======================================= */
@media only screen and (min-width: 550px) {


header .logo { width: 40%; margin-top: 10px; max-width: 228px; }
header .phone-contact-wrap { float: left; width: 50%; margin-top: 42px; padding-left: 18px; }
header .phonenumber { padding:0; }
header .phonenumber a span { width: 100%; float: left; }
header .button { padding:10px 10px; font-size: 12px; }


}






/* =======================================
 @ 768
======================================= */
@media only screen and (min-width: 768px) {

header { position: fixed; top: 0; left: 0; width: 100%; z-index: 200; padding-bottom: 0px; }
header .logo { margin-bottom: 20px; }

header .phonenumber { width: initial; margin-top: 11px; float: right; margin-right: 20px;  }
header .phonenumber a span { width: initial; float:none; }
header .button { width: initial; float: right; }
header .phone-contact-wrap { float: left; width: 57%; margin-top: 44px; padding-left: 60px; }



header .bottom-header { display: block; }
header .bottom-header .header-message { float: left; width: 77%; }
header .bottom-header ul { float: right; width: initial; width: auto; }
header .bottom-header .header-message p { font-size: 14px; color: #FFF; padding:10px 0 !important; width: auto; float: left; }
header .bottom-header .header-message a { display: none; float: left; font-weight: bold; color:#734e04; text-transform: uppercase; margin:10px 0 10px 20px; font-size: 15px; }
header .bottom-header .header-message a:hover { text-decoration: underline; }



}




/* =======================================
 @ 1000
======================================= */
@media only screen and (min-width: 1000px) {

header .logo { max-width: 278px;}

header .phone-contact-wrap {width: 71%; margin:15px 0; float: right;  }

header .main-navigation { clear: none; float: right; width: 65%; }
header .phonenumber { margin-top: 7px; float: right; margin-right: 30px; }
header .phonenumber a { font-size: 18px; }
header .menu-main-menu-container { float: right; margin-right: 20px; }
header .button { padding:10px 35px; font-size: 14px; }
header .main-navigation { display: block; }
header .bottom-header .header-message a { display: block; }


}