/******************************************
Did not include these styles in the
compiled css. These were quick fixes.
 ******************************************/
.article-intro-section .author-info
{
    flex-wrap: wrap;
}

.article-intro-section .author-info .desc
{
    width: 220px;
}

.ja-widget h6
{
    margin: 0 0 0.8em;
    color:  #ed1923;
}

.sara-div
{
    display: flex;
}

.sara-div > div:nth-child(1)
{
    width:        60% !important;
    margin-right: 10px;
}

.eq-widget.widget_nav_menu ul li,
.eq-widget.widget_categories ul li
{
    border-bottom: 1px solid #c9c9cc;
    padding:       0 0 8px;
    margin-bottom: 8px;
}

.eq-widget.widget_nav_menu ul li:last-child,
.eq-widget.widget_categories ul li:last-child
{
    border-bottom: 0;
}

.eq-widget.widget_nav_menu ul
{
    padding-left: 0;
    list-style:   none;
}

.eq-widget.widget_nav_menu ul a
{
    color:      #ed1923;
    transition: all 200ms linear;
}

.eq-widget.widget_nav_menu ul a:hover
{
    color: #000;
}

/*** Homepage tiles fix ***/
.eq-home .featured-block .grid-flex .col-md-7 > .grid-flex > .col-md-6 .featured-bottom .desc
{
    width: 50%;
}

/*** Title font resize on small featured post tile ***/
.home .section.p-1 .col-md-5.col-lg-4 a.media.sm h5
{
    font-size:     0.875rem;
    margin-bottom: 0.3125rem;
}

.home .section.p-1 .col-md-5.col-lg-4 a.media.sm p.p-small
{
    font-size: 0.6875rem;
}

.home .section.p-1 .col-md-5.col-lg-4 a.media.sm .desc
{
    padding: 0.9375rem;
}


@media screen and (min-width: 783px)
{
    body.logged-in.admin-bar #wrapper
    {
        padding-bottom: 0;
        margin-top:     32px;
    }
}

@media screen and (max-width: 782px)
{
    body.logged-in.admin-bar #wrapper
    {
        padding-bottom: 0;
        margin-top:     46px;
    }
}

@media only screen and (max-width: 767px)
{
    .sara-div > div:nth-child(1)
    {
        width: 100% !important;
    }

    .sara-div
    {
        flex-wrap: wrap;
    }
}

/******************************************
Centers an image in the wysiwyg editor - post
 ******************************************/
.article-content .wysiwyg img.aligncenter
{
    display: block;
    margin:  0 auto;
}

/************************
 * Author page custom URL
 ************************/

.author-details .custom-url
{
    display:       block;
    margin-bottom: 13px;
    color:         red;
    word-break:    break-word;
}

.author-details .custom-url:hover
{
    text-decoration: underline;
}

/*********************************
 * WordPress Generated CSS Classes
 * @see https://codex.wordpress.org/CSS#WordPress_Generated_Classes
 *********************************/

.alignnone
{
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter
{
    display:    block;
    margin:     5px auto 5px auto;
    text-align: center;
}

.alignright
{
    float:  right;
    margin: 5px 0 20px 20px;
}

.alignleft
{
    float:  left;
    margin: 5px 20px 20px 0;
}

a img.alignright
{
    float:  right;
    margin: 5px 0 20px 20px;
}

a img.alignnone
{
    margin: 5px 20px 20px 0;
}

a img.alignleft
{
    float:  left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter
{
    display:      block;
    margin-left:  auto;
    margin-right: auto;
}

.wp-caption
{
    background: #fff;
    border:     1px solid #f0f0f0;
    max-width:  96%; /* Image does not overflow the content area */
    padding:    5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone
{
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft
{
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright
{
    margin: 5px 0 20px 20px;
}

.wp-caption img
{
    border:    0 none;
    height:    auto;
    margin:    0;
    max-width: 98.5%;
    padding:   0;
    width:     auto;
}

.wp-caption p.wp-caption-text
{
    font-size:   11px;
    line-height: 17px;
    margin:      0;
    padding:     0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text
{
    border:    0;
    clip:      rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height:    1px;
    margin:    -1px;
    overflow:  hidden;
    padding:   0;
    position:  absolute !important;
    width:     1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus
{
    background-color: #eee;
    clip:             auto !important;
    clip-path:        none;
    color:            #444;
    display:          block;
    font-size:        1em;
    height:           auto;
    left:             5px;
    line-height:      normal;
    padding:          15px 23px 14px;
    text-decoration:  none;
    top:              5px;
    width:            auto;
    z-index:          100000;
    /* Above WP toolbar. */
}

/*** word character length fix on the Featured block of the Homepage ***/
@media screen and (min-width: 1024px)
{
    .featured-block .col-md-5.col-lg-4 a:not(.thumb) .desc
    {
        width: 60%;
    }
}

/*********************************
* CSS for the featured image on a post.
* Added to have the featured image show on mobile.
* Date: 07-20-2021
*********************************/
@media screen and (min-width: 768px)
{
    .article-intro-section .img-hold .post-img-mob
    {
        display: none;
    }
}

@media screen and (max-width: 767px)
{
    .article-intro-section .img-hold
    {
        padding-top: 0;
    }

    .article-intro-section .img-hold .bg-stretch
    {
        display: none;
    }
}

/***************************************
 * FAST FIX FOR MAIN NAV SHOWING ON LOAD
 ***************************************/

.drop-menu-mobile .drop-slide, .drop-menu .drop-slide
{
    display: none;
}

/***************************************
* CSS for the share icons on posts
* Date: 04-18-2022
*********************************/
#vertical_share
{
    display:  none;
    position: fixed;
    top:      220px;
    left:     0;
    z-index:  10000;
}

#vertical-share-icons
{
    display:     block;
    margin-left: 20px;
}

#vertical-share-icons a
{
    display:  block;
    float:    inherit;
    position: relative;
}

#vertical-share-icons a .a2a_count
{
    background-color: #2b2b2b;
    color:            #fff;
    float:            inherit;
    position:         absolute;
    line-height:      23px !important;
    height:           22px !important;
    width:            22px !important;
    font-size:        8px !important;
    border-radius:    50%;
    border:           0;
    z-index:          1;
    right:            -5px;
    bottom:           3px;
}

#vertical-share-icons a .a2a_count:before,
#vertical-share-icons a .a2a_count:after
{
    border-color: transparent !important;
}

#vertical-share-icons a svg .st0
{
    transition: all 300ms linear;
    fill:       #ed1b23;
    stroke:     #ed1b23;
}

#vertical-share-icons a svg .st1
{
    transition: all 300ms linear;
    fill:       #fff;
}

#vertical-share-icons a:hover svg .st0
{
    fill:   #fff;
    stroke: #ed1b23;
}

#vertical-share-icons a:hover svg .st1
{
    fill: #ed1b23;
}

@media screen and (max-width: 1000px)
{
    #vertical_share
    {
        top: 120px;
    }
}

@media screen and (max-width: 1023px)
{
    #vertical_share
    {
        top:    inherit;
        bottom: 30px;
    }

    #vertical-share-icons a
    {
        float:        left;
        margin-right: 5px;
    }
}

@media screen and (max-width: 1023px)
{
    #vertical_share
    {
        bottom: 5px;
    }

    #vertical-share-icons a svg
    {
        width: 35px;
    }
}

/*************************************************
* CSS for the home banner slider - Sustainability
* Date: 06-07-2022
*************************************************/
.eq-home .banner.sustainability > .container
{
    max-width:       1200px;
    align-items:     end;
    flex-wrap:       wrap;
    justify-content: space-between;
    column-gap:      150px;
}

.eq-home .banner.sustainability > .container .column-1
{
    flex: 0 0 54%;
}

.eq-home .banner.sustainability > .container .column-2
{
    flex: 0 0 33%;
}

.eq-home .banner.sustainability h1,
.eq-home .banner.sustainability p
{
    color: #000;
}

.eq-home .banner.sustainability h1
{
    font-size:     60px;
    line-height:   60px;
    margin-bottom: 35px;
}

.eq-home .banner.sustainability p
{
    font-size:     20px;
    line-height:   28px;
    margin-bottom: 0;
    max-width:     522px;
}

.eq-home .banner.sustainability p:not(:last-child)
{
    margin-bottom: 20px;
}

.eq-home .banner.sustainability .btn
{
    font-size: 16px;
}

.eq-home .slick-banner .slick-dots
{
    list-style: none;
    position:   absolute;
    bottom:     0;
    padding:    0;
    margin:     0 auto;
    left:       0;
    right:      0;
    display:    table;
}

.eq-home .slick-banner .slick-dots li
{
    display: inline-block;
    padding: 10px 6px 20px;
}

.eq-home .slick-banner .slick-dots li > button
{
    border:        0;
    font-size:     0;
    line-height:   0;
    width:         15px;
    height:        15px;
    background:    #f5f5f6;
    border-radius: 22px;
}

.eq-home .slick-banner .slick-dots li.slick-active > button
{
    background: #ed1b23;
}

@media screen and (max-width: 1299px)
{

    .eq-home .banner.sustainability > .container .column-1
    {
        flex: 0 0 54%;
    }

    .eq-home .banner.sustainability > .container .column-2
    {
        flex: 0 0 36%;
    }
}

@media screen and (max-width: 1199px)
{
    .eq-home .banner.sustainability > .container .column-1,
    .eq-home .banner.sustainability > .container .column-2
    {
        flex:  none;
        width: 100%;
    }

    .eq-home .banner.sustainability > .container .column-1
    {
        margin-bottom: 40px;
    }

    .eq-home .banner.sustainability p
    {
        max-width: 100%;
    }
}

@media screen and (max-width: 1023px)
{
    .eq-home .banner.sustainability .btn
    {
        padding: 9px 42px;
    }
}

@media screen and (max-width: 767px)
{
    .eq-home .banner.sustainability h1,
    .eq-home .banner.sustainability p
    {
        text-align: center;
    }

    .eq-home .banner.sustainability h1
    {
        font-size:   50px;
        line-height: 54px;
    }

    .eq-home .banner.sustainability .btn
    {
        margin:  0 auto;
        display: table;
    }
}

@media screen and (max-width: 479px)
{
    .eq-home .banner.sustainability h1
    {
        font-size:   44px;
        line-height: 46px;
    }
}

/***************************************
* CSS for the search box on the header
* Date: 06-08-2022
*********************************/
.utility-nav .link-search > form
{
    border:     1px solid #c9c9cc;
    transition: 300ms border linear;
    position:   relative;
}

.utility-nav .link-search > form input[type=text],
.utility-nav .link-search > form input[type=search]
{
    font-size:  14px;
    border:     none;
    padding:    0.3125rem 0.5rem;
    width:      188px;
    transition: 300ms width linear;
}

.utility-nav .link-search > form input[type=submit]
{
    background-image:    url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M19.1015625 20.25c.1302083 0 .2473958-.0520833.3515625-.15625l.390625-.4296875c.1041667-.078125.15625-.1888021.15625-.3320313 0-.1432291-.0520833-.266927-.15625-.3710937L13.828125 13.0625l-.4296875-.390625c1.25-1.484375 1.8359375-3.203125 1.7578125-5.15625-.0737847-1.84461806-.7398968-3.44533661-1.9983362-4.80215567l-.2282263-.23690683c-.703125-.703125-1.5169271-1.25-2.4414063-1.640625C9.56380208.4453125 8.59375.25 7.578125.25 6.5625.25 5.59244792.4453125 4.66796875.8359375c-.92447917.390625-1.73828125.9375-2.44140625 1.640625C1.49739583 3.20572917.94401042 4.02604167.56640625 4.9375.18880208 5.84895833 0 6.8125 0 7.828125s.18880208 1.98567708.56640625 2.9101562c.37760417.9244792.93098958 1.7513021 1.66015625 2.4804688.72916667.7291667 1.5625 1.2760417 2.5 1.640625.9375.3645833 1.88802083.546875 2.8515625.546875.83333333 0 1.65364583-.1367188 2.4609375-.4101562.8072917-.2734376 1.5625-.6835938 2.265625-1.2304688l.4296875.4296875L18.75 20.09375c.1041667.1041667.2213542.15625.3515625.15625ZM7.578125 14.078125c-1.71875 0-3.19010417-.6119792-4.4140625-1.8359375-.59895833-.5729167-1.0546875-1.2434896-1.3671875-2.0117187-.3125-.76822922-.46875-1.56901047-.46875-2.4023438 0-.83333333.15625-1.62760417.46875-2.3828125.3125-.75520833.76822917-1.43229167 1.3671875-2.03125.57291667-.59895833 1.24348958-1.0546875 2.01171875-1.3671875.76822917-.3125 1.56901042-.46875 2.40234375-.46875.83333333 0 1.62760417.15625 2.3828125.46875.6608073.2734375 1.2618001.65653483 1.8029785 1.14929199l.2282715.21789551c1.2239583 1.22395833 1.8359375 2.70182292 1.8359375 4.43359375 0 1.73177083-.6119792 3.19661455-1.8359375 4.39453125-1.2239583 1.2239583-2.6953125 1.8359375-4.4140625 1.8359375Z' id='' fill='%23A1A1A5' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-position: center center;
    background-size:     contain !important;
    border:              none;
    background:          transparent;
    font-size:           0;
    width:               20px;
    height:              20px;
    padding:             0;
    background-repeat:   no-repeat;
    vertical-align:      middle;
    margin-right:        5px;
}

.utility-nav .link-search.minimized > form
{
    border-color: transparent;
    transition:   300ms border linear;
}

.utility-nav .link-search.minimized > form input[type=text],
.utility-nav .link-search.minimized > form input[type=search]
{
    padding:    0.3125rem 0;
    width:      0px;
    transition: 300ms width linear;
}

.utility-nav .link-search > form:after
{
    cursor: pointer;
}

.utility-nav .link-search.minimized > form:after
{
    content:  "";
    width:    30px;
    height:   30px;
    position: absolute;
    top:      0;
    right:    0;
    z-index:  10000;
}

.utility-nav .link-search.submit > form input[type=search]
{
    background-image:    url(../img/search/loading.svg);
    background-repeat:   no-repeat;
    background-position: center right;
}

/***************************************
* CSS for the Series link on post type header
* Date: 06-21-2022
*********************************/
.article-intro-section .topic-title a
{
    color:      #ed1b23;
    transition: all 200ms ease-in-out;
}

.article-intro-section .topic-title a:hover
{
    color:      #000;
    transition: all 200ms ease-in-out;
}

/***************************************
* Font size adjustment on the second slide of the Homepage
* Date: 07-08-2022
*********************************/
.eq-home .banner > .container > .desc h1
{
    font-size:     60px;
    line-height:   60px;
    margin-bottom: 35px;
}

.eq-home .banner > .container > .desc P
{
    font-size:     20px;
    line-height:   28px;
    margin-bottom: 30px;
    max-width:     522px;
}

.eq-home .banner > .container
{
    max-width: 1200px;
}

@media screen and (max-width: 1024px)
{
    .eq-home .banner > .container > .desc P
    {
        max-width: 100%;
    }
}

/***************************************
* PDF Embedder override styles
* Date: 07-27-2022
*********************************/
.pdfemb-viewer
{
    margin:  0 auto !important;
    display: table;
}

/***************************************
* New Callout (iPad) on blog posts
* Date: 07-26-2022
*********************************/
.article-content .media.ipad
{
    border-top:    0;
    border-bottom: 0;
    background:    #eee;
    padding:       22px 30px 0px;
    overflow:      hidden;
    flex-wrap:     wrap;
    margin-bottom: 26px;
}

.article-content .media.ipad,
.article-content .media.ipad .desc h2,
.article-content .media.ipad .desc p
{
    transition:         all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition:    all 200ms ease-in-out;
}

.article-content .media.ipad .desc
{
    width:          531px;
    padding-bottom: 25px;
}

.article-content .media.ipad .desc h2
{
    line-height: 2.125rem;
}

.article-content .media.ipad .desc p
{
    line-height: 1.5rem;
}

.article-content .media.ipad .desc p:not(:last-child)
{
    margin-bottom: 10px;
}

.article-content .media.ipad .img-hold
{
    width:  225px;
    height: 240px;
}

.article-content .media.ipad .img-hold > .inner
{
    width:    214px;
    height:   279px;
    position: relative;
    margin:   0 auto;
}

.article-content .media.ipad .img-hold img
{
    position:   absolute;
    top:        3px;
    left:       0;
    right:      0;
    margin:     auto;
    width:      200px;
    box-shadow: 0px 4px 55px 10px rgba(0, 0, 0, 0.25);
}

.article-content .media.ipad .img-hold > .inner:after
{
    content:          "";
    background-image: url(../img/article/cta-ipad-2.png);
    background-size:  100%;
    width:            214px;
    height:           279px;
    display:          block;
    position:         absolute;
    right:            0;
    bottom:           0;
}

.article-content .media.ipad .rs-btn
{
    /*background: #ED1B23;*/
    border:         1px solid #707073;
    color:          #707073;
    display:        inline-block;
    line-height:    16px;
    font-weight:    700;
    text-transform: uppercase;
    padding:        16px 24px;
}

.article-content .media.ipad:hover,
.article-content .media.ipad.hovered
{
    background: #000;
}

.article-content .media.ipad:hover .desc h2,
.article-content .media.ipad:hover .desc p,
.article-content .media.ipad.hovered .desc h2,
.article-content .media.ipad.hovered .desc p
{
    color: #fff;
}

.article-content .media.ipad:hover .rs-btn,
.article-content .media.ipad.hovered .rs-btn
{
    opacity:      1;
    background:   #ed1b23;
    border-color: #ed1b23;
    color:        #fff;
}

.article-content .media.ipad .rs-btn:hover,
.article-content .media.ipad.hovered .rs-btn
{
    background:   #ed1b23;
    border-color: #ed1b23;
    color:        #fff;
}

@media screen and (max-width: 1199px)
{
    .article-content .media.ipad .desc h2
    {
        line-height: 1.75rem;
    }

    .article-content .media.ipad .desc p
    {
        line-height: 1.25rem;
    }
}

@media screen and (max-width: 1039px)
{
    .article-content .media.ipad .img-hold > .inner
    {
        height: 285px;
    }

    .article-content .media.ipad .img-hold img
    {
        top: 10px;
    }
}

@media screen and (max-width: 918px)
{
    .article-content .media.ipad .img-hold > .inner
    {
        height: 295px;
    }

    .article-content .media.ipad .img-hold img
    {
        top: 20px;
    }
}

@media screen and (max-width: 899px)
{
    .article-content .media.ipad .desc,
    .article-content .media.ipad .img-hold
    {
        width:   100%;
        padding: 0;
    }
}

@media screen and (max-width: 767px)
{
    .article-content .media.ipad
    {
        flex-direction: column-reverse;
    }
}

@media screen and (max-width: 599px)
{
    .article-content .media.ipad
    {
        padding: 28px 30px;
    }

    .article-content .media.ipad .img-hold
    {
        display: none;
    }

    .article-content .media.ipad .desc h2,
    .article-content .media.ipad .desc p
    {
        text-align:    center;
        margin-bottom: 16px;
    }

    .article-content .media.ipad .desc h2
    {
        font-size:   26px;
        line-height: 34px;
    }

    .article-content .media.ipad .desc p
    {
        display:     none;
        font-size:   16px;
        line-height: 24px;
    }

    .article-content .media.ipad .rs-btn
    {
        display: table;
        margin:  0 auto;
    }
}

/***************************************
* New Callout (Alternate) on blog posts
* Date: 09-20-2022
*********************************/
.article-content .media.alt
{
    border:        0;
    background:    #eee;
    padding:       28px 30px;
    margin-bottom: 20px;
}

.article-content .media.alt h2
{
    margin-bottom: 16px;
}

.article-content .media.alt p
{
    line-height:   24px;
    margin-bottom: 16px;
}

.article-content .media.alt .rs-btn
{
    border:         1px solid #888;
    color:          #888;
    display:        inline-block;
    line-height:    16px;
    font-weight:    700;
    text-transform: uppercase;
    padding:        16px 24px;
    transition:     all 200ms ease-in-out;
}

.article-content .media.alt .rs-btn:hover
{
    color:        #fff;
    border-color: #ed1b23;
    background:   #ed1b23;
}

.article-content .media.alt .img-hold
{
    box-shadow: 0px 4px 55px 10px rgba(0, 0, 0, 0.25);
}

/*** Hover ***/
.article-content .media.alt,
.article-content .media.alt .desc h2,
.article-content .media.alt .desc p
{
    transition:         all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition:    all 200ms ease-in-out;
}

.article-content .media.alt.hovered,
.article-content .media.alt:hover
{
    background-color: #000;
}

.article-content .media.alt.hovered h2,
.article-content .media.alt.hovered p,
.article-content .media.alt:hover h2,
.article-content .media.alt:hover p
{
    color: #fff;
}

.article-content .media.alt.hovered .rs-btn,
.article-content .media.alt:hover .rs-btn
{
    color:        #fff;
    border-color: #ed1b23;
    background:   #ed1b23;
}

@media screen and (max-width: 1280px)
{
    .article-content .media.alt .desc
    {
        width: 55%;
    }

    .article-content .media.alt .img-hold
    {
        width: 45%;
    }
}

@media screen and (max-width: 768px)
{
    .article-content .media.alt
    {
        flex-direction: column-reverse;
    }

    .article-content .media.alt .desc,
    .article-content .media.alt .img-hold,
    .article-content .media.alt .img-hold img
    {
        width: 100%;
    }

    .article-content .media.alt .desc
    {
        margin-top: 24px;
    }
}

@media screen and (max-width: 599px)
{
    .article-content .media.alt .desc
    {
        margin:  0;
        padding: 0;
    }

    /*.article-content .media.alt {*/
    /*    background-color: #000000;*/
    /*}*/
    .article-content .media.alt h2,
    .article-content .media.alt p
    {
        /*color: #ffffff;*/
        text-align: center;
    }

    .article-content .media.alt h2
    {
        font-size:   26px;
        line-height: 34px;
    }

    .article-content .media.alt p
    {
        display:     none;
        font-size:   16px;
        line-height: 24px;
    }

    .article-content .media.alt .img-hold
    {
        display: none;
    }

    .article-content .media.alt .rs-btn
    {
        /*color: #ffffff;*/
        /*border-color: #ED1B23;*/
        /*background: #ED1B23;*/
        display: table;
        margin:  0 auto;
    }
}

/**
 * Test PPT iframe things
 */
.eov_doc
{
    margin-bottom:  30px !important; /* Override inline styles */
    padding-bottom: 67% !important; /* Override inline styles */
    width:          100% !important; /* Override inline styles */
    height:         0 !important; /* Override inline styles */
}

.eov_doc > iframe
{
    position: absolute !important; /* Override inline styles */
    width:    100% !important; /* Override inline styles */
    height:   100% !important; /* Override inline styles */
}

/**
 * Test PDF Embedder
 */
.pdfemb-viewer
{
    margin:  0 auto !important;
    display: table;
}

/**********************************************
 * HOME BANNER FIRST SLIDE ADJUSTMENTS
 * 12/20/2022
 **********************************************/
.eq-home .banner.deploy
{
    padding: 44px 0;
}

.eq-home .banner.deploy > .container
{
    flex-wrap: wrap;
    max-width: 1272px;
}

.eq-home .banner.deploy > .container .desc
{
    max-width:     46.8%;
    padding-right: 0;
}

.eq-home .banner.deploy > .container .featured-image
{
    max-width:    53.2%;
    margin-right: 0;
}

.eq-home .banner.deploy > .container .featured-image img
{
    margin: 0 auto;
}

.eq-home .banner.deploy .banner-logo
{
    margin-bottom: 30px;
}

.eq-home .banner.deploy > .container > .desc h1
{
    margin-bottom: 22px;
}

@media screen and (max-width: 1300px)
{
    .eq-home .banner.deploy > .container
    {
        max-width: 1200px;
    }

    .eq-home .banner.deploy > .container .desc,
    .eq-home .banner.deploy > .container .featured-image
    {
        max-width: 50%;
    }
}

@media screen and (max-width: 1200px)
{
    .eq-home .banner.deploy > .container
    {
        max-width: 1024px;
    }

    .eq-home .banner.deploy > .container .desc
    {
        max-width: 60%;
    }

    .eq-home .banner.deploy > .container .featured-image
    {
        max-width: 40%;
    }
}

@media screen and (max-width: 1023px)
{
    .eq-home .banner.deploy
    {
        padding: 44px 0 80px;
    }

    .eq-home .banner.deploy > .container .desc
    {
        max-width: 80%;
    }

    .eq-home .banner.deploy > .container .featured-image
    {
        max-width: 60%;
    }
}

@media screen and (min-width: 768px)
{
    .eq-home .banner.deploy > .container > .desc p
    {
        font-size:   16px;
        line-height: 20px;
    }
}

@media screen and (max-width: 767px)
{
    .eq-home .banner.deploy > .container > .desc h1
    {
        font-size:   50px;
        line-height: 54px;
    }

    .eq-home .banner.deploy .banner-logo img
    {
        margin: 0 auto;
    }
}

@media screen and (max-width: 479px)
{
    .eq-home .banner.deploy > .container > .desc h1
    {
        font-size:   44px;
        line-height: 46px;
    }
}

/*** GXI Report ***/
@media screen and (min-width: 1025px)
{
    .eq-home .banner.ecosystem > .container
    {
        flex-direction: row-reverse;
    }

    .eq-home .banner.ecosystem > .container > .featured-image
    {
        margin-right: 30px;
    }
}

/**********************************************
 * DEPLOY CTA
 * 01/09/2023
 **********************************************/
.article-content .media.deploy
{
    border:     1px solid #c9c9cc;
    padding:    22px 40px;
    transition: all 600ms ease-in-out;
    position:   relative;
    flex-wrap:  wrap;
}

.article-content .media.deploy .background
{
    position:            absolute;
    top:                 0;
    left:                0;
    right:               0;
    bottom:              0;
    margin:              auto;
    display:             block;
    overflow:            hidden;
    opacity:             0;
    transition:          opacity 600ms ease-in-out;
    background-size:     cover;
    background-position: center;
}

.article-content .media.deploy .desc
{
    width: 60%;
}

.article-content .media.deploy .img-hold
{
    width: 40%;
}

.article-content .media.deploy .desc,
.article-content .media.deploy .img-hold
{
    z-index: 1;
}

.article-content .media.deploy .desc h2,
.article-content .media.deploy .desc p
{
    margin-bottom: 15px;
    transition:    all 600ms ease-in-out;
}

.article-content .media.deploy .desc p
{
    font-size:   16px;
    line-height: 25px;
}

.article-content .media.deploy .desc .link-arrow
{
    color:       #707073;
    border:      1px solid #707073;
    font-weight: 500;
    padding:     8px 16px;
    transition:  all 600ms ease-in-out;
}

/* Hover */
.article-content .media.deploy:hover
{
    border:           1px solid #707073;
    background-color: #707073;
}

.article-content .media.deploy:hover .background
{
    opacity: 1;
}

.article-content .media.deploy:hover .desc h2,
.article-content .media.deploy:hover .desc p
{
    color: #fff;
}

.article-content .media.deploy:hover .desc .link-arrow
{
    color:      #fff;
    background: #ed1b23;
    border:     1px solid #ed1b23;
}

.article-content .media.deploy:hover .desc .link-arrow:after
{
    /*-webkit-transition: all .2s ease-in;*/
    /*transition: all .2s ease-in;*/
}

@media screen and (max-width: 1200px)
{
    .article-content .media.deploy
    {
        padding: 22px;
    }
}

@media screen and (max-width: 1023px)
{
    .article-content .media.deploy
    {
        border:           1px solid #707073;
        background-color: #707073;
        padding:          30px 22px 40px;
    }

    .article-content .media.deploy .background
    {
        opacity: 1;
    }

    .article-content .media.deploy .desc h2,
    .article-content .media.deploy .desc p
    {
        color: #fff;
    }

    .article-content .media.deploy .desc .link-arrow
    {
        color:      #fff;
        background: #ed1b23;
        border:     1px solid #ed1b23;
    }
}

@media screen and (max-width: 991px)
{
    .article-content .media.deploy .desc,
    .article-content .media.deploy .img-hold
    {
        width: 100%;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px)
{
    .article-content .media.deploy
    {
        flex-direction: column-reverse;
    }
}

/******************************************
ADA Fix - this shows up on the mobile menu.
An extra empty link is added.
Added: 03-06-2023
 ******************************************/
.main-nav .drop-slide .sub-links.col2 li.hidden-xs
{
    display: none;
}

/***********
 * KEVEL ADS -------------------------------------------------------------------
 ***********/

/* General ---------------------------------------------- */
/* Wrapper */
/*div[class*="rs-kevel-placement-"]*/
.rs_kevel-inline
{
    display:         flex;
    justify-content: center; /* For 256x400 responsive */
    max-width:       100%;
}

/* 800x316 ---------------------------------------------- */
/* Wrapper */
.rs-kevel-placement-800x316
{
    margin-bottom: 60px;
}

/* 256x400 ---------------------------------------------- */
/* Wrapper */
.rs-kevel-placement-256x400
{
    margin-bottom: 45px;
}

/* 800x316 JSHTML -------------------------------------- */
/* Wrapper */
.rs_kevel-inline
{
    background-color: #eee;
    align-items:      center;
    justify-content:  normal !important; /* Override general above */
    margin-bottom:    60px;
    padding:          28px 30px;
}

/* Left column ---------------------- */
/* Text wrapper */
.rs_kevel-inline > div
{
    margin-right: 15px;
    width:        55%;
}

/* Heading*/
.rs_kevel-inline > div > h2
{
    margin-bottom: 16px;
}

/* Paragraph */
.rs_kevel-inline > div > p
{
    margin-bottom: 16px;
    line-height:   1.5;
}

/* CTA */
.rs_kevel-inline > div > a
{
    display:        inline-block;
    border:         1px solid #888;
    padding:        16px 24px;
    font-weight:    bold;
    color:          #888;
    line-height:    16px;
    text-transform: uppercase;
}

/* Right column --------------------- */
/* Image */
.rs_kevel-inline > img
{
    width:      45%;
    box-shadow: 0 4px 55px 10px rgba(0, 0, 0, 0.25);
}

/* Hover ---------------------------- */
/* Transition */
.rs_kevel-inline,
.rs_kevel-inline > div > h2,
.rs_kevel-inline > div > p,
.rs_kevel-inline > div > a
{
    transition: all 200ms ease-in-out;
}

/* Wrapper */
.rs_kevel-inline:hover
{
    background-color: black;
}

/* Text */
.rs_kevel-inline:hover > div > h2,
.rs_kevel-inline:hover > div > p,
.rs_kevel-inline:hover > div > a
{
    color: white;
}

/* CTA */
.rs_kevel-inline:hover > div > a
{
    background-color: #ed1b23;
    border-color:     #ed1b23;
}

/* Mobile LG ------------------------------------------- */
@media (max-width: 1023px)
{
    /* 800x316 ---------------------- */
    /*.rs-kevel-placement-800x316*/
    .rs_kevel-inline
    {
        margin-bottom: 29px;
    }
}

/* Mobile MD -------------------------------------------- */
@media (max-width: 767px)
{
    /*div[class*="rs-kevel-placement-"]*/
    .rs_kevel-inline
    {
        display: table !important;
        margin:  0 auto;
    }

    /* 800x316 JSHTML --------------- */
    /* Wrapper */
    .rs_kevel-inline
    {
        flex-direction: column-reverse;
    }

    /* Left column ---------------------- */
    /* Text wrapper */
    .rs_kevel-inline > div
    {
        width: auto;
    }

    /* CTA */
    .rs_kevel-inline > div > a
    {
        background-color: #ed1b23;
        border-color:     #ed1b23;
        color:            white;
    }

    /* Right column */
    /* Image */
    .rs_kevel-inline > img
    {
        margin-top: 20px;
        width:      100%;
    }

    /* 256x400 ---------------------- */
    .rs-kevel-placement-256x400
    {
        margin: 10px 0 29px;
    }

    /*#rs-kevel-template-placeholder*/
    .rs_kevel-inline
    {
        display:      table;
        margin-left:  auto;
        margin-right: auto;
    }
}

/*******************************************************
    Table CSS for the Post Tag report
    Added: 03-08-2023
 ******************************************************/
table.rs-table-report
{
    table-layout:     fixed;
    background-color: #fff;
    border-collapse:  collapse;
    border-width:     1px;
    border-color:     #a1a1a1;
    border-style:     solid;
    color:            #000;
    width:            100%;
}

table.rs-table-report td,
table.rs-table-report th
{
    border-width: 1px;
    border-color: #a1a1a1;
    border-style: solid;
    padding:      5px;
    text-align:   left;
    word-wrap:    break-word;
}

table.rs-table-report td
{
    font-size: 14px;
}

table.rs-table-report thead
{
    background-color: #a1a1a1;
}

/********************************
 * Sticky Right Sidebar for Posts --------------------------------------------------------------------------------------
 *******************************/
@media (min-width: 768px)
{
    .single-post .article-content .grid-flex:nth-child(2) > .col-sm-4
    {
        position: relative;
    }

    .single-post .article-content .col-track > .inner
    {
        position: absolute;
        top:      0;
        z-index:  10000;
    }

    .single-post .article-content .scroll > .col-track > .inner
    {
        position: fixed;
    }
}

@media (max-width: 767px)
{
    /* Kevel placement fix */
    .single-post .article-content .grid-flex:nth-child(2)
    {
        flex-direction: column-reverse;
    }

    .rs_kevel-ad-placeholder.sidebar
    {
        display:      table;
        margin-left:  auto;
        margin-right: auto;
    }
}

/************************************
 * Inline Metric for Left Post Column ----------------------------------------------------------------------------------
 ***********************************/
.article-content .inline-info
{
    padding-top:   20px;
    margin-bottom: 60px;
}

.article-content .inline-info.side-info
{
    background:     #f5f5f6;
    padding-left:   30px;
    padding-right:  30px;
    padding-bottom: 20px;
}

.article-content .inline-info.side-info .icon-linkedin
{
    margin-right: 5px;
    color:        #626263;
}

.article-content .inline-info.side-info .link-wrapper
{
    display:               grid;
    grid-template-columns: repeat(2, 1fr);

    padding:               5px 15px;
    max-width:             430px;
    margin-top:            20px;
}

.article-content .inline-info.metric
{
    margin-bottom: 20px;
}

@media (max-width: 479px)
{
    .article-content .inline-info.side-info .link-wrapper
    {
        grid-template-columns: repeat(1, 1fr);
    }
}

/*********************
 * Twitter Tweet Embed -------------------------------------------------------------------------------------------------
 ********************/
.article-content .twitter-tweet-rendered
{
    margin: 10px auto;
}

/**************************************
 * Style Adjustments for Youtube Plugin --------------------------------------------------------------------------------
 *************************************/
.epyt-video-wrapper,
.__youtube_prefs__,
.__youtube_prefs_gdpr__
{
    margin-bottom: 20px;
}

/********************************
 * Simple Table Styling on Posts --------------------------------------------------------------------------------
 *******************************/
.wysiwyg table
{
    margin-bottom: 26px;
    width:         100%;
    table-layout:  fixed;
}

.wysiwyg table th, td
{
    border-bottom: 1px solid #c9c9cc;
    padding:       8px;
    line-height:   1.5rem;
}

.wysiwyg table td
{
    vertical-align: text-top;
}

/***********************
 * Home Banner GXI 2024 ------------------------------------------------------------------------------------------------
 ***********************/
.banner.gxi_2024 .bg-stretch
{
    background-color: #000;
}

.eq-home .banner.gxi_2024 > .container > .desc h1
{
    font-size:     3rem; /* 48px*/
    line-height:   3rem;
    margin-bottom: 1rem; /* 1rem */
}

.eq-home .banner.gxi_2024 > .container > .desc
{
    flex: 1;
}

.eq-home .banner.gxi_2024 > .container > .featured-image
{
    max-width: 522px;
}

.banner.gxi_2024 .bg-stretch .garnish-1,
.banner.gxi_2024 .bg-stretch .garnish-2,
.banner.gxi_2024 .bg-stretch .garnish-3,
.banner.gxi_2024 .bg-stretch .garnish-4
{
    position: absolute;
}

.banner.gxi_2024 .bg-stretch .garnish-1
{
    top:    0;
    left:   0;
    width:  235px;
    height: 198px;
}

.banner.gxi_2024 .bg-stretch .garnish-2
{
    top:    0;
    right:  0;
    width:  496px;
    height: 183px;
}

.banner.gxi_2024 .bg-stretch .garnish-3
{
    bottom: 0;
    left:   0;
    width:  382px;
    height: 164px;
}

.banner.gxi_2024 .bg-stretch .garnish-4
{
    bottom: 0;
    right:  0;
    width:  235px;
    height: 203px;
}

@media (max-width: 1024px)
{

    .eq-home .banner.gxi_2024 > .container > .desc
    {
        text-align: center;
    }

    .eq-home .banner.gxi_2024 > .container > .desc h1
    {
        font-size: 2.5rem; /* 40px */
    }
}

@media (max-width: 768px)
{
    .banner.gxi_2024 .bg-stretch .garnish-1,
    .banner.gxi_2024 .bg-stretch .garnish-4
    {
        display: none;
    }
}

/************************
 * Home Banner Indicator -----------------------------------------------------------------------------------------------
 ***********************/
.eq-home .banner.indicator
{
    color: #333;

}

.eq-home .banner.indicator > .container > .desc h1
{
    font-size:     3rem; /* 48px */
    line-height:   3rem; /* 48px */
    margin-bottom: 24px;
}

.eq-home .banner.indicator > .container > .desc h2
{
    color:          #5a657b;
    font-size:      1.25rem; /* 20px */
    line-height:    1.3rem; /* 20.8px */
    text-transform: uppercase;
    margin-bottom:  16px;
}

/* INDICATOR BUTTON OVERRIDE */
.eq-home .banner.indicator > .container > .desc .btn-red-b
{
    border-radius: 5px;
    border:        2px solid #000;
    color:         #000;
}

.eq-home .banner.indicator > .container > .desc .btn-red-b:hover
{
    background: #000;
    color:      #fff;
}

@media (min-width: 1025px)
{
    .eq-home .banner
    {
        /*display: flex !important;*/
        padding: 16px 0 24px !important;
    }

    .eq-home .banner.indicator > .container
    {
        max-width:  1277px;
        column-gap: 50px;
    }

    .eq-home .banner.indicator > .container:after
    {
        content: none;
    }

    .eq-home .banner.indicator .desc
    {
        padding-right: 0;
        flex:          1 1 auto;
    }

    .eq-home .banner.indicator > .container > .desc h1
    {
        margin-bottom: 40px;
    }

    .eq-home .banner.indicator .featured-image
    {
        flex:      0 0 660px;
        max-width: revert;
    }
}

@media (max-width: 1024px)
{

    .eq-home .banner.indicator > .container > .desc
    {
        text-align: center;
    }

    .eq-home .banner.indicator > .container > .desc h1
    {
        font-size: 2.5rem; /* 40px */
    }
}

@media (max-width: 768px)
{
    .eq-home .banner.indicator
    {
        background: linear-gradient(to bottom right, #e9dbff, #fbe9d9);
    }
}

/*************************
 * Private AI Home Banner ----------------------------------------------------------------------------------------------
 *************************/
/* Targeting the third slide panel */
.eq-home .slick-banner .slick-track .slick-slide:nth-child(3)
{
    background: linear-gradient(74deg, #85f0f8 -2.34%, #dffbe5 100%);
}

.eq-home .slick-banner .panel.private_ai
{
    background-size:     contain;
    background-position: right;
    background-repeat:   no-repeat;
}

.eq-home .banner.private_ai > .container > .desc h1,
.eq-home .banner.private_ai > .container > .desc p
{
    color:     #2f3541;
    max-width: 760px;
}

.eq-home .banner.private_ai > .container > .desc h1
{
    font-size:     67px;
    line-height:   1.05;
    font-weight:   700;
    margin-bottom: 16px;
    position:      relative;
}

.eq-home .banner.private_ai > .container > .desc h1 sup
{
    font-weight: 500;
}

.eq-home .banner.private_ai > .container > .desc p
{
    font-size:     20px;
    line-height:   28px;
    max-width:     760px;
    margin-bottom: 16px;
}

.eq-home .banner.private_ai > .container > .desc .btn-white-b
{
    border-radius: 5px;
    border-color:  #000;
    color:         #000;
}

.eq-home .banner.private_ai > .container > .desc .btn-white-b:hover
{
    background: #000;
    color:      #fff;
}

@media (min-width: 1024px)
{
    .eq-home .banner.private_ai > .container > .desc
    {
        flex: 1 0 760px;
    }
}

@media (max-width: 1023px)
{
    .eq-home .banner.private_ai > .container > .desc h1,
    .eq-home .banner.private_ai > .container > .desc p
    {
        text-align: center;
    }

    .eq-home .banner.private_ai > .container > .desc .btn-white-b
    {
        display: table;
        margin:  0 auto;
    }
}

@media (max-width: 768px)
{
    .eq-home .banner.private_ai > .container > .desc h1
    {
        font-size:      40px;
        line-height:    1.1;
        letter-spacing: -0.4px;
    }
}

/****************************
 * The Intelligent Age Post  -------------------------------------------------------------------------------------------
 * Post ID: 107340
 ****************************/
.postid-107340 .eq_anniv-navigation li
{
    width: 25%;
}

.postid-107340 .eq_anniv-sub-masthead.intro
{
    padding: 0;
    height:  0;
}

.postid-107570 .wysiwyg
{
    position: relative;
    overflow: hidden;
}

.postid-107340 .eq_anniv-parallax
{
    background-color:      #000;
    background-attachment: revert;
    background-position:   revert;
    background-size:       contain;
}

.postid-107340 .eq_anniv-parallax.part-1
{
    background-image: url('/static/themes/equinix/rs_static/static/img/intelligent_age/cc_ldn_manch.png');
}

.postid-107340 .eq_anniv-parallax.part-2
{
    background-image: url('/static/themes/equinix/rs_static/static/img/intelligent_age/cc_dc_culp.png');
}

.postid-107340 .eq_anniv-parallax.part-3
{
    background-image: url('/static/themes/equinix/rs_static/static/img/intelligent_age/cc_syd_melb.png');
}

.postid-107340 .eq_anniv-sub-masthead.part-3
{
    padding: 44px 52px 52px;
}

.postid-107340 .eq_anniv-navigation.end
{
    display: none;
}

@media (min-width: 1201px)
{
    .postid-107340 .eq_anniv-parallax.part-1
    {
        background-image: url('/static/themes/equinix/rs_static/static/img/intelligent_age/cc_ldn_manch.png');
    }

    .postid-107340 .eq_anniv-parallax.part-2
    {
        background-image: url('/static/themes/equinix/rs_static/static/img/intelligent_age/cc_dc_culp.png');
    }

    .postid-107340 .eq_anniv-parallax.part-3
    {
        background-image: url('/static/themes/equinix/rs_static/static/img/intelligent_age/cc_syd_melb.png');
    }
}

@media (max-width: 1200px)
{
    .postid-107340 .eq_anniv-parallax
    {
        right: calc(100vw - 1200px);
    }

    .postid-107340 .eq_anniv-parallax
    {
        display: none;
    }

    .postid-107340 .eq_anniv-sub-masthead
    {
        padding: 0;
    }

    .postid-107340 .eq_anniv-sub-masthead.part-1,
    .postid-107340 .eq_anniv-sub-masthead.part-2,
    .postid-107340 .eq_anniv-sub-masthead.part-3
    {
        background-color:    #000;
        background-size:     contain;
        background-position: bottom right;
    }

    .postid-107340 .eq_anniv-sub-masthead.part-1
    {
        background-image: url('/static/themes/equinix/rs_static/static/img/intelligent_age/cc-uk-blog-mobile.png');
    }

    .postid-107340 .eq_anniv-sub-masthead.part-2
    {
        background-image: url('/static/themes/equinix/rs_static/static/img/intelligent_age/cc-dc-blog-mobile.png');
    }

    .postid-107340 .eq_anniv-sub-masthead.part-3
    {
        background-image: url('/static/themes/equinix/rs_static/static/img/intelligent_age/cc-au-blog-mobile.png');
    }
}

@media (min-width: 1001px)
{
    .postid-107340 .eq_anniv-sub-masthead.part-2 h2
    {
        font-size: 32px;
    }
}

@media (max-width: 430px)
{
    .postid-107340 .eq_anniv-sub-masthead:not(.part-1):not(.part-2):not(.part-3)
    {
        padding: 0!important;
    }
}

/***********************************************
 * Header navigation dropdown over Kevel Ad fix
 ***********************************************/
/* Header dropdown */
.drop-menu-mobile .drop-slide,
.drop-menu .drop-slide,
.js-slide-hidden {
    z-index: 10000;
}

/* Post body */
main#main
{
    position: relative;
    z-index: 0;
}

/******************************
 * Home page News Letter Banner ----------------------------------------------------------------------------------------
 ******************************/
.eq-home .rs-homepage-newsletter
{
    display: none; /* Hiding temporarily */
}

/********************************
 * Jan 2025 Sustainability Banner --------------------------------------------------------------------------------------
 ********************************/
/* Background placeholder */
.eq-home .slick-banner .panel.sustainability.jan25 > .bg-stretch
{
    background-position: center right;
}

/* Text */
.eq-home .banner.sustainability.jan25 h1,
.eq-home .banner.sustainability.jan25 p
{
    color: #fff;
}

/* Heading */
.eq-home .banner.sustainability.jan25 h1
{
    margin-bottom: 16px;
}

/* Paragraph */
.eq-home .banner.sustainability.jan25 p
{
    max-width: 707px;
}

/* Button */
.eq-home .banner.sustainability.jan25 .btn
{
    border:        2px solid #eee;
    background:    transparent;
    border-radius: 5px;
    padding:       11px 22px;
}

.eq-home .banner.sustainability.jan25 .btn:hover
{
    background: #fff;
    color:      #000;
}

/* Row */
.eq-home .banner.sustainability.jan25 > .container
{
    flex-direction:  column;
    gap:             16px;
    flex-wrap:       nowrap;
    justify-content: center;
    align-items:     flex-start;
}

.eq-home .banner.sustainability.jan25 > .container:after
{
    content: none;
}

/* Columns */
.eq-home .banner.sustainability.jan25 > .container .column-1,
.eq-home .banner.sustainability.jan25 > .container .column-2
{
    flex: revert;
}

/* Paragraph */
.eq-home .banner.sustainability.jan25 p
{
    max-width: 707px;
}

@media (max-width: 1299px)
{
    /* Background placeholder */
    .eq-home .slick-banner .panel.sustainability.jan25 > .bg-stretch
    {
        background-position: center 0;
    }
}

@media (min-width: 768px)
{
    .eq-home .banner.sustainability.jan25 .mobile-image
    {
        display: none;
    }
}

@media (max-width: 800px)
{
    /* Desktop Background Image Holder */
    .eq-home .banner.sustainability.jan25 .bg-stretch
    {
        display: none;
    }

    /* New Background */
    .eq-home .banner.sustainability.jan25
    {
        background: #228f50;
        background: linear-gradient(to right, #228f50 0%, #1a7c8b 100%);
    }

    /* Image holder */
    .eq-home .banner.sustainability.jan25 .mobile-image
    {
        margin-bottom: 30px;
    }

    /* Image */
    .eq-home .banner.sustainability.jan25 .mobile-image img
    {
        max-width: 530px;
        width:     100%;
        margin:    0 auto;
    }

    /* Panel container */
    .eq-home .banner.sustainability.jan25 > .container
    {
        padding-left:  0;
        padding-right: 0;
    }

    /* Text */
    .eq-home .banner.sustainability.jan25 h1,
    .eq-home .banner.sustainability.jan25 p
    {
        padding-left:  15px;
        padding-right: 15px;
    }
}

@media (min-width: 769px)
{
    /* Heading */
    .eq-home .banner.sustainability.jan25 h1
    {
        font-size:      4.21875rem; /* 67.5px */
        line-height:    4.4296875rem; /* 70.875px */
        letter-spacing: -0.0421875rem; /* -0.675px */
    }
}

/********************************
 * Feb 2025 Community Home Banner --------------------------------------------------------------------------------------
 ********************************/
/* Column 1 */
.eq-home .banner.join > .container > .desc
{
    flex:          1 1 auto;
    padding-right: 0;
}

/* Column 2 */
.eq-home .banner.join > .container > .featured-image
{
    flex:      0 0 400px;
    width:     490px;
    max-width: revert;
    position:  relative;
}

/* Heading */
.eq-home .banner.join > .container > .desc h1
{
    font-size:      4.21875rem; /* 67.5px */
    line-height:    4.4296875rem; /* 70.875px */
    letter-spacing: -0.0421875rem; /* -0.675px */
    max-width:      736px;
    margin-bottom:  16px;
}

/* Paragraph */
.eq-home .banner.join > .container > .desc p
{
    margin-bottom: 16px;
    max-width:     revert;
}

/* Button */
.eq-home .banner.join > .container > .desc .btn
{
    border-radius: 5px;
    padding:       9px 22px;
}

@media (max-width: 1200px) and (min-width: 1025px)
{
    /* Column 2 */
    .eq-home .banner.join > .container > .featured-image
    {
        flex: 0 0 420px;
    }
}

@media (max-width: 1024px) and (min-width: 769px)
{
    /* Overrid original rule */
    .eq-home .banner.join > .container
    {
        -webkit-box-orient:    revert;
        -webkit-box-direction: revert;
        flex-direction:        revert;
    }

    /* Column 2 */
    .eq-home .banner.join > .container > .featured-image
    {
        flex:  0 0 30%;
        width: 100%;
    }
}

@media (min-width: 769px)
{
    /* Image */
    .eq-home .banner.join .featured-image img
    {
        display: none;
    }
}

@media (max-width: 768px)
{
    /* Background */
    .eq-home .banner.join .bg-stretch
    {
        display: none;
    }

    .eq-home .banner.join
    {
        background: linear-gradient(to right, #4a148c, #d50000);
    }

    /* Column 2 */
    .eq-home .banner.join > .container > .featured-image
    {
        width: 100%;
    }

    /* Image */
    .eq-home .banner.join .featured-image img
    {
        position: absolute;
        top:      -80px;
        right:    -27%;
    }
}

@media (max-width: 767px)
{
    /* Heading */
    .eq-home .banner.join > .container > .desc h1
    {
        font-size:      2.5rem; /* 40px */
        line-height:    2.75rem; /* 44px */
        letter-spacing: -0.025rem; /* -0.4px */
    }

    /* Paragraph */
    .eq-home .banner.join > .container > .desc p
    {
        margin-bottom: 32px;
    }

    /* Image */
    .eq-home .banner.join .featured-image img
    {
        top:           -50px;
        margin-bottom: 0;
        width:         480px;
    }
}

@media (max-width: 600px)
{
    .eq-home .banner.join
    {
        padding-top: 20px;
    }

    /* Image */
    .eq-home .banner.join .featured-image img
    {
        max-width: 320px;
        position:  revert;
    }

    /* Image holder */
    .eq-home .banner.join > .container > .featured-image
    {
        height:        revert;
        flex:          auto;
        margin-bottom: 0;
    }
}

@media (max-width: 475px)
{
    /* Image */
    .eq-home .banner.join .featured-image img
    {
        right: -15px;
    }
}

/****************************************
 * NEW HOME BANNER STYLES FOR HEIGHT FIX -------------------------------------------------------------------------------
 * Feb 5, 2025
 ****************************************/
/* Panel */
.eq-home .slick-banner .panel
{
    position:            relative;
    background-size:     cover;
    background-position: center;
    overflow:            hidden;
}

/* Background image holder */
.eq-home .slick-banner .panel .bg-stretch
{
    position:        absolute;
    top:             0;
    left:            0;
    width:           100%;
    height:          100%;
    background-size: cover;
}

/* Banner */
.eq-home .slick-banner .banner
{
    display:     flex;
    align-items: center;
    min-height:  revert;
    height:      100%;
}

/*****************************************
 * YOUTUBE WIDGET FOR THE COUNTRY SIDEBAR ------------------------------------------------------------------------------
 * Mar 3, 2025
 *********************************9*******/
.custom-html-widget a.video-callout-link-yt
{
    position: relative;
}

.custom-html-widget a.video-callout-link-yt:before
{
    content:    "";
    position:   absolute;
    width:      100%;
    height:     100%;
    background: rgba(0, 0, 0, 0.15);
    transition: all 300ms ease-in-out;
}

.custom-html-widget a.video-callout-link-yt:after
{
    content:          "";
    width:            80px;
    height:           80px;
    background-image: url(/static/themes/equinix/rs_static/static/img/article/eq-play-icon.svg);
    position:         absolute;
    left:             0;
    top:              0;
    background-size:  cover;
    right:            0;
    bottom:           0;
    margin:           auto;
    transition: all 300ms ease-in-out;
}

.custom-html-widget a.video-callout-link-yt:hover:before
{
    opacity: 0;
}

.custom-html-widget a.video-callout-link-yt:hover:after
{
    opacity: 0.5;
}

/****************************************
 * CUSTOM CONTAINER FOR LINKEDIN IFRAMES ------------------------------------------------------------------------------
 * Mar 19, 2025
 ****************************************/
.linkedin-video-container
{
    position:       relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height:         0;
    overflow:       hidden;
    max-width:      100%;
    background:     #000;
    margin:         0 auto;
}

.linkedin-video-container iframe
{
    position: absolute;
    top:      0;
    left:     0;
    width:    100%;
    height:   100%;
    border:   none;
}

.linkedin-post-container
{
    width:     100%;
    max-width: 504px; /* Adjust if needed */
    margin:    0 auto;
}

.linkedin-post-container iframe
{
    width:      100%;
    height:     80vh; /* Adjust height dynamically */
    min-height: 500px; /* Ensures proper display on mobile */
    border:     none;
}

/***********************
 * TLDR Styles on posts ------------------------------------------------------------------------------------------------
 ***********************/
.tldr-content
{
    background:    #fff;
    box-sizing:    border-box;
    box-shadow:    0px 2px 20px 8px rgba(0, 0, 0, 0.08);
    display:       block;
    padding:       40px 40px 40px 44px;
    margin-bottom: 70px;
    font-size:     18px;
    line-height:   1.4;
    position:      relative;
}

.tldr-content:after
{
    content:    "";
    width:      4px;
    height:     100%;
    background: linear-gradient(180deg, #086ae3 0%, #470063 48.02%, #e91c24 102.18%);
    position:   absolute;
    top:        0;
    left:       0;
}

.tldr-content h1,
.tldr-content h2,
.tldr-content h3,
.tldr-content h4,
.tldr-content h5,
.tldr-content h6
{
    color:         #2f3541;
    margin-bottom: 16px;
}

.tldr-content h3
{
    font-size:      1.40625rem; /* 22.5px */
    font-weight:    800;
    line-height:    1.546875rem; /* 24.75px */
    letter-spacing: -0.0140625rem; /* -0.225px */
}

.tldr-content .tldr-typeface-intro
{
    color:          #7739d9;
    font-size:      0.9rem; /* 14.4px */
    font-weight:    800;
    line-height:    0.99rem; /* 15.84px */
    letter-spacing: -0.009rem; /* -0.144px */
    text-transform: uppercase;
    margin-bottom:  16px;
}

.tldr-content ul
{
    list-style: none;
    padding:    0;
    margin:     0;
}

.tldr-content ul li
{
    position:     relative;
    padding-left: 19px;
}

.tldr-content ol
{
    margin:       0;
    padding-left: 19px;
}

.tldr-content ul:not(:last-child),
.tldr-content ul li:not(:last-child),
.tldr-content ol:not(:last-child),
.tldr-content ol li:not(:last-child),
.tldr-content p:not(:last-child)
{
    margin-bottom: 12px;
}

.tldr-content p:last-child
{
    margin-bottom: 0;
}

.tldr-content ul li::before
{
    content:          '';
    position:         absolute;
    top:              14px;
    left:             0;
    transform:        translateY(-50%);
    width:            7px;
    height:           7px;
    background-color: #8b93a3;
}

.tldr-content a
{
    color: #ed1b23;
}

.tldr-content a:hover
{
    text-decoration: underline;
}

/***********************
 * EQUINIX CARDS DESIGN ------------------------------------------------------------------------------------------------
 ***********************/
/*** Variables ***/
.eq_card-featured
{
    --Primary-Colors-Red:          #e91c24;
    --Primary-Colors-White:        #fff;
    --Primary-Colors-Black:        #000;
    --Secondary-Colors-Light-Blue: #086ae3;
    --Neutrals-Gray-100:           #f2f3f4;
    --Neutrals-Gray-200:           #bdc1ca;
    --Neutrals-Gray-500:           #5a657b;
    --Neutrals-Gray-600:           #2f3541;
    --Neutrals-EQ-Chrome:          #c9c9cc;
    --Card-Shadow:                 0 2px 20px 8px rgba(0, 0, 0, 0.18);
}

/*** Card ***/
.eq_card-featured
{
    background: var(--Primary-Colors-White);
    box-shadow: 0 2px 20px 8px rgba(0, 0, 0, 0.08);
    display:    block;
    padding:    2.222rem;
    position:   relative;

    &::before
    {
        content:    "";
        width:      8px;
        height:     0;
        background: transparent;
        position:   absolute;
        top:        0;
        left:       0;
        transition: all .5s cubic-bezier(.25, .8, .25, 1);
    }

    &.border-red:before
    {
        background: var(--Primary-Colors-Red);
        height:     100%;
    }
}

/*** Linked card ***/
a
{
    &.eq_card-featured
    {
        color:              var(--Neutrals-Gray-600);
        text-decoration:    none;
        -webkit-transition: -webkit-transform .5s cubic-bezier(.25, .8, .25, 1);
        transition:         -webkit-transform .5s cubic-bezier(.25, .8, .25, 1);
        transition:         all .5s cubic-bezier(.25, .8, .25, 1), -webkit-transform .5s cubic-bezier(.25, .8, .25, 1);
        -moz-transition:    all .5s cubic-bezier(.25, .8, .25, 1);
        -o-transition:      all .5s cubic-bezier(.25, .8, .25, 1);
        -webkit-transition: all .5s cubic-bezier(.25, .8, .25, 1);

        &::before
        {
            background: var(--Primary-Colors-Red);
        }

        &:hover,
        &:focus-visible
        {
            --webkit-transform: scale(1.05);
            transform:          scale(1.05);
            box-shadow:         0px 2px 20px 8px rgba(0, 0, 0, 0.18);

            .eq_btn-link-arrow
            {
                &:after
                {
                    left: calc(1rem - 4px);
                }
            }
        }

        &:hover::before
        {
            height: 100%;
        }

        &:focus
        {
            border:        0;
            border-radius: 0;
        }

        &:focus-visible
        {
            outline: 8px solid var(--Primary-Colors-Black);
        }

        i
        {
            display:       inline-block;
            font-size:     2rem;
            margin-bottom: 8px;
        }

        .eq_card-label
        {
            color:          var(--Neutrals-EQ-Chrome);
            font-size:      13px;
            font-weight:    800;
            line-height:    13px;
            text-transform: uppercase;
            margin-bottom:  24px;
        }

        h4
        {
            font-size:      2.222rem;
            line-height:    2.444rem;
            letter-spacing: -0.022rem;
            margin:         0.444rem 0;
        }

        p
        {
            margin: 0;
        }
    }
}

/*** Card grid ***/
.eq_card-grid
{
    display:               grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    position:              relative;
    box-shadow:            var(--Card-Shadow);

    @media (min-width: 578px)
    {
        &.two-column
        {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (max-width: 767px)
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    @media (max-width: 576px)
    {
        grid-template-columns: 1fr; /* Switch to 1 column */
    }

    &::before
    {
        content:        "";
        position:       absolute;
        top:            0;
        left:           0;
        width:          100%;
        height:         100%;
        border:         1px solid var(--Neutrals-Gray-100);
        pointer-events: none; /* Allows clicks to pass through */
        box-sizing:     border-box; /* Ensure the border doesn't affect size */
        z-index:        1;
    }

    > .eq_card-featured
    {
        padding:    40px;
        position:   relative;
        box-shadow: none;

        @media (max-width: 1200px)
        {
            padding: 32px;
        }

        h4
        {
            font-size:      1.40625rem; /* 22.5px */
            line-height:    1.546875rem; /* 24.75px */
            letter-spacing: -0.0140625rem; /* -0.225px */
            margin:         0 0 8px;
        }

        &.no-desc
        {
            h4
            {
                margin: 0 0 16px;
            }
        }

        p
        {
            line-height: 1.575rem; /* 25.2px */

            &:not(:last-child)
            {
                margin-bottom: 16px;
            }
        }

        &::after
        {
            content:        "";
            position:       absolute;
            top:            0;
            left:           0;
            width:          100%;
            height:         100%;
            border:         0.02778rem solid var(--Neutrals-Gray-100);
            box-sizing:     border-box;
            pointer-events: none;
        }

        &::before
        {
            background: var(--Primary-Colors-Red);
            width:      0;
        }

        &:hover
        {
            z-index: 10000;

            &::before
            {
                width:  100%;
                height: 3px;
            }

            &::after
            {
                content: none;
            }
        }

        @media (max-width: 576px)
        {
            border-right: none;

            &:not(:last-child)
            {
                border-bottom: 1px solid #ddd;
            }
        }
    }

    > .span-two
    {
        grid-column:   span 2;
        padding-right: 4.889rem; /* 88px */

        @media (max-width: 576px)
        {
            grid-column: span 1;
        }
    }
}

/*** White Paper variant ***/
a
{
    &.eq_card-featured
    {
        &.eq-whitepaper
        {
            padding:       24px;
            margin-bottom: 20px;
            border:        1px solid var(--Neutrals-Gray-200);
            box-shadow:    none;

            /* Featured label */
            .eq_card-wp-label
            {
                position:        absolute;
                top:             0;
                right:           0;
                font-size:       10px;
                text-transform:  uppercase;
                font-weight:     400;
                color:           var(--Primary-Colors-White);
                background:      var(--Secondary-Colors-Light-Blue);
                display:         flex;
                align-items:     center;
                justify-content: center;
                width:           80px;
                height:          28px;
            }

            /* Sub title */
            .eq_card-wp-subtitle
            {
                display:        block;
                color:          var(--Neutrals-Gray-500);
                font-size:      13px;
                line-height:    13px;
                font-weight:    600;
                text-transform: uppercase;
                margin-bottom:  24px;

                @media (max-width: 767px)
                {
                    font-size:   11px;
                    line-height: 13px; /* 118.182% */
                }
            }

            /* Logo wrapper */
            .eq_card-wp-logo
            {
                display:       flex;
                align-items:   center;
                gap:           16px;
                margin-bottom: 8px;
            }

            /* Content */
            .eq_card-static
            {
                margin-bottom: 24px;

                h3
                {
                    color:          #333;
                    font-size:      1.40625rem; /* 22.5px */
                    line-height:    1.546875rem; /* 24.75px */
                    letter-spacing: -0.0140625rem; /* -0.225px */
                    margin-bottom:  8px;
                }

                p
                {
                    color:       var(--Neutrals-Gray-500);
                    font-size:   0.9rem; /* 14.4px */
                    font-weight: 300;
                    line-height: 1.26rem; /* 20.16px */
                }

                @media (max-width: 767px)
                {
                    h3
                    {
                        font-size:      0.84375rem; /* 13.5px */
                        font-weight:    700;
                        line-height:    1.1; /* 110% of font-size = 14.85px */
                        letter-spacing: -0.0084375rem; /* -0.135px */
                    }

                    p
                    {
                        font-size:   0.73125rem; /* 11.7px */
                        font-weight: 300;
                        line-height: 1.4; /* 140% of font-size = 16.38px */
                    }
                }
            }

            /* Button */
            .eq_card-wp-button
            {
                display:        inline-block;
                color:          var(--Primary-Colors-White);
                font-size:      16px;
                font-weight:    800;
                background:     var(--Primary-Colors-Black);
                border:         2px solid var(--Primary-Colors-Black);
                border-radius:  5px !important;
                line-height:    44px;
                height:         48px;
                text-transform: none;
                padding-left:   24px;
                padding-right:  24px;
            }

            /* Horizontal line hover */
            &::before
            {
                background: var(--Primary-Colors-Red);
                width:      0;
            }

            &:hover
            {
                z-index: 10000;
                box-shadow: var(--Card-Shadow) !important;

                &::before
                {
                    width:  100%;
                    height: 3px;
                }

                &::after
                {
                    content: none;
                }

                /* Button */
                .eq_card-wp-button
                {
                    background: var(--Primary-Colors-White);
                    color:      var(--Primary-Colors-Black);
                }
            }
        }
    }
}

/********************************************
 * EQUINIX HOME SLIDER INDICATOR PANEL VOL 3 ---------------------------------------------------------------------------
 ********************************************/
.eq-home
{
    .panel
    {
        &.indicator-3
        {
            background-size:     cover;
            background-position: center;
            background-repeat:   no-repeat;

            @media (min-width: 1025px)
            {
                &:after
                {
                    content:             "";
                    display:             block;
                    width:               959px;
                    height:              600px;
                    background-image:    url("../../../../../../static/images/EQ-Indicator-banner-garnish-vol3.png");
                    background-size:     cover;
                    background-position: center;
                    background-repeat:   no-repeat;
                    position:            absolute;
                    top:                 0;
                    right:               0;
                    bottom:              0;
                    margin:              auto;
                }
            }
        }
    }
}

/************************************
 * EQUINIX HOME SLIDER - AI MATURITY -----------------------------------------------------------------------------------
 ************************************/
.eq-home
{
    .panel
    {
        &.ai-maturity
        {
            background: linear-gradient(134deg, #00408c -15.41%, #086ae3 41.52%, #85f0f8 98.45%);
            overflow:   hidden;

            .container
            {
                flex-direction: row;
                gap:            28px;

                /* Override pseudo */
                &::after
                {
                    display: none;
                }

                /* Text content */
                > .desc
                {
                    padding-right: 0;
                    flex:          0 1 656px;
                    position:      relative;
                    z-index:       1;

                    /* Heading */
                    h1
                    {
                        font-size:      67.5px;
                        line-height:    1.05;
                        letter-spacing: -0.675px;
                        margin-bottom:  16px;
                    }

                    /* Paragraph */
                    p
                    {
                        max-width:     revert;
                        margin-bottom: 32px;
                    }

                    /* CTA */
                    a.btn
                    {
                        display:       flex;
                        align-items:   center;
                        border-radius: 5px;
                        width:         fit-content;
                        padding:       0 22px;
                        height:        48px;
                    }
                }

                /* Image */
                > .featured-image
                {
                    flex:        1;
                    display:     flex;
                    align-items: center;
                    position:    relative;

                    > img
                    {
                        position:  absolute;
                        top:       0;
                        bottom:    0;
                        margin:    auto;
                        max-width: revert;
                    }
                }
            }

            @media (max-width: 1024px)
            {
                .container
                {
                    /* Image */
                    > .featured-image
                    {
                        > img
                        {
                            transform: translateX(-20%);
                        }
                    }
                }
            }

            @media (max-width: 767px)
            {
                .container
                {
                    flex-direction: column-reverse;
                    gap:            0;

                    /* Text content */
                    > .desc
                    {
                        flex: revert;

                        /* Heading */
                        h1
                        {
                            text-align:  left;
                            font-size:   40px;
                            line-height: 1.1;
                        }

                        /* Paragraph */
                        p
                        {
                            text-align: left;
                        }

                        /* CTA */
                        a.btn
                        {
                            margin: 0;
                        }
                    }

                    /* Image */
                    > .featured-image
                    {
                        height: 254px;
                        flex:   revert;

                        > img
                        {
                            top:       108%;
                            left:      50%;
                            transform: translate(-50%, -50%);
                            width:     480px;
                        }
                    }
                }
            }
        }
    }
}