/*
  Theme Name: Advancis Capilar
  Theme URI:
  Author: Farmodiética
  Author URI: https://www.farmodietica.com/
  Description: Tema criado para dar a conhecer os produtos da gama capilar.
  Version: 1.0
  Tags: custom-header, custom-menu, custom-logo
*/

/*********
** GENERAL
**********/

/*Este codigo é uma solucao rapida e para ser retirado o mais depressa possivel*/

/* body.translatepress-en_US.product-advancis-capilar-resist-s-ampolas{
  display: none;
} */

/* body.translatepress-en_US.product-resist-locao .post-1452 {
  display: none;
} */

html { font-size: 10px; }

body { color: #333; }

iframe {
  width: 100%;
  -webkit-transition: height 300ms ease-in-out,
              width 300ms ease-in-out;
  -o-transition: height 300ms ease-in-out,
              width 300ms ease-in-out;
  transition: height 300ms ease-in-out,
              width 300ms ease-in-out;
}

a, a:link, a:visited {
  text-decoration: none;
  color: #333333;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

p {
  margin: 0;
  padding: 0;
  font-size: 1.6rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Gotham Book' !important;
  line-height: 1.2;
}

h1 { 
  font-size: 3.9rem; 
  
}

h2 { 
  font-size: 3.1rem; 
}

h3,
h2.widgettitle { 
  font-size: 2.5rem; 
}

h4 { 
  font-size: 2rem;
}

h5 { 
  font-size: 1.6rem; 
}

h6 { 
  font-size: 1.25rem; 
}

ul { 
  font-size: 1.6rem; 
  line-height: 1.2;
}

ul.advancis360 {
  list-style: none;
}

ul li{
  font-family: 'Gotham Book' !important;
}

p {
  font-family: 'Gotham Book' !important;
  line-height: 1.7;
}

ul.advancis360 li::before {
  content: "\2022";
  color: #C99D66;
  font-weight: bold;
  display: inline-block;
  width: 1.5rem;
}

img {
  image-rendering: -moz-crisp-edges;         /* Firefox */
  image-rendering:   -o-crisp-edges;         /* Opera */
  image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}

.object-fit { -o-object-fit: cover; object-fit: cover; }

.z-index-negative {
  z-index: -1;
}

/*** HOVER EFFECTS ***/
a.hover-black {
  position: relative;
  display: inline-block;
  overflow: hidden;
  background: -o-linear-gradient(left, rgb(255, 147, 30), rgb(255, 147, 30) 50%, #333333 50%);
  background: -webkit-gradient(linear, left top, right top, from(rgb(255, 147, 30)), color-stop(50%, rgb(255, 147, 30)), color-stop(50%, #333333));
  background: linear-gradient(to right, rgb(255, 147, 30), rgb(255, 147, 30) 50%, #333333 50%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  background-position: 100%;
  -webkit-transition: background-position 275ms ease;
  -o-transition: background-position 275ms ease;
  transition: background-position 275ms ease;
}

a.hover-black:hover {
  background-color: transparent !important;
  background-image: -o-linear-gradient(left, rgb(255, 147, 30), rgb(255, 147, 30) 50%, #333333 50%) !important;
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(255, 147, 30)), color-stop(50%, rgb(255, 147, 30)), color-stop(50%, #333333)) !important;
  background-image: linear-gradient(to right, rgb(255, 147, 30), rgb(255, 147, 30) 50%, #333333 50%) !important;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;

  background-position: 0 100%;
}

/*** BTNS ***/
button {
  text-transform: uppercase;
  background-color: transparent;
  font-size: 1.4rem;
  padding: 0;
  position: relative;
  z-index: 1;
}

button.button-default:not([disabled]):hover::before {
  width: 100%;
}

button > a {
  display: block;
  padding: .8rem 3.5rem;
  position: relative;
}

button.dark > a {
  color: #333333;
}

button.light > a {
  color: #FFF;
}

button.dark {
  border: 1px solid rgba(51,51,51,.25);
}

button.light {
  border: 1px solid rgba(149, 149, 149, 0.75);
}

button.button-default:not([disabled]):before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}

button.dark:not([disabled]):before {
  background-color: rgba(51,51,51,.25);
}

button.light:not([disabled]):before {
  background-color: rgba(149, 149, 149, 0.75);
}

button.button-default:not([disabled]):hover > a {
  color: #fff;
}

button:focus {
  outline: none;
}

button.cursor-default {
  cursor: default;
}

.cursor-pointer {
  cursor: pointer;
}


/*** HR ***/
hr {
  /* border: .4rem solid #BDCCD4; */
  border: .4rem solid #ebf0f2;
  position: relative;
  z-index: -1;
  margin-bottom: 2.5rem;
}

hr:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 2rem solid transparent;
  border-right: 2rem solid transparent;
  /* border-top: 2.5rem solid #BDCCD4; */
  border-top: 2.5rem solid #ebf0f2;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  /* left: calc(50% - 30px); */
}

hr.hr-custom:after {
  margin: unset;
  /* left: calc(50% - 30px); */
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.img-fluid.img-cores{
  max-width: 100% !important;
}

/* @media (min-width: 768px) {
  hr.hr-custom:after {
    left: calc(50% + 720px*0.125 - 30px);
  }
} */

@media (min-width: 992px) {
  hr.hr-custom:after {
    /* left: calc(50% + 960px*0.125 - 30px); */
    left: calc(50% + 960px*0.125 - 10px);
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

@media (min-width: 1200px) {
  hr.hr-custom:after {
    /* left: calc(50% + 1140px*0.125 - 30px); */
    left: calc(50% + 1140px*0.125 - 10px);
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}



/*********
** BG'S
**********/
.bg-gradient-left { background: -o-linear-gradient(left, rgba(189,204,212,0.25) 30%, rgba(189,204,212,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(30%, rgba(189,204,212,0.25)), to(rgba(189,204,212,1))); background: linear-gradient(90deg, rgba(189,204,212,0.25) 30%, rgba(189,204,212,1) 100%); }
.bg-gradient-right { background: -o-linear-gradient(left, rgba(189,204,212,1) 0%, rgba(189,204,212,0.25) 30%); background: -webkit-gradient(linear, left top, right top, from(rgba(189,204,212,1)), color-stop(30%, rgba(189,204,212,0.25))); background: linear-gradient(90deg, rgba(189,204,212,1) 0%, rgba(189,204,212,0.25) 30%);}
.bg-dark-grey { background-color: #333333; }
.bg-light-blue { background-color: rgba(189,204,212,0.4) }
/* .bg-blue { background-color: #BDCCD4; } */
.bg-blue { background-color: #ebf0f2; }
.bg-dark-blue { background-color: #bdcad3; }
.bg-orange { background-color: #FF931E; }
.bg-white {background-color: #fff;}

.bg-no-repeat { background-repeat: no-repeat; }
.bg-contain { background-size: contain; }
.bg-cover { background-size: cover; }
.bg-right { background-position: right; }

/*********
** COLORS
**********/
.color-gold { color: #C99D66; }
.color-white { color: #FFF; }
.color-black { color: #1D1D1B; }
.color-orange { color: #FF931E; }

/*********
** FONTS
**********/
.font-sourceSerifPro {
  font-family: 'Source Serif Pro';
  font-style: italic;
}

.font-sourceSerifProRegular {
  font-family: 'Source Serif Pro';
}

.font-gothamBook {
  font-family: 'Gotham Book';
}

.font-avenirBlack {
  font-family: 'Avenir';
  font-weight: 900;
}

.font-avenirBook {
  font-family: 'Avenir Book';
}

.banner-title > h1 {
  font-family: 'Gotham Book' !important;
}

.banner-title > h1:hover {
  color: inherit !important;
}

/* CORRIGIR*/
.page-dicas-rituais .banner-title > h1:hover {
  color: #fff !important;
}

/* .banner-text p {
  font-family: 'Source Serif Pro' !important;
} */

.content-area {
  padding-top: 9.1rem !important;

  min-height: 100vh;
  background-color: white;
  position: relative;
  z-index: 1;
}

/*********
** WOOCOMMERCE
**********/
.woocommerce ul.products li.product a img {
  margin: 0;
}

.product-section {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

body.single-product .image-container img {
  max-width: 10rem;
  /* margin-left: -15px; */
}

/* CUIDADOS */
.fullwidth-img-cuidados {
  position: relative;
  z-index: -1;
}

.quadrado-global-wrapper {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.quadrado-inner-wrapper {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/*********
  ** WP ADMIN BAR
**********/
@media screen and (max-width: 600px) {
  html #wpadminbar {
    position: fixed;
  }
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 1199.98px) {
  .content-area {
    padding-top: 8rem !important;
  }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  h1 { font-size: 3.2rem; }

  h2 { font-size: 2.4rem; }

  h3,
  h2.widgettitle { font-size: 2.2rem; }

  h4 { font-size: 2rem; }

  h5 { font-size: 1.6rem; }

  h6 { font-size: 1.25rem; }

  p { font-size: 1.6rem; }
}

@media (min-width: 768px) {
  /*********
  ** PADDING
  **********/
  .py-md-6 { padding-bottom: 5rem !important; padding-top: 5rem !important; }
  .pb-md-6 { padding-bottom: 5rem! important; }
  .pt-md-6 { padding-top: 5rem !important; }
}

#error-page{
  margin-top: 0px !important;
  padding-top: 0px;
  padding-left: 0px;
}

body{
  max-width: unset !important;
}

.pt-14{
  padding-top: 14rem!important;
}

body.search-results > footer{
  position: unset;
}

body section .pagination{
  display:inline-block;
  display:-ms-flexbox;
  display:-webkit-box;
  display:flex;
  -ms-flex-pack:center;
  -webkit-box-pack:center;
          justify-content:center
}
body section .pagination ul{
  list-style:none
}
body section .pagination ul li{
  display:inline-block;
  vertical-align:middle
}
body section .pagination ul li a,body section .pagination ul li span{
  -webkit-transition:all .2s ease-out;
  -o-transition:all .2s ease-out;
  transition:all .2s ease-out;
  background:#918f90;
  color:#fff;
  text-align:center;
  float:left;
  text-decoration:none;
  border:2px solid #918f90;
  border-radius:55px;
  vertical-align:middle
}
body section .pagination ul li span{
  background:#333;
  color:#fff;
  font-weight:500!important;
  border:2px solid #333
}

body section .sectionAlignConts .mainContsBlogList .imgConteudoBlog{
  height:auto;
  overflow:hidden;
  position:relative
}
body section .sectionAlignConts .mainContsBlogList .imgConteudoBlog img{
  position:absolute;
  top:50%;
  left:50%;
  -ms-transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
          transform:translate(-50%,-50%);
  z-index:1
}
body section .sectionAlignConts .mainContsBlogList .imgConteudoBlog div{
  -webkit-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  transition:all .3s ease-out;
  background:0 0;
  color:transparent;
  position:absolute;
  z-index:10
}
body section .sectionAlignConts .mainContsBlogList .imgConteudoBlog div:hover{
  -webkit-transition:all .2s ease-out;
  -o-transition:all .2s ease-out;
  transition:all .2s ease-out;
  background:rgba(0,0,0,.3);
  color:#fff
}
body section .sectionAlignConts .mainContsBlogList .txtContainerBlog{
  overflow:hidden;
  position:relative
}
body section .sectionAlignConts .mainContsBlogList .txtContainerBlog .blogTxtWrap{
  position:absolute
}
body section .sectionAlignConts .mainContsBlogList .txtContainerBlog .gradientBG{
  background:-o-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);
  background:-webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(255,255,255,0)),to(#fff));
  background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0 );
  border-bottom:60px solid #fff;
  position:absolute;
  z-index:1
}
body section .sectionAlignConts .mainContsBlogList .txtContainerBlog .btnBlog{
  -webkit-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  transition:all .3s ease-out;
  background:#fff;
  position:absolute;
  z-index:10;
  bottom:0;
  display:table;
  width:auto;
  text-align:center;
  font-weight:500;
  border:2px solid #02a7b8;
  color:#02a7b8;
  border-radius:20px;
  cursor:pointer
}
body section .mainContsBlogList .txtContainerBlog .btnBlog:hover{
  -webkit-transition:all .2s ease-out;
  -o-transition:all .2s ease-out;
  transition:all .2s ease-out;
  background:#02a7b8;
  border-color:#02a7b8;
  color:#fff
}
body section .mainContsBlogList .txtContainerBlog h1{
  color:#231f20;
  font-weight:700;
  text-transform:none
}
body section .mainContsBlogList .txtContainerBlog h2{
  text-transform:none;
  color:#231f20;
  font-weight:700
}
body section .mainContsBlogList .txtContainerBlog h3{
  color:#231f20;
  font-weight:500
}
body section .mainContsBlogList .txtContainerBlog p{
  color:#231f20
}
body section .mainContsBlogList .txtContainerBlog ul{
  color:#231f20
}

@media only screen and (min-width:1200px){
  body section .mainContsBlogList{
    height:360px;
    margin:0 0 50px 0!important
}
body section .mainContsBlogList .imgConteudoBlog{
    height:360px
}
body section .mainContsBlogList .imgConteudoBlog div{
    width:100%;
    height:100%
}
body section .mainContsBlogList .txtContainerBlog{
    height:360px;
    padding:0 0 0 50px!important;
    margin:0
}
body section .mainContsBlogList .txtContainerBlog .gradientBG{
    height:200px;
    width:100%;
    margin:160px 0 0 0
}
body.page-template-campanhapage section .mainContsBlogList .txtContainerBlog .gradientBG{
    height:200px;
    width:100%;
    margin:30px 0 0 0
}
body section .mainContsBlogList .txtContainerBlog .btnBlog{
    background:#fff;
    font-size:1.6em;
    padding:6px 15px 4px 15px;
    line-height:28px
}
body section .mainContsBlogList .txtContainerBlog h1{
    font-size:4em;
    line-height:50px;
    margin:0 0 10px 0
}
body section .mainContsBlogList .txtContainerBlog h2{
    font-size:2em;
    line-height:38px;
    margin:0 0 5px 0
}
body section .mainContsBlogList .txtContainerBlog h3{
    font-size:2.5em;
    line-height:38px;
    margin:0 0 10px 0
}
body section .mainContsBlogList .txtContainerBlog p{
    font-size:2em;
    line-height:30px;
    margin:0 0 25px 0
}
body section .mainContsBlogList .txtContainerBlog ul{
    font-size:2em;
    line-height:30px;
    margin:0 0 25px 22px;
    padding:0
}
}

@media only screen and (min-width:992px) and (max-width:1199.99px){
  body section .mainContsBlogList{
    height:360px;
    margin:0 0 50px 0!important
}
body section .mainContsBlogList .imgConteudoBlog{
    height:360px
}
body section .mainContsBlogList .imgConteudoBlog div{
    width:100%;
    height:100%
}
body section .mainContsBlogList .txtContainerBlog{
    height:360px;
    padding:0 0 0 50px!important;
    margin:0
}
body section .mainContsBlogList .txtContainerBlog .gradientBG{
    height:200px;
    width:100%;
    margin:160px 0 0 0
}
body.page-template-campanhapage section .mainContsBlogList .txtContainerBlog .gradientBG{
    height:200px;
    width:100%;
    margin:100px 0 0 0
}
body section .mainContsBlogList .txtContainerBlog .btnBlog{
    background:#fff;
    font-size:1.6em;
    padding:6px 15px 4px 15px;
    line-height:28px
}
body section .mainContsBlogList .txtContainerBlog h1{
    font-size:4em;
    line-height:50px;
    margin:0 0 10px 0
}
body section .mainContsBlogList .txtContainerBlog h2{
    font-size:2em;
    line-height:38px;
    margin:0 0 5px 0
}
body section .mainContsBlogList .txtContainerBlog h3{
    font-size:2.5em;
    line-height:38px;
    margin:0 0 10px 0
}
body section .mainContsBlogList .txtContainerBlog p{
    font-size:2.1em;
    line-height:30px;
    margin:0 0 25px 0
}
body section .mainContsBlogList .txtContainerBlog ul{
    font-size:2.1em;
    line-height:30px;
    margin:0 0 25px 22px;
    padding:0
}
}