/*
Theme Name:   Sasico Child
Theme URI:    https://sasico.pikathemes.site/
Description:  Make your modifications to [Parent Theme] in this Sasico child theme.
Author:       PikaThemes
Author URI:   http://pikathemes.site/
Template:     sasico
Version:      1.1
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  sasico-child
*/

/* =Theme customization starts here
------------------------------------------------------- */
.elementor-widget-container .main-navigation .menu .menu-item-object-page > .sub-menu{
    position: absolute;
    margin: 0;
    padding: 0;
    left: 0rem;
    top: 6rem;
    width: 100vw;
    display: flex;
    align-items: stretch;
    justify-content: center;
    align-content: center;
    gap: 10%;
    height: 363px;
    border-top: 2px solid #CBCCCD;
    border-radius: 0%;
}
.menu-item .sub-menu .menu-item-6455 > a{
    font-weight: bold;
    &::after{
        visibility: hidden;
    }
}
#menu-item-6459 > a, #menu-item-6458 > a, #menu-item-6457 > a{
    font-weight: bold;
}
#menu-item-6454 ul {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr); /* Crea 2 columnas iguales */
    gap: 10px 20px; /* Espacio entre filas y columnas (vertical horizontal) */
    padding: 0px 400px;  /* Ajusta según tu diseño */
    box-sizing: border-box;

}
.elementor-widget-container .main-navigation .menu .menu-item-object-page .sub-menu .menu-item {
    margin-top: 2%;
    height: fit-content;
}
.elementor-widget-container .main-navigation .menu .menu-item-object-page .sub-menu .menu-item .sub-menu{
    left: 0;
    top: 43px;
    margin: 0;
    padding: 0;
    border-radius: 0%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    width: auto;
    height: 200px;
    transform: none !important;
    border: none;
    /* font-weight: normal; */
}

.main-navigation #menu-item-6455:hover ul li > ul{
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    left: 0;
    top: 55px;
    margin: 0;
    padding: 0;
    border-radius: 0%;
    gap: 0;
}

#menu-item-6379 > a{
    display: flex;
}
/* FOTTER */

.elementor-24 .elementor-element-f675e6b .elementor-element-bd4e4fb > .e-con-inner{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}


/* FORMULARIO */
.okisam_form{

    & p{
        width: 100%;
    }

    & input, textarea{
        width: 100%;
        border: none;
        border-radius: 0;
        border-bottom: 1px solid var(--Neutral-neutral-30, #B1B3B4);
        background: var(--Neutral-neutral-00, #FFF);
        padding: 6px 0;
    }

    & textarea{
        field-sizing: content;
    }

    /* BOTON ENVIAR */
    & input[type="submit"]{
        border-radius: 999px;
        border: 1px solid #F54A3F !important;
        background: #F54A3F;
        color: #FFF;
        width: 30%;
        position: relative;
        padding: 17px 26px !important;
        font-size: 16px !important;
        font-style: normal;


        font-family: var(--font-family-Font-1, "Plus Jakarta Sans");
        font-size: var(--font-size-16, 16px);
        font-style: normal;
        font-weight: var(--font-weight-600, 600);
        line-height: var(--font-size-16, 16px);
    }
    & input[type="submit"]:hover{
        border: 1px solid #F54A3F;
        background: #FFF !important;
        color: #F54A3F !important;
    }
    & input[type="submit"]::before{
        content: "";
        width: 15px;
        height: 14px;
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14" fill="none"%3E%3Cpath d="M6.84375 13.8125C6.96875 13.9688 7.21875 13.9688 7.375 13.8125L13.9062 7.28125C14.0625 7.125 14.0625 6.90625 13.9062 6.75L7.375 0.21875C7.21875 0.0625 6.96875 0.0625 6.84375 0.21875L6.21875 0.8125C6.0625 0.96875 6.0625 1.21875 6.21875 1.34375L11.0625 6.1875H0.375C0.1875 6.1875 0 6.375 0 6.5625V7.4375C0 7.65625 0.1875 7.8125 0.375 7.8125H11.0625L6.21875 12.6875C6.0625 12.8125 6.0625 13.0625 6.21875 13.2188L6.84375 13.8125Z" fill="%230E0E0E"%3E%3C/path%3E%3C/svg%3E');
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 99999;
    }
    

    /* CHECK CONDICIONES */
    & div p span span {
    
        & span{
            margin: 0;
        
            & label{
                display: flex;
                flex-direction: row;
                align-content: center;
                align-items: flex-start;

                & span{
                    color: var(--Text-Txt-Dark-secondary, #494D50);
                    font-family: "Wix Madefor Display";
                    font-size: 10px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 130%;

                }
                & input[type="checkbox"]{
                    width: auto;
                    margin: 0px 12px 0px 0px;

                }
            }
        }
    }
}

/* DOTS */
@media (min-width: 767px){

    .btn-pos-pers .owl-dots button.owl-dot {
        margin-top: 30px;
    }
}

/* ACORDEON */

.elementor-5076 .elementor-element.elementor-element-8f185ee .sasi-acc-item.current,
.sasi-acc-item.current {
    border: 1px solid #CBCCCD;
    border-radius: 14px !important;
}

.elementor-5076 .elementor-element.elementor-element-8f185ee .sasi-acc-item,
.sasi-acc-item{
    border-color: #CBCCCD;
    border: none;
    border-bottom: 1px solid #CBCCCD;
    border-radius: 0px !important;
}

/* SERVICIO CARTEL ABSOLUTE */
@media (max-width: 767px){

    #okisam-cartel-fijo{
        position: static !important;

    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #okisam-cartel-fijo{
        position: static !important;
    }
}


/* SUBSERVICIOS */
.e-n-accordion-item-title-header{
    & .e-n-accordion-item-title-text{
        & .accordion-title{

            & .acc-title-main{

                & .index{
                    color: var(--Text-Txt-Dark-secondary, #494D50);
                    /* Body-L */
                    font-family: "Wix Madefor Display";
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 140%; /* 25.2px */
                }

                & h3{
                    color: var(--Text-Txt-Dark, #161A1D);
                    /* H3 */
                    font-family: "Wix Madefor Display";
                    font-size: 40px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 110%; /* 44px */
                }
                @media (max-width: 767px){
                    & h3{
                    color: var(--Text-Txt-Dark, #161A1D);
                    /* H3 */
                    font-family: "Wix Madefor Display";
                    font-size: 22px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 110%; /* 44px */
                }
                }
            }
            & .tags-and-icon{
                & .tags{
                    & span{
                        color: var(--Text-Txt-Dark-secondary, #494D50);
                        /* Body-L */
                        font-family: "Wix Madefor Display";
                        font-size: 18px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: 140%; /* 25.2px */
                    }
                }
                & .arrow{
                    color: black;
                }
            }
        }
    }
}

/* BREADCRUMS */

.okisam-breadcrums{

    & li{
        color: white !important;

        & a{
            color: white !important;
        }
        
        &:not(:first-child) {
            
            &::before {
                content: "|" !important;
                width: 0px !important;
                height: 0px !important;
                margin: 0 10px !important;
                display: inline-table !important;
                vertical-align: middle !important;
                background: #ffffff00  !important;
                -webkit-border-radius: 0px !important;
                -moz-border-radius: 0px !important; 
                border-radius: 0px !important;
            }
        }
    }

    & .active::before{
            content: "|" !important;
            width: 0px !important;
            height: 0px !important;
            margin: 0 10px !important;
            display: inline-table !important;
            vertical-align: middle !important;
            background: #ffffff00  !important;
            -webkit-border-radius: 0px !important;
            -moz-border-radius: 0px !important; 
            border-radius: 0px !important;
        
    }
}


/* BLOG-CONTAINERS */

.okisam-blog div{

    & .elementor-widget-theme-post-title{
         display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;  
        overflow: hidden;
        height: 60px;
    }

    & .elementor-widget-button{
        & a span{
            justify-content: center !important;
            align-items: center !important;

            & .elementor-button-icon{
                background: white !important;
                padding: 9px !important;
                border-radius: 50% !important;


                & svg path{
                    fill: #F54A3F !important;
                }
            } 
        }
    }
    & .elementor-widget-button:hover a span .elementor-button-icon{
        background-color: #F54A3F !important;

        & svg path{
            fill: #FFF !important;
        }
    }
}



/* ARTICULOS */
.site-content .page-header .ph-inner .container{

    & ul{
        display: none;
    }
    & h1 {
        text-align: left;
    }
}



#primary-sidebar #block-3, #primary-sidebar #block-4{
    display: none;
}

.sform button{
    background-color: #F54A3F;
    color: white;
    border: 1px solid #F54A3F;
    
    font-family: var(--font-family-Font-1, "Plus Jakarta Sans");
    font-size: var(--font-size-16, 16px) !important;
    font-style: normal;
    font-weight: var(--font-weight-600, 600);
    line-height: var(--font-size-16, 16px);

    & .sasi-icon{
        background-color: #FFF;
        --sasi-btn-icon-color: #000;
        border: 1px solid #F54A3F;
    }
}
.sform button:hover{
    background-color: #fff !important;
    color: #F54A3F !important;
    border: 1px solid #F54A3F !important;

    & .sasi-icon{
        background-color: #F54A3F !important;
        --sasi-btn-icon-color: #fff !important;
        border: 1px solid #F54A3F !important;

        & .ss-arrow-right{
            color: white;
        }
    }
}
.wp-block-heading::before {
    background-color: #F54A3F !important;
}
.widget-title::before{
    background-color: #F54A3F !important;
}

.comment-form .form-submit button{
    background-color: #F54A3F !important;
    border: 1px solid #F54A3F;

    font-family: var(--font-family-Font-1, "Plus Jakarta Sans") !important;
    font-size: var(--font-size-16, 16px) !important;
    font-style: normal;
    font-weight: var(--font-weight-600, 600);
    line-height: var(--font-size-16, 16px) !important;
}

.comment-form .form-submit button:hover{
    background-color: #fff !important;
    border: 1px solid #F54A3F !important;
    color: #F54A3F !important;

    & span.sasi-icon{
        background-color: #F54A3F;
        border: 1px solid #F54A3F;
    }
}



.okisam-max-line .elementor-image-box-title{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    height: 70px;
}