/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */
/* ==========================================================
   PARCEIROS - HOME
========================================================== */

.stbg-parceiros-home{

    position:relative;

    overflow:hidden;

    padding:90px 0;

    background:linear-gradient(
        180deg,
        #fafafa 0%,
        #ffffff 100%
    );
}


/* ==========================================================
   CABEÇALHO
========================================================== */

.stbg-parceiros-cabecalho{

    max-width:760px;

    margin:0 auto 60px;

    text-align:center;
}

.stbg-parceiros-sobretitulo{

    display:inline-block;

    margin-bottom:12px;

    color:#8f1519;

    font-size:13px;
    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;
}

.stbg-parceiros-cabecalho h2{

    margin:0;

    color:#1f1f1f;

    font-size:clamp(34px,4vw,46px);

    line-height:1.2;
}

.stbg-parceiros-cabecalho p{

    max-width:640px;

    margin:18px auto 0;

    color:#666;

    font-size:17px;

    line-height:1.8;
}


/* ==========================================================
   MARQUEE
========================================================== */

.stbg-parceiros-marquee{

    position:relative;

    overflow:hidden;

    width:100%;

    -webkit-mask-image:linear-gradient(
        to right,
        transparent,
        #000 8%,
        #000 92%,
        transparent
    );

    mask-image:linear-gradient(
        to right,
        transparent,
        #000 8%,
        #000 92%,
        transparent
    );
}

.stbg-parceiros-track{

    display:flex;

    align-items:center;

    gap:35px;

    width:max-content;

    animation:stbgParceiros 35s linear infinite;
}

@media (hover: hover) and (pointer: fine) {

    .stbg-parceiros-track:hover {

        animation-play-state: paused;

    }

}


/* ==========================================================
   ITEM
========================================================== */

.stbg-parceiro-item{

    display:flex;

    align-items:center;
    justify-content:center;

    flex:0 0 auto;

    width:220px;

    height:110px;
}

.stbg-parceiro-item a{

    display:flex;

    align-items:center;
    justify-content:center;

    width:100%;
    height:100%;
}

.stbg-parceiro-item img{

    max-width:180px;

    max-height:70px;

    width:auto;
    height:auto;

    object-fit:contain;

    filter:grayscale(35%);

    opacity:.85;

    transition:
        transform .35s,
        opacity .35s,
        filter .35s;
}

.stbg-parceiro-item:hover img{

    filter:grayscale(0%);

    opacity:1;

    transform:scale(1.08);
}


/* ==========================================================
   ANIMAÇÃO
========================================================== */

@keyframes stbgParceiros{

    from{

        transform:translateX(0);

    }

    to{

        transform:translateX(-50%);

    }

}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1024px){

    .stbg-parceiros-home{

        padding:70px 0;
    }

    .stbg-parceiros-track{

        gap:70px;

        animation-duration:30s;
    }

    .stbg-parceiro-item{

        width:180px;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

    .stbg-parceiros-home {

        padding: 60px 0;
    }

    .stbg-parceiros-cabecalho {

        margin-bottom: 35px;
        padding: 0 20px;
    }

    .stbg-parceiros-cabecalho h2 {

        font-size: 32px;
    }

    .stbg-parceiros-cabecalho p {

        font-size: 15px;
        line-height: 1.7;
    }

    .stbg-parceiros-marquee {

        overflow: hidden;
    }

    .stbg-parceiros-track {

        gap: 18px;

        animation: stbgParceiros 55s linear infinite;

        will-change: transform;
    }

    .stbg-parceiro-item {

        flex: 0 0 auto;

		width: 180px;
		height: 100px;

		display: flex;
		align-items: center;
		justify-content: center;
    }

    .stbg-parceiro-item img {

       width: auto;
    height: auto;

    max-width: 160px;
    max-height: 75px;

    object-fit: contain;

    filter: grayscale(35%);
    opacity: .85;

    transition: transform .35s,
                opacity .35s,
                filter .35s;
    }

}