/* Header */
header{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  z-index: 9999;
}
.header-main{
  position: relative;
  background:var(--light-beige);
  padding: 10px 0;
  transition: .4s;
}
.header-main .product-vector{
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
}
.header-main .product-vector:after{
  height: 30px;
  transform:rotate(-180deg);
  background-position: center bottom;
}
.header-main .product-vector.brazil:after{
	background-image: url('../img/header-bordura-brazil.svg');
}
.header-main .product-vector.colombia:after{
	background-image: url('../img/header-bordura-colombia.svg');
}
.header-main .product-vector.costa-rica:after{
	background-image: url('../img/header-bordura-costa-rica.svg');
}
.header-main .product-vector.guatemala:after{
	background-image: url('../img/header-bordura-guatemala.svg');
}
.header-main .product-vector.hawaii:after{
	background-image: url('../img/header-bordura-hawaii.svg');
}
.header-main .product-vector.kenya:after{
	background-image: url('../img/header-bordura-kenya.svg');
}
.header-main .product-vector.default:after{
	background-image: url('../img/header-bordura-default.svg');
}
.header-main .logo{
  vertical-align: middle;
  position: relative;
  z-index: 2;
}
.header-main .logo img{
  transition: .4s;
  height: 90px;
}
.header-main .menu-wrapper-container{
  margin-top:10px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  transition: .4s;
}
.header-main .left-item,
.header-main .right-item{
  flex: 1 1 20%;
}
.header-main .left-item{
  text-align: left;
}
.header-main .right-item{
  text-align: right;
}
.header-main .center-item{
  flex: 1 1 60%;
}
.header-main ul{
  list-style: none;
  margin: 0;
  display: inline-block;
}
.header-main ul li{
  display: inline-block;
}
.header-main a{
  font-size: 16px;
  letter-spacing: .9px;
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
  line-height: 1;
  margin: 5px 15px;
  padding-left: 0;
  display: inline-block;
}
.header-main a:not(.logo):before{
  display: block;
  content:'';
  width: 0;
  height: 1px;
  background:#000;
  position: absolute;
  bottom:0;
  left: 0;
  transition: .4s;
}
.header-main a:hover:before, .header-main .current-menu-item a:before{
  width: 100%;
}
.sticky-header header{
  position: fixed;
}
.sticky-header .header-main{
  padding: 6px 0;
}
.sticky-header .logo img{
  height: 50px;
}
.sticky-header .header-main .menu-wrapper-container{
  margin-top:3px;
}
.sticky-header .header-main a {
  font-size: 16px;
}
header .mobile-menu{
  display: none;
}
/**/
@media(max-width:1100px){
  .header-main .product-vector:after{
    background-size: cover;
  }
  .sticky-header .logo img {
    height: 80px;
  }
  header .nav-icon {
   border: none;
   cursor: pointer;
   padding: 0;
   outline: none;
   position: relative;
   z-index: 2;
   display: inline-block;
   line-height: 0;
 }
 header .container{
   text-align: left;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 .nav-icon svg {
   width: 40px;
   height: 40px;
 }
 .nav-icon .line {
   fill: none;
   stroke: #000;
   stroke-width: 6;
   transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
     stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 .nav-icon .line1 {
   stroke-dasharray: 60 207;
   stroke-width: 6;
 }
 .nav-icon .line2 {
   stroke-dasharray: 60 60;
   stroke-width: 6;
 }
 .nav-icon .line3 {
   stroke-dasharray: 60 207;
   stroke-width: 6;
 }
 .nav-icon.is-tapped .line1 {
   stroke-dasharray: 90 207;
   stroke-dashoffset: -134;
   stroke-width: 6;
 }
 .nav-icon.is-tapped .line2 {
   stroke-dasharray: 1 60;
   stroke-dashoffset: -30;
   stroke-width: 6;
 }
 .nav-icon.is-tapped .line3 {
   stroke-dasharray: 90 207;
   stroke-dashoffset: -134;
   stroke-width: 6;
 }
 header .mobile-menu, header .mobile-menu > div{
   display: inline-block;
   vertical-align: middle;
 }
 .header-main .menu-wrapper-container{
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    right: -100%;
    background: #F9F7F5;
    transition: .4s;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 150px;
    padding-bottom: 40px;
    flex-wrap: nowrap;
    overflow-y: scroll;
    z-index: -1;
  }
  .header-main .left-item,
  .header-main .right-item,
  .header-main .center-item{
    flex:unset;
  }
  .header-main .right-item, .header-main .trigger-search{
    display: none;
  }
  header.show-menu .header-main .menu-wrapper-container{
    right: 0;
  }
  .header-main ul li, .header-main ul{
    display: block;
    text-align: center;
  }
  .header-main ul li{
    padding: 7px 0;
  }
  .header-main .center-item{
    order: 1;
    padding: 0;
  }
  .header-main .left-item{
    order: 2;
    padding: 0;
  }
  .header-main .menu-wrapper-container a{
    font-size: 20px;
  }
}
@media(max-width:850px){
  .header-main .menu-wrapper-container{
   padding-top:140px;
  }
  .header-main .logo img{
    height: 60px;
  }
  .sticky-header .logo img {
    height: 55px;
  }
}
@media(max-width:767px){
  .header-main .menu-wrapper-container{
    padding-top:140px;
  }
  .header-main .logo img{
    height: 50px;
  }
  .sticky-header .logo img {
    height: 43px;
  }
 .sticky-header .header-main a, .header-main a{
    font-size: 14px;
    margin: 3px;
  }
  .header-main .menu-wrapper-container a{
    font-size: 20px;
    margin:3px 0;
  }
}
/****/
.header-search{
  background: #dad6d0;
  text-align: center;
  padding: 45px 0 20px;
}
.header-search.desktop-search,
.header-search.mobile-search{
  display: none;
}
.header-search input[type="search"],
.header-search input[type="search"]:focus, .header-search input[type="search"]:active{
  border: 0;
  border-radius: 13px;
  width: 100%;
  max-width: 240px;
  padding: 7px 14px;
  font-size: 16px;
  outline: none;
}
.header-search button, .header-search input[type="search"],
.header-search input[type="search"]:focus, .header-search input[type="search"]:active{
  background: #fff;
  border: 1.5px solid #000;
  border-radius: 13px;
}
.header-search button{
  display: inline-block;
  transition: .4s;
  font-size: 18px;
  line-height: 1;
  color: #000;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  padding: 7px 16px;
}
.header-search button:hover{
  background:var(--beige);
}
@media(max-width:1100px){
  .header-search.mobile-search{
    display: block;
    width: 100%;
    margin-bottom: 50px;
  }
}
@media(max-width:850px){
  .header-search button{
    font-size: 16px;
  }
  .header-search input[type="search"], .header-search input[type="search"]:focus, .header-search input[type="search"]:active{
    max-width: 200px;
    min-width: unset;
  }
}
/* Footer */
footer a{
  text-decoration: none;
  display: inline-block;
}
footer{
  padding: 70px 0 20px;
}
footer p, footer p > a{
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.9px;
  text-transform: uppercase;
}
footer p.f-title, footer .flex-row, .footer-logo{
  margin-bottom: 30px;
}
footer p.copy{
  text-align: center;
  font-size: 13px;
}
footer .col1 p > a,
footer .footer-menu li a,
footer .col1 p{
  text-transform: unset;
  letter-spacing: unset;
  font-size: 16px;
  line-height: 1;
}
footer .col1 p > a:hover,
footer .footer-menu li a:hover,
footer .col3 p > a:hover{
  text-decoration: underline;
}
footer .footer-menu {
  margin: 0;
  list-style: none;
}
footer .footer-menu li,
footer p{
  margin-bottom: 6px;
}
footer .footer-sl{
  margin-top:30px;
}
footer .flex-row{
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
footer .flex-item{
  padding:15px 0;
}
footer .form .flex-row .email-item{
  width: 100%;
  order:1;
}
footer .form .flex-row .terms-item{
  order:2;
}
footer .form .flex-row .terms-item a{
  text-decoration: underline;
}
footer .form .flex-row .submit-item{
  order: 3;
}
footer .flex-item.col1{
  order: 1;
}
footer .flex-item.col2{
  order: 2;
}
footer .flex-item.col4{
  order:3;
}
footer .flex-item.col3{
  order: 4;
}
footer .copy-row{
  flex-direction: column-reverse;
  margin-bottom: 0;
  gap: 20px;
}
footer .copy-row ul{
  list-style: none;
  margin: 0;
}
footer .copy-row ul li{
  display: inline-block;
  padding: 10px 0;
}
footer .copy-row ul li img{
  height: 30px;
  width: auto;
  max-width: auto;
}
@media(min-width:767px){
  footer .container > .flex-row{
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
  }
  footer .flex-item{
    padding: 20px;
    flex: 1 1 50%;
  }
  footer .flex-item.col1{
    order: 1;
  }
  footer .flex-item.col2{
    order:2;
  }
  footer .flex-item.col4{
    order: 3;
  }
  footer .flex-item.col3{
    order: 4;
  }
  footer .container > .flex-row.copy-row{
    align-items: center;
    margin-bottom: 0;
    justify-content: space-between;
    gap: 20px;
  }
  footer .copy-row ul li{
    padding: 0 10px;
  }
  footer .copy-row ul li img{
    height: 42px;
  }
}
@media(min-width:1024px){
  footer .flex-item{
    flex: 1 1 25%;
    padding: 0 20px;
  }
  footer .flex-item.col3{
    order: 3;
  }
  footer .flex-item.col4{
    order: 4;
  }
}
/*------------*/
/* Modules */
/* First screen slider */
.fs-slider{
  position: relative;
}
.fs-slider .fs-item{
  position: relative;
  padding: 40px 0;
  text-align: center;
}
.fs-slider .fs-item .container.flex-row{
  min-height: 450px;
  align-items: center;
  flex-direction: column;
}
.fs-slider .fs-item .image-item img{
  width: 100%;
  height: auto;
}
.fs-slider .slider-arrow{
  position: absolute;
  top:50%;
  transform:translateY(-50%);
  display: none!important;
}
.fs-slider .slider-arrow img{
  width: 30px;
  height: 30px;
  object-fit: contain;
}
.fs-slider .slider-arrow.prev-arrow{
  left: 10px;
}
.fs-slider .slider-arrow.prev-arrow img{
  transform: rotate(-180deg);
}
.fs-slider .slider-arrow.next-arrow{
  right: 10px;
}
.fs-slider .slider-bullets{
  text-align: center;
  position: absolute;
  bottom: 20px;
  width: 100%;
  z-index: 2;
  padding: 0 20px;
}
@media(min-width:850px){
  .fs-slider .fs-item{
    text-align: left;
  }
  .fs-slider .fs-item .container.flex-row{
    flex-direction: row-reverse;
  }
  .fs-slider .fs-item{
    padding: 40px 30px;
  }
  .fs-slider .slider-arrow{
    display: block!important;
  }
}
@media(min-width:1280px){
  .fs-slider .fs-item{
    padding: 60px 40px;
  }
  .fs-slider .slider-arrow img{
    width: 40px;
    height: 40px;
  }
}
@media(min-width:1440px){
  .fs-slider .fs-item{
    padding: 60px;
  }
  .fs-slider .slider-arrow img{
    width: 50px;
    height: 50px;
  }
  .fs-slider .slider-arrow.prev-arrow{
    left: 20px;
  }
  .fs-slider .slider-arrow.next-arrow{
    right: 20px;
  }
}
/* Social Media */
.sm-icon{
  display: inline-block;
  padding: 10px;
  padding-left: 0;
}
.sm-icon svg{
  height: 26px;
  width: 26px;
  --sm:#000;
  transition: .4s;
}
.sm-icon:hover svg{
  --sm:var(--gold);
}
/* Side image side info */
.side-image-side-info{
  background-color: var(--beige);
  padding: 0;
  margin:30px 0;
  position: relative;
}
.side-image-side-info:after{
  display: block;
  content:'';
  position: absolute;
  top:-1px;
  left: 0;
  background-image: url('../img/masca.svg');
  height: 95px;
  width: 100%;
  background-repeat: repeat-x;
}
.product_page .side-image-side-info{
  background: unset;
}
.side-image-side-info .flex-item{
  padding:40px 20px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.side-image-side-info .image-item{
  min-height: 250px;
}
.side-image-side-info .info{
  margin-bottom: 10px;
  max-width: 510px;
}
@media(min-width:768px){
  .side-image-side-info{
    margin: 40px 0;
  }
  .side-image-side-info .flex-item{
    align-items: flex-start;
    text-align: left;
  }
}
@media(min-width:800px){
  .side-image-side-info .flex-item{
    min-height: 600px;
    padding: 40px;
  }
}
@media(min-width:1280px){
  .side-image-side-info{
    margin: 50px 0;
  }
}
@media(min-width:1440px){
	.side-image-side-info{
		margin: 65px 0;
	}
}
@media(min-width:1500px){
  .side-image-side-info .info-item{
    padding: 60px;
    padding-right: calc((100% - 1500px) / 2 + 15px);
    padding-left: 60px;
    padding-top: 100px;
  }
  .side-image-side-info .reverse .info-item{
    padding-left: calc((100% - 1500px) / 2 + 15px);
    padding-right: 60px;
    padding-top:100px;
  }
}
/* Newsletter form */
.nl-form.screen{
  padding-bottom: 0;
  text-align: center;
}
.nl-form.side-image-side-info .flex-item{
  align-items: center;
}
.nl-form .form{
  margin-top:30px;
}
@media(min-width:768px){
  .nl-form.screen{
    text-align: left;
  }
  .nl-form.side-image-side-info .flex-item{
    align-items: flex-start;
  }
}
@media(min-width:800px){
  .side-image-side-info.nl-form .flex-item{
    min-height: 540px;
  }
}
/* Icons and Info */
.icons-info .item32{
  padding: 20px;
  text-align: center;
  width: 100%;
}
.icons-info img{
  width: 100%;
  height: 110px;
  margin-bottom: 20px;
  object-fit: contain;
}
@media(min-width:768px){
  .icons-info .row > .item32{
    width: 32%;
    float: unset;
    padding: 30px;
  }
}
/* How much coffee  */
.how-much-coffee .flex-row{
  justify-content: center;
  flex-wrap: wrap;
}
.how-much-coffee .flex-item{
  padding: 15px;
  text-align: center;
  position: relative;
}
.how-much-coffee .flex-item .title-wrapper{
  position: relative;
  text-align: left;
}
.how-much-coffee .flex-item .title-wrapper h3{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
}
.how-much-coffee .flex-item .title-wrapper img{
  width:75px;
}
.how-much-coffee .table-row{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto 10px;
}
.how-much-coffee .table-cell{
  width: 50%;
  font-size: 16px;
}
.how-much-coffee .table-row .table-cell:first-of-type{
  text-align: left;
  padding-right: 10px;
}
.how-much-coffee .table-row .table-cell:last-of-type{
  text-align: right;
  padding-left: 10px;
}
@media(min-width:768px){
  .how-much-coffee .flex-item {
    max-width: 50%;
    flex: 1 1 50%;
    padding: 20px 40px;
  }
  .how-much-coffee .flex-item:before{
    display: none;
    content:'';
    position: absolute;
    bottom:100px;
    right: 0;
    width: 1px;
    height: 25px;
    background:#000;
  }
  .how-much-coffee .flex-item:not(:last-of-type):not(:nth-child(2n)):before{
    display: block;
  }
  .how-much-coffee .table-row{
    margin: 0 auto 20px;
  }
  .how-much-coffee .flex-item .title-wrapper{
    text-align: center;
  }
  .how-much-coffee .flex-item .title-wrapper img{
    width: 100%;
    height: 200px;
    object-fit: contain;
    margin-bottom: 30px;
  }
  .how-much-coffee .flex-item .title-wrapper h3{
    position: static;
  }
}
@media(min-width:1024px){
  .how-much-coffee .flex-item {
      max-width: 25%;
      flex: 1 1 25%;
      padding: 25px 50px;
  }
  .how-much-coffee .flex-item:not(:last-of-type):not(:nth-child(4n)):before{
    display: block;
  }
}
@media(min-width:1280px){
  .how-much-coffee .flex-item img{
    height: 300px;
  }
}
/* About banner product */
.product-about-banner{
  background:var(--beige);
  padding: 25px 0 5px;
  margin:25px 0;
  text-align: center;
}
.product-about-banner .product-vector{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.product-about-banner .product-vector:after{
  height: 40px;
  top:-32px;
  background-size: cover;
}
.product-about-banner .product-vector.costa-rica:after{
  top:-38px;
}
.product-about-banner .flex-row{
  flex-direction: column;
}
.product-about-banner .icons-info.row .item32{
  width:32%;
  padding:10px;
}
.product-about-banner .icons-info img{
  height: 50px;
  margin-bottom:10px;
}
.product-about-banner .icons-info h3{
  font-size: 20px;
  margin-bottom: 10px;
}
.product-about-banner .icons-info p{
  font-size: 14px;
}
@media(min-width:768px){
  .product-about-banner .icons-info img{
    height: 70px;
  }
  .product-about-banner .icons-info h3{
    font-size: 28px;
  }
  .product-about-banner .icons-info p{
    font-size: 16px;
  }
}
@media(min-width:850px){
  .product-about-banner{
    text-align: left;
  }
  .product-about-banner{
    margin: 40px 0 20px;
  }
  .product-about-banner .flex-row{
    align-items: center;
    flex-direction: row;
  }
  .product-about-banner .row > .item.item32{
    width: 32%;
  }
  .product-about-banner .flex-row .flex-item{
    max-width: 50%;
    margin: 0 auto;
  }
}
@media(min-width:1024px){
  .product-about-banner .product-vector.costa-rica:after{
    background-size: contain;
  }
}
@media(min-width:1280px){
  .product-about-banner{
    margin:50px 0 30px;
  }
  .product-about-banner .flex-row .flex-item{
    padding: 10px 40px;
  }
}
/* FAQ */
.faq .faq_list{
  max-width: 900px;
  margin: 0 auto;
}
.faq_item {
  margin-bottom: 15px;
  padding-bottom: 15px;
  position: relative;
}
.faq_item:before{
  display: block;
  content:'';
  position: absolute;
  width: calc(100% - 45px);
  right: 0;
  background: #000;
  height: 1px;
  bottom: 0;
}
.faq_question {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  justify-content: space-between;
}
.faq_question p{
  margin-bottom: 0;
  padding-left: 20px;
  text-transform: uppercase;
  flex:1;
  font-size: 16px;
}
.faq_question .arrow{
  width: 22px;
  height: 22px;
  cursor: pointer;
  transition: .4s;
  transform:rotate(180deg);
}
.faq_item.is-active .faq_question .arrow{
  transform:rotate(270deg);
}
.faq_answer{
  display: none;
}
.faq_answer .info,
.faq_answer .form{
  padding-top: 20px;
  max-width: 700px;
  margin: 0 auto;
}
.faq_answer .info{
  padding-left: 45px;
}
@media(min-width:768px){
  .faq_answer .info{
    padding-left: 65px;
  }
}
/* Blog posts */
.blog-listing .full-item p{
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  margin-bottom: 0;
}
.blog-listing .grid-btn{
  margin-top:1rem;
}
@media (min-width: 1280px) {
  .blog-listing .full-item p{
    font-size: 18px;
  }
}
/* General First Screen */
.first-screen{
  position: relative;
  padding: 80px 0 20px;
}
.first-screen .screen-title-wrapper{
  max-width: 220px;
  margin-bottom: 0;
}
.first-screen .container{
  min-height: 650px;
}
.first-screen .img-abs.desktop{
  display: none;
}
.first-screen .screen-title-wrapper,
.first-screen .screen-title-wrapper .screen-title{
  text-align: left;
}
.first-screen .screen-title-wrapper p br{
  display: none;
}
@media(min-width:768px){
  .first-screen{
    padding: 60px 0;
  }
  .first-screen .container{
    min-height: 430px;
  }
  .first-screen .img-abs.desktop{
    display: block;
  }
  .first-screen .img-abs.mobile{
    display: none;
  }
  .first-screen .screen-title-wrapper{
    max-width: 350px;
  }
}
@media(min-width:850px){
  .first-screen .screen-title-wrapper{
    max-width: 400px;
  }
}
@media(min-width:1024px){
	.first-screen .screen-title{
		font-size: 60px;
	}
  .first-screen .screen-title-wrapper p{
    font-size: 18px;
  }
}
@media (min-width: 1440px) {
  .first-screen .screen-title {
      font-size: 70px;
  }
  .first-screen .screen-title-wrapper p{
    font-size: 20px;
  }
}
/* Gallery */
.gallery-wrapper figure{
  padding: 6px;
}
.gallery-wrapper figure img{
  margin-bottom: -6px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media(min-width:768px){
  .gallery-wrapper{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
  }
  .gallery-wrapper figure:nth-child(3n + 2), .gallery-wrapper figure:nth-child(3n + 3){
    flex: 1 1 50%;
    max-width: 50%;
  }
}
/* Center info */
.center-info .info{
  max-width: 710px;
  margin: 0 auto;
  text-align: left;
}
/* Map Screen */
.map-screen{
  padding: 0;
}
.map-screen:after{
  display: none;
}
.map-screen iframe{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}
.map-screen .info p{
  font-size: 18px;
}
@media(min-width:1024px){
  .map-screen .info p{
    font-size: 20px;
  }
}
@media(min-width:1280px){
  .map-screen .info p{
    font-size: 24px;
  }
}
/* Pinned Images */
.pin-wrapper {
   align-items: stretch;
   position: relative;
   padding:40px 0;
}
.pin-wrapper .info-item{
  padding-top:30px;
}
.pin-wrapper .image-stack img{
  width: 100%;
}
@media (min-width:767px){
  .pin-wrapper.flex-row, .pin-wrapper.flex-row.reverse{
    flex-direction: column;
  }
  .pin-wrapper .info-wrapper{
    -webkit-position: sticky;
    position: sticky;
    top: 160px;
  }
}
@media(min-width:1024px){
  .pin-wrapper.flex-row{
    flex-direction: row;
  }
  .pin-wrapper.flex-row.reverse{
    flex-direction: row-reverse;
  }
  .pin-wrapper .info-item{
    padding-top:0;
  }
  .pin-wrapper.reverse .info-item{
    padding-right: 40px;
  }
  .pin-wrapper:not(.reverse) .info-item{
    padding-left: 40px;
  }
}
@media(min-width:1280px){
  .pin-wrapper.reverse .info-item{
    padding-right: 100px;
  }
  .pin-wrapper:not(.reverse) .info-item{
    padding-left: 100px;
  }
}
/* Coffee subscription */
.abonamente-coffee-subscription > .flex-row{
  flex-direction: column;
}
.abonamente-coffee-subscription .info ul li:before{
  background-image: url('../img/ul-marker.svg');
  width: 15px;
  height: 15px;
  top: 4px;
  position: static;
  margin-right: 5px;
  display: inline-block;
}
.coffee-customizer{
  width: 100%;
}
.coffee-customizer .flex-row{
  align-items: stretch;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.coffee-customizer .flex-row.price-row{
  align-items: center;
}
.coffee-customizer .flex-row select,
.coffee-customizer .flex-row .option-label,
.coffee-customizer .flex-row .price,
.coffee-customizer .flex-row .button-wrapper{
  flex: 1;
  margin-bottom: 0;
}
.coffee-customizer .added_to_cart{
  display: none;
}
.coffee-customizer .coffee-option-hidden{
  display: none;
}
@media(min-width:768px){
  .coffee-customizer .flex-row{
    flex-direction: row;
    gap:15px;
  }
  .coffee-customizer .flex-row select{
    text-align: left;
    text-align-last: left;
  }
  .abonamente-coffee-subscription .info ul li:before{
    position: absolute;
  }
}
@media(min-width:992px){
  .abonamente-coffee-subscription > .flex-row{
    flex-direction: row;
  }
}
/* Good to know box - used in product summary */
.gtk-box{
	margin-top: 40px;
}
.gtk-box .option-label{
	margin-bottom: 15px;
}
/* Product Reviews */
/* meta reviews */
.product-rating-summary{
  align-items: center;
  font-size: 20px;
  margin-bottom: 30px;
  gap: 30px;
  flex-direction: row;
  justify-content: center;
}
.product-rating-summary .teardrop-rating{
  line-height: 1;
}
.product-rating-summary .teardrop-rating svg,
.review-box .review-rating svg{
  width: 15px;
  height: 17px;
  margin: 2px;
}
@media(min-width:850px){
  .product-rating-summary{
    justify-content: flex-start;
  }
}
/* reviews boxes*/
.reviews-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  align-items: stretch;
  margin:30px 0 50px;
}
.review-box {
  background: var(--beige);
  padding: 20px;
  border-radius: 13px;
  width: 100%;
  text-align: left;
  display: flex;
  flex-direction: column;
}
.review-box .review-rating{
  margin-bottom: 20px;
}
.review-box .review-title,
.review-box .review-footer span{
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 15px;
}
.review-box .review-footer span{
  margin-bottom: 0;
}
.review-box .review-content{
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 50px;
  flex: 1;
}
.review-box .review-footer{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap:15px;
  align-items: center;
}
@media(min-width:768px){
  .review-box .review-title,
  .review-box .review-footer span{
    font-size: 22px;
    line-height: 26px;
  }
  .review-box{
    width: 45%;
  }
}
@media(min-width:1024px){
  .review-box{
    width: 30%;
  }
}
/* popup review */
.tear {
  display: inline-block;;
  margin-right: 4px;
  line-height: 1;
}
.tear svg{
	width: 20px;
  height: 20px;
}
.tear.filled,
.tear.selected {
  background: #000;
}
.custom-review-buttons {
  margin-top: 20px;
}
.custom-review-popup {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: 9999;
  padding: 130px 0;
  overflow-y: scroll;
}
.custom-review-popup .popup-inner {
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  width: 950px;
  max-width: 90%;
  position: relative;
}
.custom-review-popup .popup-inner h2{
  margin-bottom: 30px;
}
.custom-review-popup .close-popup {
  position: absolute;
  top: 10px; right: 10px;
  background: none;
  border: none;
}
.custom-review-popup .close-popup:before{
  display: none;
}
.custom-review-popup .review-success-message {
  text-align: center;
  padding: 30px 0;
}
.custom-review-popup .review-success-message svg {
  margin-bottom: 15px;
}
.custom-review-popup .review-success-message p{
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: -1px;
   font-family: "League Gothic", sans-serif;
}
.custom-review-form{
  text-align: center;
}
.custom-review-form .flex-row,
.custom-review-form .review-field{
  text-align: left;
}
.custom-review-form .option-label{
  margin-bottom: 0;
}
.custom-review-form .rating-teardrops{
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-top:10px;
}
.custom-review-form .flex-row{
  flex-wrap: wrap;
  gap:20px;
}
.custom-review-form .flex-row > div{
  flex: 1;
}
.custom-review-form .review-field{
  margin-top:20px;
}
.custom-review-form .flex-row.terms-item{
  flex-wrap: nowrap;
  font-size: 12px;
  align-items: flex-start;
  margin:5px 0 20px;
  padding: 0;
}
.custom-review-form .flex-row.terms-item label{
  flex: 1 1 50%;
}
.custom-review-form textarea{
  height: 120px;
}
.custom-review-popup form input[type=checkbox]{
  visibility: visible;
  position: absolute;
  z-index: -2;
}
@media(min-width:992px){
  .custom-review-popup {
    overflow: hidden;
    align-items: center;
  }
}
@media(min-width:1024px){
  .custom-review-popup .popup-inner{
    padding: 40px;
  }
}
@media(min-width:1280px){
  .custom-review-popup .popup-inner{
    padding: 50px;
  }
}
@media(max-width:767px){
  .custom-review-buttons .btn{
    font-size: 14px;
    padding: 10px 12px;
  }
}
/*------------*/
/* Single Product */
.product_flex{
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding-top:50px;
}
.product_flex .storefront-breadcrumb{
  position: absolute;
  top:0;
}
.product_flex > div {
  flex: 1 1 100%;
  width: 100%;
  text-align: center;
}
.product_flex .woocommerce-product-gallery img{
  margin: 0 auto;
}
.title-price-wrapper{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  column-gap: 60px;
  margin-bottom: 30px;
   font-family: "League Gothic", sans-serif;
}
.title-price-wrapper h1{
  margin-bottom: 0;
}
.title-price-wrapper .main-price-title span, .title-price-wrapper .main-price-title, .title-price-wrapper .main-price-title .amount{
  font-size: 30px;
   font-family: "League Gothic", sans-serif;
   margin-top:10px;
}
.product_flex .info{
  display: inline-block;
  margin-bottom: 20px;
}
.product_flex .summary form.cart{
  position: relative;
  padding-bottom: 80px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.product_flex .summary .single_add_to_cart_button{
  position: absolute;
  bottom:0;
  left: 50%;
  transform:translateX(-50%);
  z-index: 2;
  min-width: 250px;
}
.product_page .side-image-side-info .info ul li:before{
  width: 15px;
  height: 15px;
  top: 4px;
  background-image:url('../img/ul-marker.svg');
  position: static;
  display: inline-block;
  margin-right: 5px;
}
.product_page .side-image-side-info:after{
  display: none;
}
@media(min-width:768px){
  .product_page .side-image-side-info .info ul li:before{
    position: absolute;
  }
}
@media(min-width:850px){
  .product_flex{
    flex-direction: row-reverse;
    flex-wrap: wrap;
    margin-left: -40px;
    margin-right: -40px;
    align-items: flex-start;
    padding-top:0;
  }
  .product_flex .storefront-breadcrumb{
    position: static;
  }
  .product_flex > div {
    flex: 1 1 50%;
    width: 50%;
    padding: 0 40px;
    text-align: left;
  }
  .product_flex .summary{
    -webkit-position: sticky;
    position: sticky;
    top: 165px;
  }
  .title-price-wrapper .main-price-title span, .title-price-wrapper .main-price-title, .title-price-wrapper .main-price-title .amount{
    font-size: 33px;
    margin-top:0;
  }
  .title-price-wrapper{
    flex-direction: row;
    align-items: flex-start;
  }
  .product_flex .summary .single_add_to_cart_button{
    left:0;
    transform:unset;
  }
  .product_flex .info{
    max-width: 400px;
  }
  .product_flex .summary form.cart{
    flex-direction: row;
  }
}
@media(min-width:1280px){
  .product_flex{
    margin-left: -60px;
    margin-right: -60px;
  }
  .product_flex > div {
    padding: 0 60px;
  }
  .title-price-wrapper .main-price-title span, .title-price-wrapper .main-price-title, .title-price-wrapper .main-price-title .amount{
    font-size: 45px;
  }
}
/*----------*/
/* Single Post */
.single__post .content-hero.side-image-side-info{
  margin-top:30px;
}
.content-hero .inner-flex{
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.content-hero .inner-flex time{
  margin-right: 20px;
}
.content-hero  .small-screen-title, .content-hero  .info{
  max-width: 520px;
}
.content-body{
  max-width: 900px;
  margin: 0 auto;
}
.content-body .banner-block{
  margin:30px 0;
}
.content-body .banner-block p{
  display: none;
}
.content-body .banner-block img{
  width: 100%;
}
@media(min-width:1024px){
  .content-body .banner-block{
    width: calc(100% + 100px);
    margin-left: -50px;
  }
}
@media(min-width:1280px){
  .content-body .banner-block{
    width: calc(100% + 200px);
    margin-left: -100px;
  }
}
@media(min-width:1400px){
  .content-body .banner-block{
    width: calc(100% + 300px);
    margin-left: -150px;
  }
}
/*-----*/
/*Quiz */
.quiz-step.first-step{
  min-height: 95vh;
  justify-content: center;
  align-items: center;
}
.quiz-step .box{
  margin: 0 auto;
  background: #F9F7F5;
}
.quiz-step.first-step .box{
  padding: 50px;
  max-width: 500px;
}
@media(min-width:850px){
  .quiz-step.first-step .box{
    padding: 100px;
  }
}
/**/
.quiz-step {
  display: none;
}
.quiz-step:not(.first-step).active {
  display: block;
}
.quiz-step.first-step.active{
  display: flex;
}
.quiz-answers {
  display: flex;
  margin: 50px 0;
  justify-content: center;
  align-items: flex-start;
  margin: 0 auto;
  flex-wrap: wrap;
}
.quiz-answer {
  padding: 20px;
  flex: 1 1 50%;
  cursor: pointer;
  max-width: 50%;
  text-align: center;
  transition: .4s;
}
.quiz-answer .quiz-letter{
  display: none;
}
.quiz-answer img {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.quiz-answer.selected img.no-select,
.quiz-answer img.select{
  display: none;
}
.quiz-answer.selected img.select{
  display: block;
}
.quiz-answer p{
  font-size: 14px;
}
.quiz-step .error{
  display: none;
  color: red;
  font-weight: bold;
  margin-top: 15px;
}
/***/
.quiz-result-block .box{
  max-width: 900px;
  margin: 0 auto;
  padding: 15px;
}
.quiz-result-block .box .screen-title-wrapper{
  margin-top:40px;
}
@media(min-width:768px){
  .quiz-answer{
    max-width: 33%;
    flex: 1 1 33%;
  }
  .quiz-result-block .box{
    padding: 20px;
  }
}
@media(min-width:850px){
  .quiz-answer{
    max-width: 20%;
    flex: 1 1 20%;
  }
  .quiz-answer p{
    font-size: 16px;
  }
  .quiz-result-block .box{
    padding: 40px;
  }
}
/*------*/
/* Abonamente */
.abonamente_page .first-screen .container{
  justify-content: end;
  align-items: end;
}
.abonamente_page .icons-info img{
  height:70px;
}
/*------*/
/* Cafenea */
.cafenea_page .map-screen{
  margin-top: 0;
}
/*------*/
/* Roastery */
.roastery_page .first-screen .container{
  justify-content: center;
  align-items: center;
  text-align: left;
}
.roastery_page .first-screen .img-abs.desktop{
  object-fit: contain;
}
@media(min-width:2000px){
  .roastery_page .first-screen .img-abs.desktop{
    object-fit: cover;
  }
}
@media(max-width:767px){
  .roastery_page .first-screen{
    padding: 20px 0;
  }
  .roastery_page .first-screen .screen-title-wrapper{
    max-width: 100%;
  }
}
/*------*/
/* FAQ*/
.faq_page .faq{
  margin-bottom: 50px;
}
.faq_page .intro{
  padding-bottom: 0;
}
.faq_page .form-screen.screen{
  padding-top: 0;
}
.faq_page .form{
  max-width: 700px;
  margin: 0 auto;
}
.faq_page .faq-wrapper .faq-col{
  padding-bottom:60px;
}
@media(min-width:768px){
  .faq_page .faq-wrapper{
    margin-left: -30px;
    margin-right: -30px;
    flex-wrap: wrap;
  }
  .faq_page .faq-wrapper .faq-col{
    padding: 30px;
    flex: 1 1 50%;
    max-width: 50%;
  }
}
@media(min-width:992px){
  .faq_page .faq-wrapper{
    margin-left: -50px;
    margin-right:-50px;
  }
  .faq_page .faq-wrapper .faq-col{
    padding: 50px;
  }
}
/*------*/
/* My account */
.woocommerce-account .screen{
	text-align: center;
}
.woocommerce-account .screen form{
	max-width: 700px;
  margin:0 auto;
}
.woocommerce-account .screen .section-title-container{
  margin-bottom: 50px;
}
.woocommerce-account:not(.logged-in) .title,
.woocommerce-account:not(.logged-in) .container > .screen-title{
	display: none;
}
.woocommerce-account .submit-form-row-flex{
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.woocommerce-account .lost_password{
	font-size: 14px;
}
#customer_login .register-toggle {
  cursor: pointer;
  text-align: center;
  display: block;
  font-size: 14px;
  margin-top: 30px;
  font-weight: 500;
  color: var(--blue);
}
#customer_login .u-column2 {
  display: none;
}
#customer_login.toggle-the-logins .u-column1 {
  display: none;
}
#customer_login.toggle-the-logins .u-column2 {
  display: block;
}
.woocommerce-account .register-toggle u{
	color:var(--orange);
	transition: .4s;
}
.woocommerce-account .register-toggle:hover u{
	color:var(--red);
}

/* dashboard*/
.woocommerce-account.logged-in .woocommerce{
  margin-top:50px;
}
.woocommerce-account.logged-in .woocommerce:before,
.woocommerce-account.logged-in .woocommerce:after{
  display:block;
  content:'';
  clear:both;
}
.woocommerce-account.logged-in  .woocommerce-MyAccount-navigation{
  width:20%;
  padding-right:50px;
  float:left;
  text-align:left;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content{
  width:80%;
  padding-left:50px;
  float:left;
  text-align:left;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li{
  transition:.4s;
  list-style: none;
  margin-bottom: 25px;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a{
  font-size:18px;
  line-height:20px;
  display:inline-block;
  position:relative;
  text-decoration: none;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a::before{
  float: left;
  margin-left: 0;
  margin-right: 15px;
  line-height: 1;
  transition: .4s;
}
.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads{
  display: none;
}
.woocommerce-account.logged-in .woocommerce-info{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.woocommerce-MyAccount-content .woocommerce-orders-table{
  width:100%;
}
.woocommerce-MyAccount-content .woocommerce-orders-table td,
.woocommerce-MyAccount-content .woocommerce-orders-table th{
  border:0;
}
.woocommerce-MyAccount-content .woocommerce-orders-table tr{
  border-bottom:1px solid #E6E6E6;
}
.woocommerce-MyAccount-content form legend{
  font-size: 30px;
  line-height: 32px;
  margin-bottom: 20px;
   font-family: "League Gothic", sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}
.woocommerce-MyAccount-content form em{
  font-size:13px;
  font-weight:500;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content .flex-row.reverse{
  margin-top:30px;
}
.woocommerce-account.logged-in .woocommerce-Address{
  display: inline-block;
  vertical-align: top;
  width: 49%;
  padding-right: 30px;
}
.woocommerce-account .button{
	margin-top: 20px;
  text-decoration: none;
}
.woocommerce-account table .button{
	margin:0 3px;
}
.woocommerce-account table{
  width: 100%;
  margin-bottom: 50px;
}
.woocommerce-account table .wc-item-meta{
  margin:10px 0 0;
}
.woocommerce-account table .wc-item-meta li{
  display: flex;
  gap:10px;
  margin-bottom: 10px;
}
.woocommerce-account table .wc-item-meta li,
.woocommerce-account table .wc-item-meta li p{
  font-size: 14px;
}
.woocommerce-account table .wc-item-meta li p{
  margin-bottom: 0;
}
.woocommerce-account table .product-name a{
  font-size: 22px;
  text-decoration: none;
   font-family: "League Gothic", sans-serif;
  text-transform: uppercase;
}
.woocommerce-account table .product-name a:hover{
  color:var(--gold);
}
.woocommerce-account address{
  margin-bottom: 30px;
}
@media(max-width:1200px){
  .woocommerce-account.logged-in .woocommerce-MyAccount-navigation{
    padding-right: 0;
  }
}
@media(max-width:1000px){
  .woocommerce-account.logged-in .woocommerce-MyAccount-navigation{
    width: 30%;
  }
  .woocommerce-account.logged-in .woocommerce-MyAccount-navigation li{
    padding:0;
  }
  .woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a{
    font-size:16px;
  }
  .woocommerce-account.logged-in .woocommerce-MyAccount-content{
    width:70%;
    padding-left: 30px;
  }
  .woocommerce-MyAccount-content .woocommerce-orders-table th{
    display:none;
  }
  .woocommerce-MyAccount-content .woocommerce-orders-table td,
  .woocommerce-MyAccount-content .woocommerce-orders-table tr{
    display: block;
  }
  .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-total{
    display:none!important;
  }
  .woocommerce-MyAccount-content .woocommerce-orders-table td{
    text-align: right!important;
  }
  .woocommerce-MyAccount-content .woocommerce-orders-table td::before{
    content: attr(data-title) ": ";
    font-weight: 700;
    float: left;
  }
  .woocommerce-account.logged-in .woocommerce-MyAccount-content .flex-row.reverse{
    flex-direction: column;
  }
  .woocommerce-account.logged-in .woocommerce-MyAccount-content .flex-row.reverse .flex-item{
    padding: 0;
    padding-bottom:30px;
  }
  .woocommerce-account.logged-in .woocommerce-Address{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-right: 0;
    padding-bottom: 20px;
  }
}
@media(max-width:767px){
  .woocommerce-account.logged-in .woocommerce-MyAccount-navigation{
    width: 100%;
  }
  .woocommerce-account.logged-in .woocommerce-MyAccount-content{
    width:100%;
    padding-left: 0px;
    margin-top:35px;
  }
}
/* Cart & Checkout */
.woocommerce-cart .wc-block-components-product-name,
.wc-block-checkout__sidebar .wc-block-components-product-name,
.wc-block-cart__totals-title{
   font-family: "League Gothic", sans-serif!important;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 30px;
}
.wc-block-cart__totals-title,
.wc-block-cart-items__header-total,
.wc-block-cart-items__header-image{
  font-size: 20px !important;
  font-weight: normal!important;
   font-family: "League Gothic", sans-serif!important;
}
.woocommerce-cart .wc-block-components-product-name:hover{
  color:var(--gold);
}
.wc-block-components-product-details,
.wc-block-components-product-details li,
.wc-block-components-product-metadata{
  list-style: none!important;
  font-size: 14px!important;
  margin-bottom: 7px!important;
}
.woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper span,
.wc-block-components-product-details__name{
  font-weight: 600;
}
.wp-block-woocommerce-empty-cart-block{
  text-align: center;
}
.editor-styles-wrapper .wc-block-cart__empty-cart__title,
.wc-block-cart__empty-cart__title{
  font-size: 30px!important;
}
.wp-block-woocommerce-empty-cart-block .btn{
  margin:0 auto;
  text-decoration: none;
}
.wc-block-cart__submit{
  width: 100%!important;
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-formatted-money-amount{
  font-weight: normal!important;
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text{
   font-family: "League Gothic", sans-serif!important;
  text-transform: uppercase;
  font-size: 1.25em;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]{
  visibility: visible;
  background: transparent!important;
  border-radius: 0!important;
  border:1px solid #000!important;
  width:18px!important;
  height: 18px!important;
  min-width: unset!important;
  min-height: unset!important;
  margin-right: 10px !important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:after{
  display: block;
  content:'';
  width: 12px;
  height: 12px;
  position: absolute;
  top:3px;
  left: 3px;
  background: #000;
  visibility: hidden;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:focus,
.wc-block-components-radio-control .wc-block-components-radio-control__input:focus{
  outline:none!important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked,
.wc-blocks-components-select .wc-blocks-components-select__container,
.wc-block-cart__submit .wc-block-cart__submit-container{
  background: unset!important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__mark,
.wc-block-cart-item__prices{
  display: none;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked:after{
  visibility: visible;
}
.wc-block-components-checkbox .wc-block-components-checkbox__label, .wc-block-components-checkbox>span,
.wc-block-components-radio-control__description-group .wc-block-components-radio-control__description,
.wc-block-components-radio-control__description-group .wc-block-components-radio-control__label,
.wc-block-components-radio-control__label-group .wc-block-components-radio-control__description,
.wc-block-components-radio-control__label-group .wc-block-components-radio-control__label,
.wc-block-components-radio-control__label-group span{
  padding-left: 0!important;
}
.wc-block-components-radio-control__description-group .wc-block-components-radio-control__description,
.wc-block-components-radio-control__description-group .wc-block-components-radio-control__label,
.wc-block-components-radio-control__label-group .wc-block-components-radio-control__description,
.wc-block-components-radio-control__label-group .wc-block-components-radio-control__label,
.wc-block-components-radio-control__label-group span{
  font-size: 18px!important;
}
.wc-block-components-radio-control__description-group {
  align-items: center;
}
.wc-block-components-radio-control__label-group span{
  vertical-align: middle!important;
  line-height: 1.1!important;
}
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted{
  box-shadow: inset 0 0 0 1px #000!important;
}
.info .wc-block-components-checkout-step__content ul li{
  margin-bottom: 0;
}
.wc-block-components-shipping-rates-control__package-title{
  font-weight: 600;
}
.info .wc-block-components-checkout-return-to-cart-button, .info table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link{
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.2;
  font-size: 12px;
}
.wc-block-components-radio-control .wc-block-components-radio-control__input,
.wc-block-components-textarea,
.wc-block-components-form .wc-block-components-text-input input[type=email]:focus, .wc-block-components-form .wc-block-components-text-input input[type=number]:focus, .wc-block-components-form .wc-block-components-text-input input[type=password]:focus, .wc-block-components-form .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-form .wc-block-components-text-input input[type=text]:focus, .wc-block-components-form .wc-block-components-text-input input[type=url]:focus, .wc-block-components-text-input input[type=email]:focus, .wc-block-components-text-input input[type=number]:focus, .wc-block-components-text-input input[type=password]:focus, .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-text-input input[type=text]:focus, .wc-block-components-text-input input[type=url]:focus{
  background: transparent!important;
}
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__label{
  font-weight: normal!important;
}
.wc-block-components-radio-control .wc-block-components-radio-control__input{
  min-width: 22px!important;
  min-height: 22px!important;
}
.wp-block-woocommerce-checkout-order-summary-block span svg{
  vertical-align: sub!important;
}
.wc-block-components-validation-error>p{
  font-size: 12px;
}
.wc-blocks-components-select .wc-blocks-components-select__container select{
  border: 0!important;
  border-radius: 0!important;
  border-bottom: 1px solid #000!important;
  text-align: left;
  text-align-last: left;
}
.wc-blocks-components-select .wc-blocks-components-select__container{
  height: 50px!important;;
}
.wc-blocks-components-select .wc-blocks-components-select__label{
  margin-top:-4px!important;;
}
.wc-block-components-radio-control-accordion-content{
  font-size: 14px;
}
.wc-block-cart-item__product{
  padding-right: 10px;
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name{
  line-height: 1.2;
}
.wc-block-components-product-name{
  font-size: 30px!important;
  margin-bottom: 10px;
}
.info .wc-block-components-title.wc-block-components-title{
  font-size:22px;
}
.wc-block-components-checkbox .wc-block-components-checkbox__label, .wc-block-components-checkbox>span{
  flex: 1;
}
@media(max-width:782px){
  .wc-block-cart .wc-block-cart__submit-container--sticky{
    background: #000!important;
  }
  .wc-block-cart .wc-block-cart__submit-container--sticky .wc-block-cart__submit-button{
    color:#fff!important;
  }
  .wc-block-cart .wc-block-cart__submit-container--sticky{
    padding: 0!important;
  }
  .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-panel__button{
    padding-left: 16px!important;
  }
  .info .wc-block-components-title.wc-block-components-title{
    font-size:26px;
  }
}
@media(min-width:1024px){
  .info .wc-block-components-title.wc-block-components-title{
    font-size:32px;
  }
}
/* ---- Thank You Page ----*/
.woocommerce-order{
  text-align: center;
}
.woocommerce-order section{
  margin:50px auto;
}
.woocommerce-order table{
  margin: 20px auto;
  max-width: 800px;
  width: 100%;
  text-align: left;
}
.info .woocommerce-order table ul{
  margin-bottom: 0;
  margin-top:10px;
}
.info .woocommerce-order table ul,
.info .woocommerce-order table ul li, .info .woocommerce-order table ul li p{
  list-style: none!important;
  font-size: 14px!important;
}
.info .woocommerce-order table ul li p{
  margin-bottom: 0;
}
.info .woocommerce-order table ul li{
  margin-bottom: 7px!important;
}
.info .woocommerce-order table .woocommerce-table__product-name a{
  font-family: 'League Gothic';
  text-decoration: none;
  text-transform: uppercase;
  font-size: 20px;
}
.woocommerce-customer-details .woocommerce-column{
  display: inline-block;
  vertical-align: top;
}
.woocommerce-columns--addresses{
  max-width: 800px;
}
@media(min-width:768px){
  .woocommerce-customer-details .woocommerce-column{
    width:49%;
    padding: 0 10px;
  }
  .info .woocommerce-order table ul li{
    display: flex;
    gap:10px;
  }
}
/* --- Shop Page & product category page --- */
.shop-page-content{
  margin-top:50px;
}
.shop-subcategory-group{
  margin-bottom: 50px;
}
.shop-page-content .screen-title-wrapper{
  max-width: 500px;
  margin: 0 auto;
}
.shop__page .quiz-step{
  margin:50px 0;
}
@media(min-width:1024px){
  .shop-page-content{
    margin-top:100px;
  }
  .shop-subcategory-group{
    margin-bottom: 100px;
  }
  .shop__page .quiz-step{
    margin:100px 0;
  }
}
@media(min-width:1280px){
  .shop-page-content .screen-title-wrapper{
    max-width: 650px;
  }
}