/*
Theme Name: Sapori di Parma
Description: Camyno child theme by Infraordinario
Author: Andrea Belicchi
Author URI: https://web.infraordinario.it/
Version: 1.0
Template: camyno
*/

/******************************************
 *    Palette colori:
 * #cf921c; -> giallo logo SAPORI
 * #104372; -> blu logo DI PARMA
 * #135e96; -> azzurro WP
 * #2271b1; -> azzurro WP focus
 * 
 *
 * #0a8452; -> verde asian
 * #2d2d2d; -> grigio asian
 *
 ******************************************/

body {
  line-height: 1.25;
}     
a:hover {
  text-decoration: none !important;
}

/*  stile generali  */
#body {
  background: #ededed !important;
}
.cv-section-main {
  min-height: 420px;
  background-color: #ededed !important;
}
    
#spazio-vuoto-200 {
  min-height: 300px !important;
  background-image: url(./images/banner-bg.png) !important;
}

.cv-section-alternate,
#sfondo-verde {
  background-image: url(./images/banner-bg.png) !important;
}
    
.cv-column-row.is-boxed > div > .column-inner {
  /*background: #cf921b !important;*/
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  overflow: hidden;    
}  
.cv-column-row.is-boxed > div > .column-inner:before {
  display: none;
}
.cv-column-row.is-boxed > div > .column-inner:hover {
  /*background: #134674 !important;*/
}
.cv-promo-box {
  border-radius: 4px;
  transition: transform 1s;
}
.cv-promo-box:hover {
  transform: scale(1.1);
}
.cv-promo-box .promo-box-caption {
  padding: 10px;
}    

.archive #top-banner,
.page #top-banner {
  /*background-position: top center !important;*/
}

.page:not(.home) .cv-section-main img {
  border: 2px solid #252525;
  border-radius: 3px;
}
iframe {
  border: 2px solid #252525 !important;
}

/*****************/
/* header + menù */
/*****************/
#header,
.cv-logo {
  line-height: unset;
  width: 100%;
  /*height: 165px;*/
  text-align: center;
  -webkit-animation: 1s;
  animation: 1s;
}

#header .cv-logo,
#header.is-stuck,
#header.is-stuck .cv-logo {
  height: 0 !important;
}

#header .wrap {
  padding: 0 !important;
} 

#header * {
  /*max-height: 130px;*/
  max-height: unset;
} 
.cv-logo a {
  width: 100%;
  background-position: center center;
  background-size: 120px;  
}

/*#header.transparency-active .secondary-logo,*/ 
#trasla-su .cv-user-image-wrap img {
  -webkit-animation: bummer 2s;
  animation: bummer 2s;
  -webkit-transform: scale(0,0); 
  transform: scale(0,0);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  margin-bottom: 80px !important;
}
@-webkit-keyframes bummer {
    100% {
        -webkit-transform: scale(1,1); 
    }
}
@keyframes bummer {
    100% {
        transform: scale(1,1); 
    }
}

#header #primary-navigation {
  width: 100%;
  line-height: 50px;
  background-color: #2d2d2d;
  background: url(./images/nav-bg.png) left top repeat-x;
}
#header #primary-navigation #primary-menu {
  float: unset !important;
}
#header #primary-navigation ul.primary-menu {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  min-height: 50px;
}
#header #primary-navigation ul.primary-menu > li > a {
  font-size: 24px;
  line-height: 20px;
  text-transform: uppercase;
  padding-left: 24px;
  padding-right: 24px;
}
#header #primary-navigation ul.primary-menu.dropdown-menu > li:hover > a {
  color: #0a8452 !important;    /* verde */
}
#header .navigation-container .primary-menu.dropdown-menu ul a:hover {
  color: #f9f9f9 !important;    /* verde */
}

#header #primary-tools {
  position: absolute;
  right: 30px;
  top: 30px;
}

#header #primary-tools .icon-search-1:before,
#header #primary-tools .icon-basket:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #2d2d2d;
  border-radius: 50%;
  padding: 12px;
    font-size: 90%;
}
#header #primary-tools .cart-button .cart-count {
  background: #2d2d2d !important;
  color: #f9f9f9 !important;
}
#header #primary-tools .cart-button sup {
  font-size: 90%;
  margin-left: -8px;
}
#header .primary-menu ul.sub-menu {
  margin-top: 14px;
}
#header .primary-menu ul.sub-menu > li a,
#header .primary-menu ul.sub-menu > li, 
#header .primary-menu ul.sub-menu {
  border: 0 !important;
}
#header .primary-menu ul.sub-menu > li a {
  background-color: #2d2d2d;
  text-align: left;
  padding-left: 24px !important;
}
#header .primary-menu ul.sub-menu li:hover > a {
  background-color: #0a8452 !important;
  color: #f9f9f9 !important;
}
#header .primary-menu li a img { 
  width: auto; 
  min-width: 24px;
  height: 30px; 
  padding-top: 4px; 
}

#top-banner h3 {
  font-family: "Brush Script MT", cursive;
  margin: 80px 0 0 !important;
  font-size: 2em !important;
  letter-spacing: 3px;
}
#top-banner h5 {
  font-size: 24px !important;
  opacity: 1 !important;
}

#header.is-transparent .navigation-container > nav > a {
  color: #1d1d1d;
}

/***************/
/*   sidebar   */
/***************/
.cv-section-main .sidebar {
  padding-right: 0 !important;
  /*background-color: #ffffff;*/
} 
.cv-section-main .sidebar * {
  margin: 0 !important;
} 

.cv-section-main .sidebar .woof_checkbox_count,
.cv-section-main .sidebar .woof_childs_list li label {
  padding-left: 6px;
}

.single-product .related h2:not(.woocommerce-loop-product__title),
.cv-section-main .sidebar h4,
.cv-section-main .sidebar h2 {
  width: 100%;
  margin: 0 !important;
  background-color: #252525;
  color: #ffffff;
  font-size: 24px;
  padding: 10px;
  text-transform: uppercase;
} 

.cv-section-main .sidebar .wc-block-product-categories-list-item,
.cv-section-main .sidebar li {
  width: 100%;
  background-color: #ffffff !important;
  color: #252525 !important;
  padding: 8px 10px !important;
  border-bottom: 1px solid #d5d5d5;
  text-transform: uppercase;
}
.home .cv-section-main .sidebar li {
  padding: 20px 10px !important;
}
.cv-section-main .sidebar li a {
  font-size: 20px;  
}

.cv-section-main .sidebar .wc-block-featured-product__description,
.cv-section-main .sidebar .wc-block-product-categories-list-item > ul,
.cv-section-main .sidebar .wc-block-product-categories-list-item-count {
  display: none;
}

.cv-section-main .sidebar .wc-block-featured-product {
  min-height: unset !important;
  background-color: #ffffff;  
  background-size: contain;
  background-repeat: no-repeat;
  padding: 0;
}
.cv-section-main .sidebar .wc-block-featured-product__title {
  background: transparent;
  color: #252525;
  font-size: 24px;
  font-weight: 400;
}
.cv-section-main .sidebar .wp-block-button__link {
  width: 100%;
  background-color: #0b8355;    /* verde */  
  color: #f9f9f9 !important;
  border: 0 !important;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 400;
  padding: 4px 16px;
} 

/********************/
/*     homepage     */
/********************/
#trasla-su {
  position: absolute !important;
  background: transparent !important;
  width: 100%;
  top: 650px;
    top: 200px;
      top: 100px;
  z-index: 500;
}    
#trasla-su .cv-search-form {
  margin-bottom: 90px;
} 

.home #header.is-transparent .secondary-logo {
  opacity: 0 !important; 
}

.single-product h1.product_title,
.home .woocommerce h2:not(.woocommerce-loop-product__title) {
  background-color: #ffffff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 30px;
  padding: 10px;
  font-weight: 400;
}
.home .cv-section-main {
  min-height: unset !important;
}
              
/***************************/
/*  arcive / product loop  */
/***************************/
ul.products .product .price {
  text-align: center;
  /*margin-top: 14px;*/
    position: absolute;
    width: 100%;
    bottom: 50px;
}

ul.products .product .product-thumbnail {
  overflow: hidden;
}
ul.products .product .product-thumbnail .wc-loop-thumbnail {
  transition: transform 0.5s;
}
ul.products .product:hover .product-thumbnail .wc-loop-thumbnail {
  transform: scale(1.1);
}

ul.products li.product .product-inner-wrap {
  border: 2px solid #ffffff !important;
  background-color: #ffffff;
}

.single-product .single_add_to_cart_button,
wp-block-button__link,
ul.products .product .product-inner-wrap .button {
    background-color: #0b8355 !important;    /* verde */  
  color: #f9f9f9 !important;
  border: 0 !important;
    height: 40px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
} 
ul.products .product .product-inner-wrap button:not(.add_to_cart_button) {
  display: none !important;
}
ul.products .product .product-inner-wrap .button:before {
  display: none !important;
}
   
ul.products .product .product-inner-wrap .product-description {
  padding: 4px;
  /*height: 10em;*/
}

.woocommerce-Price-amount,
.woocommerce-loop-product__title {
  margin-top: 0;
  font-weight: 400 !important;
  font-size: 1.15em !important;
  color: #171717;
}
.related ul.products,
.archive ul.products {
  display: flex;
  flex-flow: row wrap;
  justify-content: start;
  margin: 0 auto;
  padding-left: 0;
}                      
.related .product,
.archive .product {
  width: 23%;
  margin: 1%;
  list-style: none;
  background-color: #fff;
  border-radius: 3px;
}
.archive .price {
  text-align: center;
  margin-top: 14px;
}
.products.upsells, 
.products.related {
  margin-top: 50px;
}

/********************/
/*  single product  */
/********************/
.single-product .single-product-view-more,
/*.single-product .related,*/
.single-product .woocommerce-tabs {
  display: none;
}

.single-product .product_meta {
  display: inline-block !important;
}
.single-product .product_meta > * {
  display: block;
  margin-top: 10px;
}

.single-product-columns {
  display: inline-block;
  margin-bottom: 50px;  
}
.single-product-columns>div:first-child {
  padding-right: 0 !important;
}
.single-product product .woocommerce-product-gallery img {
  height: auto;
}
.single-product .product-description {
  /*border-top: 1px solid #888888; */
  /*border-bottom: 1px solid #888888;*/
  margin: 10px 0;
  padding: 10px 0;
  color: #555555;
}
.related ul.products {
  padding-left: 0;
}                      

/****************************/
/*  woocommerce in generale */
/****************************/

.woocommerce-checkout .woocommerce-info,
.woocommerce-message {
  background: #0b8355;    /* verde */
  border-radius: 4px;
  color: white;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  margin-bottom: 20px;
}
.woocommerce-info {
  text-align: center;
  margin-bottom: 20px;
}
.woocommerce-store-notice {
  display: none;
}
.woocommerce .return-to-shop,
.woocommerce-cart .product-quantity {
  text-align: center;
}
.woocommerce-cart .cv-section-main img {
  border: 1px solid #d3d3d3;
}                 
.woocommerce-cart .wc-proceed-to-checkout {
  text-align: right;
  margin-right: 12px;
}
.woocommerce form.checkout {
  margin-top: 0 !important;
}

/*******************/
/*  brands plugin  */
/*******************/
.brand_info.brand_slider_image img {
  height: 150px !important; 
}
.single-product .br_brand_product_container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  width: 100% !important;
  margin-bottom: 40px;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
  width: 24%;
  margin-right: 1%;
}    

.single-product .berocket_brand_post_image {
  width: 80px !important;
}
 
.archive.tax-berocket_brand .cv-wrap-wrapper {
  padding-top: 20px;
}
.archive .berocket_brand_description {
  max-width: 75em;
  margin: 0 auto;
  padding: 3.5em 1.5em 0;
  display: flex;
  align-items: center;
} 
.archive .berocket_brand_description img {
  width: 27.5% !important;
  height: auto !important;
  background-color: #1e1e1e;
  padding: 0 5em !important;
} 
.archive .berocket_brand_description .text {
  padding: 20px;
  font-size: 20px;
} 
.qib-button:not(#qib_id):not(#qib_id) {
  height: 37px !important;
}

/************************
 * Footer/ Socket 
 ************************/
#footer {
  background-image: url(./images/footer-row-bg.gif);
}    

#footer .cv-wrap-wrapper {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
} 
#footer h3.widget-title {
  font-size: 24px !important;
  margin-bottom: 10px !important;
}
    
#footer .cv-column-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;      
  margin: 0 auto;
}    
#footer .footer-column {
  text-align: center;
  margin: 0 !important;
  width: 30% !important;
    /*border: 2px solid #252525;*/
    border-radius: 3px;
    min-height: 100px;
}
#footer .has-clearfix:after,
#footer .has-clearfix:before {
  display: none;
}

#footer .sidebar .widget {
  margin-bottom: 10px !important;
}
#footer .widget ,wp-block-image img {
  max-width: 250px;
}

#socket.layout-centered .cv-wrap-wrapper {
  padding-top: 1em !important;
  padding-bottom: 1em !important;
}
#socket.layout-centered .socket-menu {
  margin-bottom: 1em !important;
}
#socket .socket-menu li:after,
#socket .socket-menu li:last-child, 
#socket .socket-menu li:first-child {
  display: none;
}

#socket .socket-block {
  display: inline-block;
}
#socket .socket-block:not(:last-child):after {
  display: inline-block;
  content: "|";
  margin: 0 10px;
  opacity: 0.5;
}
#socket .socket-text {
  font-size: 14px;
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
  padding: 6px 0;
}  
#banner-contributo {
  width: 500px;
  margin: 0px auto 6px;
}

/***************************/
/*  WOOF - filtri prodotti */
/***************************/
.woof_products_top_panel,
.woof_sid_auto_shortcode {
  display: none !important;
}
.woof_childs_list_opener {
  float: right;
}
.woof_container {
  padding-bottom: 20px;
}

/***************************************************************
 * SMART PHONE
 ***************************************************************/
/*@media screen and (max-width: 980px)*/ 
@media only screen and (max-width: 782px) 
{                         
  html {
    /*margin-top: 0px !important;*/
  }
  #wpadminbar {
    display: none !important;
  }                            
  #header {
    display: block !important;
    padding-top: 10px !important;
      position: fixed;
      width: 100%;
      top: 0;
  } 
}

/***************************************************************
 * TABLET
 ***************************************************************/
@media only screen and (max-width: 1350px) 
{                         
  #header #primary-navigation ul.primary-menu > li > a {
    padding-left: 13px;
    padding-right: 13px;
    font-size: 20px;    
  }
}