




.button.hf_button{
 background: #ed1b2e;
 color:white;
 border-color: transparent;
 padding: 2.5px 20px;
}

.button.hf_button:hover{
 border-color: #ed1b2e;
 color:#ed1b2e;
}

div.site-branding{
 margin-bottom:15px;
}



/*header*/


@media screen and (max-width:1349px){
  div.site-branding{
margin: 15px 0;

}
#masthead .col-full{
 margin: 0 25px;
 padding:0;
 max-width: none;
}



}
@media screen and (min-width:1350px){
#site-navigation{
 width: 85%;
}
}


@media screen and (max-width:767px){
 #masthead .col-full{
    width: 100%;
    text-align: center;
    margin: auto;
}

 #masthead .site-branding{
    width: 100%;

}
 #masthead .site-branding img.custom-logo{
   margin: auto;
}



#site-navigation button.menu-toggle{
 width:96%;
 max-width: none;
 margin: 2%;
}

}

.site-header-cart .cart-contents .count {

    margin-right: 10px;
}

.site-header-cart > *{

}

.site-header-cart .cart-contents::after {

}


@media screen and (min-width:768px) and (max-width:1349px){
 .site-header-cart .cart-contents {
 
  float:right;
 
 }
}

.cart-contents .woocommerce-Price-amount.amount{
 display: none;
}

/*navigation responsive div widths*/


@media screen and (max-width:1349px){
 #login_link_wrapper{
   right: 0;
 }

}

#login{
 float:right;
 margin: 0;
 /* -ms-transform: translateY(-50%);
 transform: translateY(-50%);*/
 width: 10%;
 text-align: center;
 height:73px;
 position: relative;
}

#login_link_wrapper{
 position: absolute;
 top: 50%;
 transform: translateY(-50%);

}

#login_link_wrapper a:last-child{
 padding-right: 5px;
}




@media screen and (min-width:1024px){
  .log_items {

 }

}

@media screen and (min-width:768px) and (max-width:1349px){
  .site-header .storefront-primary-navigation{
  width: 100%;
 margin: 0;
 float: left;
 clear:none;
 }
 
 
#login{
 width:15%;
 position: absolute;
 bottom:38%;
 right:15px;
}
 
#site-header-cart{
 width:20%;
}
}

@media screen and (min-width:768px){
 
 #site-header-cart{
  height:75px;
  display: table;

 }
 
  #site-header-cart li:first-child{
  display: table-cell;
  vertical-align: middle;
 }
 
   #site-header-cart .cart-contents{
  float: right;
  padding: 0;
 }
 
}

@media screen and (min-width:1024px) and (max-width:1349px){
 
  .woocommerce-active .site-header .main-navigation {
    width: 60%;
}


}

@media screen and (min-width:768px) and (max-width:1349px){
   .woocommerce-active .site-header .main-navigation {
position: absolute;
bottom: 22px;
}
}


@media screen and (min-width:768px) and (max-width:1023px){
 
  .woocommerce-active .site-header .main-navigation {
width: 80%;
margin: 0;
}







}


@media screen and (min-width:1350px){
 
 .site-header > .col-full{
 width: 25%;
margin: 0;
display: inline;
float: left;
position: relative;
box-sizing: border-box;
border-right: 1px solid#999;
padding-right: 15px;
}


.site-header .storefront-primary-navigation{
 width: 65%;
margin: 0;
float: left;
clear:none;
}


#menu-main{
   margin: 0;
  position: absolute;
  top: 50%;
 /* -ms-transform: translateY(-50%);
  transform: translateY(-50%);*/
 width:100%;
 text-align: right;
 left:0;
}

}

#content_wrapper.content_full #content > .col-full{
width: 100%;
display: block;
max-width: unset;
margin: 0;
padding: 0;
}

/*End div widths*/


@media screen and (min-width:1350px){
 #menu-main{
  display: table;
 }
 /*
    .storefront-primary-navigation .col-full{
position: absolute;
width: 100%;
bottom: 0;
}
*/

}


#masthead{
 margin:0;
 padding-top: 0;
}

@media screen and (max-width:767px){
 #masthead {

}
}

@media screen and (min-width:768px){
 #masthead {
   position: fixed;
   width:100%;
}

}

@media screen and (min-width:1350px){
 #masthead{
  height: auto;

 }
 
 

.site-header .storefront-primary-navigation .col-full{
 max-width: none;
 padding-left:15px;
}

.site-header .storefront-primary-navigation #menu-main{
 height: 75px;
 width: auto;
}

 .woocommerce-active .site-header .site-branding{
width:100%;
margin:0;
}
@media screen and (min-width:768px){
 .woocommerce-active .site-header .site-branding{
  padding-right: 15px;
 }
}

.col-full div.site-branding{
  height: 75px;
  display: table;
 }
 .site-branding a.custom-logo-link{
  display: table-cell;
  vertical-align:middle;
 /* padding:25px 0;*/
 }
 

 .site-header .site-branding .custom-logo{

 
}

.primary-navigation{
 position: relative;
 width: 100%;
}

 
}

  div.site-branding img.custom-logo{
 width: 264px;
max-width:none;

}

@media screen and (min-width:1350px){
   div.site-branding img.custom-logo{
   margin-left: auto;
   }
}

#menu-main{
 white-space: nowrap;
}

.menu-item{
 text-transform: uppercase;
}

.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a{
 padding:0 .75em;

}

@media screen and (min-width:1350px){
.main-navigation ul li{
display: table-cell;
vertical-align: middle;
  text-align: right;
}
}

@media screen and (min-width:768px){
 .menu-item{
  display:inline-block;
 }
}

.woocommerce-message{
 background-color: #2c2d33;
 
}
.menu-item{
 text-transform: uppercase;
}

@media screen and (max-width:767px){
 #login{
  display: none;
 }
  .menu-item{

 }
}



#login a{
 margin:0 5px;
color:black;
font-size: .7em;
display: inline-block;
}

.log_items{
     font-size: .7em;
}

.log_items a{
 float:left;
}

@media screen and (max-width:767px){
 .log_items{
    display: inline-block;
}

 .log_items.log_first {
  margin-right:15px;
 }

 .log_items a{
  margin: 0 10px;
  
 }
}


@media screen and (min-width:776px) and (max-width:1023px){
 .main-navigation ul li.log_items {
    display: block;
   }
  .main-navigation ul li.log_items {
    margin-left: 5px;
   }
   .log_items:first-child:before{
    content: "";
    display: block;
   }
}



.woocommerce-message{
 background-color: #2c2d33;
 
}

#content .woocommerce{
 /*margin-top:50px;*/
}
.cfc_message{
 color: #ed1b2e;
 font-size: 1.2em;
}

@media screen and (max-width:768px){
 #mobile_info_links{
margin: 25px 0 0 0;
border-top: 2px solid white;
padding-top: 25px;
}


.main-navigation ul li .mobile_extra_links a{
 display: inline;
 text-transform: lowercase;
 font-size: .8em;
 margin-left: 15px;
}

.main-navigation ul li .mobile_extra_links a:first-child{

 margin-left: 0;
}

}




#mobile_info_links li:last-child a{
 padding-right: 0px;
}
/*header end*/

.woocommerce-product-gallery__trigger{
    display:none;
}



.shipping .woocommerce-shipping-destination{
 display:none; 
}

.shipping #shipping_method{
  margin:0;
}




#primary{

}

.search-form{
 width: 200px;
float: right;
}




/*==Breadcrumb==*/
div.storefront-breadcrumb{
 margin: 0;
}

@media screen and (min-width: 1350px) and (max-width:1600px){
 div.storefront-breadcrumb{
 margin-left: 150px;
}

}


/*content*/


#apply_btn_wrapper{
 position: relative;
 height: 100%;
}

span#ff_apply_button {
background-color:  transparent;
    font-size: 2em;
    color: red;
    border: 1px solid red;
margin-bottom: 20px;
}

span#ff_apply_button:hover {
background: red;
color: white;
}

.default .ff_copy_call div {

    display: inline;

}

/*PRODUCTs*/

 ul.products li.product {

box-sizing: content-box;
 }

ul.products li.product img {
max-height: 300px;

margin:.5em auto;
}

ul.products li.product .button {
margin-top: 10px;
}


 ul.products li.product .woocommerce-LoopProduct-link {

    display: block;
    height: 100%;
    position: relative;
    border: 1px solid #eee;
    padding: 10px;
    box-sizing: content-box;

 }

 ul.products li.product .gc_product .woocommerce-loop-product__title{
position: absolute;
bottom: 10px;
left: 0;
right: 0;
 }


 ul.products li.product .gc_product .woocommerce-LoopProduct-link {

height: 250px;
 }

/*===FOOTER====*/

footer.site-footer .col-full{
 max-width: none;
}


@media screen and (max-width:767px){
 footer.site-footer{
  margin-bottom: 68px;
 }
}
