/*
  STYLE v 1.1;
  11/2023;
  João Diogo Pereira;
*/

:root{
  --primaryColor: #bf9a83; /*old color: #da5695 (pink)*/
  --secondaryColor: #fff6ee; /*olde color: #fff5fa (lightpink)*/
  --headerHeight: 107px;
  --headerHeightScrolled: 88px;
  --headerHeightMobile: 112px;
}

/*FONTS*/

@font-face {
  font-family: 'NotoSerifDisplay';
  src: url(../fonts/NotoSerifDisplay.ttf);
}

@font-face {
  font-family: 'OpenSans';
  src: url(../fonts/OpenSans.ttf);
}

/*GERAL*/

html {
  overflow-x: hidden; 
}

.main-container {
  margin: 0 auto;
  width: 90%; 
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0; 
}

a {
  text-decoration: none!important; 
}

.row {
  margin: 0;
  padding: 0; 
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh; 
}

main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; 
}

body:not(.home) .principal{
  margin-top: 146px;
}

.preloader{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  background-color: var(--secondaryColor);
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/preloader.svg);
}

img{
  max-width: 100%;
  display: inline-block;
}

.woocommerce-store-notice{
  display:none!important;
}

.title{
  font-family: 'NotoSerifDisplay';
  font-size: 45px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  letter-spacing: normal;
  text-align: center;
}

.title--small{
  font-size:30px;
}

.anchor, .posted_in a, .tagged_in a, .woocommerce-privacy-policy-text a, .order-item--anchor a, .account_anchors a, .woocommerce-MyAccount-navigation-link a, .woocommerce-remove-coupon{
  font-family: 'OpenSans';
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: start;
  transition: all .3s ease-in-out;
}

.text{
  font-family: 'OpenSans';
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}

.subtitle{
  font-size: 20px;
}

.text-dark, .anchor--dark, .woocommerce-privacy-policy-text a, .order-item--anchor a, .account_anchors a, .woocommerce-MyAccount-navigation-link a, .woocommerce-remove-coupon{
  color: #29313e;
}

.text--light, .anchor--light, .posted_in a, .tagged_in a, .woocommerce-privacy-policy-text a:hover{
  color: var(--secondaryColor);
}

.text--pink, .anchor--pink, .account_anchors a:hover, .woocommerce-MyAccount-navigation-link a:hover, .woocommerce-remove-coupon:hover, .anchor--dark:hover{
  color: var(--primaryColor);
}

.text--uppercase{
  text-transform: uppercase;
}

.text--bold{
  font-weight: bold;
}

.text--italic{
  font-style: italic;
}

.anchor--hover-pink:hover, .anchor.selected, .order-item--anchor a:hover{
  color: var(--primaryColor);
}

.posted_in a:hover, .tagged_in a:hover{
  color: #29313e;
}

.bg-pink{
  background-color: var(--primaryColor);
}

.bg-lightpink{
  background-color: var(--secondaryColor)!important;
}

.bg-lightpink--mobile{
  background-color: transparent!important;
}

.bg--light{
  background-color: #fffdfe;
}

.sticky{
  position: sticky;
  top: calc(94px + 3rem);
  left: 0;
}

.pagination li{
  display: inline-block;
}

.pagination ul.page-numbers{
  margin-bottom: 0;
}

.page-numbers{
  font-family: 'OpenSans';
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: var(--primaryColor);
  padding:0 .25rem;
  transition: all .3s ease-in-out;
}

.page-numbers:hover, .page-numbers.current{
  color: #29313e;
}

.btns{
  font-family: 'OpenSans';
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  border-radius: 30px;
  padding: 10px 20px;
  cursor: pointer;
  -webkit-user-select: none; 
  -ms-user-select: none; 
  user-select: none; 
  transition: all .3s ease-in-out;
}

.btns--nowrap{
  white-space: nowrap;
}

.btns--pink{
  color: var(--primaryColor);
  background-color: transparent;
  border: solid 1px var(--primaryColor);
}

.btns--pink:hover{
  color: #fff;
  background-color: var(--primaryColor);
}

.btns--pink-fill{
  color: #fffdfe!important;
  background-color: var(--primaryColor);
  border: solid 1px var(--primaryColor);
}

.btns--pink-fill:hover, .labels--file:hover .btns--pink-fill{
  color: var(--primaryColor)!important;
  background-color: transparent;
}

.labels--file, .labels{
  cursor: pointer;
}

.btns--lightpink-fill{
  color: var(--primaryColor);
  background-color: #fffdfe;
  border: solid 1px #fffdfe;
}

.btns--lightpink-fill:hover{
  color: #fffdfe;
  background-color: transparent;
}

.inputs, .woocommerce input:not([type="checkbox"]):not([type="radio"]), .woocommerce textarea, .woocommerce .select2-container{
  border-radius: 23px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.02);
  background-color: var(--secondaryColor);
  padding:10px 20px;
  width: 100%;
  border: unset;
  font-family: 'OpenSans';
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #29313e;
}

.inputs--white{
  background-color: #fffdfe!important;
}

.inputs::placeholder, .woocommerce input:not([type="checkbox"])::placeholder, .woocommerce textarea::placeholder, .woocommerce .select2-container::placeholder{
  font-family: 'OpenSans';
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: italic;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: rgba(41, 49, 62, .75);
}

input[type="checkbox"]{
  accent-color: var(--primaryColor);
}

.grid-overlap{
  grid-row-start: 1;
  grid-column-start: 1;
  grid-row-end: 1;
  grid-column-end: 1;
}

.grid-overlap--back {
  z-index: -1;
  position: relative;
}

.woocommerce form .show-password-input, .woocommerce-page form .show-password-input{
  top: 50%!important;
  transform: translateY(-50%)!important;
}

.woocommerce-checkout .form-row{
  float: none!important;
  width: 100%!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 50%!important;
  transform: translateY(-50%);
}

.select2-container--default .select2-selection--single{
  background-color: transparent!important;
  border: unset!important;
}

.select2-container .select2-selection--single .select2-selection__rendered{
  padding-left: 0!important;
  padding-left: 0!important;
}

.checkout_coupon{
  display: flex!important;
  align-items: center;
  justify-content: space-between;
  margin: 0!important;
  padding:0 !important;
  border: unset!important;
}

.checkout_coupon p:not(.form-row){
  display: none!important;
}

.woocommerce table.shop_table{
  border: unset!important;
  /* border-spacing: 0px 1rem; */
  border-collapse: collapse!important;
}

.woocommerce table.shop_table td, .woocommerce table.shop_table th{
  border: unset!important;
  line-height: 1;
}

.woocommerce table.shop_table tbody tr{
  border-bottom: solid 1rem var(--secondaryColor);
}

.woocommerce table.shop_table tbody td:first-child{
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
}

.woocommerce table.shop_table tbody td:last-child{
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
}

.woocommerce table.shop_table tfoot th{
  padding:.5rem 0!important;
}

.woocommerce table.shop_table tfoot td{
  width: 35%;
  text-align: right;
  padding:.5rem 0!important;
}

.woocommerce ul#shipping_method li input{
  margin-top: 0!important;
  margin-bottom: 0!important;
  margin-left: 0!important;
  accent-color: var(--primaryColor);
}

.blockUI{
  z-index: 3!important;
}

.thumb__img{
  aspect-ratio: 1;
}

.thumb__img img{
  height: 100%;
  width: 100%;
  object-fit: scale-down;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
  background-color: var(--primaryColor)!important;
  border-radius: 14px!important;
}

.woocommerce-checkout #payment div.payment_box{
  border-radius: 14px!important;
}

.woocommerce-checkout #payment div.payment_box::before{
  border: 1em solid var(--secondaryColor)!important;
  border-right-color: transparent!important;
  border-left-color: transparent!important;
  border-top-color: transparent!important;
}

.woocommerce-checkout #payment ul.payment_methods {
  border-bottom: 1px solid var(--secondaryColor)!important;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
  float: none!important;
}

.order--item{
  border-radius: 14px;
  border: solid 1px #e7bfd2;
  background-color: transparent;
}

.woocommerce .woocommerce-customer-details address{
  border: solid 1px var(--primaryColor)!important;
}

.woocommerce-account form.login, .woocommerce-account form.register{
  border-radius: 23px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.02);
  background-color: var(--secondaryColor);
  border: unset;
}

.woocommerce-account .woocommerce-MyAccount-navigation{
  float: none;
  width: 100%;
  position: sticky;
  position: -webkit-sticky;
  left: 0;
  top: calc(112px + 3rem);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul{
  padding-left: 0;
  margin-bottom: 0;
}

.woocommerce-Address{
  border-radius: 23px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.02);
  background-color: var(--secondaryColor);
}

.highlight mark{
  background-color: var(--secondaryColor);
}

.page-template-default h2, .text--short_desc h2{
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 1rem;
  color: var(--primaryColor);
}

.text--short_desc h3{
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 1rem;
  color: var(--primaryColor);
}

.socials-section svg path{
  fill: var(--primaryColor);
  transition: all .3s ease-in-out;
}

.socials-section svg:hover path{
  fill: #29313e;
}

.social-post{
  width:100%;
  aspect-ratio: 1;
  overflow: hidden;
}

.social-post img{
  width:100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: all .3s ease-in-out;
}

.social-post:hover img{
  transform: scale(1.1);
}

body.search .principal{
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width:992px){
  .woocommerce .woocommerce-checkout input:not([type="checkbox"]):not([type="radio"]), .woocommerce .woocommerce-checkout textarea, .woocommerce .woocommerce-checkout .select2-container{
    background-color: #fffdfe!important;
  }

  .bg-lightpink--mobile{
    background-color: var(--secondaryColor)!important;
  }
}

@media only screen and (max-width:767px){
  .title{
    font-size: 30px;
  }

  .title--small{
    font-size:20px;
  }  

  .text{
    font-size:12px;
  }

  .subtitle{
    font-size: 16px;
  }

  .anchor, .posted_in a, .tagged_in a, .woocommerce-privacy-policy-text a, .order-item--anchor a, .account_anchors a, .woocommerce-MyAccount-navigation-link a{
    font-size:12px;
  }

  .btns{
    font-size: 12px;
  }
}