* {
box-sizing: border-box;
}
html, body {
scroll-behavior: smooth;
}  :root {
--white: #ffffff;
--color: #0e0e0e;
--darkgray: #454545;
--gray: #858585;
--lightgray: #dedede;
--light: #f1f1f1;
--error: #ffe5e5;
--message: #e8eed1;
--lime: #e6fd8c;
--sand: #e0dddb;
--lightsand: #f1efee;
--headerheight: 90px;
--swiper-navigation-color: var(--color);
--swiper-theme-color: var(--color); --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}  * {
box-sizing: border-box;
}
html, body {
scroll-behavior: smooth;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
border-color: 0;
box-shadow: 0;
outline: 0 none;
background-color: var(--light);
}  :root {
--white: #ffffff;
--color: #0e0e0e;
--darkgray: #454545;
--gray: #858585;
--lightgray: #dedede;
--light: #f1f1f1;
--error: #ffe5e5;
--message: #e8eed1;
--lime: #e6fd8c;
--sand: #e0dddb;
--lightsand: #f1efee;
--headerheight: 90px;
--swiper-navigation-color: var(--color);
--swiper-theme-color: var(--color);
--font-family: "Nunito Sans", Helvetica, Arial, sans-serif;
}  body {
margin: 0;
padding: 0;
font-size: 10px;
line-height: 12px;
font-weight: 400;
color: var(--color);
background-color: var(--white);
font-family: var(--font-family);
-webkit-font-smoothing: antialiased;
cursor: default !important;
}
@media (min-width: 1200px) {
body {
font-size: 12px;
line-height: 15px;
}
}
body.overflow, html.overflow {
overflow:hidden;
}  a, a:hover {
color: var(--color);
} ul, ol, dl, dt, dd {
list-style: none;
padding: 0;
margin: 0;
}  .woocommerce form .form-row {
padding: 0;
margin: 0 0 10px 0;
position: relative;
} .woocommerce form .form-row select,
.woocommerce-ordering select {
cursor: pointer;
font-size: 1rem;
line-height: 1.5;
border-radius: 0;
margin: 0;
padding: .66rem !important;
padding-left: 1rem !important; appearance: none;
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: right 1rem top 50%;
background-size: 0.65rem auto;
border: 0;
}
@media (min-width: 1200px) {
.woocommerce form .form-row select {
padding: 1rem !important;
padding-left: 1.5rem !important;
background-position: right 1.5rem top 50%;
}
}
.woocommerce-ordering select {
border: 1px solid var(--gray);
}
span.selection {
display: none;
} input, textarea {
font-size: 1rem;
line-height: 1.25rem;
padding: .66rem;
letter-spacing: -0.1px;
text-decoration: none;
transition-duration: 300ms;
transition-timing-function: ease-in-out;
color: var(--color);
background-color: var(--light);
cursor: text;
width: 100%;
height: 100%;
border: 1px solid var(--light);
border-radius: 0;
}
@media (min-width: 1200px) {
input, textarea {
font-size: 1rem;
line-height: 1.25rem;
padding: 1rem;
letter-spacing: -0.25px;
}
} input[type="radio" i] {
margin: 0;
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
}
input[type="checkbox" i] {
width: auto;
padding: 0;
margin: 0;
margin-right: 9px;
width: 18px;
height: 18px;
}
input:-internal-autofill-selected {
background-color: var(--light) !important;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
display: inline flex;
align-items: center;
line-height: 18px;
}  .btn {
display: inline-block;
font-weight: 400;
line-height: 1.5;
color: var(--color);
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: transparent;
border: 0;
padding: .66rem 1rem;
font-size: 1rem;
border-radius: 0;
}
.btn-black, .btn-black:hover {
color: var(--white);
background-color: var(--color);
}
.btn-white, .btn-white:hover {
color: var(--color);
background-color: var(--white);
}  .click {
position: relative;
padding: 0 45px;
z-index: 0;
white-space: nowrap;
text-decoration: none;
font-size: 1.15rem;
font-weight: 400;
}
@media (min-width: 1200px) {
.click {
padding: 0 45px;
font-size: 1.25rem;
font-weight: 400;
}
}
.click:after {
content: '';
height: 10px;
left: 0;
right: 0;
position: absolute;
bottom: -1px;
z-index: -1;
transition: transform 0.3s cubic-bezier(.5,0,0,1),height 0.3s cubic-bezier(.5,0,0,1);
transform-origin: bottom left;
background-color: var(--light);
}
@media (min-width: 1200px) {
.click:after {
height: 14px;
bottom: -2px;
}
}
.click:hover:after{
height:32px;
transform:translate3d(0,2px,0);
}
@media (min-width: 1200px) {
.click:hover:after{
height:42px;
transform:translate3d(0,6px,0);
}
} .black .click {
color: var(--white);
}
.black .click:after {
background-color: var(--darkgray);
}
.light .click {
}
.light .click:after {
background-color: var(--lightgray);
}  .link {
color: inherit;
text-decoration: none;
display: block;
background: transparent;
border: 1px solid;
padding: 0;
}  .icon {
display: inline-block;
width: 32px;
min-width: 32px;
height: 32px;
color: inherit;
}
.link-arrow .icon {
transition: transform 0.5s ease-out;
}  .site-content {
background-color: var(--white);    
min-height: 100vh;
box-shadow: rgba(0,0,0,0.25) 0 35px 35px 0;
padding-bottom: 0;
}
@media (min-width: 1200px) {
.site-content {
padding-bottom: 0px;
}
}
body.woocommerce-shop .site-content {
padding: 4rem 0;
} @media (max-width: 767px) {
body.woocommerce-shop .site-content {
padding: 2rem 20px;
}
}
@media (min-width: 1200px) {
body.woocommerce-shop .site-content,
body.tax-product_tag .site-content,
body.tax-product_cat .site-content {
padding: 6rem 0;
}
}  .container {
width: calc(100% - 40px);
padding-right: 0;
padding-left: 0;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 1200px) {
.container {
max-width: 1400px !important;
}
}  .grid {
background: transparent;
width: 100%;
}   .hero-static {
position: relative;
display: flex;
width: 100%;
height: 100vh;
overflow: hidden;
transition: height .45s cubic-bezier(1,.005,.33,1);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
} .hero-static .image-mobile {
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
z-index: 0;
height: 100%;
width: auto;
}
@media (min-width: 481px) {
.hero-static .image-mobile {
width: 100%;
height: auto;
}
}
@media (min-width: 641px) {
.hero-static .image-mobile {
display: none;
}
}
.hero-static .content {
z-index: 1;
width: 120%;
display: block;
left: 0;
bottom: 3rem;
position: absolute;
}
@media (min-width: 1200px) {
.hero-static .content {
bottom: 4rem;
}
}
.hero-static .content.text-white a {
color: var(--white) !important;
}
.hero-static a {
text-decoration: none;
}
.hero-static a h1 {
display: inline-flex;
flex-direction: column;
}
.hero-static .content.text-white a h1:after {
background-color: var(--white) !important;
}
.hero-static a h1:after {
content: '';
height: 1px;
width: 100%;
left: 0;
right: 0;
position: relative;
bottom: -1px;
z-index: -1;
transition: transform 0.3s cubic-bezier(.5,0,0,1),width 0.3s cubic-bezier(.5,0,0,1);
transform-origin: center left;
background-color: var(--light);
}
@media (min-width: 1200px) {
.hero-static a h1:after{
bottom: -2px;
}
}
.hero-static a:hover h1:after {
height:4px;
width: 110%;
transform:translate3d(-5%,0,0);
}  .swiper {
width: 100%;
height: 100vh;
}
.swiper-slide {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.swiper-button-prev, 
.swiper-rtl .swiper-button-next {
left: 20px;
right: auto;
}
.swiper-button-next, 
.swiper-rtl .swiper-button-prev {
right: 20px;
left: auto;
} .swiper-hero {
height: calc(100vh - var(--headerheight));
}
.swiper-hero .swiper-slide {
display: flex;
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
background: unset;
}
@media (min-width: 641px) {
.swiper-hero .swiper-slide {
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
}
} .swiper-hero .swiper-slide .image-mobile {
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
z-index: 0;
height: 100%;
width: auto;
}
@media (min-width: 481px) {
.swiper-hero .swiper-slide .image-mobile {
width: 100%;
height: auto;
}
}
@media (min-width: 641px) {
.swiper-hero .swiper-slide .image-mobile {
display: none;
}
}
.swiper-hero .swiper-slide .content {
z-index: 1;
width: 100%;
display: block;
bottom: 200px;
position: absolute;
text-align: center;
}
@media (min-width: 1200px) {
.swiper-hero .swiper-slide .content {
width: 50%;
margin: 0 auto;
bottom: 50%;
transform: translateY(-58%);
}
} .swiper-hero .swiper-slide .content.text-left {
}
.swiper-hero .swiper-slide .content.text-right {
}
@media (min-width: 1200px) {
.swiper-hero .swiper-slide .content.text-left {
}
.swiper-hero .swiper-slide .content.text-right {
}
} .swiper-hero .swiper-slide .content a {
display: inline-block;
color: var(--color);
text-decoration: none;
}
.swiper-hero .swiper-slide .content.text-white a {
color: var(--white) !important;
} .swiper-hero .swiper-slide .content a h1 {
padding-bottom: 0.5rem;
border-bottom: 2px solid var(--color);
}
.swiper-hero .swiper-slide .content.text-white a h1 {
border-bottom: 2px solid var(--white);
} .swiper-hero .swiper-button-next, 
.swiper-hero .swiper-button-prev {
top: 50%;
transform: translateY(-50%);
}
.swiper-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-bullets.swiper-pagination-horizontal, 
.swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 30px;
}
.swiper-button-next::after, .swiper-button-prev::after {
content: "";
}  section {
padding: 4rem 0;
}
@media (min-width: 1200px) {
section {
padding: 6rem 0;
}
} section.double-padding {
padding: 6rem 0;
}
@media (min-width: 1200px) {
section.double-padding {
padding: 8rem 0;
}
}
section.double-padding-top {
padding-top: 6rem;
}
@media (min-width: 1200px) {
section.double-padding-top {
padding-top: 8rem;
}
}
section.double-padding-bottom {
padding-bottom: 6rem;
}
@media (min-width: 1200px) {
section.double-padding-bottom {
padding-bottom: 8rem;
}
} section.white {
color: var(--color);
background-color: var(--white);
}
section.light {
color: var(--color);
background-color: var(--light);
padding: 6rem 0;
}
section.black {
color: var(--white);
background-color: var(--color);
padding: 6rem 0;
}
@media (min-width: 1200px) {
section.black, section.light {
padding: 8rem 0;
}
} section.black .btn.btn-black {
background-color: var(--white);
color: var(--color);
}  .section-combos {
} .combo {
display: grid;
grid-template-columns: repeat(12, [col-start] 1fr);
column-gap: 20px;
row-gap: 20px;
margin-bottom: 80px;
}
.combo:last-of-type {
margin-bottom: 0;
}
@media (min-width: 1200px) {
.combo {
grid-column-gap: 36px;
grid-row-gap: 36px;
margin-bottom: 80px;
margin-top: -5rem;
}
.combo:first-of-type {
margin-top: 0;
}
}
.combo .image {
grid-column: span 10/12;
}
.combo .content {
grid-column: 2 / 12;
text-align: center;
}
@media (min-width: 1200px) {
.combo.left .image {
grid-column: 2 / 7;
align-self: center;
order: 1;
}
.combo.left .content{
grid-column: 8 / 12;
align-self: center;
order: 2;
}
.combo.right .image {
grid-column: 8 / 12;
align-self: center;
order: 2;
}
.combo.right .content{
grid-column: 2 / 7;
align-self: center;
order: 1;
}
.combo.right .content p {
max-width: 380px;
margin: 0 auto;
}
}  .section-impact {
}
@media (min-width: 1200px) {
.section-impact {
}
}
.section-impact .impact-item {
display: grid;
grid-template-columns: repeat(1,1fr);
width: 100%;
height: auto;
margin-bottom: 4rem;
}
@media (min-width: 1200px) {
.section-impact .impact-item {
grid-template-columns: auto 66%;
margin-bottom: 6rem;
}
.section-impact .impact-item.impact-right  {
grid-template-columns: 66% auto;
}
} .impact-item figure {
width: 100%;
grid-row: 1;
grid-column: 1;
margin-bottom: 1.5rem;
}
.impact-item.impact-right figure {
width: 100%;
grid-row: 1;
grid-column: 1;
}
@media (min-width: 1200px) {
.impact-item figure {
grid-row: 1;
grid-column: 2;
margin-bottom: 1.25rem;
}
.impact-item.impact-right figure {
grid-row: 1;
grid-column: 1;
}
} .impact-item .impact-header {
display: flex;
flex-direction: column;
grid-row: 2;
grid-column: 1;
width: 100%;
}
.impact-item.impact-right .impact-header {
}
@media (min-width: 1200px) {
.impact-item .impact-header {
grid-row: 1;
grid-column: 1;
align-self: flex-end;
}
.impact-item.impact-right .impact-header {
grid-row: 1;
grid-column: 2;
text-align: right;
}
} .impact-item .impact-text {
grid-row: 3;
grid-column: 1/-1; }
.impact-item.impact-right .impact-text {
}
@media (min-width: 1200px) {
.impact-item .impact-text {
grid-row: 2;
grid-column: 1/-1;
max-width: 60%;
justify-content: flex-start;
}
.impact-item.impact-right .impact-text {
margin-left: auto;
text-align: right;
}
}
.impact-item .impact-text p ,
.impact-item.impact-right .impact-text p {
text-align: left;
}
@media (min-width: 1200px) {
.impact-item.impact-right .impact-text p {
text-align: right;
}
} .title-xl {
font-size: 4rem;
line-height: 3rem;
}
.title-l {
font-size: 2rem;
}
@media (min-width: 1200px) {
.title-xl {
font-size: 8rem;
line-height: 7rem;
}
.title-l {
font-size: 3rem;
}
}  .section-shortcode {
}
.section-shortcode .shortcode {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.section-shortcode .shortcode .shortcode-list {
grid-column: span 10/12;
margin-bottom: 4rem;
}
@media (min-width: 1200px) {
.section-shortcode .shortcode .shortcode-list {
grid-column: 1 / 12 ;
margin-bottom: 5rem;
}
}  .section-cta {
}
@media (min-width: 1200px) {
.section-cta {
}
}
.cta {
display: grid;
grid-template-columns: repeat(12, [col-start] 1fr);
column-gap: 1vw;
row-gap: 1vw;
}
.cta .content {
grid-column: 2 / 12 ;
}
@media (min-width: 1200px) {
.cta .content {
grid-column: 4 / 10 ;
}
}  .section-descargas {
}
.descargas {
display: grid;
grid-template-columns: repeat(12, [col-start] 1fr);
}
@media (min-width: 1200px) {
.descargas {
}
}
.descargas-item {
grid-column: 1/-1;
display: flex;
justify-content: space-between;
border-top: 1px solid var(--color);
padding: 1rem 1rem 4rem;
}
@media (min-width: 1200px) {
.descargas-item {
grid-column: 2/9;
padding: 1rem 1rem 5rem;
}
}
.descargas-item .item-left span {
font-weight: 700;
}
.descargas-item .item-right a {
text-decoration: none;
}
.descargas-item .item-right a .icon {
width: 22px;
min-width: 22px;
height: 22px;
margin-right: 5px;
margin-bottom: 3px;
}  .section-contact {
}
.section-contact .content {
display: grid;
grid-template-columns: repeat(12, 1fr);
column-gap: 4%;
}
@media (min-width: 1200px) {
.section-contact .content {
}
}
.section-contact .content .contact-text {
grid-column: 1/-1
}
.section-contact .content .contact-form {
grid-column: 1/-1
}
@media (min-width: 1200px) {
.section-contact .content .contact-text {
grid-column: span 4/5 ;
}
.section-contact .content .contact-form {
grid-column: span 6/13 ;
}
} .contact-form {
}
.contact-form .form-control {
border-radius: 0;
margin-bottom: 1rem;
border-color: var(--color);
}
.contact-form .form-checkbox input {
margin-right: 0.75rem;
}
.contact-form .form-checkbox a {
margin-left: 0.35rem;
}
.contact-form textarea {
height: 150px;
}  .section-myaccount {
}
.section-myaccount .content {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.section-myaccount .content .myaccount-text {
grid-column: 1/-1
}
.section-myaccount .content .myaccount-form {
grid-column: 1/-1
}
@media (min-width: 1200px) {
.section-myaccount .content .myaccount-text {
grid-column: span 5/6 ;
}
.section-myaccount .content .myaccount-form {
grid-column: span 6/13 ;
}
} .woocommerce form.checkout_coupon, 
.woocommerce form.login, 
.woocommerce form.register,
.woocommerce-ResetPassword.lost_reset_password  {
padding: 2rem;
margin: 0;
text-align: left;
border-radius: 0;
border-color: var(--color);
}
@media (min-width: 1200px) {
.woocommerce form.checkout_coupon, 
.woocommerce form.login, 
.woocommerce form.register,
.woocommerce-ResetPassword.lost_reset_password  {
padding: 3rem;
}
} .woocommerce-account .woocommerce-MyAccount-navigation {
float: none;
width: 100%;
height: auto;
}
@media (min-width: 1200px) {
} .woocommerce form .show-password-input, 
.woocommerce-page form .show-password-input {
position: absolute;
right: 1.5rem;
top: 1rem;
cursor: pointer;
} .woocommerce form.login input {
}  .orders {
border-top: 1px solid var(--color);
}
.orders .order {
border-bottom: 1px solid var(--color);
}
.orders .order .order-details {
}  .section-archive {
}
.section-archive .archive {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.section-archive .archive .content {
grid-column: 1/-1;
}
@media (min-width: 1200px) {
.section-archive .archive .content {
grid-column: 2 / 12 ;
}
}
.archive-header {
}
.archive-sizer, .result-item {
width: 100%;
}
.archive-gutter {
width: 0%;
}
@media (min-width: 1200px) {
.archive-sizer, .archive-item {
width: 48%;
}
.archive-gutter {
width: 4%;
}
}
.archive-item {
float: left;
border: 0;
background-color: var(--light);
margin-bottom: 4%;
}
.archive-photo {
width: 100%;
display: flex;
}
.archive-photo a {
width: 100%;
height: 100%;
display: flex;
}
.archive-photo img {
width: 100%;
height: auto;
}
.archive-data {
padding: 30px 40px;
}
@media (min-width: 1200px) {
.archive-data {
padding: 30px 60px;
}
}
.archive-tags {
margin-bottom: 10px;
}
.archive-tags a {
font-weight: 700;
color: var(--color);
text-decoration: none;
margin-right: 10px;
}
.archive-link, .archive-link:hover {
color: var(--color);
text-decoration: none;
}
.archive-title {
}
.archive-summary {
color: transparent;
background-clip: text;
-webkit-background-clip: text;
background-image: linear-gradient(to bottom, rgba(0,0,0, 1) 0%, rgba(0,0,0, 0.15) 100%);
background-position: bottom;
display: none;
}
.archive-arrow {
display: block;
color: var(--color);
}  .section-tag {
}  .section-search {
}
.section-search .content {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.section-search .content form {
grid-column: 1/-1;
}
@media (min-width: 1200px) {
.section-search .content form {
grid-column: 2 / 12 ;
}
} .search-input {
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
position: relative;
width: 100%;
height: auto;
border-radius: 0;
background-color: transparent;
overflow: hidden;
}
@media (min-width: 1200px) {
.search-input {
height: auto;
}
}
.search-input input {
font-size: 1rem;
line-height: 1.25rem;
padding: 1.25rem;
letter-spacing: -0.1px;
text-decoration: none;
transition-duration: 300ms;
transition-timing-function: ease-in-out;
color: var(--color);
background-color: var(--light);
cursor: text;
width: 100%;
height: 100%;
border: none;
border-radius: 0;
}
@media (min-width: 1200px) {
.search-input input {
font-size: 1rem;
line-height: 1.25rem;
padding: 1.5rem;
letter-spacing: -0.25px;
}
}
.search-button {
background: none;
border: 0;
color: unset;
outline: 0;
font: inherit;
text-align: unset;
padding: 0;
height: 100%;
position: absolute;
top: 0;
right: 4vw;
}
@media (min-width: 1200px) {
.search-button {
top: 0;
right: 2vw;
}
}
.search-icon {
transition-duration: 300ms;
transition-timing-function: ease-in-out;
display: flex;
align-items: center;
justify-content: center;
width: 5vw;
height: 5vw;
fill: var(--black);
}
@media (min-width: 1200px) {
.search-icon {
width: 2vw;
height: 2vw;
}
}  .section-none {}  .section-results {
}
.section-results .content {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.section-results .content .results {
grid-column: 1/-1;
}
@media (min-width: 1200px) {
.section-results .content .results {
grid-column: 2 / 12 ;
}
}
.result-sizer, .result-item {
width: 100%;
}
.result-gutter {
width: 0%;
}
@media (min-width: 1200px) {
.result-sizer, .result-item {
width: 48%;
}
.result-gutter {
width: 4%;
}
}
.result-item {
float: left;
border: 0;
background-color: var(--light);
margin-bottom: 4%;
}
.result-photo {
width: 100%;
display: flex;
}
.result-photo img {
width: 100%;
height: auto;
}
.result-data {
padding: 30px 60px;
}
.result-type {
}
.result-title {
}
.result-summary {
color: transparent;
background-clip: text;
-webkit-background-clip: text;
background-image: linear-gradient(to bottom, rgba(0,0,0, 1) 0%, rgba(0,0,0, 0.15) 100%);
background-position: bottom;
display: none;
}
.result-meta {
display: none;
}
a.result-arrow {
display: block;
color: var(--color);
}  .section-page {
}
.page-content {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
@media (min-width: 1200px) {
.page-content {
row-gap: 4%;
}
}
.page-content .title,
.page-content .paragraph,
.page-content .image {
grid-column: 1/-1;
}
@media (min-width: 1200px) {
.page-content .title,
.page-content .paragraph,
.page-content .image {
grid-column: 2 / 9 ;
}
}
.page-content .paragraph p strong {
margin-top: 35px;
display: block;
}  .section-post {
} .post-header {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.post-header .content {
grid-column: 1/-1;
}
@media (min-width: 1200px) {
.post-header .content {
grid-column: 2 / 8 ;
}
}
.post-tags {
display: flex;
} .post-content {
display: grid;
grid-template-columns: repeat(12, 1fr);
row-gap: 4%;
}
.post-content .gallery,
.post-content .full-image,
.post-content .productos,
.post-content .paragraph,
.post-content .two-column-module {
grid-column: 1/-1;
}
@media (min-width: 1200px) {
.post-content .gallery,
.post-content .full-image,
.post-content .productos {
grid-column: 2 / 12 ;
}
.post-content .paragraph.left {
grid-column: 2 / 12 ;
}
.post-content .paragraph.center {
grid-column: 2 / 12 ;
}
.post-content .paragraph.right {
grid-column: 2 / 12 ;
}
.post-content .two-column-module {
grid-column: 2 / 12 ;
}
} .post-content .paragraph {}
.post-content .paragraph h3 {
text-align: left;
margin-bottom: 1.5rem;
}
.post-content .paragraph p {
}
.post-content .paragraph p:last-of-type {
margin-bottom: 0;
} .post-content .productos {} .post-copyright {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.post-copyright .content {
grid-column: 1/-1;
}
@media (min-width: 1200px) {
.post-copyright .content {
grid-column: 2 / 12 ;
}
} .two-column-module {
}
.two-column-module .module {
display: grid;
grid-template-columns: repeat(12, [col-start] 1fr);
background-color: var(--light);
} .module .image {
grid-column: 1 / 13;
}
.module .content {
grid-column: 2 / 12;
}
@media (min-width: 1200px) {
.module.left .image {
grid-column: 1 / 5;
order: 1;
}
.module.left .content{
grid-column: 6 / 12;
align-self: center;
order: 2;
}
.module.right .image {
grid-column: 9 / 13;
order: 2;
}
.module.right .content{
grid-column: 2 / 8;
align-self: center;
order: 1;
}
}
.module .content .twocolumn-link {
display: inline-flex;
}
.module .content .twocolumn-link a {
font-weight: 700;
line-height: 32px;
text-decoration: none;
margin-right: 0.5rem;
}  .section-author {
}
.author-content {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 4%;
}
.author-content .author-column {
grid-column: 1/-1;
}
@media (min-width: 1200px) {
.author-content .author-column {
grid-column: span 6;
}
} .author-post-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
@media (min-width: 1200px) {
.author-post-list {
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
}
.author-post {
}
.author-post a {
color: var(--color);
text-decoration: underline;
}
.author-post a:hover {
text-decoration: underline;
}
.author-post a h3 {
}
.author-post a img {
width: 100%;
height: auto;
} .author-post-card {
width: 100%;
overflow: hidden;
}
@media (min-width: 1200px) {
.author-post-card {
}
} .author-post-card a {
color: var(--color);
}  .section-continue {
}
.section-continue a {
display: flex;
align-items: center;
color: var(--color);
text-decoration: none;
text-align: center;
}
.section-continue a h3 {
margin: 0 10px;
}   .tags {
}
.tags a {
color: var(--color);
text-decoration: none;
} .meta {
display: none;
}
.meta a {
color: var(--color);
} .by-author {
margin-left: 10px;
padding-left: 1rem;
border-left: 1px solid var(--color);
}
.by-author a {
color: var(--color);
} .paragraph {
text-align: justify;
}
@media (min-width: 1200px) {
.paragraph {
text-align: justify;
}
}
.paragraph a {
color: var(--color);
text-decoration: none;
} .grid-gallery {
}
.gallery-sizer, .gallery-item {
width: 100%;
}
.gallery-gutter {
width: 0%;
}
@media (min-width: 1200px) {
.gallery-sizer, .gallery-item {
width: 48%;
}
.gallery-gutter {
width: 4%;
}
}
.gallery-item {
display: flex;
background-color: var(--color);
border: 0;
margin-bottom: 4%;
float: left;
}
.gallery-item:last-of-type {
margin-bottom: 0%;
}
.gallery-item a {
width: 100%;
height: 100%;
display: flex;
} .productos .productos-header {
}
.productos .productos-body {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 4%;
}
@media (min-width: 1200px) {
.productos .productos-body {
grid-template-columns: repeat(4, 1fr);
}
}
.productos .productos-body .productos-item {
grid-column: span 1;
}
@media (min-width: 1200px) {
.productos .productos-body .products-item {
grid-column: span 1;
}
}
.productos .productos-body .productos-item a {
width: 100%;
height: 100%;
display: block;
color: var(--color);
text-decoration: none;
}
.productos .productos-body .productos-item a img {
width: 100%;
height: auto;
}
.productos .productos-body .productos-item a p {
margin-bottom: 0;
}   .woocommerce .products ul, 
.woocommerce ul.products {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 30px;
row-gap: 20px;
}
@media (min-width: 1200px) {
.woocommerce .products ul, 
.woocommerce ul.products {
grid-template-columns: repeat(3, 1fr);
column-gap: 60px;
row-gap: 20px;
}
}
.woocommerce .products ul::after, 
.woocommerce .products ul::before, 
.woocommerce ul.products::after, 
.woocommerce ul.products::before {
display: none;
}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product,
.woocommerce ul.products[class*=columns-] li.product, 
.woocommerce-page ul.products[class*=columns-] li.product {
display: flex;
width: 100%;
margin: 0;
}
@media (min-width: 1200px) {
.woocommerce ul.products li.product:nth-child(7), 
.woocommerce-page ul.products li.product:nth-child(7) {
grid-column-start: span 2;
grid-row-start: span 2;
}
.woocommerce ul.products li.product:nth-child(14), 
.woocommerce-page ul.products li.product:nth-child(14) {
grid-column-start: span 2;
grid-row-start: span 2;
}
.woocommerce ul.products li.product:nth-child(22), 
.woocommerce-page ul.products li.product:nth-child(22) {
grid-column-start: span 2;
grid-row-start: span 2;
}
.woocommerce ul.products li.product:nth-child(29), 
.woocommerce-page ul.products li.product:nth-child(29) {
grid-column-start: span 2;
grid-row-start: span 2;
}
}
.woocommerce .woocommerce-ordering {
margin: 0 0 3em;
} .woocommerce ul.products li.product a {  width: 100%;
} .woocommerce ul.products li.outofstock a.button {
display: none !important;
} .woocommerce ul.products li.product .onsale {
right: auto;
top: 10px;
right: 10px;
margin: 0;
}
@media (min-width: 1200px) {
.woocommerce ul.products li.product .onsale {
right: auto;
top: 20px;
right: 20px;
margin: 0;
}
} .woocommerce span.onsale {
z-index: 9;
min-height: unset;
min-width: unset;
font-size: 10px;
line-height: 15px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: opacity 0.5s ease-in-out;
position: absolute;
color: var(--white);
background-color: var(--color);
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
width: 40px;
height: 40px;
border-radius: 0px;
}
@media (min-width: 1200px) {
.woocommerce span.onsale {
font-size: 12px;
line-height: 15px;
width: 50px;
height: 50px;
border-radius: 0;
}
} .woocommerce ul.products li.product a .product-thumbnail {
display: block;
overflow: hidden;
background-color: var(--color);
}
@media (min-width: 1200px) {
.woocommerce ul.products li.product a:hover .product-thumbnail {
}
.woocommerce ul.products li.product a:hover .product-thumbnail img {
}
}
.woocommerce ul.products li.product a .product-thumbnail img {
display: block;
transition: all .2s linear;
margin: 0 !important;
} .woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title {
color: var(--color);
font-size: 1rem;
line-height: 0.6rem;
font-weight: 400;
font-family: var(--font-family);
padding: 0;
margin-top: 0.8rem
}
@media (min-width: 1200px) {
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title {
display: inline-block;
margin-top: 1rem;
padding-right: 0.5rem;
border-right: 1px solid var(--color);
margin-right: 0.5rem;
}
} .woocommerce ul.products li.product .price {
display: inline-block;
} .woocommerce ul.products li.product .add_to_cart_button {
display: none;
}  .woocommerce ul.products li.product .price {
font-size: 12px;
line-height: 20px;
font-weight: 400;
color: var(--color);
margin: 8px 0 0;
}
@media (min-width: 1200px) {
.woocommerce ul.products li.product .price {
font-size: 14px;
line-height: 20px;
margin: 15px 0 0;
}
}
.woocommerce ul.products li.product .price del {
position: relative;
margin-right: 10px;
text-decoration: none;
opacity: 1;
}
.woocommerce ul.products li.product .price del:after {
content: "";
height: 2px;
width: calc(100% + 8px);
top: calc(50% - 1px);
left: -4px;
position: absolute;
background-color: red;
}
@media (min-width: 1200px) {
.woocommerce ul.products li.product .price del:after {
top: calc(50% - 1px);
left: -4px;
}
}
.woocommerce ul.products li.product .price ins {
font-weight: 700;
text-decoration: none;
font-family: var(--font-family);
}
.woocommerce ul.products li.product .price bdi {
font-family: var(--font-family);
}  .section-single {
padding-top: 4rem;
}
@media (min-width: 1200px) {
.section-single {
padding-top: 2rem;
}
} .woo-product, .woocommerce div.product {
margin-bottom: 0;
position: relative;
display: inline-flex;
flex-wrap: wrap;
width: 100%;
}
.woo-prod-gallery {
width: 100%;
margin: 0;
border: 1px solid var(--lightgray);
border-bottom: 0;
}
@media (min-width: 1200px) {
.woo-prod-gallery {
width: 50%;
border: 1px solid var(--lightgray);
border-right: 0;
}
}
.woo-prod-summary {
width: 100%;
display: flex;
flex-direction: column;
min-height: 100%;
color: var(--white);
background-color: var(--color);
border: 1px solid var(--color);
padding: 2rem;
margin: 0;
}
@media (min-width: 1200px) {
.woo-prod-summary {
width: 50%;
padding: 5rem;
}
}
.woo-prod-tabs {
width: 100%;
} .woo-prod-gallery {
position: relative;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
position: relative;
width: 100%;
height: 100%;
margin: 0;
background: #cfcfcf; }
.woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery__image {
}
.woo-prod-gallery a {
width: 100%;
height: 100%;
display: grid;
background-color: #cfcfcf;
}
.woo-prod-gallery img {
width: 100%;
height: 100%;
object-fit: cover;
}
.woocommerce div.product div.images img {
width: 100%;
height: 100%;
object-fit: cover;
} .woo-prod-gallery .flex-control-paging {
display: inline-flex;
position: absolute;
bottom: 30px;
left: 60px;
}
.woo-prod-gallery .flex-control-paging li {
display: inline-flex;
margin-right: 10px;
}
.woo-prod-gallery .flex-control-paging li a {
width: 25px;
height: 25px;
border-radius: 13px;
background-color: var(--color);
color: var(--white);
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
}
@media (min-width: 1200px) {
.woo-prod-gallery .flex-control-paging {
left: 80px;
bottom: 40px;
}
.woo-prod-gallery .flex-control-paging li a {
width: 30px;
height: 30px;
border-radius: 15px;
font-size: 15px;
}
} .flex-direction-nav {
display: flex;
align-items: center;
justify-content: space-between;
width: calc(100% - 4rem);
position: absolute;
left: 50%;
bottom: 2rem;
transform: translateX(-50%);
}
@media (min-width: 1200px) {
.flex-direction-nav {
width: calc(100% - 10rem);
bottom: 4rem;
}
}
.flex-direction-nav li {
display: flex;
}
.flex-direction-nav li a {
background-color: transparent;
color: var(--color);
} .woo-prod-gallery .flex-control-thumbs {
position: absolute;
bottom: 0;
left: 0;
transform: translateX(0%);
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 1200px) {
.woo-prod-gallery .flex-control-thumbs {
bottom: 0;
}
}
.woo-prod-gallery .flex-control-thumbs li {
width: 60px;
height: 60px;
}
@media (min-width: 1200px) {
.woo-prod-gallery .flex-control-thumbs li {
width: 90px;
height: 90px;
}
}
.woo-prod-gallery .flex-control-thumbs li img.flex-active {
opacity: 1;
border: 2px solid var(--color1);
}
.woo-prod-gallery .flex-control-thumbs li img:hover {
opacity: 1;
} .woo-prod-gallery  span.onsale {
top: 10px;
left: 10px;
position: absolute;
z-index: 9;
display: none;
}
@media (min-width: 1200px) {
.woo-prod-gallery  span.onsale {
top: 20px;
left: 20px;
}
} .woo-prod-summary {
}
.woo-prod-summary .product_title {
font-size: 2rem;
line-height: 2rem;
color: var(--white);
}
@media (min-width: 1200px) {
.woo-prod-summary .product_title {
font-size: 1.5rem;
line-height: 1.5rem;
}
} .woo-prod-summary p.price, 
.woo-prod-summary span.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, 
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
font-size: 1.2rem;
line-height: 1.2rem;
color: var(--white);
}
@media (min-width: 1200px) {
.woo-prod-summary p.price, 
.woo-prod-summary span.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, 
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
font-size: 1.2rem;
line-height: 1.2rem;
}
}
.woo-prod-summary p.price del, 
.woo-prod-summary span.price del,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price del, 
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price del {
position: relative;
margin-right: 10px;
text-decoration: none;
opacity: 1;
}
.woo-prod-summary .price del:after,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price del:after, 
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price del:after {
content: "";
height: 2px;
width: calc(100% + 4px);
left: -2px;
top: calc(50% - 1px);
position: absolute;
background-color: red;
}
@media (min-width: 1200px) {
.woo-prod-summary .price del:after,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price del:after, 
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price del:after {
top: calc(50% - 1px);
}
}
.woo-prod-summary p.price ins, 
.woo-prod-summary span.price ins,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price ins, 
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price ins {
font-weight: 300;
text-decoration: none;
}
.woo-prod-summary .price bdi {
}
.stock.in-stock {
display: none;
} .woo-prod-summary form.cart .variations,
.woocommerce div.product form.cart .variations {
margin-bottom: 1.5rem;
width: 100%;
} .woocommerce-variation-availability {
display: none;
}
.woo-prod-summary form.cart .variations tbody,
.woocommerce div.product form.cart .variations tbody {
display: inline-flex;
}
.woocommerce-variation-price {
display: none;
} .woo-prod-summary form.cart .variations th.label,
.woocommerce div.product form.cart .variations th.label {
}
.woo-prod-summary form.cart .variations th.label label,
.woocommerce div.product form.cart .variations th.label label { 
font-size: 15px;
line-height: 15px;
font-weight: 400;
color: var(--white);
margin: 0;
margin-bottom: 10px;
}
.woo-prod-summary form.cart .variations th.label .woo-selected-variation-item-name,
.woocommerce div.product form.cart .variations th.label label .woo-selected-variation-item-name {
display:none; 
}
.woo-prod-summary form.cart .variations td.value.woo-variation-items-wrapper {
display: inline-flex;
align-items: center;
}
.woo-prod-summary form.cart .variations td.value.woo-variation-items-wrapper ul {
}
.woo-prod-summary form.cart .variations td.value.woo-variation-items-wrapper ul li {
margin: 0;
margin-right: 10px;
padding: 0;
width: 40px;
height: 40px;
border-radius: 0;
border: 1px solid var(--white) !important;
box-shadow: none;
}
@media (min-width: 1200px) {
.woo-prod-summary form.cart .variations td.value.woo-variation-items-wrapper ul li {
margin: 0;
margin-right: 11px;
padding: 0;
width: 3vw;
height: 3vw;
border: 1px solid var(--white) !important;
box-shadow: none;
}
}
.woo-prod-summary form.cart .variations td.value.woo-variation-items-wrapper ul li .variable-item-contents {
}
.woo-prod-summary form.cart .variations td.value.woo-variation-items-wrapper ul li .variable-item-contents:before {
background-size: 50% !important;
}
@media (min-width: 1200px) {
.woo-prod-summary form.cart .variations td.value.woo-variation-items-wrapper ul li .variable-item-contents:before {
background-size: 35% !important;
}
}
.woo-prod-summary form.cart .variations td.value.woo-variation-items-wrapper ul li .variable-item-contents span {
}
.woo-prod-summary form.cart .variations td.value.woo-variation-items-wrapper a.reset_variations {
font-size: 0;
line-height: 0;
display: flex;
align-items: center;
position: relative;
width: 8vw;
height: 8vw;
padding: 0;
color: var(--white);
text-decoration: none;
border: 1px solid var(--white) !important;
opacity: 1;
}
@media (min-width: 1200px) {
.woo-prod-summary form.cart .variations td.value.woo-variation-items-wrapper a.reset_variations {
font-size: 0;
line-height: 0;
display: flex;
align-items: center;
position: relative;
width: 3vw;
height: 3vw;
padding: 0;
color: var(--white);
text-decoration: none;
border: 1px solid var(--white) !important;
opacity: 1;
}
}
.woo-prod-summary form.cart .variations td.value.woo-variation-items-wrapper a.reset_variations:before {
content: "";
width: 4vw;
height: 2px;
transform: rotate(45deg);
position: absolute;
background-color: var(--white);
left: 2vw;
}
.woo-prod-summary form.cart .variations td.value.woo-variation-items-wrapper a.reset_variations:after {
content: "";
width: 4vw;
height: 2px;
transform: rotate(-45deg);
position: absolute;
background-color: var(--white);
left: 2vw;
}
@media (min-width: 1200px) {
.woo-prod-summary form.cart .variations td.value.woo-variation-items-wrapper a.reset_variations:before {
content: "";
width: 1vw;
height: 2px;
transform: rotate(45deg);
position: absolute;
background-color: var(--white);
left: 1vw;
}
.woo-prod-summary form.cart .variations td.value.woo-variation-items-wrapper a.reset_variations:after {
content: "";
width: 1vw;
height: 2px;
transform: rotate(-45deg);
position: absolute;
background-color: var(--white);
left: 1vw;
}
} form.cart {
width: 100%;
display: flex;
align-items: center;
}
form.cart > div {
width: 100%;
}
.woocommerce-variation-add-to-cart {
width: 100%;
display: flex;
align-items: center;
} .divider-20 {
padding-top: 2rem;
border-top: 1px solid var(--white);
} .woo-prod-summary form.cart div.quantity,
.woocommerce div.product form.cart div.quantity {
position: relative;
margin: 0;
margin-right: 15px;
width: 80%;
}
@media (min-width: 1200px) {
.woo-prod-summary form.cart div.quantity,
.woocommerce div.product form.cart div.quantity {
width: 40%;
margin-right: 20px;
}
}
.woo-prod-summary .quantity .qty,
.woocommerce div.product form.cart div.quantity .qty {
width: 100%;
border: 0;
border-radius:0;
text-align: center;
background-color: var(--white);
padding: 0.66rem 0;
}
@media (min-width: 1200px) {
.woo-prod-summary .quantity .qty,
.woocommerce div.product form.cart div.quantity .qty {
border-radius:0;
}
}
.woo-prod-summary .quantity input::-webkit-outer-spin-button,
.woo-prod-summary .quantity input::-webkit-inner-spin-button {
display: none;
} .quantity button.minus,
.quantity button.plus {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 0;
border: 0;
background-color: var(--white);
padding: 0;
position: absolute;
}
.quantity button.minus {
top: calc(50% - 12px);
left: 0;
}
.quantity button.plus {
top: calc(50% - 12px);
right: 0;
}
@media (min-width: 480px) {
.quantity button.minus {
left: 10px;
}
.quantity button.plus {
right: 10px;
}  
}
.quantity button.minus:before {
content: "−";
color: var(--darkgray);
font-size: 1.5rem;
line-height: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
}
.quantity button.plus:after {
content: "+";
color: var(--darkgray);
font-size: 22px;
line-height: 24px;
display: flex;
align-items: center;
justify-content: center;
} .product-meta {
display: flex;
flex-direction: column;
color: var(--white);
}
.product-meta > * {
margin-right: 10px;
}
@media (min-width: 1200px) {
}
.product-meta a {
color: var(--white);
text-decoration: none;
} .product-meta .sku_wrapper  {
display: none;
} .woo-prod-tabs {
}
@media (min-width: 1200px) {
.woo-prod-tabs {
}
} .woocommerce-tabs {
border: 1px solid var(--lightgray);
border-top: 0;
padding: 2rem;
}
@media (min-width: 1200px) {
.woocommerce-tabs {
padding: 5rem;
}
} .woo-prod-tabs .woocommerce-tabs ul.tabs,
.woocommerce div.product .woocommerce-tabs ul.tabs {
margin: 0;
padding: 0;
}
.woo-prod-tabs .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
border: 0;
}
.woo-prod-tabs .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li {
width: auto;
height: 40px;
border-radius: 0;
color: var(--gray);
background-color: transparent;
border: 2px solid var(--lightgray);
margin: 0;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
@media (min-width: 1200px) {
.woo-prod-tabs .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li  {
border: 2px solid var(--lightgray);
}
}
.woo-prod-tabs .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
border: 2px solid var(--color);
background-color: transparent;
}
.woo-prod-tabs .woocommerce-tabs ul.tabs li::after,
.woo-prod-tabs .woocommerce-tabs ul.tabs li::before {
display: none;
}
.woo-prod-tabs .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: 12px;
line-height: 12px;
font-weight: 700;
color: var(--color);
letter-spacing: 0.5px;
text-decoration: none;
text-transform: uppercase;
padding: 0 15px;
}
@media (min-width: 1200px) {
.woo-prod-tabs .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: 14px;
line-height: 14px;
font-weight: 700;
padding: 0 20px;
}
}
.woo-prod-tabs .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
color: var(--color);
}
.woo-prod-tabs .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: var(--color);
} .woo-prod-tabs .woocommerce-tabs .panel,
.woocommerce div.product .woocommerce-tabs .panel {
margin: 0;
margin-top: 30px;
}
@media (min-width: 1200px) {
.woo-prod-tabs .woocommerce-tabs .panel,
.woocommerce div.product .woocommerce-tabs .panel {
margin: 0;
margin-top: 40px;
max-width: 100%; 
}
#tab-description p {
max-width: 75%; }
} .product-attribute {
display: flex;
flex-direction: column;
border-bottom: 1px solid var(--lightgray);
margin-bottom: 10px;
padding-bottom: 10px;
}
.product-attribute:first-of-type {
border-top: 1px solid var(--lightgray);
padding-top: 10px;
}
@media (min-width: 1200px) {
.product-attribute {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid var(--lightgray);
margin-bottom: 10px;
padding-bottom: 10px;
}
}
.product-attributes-label {
font-weight: 700;
}
.product-attributes-value {
}
.product-attributes-value p {
margin-bottom: 0;
}    form.woocommerce-cart-form {} .cart-item {
width: 100%;
height: calc(30.375vw);
display: grid;
grid-template-columns: repeat(12, [col-start] 1fr);
grid-template-rows: repeat(8, [row-start] 1fr);
background-color: var(--light);
border-radius: 0;
padding:0;
margin-bottom: 1.5rem;
overflow: hidden;
}
@media (min-width: 1200px) {
.cart-item {
height: 14vw;
margin-bottom: 2rem;
padding: 0;
}
.cart-item > * {
align-self: center;
}
} .cart-item-name  {
grid-area: 2 / 5 / 4 / 12;
display: flex;
flex-direction: column;
justify-content: start;
padding-left: 1rem;
}
@media (min-width: 1200px) {
.cart-item-name  {
grid-area: 3 / 3 / 3 / 12;
padding-left: 2rem;
}
}
.cart-item-name a {
font-size: 1.25rem;
line-height: 1.5rem;
color: var(--color);
text-decoration: none;
}
@media (min-width: 1200px) {
.cart-item-name a {
font-size: 2rem;
line-height: 2rem;
}
} .cart-item-thumbnail {
grid-area: 1 / span 4 / 10;
display: flex;
align-items: center;
}
.cart-item-thumbnail a {
width: 100%;
height: 100%;
display: block;
}
.cart-item-thumbnail a img {
display: block;
width: 100%;
height: 100%;
}
@media (min-width: 1200px) {
.cart-item-thumbnail {
grid-area: 1 / span 2 / 10;
}
} .cart-item-quantity {
grid-area: 6 / 5 / 8 / 9;
align-self: end;
padding-left: 1rem;
}
@media (min-width: 1200px) {
.cart-item-quantity {
grid-area: 6 / 3 / 8 / 9;
padding-left: 2rem;
}
}
.cart-item-quantity .quantity {
width: 80px;
position: relative;
border: 0;
border-radius: 0;
background-color: var(--white);
padding: 0;
margin: 0;
}
@media (min-width: 480px) {
.cart-item-quantity .quantity {
width: 120px;
}
}
.cart-item-quantity .quantity .qty {
border: 0;
width: 100%;
border-radius: 0;
font-size: 1rem;
line-height: 1.5rem;
text-align: center;
margin:0;
padding: .5rem 0;
background-color: var(--white);
}
@media (min-width: 1200px) {
.cart-item-quantity .quantity .qty { 
font-size: 1rem;
line-height: 1.5rem;
padding: .66rem 0;
}
}
.cart-item-quantity .quantity .qty::-webkit-outer-spin-button,
.cart-item-quantity .quantity .qty::-webkit-inner-spin-button {
display: none;
} .cart-item-subtotal {
position: relative;
grid-area: 5 / 9 / 8 / 13;
align-self: end;
font-size: .85rem;
line-height: 1.25rem;
text-align: end;
padding-right: 1rem;
}
@media (min-width: 1200px) {
.cart-item-subtotal {
font-size: 1rem;
line-height: 1.5rem;
padding-right: 2rem;
}
}
.cart-item-subtotal > span {
display: block;
}
.cart-item-price {
opacity: 0.5;
}
@media (min-width: 1200px) {
.cart-item-price {
}
}
.cart-item-price span {
margin-right: 6px;
}
.cart-item-price span:last-of-type {
margin-right: 0;
} .cart-item-remove {
grid-area: 2 / 12 / 3 / 13;
position: relative;
display: flex;
justify-content: flex-end;
align-items: flex-start;
}
@media (min-width: 1200px) {
.cart-item-remove {
grid-area: 3 / 12 / 4 / 13;
}
} .woocommerce a.remove {
display: flex;
align-items: center;
justify-content: center;
height: 1.5rem;
width: 1.5rem;
background-color: transparent !important; 
border-radius: 0;
border: 0;
margin-right: 1rem;
}
@media (min-width: 1200px) {
.woocommerce a.remove {
height: 2rem;
width: 2rem;
margin-right: 2rem;
}
}
.woocommerce a.remove:before,
.woocommerce a.remove:after {
content: "";
width: 18px;
height: 1.5px;
background-color: var(--color);
position: absolute;
}
@media (min-width: 1200px) {
.woocommerce a.remove:before,
.woocommerce a.remove:after {
width: 20px;
height: 2px;
}
}
.woocommerce a.remove:before {
transform: rotate(45deg);
}
.woocommerce a.remove:after {
transform: rotate(-45deg);
}
@media (min-width: 1200px) {
.woocommerce a.remove:before,
.woocommerce a.remove:after {
width: 30px;
}
}
.woocommerce a.remove:hover {
} .cart-bottom {
display: grid;
row-gap: 1.5rem;
margin-top: 3rem !important;
}
@media (min-width: 1200px) {
.cart-bottom {
width: 100%;
height: 100%;
display: grid;
grid-template-columns: repeat(12, [col-start] 1fr);
padding: 0;
column-gap: 1.5rem;
row-gap: 1.5rem;
}
} .cart-actions {
border:0 solid;
}
@media (min-width: 1200px) {
.cart-actions {
grid-column: 3 / 11;
text-align: left;
margin: 0;
}
} .cart-actions .coupon {
width: 100%;
position: relative;
display: flex;
align-items: center;
margin: 0;
}
.cart-actions .coupon input {
width: 100%;
border: 1px solid var(--light) !important;
padding: 1rem;
} @media (min-width: 1200px) {
.cart-actions .coupon input {
padding: 1.25rem;
}
}
.cart-actions .coupon input:focus {
border: 1px solid var(--color) !important;
} .cart-actions .coupon button {
top: 50%;
right: .5rem;
transform: translateY(-50%);
position: absolute;
font-size: 14px;
line-height: 14px;
font-weight: 700;
padding: 12px;
border-radius: 0 !important;
color: var(--color) !important;
background-color: var(--lightgray) !important; 
}
@media (min-width: 1200px) {
.cart-actions .coupon button {
right: 1rem;
}
}
.cart-actions .coupon button:hover {
color: var(--white) !important;
background-color: var(--color) !important;
border-radius: 0 !important;
border: 0 !important;
} .cart-collaterals {
border:0 solid black;
}
@media (min-width: 1200px) {
.cart-collaterals {
grid-column: 3 / 11;
margin: 0px;
}
}
.cart-collaterals .cart-totals {
width: 100%;
}
@media (min-width: 1200px) {
.cart-collaterals .cart-totals, 
.cart-collaterals .cart-totals {
float: unset;
width: 100%;
}
} .cart-subtotal, 
.cart-discount.coupon, 
.shipping, 
.fee, 
.tax-rate, 
.tax-total, 
.order-total {
display: flex;
justify-content: space-between;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 400 !important;
color: var(--color);
width: 100%;
padding: 0.66rem 0;
border-top: 1px solid rgba(0,0,0,0.25);
}
@media (min-width: 1200px) {
.cart-subtotal, 
.cart-discount.coupon, 
.shipping, 
.fee, 
.tax-rate, 
.tax-total {
font-size: 1rem;
line-height: 1.5rem;
padding: 1rem 0;
}
.order-total {
font-size: 1.25rem;
line-height: 1.5rem;
padding: 1.5rem 0;
}
}
.cart-subtotal p, 
.cart-discount.coupon p, 
.shipping p, 
.fee p, 
.tax-rate p, 
.tax-total p, 
.order-total p {
margin: 0;
}
.cart-collaterals .cart-totals .cart-subtotal:first-child {
border-top: 0;
} .woocommerce button[name="update_cart"],
.woocommerce input[name="update_cart"] {
display: none;
} .woocommerce ul#shipping_method .amount {
font-weight: 400;
}
.woocommerce-shipping-destination {
font-size: 70%;
display: none !important;
}
.shipping-calculator-button {
font-size: 70% !important;
display: none !important;
}
.shipping-calculator-button::after {
display: none !important;
}   .woocommerce-form-coupon-toggle {
}
@media (min-width: 1200px) {
.woocommerce-form-coupon-toggle {
}
}
.woocommerce-form-coupon-toggle .woocommerce-info {
margin: 0;
} .woocommerce form.checkout_coupon {
border: 0;
border-radius: 0;
text-align: left;
color: var(--color);
background-color: var(--light);
border-top: 1px solid var(--lightgray);
padding: 1rem;
}
@media (min-width: 1200px) {
.woocommerce form.checkout_coupon {
padding: 1.5rem;
}
} .coupon-code {
display: flex;
align-items: center;
width: 100%;
position: relative;
margin: 0;
margin-top: 15px;
position: relative;
}
@media (min-width: 1200px) {
.coupon-code {
margin-top: 20px;
}
} .coupon-code input {
width: 100%;
border-radius: 0;
border: 1px solid var(--lightgray) !important;
background-color: var(--white);
} @media (min-width: 1200px) {
.coupon-code input {
padding-left: 15px;
}
}
.coupon-code input:focus {
background-color: var(--white);
border: 1px solid var(--darkgray) !important;
} .coupon-code button {
top: 50%;
right: .33rem;
transform: translateY(-50%);
position: absolute !important;
font-size: 14px;
line-height: 14px;
font-weight: 700;
color: var(--color) !important; 
background-color: var(--lightgray) !important;
border: 0;
border-radius: 0;
padding: 12px;
}
@media (min-width: 1200px) {
.coupon-code button {
right: 1rem;
}
}
.coupon-code button:hover {
color: var(--white) !important;
background-color: var(--color) !important;
border-radius: 0 !important;
border: 0 !important;
} form.woocommerce-checkout {
width: 100%;
height: 100%;
display: inline-flex;
flex-flow: wrap;
}
@media (min-width: 1200px) {
form.woocommerce-checkout {
}
} .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
width: 100%;
}
@media (min-width: 1200px) {
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
}
} .woocommerce-billing-fields__field-wrapper {
margin-bottom: 1rem;
} .customer-details {
width: 100%;
transition: all 0.3s ease-in-out 0s;
padding: 2rem;
background-color: var(--light);
border: 1px solid var(--light);
}
@media (min-width: 1200px) {
.customer-details {
width: 50%;
padding: 3rem;
}
} .additional-fields {
width: 100%;
transition: all 0.3s ease-in-out 0s;
border-top: 1px solid var(--gray);
padding-top: 2rem;
margin-top: 2rem;
}
@media (min-width: 1200px) {
.additional-fields {
width: 100%;
padding-top: 3rem;
margin-top: 3rem;
}
} .order-review {
width: 100%;
transition: all 0.3s ease-in-out 0s;
border-top: 1px solid var(--gray);
padding: 2rem;
background-color: var(--white);
border: 1px solid var(--lightgray);
}
@media (min-width: 1200px) {
.order-review {
width: 50%;
border-left: 1px solid var(--gray);
padding: 3rem;
}
} form.woocommerce-checkout input,
form.woocommerce-checkout textarea {
background-color: var(--white);
}
form.woocommerce-checkout input:focus,
form.woocommerce-checkout textarea:focus {
background-color: var(--white);
border: 1px solid var(--darkgray) !important;
} .woocommerce form .form-row-first, 
.woocommerce form .form-row-last, 
.woocommerce-page form .form-row-first, 
.woocommerce-page form .form-row-last {
width: 48%;
overflow: visible;
}
@media (max-width: 480px) { 
.woocommerce form .form-row-first, 
.woocommerce form .form-row-last, 
.woocommerce-page form .form-row-first, 
.woocommerce-page form .form-row-last {
width: 100%;
overflow: visible;
}
}
.woocommerce form .form-row:last-of-type {
margin: 0;
} .step {
display: flex;
justify-content: flex-start;
align-items: center;
}
@media (min-width: 1200px) {
.step {
}
}
.step .step-number {
width: 2rem;
height: 2rem;
}
@media (min-width: 1200px) {
.step .step-number {
width: 2rem;
height: 2rem;
}
}
.step h5 {
margin-bottom: 0;
}
@media (min-width: 1200px) {
.step h5 {
}
}
.white {
fill: var(--white);
} .order-review {
}
.order-review-header  {
display: flex;
justify-content: space-between;
font-size: 1rem;
line-height: 1rem;
transition: all 0.3s ease-in-out 0s;
margin-bottom: 1rem;
}
@media (min-width: 1200px) {
.order-review-header  {
font-size: 1rem;
line-height: 1rem;
margin-bottom: 1rem;
}
} .order-summary {}
.order-summary .item  {
display: flex;
justify-content: space-between;
border-top: 1px solid rgba(0,0,0,0.25);
padding: 0.66rem 0;
}
@media (min-width: 1200px) {
.order-summary .item {
padding: 1rem 0;
}
} .order-summary .item .product-name,
.order-summary .item .product-total {
font-size: 1rem;
line-height: 1.5rem;
font-weight: 400;
color: var(--color);
display: block;
width: 100%;
}
.order-summary .item .product-name,
.order-summary .item .product-name .product-quantity {
font-weight: 700;
}
.order-summary .item .product-total {
text-align: right;
}
@media (min-width: 1200px) {
.order-summary .item .product-name,
.order-summary .item .product-total {
font-size: 1rem;
line-height: 1.5rem;
}
} .order-review .numbers {
display: flex;
flex-direction: column;
}
.order-review .numbers .fee,
.order-review .numbers .tax-rate,
.order-review .numbers .tax-total,
.order-review .numbers .cart-discount,
.order-review .numbers .cart-subtotal,
.order-review .numbers .order-total {
display: flex;
justify-content: space-between;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 400 !important;
color: var(--color);
width: 100%;
padding: 0.66rem 0;
border-top: 1px solid rgba(0,0,0,0.25);
}
@media (min-width: 1200px) {
.order-review .numbers .fee,
.order-review .numbers .tax-rate,
.order-review .numbers .tax-total,
.order-review .numbers .cart-discount,
.order-review .numbers .cart-subtotal,
.order-review .numbers .order-total {
font-size: 1rem;
line-height: 1.5rem;
padding: 1rem 0;
}
} .select2-container {
display: none;
} .woocommerce ul#shipping_method li {
margin-bottom: 0;
}  .wc-block-components-notice-banner {
align-content: flex-start;
align-items: stretch;
background-color: var(--light)!important;
border: 0!important;
border-radius: 0!important;
box-sizing: border-box;
color: var(--color)!important;
display: flex !important;
font-size: 1rem !important;
font-weight: 400;
gap: 0.75rem !important;
line-height: 1.5 !important;
margin: 0 !important;
padding: 1rem !important;
position: relative;
} .wc-block-components-notice-banner.is-info {
background-color: var(--light) !important;
margin-bottom: 1.5rem !important;
}
.wc-block-components-notice-banner.is-error {
background-color: var(--light) !important;
margin-bottom: 1.5rem !important;
}
.wc-block-components-notice-banner.is-success {
background-color: var(--light) !important;
margin-bottom: 1.5rem !important;
}
.woocommerce-form-coupon-toggle .wc-block-components-notice-banner.is-info {
margin-bottom: 0 !important;
} .wc-block-components-notice-banner>.wc-block-components-notice-banner__content {
align-self: center !important;
} .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward {
appearance: none !important;
background: transparent!important;
border: 0 !important;
color: var(--color)!important;
float: right !important;
margin: 0 !important;
opacity: .6 !important;
padding: 0!important;
text-decoration-line: none !important;
line-height: 1.5 !important;
}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover {
opacity: 1;
} .woocommerce-error, 
.woocommerce-info, 
.woocommerce-message {
padding: 1em 2em 1em 3.5em;
margin: 0 0 2em;
position: relative;
background-color: #f6f5f8;
color: #515151;
list-style: none outside;
width: auto;
word-wrap: break-word;
border: 0;
}
.woocommerce-error::before, 
.woocommerce-info::before, 
.woocommerce-message::before {
font-family: WooCommerce;
content: "\e028";
display: inline-block;
position: absolute;
top: 1em;
left: 1.5em;
} .woocommerce-error {
background-color: var(--error);
}
.woocommerce-info {
background-color: var(--light);
}
.woocommerce-message {
background-color: var(--message);
}
.woocommerce-error::before {
content: "\e016";
}
.woocommerce-message::before {
content: "\e015";
}
.woocommerce-info::before {
content: "\e028";
} .woocommerce .woocommerce-info .button, 
.woocommerce .woocommerce-error .button, 
.woocommerce .woocommerce-message .button {
display: inline-block;
color: var(--color);
background-color: transparent;
font-size: 1rem;
line-height: 1.5;
padding: 0;
margin-right: 0.5rem;
border-radius: 0;
border-bottom: 1px solid black;
}
.woocommerce .woocommerce-info .button:hover, 
.woocommerce .woocommerce-error .button:hover, 
.woocommerce .woocommerce-message .button:hover {
color: var(--color);
background-color: transparent;
text-decoration: none;
} .dizmiz {
right: 20px;
top: 16px;
position: absolute;
height: 20px;
width: 20px;
cursor: pointer;
}
@media (min-width: 1200px) {
.dizmiz {
top: 20px;
}
}  .mp-credits-banner-info {
display: none !important;
}  @media (max-width: 768px) and (max-width: 1024px) {
.woocommerce ul.products,
.woocommerce-page ul.products {
padding-left: 25px !important;
padding-right: 25px !important;
}
}