/*12.10 CTA outline fix*/
    .g3-hero--ko-9 a.g3-cta--block--outline{margin:0 0.4em 0.4em !important;}

/*Small tag styling updates promo nav & banners*/
   .g3-free-ship-desktop small, .g3-free-ship-mobile small, .g3-promo-nav small, .g3-promo-banner--dt-1 h4 small, .g3-promo-banner--mob-1 h4 small, .g3-promo-banner--dt-1 h4, .g3-promo-banner--mob-1 h4{
        font-weight: 600;
    }

/*Trends to Try Widget Updates*/
    .g3-trends{background:#FFF;}
    .g3-trends__txt{text-align: center; padding:0;}
    .g3-trends__content{padding-bottom:1.9em;}
    .g3-trends__item > img, .g3-trends__item > video{display: block; position: relative; width: 100%; height: auto; margin: 0;}

    /*Solid Ed Block CTAS*/
    .edCta{
        display: inline-block;
        position: relative;
        height: auto;
        margin: 0 0.4em;
        padding: 0 2.5em 0 2.5em;
        overflow: hidden;
        font-family: "poppins", sans-serif;
        font-size: 2.3625em;
        font-weight: 600;
        line-height: 2.6;
        letter-spacing: normal;
        text-align: center;
        color: #000000;
        background-color: #ffffff;
        border: solid 0.08em transparent;
        white-space: nowrap;
        text-decoration: none !important;
        top:-60px;
    }

    /*Outline Ed Block CTAS*/
    .edCta--outline{
        display: inline-block;
        position: relative;
        height: auto;
        margin: 0 0.4em;
        padding: 0 2.5em 0 2.5em;
        overflow: hidden;
        font-family: "poppins", sans-serif;
        font-size: 2.3625em;
        font-weight: 600;
        line-height: 2.6;
        letter-spacing: normal;
        text-align: center;
        color: #FFF;
        background-color: transparent;
        border: solid 0.08em #FFF;
        white-space: nowrap;
        text-decoration: none !important;
        top:-60px;
    }
    

@media (max-width: 1024px) { 

     /*NA Forced Mobile Center Align template 15*/
    .g3-hero--ko-10.g3-mobile-text--center .g3-hero--ko-10__txt{width:100%;}
    .g3-hero--ko-10.g3-mobile-text--center .g3-v-center .g3-cta--block:not(:last-of-type){margin-bottom:0em;}

    /*New Mobile Force Aligns*/  
    /*.mobile-force-right{width: 61%; right: 0; font-size: 90%;}
    .mobile-force-left{width: 61%; left: 0; font-size: 90%;}*/
    .mobile-force-right{width: 50%; right: 0; font-size: 80%;}
    .mobile-force-left{width: 50%; left: 0; font-size: 80%;}
    .mobile-force-right .g3-v-center a:not(:last-of-type){margin-bottom: 0.5em;}
    .mobile-force-left .g3-v-center a:not(:last-of-type){margin-bottom: 0.5em;}

}

@media (min-width: 1024px){

    /*Double CTA Sale Banner Fix*/     
    .g3-promo-banner--dt-1 a.g3-banner-link{margin:0 1em;}  

    /*Ed Block CTAS*/
    .edCta, .edCta--outline{font-size: 1em; top:-82px;}

    /*Trends to Try Widget Updates*/
    .g3-trends__content{padding-bottom:1.2em;}
    .g3-trends__txt h3{padding-bottom:.1em;}
    .g3-trends__content{flex-direction: column;}
    .g3-trends__txt{width: 100%; text-align: center; padding-bottom: 1.3em;}

    /*New Mobile Force Aligns*/  
    .mobile-force-right{font-size: 100%;}
    .mobile-force-left{font-size: 100%;}

} 

/* ===================================== TRIO PROMO BANNER ===================================== */
    .wrapper-trio-banner {
        width: 100%;
        background-color: #6d1514;
        display: flex;
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
        padding-bottom: 3.2em !important;
    }

    .wrapper-trio-banner>div {
        flex: 100%;
        padding: 0.5em 0;
        order: -1;
    }

    .trio-banner-center picture {
        width: 300px;
        margin: 3% auto
    }

    .trio-banner-hr {
        display: block;
        height: 1px;
        width: 80%;
        border-width: 1px;
        border-color: #fff;

        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    a.trio-banner {
        align-content: center;
        text-decoration: none;
        font-size: 1em;
    }


    .trio-banner h2 {
        font-size: 3.25em;
        letter-spacing: 0.02em;
        color: #fff;
    }

    .trio-banner .asterisk {
        font-size: 0.4em;
        vertical-align: super;
        top: 0;
    }

    .trio-banner-disclaimer {
        display: block;
        position: relative;
        width: 100%;
        color: #fff;
        font-family: "poppins", sans-serif;
    font-size: .65rem;
        font-weight: 400;
        padding: 0.35em 0 0.5em 0;
        letter-spacing: 0.02em;
    }

    .banner-arrow {
        font-size: 70%;
        top: -0.1em;
    }

    .g3-modernline {
        display: inline;
        margin-left: -0.15em;
    }

    .g3-mobile-only {
        order: 0 !important;
    }

    @media (min-width: 1024px) {
        .wrapper-trio-banner {
            width: 100%;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            text-align: center;
            padding-bottom: 0 !important;
        }

        .wrapper-trio-banner>div {
            padding: 0.6em 0;
            align-content: center;
            margin: 0 auto;
            order: 0;
        }

        .trio-banner-center picture {
            width: 150px;
        }

        a.trio-banner {
            align-content: center;

            text-decoration: none;
        }

        .trio-banner h2 {
            font-size: 1.5em;
            padding-top: 0.2em;
            letter-spacing: normal;
        }

        .trio-banner-disclaimer {
            display: block;
            position: relative;
            width: 100%;
            padding: .3rem 0;
        }

        .trio-banner-center {
            font-size: 2em;
            order: 0;
        }
    }