/*
  Theme Name: Fer Escobedo
  Theme URI: http://wwww.telaio.com.mx
  Description: Tema para Fer Escobedo
  Author: Telaio Networks
  Author URI: http://wwww.telaio.com.mx
  Version: 1.0
*/
/*GENERAL*/
@font-face {
  font-family: 'Gotham-Book';
  src: url('https://ferescobedo.com/public/fonts/Gotham-Book.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Light';
  src: url('https://ferescobedo.com/public/fonts/Gotham-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Antonio-Light';
  src: url('https://ferescobedo.com/public/fonts/Antonio-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

*{ margin: 0; padding: 0;font-family: 'Gotham-Light';}
*,.transition-ease{
	-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out; 
  transition: all 0.2s ease-in-out;
}
a,a:hover{text-decoration: none; color: inherit;}
strong{font-family: 'Gotham-Book';font-weight: 600;}
.ul--text ul, .ul--text ol{list-style: inside; }
.w-100{height: auto;}
.bg-image{ background-size:cover; background-repeat: no-repeat; background-position: center; }
.bg-top-center{background-size:cover; background-repeat: no-repeat; background-position: top center;}
.color-main{color: #08313A;}
.color-secondary{color: #99AA93;}
.color-green{color: #C1D9B7;}
.color-green-2{color: #156374;}
.btn, .add_to_cart_button { font-family: 'Antonio-Light'; font-size: 20px; border: 2px solid transparent; border-radius: 0; padding: 8px 45px;}
.btn-main, .btn:hover, .add_to_cart_button {background-color: #08313A; color: #FFFFFF;}
.btn-green {background-color: #C1D9B7; color: #08313A;}
.btn-white {background-color: #FFFFFF; color: #08313A;}
.btn-outline {background-color: transparent; border: 2px solid #08313A;}
.main-menu,.header__options_ul,.footer-menu{margin: 0; list-style: none;padding: 0;}
.footer-menu{ display: inline-table;}
.main-menu,.header__options_ul{display: inline-flex;}
/*end general*/

/*----HEADER---*/
.header{
  height: 80px;
  border-bottom: 1px solid rgba(255,255,255,0.3);
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
.header.scroll,.header.white{background-color: #FFFFFF;box-shadow: 0px 3px 16px #4B4B4B1F;}
.header__logo{ width: 140px; margin-left: 15px;}
.header__menu { display: inline-flex; }
#menu-box.out{display: none;}
.option-item{padding:28px 15px;display: inline-table;}
.option-item, .main-menu .menu-item-white{ text-align: center; background-color: #FFFFFF; color: #08313A !important; border: 1px solid #E8E8E8;border-right: 0;border-bottom: 0;}
.option-item--cart,.option-item--hamburger{ background-color:#08313A;position: relative; }
.option-item--hamburger { cursor: pointer;color: #FFFFFF !important; }
.cart-count{
  background: #D6CEC0 0% 0% no-repeat padding-box;
  color: #08313A;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 12px;
  right: 9px;
  font-size: 11px;
  font-weight: bolder;
  font-family: 'Gotham-Book';
}
.btn-option{border: 0; background: transparent;}
/*----HOME---*/
.splide__slide_home{
  height: 580px;
  padding-bottom: 50px;
  position: relative;
  color: #08313A;
  background-color:#d1d1d1;
  display: flex;
  align-items: center;
}
.slide__home_ttl{ font-size: 40px; line-height: 39px;color: #08313A; font-family: 'Gotham-Book';}
.splide__slide p{color: #08313A; font-size: 18px;}
.splide__progress{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 999; }
.splide__progress__bar { height: 8px; background: transparent linear-gradient(271deg, #C1D9B7 0%, #EFDCCC00 100%) 0% 0% no-repeat padding-box; }
.splide__pagination{ bottom: 30px; }
.splide__arrow{ background: transparent; }
#slide_home .splide__arrow--prev { left: 3rem; }
#slide_home .splide__arrow { top: auto; bottom: 30px; height: auto; transform: translateX(-2rem); }
#slide_home .splide__arrow svg{ fill: #FFFFFF; }
.home__about{ padding-top: 110px; padding-bottom: 100px; overflow: hidden;}
.home__about_ttl{ font-size: 35px; line-height: 30px;padding-bottom: 30px; margin-bottom: 30px; position: relative;}
.home__about_ttl::after{
  position: absolute;
  content: ' ';
  left: 0;
  right: -60px;
  z-index: -1;
  background-color: #99AA93;
  height: 1px;
  bottom: 0;
  opacity: 0.4;
}
.home__about_img,.about__grid_img {max-width: 419px;}
.home__about_img,.about__grid_img{position: relative;}
.home__about_img::after,.about__grid_img::after{
  content: ' ';
  position: absolute;
  left: 20px;
  top: -20px;
  right: -20px;
  z-index: -1;
}
.home__about_img::after{
  background: #99AA93 0% 0% no-repeat padding-box;
  opacity: 0.2;
  height: 50%;
}
.home__about_last,.about__grid_last{position: relative;}
.home__about_last::after{
  position: absolute;
  content: ' ';
  left: -60px;
  right: 0px;
  background-color: #99AA93;
  height: 1px;
  bottom: 0;
  opacity: 0.4;
  z-index: -1;
}
.home__about_last h5{font-family: 'Gotham-Book';font-weight: bolder;}
.product_featured { padding: 108px 25px; text-align: center; position: relative; color:#FFFFFF}
.product_featured::after{
  content: " ";
  position: absolute;
  background: #000000 0% 0% no-repeat padding-box;
  opacity: 0.5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
.product_featured__ttl{ font-size: 50px; line-height: 51px; margin-bottom: 10px; color: #99AA93; }
.product_featured__ttl span{color: #FFFFFF}
.product_featured__subttl{border: 2px solid #FFFFFF; display: inline-block; padding: 14px 22px; font-size: 26px;margin-bottom: 35px;}
.product__home{height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: baseline;position: relative;}
.product__home_bg{ position: relative; margin-bottom: 20px;overflow: hidden;min-width: 100%;}
.product__home_bg::after {
  content: " ";
  position: absolute;
  background: transparent linear-gradient(359deg, #08313A 0%, #15637400 100%) 0% 0% no-repeat padding-box;
  opacity: 0.8;
  bottom: 0;
  left: 0;
  right: 0;
  top: 50%;
}
.product__home_ttl{
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 20px;
  color: #FFF;
  font-size: 30px;
  text-transform: uppercase;
  right: 30px;  
}
.product__home_btn{font-size: 18px; padding: 8px 25px 8px 0px;}
.product__home_btn::after{
  content: ' ';
  position: absolute;
  height: 1px solid;
  left: 0;
  background-color: #99AA93;
  opacity: 0.4;
  transform: translateY(-10px);
}
.product__home_btn:hover{padding: 8px 25px 8px 25px;}
.product__home:hover .product__home_img{transform: scale(1.3);}

/*---- ABOUT----*/
.about__fer{background-color: #156374; color: #FFFFFF; }
.about__fer_ttl,.about__s3_ttl{ font-size: 40px; line-height: 40px; }
.about__fer_img,.about__s4_img { min-height: 450px;}
.about__fer_text { padding: 4rem 2rem; }
.about__grid{padding: 5rem 0; overflow: hidden;}
.about__grid blockquote {background-color: rgb(21 99 116 / 13%); padding: 20px 15px; font-weight: bolder;font-family: 'Gotham-Book';}
.about__grid_img::after {
  background: #156374 0% 0% no-repeat padding-box;
  opacity: 0.13;
  height: 25%;
}
.about__card{display: flex; min-width: 100%; height: 100%; }
.about__card_num, .promo__card_num {
  font-size: 28px;
  line-height: 28px;
  min-width: 45px;
  max-width: 45px;
  height: 100%;
  text-align: center;
  padding: 15px 5px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.about__card_num { /*background: #156374;*/ background: #08313A; }
.about__card_txt,.promo__card_txt { width: calc(100% - 48px); padding: 25px 20px; }
.about__card_txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* font-size: 20px; */
  /* background-color: rgb(21 99 116 / 13%); */
  background-color: #C1D9B7;
}
.about__s4_text{padding: 4rem 2rem;}
.about__s5{background-color: #156374;padding: 6rem 0rem; color: #FFFFFF;/*font-size: 24px;*/ text-align: center;}

/*----TIENDA----*/
.prv_product{ border: 1px solid #879A814D; display: block; height: 100%; }
.prv_product__fancybox{overflow: hidden; }
.prv_product__content{padding: 25px 20px; }
.prv_product__ttl,.wc-block-grid__product-title{
  font-size: 20px;
  line-height: 18px;
  color: #08313A;
  text-transform: uppercase;
  margin: 0;
}
.prv_product__price, .woocommerce-Price-amount,.woocommerce-Price-amount{ font-size: 18px; color: #99AA93; }
.prv_product__stock{ color: #08313A; margin: 0;}
.prv_featured_product{ background: rgba(153,170,147,0.2); display: block; }
.prv_featured_product__fancybox{width: 100%; height: 100%; overflow: hidden;}
.prv_featured_product__img{width: 100%; height: 100%; min-height: 320px;}
.prv_featured_product__content{padding: 4rem 3rem; font-size: 18px}
.prv_featured_product__ttl {
  font-size: 50px;
  font-family: 'Gotham-Book';
  color: #08313A;
  text-transform: uppercase;
  margin: 0;
  line-height: 43px;
}
.prv_featured_product__price{font-size: 28px;color: #99AA93;}
.product_main:hover {border-color: transparent; background-color: #08313A;}
.product_main:hover .product__img{transform: scale(1.3); }
.product_main:hover, .product_main:hover .product__ttl,.product_main:hover .product__stock{color: #FFFFFF; }
/*---- SINGLE PRODUCT ----*/
.product__note {
  background-color: #D8E022;
  padding: 7px 13px;
  display: inline-block;
  margin-bottom: 0;
  color: #08313a;
}
.promo__banner{padding: 4rem 0;overflow: hidden; }
.promo__banner_left { position: relative; }
.promo__banner_left_content{
  color: #FFFFFF;
  font-size: 14px;
  width: 54%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  min-height: 450px;
  position: relative;
  z-index: 2;
}
.promo__banner_ttl{ font-size: 35px; line-height: 35px; margin: 0; }
.promo__banner_subttl{ font-size: 25px; }
.promo__banner_txt {
  background-color: #465540;
  padding: 7px 8px;
  display: inline-block;
  margin-bottom: 0;
}
.promo__banner_left_image { position: absolute; width: 486px; top: 2rem; left: 50%; z-index: 1; }
.promo__card { display: flex; min-width: 100%; position: relative; z-index: 0; }
.promo__card_num { height: 100%; background: #465540; }
.promo__card_txt{ background-color: #FFFFFF; font-size: 18px; }
.promo__card_txt--ttl{font-size: 28px; margin-bottom: 0; }
/*----FOOTER---*/
footer{ background-color: #08313A; color: #FFFFFF;}
.footer__top { padding-top: 85px; padding-bottom: 40px; }
.pick_up__box,.pay__box{display: inline-flex; align-items: center; }
.pick_up__logo,.pay__logo{margin-right: 18px;}
.footer__pay_methods { display: inline-block; }
.footer__logo{display: inline-block; margin-left: 16px; }
.footer__bottom{border-top: 1px solid #156374; }

.btn-totop{
  position: fixed;
  bottom: 2%;
  right: 3%;
  background: #156374 !important;
  color: #FFFFFF !important;
  font-size: 17px;
  padding: 6px 10px;
  border-radius: 50%;
  transform: translateY(20rem);
  z-index: 99;
  border: 0;
}
.btn-totop.active{transform: translateY(0rem);}
/*----CONTACT / FORMS---*/
.form-group { position: relative; }
.form-control,.form-control:focus{background: rgb(153 170 147 / 20%); border-radius: 0; border: 0;}
.form-control ::-webkit-input-placeholder {}
.form-control:-ms-input-placeholder {}
.form-control::placeholder {}
.form-control.validation-error{border: 1px solid red;}
div.validation-error{position: absolute; bottom: -17px; background-color: #ffd7d7; color: red; padding: 2px 10px; font-size: 13px; font-weight: 600; left: 26px;}
.contact__ttl{font-size: 48px; line-height: 48px;}
.contact__direction{background: rgb(153 170 147 / 20%); padding: 2.5rem 2rem; position: relative; top: -8px; }
.contact__phone{font-size: 28px;font-family: 'Gotham-Book';}
/*----BLOG----*/
.blog_filters{overflow: visible;}
.blog_filters::after{content: ""; position: absolute;height: 1px; width: 130%;bottom: 0px;left: 0px; background-color: #E8E8E8;}
.blog_filters .category-link{text-transform: uppercase; padding: 10px 20px; cursor: pointer; font-size: 18px; font-family: 'Antonio-Light';color: #08313A; font-weight: lighter; opacity: 50%;}
.blog_filters .category-link:hover,.blog_filters .category-link.active{color: #08313A; font-weight: bold;opacity: 100%;}
.blog_filters-categoriesBtn{font-family: 'Antonio-Light'; font-weight: lighter; font-size: 18px; padding: 9px 32px; background-color: #08313A;}
/*---- SEARCH ----*/
.modal-header,.modal-footer{border: 0; }
.modal-body{padding: 4rem 3rem;}
.search__box.out{padding: 0em 19rem;}
.search__box.out .search__input{
  padding: 20px 20px;
  text-align: center;
  font-size: 18px;
}
.search__box.active{ margin-bottom: 30px; }
.search__no_image { padding: 4.5rem 2rem; background: #f6f6f6; }
.search__results { padding: 0px 1rem; }
.search__row { background: #EBEEE9; align-items: center; }
.search__content { padding: 1rem 2rem; }
.search__ttl{font-size: 18px;font-weight: bolder;margin-bottom: 2px;text-transform: uppercase;}
.search__description { font-size: 14px; }
.btn-search{padding: 5px 20px; font-size: 16px;}
.search__item_image {
  display: block;
  min-height: 228px;
  background: #f3f3f3;
}

/*---- WOOCOMMERCE ----*/
.wc-block-grid__product-title{
  font-size: 20px !important;
  line-height: 18px !important;
  color: #08313A !important;
  margin: 0 !important;
}
.woocommerce-MyAccount-navigation ul{ margin: 0; list-style: none; padding: 0; }
.woocommerce-MyAccount-navigation li > a{
  padding: 8px 12px;
  background: rgb(153 170 147 / 20%);
  margin-bottom: 2px;
  display: block;
}
.woocommerce-MyAccount-navigation li.is-active >a { background: #08313A; font-family: 'Gotham-Book'; color: #ffffff; }
.woocommerce-Address-title>a{display: inline-block; margin-bottom: 10px;}
.woocommerce-Input, .input-text { padding: 11px 10px; border: 0; background: rgb(153 170 147 / 20%); }
.add_to_cart_button, .woocommerce-Address-title>a, .woocommerce-button, .woocommerce-Butto, .wc-forward, .wc-block-components-button {
  font-family: 'Antonio-Light' !important;
  font-size: 18px !important;
  border: 2px solid transparent;
  border-radius: 0;
  padding: 8px 45px !important;
  background-color: #08313A !important;
  color: #FFFFFF !important;
  text-transform: uppercase;
  font-weight: 100 !important;
}
/*---- PRODUCT INFO ----*/
#product_splide-thumbs .splide__slide img{width: 100%; height:100%}
#product_splide-thumbs{position: absolute; bottom:35px; left:50%; transform:translateX(-50%);}
#product_splide-thumbs .splide__slide{transition: all 0s ease-in-out !important;}
#product_splide-thumbs .splide__slide.is-active {border: none;}
#product_splide .splide__track::after{background:linear-gradient(180deg, rgba(0,0,0,0) 80%, rgba(0,0,0,0.6) 100%);content:"";width: 100%;height:100%;left:0px;top:0px;position:absolute}
#product_splide .splide__arrow i{color:#fff;-webkit-text-stroke: 3px; font-size:24px}
#product_splide .splide__arrow{top:unset;bottom:3px;transform: unset;}
#product_splide .splide__arrow{top:unset; bottom:45px;}
.product_page{background-color:#EBEEE9}
.product_gallery { background-color: #FFFFFF; }
.product_detail__title,.product_detail__subtitle{font-size:67px;line-height:54px}
.product_detail__desc-title{font-size:20px}
.product_detail .product_detail__price .woocommerce-Price-amount{font-size:50px;line-height:40px;}
.product_detail .product_detail__currency{font-size:30px}
.product_detail__onsale-regular{font-size:15px;text-decoration:line-through}
.product_detail__addCart .amount{display:none !important}
.product_detail__addCart .product{border:none !important; padding:0px !important} 
.product_detail__addCart .add_to_cart_button{
    background-color:#08313A !important;
    padding: 15px 30px !important;
    color:#fff !important;
    border-radius:0 !important;
    border:none !important;
    font-family: 'Antonio-Light' !important;
    font-weight: 100 !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    margin-right:10px !important;
} 
.product_detail__addCart .loading::after{right: 5px !important;top:unset !important;}
.product_inputQtyToCart{
    height: 48px;
    width: 80px;
    text-align: center;
    font-size: 24px;
}
.product_detail__use-storage{border:solid 2px #C1D9B7;display: inline-block;padding: 5px 20px;}
/*---- BLOG ----*/
.blog_filters {
  position: relative;
  transition: transform 0.5s ease, opacity 0.5s ease;
}
.blog_filters-hide {
  transform: translateX(-50%);
  opacity: 0;
  pointer-events: none;
}
@media only screen and (max-width: 991px) {
  #menu-box.responsive{
    visibility: hidden;
    z-index: -1;
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 35px 30px;
    text-align: center;
    background: #08313a;
    opacity: 0;
  }
  #menu-box.active{ visibility: visible; z-index: 99999; opacity: 1;}
  .main-menu {width: 100%; display: inline-table;}
  .main-menu .menu-item { color: #FFFFFF; margin-bottom: 15px; }
  .main-menu .menu-item a { padding: 12px 5px; display: block; }

  .footer-menu{width: 100%;text-align: center;}
  .footer__pay_methods_main{text-align: center;}
  .footer__pay_methods { width: 100%; text-align: center; }
  .footer__bottom { text-align: center; }
  /* BLOG */
  .blog_filters{overflow: hidden;}
  .blog_filters{display:grid}
  .blog_filters-hide {
      transform: translateY(-30%);
      opacity: 0;
      pointer-events: none;
      height:0px
  }
  /*Woocommerce*/
  .woocommerce-MyAccount-navigation{margin-bottom: 30px;}
}
@media only screen and (min-width: 768px) {
  .header__logo{ width: 191px; margin-left: 2rem;}
	.ul--text ul, .ul--text ol{list-style: initial; margin-inline-start: 20px; }
}
@media only screen and (min-width: 992px) {
  .header{overflow: hidden;}
  .header__menu{display: inline-flex;}
  .main-menu .menu-item{color: #FFFFFF; }
  .header.scroll .menu-item, .header.white .menu-item{color: #08313A; }
  .main-menu .menu-item > a {padding: 28px 19.5px; display: block;}
  .option-item{padding: 28px 19.5px;}
  .option-item, .menu-item-white{ min-width: 80px; }
  /*Home*/
  .splide__slide_home { height: 750px; }
  .slide__home_ttl{ font-size: 67px; line-height: 60px;}
  .splide__slide p, .home__about  {font-size: 24px;}
  .home__about_ttl{ font-size: 65px; line-height: 58px;}
  .product_featured__ttl { font-size: 67px; line-height: 67px; }
  .home__about_first,._about__grid_first{width: 50%; padding-right: 40px; float: left;}
  .home__about_first,.about__grid_first{text-align: right;}
  .home__about_img,.about__grid_img { width: 50%; float: right; }
  .home__about_last h5 {font-size: 27px;}
  /*About*/
  .about__fer_ttl,.about__s3_ttl,.contact__ttl{ font-size: 67px; line-height: 67px; }
  .about__fer_text { padding: 9rem 15%; }
  .about__s4_text{padding: 4rem 4rem;}
  .about__card_num {
    min-width: 65px;
    max-width: 65px;
  }
  .about__card_txt { width: calc(100% - 65px); /*font-size: 24px;*/ }
  /*Tienda*/
  .prv_product__ttl, .wc-block-grid__product-title{ font-size: 28px; line-height: 25px; }
  .prv_product__price, .woocommerce-Price-amount{ font-size: 20px; }
  .wc-block-checkout__shipping-method-option-title{color:#FFFFFF !important}
  .wc-block-checkout__shipping-method-option-icon { fill: #FFFFFF !important }
  /*Search*/
  .search__results { padding: 0px 5rem; }
  /*Woocommerce*/
  .woocommerce-MyAccount-navigation { width: 250px; float: left; margin-right: 25px; }
  .woocommerce-MyAccount-content { float: right; width: calc(100% - 275px); }
}
@media only screen and (min-width:1200px) {
  .header__logo { margin-left: 5rem; }
}