/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

:root {
    --main-color: #457992;
}

#footer .block-title,
#checkout-footer .block-title {
    font-size: 1.5rem;
}

[data-hook="displayFooterAfter"] {
    width: 100%
}

[data-hook="displayFooterAfter"] img.img-fluid {
    opacity: .5;
    height: 40px;
}

.flex-legal {
    display: flex;
    flex-direction: row;
    gap: 1em;
    justify-content: center;
}

.flex-legal span, .flex-legal a {
    color: rgba(255, 255, 255, .55) !important;
    font-size: .85rem
}

.flex-legal span {
}

.flex-legal a {
    transition: .25s all 0 ease-in-out !important;
}

.flex-legal a:hover {
    cursor: pointer;
    color: rgba(255, 255, 255, .8) !important;
}

[data-hook="displayFooter"] {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

footer .fodisma-data {
    font-size: .85rem;
    letter-spacing: .05em;
    word-spacing: 0.15em;
}

#left-column .block, #right-column .block {
    background: #F5F5F5;
    border: none 1px;
    padding: 1.5rem;
    border-radius: .5rem;
}

.badge.product-unavailable {
    display: none
}

.product-miniature-default,
.products-grid .product-miniature-layout-1 {
    border: 1px solid rgba(160, 160, 160, .25);
}

.btn-product-list {
    padding: 0.34375rem 0.6875rem;
    background: rgba(0, 0, 0, 0);
    color: var(--main-color);
    border: solid 1px var(--main-color);
    padding: .5em 1.5em;
}

.btn-product-list:hover {
    background: var(--main-color);
    color: white;
    border: solid 1px var(--main-color);
    border-radius: .5rem;

}

.product-miniature-list-row {
    align-items: center;
}

#wrapper .breadcrumb {
    padding: .5rem 15px;
    margin-bottom: 2rem;
}

.kit-contener {
    width: 100%;
    background: white;
    display: flex;
    justify-content: center;
}

.kit-digital {
    max-width: 100%;
}

#left-column .c_container.rendered {
    margin: 0 !important;
    padding: 0;
}

#left-column .c_item {
    padding: 0;
    margin-bottom: 10px;
}

#left-column .c_item article {
    border: 1px solid rgba(160, 160, 160, .25);
    margin-bottom: 10px;
}

header img.logo {
    max-height: 40px;
    width: auto;
}

.swiper-button-next, .swiper-button-prev {
    padding: 20px;
}

#product #wrapper .container {
    max-width: 1300px;
}

#registration #wrapper .container,
#authentication #wrapper .container {
    max-width: 800px;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    right: calc(100% + 10px);
    left: auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: auto;
    left: calc(100% + 10px);
}

#product .product-images-thumbs .swiper-slide,
#product .images-container .product-cover {
    border: 1px solid rgba(160, 160, 160, .25);
}

#content-wrapper .page-title {
    font-size: 3.375rem;
    font-weight: 200;
    line-height: 1;
    color: var(--main-color);
}

.product-tabs {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

#footer-copyrights._footer-copyrights-2 .copyright-img, #footer-copyrights._footer-copyrights-2 .copyright-txt {
    margin-bottom: 0;
}

#footer-copyrights {
    padding-top: .875rem;
    padding-bottom: .875rem;
}

#footer-container-main {
    padding-bottom: .75rem;
}

#content-wrapper .section-title {
    font-size: 2rem;
    font-width: 400;
}

ul.payment-methods-list,
ul.payment-methods-list li {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.payment-methods-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .35em;
    margin: .5em 0
}

ul.payment-methods-list img {
    height: 30px;
    width: auto;
    opacity: .85
}

.iqitmegamenu-submenu-container .cbp-links {
    display: flex;
    flex-direction: column;
}

.cbp-hrmenu .menu_row {
    justify-content: center;
}

/*
.cbp-hrmenu .cbp-hrsub-inner .iqitmegamenu-submenu-container > .row:last-child {
    margin-bottom: 0;
}

.cbp-hrmenu .cbp-notfit {
    right: max(10vw,1.5rem);
    left: max(10vw,1.5rem);
    width: auto;
}

.cbp-hrmenu .cbp-menu-column {
    flex: initial;
    width: initial;
    width: auto;
    margin: 20px 0;
}

.cbp-hrmenu .cbp-menu-column a {
    display: inline-block;
    width: auto;
}
*/

.cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu ul.cbp-hrsub-level2 {
    background: #transparent;
    border: none;
    box-shadow: none;
    padding: 0
}

.cbp-menu-column {
    background: white;
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
}

.cbp-menu-column:first-child {
    border-left: 1px solid #E3E3E3;
}

.cbp-menu-column:last-child {
    border-right: 1px solid #E3E3E3;
}

.cbp-hrmenu .cbp-menu-column {
    flex: initial;
    width: auto;
    margin: 0;
    padding: 3vh
}

.cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link {
    display: inline-block;
    width: auto;
    text-wrap: nowrap;
}

.cbp-horizontal > ul > li > a:hover {
    border: 1px solid #E3E3E3;
    border-bottom: none;
}

.cbp-hrmenu .cbp-hrsub-inner {
    background: transparent
}

#header .header-btn-w .header-btn .title {
    margin-top: .15rem;
}

#header .header-btn-w .header-btn > .icon {
    font-size: 1.15em;
}

#header .header-btn-w .header-btn .title {
    margin-top: .15em;
    font-size: .85em;
}

.cbp-hrmenu .cbp-links.cbp-valinks-vertical li {
    margin-bottom: .25em;
}

.cbp-hrmenu .cbp-links.cbp-valinks-vertical li a {
    transition: .15s all 0s linear;
    display: block;
    width: 100%;
    white-space: nowrap;
    padding: .15em 1em .25em 1em;
    border-radius: .2em;
    background: #F0F0F0;
}

.cbp-hrmenu .cbp-links.cbp-valinks-vertical li a:before {
    display: none
}

.cbp-hrmenu .cbp-links.cbp-valinks-vertical li a:hover {
    background: var(--main-color);
    color: white !important;
}


.block-links ul > li a {
    padding-left: 0;
}

.block-links ul > li a::before {
    display: none
}


.block-links ul > li a {
    display: block;
    padding: .15em .15em .15em .5em;
}

/*
.block-links ul > li a:after {
    content: "\f105";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 3px;
    margin: auto;
    font: 14px/1 FontAwesome;
    line-height: inherit;
    font-size: 18px;
    line-height: 18px;
    transition: .35s all 0s cubic-bezier(.7, 0, .3, 1);
    align-items: center;
}
*/
.block-links ul > li a:hover {
    background: rgba(0, 0, 0, .05)

}

.block-links ul > li a:hover:after {
    right: .5em;
}

.block-links ul > li * {
    font-size: .85em;
    padding-left: 0 !important;
}

.block-links ul > li a:after {
    display: none
}

body:where(.cms-id-2,.cms-id-3,.cms-id-6,.cms-id-8) #wrapper .container {
    max-width: 1170px;
}

img.inyeccion-tinta-terceros,
img.cartuchos-tinta-compatibles,
img.navigator-laser-printer {
    margin-bottom: 1em;
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

img.cartuchos-tinta-compatibles {
    aspect-ratio: 40 / 31;
}

img.inyeccion-tinta-terceros {
    aspect-ratio: 8 / 5;
    margin-top: 1em;
}

button.post-product-comment {
    background-color: #e3e3e3;
    color: var(--main-color);
    font-weight: 500;
}

button.post-product-comment:hover {
    cursor: pointer;
    background-color: var(--main-color);
    color: white;
}

body#category h1 {
    margin-bottom: .75em;
}

body#category h2 {
    margin-top: 1em;
    margin-bottom: .5em;
}

body#category .product-list-subcategories .subcategory-image img {
    aspect-ratio: 1 / 1;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    object-fit: contain;
    object-position: center center;
}

.product-list-subcategories .row {
    row-gap: 1rem;
}

#left-column .easycarousels_main_contener:first-child :where(h3,.easycarousels) {
    padding-top: 0;
    margin-top: 0
}

.cart-summary-line.cart-total {
    margin: 1rem 0;
}

.row.sitemap ul li {
    font-size: 1rem !important;
}

@media (max-width: 1024px) {
    .fodisma-data {
        padding: 0 20px;
    }

    .cart-summary-line.cart-total span {
        font-size: 1.2rem !important;
    }
}

@media (max-width: 950px) {
    span.group-span-filestyle.input-group-btn {
        width: 100%;
    }
}


@media (max-width: 767px) {

    .spacing-column .elementor-row {
        gap: 2rem;
    }

    .information-section {
        padding: 60px 20px !important;
    }

 }