/*
Theme Name: Tecnologia Child
Author: VamTam
Author URI: https://vamtam.com
Template: tecnologia
*/



/*
put your child theme styles here
you don't need any @import rules
*/
.elementor-3780 .elementor-element.elementor-element-1452a01{
    margin-bottom: 0px!important;
}

.elementor-1273 .elementor-element.elementor-element-e59cde9 .elementor-element-populated a{
    color:var(--e-global-color-vamtam_accent_4);
}

h1, h2, h3, h4, h5, h6 {
    margin-top: .2em!important;
    margin-bottom: .3em!important;
}

.eael-adv-accordion .eael-accordion-list .eael-accordion-header.active,
.eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover {
    background-color: var(--e-global-color-vamtam_accent_3);
}
 

.elementor-kit-5 label {
    color:var(--e-global-color-vamtam_accent_3);
}

.elementor-widget-posts.vamtam-has-theme-widget-styles :is(.vamtam-post__categories, .vamtam-post__tags) a {
    color: var(--e-global-color-vamtam_accent_3);
}


/* Theme default buttons */
.elementor-element.elementor-button-info .elementor-button {
    background-color: var(--e-global-color-vamtam_accent_1);
    font-size: 14px;
    font-weight: 600;
    &:hover{
         background-color: var(--e-global-color-vamtam_accent_6);
    }
}


/* Landing page Shopify X Portalink */
div#wpforms-996062 .custom_html_label_section {
    background:  var( --e-global-color-vamtam_accent_2 ); 
    padding: 20px;
    color:var(--e-global-color-vamtam_accent_6);
    text-align: center;
}

div#wpforms-996062 .custom_html_label_section  .elementor-button-wrapper {
    text-align: center;
    margin-top:10px;
}

.custom_case_study_layout a.elementor-post__read-more {
    
     
    color:var(--e-global-color-vamtam_accent_5); 
     font-size:16px!important;
}
.custom_case_study_layout .elementor-post__read-more-wrapper {
    text-align: center;
    padding: 10px 14px;
    margin-top:20px;
    background: var( --e-global-color-vamtam_accent_1 );
    &:hover{
           background: var( --e-global-color-vamtam_accent_6 );
    }
}

div.wpforms-container-full .wpforms-page-button:hover{
    background-color: var( --e-global-color-vamtam_accent_6 );
}

/* Reusable Utility: Image Top, Left Aligned with Screen Spacing */
@media (max-width: 767px) {
    /* 1. Add padding to the wrapper so content doesn't touch screen edges */
    .tp-testimonial-stack-left {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* 2. Stack the testimonial and align left */
    .tp-testimonial-stack-left .elementor-testimonial {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        text-align: left !important;
    }

    /* 3. Move the icon/image to the top */
    .tp-testimonial-stack-left .elementor-testimonial__footer {
        order: -1 !important;
        margin-bottom: 15px !important; 
        margin-right: 0 !important;
        padding: 0 !important;
        display: flex !important;
        justify-content: flex-start !important;
        width: 100% !important;
    }

    /* 4. Reset content padding that Elementor adds for "Image Left" layout */
    .tp-testimonial-stack-left .elementor-testimonial__content {
        padding-left: 0 !important; 
        padding-right: 0 !important;
        margin-left: 0 !important;
        width: 100% !important;
    }

    .tp-testimonial-stack-left .elementor-testimonial__text {
        text-align: left !important;
    }

    .tp-testimonial-stack-left .elementor-testimonial__cite {
        text-align: left !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}