/* 
Theme Name: radius_skateshop
Theme URI:		 http://childtheme-generator.com/
Description:	 radius_skateshop is a child theme of Storefront, created by ChildTheme-Generator.com
Author:			 radius_skateshop
Author URI:		 http://childtheme-generator.com/
Template:		 storefront
Version:		 1.0.0
Text Domain:	 radius_skateshop
*/


/*
    Add your custom styles here
*/
.wpclv-attributes .wpclv-terms .wpclv-term.wpclv-term-image{
  width: 65px;
}
.dpblock{
  width: 100%;
}
.dpblock > div{
  padding: 1em 0;
  border-top: 1px solid #eee;
}
.dpblock .importantmsg{
  margin-top: 1em;
}
.importantmsg span{
  color: #ff6f6f;
  font-weight: bold;
}
.dpblock .headng span{
  font-weight: 300;
    font-size: 1.4em;
    line-height: 1em;
}
.dpblock .headng a{
  display: inline-block;
  padding: 0 1em;
}
.dpblock p{
  margin: 0 1em;
}
.flipsidelogo img{
  height: 40px;
}
#brandslider2{
  padding-bottom: 22px;
}
.hidden {
  display: none;
}
.site-branding p.site-description{
  display: none;
}
.admin-bar .hidden{
  display: block;
}
#frontslider .slick-slide img{
    width: 100%;
}
#brandslider2 .slick-slide a{
  display: block;
  padding: 0 15px;
}
.text-center{
  text-align: center;
}
.comingsoon{
  position: absolute;
    top: 0;
    left: 0;
    width: 150px;
  height: 150px;
    overflow: hidden;
    z-index: 2;
}
.comingsoon span{
  position: absolute;
    top: 0;
    left: 0;
    background-color: #ef7f1a;
    display: inline-block;
    padding: 5px 50px;
    transform: rotateZ(-45deg) translateX(-25%) translateY(-50%);
    color: #fff;
    z-index: 10;
    text-align: center;
}
a h2:hover,
a h2:focus,
a:hover{
  outline: none !important;
  color:#ef7f1a;
}
ul{
  margin-bottom: 10px;
}
h1, .alpha {
    font-size: 2em;
}
.site-header{
  padding-top: 5px;
  padding-bottom: 5px;
	background-color: white;
}
.home.page:not(.page-template-template-homepage) .site-header,
.home .site-header{
  margin-bottom: 0;
}
.hentry .entry-header{
  margin-bottom: 0;
  border-bottom: none;
}
.flogo{
  max-height: 40px;
  float: left;
  margin-right: 25px;
}
.site-branding a{
  margin-right: 25px;
  max-width: 150px;
}
.copyright{
  display: flex;
    align-items: center;
}
.home h1 {
    display: none;
}
.topbar{
  background-color: #eee;
}
.topbar .col-full{
  display: flex;
    align-items: center;
    justify-content: space-between;
}
.topbar .col-full::before,
.topbar .col-full::after{
  content:none;
}

.site-header-cart .cart-contents{
  padding: 0;
}
.site-header-cart .widget_shopping_cart{
  width: 20vw;
}
.site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart{
  left: auto;
  right: 0;
}
.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{
  height: 30px;
    font-size: 12px;
  background: #eee;
    border: none;
}
.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus{
  background: #fff;
}
.site-header-cart .cart-contents .count{
  opacity: 1;
  margin-right: 5px;
  font-size: 1em;
}
.storefront-secondary-navigation.woocommerce-active .site-header .site-branding{
  
}
.woocommerce-active .site-header .storefront-primary-navigation .col-full{
  display: flex;
  align-items: center;
  padding: 0;
}
.secondary-navigation .menu,
.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation,
.woocommerce-active .site-header .site-search,
.woocommerce-active .site-header .site-header-cart,
.storefront-secondary-navigation.woocommerce-active .site-header .site-branding,
.woocommerce-active .site-header .main-navigation{
  float: none;
  margin-right: 0;
  margin-bottom: 0;
}
.site-footer{
  padding-bottom: 0;
}
.site-info{
  display: flex;
  justify-content: space-between;
  padding: 0;
  align-items: center;
  flex-wrap: wrap;
}
.payimg img{
  max-width: 300px;
}
.secondary-navigation ul .wpml-ls-item ul li a{
  max-width: 200px;
  width: auto;
}
.pwb-carousel .pwb-slick-slide a>img{
  max-height: 100px;
  width: auto;
}
.footer-widgets{
  padding-top: 0;
  border-bottom: 1px solid rgba(0,0,0,.05);
}
.footer-widgets .widget{
  margin-bottom: 0;
}
.footer-widgets .widget_nav_menu ul li{
  padding-left: 0;
}
.footer-widgets .widget_nav_menu ul li::before{
  content: '';
  display: none;
}
.footer-widgets .widget_block h4,
.footer-widgets .widget .widget-title, .footer-widgets .widget .widgettitle{
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0,0,0,.05);
}
.wp-block-social-links .wp-social-link a{
  padding: 0;
}
.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link{
  margin: 0 10px 0 0;
  padding: 0;
}
.grayscaleHover img{
  filter: grayscale(1);
  transition: all 300ms ease-out;
}
.grayscaleHover:hover img{
  filter: grayscale(0);
}

.wpcf7-form .formbody {
  padding: 1em;
  background-color: #eee;
}
.slick-next, .slick-prev{
  height: 50px;
  width: 50px;
}
.wpcf7-form>p {
  text-align: center;
  padding: 1em;
  position: relative;
}

.wpcf7-form .formbody input,
.wpcf7-form .formbody textarea {
  background-color: #fff;
  width: 100%;
}

.wpcf7-form .formbody input:focus,
.wpcf7-form .formbody textarea:focus {
  outline-color: #ef7f1a;
}

.wpcf7-form .formbody .left {
  padding-bottom: 1em;
}

.wpcf7 .ajax-loader {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translatey(-50%);
}

.wpcf7-form input[type='Submit'] {
  background-color: #ef7f1a;
  color: white;
}

.wpcf7-form input[type='Submit']:hover {
  background-color: #ff8619;
}
.added_to_cart.alt, .added_to_cart, .widget a.button.checkout{
  background-color: #ef7f1a;
    border-color: #ef7f1a;
    color: #ffffff;
}
.added_to_cart.alt:hover, .added_to_cart:hover, .widget a.button.checkout:hover {
    background-color: #ff8619;
    border-color: #ff8619;
    color: #ffffff;
}
.site-footer a{
  text-decoration: none;
}
.site-footer ul.menu a:not(.button):not(.components-button):hover,
.site-header ul.menu li.current-menu-ancestor > a, ul.menu li a:hover, .secondary-navigation ul.menu a:hover,
.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a{
  color: #ef7f1a;
}
.wcml-dropdown{
  width: auto;
}
.wcml-dropdown li{
  border: none;
  background-color: #eee;
}
.wcml-dropdown li:hover{
  background-color: #eee;
}
.wcml-dropdown .wcml-cs-submenu,
.wcml-dropdown .wcml-cs-submenu li {
    border: none;
}
.wcml-dropdown li a{
  color: #404040;
  font-size: 14px;
}
.wcml-dropdown li a:hover{
  color: #ef7f1a;
}
.wcml-dropdown a.wcml-cs-item-toggle:after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    border: none;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    margin-left: 5px;
    top: auto;
}
.wcml-vertical-list{
  margin-left: 15px;
}
.wcml-vertical-list a{
  color: #aaa;
}
.wcml-vertical-list .wcml-cs-active-currency a{
color: #333;
}
.wcml-vertical-list a:hover,
.wcml-vertical-list a:focus{
  color: #ef7f1a;
}
.wpml-ls-current-language > a:after{
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: inherit;
    content: "";
  margin-left: 5px;
}
.variable-item.image-variable-item{
  width: 100px;
  height: 100px;
}
.onsale{
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
    font-size: 1.1em;
    color: #ef7f1a !important;
    border: none;
  z-index:3;
  font-weight: bold;
  background-color: rgba(255,255,255, 0.7);
  padding: 3px 5px;
    line-height: 1.1em;
}
.single-product div.product p.price{
  margin: 0;
}
h1.product_title{
  margin-bottom: 0;
}
.summary p:last-child{
  margin-bottom: 0;
}
.single_add_to_cart_button{
  
}
button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .widget-area .widget a.button.alt {
    background-color: #ef7f1a;
    border-color: #ef7f1a;
    color: #ffffff;
}
button.alt:hover, input[type="button"].alt:hover, input[type="reset"].alt:hover, input[type="submit"].alt:hover, .button.alt:hover, .widget-area .widget a.button.alt:hover {
    background-color: #ff8619;
    border-color: #ff8619;
    color: #ffffff;
}
.price del+ins, .price > .woocommerce-Price-amount,
ul.products li.product .price ins, ul.products .wc-block-grid__product .price ins, .wc-block-grid__products li.product .price ins, .wc-block-grid__products .wc-block-grid__product .price ins{
  color: #ef7f1a;
}
.single-product div.product form.cart{
  border-bottom: 1px solid #e9e9e9;
  padding: 1em 0;
  margin-bottom: 1em;
  width: 100%;
  text-align: center;
}
.single-product div.product .cartFlexBlock{
  border-top: 1px solid #e9e9e9;
}
.single-product div.product .variations_button{
  text-align: center;
  padding-top: 0;
}
/* Draft catalog: compact sold-out label, keeping deck graphics visible. */
ul.products li.product.outofstock > a { opacity: 1; }
ul.products li.product.outofstock:after {
  content: 'ПРОДАНО';
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 7px 12px;
  background: #171717;
  color: #fff;
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: .035em;
  text-transform: uppercase;
  font-weight: 700;
  white-space: nowrap;
  border-radius: 3px;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 2;
}
.single-product div.product .wpclv-attribute{
  margin-bottom: 0;
}
.single-product div.product .wpclv-attribute-label,.single-product div.product table.variations th, .single-product div.product table.variations td{
  text-align: center;
}
.woo-variation-swatches .variable-items-wrapper{
  justify-content: center;
}
.single-product div.product form.cart .quantity{
  display: inline-block;
  margin-right: 0;
  float: none;
}
.single-product div.product .product_meta{
  padding-top: 0;
  border-top: none;
}
.single-product .pwb-single-product-brands img{
  max-height: 100px;
  width: auto;
}
.single-product div.product .single_variation .price {
  font-size: 2em;
  text-align: center;
  margin-bottom: 1rem;
  line-height: 1em;
}
.pwb-single-product-brands{
  padding-top: 0;
}
.cartFlexBlock{
  display: flex;
  flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
}
.cartFlexBlock .stock.out-of-stock{
  width: 100%;
  text-align: center;
  font-size: 1.5em;
}
.cartFlexBlock .divider{
  display: none;
}
.cartFlexBlock .woo_sc_frontend_btn+.divider,
.cartFlexBlock .br_brand_product_container+.divider{
  display: block;
  height: 100px;
  width: 1px;
  background-color: #e9e9e9;
}
.storefront-breadcrumb{
  margin-bottom: 0;
}
ul.products li.product img, ul.products .wc-block-grid__product img, .wc-block-grid__products li.product img, .wc-block-grid__products .wc-block-grid__product img{
  margin-bottom: 5px;
}
ul.products li.product .price, ul.products .wc-block-grid__product .price, .wc-block-grid__products li.product .price, .wc-block-grid__products .wc-block-grid__product .price{
  font-size: 1.2em;
  margin-bottom: 5px;
}
.woo-variation-swatches .wvs-archive-variation-wrapper .variations .woo-variation-items-wrapper{
  margin: 8px 0;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item){
  margin: 4px;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):last-of-type{
  margin-right: 4px;
}
.wvs-archive-variations-wrapper li.wvs_archive_reset_variations{
  display: none !important;
}
body:not(.home) ul.products, body:not(.home) .wc-block-grid__products{
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
}
.page-template-template-fullwidth-php .site-main ul.products.columns-3 li.product, .page-template-template-fullwidth-php .header-widget-region ul.products.columns-3 li.product, .page-template-template-homepage-php .site-main ul.products.columns-3 li.product, .page-template-template-homepage-php .header-widget-region ul.products.columns-3 li.product, .storefront-full-width-content .site-main ul.products.columns-3 li.product, .storefront-full-width-content .header-widget-region ul.products.columns-3 li.product,
.site-main ul.products.columns-3 li.product{
  margin-right:0;
  margin-bottom: 0;
  float: none;
  width: 50%;
  border-bottom: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  padding: 10px;
}
.storefront-sorting{
  margin-bottom: 0;
}
#secondary.widget-area .berocket_single_filter_widget,
#secondary.widget-area .widget{
  border-bottom: 1px solid #e9e9e9;
  padding: 10px;
  margin-bottom: 0;
}
#secondary.widget-area .bapf_head h3,
#secondary.widget-area .widget .widget-title, #secondary.widget-area .widget .widgettitle{
  border-bottom: none;
  margin-bottom:0;
  padding-bottom: 0;
}
#secondary.widget-area .bapf_sfilter{
  margin-bottom: 0;
}
.__jivoMobileButton{
  bottom: 60px !important;
}
.term-description{
  margin-top: 30px;
}
.pwb-filter-products label{
  cursor: pointer;
}
button.menu-toggle{
  border: none;
  font-size: 1em;
}
#secondary{
  display: none;
}
.ocs-toggle-canvas_left{
  background-color: transparent;
    border: 1px solid #cbcbcb;
    margin-bottom: 0;
    padding: 7px 20px;
  color:#333;
}
.ocs-toggle-canvas_left:hover,
.ocs-toggle-canvas_left:focus{
   background-color: #ef7f1a;
  border: 1px solid #ef7f1a;
  color: white;
}
.ocs-slidebar{
  background-color: #efefef;
  color: #333;
  border-right: 1px solid #cbcbcb;
  padding: 25px 0;
}
.ocs-slidebar .widget{
  margin-bottom: 25px;
}
.ocs-slidebar .widget:last-child{
  margin-bottom: 0;
}
.ocs-slidebar .wpml-ls-item a{
  padding: 5px;
  color: #aaa;
}
.ocs-slidebar .wpml-ls-item.wpml-ls-current-language a{
  color: #333;
  font-weight: bold;
}
.ocs-slidebar .wpml-ls-current-language>a:after{
  display: none;
}

.ocs-slidebar .widget_nav_menu ul li{
  padding-left: 0;
  margin-bottom: 0;
}
.ocs-slidebar .widget.widget_nav_menu ul,
.ocs-slidebar ul{
  margin-left:0;
}
.ocs-slidebar .widget.widget_nav_menu ul li:before{
  content: none;
}
 
.ocs-slidebar .widget.widget_nav_menu ul.sub-menu ul.sub-menu,
.ocs-slidebar ul.sub-menu ul.sub-menu{
  margin-left:10px;
}
.ocs-mobilemenu ul.menu > li,
.ocs-mobilemenu2 .widget.widget_nav_menu ul.menu > li{
  padding: 0 15px;
  margin-right: 15px;
  border-bottom: 1px solid #cbcbcb;
}

.ocs-mobilemenu2 .widget_icl_lang_sel_widget{
  border-bottom: 1px solid #cbcbcb;
  margin-bottom: 0;
  margin-right: 15px;
}
.ocs-mobilemenu ul.menu > li:last-child,
.ocs-mobilemenu2 .widget.widget_nav_menu ul.menu > li:last-child{
  border-bottom: none;
}
.ocs-slidebar .widget.widget_nav_menu ul.menu,
.ocs-slidebar ul.menu{
  margin-left: 0;
  margin-bottom: 0;
}
.ocs-slidebar .widget.widget_nav_menu ul li,
.ocs-slidebar ul li{
  list-style: none;
}
.ocs-slidebar .widget.widget_nav_menu ul li a,
.ocs-slidebar ul li a{
  padding: 5px 0;
  display: block;
}

.ocs-slidebar .widget.widget_nav_menu ul.menu > li > a,
.ocs-slidebar ul.menu > li > a{
  font-weight: bold;
}
.ocs-slidebar .berocket_single_filter_widget{
  border-bottom: 1px solid #cbcbcb;
  padding: 10px;
}
.ocs-slidebar .berocket_single_filter_widget .bapf_sfilter,
.ocs-slidebar .berocket_single_filter_widget h3{
  
}
.mhfgfwc-gift-item{
	display: flex;
    flex-direction: column;
    justify-content: space-between;align-content;
}
.woocommerce-form-coupon-toggle.mhfgfwc-toggle,
.mhfgfwc-hidden{
	float: right;
    max-width: 41.1764705882%;
}
.storefront-sorting{
  padding: 10px 0;
}
.berocket_brand_description img{
  margin: 0 auto;
}
.page-template-template-homepage .type-page {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
}
.archive.category .site-main,
.megaloop{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.archive.category .site-main > header{
  width: 100%;
}
.archive.category .site-main > article,
.megaloop > article{
  width: 100%;
}
.archive.category .site-main > article a,
.megaloop > article a{
  display: block;
  padding: 15px;
  text-align: center;
}
.archive.category .site-main > article a h2,
.megaloop > article a h3{
  font-size: 1.5em;
  padding: 5px 15px;
  line-height: 1em;
  margin-bottom: 0;
}
.archive.category .site-main > article a .meta,
.megaloop > article a .meta{
  color: #333;
}
.archive.category .site-main > article a:hover h2,
.megaloop > article a:hover h3,
.archive.category .site-main > article a:hover .meta,
.megaloop > article a:hover .meta{
  color: #ef7f1a;
}
.frontbtns{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2em;
}
.frontbtns a{
  position: relative;
  width: 100%;
  padding: 10px;
  color: #eee;
  border: 2px solid white;
  transition: all ease-out 300ms;
}
.frontbtns a p{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translatex(-50%) translatey(-50%);
  font-size: 2em;
  font-weight: bold;
  background-color: rgba(0,0,0,0.3);
  padding: 10px 20px;
  transition: all ease-out 300ms;
}
.frontbtns a:hover{
  color: #fff;
  border-color: #ef7f1a;
}
.frontbtns a:hover p{
  background-color: rgba(0,0,0,0.7);
}
.home .widget_berocket_product_brand_widget{
  margin-bottom: 2em;
}
.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
    padding-top: 2em;
}
.payment_method_novapay label:after{
  content: '';
  display: inline-block;
  background: url('https://novapay.ua/wp-content/themes/novapay/img/logo.svg') no-repeat 100% 0;
  height: 20px; 
  width: 70px;
  background-size: contain;
  float: right;
}
body.tax-berocket_brand .term-description{
  display: none;
}
#sb_instagram .sbi_hover_bottom, #sb_instagram .sbi_hover_top {
  font-size: 1.3em;
  line-height: 1.3em;
}

p.custom-attribute{
      margin-bottom: 0;
    margin-top: 5px;
    font-size: 0.9em;
}
.stock.in-stock{
  width: 100%;
    text-align: center;
  margin-bottom: 5px;
}

@media (max-width: 768px){
  .site-branding{
    order: 2;
  }
  .main-navigation{
    order: 1;
  }
  button.menu-toggle:before, button.menu-toggle:after, button.menu-toggle span:before {
    height: 3px;
    width: 30px;
}
  button.menu-toggle:before {
    transform: translateY(-10px);
}
  button.menu-toggle:after {
    transform: translateY(10px);
}
}
@media screen and (min-width: 768px){
  .site-header{
    padding-top: 0;
    padding-bottom: 0;
  }
  .secondary-navigation{
  display: flex;
    align-items: center;
}
  .woocommerce .wcml-vertical-list.product{
    margin: 0;
  }
.storefront-full-width-content.woocommerce-cart .entry-header, .storefront-full-width-content.woocommerce-checkout .entry-header, .storefront-full-width-content.woocommerce-account .entry-header, .storefront-full-width-content .woocommerce-products-header {
    padding: 0 0 1em;
}
  .page-template-template-fullwidth-php .site-main ul.products.columns-3 li.product, .page-template-template-fullwidth-php .header-widget-region ul.products.columns-3 li.product, .page-template-template-homepage-php .site-main ul.products.columns-3 li.product, .page-template-template-homepage-php .header-widget-region ul.products.columns-3 li.product, .storefront-full-width-content .site-main ul.products.columns-3 li.product, .storefront-full-width-content .header-widget-region ul.products.columns-3 li.product,
  .site-main ul.products.columns-3 li.product{
  width: 50%;
}
  .archive.category .site-main > article,
.megaloop > article{
  width: 50%;
}
  .secondary-navigation .menu,
.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation,
.woocommerce-active .site-header .site-search,
.woocommerce-active .site-header .site-header-cart,
.storefront-secondary-navigation.woocommerce-active .site-header .site-branding,
.woocommerce-active .site-header .main-navigation{
  width: auto;
  
}
  .woocommerce-checkout .content-area, .woocommerce-account .content-area, .category .content-area, .blog .content-area, .single .content-area, .single-product .content-area {
    width: 100%;
    float: none;
}
  .brcs_slider_brands .slick-slide img, .br_product_list_slider .slick-slide img{
    height: 100px !important;
  }
  .frontbtns a{
  width: 50%;
}
  
}
@media screen and (min-width: 992px){
 .page-template-template-fullwidth-php .site-main ul.products.columns-3 li.product, .page-template-template-fullwidth-php .header-widget-region ul.products.columns-3 li.product, .page-template-template-homepage-php .site-main ul.products.columns-3 li.product, .page-template-template-homepage-php .header-widget-region ul.products.columns-3 li.product, .storefront-full-width-content .site-main ul.products.columns-3 li.product, .storefront-full-width-content .header-widget-region ul.products.columns-3 li.product,
  .site-main ul.products.columns-3 li.product{
  width: 33.3%;
}
  .archive.category .site-main > article,
  .megaloop > article{
  width: 33.3%;
}
}
