/*!
Theme Name: Colegio Luis Vives
Theme URI: http://refineria.es/
Author: Refineria
Author URI: http://refineria.es
Description: Theme para WordPress del Colegio Luis Vives.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
Text Domain: colegio-luis-vives
*/

/** general */
body {
    padding: 0;
    margin: 0;
}

body, input, textarea, select, button {
    font-family: 'Source Sans Pro', sans-serif;
    /*font-size: 20px;*/
    color: #262626;
}

a {
    text-decoration: none;
    color: #262626;
}

.bg-main1 a {
    color: #ffffff;
}

.input-text {
    background-color: #fff;
    border: 1px solid hsla(0, 0%, 7%, .8);
    border-radius: 4px;
    box-sizing: border-box;
    color: #2b2d2f;
    line-height: 1em;
    margin: 0;
    min-height: 0;
    padding: 7px 12px;
    width: 100%;
    font-size: 16px;
}

/** contenido */

.site-content {
    display: flex;
    flex-direction: column-reverse;
    gap: 30px;
    width: 90%;
    max-width: 1824px;
    margin: 97px auto 155px auto;
}

@media (min-width: 768px) {
    .site-content {
        flex-direction: row-reverse;
        gap: 74px;
        margin: 137px auto 155px auto;
    }
}

.site-main {
    flex: 1;
}

.widget-area {
    max-width: 386px;
    flex: 1;
}

@media (min-width: 768px) {
    /*.widget-area {
        position: sticky;
        top: 155px;
        align-self: flex-start;
    }*/
}

.widget-area .widget {
    margin: 0 0 25px 0;
}

.widget-area .wp-block-heading {
    font-size: 24px;
    color: #00903E;
    margin: 0 0 27px 0;
    text-transform: uppercase;
    font-weight: normal;
}

/** cambio de vista */
.products-view-wrap {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin: 0 0 74px 0;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 768px) {
    .products-view-wrap {
        flex-direction: row;
        gap: 50px;
    }
}

.products-view {
    display: none;
    gap: 40px;
    margin: 0;
    padding: 0;
    list-style: none;
}

@media (min-width: 768px) {
    .products-view {
        display: flex;
    }
}

.products-view__action {
    cursor: pointer;
}

.products-view__action:after {
    content: "";
    background-size: contain;
    height: 30px;
    display: block;
}

.products-view__action[data-columns="1"]:after {
    background-image: url(images/icon-1-columns.svg);
    width: 33.5px;
}

.products-view__action[data-columns="1"].active:after {
    background-image: url(images/icon-1-columns-active.svg);
}

.products-view__action[data-columns="2"]:after {
    background-image: url(images/icon-2-columns.svg);
    width: 15px;
}

.products-view__action[data-columns="2"].active:after {
    background-image: url(images/icon-2-columns-active.svg);
}

.products-view__action[data-columns="3"]:after {
    background-image: url(images/icon-3-columns.svg);
    width: 24px;
}

.products-view__action[data-columns="3"].active:after {
    background-image: url(images/icon-3-columns-active.svg);
}

.products-view__action[data-columns="4"]:after {
    background-image: url(images/icon-4-columns.svg);
    width: 33px;
}

.products-view__action[data-columns="4"].active:after {
    background-image: url(images/icon-4-columns-active.svg);
}

.woocommerce-ordering select {
    border: 1px solid #00903E;
    padding: 15px 30px;
    border-radius: 30px;
    cursor: pointer;
    color: #00903E;
    appearance: none;
    background-image: url(images/select.svg);
    background-repeat: no-repeat;
    background-position: right 20px center;
    font-size: 16px;
    background-color: #fff;
}

/** productos */

.woocommerce-products-header {
    display: none;
}

ul.products {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px 16px;
    transition: all 0.3s ease;
}

@media (min-width: 768px) {
    ul.products {
        grid-template-columns: repeat(2, 1fr);
        gap: 62px 16px;
    }
}

@media (min-width: 1024px) {
    ul.products {
        gap: 112px 16px;
    }

    ul.products.columns-1 {
        grid-template-columns: repeat(1, 1fr);
    }

    ul.products.columns-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    ul.products.columns-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    ul.products.columns-4 {
        grid-template-columns: repeat(4, 1fr);
    }
}

ul.products .product {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    transition: all 0.3s ease;
}

ul.products .product .product-category {
    margin: 0 0 16px 0;
    font-size: 16px;
    color: #00903E;
    text-transform: uppercase;
}

ul.products .product .woocommerce-loop-product__title {
    margin: 0;
    font-size: 24px;
    color: #262626;
    font-weight: normal;
}

ul.products .product .price {
    display: none;
}

ul.products .product .loop-text-wrap {
    flex: 1;
    max-width: 650px;
}

ul.products .product .view-detail {
    margin: 48px 0 0 0;
    color: #00903E;
    display: flex;
    gap: 8px;
    align-items: center;
    line-height: 1;
    white-space: nowrap;
}

ul.products .product .view-detail:after {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(images/arrow-view_detail.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
}

ul.products .product picture {
    width: 100%;
}

ul.products .product img {
    width: 100%;
    margin: 0 0 30px 0;
    height: auto;
    transition: all 0.3s ease;
}

ul.products .product:hover img {
    transform: scale(.98);
}

ul.products .product a {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    width: 100%;
}

ul.products .product a.woocommerce-loop-product__link {
    margin: 0 0 40px 0;
}

ul.products .product a.woocommerce-loop-product__link .description {
    display: none;
    color: #262626;
    font-size: 16px;
}

@media (min-width: 768px) {
    ul.products.columns-1 .product {
        flex-direction: row;
        gap: 40px;
        align-items: flex-start;
        justify-content: space-between;
    }

    ul.products.columns-1 .product a.woocommerce-loop-product__link {
        flex-direction: row;
        gap: 20px;
        align-items: flex-start;
        text-align: left;
    }

    ul.products.columns-1 .product img {
        max-width: 250px;
    }

    ul.products.columns-1 .product .view-detail {
        margin: 18px 0 0 auto;
        display: none;
    }

    ul.products.columns-1 .product .add_to_cart_button {
        margin: 0
    }

    ul.products.columns-1 .product a.woocommerce-loop-product__link .description {
        display: block;
        margin: 15px 0 0 0;
        line-height: 1.5;
    }
}

ul.products .product .add_to_cart_button {
    background-color: #EFC400;
    color: #003A19;
    margin: auto 0 0 0;
    display: flex;
    gap: 8px;
    font-size: 20px;
    text-transform: uppercase;
    flex-direction: row;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    padding: 16px 24px;
    line-height: 1;
    border-radius: 30px;
    box-sizing: border-box;
    width: auto;
    white-space: nowrap;
    transition: all 0.3s ease;
}

ul.products .product .add_to_cart_button:after {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(images/arrow-add_to_cart_button.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    background-position: -24px 0;
    transition: all 0.3s ease;
}

ul.products .product .add_to_cart_button:hover {
    background-color: #00903E;
    color: #ffffff;
}

ul.products .product .add_to_cart_button:hover:after {
    background-position: 0 0;
}


.woocommerce-breadcrumb {
    margin: 0 0 30px 0;
    font-size: 20px;
    line-height: 32px;
    color: #525252;
}

.woocommerce-breadcrumb a {
    color: #262626;
}

.single-product .woocommerce-breadcrumb {
    max-width: 1500px;
    margin: 0 auto 51px auto;
}

/** atributos */

.attribute-options__container {
    display: flex;
    gap: 5px;
}

.attribute-options__container select {
    display: none;
}

.attribute-options__container .reset_variations {
    font-size: 16px;
    margin: 0 0 0 10px;
}

.attribute-options__container .attribute-options {
    display: flex;
    gap: 10px;
    order: 1;
    flex-wrap: wrap;
}

.attribute-options__container .reset_variations {
    order: 2;
}

.attribute-options__container .attribute-options span {
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #00903e;
    padding: 5px 15px;
    border-radius: 40px;
    line-height: 1;
    white-space: nowrap;
    transition: all 0.3s ease;
}

.attribute-options__container .attribute-options span.selected,
.attribute-options__container .attribute-options span:hover {
    background-color: #00903e;
    color: white;
}


/** ficha producto */
.product-detail {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

@media (min-width: 768px) {
    .product-detail {
        flex-direction: row;
        gap: 112px;
        max-width: 1500px;
        margin: 0 auto;
    }
}

.product-detail .woocommerce-product-gallery,
.product-detail .summary {
    flex: 1;
}

.woocommerce-product-gallery__wrapper {
    width: 100%;
}

.product-detail .summary {
    max-width: 558px;
}

.woocommerce-product-gallery__wrapper img {
    width: 100%;
    height: auto;
}

.woocommerce-product-gallery {
    display: flex;
    flex-direction: row-reverse;
    gap: 20px;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0;
    padding: 0;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
    overflow: hidden;
    cursor: pointer;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img {
    float: left;
}

.product-detail .product_title {
    margin: 0 0 26px 0;
    font-weight: 400;
    font-size: 32px;
    font-weight: normal;
}

.product-detail .price {
    font-weight: 500;
    font-size: 40px;
    letter-spacing: 6.5%;
    color: #00903E;
    margin: 0 0 22px 0;
}

.product-detail .description {
    font-size: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    line-height: 1.5;
    margin: 30px 0 43px 0;
    padding: 30px 0 0 0;
    border-top: 1px solid #262626;
}

.product-detail .description p {
    margin: 0;
}

.product-detail .variations {
    width: 100%;
    margin: 0;
}

.product-detail .variations .label {
    display: none;
}

.woocommerce-variation-add-to-cart, form.cart:not(.variations_form) {
    display: flex;
    gap: 10px;
    flex-direction: row;
}

.woocommerce-variation-add-to-cart .quantity, form.cart:not(.variations_form) .quantity {
    display: flex;
    gap: 0;
    border: 1px solid #00903E;
    align-items: center;
    overflow: hidden;
    padding: 10px 15px;
    border-radius: 30px;
}

.woocommerce-variation-add-to-cart .quantity input, form.cart:not(.variations_form) .quantity input {
    text-align: center;
    border: none;
    flex: 1;
    max-width: 60px;
}

.woocommerce-variation-add-to-cart .quantity button, form.cart:not(.variations_form) .quantity button {
    background-color: transparent;
    color: #00903E;
    border: none;
    cursor: pointer;
}

.woocommerce-variation-add-to-cart .button, form.cart:not(.variations_form) .button {
    background-color: #00903E;
    padding: 10px 15px;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    border: none;
    flex: 1;
    transition: all 0.3s ease;
}

.woocommerce-variation-add-to-cart .button:hover, form.cart:not(.variations_form) .button:hover {
    background-color: #f8c300;
    color: #003A19;
}

.woocommerce-variation-add-to-cart .button.disabled, form.cart:not(.variations_form) .button.disabled {
    background-color: #8a8a8a;
    color: #444444;
    cursor: not-allowed;
}

.woocommerce-variation-availability {
    display: none !important;
}


/** mensajes */
.woocommerce-notices-wrapper {
    margin: 0 auto 30px auto;
}

.single-product .woocommerce-notices-wrapper {
    max-width: 1500px;
}

.woocommerce-notices-wrapper:empty {
    display: none;
}

.woocommerce-message, .rw-message-info {
    padding: 20px 40px;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    align-items: center;
    border: 1px solid #262626;
    border-radius: 4px;
}

.rw-message-info {
    margin: 0 0 40px 0;
}

.woocommerce-message .button {
    background-color: #00903e;
    padding: 10px 15px;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    border: none;
    flex: 1;
    max-width: 110px;
    text-align: center;
    transition: all .3s ease;
    white-space: nowrap;
}

.woocommerce-message .button:hover {
    background-color: #f8c300;
    color: #003A19;
}


/** productos relacionados */

.related.products {
    margin: 100px 0 0 0;
}

@media (min-width: 768px) {
    .related.products {
        margin: 209px 0 0 0;
    }
}

.heading-title {
    text-align: center;
    margin: 0 0 30px 0;
    font-weight: 400;
    font-size: 32px;
    font-weight: normal;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media (min-width: 768px) {
    .heading-title {
        margin: 0 0 87px 0;
    }
}

.heading-title small {
    font-size: 16px;
    color: #00903E;
    font-weight: bold;
    text-transform: uppercase;
}


/** filtros */
.wc-block-product-categories-list {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.wc-block-product-categories-list ul {
    margin: 5px 0 0 0;
    font-size: 0.9em;
}

.wc-block-product-filter-checkbox-list__item .wc-block-product-filter-checkbox-list__label {
    cursor: pointer;
}

body .wpc-filter-title, body .widget-area .widget-title {
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: 0%;
    color: #00903E;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

body .wpc-filters-main-wrap a.wpc-filters-submit-button {
    background-color: #00903E !important;
    padding: 10px 15px;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    border: none;
    flex: 1;
    transition: all 0.3s ease;
    display: block;
    width: 100%;
}

body .wpc-filters-main-wrap a.wpc-filters-submit-button:hover {
    background-color: #f8c300;
    color: #003A19;
}

body .wpc-filters-main-wrap a.wpc-filters-reset-button {
    border: none;
    font-size: 14px;
}

body .wpc-filters-widget-top-container {
    margin: 0 0 30px 0;
}

/** carrito y checkout */

@media (min-width: 768px) {
    .wc-block-checkout__actions.wp-block-woocommerce-checkout-actions-block {
        position: sticky;
        bottom: 0;
        align-self: flex-start;
        background-color: #fff;
        padding: 20px 0;
    }
}

.woocommerce-cart .wc-block-cart__submit-container, .woocommerce-checkout .wc-block-checkout__actions_row {
    margin: 25px 0 0 0;
}

.woocommerce-cart .wc-block-cart__submit-container a, .woocommerce-checkout .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
    background-color: #00903E;
    padding: 10px 15px;
    border-radius: 45px;
    color: #fff;
    cursor: pointer;
    border: none;
    flex: 1;
    transition: all 0.3s ease;
    font-weight: normal;
    font-size: 26px;
    display: flex;
    gap: 8px;
    align-items: center;
    transition: all 0.3s ease;
    line-height: 1;
    max-width: 410px;
}

.woocommerce-cart .wc-block-cart__submit-container a {
    max-width: 100%;
}

/*
.woocommerce-cart .wc-block-cart__submit-container a:after, .woocommerce-checkout .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:after {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(images/arrow-add_to_cart_button.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    background-position: 0 0;
    transition: all 0.3s ease;
}*/

.woocommerce-cart .wc-block-cart__submit-container a:hover, .woocommerce-checkout .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover {
    background-color: #f8c300;
    color: #003A19;
}

/*
.woocommerce-cart .wc-block-cart__submit-container a:hover:after, .woocommerce-checkout .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover:after {
    background-position: -24px 0;
}*/

/** pagina de gracias */

.woocommerce-order-received .site-content {
    max-width: 1260px;
}

.woocommerce-thankyou-order-details {
    margin: 0;
    padding: 0;
    list-style: none;
}

/** mi cuenta */
.woocommerce-account .site-content {
    max-width: 1260px;
    font-size: 16px;
}

.woocommerce-account .site-content h2 {
    font-weight: 400;
    font-size: 32px;
    font-weight: normal;
}

.woocommerce-account .woocommerce {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

@media (min-width: 768px) {
    .woocommerce-account .woocommerce {
        flex-direction: row;
        gap: 74px;
    }
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
    flex: 1;
    max-width: 289px;
    box-sizing: border-box;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #262626;
    border-radius: 4px;
    padding: 20px 25px;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation .is-active a {
    color: #00903E;
}

.woocommerce-account.woocommerce-login .site-content {
    /*max-width: 800px;*/
}

.woocommerce-account.woocommerce-login .u-columns {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.woocommerce-account.woocommerce-login .u-columns .u-column1,
.woocommerce-account.woocommerce-login .u-columns .u-column2 {
    flex: 1;
}

@media (min-width: 768px) {
    .woocommerce-account.woocommerce-login .u-columns {
        flex-direction: row;
        gap: 74px;
    }
}

.woocommerce-account.woocommerce-login .woocommerce {
    flex-direction: column;
}

.woocommerce-account.woocommerce-login .woocommerce>h2 {
    display: none;
}

.woocommerce-account.woocommerce-login .u-columns form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.woocommerce-account.woocommerce-login .u-columns .button, .woocommerce-ResetPassword .woocommerce-Button {
    margin: 15px 0 0 0;
    background-color: #00903E;
    padding: 10px 15px;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    border: none;
    flex: 1;
    transition: all 0.3s ease;
    display: block;
    width: 100%;
}

.woocommerce-account.woocommerce-login .u-columns .button:hover, .woocommerce-ResetPassword .woocommerce-Button:hover {
    background-color: #f8c300;
    color: #003A19;
}

.woocommerce-ResetPassword .woocommerce-Input {
    margin: 10px 0 0 0;
}

.woocommerce-customer-details address, .woocommerce-Address address {
    border: 1px solid #262626;
    border-radius: 4px;
    padding: 20px 25px;
}

.woocommerce-customer-details address p, .woocommerce-Address address p {
    margin: 5px 0 0 0;
}

.woocommerce-Address header {
    margin: 0 0 20px 0;
}

.woocommerce-Address header h2 {
    margin: 0;
}

.woocommerce-Address header a {
    color: #00903E;
    text-decoration: underline;
}

.woocommerce-Addresses {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.woocommerce-account .woocommerce .woocommerce-order-details {
    /*border: 1px solid #262626;
    border-radius: 4px;
    padding: 10px 25px;*/
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
    flex: 1;
}

.woocommerce-MyAccount-orders, .woocommerce-table--order-details {

    border: 1px solid #262626;
    border-radius: 4px;
    padding: 10px 25px;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0px;
    border-collapse: separate;
}

.woocommerce-MyAccount-orders th,
.woocommerce-MyAccount-orders td,
.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
    border-bottom: #f1f1f1 1px solid;
    padding: 8px 10px;
}

.woocommerce-MyAccount-orders tr:last-child th,
.woocommerce-MyAccount-orders tr:last-child td,
.woocommerce-table--order-details tr:last-child th,
.woocommerce-table--order-details tr:last-child td {
    border-bottom: none;
}

.woocommerce-MyAccount-orders th,
.woocommerce-table--order-details th {
    text-align: left;
    font-weight: bold;
}

.woocommerce-MyAccount-orders td,
.woocommerce-table--order-details td {
    text-align: left;
}

.woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-actions {
    text-align: center;
}

.woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-actions a {
    color: #00903E;
    text-decoration: underline;
}

.woocommerce-EditAccountForm.edit-account, .woocommerce-address-fields__field-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.woocommerce-address-fields__field-wrapper {
    margin: 0 0 30px 0;
}

.woocommerce-EditAccountForm.edit-account p, .woocommerce-address-fields p {
    margin: 0;
    display: flex;
    gap: 5px;
    flex-direction: column;
}

.woocommerce-EditAccountForm.edit-account .password-input {
    display: flex;
    gap: 10px;
    flex-direction: row;
    align-items: center;
}

.woocommerce-EditAccountForm.edit-account .password-input input {
    flex: 1;
}

.woocommerce-EditAccountForm.edit-account .password-input .show-password-input {
    background-color: transparent;
    border: none;
    background-image: url(images/password.svg);
    background-size: contain;
    cursor: pointer;
    height: 24px;
    width: 24px;
}

.woocommerce-EditAccountForm.edit-account .woocommerce-Button, .woocommerce-address-fields button[type=submit] {
    background-color: #00903E;
    padding: 10px 15px;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    border: none;
    flex: 1;
    transition: all 0.3s ease;
}

.woocommerce-EditAccountForm.edit-account .woocommerce-Button:hover, .woocommerce-address-fields button[type=submit]:hover {
    background-color: #f8c300;
    color: #003A19;
}

.woocommerce-EditAccountForm.edit-account fieldset {
    border: none;
    margin: 15px 0 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.woocommerce-EditAccountForm.edit-account fieldset legend {
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0;
}

/** paginacion  */
.woocommerce-pagination {
    margin: 80px 0 40px 0;
}

.woocommerce-pagination ul.page-numbers {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: center;
}

.woocommerce-pagination ul.page-numbers span, .woocommerce-pagination ul.page-numbers a {
    display: block;
    padding: 10px 30px;
    border-radius: 30px;
    text-decoration: none;
    transition: all 0.3s ease;
    background-color: #e0e0e0;
    font-size: 0.9em;
}

.woocommerce-pagination ul.page-numbers a {
    background-color: #00903E;
    color: #fff;
}

.woocommerce-pagination ul.page-numbers a:hover {
    background-color: #f8c300;
    color: #003A19;
}

/** titulos */


.entry-header .entry-title {
    margin: 0 0 26px 0;
    font-weight: 400;
    font-size: 32px;
    font-weight: normal;
}

/** hero */
.header-hero {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.header-hero img {
    width: 100%;
    height: auto;
    aspect-ratio: 1903 / 760;
}

.header-hero .title-hero {
    position: absolute;
    bottom: 21px;
    left: 19px;
    color: #fff;
    margin: 0;
    font-weight: 400;
    font-size: 61px;
    line-height: 90%;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .header-hero .title-hero {
        bottom: 122px;
        left: 43px;
        font-size: 100px;
    }
}

.page-id-326 .c-header__logo svg,
.single-product:not(.has-hero) .c-header__logo svg,
.woocommerce-page:not(.has-hero) .c-header__logo svg {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.page-id-326 .c-header,
.single-product:not(.has-hero) .c-header:not(.stuck),
.woocommerce-page:not(.has-hero) .c-header:not(.stuck) {
    border-bottom: 1px solid #000;
    background-color: #fff;
}

.single-product:not(.has-hero) .c-header__lang::picker-icon,
.woocommerce-page:not(.has-hero) .c-header__lang::picker-icon {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 20'%3e%3cpath fill='black' d='M12 16.5305L4.5 9.03047L5.55 7.98047L12 14.4305L18.45 7.98047L19.5 9.03047L12 16.5305Z'/%3e%3c/svg%3e");
}

.single-product:not(.has-hero) .site-content,
.woocommerce-page:not(.has-hero) .site-content {
    margin-top: 90px;
}

@media (min-width: 768px) {

    .single-product:not(.has-hero) .site-content,
    .woocommerce-page:not(.has-hero) .site-content {
        margin-top: 200px;
    }
}

.c-header__account-link, .c-header__cart-link {
    font-size: 0;
    height: 24px;
    width: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    margin: 0 0 0 -10px;
}

@media (min-width: 768px) {
    .c-header__account-link, .c-header__cart-link {
        margin: 0 0 0 -20px;
        height: 30px;
        width: 30px;
    }
}

.c-header__account-link:hover, .c-header__cart-link:hover {
    opacity: 0.8;
}

.c-header__account-link {
    background-image: url(images/user-w.svg);
}

.c-header__cart-link {
    background-image: url(images/cart-w.svg);
}

.stuck .c-header__account-link,
.single-product:not(.has-hero) .c-header__account-link,
.woocommerce-page:not(.has-hero) .c-header__account-link {
    background-image: url(images/user.svg);
}

.stuck .c-header__cart-link,
.single-product:not(.has-hero) .c-header__cart-link,
.woocommerce-page:not(.has-hero) .c-header__cart-link {
    background-image: url(images/cart.svg);
}

.c-header__cart-link .cart-count {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: #00903E;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    line-height: 1;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 768px) {
    .c-header__cart-link .cart-count {
        top: -5px;
        right: -5px;
    }
}

.single .site-main .product {
    display: block;
}


.woocommerce-shop-parent-categories {
    display: flex;
    flex-direction: column;
    gap: 30px;
    list-style: none;
    padding: 0;
    margin: 0 0 74px 0;
}

.woocommerce-shop-parent-categories li {
    flex: 1;
}


.woocommerce-shop-parent-categories a {
    display: block;
    border: 1px solid #00903E;
    padding: 30px 40px;
    font-weight: 700;
    color: #00903E;
    background-color: #ffffff;
    font-size: 19px;
    text-align: center;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.woocommerce-shop-parent-categories a:hover {
    background-color: #00903E;
    color: #ffffff;
}

@media (min-width: 768px) {
    .woocommerce-shop-parent-categories {
        flex-direction: row;
        gap: 50px;
    }

    .woocommerce-shop-parent-categories a {
        font-size: 34px;
    }
}

.rw-woo-category-list li {
    margin: 0 0 6px 0;
}

.rw-woo-category-list .back-to-parent {
    margin-bottom: 14px;
    opacity: 0.7;
}

.rw-woo-category-list a {
    display: flex;
    gap: 10px;
    align-items: center;
}

.rw-woo-category-list :not(.back-to-parent) a:before {
    content: "";
    height: 16px;
    width: 16px;
    border: 1px solid #898e99;
}




/** ==== checkout ==== */
.checkout.woocommerce-checkout {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

@media (min-width: 768px) {
    .checkout.woocommerce-checkout {
        flex-direction: row;
        gap: 74px;
        /*max-width: 1260px;*/
        margin: 0 auto;
        flex-wrap: wrap
    }
}

.checkout.woocommerce-checkout .col2-set {
    display: flex;
    flex-direction: column;
    /*gap: 30px;*/
    flex: 1;
}

/*
@media (min-width: 768px) {
    .checkout.woocommerce-checkout .col2-set {
        flex-direction: row;
        gap: 40px;
    }
}*/

.checkout.woocommerce-checkout #order_review_heading {
    display: none;
}

.checkout.woocommerce-checkout .woocommerce-checkout-review-order {
    flex: 1;
}

@media (min-width: 768px) {
    .checkout.woocommerce-checkout .woocommerce-checkout-review-order {
        max-width: 450px;
        position: -webkit-sticky;
        position: sticky;
        top: 175px;
        align-self: flex-start;
        border: 1px solid #e5e5e5;
        padding: 30px;
        border-radius: 4px;
    }
}

.checkout.woocommerce-checkout h3 {
    border: 0;
    border-radius: 0;
    font-size: 1.25em;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    word-break: break-word;
}

.checkout.woocommerce-checkout .col2-set label:not(.checkbox) {
    font-size: 12px;
    line-height: 1.2;
    margin: 0 0 16px;
    color: hsla(0, 0%, 7%, .7);
}

.checkout.woocommerce-checkout .form-row {
    margin: 0 0 10px 0;
}

.checkout.woocommerce-checkout .form-row .checkout-inline-error-message {
    font-size: 12px;
    color: #ff0000;
    margin: 5px 0 0 0;
}

.checkout.woocommerce-checkout .woocommerce-checkout-review-order #place_order {
    background-color: #00903E;
    padding: 10px 15px;
    border-radius: 45px;
    color: #fff;
    cursor: pointer;
    border: none;
    flex: 1;
    transition: all 0.3s ease;
    font-weight: normal;
    font-size: 26px;
    display: flex;
    gap: 8px;
    align-items: center;
    transition: all 0.3s ease;
    line-height: 1;
    /* max-width: 410px; */
    width: 100%;
    text-align: center;
    justify-content: center;
    margin: 40px 0 0 0;
    font-weight: 400;
    padding: 20px;
}

.checkout.woocommerce-checkout .woocommerce-checkout-review-order #place_order:hover {
    background-color: #f8c300;
    color: #003A19;
}

.checkout.woocommerce-checkout .woocommerce-checkout-review-order-table {
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0px;
    border-collapse: separate;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #e5e5e5;
}

.checkout.woocommerce-checkout .woocommerce-checkout-review-order-table th {
    text-align: left;
}

.checkout.woocommerce-checkout .woocommerce-additional-fields {
    margin: 40px 0 0 0;
}

.checkout.woocommerce-checkout .woocommerce-additional-fields #order_comments {
    min-height: 140px;
}

.checkout.woocommerce-checkout .input-text {
    border: 1px solid hsla(0, 0%, 7%, .8);
}

body .select2-container--default .select2-selection--single {
    border: 1px solid hsla(0, 0%, 7%, .8);
}

.checkout.woocommerce-checkout .woocommerce-checkout-payment {
    margin: 0;
}

.checkout.woocommerce-checkout .woocommerce-checkout-payment .payment_methods {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 20px 0;
}

.checkout.woocommerce-checkout .woocommerce-checkout-payment li {
    cursor: pointer;
    border: 1px solid #e5e5e5;
    padding: 8px 16px 8px 42px;
    border-radius: 4px;
    position: relative;
    background-color: #f5f5f5;
}

.checkout.woocommerce-checkout .woocommerce-input-wrapper {
    display: block;
    width: 100%;
}

.checkout.woocommerce-checkout .woocommerce-input-wrapper .select2-container {
    width: 100% !important;
}

.checkout.woocommerce-checkout .woocommerce-checkout-payment li img {
    display: none;
}

.checkout.woocommerce-checkout .woocommerce-checkout-payment li label {
    font-weight: bold;
    cursor: pointer;
}

.checkout.woocommerce-checkout .woocommerce-checkout-payment li input {
    position: absolute;
    top: 14px;
    left: 14px;
}


.billing-address-group-wrapper {
    margin: 40px 0 0 0;
}

.billing-address-group-wrapper h3 a {
    font-size: 16px;
    color: #00903E;
    text-decoration: underline;
    cursor: pointer;
}

.billing-address-group-wrapper .billing-address-group {
    display: none;
}

.billing-address-group-wrapper .billing-address-group.open {
    display: block;
}

.woocommerce-form-login-toggle {
    margin: 0 0 30px 0;
    font-weight: 600;
}

.woocommerce-form-login-toggle a {
    color: #00903E;
    text-decoration: underline;
}

.woocommerce-form-login {
    margin: 0 0 30px 0;
    max-width: 420px;
}

.woocommerce-form-login .form-row {
    margin: 10px 0 0 0;
}

.woocommerce-form-login .woocommerce-button {
    background-color: #00903E;
    padding: 10px 15px;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    border: none;
    flex: 1;
    transition: all 0.3s ease;
    display: inline-block;
    width: 100%;
    max-width: 200px;
    margin: 0 0 0 30px;
}

.woocommerce-form-login .woocommerce-button:hover {
    background-color: #f8c300;
    color: #003A19;
}

.woocommerce-form-login .form-row-first label,
.woocommerce-form-login .form-row-last label {
    font-size: 12px;
    line-height: 1.2;
    margin: 0 0 16px;
    color: hsla(0, 0%, 7%, .7);
}

.woocommerce-form-login .lost_password {
    margin: 25px 0 0 0;
}

.woocommerce-form-login .lost_password a {
    color: #00903E;
    text-decoration: underline;
}


.woocommerce-NoticeGroup-checkout {
    /*position: fixed;
    left: 0;
    right: 0;
    bottom: 0;*/
    background-color: #f8c300;
    z-index: 10;
    padding: 1em 1.618em;
    flex: 1 1 100%;
}

.woocommerce-shop-message {
    margin: 0 auto 30px auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 20px;
    font-weight: bold;
    color: #00903E;
    border-bottom: 1px solid #e5e5e5;
}

@media (min-width: 768px) {
    .woocommerce-shop-message {
        flex-direction: row;
        gap: 20px;
        font-size: 19px;
        padding: 30px;
    }
}

.woocommerce-shop-message:before {
    content: "";
    height: 40px;
    width: 40px;
    background-image: url(images/info.svg);
    background-size: contain;
}


/** ==== 404 ==== */
.error-404.not-found {
    padding: 60px 0;
    text-align: center;
}

.error-404.not-found .page-title {
    font-weight: 400;
    font-size: 70px;
    font-weight: normal;
    margin: 0 0 30px 0;
    color: #00903E;
}

.error-404.not-found .search-form {
    margin: 30px 0 0 0;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.error-404.not-found .search-form .search-submit {
    background-color: #00903E;
    padding: 10px 15px;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    border: none;
    flex: 1;
    transition: all 0.3s ease;
    display: block;
    width: 100%;
    max-width: 200px;
}

.error-404.not-found .search-form .search-field {
    border-radius: 4px;
}

.error-404.not-found .search-form .search-submit:hover {
    background-color: #f8c300;
    color: #003A19;
}