/* ==========================================================================
   WOW Framework
   Trust Bar Component
   ========================================================================== */

/* ==========================================================================
   Variables
   ========================================================================== */

:root{

    --wow-trust-logo-width:160px;
    --wow-trust-logo-height:60px;

    --wow-trust-gap:24px;

    --wow-trust-speed:100s;

    --wow-heading-color:#6F7782;
    --wow-track-bg:#FAFAF8;
    --wow-border:#ECECEC;

}

/* ==========================================================================
   Section
   ========================================================================== */

.wow-trust-bar{

    width:100%;
    max-width:100%;

    margin:40px 0;

}

/* ==========================================================================
   Heading
   ========================================================================== */

.wow-trust-heading{

    text-align:center;

    margin-bottom:12px;

}

/* Remove gold accent */

.wow-section-accent{

    display:none !important;

}

.wow-trust-heading h2{

    margin:0;

    font-family:'Raleway',sans-serif;

    color:var(--wow-heading-color) !important;

    font-size:22px;

    font-weight:600;

    letter-spacing:.05em;

    text-transform:uppercase;

    line-height:1.3;

}

/* ==========================================================================
   Track
   ========================================================================== */

.wow-trust-track{

    position:relative;

    display:flex;

    width:100%;
    max-width:100%;

    overflow:hidden;

    padding:0;

    margin:0;

    background:var(--wow-track-bg);

    border-top:1px solid var(--wow-border);

    border-bottom:1px solid var(--wow-border);

}

/* ==========================================================================
   Edge Fade
   ========================================================================== */

.wow-trust-track::before,
.wow-trust-track::after{

    content:"";

    position:absolute;

    top:0;

    bottom:0;

    width:60px;

    z-index:5;

    pointer-events:none;

}

.wow-trust-track::before{

    left:0;

    background:linear-gradient(to right,var(--wow-track-bg),transparent);

}

.wow-trust-track::after{

    right:0;

    background:linear-gradient(to left,var(--wow-track-bg),transparent);

}

/* ==========================================================================
   Scrolling Strip
   ========================================================================== */

.wow-trust-strip{

    display:flex;

    align-items:center;

    gap:var(--wow-trust-gap);

    flex:0 0 auto;

    white-space:nowrap;

    padding:14px 0;

    will-change:transform;

    animation:wowTrustScroll var(--wow-trust-speed) linear infinite;

}

.wow-trust-track:hover .wow-trust-strip{

    animation-play-state:paused;

}

/* ==========================================================================
   Logo
   ========================================================================== */

.wow-trust-logo{

    display:flex;

    align-items:center;

    justify-content:center;

    flex:0 0 auto;

    width:var(--wow-trust-logo-width);

    height:var(--wow-trust-logo-height);

}

.wow-trust-logo img{

    width:auto;

    height:auto;

    max-width:140px;

    max-height:40px;

    object-fit:contain;

    opacity:.85;

    transition:
        transform .25s ease,
        opacity .25s ease,
        filter .25s ease;

    filter:grayscale(15%);

}

.wow-trust-logo:hover img{

    opacity:1;

    filter:none;

    transform:translateY(-2px) scale(1.05);

}

/* ==========================================================================
   Logo Adjustments
   ========================================================================== */

.disney img{

    max-height:44px;

}

.history img{

    max-height:36px;

}

.pampered img{

    max-height:34px;

}

/* ==========================================================================
   Animation
   ========================================================================== */

@keyframes wowTrustScroll{

    from{

        transform:translate3d(0,0,0);

    }

    to{

        transform:translate3d(calc(-100% - var(--wow-trust-gap)),0,0);

    }

}

/* ==========================================================================
   Tablet
   ========================================================================== */

@media (max-width:1024px){

    :root{

        --wow-trust-logo-width:140px;
        --wow-trust-logo-height:56px;

        --wow-trust-gap:20px;

        --wow-trust-speed:90s;

    }

}

/* ==========================================================================
   Mobile
   ========================================================================== */

@media (max-width:767px){

    :root{

        --wow-trust-logo-width:120px;
        --wow-trust-logo-height:48px;

        --wow-trust-gap:14px;

        --wow-trust-speed:80s;

    }

    .wow-trust-heading{

        margin-bottom:10px;

    }

    .wow-trust-heading h2{

        font-size:18px;

        letter-spacing:.04em;

    }

    .wow-trust-logo img{

        max-width:100px;

        max-height:30px;

    }

}

/* ==========================================================================
   Accessibility
   ========================================================================== */

@media (prefers-reduced-motion:reduce){

    .wow-trust-strip{

        animation:none;

    }

}