/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */

* {
  outline: none !important;
}

:root {
  --gradient: linear-gradient(to right, #686868, #020202);
  --highlight-bg: #a7d500;
  --bt-color: #d9d9d9;
  --bt-hover: #a7d500;
  --hover-trans: 0.4s;
}
:root body.page-id-107 {
  --bt-hover: #412c1b;
}
a:focus,
.focus a {
  outline: none !important;
}
.col-full {
  max-width: 1920px;
}
.home .col-full {
    padding: 0;
}
body {
    background-color: #fbfbfb!important;
}
li.product a {
    background-color: white;
    overflow: hidden;
}
/* Header loja */
.sticky-header {
    position: fixed;
    width: 100%;
    top: -200px;
    transition: all .3s;
}
.sticky-header.stickyOn {
    position: fixed;
    width: 100%;
    top: -0px;
    transition: all .3s;
}
#masthead {
  margin: 0;
  padding: 0;
}
.header-topo-loja {
  position: inherit;
  z-index: 1;
  width: 100%;
  background: var(--gradient);
}
.aviso-lojista {
  background-color: var(--highlight-bg);
  font-size: 16px;
  line-height: 35px;
}
.aviso-lojista a {
    color: white;
}
.aviso-lojista a:hover {
    color: black;
}
.header-topo-loja .col-full,
.header-baixo-loja .col-full {
  max-width: 80% !important;
}
.site-header .site-branding img {
  max-width: 170px;
  padding-top: 66px;
}
.ducao-buscador,
.ducao-logo.logo-loja {
  height: 100px;
  display: flex;
  align-items: center;
}
.site-search {
  width: 100% !important;
  margin: 0 !important;
}
.site-search input {
  outline: 0 !important;
}
.site-search .search-field {
  border-radius: 25px;
}
.ducao-carrinho {
  display: flex;
  justify-content: right;
  align-items: center;
  padding: 0;
  column-gap: 6px;
}
.whats-header {
  text-align: center;
}
.whats-header a {
  column-gap: 8px;
}
.whats-header span {
  font-size: 0.8em;
}
.ducao-carrinho a {
  font-size: 1.6em;
  color: var(--bt-color);
  transition: var(--hover-trans);
}
.ducao-carrinho a:hover i,
.whats-header a:hover {
  color: var(--bt-hover);
}
.site-header-cart,
.site-header-account {
  width: 45px !important;
}
.site-header-cart > a,
.site-header-account > a {
  width: 45px;
  height: 45px;
}
.widget.woocommerce.widget_shopping_cart {
  width: 270px;
  z-index: 9999;
  left: -86px;
  opacity: 0;
  visibility: hidden;
  transition: var(--hover-trans);
}
.site-cart-widget span.quantity {
  position: relative;
  left: 30px;
}
.site-cart-widget .remove_from_cart_button {
  top: 1em !important;
}
.site-header-cart .widget_shopping_cart a.button,
.site-header-cart .widget_shopping_cart a.button.checkout {
  background-color: #000;
  color: #fff !important;
  transition: 0.2s;
  border-radius: 6px;
}
.site-header-cart:hover .widget_shopping_cart,
.site-header-cart.focus .widget_shopping_cart {
  opacity: 1;
  visibility: visible;
}
.mega-tropaRealMenu ul.mega-sub-menu .mega-menu-item a {
    text-transform: capitalize!important;
    font-weight: 400!important;
}
.mega-tropaRealMenu ul.mega-sub-menu .mega-menu-item {
    padding: 10px!important;
}
/* Carrinho fixo */
.float-cart-cont {
    position: fixed;
    right: 6px;
    top: 50%;
    z-index: 99999;
    padding: 10px;
    border-radius: 6px;
    text-align: center;
    background-color: var(--bt-color);
    transition: var(--hover-trans);
    display: inline-grid;
}
.float-cart-cont a {
    color: #000;
    transition: var(--hover-trans);
    display: inline-grid;
    padding: 5px 0;
}
.float-cart-cont:hover {
  background-color: var(--bt-hover);
}
.float-cart-cont a:hover {
  color: #fff;
}

.float-cart-cont p {
  margin: 0;
}

.site-branding {
    width: auto;
}
/* Carrossel */
.categoryCarouselWrapper {
    max-width: 1920px;
    width: 100%;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.categoryGaleryContainer {
    position: relative;
    height: 180px;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 38px;
}
.categoryCarouselWrapper::-webkit-scrollbar, .productSliderWrapper::-webkit-scrollbar {
    display: none;
}
.categoriesCarousel {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-around;
}
.categoryCarouselItem {
    flex: 0 0 calc(100%/5);
    padding: 20px 10px;
    text-decoration: none !important;
    transition: var(--hover-trans);
}
.categoryCarouselItemCont {
    position: relative;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 6px;
    height: 120px;
    display: flex;
    align-items: center;
    column-gap: 10px;
    transition: var(--hover-trans);
    box-shadow: 0 0 5px #f1f1f1;
}
.categoryCarouselItem:hover .categoryCarouselItemCont {
    border: 1px solid var(--bt-hover);
}
.categoryCarouselItem img {
    height: 170px;
    width: 170px;
}
.categoryCarouselItem p {
    color: #000;
    margin: 0;
}
p.categoryTitle {
    font-weight: 500; 
    font-size: 21px;   
}
.categoryChevron {
    position: absolute;
    right: 10px;
    height: 26px;
    width: 26px;
    border-radius: 50%;
    background-color: #d9d9d9;
    display: flex;
    justify-content: center;
    align-items: center;
    color: black;
    transition: var(--hover-trans);
}
.categoryCarouselItem:hover .categoryChevron {
    background-color: var(--bt-hover);
}
.leftCategoryCarouselArrow, .rightCategoryCarouselArrow {
    visibility: hidden;
    position: absolute;
    height: 30px;
    width: 36px;
    padding: 0;
    border-radius: 6px;
    background-color: #000;
    color: #fff;
    border: 0;
    outline: none !important;
    left: 46%;
    bottom: -34px;
    font-size: 1.2em;
    cursor: pointer;
    transition: var(--hover-trans);
}
.showCarouselArrows {
    visibility: visible !important;
}
.rightCategoryCarouselArrow {
    right: 46%;
    left: auto;
}
.leftCategoryCarouselArrow:hover, .rightCategoryCarouselArrow:hover {
    background-color: var(--bt-hover);
    color: #fff !important;
}

/* loop produtos */
.woocommerce-LoopProduct-link h2:hover {
  color: var(--bt-hover);
  transition: var(--hover-trans);
}

.woocommerce-LoopProduct-link .onsale {
  display: none;
}

h2.woocommerce-loop-product__title,
a.button.addtocartbutton,
.woocommerce-LoopProduct-link span.price,
.products li.product .single_add_to_cart_button.alt {
  position: relative;
  top: 0;
  transition: var(--hover-trans);
}

li.product:hover
  .woocommerce-LoopProduct-link
  h2.woocommerce-loop-product__title,
li.product:hover a.button.addtocartbutton,
li.product:hover .woocommerce-LoopProduct-link span.price,
li.product:hover .single_add_to_cart_button.alt {
  top: -60px;
  visibility: visible;
  opacity: 1;
}

.added_to_cart,
.site-header-cart .widget_shopping_cart a.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.site-header-cart .widget_shopping_cart a.button.checkout,
button.alt,
input[type="button"].alt,
input[type="reset"].alt,
input[type="submit"].alt,
.button.alt,
.widget-area .widget a.button.alt,
a.button.addtocartbutton {
  background-color: var(--bt-color) !important;
  color: #000 !important;
  transition: var(--hover-trans);
  border-radius: 6px;
}

.added_to_cart:hover,
.site-header-cart .widget_shopping_cart a.button:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover,
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,
a.button.addtocartbutton:hover {
  background-color: var(--bt-hover) !important;
}


body.page-id-107 a.button.addtocartbutton:hover {
    color: white!important;
}

a.button.addtocartbutton {
  visibility: hidden;
  opacity: 0;
}

.woocommerce-LoopProduct-link span.price .amount {
  color: var(--bt-hover);
  font-size: 18px;
}
.woocommerce-LoopProduct-link span.price del .amount {
  color: #6d6d6d;
  font-size: 14px;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    box-shadow: 0 0 3px #ededed;
    border-radius: 6px;
    padding: 4px;
}

h2.woocommerce-loop-product__title,
span.price {
  background-color: #fff;
  padding-bottom: 0.55em;
  margin-bottom: 0 !important;
}
h3.elementor-post__title a {
    text-decoration: none!important;
}

.single-post .content-area {
    width: 100%;
    margin-left: 0;
}
.single-post #secondary {
    display: none;
}

/* pág produto */
p.price {
  color: var(--bt-hover);
}
.irs--round .irs-bar {
    background-color: var(--bt-hover)!important;
}
.irs--round .irs-handle {
    border: 4px solid var(--bt-hover)!important;
}
.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
    background-color: var(--bt-hover)!important;
}
.strong-view-id-1 .wpmtst-testimonial-inner {
    background: none;
}
.home .testimonial-inner p, .home .testimonial-inner div {
    color: white!important;
}

.formContato input, .formContato label {
    width: 100%;
}
.formContato input:not([type='submit']):not([type='file']), .formContato textarea {
    border-radius: 6px;
    background-color: #fbfbfb;
    box-shadow: 0 0 5px #e7e7e7;
}
.depoimentosTropa .testimonial-inner {
    font-size: 15px;
}
.depoimentosTropa .testimonial-image img {
    width: 100px;
}
.formContato input[type='submit'] {
    background-color: var(--bt-color) !important;
    color: #000 !important;
    transition: var(--hover-trans);
    border-radius: 6px;
}
.formContato input[type='submit']:hover {
    background-color: var(--bt-hover) !important;
}

.page-id-107 .testimonial-inner {
    background-color: #412c1b;
}
.page-id-107 .testimonial-inner a {
    color: white!important;
}
.page-id-107 .testimonial-inner p {
    color: white!important;
}
.page-id-107 .testimonial-name {
    color: white!important;
}

/*
 * Footer 
 */
.logo-rodape img {
    margin: 0 auto;
}
section.footer-topo {
  background-color: white;
  color: black;
  text-align: center;
}
section.footer-widgets {
  background: var(--gradient);
}
.site-footer {
  padding: 0;
}
section.footer-widgets,
section.footer-topo {
  padding: 1em 0;
  border-bottom: unset;
}
.widget_nav_menu ul li::before {
  content: "";
}
.siteInfo p {
  justify-content: center;
  display: flex;
  flex-direction: row;
  column-gap: 14px;
  align-items: center;
  margin: 10px 0;
}
footer .menu li {
    width: 50%;
    float: left;
}
footer .widget p {
    margin: 0;
}
footer a {
    text-decoration: none!important;
}
p.texto-rodape {
    text-align: center;
}
.home footer .col-full {
    padding: 0 2em;
}
.copyLogo img {
    filter: grayscale(1);
}
.copyLogo:hover img{
    filter: grayscale(0);
}
ul.foo-contacts li {
    margin-bottom: 5px;
}
.logo-rodape img {
    filter: grayscale(1) invert(1);
}
.whatsapp-fixed {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 99999;
    max-width: 75px;
}
/*
 * @media queries 
 */
 
@media screen and (max-width: 1700px) {
    .categoryCarouselItem {
        flex: 0 0 calc(100%/4);
    }
}

@media screen and (max-width: 1280px) {
    .categoryCarouselItem {
        flex: 0 0 calc(100%/3);
    }
    
    .leftCategoryCarouselArrow {
        left: 40%;
    }
    .rightCategoryCarouselArrow{
        right: 40%;
    }
    .whats-header span {
        font-size: 0.6em;
    }
}

@media only screen and (max-width: 1064px) {
    .header-topo-loja .col-full,
    .header-baixo-loja .col-full {
      max-width: 100% !important;
    }
  }

@media screen and (max-width: 880px) {
    .categoryCarouselItem {
        flex: 0 0 calc(100%/2);
    }
}

@media screen and (min-width: 768px) {
.page-template-template-fullwidth-php .site-main ul.products.columns-5 li.product, .page-template-template-fullwidth-php .header-widget-region ul.products.columns-5 li.product, .page-template-template-homepage-php .site-main ul.products.columns-5 li.product, .page-template-template-homepage-php .header-widget-region ul.products.columns-5 li.product, .storefront-full-width-content .site-main ul.products.columns-5 li.product, .storefront-full-width-content .header-widget-region ul.products.columns-5 li.product {
    width: 19%;
    margin-right: 1.2222%;
}

footer .widget {
  margin: 0;
}
}

@media screen and (max-width: 768px) {
.sticky-header .header-topo-loja {
    display: none;
}
.site-header .site-branding img {
    max-width: 120px;
    padding-top: 46px;
    position: relative;
    z-index: 1;
}
.ducao-logo.logo-loja.col-md-2 .site-branding {
    margin: 0;
}
.siteInfo {
    margin-bottom: 80px;
}
  /* Esconder componentes */
  .site-header-cart,
  .site-header-account,
  .ducao-buscador,
  #site-navigation-menu-toggle,
  .float-cart-cont, .mega-toggle-blocks-left, .mega-toggle-blocks-center {
    display: none !important;
  }

  /* container do WhatsApp */
  

  .whats-header a {
    font-size: 1.2em;
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .whats-header span {
    font-size: 0.9em;
  }

  .site-navigation {
    margin-left: auto !important;
  }

  .header-baixo-loja {
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    right: 45px;
    justify-content: flex-end !important;
    z-index: 1;
  }

  /*
 * Footer 
 */

  footer .widget {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  section.footer-topo {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  section.footer-topo > div.col-full.row {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
  }

  section.footer-topo > div.col-full.row > div.col {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
}
  
  @media screen and (max-width: 600px) {
    .categoryCarouselItem {
        flex: 0 0 calc(100%/1);
    }
    
    .leftCategoryCarouselArrow {
        left: 34%;
    }
    .rightCategoryCarouselArrow{
        right: 34%;
    }
  }