/*
 Theme Name:   Extintores COLDFIRE.
 Theme URI:
 Description:  .
 Author:       Ax Silva.
 Author URI:   http://example.com
 Template:     kadence
 Version:      1.0
*/

.clase-li {
	position:absolute;
	top:.5rem;
	right:.5rem;
}

.site-top-header-wrap {
    border-bottom: 1px solid #edf2f7;
}

.header-contact-inner-wrap svg {
    fill: #000 !important;
}

.site-header-section-left .header-html-inner,
.site-header-section-right .header-html-inner {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.site-header-section-left .header-html-inner:before,
.site-header-section-right .header-html-inner:before {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    display: inline-flex;
    background: url("svg/phone.svg") center/contain no-repeat;
}

.site-header-section-right .header-html-inner:before {
    background: url("svg/phone.svg") center/contain no-repeat;
}

ul.sub-menu {
    padding: 1rem 1rem 0 1rem !important;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    box-shadow: none !important;
}

ul.sub-menu .menu-item {
    border-bottom: 1px solid #eaeaea !important;
}

ul.sub-menu .menu-item:last-of-type {
    border-bottom: none !important;
}

#btn-whatsapp {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    margin: 0;
    width: 3rem;
    height: 3rem;
    z-index: 99;
}

@media (max-width:576px) {
    .kadence-column37c2d7-00,
    .kadence-column5f7ea6-32 {
        align-items: flex-start !important;
    }
    .home .splide__arrows {
        margin: 0 auto;
        left: 0;
        right: 0;
        justify-content: center;
    }
    .home .splide__arrow.slick-prev:before,
    .home .splide__arrow.slick-prev:after {
        left: auto !important;
    }
    .home .splide__arrow.slick-next:before,
    .home .splide__arrow.slick-next:after {
        right: auto !important;
    }
    .comparativa .kt-has-5-columns .wp-block-kadence-column .wp-block-kadence-icon {
    flex-direction: column;
    }
    .comparativa .kt-has-5-columns .wp-block-kadence-column .wp-block-kadence-icon::before {
        display: block;
        font-size: .725rem;
        color: #9b9b9b;
        mix-blend-mode: .5rem;
    }

    .comparativa .kt-has-5-columns .wp-block-kadence-column:nth-of-type(1) .wp-block-kadence-icon::before {
        content: "Cold Fire";
    }

    .comparativa .kt-has-5-columns .wp-block-kadence-column:nth-of-type(2) .wp-block-kadence-icon::before {
        content: "Agua";
    }

    .comparativa .kt-has-5-columns .wp-block-kadence-column:nth-of-type(3) .wp-block-kadence-icon::before {
        content: "Espumas";
    }

    .comparativa .kt-has-5-columns .wp-block-kadence-column:nth-of-type(4) .wp-block-kadence-icon::before {
        content: "PQS";
    }

    .comparativa .kt-has-5-columns .wp-block-kadence-column:nth-of-type(5) .wp-block-kadence-icon::before {
        content: "CO2";
    }
    .format-table .kt-has-1-columns .kb-row-layout-wrap .kt-has-2-columns .wp-block-kadence-column:nth-child(odd)  {
        background: #4aab3d !important;
        font-weight: 500;
        color: #fff !important;
    }
    .format-table .kt-has-1-columns .kb-row-layout-wrap .kt-has-2-columns .wp-block-kadence-column:nth-child(even)  {
        background: #fff !important;
        color: #000 !important;
    }
}

.home .splide__arrows {
    gap: 2rem !important;
}

.home .splide__arrows button svg {
    display: none;
    visibility: hidden;
}

.home .splide__arrow {
    height: 2.625rem !important;
    border: none !important;
    width: 1.375rem !important;
}
.home .splide__arrow.slick-prev:before {
    content: "";
    height: 2px;
    position: absolute;
    width: 30px;
    background-color: #fff;
    transform: rotate(-45deg);
    top: 10px;
    left: -5px;
}
.home .splide__arrow.slick-prev:after {
    content: "";
    height: 2px;
    position: absolute;
    width: 30px;
    background-color: #fff;
    transform: rotate(45deg);
    bottom: 10px;
    left: -5px;
}

.home .splide__arrow.slick-next:before {
    content: "";
    height: 2px;
    position: absolute;
    width: 30px;
    background-color: #fff;
    transform: rotate(45deg);
    top: 10px;
    right: -5px;
}
.home .splide__arrow.slick-next:after {
    content: "";
    height: 2px;
    position: absolute;
    width: 30px;
    background-color: #fff;
    transform: rotate(-45deg);
    bottom: 10px;
    right: -5px;
}

/* Video */
/* Video */

.video-icon .kb-svg-icon-wrap:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    height: 65px;
    width: 65px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    animation: ripple 3s infinite;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
    animation-delay: 0.9s;
}

.video-icon .kb-svg-icon-wrap:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    height: 65px;
    width: 65px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    animation: ripple 3s infinite;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
    animation-delay: 0.5s;
}

footer .social-button {
    position: relative;
    margin: .25rem !important;
    border:transparent .25rem !important;
}
footer .social-button::before {
    content: "";
    width: 3rem;
    height: 3rem;
    border: 2px solid rgba(234, 234, 234, 0.15);
    position: absolute;
    top: -.5rem;
    left: -.5rem;
    border-radius: 100%;
}

@-webkit-keyframes ripple {
    70% {
        box-shadow: 0 0 0 70px rgba(255, 255, 255, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
    }
}

@-moz-keyframes ripple {
    70% {
        box-shadow: 0 0 0 70px rgba(255, 255, 255, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
    }
}

@-ms-keyframes ripple {
    70% {
        box-shadow: 0 0 0 70px rgba(255, 255, 255, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
    }
}

@-o-keyframes ripple {
    70% {
        box-shadow: 0 0 0 70px rgba(255, 255, 255, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
    }
}

@keyframes ripple {
    70% {
        box-shadow: 0 0 0 70px rgba(255, 255, 255, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
    }
}


.format-table .kt-has-1-columns {
    border: solid 1px #4aab3d;
}
.format-table .kt-has-1-columns .kb-row-layout-wrap:nth-child(odd) .kt-has-2-columns  {
    background: #4aab3d;
    color: #fff !important;
}

.format-table .kt-has-1-columns .kb-row-layout-wrap .kt-has-2-columns .wp-block-kadence-column:nth-child(odd) {
    font-weight: 500;
}

form input.kb-field::placeholder {
    color: var(--global-palette6) !important;
}