.main-menu-item {
    font-size: 18px;
    line-height: 100%;
}

.hp-rfy-title h4 {
    line-height: 100%;
}

s .guide-author-title p {
    font-size: 16px;
    line-height: 140%;
}

.video-series-row .themag-layout__region--first {
    margin-top: 0px !important;
}

.video-series-row .themag-layout__region--first {
    margin-bottom: 0px !important;
}

.top-section {
    margin-top: 30px;
    margin-bottom: 20px;
}

.video-series-lp-title h2 {
    font-family: "IvyPresto Display - Regular";
    font-style: italic;
    font-weight: 700;
    font-size: 32px;
    line-height: 115%;
    color: #323232;
    margin-bottom: 0px;
}

.video-series-lp-deck {
    margin-bottom: 20px;
}

.video-series-lp-deck p {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.01em;
    color: #000000;
    margin-bottom: 0px;
}

.video-series-topic {
    margin-top: 10px;
    margin-bottom: 5px;
}

.video-series-topic p {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #70ABFF;
    margin-bottom: 0px;
}

.video-series-title a {
    font-family: "IvyPresto Display - Regular";
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 130%;
    color: #000000;
}

.video-series-title a:hover {
    text-decoration: none;
}

.video-series-row .paragraph--type--video-clip {
    margin-bottom: 0px;
    position: relative;
}

.video-series-row .block--field-block\:paragraph\:video-clip\:field-clip {
    margin-bottom: 0px !important;
}

.block--field-block\:paragraph\:video-clip\:field-clip-length,
.field-clip-length {
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 30px;
    color: #fff;
    background: #161C45;
    display: flex;
    padding: 0px 10px 0px 6px;
    align-items: center;
}

.block--field-block\:paragraph\:video-clip\:field-clip-length:before,
.field-clip-length:before {
    display: block;
    content: ' ';
    background-image: url('/themes/themag_st/assets/images/play-button-no-circle.svg');
    background-size: 9px 8px;
    height: 8px;
    width: 9px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: center;
}

.video-series-row {
    margin-bottom: 20px;
}

@media only screen and (min-width: 767px) {
    .video-series-lp-deck {
        margin-bottom: 0px;
    }
    .video-series-lp-deck p {
        font-size: 16px;
        line-height: 20px;
    }
    .video-series-topic {
        margin-top: 10px;
        margin-bottom: 5px;
    }
    .row .guide-article-layout {
        margin-bottom: 40px;
    }
    .video-series-topic p {
        font-size: 12px;
    }
    .video-series-row .block--field-block\:paragraph\:video-clip\:field-clip-length {
        font-size: 14px;
        line-height: 30px;
        padding: 0px 12px 0px 8px;
    }
    .video-series-row .block--field-block\:paragraph\:video-clip\:field-clip-length:before {
        background-size: 11px 10px;
        height: 10px;
        width: 11px;
        margin-right: 10px;
    }
}

@media only screen and (min-width: 992px) {
    .top-section {
        margin-top: 50px;
        margin-bottom: 30px;
    }
    .video-series-lp-title {
        margin-bottom: 28px;
    }
    .video-series-lp-title h2 {
        font-size: 48px;
    }
    .video-series-lp-deck p {
        font-size: 20px;
        line-height: 30px;
    }
    .video-series-topic {
        margin-top: 15px;
        margin-bottom: 10px;
    }
    .video-series-topic p {
        font-size: 14px;
    }
    .video-series-title a {
        font-size: 18px;
    }
    .video-series-row {
        margin-bottom: 35px;
    }
}

.thirty-spacer {
    margin-top: 30px;
}

.blue-hover:hover {
    text-decoration: none;
    color: #AAD0FB !important;
}

.top-stories-left .top-stories-topics,
.top-stories-right .top-stories-topics {
    line-height: 100%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.homepage-newsletter-container {
    display: flex;
    align-items: center;
    margin: 20px 0 30px 0;
}

.homepage-newsletter-container .newsletter-signup {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    height: auto;
    margin: 0 auto;
}

.homepage-newsletter-signup-img {
    max-width: 20%;
    width: 0%;
    height: 160px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
    background-image: url(/sites/default/files/2022-04/Guides_Header_0.jpg);
}

.homepage-newsletter-container .newsletter-signup h3 {
    font-family: "IvyPresto Display - Regular";
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 22px;
    color: #000000;
    text-transform: none;
    margin-bottom: 30px;
    text-align: left;
}

.homepage-newsletter-container {
    background: rgba(239, 241, 244, 0.5);
}

.homepage-newsletter-container .newsletter-signup p {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 24px;
    color: #000000;
    text-align: left;
}

.homepage-newsletter-container .newsletter-signup p a {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 24px;
    color: #000000;
    text-decoration: none;
}

.more-for-giddy-container {
    max-width: 95vw;
    padding-left: 1rem;
    padding-right: 1rem;
    margin: 0 auto;
}

.more-by-giddy-container {
    padding-left: 0px;
    padding-right: 0px;
}

.more-for-giddy-container .popular-this-week-container {
    position: sticky;
    top: 27% !important;
    margin-bottom: 20px;
}

.popular-this-week-header {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 115%;
    letter-spacing: 0.01em;
    color: #323232;
    margin-bottom: 15px;
}

.popular-this-week-container .row {
    margin-bottom: 20px !important;
}

.popular-this-week-header a {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 115%;
    letter-spacing: 0.01em;
    color: #323232;
    text-decoration: none;
}

.popular-this-week-image {
    max-width: 25%;
}

.popular-this-week-info {
    max-width: 75%;
    padding-left: 25px;
}

.video-playlist-side .playlist-image {
    position: relative;
}

.video-playlist-side .field-clip-length {
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 115%;
    color: #FFFFFF;
    background: #000000;
    padding: 4px 8px;
    width: fit-content;
}

.popular-this-week-topic {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #3185FC;
    margin-bottom: 8px;
}

.popular-this-week-topic a {
    font-family: "Slate Pro Regular";
    font-style: normal;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #3185FC;
    margin-bottom: 8px;
}

.popular-this-week-title {
    font-family: "IvyPresto Display - Regular";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 115%;
    letter-spacing: 0.01em;
    color: #323232;
}

.popular-this-week-title a {
    font-family: "IvyPresto Display - Regular";
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
    font-size: 14px;
    line-height: 115%;
    letter-spacing: 0.01em;
    color: #323232;
}

.hp-video-section .block--field-block\:paragraph\:video-clip\:field-clip {
    margin-bottom: 0rem !important;
}

.hp-video-col {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.hp-video-col:first-child {
    padding-left: 0rem;
    padding-right: 1rem;
}

.hp-video-col:last-child {
    padding-right: 0rem;
    padding-left: 1rem;
}

.top-stories-right-container {
    display: flex;
}

.top-stories-left .top-stories-topics a,
.top-stories-right .top-stories-topics a {
    line-height: 100%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.top-stories-left .top-stories-title,
.top-stories-right .top-stories-title {
    font-family: "IvyPresto Display - Regular";
font-style: normal;
font-weight: 700;
font-size: 26px;
line-height: 130%;
color: #282828;

}


.top-stories-left .top-stories-title a,
.top-stories-right .top-stories-title a {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    display: flex;
    align-items: center;
    color: #282828;
    
}

.top-stories-left .top-stories-deck {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0.01em;
    color: #686F77;
}

.top-stories-left .top-stories-deck a {
    font-family: "Slate Pro Regular";
    font-style: normal;
    text-decoration: none;
    font-weight: 400;
    line-height: 140%;
    color: #323232;
}

.top-stories-left .top-stories-author,
.top-stories-right .top-stories-author {
    font-family: "Slate Pro Regular";
    font-style: italic;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0.01em;
    text-transform: capitalize;
    color: #999999;
}

.top-stories-left .top-stories-author a,
.top-stories-right .top-stories-author a {
    font-family: "Slate Pro Regular";
    font-style: normal;
    text-decoration: none;
    font-weight: 400;
    line-height: 100%;
    text-transform: capitalize;
    color: #323232;
}

.top-stories-right .top-stories-deck {
    display: none;
}

.guide-section .guide-topic {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.guide-section .guide-title {
    font-family: "IvyPresto Display - Regular";
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    color: #323232;
}

.guide-section .guide-topic a {
    font-family: "Slate Pro Regular";
    font-style: normal;
    text-decoration: none;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.guide-section .guide-title a {
    font-family: "IvyPresto Display - Regular";
    font-style: normal;
    text-decoration: none;
    font-weight: 600;
    line-height: 130%;
    color: #323232;
}

.tpo-latest-topics {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #70ABFF;
}

.tpo-latest-topics a {
    font-family: "Slate Pro Regular";
    font-style: normal;
    text-decoration: none;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #70ABFF;
}

.tpo-latest-title {
    font-family: "IvyPresto Display - Regular";
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: 0.01em;
    color: #323232;
}

.tpo-latest-title a {
    font-family: "IvyPresto Display - Regular";
    font-style: normal;
    text-decoration: none;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: 0.01em;
    color: #323232;
}

.tpo-latest-deck {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.01em;
    color: #323232;
}

.tpo-latest-deck a {
    font-family: "Slate Pro Regular";
    font-style: normal;
    text-decoration: none;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.01em;
    color: #323232;
}

.tpo-latest-author {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: capitalize;
    color: #999999;
}

.tpo-latest-author a {
    font-family: "Slate Pro Regular";
    font-style: normal;
    text-decoration: none;
    font-weight: 400;
    line-height: 100%;
    text-transform: capitalize;
    color: #323232;
}

.site-top-section {
    margin-top: 50px;
}

@media only screen and (max-width: 525px) {
    .banner-eddie {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .top-stories-left {
        margin-bottom: 30px;
    }
    .top-stories-left {
        padding-left: 0rem;
        padding-right: 0rem;
    }
    .top-stories-right {
        padding-left: 0rem;
        padding-right: 1rem;
    }
    .top-stories-left .top-stories-info {
        max-width: 95vw;
        padding-left: 1rem;
        padding-right: 1rem;
        margin: 0 auto;
    }
    .top-stories-right .row {
        padding: 1rem 1rem 1rem 1rem;
    }
    .top-stories-right-container {
        max-width: 95vw;
        margin: 0 auto;
    }
    .top-stories-right .row:first-child {
        padding: 0rem 1rem 1rem 1rem;
    }
    .top-stories-right .row:last-child {
        padding: 1rem 1rem 0rem 1rem;
        border-bottom: none;
    }
    .top-stories-left .top-stories-image {
        width: 100%;
        margin-bottom: 15px
    }
    .top-stories-left .top-stories-topics {
        margin-bottom: 10px
    }
    .top-stories-left .top-stories-title {
        font-size: 24px;
        margin-bottom: 10px
    }
    .top-stories-left .top-stories-deck {
        font-size: 14px;
        margin-bottom: 10px
    }
    .top-stories-left .top-stories-author {
        font-size: 14px;
    }
    .top-stories-right .top-stories-image {
        max-width: 50%;
        width: 100%;
        padding-right: .5rem;
    }
    .top-stories-right .top-stories-info {
        max-width: 50%;
        width: 100%;
        padding-left: .5rem;
    }
    .top-stories-right .top-stories-topics {
        font-size: 10px;
        margin-bottom: 8px
    }
    .top-stories-right .top-stories-title {
        font-size: 14px;
        margin-bottom: 8px
    }
    .top-stories-right .top-stories-author {
        font-size: 10px;
    }
    .video-related-article-section {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        overflow: scroll;
        padding-right: 1.5rem;
        -ms-overflow-style: none;
        scrollbar-width: none;
        max-width: 95vw;
        margin: 0 0 0 auto !important;
    }

    .video-related-article-section::-webkit-scrollbar {
        display: none;
    }
    .video-related-article-section .video-play-button {
        position: absolute;
        width: 25px;
        height: 25px;
        top: calc(50% - 15px);
        left: calc(50% - 12.5px);
    }
    .video-related-article-section .layout__region--content {
        display: flex;
        position: relative;
    }
    .video-related-article-section .block--field-block\:paragraph\:video-clip\:field-clip-length {
        position: absolute;
        bottom: 0px;
        right: 0px;
        background-color: #161C45;
        color: #fff;
        padding: 0px 5px;
    }
    .video-related-article-section .paragraph {
        margin-bottom: 10px;
    }

    .guide-section-container {
        margin-bottom: 45px !important;
    }

    .hp-video-section .paragraph {
        margin-bottom: 10px;
    }
    .guide-section::-webkit-scrollbar {
        display: none;
    }
    .guide-section {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        overflow: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        max-width: 95vw;
        margin: 0 0 0 auto !important;
    }
    .guide-col {
        width: 100%;
        flex-shrink: 0;
        max-width: 65%;
        flex: none;
    }
    .guide-section .guide-image {
        margin-bottom: 10px;
    }
    .guide-section .guide-topic {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .guide-section .guide-title {
        font-size: 15px;
    }
    .tpo-latest-image {
        max-width: 50%;
        width: 100%;
        padding-right: 0.75em;
        margin-bottom: 1rem;
    }
    .tpo-latest-topics-right-side {
        max-width: 50%;
        width: 100%;
        padding-left: 0.75em;
    }
    .tpo-latest-topics {
        font-size: 10px;
        margin-bottom: 5px;
    }
    .tpo-latest-title {
        font-size: 15px;
        margin-bottom: 5px;
    }
    .tpo-latest-deck {
        display: none;
    }
    .tpo-latest-author {
        font-size: 10px;
    }
    
}

@media only screen and (min-width: 525px) and (max-width: 769px) {
    .homepage-newsletter-container .newsletter-signup {
        max-width: none;
        margin: 0 auto;
    }
    .banner-eddie {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .top-stories-left {
        margin-bottom: 30px;
    }
    .top-stories-left,
    .top-stories-right {
        padding-left: 0rem;
        padding-right: 0rem;
    }
    .top-stories-right .row {
        padding: 1rem 1rem 1rem 1rem;
    }
    .top-stories-right-container {
        max-width: 95vw;
        margin: 0 auto;
    }
    .top-stories-right .row:first-child {
        padding: 0rem 1rem 1rem 1rem;
    }
    .top-stories-right .row:last-child {
        padding: 1rem 1rem 0rem 1rem;
        border-bottom: none;
    }
    .top-stories-left .top-stories-image {
        width: 100%;
        margin-bottom: 15px
    }
    .top-stories-left .top-stories-topics {
        margin-bottom: 10px
    }
    .top-stories-left .top-stories-title {
        margin-bottom: 10px
    }
    .top-stories-left .top-stories-deck {
        margin-bottom: 10px
    }
    .top-stories-left .top-stories-author {
        font-size: 14px;
    }
    .top-stories-right .top-stories-image {
        max-width: 40%;
        width: 100%;
        padding-right: .5rem;
    }
    .top-stories-right .top-stories-info {
        max-width: 60%;
        width: 100%;
        padding-left: .5rem;
    }
    .top-stories-right .top-stories-topics {
        font-size: 12px;
        margin-bottom: 8px
    }
    .top-stories-right .top-stories-title {
        font-size: 16px;
        margin-bottom: 8px
    }
    .top-stories-right .top-stories-author {
        font-size: 12px;
    }
    .video-related-article-section {
        max-width: 100%;
        margin: 0 auto !important;
        align-items: flex-start;
    }
    .video-related-article-section .video-play-button {
        position: absolute;
        width: 25px;
        height: 25px;
        top: calc(50% - 15px);
        left: calc(50% - 12.5px);
    }
    .video-related-article-section .layout__region--content {
        display: flex;
        position: relative;
    }
    .video-related-article-section .block--field-block\:paragraph\:video-clip\:field-clip-length {
        position: absolute;
        bottom: 0px;
        right: 0px;
        background-color: #161C45;
        color: #fff;
        padding: 0px 5px;
    }
    .video-related-article-section .paragraph {
        margin-bottom: 10px;
    }

    .guide-section-container {
        margin-bottom: 45px !important;
    }

    .guide-section .guide-image {
        margin-bottom: 10px;
    }
    .guide-section .guide-topic {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .guide-section .guide-title {
        font-size: 15px;
    }
    .tpo-latest-image {
        max-width: 35%;
        width: 100%;
        padding-right: 0.75em;
        margin-bottom: 1rem;
    }
    .tpo-latest-topics-right-side {
        max-width: 65%;
        width: 100%;
        padding-left: 0.75em;
    }
    .tpo-latest-topics {
        font-size: 10px;
        margin-bottom: 5px;
    }
    .tpo-latest-title {
        font-size: 15px;
        margin-bottom: 5px;
    }
    .tpo-latest-deck {
        font-size: 12px;
        margin-bottom: 5px;
    }
    .tpo-latest-author {
        font-size: 10px;
    }
    
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
    .homepage-newsletter-container {
        display: flex;
        align-items: center;
    }
    .banner-eddie {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .guide-section-container {
        margin-bottom: 45px !important;
    }
    .homepage-newsletter-signup-img {
        width: 100%;
        height: 275px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left;
        background-image: url(/sites/default/files/2022-04/Guides_Header_0.jpg);
    }
    .homepage-newsletter-container .newsletter-signup h3 {
        font-family: "IvyPresto Display - Regular";
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 22px;
        color: #000000;
        text-transform: none;
        margin-bottom: 30px;
    }
    .homepage-newsletter-container .newsletter-signup p {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 24px;
        color: #000000;
    }
    .homepage-newsletter-container .newsletter-signup p a {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        text-decoration: none;
        line-height: 24px;
        color: #000000;
        text-decoration: none;
    }

    .video-related-article-section {
        max-width: 100%;
        margin: 0 auto !important;
        align-items: flex-start;
    }
    .video-related-article-section .video-play-button {
        position: absolute;
        width: 25px;
        height: 25px;
        top: calc(50% - 15px);
        left: calc(50% - 12.5px);
    }
    .video-related-article-section .layout__region--content {
        display: flex;
        position: relative;
    }
    .video-related-article-section.block--field-block\:paragraph\:video-clip\:field-clip-length {
        position: absolute;
        bottom: 0px;
        right: 0px;
        background-color: #161C45;
        color: #fff;
        padding: 2px 15px;
    }

    .video-related-article-section .paragraph {
        margin-bottom: 10px;
    }
    
    .guide-section {
        max-width: 90%;
        margin: 0 auto !important;
    }
    .guide-section .guide-image {
        margin-bottom: 15px;
    }
    .guide-section .guide-topic {
        margin-bottom: 15px;
        font-size: 14px;
    }
    .guide-section .guide-title {
        font-size: 20px;
    }
    .tpo-latest-image {
        max-width: 35%;
        width: 100%;
        padding-right: 1em;
        margin-bottom: 1rem;
    }
    .tpo-latest-topics-right-side {
        max-width: 65%;
        width: 100%;
        padding-left: 1em;
    }
    .tpo-latest-topics {
        font-size: 14px;
        margin-bottom: 11px;
    }
    .tpo-latest-title {
        font-size: 21px;
        margin-bottom: 10px;
    }
    .tpo-latest-deck {
        font-size: 14px;
        margin-bottom: 13px;
    }
    .tpo-latest-author {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1200px) {
    .banner-eddie {
        margin-top: 35px;
        margin-bottom: 25px;
    }
    .side-panel {
        padding-right: 0rem;
    }
    .more-for-giddy-container {
        max-width: 1105px;
        margin: 0 auto;
        padding-left: 0rem;
        padding-right: 0rem;
    }
    .homepage-newsletter-container .newsletter-signup {
        width: 60%;
        padding-left: 5%;
        padding-right: 10%;
        height: auto;
    }
    .homepage-newsletter-signup-img {
        max-width: 40%;
        width: 100%;
        height: 300px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left;
        background-image: url(/sites/default/files/2022-04/Guides_Header_0.jpg);
    }
    .homepage-newsletter-container .newsletter-signup h3 {
        font-family: "IvyPresto Display - Regular";
        font-style: normal;
        font-weight: 600;
        font-size: 40px;
        line-height: 22px;
        color: #000000;
        text-transform: none;
        margin-bottom: 30px;
    }
    .homepage-newsletter-container {
        background: rgba(239, 241, 244, 0.5);
    }
    .homepage-newsletter-container .newsletter-signup p {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #000000;
    }
    .homepage-newsletter-container .newsletter-signup p a {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        text-decoration: none;
        font-size: 16px;
        line-height: 24px;
        color: #000000;
        text-decoration: none;
    }
    .homepage-newsletter-container {
        display: flex;
        align-items: center;
        margin: 25px auto 50px;
    }
    .tpo-container {
        margin: 0 auto;
    }
    .top-stories {
        margin-top: 50px;
        margin-bottom: 30px;
    }
    .top-stories-section {
        margin: 0 auto;
    }
    .top-stories-left {
        padding-right: 2rem;
        padding-left: 0rem;
    }
    .top-stories-right {
        padding-left: 0rem;
        padding: right 1rem;
    }
    .top-stories-right .row {
        padding: 1rem 0rem 1rem 2rem;
        margin-left: 0rem;
    }
    .top-stories-right .row:first-child {
        padding: 0rem 0rem 1rem 2rem;
        margin-left: 0rem;
    }
    .top-stories-right .row:last-child {
        padding: 1rem 0rem 0rem 2rem;
        border-bottom: none;
        margin-left: 0rem;
    }
    .top-stories-left .top-stories-image {
        width: 100%;
        margin-bottom: 20px
    }
    .top-stories-left .top-stories-topics {
        font-size: 16px;
        margin-bottom: 10px
    }
    .top-stories-left .top-stories-title {
        font-size: 32px;
        margin-bottom: 10px
    }
    .top-stories-left .top-stories-deck {
        font-size: 16px;
        margin-bottom: 10px
    }
    .top-stories-left .top-stories-author {
        font-size: 14px;
    }
    .top-stories-right .top-stories-image {
        max-width: 33%;
        width: 100%;
        padding-right: .5rem;
    }
    .top-stories-right .top-stories-info {
        max-width: 67%;
        width: 100%;
        padding-left: .5rem;
    }
    .top-stories-right .top-stories-topics {
        font-size: 12px;
        margin-bottom: 10px
    }
    .top-stories-right .top-stories-title {
        font-size: 24px;
        margin-bottom: 10px
    }
    .top-stories-right .top-stories-author {
        font-size: 12px;
    }
    .guide-section-container {
        margin-bottom: 75px;
        margin: 0 auto 60px;
    }
    .video-related-article-section .video-play-button {
        position: absolute;
        width: 36px;
        height: 36px;
        top: calc(50% - 20px);
        left: calc(50% - 18px);
    }
    .video-related-article-section .layout__region--content {
        display: flex;
        position: relative;
    }
    .video-related-article-section .block--field-block\:paragraph\:video-clip\:field-clip-length {
        position: absolute;
        bottom: 0px;
        right: 0px;
        background-color: #161C45;
        color: #fff;
        padding: 2px 15px;
    }
    .video-related-article-section .paragraph {
        margin-bottom: 10px;
    }
    .video-related-article-section {
        max-width: 100%;
        margin: 0 auto !important;
        align-items: flex-start;
    }
    .guide-section {
        max-width: 85%;
        margin: 0 auto !important;
        row-gap: 25px;
    }
    .guide-section .guide-image {
        margin-bottom: 20px;
    }
    .guide-section .guide-topic {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .guide-section .guide-title {
        font-size: 24px;
    }
    .tpo-latest-image {
        max-width: 35%;
        width: 100%;
        padding-right: 1rem;
        margin-bottom: 1rem;
    }
    .tpo-latest-topics-right-side {
        max-width: 65%;
        width: 100%;
        padding-left: 1em;
        padding-right: 2em;
    }
    .tpo-latest-topics {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .tpo-latest-title {
        font-size: 28px;
        margin-bottom: 10px;
    }
    .tpo-latest-deck {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .tpo-latest-author {
        font-size: 16px;
    }
}

.site-logo {
    filter: brightness(0) invert(1);
}

.header--header-b {
    background: #161c45;
    padding-bottom: 5px;
}

.footer-bottom-wrapper {
    margin: unset;
}

#offcanvas-sidebar::-webkit-scrollbar {
    display: none;
}

#offcanvas-sidebar {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
}

.header--header-b .header__main {
    padding: 0px;
}

.copyright-block {
    padding-bottom: 10px;
    padding-top: 10px;
    background: #C8DAFF;
}

.copyright-block p {
    font-family: "Slate Pro", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #282828;
}

.off-canvas-footer-logo .navbar-brand {
    padding-left: 0px;
}

.company-log-area {
    display: flex;
    justify-content: space-between;
}

.footer-nav-cols ul {
    padding-left: 0px;
    list-style-type: none;
    margin-bottom: 0px;
}

.footer-nav-cols h4 {
    font-family: "Slate Pro", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    color: #282828;
}

.footer-nav-cols li a {
    font-family: "Slate Pro", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #282828;
}

.newsletter-signup {
    /* height: 135px; */
}

.newsletter-signup form {
    height: 35px;
}

.newsletter-signup h3 {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.newsletter-signup p {
    text-decoration: none;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    color: #FFFFFF;
}

.newsletter-signup p a {
    text-decoration: underline;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
}

.newsletter-signup p a:hover {
    text-decoration: underline;
}



.footer-nav-cols .col-3 {
    padding: 0px;
}

.footer-nav-cols li a:hover {
    text-decoration: none;
}

.company-log-area .col-4 {
    padding-left: 0px;
    padding-right: 0px;
}

.company-log-area .col-6 {
    padding-left: 0px;
    padding-right: 0px;
}

.company-log-mid {
    display: flex;
    justify-content: center;
}

.company-log-end {
    display: flex;
    justify-content: end;
}


.sidr {
    z-index: 99999;
    transition: 0 !important;
}

.off-canvas-main-menu-block ul {
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid #FFFFFF;
}

.off-canvas-main-menu-block ul:first-child {
    padding-top: 10px
}

.off-canvas-main-menu-block ul:last-child {
    padding-bottom: 10px
}

.header--header-b .header__container-wrapper--header__main {
    border-bottom: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.off-canvas-menu {
    width: 100%;
    justify-self: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px
}

.footer-bottom-wrapper .off-canvas-menu-foot {
    width: 100%;
    justify-self: center;
    margin-left: auto;
    margin-right: auto;
}

.off-canvas-menu-foot {
    width: 100%;
    justify-self: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 55px
}

.off-canvas-menu-foot .col-12 {
    padding-left: 0px;
    padding-right: 0px;
}

.off-canvas-menu-foot .vertical-divider-line {
    border-left: 1px solid #999999;
    height: 222px;
    position: absolute;
    margin-left: -3px;
    top: 0;
}



.sidr .block .block__content {
    padding: 0px;
}



.header__container--boxed {
    width: 100%;
}

.header__main__middle {
    margin-top: 20px;
}

.header__main__center {
    display: flex;
    align-items: center;
}

.header__main .header__main__mobile_button {
    display: none;
}

.utility-links {
    width: 130px;
    text-align: right;
}



.full-width-divider-line {
    height: 1px;
    background-color: #999999;
    width: 100%;
}

.header__main__top {
    height: 50px;
}

.header__middle__section {
    display: flex;
    justify-content: center;
}

.header__main__left,
.header__main__right {
    width: auto;
    height: auto;
}

.header__main__right a {
    color: #FFFFFF;
}

.header__main__right a:hover {
    text-decoration: none;
}

.header-social-icons {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
    align-items: center;
}

.header-social-icons .first-social {
    margin-right: 7px;
}

.header-social-icons .mid-social {
    margin-left: 7px;
    margin-right: 7px;
}

.header-social-icons .last-social {
    margin-left: 7px;
}

.header-social-icons li a {
    align-content: center;
    display: flex;
    justify-content: center;
    font-size: 12px;
    height: 30px;
    color: #161C45;
}

#views-exposed-form-solr-search-page-1 .form--inline {
    display: flex;
    align-items: center;
    background-color: #FFFFFF;
    height: 40px;
    border-radius: 4px;
}

#views-exposed-form-solr-search-page-2 .form--inline {
    display: flex;
    align-items: center;
    background-color: #FFFFFF;
    height: 40px;
    border-radius: 4px;
}

#views-exposed-form-solr-search-page-3 .form--inline {
    display: flex;
    align-items: center;
    background-color: #FFFFFF;
    height: 40px;
    border-radius: 4px;
}

#views-exposed-form-solr-search-page-1 .form--inline .form-item {
    margin-right: 0px;
    width: 100%;
    padding-left: 12px;
}

#views-exposed-form-solr-search-page-2 .form--inline .form-item {
    margin-right: 0px;
    width: 100%;
    padding-left: 12px;
}
#views-exposed-form-solr-search-page-3 .form--inline .form-item {
    margin-right: 0px;
    width: 100%;
    padding-left: 12px;
}
.header__top__section {
    display: flex;
    justify-content: space-between;
}

.tpo__header__main__left {
    display: flex;
}

.tpo-utility-links a:hover {
    text-decoration: none;
}

.tpo-utility-links span {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #FFFFFF;
}

.region-search-area label {
    display: none;
}

.header__main__search {
    background: #161c45;
    height: auto;
    padding-top: 8px;
    padding-bottom: 25px;
    font-family: Slate Pro;
    position: relative;
    z-index: 1;
}


/** the form container **/

.header__main__search .form--inline {
    position: relative;
    width: 100%;
    margin: 0 auto;
}


/** the form search box  **/

.header__main__search .form--inline .form-item {
    float: none;
    margin: 0;
}

.header__main__search .form--inline .form-item input {
    padding: 0px;
    margin: 0px;
    background: none;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.header__main__search .form--inline .form-item input::placeholder {
    font-style: italic;
}


/** the form button **/

.header__main__search .form--inline .form-actions {
    float: none;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.header__main__search .form--inline .form-actions input {
    background-color: #AAD0FB;
    border: none;
    color: #161C45;
    padding: 0;
}

.header__main__search .form--inline .form-actions input {
    height: 40px;
    width: 68px;
    margin-top: 0px;
    margin-right: 0px;
    border-radius: 4px;
    background-image: url(/themes/themag_st/assets/images/giddy/SearchEyeglass.svg);
    background-size: 19px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0 4px 4px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-terms-info p {
        padding-left: 45px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1199px) {
    .sidr .header__main {
        height: 50px;
    }

    .off-canvas-menu-foot {
        margin-top: 30px
    }
    .newsletter-signup p {
        font-size: 12px;
    }
    .off-canvas-search {
        max-width: 243px;
        margin-top: 20px;
    }
    .off-canvas-search input {
        font-size: 10px !important;
    }
    .footer-nav-cols {
        margin-bottom: 25px
    }
    .off-canvas-topic-menu-block li a {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 26px;
        color: #FFFFFF;
    }
    .off-canvas-topic-menu-block li {
        width: 35%;
    }
    .off-canvas-menu {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .off-canvas-menu-foot {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .header__container--boxed {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .header__container-wrapper--header__main .header__main__search {
        padding-right: 1rem;
        padding-left: 1rem;
        margin: 0 auto;
    }
    .block--giddy-mobile-main-menu-block {
        max-width: 243px;
    }
}

@media only screen and (max-width: 768px) {
    .card-header-footer-menu button {
        width: 100%;
        text-align: left;
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        text-transform: uppercase;
        color: #FFFFFF;
        padding-left: 0px;
    }
    .card-header-footer-menu .btn-link:hover {
        width: 100%;
        text-decoration: none;
        text-align: left;
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        text-transform: uppercase;
        color: #FFFFFF;
    }
    .card-header-footer-menu .btn-link {
        width: 100%;
        text-align: left;
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        text-transform: uppercase;
        color: #FFFFFF;
    }
    .off-canvas-header {
        margin-bottom: 0px;
    }
    .newsletter-signup h3 {
        text-align: center;
    }
    .newsletter-signup p {
        font-size: 12px;
        text-align: center;
    }
    .off-canvas-menu-foot {
        margin-top: 0px;
    }
    .off-canvas-topic-menu-block li {
        width: 45%;
    }
    .block--region-logo {
        height: 50px;
    }
    .main-header-block {
        width: 90%;
    }
    .header__main__center {
        margin: 0 auto;
    }
    .off-canvas-menu {
        padding-right: 1rem;
        padding-left: 1rem;
        margin-bottom: 20px;
    }
    .off-canvas-menu-foot {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .header__container--boxed {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .header__container-wrapper--header__main .header__main__search {
        padding-right: 1rem;
        padding-left: 1rem;
        margin: 0 auto;
    }
    .footer-terms-info p {
        font-size: 12px;
    }
    .off-canvas-main-menu-block ul {
        border-bottom: none;
    }
    .copyright-block p {
        font-size: 12px;
    }
    
    .mobile-footer-menu-accordion {
        margin-bottom: 15px;
    }
    input[type="text"] {
        font-size: 13px;
    }
}

@media only screen and (max-width: 546px) {
    .off-canvas-topic-menu-block ul {
        height: unset;
        flex-wrap: nowrap;
        margin-bottom: 30px;
    }
    .off-canvas-topic-menu-block li {
        width: 100%;
    }
    .canvas-tagline h4 {
        font-size: 16px;
    }
    .newsletter-signup {
        margin-bottom: 15px;
    }
    .copyright-block p {
        padding-bottom: 15px;
    }
}

.section-main-container-gray-bg {
    background: #EFF1F4;
    padding-top: 35px;
    padding-bottom: 35px;
    margin-bottom: 30px;
}

.section-margin-bottom {
    margin-bottom: 30px;
}

.section-header-with-line {
    display: flex;
    justify-content: space-between;
    border-bottom: 3px solid #000000;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 20px;
}

.section-header-with-line h3 {
    font-family: "IvyPresto Display - Regular";
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 115%;
    color: #323232;
}

.section-header-with-line span {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 115%;
    text-decoration-line: underline;
    color: #000000;
}

.single-video-topic {
    margin-top: 20px;
    margin-bottom: 8px;
}

.single-guide-topic {
    margin-bottom: 8px;
}

.single-video-topic a {
    display: flex;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #70ABFF;
}

.single-guide-topic a {
    display: flex;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #70ABFF;
}

.single-video-topic a:hover {
    text-decoration: none;
}

.single-guide-topic a:hover {
    text-decoration: none;
}

.single-guide-title {
    margin-bottom: 8px;
}

.single-video-title a {
    font-family: "IvyPresto Display - Regular";
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 115%;
    color: #000000;
}

.single-guide-title a {
    font-family: "IvyPresto Display - Regular";
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 115%;
    color: #000000;
}

.single-video-title a:hover {
    text-decoration: none;
}

.single-guide-title a:hover {
    text-decoration: none;
}

.single-guide-deck p {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 115%;
    margin-bottom: 0px;
}

.topic-guide-image {
    order: 0;
    margin-bottom: 20px;
}

.topic-guide-info {
    order: 1;
}

.topic-sorted-topic {
    margin-top: 10px;
    margin-bottom: 5px;
}

.topic-sorted-topic P {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #70ABFF;
    margin-bottom: 5px;
    margin-top: 10px;
}

.topic-sorted-topic a {
    text-decoration: none;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #70ABFF;
    margin-bottom: 5px;
    margin-top: 10px;
}

.topic-sorted-topic a:hover {
    text-decoration: none;
}

.topic-sorted-title {
    margin-bottom: 5px;
}

.topic-sorted-title a {
    text-decoration: none;
    font-family: "IvyPresto Display - Regular";
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 130%;
    color: #000000;
    display: flex;
}

.topic-sorted-title a:hover {
    text-decoration: none;
}

.topic-sorted-author {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    text-transform: capitalize;
    color: #999999;
}

.topic-sorted-author a {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    text-transform: capitalize;
    color: #000000;
}

@media only screen and (min-width: 576px) {
    .section-main-container-gray-bg {
        padding-top: 45px;
        padding-bottom: 45px;
        margin-bottom: 30px;
    }
    .section-header-with-line h3 {
        font-size: 32px;
    }
    .single-video-topic {
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .single-video-title a {
        font-size: 20px;
    }
    .single-guide-topic {
        margin-bottom: 10px;
    }
    .single-guide-title {
        margin-bottom: 10px;
    }
    .single-guide-title a {
        font-size: 20px;
    }
    .topic-guide-image {
        order: 1;
        margin-bottom: 20px;
    }
    .topic-guide-info {
        order: 0;
    }
    .topic-sorted-topic {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .topic-sorted-topic P {
        font-size: 12px;
    }
    .topic-sorted-title {
        margin-bottom: 10px;
    }
    .topic-sorted-author {
        font-size: 12px;
    }
    .topic-sorted-author a {
        font-size: 12px;
    }
}

@media only screen and (min-width: 767px) {
    .section-header-with-line span {
        font-size: 18px;
    }
}

@media only screen and (min-width: 992px) {
    .section-main-container-gray-bg {
        padding-top: 65px;
        padding-bottom: 65px;
        margin-bottom: 50px;
    }
    .section-margin-bottom {
        margin-bottom: 50px;
    }
    .section-header-with-line h3 {
        font-size: 40px;
    }
    .section-header-with-line span {
        font-size: 24px;
    }
    .section-header-with-line {
        margin-bottom: 30px;
    }
    .single-video-title a {
        font-size: 24px;
    }
    .single-guide-title a {
        font-size: 24px;
    }
    .single-guide-deck p {
        font-size: 16px;
    }
    .topic-sorted-topic {
        margin-top: 15px;
        margin-bottom: 10px;
    }
    .topic-sorted-topic P {
        font-size: 14px;
    }
    .topic-sorted-topic a {
        font-size: 14px;
    }
    .topic-sorted-title {
        margin-bottom: 10px;
    }
    .topic-sorted-title a {
        font-size: 22px;
    }
    .topic-sorted-author {
        font-size: 14px;
    }
    .topic-sorted-author a {
        font-size: 14px;
    }
}

.topic-landing-page-video {
    margin-top: 0px;
    margin-bottom: 0px;
}

.related-video-article-info a:hover {
    text-decoration: none;
}

.guide-section-video .guide-section-video-two:first-child {
    padding-left: 0px;
}

.guide-section-video .guide-section-video-two:last-child {
    padding-right: 0px;
}

.q-a-section .accordion {
    border-top: 0.5px solid #000;
    border-bottom: 0.5px solid #000;
}

.celebrity-featured.body .celebrities-featured {
    text-align: left;
    margin: 28px 0 18px 0;
    font-family: "Slate Pro";
    font-weight: 700;
    font-size: 16px;
}

.celebrities-experts {
    display: flex;
}

.celebrities-experts>div:first-child {
    display: flex;
    width: 165px;
    text-align: center;
    margin-right: 15px;
    margin-left: 0px;
    flex-direction: row;
}

.celebrities-experts>div:last-child {
    display: flex;
    width: 165px;
    text-align: center;
    margin-left: 15px;
    margin-right: 0px;
    flex-direction: row;
}

.no-underline:hover {
    text-decoration: none;
}

.celeb-share-icons .a2a_default_style a {
    margin-left: 10px;
    margin-right: 10px;
    padding: 0px;
}

.celeb-share-icons .a2a_default_style a:first-child {
    margin-left: 0px;
    margin-right: 10px;
}

.celeb-share-icons .a2a_default_style a:last-child {
    margin-left: 10px;
    margin-right: 0px;
}

.pager--load-more {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 0rem;
    padding-top: 2rem;
    border-top: none;
    text-align: center;
}

.pager--load-more a :hover {
    background-color: none;
}

.video-playlist-side .themag-layout__region--first {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.block--views-block\:categories-header-block-1 {
    margin-bottom: 0rem !important;
}

.topic-shorted-view .view-filters {
    display: none;
}

.latest-articles-section .views-exposed-form {
    display: none;
}

.topic-landing-page-video .field-clip-length {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    background-color: #161c45;
    padding: 2px 9px;
}

.pager__item .button {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 700;
    line-height: 115%;
    text-align: center;
    text-decoration-line: underline;
    color: #000000;
    border: none;
}

.categories-top-stories-left {
    padding-left: 0px;
}

.categories-top-stories-right {
    padding-right: 0px;
}

.categories-top-stories-center {
    border-left: 0.75px solid #999999;
    border-right: 0.75px solid #999999;
}

.categories-top-stories-left .categorie-top-stories-topics,
.categories-top-stories-right .categorie-top-stories-topics {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #70ABFF;
}

.categories-top-stories-left .categorie-top-stories-topics a,
.categories-top-stories-right .categorie-top-stories-topics a {
    font-family: "Slate Pro Regular";
    text-decoration: none;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #70ABFF;
}

.categories-top-stories-left .categorie-top-stories-title,
.categories-top-stories-right .categorie-top-stories-title {
    font-family: "IvyPresto Display - Regular";
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    color: #000000;
}

.categories-top-stories-left .categorie-top-stories-title a,
.categories-top-stories-right .categorie-top-stories-title a {
    font-family: "IvyPresto Display - Regular";
    font-style: normal;
    text-decoration: none;
    font-weight: 600;
    line-height: 130%;
    color: #000000;
}

.categories-top-stories-left .categorie-top-stories-author,
.categories-top-stories-right .categorie-top-stories-author {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: capitalize;
    color: #999999;
}

.categories-top-stories-left .categorie-top-stories-author a,
.categories-top-stories-right .categorie-top-stories-author a {
    font-family: "Slate Pro Regular";
    font-style: normal;
    text-decoration: none;
    font-weight: 400;
    line-height: 100%;
    text-transform: capitalize;
    color: #000000;
}

.categories-top-stories-left .categorie-top-stories-deck,
.categories-top-stories-right .categorie-top-stories-deck {
    display: none;
}

.categories-top-stories-center .categorie-top-stories-topics {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #70ABFF;
}

.categories-top-stories-center .categorie-top-stories-topics a {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
    line-height: 100%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #70ABFF;
}

.categories-top-stories-center .categorie-top-stories-title {
    font-family: "IvyPresto Display - Regular";
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    color: #323232;
}

.categories-top-stories-center .categorie-top-stories-title a {
    font-family: "IvyPresto Display - Regular";
    font-style: normal;
    text-decoration: none;
    font-weight: 600;
    line-height: 130%;
    color: #323232;
}

.categories-top-stories-center .categorie-top-stories-deck {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    color: #323232;
}

.categories-top-stories-center .categorie-top-stories-deck a {
    font-family: "Slate Pro Regular";
    font-style: normal;
    text-decoration: none;
    font-weight: 400;
    line-height: 140%;
    color: #323232;
}

.categories-top-stories-center .categorie-top-stories-author {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: capitalize;
    color: #999999;
}

.categories-top-stories-center .categorie-top-stories-author a {
    font-family: "Slate Pro Regular";
    font-style: normal;
    text-decoration: none;
    font-weight: 400;
    line-height: 100%;
    text-transform: capitalize;
    color: #323232;
}

@media only screen and (max-width: 525px) {
    .page-node-type-celebrity-interviews .celebrity-featured.body {
        padding-bottom: 15px;
    }
    .related-video-article-topic {
        margin-top: 6px;
        font-family: "Slate Pro Regular";
        margin-bottom: 6px;
        font-style: normal;
        font-weight: 700;
        font-size: 10px;
        line-height: 100%;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #70ABFF;
    }
    .related-video-article-title {
        font-family: "IvyPresto Display - Regular";
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 115%;
        color: #000000;
        margin-bottom: 6px;
    }
    .related-video-article-author {
        display: none;
    }
    .related-video-article-topic a {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 700;
        font-size: 10px;
        line-height: 100%;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #70ABFF;
    }
    .related-video-article-title a {
        font-family: "IvyPresto Display - Regular";
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 115%;
        color: #000000;
    }
    .related-video-article-author a {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        color: #323232;
    }
    .categories-top-stories {
        margin-bottom: 40px;
    }
    .categories-top-stories-left {
        order: 2;
    }
    .categories-top-stories-right {
        order: 2;
    }
    .categories-top-stories-center {
        order: 1;
        padding-left: 0rem;
        padding-right: 0rem;
        border-left: none;
        border-right: none;
        margin: 0 auto 20px;
        justify-content: center;
    }
    .categories-top-stories-left .row:first-child {
        margin-bottom: 30px;
    }
    .categories-top-stories-right .row:first-child {
        margin-bottom: 30px;
    }
    .categories-top-stories-left .categorie-top-stories-image,
    .categories-top-stories-right .categorie-top-stories-image {
        margin-bottom: 10px;
    }
    .categories-top-stories-left .categorie-top-stories-topics,
    .categories-top-stories-right .categorie-top-stories-topics {
        font-size: 10px;
        margin-bottom: 5px;
    }
    .categories-top-stories-left .categorie-top-stories-title,
    .categories-top-stories-right .categorie-top-stories-title {
        font-size: 15px;
        margin-bottom: 5px;
    }
    .categories-top-stories-left .categorie-top-stories-author,
    .categories-top-stories-right .categorie-top-stories-author {
        font-size: 10px;
    }
    .categories-top-stories-left {
        max-width: 95vw;
        margin: 0 auto;
        padding-left: 1rem;
        padding-right: .5rem;
    }
    .categories-top-stories-right {
        max-width: 95vw;
        margin: 0 auto;
        padding-left: .5rem;
        padding-right: 1rem;
    }
    .categories-top-stories-center .categorie-top-stories-info {
        max-width: 95vw;
        margin: 0 auto;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .categories-top-stories-center .categorie-top-stories-image {
        margin-bottom: 15px;
    }
    .categories-top-stories-center .categorie-top-stories-topics {
        margin-bottom: 10px;
        font-size: 14px;
    }
    .categories-top-stories-center .categorie-top-stories-title {
        margin-bottom: 10px;
        font-size: 20px;
    }
    .categories-top-stories-center .categorie-top-stories-author {
        font-size: 14px;
    }
    .categories-top-stories-center .categorie-top-stories-deck {
        margin-bottom: 10px;
        font-size: 14px;
    }
    .hp-video-col {
        display: flex;
    }
}

@media only screen and (min-width: 525px) and (max-width: 767px) {
    .page-node-type-celebrity-interviews .celebrity-featured.body {
        padding-bottom: 15px;
    }
    .related-video-article-topic {
        margin-top: 8px;
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 700;
        font-size: 10px;
        line-height: 100%;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #70ABFF;
        margin-bottom: 8px;
    }
    .related-video-article-title {
        margin-top: 8px;
        font-family: "IvyPresto Display - Regular";
        margin-bottom: 5px;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 115%;
        color: #000000;
    }
    .related-video-article-author {
        display: none;
    }
    .related-video-article-topic a {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 700;
        font-size: 10px;
        line-height: 100%;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #70ABFF;
    }
    .related-video-article-title a {
        font-family: "IvyPresto Display - Regular";
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 115%;
        color: #000000;
    }
    .related-video-article-author a {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        color: #323232;
    }
    .categories-top-stories {
        margin-bottom: 40px;
    }
    .categories-top-stories-left {
        order: 2;
    }
    .categories-top-stories-right {
        order: 2;
    }
    .categories-top-stories-center {
        order: 1;
        padding-left: 0rem;
        padding-right: 0rem;
        border-left: none;
        border-right: none;
        margin: 0 auto 20px;
        justify-content: center;
    }
    .categories-top-stories-left .row:first-child {
        margin-bottom: 30px;
    }
    .categories-top-stories-right .row:first-child {
        margin-bottom: 30px;
    }
    .categories-top-stories-left .categorie-top-stories-image,
    .categories-top-stories-right .categorie-top-stories-image {
        margin-bottom: 10px;
    }
    .categories-top-stories-left .categorie-top-stories-topics,
    .categories-top-stories-right .categorie-top-stories-topics {
        font-size: 10px;
        margin-bottom: 5px;
    }
    .categories-top-stories-left .categorie-top-stories-title,
    .categories-top-stories-right .categorie-top-stories-title {
        font-size: 15px;
        margin-bottom: 5px;
    }
    .categories-top-stories-left .categorie-top-stories-author,
    .categories-top-stories-right .categorie-top-stories-author {
        font-size: 10px;
    }
    .categories-top-stories-left {
        max-width: 95vw;
        margin: 0 auto;
        padding-left: 1rem;
        padding-right: .5rem;
    }
    .categories-top-stories-right {
        max-width: 95vw;
        margin: 0 auto;
        padding-left: .5rem;
        padding-right: 1rem;
    }
    .categories-top-stories-center .categorie-top-stories-info {
        max-width: 95vw;
        margin: 0 auto;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .categories-top-stories-center .categorie-top-stories-image {
        margin-bottom: 15px;
    }
    .categories-top-stories-center .categorie-top-stories-topics {
        margin-bottom: 10px;
        font-size: 14px;
    }
    .categories-top-stories-center .categorie-top-stories-title {
        margin-bottom: 10px;
        font-size: 24px;
    }
    .categories-top-stories-center .categorie-top-stories-author {
        font-size: 14px;
    }
    .categories-top-stories-center .categorie-top-stories-deck {
        margin-bottom: 10px;
        font-size: 14px;
    }
    .hp-video-col {
        display: flex;
    }
}

@media only screen and (min-width: 767px) and (max-width: 992px) {
    .page-node-type-celebrity-interviews .celebrity-featured.body {
        padding-bottom: 25px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .page-node-type-celebrity-interviews .celebrity-featured.body {
        padding-bottom: 25px;
    }
    .celebrity-featured.body .celebrities-featured {
        text-align: center;
        margin: 28px 0 18px 0;
        font-family: "Slate Pro";
        font-weight: 700;
        font-size: 16px;
    }
    .celebrities-experts {
        display: flex;
        justify-content: center;
    }
    .celebrities-experts>div:first-child {
        display: flex;
        width: 102px;
        text-align: center;
        margin-right: 15px;
        margin-left: 0px;
        flex-direction: column;
    }
    .celebrities-experts>div:last-child {
        display: flex;
        width: 102px;
        text-align: center;
        margin-left: 15px;
        margin-right: 0px;
        flex-direction: column;
    }
}

@media only screen and (min-width: 767px) and (max-width: 1200px) {
    .related-video-article-topic {
        margin-top: 8px;
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 700;
        font-size: 10px;
        line-height: 100%;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #70ABFF;
        margin-bottom: 8px;
    }
    .related-video-article-title {
        font-family: "IvyPresto Display - Regular";
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 115%;
        color: #000000;
        margin-bottom: 8px;
    }
    .related-video-article-author {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        color: #323232;
        margin-bottom: 8px;
    }
    .related-video-article-topic a {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 700;
        font-size: 10px;
        line-height: 100%;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #70ABFF;
    }
    .related-video-article-title a {
        font-family: "IvyPresto Display - Regular";
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 115%;
        color: #000000;
    }
    .related-video-article-author a {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        color: #323232;
    }
    .topic-guide-sorted-section {
        max-width: 85vw;
        margin: 30px auto;
    }
    .topic-sorted-section {
        max-width: 95vw;
        margin: 30px auto;
    }
    .pager__item .button {
        font-size: 34px;
    }
    .categories-top-stories {
        max-width: 95vw;
        margin: 0 auto 30px;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .categories-top-stories-left .row:first-child {
        margin-bottom: 20px;
    }
    .categories-top-stories-right .row:first-child {
        margin-bottom: 20px;
    }
    .categories-top-stories-left .categorie-top-stories-image,
    .categories-top-stories-right .categorie-top-stories-image {
        margin-bottom: 8px;
    }
    .categories-top-stories-left .categorie-top-stories-topics,
    .categories-top-stories-right .categorie-top-stories-topics {
        font-size: 12px;
        margin-bottom: 8px;
    }
    .categories-top-stories-left .categorie-top-stories-title,
    .categories-top-stories-right .categorie-top-stories-title {
        font-size: 15px;
        margin-bottom: 8px;
    }
    .categories-top-stories-left .categorie-top-stories-author,
    .categories-top-stories-right .categorie-top-stories-author {
        font-size: 12px;
    }
    .categories-top-stories-center .categorie-top-stories-image {
        margin-bottom: 14px;
    }
    .categories-top-stories-center .categorie-top-stories-topics {
        margin-bottom: 10px;
        font-size: 14px;
    }
    .categories-top-stories-center .categorie-top-stories-title {
        margin-bottom: 10px;
        font-size: 20px;
    }
    .categories-top-stories-center .categorie-top-stories-deck {
        margin-bottom: 10px;
        font-size: 12px;
    }
    .categories-top-stories-center .categorie-top-stories-author {
        font-size: 14px;
    }
    .hp-video-col {
        display: flex;
    }
}

@media only screen and (min-width: 1200px) {
    .page-node-type-celebrity-interviews .celebrity-featured.body {
        padding-bottom: 25px;
    }
    .celebrities-experts {
        display: flex;
        justify-content: center;
    }
    .celebrity-featured.body .celebrities-featured {
        text-align: center;
        margin: 50px 0 15px 0;
        font-family: "Slate Pro";
        font-weight: 700;
        font-size: 16px;
    }
    .celebrities-experts>div:first-child {
        display: flex;
        width: 102px;
        text-align: center;
        margin-right: 15px;
        margin-left: 0px;
        flex-direction: column;
    }
    .celebrities-experts>div:last-child {
        display: flex;
        width: 102px;
        text-align: center;
        margin-left: 15px;
        margin-right: 0px;
        flex-direction: column;
    }
    .related-video-article-topic {
        margin-top: 10px;
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #70ABFF;
        margin-bottom: 10px;
    }
    .related-video-article-title {
        font-family: "IvyPresto Display - Regular";
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 115%;
        letter-spacing: 0.01em;
        color: #323232;
        margin-bottom: 10px;
    }
    .related-video-article-author {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        color: #323232;
        margin-bottom: 5px;
    }
    .related-video-article-topic a {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #70ABFF;
    }
    .related-video-article-title a {
        font-family: "IvyPresto Display - Regular";
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 115%;
        letter-spacing: 0.01em;
        color: #323232;
    }
    .related-video-article-author a {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        color: #323232;
    }
    .pager--load-more .button {
        font-size: 32px;
    }
    .pager--load-more .button:hover {
        background-color: none;
    }
    .categories-top-stories {
        max-width: 1105px;
        margin: 0 auto 50px;
    }
    .categories-top-stories-left .row:first-child {
        margin-bottom: 30px;
    }
    .categories-top-stories-right .row:first-child {
        margin-bottom: 30px;
    }
    .categories-top-stories-left .categorie-top-stories-image,
    .categories-top-stories-right .categorie-top-stories-image {
        margin-bottom: 12px;
    }
    .categories-top-stories-left .categorie-top-stories-topics,
    .categories-top-stories-right .categorie-top-stories-topics {
        font-size: 14px;
        margin-bottom: 12px;
    }
    .categories-top-stories-left .categorie-top-stories-title,
    .categories-top-stories-right .categorie-top-stories-title {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .categories-top-stories-left .categorie-top-stories-author,
    .categories-top-stories-right .categorie-top-stories-author {
        font-size: 14px;
    }
    .categories-top-stories-center .categorie-top-stories-image {
        margin-bottom: 32px;
    }
    .categories-top-stories-center .categorie-top-stories-topics {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .categories-top-stories-center .categorie-top-stories-title {
        margin-bottom: 10px;
        font-size: 32px;
    }
    .categories-top-stories-center .categorie-top-stories-author {
        font-size: 14px;
    }
    .categories-top-stories-center .categorie-top-stories-deck {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .hp-video-col {
        display: flex;
    }
}

.hp-the-latest-section .latest-header {
    font-family: "IvyPresto Display - Regular";
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 115%;
    color: #323232;
    padding-bottom: 10px;
    border-bottom: 3px solid #000000;
    margin-bottom: 3rem;
}

.hp-the-latest-section .latest-block-row {
    margin-bottom: 3rem
}

.hp-the-latest-section .latest-topics {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    display: flex;
    align-items: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #70ABFF;
}

.hp-the-latest-section .latest-topics a {
    color: #70ABFF;
}

.hp-the-latest-section .latest-title {
    font-family: "IvyPresto Display - Regular";
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 130%;
    letter-spacing: 0.01em;
    color: #323232;
    margin-bottom: 12px
}

.hp-the-latest-section .latest-title a {
    color: #323232;
}

.hp-the-latest-section .latest-deck {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0.01em;
    color: #323232;
    margin-bottom: 10px
}

.hp-the-latest-section .latest-author {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    text-transform: capitalize;
    color: #999999;
    margin-bottom: 10px
}

.hp-the-latest-section .latest-author a {
    color: #323232;
}

.subtopic-pillar {
    max-width: 1256px;
}

.perspective-teaser-area {
    max-width: 1256px;
}

.taxonomy-term.vocabulary-subtopics .perspective-teaser-area {
    max-width: 100%;
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1399px) {
    .taxonomy-term.vocabulary-subtopics .themag-layout__region--first {
        padding: 0px;
    }
    .taxonomy-term.vocabulary-subtopics .perspective-teaser-area {
        max-width: 900px;
    }
}

.account-layout {
    margin-top: 2em;
}


/* .menu--account-menu ul {
    list-style-type: none;
    padding: 0px;
  } */

.menu--account-menu ul a {
    color: #999;
}

.menu--account-menu ul a:hover {
    color: #000;
}

a .sexual-wellness {
    color: #70ABFF;
}

a .physical-wellness {
    color: #70ABFF;
}

a .mens-health {
    color: #70ABFF;
}

a .womens-health {
    color: #70ABFF;
}

a .celeb-interviews {
    color: #70ABFF;
}

.sexual-wellness a {
    color: #70ABFF;
}

.physical-wellness a {
    color: #70ABFF;
}

.mens-health a {
    color: #70ABFF;
}

.womens-health a {
    color: #70ABFF;
}

.celeb-interviews a {
    color: #70ABFF;
}

.field--name-field-subcategory-selected {
    display: none;
}

.field--name-field-core-topic-selected {
    display: none;
}

.core-topic-title {
    margin: 2em 0px;
}

.core-topic-title h4 {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 34px;
    line-height: 115%;
    text-align: center;
    color: #242424;
}

.core-topic-header {
    max-width: 1256px;
    margin: 0px;
    padding: 0px;
}

.coretopic-even .perspective-teaser-area {
    margin: 1em 1em 2em;
}

.coretopic-odd .perspective-teaser-area {
    margin: 1em 1em 2em;
}

.coretopic-even .pillar-teaser {
    margin: 1em 1em 2em;
    box-shadow: 4px 10px 16px rgba(0, 0, 0, 0.05);
}

.coretopic-odd .pillar-teaser {
    margin: 1em 1em 2em;
    box-shadow: 4px 10px 16px rgba(0, 0, 0, 0.05);
}

.coretopic-even {
    background: #FAFAFA;
}

.perspective-col-1 {
    margin: 0px 20px 0px 0px;
    padding: 0px;
    max-width: 392px;
}

.perspective-col-2 {
    margin: 0px 20px;
    padding: 0px;
    max-width: 392px;
}

.perspective-col-3 {
    margin: 0px 0px 0px 20px;
    padding: 0px;
    max-width: 392px;
}

.taxonomy-term.vocabulary-subtopics .perspective-teaser {
    max-width: 392px;
    min-width: 392px;
    margin: 0 20px 32px 20px;
    padding: 0px !important;
}

@media (max-width: 1399px) {
    .taxonomy-term.vocabulary-subtopics .perspective-teaser {
        max-width: 220px;
        min-width: 220px;
        margin: 0 11px 30px 11px;
        padding: 0px !important;
    }
}

@media (max-width: 767px) {
    .taxonomy-term.vocabulary-subtopics .perspective-teaser {
        max-width: 158px;
        min-width: 158px;
        margin: 0 10px 26px 10px;
        padding: 0px !important;
    }
}

.topics-fallowed-img {
    padding: 0px;
}

.topics-fallowed {
    margin-bottom: 32px !important;
}

@media only screen and (max-width: 576px) {
    .topics-fallowed {
        margin-bottom: 32px !important;
    }
}

.topicsOfInterest {
    margin: 25px 0px;
    border-bottom: 1px solid #dcdcdc;
    padding: 0px 0px 25px 0px;
}

.topicsOfInterest a {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 115%;
    letter-spacing: 0.01em;
    color: #000000;
}

.viewMoreBtn {
    width: max-content;
    padding: 5px 25px;
    display: flex;
    margin: 2em auto;
    border: 2px solid #000;
}

.viewMoreBtn p {
    margin-bottom: 0px;
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 115%;
    text-align: center;
    color: #323232;
}

.subtopic-menu {
    background: #5555;
    border-radius: 100px;
    width: max-content;
    padding: 3px 14px;
    float: left;
    margin: 8px;
}

.subtopic-menu:hover {
    cursor: pointer;
}

.subtopic-menu-items .view-content {
    flex-wrap: inherit;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.subtopic-pillar-left {
    display: flex;
    justify-content: center;
}

.subtopic-pillar .col-6 {
    padding: 0px;
}

.subtopic-pillar .col-12 {
    padding: 0px;
}

.subtopic-pillar-right {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
}

.new-core-topic-title {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 115%;
    text-align: center;
    color: #242424;
    margin: auto;
}

.new-core-topic-deck {
    padding-top: 20px;
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    color: #323232;
    margin: auto;
}

.new-core-topic-author {
    padding-top: 20px;
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 100%;
    text-transform: capitalize;
    color: #999999;
    text-align: center;
}

.new-core-topic-author a {
    color: #000;
}

.banner-desktop-eddie img {
    width: 824px;
}

.banner-tablet-eddie img {
    width: 500px;
}

.banner-mobile-eddie img {
    width: 320px;
}

.banner-panel-mobile-eddie img {
    width: 284px;
}

#views_slideshow_controls_text_pause_slideshow_content_block-block_1 {
    display: none;
}

.slider-page-title {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 180%;
    color: #323232;
}

.slider-page-body {
    font-family: Georgia;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #323232;
}

#registration-arrest-form h2 {
    text-align: center;
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    text-align: center;
    color: #323232;
    margin-bottom: 16px;
}

#registration-arrest-form .js-form-item-email {
    width: 60%;
    display: block;
    margin: 0 auto;
}

#registration-arrest-form #edit-submit {
    width: 60%;
    margin: 1em auto;
    display: block;
    background: #C8DAFF;
    border-radius: 4px;
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    letter-spacing: 0.01em;
    color: #161C45;
}

.banner-eddie-img {
    justify-content: center;
}

.tag-tags {
    background: #F4F4F4;
    border-radius: 3px;
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #323232;
    width: 100%;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 15px 0 !important;
}

.featured-cat {
    font-family: Slate Pro;
}

.featured-cat .physical-wellness {
    color: #aa4ff1;
}

.featured-cat .sexual-wellness {
    color: #33C9BB;
}

.featured-cat .womens-health {
    color: #FF4662;
}

.featured-cat .mens-health {
    color: #46b1ff;
}

.core-top-sub-menu span {
    display: flex;
    align-items: center;
}

.core-top-sub-menu i {
    font-size: 6px;
    margin-right: 5px;
    color: #999999;
}

.core-top-sub-menu a {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 180%;
    letter-spacing: 0.01em;
    color: #999999;
}

.also-read-block {
    margin-top: 5em;
}

.core-topic-pillar {
    margin-top: 50px;
}

.views-field-field-topic-selections {
    margin-bottom: 55px;
}

.slp-header-title {
    margin-bottom: 20px;
    margin-top: 30px;
}

.featured-articles-block {
    margin-bottom: 7px;
}

.featured-articles-block .hp-section-title h5 {
    margin-bottom: 25px;
}

.featured-section {
    position: relative;
    margin-bottom: 20px !important;
}

.related-top-field {
    position: relative;
}

#update-password-form input {
    margin-top: 1em;
    margin-bottom: 1em;
}

#account-information .js-form-item-first-name {
    width: 50%;
    padding: 0px 1em;
    float: left;
}

#account-information .js-form-item-last-name {
    width: 50%;
    padding: 0px 1em;
    float: left;
}

#account-information .js-form-item-username {
    width: 100%;
    padding: 0px 1em;
    float: left;
}

#account-information .js-form-item-email {
    width: 100%;
    padding: 0px 1em;
    float: left;
}




#account-information select {
    width: 100%;
    height: 50px;
}

.topics-fallowed-category {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.topics-fallowed-title {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 115%;
    letter-spacing: 0.01em;
    color: #323232;
}

.topics-fallowed-title a {
    color: #323232;
}

.topics-fallowed-deck {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 140%;
    color: #323232;
}

.topics-fallowed-author {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 100%;
    text-transform: capitalize;
    color: #999999;
}

.topics-fallowed-author a {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 100%;
    text-transform: capitalize;
    color: #323232;
}

.newest-articles-block {
    margin-bottom: 1.5rem;
}

.more-from-eddie-row {
    margin-bottom: 40px !important;
}

.more-from-eddie-row .col-4 {
    padding: 0 10px 0 10px;
}

.more-from-eddie-cat {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.more-from-eddie-title {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 115%;
    letter-spacing: 0.01em;
    margin-bottom: 10px;
}

@media only screen and (max-width: 900px) {
    .more-from-eddie-title {
        font-size: 21px;
    }
}

@media only screen and (max-width: 576px) {
    .more-from-eddie-title {
        font-size: 14px;
    }
}

.more-from-eddie-title a {
    color: #323232;
    margin-bottom: 10px;
}

.more-from-eddie-deck {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0.01em;
    color: #323232;
    margin-bottom: 10px;
}

@media only screen and (max-width: 900px) {
    .more-from-eddie-deck {
        font-size: 14px;
    }
}

@media only screen and (max-width: 576px) {
    .more-from-eddie-deck {
        font-size: 11px;
    }
}

.more-from-eddie-author {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 100%;
    text-transform: capitalize;
    color: #999999;
}

.more-from-eddie-author a {
    color: #323232;
}

.tag-search-block {
    background: rgba(239, 241, 244, 0.5);
    padding: 35px 35px;
    margin-top: 30px;
    margin-bottom: 50px;
}

@media (max-width: 1399px) {
    .tag-search-block {
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .tag-search-block {
        margin-top: 10px;
        margin-bottom: 40px;
        width: calc(100% + 20px);
        position: relative;
        left: -10px;
    }
}

.tag-search-block h4 {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 115%;
    text-align: center;
    color: #323232;
    margin-bottom: 12px;
}

@media only screen and (max-width: 900px) {
    .tag-search-block h4 {
        font-size: 28px;
    }
}

@media only screen and (max-width: 576px) {
    .tag-search-block h4 {
        font-size: 21px;
    }
}

.tag-search-block p {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    letter-spacing: 0.01em;
    color: #323232;
    margin-bottom: 16px;
}

@media only screen and (max-width: 900px) {
    .tag-search-block p {
        font-size: 16px;
    }
}

@media only screen and (max-width: 576px) {
    .tag-search-block p {
        font-size: 12px;
    }
}

.tag-search-block a {
    background: #AAD0FB;
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    color: #161C45;
    border: none;
    padding: .5rem 1rem;
    border-radius: 3px;
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 148px;
    height: 36px;
}

.hp-rfy-section {
    margin-bottom: 10px;
}

.hp-rfy-section .hp-section-title {
    margin-top: 50px;
}

@media only screen and (max-width: 576px) {
    .hp-rfy-section .hp-section-title {
        margin-top: 10px;
    }
}

.rfy-row {
    margin-bottom: 30px;
    padding: 0 10px 0 10px;
}

.hp-rfy-cat {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 8px !important;
    margin-top: 15px !important;
}

.hp-rfy-title {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 115%;
    color: #000000;
    margin-bottom: 12px;
}

.hp-rfy-title a {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 115%;
    color: #000000;
    margin-bottom: 12px;
}

.hp-rfy-author {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 100%;
    text-transform: capitalize;
    color: #999999;
}

.hp-rfy-author a {
    color: #000000;
}

.hp-slider-cat {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 13px !important;
    margin-top: 25px !important;
}

.hp-slider-title {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 115%;
    margin-bottom: 12px;
}

.hp-slider-title a {
    color: #323232;
}

.hp-slider-deck {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.01em;
    color: #323232;
    margin-bottom: 10px;
}

.hp-slider-author {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 100%;
    text-transform: capitalize;
    color: #999999;
}

.hp-slider-author a {
    color: #323232;
}

.featured-section .hp-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    text-align: center;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)) !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start !important;
    padding-top: 28%;
}

@media (min-width: 1200px) {
    .featured-section .hp-overlay {
        padding-top: 32%;
    }
}

.featured-section .hp-overlay .topic-name {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 4px;
}

@media (min-width: 1200px) {
    .featured-section .hp-overlay .topic-name {
        font-size: 14px;
        margin-bottom: 14px;
    }
}

.featured-section .hp-overlay .featured-title {
    color: #FFFFFF;
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: bold;
    font-size: 18px !important;
    line-height: 115%;
    text-align: center;
    letter-spacing: 0.01em;
    padding: 0 6% !important;
}

@media (min-width: 768px) {
    .featured-section .hp-overlay .featured-title {
        font-size: 16px !important;
        padding: 0 8% !important;
    }
}

@media (min-width: 1200px) {
    .featured-section .hp-overlay .featured-title {
        font-size: 28px !important;
        padding: 0 12% !important;
    }
}

.featured-section .hp-overlay .featured-author {
    color: #FFFFFF;
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 100%;
    margin-top: 14px;
}

@media (min-width: 768px) {
    .featured-section .hp-overlay .featured-author {
        font-size: 14px;
        margin-top: 16px;
    }
}

@media (min-width: 1200px) {
    .featured-section .hp-overlay .featured-author {
        margin-top: 28px;
    }
}

.featured-section .hp-overlay .featured-author a {
    color: #FFFFFF;
}

.featured-section .hp-overlay .featured-author p {
    margin: 0 !important;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}

.cat-date p {
    margin: 0px;
}

.physical-wellness i {
    color: #aa4ff1;
    border-top-color: #aa4ff1;
    font-size: 16px;
}

.sexual-wellness i {
    color: #33C9BB;
    border-top-color: #33C9BB;
    font-size: 16px;
}

.mens-health i {
    color: #46b1ff;
    border-top-color: #46b1ff;
    font-size: 16px;
}

.womens-health i {
    color: #FF4662;
    border-top-color: #FF4662;
    font-size: 16px;
}

.slp-section-header-see-more {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.slp-section-header-see-more h3 {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 112.5%;
    color: #323232;
}

.slp-section-header-see-more h3 a {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 112.5%;
    color: #323232;
}

.slp-section-header-see-more h4 {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 112.5%;
    color: #323232;
}

.slp-section-header-see-more h4 a {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 112.5%;
    color: #323232;
}

#topic-save input,
.topic-save input.button {
    display: block;
    margin: 0 auto;
}

.newest-articles-info h4 a {
    color: #323232;
}

.newest-articles-info h4 {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: bold !important;
    font-size: 14px;
    line-height: 115%;
    letter-spacing: 0.01em;
    color: #323232;
}

.newest-articles-info p a {
    color: #323232;
}

.newest-articles-info {
    margin-left: 10px;
}

.newest-articles-info p {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 100%;
    text-transform: capitalize;
    color: #999999;
}

.core-topic-header h5 {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 115%;
    text-align: center;
    color: #242424;
}

.core-topic-header h1 {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 115%;
    text-align: center;
    color: #242424;
}

.core-topic-pillar-deck p {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    letter-spacing: 0.01em;
    color: #323232;
}

.core-topic-pillar-author p {
    margin-bottom: .5rem;
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    color: #999999;
}

.core-topic-pillar-author a {
    color: #323232;
}

.core-topic-pillar-reviewer p {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    color: #999999;
}

.core-topic-pillar-reviewer a {
    color: #323232;
}

.core-topic-pillar-reviewer span {
    color: #323232;
}

.core-topic-title {
    height: 100%;
    background: linear-gradient(180deg, #FFF 50%, #F7F8F9 50%);
}

.core-topic-perspectives {
    margin: 0 auto;
}

.core-topic-perspectives-title h3 {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 115%;
    color: #000000;
    margin-top: 1rem;
}

.core-topic-perspectives-title a {
    color: #000000;
    font-family: ivypresto-display;
    font-style: normal;
}

.core-topic-perspectives-author p {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 100%;
    text-transform: capitalize;
    color: #999999;
}

.core-topic-perspectives-author a {
    color: #323232;
}

.related-topics-col {
    position: relative;
}

.related-topic-text-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    text-align: center;
    background: #0000004a;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.related-topic-text-overlay p {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: .9em;
    line-height: 100%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: .5rem;
}

.related-topics-view-more {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 19px;
    color: #FFFFFF;
    border: 1.25px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 5px;
}

.also-read {
    margin-bottom: 40px !important;
    padding-left: 0px;
}

.also-read-img {
    padding-left: 0px;
    padding-right: 0px;
}

.also-read-category {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.also-read-title {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 115%;
    letter-spacing: 0.01em;
    color: #323232;
}

.also-read-title a {
    color: #323232;
}

.also-read-deck {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0.01em;
    color: #323232;
    margin-bottom: 15px;
}

.also-read-author {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 100%;
    text-transform: capitalize;
    color: #999999;
    margin-bottom: 0px;
}

.also-read-author a {
    color: #323232;
}

.slp-even perspective-teaser {
    float: right;
}

.dividing-line {
    margin: 25px 0 40px 0 !important;
    width: 100%;
    height: 1.25px;
    background: #dcdcdc;
}

.grouping-title a {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 112.5%;
    color: #323232;
}

.slp-pillar-block {
    width: 80%;
    margin: 1rem auto 0rem;
}

.slp-pillar-block p {
    margin-bottom: .5rem;
}

.slp-perspective {
    margin-bottom: 20px;
}

.slp-pillar-title {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 115%;
    text-align: center;
    color: #323232;
}

.slp-pillar-title a {
    color: #323232;
}

.slp-pillar-deck {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 140%;
    text-align: center;
    color: #323232;
}

.slp-pillar-deck a {
    color: #323232;
}

.slp-pillar-author {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 100%;
    text-align: center;
    text-transform: capitalize;
    color: #999999;
}

.slp-pillar-author a {
    color: #323232;
}

.slp-pillar-reviewer {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 100%;
    text-align: center;
    text-transform: capitalize;
    color: #999999;
}

.slp-pillar-reviewer a {
    color: #323232;
}

.slp-perspective-title h4 {
    margin-top: 12px;
}

.slp-perspective-title h4 a {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 115%;
    color: #323232;
    margin-top: .25rem;
}

.slp-perspective-author {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 100%;
    text-transform: capitalize;
    color: #999999;
}

.slp-perspective-author a {
    color: #323232;
}

.spl-odd {
    flex-direction: row-reverse;
}

.views-slideshow-controls-bottom .views-slideshow-pager-bullets {
    text-align: center;
    padding: 0px;
}

.views_slideshow_cycle_main {
    width: 100%;
}

.views_slideshow_cycle_main .views-slideshow-cycle-main-frame {
    width: 100% !important;
    height: auto;
}

.views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row {
    width: 100% !important;
    height: auto;
}

.views_slideshow_cycle_main .field-content {
    max-width: 100%;
    width: 100%;
}

.views_slideshow_cycle_main .field-content img {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.hp-top-section {
    margin-top: 27px;
}

.hp-section-title {
    padding: 0 10px 0 10px;
}

.hp-section-title h5 {
    display: flex;
    align-items: flex-end;
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 24px;
    color: #000000;
    height: 20px;
    margin-bottom: 17px;
}

@media only screen and (max-width: 576px) {
    .hp-section-title h5 {
        font-size: 21px;
    }
}

.topic-title {
    text-align: center;
    margin-top: 1.5rem;
}

.topic-pillar {
    text-align: center;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.hp-latest-articles {
    margin-bottom: 30px;
    padding-left: 25px;
}

@media only screen and (max-width: 576px) {
    .hp-latest-articles {
        padding: 0 10px 0 10px;
    }
}

.hp-latest-articles img {
    margin-bottom: 15px;
}

.hp-latest-articles .topic-name {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.hp-latest-articles .hp-topic-title {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 125%;
    color: #000000;
    margin-bottom: 10px;
}

.hp-latest-articles .hp-topic-title a {
    color: #000000;
}

.hp-latest-articles .topic-author {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 100%;
    text-transform: capitalize;
    color: #999999;
}

.hp-latest-articles .topic-author a {
    color: #000000;
}

.hp-latest-articles .col-12,
.hp-latest-articles .col-md-8,
.hp-latest-articles .col-lg-9 {
    padding-left: 20px;
}

@media only screen and (max-width: 576px) {
    .hp-latest-articles .col-12,
    .hp-latest-articles .col-md-8,
    .hp-latest-articles .col-lg-9 {
        padding-left: 0;
    }
}

.view-latest-articles-homepage .hp-section-title {
    padding-left: 25px;
}

@media only screen and (max-width: 576px) {
    .view-latest-articles-homepage .hp-section-title {
        padding-left: 10px;
    }
}

.view-newest-articles-fetured .hp-section-title {
    padding-left: 0;
}

@media (min-width: 1200px) {
    .slp-section-header-see-more h3 {
        font-size: 24px;
    }
    .slp-section-header-see-more h3 a {
        font-size: 24px;
    }
    .slp-section-header-see-more h4 {
        font-size: 21px;
    }
    .slp-section-header-see-more h4 a {
        font-size: 21px;
    }
    .hp-slider-cat {
        font-size: 16px;
    }
    .hp-slider-title {
        font-size: 32px;
    }
    .hp-slider-deck {
        font-size: 16px;
    }
    .more-from-eddie-cat {
        font-size: 14px;
        line-height: 100%;
        align-items: center;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }
    .more-from-eddie-author {
        font-size: 16px;
    }
    .tag-search-block h4 {
        font-size: 32px;
        line-height: 115%;
    }
    .tag-search-block p {
        font-size: 18px;
    }
    .hp-rfy-cat {
        font-size: 14px;
    }
    .hp-rfy-title {
        font-family: ivypresto-display;
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 115%;
        letter-spacing: 0.01em;
        color: #323232;
    }
    .hp-rfy-title a {
        font-family: ivypresto-display;
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 115%;
        letter-spacing: 0.01em;
        color: #323232;
    }
    .hp-rfy-author {
        font-size: 16px;
    }
    .slp-pillar-title {
        font-size: 32px;
    }
    .slp-pillar-deck {
        font-size: 16px;
    }
    .slp-pillar-author {
        font-size: 14px;
    }
    .slp-pillar-reviewer {
        font-size: 14px;
    }
    .slp-perspective-title h4 a {
        font-size: 21px;
    }
    .slp-perspective-author {
        font-size: 14px;
    }
    .spl-odd {
        flex-direction: row-reverse;
    }
    .hp-latest-articles .topic-name {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }
    .hp-latest-articles .hp-topic-title {
        font-family: ivypresto-display;
        font-style: normal;
        font-weight: 600;
        font-size: 21px;
        line-height: 115%;
        color: #000000;
    }
    .hp-latest-articles .topic-author {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 100%;
        text-transform: capitalize;
        color: #999999;
    }
}

@media (max-width: 768px) {
    .coretopic-even .pillar-teaser {
        margin: 1em auto 2em;
        box-shadow: 4px 10px 16px rgb(0 0 0 / 5%);
    }
    .coretopic-odd .pillar-teaser {
        margin: 1em auto 2em;
        box-shadow: 4px 10px 16px rgb(0 0 0 / 5%);
    }
    .subtopic-pillar-right {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .core-topic-title h4 {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 115%;
        text-align: center;
        color: #242424;
    }
    .coretopic-even .subtopic-pillar {
        max-width: 630px;
    }
    .coretopic-odd .subtopic-pillar {
        max-width: 630px;
    }
    .new-core-topic-title {
        font-size: 24px !important;
        margin-top: 20px;
    }
    .new-core-topic-deck {
        font-size: 14px !important;
    }
    .new-core-topic-author {
        font-size: 14px !important;
    }
    .core-topic-pillar {
        margin-top: 35px;
    }
    .pillar-teaser {
        margin-bottom: 1.5em;
    }
    .slp-section-header-see-more h3 {
        font-size: 16px;
    }
    .slp-section-header-see-more h3 a {
        font-size: 16px;
    }
    .slp-section-header-see-more h4 {
        font-size: 14px;
    }
    .slp-section-header-see-more h4 a {
        font-size: 14px;
    }
    .perspective-teaser {
        padding-right: 0.83335rem !important;
        padding-left: 0.83335rem !important;
    }
    .core-topic-pillar-title h2 a {
        font-family: ivypresto-display;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 115%;
        color: #323232;
    }
}

@media (max-width: 991px) {
    .core-topic-title h4 {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 115%;
        text-align: center;
        color: #242424;
    }
    .new-core-topic-title {
        font-size: 14px;
    }
    .new-core-topic-deck {
        font-size: 11px;
    }
    .new-core-topic-author {
        padding-top: 20px;
        font-family: Slate Pro;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 100%;
        text-transform: capitalize;
        color: #999999;
        text-align: center;
    }
    .related-top-field {
        position: relative;
        margin-bottom: 2em;
    }
    .related-topics-col {
        position: relative;
        margin-bottom: 1.5em;
    }
    .related-topic-text-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        text-align: center;
        background: #0000004a;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .related-topic-text-overlay p {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: normal;
        font-size: .9em;
        line-height: 100%;
        text-transform: uppercase;
        color: #FFFFFF;
        margin-bottom: .5rem;
    }
    .related-topics-view-more {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 19px;
        color: #FFFFFF;
        border: 1.25px solid #FFFFFF;
        box-sizing: border-box;
        border-radius: 3px;
        padding: 5px;
    }
}

.top-cat-page-header {
    border-bottom: 3px solid #000000;
    width: 100%;
}

.top-cat-page-header h2 {
    font-family: "IvyPresto Display - Regular";
    font-style: italic;
    font-weight: 700;
    font-size: 24px;
    line-height: 115%;
    color: #323232;
    margin-bottom: 15px;
}

.top-cat-nav-button {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    display: flex;
    color: #999999;
    width: max-content;
    cursor: pointer;
}

.top-cat-nav-col {
    padding-right: 8px;
    border-right: solid 1px #999999;
    margin-right: 8px;
}

.top-cat-nav-section .top-cat-nav-col:last-child {
    border-right: none;
}

.top-cat-nav-section::-webkit-scrollbar {
    display: none;
}

.top-cat-nav-section {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.top-cat-nav-col .active {
    color: #3185FC;
}

.top-cat-nav-button:hover {
    color: #3185FC;
}

@media only screen and (min-width: 767px) {
    .top-cat-page-header h2 {
        font-size: 32px;
    }
}

@media only screen and (min-width: 992px) {
    .top-cat-page-header h2 {
        font-size: 48px;
        margin-bottom: 25px;
    }
    .top-cat-nav-button {
        font-size: 18px;
    }
    .top-cat-nav-col {
        padding-right: 12px;
        margin-right: 12px;
    }
    .top-cat-nav-section {
        margin-bottom: 50px;
    }
}


/***** nate's css files *****/


/********************* Header & Menu *********************/


/*** these are for the hamburger menu **/


/*** Mobile Menu specific styling ***/

.mens-health-block .block__content,
.womens-health-block .block__content,
.sexual-wellness-block .block__content,
.physical-wellness-block .block__content,
.celeb-interviews-block .block__content {
    display: none;
}

.mens-health-block .block__content a,
.womens-health-block .block__content a,
.sexual-wellness-block .block__content a,
.physical-wellness-block .block__content a,
.celeb-interviews-block .block__content a,
.mens-health-block .block__content a:hover,
.womens-health-block .block__content a:hover,
.sexual-wellness-block .block__content a:hover,
.physical-wellness-block .block__content a:hover,
.celeb-interviews-block .block__content a:hover {
    color: #FFF;
    text-decoration: none;
}

.mens-health-block .block__content .view-content,
.womens-health-block .block__content .view-content,
.sexual-wellness-block .block__content .view-content,
.physical-wellness-block .block__content .view-content,
.celeb-interviews-block .block__content .view-content {
    margin-left: 20px;
}

.sidr .block .block__title .title-text {
    text-transform: none;
    font-family: "Slate Pro", sans-serif;
    color: rgba(255, 255, 255, 1);
    font-size: 21px;
    font-weight: 400;
}


/*** mobile menu tab styling ***/

.sidr .mens-health-block .block__title,
.sidr .womens-health-block .block__title,
.sidr .sexual-wellness-block .block__title,
.sidr .physical-wellness-block .block__title,
.sidr .celeb-interviews-block .block__title {
    cursor: pointer;
}

.sidr .mens-health-block .block__title.mobile-opened,
.sidr .womens-health-block .block__title.mobile-opened,
.sidr .sexual-wellness-block .block__title.mobile-opened,
.sidr .physical-wellness-block .block__title.mobile-opened,
.sidr .celeb-interviews-block .block__title.mobile-opened {
    border: none;
}

.sidr .mens-health-block .block__title {
    border-bottom: 1.5px solid #70ABFF;
    margin: 0 20px;
    padding: 37px 0 27px 0;
}

.sidr .mens-health-block .block__content {
    border-bottom: 1.5px solid #70ABFF;
    margin: 0 20px;
    padding: 0 0 27px 0;
}

.sidr .mens-health-block span.title-text {
    display: block;
    width: 100%;
}

.sidr .mens-health-block span.title-text:after {
    font-family: "Font Awesome 5 Free", sans-serif;
    font-weight: 900;
    font-size: 16px;
    content: "\f078";
    position: absolute;
    right: 8px;
    color: #70ABFF;
}

.sidr .mens-health-block .block__title.mobile-opened span.title-text:after,
.sidr .womens-health-block .block__title.mobile-opened span.title-text:after,
.sidr .sexual-wellness-block .block__title.mobile-opened span.title-text:after,
.sidr .physical-wellness-block .block__title.mobile-opened span.title-text:after,
.sidr .celeb-interviews-block .block__title.mobile-opened span.title-text:after {
    content: "\f077";
}

.sidr .mens-health-block .block__content p.mens-health a,
.sidr .mens-health-block .block__content p.mens-health a:hover {
    color: #70ABFF;
}

.sidr .womens-health-block .block__title {
    border-bottom: 1.5px solid #70ABFF;
    margin: 0 20px;
    padding: 27px 0 27px 0;
}

.sidr .womens-health-block .block__content {
    border-bottom: 1.5px solid #70ABFF;
    margin: 0 20px;
    padding: 0 0 27px 0;
}

.sidr .womens-health-block span.title-text {
    display: block;
    width: 100%;
}

.sidr .womens-health-block span.title-text:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    content: "\f078";
    position: absolute;
    right: 8px;
    color: #70ABFF;
}

.sidr .views-row {
    margin-top: 5px;
    margin-bottom: 20px;
}

.sidr .womens-health-block .block__content p.womens-health a,
.sidr .womens-health-block .block__content p.womens-health a:hover {
    color: #70ABFF;
}

.sidr .sexual-wellness-block .block__title {
    border-bottom: 1.5px solid #70ABFF;
    margin: 0 20px;
    padding: 27px 0 27px 0;
}

.sidr .sexual-wellness-block .block__content {
    border-bottom: 1.5px solid #70ABFF;
    margin: 0 20px;
    padding: 0 0 27px 0;
}

.sidr .sexual-wellness-block span.title-text {
    display: block;
    width: 100%;
}

.sidr .sexual-wellness-block span.title-text:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    content: "\f078";
    position: absolute;
    right: 8px;
    color: #70ABFF;
}

.sidr .sexual-wellness-block .block__content p.sexual-wellness a,
.sidr .sexual-wellness-block .block__content p.sexual-wellness a:hover {
    color: #70ABFF;
}

.sidr .physical-wellness-block .block__title {
    border-bottom: 1.5px solid #70ABFF;
    margin: 0 20px;
    padding: 27px 0 27px 0;
}

.sidr .celeb-interviews-block .block__title {
    border-bottom: 1.5px solid #70ABFF;
    margin: 0 20px;
    padding: 27px 0 27px 0;
}

.sidr .celeb-interviews-block .block__title a,
.sidr .celeb-interviews-block .block__title a:hover {
    width: 100%;
    text-decoration: none;
}

.sidr .physical-wellness-block .block__content {
    border-bottom: 1.5px solid #70ABFF;
    margin: 0 20px;
    padding: 0 0 27px 0;
}

.sidr .celeb-interviews-block .block__content {
    border-bottom: 1.5px solid #70ABFF;
    margin: 0 20px;
    padding: 0 0 27px 0;
}

.sidr .physical-wellness-block span.title-text {
    display: block;
    width: 100%;
}

.sidr .celeb-interviews-block span.title-text {
    display: block;
    width: 100%;
}

.sidr .physical-wellness-block span.title-text:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    content: "\f078";
    position: absolute;
    right: 8px;
    color: #70ABFF;
}

.sidr .celeb-interviews-block span.title-text:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    content: "\f078";
    position: absolute;
    right: 8px;
    color: #70ABFF;
}

.sidr .physical-wellness-block .block__content p.physical-wellness a,
.sidr .physical-wellness-block .block__content p.physical-wellness a:hover {
    color: #70ABFF;
}

.sidr .celeb-interviews-block .block__content p.celeb-interviews a,
.sidr .celeb-interviews-block .block__content p.celeb-interviews a:hover {
    color: #70ABFF;
}

#block-giddymobilemenublock .block__content {
    padding: unset;
}


/*** footer mobile adjustments ***/

.region--offcanvas-sidebar .footer-mobile-links .about-resources a {
    color: #FFF;
}

.region--offcanvas-sidebar .footer-mobile-links .about-resources p {
    margin-bottom: 2rem;
    font-size: 16px
}

.region--offcanvas-sidebar .footer-social {
    margin-top: 50px;
    margin-bottom: 10px;
}

.region--offcanvas-sidebar .footer-social ul li a {
    width: 40px;
    height: 40px;
    margin-right: 14px;
}

.region--offcanvas-sidebar .footer-social i.fa-facebook {
    margin-left: 15px;
    margin-top: 9.5px;
}

.region--offcanvas-sidebar .footer-social i.fa-twitter {
    margin-left: 10.5px;
    margin-top: 11px;
    font-size: 20px;
}

.region--offcanvas-sidebar .footer-social i.fa-youtube {
    margin-left: 9.5px;
    margin-top: 9.5px;
}

.region--offcanvas-sidebar .footer-mobile-links .copyright {
    color: #FFF;
    font-size: 12px;
    margin: 5px 0 2px 0;
}

.footer-mobile-links {
    margin: 20px 6px;
}


/*** Sub menu corrections ***/


/* override media queries for this box */

.header__container-wrapper--header__main {
    background: #161c45;
}


/*** adjust z-index for the header ***/

.js-sticky-header-placeholder {
    position: relative;
    z-index: 200;
}

.offcanvas-sidebar-overlay {
    display: none;
}

@media (max-width: 767px) {
    /** main header **/
    .header__main {
        height: 60px;
        width: 100%;
        margin: auto;
    }
    .header__main__right {
        width: 79px;
    }
    .utility-links {
        width: 52px;
        text-align: right;
    }
    #user-icon {
        padding: 0;
        margin: 0;
    }
    .header__main__center {
        display: none;
    }
}

.site-logo {
    display: inline-block;
    width: 93px;
    margin: 0 auto;
}

@media (min-width: 768px) and (max-width: 1399px) {
    .header__main .header__main__mobile_button {
        display: none;
    }
    .header__main__left {
        width: 69px;
        height: 52px;
    }
    /*** For User Login Area ***/
    .utility-links {
        width: 20px;
        text-align: right;
    }
    .header .utility-links a,
    .header .utility-links a:hover {
        font-size: 18px;
    }
    .header .utility-links a img {
        margin-left: 0px;
    }
    /*** For the General Mega Menu Styling ***/
    #user-icon {
        padding: 0;
        margin: 0;
    }
    /** make menu visible **/
    .header--header-a .region-header-primary-menu {
        display: block;
    }
    .mens-health-tab>div {
        position: absolute;
        left: 50%;
        margin-right: 50%;
        transform: translate(-53.25%, 0%);
    }
    .womens-health-tab>div {
        position: absolute;
        left: 50%;
        margin-right: 50%;
        transform: translate(-53.25%, 0%);
    }
    .sexual-wellness-tab>div {
        position: absolute;
        left: 50%;
        margin-right: 50%;
        transform: translate(-53.25%, 0%);
    }
    .physical-wellness-tab>div {
        position: absolute;
        left: 50%;
        margin-right: 50%;
        transform: translate(-53.25%, 0%);
    }
    .celeb-interviews-tab>div {
        position: absolute;
        left: 50%;
        margin-right: 50%;
        transform: translate(-53.25%, 0%);
    }
}

.header__main .header__main__mobile_button {
    display: none;
}


/*** For User Login Area ***/

.utility-links {
    width: 130px;
    text-align: right;
}

.header .utility-links a,
.header .utility-links a:hover {
    font-size: 18px;
}

.header .utility-links a img {
    margin-left: 10px;
}

.mens-health-tab>div {
    position: absolute;
    left: -92px;
}

.womens-health-tab>div {
    position: absolute;
    left: -261px;
}

.sexual-wellness-tab>div {
    position: absolute;
    left: -465px;
}

.physical-wellness-tab>div {
    position: absolute;
    left: -673px;
}

.celeb-interviews-tab>div {
    position: absolute;
    left: -873px;
}


/* background color for the header */

.header__container {
    background: #161C45;
}

@media (max-width: 767px) {
    .header__main__search {
        height: 40px;
    }
    /* * the form search box  *
  .header__main__search .form--inline .form-item input {
    padding: 8px 0 0 20px;
    font-size: 16px;
  } */
    /** the form button **/
    .header__main__search .form--inline .form-actions input {
        height: 40px;
        width: 53px;
        margin-top: 0;
        margin-right: 0;
        border-radius: 4px;
        font-size: 0;
        content: "";
        background-image: url(/themes/themag_st/assets/images/giddy/SearchEyeglass.svg);
        background-size: 19px;
        background-repeat: no-repeat;
        background-position: right 17px center;
    }
}

.header__main__search .form--inline .form-actions input.button:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
}


/* for the account icon */

.utility-links ul li {
    list-style: none;
}

.utility-links ul li a img {
    margin-left: 10px;
}


/**************** Author's Card / Page CSS ***************/


/*Override the views flexbox modules flex-grow attribute.*/

.view-id-authors_list .views-flexbox-item {
    flex-grow: 0;
}


/*** for authors listing page ***/

@media (max-width: 768px) {
    .basic-page-content.author-list {
        margin-top: 10px;
        margin-bottom: 9px;
    }
    .author-card {
        width: 100%;
        margin: 12px 0 17px 0;
        text-align: left;
    }
    .author-card .right {
        width: calc(100% - 60px);
        float: left;
    }
}

@media (min-width: 768px) and (max-width: 1439px) {
    .basic-page-content.author-list {
        margin-top: 10px;
        margin-bottom: 31px;
    }
    .author-card {
        width: 100%;
        margin: 12px 25px 17px 25px;
        text-align: left;
    }
    .author-card .right {
        width: calc(100% - 60px);
        float: left;
    }
}

.author-card .left {
    width: 60px;
    float: left;
}

.author-card .views-field-name a {
    color: #323232;
    font-family: "Slate Pro";
    font-weight: 400;
}

.author-card .views-field-name,
.author-card .views-field-description__value,
.author-card .social-follow {
    margin-left: 36px;
}

.view-authors-list .author-card .views-field-name,
.view-authors-list .author-card .views-field-description__value,
.view-authors-list .author-card .social-follow {
    text-align: center;
    margin-left: 0px;
}

.user-logged-in .author-card .views-field-field-social-media-links,
.author-card .views-field-field-social-media-links {
    margin-left: 6px;
}

.user-logged-in .view-authors-list .author-card .views-field-field-social-media-links,
.view-authors-list .author-card .views-field-field-social-media-links {
    margin-left: 16px;
}

.author-card .view-single-author .views-field-field-social-media-links {
    margin-left: 0px;
}

.author-card .views-field-description__value {
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.01em;
    margin-top: 1px;
    font-family: "Slate Pro";
}

.author-card .views-field-description__value p {
    margin-bottom: 0.1rem;
}

.author-card .views-field-field-social-media-links a {
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: block;
    background: #AAD0FB;
    margin-right: 18px;
    float: left;
    color: #161C45;
}

.author-card .views-field-field-social-media-links ul {
    margin: 11px 0 0 0;
    font-size: 15px;
    padding-inline-start: 0;
}

.author-card .views-field-field-social-media-links i.fa-facebook {
    margin-left: 9.5px;
    margin-top: 6.5px;
}

.author-card .views-field-field-social-media-links i.fa-twitter {
    margin-left: 6.5px;
    margin-top: 7px;
}

.author-card .views-field-field-social-media-links i.fa-instagram {
    margin-left: 7.5px;
    margin-top: 6.5px;
}


/********************** Author Page **********************/

.view-single-author .author-card .left {
    width: 100px;
}

.view-single-author .author-card .right {
    width: 367px;
}

.view-single-author .author-card .views-field-name a {
    font-size: 21px;
    line-height: 24px;
}

.view-single-author .author-card .views-field-description__value {
    font-size: 12px;
    line-height: 17px;
}


/*** placeholder for author follow ***/

.social-follow {
    margin-top: 10px;
}

.author-follow.block {
    margin: 8px 15px 0 0;
}

.user-logged-in .view-single-author .author-card .views-field-field-social-media-links,
.author-card .views-field-field-social-media-links {
    margin-left: 6px;
}

.view-single-author .author-card .views-field-field-social-media-links {
    margin-left: 0px;
}

@media (max-width: 767px) {
    .view-single-author .author-card {
        width: 355px;
        margin: 34px 0;
    }
    .view-single-author .author-card .left {
        width: 60px;
    }
    .view-single-author .author-card .right {
        width: 288px;
    }
    .view-single-author .author-card .views-field-name a {
        font-size: 18px;
        line-height: 21px;
        font-family: ivypresto-display;
        font-weight: 600;
    }
    .view-single-author .author-card .views-field-description__value {
        font-size: 10px;
        line-height: 14px;
    }
    /*** placeholder for the follow button ***/
    .view-single-author .author-card .views-field-field-social-media-links a {
        margin-right: 13px;
    }
}

@media (min-width: 768px) and (max-width: 1439px) {
    .view-single-author .author-card {
        width: 470px;
        margin: 34px 0;
    }
    .view-single-author .author-card .left {
        width: 80px;
    }
    .view-single-author .author-card .right {
        width: 360px;
    }
    .view-single-author .author-card .views-field-name a {
        font-size: 21px;
        line-height: 25px;
        font-family: ivypresto-display;
        font-weight: 600;
    }
    .view-single-author .author-card .views-field-description__value {
        font-size: 10px;
        line-height: 14px;
    }
    /*** placeholder for the follow button ***/
    .view-single-author .author-card .views-field-field-social-media-links a {
        margin-right: 13px;
    }
}


/*** Author page search ***/

.author-articles input {
    font-size: 14px;
    height: 44px;
    background-image: url(/themes/themag_st/assets/images/giddy/SearchEyeglass.svg);
    background-color: #FFF;
    background-size: 16px;
    background-repeat: no-repeat;
}

.author-articles .view-filters {
    margin: 0 auto 50px auto;
}

.author-articles .form-submit {
    display: none;
}

@media (max-width: 767px) {
    .author-articles input {
        width: 335px;
    }
    .author-articles .view-filters {
        width: 335px;
    }
    .author-articles input {
        background-position: right 16px center;
    }
}

@media (min-width: 768px) and (max-width: 1439px) {
    .author-articles input {
        width: 582px;
    }
    .author-articles .view-filters {
        width: 582px;
    }
    .author-articles input {
        background-position: right 20px center;
    }
}


/*** Author page Load More ***/

.author-articles a.button {
    border: none;
    background-color: #c8daff;
    font-family: "Slate Pro";
    line-height: 22px;
    font-size: 16px;
    padding-top: 13px;
    color: #161C45;
    ;
}

@media (max-width: 767px) {
    .author-articles a.button {
        width: 335px;
        height: 43px;
    }
}

@media (min-width: 768px) {
    .author-articles a.button {
        width: 704px;
        height: 50px;
    }
}


/************************* Footer ************************/


.region-footer-forth a {
    text-decoration: underline;
}

.page-footer .region-footer-second a,
.page-footer .region-footer-third a {
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

.page-footer #block-footeretc a {
    text-decoration: underline;
}

.page-footer {
    background-color: #161C45;
}


/***** Block margins *****/

@media (min-width: 768px) and (max-width: 1200px) {
    .region-footer-first {
        margin: 30px 20px 0 0;
    }
    .region-footer-forth {
        text-align: center;
    }
}

@media (min-width: 1201px) {
    /*@TODO this will need modification */
    .region-footer-forth {
        text-align: left;
    }
    .region-footer-first {
        margin: 30px 0 0 0;
    }
    .region-footer-forth {
        margin-right: 20px;
    }
}


/***** Footer Logo *****/

.footer-logo a {
    display: block;
    width: 109px;
    height: 40px;
}


/***** Social icons *****/

.footer-social ul {
    padding-inline-start: 0;
}

.footer-social ul li {
    display: inline-block;
    ;
}

.footer-social ul li a {
    font-size: 19px;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: block;
    background: #AAD0FB;
    margin-right: 18px;
    float: left;
    color: #161C45;
}

@media (min-width:768px) and (max-width: 1439px) {
    .footer-social ul li a {
        width: 31px;
        height: 31px;
        margin-right: 15px;
    }
    .footer-social i.fa-facebook {
        margin-left: 11px;
        margin-top: 6.5px;
    }
    .footer-social i.fa-twitter {
        margin-left: 6.5px;
        margin-top: 7px;
    }
    .footer-social i.fa-instagram {
        margin-left: 8px;
        margin-top: 6px;
    }
    .footer-social i.fa-youtube {
        margin-left: 5px;
        margin-top: 6.5px;
    }
}

@media (max-width:767px) {
    .footer-social ul li a {
        width: 36px;
        height: 36px;
        margin-right: 18px;
    }
    .footer-social i.fa-facebook {
        margin-left: 12.5px;
        margin-top: 8.5px;
    }
    .footer-social i.fa-twitter {
        margin-left: 9.5px;
        margin-top: 9px;
    }
    .footer-social i.fa-instagram {
        margin-left: 10px;
        margin-top: 8px;
    }
    .footer-social i.fa-youtube {
        margin-left: 7.5px;
        margin-top: 8.5px;
    }
}

.footer-social a[title="YouTube"] {
    margin-right: 0px;
}


/***** Newsletter Signup *****/

.newsletter-signup {
    font-family: "Slate Pro Regular";
}

.newsletter-signup>div>div>p {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}

.newsletter-signup form {
    position: relative;
}

.newsletter-signup a {
    text-decoration: underline;
    color: #FFF;
}

.newsletter-signup input[name="email"] {
    border-radius: 0.25rem 0 0 .25rem;
    box-shadow: none;
    border: none;
    width: 99%;
    font-size: 15px;
    font-style: italic;
    color: #6D6D6D;
    height: 100%;
}

.newsletter-signup input[name="submit"] {
    border-radius: 0 .25rem .25rem 0;
    box-shadow: none;
    background-color: #AAD0FB;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 85px;
}


/***** Footer About and Resources *****/

.footer-header {
    border-bottom: 1px solid rgba(255, 255, 255, .35);
    height: 51px;
    position: relative;
    cursor: pointer;
}

@media (max-width: 767px) {
    .footer-body {
        border-bottom: 1px solid rgba(255, 255, 255, .35);
        padding-left: 20px;
    }
}

.footer-header::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 17px;
    content: "\f107";
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
}

.footer-header.opened::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 17px;
    content: "\f106";
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
}

.footer-header.opened {
    border-bottom: none;
}

.footer-header p {
    margin-top: 14px;
    font-size: 18px;
    display: inline-block;
    width: 100%;
}

.footer-body {
    padding-left: 20px;
}


/********** Basic Page formatting **********/

.basic-page-title .block__content,
.view-tag-search .view-header h2 {
    background: linear-gradient(180deg, #FFF 65%, #F7F8F9 50%);
    margin-top: 36px;
    margin-bottom: 44px;
    text-align: center;
}

@media (max-width: 767px) {
    .basic-page-title .block--layout-builder.block--page-title-block .page-title,
    .view-tag-search .view-header h2 {
        background-color: transparent;
        font-size: 24px;
    }
}

@media (min-width: 768px) and (max-width: 1439px) {
    .basic-page-title .block--layout-builder.block--page-title-block .page-title,
    .view-tag-search .view-header h2 {
        background-color: transparent;
        font-size: 32px;
    }
}

.basic-page-title .block--layout-builder.block--page-title-block:before,
.basic-page-title .block--layout-builder.block--page-title-block:after {
    border-top: none;
}

.basic-page-content {
    margin-top: 10px;
    margin-bottom: 100px;
}

.basic-page-content .container .row .field--name-body {
    padding-top: 30px;
}

.basic-page-authors .block--views-block\:authors-list-block-1 .block__content .views-element-container {
    padding-top: 1px;
}


/***************** Terms Glossary *******************/

.basic-page-content.terms-glossary {
    margin-bottom: 10px;
    font-family: "Slate Pro";
}

@media (max-width: 767px) {
    .terms-glossary .block--field-block\:node\:page\:body {
        display: none;
    }
    .terms-glossary .view-display-id-attachment_1 a {
        font-family: "Slate Pro";
        color: #323232;
        font-size: 18px;
        line-height: 33.39px;
        letter-spacing: 0.3em;
        font-weight: 400;
    }
    .terms-glossary .view-display-id-block_1 h3 {
        font-family: "Slate Pro";
        font-weight: 700;
        font-size: 24px;
        margin: 14px 0 14px 0;
        color: #161c45;
        border-bottom: #dcdcdc 1px solid;
    }
    .terms-glossary .view-display-id-block_1 .views-field-name-1 {
        font-family: "Slate Pro";
        font-size: 16px;
        font-weight: 400;
        line-height: 40.5px;
    }
    .terms-glossary .view-display-id-block_1 .views-field-description__value {
        font-family: Georgia;
        font-size: 14px;
        font-weight: 400;
        line-height: 25.2px;
    }
}

@media (min-width: 768px) and (max-width: 1439px) {
    .terms-glossary .view-display-id-attachment_1 a {
        font-family: "Slate Pro";
        color: #323232;
        font-size: 16px;
        letter-spacing: 0.3em;
        font-weight: 400;
        line-height: 28.8px;
    }
    .terms-glossary .view-display-id-block_1 h3 {
        font-family: "Slate Pro";
        font-weight: 700;
        font-size: 30px;
        margin: 34px 0 14px 0;
        color: #161c45;
        border-bottom: #dcdcdc 1px solid;
    }
    .terms-glossary .view-display-id-block_1 .views-field-name-1 {
        font-family: "Slate Pro";
        font-size: 18px;
        font-weight: 400;
        line-height: 40.5px;
    }
    .terms-glossary .view-display-id-block_1 .views-field-description__value {
        font-family: Georgia;
        font-size: 14px;
        font-weight: 400;
        line-height: 25.2px;
    }
}


/********************* tag search ***************************/

.view-tag-search .view-header p {
    font-family: "Slate Pro";
}

.view-tag-search .views-exposed-form label {
    font-family: "Slate Pro";
    font-size: 16px;
    margin-bottom: 10px;
}

.view-tag-search .views-exposed-form input {
    font-family: "Slate Pro";
    font-size: 16px;
    color: #323232;
    margin-top: 5px;
    margin-bottom: 5px;
}

.view-tag-search .view-header h2 {
    margin-top: -23px;
}

@media (max-width: 767px) {
    .view-tag-search .views-exposed-form input .form-autocomplete {
        font-family: "Slate Pro";
        font-size: 16px;
        color: #323232;
        margin-top: 5px;
        margin-bottom: 5px;
        width: 500px;
    }
    .view-tag-search .views-exposed-form .form-actions input {
        width: 48%;
        background-color: #c8daff;
        border: none;
        height: 44px;
        padding-top: 8px;
    }
    .view-tag-search .views-exposed-form .form-actions input.button:hover {
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    .view-tag-search .view-filters {
        margin-bottom: 56px;
    }
}

@media (min-width: 768px) and (max-width: 1439px) {
    .view-tag-search .views-exposed-form input .form-autocomplete {
        font-family: "Slate Pro";
        font-size: 16px;
        color: #323232;
        margin-top: 5px;
        margin-bottom: 5px;
        width: 278px;
    }
    .view-tag-search .views-exposed-form .form-actions input {
        width: 168px;
        background-color: #c8daff;
        border: none;
        height: 44px;
        padding-top: 8px;
    }
    .view-tag-search .views-exposed-form .form-actions input.button:hover {
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    .view-tag-search .view-filters {
        margin-bottom: 56px;
    }
}


/*** tag search view more ***/

.view-tag-search .pager a.button:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.view-tag-search .pager a.button {
    background: #C8DAFF;
    font-family: "Slate Pro";
    font-size: 16px;
    color: #161c45;
    border: none;
}

@media (max-width: 767px) {
    .view-tag-search .pager a.button {
        width: 335px;
        height: 43px;
        padding-top: 9px;
    }
}

@media (min-width: 768px) and (max-width: 1439px) {
    .view-tag-search .pager a.button {
        width: 704px;
        height: 50px;
        padding-top: 13px;
    }
}


/********** Reviewers Page **********/

.reviewers {
    margin-top: 53px;
    font-family: "Slate Pro";
}

.reviewers img {
    width: 100%;
    height: auto;
}

.reviewers .block--field-block\:taxonomy-term\:reviewers\:field-photo {
    width: 136px;
    height: 136px;
    float: left;
    position: absolute;
}

.reviewers .block--field-block\:taxonomy-term\:reviewers\:description {
    padding-left: 176px;
    position: relative;
    font-size: 12px;
    line-height: 16.8px;
}


/********** Account Creation pages **********/



.giddy-account-create p,
.registration-form p {
    font-family: "Slate Pro", Sans-Serif;
    font-size: 14px;
    line-height: 25.5px;
}

.giddy-account-create select,
.giddy-account-create .form-type-select,
.giddy-account-create input[type=text],
.giddy-account-create input[type=password],
.giddy-account-create input[type=submit],
.registration-form select,
.registration-form .form-type-select,
.registration-form input[type=text],
.registration-form input[type=password],
.registration-form input[type=submit] {
    width: 100%;
    font-family: "Slate Pro", Sans-Serif;
    font-size: 16px;
    height: 44px;
    margin: 15px 0;
}

.giddy-account-create select,
.registration-form select {
    margin: 30px 0;
}

.giddy-account-create .form-type-password label,
.registration-form .form-type-password label {
    display: none;
}

.giddy-account-create .confirm-parent,
.giddy-account-create .password-parent,
.registration-form .confirm-parent,
.registration-form .password-parent {
    max-width: 100%;
}

.giddy-account-create input[type=checkbox],
.registration-form input[type=checkbox] {
    border: 1px solid #c4c4c4;
    appearance: none;
    border-radius: 4px;
    width: 22px;
    height: 22px;
}

.giddy-account-create input[type=checkbox]:checked,
.registration-form input[type=checkbox]:checked {
    border: 1px solid #c4c4c4;
    appearance: none;
    border-radius: 4px;
    width: 22px;
    height: 22px;
}

.giddy-account-create input[type=checkbox]:checked::after,
.registration-form input[type=checkbox]:checked::after {
    font-family: "FontAwesome";
    font-weight: 900;
    font-size: 12px;
    content: '\f00c';
    top: 2px;
    left: 4px;
    position: relative;
}

.giddy-account-create .form-type-checkbox label,
.registration-form .form-type-checkbox label {
    position: relative;
    top: -4px;
    margin-left: 18px;
}

.giddy-account-create .form-type-checkbox,
.registration-form .form-type-checkbox {
    margin: 11px 0;
}

.giddy-account-create input[type=submit],
.registration-form input[type=submit] {
    padding: 7px;
    background-color: #C8DAFF;
    color: #161C45;
    border: none;
}

.giddy-account-create label,
.registration-form label {
    font-family: Georgia, Serif;
    font-size: 16px;
}

.password-strength__title,
.password-confirm,
.password-suggestions {
    font-family: "Slate Pro";
}


/********** article page bookmark **********/

#block-articlesaveblock {
    margin-right: 0;
}

.article-save input.button {
    padding: 0;
    width: 25px;
    height: 35px;
    border: none;
}

@media (min-width: 768px) {
    .article-save input.button {
        padding: 0;
        width: 22px;
        height: 31px;
        border: none;
    }
}

@media (min-width: 1200px) {
    .article-save input.button {
        padding: 0;
        width: 33.43px;
        height: 46.8px;
        border: none;
    }
}

.article-save input.button:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.article-save input.button.saved {
    background-image: url("/themes/themag_st/assets/images/bookmark-regular.svg");
    background-repeat: no-repeat;
}

.article-save input.button.unsaved {
    background-image: url("/themes/themag_st/assets/images/bookmark-solid.svg");
    background-repeat: no-repeat;
}


/********** Article Page Topic & Categories **********/

@media (min-width: 576px) and (max-width: 768px) {
    .article-page-follow-taxonomy header {
        display: inline-block;
        margin-right: 15px;
        position: relative;
    }
    .article-page-follow-taxonomy .views-row {
        display: inline-block;
        position: relative;
        top: -7px;
    }
    .article-page-follow-taxonomy {
        display: flex;
        flex-flow: row-reverse;
        justify-content: flex-end;
    }
    .article-page-follow-taxonomy footer {
        margin-right: 15px;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .article-page-follow-taxonomy header {
        display: inline-block;
        margin-right: 15px;
        position: relative;
    }
    .article-page-follow-taxonomy {
        display: flex;
        flex-flow: row-reverse;
        justify-content: flex-end;
    }
    .article-page-follow-taxonomy footer {
        margin-right: 15px;
    }
    .article-page-follow-taxonomy .views-row {
        display: inline-block;
        position: relative;
        top: -7px;
    }
}

@media (min-width: 1200px) {
    .article-page-follow-taxonomy {
        display: flex;
        flex-flow: row-reverse;
        justify-content: flex-end;
    }
    .article-page-follow-taxonomy footer {
        margin-right: 15px;
    }
    .article-page-follow-taxonomy header {
        display: inline-block;
        margin-right: 15px;
        position: relative;
    }
    .article-page-follow-taxonomy .views-row {
        display: inline-block;
        position: relative;
        top: -7px;
    }
}


/********** Newsletter Sign up Button **********/

.block--newsletter-save-block {
    text-align: center;
}


/********** Core Topic Page **********/

.new-core-topic-title a {
    color: #000;
}


/*********** New save buttons **********/

@media (max-width: 576px) {
    .view-grouping-header.topicsOfInterest,
    .grouping-title.core-topic-header {
        display: flex;
        flex-direction: column;
        margin: 1.5em auto 15px;
    }
    .view-grouping-header.topicsOfInterest .button,
    .grouping-title.core-topic-header .button {
        white-space: nowrap;
        padding: 0 15px;
        font-family: "Slate Pro";
        border-color: #323232;
        border: 1.5px solid;
        width: 100%;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 10px 0 5px 0;
    }
}

@media (min-width: 576px) {
    .view-grouping-header.topicsOfInterest,
    .grouping-title.core-topic-header {
        display: flex;
        justify-content: space-between;
        margin: 1.5em auto 15px;
    }
    .view-grouping-header.topicsOfInterest .button {
        margin: 0 0 15px 0;
    }
    .view-grouping-header.topicsOfInterest .button,
    .grouping-title.core-topic-header .button {
        white-space: nowrap;
        padding: 0 15px;
        font-family: "Slate Pro";
        border-color: #323232;
        border: 1.5px solid;
        width: 123px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}


/********** Social Logins **********/

.login_social_container {
    max-width: 800px;
    margin: auto;
}

.registration-arrest-form #registration-arrest-form h2 {
    font-size: 38px;
    margin-bottom: 32px;
}

.social-container {
    align-items: baseline;
    flex-wrap: wrap;
}

.social-login-button {
    font-size: 21px;
    font-family: "Slate Pro";
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.01em;
    border-radius: 4px;
    width: 100%;
    height: 52px;
    display: flex;
    align-items: center;
    margin: 0 auto 20px;
}

.social-login-button a {
    color: #fff;
    text-decoration: none;
}

.social-login-button .text {
    width: 80% !important;
    text-align: center;
}

.social-login-button .icon {
    width: 48px;
    height: 48px;
    margin-left: 2px;
    border-radius: 4px;
}

.social-login-button.facebook {
    background-color: #405B93;
}

.social-login-button.facebook .icon {
    background: no-repeat 18px/14px url("/themes/themag_st/assets/images/facebook-f-icon.svg");
}

.social-login-button.apple {
    background: #000;
}

.social-login-button.apple .icon {
    background: no-repeat 15px/25px url("/themes/themag_st/assets/images/apple_logo_white.svg");
}

.social-login-button.google {
    background: #DE5246;
}

.social-login-button.google .icon {
    background: no-repeat center/25px url("/themes/themag_st/assets/images/registration/Google__Logo.svg");
}

.social-divide {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 0 auto;
    color: #999999;
}

.social-divide:before,
.social-divide:after {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid #c4c4c4;
    margin: 33px auto;
}

.social-divide .divider {
    padding: 20px 10px;
    font-family: "Slate Pro Regular";
    font-size: 16px;
}

.registration-arrest-form #registration-arrest-form .js-form-item,
.registration-arrest-form #registration-arrest-form #edit-submit {
    width: 100%;
}

.registration-arrest-form #registration-arrest-form .js-form-item label {
    font-size: 16px;
}


/* Previous iteration of social buttons flexed into a row at mid-break point - all social buttons stay stacked now
/* @media (max-width: 1399px) {
  .registration-arrest-form #registration-arrest-form h2 {
    font-size: 28px;
    margin-bottom: 12px;
  }

  .social-login-button {
    font-size: 16px;
    width: 100%;
    height: 60px;
  }

  .social-login-button .icon {
    width: 31px;
    height: 31px;
  }

  .social-login-button .text {
    width: 150px;
    text-align: center;
  }

  .social-login-button.facebook .icon {
    background: no-repeat 7px/11px url("/themes/themag_st/assets/images/facebook-f-icon.svg");
  }

  .social-login-button.apple .icon {
    background: no-repeat 7px/20px url("/themes/themag_st/assets/images/apple_logo_white.svg");
  }

  .social-login-button.google .icon {
    background: no-repeat center/20px url("/themes/themag_st/assets/images/registration/Google__Logo.svg");
  }

  .social-divide {
    margin: 0 auto 10px auto;
    width: 100%;
  }

  .social-divide .divider {
    font-size: 21px;
  }

  .giddy-social-block .google-btn .btn-text {
    margin-left: 51px;
    padding-top: 3px;
    font-size: 14px;
  }
} */

@media (max-width: 767px) {
    .social-container {
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }
    .social-login-container-button {
        padding: 0;
    }
    .registration-arrest-form #registration-arrest-form h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .social-login-button {
        font-size: 16px;
        width: 100%;
        height: 52px;
    }
    .social-login-button .icon {
        width: 56px;
        height: 56px;
    }
    .social-login-button .text {
        width: 69% !important;
        text-align: center;
    }
    .social-login-button.facebook .icon {
        background: no-repeat 19px/16px url("/themes/themag_st/assets/images/facebook-f-icon.svg");
    }
    .social-login-button.apple .icon {
        background: no-repeat 15px/30px url("/themes/themag_st/assets/images/apple_logo_white.svg");
    }
    .social-login-button.google .icon {
        background: no-repeat center/30px url("/themes/themag_st/assets/images/registration/Google__Logo.svg");
    }
    .social-divide {
        margin: 12px auto 10px auto;
        width: 100%;
    }
    .social-divide .divider {
        font-size: 21px;
    }
    .giddy-social-block .google-btn .btn-text {
        margin-left: 92px;
        padding-top: 16px;
        font-size: 24px;
    }
    .giddy-social-block a.fb {
        padding: 17px 9px 19px 62px;
    }
}


/********** Remote video styling **********/

blockquote.tiktok-embed {
    padding-left: 0;
    border-left: none;
}

.twitter-tweet-rendered {
    margin-left: auto;
    margin-right: auto;
}

.media-remote_video.youtube {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.media-remote_video.youtube iframe,
.media-remote_video.youtube object,
.media-remote_video.youtube embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/********** Guide Article pages **********/


/*** Guide Article Title & Author ***/

.node--type-guide-page .block--page-title-block {
    text-align: center;
    margin-top: 20px;
}

.node--type-guide-page .block--field-block\:node\:guide-page\:field-deck-96 {
    text-align: center;
    font-family: "Slate Pro";
    font-size: 20px;
}

.node--type-guide-page .guide-author {
    display: flex;
    align-items: center;
    justify-content: center;
}

.node--type-guide-page .guide-author-img {
    width: 46px;
}

.node--type-guide-page .guide-author img {
    width: auto;
}

.node--type-guide-page .guide-author-title {
    margin-left: 13px;
}

.node--type-guide-page .guide-author-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 18.6px;
}

.node--type-guide-page .guide-author-title span {
    font-size: 12px;
    font-weight: 400;
    line-height: 16.8px;
}


/*** Guide Article Page Share buttons ***/


/* need to do something with the colors */


/* to stick the share buttons */

.share-fixed-header {
    position: fixed;
    top: 120px;
    z-index: 10;
}


/* need to align left one */

@media (min-width: 1200px) {
    .node--type-guide-page .col-12 .block--addtoany {
        display: none;
    }
}


/*** Guide Article Page Article Body ***/

.node--type-guide-page .block--field-block\:node\:guide-page\:body {
    font-family: Georgia;
    font-size: 16px;
    line-height: 28.8px;
    columns: 2;
    column-gap: 40px;
    padding: 68px 0;
}

.node--type-guide-page .block--field-block\:node\:guide-page\:body::first-letter {
    font-size: 96px;
    padding: 30px 14px 14px 0;
    float: left;
    font-weight: 700;
    font-family: ivypresto-display;
    line-height: 17px;
}

@media (max-width: 1399px) {
    .node--type-guide-page .block--field-block\:node\:guide-page\:body {
        padding: 42px 0 32px 0;
    }
}

@media (max-width: 767px) {
    .node--type-guide-page .block--field-block\:node\:guide-page\:body {
        columns: 1;
        padding: 20px 0 12px 0;
    }
}


/*** Guide Page Article Quote ***/

.guide-quote {
    margin: 0 0 90px 0;
}

.guide-quote p {
    font-family: ivypresto-display;
    font-style: italic;
    font-size: 32px;
    line-height: 42px;
    text-align: center;
    margin: 0 0 50px 0;
}

.guide-quote::after {
    content: '';
    width: 88px;
    height: 4px;
    background-color: #FBDFAA;
    position: absolute;
    left: calc(50% - 44px);
}

@media (max-width: 1399px) {
    .guide-quote {
        margin: 0 0 60px 0;
    }
    .guide-quote p {
        font-size: 24px;
        margin: 0 0 18px 0;
    }
    .guide-quote::after {
        width: 59px;
        height: 3px;
        left: calc(50% - 29.5px);
    }
}

@media (max-width: 767px) {
    .guide-quote {
        margin: 0 0 39px 0;
    }
    .guide-quote p {
        margin: 0 0 20px 0;
    }
    .guide-quote::after {
        width: 34px;
        left: calc(50% - 17px);
    }
}


/*** Guide Page Article Tip ***/

.guide-tip {
    font-family: "Slate Pro";
    font-size: 28px;
    font-weight: 400;
    line-height: 32px;
    font-style: italic;
    text-align: center;
    margin: 35px 0;
}

.guide-tip .row {
    background-color: #FFEDCA;
    padding: 20px 5px 8px 5px;
}

@media (max-width: 1399px) {
    .guide-tip {
        font-size: 16px;
        line-height: 18px;
        margin: 30px 0;
    }
    .guide-tip .row {
        padding: 12px 7px 7px 7px;
    }
}

@media (max-width: 767px) {
    .guide-tip {
        font-size: 14px;
        line-height: 18px;
        margin: 25px 0;
    }
    .guide-tip .row {
        padding: 8px 3px 3px 3px;
    }
}


/*** General Guide Page Paragraph Types ***/

.node--type-guide-page .right img {
    float: right;
}

.node--type-guide-page .field--name-field-section-mobile img,
.node--type-guide-page .mobile-hero img {
    width: 100%;
    height: auto;
}

.node--type-guide-page .guide-2-columns .field--name-field-section-title,
.node--type-guide-page .guide-3-columns .field--name-field-section-title,
.node--type-guide-page .guide-4-columns .field--name-field-section-title {
    font-family: ivypresto-display;
    font-size: 30px;
    font-weight: 700;
    line-height: 42px;
}

.node--type-guide-page .guide-2-columns .field--name-field-section-body h4,
.node--type-guide-page .guide-3-columns .field--name-field-section-body h4,
.node--type-guide-page .guide-4-columns .field--name-field-section-body h4 {
    font-family: ivypresto-display;
    font-weight: 600;
    font-size: 21px;
    line-height: 28px;
}

.node--type-guide-page .guide-2-columns .field--name-field-section-body,
.node--type-guide-page .guide-3-columns .field--name-field-section-body,
.node--type-guide-page .guide-4-columns .field--name-field-section-body {
    font-family: Georgia;
    font-size: 16px;
    line-height: 28.8px;
}

@media (max-width: 1399px) {
    .node--type-guide-page .guide-2-columns .field--name-field-section-title,
    .node--type-guide-page .guide-3-columns .field--name-field-section-title,
    .node--type-guide-page .guide-4-columns .field--name-field-section-title {
        font-size: 22px;
        line-height: 32px;
    }
    .node--type-guide-page .guide-2-columns .field--name-field-section-body h4,
    .node--type-guide-page .guide-3-columns .field--name-field-section-body h4,
    .node--type-guide-page .guide-4-columns .field--name-field-section-body h4 {
        font-size: 18px;
        line-height: 24px;
    }
    .node--type-guide-page .guide-2-columns .field--name-field-section-body,
    .node--type-guide-page .guide-3-columns .field--name-field-section-body,
    .node--type-guide-page .guide-4-columns .field--name-field-section-body {
        font-size: 14px;
        line-height: 25.2px;
    }
}

@media (max-width: 767px) {
    .node--type-guide-page .guide-2-columns .field--name-field-section-title,
    .node--type-guide-page .guide-3-columns .field--name-field-section-title,
    .node--type-guide-page .guide-4-columns .field--name-field-section-title {
        font-size: 26px;
        line-height: 37.44px;
    }
    .node--type-guide-page .guide-2-columns .field--name-field-section-body h4,
    .node--type-guide-page .guide-3-columns .field--name-field-section-body h4,
    .node--type-guide-page .guide-4-columns .field--name-field-section-body h4 {
        font-size: 21px;
        line-height: 32px;
    }
    .node--type-guide-page .guide-2-columns .field--name-field-section-body,
    .node--type-guide-page .guide-3-columns .field--name-field-section-body,
    .node--type-guide-page .guide-4-columns .field--name-field-section-body {
        font-size: 14px;
        line-height: 25.2px;
    }
}


/*** Guide Page 4 column article body ***/

.guide-4-columns .field--name-field-section-body {
    columns: 3;
    column-gap: 40px;
}

.guide-4-columns {
    padding-bottom: 35px;
}

.guide-4-columns .field--name-field-section-title {
    padding: 0 73px 26px 73px;
}

.guide-4-columns .field--name-field-section-body {
    padding: 0 73px;
}

@media (max-width: 1399px) {
    .guide-4-columns .field--name-field-section-body {
        columns: 2;
        column-gap: 38px;
    }
    .guide-4-columns {
        padding-bottom: 30px;
    }
    .guide-4-columns .field--name-field-section-title {
        padding: 0 32px 10px 32px;
    }
    .guide-4-columns .field--name-field-section-body {
        padding: 0 32px;
    }
}

@media (max-width: 767px) {
    .guide-4-columns .field--name-field-section-body {
        columns: 1;
    }
}


/*** Guide Page 3 column article body ***/

.guide-3-columns {
    padding-bottom: 35px;
}

.guide-3-columns.right .field--name-field-section-title {
    padding: 0 57px 26px 38px;
}

.guide-3-columns.left .field--name-field-section-title {
    padding: 0 38px 26px 57px;
}

.guide-3-columns .field--name-field-section-body {
    columns: 2;
    column-gap: 40px;
}

.guide-3-columns.right .field--name-field-section-body {
    padding: 0 57px 0 38px;
}

.guide-3-columns.left .field--name-field-section-body {
    padding: 0 38px 0 57px;
}

.guide-3-columns.right .container .row {
    justify-content: flex-end;
}

.guide-3-columns.left .container .row {
    justify-content: flex-start;
}

.guide-3-columns .container .row .col-md-4 {
    max-width: 344px;
    padding: 0;
}

.guide-3-columns.right img {
    float: right;
}

.guide-3-columns.left img {
    float: left;
}

@media (max-width: 1399px) {
    .guide-3-columns .field--name-field-section-body {
        column-gap: 38px;
    }
    .guide-3-columns.right .field--name-field-section-title {
        padding: 0 16px 0 0;
    }
    .guide-3-columns.left .field--name-field-section-title {
        padding: 0 0 0 16px;
    }
    .guide-3-columns.right .field--name-field-section-body {
        padding: 0 16px 0 0;
    }
    .guide-3-columns.left .field--name-field-section-body {
        padding: 0 0 0 16px;
    }
}

@media (max-width: 767px) {
    .guide-3-columns {
        padding-bottom: 26px;
    }
    .guide-3-columns .field--name-field-section-title {
        margin-top: 30px;
    }
    .guide-3-columns.right .field--name-field-section-title {
        padding: 0 16px 10px 0;
    }
    .guide-3-columns.left .field--name-field-section-title {
        padding: 0 0 10px 16px;
    }
    .guide-3-columns .field--name-field-section-body {
        columns: 1;
    }
}


/*** Guide Page 2 column article body ***/

.guide-2-columns {
    padding-bottom: 35px;
}

.guide-2-columns .field--name-field-section-title {
    max-width: 572px;
}

.guide-2-columns.right .field--name-field-section-title {
    padding: 0 118px 26px 54px;
    margin-left: auto;
}

.guide-2-columns.left .field--name-field-section-title {
    padding: 0 54px 26px 118px;
}

.guide-2-columns .field--name-field-section-body {
    columns: 1;
    max-width: 572px;
}

.guide-2-columns.right .field--name-field-section-body {
    padding: 0 118px 0 54px;
    margin-left: auto;
}

.guide-2-columns.left .field--name-field-section-body {
    padding: 0 54px 0 118px;
}

.guide-2-columns.right .container .row {
    justify-content: flex-end;
}

.guide-2-columns.left .container .row {
    justify-content: flex-start;
}

.guide-2-columns .container .row .d-none.d-md-block.col-md-6 {
    max-width: 688px;
    padding: 0;
}

.guide-2-columns.right img {
    float: right;
}

.guide-2-columns.left img {
    float: left;
}

@media (max-width: 1399px) {
    .guide-2-columns.right .field--name-field-section-title {
        padding: 0 16px 0 0;
    }
    .guide-2-columns.left .field--name-field-section-title {
        padding: 0 0 0 16px;
    }
    .guide-2-columns.right .field--name-field-section-body {
        padding: 0 16px 0 0;
    }
    .guide-2-columns.left .field--name-field-section-body {
        padding: 0 0 0 16px;
    }
}

@media (max-width: 767px) {
    .guide-2-columns {
        padding-bottom: 26px;
    }
    .guide-2-columns .field--name-field-section-title {
        margin-top: 30px;
    }
    .guide-2-columns.right .field--name-field-section-title {
        padding: 0 16px 10px 0;
    }
    .guide-2-columns.left .field--name-field-section-title {
        padding: 0 0 10px 16px;
    }
}


/********** Guide Page Next Article **********/

.view-guide-article-up-next {
    margin-bottom: 118px;
}

.guide-next-body {
    font-family: "Slate Pro";
    font-size: 18px;
    line-height: 25.2px;
    margin-bottom: 32px;
}

.view-guide-article-teaser .registration-arrest-form {
    max-width: 700px;
    margin: 0 auto 87px auto;
}

@media (max-width: 1399px) {
    .view-guide-article-up-next {
        margin-bottom: 94px;
    }
    .guide-next-body {
        font-family: "Slate Pro";
        font-size: 14px;
        line-height: 19.6px;
        margin-bottom: 23px;
    }
}

@media (max-width: 767px) {
    .view-guide-article-up-next {
        margin-bottom: 87px;
    }
    .view-guide-article-up-next .guide-next-title {
        text-align: left;
    }
    .guide-next-body {
        font-family: "Slate Pro";
        font-size: 14px;
        line-height: 19.6px;
        margin-bottom: 32px;
    }
}


/********** Registration Benefits **********/

.signup-benefits {
    margin-top: 44px;
    display: flex;
    justify-content: space-around;
}

.signup-benefits .benefits-item {
    width: 146px;
}

.signup-benefits .benefits-image {
    height: 66px;
    margin-bottom: 21px;
    text-align: center;
}

.signup-benefits .benefits-text {
    font-family: "Slate Pro";
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    margin-bottom: 34px;
}

@media (max-width: 1399px) {
    .signup-benefits {
        width: 350px;
        flex-wrap: wrap;
        margin: 36px auto 0 auto;
    }
    .signup-benefits .benefits-item {
        width: 138px;
    }
    .signup-benefits .benefits-text {
        font-family: "Slate Pro";
        font-size: 16px;
        line-height: 20px;
    }
}

@media (max-width: 767px) {
    .signup-benefits {
        width: 300px;
        flex-wrap: wrap;
        margin: 36px auto 0 auto;
    }
    .signup-benefits .benefits-item {
        width: 138px;
    }
    .signup-benefits .benefits-text {
        font-family: "Slate Pro";
        font-size: 16px;
        line-height: 20px;
    }
}


/********** Celebrity Interviews **********/

.page-node-type-page .celebrity-interview-archive-page .view-content .views-row {
    margin-bottom: 50px;
}

.page-node-type-page .celebrity-interview-archive-page .view-content .views-row:not(:last-child):after {
    content: '';
    display: block;
    width: 95%;
    left: 25%;
    border-top: 1px solid #DCDCDC;
    margin: 0 auto;
}


/***** Homepage Block Title *****/

.view-celebrity-interview .hp-section-title h5 {
    display: block;
}

.view-celebrity-interview .hp-section-title a {
    color: #000;
}

.view-celebrity-interview .hp-section-title a.link-underline {
    text-decoration: underline;
}

.view-celebrity-interview .hp-section-title h5 {
    font-size: 18px;
    margin-bottom: 22px;
    height: unset;
}

.celebrity-video-grid-series .layout--onecol {
    position: relative;
}

.celebrity-video-grid-slider .block--field-block\:paragraph\:video-clip\:field-clip-length {
    display: none;
}

.celebrity-video-grid-slider .block--field-block\:paragraph\:video-clip\:field-clip {
    position: relative;
}


/* .celebrity-video-grid-series .field-clip-length{
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #161c45;
  font-family: "Slate Pro";
  font-size: 16px;
  color: #FFF;
  width: 55px;
  height: 30px;
  text-align: center;
  padding-top: 2px;
} */

.celebrity-interview-homepage {
    margin-bottom: 45px;
}

.celebrity-video-grid .themag-layout__region--first {
    margin-bottom: 0px !important;
}

.celebrity-video-grid .field--name-field-clip-length {
    display: none;
}

.celebrity-video-grid .field--name-field-section-body {
    display: none;
}

.celebrity-video-grid .field--name-field-section-title {
    display: none;
}

.celebrity-grid-link-paragraph {
    padding-bottom: 15px;
    display: flex;
    align-content: center;
}

.block--views-block\:celebrity-interview-celebrity-grid-header .celebrity-interview-homepage {
    margin-bottom: 0px !important;
}

.celebrity-grid-link {
    font-family: "Slate Pro";
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 26px;
    color: #323232;
}

.celebrity-grid-link-seemore {
    font-family: "Slate Pro";
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 26px;
    color: #3185FC;
}


/* figure out how to apply this to view*/

.celebrity-created {
    font-family: "Slate Pro";
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 26px;
    color: #323232;
    padding-bottom: 24px;
}

.celebrity-title {
    font-family: "IvyPresto Display";
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 37px;
    color: #000000;
}

.celebrity-body {
    font-family: "Slate Pro";
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 26px;
    color: #323232;
    padding-bottom: 25px;
}

.celebrity-twitter {
    padding: 0px 25px 0px 25px !important;
}

@media (min-width: 768px) {
    .celebrity-interview-homepage {
        margin-bottom: 58px;
    }
}


/***** Respository Page Title *****/

.node--type-celebrity-interviews .basic-page-title .block--views .block__content {
    background: linear-gradient(180deg, #FFF 65%, #F7F8F9 50%);
    margin-top: 26px;
    margin-bottom: 14px;
    text-align: center;
}

.node--type-celebrity-interviews h1.page-title {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: bold;
    color: #323232;
    font-size: 24px;
    background-color: transparent;
}

@media (min-width: 768px) {
    .node--type-celebrity-interviews .basic-page-title .block--views .block__content {
        margin-top: 31px;
        margin-bottom: 34px;
    }
    .node--type-celebrity-interviews h1.page-title {
        font-size: 32px;
    }
}

@media (min-width: 1200px) {
    .node--type-celebrity-interviews .basic-page-title .block--views .block__content {
        margin-top: 36px;
        margin-bottom: 44px;
    }
    .node--type-celebrity-interviews h1.page-title {
        font-size: 48px;
    }
}


/********** Share Buttons **********/

.celebrity-interview-share-block {
    margin-bottom: 25px;
}

.celebrity-interview-share-block .share-label {
    font-family: "Slate Pro";
    font-size: 18px;
    display: block;
    text-align: center;
    margin-bottom: 15px;
}

.celebrity-interview-share-block .share-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 25px;
}

.celebrity-interview-share-block .a2a_default_style a {
    padding: 0 12px;
}

@media (min-width: 1200px) {
    .celebrity-interview-share-block .share-label {
        font-size: 21px;
    }
}


/***** Homepage Featured Clips *****/

.celebrity-featured .themag-layout .block,
.celebrity-repository .themag-layout .block {
    margin: 0;
}

.celebrity-featured .themag-layout__region,
.celebrity-repository .themag-layout__region {
    padding-right: 0;
    padding-left: 0;
}

.celebrity-featured .block--layout-builder,
.celebrity-repository .block--layout-builder {
    margin: 0;
    padding: 0;
}

.celebrity-featured.body .paragraph--view-mode--featured-clip img {
    width: 100%;
}


/*** Time Display ***/

.celebrity-featured.slideshow .video-clip-slideshow .video-clip-thumbnail,
.celebrity-repository.slideshow .video-clip-slideshow .video-clip-thumbnail {
    position: relative;
}

.celebrity-view-grid-content .themag-layout__region {
    padding: 0px;
    flex: 0 0 100%;
    max-width: 100%;
}


/* .video-grid-short-title{
  font-family: "Slate Pro Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  text-transform: capitalize;
  color: #323232;
} */

.bottom-border-line {
    border-bottom: 1px solid #DCDCDC;
}

.celebrity-view-grid-content .block--field-block\:paragraph\:video-clip\:field-clip {
    margin-bottom: 0px !important;
}

.celebrity-view-grid-content .block--field-block\:paragraph\:video-clip\:field-clip-length {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #161c45;
    font-family: "Slate Pro";
    font-size: 16px;
    color: #FFF;
    width: 55px;
    height: 30px;
    text-align: center;
    padding-top: 2px;
}

.celebrity-featured .block--field-block\:paragraph\:video-clip\:field-clip-length,
.celebrity-repository .block--field-block\:paragraph\:video-clip\:field-clip-length,
.celebrity-featured.slideshow .video-clip-slideshow .video-clip-thumbnail .video-clip-length,
.celebrity-repository.slideshow .video-clip-slideshow .video-clip-thumbnail .video-clip-length {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #161c45;
    font-family: "Slate Pro";
    font-size: 16px;
    color: #FFF;
    width: 55px;
    height: 30px;
    text-align: center;
    padding-top: 2px;
}


/***** Play button *****/

.video-play-button {
    position: absolute;
    width: 60px;
    height: 60px;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
}

.video-play-button img {
    width: 100%;
}


/***** Celebrities Video Description *****/

.celebrity-featured.body .celebrity-video,
.celebrity-repository.body .celebrity-video {
    padding-left: 10px;
}

.celebrity-featured.body .date-field .date-field-pre,
.celebrity-repository.body .date-field .date-field-pre{
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #686F77;
    margin-bottom: 5px;
}
.celebrity-featured.body .date-field,
.celebrity-repository.body .date-field,
.celebrity-featured.body .date-field a,
.celebrity-repository.body .date-field a{
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #282828;
    margin-bottom: 5px;
}

.celebrity-featured.body .series-field,
.celebrity-repository.body .series-field {
    font-family: "Slate Pro";
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #000;
    margin-bottom: 5px;
}

.celebrity-featured.body h2,
.celebrity-repository.body h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 27.6px;
    color: #000;
    margin-bottom: 10px;
}

.celebrity-featured.body h2 a,
.celebrity-repository.body h2 a {
    color: #000;
    text-decoration-thickness: 1px;
}

.celebrity-featured.body p,
.celebrity-repository.body p {
    font-family: "Slate Pro";
    font-size: 14px;
    line-height: 22px;
    margin-top: 11px;
}

@media (min-width: 768px) {
    .celebrity-featured.body h2 {
        font-size: 32px;
        line-height: 36.8px;
        margin-top: 7px;
    }
    .celebrity-repository.body h2 {
        font-size: 18px;
        line-height: 20.7px;
        margin-top: 7px;
    }
    .celebrity-featured.body p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 19px;
    }
    .celebrity-repository.body p {
        font-size: 12px;
        line-height: 18px;
        margin-top: 19px;
    }
}

@media (min-width: 1200px) {
    .celebrity-repository.body h2 {
        font-size: 28px;
        line-height: 33.6px;
        margin-top: 7px;
    }
    .celebrity-repository.body p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 19px;
    }
}


/***** Celebrities and Experts *****/

.celebrities-experts a {
    color: #000;
}

.celebrities-experts>div {
    width: 155px;
    text-align: center;
    display: flex;
    align-items: center;
}

.celebrity-featured .celebrities-experts p,
.celebrity-repository .celebrities-experts p {
    font-family: "Slate Pro";
    font-size: 12px;
    line-height: 15px;
}

.celebrities-experts img {
    width: 60px;
    margin-right: 6px;
}

.celebrities-experts p {
    margin-top: 7px;
}

@media (min-width: 768px) {
    .celebrities-experts>div {
        width: 102px;
        text-align: center;
        margin: 0 15px;
    }
    .celebrity-repository .celebrities-experts>div {
        width: 70px;
        text-align: center;
        margin: 0 15px;
    }
    .celebrity-featured.body .celebrities-featured {
        font-size: 18px;
        margin: 31px 0 20px 0;
    }
    .celebrities-experts img {
        width: 70px;
    }
    .celebrity-repository .celebrities-experts img {
        width: 60px;
    }
    .celebrity-featured .celebrities-experts p {
        font-size: 14px;
        line-height: 14px;
        margin-top: 17px;
    }
    .celebrity-repository .celebrities-experts p {
        font-size: 12px;
        line-height: 15px;
        margin-top: 17px;
    }
}

@media (min-width: 1200px) {
    .celebrity-repository .celebrities-experts p {
        font-family: "Slate Pro";
        font-size: 14px;
        line-height: 17.5px;
    }
    .celebrity-repository .celebrities-experts img {
        width: 70px;
    }
}


/***** Homepage Clips *****/

.celebrity-featured.clips .paragraph--type--video-clip {
    width: 33.33%;
    padding: 0;
}

.celebrity-repository.clips .paragraph--type--video-clip {
    width: 25%;
    padding: 0;
}

.celebrity-featured.clips .paragraph--type--video-clip:not(:last-child),
.celebrity-repository.clips .paragraph--type--video-clip:not(:last-child) {
    margin: 0 40px 0 0;
}

.celebrity-featured.clips .block--field-block\:paragraph\:video-clip\:field-section-title,
.celebrity-repository.clips .block--field-block\:paragraph\:video-clip\:field-section-title,
.celebrity-featured.slideshow .video-clip-slideshow .video-clip-title,
.celebrity-repository.slideshow .video-clip-slideshow .video-clip-title {
    font-family: "Slate Pro";
    font-weight: 700;
    font-size: 16px;
    margin-top: 16px;
}

.celebrity-featured.clips .block--field-block\:paragraph\:video-clip\:field-section-body,
.celebrity-repository.clips .block--field-block\:paragraph\:video-clip\:field-section-body,
.celebrity-featured.slideshow .video-clip-slideshow .video-clip-description,
.celebrity-repository.slideshow .video-clip-slideshow .video-clip-description {
    font-family: "Slate Pro";
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px;
}

@media (min-width: 768px) {
    .celebrity-featured.clips .paragraph--type--video-clip,
    .celebrity-repository.clips .paragraph--type--video-clip {
        margin-bottom: 17px;
    }
    .celebrity-featured.clips .paragraph--type--video-clip:not(:last-child),
    .celebrity-repository.clips .paragraph--type--video-clip:not(:last-child) {
        margin: 0 24px 0 0;
    }
    .celebrity-featured.clips .block--field-block\:paragraph\:video-clip\:field-section-title {
        font-size: 14px;
        margin-top: 3px;
    }
    .celebrity-repository.clips .block--field-block\:paragraph\:video-clip\:field-section-title {
        font-size: 12px;
        line-height: 12px;
        margin-top: 3px;
    }
    .celebrity-featured.clips .block--field-block\:paragraph\:video-clip\:field-section-body {
        margin-top: 6px;
    }
    .celebrity-repository.clips .block--field-block\:paragraph\:video-clip\:field-section-body,
    .celebrity-repository.slideshow .video-clip-slideshow .video-clip-description {
        font-size: 12px;
        line-height: 16px;
        margin-top: 6px;
    }
}


/***** Clip Slideshow *****/

.celebrity-featured.slideshow img,
.celebrity-repository.slideshow img {
    width: 100%;
}

.celebrity-featured.slideshow .carousel-indicators,
.celebrity-repository.slideshow .carousel-indicators {
    position: relative;
    margin-top: 15px;
    margin-bottom: 50px;
}

.celebrity-featured.slideshow .carousel-indicators li,
.celebrity-repository.slideshow .carousel-indicators li {
    background-color: #B1B1B1;
    width: 14px;
    height: 14px;
    border: none;
    border-radius: 7px;
    margin-right: 7px;
    margin-left: 8px;
}

@media (min-width: 768px) {
    .celebrity-featured.slideshow,
    .celebrity-repository.slideshow {
        margin-top: 0px;
    }
}


/***** Article Slideshow *****/

.celebrity-featured .hp-rfy-title {
    margin-top: 18px;
}

.celebrity-featured .hp-rfy-title h4 {
    font-size: 18px;
    line-height: 20.7px;
    font-family: ivypresto-display;
    font-weight: 700;
}

.celebrity-featured .hp-rfy-title a {
    font-size: 18px;
    line-height: 20.7px;
    font-family: ivypresto-display;
    font-weight: 700;
}

.celebrity-featured .hp-rfy-description {
    font-family: "Slate Pro";
    font-size: 14px;
    line-height: 22px;
}

@media (min-width: 768px) {
    .celebrity-featured .hp-rfy-title {
        margin-top: 9px;
    }
    .celebrity-featured .hp-rfy-title h4 {
        font-size: 14px;
        line-height: 16.1px;
    }
    .celebrity-featured .hp-rfy-title a {
        font-size: 14px;
        line-height: 16.1px;
    }
    .celebrity-featured .hp-rfy-description {
        font-size: 10px;
        line-height: 14px;
    }
}

@media (min-width: 1200px) {
    .celebrity-featured .hp-rfy-title {
        margin-top: 12px;
    }
    .celebrity-featured .hp-rfy-title h4 {
        font-size: 21px;
        line-height: 24.15px;
    }
    .celebrity-featured .hp-rfy-title a {
        font-size: 21px;
        line-height: 24.15px;
    }
    .celebrity-featured .hp-rfy-description {
        font-size: 16px;
        line-height: 22px;
    }
}


/***** Podcast *****/

.celebrity-featured.podcast-header,
.celebrity-repository.podcast-header {
    font-family: "Slate Pro";
    font-size: 16px;
    color: #000;
    margin-bottom: 19px;
    font-weight: 700;
}

.celebrity-featured.podcast .media-oembed-content,
.celebrity-repository.podcast .media-oembed-content {
    width: 100%;
}

@media (min-width: 768px) {
    .celebrity-featured.podcast-header {
        margin-bottom: 24px;
    }
}

@media (min-width: 1200px) {
    .celebrity-featured.podcast-header {
        font-size: 21px;
        margin-bottom: 24px;
    }
}


/***** Modals *****/

@media (min-width: 576px) {
    .celebrity-interview .modal-dialog {
        max-width: 560px;
    }
}

@media (min-width: 768px) {
    .celebrity-interview .modal-dialog {
        max-width: 700px;
    }
}

@media (min-width: 992px) {
    .celebrity-interview .modal-dialog {
        max-width: 900px;
    }
}

@media (min-width: 1200px) {
    .celebrity-interview .modal-dialog {
        max-width: 1140px;
    }
}

.celebrity-interview .modal-content {
    border-radius: 0;
    background-color: unset;
    border: none;
}

.celebrity-interview .modal-header {
    display: block;
    padding: 0;
    border: none;
    text-align: right;
    height: 20px;
}

.celebrity-interview .modal-header .close-button {
    text-align: right;
    height: 20px;
}

.celebrity-interview .modal-header button {
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    border: none;
    background-color: unset;
    background: url("/themes/themag_st/assets/images/modals/close.png") center / contain;
}

.celebrity-interview .modal-body {
    padding: 0 20px;
}

@media (min-width: 768px) {
    .celebrity-interview .modal-header {
        padding: 0;
        height: 25px;
    }
    .celebrity-interview .modal-header .close-button {
        height: 25px;
    }
    .celebrity-interview .modal-header button {
        width: 25px;
        height: 25px;
    }
    .celebrity-interview .modal-body {
        padding: 0 25px;
    }
}


/***** View More Button *****/

.celebrity-interview-more {
    margin: 40px 10px 68px 10px;
}

.celebrity-interview-more a.btn {
    display: flex;
    height: 43px;
    align-items: center;
    justify-content: center;
    background-color: #aad0fb;
    border-color: #aad0fb;
    color: #161c45;
    font-family: "Slate Pro";
    font-size: 16px;
}

.celebrity-interview-more a.btn:focus {
    box-shadow: unset;
}

.celebrity-interview-more a.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #aad0fb;
    border-color: #aad0fb;
}

@media (min-width: 720px) {
    .celebrity-interview-more {
        margin: 41px 10px 65px 10px;
    }
    .celebrity-interview-more a.btn {
        height: 50px;
    }
}

@media (min-width: 1200px) {
    .celebrity-interview-more {
        margin: 50px 10px 73px 10px;
    }
}


/***** archive page *****/

.celebrity-interview-archive-page .view-filters {
    margin-bottom: 38px;
}

.celebrity-interview-archive-page .form-item-combine label {
    visibility: hidden;
}


/* shim since we can't use the bootstrap items on the combine field */

.celebrity-interview-archive-page .form-item-combine input.form-text {
    font-size: 16px;
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    line-height: 1.5;
    border-radius: 0.3rem;
    display: block;
    width: 100%;
    font-weight: 400;
    color: #607d8b;
    background-color: #FFF;
    background-clip: padding-box;
    border: 1px solid #cfd8dc;
    margin-top: 0px;
    background-image: url(/themes/themag_st/assets/images/giddy/SearchEyeglass.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 17.5px;
}

.celebrity-interview-archive-page .views-row.celebrity-repository {
    padding-bottom: 40px;
}


/********** New JS buttons **********/

@media (min-width: 768px) {
    .account-author-follow .btn-primary,
    .account-author-follow .btn-primary:not(:disabled):not(.disabled):active,
    .account-author-follow .btn-primary:not(:disabled):not(.disabled).active,
    .account-author-follow .btn-primary:focus,
    .account-author-follow .btn-primary.focus {
        font-size: 14px;
    }
}

.topicsOfInterest .btn-outline-dark,
.topicsOfInterest .btn-outline-dark:not(:disabled):not(.disabled):active,
.topicsOfInterest .btn-outline-dark:not(:disabled):not(.disabled).active,
.topicsOfInterest .btn-outline-dark:focus,
.topicsOfInterest .btn-outline-dark.focus {
    color: #323232;
    border-color: #323232;
    background-color: #FFF;
    font-family: "Slate Pro";
    font-size: 12px;
    box-shadow: none;
    -webkit-box-shadow: none;
}

@media (min-width: 768px) {
    .topicsOfInterest .btn-outline-dark,
    .topicsOfInterest .btn-outline-dark:not(:disabled):not(.disabled):active,
    .topicsOfInterest .btn-outline-dark:not(:disabled):not(.disabled).active,
    .topicsOfInterest .btn-outline-dark:focus,
    .topicsOfInterest .btn-outline-dark.focus {
        font-size: 16px;
    }
}

.core-topic-header .btn-outline-dark,
.core-topic-header .btn-outline-dark:not(:disabled):not(.disabled):active,
.core-topic-header .btn-outline-dark:not(:disabled):not(.disabled).active,
.core-topic-header .btn-outline-dark:focus,
.topicsOfInterest .btn-outline-dark.focus {
    color: #323232;
    border-color: #323232;
    background-color: #FFF;
    font-family: "Slate Pro";
    font-size: 12px;
    box-shadow: none;
    -webkit-box-shadow: none;
}

@media (min-width: 768px) {
    .core-topic-header .btn-outline-dark,
    .core-topic-header .btn-outline-dark:not(:disabled):not(.disabled):active,
    .core-topic-header .btn-outline-dark:not(:disabled):not(.disabled).active,
    .core-topic-header .btn-outline-dark:focus,
    .topicsOfInterest .btn-outline-dark.focus {
        font-size: 16px;
    }
}

.account-saved-article .close,
.account-saved-article .close:not(:disabled):not(.disabled):hover,
.account-saved-article .close:not(:disabled):not(.disabled):focus {
    width: 20px;
    height: 20px;
    background-image: url("/themes/themag_st/assets/images/giddy/CloseIcon.svg");
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
    text-shadow: none;
    opacity: 1;
}

@media (min-width: 768px) {
    .account-saved-article .close,
    .account-saved-article .close:not(:disabled):not(.disabled):hover,
    .account-saved-article .close:not(:disabled):not(.disabled):focus {
        width: 23px;
        height: 23px;
    }
}

.account-saved-article .btn.btn-link,
.account-saved-article .btn.btn-link.focus,
.account-saved-article .btn.btn-link:focus {
    font-size: 12px;
    font-family: "Slate Pro", sans-serif;
    text-decoration: underline;
    color: #323232;
    padding-right: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-align: right;
}

.block--newsletter-save-block .btn-outline-dark,
.block--newsletter-save-block .btn-outline-dark:not(:disabled):not(.disabled):active,
.block--newsletter-save-block .btn-outline-dark:not(:disabled):not(.disabled).active,
.block--newsletter-save-block .btn-outline-dark:focus,
.block--newsletter-save-block .btn-outline-dark.focus {
    font-family: "Slate Pro", sans-serif;
    font-size: 11px;
    background-color: #FFF;
    color: #323232;
    box-shadow: none;
    -webkit-box-shadow: none;
}

@media (min-width: 1200px) {
    .block--newsletter-save-block .btn-outline-dark,
    .block--newsletter-save-block .btn-outline-dark:not(:disabled):not(.disabled):active,
    .block--newsletter-save-block .btn-outline-dark:not(:disabled):not(.disabled).active,
    .block--newsletter-save-block .btn-outline-dark:focus,
    .block--newsletter-save-block .btn-outline-dark.focus {
        font-family: "Slate Pro", sans-serif;
        font-size: 16px;
        background-color: #FFF;
        color: #323232;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
}

.perspective-article .btn .article,
.pillar-body .btn .article,
.page-node-type-feature-articles .btn .article {
    background-image: url("/themes/themag_st/assets/images/bookmark-regular.svg");
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position-y: 50%;
    background-position-x: right;
    padding-right: 18px;
}

.perspective-article .btn .article.saved,
.pillar-body .btn .article.saved,
.page-node-type-feature-articles .btn .article.saved {
    background-image: url("/themes/themag_st/assets/images/bookmark-solid.svg");
}

.perspective-article .btn-outline-dark,
.pillar-body .btn-outline-dark,
.page-node-type-feature-articles .btn-outline-dark,
.perspective-article .btn-outline-dark:not(:disabled):not(.disabled):active,
.pillar-body .btn-outline-dark:not(:disabled):not(.disabled):active,
.page-node-type-feature-articles .btn-outline-dark:not(:disabled):not(.disabled):active,
.perspective-article .btn-outline-dark:not(:disabled):not(.disabled).active,
.pillar-body .btn-outline-dark:not(:disabled):not(.disabled).active,
.page-node-type-feature-articles .btn-outline-dark:not(:disabled):not(.disabled).active,
.perspective-article .btn-outline-dark:focus,
.block--newsletter-save-block .btn-outline-dark.focus,
.pillar-body .btn-outline-dark:focus,
.block--newsletter-save-block .btn-outline-dark.focus,
.page-node-type-feature-articles .btn-outline-dark:focus,
.block--newsletter-save-block .btn-outline-dark.focus {
    font-family: "Slate Pro", sans-serif;
    font-size: 14px;
    background-color: #FFF;
    color: #323232;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding-right: 0px;
    padding-left: 0px;
}

@media (min-width: 768px) {
    .perspective-article .btn-outline-dark,
    .pillar-body .btn-outline-dark,
    .page-node-type-feature-articles .btn-outline-dark,
    .perspective-article .btn-outline-dark:not(:disabled):not(.disabled):active,
    .pillar-body .btn-outline-dark:not(:disabled):not(.disabled):active,
    .page-node-type-feature-articles .btn-outline-dark:not(:disabled):not(.disabled):active,
    .perspective-article .btn-outline-dark:not(:disabled):not(.disabled).active,
    .pillar-body .btn-outline-dark:not(:disabled):not(.disabled).active,
    .page-node-type-feature-articles .btn-outline-dark:not(:disabled):not(.disabled).active,
    .perspective-article .btn-outline-dark:focus,
    .block--newsletter-save-block .btn-outline-dark.focus,
    .pillar-body .btn-outline-dark:focus,
    .block--newsletter-save-block .btn-outline-dark.focus,
    .page-node-type-feature-articles .btn-outline-dark:focus,
    .block--newsletter-save-block .btn-outline-dark.focus {
        font-size: 12px;
    }
}


/********** parallax paragraph type **********/

.paragraph-parallax-container {
    min-height: 267px;
    background: transparent;
}

.paragraph-parallax-container.desktop {
    display: none;
}

.paragraph-parallax-container.mobile {
    display: block;
}

@media (min-width: 768px) {
    .paragraph-parallax-container.desktop {
        display: block;
    }
    .paragraph-parallax-container.mobile {
        display: none;
    }
}

.jarallax {
    position: relative;
    z-index: 0;
}

.jarallax>.jarallax-img {
    position: absolute;
    object-fit: cover;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}


/********** Feature Article **********/


/***** Header Image *****/

.featured-author .themag-layout__region--first {
    position: relative;
}

.featured-author .themag-layout__region--first>div {
    position: absolute;
}

.featured-author .themag-layout__region--third>div {
    display: none;
}

.featured-article-header {
    width: 100%;
    margin: auto;
    position: relative;
}

.featured-article-header img {
    width: 100%;
}

.featured-article-header .featured-article-mobile-image {
    display: block;
}

.featured-article-header .featured-article-desktop-image {
    display: none;
}

@media (min-width: 768px) {
    .featured-article-header .featured-article-mobile-image {
        display: none;
    }
    .featured-article-header .featured-article-desktop-image {
        display: block;
    }
}

.featured-article-header .featured-article-header-details {
    position: absolute;
    bottom: 0;
    height: 100%;
    color: #FFF;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding-bottom: 57px;
}

@media (min-width: 768px) {
    .featured-article-header .featured-article-header-details {
        position: absolute;
        bottom: 0;
        height: 100%;
        color: #FFF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding-bottom: unset;
    }
}

.featured-article-header .featured-article-header-details .featured-article-title {
    font-family: ivypresto-display;
    font-size: 28px;
    font-weight: 700;
    font-style: italic;
    line-height: 32.2px;
    margin: 12px 0;
}

.featured-article-header .featured-article-header-details .featured-article-deck {
    font-family: "Slate Pro";
    font-size: 14px;
    line-height: 19.6px;
    margin: 13px 0;
}

.featured-article-header .category-date-view a,
.featured-article-header .category-date-view p {
    font-size: 12px;
}

.feature-article-image-header .field--name-field-image-caption {
    font-family: "Slate Pro";
    font-size: 12px;
    color: #999;
    width: 100%;
    max-width: 1440px;
    margin: auto;
    padding-left: 15px;
}

.page-node-type-feature-articles .author-reviewer-block .view-footer {
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (min-width: 768px) {
    .featured-article-header .featured-article-header-details .featured-article-title {
        font-size: 24px;
        line-height: 27.6px;
        margin: 10px 0;
    }
    .featured-article-header .featured-article-header-details .featured-article-deck {
        font-size: 14px;
        line-height: 19.6px;
        margin: 10px 0;
    }
    .featured-article-header .category-date-view a,
    .featured-article-header .category-date-view p {
        font-size: 12px;
    }
}

@media (min-width: 1200px) {
    .featured-article-header .featured-article-header-details .featured-article-title {
        font-size: 38px;
        line-height: 43.7px;
        margin: 13px 0;
    }
    .featured-article-header .featured-article-header-details .featured-article-deck {
        font-size: 24px;
        line-height: 33.6px;
        margin: 13px 0;
    }
    .featured-article-header .category-date-view a,
    .featured-article-header .category-date-view p {
        font-size: 16px;
    }
    .page-node-type-feature-articles .author-reviewer-block {
        padding-bottom: 20px;
    }
}


/****** Author Info Block ******/

.page-node-type-feature-articles .block--views-block\:author-info-block-1 {
    padding: 0;
}

@media (min-width: 768px) {
    .page-node-type-feature-articles .block--views-block\:author-info-block-1 {
        padding: 0px 24px;
    }
}


/***** Drop Cap *****/


/*.page-node-type-feature-articles .paragraph--type--_-column .block--field-block\:paragraph\:1-column\:field-section-body:first-of-type p:first-of-type:first-letter {*/


/*  color: #3185FC;*/


/*  font-family: ivypresto-display;*/


/*  font-weight: 400;*/


/*  font-size: 80px;*/


/*  padding: 23px 5px 14px 0;*/


/*  float: left;*/


/*}*/


/*@media (min-width: 768px) {*/


/*  .page-node-type-feature-articles .paragraph--type--_-column .block--field-block\:paragraph\:1-column\:field-section-body:first-of-type p:first-of-type:first-letter {*/


/*    font-size: 91px;*/


/*    padding: 25px 2px 14px 0;*/


/*  }*/


/*}*/


/*@media (min-width: 1440px) {*/


/*  .page-node-type-feature-articles .paragraph--type--_-column .block--field-block\:paragraph\:1-column\:field-section-body:first-of-type p:first-of-type:first-letter {*/


/*    font-size: 96px;*/


/*    padding: 30px 5px 14px 0;*/


/*  }*/


/*}*/


/***** Headings *****/

.page-node-type-feature-articles .field--name-field-section-title {
    font-family: ivypresto-display;
    font-weight: 700;
    font-size: 22px;
    line-height: 31.68px;
}


/***** Sticky Sidebar *****/

.page-node-type-feature-articles .guide-2-columns .image {
    padding-left: 30px;
}

.page-node-type-feature-articles .guide-2-columns .image>div {
    width: 100%;
    max-width: 648px;
    margin: 0 auto;
}

.page-node-type-feature-articles .guide-2-columns .image>div:first-of-type {
    position: sticky;
    top: 10px;
    padding-top: 120px;
}

.page-node-type-feature-articles .guide-2-columns .image img {
    width: 100%;
    max-width: 648px;
    border-style: unset;
}

.page-node-type-feature-articles .field--name-field-image-caption,
.page-node-type-feature-articles figcaption {
    font-size: 12px;
    font-family: "Slate Pro";
    color: #999;
}

.page-node-type-feature-articles .guide-2-columns.right img,
.page-node-type-feature-articles .guide-2-columns.left img {
    float: unset;
}


/***** Single Column Styling *****/

.page-node-type-feature-articles .paragraph--type--_-column .block--field-block\:paragraph\:1-column\:field-section-body p,
.page-node-type-feature-articles .paragraph--type--_-column .block--field-block\:paragraph\:1-column\:field-section-title {
    padding: 0px;
}

.page-node-type-feature-articles .paragraph--type--_-column .block--field-block\:paragraph\:1-column\:field-section-body img {
    margin-top: 20px;
}

.page-node-type-feature-articles .paragraph--type--_-column .block--field-block\:paragraph\:1-column\:field-section-body figcaption {
    margin-bottom: 20px;
}

.page-node-type-feature-articles .paragraph--type--_-column .block--field-block\:paragraph\:1-column\:field-section-body ul {
    padding: 0 20px;
    font-weight: bold;
}

@media (min-width: 768px) {
    .page-node-type-feature-articles .paragraph--type--_-column {
        margin-bottom: 60px;
    }
    .page-node-type-feature-articles .paragraph--type--_-column .block--field-block\:paragraph\:1-column\:field-section-body p,
    .page-node-type-feature-articles .paragraph--type--_-column .block--field-block\:paragraph\:1-column\:field-section-title {
        padding: 0px 24px;
    }
    .page-node-type-feature-articles .paragraph--type--_-column .block--field-block\:paragraph\:1-column\:field-section-body img {
        margin-top: 30px;
    }
    .page-node-type-feature-articles .paragraph--type--_-column .block--field-block\:paragraph\:1-column\:field-section-body figcaption {
        margin-bottom: 30px;
    }
    .page-node-type-feature-articles .paragraph--type--_-column .block--field-block\:paragraph\:1-column\:field-section-body ul {
        padding: 0 80px;
    }
}


/***** 2 column styling *****/

.page-node-type-feature-articles .guide-2-columns.left .col-12,
.page-node-type-feature-articles .guide-2-columns.right .col-12 {
    padding: 0;
}

.page-node-type-feature-articles .guide-2-columns.left .field--name-field-section-title,
.page-node-type-feature-articles .guide-2-columns.left .field--name-field-section-body {
    padding: 0;
}

.page-node-type-feature-articles .guide-2-columns.right .field--name-field-section-title,
.page-node-type-feature-articles .guide-2-columns.right .field--name-field-section-body {
    padding: 0;
}

@media (min-width: 768px) {
    .page-node-type-feature-articles .guide-2-columns.left .col-12,
    .page-node-type-feature-articles .guide-2-columns.right .col-12 {
        padding: 54px 0;
    }
    .page-node-type-feature-articles .guide-2-columns.left .field--name-field-section-title,
    .page-node-type-feature-articles .guide-2-columns.left .field--name-field-section-body {
        padding: 0 20px 26px 28px;
    }
    .page-node-type-feature-articles .guide-2-columns.right .field--name-field-section-title,
    .page-node-type-feature-articles .guide-2-columns.right .field--name-field-section-body {
        padding: 0 48px 26px 0px;
    }
}


/***** quote styling *****/

.page-node-type-feature-articles .guide-quote {
    padding: 25px 0 50px 0;
}

.page-node-type-feature-articles .guide-quote p {
    font-family: ivypresto-display;
    font-style: italic;
    font-size: 18px;
    line-height: 23.58px;
    text-align: center;
    margin: 22px 0;
}

.page-node-type-feature-articles .guide-quote::after,
.page-node-type-feature-articles .guide-quote::before {
    content: '';
    width: 78px;
    height: 3px;
    background-color: #3185FC;
    position: absolute;
    left: calc(50% - 44px);
}

@media (min-width: 768px) {
    .page-node-type-feature-articles .guide-quote {
        padding: 10px 0 50px 0;
    }
    .page-node-type-feature-articles .guide-quote p {
        font-size: 21px;
        line-height: 27.51px;
        text-align: center;
        margin: 22px 0;
    }
}


/***** Feature article arrest block *****/

.view-feature-article-teaser .registration-arrest-form {
    max-width: 700px;
    margin: 0 auto 87px auto;
}


/*********** Marketing Perspective content type tweaks **********/

.page-node-type-marketing-perspective .author-reviewer-block .contianer-fluid>.row {
    flex-direction: column-reverse;
}

.page-node-type-marketing-perspective .author-reviewer-block .contianer-fluid>.row .col-12 {
    padding-top: 0 !important;
}


/********** Celebrity Interview New Article Page **********/


/***** Page Title *****/

.row.bare-title-header {
    text-align: center;
    max-width: 584px;
    margin: 46px auto 0 auto;
    padding: 0 20px;
}

.row.bare-title-header h1 {
    font-family: ivypresto-display;
    font-weight: 400;
    margin-bottom: 18px;
    font-size: 32px;
}

.row.bare-title-header p {
    font-family: "Slate Pro";
    font-size: 14px;
    line-height: 24px;
}

@media (min-width: 768px) {
    .row.bare-title-header h1 {
        font-size: 38px;
        margin-bottom: 23px;
    }
}

@media (min-width: 1200px) {
    .row.bare-title-header {
        max-width: 827px;
        margin: 71px auto 0 auto;
    }
    .row.bare-title-header h1 {
        font-size: 38px;
        margin-bottom: 21px;
    }
    .row.bare-title-header p {
        font-size: 16px;
        line-height: 26px;
    }
}


/***** QA section tweaks *****/

@media (min-width: 768px) {
    .q-a-section .block--views-block\:newest-articles-fetured-block-1 {
        margin: 197px 0 0 0px;
    }
}

@media (min-width: 1200px) {
    .q-a-section .block--views-block\:newest-articles-fetured-block-1 {
        margin: 123px 0 0 60px;
    }
}

.q-a-section .block--field-block\:node\:celebrity-interviews\:field-q-a-section-intro {
    border-bottom: 1px #dcdcdc solid;
}

.q-a-section .q-a-interview-note {
    text-align: center;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    margin: 30px auto;
    font-style: italic;
    color: #323232;
}


/***** Read More *****/

.page-node-type-celebrity-interviews .q-a-read-more {
    max-width: 1040px;
    width: 100%;
    padding: 0 20px;
    border-bottom: 1px #dcdcdc solid;
}

.page-node-type-celebrity-interviews .q-a-read-more a {
    display: block;
    width: 100%;
    max-width: 385px;
    margin: 15px auto 44px auto;
    padding: 8px 0;
    background-color: #aad0fb;
    border-radius: 4px;
    font-family: "Slate Pro";
    font-weight: 400;
    font-size: 16px;
    color: #161c45;
    text-align: center;
    display: none;
}

.page-node-type-celebrity-interviews .q-a-read-more a.collapsed::before {
    content: '';
    position: absolute;
    z-index: 2;
    top: -160px;
    right: 0;
    bottom: 89px;
    left: 0;
    background-color: #00000000;
    background-image: linear-gradient(to bottom, #FFFFFF01, #FFFFFF01, #FFFFFF01, #FFFFFF);
}

.page-node-type-celebrity-interviews .q-a-read-more a.collapsed {
    display: block;
}


/***** Carousel Slider *****/


/***** carousel tweaks *****/

.more-episodes-carousel .carousel-control-prev {
    justify-content: flex-start;
    opacity: 1;
    padding-bottom: 120px;
}

.more-episodes-carousel .carousel-control-next {
    justify-content: flex-end;
    opacity: 1;
    padding-bottom: 120px;
}

.more-episodes-carousel .carousel-control-prev-icon,
.more-episodes-carousel .carousel-control-next-icon {
    background-color: #161C45;
    width: 52px;
    height: 52px;
    background-size: 40% 40%;
}

@media (min-width: 768px) {
    .more-episodes-carousel .carousel-control-prev-icon,
    .more-episodes-carousel .carousel-control-next-icon {
        width: 34px;
        height: 34px;
        background-size: 40% 40%;
    }
}

@media (min-width: 1200px) {
    .more-episodes-carousel .carousel-control-prev-icon,
    .more-episodes-carousel .carousel-control-next-icon {
        width: 36px;
        height: 36px;
        background-size: 40% 40%;
    }
}

.more-episodes-carousel .carousel-control-next-icon {
    background-image: url("/themes/themag_st/assets/images/carousel-next-arrow.svg");
}

.more-episodes-carousel .carousel-control-prev-icon {
    background-image: url("/themes/themag_st/assets/images/carousel-back-arrow.svg");
}


/********** Celebrity Interviews more episodes carousel **********/

.page-node-type-celebrity-interviews .more-episodes-carousel {
    position: relative;
}

.page-node-type-celebrity-interviews .more-episodes-title {
    margin-bottom: 14px;
    font-family: "Slate Pro";
    font-weight: 400;
    font-size: 21px;
}

.page-node-type-celebrity-interviews .more-episodes-carousel .views-field-nothing {
    text-align: center;
}

.page-node-type-celebrity-interviews .more-episodes-carousel .views-field-nothing a {
    color: #000;
    font-family: "Slate Pro";
    font-size: 21px;
}

.page-node-type-celebrity-interviews .more-episodes-carousel .views-field-nothing p {
    margin-top: 21px;
}

@media (min-width: 768px) {
    .page-node-type-celebrity-interviews .more-episodes-carousel .views-field-nothing a {
        font-size: 16px;
    }
    .page-node-type-celebrity-interviews .more-episodes-carousel .views-field-nothing p {
        margin-top: 14px;
    }
}

.page-node-type-celebrity-interviews .more-episodes-link {
    width: 100%;
    padding: 0 20px;
    border-bottom: 1px #dcdcdc solid;
}

.page-node-type-celebrity-interviews .more-episodes-link a {
    display: block;
    width: 100%;
    max-width: 385px;
    margin: 15px auto 44px auto;
    padding: 8px 0;
    background-color: #aad0fb;
    border-radius: 4px;
    font-family: "Slate Pro";
    font-weight: 400;
    font-size: 16px;
    color: #161c45;
    text-align: center;
}


/***** Popular this week *****/

.page-node-type-celebrity-interviews .view-newest-articles-fetured .hp-section-title h5 {
    font-size: 16px;
    line-height: 18px;
    color: #323232;
    margin-bottom: 14px;
}

.page-node-type-celebrity-interviews .view-newest-articles-fetured .newest-articles-info {
    margin-left: 16px;
}

.page-node-type-celebrity-interviews .view-newest-articles-fetured .newest-articles-info p {
    margin-bottom: 0;
}

.page-node-type-celebrity-interviews .view-newest-articles-fetured .newest-articles-block {
    margin-bottom: 23px;
}

@media (min-width: 1200px) {
    .page-node-type-celebrity-interviews .view-newest-articles-fetured {
        max-width: 95%;
    }
    .page-node-type-celebrity-interviews .view-newest-articles-fetured .newest-articles-block {
        margin-bottom: 29px;
    }
    .page-node-type-celebrity-interviews .view-newest-articles-fetured .hp-section-title h5 {
        font-size: 21px;
        line-height: 24px;
        margin-bottom: 26px;
    }
    .page-node-type-celebrity-interviews .view-newest-articles-fetured .newest-articles-info {
        margin-left: 26px;
    }
}


/******** Video Interval *********/

div#homePagetwoimages {
    margin-bottom: 40px;
}

.article-body .field--name-field-section-body {
    margin-top: 30px;
}

.article-body .paragraph--type--video-modal {
    margin-bottom: 0;
}

.article-body .paragraph--type--video-modal h2 {
    margin-top: 14px;
    margin-bottom: 20px;
    margin-left: 10px;
}

.article-body .paragraph--type--video-modal .video-person {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.article-body .paragraph--type--video-modal .video-person .video-person-name {
    font-family: "Slate Pro Bold";
    font-size: 14px;
    font-weight: normal;
    color: #323232;
    line-height: 18px;
}

.article-body .paragraph--type--video-modal .video-person .video-person-pronoun {
    font-family: "Slate Pro";
    font-style: italic;
    font-size: 10px;
    font-weight: 400;
    color: #323232;
    line-height: 18px;
}

.article-body .paragraph--type--video-modal .video-person-quote {
    margin-top: 5px;
    font-family: ivypresto-display;
    font-weight: normal;
    font-size: 10px;
    line-height: 13px;
    font-style: italic;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .article-body .paragraph--type--video-modal .video-person .video-person-name {
        font-family: "Slate Pro Bold";
        font-size: 24px;
        font-weight: normal;
        color: #323232;
        line-height: 26px;
    }
    .article-body .paragraph--type--video-modal .video-person .video-person-pronoun {
        font-family: "Slate Pro";
        font-style: italic;
        font-size: 18px;
        font-weight: 400;
        color: #323232;
        line-height: 20px;
    }
    .article-body .paragraph--type--video-modal .video-person-quote {
        margin-top: 26px;
        font-family: ivypresto-display;
        font-weight: normal;
        font-size: 16px;
        line-height: 21px;
        font-style: italic;
    }
}

@media (min-width: 1200px) {
    .article-body .paragraph--type--video-modal .video-person .video-person-name {
        font-family: "Slate Pro Bold";
        font-size: 32px;
        font-weight: normal;
        color: #323232;
    }
    .article-body .paragraph--type--video-modal .video-person .video-person-pronoun {
        font-family: "Slate Pro";
        font-style: italic;
        font-size: 24px;
        font-weight: 400;
        color: #323232;
    }
    .article-body .paragraph--type--video-modal .video-person-quote {
        margin-top: 26px;
        font-family: ivypresto-display;
        font-weight: normal;
        font-size: 24px;
        line-height: 31px;
        font-style: italic;
    }
}


/********** Dictionary Definition **********/

.paragraph--type--full-page-qoute .definition-layout .block--field-block\:paragraph\:full-page-qoute\:field-title {
    font-family: ivypresto-display;
    font-size: 30px;
    color: #000;
    font-weight: 600;
    margin-bottom: 5px;
}

.paragraph--type--full-page-qoute .definition-layout .block--field-block\:paragraph\:full-page-qoute\:field-subtitle {
    font-family: "Slate Pro";
    font-size: 16px;
    color: #8f8f8f;
    font-style: italic;
    border-bottom: 1px solid #dadada;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.paragraph--type--full-page-qoute .definition-layout .block--field-block\:paragraph\:full-page-qoute\:field-bold-quote-area {
    font-family: "Slate Pro Bold";
    font-size: 16px;
    font-style: italic;
    line-height: 29px;
    margin-bottom: 5px;
}

.paragraph--type--full-page-qoute .definition-layout .block--field-block\:paragraph\:full-page-qoute\:field-full-quote {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    line-height: 23px;
    color: #000;
    margin-bottom: 5px;
}

.paragraph--type--full-page-qoute .definition-layout .block--field-block\:paragraph\:full-page-qoute\:field-subquote {
    font-family: "Slate Pro";
    font-size: 11px;
    line-height: 20px;
    color: #8f8f8f;
}

.paragraph--type--full-page-qoute .definition-layout .block--field-block\:paragraph\:full-page-qoute\:field-subquote p {
    margin-bottom: 0;
}

.paragraph--type--full-page-qoute .definition-layout .block--field-block\:paragraph\:full-page-qoute\:field-subquote p a {
    color: #8f8f8f;
    text-decoration: underline;
}

@media (min-width: 768px) {
    .paragraph--type--full-page-qoute .definition-layout .block--field-block\:paragraph\:full-page-qoute\:field-title {
        font-family: ivypresto-display;
        font-size: 30px;
        color: #000;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .page-node-type-feature-articles .carousel-control-prev-icon,
    .page-node-type-feature-articles .carousel-control-next-icon {
        width: 50px;
        height: 50px;
    }
    .paragraph--type--full-page-qoute .definition-layout .block--field-block\:paragraph\:full-page-qoute\:field-subtitle {
        font-family: "Slate Pro";
        font-size: 16px;
        color: #8f8f8f;
        font-style: italic;
        border-bottom: 1px solid #dadada;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .paragraph--type--full-page-qoute .definition-layout .block--field-block\:paragraph\:full-page-qoute\:field-bold-quote-area {
        font-family: "Slate Pro Bold";
        font-size: 16px;
        font-style: italic;
        line-height: 29px;
        margin-bottom: 10px;
    }
    .paragraph--type--full-page-qoute .definition-layout .block--field-block\:paragraph\:full-page-qoute\:field-full-quote {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 13px;
        line-height: 23px;
        color: #000;
        margin-bottom: 10px;
    }
    .paragraph--type--full-page-qoute .definition-layout .block--field-block\:paragraph\:full-page-qoute\:field-subquote {
        font-family: "Slate Pro";
        font-size: 12px;
        line-height: 22px;
        color: #8f8f8f;
    }
    .paragraph--type--full-page-qoute .definition-layout .block--field-block\:paragraph\:full-page-qoute\:field-subquote p {
        margin-bottom: 0;
    }
    .paragraph--type--full-page-qoute .definition-layout .block--field-block\:paragraph\:full-page-qoute\:field-subquote p a {
        color: #8f8f8f;
        text-decoration: underline;
    }
}

@media (min-width: 1200px) {
    .paragraph--type--full-page-qoute .definition-layout .block--field-block\:paragraph\:full-page-qoute\:field-title {
        font-family: ivypresto-display;
        font-size: 36px;
        color: #000;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .paragraph--type--full-page-qoute .definition-layout .block--field-block\:paragraph\:full-page-qoute\:field-subtitle {
        font-family: "Slate Pro";
        font-size: 18px;
        color: #8f8f8f;
        font-style: italic;
        border-bottom: 1px solid #dadada;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .paragraph--type--full-page-qoute .definition-layout .block--field-block\:paragraph\:full-page-qoute\:field-bold-quote-area {
        font-family: "Slate Pro Bold";
        font-size: 18px;
        font-style: italic;
        line-height: 32px;
        margin-bottom: 5px;
    }
    .paragraph--type--full-page-qoute .definition-layout .block--field-block\:paragraph\:full-page-qoute\:field-full-quote {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 14px;
        line-height: 25px;
        color: #000;
        margin-bottom: 5px;
    }
    .paragraph--type--full-page-qoute .definition-layout .block--field-block\:paragraph\:full-page-qoute\:field-subquote {
        font-family: "Slate Pro";
        font-size: 13px;
        line-height: 23px;
        color: #8f8f8f;
    }
    .paragraph--type--full-page-qoute .definition-layout .block--field-block\:paragraph\:full-page-qoute\:field-subquote p {
        margin-bottom: 0;
    }
    .paragraph--type--full-page-qoute .definition-layout .block--field-block\:paragraph\:full-page-qoute\:field-subquote p a {
        color: #8f8f8f;
        text-decoration: underline;
    }
}

.page-node-type-feature-articles .author-reviewer-block .view-footer #block-addtoanybuttons {
    display: inline-block;
}

.page-node-type-feature-articles .author-reviewer-block .view-footer {
    position: relative;
    width: 100%;
    text-align: center;
}

.page-node-type-feature-articles .author-reviewer-follow-block,
.page-node-type-feature-articles .author-reviewer-block .container-fluid .row {
    justify-content: center;
}

.page-node-type-feature-articles .author-reviewer-follow-buttons {
    display: none;
}

@media (min-width: 1200px) {
    .page-node-type-feature-articles .author-reviewer-block .view-footer #block-addtoanybuttons {
        display: none;
    }
}



.section-main-container {
    max-width: 95vw;
    margin-left: auto;
    margin-right: auto;
    padding-right: 1rem;
    padding-left: 1rem;
}

.themag-layout .block:not(:last-child) {
    margin-bottom: 0rem;
}

.paragraph {
    margin-bottom: 0rem;
}

.button:hover {
    color: #3185FC;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media only screen and (max-width: 525px) {}

@media only screen and (max-width: 992px) {
    .full-width-mobile {
        max-width: 100vw;
        margin-left: auto;
        margin-right: auto;
        padding-right: 0rem;
        padding-left: 0rem;
    }
    .celebrity-video .paragraph--type--video-clip {
        margin-bottom: 0;
    }
    .celebrity-video .themag-layout--my-default {
        margin-top: 0px;
        margin-bottom: 0px;
    }
}


@media only screen and (min-width: 1200px) {
    .section-main-container {
        max-width: 1105px;
        margin-left: auto;
        margin-right: auto;
        padding-right: 0rem;
        padding-left: 0rem;
    }
}

@media only screen and (max-width: 574px) {
    #account-author-titleBlock {
        flex-direction: row;
        align-items: center;
    }
    .account-author-image img {
        width: 63px;
        height: 63px;
        margin: auto;
    }
    .account-author-image {
        min-width: 65px;
        flex-grow: 1;
    }
    .account-remove-text {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 12px;
        text-decoration: underline;
        color: #323232;
        display: inline;
        text-align: right;
    }
    #caretRectangle {
        width: 36px;
        height: 36px;
    }
    #expandCaret {
        width: 14px;
        height: 9px;
        position: absolute;
        top: 16px;
        left: 13px;
    }
    #expandCaret:hover {
        transform: rotate( 180deg);
    }
}

@media only screen and (max-width: 767px) {
    #account-small-device-title {
        display: block;
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 28px;
        text-size-adjust: 100%;
        text-align: center;
        padding-bottom: 20px;
    }
    .authors-followed-title {
        display: block;
    }
    .account-author-image {
        min-width: 65px;
        flex-grow: 1;
    }
    .account-author-button {
        min-width: 78px;
        flex-grow: 1;
    }
    .account-author-image img {
        width: 63px;
        height: 63px;
        margin: auto;
    }
    .account-author-topage {
        text-align: left;
        padding-left: 5px;
        flex-grow: 2;
    }
    #account-author-link {
        word-wrap: break-word;
        color: #323232;
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 20px;
    }
    .asbutton-account-author-following {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 32px;
        color: #161C45;
        background-color: #AAD0FB;
        width: 75px;
        height: 32px;
        border-radius: 3px;
        border: none;
        padding: 0px;
        text-align: center;
        align-items: center;
        justify-content: center;
    }
    .account-recent-articles {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        text-align: left;
        margin-bottom: 0;
        padding-top: 15px;
    }
    .account-author-seemore {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        color: #323232;
    }
    .author-first-row {
        padding-top: 20px;
    }
    .author-second-row {
        padding-top: 20px;
    }
    .account-author-category {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 700;
        font-size: 10px;
        line-height: 10px;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        margin-bottom: 3px;
    }
    .account-author-title {
        margin-bottom: 1px;
    }
    .account-author-title a {
        font-family: ivypresto-display;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 0.01em;
        color: #000000;
        margin-bottom: 1px;
        display: inline-block
    }
    .account-author-deck {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 400;
        font-size: 11px;
        line-height: 15px;
        color: #323232;
    }
    #account-perspective-square {
        display: flex;
        word-break: break-word;
    }
    #account-perspective-rectangle {
        display: none;
    }
    .account-saved-mb {
        display: flex;
        word-break: break-word;
        padding-bottom: 50px;
    }
    .account-saved-pillar-mb {
        display: flex;
        word-break: break-word;
        padding-bottom: 50px;
    }
    .account-saved-tb {
        display: none;
    }
    .account-saved-dt {
        display: none;
    }
    .account-saved-pillar-dt {
        display: none;
    }
    #account-no_articles-dt {
        display: none;
    }
    #account-no_articles-mb {
        display: flex;
        word-break: break-word;
        padding-bottom: 50px;
    }
    .account-read-title a {
        font-family: ivypresto-display;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 0.01em;
        color: #323232;
        display: inline-block;
    }
    .account-read-deck {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        line-height: 100%;
        letter-spacing: 0.01em;
        color: #323232;
        margin-bottom: 5px;
    }
    .account-read-category {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: bold;
        font-size: 10px;
        line-height: 100%;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
    .account-read-category a {
        color: #46B1FF;
    }
    .account-read-author {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 12px;
        color: #999999;
        margin-bottom: 0px;
    }
    .account-read-author a {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 12px;
        color: #323232;
        margin-bottom: 0px;
    }
    .account-img-close {
        width: 20px;
        height: 20px;
    }
    .account-topic-header {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 100%;
        margin-bottom: 0px;
        color: #000000;
    }
    .account-remove-text {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 12px;
        text-decoration: underline;
        color: #323232;
        display: inline;
        text-align: right;
    }
    #caretRectangle {
        width: 36px;
        height: 36px;
    }
    #expandCaret {
        width: 14px;
        height: 9px;
        position: absolute;
        top: 14px;
        left: 10px;
    }
    .featured-title {
        font-family: IvyPresto Display;
        font-style: normal;
        font-weight: 700;
        font-size: 28px;
        line-height: 32px;
        text-align: center;
        color: #323232;
    }
    .featured-deck {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        height: 64px;
        padding-bottom: 20px;
        color: #323232;
    }
    #athleteInstagramTiles {
        flex-direction: column;
        align-items: center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    #account-author-titleBlock {
        flex-direction: column;
    }
    .authors-followed-title {
        display: none;
    }
    #account-perspective-square {
        display: none;
    }
    #account-perspective-rectangle {
        display: inline;
    }
    #account-small-device-title {
        display: none;
    }
    .account-author-topage {
        display: flex;
        align-items: center;
    }
    .account-author-follow {
        display: flex;
        align-items: center;
    }
    .account-author-image img {
        width: 56px;
        height: 56px;
        margin: auto;
    }
    #account-author-link {
        word-wrap: break-word;
        color: #323232;
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .asbutton-account-author-following {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 32px;
        color: #161C45;
        background-color: #AAD0FB;
        width: 82px;
        height: 30px;
        border-radius: 3px;
        border: none;
        padding: 0px;
        text-align: center;
    }
    .account-recent-articles {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 18px;
        text-align: left;
        margin-bottom: 0;
        padding-top: 15px;
        padding-bottom: 7px;
    }
    .account-recent-articles span {
        padding-left: 15px;
    }
    .account-author-seemore {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 18px;
        color: #323232;
    }
    .account-author-perspective img {
        padding: 0px;
        padding-bottom: 10px;
    }
    .account-author-category {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 700;
        font-size: 10px;
        line-height: 10px;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        margin-bottom: 3px;
    }
    .account-author-title a {
        font-family: ivypresto-display;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 0.01em;
        color: #000000;
        margin-bottom: 5px;
        display: inline-block
    }
    .account-author-deck {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 400;
        font-size: 11px;
        line-height: 15px;
        color: #323232;
    }
    .account-saved-mb {
        display: none;
    }
    .account-saved-pillar-mb {
        display: none;
    }
    .account-saved-tb {
        display: flex;
        word-break: break-word;
        padding-bottom: 50px;
    }
    .account-saved-dt {
        display: flex;
        word-break: break-word;
        padding-bottom: 50px;
    }
    .account-saved-pillar-dt {
        display: flex;
        word-break: break-word;
        padding-bottom: 50px;
    }
    #account-no_articles-dt {
        display: none;
    }
    #account-no_articles-mb {
        display: flex;
        word-break: break-word;
        padding-bottom: 50px;
    }
    .account-read-title a {
        font-family: ivypresto-display;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 18px;
        letter-spacing: 0.01em;
        color: #323232;
    }
    .account-read-deck {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        line-height: 15px;
        letter-spacing: 0.01em;
        color: #323232;
        margin-bottom: 0px;
    }
    .also-read-deck {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        line-height: 120%;
        letter-spacing: 0.01em;
        color: #323232;
        margin-bottom: 15px;
    }
    .account-read-category {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 100%;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
    .account-read-category a {
        color: #46B1FF;
    }
    .account-read-author {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 12px;
        color: #999999;
        display: inline-block;
        margin-bottom: 0px;
    }
    .account-read-author a {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 12px;
        color: #323232;
        margin-bottom: 0px;
    }
    #account-remove-article {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 100%;
        text-transform: capitalize;
        margin-bottom: 0px;
    }
    .account-img-close {
        width: 23px;
        height: 23px;
    }
    .row .guide-article-layout {
        margin-bottom: 40px;
    }
    .account-topic-header {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: normal;
        font-size: 21px;
        line-height: 110%;
        margin-bottom: 0px;
        color: #000000;
    }
    .asbutton-account-author-following {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 32px;
        color: #161C45;
        background-color: #AAD0FB;
        width: 75px;
        height: 32px;
        border-radius: 3px;
        border: none;
        border: none;
        padding: 0px;
        text-align: center;
    }
    .account-remove-text {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 400;
        font-size: 11px;
        line-height: 11px;
        text-decoration: underline;
        color: #323232;
        display: inline;
        text-align: right;
    }
    #account-author-titleBlock {
        flex-direction: column;
    }
    .author-second-row {
        padding-top: 50px;
    }
    #account-seemore-link-arrow {
        max-width: 100%;
        height: auto;
    }
    .account-recent-articles {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 18px;
        text-align: left;
        margin-bottom: 0;
        padding-bottom: 10px;
    }
    .account-author-seemore {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 18px;
        color: #323232;
        margin-bottom: 0;
        padding-bottom: 10px;
    }
    .account-articles-category {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        color: #AA4FF1;
    }
    .account-read-title a {
        color: #323232;
    }
    #account-remove-article {
        color: #999999
    }
    .account-pad-top {
        padding-top: 25px;
    }
    .account-img-bookmark {
        height: 50px;
        width: 36px;
        color: #999999;
        fill: #999999;
    }
    .account-no_articles-text-head {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        color: #999999;
    }
    .account-no_articles-text {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        color: #999999;
    }
    #caretRectangle {
        width: 43px;
        height: 43px;
    }
    #expandCaret {
        width: 14px;
        height: 9px;
        position: absolute;
        top: 16px;
        left: 14px;
    }
    #expandCaret:hover {
        transform: rotate( 180deg);
    }
    .featured-title {
        font-family: "IvyPresto Display";
        font-style: normal;
        font-weight: 700;
        font-size: 28px;
        line-height: 32px !important;
        text-align: center;
        padding-left: 0px;
        padding-bottom: 5px;
        color: #323232;
    }
    .featured-deck {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        height: 63px;
        padding-bottom: 22px;
    }
}

@media only screen and (min-width: 1200px) {
    #account-small-device-title {
        display: none;
    }
    .authors-followed-title {
        display: none;
    }
    #account-author-titleBlock {
        flex-direction: column;
    }
    #account-perspective-square {
        display: flex;
    }
    #account-perspective-rectangle {
        display: none;
    }
    .account-saved-mb {
        display: none;
    }
    .account-saved-pillar-mb {
        display: none;
    }
    .account-saved-tb {
        display: none;
    }
    .account-saved-dt {
        display: flex;
        word-break: break-word;
        padding-bottom: 50px;
    }
    .account-saved-pillar-dt {
        display: flex;
        word-break: break-word;
        padding-bottom: 50px;
    }
    .account-img-bookmark {
        height: 50px;
        width: 36px;
        color: #999999;
        fill: #999999;
    }
    .account-author-topage {
        display: flex;
        align-items: center;
    }
    .account-author-follow {
        display: flex;
        align-items: center;
    }
    .account-author-button {
        min-width: 82px;
        flex-grow: 1;
    }
    .account-author-image {
        width: 80px;
        height: 80px;
        margin: auto;
    }
    #account-author-link {
        word-wrap: break-word;
        color: #323232;
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 20px;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 10px;
    }
    .account-recent-articles {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 21px;
        text-align: left;
        margin-bottom: 5px;
        padding-top: 15px;
    }
    .account-recent-articles span {
        padding-left: 0px;
    }
    .account-author-seemore {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 21px;
        color: #323232;
    }
    .account-author-category {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 12px;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        margin-bottom: 5px;
    }
    .account-author-title a {
        font-family: ivypresto-display;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 20px;
        letter-spacing: 0.01em;
        color: #000000;
        margin-bottom: 5px;
        display: inline-block
    }
    .account-author-deck {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 400;
        font-size: 11px;
        line-height: 15px;
        color: #323232;
    }
    .author-first-row {
        padding-top: 5px;
        padding-bottom: 35px;
    }
    .author-second-row {
        padding-bottom: 25px;
    }
    #account-no_articles-dt {
        display: flex;
        word-break: break-word;
        padding-bottom: 50px;
    }
    #account-no_articles-mb {
        display: none;
    }
    .account-read-title a {
        font-family: ivypresto-display;
        font-style: normal;
        font-weight: 600;
        font-size: 28px;
        line-height: 32px;
        letter-spacing: 0.01em;
        color: #323232;
    }
    .also-read-deck {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 140%;
        letter-spacing: 0.01em;
        color: #323232;
        margin-bottom: 15px;
    }
    .account-read-deck {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0.01em;
        color: #323232;
        margin-bottom: 0px;
    }
    .account-read-category {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
    .account-read-category a {
        color: #46B1FF;
    }
    .account-read-author {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 16px;
        color: #999999;
        display: inline-block;
        margin-bottom: 0px;
    }
    .account-read-author a {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 16px;
        color: #323232;
        margin-bottom: 0px;
    }
    #account-remove-article {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 100%;
        text-transform: capitalize;
        margin-bottom: 0px;
    }
    .account-remove-text {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 16px;
        text-decoration: underline;
        color: #323232;
        display: inline;
        text-align: right;
    }
    .account-img-close {
        width: 25px;
        height: 25px;
    }
    .account-topic-header {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        line-height: 120%;
        margin-bottom: 0px;
        color: #000000;
    }
    .asbutton-account-author-following {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 32px;
        color: #161C45;
        background-color: #AAD0FB;
        width: 75px;
        height: 32px;
        border-radius: 3px;
        border: none;
        padding: 0px;
        text-align: center;
    }
    .img-overlay-wrap {
        position: relative;
        display: inline-block;
        /* <= shrinks container to image size */
        transition: transform 150ms ease-in-out;
    }
    .img-overlay-wrap img {
        /* <= optional, for responsiveness */
        display: block;
        max-width: 100%;
        height: auto;
    }
    #caretRectangle {
        width: 43px;
        height: 43px;
    }
    #expandCaret {
        width: 15px;
        height: 10px;
        position: absolute;
        top: 16px;
        left: 14px;
    }
    .featured-title {
        font-family: IvyPresto Display;
        font-style: normal;
        font-weight: 700;
        font-size: 38px;
        line-height: 44px !important;
        text-align: center;
        padding-left: 0px;
        color: #323232;
    }
    .featured-deck {
        font-family: Slate Pro;
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 28px;
        text-align: center;
        padding-bottom: 28px;
        color: #323232;
    }
    .block--field-block\:paragraph\:2-column\:field-referrenced-paragraphs {
        float: right;
        width: 50%;
        padding: 10px;
    }
    #slider_first {
        position: relative;
        top: 0;
        left: 0
    }
    #comp_first_image {
        position: relative;
        top: 0;
        left: 0;
    }
    #comp-button-next {
        position: absolute;
        top: 50%;
        right: 200px;
    }
    #slider_second {
        position: relative;
        top: 0;
        left: 0;
        display: none;
    }
    #comp_second_image {
        position: relative;
        top: 0;
        left: 0;
        display: none;
    }
    #comp-button-previous {
        position: absolute;
        top: 50%;
        left: 200px;
        display: none;
    }
    .feature-carousel-next {
        background-image: none
    }
    .feature-carousel-prev {
        background-image: none
    }
}

#featured-video-subject {
    height: 152px;
    width: 152px;
}

.featured-video-quote-row {
    height: 100%;
}

.featured-video-quote {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.featured-video-description {
    display: flex;
    justify-content: center;
    align-items: left;
}

.featured-video-background {
    background-color: rgb(240, 240, 240);
}

.featured-video-body {
    background-color: rgb(240, 240, 240);
}

.account-author-seemore-link {
    color: #323232;
}

.featured-article-title {
    text-shadow: 2px 2px #000000;
}

.featured-article-deck {
    text-shadow: 2px 2px #000000;
}

.osano-cm-widget {
    display: none;
}

.bear-featured-title a {
    color: #323232;
    text-decoration: none;
}

.bear-featured-title a:hover {
    text-decoration: none;
}

.bear-cleb-other-videos {
    position: relative;
}

.bear-cleb-other-videos-time {
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: #161C45;
    padding: 1px 8px;
    color: #fff;
}

.bear-cleb-other-title {
    text-align: center;
    margin-top: 15px;
}

.bear-cleb-other-title a {
    color: #323232;
    text-decoration: none;
}

.bear-cleb-other-title a:hover {
    text-decoration: none;
}

.bear-cleb-more-of {
    border-bottom: 1px solid #DCDCDC;
}

.bear-more-of-title {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 115%;
    color: #000000;
}


/***** ron's css files *****/


/*** My Account Master ***/

.account-section-title h4 {
    font-family: "Slate Pro";
    font-size: 24px;
    line-height: 27.6px;
}

.personal-information-title {
    padding: 0 2em 0 1em;
}

.authors-followed-title {
    padding: 0 0 0.5em 2em;
}


/*** Account Information Section ***/

#account-information .js-form-item-first-name,
#account-information .js-form-item-gender,
#account-information .js-form-item-age {
    padding-right: 1em !important;
}

#account-information .js-form-item-last-name,
#account-information .js-form-item-username,
#account-information .js-form-item-email,
#account-information .js-form-item-race {
    padding: 0 !important;
}

#account-information .js-form-item-first-name,
#account-information .js-form-item-gender,
#account-information .js-form-item-last-name,
#account-information .js-form-item-username,
#account-information .js-form-item-email,
#account-information .js-form-item-race,
#account-information .js-form-item-age {
    padding-left: 0 !important;
}

#account-information .button {
    text-align: center;
}



#account-information {
    padding: 1em 0 0 0;
}

#account-information #edit-submit:hover {
    background-color: #dadada;
    border: 1px solid #dadada;
    color: rgb(126, 126, 126);
}


/*** Account Information Section - default box-shadow on hover removed/none ***/



.form-type-select label {
    font-family: "Slate Pro";
}

.menu--account-menu {
    padding: 1.5em 0 0 0;
}

.menu--account-menu ul {
    font-family: "Slate Pro";
}

.js-form-type-textfield {
    font-family: "Slate Pro";
    font-size: 16px;
}

input[type="text"] {
    font-size: 16px;
}

.form-select {
    font-family: "Slate Pro";
    font-size: 16px;
}

.form-item label:not(.option) {
    font-family: "Slate Pro";
}

#account-information select {
    appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
}

.account-info-chevron {
    position: relative;
    display: inline;
    width: 100%;
    cursor: pointer;
}

#account-information select {
    background-image: url(/themes/themag_st/assets/images/select-down-caron.svg);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 96%;
    cursor: pointer;
}


/*** Account Security Section - width of inputs - default box-shadow on hover removed/none ***/

#update-password-form .js-form-submit {
    background-color: #c4c4c4;
    border: 1px solid #c4c4c4;
    color: #fff;
    height: 44px;
    line-height: 19px;
}

#update-password-form .js-form-submit:hover {
    background-color: #dadada;
    border: 1px solid #dadada;
    color: rgb(126, 126, 126);
}

#update-password-form input {
    width: 100%;
    box-shadow: none;
    font-family: "Slate Pro";
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 2em !important;
}


/*** Topics of Interest Section - Submit Button ***/

.grouping-title .core-topic-header h3 {
    font-family: "Slate Pro";
}

.block--update-password-block {
    display: flex;
    flex-direction: column;
}


/*** Sticky Sidebar Advertisement ***/

.sticky-sidebar-height {
    height: 100%;
}

.sticky-sidebar-cta {
    position: sticky;
    top: 100px;
}


/*** View Recommended Article -- Padding ***/

.view-recommended-article {
    padding: 1.8em 0 2.5em 0;
}


/*** User Login / NOT logged in ***/


/* $theme-container-max-widths-sm: 540px !default;
$theme-container-max-widths-md: 720px !default;
$theme-container-max-widths-lg: 960px !default;
$theme-container-max-widths-xl: 1200px !default;
$theme-container-max-widths-xxl: 1400px !default; */

.sign-in-container {
    background-image: url(/themes/themag/assets/images/Sign-in-Mobile.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 20px 110px 20px;
}

@media screen and (min-width: 540px) {
    .sign-in-container {
        background-image: url(/themes/themag/assets/images/Sign-in-Tablet.jpg);
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 80px 20px 160px 20px;
    }
}

@media screen and (min-width: 960px) {
    .sign-in-container {
        background-image: url(/themes/themag/assets/images/Sign-in-Desktop.jpg);
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 80px 20px 240px 20px;
    }
}

.pass-reset-container {
    background-image: url(/themes/themag/assets/images/Sign-in-Mobile.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 180px 20px 100px 20px;
}

@media screen and (min-width: 540px) {
    .pass-reset-container {
        background-image: url(/themes/themag/assets/images/Sign-in-Tablet.jpg);
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 80px 20px 160px 20px;
    }
}

@media screen and (min-width: 960px) {
    .pass-reset-container {
        background-image: url(/themes/themag/assets/images/Sign-in-Desktop.jpg);
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 80px 20px 240px 20px;
    }
}

.sign-in-form-social-modal {
    margin: 1em 0 1em 0;
    background-color: #fff;
    border-radius: 15px;
    padding: 20px 0 0 0;
    max-width: 567px;
}

.sign-in-title {
    text-align: center;
    margin: 0 auto;
}

.sign-in-text-input {
    margin: 20px 0 0 0;
    font-family: "Slate Pro" !important;
    font-size: 18px !important;
    color: #1a1a1a !important;
}

.sign-in-text-input::placeholder {
    color: #323232 !important;
}


/* hide the 'form-required' asterix * using parent class */

.user-login-form div label {
    display: none;
}

.user-pass div label {
    display: none;
}

.forgot-password {
    font-family: "Slate Pro" !important;
    padding: 0 0 4px 0;
}

.sign-in-button {
    background: #c8daff;
    border-radius: 4px;
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    color: #161c45;
    width: 100%;
    border: none;
}

.sign-in-button:hover {
    background: #c4d6fa;
}

.sign-up-form-link {
    text-align: center;
    font-family: "Slate Pro" !important;
    font-size: 16px;
    padding-top: 5px;
}

.pass-reset-instructions {
    font-family: "Slate Pro" !important;
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
    padding: 14px 0 24px 0 !important;
}

.reset-pass-text-input {
    margin: 0 0 20px 0 !important;
}


/* Paralax styles */

.paragraph--type--parallax-image .field--name-field-image-caption {
    font-size: 12px;
    font-family: "Slate Pro";
    color: #999;
    margin: 0 0 16px 0;
}

.page-node-type-guide-page .field--name-field-section-title {
    font-family: ivypresto-display;
    font-weight: 700;
    font-size: 26px;
    line-height: 37.44px;
}

@media screen and (max-width: 767px) {
    .page-node-type-guide-page .field--name-field-section-title {
        padding: 0 10px 0 10px;
    }
}

@media (min-width: 768px) {
    .page-node-type-guide-page .field--name-field-section-title {
        font-size: 22px;
        line-height: 32px;
    }
}

.page-node-type-guide-page .paragraph--type--_-column .block--field-block\:paragraph\:1-column\:field-section-body p {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    line-height: 25.2px;
    margin-bottom: 1rem;
}

.page-node-type-feature-articles .paragraph--type--_-column .block--field-block\:paragraph\:1-column\:field-section-title {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    line-height: 25.2px;
    margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
    .page-node-type-guide-page .paragraph--type--_-column .block--field-block\:paragraph\:1-column\:field-section-body p,
    .page-node-type-feature-articles .paragraph--type--_-column .block--field-block\:paragraph\:1-column\:field-section-title {
        padding: 0 10px 0 10px;
    }
}

.field--name-field-q-a-section-title {
    margin: 0 auto;
    font-family: ivypresto-display;
    color: #242424;
    line-height: 41.4px;
    text-align: left;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 22px;
    margin-top: 34px;
}

@media screen and (min-width: 767px) {
    .field--name-field-q-a-section-title {
        font-size: 36px;
        margin-bottom: 22px;
        margin-top: 25px;
    }
}

@media screen and (min-width: 1200px) {
    .field--name-field-q-a-section-title {
        font-size: 36px;
        margin-bottom: 22px;
        margin-top: 42px;
    }
}

.paragraph--type--q-and-a-section .field__label {
    font-family: ivypresto-display;
    color: #242424;
    line-height: 41.4px;
    text-align: left;
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 22px;
}

.paragraph--type--q-and-a-section .field__label::after {
    content: "" !important;
}

@media screen and (min-width: 767px) {
    .paragraph--type--q-and-a-section .field__label {
        line-height: 41.4px;
        font-size: 36px;
        margin-bottom: 22px;
    }
}

.block--field-block\:node\:celebrity-interviews\:field-q-a-section-title {
    padding-top: 50px;
    margin-bottom: 0 !important;
}

@media screen and (min-width: 767px) {
    .block--field-block\:node\:celebrity-interviews\:field-q-a-section-title {
        margin-bottom: 28px !important;
    }
}

.block--field-block\:node\:celebrity-interviews\:field-q-a-section,
.block--field-block\:node\:celebrity-interviews\:field-q-a-section-title,
.block--field-block\:node\:celebrity-interviews\:field-q-a-section-intro {
    max-width: 716px;
    margin: 0 auto 0 0;
    padding: 0 10px 0 0;
}

.block--field-block\:node\:celebrity-interviews\:field-q-a-section p,
.block--field-block\:node\:celebrity-interviews\:field-q-a-section-intro p {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #242424;
    line-height: 31.4px;
    font-size: 14px;
    padding-bottom: 20px;
}

@media (min-width: 768px) {
    .block--field-block\:node\:celebrity-interviews\:field-q-a-section p,
    .block--field-block\:node\:celebrity-interviews\:field-q-a-section-intro p {
        font-family: Georgia, "Times New Roman", Times, serif;
        color: #242424;
        line-height: 31.4px;
        font-size: 16px;
        padding-bottom: 20px;
    }
}


/* Account Page - Personal Information */

#account-information select {
    padding: 10px 30px 10px 10px !important;
}

@media all and (min-width: 992px) {
    .side-panel-quiz {
        padding-left: 1rem;
    }
}

@media all and (min-width: 1200px) {
    .side-panel-quiz {
        padding-left: 2rem;
    }
}

@media all and (max-width: 604px) {
    .body-embed-quiz-section {
        float: unset;
        width: 100%;
        margin: 0px auto;
    }
    .body-embed-quiz {
        border: none;
        padding-left: 0rem;
        width: 100%;
    }
}

@media all and (min-width: 605px) and (max-width: 767px) {
    .body-embed-quiz-section {
        float: right;
        width: 330px;
    }
}

@media all and (min-width: 768px) and (max-width: 1214px) {
    .body-embed-quiz-section {
        float: unset;
        width: 495px;
        margin: 0px auto;
    }
}

@media all and (min-width: 1215px) {
    .body-embed-quiz-section {
        float: right;
        width: 330px;
    }
}

.side-panel-quiz {
    border: none;
}

.body-embed-quiz {
    border: none;
    padding-left: 1rem;
    width: 100%;
}

.quiz-embed-responsive {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden;
}

.recommended-article-header {
    background: linear-gradient(269.67deg, #46B1FF 0%, #33C9BB 100%);
}

.recommended-article-header-text {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    color: #FFFFFF;
}

.recommended-article-body {
    background: #F3F3F3;
}

.recommended-article-title a {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    display: block;
    line-height: 120%;
    letter-spacing: 0.01em;
    padding-top: 5px;
    color: #323232 !important;
}

.recommended-article-title.col-8 {
    padding-right: 0rem;
}

.recommended-article-one-fourth.col-6 {
    padding-left: 0px;
}

.recommended-article-row.row {
    padding-left: 0px;
    padding-right: 0px;
}

.recommended-article-img.col-4 {
    padding-left: 0px;
    padding-right: 0px;
}


/* ---------- Global Styles ---------- */

a .sexual-wellness {
    color: #70ABFF;
}

a .physical-wellness {
    color: #70ABFF;
}

a .mens-health {
    color: #70ABFF;
}

a .womens-health {
    color: #70ABFF;
}

.sexual-wellness a {
    color: #70ABFF;
}

.physical-wellness a {
    color: #70ABFF;
}

.mens-health a {
    color: #70ABFF;
}

.womens-health a {
    color: #70ABFF;
}

.banner-eddie-img {
    justify-content: center;
}

.banner-desktop-eddie img {
    width: 824px;
}

.banner-tablet-eddie img {
    width: 500px;
}

.banner-mobile-eddie img {
    width: 320px;
}

.banner-panel-mobile-eddie img {
    width: 284px;
}


/* ---------- Homepage Styles ---------- */


/* Welcome Banner */

.welcome-banner {
    margin: 20px 0 10px 0;
}

@media (min-width: 768px) {
    .welcome-banner {
        background: linear-gradient(269.67deg, #218EDD 0%, #1CB8AA 100%);
        height: 53px;
        margin: 0 0 8px 0;
    }
}

@media (min-width: 1200px) {
    .welcome-banner {
        height: 75px;
    }
}

.welcome-banner .copy-contain {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 768px) {
    .welcome-banner .copy-contain {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 0 0 16px;
    }
}

.welcome-banner h3 {
    display: block !important;
    color: #161C45;
    font-family: ivypresto-display;
    font-style: italic;
    font-weight: 700;
    font-size: 24px;
    line-height: 26.4px;
    letter-spacing: 0.01em;
    text-align: center;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .welcome-banner h3 {
        display: inline-block;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 14px;
        line-height: 16px;
        text-align: left;
    }
}

@media (min-width: 1200px) {
    .welcome-banner h3 {
        font-size: 22px;
        line-height: 24px;
    }
}

.welcome-banner p {
    color: #161C45;
    font-family: Slate Pro;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.01em;
    display: inline-block;
    margin: 14px 0 20px 0;
}

@media (min-width: 768px) {
    .welcome-banner p {
        color: #FFFFFF;
        margin: 0;
    }
}

@media (min-width: 1200px) {
    .welcome-banner p {
        font-size: 18px;
        line-height: 21px;
    }
}

.welcome-banner a {
    color: #3185FC;
    text-decoration: underline;
}

@media (min-width: 768px) {
    .welcome-banner a {
        color: #161C45;
    }
}

.welcome-banner-cta-button {
    display: inline-block;
    cursor: pointer;
    background-color: #AAD0FB;
    width: 95%;
    height: 46px;
    color: #161C45 !important;
    font-family: Slate Pro;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.05em;
    line-height: 300%;
    text-decoration: none !important;
    border-radius: 5px;
}

@media (min-width: 768px) {
    .welcome-banner-cta-button {
        background-color: #161C45;
        width: 124px;
        height: 30px;
        color: #FFFFFF !important;
        font-weight: normal;
        font-size: 10px;
        line-height: 290%;
        border-radius: 3px;
    }
}

@media (min-width: 1200px) {
    .welcome-banner-cta-button {
        width: 170px;
        height: 40px;
        font-size: 13px;
        line-height: 300%;
    }
}

.welcome-banner .close-button {
    display: none;
    width: 12.5px;
    cursor: pointer;
    margin-right: 1rem;
    cursor: pointer;
}

@media (min-width: 768px) {
    .welcome-banner .close-button {
        display: inline-block;
    }
}

@media (min-width: 1200px) {
    .welcome-banner .close-button {
        width: 25px;
    }
}


/* ---------- Core Topic Page Styles ---------- */


/* Core Topic Header */

.core-topic-header {
    max-width: 1256px;
    margin-left: auto;
    margin-right: auto;
}

.core-topic-header h5 {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color: #242424;
}

.core-topic-header h1 {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: bold;
    text-align: center;
    color: #242424;
}

.core-topic-header .core-topic-title {
    height: 100%;
    background: linear-gradient(180deg, #FFF 50%, #F7F8F9 50%);
}


/* Core Topic M&M section */

.core-topic-pillar-title h2 {
    text-align: center;
}

.core-topic-pillar-title h2 a {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: bold;
    color: #323232;
}

.core-topic-pillar-deck p {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color: #323232;
}

.core-topic-pillar-author p {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color: #999999;
}

.core-topic-pillar-author a {
    color: #323232;
}

.core-topic-pillar-reviewer p {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color: #999999;
}

.core-topic-pillar-reviewer a {
    color: #323232;
}

.core-topic-pillar-reviewer span {
    color: #323232;
}


/* Core Topic Page Layout */

.subtopic-menu {
    background: #5555;
    border-radius: 100px;
    width: max-content;
    padding: 9px 14px;
    float: left;
}

.subtopic-menu-items .view-content {
    flex-wrap: inherit;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


/* Core Topic Page Layout */

.coretopic-even-width {
    max-width: 1256px;
    margin: 0 auto;
}

.coretopic-odd-width {
    max-width: 1256px;
    margin: 0 auto;
}

.new-core-topic-author {
    padding-top: 20px;
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 100%;
    text-transform: capitalize;
    color: #999999;
    text-align: center;
}

.new-core-topic-author a {
    color: #000;
}

.coretopic-even .pillar-teaser {
    margin: 31px auto 58px;
    box-shadow: 4px 10px 16px rgba(0, 0, 0, 0.05);
}

.coretopic-odd .pillar-teaser {
    margin: 31px auto 58px;
    box-shadow: 4px 10px 16px rgba(0, 0, 0, 0.05);
}

.subtopic-pillar {
    max-width: 1256px;
}

.subtopic-pillar-right {
    display: flex;
    justify-content: center;
    align-items: center;
}

.subtopic-pillar-left {
    display: flex;
    justify-content: center;
}

.subtopic-pillar .col-6 {
    padding: 0px;
}

.subtopic-pillar .col-12 {
    padding: 0px;
}

.perspective-teaser.col-12 {
    flex: 0%;
}


/* ---------- Guide Pages Layout ---------- */

.block--field-block\:node\:guide-page\:field-pillar-hero .field--type-image {
    display: flex;
    justify-content: center;
}

.guide-header {
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 40px;
}

.guide-header-title {
    position: absolute;
    bottom: 20%;
    width: 100%;
}

.guide-header-title h2 {
    font-family: ivypresto-display;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
}

.guide-author-layout {
    display: flex;
    justify-content: center;
}

.guide-author-layout-left {
    display: flex;
    align-items: center;
}

.guide-author-layout-left .guide-author-img {
    margin-right: 19px;
}

.guide-author-title p {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    margin-bottom: 0px;
}

.guide-author-title span {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    text-transform: capitalize;
    color: #999999;
}

.guide-author-layout-right {
    display: flex;
    align-items: center;
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    color: #000000;
}

.guide-author-detail p {
    margin-bottom: 0rem;
}

.guide-deck {
    max-width: 1040px;
    margin: 56px auto;
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    color: #323232;
}

.row .guide-article-layout {
    max-width: 1256px;
    background: #FFFFFF;
    box-shadow: 4px 10px 16px rgba(0, 0, 0, 0.05);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.guide-article-layout .col-12 {
    padding: 0px;
}

.guide-article-layout .col-md-6 {
    padding: 0px;
}

.guide-right-side {
    display: flex;
    justify-content: center;
    align-items: center;
}

.guide-right-side-box {
    max-width: 475px;
    margin: 0 auto;
}

.guide-right-side .guide-article-title,
.guide-right-side .guide-article-title a {
    font-family: ivypresto-display;
    font-style: normal;
    text-align: center;
    color: #242424;
    margin-bottom: 18px;
    text-decoration: none;
}

.guide-right-side .guide-article-deck {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color: #323232;
    margin-bottom: 20px;
}

.guide-right-side .guide-article-author {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    text-transform: capitalize;
    color: #999999;
}

.guide-right-side .guide-article-author a {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    text-transform: capitalize;
    color: #323232;
}

.guide-menu-items .view-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.guide-menu {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #999999;
    width: max-content;
}

.guide-menu:hover {
    color: #70ABFF;
    cursor: pointer;
}

.guide-next-layout .row {
    margin-right: auto !important;
    margin-left: auto !important;
}

.guide-next-subtitle h3 {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    color: #323232;
}

.guide-next-title a,
.guide-next-title a:hover {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: bold;
    color: #242424;
}

.guide-next-btn {
    background: #FFEDCA;
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color: #323232;
    cursor: pointer;
    border-radius: 3px;
}

.guide-next-btn:hover {
    background: #FFCC6A;
    text-decoration: none;
}

.guide-next-btn :hover {
    background: #F8BE51;
}

.guide-next-name a,
.guide-next-name a:hover {
    text-decoration: none;
}


/* main css style for mobile */

@media screen and (max-width: 767px) {
    /* ------------------ Article Recommended Block View ------------------ */
    .recommended-article-header {
        background: linear-gradient(269.67deg, #46B1FF 0%, #33C9BB 100%);
    }
    .recommended-article-one-fourth {
        padding-bottom: 15px;
    }
    .recommended-article-header-text {
        font-size: 21px;
        line-height: 115%;
        padding: 5px 17px;
    }
    .recommended-article-body {
        padding: 19px 13px 0px;
    }
    .recommended-article-title.col-8 {
        padding-right: 0px;
    }
    .recommended-article-title a {
        font-size: 14px;
        font-weight: 700;
    }
    .recommended-article-img {
        max-width: 100px;
    }
    /*--------------------------------------------------------*/
    .ugg-layout {
        margin-bottom: 20px
    }
    .ugg-title {
        font-size: 26px;
        line-height: 115%;
        letter-spacing: 0.01em;
        width: 236px;
    }
    .guide-header-title h2 {
        font-size: 21px;
        line-height: 115%;
        letter-spacing: 0.01em;
    }
    .guide-author-layout {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .guide-author-title p {
        line-height: 140%;
    }
    .guide-author-layout-right {
        width: 298px;
        font-size: 12px;
        line-height: 20px;
    }
    .guide-author-detail p {
        text-align: center;
    }
    .author-line {
        height: 3px;
        width: 50px;
        background: #FBDFAA;
        margin: 19px 50px;
    }
    .guide-deck {
        margin: 38px auto 40px;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.01em;
        padding-left: 20px;
        padding-right: 20px;
    }
    .guide-right-side-box {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .guide-menu-items .view-content {
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .guide-menu-items .view-content .views-row {
        margin: 18px 8px;
        padding: 5px 14px;
    }
    .guide-right-side-box .guide-article-title {
        font-weight: 600;
        font-size: 18px;
        line-height: 115%;
    }
    .guide-right-side-box .guide-article-deck {
        font-size: 12px;
        line-height: 140%;
    }
    .guide-right-side-box .guide-article-author {
        font-size: 12px;
        line-height: 100%;
    }
    .guide-right-side-box .guide-article-author a {
        font-size: 12px;
        line-height: 100%;
    }
    .next-guide-line {
        width: 100%;
        margin-bottom: 36px;
        height: 1.25px;
        background: #C4C4C4;
    }
    .guide-next-subtitle h3 {
        font-size: 21px;
        line-height: 100%;
        margin-bottom: 32px;
    }
    .guide-next-title {
        font-size: 24px;
        line-height: 115%;
        margin-top: 28px;
        margin-bottom: 28px;
        text-align: center;
    }
    .guide-next-btn {
        font-size: 14px;
        line-height: 140%;
        width: 216px;
        padding: 11px;
        margin-left: auto;
        margin-right: auto;
    }
    .athlete h2 {
        font-family: ivypresto-display;
        font-weight: 700;
        font-size: 30px;
        line-height: 30px;
    }
    .athlete h3 {
        font-family: "Slate Pro";
        font-weight: 400;
        font-size: 18px;
        line-height: 21px;
        font-style: normal;
    }
    .athlete h4 {
        font-family: "Slate Pro";
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 28px;
    }
    .athlete p {
        font-family: "Slate Pro";
        font-weight: 400;
        font-size: 20px;
        line-height: 32px;
    }
    .athlete ul {
        font-family: "Slate Pro";
        font-weight: 400;
        font-size: 20px;
        line-height: 33px;
    }
    .athlete input {
        height: 44px;
    }
}

@media screen and (max-width: 575px) {
    .recommended-article-title a {
        font-size: 18px;
        font-weight: 700;
    }
}


/* main css style for tablet */

@media all and (min-width: 768px) {
    /* ------------------ Article Recommended Block View ------------------ */
    .recommended-article-header {
        background: linear-gradient(269.67deg, #46B1FF 0%, #33C9BB 100%);
    }
    .recommended-article-header-text {
        font-size: 18px;
        line-height: 115%;
        padding: 5px 17px;
    }
    .recommended-article-body {
        padding: 11px 8px 12px;
    }
    .recommended-article-title.col-8 {
        padding-right: 0rem;
    }
    .recommended-article-title a {
        font-size: 12px;
        font-weight: 700;
    }
    .recommended-article-img {
        max-width: 60px;
    }
    /* ------------------------------------------------------------- */
    .ugg-title {
        font-size: 26px;
        line-height: 115%;
        letter-spacing: 0.01em;
        width: 218px;
    }
    .guide-header-title h2 {
        font-size: 36px;
        line-height: 115%;
        letter-spacing: 0.01em;
    }
    .guide-author-layout {
        display: flex;
        justify-content: center;
    }
    .guide-author-title p {
        font-size: 16px;
        line-height: 140%;
    }
    .guide-author-title span {
        font-size: 14px;
        line-height: 140%;
    }
    .guide-author-layout-right {
        width: 298px;
        font-size: 12px;
        line-height: 18px;
    }
    .author-line {
        width: 3px;
        background: #FBDFAA;
        margin: 0px 19px;
    }
    .guide-deck {
        margin: 42px auto 45px;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.01em;
        padding-left: 93px;
        padding-right: 93px;
    }
    .guide-right-side-box {
        padding-left: 20px;
        padding-right: 20px;
    }
    .guide-right-side-box .guide-article-title {
        font-weight: 600;
        font-size: 18px;
        line-height: 115%;
    }
    .guide-right-side-box .guide-article-deck {
        font-size: 11px;
        line-height: 140%;
    }
    .guide-right-side-box .guide-article-author {
        font-size: 11px;
        line-height: 100%;
    }
    .guide-right-side-box .guide-article-author a {
        font-size: 11px;
        line-height: 100%;
    }
    .guide-next-subtitle h3 {
        font-size: 18px;
        line-height: 100%;
        margin-bottom: 24px;
    }
    .guide-next-title {
        font-size: 21px;
        line-height: 115%;
        margin-bottom: 20px;
    }
    .guide-next-btn {
        font-size: 14px;
        line-height: 140%;
        width: 193px;
        padding: 7px;
    }
}


/* main css style for desktop */

@media only screen and (min-width: 1200px) {
    .embed-responsive-1by2 {
        padding-top: 170%;
    }
    .embed-responsive-1by1-5 {
        padding-top: 160%;
    }
    .themag-layout__region--second>div {
        height: 100%;
    }
    .themag-layout__region--first>div {
        height: 100%;
    }
    .block--field-block\:paragraph\:2-column-image-right\:field-2-column-video-right {
        position: -webkit-sticky;
        /* Safari */
        position: sticky !important;
        top: 120px !important;
        padding-right: 120px;
        padding-left: 120px;
        padding-top: 0;
    }
    .block--field-block\:paragraph\:2-column-image-left\:field-2-column-video-left {
        position: -webkit-sticky;
        /* Safari */
        position: sticky !important;
        top: 120px !important;
        padding-right: 120px;
        padding-left: 120px;
        padding-top: 0;
    }
    .block--field-block\:paragraph\:2-column-image-right\:field-2-column-video-right {
        position: -webkit-sticky;
        /* Safari */
        position: sticky !important;
        top: 120px !important;
        padding-right: 120px;
        padding-left: 120px;
        padding-top: 0;
    }
    .block--field-block\:paragraph\:2-column\:field-2-column-body p:first-of-type:first-letter {
        color: #323232;
        font-family: ivypresto-display;
        font-weight: bold;
        font-size: 100px;
        line-height: 60% !important;
        padding: 10px 5px 14px 0;
        float: left;
    }
    .athlete h2 {
        font-family: ivypresto-display;
        font-weight: 700;
        font-size: 28px;
        line-height: 28px;
    }
    .athlete h3 {
        font-family: "Slate Pro";
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        font-style: normal;
    }
    .athlete h4 {
        font-family: "Slate Pro";
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 28px;
    }
    .athlete p {
        font-family: "Slate Pro";
        font-weight: 400;
        font-size: 20px;
        line-height: 32px;
    }
    .athlete ul {
        font-family: "Slate Pro";
        font-weight: 400;
        font-size: 20px;
        line-height: 33px;
    }
    .athlete input {
        height: 44px;
    }
    /*
    .block--field-block\:paragraph\:1-column\:field-section-body p:first-of-type:first-letter{
      color: #323232;
      font-family: ivypresto-display;
      font-weight: 400;
      font-size: 80px;
      padding: 23px 5px 14px 0;
      float: left;
    }*/
    #qaShow {
        height: 400px;
        overflow-y: scroll;
    }
    .page-node-type-celebrity-interviews .newest-articles-block {
        margin-bottom: 0px !important;
    }
    .page-node-type-celebrity-interviews .paragraph--type--q-and-a-section {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
    .page-node-type-celebrity-interviews .paragraph--type--q-and-a-section .paragraph {
        margin-bottom: 0rem !important;
    }
    .bare-related-articles-counter {
        font-family: ivypresto-display;
        font-weight: 400;
        font-style: normal;
        font-size: 36px;
        line-height: 36px;
        color: #3185FC;
        padding-top: 8px;
    }
    .bare-related-articles {
        border: 1px solid #dcdcdc !important;
        margin-bottom: 0px !important;
    }
    .bare-related-articles a {
        font-family: slate pro;
        font-weight: 400;
        font-style: normal;
        font-size: 18px;
        line-height: 21px;
        color: #323232;
    }
    .bare-related-articles p {
        font-family: slate pro;
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        line-height: 14px;
        color: #323232;
    }
}

@media only screen and (min-width: 934px) and (max-width: 1199px) {
    .embed-responsive-1by2 {
        padding-top: 175%;
    }
    .embed-responsive-1by1-5 {
        padding-top: 160%;
    }
    .themag-layout__region--second>div {
        height: 100%;
    }
    .themag-layout__region--first>div {
        height: 100%;
    }
    .block--field-block\:paragraph\:2-column-image-right\:field-2-column-video-right {
        position: -webkit-sticky;
        /* Safari */
        position: sticky !important;
        top: 120px !important;
        padding-right: 5px;
        padding-left: 75px;
        padding-top: 0;
    }
    .block--field-block\:paragraph\:2-column-image-left\:field-2-column-video-left {
        position: -webkit-sticky;
        /* Safari */
        position: sticky !important;
        top: 120px !important;
        padding-right: 75px;
        padding-left: 5px;
        padding-top: 0;
    }
    .block--field-block\:paragraph\:2-column\:field-2-column-body p:first-of-type:first-letter {
        color: #323232;
        font-family: ivypresto-display;
        font-weight: bold;
        font-size: 95px;
        line-height: 60% !important;
        padding: 13px 5px 14px 0;
        float: left;
    }
    #qaShow {
        height: 300px;
        overflow-y: scroll;
    }
}

@media only screen and (min-width: 768px) and (max-width: 933px) {
    .embed-responsive-1by2 {
        padding-top: 210%;
    }
    .embed-responsive-1by1-5 {
        padding-top: 160%;
    }
    .themag-layout__region--second>div {
        height: 100%;
    }
    .themag-layout__region--first>div {
        height: 100%;
    }
    .block--field-block\:paragraph\:2-column-image-right\:field-2-column-video-right {
        position: -webkit-sticky;
        /* Safari */
        position: sticky !important;
        top: 120px !important;
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 0;
    }
    .block--field-block\:paragraph\:2-column-image-left\:field-2-column-video-left {
        position: -webkit-sticky;
        /* Safari */
        position: sticky !important;
        top: 120px !important;
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 0;
    }
    .block--field-block\:paragraph\:2-column\:field-2-column-body p:first-of-type:first-letter {
        color: #323232;
        font-family: ivypresto-display;
        font-weight: bold;
        font-size: 95px;
        line-height: 60% !important;
        padding: 11px 5px 14px 0;
        float: left;
    }
    #qaShow {
        height: 300px;
        overflow-y: scroll;
    }
}

@media only screen and (max-width: 767px) {
    .embed-responsive-1by2 {
        padding-top: 190%;
    }
    .embed-responsive-1by1-5 {
        padding-top: 160%;
    }
    .themag-layout__region--second>div {
        height: 100%;
    }
    .block--field-block\:paragraph\:2-column-image-right\:field-2-column-video-right {
        position: -webkit-sticky;
        /* Safari */
        position: sticky !important;
        top: 120px !important;
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 0;
    }
    .block--field-block\:paragraph\:2-column-image-left\:field-2-column-video-left {
        position: -webkit-sticky;
        /* Safari */
        position: sticky !important;
        top: 120px !important;
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 0;
    }
    .block--field-block\:paragraph\:2-column\:field-2-column-body p:first-of-type:first-letter {
        color: #323232;
        font-family: ivypresto-display;
        font-weight: bold;
        font-size: 80px;
        line-height: 60% !important;
        padding: 10px 5px 14px 0;
        float: left;
    }
    .athlete h2 {
        font-family: ivypresto-display !important;
        font-weight: 700 !important;
        font-size: 30px !important;
        line-height: 30px !important;
    }
    .athlete h3 {
        font-family: "Slate Pro";
        font-weight: 400;
        font-size: 18px;
        line-height: 32px;
        font-style: normal;
    }
    .athlete h4 {
        font-family: "Slate Pro";
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 28px;
    }
    .athlete p {
        font-family: "Slate Pro";
        font-weight: 400;
        font-size: 14px;
        line-height: 23px;
    }
    .athlete ul {
        font-family: "Slate Pro";
        font-weight: 400;
        font-size: 14px;
        line-height: 23px;
    }
    .athlete input {
        height: 44px;
    }
    .bare-related-articles-counter {
        font-family: ivypresto-display;
        font-weight: 400;
        font-style: normal;
        font-size: 36px;
        line-height: 36px;
        color: #3185FC;
        padding-top: 8px;
    }
    .bare-related-articles {
        border: 1px solid #dcdcdc !important;
        margin-bottom: 0px !important;
    }
    .bare-related-articles a {
        font-family: slate pro;
        font-weight: 400;
        font-style: normal;
        font-size: 18px;
        line-height: 21px;
        color: #323232;
    }
    .bare-related-articles p {
        font-family: slate pro;
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        line-height: 14px;
        color: #323232;
    }
    #qaShow {
        height: 274px;
        overflow-y: scroll;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .bare-related-articles-counter {
        font-family: ivypresto-display;
        font-weight: 400;
        font-style: normal;
        font-size: 36px;
        line-height: 36px;
        color: #3185FC;
        padding-top: 8px;
    }
    .bare-related-articles {
        border: 1px solid #dcdcdc !important;
        margin-bottom: 0px !important;
    }
    .bare-related-articles a {
        font-family: slate pro;
        font-weight: 400;
        font-style: normal;
        font-size: 13px;
        line-height: 15px;
        color: #323232;
    }
    .bare-related-articles p {
        font-family: slate pro;
        font-weight: 400;
        font-style: normal;
        font-size: 13px;
        color: #323232;
    }
}

.video-short-title a {
    color: #323232 !important;
}

.video-short-title a {
    color: #323232 !important;
}

.field--name-field-image-caption {
    font-family: "Slate Pro";
    font-size: 12px;
    color: #999;
    width: 80%;
    max-width: 1440px;
    margin: auto;
}

.athlete-error {
    border-color: red;
}

.page-node-type-celebrity-interviews .newest-articles-block {
    margin-bottom: 0px !important;
}

.refer-a-friend-background-image {
    background-image: url("/themes/themag_st/assets/images/refer-a-friend-background-image.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 705px;
}

.refer-a-friend-background-image .row {
    justify-content: end;
    align-items: center;
}

.refer-a-friend-background-image .container {
    justify-content: end;
    align-items: center;
    max-width: 100vw;
}

.refer-a-friend-main-container {
    margin: 0px;
    padding: 0px;
    margin-bottom: -55px;
}

.refer-a-friend-container {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 27px;
    padding-left: 29.6px;
    padding-bottom: 9px;
    padding-right: 31.4px;
    margin-top: 130px;
    margin-right: 75px;
}

.refer-a-friend-container h1 {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    text-align: center;
    color: #161C45;
}

.refer-a-friend-container h3 {
    font-family: ivypresto-display;
    font-style: italic;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    color: #161C45;
}

.refer-a-friend-body {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    width: 381px;
    text-align: center;
    color: #282828;
    margin: 20px auto;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
}

.refer-a-friend-cta {
    font-family: Slate Pro;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
}

.refer-a-friend-cta-byline {
    font-family: Slate Pro;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: center;
}

.refer-a-friend-link {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: 550;
    font-size: 12px;
    line-height: 100%;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #161C45;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.refer-a-friend-button-area {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 38px;
    background: #C2DBFF;
    border-radius: 4px;
    max-width: 218px;
    margin: 18px auto;
    margin-bottom: 10px;
}

.refer-a-friend-terms-link {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 20px;
    text-decoration-line: underline;
    color: #6D6D6D;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (min-width: 1200px) {}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .refer-a-friend-background-image {
        background-image: url("/themes/themag_st/assets/images/refer-a-friend-background-image-tablet.jpg");
        height: 500px;
    }
    .refer-a-friend-background-image .row {
        justify-content: end;
        align-items: center;
    }
    .refer-a-friend-main-container {
        margin: 0px;
        padding: 0px;
        margin-bottom: -30px;
    }
    .refer-a-friend-container {
        background: #FFFFFF;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
        border-radius: 8px;
        padding: 21px 30px 0px 30px;
        margin-top: 100px;
        margin-right: 0px;
    }
    .refer-a-friend-container h1 {
        font-family: ivypresto-display;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 100%;
        color: #161C45;
        text-align: start;
    }
    .refer-a-friend-container h3 {
        font-family: ivypresto-display;
        font-style: italic;
        font-weight: 700;
        font-size: 14px;
        line-height: 100%;
        color: #161C45;
        text-align: start;
    }
    .refer-a-friend-body {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 11px;
        line-height: 18px;
        width: 257px;
        text-align: start;
        color: #282828;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
        margin: 15px auto;
    }
    .refer-a-friend-cta {
        font-family: Slate Pro;
        font-size: 11px;
        font-weight: 700;
        line-height: 18px;
        letter-spacing: 0em;
        text-align: center;
    }
    .refer-a-friend-cta-byline {
        font-family: Slate Pro;
        font-size: 9px;
        font-style: italic;
        font-weight: 400;
        line-height: 10px;
        letter-spacing: 0em;
        text-align: center;
    }
    .refer-a-friend-link {
        font-family: Slate Pro;
        font-size: 10px;
        font-weight: 400;
        line-height: 10px;
        letter-spacing: 0.05em;
        text-align: center;
    }
    .refer-a-friend-button-area {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 16px 31px;
        background: #C2DBFF;
        border-radius: 4px;
        max-width: 152px;
        max-height: 31px;
    }
    .refer-a-friend-terms-link {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 20px;
        text-decoration-line: underline;
        color: #6D6D6D;
    }
}

@media only screen and (max-width: 767px) {
    .refer-a-friend-main-container {
        margin-bottom: -16px;
    }
    .refer-a-friend-container {
        margin-top: 0;
        margin-right: 0;
        box-shadow: none;
        width: 350px;
        padding-left: 0;
        padding-right: 0;
        margin: 0 auto;
    }
    .refer-a-friend-container h1 {
        text-align: start;
        font-size: 20px;
    }
    .refer-a-friend-container h3 {
        text-align: start;
        font-size: 15px;
    }
    .refer-a-friend-body {
        text-align: start;
        width: 335px;
        margin: 20px 0px 20px 0px;
        font-size: 14px;
        line-height: 22px;
    }
    .refer-a-friend-cta {
        font-size: 14px;
        line-height: 15.9px;
    }
    .refer-a-friend-cta-byline {
        font-size: 12px;
        line-height: 13.63px;
    }
    .refer-a-friend-button-area {
        max-width: 157px;
    }
    .refer-a-friend-background-image {
        background-image: none;
    }
    .refer-a-friend-background-image .row {
        display: block;
    }
    .mobile-image-container {
        background-image: url("/themes/themag_st/assets/images/refer-a-friend-background-image-mobile.jpg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 375px;
        width: 100%;
    }
}

@media only screen and (max-width: 375px) {
    .refer-a-friend-main-container {
        margin-bottom: -40px;
    }
}

@media only screen and (max-width: 280px) {
    .refer-a-friend-main-container {
        margin-bottom: -17px;
    }
    .refer-a-friend-container {
        align-items: baseline;
    }
    .refer-a-friend-container h1 {
        width: 300px;
    }
    .refer-a-friend-body {
        width: 275px;
    }
    .refer-a-friend-terms-link {
        margin-left: 60px;
    }
}

.good-on-the-gram-container {
    display: flex;
    align-items: center;
    background: #F6F6F6;
    height: 438px;
    margin-top: 200px;
}

.good-on-the-gram-left {
    display: flex;
    flex-direction: column;
    margin-left: 203px;
    margin-bottom: 127px;
}

.good-on-the-gram-right {
    display: flex;
}

.good-on-the-gram-header {
    font-family: ivypresto-display;
    font-style: italic;
    font-weight: 700;
    font-size: 42px;
    line-height: 130%;
    color: #000000;
    margin: 77px 0px 40px 0px;
}

.good-on-the-gram-byline {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 118.5%;
    color: #000000;
    margin-bottom: 13px;
}

.good-on-the-gram-body {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 163%;
    color: #000000;
    max-width: 497px;
}

.good-on-the-gram-image {
    max-width: 409.55px;
    max-height: 503px;
    margin-left: 800px;
    margin-bottom: 100px;
    position: absolute;
}

.athlete-benefits-section-container {
    display: flex;
}

.athlete-benefits-image {
    width: 660px;
    height: 462px;
}

.athlete-benefits-container {
    display: flex;
    flex-direction: column;
    margin: 64px 0px 0px 70px;
}

.athlete-benefits-header {
    font-family: ivypresto-display;
    font-style: italic;
    font-weight: 700;
    font-size: 42px;
    color: #000000;
    margin-bottom: 22px;
}

.athlete-benefits-bullets {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 163%;
    color: #000000;
}

.athlete-benefits-bullets div.field {
    max-width: 500px;
}

.athlete-rar-paragraph {
    max-width: 1041px;
    margin: auto;
}

.athlete-rar-paragraph-background {
    background-color: #F6F6F6;
}

.athlete-rar-paragraph {
    padding-bottom: 84px;
    padding-top: 77px;
    margin: auto;
}

.athlete-rar-header {
    font-family: ivypresto-display;
    font-size: 42px;
    font-style: italic;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0em;
    text-align: left;
}

.athlete-rar-bullets ul {
    max-height: 163px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    column-gap: 47px;
    max-width: 510px;
}

.athlete-rar-bullets {
    max-height: 163px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    column-gap: 47px;
    max-width: 510px;
}

.athlete-example-post-paragraph {
    max-width: 1041px;
    margin: auto;
}

.athlete-example-post-container {
    display: flex;
    flex-direction: column;
    align-items: left;
}

.athlete-example-post-header {
    font-family: ivypresto-display;
    font-size: 42px;
    font-style: italic;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 54px;
    margin-top: 67px;
}

.athlete-example-post-images div {
    display: flex;
    justify-content: center;
    gap: 33px;
    margin-bottom: 48px;
}

.athlete-example-post-images .field__item {
    height: 325px;
    width: 325px;
    left: 200px;
    top: 2312px;
    border-radius: 0px;
}

.athlete-cta-shop-container {
    height: 245px;
    background-color: #F6F6F6;
}

.athlete-cta-shop-header {
    font-family: ivypresto-display;
    font-size: 50px;
    font-style: italic;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 0em;
    text-align: center;
    padding-top: 63px;
    padding-bottom: 9px;
    color: #000000;
}

.athlete-cta-shop-link {
    font-family: Slate Pro;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #FFFFFF;
}

.athlete-cta-shop-button-area {
    max-width: 256px;
    margin: 18px auto;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 58px;
    background: #5286F6;
    border-radius: 4px;
}


/* video player page changes */

div.view-id-celebrity_interview div.celebrity-featured {
    padding-top: 25px;
}

div.celebrity-featured.body div.series-field {
    color: #3185FC;
}


/* video players aren't BARE */

div.view-id-celebrity_interview.view-display-id-block_4 div.celebrity-featured {
    padding-bottom: 25px;
}

.themag-layout--my-default {
    margin-top: 10px;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .themag-layout--my-default {
        margin-top: 14px;
        margin-bottom: 14px;
    }
}

@media (min-width: 992px) {
    .themag-layout--my-default {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

blockquote {
    font-family: ivypresto-display;
    font-style: italic;
    font-weight: normal;
    font-size: 18px;
    color: #000000;
    line-height: 131%;
    padding-left: 1rem;
    border-left: 4px solid;
    margin: 1.5rem 0;
}

.mens-health blockquote {
    border-left-color: #70ABFF;
}

.womens-health blockquote {
    border-left-color: #70ABFF;
}

.sexual-wellness blockquote {
    border-left-color: #70ABFF;
}

.physical-wellness blockquote {
    border-left-color: #70ABFF;
}

@media (min-width: 1200px) {
    blockquote {
        font-size: 28px;
        padding-left: 2rem;
        margin: 2.5rem 0;
    }
}


/* Category and date content block styles */

.category-date-view p {
    margin: unset;
    font-family: Slate Pro;
    font-size: 12px;
    color: #999999;
}

.category-date-view a {
    font-weight: bold;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    margin-right: 5px;
}

@media (min-width: 768px) {
    .category-date-view a,
    .category-date-view p {
        font-size: 16px;
    }
}


/* Removing default mag styling from pillar article title */

.block--layout-builder.block--page-title-block:before,
.block--layout-builder.block--page-title-block:after {
    content: unset;
}


/* Pillar article H1 title styles */

.block--layout-builder.block--page-title-block .page-title {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: bold;
    color: #323232;
    background-color: #FFFFFF;
}


/* Styles for intro paragrpah */

.block--field-block\:node\:pillar\:field-deck-96,
.block--field-block\:node\:article\:field-deck-96,
.block--field-block\:node\:marketing-perspective\:field-deck-96 {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0.01em;
}

@media (min-width: 768px) {
    .block--field-block\:node\:pillar\:field-deck-96,
    .block--field-block\:node\:article\:field-deck-96,
    .block--field-block\:node\:marketing-perspective\:field-deck-96 {
        font-size: 24px;
    }
}


/* Drop-cap styles */

.article-body>div>div>div>p:first-child:first-letter {
    float: left;
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: normal;
    font-size: 92px;
    line-height: 70%;
    color: #323232;
    padding: 10px 10px 0;
}

@media (min-width: 768px) {
    .article-body>div>div>div>p:first-child:first-letter {
        font-size: 96px;
    }
}


/* Author and Reviewer row styles */

.view-id-author_info_bottom {
    border-top: 1.25px solid #DCDCDC;
    margin-top: 50px;
}

.view-id-author_info,
.view-id-author_info_bottom {
    padding: 1.5rem 0 10px 0;
}

@media (min-width: 1200px) {
    .view-id-author_info,
    .view-id-author_info_bottom {
        padding: 26px 0 10px 0;
    }
}

.author-reviewer-follow-block {
    display: flex;
}

.author-reviewer-follow-block>div:nth-of-type(-n+2) {
    width: auto;
}

@media (min-width: 576px) {
    .author-reviewer-follow-block>div:nth-of-type(-n+2) {
        width: auto;
    }
}

.block--addtoany>.block__content {
    text-align: center;
}

.addtoany_list>a {
    padding: 6px;
}

#block-addtoanybuttons {
    padding-top: 1rem;
}

.block--addtoany a span {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 44px 44px;
    height: 44px;
    width: 44px;
}

.block--addtoany a span.facebook-share {
    background-image: url(/themes/themag_st/assets/images/giddy/Facebook.svg);
}

.block--addtoany a span.twitter-share {
    background-image: url(/themes/themag_st/assets/images/giddy/Twitter.svg);
}

.block--addtoany a span.email-share {
    background-image: url(/themes/themag_st/assets/images/giddy/Email.svg);
}

@media (min-width: 576px) {
    #block-addtoanybuttons>.block__content {
        text-align: left;
    }
}

@media (min-width: 768px) {
    #block-addtoanybuttons {
        display: none;
    }
    .block--addtoany a span {
        background-size: 36px 36px;
        height: 36px;
        width: 36px;
    }
    .addtoany_list>a {
        padding: 4px;
    }
}

@media (min-width: 992px) {
    .block--addtoany a span {
        background-size: 46px 46px;
        height: 46px;
        width: 46px;
    }
    .addtoany_list>a {
        padding: 8px;
    }
}

.author-reviewer-block .view-footer {
    padding-top: 30px;
}

@media (min-width: 576px) {
    .author-reviewer-block .view-footer {
        text-align: left;
    }
}

@media (min-width: 768px) {
    .author-reviewer-block .view-footer {
        padding: unset;
        display: inline-block;
        position: absolute;
        right: 16px;
    }
}

.author-reviewer-block>div {
    padding: 0;
}

.author-reviewer-block .author,
.author-reviewer-block .reviewer {
    padding: 0;
}

.author-reviewer-block .author {
    margin-right: 0.5rem;
}

@media (min-width: 576px) {
    .author-reviewer-block .author {
        margin-right: 1.5rem;
    }
}

.author-reviewer-block .author-details,
.author-reviewer-block .reviewer-details {
    display: inline-block;
    vertical-align: middle;
    line-height: 50%;
}

.author-reviewer-block .author p,
.author-reviewer-block .reviewer p {
    margin-bottom: 0;
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 100%;
    color: #999999;
}

@media (min-width: 576px) {
    author-reviewer-block .author p,
    .author-reviewer-block .reviewer p {
        font-size: 12px;
    }
}

.author-reviewer-block .author a,
.author-reviewer-block .reviewer a {
    font-family: 'Slate Pro Medium';
    color: #323232;
    display: inline-block;
    line-height: 140%;
    font-size: 13px;
}

@media (min-width: 576px) {
    .author-reviewer-block .author a,
    .author-reviewer-block .reviewer a {
        font-size: 14px;
    }
}

.author-reviewer-block .author img,
.author-reviewer-block .reviewer img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.278vw;
    border-radius: 50%;
}

@media (min-width: 576px) {
    .author-reviewer-block .author img,
    .author-reviewer-block .reviewer img {
        margin-right: 0.556vw;
    }
}


/* Create sticky share links */

.share-link-col>div {
    position: sticky;
    top: 52px;
    padding-top: 8px;
}

@media (min-width: 768px) {
    #toolbar-administration+.dialog-off-canvas-main-canvas .share-link-col>div {
        top: 91px;
    }
}

@media (min-width: 1440px) {
    .share-link-col>div {
        top: 63px
    }
    #toolbar-administration+.dialog-off-canvas-main-canvas .share-link-col>div {
        top: 102px;
    }
}

@media (max-width: 767px) {
    .author-reviewer-block .view-footer {
        position: relative;
    }
    .author-reviewer-block #block-articlesaveblock {
        display: inline-block;
        position: absolute;
        top: 21px;
        right: 0px;
    }
    .author-reviewer-block #block-addtoanybuttons {
        padding-top: 0;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .author-info-block {
        flex-flow: row;
    }
}

#block-articlesaveblock,
#block-topicarticlepagesaveblock,
#block-articlesaveblock--1,
#block-topicarticlepagesaveblock--1,
#block-articlesaveblock--2,
#block-topicarticlepagesaveblock--2,
#block-articlesaveblock-2,
#block-topicarticlepagesaveblock-2,
#block-coretopicarticlepagesaveblock,
#block-coretopicarticlepagesaveblock_2 {
    margin: 0;
    display: inline-block;
}

.block--topic-save-block .button,
.block--article-save-block .button,
.block--topic-article-page-save-block .button {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    border: 1.5px solid #323232;
    border-radius: 3px;
    margin: 0;
}

@media (max-width: 575px) {
    #block-articlesaveblock-2 {
        display: inline-block;
        position: relative;
    }
    .article-page-follow-taxonomy .views-row {
        width: 100%;
    }
    .article-page-follow-taxonomy .views-row {
        display: inline-block;
        width: 100%;
        line-height: 1.5em;
        margin-bottom: 20px;
    }
    #block-topicarticlepagesaveblock-2,
    #block-coretopicarticlepagesaveblock-2 {
        display: inline-block;
        position: relative;
        top: -14px;
        margin-bottom: 15px;
        margin-left: 15px;
    }
    #block-topicarticlepagesaveblock,
    #block-topicarticlepagesaveblock .button,
    #block-coretopicarticlepagesaveblock,
    #block-coretopicarticlepagesaveblock .button {
        width: 100%
    }
    .view-author-info-bottom #block-addtoanybuttons {
        position: relative;
        top: -16px;
        margin-left: 5px;
    }
    .view-author-info-bottom .author-reviewer-follow-block {
        margin-bottom: 15px;
    }
}

@media (min-width: 575px) and (max-width: 768px) {
    #block-articlesaveblock-2 {
        display: inline-block;
        position: relative;
    }
    #block-topicarticlepagesaveblock-2,
    #block-coretopicarticlepagesaveblock-2 {
        display: inline-block;
        position: relative;
        top: -14px;
        margin-left: 15px;
    }
    .view-author-info-bottom #block-addtoanybuttons {
        position: relative;
        top: -15px;
        margin-left: 5px;
    }
    .view-author-info-bottom .author-reviewer-follow-block {
        margin-bottom: 15px;
    }
}

@media (min-width: 576px) {
    #block-articlesaveblock,
    #block-topicarticlepagesaveblock,
    #block-articlesaveblock--1,
    #block-topicarticlepagesaveblock--1,
    #block-articlesaveblock--2,
    #block-topicarticlepagesaveblock--2,
    #block-articlesaveblock-2,
    #block-topicarticlepagesaveblock-2,
    #block-coretopicarticlepagesaveblock-2 {
        width: auto;
    }
    .block--topic-save-block .button,
    .block--article-save-block .button,
    .block--topic-article-page-save-block .button {
        width: auto;
    }
    #block-articlesaveblock,
    #block-articlesaveblock--1,
    #block-articlesaveblock--2,
    #block-articlesaveblock-2 {
        margin-right: .5rem;
    }
}

@media (min-width: 768px) {
    .block--topic-save-block .button,
    .block--article-save-block .button,
    .block--topic-article-page-save-block .button {
        font-size: 12px;
    }
    #block-articlesaveblock,
    #block-articlesaveblock--1,
    #block-articlesaveblock--2,
    #block-articlesaveblock-2 {
        margin-right: 1rem;
    }
    .view-author-info-bottom .view-footer {
        position: relative;
        left: 0px;
        margin-top: 30px;
    }
    #block-articlesaveblock-2 {
        display: inline-block;
        position: relative;
    }
    #block-topicarticlepagesaveblock-2,
    #block-coretopicarticlepagesaveblock-2 {
        display: inline-block;
        position: relative;
        top: -14px;
    }
}

@media (min-width: 1200px) {
    .block--topic-save-block .button,
    .block--article-save-block .button,
    .block--topic-article-page-save-block .button {
        font-size: 16px;
    }
    #block-articlesaveblock,
    #block-articlesaveblock--1,
    #block-articlesaveblock--2,
    #block-articlesaveblock-2 {
        margin-right: 1.5rem;
    }
    .view-author-info-bottom .view-footer {
        position: relative;
        margin-top: 0;
    }
    #block-articlesaveblock-2 {
        display: inline-block;
        position: relative;
    }
    #block-topicarticlepagesaveblock-2,
    #block-coretopicarticlepagesaveblock-2 {
        display: inline-block;
        position: relative;
        top: -19px;
    }
}


/* Homepage */

.topic-name a {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: bold;
    line-height: 100%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.hp-latest-articles .topic-name a {
    font-size: 10px;
}

.hp-featured-articles {
    padding: 0 10px 0 10px;
}

.hp-featured-articles .topic-name a {
    font-size: 12px;
}

@media (min-width: 992px) {
    .hp-latest-articles .topic-name a,
    .hp-featured-articles .topic-name a {
        font-size: 14px;
    }
}


/* Perspective Articles */

.perspective-article {
    padding-top: 1rem;
}

.perspective-article h2.block__title,
.pillar-body h2.block__title {
    display: none;
}

.perspective-article .view-newest-articles-fetured>.view-header,
.pillar-body .view-newest-articles-fetured>.view-header {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0.01em;
    margin-top: 3rem;
}

@media (min-width: 768px) {
    .perspective-article {
        padding-top: 2rem;
    }
    .perspective-article .view-newest-articles-fetured>.view-header,
    .pillar-body .view-newest-articles-fetured>.view-header {
        font-size: 21px;
        line-height: 115%;
    }
}

@media (min-width: 992px) {
    .perspective-article {
        padding-top: 3rem;
    }
    .perspective-article .view-newest-articles-fetured,
    .pillar-body .view-newest-articles-fetured {
        padding-left: 1rem;
    }
}

@media (min-width: 1200px) {
    .perspective-article .view-newest-articles-fetured,
    .pillar-body .view-newest-articles-fetured {
        padding-left: 2rem;
    }
}

@media (min-width: 1400px) {
    .perspective-article .view-newest-articles-fetured,
    .pillar-body .view-newest-articles-fetured {
        padding-left: 3rem;
    }
}

@media all and (min-width: 992px) {
    .side-panel-quiz {
        padding-left: 1rem;
    }
}

@media all and (min-width: 1200px) {
    .side-panel-quiz {
        padding-left: 2rem;
    }
}

@media all and (min-width: 1400px) {
    .side-panel-quiz {
        padding-left: 3rem;
    }
}

@media all and (max-width: 604px) {
    .body-embed-quiz-section {
        float: unset;
        width: 100%;
        margin: 0px auto;
    }
    .body-embed-quiz {
        border: none;
        padding-left: 0rem;
        width: 100%;
    }
}

@media all and (min-width: 605px) and (max-width: 767px) {
    .body-embed-quiz-section {
        float: right;
        width: 330px;
    }
}

@media all and (min-width: 768px) and (max-width: 1214px) {
    .body-embed-quiz-section {
        float: unset;
        width: 495px;
        margin: 0px auto;
    }
}

@media all and (min-width: 1215px) {
    .body-embed-quiz-section {
        float: right;
        width: 330px;
    }
}

.side-panel-quiz {
    border: none;
}

.body-embed-quiz {
    border: none;
    padding-left: 1rem;
    width: 100%;
}

.quiz-embed-responsive {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden;
}

.recommended-article-header {
    background: linear-gradient(269.67deg, #46B1FF 0%, #33C9BB 100%);
}

.recommended-article-header-text {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    color: #FFFFFF;
}

.recommended-article-body {
    background: #F3F3F3;
}

.recommended-article-title a {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    display: block;
    line-height: 120%;
    letter-spacing: 0.01em;
    padding-top: 5px;
    color: #323232 !important;
}

.recommended-article-title.col-8 {
    padding-right: 0rem;
}

.recommended-article-one-fourth.col-6 {
    padding-left: 0px;
}

.recommended-article-row.row {
    padding-left: 0px;
    padding-right: 0px;
}

.recommended-article-img.col-4 {
    padding-left: 0px;
    padding-right: 0px;
}


/* ---------- Global Styles ---------- */

a .sexual-wellness {
    color: #70ABFF;
}

a .physical-wellness {
    color: #70ABFF;
}

a .mens-health {
    color: #70ABFF;
}

a .womens-health {
    color: #70ABFF;
}

.sexual-wellness a {
    color: #70ABFF;
}

.physical-wellness a {
    color: #70ABFF;
}

.mens-health a {
    color: #70ABFF;
}

.womens-health a {
    color: #70ABFF;
}

.banner-eddie-img {
    justify-content: center;
}

.banner-desktop-eddie img {
    width: 824px;
}

.banner-tablet-eddie img {
    width: 500px;
}

.banner-mobile-eddie img {
    width: 320px;
}

.banner-panel-mobile-eddie img {
    width: 284px;
}


/* ---------- Homepage Styles ---------- */


/* Welcome Banner */

.welcome-banner {
    margin: 20px 0 10px 0;
}

@media (min-width: 768px) {
    .welcome-banner {
        background: linear-gradient(269.67deg, #218EDD 0%, #1CB8AA 100%);
        height: 53px;
        margin: 0 0 8px 0;
    }
}

@media (min-width: 1200px) {
    .welcome-banner {
        height: 75px;
    }
}

.welcome-banner .copy-contain {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 768px) {
    .welcome-banner .copy-contain {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 0 0 16px;
    }
}

.welcome-banner h3 {
    display: block !important;
    color: #161C45;
    font-family: ivypresto-display;
    font-style: italic;
    font-weight: 700;
    font-size: 24px;
    line-height: 26.4px;
    letter-spacing: 0.01em;
    text-align: center;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .welcome-banner h3 {
        display: inline-block;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 14px;
        line-height: 16px;
        text-align: left;
    }
}

@media (min-width: 1200px) {
    .welcome-banner h3 {
        font-size: 22px;
        line-height: 24px;
    }
}

.welcome-banner p {
    color: #161C45;
    font-family: Slate Pro;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.01em;
    display: inline-block;
    margin: 14px 0 20px 0;
}

@media (min-width: 768px) {
    .welcome-banner p {
        color: #FFFFFF;
        margin: 0;
    }
}

@media (min-width: 1200px) {
    .welcome-banner p {
        font-size: 18px;
        line-height: 21px;
    }
}

.welcome-banner a {
    color: #3185FC;
    text-decoration: underline;
}

@media (min-width: 768px) {
    .welcome-banner a {
        color: #161C45;
    }
}

.welcome-banner-cta-button {
    display: inline-block;
    cursor: pointer;
    background-color: #AAD0FB;
    width: 95%;
    height: 46px;
    color: #161C45 !important;
    font-family: Slate Pro;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.05em;
    line-height: 300%;
    text-decoration: none !important;
    border-radius: 5px;
}

@media (min-width: 768px) {
    .welcome-banner-cta-button {
        background-color: #161C45;
        width: 124px;
        height: 30px;
        color: #FFFFFF !important;
        font-weight: normal;
        font-size: 10px;
        line-height: 290%;
        border-radius: 3px;
    }
}

@media (min-width: 1200px) {
    .welcome-banner-cta-button {
        width: 170px;
        height: 40px;
        font-size: 13px;
        line-height: 300%;
    }
}

.welcome-banner .close-button {
    display: none;
    width: 12.5px;
    cursor: pointer;
    margin-right: 1rem;
    cursor: pointer;
}

@media (min-width: 768px) {
    .welcome-banner .close-button {
        display: inline-block;
    }
}

@media (min-width: 1200px) {
    .welcome-banner .close-button {
        width: 25px;
    }
}


/* ---------- Core Topic Page Styles ---------- */


/* Core Topic Header */

.core-topic-header {
    max-width: 1256px;
    margin-left: auto;
    margin-right: auto;
}

.core-topic-header h5 {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color: #242424;
}

.core-topic-header h1 {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: bold;
    text-align: center;
    color: #242424;
}

.core-topic-header .core-topic-title {
    height: 100%;
    background: linear-gradient(180deg, #FFF 50%, #F7F8F9 50%);
}


/* Core Topic M&M section */

.core-topic-pillar-title h2 {
    text-align: center;
}

.core-topic-pillar-title h2 a {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: bold;
    color: #323232;
}

.core-topic-pillar-deck p {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color: #323232;
}

.core-topic-pillar-author p {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color: #999999;
}

.core-topic-pillar-author a {
    color: #323232;
}

.core-topic-pillar-reviewer p {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color: #999999;
}

.core-topic-pillar-reviewer a {
    color: #323232;
}

.core-topic-pillar-reviewer span {
    color: #323232;
}


/* Core Topic Page Layout */

.subtopic-menu {
    background: #5555;
    border-radius: 100px;
    width: max-content;
    padding: 9px 14px;
    float: left;
}

.subtopic-menu-items .view-content {
    flex-wrap: inherit;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


/* Core Topic Page Layout */

.coretopic-even-width {
    max-width: 1256px;
    margin: 0 auto;
}

.coretopic-odd-width {
    max-width: 1256px;
    margin: 0 auto;
}

.new-core-topic-author {
    padding-top: 20px;
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 100%;
    text-transform: capitalize;
    color: #999999;
    text-align: center;
}

.new-core-topic-author a {
    color: #000;
}

.coretopic-even .pillar-teaser {
    margin: 31px auto 58px;
    box-shadow: 4px 10px 16px rgba(0, 0, 0, 0.05);
}

.coretopic-odd .pillar-teaser {
    margin: 31px auto 58px;
    box-shadow: 4px 10px 16px rgba(0, 0, 0, 0.05);
}

.subtopic-pillar {
    max-width: 1256px;
}

.subtopic-pillar-right {
    display: flex;
    justify-content: center;
    align-items: center;
}

.subtopic-pillar-left {
    display: flex;
    justify-content: center;
}

.subtopic-pillar .col-6 {
    padding: 0px;
}

.subtopic-pillar .col-12 {
    padding: 0px;
}

.perspective-teaser.col-12 {
    flex: 0%;
}


/* ---------- Guide Pages Layout ---------- */

.block--field-block\:node\:guide-page\:field-pillar-hero .field--type-image {
    display: flex;
    justify-content: center;
}

.guide-header {
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 40px;
}

.guide-header-title {
    position: absolute;
    bottom: 20%;
    width: 100%;
}

.guide-header-title h2 {
    font-family: ivypresto-display;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
}

.guide-author-layout {
    display: flex;
    justify-content: center;
}

.guide-author-layout-left {
    display: flex;
    align-items: center;
}

.guide-author-layout-left .guide-author-img {
    margin-right: 19px;
}

.guide-author-title p {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    margin-bottom: 0px;
}

.guide-author-title span {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    text-transform: capitalize;
    color: #999999;
}

.guide-author-layout-right {
    display: flex;
    align-items: center;
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    color: #000000;
}

.guide-author-detail p {
    margin-bottom: 0rem;
}

.guide-deck {
    max-width: 1040px;
    margin: 56px auto;
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    color: #323232;
}

.row .guide-article-layout {
    max-width: 1256px;
    background: #FFFFFF;
    box-shadow: 4px 10px 16px rgba(0, 0, 0, 0.05);
    margin-left: auto;
    margin-right: auto;
}

.guide-article-layout .col-12 {
    padding: 0px;
}

.guide-article-layout .col-md-6 {
    padding: 0px;
}

.guide-right-side {
    display: flex;
    justify-content: center;
    align-items: center;
}

.guide-right-side-box {
    max-width: 475px;
    margin: 0 auto;
}

.guide-right-side .guide-article-title,
.guide-right-side .guide-article-title a {
    font-family: ivypresto-display;
    font-style: normal;
    text-align: center;
    color: #242424;
    margin-bottom: 18px;
    text-decoration: none;
}

.guide-right-side .guide-article-deck {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color: #323232;
    margin-bottom: 20px;
}

.guide-right-side .guide-article-author {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    text-transform: capitalize;
    color: #999999;
}

.guide-right-side .guide-article-author a {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    text-transform: capitalize;
    color: #323232;
}

.guide-menu-items .view-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.guide-menu {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #999999;
    width: max-content;
}

.guide-menu:hover {
    color: #70ABFF;
    cursor: pointer;
}

.guide-next-layout .row {
    margin-right: auto !important;
    margin-left: auto !important;
}

.guide-next-subtitle h3 {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    color: #323232;
}

.guide-next-title a,
.guide-next-title a:hover {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: bold;
    color: #242424;
}

.guide-next-btn {
    background: #FFEDCA;
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color: #323232;
    cursor: pointer;
    border-radius: 3px;
}

.guide-next-btn:hover {
    background: #FFCC6A;
    text-decoration: none;
}

.guide-next-btn :hover {
    background: #F8BE51;
}

.guide-next-name a,
.guide-next-name a:hover {
    text-decoration: none;
}


/* main css style for mobile */

@media screen and (max-width: 767px) {
    /* ------------------ Article Recommended Block View ------------------ */
    .recommended-article-header {
        background: linear-gradient(269.67deg, #46B1FF 0%, #33C9BB 100%);
    }
    .recommended-article-one-fourth {
        padding-bottom: 15px;
    }
    .recommended-article-header-text {
        font-size: 21px;
        line-height: 115%;
        padding: 5px 17px;
    }
    .recommended-article-body {
        padding: 19px 13px 0px;
    }
    .recommended-article-title.col-8 {
        padding-right: 0px;
    }
    .recommended-article-title a {
        font-size: 14px;
        font-weight: 700;
    }
    .recommended-article-img {
        max-width: 100px;
    }
    /*--------------------------------------------------------*/
    .ugg-layout {
        margin-bottom: 20px
    }
    .ugg-title {
        font-size: 26px;
        line-height: 115%;
        letter-spacing: 0.01em;
        width: 236px;
    }
    .guide-header-title h2 {
        font-size: 21px;
        line-height: 115%;
        letter-spacing: 0.01em;
    }
    .guide-author-layout {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .guide-author-layout-left .guide-author-img {
        margin-right: 8px;
        margin-top: 5 px;
        width: 36px;
    }
    .guide-author-title p {
        font-size: 12px;
        line-height: 140%;
    }
    .guide-author-title span {
        font-size: 10px;
        line-height: 140%;
    }
    .guide-author-layout-right {
        width: 298px;
        font-size: 12px;
        line-height: 20px;
    }
    .guide-author-detail p {
        text-align: center;
    }
    .author-line {
        height: 3px;
        width: 50px;
        background: #FBDFAA;
        margin: 19px 50px;
    }
    .guide-deck {
        margin: 38px auto 40px;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.01em;
        padding-left: 20px;
        padding-right: 20px;
    }
    .row .guide-article-layout {
        margin-bottom: 40px;
    }
    .guide-right-side-box {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .guide-menu-items .view-content {
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .guide-menu-items .view-content .views-row {
        margin: 18px 8px;
        padding: 5px 14px;
    }
    .guide-right-side-box .guide-article-title {
        font-weight: 600;
        font-size: 18px;
        line-height: 115%;
    }
    .guide-right-side-box .guide-article-deck {
        font-size: 12px;
        line-height: 140%;
    }
    .guide-right-side-box .guide-article-author {
        font-size: 12px;
        line-height: 100%;
    }
    .guide-right-side-box .guide-article-author a {
        font-size: 12px;
        line-height: 100%;
    }
    .next-guide-line {
        width: 100%;
        margin-bottom: 36px;
        height: 1.25px;
        background: #C4C4C4;
    }
    .guide-next-subtitle h3 {
        font-size: 21px;
        line-height: 100%;
        margin-bottom: 32px;
    }
    .guide-next-title {
        font-size: 24px;
        line-height: 115%;
        margin-top: 28px;
        margin-bottom: 28px;
        text-align: center;
    }
    .guide-next-btn {
        font-size: 14px;
        line-height: 140%;
        width: 216px;
        padding: 11px;
        margin-left: auto;
        margin-right: auto;
    }
    .athlete h2 {
        font-family: ivypresto-display;
        font-weight: 700;
        font-size: 30px;
        line-height: 30px;
    }
    .athlete h3 {
        font-family: "Slate Pro";
        font-weight: 400;
        font-size: 18px;
        line-height: 21px;
        font-style: normal;
    }
    .athlete h4 {
        font-family: "Slate Pro";
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 28px;
    }
    .athlete p {
        font-family: "Slate Pro";
        font-weight: 400;
        font-size: 20px;
        line-height: 32px;
    }
    .athlete ul {
        font-family: "Slate Pro";
        font-weight: 400;
        font-size: 20px;
        line-height: 33px;
    }
    .athlete input {
        height: 44px;
    }
}

@media screen and (max-width: 575px) {
    .recommended-article-title a {
        font-size: 18px;
        font-weight: 700;
    }
}


/* main css style for tablet */

@media all and (min-width: 768px) and (max-width: 1399px) {
    /* ------------------ Article Recommended Block View ------------------ */
    .recommended-article-header {
        background: linear-gradient(269.67deg, #46B1FF 0%, #33C9BB 100%);
    }
    .recommended-article-header-text {
        font-size: 18px;
        line-height: 115%;
        padding: 5px 17px;
    }
    .recommended-article-body {
        padding: 11px 8px 12px;
    }
    .recommended-article-title.col-8 {
        padding-right: 0rem;
    }
    .recommended-article-title a {
        font-size: 12px;
        font-weight: 700;
    }
    .recommended-article-img {
        max-width: 60px;
    }
    /* ------------------------------------------------------------- */
    .ugg-title {
        font-size: 26px;
        line-height: 115%;
        letter-spacing: 0.01em;
        width: 218px;
    }
    .guide-header-title h2 {
        font-size: 36px;
        line-height: 115%;
        letter-spacing: 0.01em;
    }
    .guide-author-layout {
        display: flex;
        justify-content: center;
    }
    .guide-author-title p {
        font-size: 16px;
        line-height: 140%;
    }
    .guide-author-title span {
        font-size: 14px;
        line-height: 140%;
    }
    .guide-author-layout-right {
        width: 298px;
        font-size: 12px;
        line-height: 18px;
    }
    .author-line {
        width: 3px;
        background: #FBDFAA;
        margin: 0px 19px;
    }
    .guide-deck {
        margin: 42px auto 45px;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.01em;
        padding-left: 93px;
        padding-right: 93px;
    }
    .row .guide-article-layout {
        margin-bottom: 37px;
    }
    .guide-right-side-box {
        padding-left: 20px;
        padding-right: 20px;
    }
    .guide-right-side-box .guide-article-title {
        font-weight: 600;
        font-size: 18px;
        line-height: 115%;
    }
    .guide-right-side-box .guide-article-deck {
        font-size: 11px;
        line-height: 140%;
    }
    .guide-right-side-box .guide-article-author {
        font-size: 11px;
        line-height: 100%;
    }
    .guide-right-side-box .guide-article-author a {
        font-size: 11px;
        line-height: 100%;
    }
    .guide-next-subtitle h3 {
        font-size: 18px;
        line-height: 100%;
        margin-bottom: 24px;
    }
    .guide-next-title {
        font-size: 21px;
        line-height: 115%;
        margin-bottom: 20px;
    }
    .guide-next-btn {
        font-size: 14px;
        line-height: 140%;
        width: 193px;
        padding: 7px;
    }
}


/* main css style for desktop */

@media screen and (min-width: 1400px) {
    /* ------------------ Article Recommended Block View ------------------ */
    .recommended-article-header {
        background: linear-gradient(269.67deg, #46B1FF 0%, #33C9BB 100%);
    }
    .recommended-article-header-text {
        font-size: 21px;
        line-height: 115%;
        padding: 5px 17px;
    }
    .recommended-article-body {
        padding: 19px 13px 20px;
    }
    .recommended-article-title a {
        font-size: 18px;
        font-weight: 700;
    }
    .recommended-article-img {
        max-width: 100px;
    }
    /* ------------------------------------------------------------- */
    .ugg-title {
        font-size: 42px;
        line-height: 115%;
        letter-spacing: 0.01em;
        width: 375px;
    }
    /* css style for Coretopic Pages */
    .core-topic-header {
        max-width: 1256px;
        margin-top: 46px;
        margin-bottom: 20px;
    }
    .core-topic-header h5 {
        font-size: 16px;
        line-height: 115%;
        margin-bottom: 20px
    }
    .core-topic-header h1 {
        font-size: 32px;
        line-height: 115%;
    }
    .core-topic-pillar-img {
        margin-bottom: 41px;
    }
    .core-topic-pillar-title h2 {
        margin-bottom: 15px;
    }
    .core-topic-pillar-title h2 a {
        font-size: 28px;
        line-height: 115%;
        letter-spacing: 0.01em;
    }
    .core-topic-pillar-deck p {
        font-size: 16px;
        line-height: 140%;
        letter-spacing: 0.01em;
        margin-bottom: 19px;
    }
    .core-topic-pillar-author p {
        font-size: 14px;
        line-height: 140%;
        margin-bottom: 10px;
    }
    .core-topic-pillar-reviewer p {
        font-size: 14px;
        line-height: 140%;
    }
    .guide-header-title h2 {
        font-size: 64px;
        line-height: 115%;
        letter-spacing: 0.01em;
    }
    .guide-author-layout {
        display: flex;
        justify-content: center;
    }
    .guide-author-title p {
        font-size: 18px;
        line-height: 140%;
    }
    .guide-author-title span {
        font-size: 16px;
        line-height: 140%;
    }
    .guide-author-layout-right {
        width: 356px;
        font-size: 14px;
        line-height: 20px;
    }
    .author-line {
        width: 3px;
        background: #FBDFAA;
        margin: 0px 50px;
    }
    .guide-deck {
        margin: 56px auto 50px;
        font-size: 21px;
        line-height: 31px;
        letter-spacing: 0.01em;
    }
    .row .guide-article-layout {
        margin-bottom: 63px;
    }
    .guide-right-side-box .guide-article-title {
        font-weight: 600;
        font-size: 24px;
        line-height: 115%;
    }
    .guide-right-side-box .guide-article-deck {
        font-size: 14px;
        line-height: 140%;
    }
    .guide-right-side-box .guide-article-author {
        font-size: 14px;
        line-height: 100%;
    }
    .guide-right-side-box .guide-article-author a {
        font-size: 14px;
        line-height: 100%;
    }
    .guide-next-subtitle h3 {
        font-size: 21px;
        line-height: 100%;
        margin-bottom: 32px;
    }
    .guide-next-title {
        font-size: 28px;
        line-height: 115%;
        margin-bottom: 28px;
    }
    .guide-next-btn {
        font-size: 14px;
        line-height: 140%;
        width: 241px;
        padding: 11px;
    }
}

@media only screen and (min-width: 1200px) {
    .embed-responsive-1by2 {
        padding-top: 170%;
    }
    .embed-responsive-1by1-5 {
        padding-top: 160%;
    }
    .themag-layout__region--second>div {
        height: 100%;
    }
    .themag-layout__region--first>div {
        height: 100%;
    }
    .block--field-block\:paragraph\:2-column-image-right\:field-2-column-video-right {
        position: -webkit-sticky;
        /* Safari */
        position: sticky !important;
        top: 120px !important;
        padding-right: 120px;
        padding-left: 120px;
        padding-top: 0;
    }
    .block--field-block\:paragraph\:2-column-image-left\:field-2-column-video-left {
        position: -webkit-sticky;
        /* Safari */
        position: sticky !important;
        top: 120px !important;
        padding-right: 120px;
        padding-left: 120px;
        padding-top: 0;
    }
    .block--field-block\:paragraph\:2-column-image-right\:field-2-column-video-right {
        position: -webkit-sticky;
        /* Safari */
        position: sticky !important;
        top: 120px !important;
        padding-right: 120px;
        padding-left: 120px;
        padding-top: 0;
    }
    .block--field-block\:paragraph\:2-column\:field-2-column-body p:first-of-type:first-letter {
        color: #323232;
        font-family: ivypresto-display;
        font-weight: bold;
        font-size: 100px;
        line-height: 60% !important;
        padding: 10px 5px 14px 0;
        float: left;
    }
    .athlete h2 {
        font-family: ivypresto-display;
        font-weight: 700;
        font-size: 28px;
        line-height: 28px;
    }
    .athlete h3 {
        font-family: "Slate Pro";
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        font-style: normal;
    }
    .athlete h4 {
        font-family: "Slate Pro";
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 28px;
    }
    .athlete p {
        font-family: "Slate Pro";
        font-weight: 400;
        font-size: 20px;
        line-height: 32px;
    }
    .athlete ul {
        font-family: "Slate Pro";
        font-weight: 400;
        font-size: 20px;
        line-height: 33px;
    }
    .athlete input {
        height: 44px;
    }
    /*
  .block--field-block\:paragraph\:1-column\:field-section-body p:first-of-type:first-letter{
    color: #323232;
    font-family: ivypresto-display;
    font-weight: 400;
    font-size: 80px;
    padding: 23px 5px 14px 0;
    float: left;
  }*/
    #qaShow {
        height: 400px;
        overflow-y: scroll;
    }
    .page-node-type-celebrity-interviews .newest-articles-block {
        margin-bottom: 0px !important;
    }
    .page-node-type-celebrity-interviews .paragraph--type--q-and-a-section {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
    .page-node-type-celebrity-interviews .paragraph--type--q-and-a-section .paragraph {
        margin-bottom: 0rem !important;
    }
    .bare-related-articles-counter {
        font-family: ivypresto-display;
        font-weight: 400;
        font-style: normal;
        font-size: 36px;
        line-height: 36px;
        color: #3185FC;
        padding-top: 8px;
    }
    .bare-related-articles {
        border: 1px solid #dcdcdc !important;
        margin-bottom: 0px !important;
    }
    .bare-related-articles a {
        font-family: slate pro;
        font-weight: 400;
        font-style: normal;
        font-size: 18px;
        line-height: 21px;
        color: #323232;
    }
    .bare-related-articles p {
        font-family: slate pro;
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        line-height: 14px;
        color: #323232;
    }
}

@media only screen and (min-width: 934px) and (max-width: 1199px) {
    .embed-responsive-1by2 {
        padding-top: 175%;
    }
    .embed-responsive-1by1-5 {
        padding-top: 160%;
    }
    .themag-layout__region--second>div {
        height: 100%;
    }
    .themag-layout__region--first>div {
        height: 100%;
    }
    .block--field-block\:paragraph\:2-column-image-right\:field-2-column-video-right {
        position: -webkit-sticky;
        /* Safari */
        position: sticky !important;
        top: 120px !important;
        padding-right: 5px;
        padding-left: 75px;
        padding-top: 0;
    }
    .block--field-block\:paragraph\:2-column-image-left\:field-2-column-video-left {
        position: -webkit-sticky;
        /* Safari */
        position: sticky !important;
        top: 120px !important;
        padding-right: 75px;
        padding-left: 5px;
        padding-top: 0;
    }
    .block--field-block\:paragraph\:2-column\:field-2-column-body p:first-of-type:first-letter {
        color: #323232;
        font-family: ivypresto-display;
        font-weight: bold;
        font-size: 95px;
        line-height: 60% !important;
        padding: 13px 5px 14px 0;
        float: left;
    }
    #qaShow {
        height: 300px;
        overflow-y: scroll;
    }
}

@media only screen and (min-width: 768px) and (max-width: 933px) {
    .embed-responsive-1by2 {
        padding-top: 210%;
    }
    .embed-responsive-1by1-5 {
        padding-top: 160%;
    }
    .themag-layout__region--second>div {
        height: 100%;
    }
    .themag-layout__region--first>div {
        height: 100%;
    }
    .block--field-block\:paragraph\:2-column-image-right\:field-2-column-video-right {
        position: -webkit-sticky;
        /* Safari */
        position: sticky !important;
        top: 120px !important;
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 0;
    }
    .block--field-block\:paragraph\:2-column-image-left\:field-2-column-video-left {
        position: -webkit-sticky;
        /* Safari */
        position: sticky !important;
        top: 120px !important;
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 0;
    }
    .block--field-block\:paragraph\:2-column\:field-2-column-body p:first-of-type:first-letter {
        color: #323232;
        font-family: ivypresto-display;
        font-weight: bold;
        font-size: 95px;
        line-height: 60% !important;
        padding: 11px 5px 14px 0;
        float: left;
    }
    #qaShow {
        height: 300px;
        overflow-y: scroll;
    }
}

@media only screen and (max-width: 767px) {
    .embed-responsive-1by2 {
        padding-top: 190%;
    }
    .embed-responsive-1by1-5 {
        padding-top: 160%;
    }
    .themag-layout__region--second>div {
        height: 100%;
    }
    .block--field-block\:paragraph\:2-column-image-right\:field-2-column-video-right {
        position: -webkit-sticky;
        /* Safari */
        position: sticky !important;
        top: 120px !important;
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 0;
    }
    .block--field-block\:paragraph\:2-column-image-left\:field-2-column-video-left {
        position: -webkit-sticky;
        /* Safari */
        position: sticky !important;
        top: 120px !important;
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 0;
    }
    .block--field-block\:paragraph\:2-column\:field-2-column-body p:first-of-type:first-letter {
        color: #323232;
        font-family: ivypresto-display;
        font-weight: bold;
        font-size: 80px;
        line-height: 60% !important;
        padding: 10px 5px 14px 0;
        float: left;
    }
    .athlete h2 {
        font-family: ivypresto-display !important;
        font-weight: 700 !important;
        font-size: 30px !important;
        line-height: 30px !important;
    }
    .athlete h3 {
        font-family: "Slate Pro";
        font-weight: 400;
        font-size: 18px;
        line-height: 32px;
        font-style: normal;
    }
    .athlete h4 {
        font-family: "Slate Pro";
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 28px;
    }
    .athlete p {
        font-family: "Slate Pro";
        font-weight: 400;
        font-size: 14px;
        line-height: 23px;
    }
    .athlete ul {
        font-family: "Slate Pro";
        font-weight: 400;
        font-size: 14px;
        line-height: 23px;
    }
    .athlete input {
        height: 44px;
    }
    .bare-related-articles-counter {
        font-family: ivypresto-display;
        font-weight: 400;
        font-style: normal;
        font-size: 36px;
        line-height: 36px;
        color: #3185FC;
        padding-top: 8px;
    }
    .bare-related-articles {
        border: 1px solid #dcdcdc !important;
        margin-bottom: 0px !important;
    }
    .bare-related-articles a {
        font-family: slate pro;
        font-weight: 400;
        font-style: normal;
        font-size: 18px;
        line-height: 21px;
        color: #323232;
    }
    .bare-related-articles p {
        font-family: slate pro;
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        line-height: 14px;
        color: #323232;
    }
    #qaShow {
        height: 274px;
        overflow-y: scroll;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .bare-related-articles-counter {
        font-family: ivypresto-display;
        font-weight: 400;
        font-style: normal;
        font-size: 36px;
        line-height: 36px;
        color: #3185FC;
        padding-top: 8px;
    }
    .bare-related-articles {
        border: 1px solid #dcdcdc !important;
        margin-bottom: 0px !important;
    }
    .bare-related-articles a {
        font-family: slate pro;
        font-weight: 400;
        font-style: normal;
        font-size: 13px;
        line-height: 15px;
        color: #323232;
    }
    .bare-related-articles p {
        font-family: slate pro;
        font-weight: 400;
        font-style: normal;
        font-size: 13px;
        color: #323232;
    }
}

.video-short-title a {
    color: #323232 !important;
}

.video-short-title a {
    color: #323232 !important;
}

.field--name-field-image-caption {
    font-family: "Slate Pro";
    font-size: 12px;
    color: #999;
    width: 80%;
    max-width: 1440px;
    margin: auto;
}

.athlete-error {
    border-color: red;
}

.page-node-type-celebrity-interviews .newest-articles-block {
    margin-bottom: 0px !important;
}

.refer-a-friend-background-image {
    background-image: url("/themes/themag_st/assets/images/refer-a-friend-background-image.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 705px;
}

.refer-a-friend-background-image .row {
    justify-content: end;
    align-items: center;
}

.refer-a-friend-background-image .container {
    justify-content: end;
    align-items: center;
    max-width: 100vw;
}

.refer-a-friend-main-container {
    margin: 0px;
    padding: 0px;
    margin-bottom: -55px;
}

.refer-a-friend-container {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 27px;
    padding-left: 29.6px;
    padding-bottom: 9px;
    padding-right: 31.4px;
    margin-top: 130px;
    margin-right: 75px;
}

.refer-a-friend-container h1 {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    text-align: center;
    color: #161C45;
}

.refer-a-friend-container h3 {
    font-family: ivypresto-display;
    font-style: italic;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    color: #161C45;
}

.refer-a-friend-body {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    width: 381px;
    text-align: center;
    color: #282828;
    margin: 20px auto;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
}

.refer-a-friend-cta {
    font-family: Slate Pro;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
}

.refer-a-friend-cta-byline {
    font-family: Slate Pro;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: center;
}

.refer-a-friend-link {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: 550;
    font-size: 12px;
    line-height: 100%;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #161C45;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.refer-a-friend-button-area {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 38px;
    background: #C2DBFF;
    border-radius: 4px;
    max-width: 218px;
    margin: 18px auto;
    margin-bottom: 10px;
}

.refer-a-friend-terms-link {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 20px;
    text-decoration-line: underline;
    color: #6D6D6D;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (min-width: 1200px) {}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .refer-a-friend-background-image {
        background-image: url("/themes/themag_st/assets/images/refer-a-friend-background-image-tablet.jpg");
        height: 500px;
    }
    .refer-a-friend-background-image .row {
        justify-content: end;
        align-items: center;
    }
    .refer-a-friend-main-container {
        margin: 0px;
        padding: 0px;
        margin-bottom: -30px;
    }
    .refer-a-friend-container {
        background: #FFFFFF;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
        border-radius: 8px;
        padding: 21px 30px 0px 30px;
        margin-top: 100px;
        margin-right: 0px;
    }
    .refer-a-friend-container h1 {
        font-family: ivypresto-display;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 100%;
        color: #161C45;
        text-align: start;
    }
    .refer-a-friend-container h3 {
        font-family: ivypresto-display;
        font-style: italic;
        font-weight: 700;
        font-size: 14px;
        line-height: 100%;
        color: #161C45;
        text-align: start;
    }
    .refer-a-friend-body {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 11px;
        line-height: 18px;
        width: 257px;
        text-align: start;
        color: #282828;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
        margin: 15px auto;
    }
    .refer-a-friend-cta {
        font-family: Slate Pro;
        font-size: 11px;
        font-weight: 700;
        line-height: 18px;
        letter-spacing: 0em;
        text-align: center;
    }
    .refer-a-friend-cta-byline {
        font-family: Slate Pro;
        font-size: 9px;
        font-style: italic;
        font-weight: 400;
        line-height: 10px;
        letter-spacing: 0em;
        text-align: center;
    }
    .refer-a-friend-link {
        font-family: Slate Pro;
        font-size: 10px;
        font-weight: 400;
        line-height: 10px;
        letter-spacing: 0.05em;
        text-align: center;
    }
    .refer-a-friend-button-area {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 16px 31px;
        background: #C2DBFF;
        border-radius: 4px;
        max-width: 152px;
        max-height: 31px;
    }
    .refer-a-friend-terms-link {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 20px;
        text-decoration-line: underline;
        color: #6D6D6D;
    }
}

@media only screen and (max-width: 767px) {
    .refer-a-friend-main-container {
        margin-bottom: -16px;
    }
    .refer-a-friend-container {
        margin-top: 0;
        margin-right: 0;
        box-shadow: none;
        width: 350px;
        padding-left: 0;
        padding-right: 0;
        margin: 0 auto;
    }
    .refer-a-friend-container h1 {
        text-align: start;
        font-size: 20px;
    }
    .refer-a-friend-container h3 {
        text-align: start;
        font-size: 15px;
    }
    .refer-a-friend-body {
        text-align: start;
        width: 335px;
        margin: 20px 0px 20px 0px;
        font-size: 14px;
        line-height: 22px;
    }
    .refer-a-friend-cta {
        font-size: 14px;
        line-height: 15.9px;
    }
    .refer-a-friend-cta-byline {
        font-size: 12px;
        line-height: 13.63px;
    }
    .refer-a-friend-button-area {
        max-width: 157px;
    }
    .refer-a-friend-background-image {
        background-image: none;
    }
    .refer-a-friend-background-image .row {
        display: block;
    }
    .mobile-image-container {
        background-image: url("/themes/themag_st/assets/images/refer-a-friend-background-image-mobile.jpg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 375px;
        width: 100%;
    }
}

@media only screen and (max-width: 375px) {
    .refer-a-friend-main-container {
        margin-bottom: -40px;
    }
}

@media only screen and (max-width: 280px) {
    .refer-a-friend-main-container {
        margin-bottom: -17px;
    }
    .refer-a-friend-container {
        align-items: baseline;
    }
    .refer-a-friend-container h1 {
        width: 300px;
    }
    .refer-a-friend-body {
        width: 275px;
    }
    .refer-a-friend-terms-link {
        margin-left: 60px;
    }
}

.good-on-the-gram-container {
    display: flex;
    align-items: center;
    background: #F6F6F6;
    height: 438px;
    margin-top: 200px;
}

.good-on-the-gram-left {
    display: flex;
    flex-direction: column;
    margin-left: 203px;
    margin-bottom: 127px;
}

.good-on-the-gram-right {
    display: flex;
}

.good-on-the-gram-header {
    font-family: ivypresto-display;
    font-style: italic;
    font-weight: 700;
    font-size: 42px;
    line-height: 130%;
    color: #000000;
    margin: 77px 0px 40px 0px;
}

.good-on-the-gram-byline {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 118.5%;
    color: #000000;
    margin-bottom: 13px;
}

.good-on-the-gram-body {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 163%;
    color: #000000;
    max-width: 497px;
}

.good-on-the-gram-image {
    max-width: 409.55px;
    max-height: 503px;
    margin-left: 800px;
    margin-bottom: 100px;
    position: absolute;
}

.athlete-benefits-section-container {
    display: flex;
}

.athlete-benefits-image {
    width: 660px;
    height: 462px;
}

.athlete-benefits-container {
    display: flex;
    flex-direction: column;
    margin: 64px 0px 0px 70px;
}

.athlete-benefits-header {
    font-family: ivypresto-display;
    font-style: italic;
    font-weight: 700;
    font-size: 42px;
    color: #000000;
    margin-bottom: 22px;
}

.athlete-benefits-bullets {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 163%;
    color: #000000;
}

.athlete-benefits-bullets div.field {
    max-width: 500px;
}

.athlete-rar-paragraph {
    max-width: 1041px;
    margin: auto;
}

.athlete-rar-paragraph-background {
    background-color: #F6F6F6;
}

.athlete-rar-paragraph {
    padding-bottom: 84px;
    padding-top: 77px;
    margin: auto;
}

.athlete-rar-header {
    font-family: ivypresto-display;
    font-size: 42px;
    font-style: italic;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0em;
    text-align: left;
}

.athlete-rar-bullets ul {
    max-height: 163px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    column-gap: 47px;
    max-width: 510px;
}

.athlete-rar-bullets {
    max-height: 163px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    column-gap: 47px;
    max-width: 510px;
}

.athlete-example-post-paragraph {
    max-width: 1041px;
    margin: auto;
}

.athlete-example-post-container {
    display: flex;
    flex-direction: column;
    align-items: left;
}

.athlete-example-post-header {
    font-family: ivypresto-display;
    font-size: 42px;
    font-style: italic;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 54px;
    margin-top: 67px;
}

.athlete-example-post-images div {
    display: flex;
    justify-content: center;
    gap: 33px;
    margin-bottom: 48px;
}

.athlete-example-post-images .field__item {
    height: 325px;
    width: 325px;
    left: 200px;
    top: 2312px;
    border-radius: 0px;
}

.athlete-cta-shop-container {
    height: 245px;
    background-color: #F6F6F6;
}

.athlete-cta-shop-header {
    font-family: ivypresto-display;
    font-size: 50px;
    font-style: italic;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 0em;
    text-align: center;
    padding-top: 63px;
    padding-bottom: 9px;
    color: #000000;
}

.athlete-cta-shop-link {
    font-family: Slate Pro;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #FFFFFF;
}

.athlete-cta-shop-button-area {
    max-width: 256px;
    margin: 18px auto;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 58px;
    background: #5286F6;
    border-radius: 4px;
}


/* video player page changes */

div.view-id-celebrity_interview div.celebrity-featured {
    padding-top: 25px;
}

div.celebrity-featured.body div.series-field {
    color: #3185FC;
}


/* video players aren't BARE */

div.view-id-celebrity_interview.view-display-id-block_4 div.celebrity-featured {
    padding-bottom: 25px;
}

@media all and (min-width: 992px) {
    .side-panel-quiz {
        padding-left: 1rem;
    }
}

@media all and (min-width: 1200px) {
    .side-panel-quiz {
        padding-left: 2rem;
    }
}

@media all and (min-width: 1400px) {
    .side-panel-quiz {
        padding-left: 3rem;
    }
}

@media all and (max-width: 604px) {
    .body-embed-quiz-section {
        float: unset;
        width: 100%;
        margin: 0px auto;
    }
    .body-embed-quiz {
        border: none;
        padding-left: 0rem;
        width: 100%;
    }
}

@media all and (min-width: 605px) and (max-width: 767px) {
    .body-embed-quiz-section {
        float: right;
        width: 330px;
    }
}

@media all and (min-width: 768px) and (max-width: 1214px) {
    .body-embed-quiz-section {
        float: unset;
        width: 495px;
        margin: 0px auto;
    }
}

@media all and (min-width: 1215px) {
    .body-embed-quiz-section {
        float: right;
        width: 330px;
    }
}

.side-panel-quiz {
    border: none;
}

.body-embed-quiz {
    border: none;
    padding-left: 1rem;
    width: 100%;
}

.quiz-embed-responsive {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden;
}

.recommended-article-header {
    background: linear-gradient(269.67deg, #46B1FF 0%, #33C9BB 100%);
}

.recommended-article-header-text {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    color: #FFFFFF;
}

.recommended-article-body {
    background: #F3F3F3;
}

.recommended-article-title a {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    display: block;
    line-height: 120%;
    letter-spacing: 0.01em;
    padding-top: 5px;
    color: #323232 !important;
}

.recommended-article-title.col-8 {
    padding-right: 0rem;
}

.recommended-article-one-fourth.col-6 {
    padding-left: 0px;
}

.recommended-article-row.row {
    padding-left: 0px;
    padding-right: 0px;
}

.recommended-article-img.col-4 {
    padding-left: 0px;
    padding-right: 0px;
}


/* ---------- Global Styles ---------- */

a .sexual-wellness {
    color: #70ABFF;
}

a .physical-wellness {
    color: #70ABFF;
}

a .mens-health {
    color: #70ABFF;
}

a .womens-health {
    color: #70ABFF;
}

.sexual-wellness a {
    color: #70ABFF;
}

.physical-wellness a {
    color: #70ABFF;
}

.mens-health a {
    color: #70ABFF;
}

.womens-health a {
    color: #70ABFF;
}

.banner-eddie-img {
    justify-content: center;
}

.banner-desktop-eddie img {
    width: 824px;
}

.banner-tablet-eddie img {
    width: 500px;
}

.banner-mobile-eddie img {
    width: 320px;
}

.banner-panel-mobile-eddie img {
    width: 284px;
}


/* ---------- Homepage Styles ---------- */


/* Welcome Banner */

.welcome-banner {
    margin: 20px 0 10px 0;
}

@media (min-width: 768px) {
    .welcome-banner {
        background: linear-gradient(269.67deg, #218EDD 0%, #1CB8AA 100%);
        height: 53px;
        margin: 0 0 8px 0;
    }
}

@media (min-width: 1200px) {
    .welcome-banner {
        height: 75px;
    }
}

.welcome-banner .copy-contain {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 768px) {
    .welcome-banner .copy-contain {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 0 0 16px;
    }
}

.welcome-banner h3 {
    display: block !important;
    color: #161C45;
    font-family: ivypresto-display;
    font-style: italic;
    font-weight: 700;
    font-size: 24px;
    line-height: 26.4px;
    letter-spacing: 0.01em;
    text-align: center;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .welcome-banner h3 {
        display: inline-block;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 14px;
        line-height: 16px;
        text-align: left;
    }
}

@media (min-width: 1200px) {
    .welcome-banner h3 {
        font-size: 22px;
        line-height: 24px;
    }
}

.welcome-banner p {
    color: #161C45;
    font-family: Slate Pro;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.01em;
    display: inline-block;
    margin: 14px 0 20px 0;
}

@media (min-width: 768px) {
    .welcome-banner p {
        color: #FFFFFF;
        margin: 0;
    }
}

@media (min-width: 1200px) {
    .welcome-banner p {
        font-size: 18px;
        line-height: 21px;
    }
}

.welcome-banner a {
    color: #3185FC;
    text-decoration: underline;
}

@media (min-width: 768px) {
    .welcome-banner a {
        color: #161C45;
    }
}

.welcome-banner-cta-button {
    display: inline-block;
    cursor: pointer;
    background-color: #AAD0FB;
    width: 95%;
    height: 46px;
    color: #161C45 !important;
    font-family: Slate Pro;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.05em;
    line-height: 300%;
    text-decoration: none !important;
    border-radius: 5px;
}

@media (min-width: 768px) {
    .welcome-banner-cta-button {
        background-color: #161C45;
        width: 124px;
        height: 30px;
        color: #FFFFFF !important;
        font-weight: normal;
        font-size: 10px;
        line-height: 290%;
        border-radius: 3px;
    }
}

@media (min-width: 1200px) {
    .welcome-banner-cta-button {
        width: 170px;
        height: 40px;
        font-size: 13px;
        line-height: 300%;
    }
}

.welcome-banner .close-button {
    display: none;
    width: 12.5px;
    cursor: pointer;
    margin-right: 1rem;
    cursor: pointer;
}

@media (min-width: 768px) {
    .welcome-banner .close-button {
        display: inline-block;
    }
}

@media (min-width: 1200px) {
    .welcome-banner .close-button {
        width: 25px;
    }
}


/* ------------ Header Subscribe Modal ------------- */

div.modal.subscribe-modal div.modal-dialog {
    width: 100%;
    max-width: 1182px;
    height: 390px;
    background: rgba(239, 241, 244, 1);
    margin-top: 15rem;
}

.subscribe-modal .modal-content {
    box-shadow: none;
}

.subscribe-modal .modal-header {
    border-bottom: unset;
}

.header a.subscribe-link,
.header a.subscribe-link:hover {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: #FFFFFF;
}

div.subscribe-modal div.subscribe-modal-content {
    font-family: ivypresto-display;
    font-style: normal;
    color: #000000;
}

div.subscribe-modal-content button.close {
    position: absolute;
    top: 5px;
    left: 10px;
}

div.subscribe-modal-content h5.modal-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 22px;
}

div.subscribe-modal-content input.subscribe-email {
    font-family: "Slate Pro Regular";
    font-style: italic;
    font-weight: 400;
    font-size: 20px;
    line-height: 19px;
    letter-spacing: 0.01em;
    color: #6D6D6D;
    max-width: 66%;
    height: 57px;
    margin-right: -4px;
}

div.subscribe-modal-content input.subscribe-button {
    width: 100%;
    max-width: 186.6px;
    height: 57px;
    background: #AAD0FB;
    border-radius: 0px 4px 4px 0px;
    border: unset;
    font-family: "Slate Pro Regular";
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    vertical-align: unset;
    color: #161C45;
}


/* modal container */

div.subscribe-modal div.subscribe-modal-container {
    max-width: 1182px;
}

div.subscribe-modal div.subscribe-modal-header {
    margin-bottom: 30px;
}

div.subscribe-modal div.subscribe-modal-body {
    padding: unset;
    flex: 0 1 auto;
    width: 95%;
}

div.subscribe-modal p.subscribe-modal-footer {
    font-family: "Slate Pro Regular";
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-top: 14px;
}

div.subscribe-modal p.subscribe-modal-footer a {
    color: #000000;
    text-decoration: underline;
}


/* modal content */

div.subscribe-modal div.subscribe-modal-content {
    background: rgba(239, 241, 244, 1);
    width: 100%;
    border: unset;
    align-items: flex-start;
    padding-left: 5%;
}


/* modal image */

div.subscribe-modal-image {
    background-image: url("/themes/themag_st/assets/images/subscribe-modal.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    max-width: 390px;
    height: auto;
}


/* newsletter confirmation modal */

div.subscribe-confirmation-modal {
    opacity: unset;
}

div.subscribe-confirmation-modal div.subscribe-confirmation-modal-content {}

div.subscribe-confirmation-modal div.subscribe-confirmation-modal-header {
    justify-content: center;
}


/* Subscribe Modal Tablet */

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    div.modal.subscribe-modal div.modal-dialog {
        max-width: 677px;
        height: 210px;
    }
    div.subscribe-modal div.subscribe-modal-content {
        width: 454px;
    }
    div.subscribe-modal-image {
        background-image: url("/themes/themag_st/assets/images/subscribe-modal-tb.jpg");
        width: 223px;
    }
    div.subscribe-modal-content button.close {
        top: -3px;
        left: 6px;
    }
    div.subscribe-modal div.subscribe-modal-header {
        margin-bottom: 13px;
        padding: unset;
    }
    div.subscribe-modal-content h5.modal-title {
        font-size: 24px;
    }
    div.subscribe-modal-content input.subscribe-email {
        font-size: 14px;
        height: 36px;
    }
    div.subscribe-modal-content input.subscribe-button {
        max-width: 106.87px;
        height: 36px;
        font-weight: 500;
        font-size: 14px;
    }
    div.subscribe-modal p.subscribe-modal-footer {
        font-weight: 350;
        font-size: 10px;
        margin-top: unset;
    }
    div.subscribe-confirmation-modal button.close {
        top: -2px;
    }
    div.subscribe-confirmation-modal button.subscribe-confirmation-button {
        max-width: 106.87px;
    }
}


/* Subscribe Modal Mobile */

@media only screen and (max-width: 767px) {
    div.modal.subscribe-modal div.modal-dialog {
        display: block;
        max-width: 348px;
        max-height: 190px;
        margin: auto;
        margin-top: 17rem;
    }
    div.subscribe-modal,
    div.subscribe-confirmation-modal {
        width: 95%;
        margin: auto;
    }
    div.subscribe-modal-image {
        display: none;
    }
    div.subscribe-modal-content button.close {
        top: -3px;
        left: 5px;
    }
    div.subscribe-modal div.subscribe-modal-header {
        margin-bottom: 13px;
        text-align: center;
        padding-left: unset;
    }
    div.subscribe-modal-content h5.modal-title {
        line-height: 22px;
        font-size: 24px;
    }
    div.subscribe-modal-content input.subscribe-email {
        font-size: 12px;
        height: 39px;
        line-height: 18px;
    }
    div.subscribe-modal-content input.subscribe-button {
        max-width: 86.83px;
        height: 39px;
        font-size: 12px;
    }
    div.subscribe-modal p.subscribe-modal-footer {
        font-weight: 400;
        line-height: 18px;
        font-size: 10px;
        margin-top: 5px;
    }
    div.subscribe-confirmation-modal button.close {
        top: -3px;
    }
    div.subscribe-confirmation-modal div.subscribe-confirmation-modal-body {
        text-align: center;
    }
    div.subscribe-confirmation-modal button.subscribe-confirmation-button {
        max-width: 106.87px;
    }
}


/* Ultimate Giddy Guides */

.ugg-layout {
    position: relative;
    align-items: center;
    text-align: center;
    justify-content: center;
    display: flex;
    margin-bottom: 1.5em;
}

.ugg .col-12 .col-6 {
    padding-right: 0rem;
    padding-left: 0rem;
}

.ugg .col-12.col-md-6 {
    padding: 0 10px 0 10px;
}

.ugg-title a,
.ugg-title a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.ugg-title {
    position: absolute;
    font-family: ivypresto-display;
    font-style: italic;
    font-weight: bold;
    display: flex;
    color: #FFFFFF;
}

.ugg a::after {
    content: '';
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.ugg .ugg-title a::after {
    background-color: rgba(0, 0, 0, 0);
}

.row.ugg {
    margin-bottom: 0;
}


/* ---------- Core Topic Page Styles ---------- */


/* Core Topic Header */

.core-topic-header {
    max-width: 1256px;
    margin-left: auto;
    margin-right: auto;
}

.core-topic-header h5 {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color: #242424;
}

.core-topic-header h1 {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: bold;
    text-align: center;
    color: #242424;
}

.core-topic-header .core-topic-title {
    height: 100%;
    background: linear-gradient(180deg, #FFF 50%, #F7F8F9 50%);
}


/* Core Topic M&M section */

.core-topic-pillar-title h2 {
    text-align: center;
}

.core-topic-pillar-title h2 a {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: bold;
    color: #323232;
}

.core-topic-pillar-deck p {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color: #323232;
}

.core-topic-pillar-author p {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color: #999999;
}

.core-topic-pillar-author a {
    color: #323232;
}

.core-topic-pillar-reviewer p {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color: #999999;
}

.core-topic-pillar-reviewer a {
    color: #323232;
}

.core-topic-pillar-reviewer span {
    color: #323232;
}


/* Core Topic Page Layout */

.subtopic-menu {
    background: #5555;
    border-radius: 100px;
    width: max-content;
    padding: 9px 14px;
    float: left;
}

.subtopic-menu-items .view-content {
    flex-wrap: inherit;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


/* Core Topic Page Layout */

.coretopic-even-width {
    max-width: 1256px;
    margin: 0 auto;
}

.coretopic-odd-width {
    max-width: 1256px;
    margin: 0 auto;
}

.new-core-topic-author {
    padding-top: 20px;
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 100%;
    text-transform: capitalize;
    color: #999999;
    text-align: center;
}

.new-core-topic-author a {
    color: #000;
}

.coretopic-even .pillar-teaser {
    margin: 31px auto 58px;
    box-shadow: 4px 10px 16px rgba(0, 0, 0, 0.05);
}

.coretopic-odd .pillar-teaser {
    margin: 31px auto 58px;
    box-shadow: 4px 10px 16px rgba(0, 0, 0, 0.05);
}

.subtopic-pillar {
    max-width: 1256px;
}

.subtopic-pillar-right {
    display: flex;
    justify-content: center;
    align-items: center;
}

.subtopic-pillar-left {
    display: flex;
    justify-content: center;
}

.subtopic-pillar .col-6 {
    padding: 0px;
}

.subtopic-pillar .col-12 {
    padding: 0px;
}

.perspective-teaser.col-12 {
    flex: 0%;
}


/* ---------- Guide Pages Layout ---------- */

.block--field-block\:node\:guide-page\:field-pillar-hero .field--type-image {
    display: flex;
    justify-content: center;
}

.guide-header {
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 40px;
}

.guide-header-title {
    position: absolute;
    bottom: 20%;
    width: 100%;
}

.guide-header-title h2 {
    font-family: ivypresto-display;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
}

.guide-author-layout {
    display: flex;
    justify-content: center;
}

.guide-author-layout-left {
    display: flex;
    align-items: center;
}

.guide-author-layout-left .guide-author-img {
    margin-right: 19px;
}

.guide-author-title p {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    margin-bottom: 0px;
}

.guide-author-title span {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    text-transform: capitalize;
    color: #999999;
}

.guide-author-layout-right {
    display: flex;
    align-items: center;
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    color: #000000;
}

.guide-author-detail p {
    margin-bottom: 0rem;
}

.guide-deck {
    max-width: 1040px;
    margin: 56px auto;
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    color: #323232;
}

.row .guide-article-layout {
    max-width: 1256px;
    background: #FFFFFF;
    box-shadow: 4px 10px 16px rgba(0, 0, 0, 0.05);
    margin-left: auto;
    margin-right: auto;
}

.guide-article-layout .col-12 {
    padding: 0px;
}

.guide-article-layout .col-md-6 {
    padding: 0px;
}

.guide-right-side {
    display: flex;
    justify-content: center;
    align-items: center;
}

.guide-right-side-box {
    max-width: 475px;
    margin: 0 auto;
}

.guide-right-side .guide-article-title,
.guide-right-side .guide-article-title a {
    font-family: ivypresto-display;
    font-style: normal;
    text-align: center;
    color: #242424;
    margin-bottom: 18px;
    text-decoration: none;
}

.guide-right-side .guide-article-deck {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color: #323232;
    margin-bottom: 20px;
}

.guide-right-side .guide-article-author {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    text-transform: capitalize;
    color: #999999;
}

.guide-right-side .guide-article-author a {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    text-transform: capitalize;
    color: #323232;
}

.guide-menu-items .view-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.guide-menu {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #999999;
    width: max-content;
}

.guide-menu:hover {
    color: #70ABFF;
    cursor: pointer;
}

.guide-next-layout .row {
    margin-right: auto !important;
    margin-left: auto !important;
}

.guide-next-subtitle h3 {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    color: #323232;
}

.guide-next-title a,
.guide-next-title a:hover {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: bold;
    color: #242424;
}

.guide-next-btn {
    background: #FFEDCA;
    font-family: Slate Pro;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color: #323232;
    cursor: pointer;
    border-radius: 3px;
}

.guide-next-btn:hover {
    background: #FFCC6A;
    text-decoration: none;
}

.guide-next-btn :hover {
    background: #F8BE51;
}

.guide-next-name a,
.guide-next-name a:hover {
    text-decoration: none;
}


/* main css style for mobile */

@media screen and (max-width: 767px) {
    /* ------------------ Article Recommended Block View ------------------ */
    .recommended-article-header {
        background: linear-gradient(269.67deg, #46B1FF 0%, #33C9BB 100%);
    }
    .recommended-article-one-fourth {
        padding-bottom: 15px;
    }
    .recommended-article-header-text {
        font-size: 21px;
        line-height: 115%;
        padding: 5px 17px;
    }
    .recommended-article-body {
        padding: 19px 13px 0px;
    }
    .recommended-article-title.col-8 {
        padding-right: 0px;
    }
    .recommended-article-title a {
        font-size: 14px;
        font-weight: 700;
    }
    .recommended-article-img {
        max-width: 100px;
    }
    /*--------------------------------------------------------*/
    .ugg-layout {
        margin-bottom: 20px
    }
    .ugg-title {
        font-size: 26px;
        line-height: 115%;
        letter-spacing: 0.01em;
        width: 236px;
    }
    .guide-header-title h2 {
        font-size: 21px;
        line-height: 115%;
        letter-spacing: 0.01em;
    }
    .guide-author-layout {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .guide-author-layout-left .guide-author-img {
        margin-right: 8px;
        margin-top: 5 px;
        width: 36px;
    }
    .guide-author-title p {
        font-size: 12px;
        line-height: 140%;
    }
    .guide-author-title span {
        font-size: 10px;
        line-height: 140%;
    }
    .guide-author-layout-right {
        width: 298px;
        font-size: 12px;
        line-height: 20px;
    }
    .guide-author-detail p {
        text-align: center;
    }
    .author-line {
        height: 3px;
        width: 50px;
        background: #FBDFAA;
        margin: 19px 50px;
    }
    .guide-deck {
        margin: 38px auto 40px;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.01em;
        padding-left: 20px;
        padding-right: 20px;
    }
    .row .guide-article-layout {
        margin-bottom: 40px;
    }
    .guide-right-side-box {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .guide-menu-items .view-content {
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .guide-menu-items .view-content .views-row {
        margin: 18px 8px;
        padding: 5px 14px;
    }
    .guide-right-side-box .guide-article-title {
        font-weight: 600;
        font-size: 18px;
        line-height: 115%;
    }
    .guide-right-side-box .guide-article-deck {
        font-size: 12px;
        line-height: 140%;
    }
    .guide-right-side-box .guide-article-author {
        font-size: 12px;
        line-height: 100%;
    }
    .guide-right-side-box .guide-article-author a {
        font-size: 12px;
        line-height: 100%;
    }
    .next-guide-line {
        width: 100%;
        margin-bottom: 36px;
        height: 1.25px;
        background: #C4C4C4;
    }
    .guide-next-subtitle h3 {
        font-size: 21px;
        line-height: 100%;
        margin-bottom: 32px;
    }
    .guide-next-title {
        font-size: 24px;
        line-height: 115%;
        margin-top: 28px;
        margin-bottom: 28px;
        text-align: center;
    }
    .guide-next-btn {
        font-size: 14px;
        line-height: 140%;
        width: 216px;
        padding: 11px;
        margin-left: auto;
        margin-right: auto;
    }
    .athlete h2 {
        font-family: ivypresto-display;
        font-weight: 700;
        font-size: 30px;
        line-height: 30px;
    }
    .athlete h3 {
        font-family: "Slate Pro";
        font-weight: 400;
        font-size: 18px;
        line-height: 21px;
        font-style: normal;
    }
    .athlete h4 {
        font-family: "Slate Pro";
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 28px;
    }
    .athlete p {
        font-family: "Slate Pro";
        font-weight: 400;
        font-size: 20px;
        line-height: 32px;
    }
    .athlete ul {
        font-family: "Slate Pro";
        font-weight: 400;
        font-size: 20px;
        line-height: 33px;
    }
    .athlete input {
        height: 44px;
    }
}

@media screen and (max-width: 575px) {
    .recommended-article-title a {
        font-size: 18px;
        font-weight: 700;
    }
}


/* main css style for tablet */

@media all and (min-width: 768px) and (max-width: 1399px) {
    /* ------------------ Article Recommended Block View ------------------ */
    .recommended-article-header {
        background: linear-gradient(269.67deg, #46B1FF 0%, #33C9BB 100%);
    }
    .recommended-article-header-text {
        font-size: 18px;
        line-height: 115%;
        padding: 5px 17px;
    }
    .recommended-article-body {
        padding: 11px 8px 12px;
    }
    .recommended-article-title.col-8 {
        padding-right: 0rem;
    }
    .recommended-article-title a {
        font-size: 12px;
        font-weight: 700;
    }
    .recommended-article-img {
        max-width: 60px;
    }
    /* ------------------------------------------------------------- */
    .ugg-title {
        font-size: 26px;
        line-height: 115%;
        letter-spacing: 0.01em;
        width: 218px;
    }
    .guide-header-title h2 {
        font-size: 36px;
        line-height: 115%;
        letter-spacing: 0.01em;
    }
    .guide-author-layout {
        display: flex;
        justify-content: center;
    }
    .guide-author-title p {
        font-size: 16px;
        line-height: 140%;
    }
    .guide-author-title span {
        font-size: 14px;
        line-height: 140%;
    }
    .guide-author-layout-right {
        width: 298px;
        font-size: 12px;
        line-height: 18px;
    }
    .author-line {
        width: 3px;
        background: #FBDFAA;
        margin: 0px 19px;
    }
    .guide-deck {
        margin: 42px auto 45px;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.01em;
        padding-left: 93px;
        padding-right: 93px;
    }
    .row .guide-article-layout {
        margin-bottom: 37px;
    }
    .guide-right-side-box {
        padding-left: 20px;
        padding-right: 20px;
    }
    .guide-right-side-box .guide-article-title {
        font-weight: 600;
        font-size: 18px;
        line-height: 115%;
    }
    .guide-right-side-box .guide-article-deck {
        font-size: 11px;
        line-height: 140%;
    }
    .guide-right-side-box .guide-article-author {
        font-size: 11px;
        line-height: 100%;
    }
    .guide-right-side-box .guide-article-author a {
        font-size: 11px;
        line-height: 100%;
    }
    .guide-next-subtitle h3 {
        font-size: 18px;
        line-height: 100%;
        margin-bottom: 24px;
    }
    .guide-next-title {
        font-size: 21px;
        line-height: 115%;
        margin-bottom: 20px;
    }
    .guide-next-btn {
        font-size: 14px;
        line-height: 140%;
        width: 193px;
        padding: 7px;
    }
}


/* main css style for desktop */

@media screen and (min-width: 1400px) {
    /* ------------------ Article Recommended Block View ------------------ */
    .recommended-article-header {
        background: linear-gradient(269.67deg, #46B1FF 0%, #33C9BB 100%);
    }
    .recommended-article-header-text {
        font-size: 21px;
        line-height: 115%;
        padding: 5px 17px;
    }
    .recommended-article-body {
        padding: 19px 13px 20px;
    }
    .recommended-article-title a {
        font-size: 18px;
        font-weight: 700;
    }
    .recommended-article-img {
        max-width: 100px;
    }
    /* ------------------------------------------------------------- */
    .ugg-title {
        font-size: 42px;
        line-height: 115%;
        letter-spacing: 0.01em;
        width: 375px;
    }
    /* css style for Coretopic Pages */
    .core-topic-header {
        max-width: 1256px;
        margin-top: 46px;
        margin-bottom: 20px;
    }
    .core-topic-header h5 {
        font-size: 16px;
        line-height: 115%;
        margin-bottom: 20px
    }
    .core-topic-header h1 {
        font-size: 32px;
        line-height: 115%;
    }
    .core-topic-pillar-img {
        margin-bottom: 41px;
    }
    .core-topic-pillar-title h2 {
        margin-bottom: 15px;
    }
    .core-topic-pillar-title h2 a {
        font-size: 28px;
        line-height: 115%;
        letter-spacing: 0.01em;
    }
    .core-topic-pillar-deck p {
        font-size: 16px;
        line-height: 140%;
        letter-spacing: 0.01em;
        margin-bottom: 19px;
    }
    .core-topic-pillar-author p {
        font-size: 14px;
        line-height: 140%;
        margin-bottom: 10px;
    }
    .core-topic-pillar-reviewer p {
        font-size: 14px;
        line-height: 140%;
    }
    .guide-header-title h2 {
        font-size: 64px;
        line-height: 115%;
        letter-spacing: 0.01em;
    }
    .guide-author-layout {
        display: flex;
        justify-content: center;
    }
    .guide-author-title p {
        font-size: 18px;
        line-height: 140%;
    }
    .guide-author-title span {
        font-size: 16px;
        line-height: 140%;
    }
    .guide-author-layout-right {
        width: 356px;
        font-size: 14px;
        line-height: 20px;
    }
    .author-line {
        width: 3px;
        background: #FBDFAA;
        margin: 0px 50px;
    }
    .guide-deck {
        margin: 56px auto 50px;
        font-size: 21px;
        line-height: 31px;
        letter-spacing: 0.01em;
    }
    .row .guide-article-layout {
        margin-bottom: 63px;
    }
    .guide-right-side-box .guide-article-title {
        font-weight: 600;
        font-size: 24px;
        line-height: 115%;
    }
    .guide-right-side-box .guide-article-deck {
        font-size: 14px;
        line-height: 140%;
    }
    .guide-right-side-box .guide-article-author {
        font-size: 14px;
        line-height: 100%;
    }
    .guide-right-side-box .guide-article-author a {
        font-size: 14px;
        line-height: 100%;
    }
    .guide-next-subtitle h3 {
        font-size: 21px;
        line-height: 100%;
        margin-bottom: 32px;
    }
    .guide-next-title {
        font-size: 28px;
        line-height: 115%;
        margin-bottom: 28px;
    }
    .guide-next-btn {
        font-size: 14px;
        line-height: 140%;
        width: 241px;
        padding: 11px;
    }
}

@media only screen and (min-width: 1200px) {
    .embed-responsive-1by2 {
        padding-top: 170%;
    }
    .embed-responsive-1by1-5 {
        padding-top: 160%;
    }
    .themag-layout__region--second>div {
        height: 100%;
    }
    .themag-layout__region--first>div {
        height: 100%;
    }
    .block--field-block\:paragraph\:2-column-image-right\:field-2-column-video-right {
        position: -webkit-sticky;
        /* Safari */
        position: sticky !important;
        top: 120px !important;
        padding-right: 120px;
        padding-left: 120px;
        padding-top: 0;
    }
    .block--field-block\:paragraph\:2-column-image-left\:field-2-column-video-left {
        position: -webkit-sticky;
        /* Safari */
        position: sticky !important;
        top: 120px !important;
        padding-right: 120px;
        padding-left: 120px;
        padding-top: 0;
    }
    .block--field-block\:paragraph\:2-column-image-right\:field-2-column-video-right {
        position: -webkit-sticky;
        /* Safari */
        position: sticky !important;
        top: 120px !important;
        padding-right: 120px;
        padding-left: 120px;
        padding-top: 0;
    }
    .block--field-block\:paragraph\:2-column\:field-2-column-body p:first-of-type:first-letter {
        color: #323232;
        font-family: ivypresto-display;
        font-weight: bold;
        font-size: 100px;
        line-height: 60% !important;
        padding: 10px 5px 14px 0;
        float: left;
    }
    .athlete h2 {
        font-family: ivypresto-display;
        font-weight: 700;
        font-size: 28px;
        line-height: 28px;
    }
    .athlete h3 {
        font-family: "Slate Pro";
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        font-style: normal;
    }
    .athlete h4 {
        font-family: "Slate Pro";
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 28px;
    }
    .athlete p {
        font-family: "Slate Pro";
        font-weight: 400;
        font-size: 20px;
        line-height: 32px;
    }
    .athlete ul {
        font-family: "Slate Pro";
        font-weight: 400;
        font-size: 20px;
        line-height: 33px;
    }
    .athlete input {
        height: 44px;
    }
    /*
  .block--field-block\:paragraph\:1-column\:field-section-body p:first-of-type:first-letter{
    color: #323232;
    font-family: ivypresto-display;
    font-weight: 400;
    font-size: 80px;
    padding: 23px 5px 14px 0;
    float: left;
  }*/
    #qaShow {
        height: 400px;
        overflow-y: scroll;
    }
    .page-node-type-celebrity-interviews .newest-articles-block {
        margin-bottom: 0px !important;
    }
    .page-node-type-celebrity-interviews .paragraph--type--q-and-a-section {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
    .page-node-type-celebrity-interviews .paragraph--type--q-and-a-section .paragraph {
        margin-bottom: 0rem !important;
    }
    .bare-related-articles-counter {
        font-family: ivypresto-display;
        font-weight: 400;
        font-style: normal;
        font-size: 36px;
        line-height: 36px;
        color: #3185FC;
        padding-top: 8px;
    }
    .bare-related-articles {
        border: 1px solid #dcdcdc !important;
        margin-bottom: 0px !important;
    }
    .bare-related-articles a {
        font-family: slate pro;
        font-weight: 400;
        font-style: normal;
        font-size: 18px;
        line-height: 21px;
        color: #323232;
    }
    .bare-related-articles p {
        font-family: slate pro;
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        line-height: 14px;
        color: #323232;
    }
}

@media only screen and (min-width: 934px) and (max-width: 1199px) {
    .embed-responsive-1by2 {
        padding-top: 175%;
    }
    .embed-responsive-1by1-5 {
        padding-top: 160%;
    }
    .themag-layout__region--second>div {
        height: 100%;
    }
    .themag-layout__region--first>div {
        height: 100%;
    }
    .block--field-block\:paragraph\:2-column-image-right\:field-2-column-video-right {
        position: -webkit-sticky;
        /* Safari */
        position: sticky !important;
        top: 120px !important;
        padding-right: 5px;
        padding-left: 75px;
        padding-top: 0;
    }
    .block--field-block\:paragraph\:2-column-image-left\:field-2-column-video-left {
        position: -webkit-sticky;
        /* Safari */
        position: sticky !important;
        top: 120px !important;
        padding-right: 75px;
        padding-left: 5px;
        padding-top: 0;
    }
    .block--field-block\:paragraph\:2-column\:field-2-column-body p:first-of-type:first-letter {
        color: #323232;
        font-family: ivypresto-display;
        font-weight: bold;
        font-size: 95px;
        line-height: 60% !important;
        padding: 13px 5px 14px 0;
        float: left;
    }
    #qaShow {
        height: 300px;
        overflow-y: scroll;
    }
}

@media only screen and (min-width: 768px) and (max-width: 933px) {
    .embed-responsive-1by2 {
        padding-top: 210%;
    }
    .embed-responsive-1by1-5 {
        padding-top: 160%;
    }
    .themag-layout__region--second>div {
        height: 100%;
    }
    .themag-layout__region--first>div {
        height: 100%;
    }
    .block--field-block\:paragraph\:2-column-image-right\:field-2-column-video-right {
        position: -webkit-sticky;
        /* Safari */
        position: sticky !important;
        top: 120px !important;
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 0;
    }
    .block--field-block\:paragraph\:2-column-image-left\:field-2-column-video-left {
        position: -webkit-sticky;
        /* Safari */
        position: sticky !important;
        top: 120px !important;
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 0;
    }
    .block--field-block\:paragraph\:2-column\:field-2-column-body p:first-of-type:first-letter {
        color: #323232;
        font-family: ivypresto-display;
        font-weight: bold;
        font-size: 95px;
        line-height: 60% !important;
        padding: 11px 5px 14px 0;
        float: left;
    }
    #qaShow {
        height: 300px;
        overflow-y: scroll;
    }
}

@media only screen and (max-width: 767px) {
    .embed-responsive-1by2 {
        padding-top: 190%;
    }
    .embed-responsive-1by1-5 {
        padding-top: 160%;
    }
    .themag-layout__region--second>div {
        height: 100%;
    }
    .block--field-block\:paragraph\:2-column-image-right\:field-2-column-video-right {
        position: -webkit-sticky;
        /* Safari */
        position: sticky !important;
        top: 120px !important;
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 0;
    }
    .block--field-block\:paragraph\:2-column-image-left\:field-2-column-video-left {
        position: -webkit-sticky;
        /* Safari */
        position: sticky !important;
        top: 120px !important;
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 0;
    }
    .block--field-block\:paragraph\:2-column\:field-2-column-body p:first-of-type:first-letter {
        color: #323232;
        font-family: ivypresto-display;
        font-weight: bold;
        font-size: 80px;
        line-height: 60% !important;
        padding: 10px 5px 14px 0;
        float: left;
    }
    .athlete h2 {
        font-family: ivypresto-display !important;
        font-weight: 700 !important;
        font-size: 30px !important;
        line-height: 30px !important;
    }
    .athlete h3 {
        font-family: "Slate Pro";
        font-weight: 400;
        font-size: 18px;
        line-height: 32px;
        font-style: normal;
    }
    .athlete h4 {
        font-family: "Slate Pro";
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 28px;
    }
    .athlete p {
        font-family: "Slate Pro";
        font-weight: 400;
        font-size: 14px;
        line-height: 23px;
    }
    .athlete ul {
        font-family: "Slate Pro";
        font-weight: 400;
        font-size: 14px;
        line-height: 23px;
    }
    .athlete input {
        height: 44px;
    }
    .bare-related-articles-counter {
        font-family: ivypresto-display;
        font-weight: 400;
        font-style: normal;
        font-size: 36px;
        line-height: 36px;
        color: #3185FC;
        padding-top: 8px;
    }
    .bare-related-articles {
        border: 1px solid #dcdcdc !important;
        margin-bottom: 0px !important;
    }
    .bare-related-articles a {
        font-family: slate pro;
        font-weight: 400;
        font-style: normal;
        font-size: 18px;
        line-height: 21px;
        color: #323232;
    }
    .bare-related-articles p {
        font-family: slate pro;
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        line-height: 14px;
        color: #323232;
    }
    #qaShow {
        height: 274px;
        overflow-y: scroll;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .bare-related-articles-counter {
        font-family: ivypresto-display;
        font-weight: 400;
        font-style: normal;
        font-size: 36px;
        line-height: 36px;
        color: #3185FC;
        padding-top: 8px;
    }
    .bare-related-articles {
        border: 1px solid #dcdcdc !important;
        margin-bottom: 0px !important;
    }
    .bare-related-articles a {
        font-family: slate pro;
        font-weight: 400;
        font-style: normal;
        font-size: 13px;
        line-height: 15px;
        color: #323232;
    }
    .bare-related-articles p {
        font-family: slate pro;
        font-weight: 400;
        font-style: normal;
        font-size: 13px;
        color: #323232;
    }
}

.video-short-title a {
    color: #323232 !important;
}

.video-short-title a {
    color: #323232 !important;
}

.field--name-field-image-caption {
    font-family: "Slate Pro";
    font-size: 12px;
    color: #999;
    width: 80%;
    max-width: 1440px;
    margin: auto;
}

.athlete-error {
    border-color: red;
}

.page-node-type-celebrity-interviews .newest-articles-block {
    margin-bottom: 0px !important;
}

.refer-a-friend-background-image {
    background-image: url("/themes/themag_st/assets/images/refer-a-friend-background-image.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 705px;
}

.refer-a-friend-background-image .row {
    justify-content: end;
    align-items: center;
}

.refer-a-friend-background-image .container {
    justify-content: end;
    align-items: center;
    max-width: 100vw;
}

.refer-a-friend-main-container {
    margin: 0px;
    padding: 0px;
    margin-bottom: -55px;
}

.refer-a-friend-container {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 27px;
    padding-left: 29.6px;
    padding-bottom: 9px;
    padding-right: 31.4px;
    margin-top: 130px;
    margin-right: 75px;
}

.refer-a-friend-container h1 {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    text-align: center;
    color: #161C45;
}

.refer-a-friend-container h3 {
    font-family: ivypresto-display;
    font-style: italic;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    color: #161C45;
}

.refer-a-friend-body {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    width: 381px;
    text-align: center;
    color: #282828;
    margin: 20px auto;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
}

.refer-a-friend-cta {
    font-family: Slate Pro;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
}

.refer-a-friend-cta-byline {
    font-family: Slate Pro;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: center;
}

.refer-a-friend-link {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: 550;
    font-size: 12px;
    line-height: 100%;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #161C45;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.refer-a-friend-button-area {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 38px;
    background: #C2DBFF;
    border-radius: 4px;
    max-width: 218px;
    margin: 18px auto;
    margin-bottom: 10px;
}

.refer-a-friend-terms-link {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 20px;
    text-decoration-line: underline;
    color: #6D6D6D;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (min-width: 1200px) {}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .refer-a-friend-background-image {
        background-image: url("/themes/themag_st/assets/images/refer-a-friend-background-image-tablet.jpg");
        height: 500px;
    }
    .refer-a-friend-background-image .row {
        justify-content: end;
        align-items: center;
    }
    .refer-a-friend-main-container {
        margin: 0px;
        padding: 0px;
        margin-bottom: -30px;
    }
    .refer-a-friend-container {
        background: #FFFFFF;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
        border-radius: 8px;
        padding: 21px 30px 0px 30px;
        margin-top: 100px;
        margin-right: 0px;
    }
    .refer-a-friend-container h1 {
        font-family: ivypresto-display;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 100%;
        color: #161C45;
        text-align: start;
    }
    .refer-a-friend-container h3 {
        font-family: ivypresto-display;
        font-style: italic;
        font-weight: 700;
        font-size: 14px;
        line-height: 100%;
        color: #161C45;
        text-align: start;
    }
    .refer-a-friend-body {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 11px;
        line-height: 18px;
        width: 257px;
        text-align: start;
        color: #282828;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
        margin: 15px auto;
    }
    .refer-a-friend-cta {
        font-family: Slate Pro;
        font-size: 11px;
        font-weight: 700;
        line-height: 18px;
        letter-spacing: 0em;
        text-align: center;
    }
    .refer-a-friend-cta-byline {
        font-family: Slate Pro;
        font-size: 9px;
        font-style: italic;
        font-weight: 400;
        line-height: 10px;
        letter-spacing: 0em;
        text-align: center;
    }
    .refer-a-friend-link {
        font-family: Slate Pro;
        font-size: 10px;
        font-weight: 400;
        line-height: 10px;
        letter-spacing: 0.05em;
        text-align: center;
    }
    .refer-a-friend-button-area {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 16px 31px;
        background: #C2DBFF;
        border-radius: 4px;
        max-width: 152px;
        max-height: 31px;
    }
    .refer-a-friend-terms-link {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 20px;
        text-decoration-line: underline;
        color: #6D6D6D;
    }
}

@media only screen and (max-width: 767px) {
    .refer-a-friend-main-container {
        margin-bottom: -16px;
    }
    .refer-a-friend-container {
        margin-top: 0;
        margin-right: 0;
        box-shadow: none;
        width: 350px;
        padding-left: 0;
        padding-right: 0;
        margin: 0 auto;
    }
    .refer-a-friend-container h1 {
        text-align: start;
        font-size: 20px;
    }
    .refer-a-friend-container h3 {
        text-align: start;
        font-size: 15px;
    }
    .refer-a-friend-body {
        text-align: start;
        width: 335px;
        margin: 20px 0px 20px 0px;
        font-size: 14px;
        line-height: 22px;
    }
    .refer-a-friend-cta {
        font-size: 14px;
        line-height: 15.9px;
    }
    .refer-a-friend-cta-byline {
        font-size: 12px;
        line-height: 13.63px;
    }
    .refer-a-friend-button-area {
        max-width: 157px;
    }
    .refer-a-friend-background-image {
        background-image: none;
    }
    .refer-a-friend-background-image .row {
        display: block;
    }
    .mobile-image-container {
        background-image: url("/themes/themag_st/assets/images/refer-a-friend-background-image-mobile.jpg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 375px;
        width: 100%;
    }
}

@media only screen and (max-width: 375px) {
    .refer-a-friend-main-container {
        margin-bottom: -40px;
    }
}

@media only screen and (max-width: 280px) {
    .refer-a-friend-main-container {
        margin-bottom: -17px;
    }
    .refer-a-friend-container {
        align-items: baseline;
    }
    .refer-a-friend-container h1 {
        width: 300px;
    }
    .refer-a-friend-body {
        width: 275px;
    }
    .refer-a-friend-terms-link {
        margin-left: 60px;
    }
}

.good-on-the-gram-container {
    display: flex;
    align-items: center;
    background: #F6F6F6;
    height: 438px;
    margin-top: 200px;
}

.good-on-the-gram-left {
    display: flex;
    flex-direction: column;
    margin-left: 203px;
    margin-bottom: 127px;
}

.good-on-the-gram-right {
    display: flex;
}

.good-on-the-gram-header {
    font-family: ivypresto-display;
    font-style: italic;
    font-weight: 700;
    font-size: 42px;
    line-height: 130%;
    color: #000000;
    margin: 77px 0px 40px 0px;
}

.good-on-the-gram-byline {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 118.5%;
    color: #000000;
    margin-bottom: 13px;
}

.good-on-the-gram-body {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 163%;
    color: #000000;
    max-width: 497px;
}

.good-on-the-gram-image {
    max-width: 409.55px;
    max-height: 503px;
    margin-left: 800px;
    margin-bottom: 100px;
    position: absolute;
}

.athlete-benefits-section-container {
    display: flex;
}

.athlete-benefits-image {
    width: 660px;
    height: 462px;
}

.athlete-benefits-container {
    display: flex;
    flex-direction: column;
    margin: 64px 0px 0px 70px;
}

.athlete-benefits-header {
    font-family: ivypresto-display;
    font-style: italic;
    font-weight: 700;
    font-size: 42px;
    color: #000000;
    margin-bottom: 22px;
}

.athlete-benefits-bullets {
    font-family: Slate Pro;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 163%;
    color: #000000;
}

.athlete-benefits-bullets div.field {
    max-width: 500px;
}

.athlete-rar-paragraph {
    max-width: 1041px;
    margin: auto;
}

.athlete-rar-paragraph-background {
    background-color: #F6F6F6;
}

.athlete-rar-paragraph {
    padding-bottom: 84px;
    padding-top: 77px;
    margin: auto;
}

.athlete-rar-header {
    font-family: ivypresto-display;
    font-size: 42px;
    font-style: italic;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0em;
    text-align: left;
}

.athlete-rar-bullets ul {
    max-height: 163px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    column-gap: 47px;
    max-width: 510px;
}

.athlete-rar-bullets {
    max-height: 163px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    column-gap: 47px;
    max-width: 510px;
}

.athlete-example-post-paragraph {
    max-width: 1041px;
    margin: auto;
}

.athlete-example-post-container {
    display: flex;
    flex-direction: column;
    align-items: left;
}

.athlete-example-post-header {
    font-family: ivypresto-display;
    font-size: 42px;
    font-style: italic;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 54px;
    margin-top: 67px;
}

.athlete-example-post-images div {
    display: flex;
    justify-content: center;
    gap: 33px;
    margin-bottom: 48px;
}

.athlete-example-post-images .field__item {
    height: 325px;
    width: 325px;
    left: 200px;
    top: 2312px;
    border-radius: 0px;
}

.athlete-cta-shop-container {
    height: 245px;
    background-color: #F6F6F6;
}

.athlete-cta-shop-header {
    font-family: ivypresto-display;
    font-size: 50px;
    font-style: italic;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 0em;
    text-align: center;
    padding-top: 63px;
    padding-bottom: 9px;
    color: #000000;
}

.athlete-cta-shop-link {
    font-family: Slate Pro;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #FFFFFF;
}

.athlete-cta-shop-button-area {
    max-width: 256px;
    margin: 18px auto;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 58px;
    background: #5286F6;
    border-radius: 4px;
}


/* /////////////Telehealth LP General Styles//////////////// */


/* remove whitespace above and to the right */

#block-themag-st-content .telehealth-main-container div.container-full {
    background-color: #F4F4F4;
    margin-bottom: -55px;
}

div.telehealth-main-container div.paragraph {
    margin: 0;
}


/* Background change for bullets sections */

div.img-left-bull-right-container {
    background-color: #ffffff;
}


/* /////////////Telehealth LP top container /////////////// */


/* grid position content */

div.paragraph--type--telehealth-top-section div.telehealth-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

div.telehealth-first-image-right {
    justify-self: right;
    max-width: 690px;
    /* max-height: 486px; */
}

div.telehealth-container-left {
    display: grid;
    justify-self: center;
    max-width: 578px;
}

.telehealth-header {
    grid-area: header;
}

.telehealth-body {
    grid-area: main;
}

.telehealth-btn {
    grid-area: footer;
    align-self: end;
}

div.telehealth-content-left {
    margin: 50px 0px 56px 81px;
    max-width: 538px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 177px 67px 84px;
    grid-template-areas: "header header header header" "main main main ." "footer footer . .";
}


/* set font styles */

div.telehealth-header,
div.telehealth-body,
button.telehealth-btn {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 115%;
    color: #000000;
}

div.telehealth-body,
button.telehealth-btn {
    font-family: "Slate Pro Regular";
    font-weight: 400;
    font-size: 20px;
    line-height: 163%;
}

button.telehealth-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    max-width: 256px;
    height: 46px;
    background: #5286F6;
    border-radius: 4px;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
}


/* size button text */

button.telehealth-btn div.field {
    width: 146px;
    height: 14px;
}


/* //////////Telehealth LP second container //////////*/

div.img-left-bull-right-container {
    margin: auto;
    margin-left: 0;
    gap: 10px;
}

.telehealth-section-container {
    display: flex;
}

.telehealth-second-image-left img {
    width: 100%;
    max-width: 660px;
    height: auto;
}

.telehealth-bullets-container {
    margin: 64px auto auto;
}

.telehealth-bullets-header {
    height: auto;
    font-family: ivypresto-display;
    font-style: italic;
    font-weight: 400;
    font-size: 42px;
    line-height: 115%;
    color: #000000;
}

.telehealth-bullets {
    height: auto;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 163%;
    color: #000000;
    margin: 10px auto auto auto;
}

.telehealth-bullets ul {
    padding-inline-start: 16px;
}


/* /////////////////Telehealth LP third section//////// */

.telehealth-cta-container {
    max-width: 1440px;
    text-align: center;
    margin: auto;
}

.telehealth-cta-header {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: 400;
    font-size: 42px;
    line-height: 100%;
    text-align: center;
    color: #000000;
}

.telehealth-cta-byline {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 163%;
    text-align: center;
    color: #000000;
    margin: 25px auto 15px auto;
    max-width: 855px;
}

button.telehealth-offered-serv,
button.telehealth-get-15-off {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    max-width: 256px;
    height: 46px;
    background: #5286F6;
    border-radius: 4px;
    margin: auto;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
}


/* .telehealth-offered-serv, .telehealth-get-15-off {

} */


/* //////////////////Telehealth 4th Section /////////////// */


/* all selectors must use 'div.field__items div.field__item:nth-child(4)' which targets the 4th section, necessary as the paragraph is used twice */


/*  div.field__items div.field__item:nth-child(4)  */

div.field__items div.field__item:nth-child(4) div.img-left-bull-right-container {
    max-height: 449px;
}

div.field__items div.field__item:nth-child(4) div.img-left-bull-right-container div.telehealth-second-image-left {
    /* max-width: 584px;
  max-height: 449px; */
    width: 100%;
    max-width: 554px;
    height: auto;
}

div.field__items div.field__item:nth-child(4) div.img-left-bull-right-container div.telehealth-bullets-container {
    margin: auto;
}

div.field__items div.field__item:nth-child(4) div.telehealth-bullets-header {
    max-width: 530px;
    height: auto;
    margin-top: 5px;
}

div.field__items div.field__item:nth-child(4) div.telehealth-bullets {
    height: auto;
}


/* /////////////Telehealth 5th Section ////////////////// */

div.field__items div.field__item:nth-child(5) div.telehealth-cta-header {
    line-height: 115%;
}

div.field__items div.field__item:nth-child(5) div.telehealth-cta-byline {
    height: auto;
}


/* ////////////////////Telehealth LP Modals ///////////// */

div.sesame-modal-content {
    width: 635px;
    height: 390px;
    margin: auto;
}


/* modal responsive override */

div.telehealth-modal div.modal-dialog {
    max-width: 1182px;
    height: 390px;
}

div.sesame-modal-content div.modal-header {
    border-bottom: unset;
    text-align: center;
    padding-top: 44px;
}

h5.sesame-modal-title {
    width: 445px;
    font-family: "IvyPresto Display";
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 130%;
    text-align: center;
    color: #282828;
}

.sesame-modal-header .close {
    margin: 1rem 2rem -1rem auto;
}

.sesame-modal-header  .close:hover, .close:focus {
    background: none;
}

.sesame-modal-signup-body {
    width: 100%;
    margin: auto;
    padding: 1rem;
    padding-top: 24px;
   } 

div.telehealth-modal p {
    font-family: "Slate Pro", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #282828;
}

div.telehealth-modal p a {
    color: #282828;
}


/* input takes 80% signup button takes 20% paragraph takes 48% */

div.sesame-modal-signup-body form {
    text-align: center;
}

div.sesame-signup-form-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
}

div.sesame-signup-form-group label {
    grid-column: 3;
    display: none;
}

div.sesame-signup-form-group input.sesame-email-input {
    max-width: 350px;
    margin: auto;
    margin-bottom: 24px;
    flex: 1 1 50px;
    font-family: "Slate Pro Regular";
    font-style: italic;
    font-weight: 400;
    font-size: 20px;
    line-height: 19px;
    letter-spacing: 0.01em;
    color: #6D6D6D;
    border: 1px solid #686F77;
}

.sesame-email-input::placeholder {
    font-family: "Slate Pro", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #686F77;
}

div.sesame-signup-form-group button.sesame-signup-button {
    max-width: 350px;
    width: 100%;
    margin: auto;
    flex: 1 1 50px;
    text-transform: uppercase;
    background: #065563;
    border-radius: 4px;
    font-family: "Slate Pro", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    color: #FFFFFF;
}

div.sesame-signup-form-group :is(button.sesame-signup-button:visited, button.sesame-signup-button:hover, button.sesame-signup-button:active, button.sesame-signup-button:focus) {
    background-color: #0F2B32 !important;
    color: #FFFFFF;
}

:is(div.sesame-signup-form-group, div.sesame-modal-confirmation-body) p {
    width: 100%;
    max-width: 350px;
    margin: auto;
    justify-self: center;
    padding-top: 24px;
}

div.telehealth-modal div.sesame-modal-confirmation-content {
    text-align: center;
}

div.sesame-modal-confirmation-body h5.sesame-code {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    color: #065563;
    padding-top: 17px;
    padding-bottom: 45px;
    margin-bottom: 0 !important;
}

div.sesame-modal-confirmation-body h5.sesame-code span.sesame-code-name {
    font-weight: 700;
}

div.sesame-modal-confirmation-body button.sesame-confirmation-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    padding: 16px 58px;
    width: 350px;
    height: 50px;
    background: #065563;
    border-radius: 4px;
    margin: auto;
}

div.sesame-modal-confirmation-body :is(button.sesame-confirmation-button:visited, button.sesame-confirmation-button:hover, button.sesame-confirmation-button:active, button.sesame-confirmation-button:focus) {
    background-color: #0F2B32 !important;
    color: #FFFFFF;
}


/* //////////////Telehealth General Media Queries/////// */

@media only screen and (min-width: 1200px) {
    div.telehealth-image-tablet,
    div.telehealth-image-mobile {
        display: none;
    }
}


/* ///////////////////Telehealth LP Tablet////////////// */

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    div.telehealth-image,
    div.telehealth-image-mobile {
        display: none;
    }
    div.telehealth-container div.telehealth-first-image-right-tablet {
        justify-self: right;
    }
    div.telehealth-first-image-right-tablet img {
        width: 378px;
        height: 346px;
    }
    div.telehealth-container-left {
        justify-self: right;
    }
    div.telehealth-header {
        font-size: 28px;
    }
    div.telehealth-body {
        font-size: 14px;
        letter-spacing: 0.01em;
    }
    button.telehealth-btn {
        width: 228px;
        height: 40px;
    }
    div.telehealth-content-left {
        width: 364px;
        grid-template-rows: 101px 49px 78px;
    }
    div.img-left-bull-right-container img {
        /* max-width: 389px;
    max-height: 211px; */
        width: 100%;
        height: 100%;
        max-width: 419px;
        max-height: 311px;
        min-width: 311px;
        min-height: 234px;
    }
    .telehealth-bullets-header {
        width: 241px;
        height: 65px;
        font-size: 28px;
    }
    .telehealth-bullets-container {
        margin: 3% auto auto auto;
        width: 40%;
    }
    div.field__items div.field__item:nth-child(4) div.img-left-bull-right-container img {
        /* max-width: 445px;
    max-height: 342px; */
        width: 100%;
        height: 100%;
        max-width: 475px;
        max-height: 350px;
    }
    div.field__items div.field__item:nth-child(4) div.img-left-bull-right-container div.telehealth-bullets-container {
        margin: 3% auto auto auto;
    }
    div.field__items div.field__item:nth-child(4) div.telehealth-bullets-header {
        width: 279px;
        height: 134px;
    }
    .telehealth-bullets {
        font-size: 12px;
        height: 82px;
    }
    .telehealth-cta-container {}
    .telehealth-cta-header {
        font-size: 28px;
    }
    .telehealth-cta-byline {
        font-size: 12px;
        width: 502px;
    }
    div.field__items div.field__item:nth-child(5) div.telehealth-cta-container {}
    div.field__items div.field__item:nth-child(5) div.telehealth-cta-byline {
        /* margin-bottom: -60px; */
    }
    /* //////////////// Modal Tablet Media Queries /////// */
    div.telehealth-modal div.sesame-modal-content {
        width: 635px;
        margin: auto;
    }
    /* grid */
    div.sesame-signup-form-group {
        max-width: 650px;
    }
}


/* ///////////////////Telehealth LP Mobile////////////// */

@media only screen and (max-width: 767px) {
    div.telehealth-image,
    div.telehealth-image-tablet {
        display: none;
    }
    div.paragraph--type--telehealth-top-section div.telehealth-container {
        grid-template-columns: 1fr;
        background-color: #ffffff;
    }
    div.telehealth-first-image-right-mobile {
        background-color: #F6F6F6;
    }
    div.telehealth-container-left {
        justify-self: left;
        margin-left: 20px;
    }
    div.telehealth-first-image-right-mobile img {
        width: 100%;
        height: auto;
    }
    div.telehealth-content-left {
        margin: 50px 0px 84px 0;
        max-width: 335px;
        grid-template-rows: 101px 47px 84px;
        grid-template-areas: "header header header header" "main main main ." "footer footer footer .";
    }
    div.telehealth-header {
        font-size: 25px;
        max-width: 364px;
        height: auto;
    }
    div.telehealth-body {
        font-size: 14px;
    }
    div.img-left-bull-right-container {
        flex-direction: column-reverse;
    }
    div.img-left-bull-right-container img {
        width: 100%;
        height: auto;
    }
    div.field__items div.field__item:nth-child(2) div.telehealth-bullets-container {
        margin: 40px 83px 20px 12px;
    }
    .telehealth-bullets-header {
        font-size: 25px;
        /* max-width: 271px;
    height: auto; */
    }
    .telehealth-bullets {
        font-size: 14px;
    }
    div.field__items div.field__item:nth-child(3) div.telehealth-cta-container {}
    div.telehealth-cta-container {}
    .telehealth-cta-header {
        font-size: 25px;
    }
    .telehealth-cta-byline {
        font-size: 14px;
        max-width: 312px;
    }
    button.telehealth-offered-serv,
    button.telehealth-get-15-off {
        margin-top: 20px;
    }
    div.field__items div.field__item:nth-child(4) div.img-left-bull-right-container {
        max-height: unset;
    }
    div.field__items div.field__item:nth-child(4) div.img-left-bull-right-container img {
        width: 100%;
        height: auto;
    }
    div.field__items div.field__item:nth-child(4) div.img-left-bull-right-container div.telehealth-bullets-container {
        margin: 30px 38px auto 21px;
    }
    /* div.field__items div.field__item:nth-child(4) div.telehealth-bullets-header {
    max-width: 316px;
    height: auto;
  } */
    /* ////// Modal Mobile Media Queries //////// */
    div.telehealth-modal div.sesame-modal-content {
        width: 97%;
        max-width: 450px;
        margin: auto;
        background-color: #F6F6F6;
    }
    /* modal responsive override */
    div.telehealth-modal div.modal-dialog {
        max-width: 1182px;
    }
    div.sesame-modal-content div.modal-header {
        text-align: center;
    }
    h5.sesame-modal-title {
        font-size: 24px;
        line-height: 130%;
        width: 313px;
    }
    .sesame-modal-signup-body {
        padding-top: 7px;
    }
    /* grid */
    div.sesame-signup-form-group input.sesame-email-input {
        height: 40px;
        max-width: 313px;
        font-size: 12px;
        line-height: 19px;
        letter-spacing: 0.01em;
        flex: 1 1 50px;
        margin: auto;
        margin-bottom: 24px;
    }
    div.sesame-signup-form-group button.sesame-signup-button {
        flex: 1 1 50px;
        max-width: 313px;
        width: 100%;
        margin: auto;
    }
    :is(div.sesame-signup-form-group, div.sesame-modal-confirmation-body) p {
        grid-column: 1 / 3;
        width: 100%;
        max-width: 313px;
        margin: auto;
        padding-top: 22px;
    }
    div.sesame-modal-confirmation-body h5.sesame-code {
        padding-top: 19px;
        padding-bottom: 53px;
        margin-bottom: 0 !important;
    }
    div.sesame-modal-confirmation-body button.sesame-confirmation-button {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 16px 58px;
        gap: 10px;
        width: 100%;
        max-width: 313px;
        font-size: 16px;
        line-height: 100%;
        text-align: center;
        letter-spacing: 0.05em;
        margin: 25px auto auto auto;
    }
}


/* //////////////////// Telehealth LP Small Mobile Queries /////////// */

@media only screen and (max-width: 315px) {
    div.telehealth-content-left {
        grid-template-rows: 131px 47px 84px;
    }
    div.telehealth-bullets-container {
        margin-right: 23px;
    }
    div.telehealth-cta-container {}
    div.field__items div.field__item:nth-child(5) {
        padding-bottom: 25px;
    }
}


/* //////////////////// Giddy Affiliate LP /////////// */

.baga-background-image img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 486px;
    position: relative;
}

.baga-background-image-tablet {
    display: none;
}

.baga-background-image-mobile {
    display: none;
}

.affiliate-lp-main-container .container-full {
    margin: auto;
}

.baga-container {
    margin: auto;
}

.baga-header {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 115%;
    color: #FFFFFF;
    position: absolute;
    top: 180px;
    left: 112px;
}

.baga-body {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 163%;
    color: #FFFFFF;
    position: absolute;
    top: 240px;
    left: 112px;
    height: 65px;
    width: 480px;
}

.affiliate-capabilities-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 340px;
    margin: auto;
}

.affiliate-capabilities-content-left {
    margin: auto;
}

.affiliate-capabilities-image-left div img {
    width: 507px;
    height: 240px;
    margin: auto;
}

.affiliate-capabilities-image-left-tablet div img {
    display: none;
}

.affiliate-capabilities-image-left-mobile div img {
    display: none;
}

.affiliate-capabilities-content-right {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: auto;
}

.affiliate-capabilities-header {
    font-family: ivypresto-display;
    font-style: italic;
    font-weight: 400;
    font-size: 40px;
    line-height: 115%;
    color: #000000;
}

.affiliate-capabilities-bullets {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 163%;
    color: #000000;
    margin: 10px 0px 0px 0px;
}

.affiliate-capabilities-bullets ul {
    width: 452px;
}

.rtj-affiliate-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #F6F6F6;
    margin: auto;
}

.rtj-affiliate-content-left {
    display: flex;
    flex-direction: column;
    gap: 31px;
    margin: auto;
}

.rtj-affiliate-header {
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 115%;
    color: #000000;
}

.rtj-affiliate-body {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 163%;
    color: #000000;
    max-width: 715px;
}

.rtj-affiliate-image-right-desktop {
    margin: auto;
}

.rtj-affiliate-image-right-desktop div img {
    width: 557px;
    height: 342px;
}

.rtj-affiliate-image-right-tablet {
    display: none;
}

.rtj-affiliate-image-right-mobile {
    display: none;
}

.affiliate-cta-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.affiliate-cta-header {
    font-family: ivypresto-display;
    font-style: italic;
    font-weight: 400;
    font-size: 40px;
    line-height: 115%;
    text-align: center;
    color: #000000;
    margin: 50px 0px 35px 0px;
}

.affiliate-cta-body {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 163%;
    text-align: center;
    color: #000000;
    width: 898px;
    margin: 0px 0px 10px 0px;
}

.affiliate-cta-byline {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 163%;
    text-align: center;
    color: #000000;
    margin: 0px 0px 39px 0px;
}

.affiliate-cta-link a {
    text-decoration: none;
    color: inherit;
}

.affiliate-cta-link {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
}

.affiliate-cta-shop-button-area {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 58px;
    gap: 10px;
    background: #5286F6;
    border-radius: 4px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .affiliate-lp-main-container .container-full {
        margin: auto;
    }
    .baga-header {
        top: 130px;
        left: 43px;
        font-style: normal;
        font-weight: 700;
        font-size: 28px;
        line-height: 100%;
    }
    .baga-body {
        top: 170px;
        left: 43px;
        font-weight: 400;
        font-size: 14px;
        line-height: 163%;
        width: 329px;
    }
    .affiliate-capabilities-image-left div img {
        display: none;
    }
    .affiliate-capabilities-image-left-tablet div img {
        display: unset;
        width: 325px;
        height: 153px;
    }
    .affiliate-capabilities-header {
        font-family: ivypresto-display;
        font-style: italic;
        font-weight: 400;
        font-size: 28px;
        line-height: 115%;
        color: #000000;
        width: 229px;
        height: 65px;
        margin: auto;
    }
    .affiliate-capabilities-bullets {
        width: 300px;
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 163%;
        color: #000000;
        margin: auto;
    }
    .affiliate-capabilities-bullets ul {
        width: 300px;
    }
    .affiliate-capabilities-container {
        margin: auto;
        height: 222px;
    }
    .affiliate-capabilities-content-left {
        margin: auto;
    }
    .affiliate-capabilities-content-right {
        gap: 12px;
        margin: auto;
    }
    .rtj-affiliate-content-left {
        gap: unset;
        margin: auto;
    }
    .rtj-affiliate-header {
        width: 272px;
        font-family: ivypresto-display;
        font-style: normal;
        font-weight: 400;
        font-size: 28px;
        line-height: 115%;
        color: #000000;
    }
    .rtj-affiliate-body {
        width: 286px;
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 163%;
        color: #000000;
        margin: 0px 0px 0px -25px;
    }
    .rtj-affiliate-image-right-desktop {
        display: none;
    }
    .rtj-affiliate-image-right-tablet {
        display: unset;
        width: 389px;
        height: 234px;
    }
    .affiliate-cta-container {
        height: 290px;
        margin: auto;
    }
    .affiliate-cta-header {
        width: 649px;
        font-weight: 400;
        font-size: 29px;
        line-height: 115%;
        text-align: center;
        color: #000000;
        margin: 50px 0px 20px 0px;
    }
    .affiliate-cta-body {
        width: 467px;
        font-weight: 400;
        font-size: 12px;
        line-height: 163%;
        text-align: center;
        color: #000000;
        margin: unset;
    }
    .affiliate-cta-byline {
        width: 467px;
        font-weight: 500;
        font-size: 14px;
        line-height: 163%;
        text-align: center;
        color: #000000;
        margin: 0px 0px 20px 0px;
        font-weight: 600;
    }
    .affiliate-cta-link {
        margin: 0px 0px 27px 0px;
    }
    .affiliate-cta-shop-button-area {
        padding: 12px 40px;
    }
}

@media only screen and (min-width: 577px) and (max-width: 1199px) {
    .baga-background-image-tablet {
        display: unset;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 347px;
        position: relative;
    }
    .baga-background-image-tablet img {
        width: 100%;
        max-width: 1199px;
    }
    .baga-background-image {
        display: none;
    }
    .baga-background-image-mobile {
        display: none;
    }
}

@media only screen and (min-width: 100px) and (max-width: 576px) {
    .baga-background-image-mobile {
        display: unset;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 453px;
        position: relative;
    }
    .baga-background-image-mobile img {
        width: 100%;
        max-width: 576px;
    }
    .baga-background-image {
        display: none;
    }
    .baga-background-image {
        display: none;
    }
}

@media only screen and (min-width: 100px) and (max-width: 767px) {
    .affiliate-lp-main-container .container-full {
        margin: auto;
    }
    .baga-container {
        margin: auto;
    }
    .baga-header {
        font-size: 25px;
        line-height: 115%;
        top: 25px;
        left: 20px;
    }
    .baga-body {
        width: 308px;
        left: 20px;
        top: 67px;
        font-size: 14px;
        line-height: 145%;
    }
    .affiliate-capabilities-container {
        flex-direction: column-reverse;
        height: 391px;
    }
    .affiliate-capabilities-image-left-tablet div img {
        display: none;
    }
    .affiliate-capabilities-image-left div img {
        display: none;
    }
    .affiliate-capabilities-image-left-mobile div img {
        display: unset;
        width: 335px;
        height: 158px;
    }
    .affiliate-capabilities-header {
        width: 200px;
        font-size: 25px;
        line-height: 115%;
        color: #000000;
    }
    .affiliate-capabilities-bullets {
        width: 369px;
        font-size: 14px;
        line-height: 163%;
        color: #000000;
        margin: auto;
    }
    .affiliate-capabilities-bullets ul {
        width: 369px;
        padding-inline-start: 15px;
    }
    .affiliate-capabilities-content-left {
        margin: auto;
    }
    .affiliate-capabilities-content-right {
        gap: 12px;
        padding-left: 1rem;
    }
    .rtj-affiliate-content-left {
        gap: unset;
    }
    .rtj-affiliate-header {
        width: 335px;
        height: 62px;
        font-family: ivypresto-display;
        font-style: normal;
        font-weight: 400;
        font-size: 25px;
        line-height: 115%;
    }
    .rtj-affiliate-body {
        width: 335px;
        height: 114px;
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 350;
        font-size: 14px;
        line-height: 163%;
        letter-spacing: 0.01em;
        margin: 0px 0px 0px -25px;
    }
    .rtj-affiliate-container {
        flex-direction: column;
        height: 493px;
        margin: auto;
    }
    .rtj-affiliate-image-right-desktop {
        display: none;
    }
    .rtj-affiliate-image-right-tablet {
        display: none;
    }
    .rtj-affiliate-image-right-mobile {
        display: unset;
        width: 375px;
        height: 230px;
    }
    .affiliate-cta-container {
        height: 390px;
    }
    .affiliate-cta-header {
        width: 316px;
        height: 32px;
        font-size: 25px;
        line-height: 115%;
        color: #000000;
        margin: 0px 0px 5px 0px;
    }
    .affiliate-cta-body {
        width: 334px;
        height: 114px;
        font-size: 14px;
        line-height: 163%;
        margin-bottom: 15px;
    }
    .affiliate-cta-byline {
        width: 245px;
        font-weight: 500;
        font-size: 14px;
        line-height: 163%;
        text-align: center;
        color: #000000;
        margin: 0px 0px 20px 0px;
        font-weight: 600;
        margin-bottom: 20px;
    }
    .affiliate-cta-link {
        margin: 0px 0px 42px 0px;
    }
    .affiliate-cta-shop-button-area {
        padding: 14px 24px;
    }
}

@media only screen and (min-width: 100px) and (max-width: 374px) {
    .baga-body {
        width: 277px;
        left: 20px;
        top: 69px;
        font-size: 14px;
        line-height: 145%;
    }
    .baga-header {
        font-size: 25px;
        line-height: 115%;
        top: 10px;
        left: 20px;
    }
    .affiliate-capabilities-bullets ul {
        width: 280px;
    }
    .rtj-affiliate-header {
        width: 255px;
    }
    .rtj-affiliate-body {
        width: 285px;
    }
    .rtj-affiliate-image-right-mobile {
        width: 275px;
    }
    .rtj-affiliate-cta-body {
        width: 275px;
        height: 114px;
        font-size: 14px;
        line-height: 163%;
        margin-bottom: 20px;
    }
}


/* //////////////////// End Giddy Affiliate LP /////////// */


/* video player page changes */

div.view-id-celebrity_interview div.celebrity-featured {
    padding-top: 25px;
}

div.celebrity-featured.body div.series-field {
    color: #3185FC;
}


/* video players aren't BARE */

div.view-id-celebrity_interview.view-display-id-block_4 div.celebrity-featured {
    padding-bottom: 25px;
}


/* Evergreen Landing Pages */

.giddy-health-evergreen-header {
    background-color: #161C45;
    height: 82px;
}

.giddy-health-evergreen-logo {
    width: 100%;
    max-width: 247px;
    height: auto;
}

.giddy-health-evergreen-logo img {
    margin: 10.13% 0% 0% 35.8%;
}

.evergreen-plus {
    color: #67E4B7;
    font-size: 32px;
}


/* Evergreen Landing Page Section ONE */

.evergreen-s1-container {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 52.083vw;
    /* height: 625px; */
}

.evergreen-s1-container p,
.evergreen-s2-container p,
.evergreen-s3-container p,
.evergreen-s4-container p,
.evergreen-s5-container p,
.vqlp1-section-six p {
    margin-bottom: 0rem;
}

.evergreen-s1-content {
    width: 38vw;
    padding-top: 10.69vw;
    margin-left: 10%;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 143%;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
}

.evergreen-s1-header {
    font-family: "IvyPrestoDisplay-SemiBold";
    font-size: 50px;
    font-weight: 600;
    line-height: 118%;
    max-width: 667px;
}

.evergreen-s1-byline {
    max-width: 594px;
    margin-top: 20px;
    line-height: 143%;
}

.evergreen-s1-shop-link,
.evergreen-s3-shop-link {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.evergreen-s1-shop-link,
.evergreen-s3-shop-link {
    background: #FFFFFF;
    border-radius: 100px;
    color: #161C45;
    letter-spacing: 0.03em;
    width: 224px;
    height: 47px;
}

a.evergreen-s1-shop-link.btn-primary,
a.evergreen-s3-shop-link.btn-primary {
    text-transform: capitalize;
    font-size: 21px;
    line-height: 143%;
    border: none;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
}

a.evergreen-s1-shop-link.btn-primary:hover {
    background-color: #105481;
}

a.evergreen-s1-shop-link.btn-primary:focus,
a.evergreen-s3-shop-link.btn-primary:focus {
    /* background-color: #FFFFFF; */
}

.evergreen-s1-buy-now,
.evergreen-s3-buy-now {
    display: inline-flex;
    column-gap: 15px;
}

.evergreen-s1-buy-now-plus,
.evergreen-s3-buy-now-plus {
    color: #67E4B7;
    font-size: 30px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 1920px) {
    .evergreen-s1-bg-img,
    .evergreen-s1-bg-img-tablet,
    .evergreen-s1-bg-img-mobile {
        display: none;
    }
    .evergreen-s1-container {
        height: 34.5312vw;
    }
    .evergreen-s1-content {
        padding-top: 8.48958vw;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1919px) {
    .evergreen-s1-bg-img-xl,
    .evergreen-s1-bg-img-tablet,
    .evergreen-s1-bg-img-mobile {
        display: none;
    }
    .evergreen-s1-content {
        /* max-width: 48%; */
        width: 44.401vw;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .evergreen-s1-bg-img-xl,
    .evergreen-s1-bg-img,
    .evergreen-s1-bg-img-mobile {
        display: none;
    }
    .evergreen-s1-container {
        height: 52.1169355vw;
    }
    .evergreen-s1-content {
        /* max-width: 48%; */
        width: 44.401vw;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .evergreen-s1-bg-img-xl,
    .evergreen-s1-bg-img,
    .evergreen-s1-bg-img-mobile {
        display: none;
    }
    .evergreen-s1-container {
        height: 52.0833vw;
    }
    .giddy-health-evergreen-header {
        height: 61px;
    }
    .giddy-health-evergreen-logo {
        max-width: 160px;
    }
    .giddy-health-evergreen-logo img {
        margin: 10.13% 0% 0% 11%;
    }
    .evergreen-s1-content {
        width: 44.401vw;
        /* max-width: 54.425%; */
        padding-top: 12.8906vw;
        font-size: 16px;
    }
    .evergreen-s1-header {
        font-size: 38px;
        line-height: 134%;
    }
    .evergreen-s1-byline {
        line-height: 156%;
        max-width: 83%;
        margin-top: 8px;
    }
    .evergreen-s1-shop-link,
    .evergreen-s3-shop-link {
        width: 136.21px;
        height: 33px;
        margin-top: 27px;
    }
    a.evergreen-s1-shop-link.btn-primary,
    a.evergreen-s3-shop-link.btn-primary {
        font-size: 15px;
        line-height: 200%;
    }
    .evergreen-s1-buy-now-plus,
    .evergreen-s3-buy-now-plus {
        font-size: 18px;
    }
}

@media only screen and (min-width: 577px) and (max-width: 767px) {
    .evergreen-s1-container {
        height: 210vw;
    }
    .giddy-health-evergreen-header {
        height: 60px;
    }
    .giddy-health-evergreen-header {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .giddy-health-evergreen-logo {
        max-width: 180px;
    }
    .giddy-health-evergreen-logo img {
        margin: unset;
    }
    .evergreen-s1-bg-img-xl,
    .evergreen-s1-bg-img,
    .evergreen-s1-bg-img-tablet {
        display: none;
    }
    .evergreen-s1-desktop,
    .evergreen-s1-tablet {
        display: none;
    }
    .evergreen-s1-header {
        font-size: 38px;
        line-height: 49px;
    }
    .evergreen-s1-content {
        width: 100%;
        max-width: 87.77%;
        top: 15%;
        left: 3%;
        font-size: 16px;
    }
    .evergreen-s1-shop-link,
    .evergreen-s3-shop-link {
        font-size: 21px;
        width: 196px;
    }
}

@media only screen and (max-width: 576px) {
    .giddy-health-evergreen-header {
        height: 60px;
    }
    .giddy-health-evergreen-header {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .giddy-health-evergreen-logo {
        max-width: 180px;
    }
    .giddy-health-evergreen-logo img {
        margin: unset;
    }
    .evergreen-s1-bg-img-xl,
    .evergreen-s1-bg-img,
    .evergreen-s1-bg-img-tablet {
        display: none;
    }
    .evergreen-s1-container {
        height: 186.935vw;
    }
    .evergreen-s1-content {
        width: 87.73%;
        margin-left: 5.333vw;
    }
    .evergreen-s1-header {
        font-size: 38px;
        line-height: 130%;
    }
    .evergreen-s1-byline {
        font-size: 16px;
        line-height: 156%;
        margin-top: 13px;
        width: 92.705%;
    }
    .evergreen-s1-shop-link,
    .evergreen-s3-shop-link {
        font-size: 21px;
        line-height: 143%;
        width: 224px;
        margin-top: 30px;
    }
}


/* Evergreen Landing Page Section TWO */

.evergreen-s2-container img {
    border-radius: 7px;
}

.evergreen-s2-container {
    padding-top: 3%;
}

.evergreen-s2-top-content-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.evergreen-s2-plus {
    color: #67E4B7;
    font-size: 50px;
    font-family: "Slate Pro Regular";
    font-weight: bolder;
    display: flex;
    align-items: center;
    justify-content: center;
}

.evergreen-s2-header {
    font-family: "IvyPrestoDisplay-SemiBold";
    font-size: 38px;
    line-height: 105%;
    margin-top: 20px;
    font-weight: 600;
}

.evergreen-s2-image-pillar-container {
    font-family: "Slate Pro Medium";
    display: flex;
    justify-content: center;
    margin-top: 67px;
    column-gap: 6%;
    padding-left: 3.5%;
    padding-right: 3.5%;
    margin-bottom: 4.5%;
}

.evergreen-s2-image-pillar {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    max-width: 434px;
    font-size: 38px;
    line-height: 77px;
}

.evergreen-s2-img-header {
    padding-top: 48px;
    padding-bottom: 25px;
    font-size: 32px;
    line-height: 95%;
}

.evergreen-s2-img-byline {
    font-family: "Slate Pro";
    width: 100%;
    max-width: 99%;
    font-size: 24px;
    line-height: 34px;
    color: #686F77;
}

@media (min-width: 1200px) {
    .evergreen-s2-img-tb,
    .evergreen-s2-img-two-tb,
    .evergreen-s2-img-three-tb,
    .evergreen-s2-img-mb,
    .evergreen-s2-img-two-mb,
    .evergreen-s2-img-three-mb {
        display: none;
    }
}

@media (min-width: 1200px) and (max-width: 1240px) {
    .evergreen-s2-img-header {
        font-size: 36px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .evergreen-s2-img,
    .evergreen-s2-img-two,
    .evergreen-s2-img-three,
    .evergreen-s2-img-mb,
    .evergreen-s2-img-two-mb,
    .evergreen-s2-img-three-mb {
        display: none;
    }
    .evergreen-s2-container {
        font-size: 18px;
    }
    .evergreen-s2-top-content-container {}
    .evergreen-s2-image-pillar-container {
        column-gap: 5%;
        margin-top: 34px;
        margin-bottom: 2.8%;
    }
    .evergreen-s2-header {
        font-size: 28px;
        margin-top: 15px;
        line-height: 107%;
    }
    .evergreen-s2-header p {
        /* margin-bottom: 0; */
    }
    .evergreen-s2-img-header {
        font-weight: 500;
        font-size: 18px;
        line-height: 169%;
        padding-top: 16px;
        padding-bottom: 4px;
    }
    .evergreen-s2-img-header p {
        margin-top: 16px;
        margin-bottom: 4px;
    }
    .evergreen-s2-img-byline {
        max-width: 100%;
        font-weight: 500;
        font-size: 14px;
        line-height: 146%;
    }
}

@media only screen and (max-width: 767px) {
    .evergreen-s2-img,
    .evergreen-s2-img-two,
    .evergreen-s2-img-three,
    .evergreen-s2-img-tb,
    .evergreen-s2-img-two-tb,
    .evergreen-s2-img-three-tb {
        display: none;
    }
    .evergreen-s2-container {
        height: unset;
    }
    .evergreen-s2-top-content-container {
        display: flex;
        flex-direction: column;
        justify-content: end;
        align-items: flex-start;
        padding-top: 49px;
        padding-left: 3.5%;
    }
    .evergreen-s2-image-pillar-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 42px;
        margin-bottom: 3.5%;
    }
    .evergreen-s2-header {
        font-size: 28px;
        line-height: 107%;
        font-weight: 600;
        margin-top: 19px;
    }
    .evergreen-s2-img-mb,
    .evergreen-s2-img-two-mb,
    .evergreen-s2-img-three-mb {
        /* margin-bottom: 10px; */
    }
    .evergreen-s2-img-header {
        font-size: 24px;
        line-height: 246%;
        font-weight: 500;
        padding-top: 28px;
        padding-bottom: 10px;
    }
    .evergreen-s2-img-header p {
        margin-bottom: 0;
    }
    .evergreen-s2-img-byline {
        margin-bottom: 47px;
        font-size: 18px;
        font-weight: 400;
        line-height: 144%;
        max-width: 95%;
    }
}


/* Evergreen Landing Page Section TWO List */

.evergreen-s2-list-container {
    color: #282828;
    font-family: "Slate Pro Regular";
    font-style: normal;
    padding: 3% 2% 0%;
}

.evergreen-s2-list-text-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.evergreen-s2-list-container .evergreen-plus {
    align-self: auto;
    padding-bottom: 1%;
}

.evergreen-s2-list-header {
    font-family: ivypresto-display;
    font-weight: 600;
    font-size: 38px;
    line-height: 52px;
    text-align: center;
}

.evergreen-s2-list-byline {
    font-weight: 400;
    font-size: 21px;
    line-height: 30px;
    color: #686F77;
    margin-bottom: 2%;
}

.evergreen-s2-list div.clearfix:before {
    content: none;
}

.evergreen-s2-list .field__items {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    height: 232px;
    flex-wrap: wrap;
    width: 80%;
    margin: auto;
}

.evergreen-s2-list .field__item {
    height: 30px;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #282828;
}

.evergreen-s2-list .field__item p {
    display: unset;
}

.evergreen-s2-list .field__item hr {
    max-width: 320px;
    margin-inline-start: unset;
}

.evergreen-s2-list .field__item:nth-child(4n+4) hr {
    display: none;
}

.evergreen-s2-list .field__item:nth-child(14) hr {
    display: none;
}

@media only screen and (min-width: 1200px) and (max-width: 1700px) {
    .evergreen-s2-list-text-container {
        text-align: center;
    }
    .evergreen-s2-list-byline {
        max-width: 1188px;
    }
    .evergreen-s2-list .field__items {
        width: 87.5%;
        height: 300px;
        row-gap: 48px;
    }
    .evergreen-s2-list .field__item {
        display: flex;
        flex-direction: column;
        max-width: 355px;
    }
    .evergreen-s2-list .field__item p {
        margin-bottom: unset;
    }
    .evergreen-s2-list .field__item hr {
        width: 100%;
        max-width: 230px;
        margin-top: 1rem;
        margin-bottom: unset;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .evergreen-s2-list-container {}
    .evergreen-s2-list-text-container {
        text-align: center;
    }
    .evergreen-s2-list-container .evergreen-plus {}
    .evergreen-s2-list-header {
        font-size: 25px;
        line-height: 32px
    }
    .evergreen-s2-list-byline {
        max-width: 581px;
        font-size: 18px;
        line-height: 26px;
    }
    .evergreen-s2-list .field__items {
        width: 95%;
    }
    .evergreen-s2-list .field__item {
        display: flex;
        flex-direction: column;
        max-width: 156px;
        font-size: 16px;
        line-height: 24px;
    }
    .evergreen-s2-list .field__item p {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: unset;
    }
    .evergreen-s2-list .field__item hr {
        width: 100%;
        max-width: 140px;
        margin-top: .5rem;
        margin-bottom: unset;
    }
}

@media only screen and (max-width: 767px) {
    .evergreen-s2-list-container {
        padding: 3% 2% 3% 2%;
    }
    .evergreen-s2-list-text-container {
        text-align: left;
        padding: 2%;
        padding-left: 8%;
        align-items: unset;
    }
    .evergreen-s2-list-container .evergreen-plus {
        align-self: start;
    }
    .evergreen-s2-list-header {
        text-align: left;
        font-size: 25px;
        line-height: 32px;
    }
    .evergreen-s2-list-byline {
        font-size: 18px;
        line-height: 26px;
        max-width: 440px;
    }
    .evergreen-s2-list .field__items {
        width: 85%;
        height: 362px;
        align-items: end;
    }
    .evergreen-s2-list .field__item {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 156px;
        font-size: 16px;
        line-height: 24px;
    }
    .evergreen-s2-list .field__item p {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: unset;
    }
    .evergreen-s2-list .field__item hr {
        width: 100%;
        max-width: 140px;
        margin-top: .5rem;
        margin-bottom: unset;
    }
    .evergreen-s2-list .field__item:nth-child(7n+7) hr {
        display: none;
    }
    .evergreen-s2-list .field__item:nth-child(4n+4) hr {
        display: block;
    }
}

@media only screen and (max-width: 343px) {
    .evergreen-s2-list-text-container {
        padding-left: .5%
    }
    .evergreen-s2-list .field__items {
        margin: auto .5%;
        height: 410px;
        column-gap: 1%;
        width: 100%;
    }
    .evergreen-s2-list .field__item {
        height: 38px;
        max-width: 135px;
    }
    .evergreen-s2-list .field__item p {
        height: 32px;
    }
    .evergreen-s2-list .field__item hr {
        height: 32px;
        max-width: 136px;
    }
}


/* Evergreen Landing Page Section THREE */

.evergreen-s3-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #FAFAFA;
    padding: 4.82% 2% 5.27% 2%;
}

.evergreen-s3-header {
    max-width: 1216px;
    font-family: "IvyPrestoDisplay-SemiBold";
    font-style: normal;
    font-weight: 600;
    font-size: 38px;
    line-height: 105%;
    text-align: center;
    color: #282828;
    margin-top: 20px;
}

.evergreen-s3-byline {
    max-width: 914px;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 143%;
    text-align: center;
    color: #686F77;
    margin-top: 20px;
}

.evergreen-s3-img {
    max-width: 1134px;
    margin-top: 3.85%;
}

.evergreen-s3-img-tablet {
    display: none;
}

.evergreen-s3-img-mobile {
    display: none;
}

.evergreen-s3-shop-link {
    background: #105481;
    color: #161C45;
    letter-spacing: 0.03em;
    width: 224px;
    height: 47px;
    margin-top: 3.2%;
}

a.evergreen-s3-shop-link.btn {
    font-size: 21px;
}

a.evergreen-s3-shop-link.btn-primary:hover {
    background-color: #161C45;
}

.evergreen-s3-buy-now {
    font-family: "Slate Pro Regular";
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    column-gap: 15px;
}

.evergreen-s3-plus {
    font-size: 50px;
    font-family: "Slate Pro Regular";
    font-weight: bolder;
}

.evergreen-s3-buy-now-plus {
    color: #67E4B7;
}

@media only screen and (min-width: 576px) and (max-width: 1199px) {
    .evergreen-s3-container {
        padding: 4.5% 5% 7.5% 5%;
    }
    .evergreen-s3-header {
        font-size: 28px;
        line-height: 107%;
        margin-top: 15px;
    }
    .evergreen-s3-byline {
        font-size: 18px;
        line-height: 156%;
        max-width: 590px;
        margin-top: 23px;
    }
    .evergreen-s3-img {
        display: none;
    }
    .evergreen-s3-img-tablet {
        display: unset;
        margin-top: 3.8%;
    }
    .evergreen-s3-img-mobile {
        display: none;
    }
    .evergreen-s3-shop-link {
        margin-top: 5%;
        max-width: 136px;
        height: 35px;
    }
    a.evergreen-s3-shop-link.btn {
        font-size: 15px;
    }
    .evergreen-s3-plus {
        font-family: "Slate Pro Regular";
        font-weight: bolder;
    }
}

@media screen and (min-width: 200px) and (max-width: 575px) {
    .evergreen-s3-container {
        padding: 12.8% 5.4% 16.55% 3.5%;
        align-items: unset;
    }
    .evergreen-s3-header {
        font-weight: 600;
        font-size: 28px;
        line-height: 130%;
        text-align: left;
        max-width: 276px;
        margin-top: 11px;
    }
    .evergreen-s3-byline {
        font-size: 16px;
        line-height: 26px;
        text-align: start;
        margin-top: 11px;
    }
    .evergreen-s3-img {
        display: none;
    }
    .evergreen-s3-img-tablet {
        display: none;
    }
    .evergreen-s3-img-mobile {
        display: unset;
        margin-top: 12.15%;
        margin-left: -9%;
    }
    .evergreen-s3-shop-link {
        margin-top: 15.1%;
        width: 233px;
    }
    a.evergreen-s3-shop-link.btn {
        margin-right: auto;
    }
    .evergreen-s3-plus {
        font-family: "Slate Pro Regular";
        font-weight: bolder;
    }
    .evergreen-s3-buy-now-plus {
        font-family: "Slate Pro Regular";
        font-weight: bolder;
    }
}


/* Evergreen Landing Page Section FOUR */

.evergreen-s4-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 27vw;
    row-gap: 2.325vw;
}

.evergreen-s4-bg-img-tablet,
.evergreen-s4-bg-img-mobile {
    display: none;
}

.evergreen-s4-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.evergreen-s4-header p {
    margin: 0;
}

.evergreen-s4-header {
    max-width: 910px;
    font-family: "IvyPrestoDisplay-SemiBold";
    font-style: normal;
    font-weight: 600;
    font-size: 38px;
    line-height: 121%;
    text-align: center;
    color: #FFFFFF;
}

.evergreen-s4-byline {
    max-width: 910px;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 143%;
    text-align: center;
    color: #FFFFFF;
    margin-top: 11px;
}

.evergreen-s4-content-two {
    display: flex;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 130%;
    color: #FFFFFF;
    gap: 40px;
    margin: 0% 11.2% 0% 11.2%;
}

.evergreen-s4-img-container-one img,
.evergreen-s4-img-container-two img,
.evergreen-s4-img-container-three img,
.evergreen-s4-img-container-four img {
    max-width: 64px;
}

.evergreen-s4-img-container-one {
    display: flex;
    gap: 17px;
}

.evergreen-s4-img-container-two {
    display: flex;
    gap: 17px;
}

.evergreen-s4-img-container-three {
    display: flex;
    gap: 17px;
}

.evergreen-s4-img-container-four {
    display: flex;
    gap: 17px;
}

.evergreen-s4-img-container-one p,
.evergreen-s4-img-container-two p,
.evergreen-s4-img-container-three p,
.evergreen-s4-img-container-four p {
    /* max-width: 286px; */
    width: 14.0625vw;
    /* min-width: 209px; */
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .evergreen-s4-content {}
}

@media screen and (min-width: 576px) and (max-width: 1199px) {
    .evergreen-s4-bg-img {
        display: none;
    }
    .evergreen-s4-bg-img-tablet {
        display: flex;
        height: 53.78vw;
        row-gap: 7.82vw;
    }
    .evergreen-s4-content {
        max-width: 58%;
        font-size: 28px;
    }
    .evergreen-s4-header {
        font-size: 28px;
        line-height: 164%;
    }
    .evergreen-s4-byline {
        font-size: 18px;
        line-height: 156%;
        margin-top: 11px;
    }
    .evergreen-s4-content-two {
        /* margin: auto; */
        row-gap: 50px;
        column-gap: 26px;
        flex-wrap: wrap;
        max-width: 609px;
        margin: unset;
    }
    .evergreen-s4-img-container-one {
        align-items: unset;
    }
    .evergreen-s4-img-container-two {
        align-items: unset;
    }
    .evergreen-s4-img-container-three {
        align-items: unset;
    }
    .evergreen-s4-img-container-four {
        align-items: unset;
    }
    .evergreen-s4-img-container-one p,
    .evergreen-s4-img-container-two p,
    .evergreen-s4-img-container-three p,
    .evergreen-s4-img-container-four p {
        width: 209px;
        font-size: 16px;
        line-height: 162%;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .evergreen-s4-bg-img-tablet {
        display: flex;
        height: 53.78vw;
        row-gap: 4.82vw;
    }
    .evergreen-s4-content {}
    .evergreen-s4-content-two {
        gap: 13px;
        max-width: 609px;
    }
    .evergreen-s4-img-container-one img,
    .evergreen-s4-img-container-two img,
    .evergreen-s4-img-container-three img,
    .evergreen-s4-img-container-four img {
        max-width: 48px;
    }
}

@media screen and (min-width: 200px) and (max-width: 575px) {
    .evergreen-s4-bg-img {
        display: none;
    }
    .evergreen-s4-bg-img-tablet {
        display: none;
    }
    .evergreen-s4-bg-img-mobile {
        display: flex;
        height: 154.935vw;
        row-gap: 36px;
    }
    .evergreen-s4-content {
        padding: 0% 5.7% 0% 3%;
        align-items: unset;
        width: 100%;
        max-width: 83.73%;
    }
    .evergreen-s4-content p {
        text-align: start;
    }
    .evergreen-s4-content-two {
        flex-direction: column;
        gap: 20px;
        line-height: 22px;
    }
    .evergreen-s4-img-container-one img,
    .evergreen-s4-img-container-two img,
    .evergreen-s4-img-container-three img,
    .evergreen-s4-img-container-four img {
        max-width: 48px;
    }
    .evergreen-s4-img-container-one,
    .evergreen-s4-img-container-two,
    .evergreen-s4-img-container-three,
    .evergreen-s4-img-container-four {
        align-items: center;
    }
    .evergreen-s4-header {
        font-size: 28px;
        line-height: 132%;
    }
    .evergreen-s4-byline {
        font-size: 16px;
        line-height: 162%;
        margin-top: 15px;
    }
    .evergreen-s4-img-container-one p,
    .evergreen-s4-img-container-two p,
    .evergreen-s4-img-container-three p,
    .evergreen-s4-img-container-four p {
        width: 68.5333vw;
        font-size: 18px;
        line-height: 122%;
    }
}

@media screen and (min-width: 180px) and (max-width: 325px) {
    .evergreen-s4-header {
        font-size: 20px;
    }
    .evergreen-s4-byline {
        font-size: 12px;
        line-height: 26px;
    }
    .evergreen-s4-content {}
    .evergreen-s4-content-two {
        gap: 0px;
        max-width: 515px;
    }
    .evergreen-s4-img-container-one img,
    .evergreen-s4-img-container-two img,
    .evergreen-s4-img-container-three img,
    .evergreen-s4-img-container-four img {
        max-width: 25px;
    }
    .evergreen-s4-img-container-one p,
    .evergreen-s4-img-container-two p,
    .evergreen-s4-img-container-three p,
    .evergreen-s4-img-container-four p {
        font-size: 12px;
    }
}


/* Evergreen Landing Page Section FIVE */

.evergreen-s5-img-container-four-mb {
    display: none;
}

.evergreen-s5-full-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6%;
    padding: 7% 11.8% 7.5%;
}

.evergreen-s5-container-left {
    flex: 1 1 0px;
}

.evergreen-s5-container-right {
    flex: 1 1 0px;
}

.evergreen-s5-full-container p {
    margin: 0;
}

.evergreen-s5-header {
    max-width: 565px;
    font-family: "IvyPrestoDisplay-SemiBold";
    font-style: normal;
    font-weight: 600;
    font-size: 38px;
    line-height: 137%;
    color: #282828;
    margin-bottom: 11px;
}

.evergreen-s5-byline {
    max-width: 575px;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 143%;
    color: #686F77;
    margin-bottom: 50px;
}

.evergreen-s5-img-container-one {
    display: flex;
    gap: 26px;
}

.evergreen-s5-img-container-one img {
    max-width: 42px;
    height: 40px;
}

.evergreen-s5-img-container-one-content {
    display: flex;
    flex-direction: column;
}

.evergreen-s5-image-one-header,
.evergreen-s5-image-two-header,
.evergreen-s5-image-three-header {
    max-width: 447px;
    font-family: "Slate Pro Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 21px;
    line-height: 124%;
    color: #282828;
}

.evergreen-s5-image-one-byline,
.evergreen-s5-image-two-byline,
.evergreen-s5-image-three-byline {
    max-width: 497px;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 143%;
    color: #686F77;
    margin-bottom: 40px;
}

.evergreen-s5-img-container-two {
    display: flex;
    gap: 26px;
}

.evergreen-s5-img-container-two img {
    max-width: 42px;
    height: 40px;
}

.evergreen-s5-img-container-two-content {
    display: flex;
    flex-direction: column;
}

.evergreen-s5-img-container-three {
    display: flex;
    gap: 26px;
}

.evergreen-s5-img-container-three img {
    max-width: 42px;
    height: 40px;
}

.evergreen-s5-img-container-three-content {
    display: flex;
    flex-direction: column;
}

.evergreen-s5-img-container-four {
    max-width: 787px;
}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
    .evergreen-s5-full-container {
        padding: 5% 8.8% 5.5%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .evergreen-s5-full-container {
        flex-direction: column-reverse;
        padding: 8% 6%;
        gap: 82px;
    }
    .evergreen-s5-container-right {
        max-width: 63.15%;
    }
    .evergreen-s5-container-left {
        display: flex;
    }
    .evergreen-s5-img-container-group {
        display: flex;
        flex-direction: column;
    }
    .evergreen-s5-content {
        display: flex;
        flex-direction: column;
    }
    .evergreen-s5-header {
        font-size: 28px;
        line-height: 42px;
        margin-bottom: 12px;
    }
    .evergreen-s5-byline {
        font-size: 18px;
        font-weight: 400;
        line-height: 150%;
    }
    .evergreen-s5-img-container-one img,
    .evergreen-s5-img-container-two img,
    .evergreen-s5-img-container-three img {
        max-width: 24px;
        height: 24px;
    }
    .evergreen-s5-image-one-header,
    .evergreen-s5-image-two-header,
    .evergreen-s5-image-three-header {
        font-size: 18px;
        line-height: 150%;
    }
    .evergreen-s5-image-one-byline,
    .evergreen-s5-image-two-byline,
    .evergreen-s5-image-three-byline {
        font-size: 16px;
        line-height: 156%;
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 200px) and (max-width: 767px) {
    .evergreen-s5-img-container-four {
        display: none;
    }
    .evergreen-s5-img-container-four-mb {
        display: unset;
    }
    .evergreen-s5-full-container {
        flex-direction: column-reverse;
        padding: 16% 5.34%;
        gap: 50px;
    }
    .evergreen-s5-container-right {
        display: flex;
        align-items: center;
        max-width: 89.869%;
    }
    .evergreen-s5-container-left {
        display: flex;
        flex-direction: column;
    }
    .evergreen-s5-img-container-group {
        display: flex;
        flex-direction: column;
    }
    .evergreen-s5-img-container {
        gap: 19px
    }
    .evergreen-s5-content {
        display: flex;
        flex-direction: column;
    }
    .evergreen-s5-header {
        font-size: 28px;
        line-height: 42px;
        margin-bottom: 10px;
    }
    .evergreen-s5-byline {
        font-size: 18px;
        line-height: 150%;
        margin-bottom: 29px;
    }
    .evergreen-s5-image-header {
        font-size: 18px;
        line-height: 27px;
    }
    .evergreen-s5-image-byline {
        line-height: 150%;
        margin-bottom: 30px;
    }
    .evergreen-s5-image-three-byline {
        margin-bottom: 0;
    }
    .evergreen-s5-img-container-group img {
        max-width: 32px;
        height: 30px;
    }
    @media screen and (min-width: 200px) and (max-width: 325px) {
        .evergreen-s5-full-container {
            /* height: 1400px; */
        }
    }
    .evergreen-s5-image-one-byline,
    .evergreen-s5-image-two-byline,
    .evergreen-s5-image-three-byline {
        font-size: 18px;
    }
}


/* //////////////////// GIDDY HEALTH FOOTER /////////// */

.vqlp1-section-six {
    background: #105481;
    height: 900px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 30px;
    width: 100%;
}

@media (min-width: 768px) {
    .vqlp1-section-six {
        height: 550px;
        gap: 10px;
    }
}

@media (min-width: 1200px) {
    .vqlp1-section-six {
        height: 480px;
        gap: 10px;
    }
}

.vqlp1-section-six .gh-footer-icon {
    width: 180px;
}

@media (min-width: 768px) {
    .vqlp1-section-six .gh-footer-icon {
        display: none;
    }
}

@media (min-width: 1200px) {
    .vqlp1-section-six .gh-footer-icon {
        display: none;
    }
}

.vqlp1-section-six .gh-footer-icon-tablet {
    display: none;
}

@media (min-width: 768px) {
    .vqlp1-section-six .gh-footer-icon-tablet {
        display: unset;
        margin-bottom: 30px;
        width: 160px;
    }
}

@media (min-width: 1200px) {
    .vqlp1-section-six .gh-footer-icon-tablet {
        display: none;
    }
}

.vqlp1-section-six .gh-footer-icon-desktop {
    display: none;
    margin-bottom: 1.8%;
}

@media (min-width: 768px) {
    .vqlp1-section-six .gh-footer-icon-desktop {
        display: none;
    }
}

@media (min-width: 1200px) {
    .vqlp1-section-six .gh-footer-icon-desktop {
        display: unset;
        width: 247px;
    }
}

.vqlp1-section-six h1 {
    width: 100%;
    max-width: 87.7%;
    font-family: ivypresto-display;
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 42px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}

@media (min-width: 768px) {
    .vqlp1-section-six h1 {
        width: 100%;
        max-width: 98%;
        font-family: ivypresto-display;
        ;
        font-style: normal;
        font-weight: 600;
        font-size: 28px;
        line-height: 37px;
        text-align: center;
        color: #FFFFFF;
    }
}

@media (min-width: 1200px) {
    .vqlp1-section-six h1 {
        font-size: 38px;
        line-height: 59px;
    }
}

.vqlp1-section-six .section-six-button-link {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 500;
    font-size: 21px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.03em;
    background: #4ACB9C;
    color: #FFFFFF;
    border-radius: 100px;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.vqlp1-section-six .section-six-button-link:hover {
    background: #FFFFFF;
    color: #4ACB9C;
}

.vqlp1-section-six .section-six-button-area {
    border-radius: 100px;
    width: 233px;
    height: 47px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

@media (min-width: 768px) {
    .vqlp1-section-six .section-six-button-area {
        width: 136.21px;
        height: 33px;
        font-size: 15px;
    }
}

@media (min-width: 1200px) {
    .vqlp1-section-six .section-six-button-area {
        width: 233px;
        height: 47px;
        font-size: 21px;
    }
}

.evergreen-footer-buy-now-plus {
    font-size: 29px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vqlp1-section-six .footer-horizontal-line {
    width: 90%;
    border: revert;
    margin: 2% 0% 0% 0%;
}

.vqlp1-section-six .footer-section-two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 33px;
}

@media (min-width: 768px) {
    .vqlp1-section-six .footer-section-two {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px;
        margin-top: 3%;
    }
}

@media (min-width: 1200px) {
    .vqlp1-section-six .footer-section-two {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 90%;
        margin-top: 0%;
    }
}

.vqlp1-section-six .disclaimer-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    max-width: 303px;
    order: -2;
}

@media (min-width: 768px) {
    .vqlp1-section-six .disclaimer-container {
        max-width: 425px;
        margin-top: 20px;
        gap: 0px;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        -webkit-box-align: start;
        -ms-flex-align: start;
    }
}

@media (min-width: 1200px) {
    .vqlp1-section-six .disclaimer-container {
        align-items: flex-start;
        margin-top: 0px;
    }
    .vqlp1-section-six .toggleable-copyright-one {
        margin-top: 14px;
    }
}

.vqlp1-section-six .footer-disclaimer-one {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
}

.vqlp1-section-six .footer-disclaimer-two {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
}

.vqlp1-section-six .social-rootine-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 33px;
}

@media (min-width: 768px) {
    .vqlp1-section-six .social-rootine-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 1200px) {
    .vqlp1-section-six .social-rootine-container {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
}

@media (min-width: 1600px) {
    .vqlp1-section-six .social-rootine-container {}
}

.vqlp1-section-six .social-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12.75px;
    flex-direction: row;
    flex-wrap: unset;
}

.vqlp1-section-six .facebook-icon img {
    max-width: 39px;
    height: 39px;
}

.vqlp1-section-six .instagram-icon img {
    max-width: 39px;
    height: 39px;
}

.vqlp1-section-six .powered-by-rootine img {
    max-width: 177px;
    height: 41.52px;
}

.vqlp1-section-six .disclaimer-container-two {
    max-width: 304px;
    margin-bottom: 10px;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
    order: -1;
    text-align: center;
}

@media (min-width: 768px) {
    .vqlp1-section-six .disclaimer-container-two {
        max-width: 380px;
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }
}

@media (min-width: 1200px) {
    .vqlp1-section-six .disclaimer-container-two {
        text-align: start;
    }
}

.vqlp1-section-six .copyright-footer {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
    display: none;
}

@media (max-width: 1199px) {
    .vqlp1-section-six .copyright-footer {
        display: unset;
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 7;
    }
}

.vqlp1-section-six .toggleable-copyright-one {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
}

@media (max-width: 1199px) {
    .vqlp1-section-six .toggleable-copyright-one {
        display: none;
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }
}

a.gh-footer-privacy {
    color: #FFFFFF;
    text-decoration: underline;
}

a.gh-footer-privacy:hover,
a.gh-footer-privacy:focus,
a.gh-footer-privacy:active {
    text-decoration: underline;
    color: inherit;
}


/* HEADER/NAVIGATION FOR PARAGRAPH: NAV BAR WITH LOGO USED FOR EDDIE CLOUD PAGES */

.eddie-nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 55px;
    height: 80px;
}

.eddie-logo {
    width: 91px;
    height: 41px;
}

.eddie-logo-links-container {
    display: flex;
    padding-left: 3.75vw;
    gap: 55px;
    align-items: center;
}

.eddie-nav-links div a {
    text-decoration: none;
    color: #6F757B;
}

.eddie-nav-links div {
    display: flex;
    gap: 55px;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: #6F757B;
}

.eddie-nav-cta {
    margin-right: 2.06%;
    width: 125px;
    height: 40px;
}

.eddie-nav-cta p {
    text-transform: uppercase;
    font-family: "SlatePro-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.05em;
    margin-bottom: 0;
}

.health-nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 55px;
    height: 80px;
    background-color: #161C45;
}

.health-logo-links-container {
    display: flex;
    padding-left: 3.25%;
    gap: 55px;
    align-items: center;
}

.health-nav-links div a {
    text-decoration: none;
    color: #6F757B;
}

.health-nav-links div {
    display: flex;
    gap: 55px;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: #6F757B;
}

.health-nav-cta {
    margin-right: 2.06%;
}

.health-nav-cta div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 45px;
    gap: 10px;
    background: #F85F5E;
    border: 1px solid #F85F5E;
    border-radius: 4px;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.health-nav-cta div a {
    text-decoration: none;
    color: #FFFFFF;
}

@media screen and (min-width: 1920px) {
    .eddie-logo-links-container {
        padding-left: 2.0833vw;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1919px) {
    .eddie-logo-links-container {
        padding-left: 3.75vw;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .eddie-logo-links-container {
        padding-left: 3.125vw;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .eddie-logo-links-container {
        padding-left: 5.078125vw;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .eddie-logo-links-container {
        padding-left: 5.729167vw;
    }
    .eddie-nav-links {
        display: none;
    }
}

@media screen and (max-width: 575px) {
    .eddie-nav-links {
        display: none;
    }
    .eddie-logo {
        width: 72px;
        height: 35px;
    }
    .eddie-nav-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 55px;
        height: 60px;
    }
    .eddie-logo-links-container {
        padding-left: 4vw;
    }
    .eddie-nav-cta {
        margin-right: 5.333vw;
        width: 125px;
        height: 40px;
    }
}


/* universal classes (created for cloud pages) */

.light-grey-background-color {
    background-color: #F8F8F8;
}

.grey-background-color {
    background-color: #EAEBEF;
}

.dark-grey-background-color {
    background: linear-gradient(0deg, #475464, #475464);
}

.blue-background-color {
    background-color: #1B2B36;
}

.white-text-color {
    color: #FFFFFF;
}

.black-text-color {
    color: #282828;
}

.hide-cta {
    display: none !important;
}

.red-cloud-button {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F85F5E;
    border-radius: 4px;
    border: unset;
    text-decoration: none;
    color: #FFFFFF;
}

.red-cloud-button:hover,
.red-cloud-button:active,
.red-cloud-button:visited,
.red-cloud-button:checked,
.red-cloud-button:focus {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #FF3635;
    outline: none;
    box-shadow: none;
}


/* hero-customizable "full background image" */

.hero-s1-bg-img,
.hero-s1-bg-img-tablet,
.hero-s1-bg-img-mobile {
    display: none;
}

.hero-s1-container {
    height: 663px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
}

.hero-s1-content {
    display: flex;
    flex-direction: column;
    width: 697px;
    padding-top: 184px;
}

.hero-s1-content-right {
    margin-left: auto;
    margin-right: 13.125vw;
}

.hero-s1-content-left {
    margin-right: auto;
    margin-left: 13.125vw;
}

.hero-s1-header {
    font-family: 'Slate Pro Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 50px;
    line-height: 104%;
}

.hero-s1-header p {
    margin-bottom: 0;
}

.hero-s1-body {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 129%;
    margin-top: 23px;
}

.hero-s1-body p {
    margin-bottom: 0;
}

.hero-s1-shop-link {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Slate Pro Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 273px;
    height: 48px;
    background: #F85F5E;
    border-radius: 4px;
    border: unset;
    margin-top: 57px;
}

.hero-s1-shop-link:hover,
.hero-s1-shop-link:active,
.hero-s1-shop-link:visited,
.hero-s1-shop-link:checked,
.hero-s1-shop-link:focus {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #FF3635;
    outline: none;
    box-shadow: none;
}

.hero-s1-shop-link p {
    margin-bottom: 0;
}

@media (min-width: 1200px) and (max-width: 1919px) {
    .hero-s1-bg-img-xl,
    .hero-s1-bg-img-tablet,
    .hero-s1-bg-img-mobile {
        display: none;
    }
    .hero-s1-bg-img {
        display: block;
    }
    .hero-s1-container {
        height: 625px;
    }
    .hero-s1-content {
        width: 45.5vw;
        max-width: 697px;
        padding-top: 136px;
    }
    .hero-s1-content-right {
        margin-right: 4.25vw;
    }
    .hero-s1-content-left {
        margin-left: 4.25vw;
    }
    .hero-s1-header {
        font-size: 40px;
        line-height: 105%;
    }
    .hero-s1-body {
        font-size: 18px;
        line-height: 150%;
        margin-top: 16px;
    }
    .hero-s1-shop-link {
        width: 273px;
        height: 48px;
        font-size: 14px;
        margin-top: 32px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hero-s1-bg-img-xl,
    .hero-s1-bg-img-tablet,
    .hero-s1-bg-img-mobile {
        display: none;
    }
    .hero-s1-bg-img {
        display: block;
    }
    .hero-s1-container {
        height: 517px;
    }
    .hero-s1-content {
        width: 45.3629vw;
        max-width: 546px;
        padding-top: 85px;
    }
    .hero-s1-content-right {
        margin-right: 4.63709vw;
    }
    .hero-s1-content-left {
        margin-left: 4.63709vw;
    }
    .hero-s1-header {
        font-size: 38px;
        line-height: 111%;
    }
    .hero-s1-body {
        font-size: 18px;
        line-height: 150%;
        margin-top: 15px;
    }
    .hero-s1-shop-link {
        width: 210px;
        height: 48px;
        font-size: 14px;
        margin-top: 36px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hero-s1-bg-img-xl,
    .hero-s1-bg-img,
    .hero-s1-bg-img-mobile {
        display: none;
    }
    .hero-s1-bg-img-tablet {
        display: block;
    }
    .hero-s1-container {
        height: 400px;
    }
    .hero-s1-content {
        width: 42.8385vw;
        max-width: 450px;
        padding-top: 55px;
        margin-right: 5.078vw;
    }
    .hero-s1-content-right {
        margin-right: 5.078vw;
    }
    .hero-s1-content-left {
        margin-left: 5.078vw;
    }
    .hero-s1-header {
        font-size: 28px;
        line-height: 114%;
    }
    .hero-s1-body {
        font-size: 14px;
        line-height: 164%;
        margin-top: 9px;
    }
    .hero-s1-shop-link {
        width: 210px;
        height: 46px;
        font-size: 14px;
        margin-top: 32px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-s1-bg-img-xl,
    .hero-s1-bg-img,
    .hero-s1-bg-img-tablet {
        display: none;
    }
    .hero-s1-bg-img-mobile {
        display: block;
    }
    .hero-s1-container {
        position: relative;
        height: 213.36805vw;
    }
    .hero-s1-content {
        width: 88.5416vw;
        padding-top: 49px;
        margin: auto;
    }
    .hero-s1-header {
        font-size: 45px;
        line-height: 109%;
    }
    .hero-s1-body {
        font-size: 25px;
        line-height: 148%;
        margin-top: 21px;
    }
    .hero-s1-shop-link {
        position: absolute;
        bottom: 11.4666vw;
        width: 88.266vw;
        max-width: 331px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        height: 71px;
        font-size: 24px;
    }
}

@media only screen and (max-width: 375px) {
    .hero-s1-container {
        height: 169.333vw;
    }
    .hero-s1-content {
        width: 89.333vw;
        padding-top: 44px;
    }
    .hero-s1-header {
        font-size: 38px;
        line-height: 111%;
    }
    .hero-s1-body {
        font-size: 18px;
        line-height: 150%;
        margin-top: 14px;
    }
    .hero-s1-shop-link {
        width: 89.333vw;
        height: 46px;
        font-size: 16px;
        margin-top: 32px;
    }
}


/* HERO 2 column-transparent image */

.hero-cloud-container {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 625px;
    gap: 1.0833vw
}

.image-right-hero-cloud-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-left-hero-cloud-container {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
}

.hero-cloud-content-container {
    width: 45.5vw;
    max-width: 697px;
    display: flex;
    flex-direction: column;
}

.hero-cloud-image-container {
    align-self: flex-end;
}

.hero-cloud-image-container figure {
    margin-bottom: 0;
}

.hero-cloud-image-container img {
    width: 546px;
    height: 585px;
}

.hero-cloud-container p {
    margin-bottom: unset;
    gap: 1.0833vw;
}

.hero-cloud-header {
    font-family: 'Slate Pro Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 105%;
    margin-bottom: 12px;
}

.hero-cloud-body {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 36px;
}

.hero-cloud-shop-link {
    width: 273px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F85F5E;
    border-radius: 4px;
    border: unset;
}

.hero-cloud-shop-link-mobile {
    bottom: 3.9vw;
    width: 88.266vw;
    max-width: 331px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.hero-cloud-shop-link:hover {
    background: #FF3635;
}

.hero-cloud-shop-link:hover,
.hero-cloud-shop-link:active,
.hero-cloud-shop-link:visited,
.hero-cloud-shop-link:checked,
.hero-cloud-shop-link:focus {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #FF3635;
    outline: none;
    box-shadow: none;
}

.hero-cloud-buy-now {
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-cloud-shop-button-area {
    font-family: 'Slate Pro Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: unset;
}

@media (min-width: 1920px) {
    .hero-cloud-container {
        height: 663px;
        gap: 120px;
    }
    .hero-cloud-image-container img {
        width: 564px;
        height: 604px;
    }
    .hero-cloud-header {
        font-size: 50px;
        line-height: 104%;
        margin-bottom: 23px;
    }
    .hero-cloud-body {
        font-size: 24px;
        line-height: 129%;
        margin-bottom: 57px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hero-cloud-container {
        height: 517px;
        gap: 1.8145vw;
    }
    .hero-cloud-image-container img {
        width: 450px;
        height: 482px;
    }
    .hero-cloud-header {
        margin-bottom: 11px;
    }
    .hero-cloud-body {
        margin-bottom: 39px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hero-cloud-container {
        height: 400px;
        gap: 1.953vw;
    }
    .hero-cloud-image-container img {
        width: 330px;
        height: 353px;
    }
    .hero-cloud-header {
        font-size: 28px;
        line-height: 107%;
        margin-bottom: 10px;
    }
    .hero-cloud-body {
        font-size: 14px;
        line-height: 164%;
        margin-bottom: 22px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-cloud-container {
        height: auto;
        flex-direction: column;
        gap: 6.5972vw;
    }
    .hero-cloud-content-container {
        width: 88.5416vw;
        margin-top: 9.5486vw;
    }
    .hero-cloud-image-container {
        width: 88.5416vw;
        align-self: center;
    }
    .hero-cloud-image-container img {
        width: 88.54166vw;
        height: auto;
    }
    .hero-cloud-header {
        font-size: 45px;
        line-height: 109%;
        margin-bottom: 10px;
    }
    .hero-cloud-body {
        font-size: 25px;
        line-height: 148%;
        margin-bottom: 22px;
    }
    /* .hero-cloud-shop-link {
        position: relative;
        top: 94vw;
        align-self: center;
        width: 88.54166vw;
        height: 12.32638vw;
    } */
    .hero-cloud-shop-button-area {
        font-size: 24px;
        line-height: 100%;
    }
}

@media only screen and (max-width: 375px) {
    .hero-cloud-header {
        font-size: 38px;
        line-height: 111%;
    }
    .hero-cloud-body {
        font-size: 18px;
        line-height: 150%;
    }
    /* .hero-cloud-shop-link {
        top: 88vw;
    } */
    .hero-cloud-shop-button-area {
        font-size: 16px;
    }
}


/* Ticker Bar */

.ticker-background {
    background: #F3F3F3;
    height: 90px;
    display: flex;
    overflow: hidden;
}

.ticker-container {
    /* max-width: 690.25px; */
    display: flex;
    align-items: center;
    margin: auto;
    /* column-gap: 7.616%; */
    column-gap: 62.57px;
}

.ticker-item {
    /* max-width: 26.9829%; */
    display: flex;
    align-items: center;
    /* column-gap: 12.3812%; */
    column-gap: 19px;
}

.ticker-item.ticker-scroll-only {
    display: none;
}

.ticker-text {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 112%;
    color: #282828;
}

.ticker-resize img {
    width: 45.52px;
}

.ticker-shipping img {
    width: 41.76px;
}

.ticker-money img {
    width: 51.22px
}

.ticker-item img {
    margin-bottom: unset;
}

.ticker-item p {
    margin-bottom: unset;
    width: 120px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ticker-background {
        height: 74px;
    }
    .ticker-text {
        font-size: 14px;
        line-height: 129%;
    }
    .ticker-resize img {
        width: 35.94px;
    }
    .ticker-shipping img {
        width: 34.49px;
    }
    .ticker-money img {
        width: 42.3px
    }
    .ticker-item p {
        width: 99px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ticker-background {
        height: 58px;
    }
    .ticker-container {
        column-gap: 54.46px;
    }
    .ticker-item {
        column-gap: 14px;
    }
    .ticker-text {
        font-size: 12px;
        line-height: 130%;
    }
    .ticker-resize img {
        width: 27.86px;
    }
    .ticker-shipping img {
        width: 26.73px;
    }
    .ticker-money img {
        width: 32.78px
    }
    .ticker-item p {
        width: 97px;
    }
}

@media only screen and (max-width: 767px) {
    .ticker-background {
        height: 100px;
    }
    .ticker-item.ticker-scroll-only {
        display: flex;
    }
    .ticker-container {
        -moz-animation: primary 10s linear infinite;
        -webkit-animation: primary 10s linear infinite;
        animation: primary 10s linear infinite;
    }
    @-moz-keyframes primary {
        0% {
            transform: translateX(0%);
        }
        100% {
            -webkit-transform: translate(-52%, 0);
            transform: translate(-52%, 0);
        }
    }
    @-webkit-keyframes primary {
        0% {
            transform: translateX(0%);
        }
        100% {
            -webkit-transform: translate(-52%, 0);
            transform: translate(-52%, 0);
        }
    }
    @keyframes primary {
        0% {
            transform: translateX(0%)
        }
        100% {
            -webkit-transform: translate(-52%, 0);
            transform: translate(-52%, 0);
        }
    }
    .ticker-item {
        column-gap: 21px;
    }
    .ticker-text {
        font-size: 20px;
        line-height: 115%;
    }
    .ticker-resize img {
        width: 47.75px;
    }
    .ticker-shipping img {
        width: 40.73px;
    }
    .ticker-money img {
        width: 49.95px
    }
    .ticker-item p {
        width: 180px;
    }
}

@media only screen and (max-width: 375px) {
    .ticker-text {
        font-size: 16px;
        line-height: 112%;
    }
    .ticker-item p {
        width: 150px;
    }
}


/* Eddie vs Pumps */

.eddie-v-pump-container {
    /* padding: 5vw 10.5% 5vw; */
    width: 79vw;
    max-width: 978px;
    padding: 60px 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* row-gap: 5.9157vw; */
    row-gap: 60px;
}

.eddie-v-pump-top-content {
    max-width: 97.679%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    row-gap: 1.424vw;
}

.eddie-v-pump-header {
    font-family: 'Slate Pro Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 100%;
    color: #282828;
}

.eddie-v-pump-body {
    max-width: 97.741%;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 129%;
    color: #686F77;
}

.eddie-v-pump-body p {
    margin-bottom: 0;
}

.eddie-v-pump-images .field__items {
    width: 100%;
    display: flex;
    flex-direction: row;
    column-gap: 4.852%;
}

@media screen and (min-width: 1920px) {
    .eddie-v-pump-container {
        padding: 70px 0;
    }
    .eddie-v-pump-header {
        font-size: 50px;
        line-height: 104%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .eddie-v-pump-container {
        /* padding: 5.847% 3.226% 9.174%; */
        /* row-gap: 6.452vw; */
        row-gap: 64px;
        width: 93.75vw;
        max-width: 948px;
    }
    .eddie-v-pump-top-content {
        max-width: 82.975%;
        row-gap: 1.412vw;
    }
    .eddie-v-pump-images .field__items {
        column-gap: 3.234%;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .eddie-v-pump-container {
        /* padding: 6.51vw 5.08% 6.51vw; */
        /* row-gap: 7.67vw; */
        width: 89.84vw;
        max-width: 930px;
        row-gap: 60px;
        padding: 50px 0;
    }
    .eddie-v-pump-top-content {
        max-width: 100%;
        row-gap: 1.823vw;
    }
    .eddie-v-pump-body {
        max-width: 100%;
        font-size: 21px;
        line-height: 143%;
    }
    .eddie-v-pump-images .field__items {
        column-gap: 4.35%;
    }
}

@media screen and (max-width: 767px) {
    .eddie-v-pump-container {
        /* padding: 10.4166vw 5.73% 10.4166vw; */
        /* row-gap: 10.416vw; */
        width: 88.5416vw;
    }
    .eddie-v-pump-top-content {
        max-width: 100%;
        row-gap: 3.473vw;
        align-items: flex-start;
        text-align: left;
    }
    .eddie-v-pump-header {
        font-size: 55px;
        line-height: 115%;
    }
    .eddie-v-pump-body {
        max-width: 100%;
        font-size: 30px;
        line-height: 140%;
    }
    .eddie-v-pump-images .field__items {
        width: 100%;
        column-gap: unset;
        flex-direction: column;
        row-gap: 10.416vw;
    }
}

@media screen and (max-width: 375px) {
    .eddie-v-pump-container {
        padding: 40px 0;
    }
    .eddie-v-pump-header {
        font-size: 36px;
        line-height: 117%;
    }
    .eddie-v-pump-body {
        font-size: 18px;
        line-height: 150%;
    }
}


/* Eddie 101 Accordion */

.accordion-container {
    /* width: 100%;
  max-width: 93%;
  margin: 5vw auto; */
    width: 93vw;
    max-width: 1523px;
    padding: 60px 0;
    margin: auto;
    display: flex;
    justify-content: space-between;
    justify-content: center;
    column-gap: 5.0179%;
}

.accordion-content-left {
    /* width: 100%;
  max-width: 48.9247%; */
    width: 48.9247vw;
    max-width: 592px;
}

.accordion-content-right {
    /* width: 100%;
  max-width: 46.057%; */
    width: 46.057vw;
    max-width: 748px;
}

.accordion-content-right img {
    border-radius: 20px;
}

.accordion-title h5 {
    font-family: 'Slate Pro Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 130%;
    color: #282828;
    margin-bottom: 3.083vw;
}

.accordion-item .field__item:last-child hr.accordion-item-divider {
    display: none;
}

.card-header a:hover,
.card-header a:active,
.card-header a:visited,
.card-header a:checked,
.card-header a:focus {
    text-decoration: none;
}

.accordion-item-title h5 {
    display: flex;
    justify-content: space-between;
    font-family: 'Slate Pro Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 100%;
    color: #282828;
    margin-bottom: 2.333vw;
}

.accordion-card .card-header {
    background-color: unset;
}

.accordion-card i.fas {
    color: #8B97B4;
}

.accordion-card a[data-toggle="collapse"] i.fas:before {
    font-size: 18px;
    /* minus */
    content: "\f068";
}

.accordion-card a[data-toggle="collapse"].collapsed i.fas:before {
    font-size: 28px;
    /* plus */
    content: "\2b";
}

.accordion-card-body p {
    width: 100%;
    max-width: 99%;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 172%;
    color: #686F77;
    /* margin-bottom: 2.333vw; */
}

.accordion-item-divider {
    width: 100%;
    margin-top: unset;
    /* margin-bottom: 2.333vw; */
}

.accordion-cta-link {
    width: 196px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: #F85F5E;
    border: none;
    font-family: 'Slate Pro Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 0.5vw;
}

.accordion-cta-link:hover {
    background: #FF3635;
}

.accordion-cta-link:hover,
.accordion-cta-link:active,
.accordion-cta-link:visited,
.accordion-cta-link:checked,
.accordion-cta-link:focus {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #FF3635;
    outline: none;
    box-shadow: none;
}

.accordion-buy-now {
    margin: unset;
}

@media screen and (min-width: 1920px) {
    .accordion-container {
        padding: 70px 0;
    }
    .accordion-title h5 {
        font-size: 50px;
        line-height: 104%;
    }
    .accordion-item-title h5 {
        font-weight: 400;
    }
    .accordion-card-body p {
        font-size: 21px;
        line-height: 148%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .accordion-container {
        /* max-width: 93.75%; */
        width: 93.75vw;
        max-width: 1116px;
    }
    .accordion-content-left {
        max-width: 45.806%;
    }
    .accordion-content-right {
        max-width: 48.387%;
    }
    .accordion-card-body p {
        max-width: 99%;
    }
    .accordion-cta-link {
        /* margin-top: 6.855vw; */
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .accordion-container {
        /* max-width: 89.84375%; */
        /* margin: 6.51vw auto; */
        padding: 50px 0;
        width: 89.84375vw;
        max-width: 930px;
    }
    .accordion-content-left {
        max-width: 56.5217%;
    }
    .accordion-content-right {
        max-width: 39.1304%;
    }
    .accordion-title h5 {
        margin-bottom: 3.6458vw;
    }
    .accordion-item-title h5 {
        margin-bottom: 3.5156vw;
    }
    .accordion-card-body p {
        max-width: 99%;
        /* margin-bottom: 3.5156vw; */
    }
    .accordion-item-divider {
        /* margin-bottom: 3.5156vw; */
    }
    .accordion-cta-link {
        /* margin-top: 6.7708vw; */
        width: 210px;
    }
}

@media screen and (max-width: 767px) {
    .accordion-container {
        flex-direction: column;
        /* max-width: 88.5416%; */
        /* row-gap: 18.75vw; */
        /* margin: 10.4166vw auto; */
        width: 88.5416vw;
        row-gap: 92px;
    }
    .accordion-content-left {
        width: 100%;
    }
    .accordion-content-right {
        width: 100%;
    }
    .accordion-title h5 {
        font-size: 55px;
        line-height: 85%;
        margin-bottom: 6.944vw;
    }
    .accordion-item-title h5 {
        font-size: 33px;
        margin-bottom: 6.0763vw;
    }
    .accordion-card-body p {
        max-width: 99%;
        font-size: 25px;
        line-height: 140%;
        /* margin-bottom: 6.0763vw; */
    }
    .accordion-item-divider {
        /* margin-bottom: 6.0763vw; */
    }
    .accordion-cta-link {
        width: 299px;
        height: 73px;
        font-size: 24px;
        /* margin-top: 13.368vw; */
    }
}

@media screen and (max-width: 375px) {
    .accordion-container {
        padding: 40px 0;
    }
    .accordion-title h5 {
        font-size: 38px;
        line-height: 100%;
        margin-bottom: 9.0666vw;
    }
    .accordion-item-title h5 {
        font-size: 22px;
    }
    .accordion-card-body p {
        font-size: 18px;
        line-height: 156%;
    }
    .accordion-cta-link {
        width: 196px;
        height: 48px;
        font-size: 14px;
    }
}


/* 3 VIDEOS PARAGRAPH */

#sfy-container {
    /* padding: 7.291667vw 0%; */
}

.sfy-padding {
    padding: 0vw 0vw 7.291667vw 0vw;
}

.eht-padding {
    padding: 7.291667vw 0vw 0vw 0vw;
}

#sfy-container h1,

/* #sfy-container h2, */

#sfy-container h3,
#sfy-container h4,
#sfy-container h5,
#sfy-container h6,
#sfy-container p,
#sfy-container body,
#sfy-container span,
#sfy-container a,
#sfy-container img {
    margin: 0;
    padding: 0;
    text-align: unset;
    font-family: unset;
    font-size: unset;
    line-height: unset;
    width: unset;
    height: unset;
}

.sfy-text-container {
    margin: auto;
    width: 80vw;
}

#three-videos-header {
    margin: 0vw 0vw -3vw 0vw;
}

#eddie-how-to-header {
    margin: 0vw 0vw 1vw 0vw;
}

.sfy-text-container h2 {
    max-height: 50px;
    font-size: 50px;
    margin: 0vw 0vw 2vw 0vw;
    font-family: 'Slate Pro Bold';
    font-style: normal;
    /* font-weight: 700; */
    font-size: 50px;
    line-height: 52px;
    color: #282828;
}

#sfy-container>div.sfy-text-container>div>p,
#sfy-container>div.sfy-text-container>p {
    margin-bottom: 3.854167vw;
    font-family: 'SlatePro-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    color: #686F77;
}

#videos>div>h3 {
    margin: 0vw 0vw 1.354167vw 0vw;
    font-family: 'Slate Pro Medium';
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 43px;
}

#videos>div>h6 {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}

#videos {
    display: flex;
    margin: auto;
    gap: 3.229167%;
    justify-content: center;
}

.wistia-vid {
    width: 24.375vw;
}

.one-third-video {
    height: 13.697917vw;
    margin: 0vw 0vw 1.822917vw 0vw;
}

.one-third-video #reviewOne {
    background-image: url("https://giddywebhosting.s3.us-east-2.amazonaws.com/image-assets/CHRISNOPLAYBTN.png");
}

.one-third-video #reviewTwo {
    background-image: url("https://giddywebhosting.s3.us-east-2.amazonaws.com/image-assets/KYLENOPLAYBTN.png");
}

.one-third-video #reviewThree {
    background-image: url("https://giddywebhosting.s3.us-east-2.amazonaws.com/image-assets/JOENOPLAYBTN.png");
}

.one-third-video #howItWorks {
    background-image: url("https://giddywebhosting.s3.us-east-2.amazonaws.com/image-assets/HOWITWORKS.png");
}

.one-third-video #howToWear {
    background-image: url("https://giddywebhosting.s3.us-east-2.amazonaws.com/image-assets/HOWTOWEAR.png");
}

.one-third-video #howToSize {
    background-image: url("https://giddywebhosting.s3.us-east-2.amazonaws.com/image-assets/HOWTOSIZE.png");
}

#sfy-container #videos .wistia-vid .one-third-video .play-container,
#go-deeper #sfy-container #videos .wistia-vid .one-third-video .play-container {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    left: 0;
    z-index: 10;
}

#sfy-container #videos .wistia-vid .one-third-video .play-container .play-btn,
#go-deeper #sfy-container #videos .wistia-vid .one-third-video .play-container .play-btn {
    display: inline-block;
    background-image: url("https://giddywebhosting.s3.us-east-2.amazonaws.com/image-assets/play_circle_filled.png");
    background-size: cover;
    background-size: 125%;
    background-position-x: 50%;
    background-position-y: 45%;
    width: 3.472396vw;
    height: 3.472396vw;
    background-color: white;
    border-radius: 100%;
}

.one-third-video #reviewOne,
#reviewTwo,
#reviewThree,
#howItWorks,
#howToWear,
#howToSize {
    position: relative;
    height: 100%;
    width: 100%;
    background-size: cover;
    border-radius: 10px;
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
    #sfy-container {
        /* padding: 10vw 0vw; */
    }
    .sfy-padding {
        padding: 10vw 0vw;
    }
    .eht-padding {
        padding: 10vw 0vw 0vw 0vw;
    }
    #sfy-container h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    body,
    span,
    a,
    img {}
    .sfy-text-container {
        width: 92vw;
    }
    .sfy-text-container h2 {
        font-family: 'Slate Pro Bold';
        font-style: normal;
        font-weight: 700;
        font-size: 40px;
        line-height: 52px;
    }
    #sfy-container>div.sfy-text-container>div>p,
    #sfy-container>div.sfy-text-container>p {
        font-family: 'Slate Pro Medium';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 34px;
        color: #686F77;
        margin: 0vw 0vw 6vw 0vw;
    }
    #videos>div>h3 {
        font-family: 'Slate Pro Medium';
        font-style: normal;
        font-weight: 500;
        font-size: 25px;
        line-height: 43px;
        color: #282828;
        margin: 0vw 0vw 0.8vw 0vw;
    }
    #videos>div>h6 {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
        color: #282828;
    }
    #videos {
        gap: 3.75vw;
    }
    .wistia-vid {
        width: 28.5vw;
    }
    .one-third-video {
        height: 16vw;
        margin: 0vw 0vw 1.2vw 0vw;
    }
    #sfy-container #videos .wistia-vid .one-third-video .play-container .play-btn,
    #go-deeper #sfy-container #videos .wistia-vid .one-third-video .play-container .play-btn {
        width: 4.0575vw;
        height: 4.0575vw;
    }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
    #sfy-container {
        /* padding: 12.096774vw 0vw; */
    }
    .sfy-padding {
        padding: 12.096774vw 0vw;
    }
    .eht-padding {
        padding: 12.096774vw 0vw 0vw 0vw;
    }
    #sfy-container h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    body,
    span,
    a,
    img {}
    .sfy-text-container {
        width: 92vw;
    }
    .sfy-text-container h2 {
        font-family: 'Slate Pro Bold';
        font-style: normal;
        font-weight: 700;
        font-size: 40px;
        line-height: 40px;
        color: #282828;
        margin: 0;
    }
    #sfy-container>div.sfy-text-container>div>p,
    #sfy-container>div.sfy-text-container>p {
        font-family: 'Slate Pro Medium';
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        line-height: 31px;
        color: #686F77;
        margin: 0vw 0vw 6vw 0vw;
    }
    #sfy-container>div.sfy-text-container>p {
        margin: 3vw 0vw 6vw 0vw;
    }
    #videos>div>h3 {
        font-family: 'Slate Pro Medium';
        font-style: normal;
        font-weight: 500;
        font-size: 28px;
        line-height: 28px;
        color: #282828;
        margin: 0vw 0vw 1.512097vw 0vw;
    }
    #videos>div>h6 {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
        color: #282828;
    }
    #videos {
        gap: 3.75vw;
    }
    .wistia-vid {
        width: 29.233871vw;
    }
    .one-third-video {
        height: 16.129032vw;
        margin: 0vw 0vw 2.620968vw 0vw;
    }
    #sfy-container #videos .wistia-vid .one-third-video .play-container .play-btn,
    #go-deeper #sfy-container #videos .wistia-vid .one-third-video .play-container .play-btn {
        width: 4.164315vw;
        height: 4.164315vw;
    }
}

@media screen and (min-width: 577px) and (max-width: 768px) {
    #sfy-container {
        /* padding: 12.096774vw 0vw; */
    }
    .sfy-padding {
        padding: 5vw 0vw 12.096774vw 0vw;
    }
    .eht-padding {
        padding: 12.096774vw 0vw 0vw 0vw;
    }
    #sfy-container h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    body,
    span,
    a,
    img {}
    .sfy-text-container {
        width: 90vw;
    }
    .sfy-text-container h2 {
        font-family: 'Slate Pro Bold';
        font-style: normal;
        font-weight: 700;
        font-size: 40px;
        line-height: 40px;
        color: #282828;
    }
    #sfy-container>div.sfy-text-container>div>p,
    #sfy-container>div.sfy-text-container>p {
        font-family: 'Slate Pro Medium';
        font-style: normal;
        font-weight: 400;
        font-size: 21px;
        line-height: 30px;
        color: #686F77;
        margin: 0vw 0vw 7.161458vw 0vw;
    }
    #videos>div>h3 {
        font-family: 'Slate Pro Medium';
        font-style: normal;
        font-weight: 500;
        font-size: 28px;
        line-height: 28px;
        color: #282828;
        margin: 0vw 0vw 1.512097vw 0vw;
    }
    #videos>div>h6 {
        display: none;
    }
    #videos {
        gap: 3.75vw;
    }
    .wistia-vid {
        width: 27.34375vw;
    }
    .one-third-video {
        height: 15.364583vw;
        margin: 0vw 0vw 2.620968vw 0vw;
    }
    #sfy-container #videos .wistia-vid .one-third-video .play-container .play-btn,
    #go-deeper #sfy-container #videos .wistia-vid .one-third-video .play-container .play-btn {
        width: 3.894531vw;
        height: 3.894531vw;
    }
}

@media screen and (min-width: 376px) and (max-width: 576px) {
    #sfy-container {
        /* padding: 20.833vw 0vw; */
    }
    .sfy-padding {
        padding: 20.833vw 0vw;
    }
    .eht-padding {
        padding: 20.833vw 0vw 0vw 0vw;
    }
    #sfy-container h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    body,
    span,
    a,
    img {}
    .sfy-text-container {
        width: 90vw;
    }
    #eddie-how-to-header {
        margin: 0vw 0vw 5.5vw 0vw;
    }
    .sfy-text-container h2 {
        font-family: 'Slate Pro Bold';
        font-style: normal;
        font-weight: 700;
        font-size: 55px;
        line-height: 80%;
        color: #282828;
    }
    #sfy-container>div.sfy-text-container>div>p,
    #sfy-container>div.sfy-text-container>p {
        font-family: 'Slate Pro Medium';
        font-style: normal;
        font-weight: 400;
        font-size: 30px;
        line-height: 130%;
        color: #686F77;
        margin: 0vw 0vw 11.979167vw 0vw;
    }
    #videos>div>h3 {
        font-family: 'Slate Pro Medium';
        font-style: normal;
        font-size: 35px;
        line-height: 28px;
        color: #282828;
        text-align: center;
        margin: 0vw 0vw 5vw 0vw;
    }
    #videos>div>h6 {
        display: none;
    }
    #videos {
        gap: 3.75vw;
        flex-direction: column;
        align-items: center;
    }
    .wistia-vid {
        width: 88.541667vw;
    }
    .one-third-video {
        height: 49.689236vw;
        margin: 0vw 0vw 5vw 0vw;
    }
    #sfy-container #videos .wistia-vid .one-third-video .play-container .play-btn,
    #go-deeper #sfy-container #videos .wistia-vid .one-third-video .play-container .play-btn {
        width: 12.612847vw;
        height: 12.612847vw;
    }
}

@media screen and (max-width: 375px) {
    #sfy-container {
        /* padding: 20.833vw 0vw; */
    }
    .sfy-padding {
        padding: 20.833vw 0vw;
    }
    .eht-padding {
        padding: 20.833vw 0vw 0vw 0vw;
    }
    #sfy-container h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    body,
    span,
    a,
    img {}
    .sfy-text-container {
        width: 90vw;
    }
    .sfy-text-container h2 {
        font-family: 'Slate Pro Bold';
        font-style: normal;
        font-weight: 700;
        font-size: 38px;
        line-height: 40px;
        color: #282828;
    }
    #eddie-how-to-header {
        margin: 0vw 0vw 3.5vw 0vw;
    }
    #sfy-container>div.sfy-text-container>div>p,
    #sfy-container>div.sfy-text-container>p {
        font-family: 'Slate Pro Medium';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 27px;
        color: #686F77;
        margin: 0vw 0vw 12.2667vw 0vw;
    }
    #videos>div>h3 {
        font-family: 'Slate Pro Medium';
        font-style: normal;
        font-weight: 600;
        font-size: 28px;
        line-height: 28px;
        color: #282828;
        text-align: center;
        margin: 0vw 0vw 5vw 0vw;
    }
    #videos>div>h6 {
        display: none;
    }
    #videos {
        gap: 3.75vw;
        flex-direction: column;
        align-items: center;
    }
    .wistia-vid {
        width: 89.3333vw;
    }
    .one-third-video {
        height: 50vw;
        margin: 0vw 0vw 5vw 0vw;
    }
    #sfy-container #videos .wistia-vid .one-third-video .play-container .play-btn,
    #go-deeper #sfy-container #videos .wistia-vid .one-third-video .play-container .play-btn {
        width: 12.725333vw;
        height: 12.725333vw;
    }
}


/* HOW EDDIE WORKS PARAGRAPH */

.hew-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 6.04vw 3.125vw 2vw 3.125vw;
    background: #F4FAFA;
}

.hew-container h1 {
    font-family: unset;
}

.hew-container h3 {
    font-family: unset;
}

.hew-header {
    font-family: 'Slate Pro Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 50px;
    line-height: 52px;
    color: #282828;
}

.hew-byline {
    font-family: 'Slate Pro Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    color: #686F77;
}

.hew-content-one {
    display: flex;
    flex-direction: column;
}

.hew-content-two {
    display: flex;
    gap: 5.7%;
    margin-top: 3.8%;
    justify-content: center;
}

.hew-image-row {
    display: flex;
}

.hew-image-header {
    font-family: 'Slate Pro Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 34px;
    line-height: 43px;
    color: #282828;
}

.hew-image-byline {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #282828;
}

.hew-content-two-s1,
.hew-content-two-s2,
.hew-content-two-s3,
.hew-content-two-s4 {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 290px;
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
    .hew-content-row {
        display: flex;
    }
    .hew-header {
        font-family: 'Slate Pro Bold';
        font-style: normal;
        font-weight: 700;
        font-size: 40px;
        line-height: 52px;
        color: #282828;
    }
    .hew-byline {
        font-family: 'Slate Pro Regular';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 34px;
        color: #686F77;
    }
    .hew-image-header {
        font-family: 'Slate Pro Medium';
        font-style: normal;
        font-weight: 500;
        font-size: 30px;
        line-height: 43px;
        color: #282828;
    }
    .hew-image-byline {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 130%;
        color: #282828;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .hew-header {
        font-style: "Slate Pro Bold";
        font-style: normal;
        font-weight: 700;
        font-size: 40px;
        line-height: 40px;
        color: #282828;
    }
    .hew-byline {
        font-family: 'Slate Pro Regular';
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        line-height: 31px;
        color: #686F77;
    }
    .hew-image {
        margin-bottom: 40px;
    }
    .hew-image-header {
        font-family: 'Slate Pro Medium';
        font-style: normal;
        font-weight: 500;
        font-size: 28px;
        line-height: 28px;
        color: #282828;
    }
    .hew-image-byline div p {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 130%;
        color: #282828;
    }
}

@media (min-width: 577px) and (max-width: 768px) {
    .hew-container {
        padding-bottom: 9vw;
    }
    .hew-header {
        font-style: "Slate Pro Bold";
        font-style: normal;
        font-weight: 700;
        font-size: 40px;
        line-height: 40px;
        color: #282828;
    }
    .hew-byline {
        font-family: 'Slate Pro Regular';
        font-style: normal;
        font-weight: 400;
        font-size: 21px;
        line-height: 30px;
        color: #686F77;
    }
    .hew-image-header {
        font-family: 'Slate Pro Medium';
        font-style: normal;
        font-weight: 500;
        font-size: 21px;
        line-height: 28px;
        color: #282828;
    }
    .hew-image-byline {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 130%;
        color: #282828;
    }
}

@media (min-width: 376px) and (max-width: 576px) {
    .hew-container {
        padding: 18.04vw 3.125vw 2vw 3.125vw;
    }
    .hew-content-two {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .hew-content-two-s1,
    .hew-content-two-s2,
    .hew-content-two-s3,
    .hew-content-two-s4 {
        max-width: 462px;
    }
    .hew-header {
        font-style: "Slate Pro Bold";
        font-style: normal;
        font-weight: 700;
        font-size: 55px;
        line-height: 40px;
        color: #282828;
    }
    .hew-byline {
        font-family: 'Slate Pro Regular';
        font-style: normal;
        font-weight: 400;
        font-size: 30px;
        line-height: 130%;
    }
    .hew-image-header {
        font-family: 'Slate Pro Medium';
        font-style: normal;
        font-weight: 500;
        font-size: 50px;
        line-height: 50px;
        color: #282828;
    }
    .hew-image-byline {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 30px;
        line-height: 130%;
        color: #282828;
    }
}

@media screen and (max-width: 375px) {
    .hew-content-two {
        flex-direction: column;
    }
    .hew-header {
        font-family: 'Slate Pro Bold';
        font-style: normal;
        font-weight: 700;
        font-size: 38px;
        line-height: 40px;
        color: #282828;
    }
    .hew-byline {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 27px;
        color: #282828;
    }
    .hew-image-header {
        font-family: 'Slate Pro Medium';
        font-style: normal;
        font-weight: 500;
        font-size: 34px;
        line-height: 43px;
        color: #282828;
    }
    .hew-image-byline {
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 27px;
        color: #686F77;
    }
}


/* EDDIE TREATS ED SLIDER SECTION */

.eddie-treats-ed-paragraph-container {
    display: flex;
    justify-content: space-between;
    width: 69.0625vw;
    padding: 5vw 0vw 10.625vw 0vw;
    margin: auto;
}

.eddie-treats-ed-content-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    max-width: 34.53125vw;
}

.eddie-treats-ed-content-two-container {
    width: 34.53125vw;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.eddie-treats-ed-header {
    font-family: "Slate Pro Bold";
    font-style: normal;
    font-weight: 700;
    font-size: 50px;
    line-height: 52px;
    color: #282828;
    margin-bottom: 2.291667vw;
}

.eddie-treats-ed-causes {
    /* margin-bottom: 2.760417vw; */
    cursor: pointer;
}

.ed-causes-nav-button {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    line-height: 43px;
    display: flex;
    color: #999999;
    cursor: pointer;
}

.eddie-treats-ed-byline-mobile {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #282828;
    margin-bottom: 5%;
    /* padding: 0vw 6vw; */
    display: none;
}

.eddie-treats-ed-byline {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #282828;
    margin-bottom: 1vw;
    /* max-width: 28vw; */
}

.eddie-treats-ed-paragraph-container .hero-cloud-shop-link {
    width: 196px;
}

.eddie-treats-ed-carousel-container {
    max-width: 24.375vw;
    margin: 0% 0% 6% 0%;
}

.eddie-treats-ed-paragraph-container .carousel-inner {
    border-radius: 15px 15px 0px 0px;
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    height: 28.645833vw;
}

.eddie-treats-ed-paragraph-container .carousel-control-prev,
.eddie-treats-ed-paragraph-container .carousel-control-next {
    visibility: hidden;
}

.eddie-treats-ed-paragraph-container .carousel-indicators .active {
    width: 16px;
    height: 16px;
    margin: 0;
    background-color: #6b748a;
}

.eddie-treats-ed-paragraph-container .carousel-indicators li {
    margin: 0;
}

.eddie-treats-ed-conditions-one,
.eddie-treats-ed-conditions-two,
.eddie-treats-ed-conditions-three {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 150%;
    background-color: #FFFFFF;
    padding: 5%;
}

.eddie-treats-ed-paragraph-container #carousel-circles {
    bottom: -17%;
    gap: 25px;
}

.eddie-treats-ed-paragraph-container .carousel-indicators li {
    border-top: 0;
    border-bottom: 0;
    height: 16px;
    width: 16px;
    border-radius: 30px;
    background: #6B748A;
}

.eddie-treats-ed-paragraph-container .carousel-item ::marker {
    color: #5286F7;
}

.eddie-slider-cta-mobile.red-cloud-button {
    display: none;
}

.eddie-slider-cta.red-cloud-button {
    font-family: 'Slate Pro Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.eddie-slider-cta div a,
.eddie-slider-cta-mobile div a {
    text-decoration: none;
    color: #FFFFFF;
}

.ed-causes-nav-button.active {
    color: #5286F7;
}

.ed-causes-nav-col a {
    font-family: 'Slate Pro Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 34px;
    line-height: 43px;
    color: #8F97A0;
    margin-bottom: 1.822917vw;
}

@media (min-width: 993px) and (max-width: 1200px) {
    .eddie-treats-ed-paragraph-container {
        display: flex;
        justify-content: space-between;
        width: 78.985vw;
        padding: 10vw 0;
        margin: auto;
    }
    .eddie-treats-ed-content-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        max-width: 42.75vw;
    }
    .eddie-treats-ed-content-two-container {
        width: 36.235vw;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .eddie-treats-ed-header {
        font-family: "Slate Pro Bold";
        font-style: normal;
        font-weight: 700;
        font-size: 40px;
        line-height: 52px;
        color: #282828;
        margin-bottom: 2.91667vw;
    }
    .eddie-treats-ed-causes {
        margin-bottom: 4.41667vw;
    }
    .ed-causes-nav-button {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 43px;
        display: flex;
        color: #999999;
        cursor: pointer;
    }
    .eddie-treats-ed-byline-mobile {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 30px;
        color: #282828;
        margin-bottom: 5%;
        display: none;
    }
    .eddie-treats-ed-byline {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 30px;
        color: #282828;
        margin-bottom: 2.833vw;
    }
    .eddie-treats-ed-carousel-container {
        max-width: 31.485vw;
        margin: 0% 0% 6% 0%;
    }
    .eddie-treats-ed-paragraph-container .carousel-inner {
        border-radius: 15px 15px 0px 0px;
        box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.1);
        border-radius: 15px;
        height: 39.289167vw;
    }
    .eddie-treats-ed-paragraph-container .carousel-control-prev,
    .eddie-treats-ed-paragraph-container .carousel-control-next {
        visibility: hidden;
    }
    .eddie-treats-ed-paragraph-container .carousel-indicators .active {
        color: #5286F7;
    }
    .eddie-treats-ed-conditions-one,
    .eddie-treats-ed-conditions-two,
    .eddie-treats-ed-conditions-three {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 150%;
        background-color: #FFFFFF;
        padding: 5%;
    }
    .eddie-treats-ed-paragraph-container #carousel-circles {
        bottom: -17%;
        gap: 25px;
    }
    .eddie-treats-ed-paragraph-container .carousel-indicators li {
        border-top: 0;
        border-bottom: 0;
        height: 16px;
        width: 16px;
        border-radius: 30px;
        background: #6B748A;
    }
    .eddie-treats-ed-paragraph-container .carousel-item ::marker {
        color: #5286F7;
    }
    .eddie-slider-cta-mobile.red-cloud-button {
        display: none;
    }
    .eddie-slider-cta.red-cloud-button {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 16px 60px;
        gap: 10px;
        background: #F85F5E;
        border: 1px solid #F85F5E;
        border-radius: 4px;
        font-family: 'Slate Pro Medium';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 100%;
        text-align: center;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }
    .eddie-slider-cta div a,
    .eddie-slider-cta-mobile div a {
        text-decoration: none;
        color: #FFFFFF;
    }
    .ed-causes-nav-col a {
        font-style: normal;
        font-weight: 500;
        font-size: 30px;
        line-height: 43px;
        font-family: 'Slate Pro Medium';
        color: #8F97A0;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .eddie-treats-ed-paragraph-container {
        width: 94.354839vw;
        padding-top: 12.096vw;
        padding-bottom: 15.625vw;
    }
    .eddie-treats-ed-content-container {
        max-width: 53.427419vw;
    }
    .eddie-treats-ed-content-two-container {
        width: 40.92742vw;
    }
    .eddie-treats-ed-causes {
        margin-bottom: 4.435484vw;
    }
    .eddie-treats-ed-paragraph-container #carousel-circles {
        bottom: -20%;
        gap: 25px;
    }
    .eddie-treats-ed-paragraph-container .carousel-inner {
        height: 46.471774vw;
    }
    .eddie-treats-ed-carousel-container {
        max-width: 37.298387vw;
        margin: 0% 0% 8% 0%;
    }
    .eddie-treats-ed-header {
        font-family: 'Slate Pro Bold';
        font-style: normal;
        font-weight: 700;
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 3.024194vw;
    }
    .eddie-treats-ed-conditions-one,
    .eddie-treats-ed-conditions-two,
    .eddie-treats-ed-conditions-three {
        font-size: 18px;
    }
    .eddie-treats-ed-byline {
        margin-bottom: 3.609032vw;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 28px;
    }
    .ed-causes-nav-col a {
        font-family: 'Slate Pro Medium';
        font-style: normal;
        font-weight: 500;
        font-size: 28px;
        line-height: 43px;
    }
}

@media (min-width: 577px) and (max-width: 768px) {
    .eddie-treats-ed-paragraph-container {
        width: 89.84375vw;
        padding-top: 13.5vw;
    }
    .eddie-treats-ed-content-container {
        max-width: 41.96875vw;
    }
    .eddie-treats-ed-content-two-container {
        width: 46.875vw;
    }
    .eddie-treats-ed-causes {
        margin-bottom: 4.6875vw;
    }
    .eddie-treats-ed-conditions-one,
    .eddie-treats-ed-conditions-two,
    .eddie-treats-ed-conditions-three {
        font-size: 15px;
    }
    .eddie-treats-ed-paragraph-container #carousel-circles {
        bottom: -20%;
        gap: 25px;
    }
    .eddie-treats-ed-paragraph-container .carousel-inner {
        height: 51.822917vw;
    }
    .eddie-treats-ed-carousel-container {
        max-width: 41.536458vw;
        margin: 0vw 0vw 14.16667vw 0vw;
    }
    .eddie-treats-ed-header {
        font-family: 'Slate Pro Bold';
        font-style: normal;
        font-weight: 700;
        font-size: 40px;
        line-height: 120%;
        margin-bottom: 3.024194vw;
    }
    .eddie-treats-ed-byline {
        margin-bottom: 3.609032vw;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 28px;
    }
    /* .eddie-slider-cta div {
        padding: 14px 60px;
    } */
    .ed-causes-nav-col a {
        font-family: 'Slate Pro Medium';
        font-style: normal;
        font-weight: 500;
        font-size: 28px;
        line-height: 37px;
    }
}

@media screen and (min-width: 376px) and (max-width: 576px) {
    .eddie-treats-ed-paragraph-container {
        padding: 0;
        flex-direction: column;
        align-items: unset;
        margin: auto;
        gap: 0;
        width: 99.885417vw;
        padding: 20.833vw 0vw;
    }
    .eddie-treats-ed-content-container {
        max-width: 86vw;
        display: block;
        flex-direction: unset;
        align-items: unset;
        justify-content: unset;
        margin: auto;
    }
    .eddie-treats-ed-content-two-container {
        width: 95vw;
        margin: auto;
        justify-content: center;
    }
    .eddie-treats-ed-header {
        margin-top: 21.3%;
        font-style: normal;
        font-weight: 700;
        font-size: 55px;
        line-height: 115%;
    }
    .eddie-treats-ed-causes {
        display: flex;
        overflow: auto;
        flex-wrap: nowrap;
    }
    .eddie-treats-ed-byline {
        display: none;
    }
    .eddie-treats-ed-byline-mobile {
        display: unset;
        max-width: 508px;
        font-size: 30px;
        line-height: 130%;
        margin: auto;
    }
    .eddie-treats-ed-mobile-button-container {
        width: 100vw;
        padding: 0vw 0vw 0vw 6vw;
    }
    .eddie-treats-ed-paragraph-container .hero-cloud-shop-link {
        width: 299px;
        height: 73px;
        margin-top: 10vw;
    }
    .eddie-treats-ed-carousel-container {
        max-width: 510.59px;
        margin: 0% 0% 25% 0%;
    }
    .eddie-treats-ed-paragraph-container .carousel-inner {
        height: 637.15px;
    }
    .eddie-treats-ed-paragraph-container .carousel-item img {
        height: 368.14px;
    }
    .eddie-treats-ed-conditions-one,
    .eddie-treats-ed-conditions-two,
    .eddie-treats-ed-conditions-three {
        font-size: 30px;
    }
    .eddie-treats-ed-paragraph-container .carousel-indicators .active {
        height: 22.32px;
        width: 22.32px;
    }
    .eddie-treats-ed-paragraph-container .carousel-indicators li {
        height: 22.32px;
        width: 22.32px;
    }
    .eddie-slider-cta.red-cloud-button {
        display: none;
    }
    .eddie-slider-cta-mobile.red-cloud-button {
        display: unset;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 24.5px 90.5px;
        width: 302px;
        gap: 10px;
        background: #F85F5E;
        border: 1px solid #F85F5E;
        border-radius: 4px;
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 100%;
        text-align: center;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        margin: 10.416667vw 0% 12.6% 5.729167vw;
    }
    .ed-causes-nav-col a {
        font-style: normal;
        font-weight: 400;
        font-size: 40px;
        line-height: 46px;
        width: 342px;
    }
}

@media screen and (max-width: 375px) {
    .eddie-treats-ed-paragraph-container {
        padding: 0;
        flex-direction: column;
        align-items: unset;
        margin: auto;
        gap: 0;
        width: 99.885417vw;
        padding: 21.33vw 0vw;
    }
    .eddie-treats-ed-content-container {
        max-width: 86vw;
        display: block;
        flex-direction: unset;
        align-items: unset;
        justify-content: unset;
        margin: auto;
    }
    .eddie-treats-ed-content-two-container {
        width: 85.0667vw;
        margin: auto;
    }
    .eddie-treats-ed-header {
        margin-top: 21.3%;
        font-style: normal;
        font-weight: 700;
        font-size: 38px;
        line-height: 42px;
        margin-bottom: 8vw;
    }
    .eddie-treats-ed-causes {
        display: flex;
        overflow: auto;
        flex-wrap: nowrap;
    }
    .eddie-treats-ed-causes div {}
    .eddie-treats-ed-byline {
        display: none;
    }
    .eddie-treats-ed-byline-mobile {
        display: unset;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 27px;
        width: 92.0667vw;
        margin: auto;
    }
    .eddie-treats-ed-mobile-button-container {
        width: 100vw;
        padding: 0vw 0vw 0vw 4vw;
    }
    .eddie-treats-ed-paragraph-container .eddie-treats-ed-carousel-container {
        max-width: 510.59px;
        margin: 0% 0% 25% 0%;
    }
    .eddie-treats-ed-paragraph-container .carousel-inner {
        height: 106.18vw;
    }
    .carousel-control-prev,
    .carousel-control-next {}
    .carousel-indicators .active {}
    .eddie-treats-ed-paragraph-container .carousel-item img {
        height: 61.333vw;
    }
    .eddie-treats-ed-conditions-one,
    .eddie-treats-ed-conditions-two,
    .eddie-treats-ed-conditions-three {
        font-size: 18px;
    }
    .eddie-treats-ed-paragraph-container #carousel-circles {}
    .eddie-treats-ed-paragraph-container .carousel-indicators li {
        height: 16px;
        width: 16px;
    }
    .eddie-treats-ed-paragraph-container .carousel-item ::marker {}
    .eddie-slider-cta.red-cloud-button {
        display: none;
    }
    .eddie-slider-cta-mobile.red-cloud-button {
        /* display: unset; */
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 16px 48px;
        gap: 10px;
        width: 52.2667vw;
        background: #F85F5E;
        border: 1px solid #F85F5E;
        border-radius: 4px;
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 100%;
        text-align: center;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        margin: 10.416667vw 0% 12.6% 5.729167vw;
    }
    .ed-causes-nav-col a {
        font-style: normal;
        font-weight: 400;
        font-size: 28px;
        line-height: 28px;
        width: 245px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
    .eddie-treats-ed-conditions-one,
    .eddie-treats-ed-conditions-two,
    .eddie-treats-ed-conditions-three {
        font-size: 16px;
    }
}

@media screen and (min-width: 1500px) and (max-width: 1800px) {
    .eddie-treats-ed-conditions-one,
    .eddie-treats-ed-conditions-two,
    .eddie-treats-ed-conditions-three {
        font-size: 20px;
    }
}

@media screen and (max-width: 330px) {
    .eddie-treats-ed-conditions-one,
    .eddie-treats-ed-conditions-two,
    .eddie-treats-ed-conditions-three {
        font-size: 14px;
    }
}


/* FOOTER SELECTIONS */

.eddie-footer-container {
    background-color: #F8F8F8;
}

.cloud-footer-eddie-logo {
    margin: 3vw 0vw 0vw 0vw;
}

.eddie-footer-s1 .hero-cloud-shop-link {
    margin: 0vw 0vw 1vw 0vw;
}

.eddie-footer-s1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 35px;
}

.eddie-footer-header div p {
    /* font-family: "Slate Pro Regular"; */
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 48px;
    letter-spacing: -0.02em;
    color: #282828;
    margin: 0vw 0vw -1vw 0vw;
}

.eddie-footer-cta div a {
    text-decoration: none;
    color: #FFFFFF;
}

.eddie-footer-cta {
    width: 273px;
    height: 48px;
    background: #F85F5E;
    border-radius: 4px;
    font-family: "Slate Pro Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0% 0% 3.88% 0%;
}

.eddie-footer-container hr {
    width: 80%;
}

.eddie-footer-s2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5vw 10vw 2vw 10vw;
}

.eddie-footer-disclaimer-container {
    width: 33.33%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.eddie-footer-disclaimer {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #282828;
    /* width: 23vw; */
}

.eddie-footer-social-links {
    display: flex;
    width: 33.33%;
    gap: 18.28px;
    justify-content: center;
    align-items: center;
}

.footer-facebook {}

.footer-instagram {}

.footer-twitter {}

.footer-youtube {}

.eddie-footer-copyright {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #282828;
    width: 33.33%;
    align-items: center;
    justify-content: flex-end;
    display: flex;
}

@media screen and (max-width: 1200px) and (min-width: 993px) {
    .eddie-footer-s2 {
        padding: 2.5% 3.5vw 2.5% 3.5vw;
    }
    .eddie-footer-container hr {
        width: 95%;
    }
    .eddie-footer-disclaimer {
        width: 30.5vw;
    }
}

@media screen and (max-width: 992px) and (min-width: 769px) {
    .eddie-footer-s2 {
        padding: 2.5% 3.125vw 2.5% 3.125vw;
    }
    .eddie-footer-cta {
        width: 290px;
    }
    .eddie-footer-container hr {
        width: 93.75%;
    }
    .eddie-footer-disclaimer {
        width: 30vw;
    }
}

@media screen and (max-width: 768px) and (min-width: 577px) {
    .eddie-footer-s2 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 2.5% 2% 2.5% 2%;
        gap: 1.6vw;
    }
    .eddie-footer-disclaimer-container {
        display: flex;
        align-items: center;
        justify-content: center;
        order: 2;
        width: 55vw;
    }
    .eddie-footer-disclaimer {
        width: 55vw;
    }
    .eddie-footer-social-links {
        display: flex;
        order: 1;
        gap: 18.28px;
        justify-content: center;
        align-items: center;
    }
    .eddie-footer-copyright {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        text-align: center;
        color: #282828;
        align-items: center;
        justify-content: flex-end;
        display: flex;
        order: 3;
        width: 38vw;
    }
    .cloud-footer-eddie-logo {
        margin: 6vw 0vw -2vw 0vw;
    }
    .footer-facebook,
    .footer-instagram,
    .footer-twitter,
    .footer-youtube {
        width: 40px;
        height: 40px;
    }
    .eddie-footer-container hr {
        width: 89.84375vw;
    }
    .eddie-footer-cta {
        font-family: 'Slate Pro Medium';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 100%;
        text-align: center;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #FFFFFF;
    }
}

@media screen and (max-width: 576px) and (min-width: 376px) {
    .eddie-footer-s1 .hero-cloud-shop-link {
        margin: 0vw 0vw 1vw 0vw;
        width: 88.19vw;
        height: 12.15vw;
    }
    .cloud-footer-eddie-logo {
        margin: 20vw 0vw 0vw 0vw;
    }
    .eddie-footer-s2 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 2.5% 2% 2.5% 2%;
        gap: 9.722vw;
    }
    .eddie-footer-disclaimer-container {
        display: flex;
        align-items: center;
        justify-content: center;
        order: 1;
        width: 90vw;
    }
    .eddie-footer-disclaimer {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 130%;
        text-align: center;
        color: #282828;
        width: 90vw;
    }
    .eddie-footer-social-links {
        display: flex;
        order: 2;
        gap: 28px;
        justify-content: center;
        align-items: center;
    }
    .eddie-footer-copyright {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 18px;
        text-align: center;
        color: #282828;
        align-items: center;
        justify-content: center;
        display: flex;
        order: 3;
        width: 74.399306vw;
    }
    .footer-facebook,
    .footer-instagram,
    .footer-twitter,
    .footer-youtube {
        width: 69px;
        height: 69px;
    }
    .footer-facebook img,
    .footer-instagram img,
    .footer-twitter img,
    .footer-youtube img {
        width: 69px;
        height: 69px;
    }
    .eddie-footer-container hr {
        width: 89.3333vw;
    }
    .eddie-footer-cta {
        width: 88.267361vw;
        height: 12.267361vw;
        font-family: 'Slate Pro Medium';
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 100%;
        text-align: center;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }
}

@media screen and (max-width: 375px) {
    .cloud-footer-eddie-logo {
        margin: 15vw 0vw 7vw 0vw;
    }
    .eddie-footer-header div p {
        font-family: 'Slate Pro Medium';
        font-style: normal;
        font-weight: 400;
        font-size: 30px;
        line-height: 42px;
        text-align: center;
        letter-spacing: -0.02em;
        color: #282828;
    }
    .eddie-footer-cta {
        width: 88.2667vw;
        height: 12.2667vw;
    }
    .eddie-footer-s1 {
        gap: 20px;
    }
    .eddie-footer-s2 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 2.5% 2% 2.5% 2%;
        gap: 9.722vw;
    }
    .eddie-footer-disclaimer-container {
        display: flex;
        align-items: center;
        justify-content: center;
        order: 1;
        width: 90vw;
    }
    .eddie-footer-container hr {
        width: 89.333vw;
    }
    .eddie-footer-disclaimer {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        text-align: center;
        color: #282828;
        width: 89.095745vw;
    }
    .eddie-footer-social-links {
        display: flex;
        order: 2;
        gap: 18.28px;
        justify-content: center;
        align-items: center;
    }
    .eddie-footer-copyright {
        font-family: "Slate Pro Regular";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        color: #282828;
        align-items: center;
        justify-content: center;
        display: flex;
        order: 3;
        width: 74.399306vw;
    }
    .footer-facebook,
    .footer-instagram,
    .footer-twitter,
    .footer-youtube {
        width: 45px;
        height: 45px;
    }
}


/* MEDIA QUERIES FOR BACKGROUND IMAGE VISIBIILITY ??*/

#homePagetwoimages {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    padding-bottom: 2em;
    background: #9fd3cb;
}

div#comparison figure {
    background-image: url("https://giddywebhosting.s3.us-east-2.amazonaws.com/image-assets/slider-pills-lp.png");
}

div#comparison figure#ring {
    background-image: url("https://giddywebhosting.s3.us-east-2.amazonaws.com/image-assets/slidercockring-lp.png");
}

div#comparison figure div {
    background-image: url("https://giddywebhosting.s3.us-east-2.amazonaws.com/image-assets/slidereddie-lp.png");
}

.homepage-image-comparison-row {
    position: relative;
    margin: 0 !important;
    margin: 0 -0.75rem;
    max-width: none;
    width: auto;
    font-size: 0;
    padding: 44px 0 40px;
}

@media only screen and (min-width: 1261px) {
    .homepage-image-comparison-row {
        padding: 95px 0 80px;
    }
}

#container {
    position: absolute;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.compare-slider-header {
    padding: 2em 0em 30px;
    margin: 0 auto;
}

#homePagetwoimages #carouselExampleIndicators>ol {
    bottom: -7.5vw;
    display: flex;
    gap: 20px;
}

#homePagetwoimages #carouselExampleIndicators>ol>li {
    margin: 0;
    border-top: unset;
    border-bottom: unset;
    border: none;
    width: 15px;
    height: 15px;
    background-color: #6B748A;
}

@media screen and (max-width: 500px) {
    #homePagetwoimages #carouselExampleIndicators>ol {
        bottom: -15vw;
    }
    #homePagetwoimages #carouselExampleIndicators>ol>li {
        width: 12px;
        height: 12px;
    }
}

@media (min-width: 768px) {
    .compare-slider-header {
        padding: 4em 0em 40px;
    }
}

.compare-slider-header h2 {
    margin: 0em auto;
    width: 100%;
    font-family: "Slate Pro Medium";
    font-size: 36px;
    text-align: center;
    letter-spacing: -0.02em;
    line-height: 100%;
    font-weight: 500;
    color: #282828;
}

@media (min-width: 768px) {
    .compare-slider-header h2 {
        width: 60%;
    }
}

@media (min-width: 1261px) {
    .compare-slider-header h2 {
        font-size: 48px;
        line-height: 48px;
    }
}

.compare-slider-header h3 {
    width: 95%;
    margin: 1em auto 0em;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #282828;
}

@media (min-width: 1261px) {
    .compare-slider-header h3 {
        width: 650px;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
    }
}

#divisor {
    overflow: hidden;
    border-right: #fff solid 4px;
}

.compare-slider-section {
    background: #9fd3cb;
    display: none;
}

@media (min-width: 768px) {
    .compare-slider-section {
        display: flex;
        justify-content: center;
        padding-bottom: 4em;
    }
}

.compare-slider-section div#comparison {
    width: 80vw;
    height: 34.5vw;
    min-width: 80%;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

div#comparison figure {
    background-size: cover;
    position: relative;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0em;
}

div#comparison figure span.comparison-descriptions {
    position: absolute;
    right: 1rem;
    bottom: 0rem;
}

div#comparison figure span.comparison-descriptions h4 {
    margin: 0em;
    font-family: "Slate Pro Bold";
    font-size: 20px;
    line-height: 110%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #5286f7;
}

div#comparison figure span.comparison-descriptions h2 {
    margin: 0.5em 0em;
    font-family: "Slate Pro Medium";
    font-size: 36px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #282828;
}

div#comparison figure span.comparison-descriptions ul {
    margin: 0em 0em 0em 0em;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #282828;
    padding: 0 0 0 28px;
}

@media (min-width: 1261px) {
    div#comparison figure span.comparison-descriptions ul {
        font-size: 20px;
        line-height: 28px;
    }
}

div#comparison figure>img {
    position: relative;
    width: 100%;
}

div#comparison figure div {
    background-color: #9fd3cb;
    background-size: cover;
    position: absolute;
    width: 50%;
    bottom: 0;
    height: 100%;
}

div#comparison figure div span.comparison-descriptions {
    position: absolute;
    width: max-content;
    bottom: 0rem;
    left: 1rem;
}

div#comparison figure div span.comparison-descriptions h4 {
    margin: 0em;
    font-family: "Slate Pro Bold";
    font-size: 20px;
    line-height: 110%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #5286f7;
}

div#comparison figure div span.comparison-descriptions h2 {
    margin: 0.5em 0em;
    font-family: "Slate Pro Medium";
    font-size: 36px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #282828;
}

div#comparison figure div span.comparison-descriptions ul {
    margin: 0em 0em 0em 0em;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #282828;
    padding: 0 0 0 28px;
}

@media (min-width: 1261px) {
    div#comparison figure div span.comparison-descriptions ul {
        font-size: 20px;
        line-height: 28px;
    }
}

input[type="range"] {
    -webkit-appearance: none;
    position: absolute;
    bottom: 15%;
    width: 81.75%;
    height: 56%;
    background: transparent;
    box-shadow: none;
}

@supports (-moz-appearance: none) {
    input[type="range"] {
        width: 82.35vw;
        height: 45%;
    }
}

input[type="range"] {
    border: unset;
}

input[type="range"]::-webkit-slider-runnable-track {
    height: 5px;
    background: transparent;
    border: none;
    border-radius: 3px;
    height: 16px;
    box-shadow: none;
}

input[type="range"]::-moz-range-track {
    background: transparent;
    border: none;
    border-radius: 3px;
    height: 16px;
    box-shadow: none;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    position: relative;
    height: 50px;
    width: 25px;
    background-image: url(https://giddywebhosting.s3.us-east-2.amazonaws.com/image-assets/slider-handle-lp.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    border: transparent;
    box-shadow: none;
}

@media (min-width: 1261px) {
    input[type="range"]::-webkit-slider-thumb {
        height: 60px;
        width: 30px;
    }
}

@media (min-width: 1441px) {
    input[type="range"]::-webkit-slider-thumb {
        height: 80px;
        width: 40px;
    }
}

input[type="range"]::-moz-range-thumb {
    border: none;
    position: relative;
    height: 50px;
    width: 25px;
    background-image: url(https://giddywebhosting.s3.us-east-2.amazonaws.com/image-assets/slider-handle-lp.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    border: transparent;
    box-shadow: none;
}

@media (min-width: 768px) {
    input[type="range"]::-moz-range-thumb {
        height: 50px;
        width: 25px;
    }
}

@media (min-width: 1261px) {
    input[type="range"]::-moz-range-thumb {
        height: 60px;
        width: 30px;
    }
}

@media (min-width: 1441px) {
    input[type="range"]::-moz-range-thumb {
        height: 80px;
        width: 40px;
    }
}

input[type="range"]:focus {
    outline: none;
    box-shadow: none;
}

input[type="range"]:-moz-focusring {
    outline-offset: -1px;
    box-shadow: none;
}

input[type="range"]:focus::-webkit-slider-runnable-track {
    background: transparent;
    box-shadow: none;
}

input[type="range"]:focus::-moz-range-track {
    background: transparent;
    box-shadow: none;
}

a.next,
a.prev {
    text-decoration: none;
}

.next.testimonials {
    right: 5%;
}

.prev.testimonials {
    left: 5%;
}

#mobile-comparison {
    display: block;
    background-color: #68738b;
    min-height: 637px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
}

#mobile-comparison img {
    position: absolute;
    height: 637px;
}

#mobile-comparison .toggle-contain {
    margin: 0.5rem auto;
    text-align: center;
    width: 250px;
}

#mobile-comparison .toggle-contain:first-of-type {
    padding-top: 1.5rem;
}

#mobile-comparison .toggle-contain:last-of-type {
    margin-top: 0.5rem;
    margin-bottom: auto;
}

#mobile-comparison .upper-container {
    z-index: 2;
}

#mobile-comparison .upper-container .toggle-compare-cta {
    font: normal normal bold 18px/21px "Slate Pro Regular";
    padding: 12px 20px;
    display: inline-block;
    background-color: transparent;
    border: 2px solid #fff;
    text-align: center;
    width: 250px;
}

#mobile-comparison .upper-container .toggle-compare-cta.giddy:hover {
    background-color: #f85f5e !important;
}

#mobile-comparison .upper-container .toggle-compare-cta.giddy.active {
    background-color: #f85f5e !important;
    color: #fff !important;
}

#mobile-comparison .upper-container .toggle-compare-cta.c-ring:hover {
    background-color: #fff !important;
    color: #68738b !important;
}

#mobile-comparison .upper-container .toggle-compare-cta.c-ring.active {
    background-color: #fff;
    color: #7a7a7a !important;
}

#mobile-comparison .upper-container .toggle-compare-cta.c-ring.active:hover {
    background-color: #fff;
    color: transparent;
}

#mobile-comparison .lower-container {
    z-index: 2;
    border-top: 2px solid #fff;
    margin-bottom: 1.5rem;
    width: 215px;
}

#mobile-comparison .lower-container .compare-benefits {
    color: #fff;
    font-weight: bold;
    padding-top: 0.5rem;
    margin-bottom: 0;
}

#mobile-comparison .lower-container .compare-benefits.c-ring {
    display: none;
}

@media (min-width: 768px) {
    #mobile-comparison {
        display: none;
    }
}

.mobile-compare-slider-section {
    display: block;
    margin: 0em auto;
    padding-bottom: 0.5em;
}

.mobile-compare-slider-section .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mobile-compare-slider-section .swiper-slide img {
    height: auto;
}

.mobile-compare-slider-section h4 {
    margin: 0.5em 0em 0em;
    font-family: "Slate Pro Bold";
    font-size: 14px;
    line-height: 110%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #5286f7;
}

.mobile-compare-slider-section h2 {
    margin: 0.5em 0em 0.25em;
    font-family: "Slate Pro Medium";
    font-size: 30px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #282828;
}

.mobile-compare-slider-section ul {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #282828;
    padding: 0 0 40px 22px;
}

.mobile-compare-slider-section .swiper-pagination-bullet {
    background: white;
}

.mobile-compare-slider-section .swiper-pagination-bullet-active {
    background: white;
}

.mobile-compare-slider-section .swiper-button-disabled {
    display: none;
}

.mobile-compare-slider-section .swiper-button-next {
    top: 40%;
}

.mobile-compare-slider-section .swiper-button-next:after {
    font-size: 25px;
    font-weight: bold;
    color: white;
}

.mobile-compare-slider-section .swiper-button-prev {
    top: 40%;
}

.mobile-compare-slider-section .swiper-button-prev:after {
    font-size: 25px;
    font-weight: bold;
    color: white;
}

@media (min-width: 768px) {
    .mobile-compare-slider-section {
        display: none;
    }
}


/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- */


/* SLIDER COMPARISON STYLES */


/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- */

#homePagetwoimages {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    padding-bottom: 2em;
    background: #9fd3cb;
}

div#comparison figure {
    background-image: url("https://giddywebhosting.s3.us-east-2.amazonaws.com/image-assets/slider-pills-lp.png");
}

div#comparison figure#ring {
    background-image: url("https://giddywebhosting.s3.us-east-2.amazonaws.com/image-assets/slidercockring-lp.png");
}

div#comparison figure div {
    background-image: url("https://giddywebhosting.s3.us-east-2.amazonaws.com/image-assets/slidereddie-lp.png");
}

.homepage-image-comparison-row {
    position: relative;
    margin: 0 !important;
    margin: 0 -0.75rem;
    max-width: none;
    width: auto;
    font-size: 0;
    padding: 44px 0 40px;
}

@media only screen and (min-width: 1261px) {
    .homepage-image-comparison-row {
        padding: 95px 0 80px;
    }
}

#container {
    position: absolute;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.compare-slider-header {
    padding: 2em 0em 30px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .compare-slider-header {
        padding: 4em 0em 40px;
    }
}

.compare-slider-header h2 {
    margin: 0em auto;
    width: 100%;
    font-family: "Slate Pro Medium";
    font-size: 36px;
    text-align: center;
    letter-spacing: -0.02em;
    line-height: 100%;
    font-weight: 500;
    color: #282828;
}

@media (min-width: 768px) {
    .compare-slider-header h2 {
        width: 60%;
    }
}

@media (min-width: 1261px) {
    .compare-slider-header h2 {
        font-size: 48px;
        line-height: 48px;
    }
}

.compare-slider-header h3 {
    width: 95%;
    margin: 1em auto 0em;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #282828;
}

@media (min-width: 1261px) {
    .compare-slider-header h3 {
        width: 650px;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
    }
}

#divisor {
    overflow: hidden;
    border-right: #fff solid 4px;
}

.compare-slider-section {
    background: #9fd3cb;
    display: none;
}

@media (min-width: 768px) {
    .compare-slider-section {
        display: flex;
        justify-content: center;
        padding-bottom: 4em;
    }
}

.compare-slider-section div#comparison {
    width: 80vw;
    height: 34.5vw;
    min-width: 80%;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

div#comparison figure {
    background-size: cover;
    position: relative;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0em;
}

div#comparison figure span.comparison-descriptions {
    position: absolute;
    right: 1rem;
    bottom: 0rem;
}

div#comparison figure span.comparison-descriptions h4 {
    margin: 0em;
    font-family: "Slate Pro Bold";
    font-size: 20px;
    line-height: 110%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #5286f7;
}

div#comparison figure span.comparison-descriptions h2 {
    margin: 0.5em 0em;
    font-family: "Slate Pro Medium";
    font-size: 36px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #282828;
}

div#comparison figure span.comparison-descriptions ul {
    margin: 0em 0em 0em 0em;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #282828;
    padding: 0 0 0 28px;
}

@media (min-width: 1261px) {
    div#comparison figure span.comparison-descriptions ul {
        font-size: 20px;
        line-height: 28px;
    }
}

div#comparison figure>img {
    position: relative;
    width: 100%;
}

div#comparison figure div {
    background-color: #9fd3cb;
    background-size: cover;
    position: absolute;
    width: 50%;
    bottom: 0;
    height: 100%;
}

div#comparison figure div span.comparison-descriptions {
    position: absolute;
    width: max-content;
    bottom: 0rem;
    left: 1rem;
}

div#comparison figure div span.comparison-descriptions h4 {
    margin: 0em;
    font-family: "Slate Pro Bold";
    font-size: 20px;
    line-height: 110%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #5286f7;
}

div#comparison figure div span.comparison-descriptions h2 {
    margin: 0.5em 0em;
    font-family: "Slate Pro Medium";
    font-size: 36px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #282828;
}

div#comparison figure div span.comparison-descriptions ul {
    margin: 0em 0em 0em 0em;
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #282828;
    padding: 0 0 0 28px;
}

@media (min-width: 1261px) {
    div#comparison figure div span.comparison-descriptions ul {
        font-size: 20px;
        line-height: 28px;
    }
}

input[type="range"] {
    -webkit-appearance: none;
    position: absolute;
    bottom: 15%;
    width: 81.75%;
    height: 56%;
    background: transparent;
    box-shadow: none;
}

@supports (-moz-appearance: none) {
    input[type="range"] {
        width: 82.35vw;
        height: 45%;
    }
}

input[type="range"]::-webkit-slider-runnable-track {
    height: 5px;
    background: transparent;
    border: none;
    border-radius: 3px;
    height: 16px;
    box-shadow: none;
}

input[type="range"]::-moz-range-track {
    background: transparent;
    border: none;
    border-radius: 3px;
    height: 16px;
    box-shadow: none;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    position: relative;
    height: 50px;
    width: 25px;
    background-image: url(https://giddywebhosting.s3.us-east-2.amazonaws.com/image-assets/slider-handle-lp.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    border: transparent;
    box-shadow: none;
}

@media (min-width: 1261px) {
    input[type="range"]::-webkit-slider-thumb {
        height: 60px;
        width: 30px;
    }
}

@media (min-width: 1441px) {
    input[type="range"]::-webkit-slider-thumb {
        height: 80px;
        width: 40px;
    }
}

input[type="range"]::-moz-range-thumb {
    border: none;
    position: relative;
    height: 50px;
    width: 25px;
    background-image: url(https://giddywebhosting.s3.us-east-2.amazonaws.com/image-assets/slider-handle-lp.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    border: transparent;
    box-shadow: none;
}

@media (min-width: 768px) {
    input[type="range"]::-moz-range-thumb {
        height: 50px;
        width: 25px;
    }
}

@media (min-width: 1261px) {
    input[type="range"]::-moz-range-thumb {
        height: 60px;
        width: 30px;
    }
}

@media (min-width: 1441px) {
    input[type="range"]::-moz-range-thumb {
        height: 80px;
        width: 40px;
    }
}

input[type="range"]:focus {
    outline: none;
    box-shadow: none;
}

input[type="range"]:-moz-focusring {
    outline-offset: -1px;
    box-shadow: none;
}

input[type="range"]:focus::-webkit-slider-runnable-track {
    background: transparent;
    box-shadow: none;
}

input[type="range"]:focus::-moz-range-track {
    background: transparent;
    box-shadow: none;
}

a.next,
a.prev {
    text-decoration: none;
}

.next.testimonials {
    right: 5%;
}

.prev.testimonials {
    left: 5%;
}

#mobile-comparison {
    display: block;
    background-color: #68738b;
    min-height: 637px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
}

#mobile-comparison img {
    position: absolute;
    height: 637px;
}

#mobile-comparison .toggle-contain {
    margin: 0.5rem auto;
    text-align: center;
    width: 250px;
}

#mobile-comparison .toggle-contain:first-of-type {
    padding-top: 1.5rem;
}

#mobile-comparison .toggle-contain:last-of-type {
    margin-top: 0.5rem;
    margin-bottom: auto;
}

#mobile-comparison .upper-container {
    z-index: 2;
}

#mobile-comparison .upper-container .toggle-compare-cta {
    font: normal normal bold 18px/21px "Slate Pro Regular";
    padding: 12px 20px;
    display: inline-block;
    background-color: transparent;
    border: 2px solid #fff;
    text-align: center;
    width: 250px;
}

#mobile-comparison .upper-container .toggle-compare-cta.giddy:hover {
    background-color: #f85f5e !important;
}

#mobile-comparison .upper-container .toggle-compare-cta.giddy.active {
    background-color: #f85f5e !important;
    color: #fff !important;
}

#mobile-comparison .upper-container .toggle-compare-cta.c-ring:hover {
    background-color: #fff !important;
    color: #68738b !important;
}

#mobile-comparison .upper-container .toggle-compare-cta.c-ring.active {
    background-color: #fff;
    color: #7a7a7a !important;
}

#mobile-comparison .upper-container .toggle-compare-cta.c-ring.active:hover {
    background-color: #fff;
    color: transparent;
}

#mobile-comparison .lower-container {
    z-index: 2;
    border-top: 2px solid #fff;
    margin-bottom: 1.5rem;
    width: 215px;
}

#mobile-comparison .lower-container .compare-benefits {
    color: #fff;
    font-weight: bold;
    padding-top: 0.5rem;
    margin-bottom: 0;
}

#mobile-comparison .lower-container .compare-benefits.c-ring {
    display: none;
}

@media (min-width: 768px) {
    #mobile-comparison {
        display: none;
    }
}

.mobile-compare-slider-section {
    display: block;
    margin: 0em auto;
    padding-bottom: 0.5em;
}

.mobile-compare-slider-section .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mobile-compare-slider-section .swiper-slide img {
    height: auto;
}

.mobile-compare-slider-section h4 {
    margin: 0.5em 0em 0em;
    font-family: "Slate Pro Bold";
    font-size: 14px;
    line-height: 110%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #5286f7;
}

.mobile-compare-slider-section h2 {
    margin: 0.5em 0em 0.25em;
    font-family: "Slate Pro Medium";
    font-size: 30px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #282828;
}

.mobile-compare-slider-section ul {
    font-family: "Slate Pro Regular";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #282828;
    padding: 0 0 40px 22px;
}

.mobile-compare-slider-section .swiper-pagination-bullet {
    background: white;
}

.mobile-compare-slider-section .swiper-pagination-bullet-active {
    background: white;
}

.mobile-compare-slider-section .swiper-button-disabled {
    display: none;
}

.mobile-compare-slider-section .swiper-button-next {
    top: 40%;
}

.mobile-compare-slider-section .swiper-button-next:after {
    font-size: 25px;
    font-weight: bold;
    color: white;
}

.mobile-compare-slider-section .swiper-button-prev {
    top: 40%;
}

.mobile-compare-slider-section .swiper-button-prev:after {
    font-size: 25px;
    font-weight: bold;
    color: white;
}

@media (min-width: 768px) {
    .mobile-compare-slider-section {
        display: none;
    }
}


/* circle number bullets */

.blue-circles li:before {
    background: #3185fc;
}

ol.circle-number-bullets {
    list-style: none;
}

.circle-number-bullets li {
    counter-increment: step-counter;
    position: relative;
}

.circle-number-bullets li:before {
    content: counter(step-counter);
    display: block;
    position: absolute;
    top: -1px;
    /* Adjust < -number | number+ > */
    left: -39px;
    width: 1.75rem;
    height: 1.75rem;
    line-height: 1.75rem;
    color: white;
    font-weight: bold;
    font-size: 1rem;
    text-align: center;
    border-radius: 100%;
}

/* shop page styles */

.background-cover-full {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
@media (min-width: 350px) and (max-width: 991px) {
    .shop-line-height {
        line-height: 20.8px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .shop-line-height {
        line-height: 23.4px;
    }
}
@media (min-width: 1200px) {
    .shop-line-height {
        line-height: 26px;
    }
}
@media (max-width: 374px) {
    .shop-font-xs-12 {
        font-size: 12px;
    }
}
@media (max-width: 308px) {
    .shop-font-xs-12 {
        font-size: 10px;
    }
}
.shop-logo-small {
    width: 90px;
    height: 34px;
}
.shop-logo-xs-small {
    width: 72px;
    height: 34px;
}
.shop-logo-lg {
    width: 173px;
    height: 25px;
}
@media (min-width: 576px) {
    .shop-logo-small {
        width: 92.41px;
    }
}
@media (min-width: 768px) {
    .shop-logo-small {
        width: 122.31px;
        height: 45px;
    }
    .shop-logo-xs-small {
        width: 97px;
        height: 45px;
    }
    .shop-logo-lg {
        width: 234px;
        height: 32px;
    }
}
@media (min-width: 1200px) {
    .shop-logo-small {
        width: 146.77px;
        height: 54px;
    }
    .shop-logo-xs-small {
        width: 116px;
        height: 54px;
    }
    .shop-logo-lg {
        width: 281px;
        height: 43px;
    }
}

@media (max-width: 767px) {
    .shop-page-bg-image {
        height: 50vw;
        max-height: 188px;
        background-position: center;
        background-position-x: 42%;
    }
    .shop-page-content-image {
        height: 64.5333vw;
        max-height: 272px;
        object-fit: cover;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    .shop-page-item-image  {
        width: 50%;
    }
}
@media (min-width: 768px) {  
    .shop-page-bg-image{
        height: 185px;
    }
    .shop-page-content-image {
        height: 64.5333vw;
        max-height: 240px;
    }
}
@media (min-width: 992px) {  
    .shop-page-bg-image{
        height: 250px;
    }
    .shop-page-content-image {
        height: 27.1169vw;
        max-height: 269px;
        width: 370px;
        object-fit: contain;
    }
}
@media (min-width: 1200px) {  
    .shop-page-bg-image{
        height: 300px;
    }
    .shop-page-content-image {
        height: 64.5333vw;
        max-height: 328px;
        width: 451px;
    }
}
@media (min-width: 768px) {
    .shop-page-button{
        width: 156px;
        height: 35px;
    }
}
@media (min-width: 992px) {
    .shop-page-button{
        width: 208px;
        height: 46px;
    }
}


.img-older-couple-guitar {
    background-image: url("https://getmegiddy.com/sites/default/files/2022-09/OlderCoupleGuitarBanner%402x.jpg");
}
.img-eddie-by-giddy {
    background-image: url("https://getmegiddy.com/sites/default/files/2022-09/EddieShot%402x.jpg");
    object-fit: cover
}
@media (min-width: 425px) and (max-width: 575px) {
    .img-eddie-by-giddy {
        background-position-y: 55%;
    }
}
@media (min-width: 576px) {
    .img-eddie-by-giddy {
        background-position: bottom;
    }
}
@media (min-width: 768px) {
}

@media (min-width: 576px) and (max-width: 767px) {
    .shop-page-content-pair-item-container-2{
     flex-direction: row-reverse;
    }
    .shop-page-content-pair-item-content-container-2{
     flex-direction: row-reverse;
     padding-left: 0rem !important;
     padding-right: 1rem !important;
    }
}

.shop-page-book-now-link {
    text-decoration: underline;
}