/*
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.
 */

/* ---------------------------------------------------
    GLOBAL
----------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap');
@font-face {
  font-family: 'Galano Grotesque';
  font-style: normal;
  font-weight: normal;
  src: local('Galano Grotesque'), url('assets/fonts/galano-grotesque.otf') format('opentype');
}

body {
  font-family: 'Montserrat';
  margin:0;
  padding:0;
}
a:focus, button:focus, 
.button.alt:focus, 
input:focus,
textarea:focus, 
input[type="button"]:focus, 
input[type="reset"]:focus, 
input[type="submit"]:focus, 
input[type="email"]:focus, 
input[type="tel"]:focus, 
input[type="url"]:focus, 
input[type="password"]:focus, 
input[type="search"]:focus {
  outline: 0px;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
#sidebar {
  width: 100%;
  position: fixed;
  top: 0;
  left: -100%;
  height: 100vh;
  z-index: 999;
  background: #000;
  color: #fff;
  transition: all 0.3s;
  overflow-y: scroll;
}
#sidebar.active {
  left: 0;
}
#dismiss {
  width: 35px;
  height: 35px;
  line-height: 34px;
  text-align: center;
  background: #fff;
  position: absolute;
  top: 13px;
  right: 27px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #000;
}
#dismiss:hover {
  background: #fff;
  color: #7386D5;
}
.overlay {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 998;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.overlay.active {
  display: block;
  opacity: 1;
}
#sidebar .sidebar-header {
  padding: 0px;
  background: #fff;
}
#sidebar ul.components {
  padding: 20px 0;
}
#sidebar ul p {
  color: #fff;
  padding: 10px;
}
#sidebar ul li a {
  padding: 10px;
  font-size: 1.1em;
  display: block;
}
#sidebar ul li a:hover {
  color: #7386D5;
  background: #fff;
}
#sidebar ul li.active>a,
a[aria-expanded="true"] {
  color: #fff;
  background: #565454;
}
#sidebar a[data-toggle="collapse"] {
  position: relative;
}
#sidebar .dropdown-toggle::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
#sidebar ul ul a {
  font-size: 0.9em !important;
  padding-left: 30px !important;
  background: #484545;
  color: #fff;
}
#sidebar a{
  color:#fff!important;
}

/* ---------------------------------------------------
    NAVGROUP
----------------------------------------------------- */
.nav-group .navbar-2{
  background-color: #1a1a1a!important;
}
.nav-group .navbar-2 .nav-link{
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.8rem;
  padding: 3px;
}
.nav-group .navbar-light .navbar-brand img{
  margin:0 auto;
}

/* ---------------------------------------------------
    FLOATING BACKTOP BUTTON
----------------------------------------------------- */
#scroll {
  position: fixed;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
  width: 50px;
  height: 40px;
  background-color: #000000;
  text-indent: -9999px;
  display: none;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 0px;
  border: 1px solid #fff;
}
#scroll span {
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-8px;
  margin-top:-12px;
  height:0;
  width:0;
  border:8px solid transparent;
  border-bottom-color:#ffffff;
}
#scroll:hover {
  background-color:#e74c3c;
  opacity:1;filter:"alpha(opacity=100)";
  -ms-filter:"alpha(opacity=100)";
}

/* ---------------------------------------------------
    BREADCRUMB
----------------------------------------------------- */
.breadcrumb {
  background-color: transparent;
  padding-left: 0;
  font-size: 0.8rem;
  margin-bottom: 0;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content {
  width: 100%;
  min-height: 100vh;
  transition: all 0.3s;
  position: relative;
  top: 0;
  right: 0;
}

/*
 * GERAL ####################################################################################################################
 */
.page{
  min-height: 100vh;
  margin-top: 0px;
}
.btn, .btn-lg, .card, .card-img-top, .form-control{
  border-radius:0 !important;
}
a{
  color: #000;
}
.page-interna .title{
  /*background-color: #e6e6e6;*/
}
input[type=text], 
input[type=number], 
input[type=email], 
input[type=tel], 
input[type=url], 
input[type=password], 
input[type=search],
textarea, 
.input-text {
  border: 1px solid #c0c0c0;
  background-color: #fff;
  box-shadow: none;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #c0c0c0;
  border-radius: 0;
  height: 45px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 41px;
}

/*
 * RESPONSIVEL
 */
@media only screen and (max-width: 770px){
  .page{
    margin-top: 0px;
  }
}
@media only screen and (min-width: 1200px){
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 100%!important;
    padding-left: 30px;
    padding-right: 30px;
  }
}

/*
 * HOME
 */
#SliderCarousel {
    border-bottom: 1px solid;
}
.sec-title h1{
  font-weight: 700;
  text-transform: uppercase;
  font-size: 2rem;
  letter-spacing: 2px;
}
.page-home .product-home a img { 
/*  height: 380px;*/
  width: 100%;
  object-fit: cover;
  padding: 0;
  margin: 0 auto;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.page-home .product-home a img:nth-of-type(2) {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0px;
  padding-right: 15px;
}
.page-home .product-home a:hover img:nth-of-type(2) {
  visibility: visible;
  opacity: 1;
}
.page-home .product-home a:hover img:nth-of-type(1) {
  visibility: hidden;
  opacity: 0;
}

.page-home #SliderBlog h1{
  font-size: 2rem;
}
.page-home #SliderBlog .blog-content{
  min-height: 290px;
}
.page-home #SliderBlog .carousel-control-next, 
.page-home #SliderBlog .carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 10%;
  color: #000;
  text-align: center;
  opacity: 1;
  transition: opacity .15s ease;
  font-size: 3rem;
}
.page-home #SliderBlog .carousel-indicators {
  position: absolute;
  right: 0;
  bottom: -50px;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.page-home #SliderBlog .carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease;
}
.page-home #SliderBlog .btn-primary{
  background-color: #000;
  border: 1px solid #000;
  font-size: 0.7rem;
  text-transform: uppercase;
}
.page-home #SliderBlog .btn-primary:hover{

}
.page-home .newsletter{
  background-image:url("/wp-content/themes/storefront-child-theme/assets/img/bg-newletter.jpg");
  background-position: center;
  background-size: cover;
}
.page-home .newsletter .input-group .form-control{
  font-size: 0.9rem;
  text-transform: uppercase;
}
.page-home .newsletter .input-group .btn-primary{
  font-size: 0.9rem;
  text-transform: uppercase;
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}


/*
 * PAGE CHECKOUT
 */
.woocommerce-checkout .col2-set .col-1, 
.woocommerce-checkout .col2-set .col-2 {
  width: 100%;
  max-width: 100%;
}
.woocommerce-checkout .form-row label {
  width: 100%;
}
.woocommerce-checkout .woocommerce-input-wrapper{
  width: 100%;
}

 /*
 * PAGE PRODUTOS
 */
.widget .widget-title, .widget .widgettitle {
  font-size: 1rem;
  letter-spacing: 0;
  border-bottom: 1px solid rgba(0,0,0,.05);
  padding: 0 0 1em;
  margin-bottom: 1em;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
}
.widget_product_categories ul li::before {
  -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;
  vertical-align: baseline;
  content: "";
}
.widget-area .widget a {
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.8rem;
}
.widget-area .widget a:hover {
  color:#000;
}
ul.products li.product .button, 
ul.products .wc-block-grid__product .button, 
.wc-block-grid__products li.product .button,
.wc-block-grid__products .wc-block-grid__product .button
{
  margin-bottom: 0.236em;
  text-transform: uppercase;
  font-size: 0.7rem;
  color: #fff;
  background-color: #000;
}

.btn-produto,
.btn-produto:hover{
  margin-bottom: 0.236em;
  text-transform: uppercase;
  font-size: 0.7rem;
  color: #fff;
  background-color: #000;
  font-weight: 600;
  font-family: 'Montserrat';
  border:0!important;
}
.product-title {
  font-size: 0.8rem!important;
  padding-top: 10px!important;
  text-transform: uppercase!important;
  font-weight: 600!important;
  color: #000!important;
}
.product-price {
  font-size: 0.8rem!important;
  font-weight: 600!important;
  padding-top: 10px!important;
  padding-bottom: 10px!important;
}
ul.products li.product .woocommerce-loop-product__title, ul.products li.product .woocommerce-loop-category__title, ul.products li.product .wc-block-grid__product-title, ul.products li.product .wc-block-grid__product-title>a:not(.has-font-size), ul.products .wc-block-grid__product .woocommerce-loop-product__title, ul.products .wc-block-grid__product .woocommerce-loop-category__title, ul.products .wc-block-grid__product .wc-block-grid__product-title, ul.products .wc-block-grid__product .wc-block-grid__product-title>a:not(.has-font-size), .wc-block-grid__products li.product .woocommerce-loop-product__title, .wc-block-grid__products li.product .woocommerce-loop-category__title, .wc-block-grid__products li.product .wc-block-grid__product-title, .wc-block-grid__products li.product .wc-block-grid__product-title>a:not(.has-font-size), .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title, .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title>a:not(.has-font-size) {
  font-size: 0.8rem!important;
  padding-top: 10px!important;
  text-transform: uppercase!important;
  font-weight: 600!important;
  color: #000!important;
}
.woocommerce-tabs ul.tabs li.active a, 
ul.products li.product .price, 
.widget_search form:before, 
.widget_product_search form:before {
  font-size: 0.8rem!important;
  font-weight: 600!important;
  padding-top: 0px!important;
  padding-bottom: 10px!important; 
  margin-bottom: 0;
}

.onsale, 
.wc-block-grid__product-onsale{
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  margin-bottom: 0;
  position: absolute;
  top: 0;
  right: 0;
}

/*
 * FOOTER
 */
footer{
	background-color: #1a1a1a;
  padding-top: 20px;
  font-size: 0.9rem;
  color: #ffffff8f;
}
footer a{
  color:#fff;
}
footer ul{
  list-style: none;
  margin:0;
  padding:0;
}
footer .social {
  display: table;
  width: 100%;
  list-style: none;
  font-size: 2rem;
}
footer .social li {
  display: table-cell;
  text-align: center;
}
footer .social li:first-child {
  text-align: left;
}
footer .social li:last-child {
  text-align: right;
}
footer .social li a {
  display: block;
}
footer .copy{
  font-size: 0.6rem;
  background-color: #6d6d6d;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: 'Galano Grotesque';
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-top: 20px;  
}
footer .title{
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.8rem;
}
footer .social-icons i{
  font-size: 1.8rem;
  margin-top: 15px;
}


/*
 * RESPONSIVEL
 */
@media only screen and (max-width: 770px){
  .nav-group {
    position: fixed;
    z-index: 2;
    width: 100%;
  }
  .navbar-light .navbar-toggler {
    border-color: transparent;
  }
  .navbar-dark .navbar-toggler {
    border-color: transparent;
  }
  .nav-group .navbar-float{
    display:none;
  }
  .navbar-brand {
    padding-top:0px;
  }
  .navbar-brand img,
  .sidebar-header img{
    width: 200px;
    height: auto;
    scale: 1.5;
    left: 20px;
    position: relative;
  }
  #sidebar .navbar-brand img, 
  #sidebar .sidebar-header img {
    width: 177px;
    height: auto;
    scale: 0.7;
    left: -10px;
    position: relative;
  }
  .navbar-1{
    border-bottom: 1px solid #000;
  }
  .navbar-2{
    display:none;
  }
  .navbar-brand{
      margin-left: unset !important;
  }
  #content{
    margin-top: 56px;
  }
  .page-home #SliderBlog .blog-content {
    padding-left: 3rem;
    padding-right: 3rem!important;
  }
  .page-home #SliderBlog h1 {
        font-size: 1.5rem;
  }
  .page-home #SliderBlog .w-100 {
    text-align: center;
    padding-bottom: 30px;
  }
  footer .social li{
    display:block;
  }
  footer .social li img{
    margin: 0 auto;
    margin-bottom: 20px;
  }
}


.owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.owl-nav button {
  pointer-events: all;
  background: #ffffffa3 !important;
  border: 2.9px solid #0000003d !important;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer !important;
  transition: 0.3s;
}
.owl-nav button span{
  font-size: 3rem;
  color: black;
  margin-top: -9px;
  position: absolute;
}

.owl-nav button:hover {
    background: #f0f0f0;        /* leve escurecida no hover */
}

.btn-banner, 
.btn-banner:hover {
    margin-bottom: 0.236em;
    text-transform: uppercase;
    font-size: 0.7rem;
    color: #fff;
    background-color: #000;
    font-weight: 600;
    font-family: 'Montserrat';
    border: 1px solid #fff !important;
}