/*** Icons & Button Icons ***/
.slide-arrow-down {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

    .slide-arrow-down .slide-arrow-down-icon, .slide-arrow-down .slide-arrow-down-icon:link, .slide-arrow-down .slide-arrow-down-icon:visited {
        background-color: var(--main-highlight-color);
        mask: url(/img/vector/slide-arrow.svg) no-repeat center;
        mask-size: cover;
        -webkit-mask: url(/img/vector/slide-arrow.svg) no-repeat center;
        -webkit-mask-size: cover;
        width: 4.0rem;
        height: 7.4rem;
        transform: rotate( 90deg );
    }

        .slide-arrow-down .slide-arrow-down-icon:hover {
            background-color: var(--high-highlight-color);
        }

        .slide-arrow-down .slide-arrow-down-icon:active {
            background-color: var(--subdued-color);
        }

    .slide-arrow-down img {
        transform: rotate(90deg);
        width: 4.0rem;
    }

.slide-arrow-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .slide-arrow-right .slide-arrow-right-icon, .slide-arrow-right .slide-arrow-right-icon:link, .slide-arrow-right .slide-arrow-right-icon:visited {
        background-color: var(--main-highlight-color);
        mask: url(/img/vector/slide-arrow.svg) no-repeat center;
        mask-size: cover;
        -webkit-mask: url(/img/vector/slide-arrow.svg) no-repeat center;
        -webkit-mask-size: cover;
        width: 2.5rem;
        height: 4.6rem;
    }

        .slide-arrow-right .slide-arrow-right-icon:hover {
            background-color: var(--high-highlight-color);
        }

        .slide-arrow-right .slide-arrow-right-icon:active {
            background-color: var(--subdued-color);
        }

        .slide-arrow-right .slide-arrow-right-icon.active {
            background-color: var(--subdued-color);
        }

.slide-arrow-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .slide-arrow-left .slide-arrow-left-icon, .slide-arrow-left .slide-arrow-left-icon:link, .slide-arrow-left .slide-arrow-left-icon:visited {
        background-color: var(--main-highlight-color);
        mask: url(/img/vector/slide-arrow.svg) no-repeat center;
        mask-size: cover;
        -webkit-mask: url(/img/vector/slide-arrow.svg) no-repeat center;
        -webkit-mask-size: cover;
        width: 2.5rem;
        height: 4.6rem;
        transform: rotate( 180deg );
    }

        .slide-arrow-left .slide-arrow-left-icon:hover {
            background-color: var(--high-highlight-color);
        }

        .slide-arrow-left .slide-arrow-left-icon:active {
            background-color: var(--subdued-color);
        }

        .slide-arrow-left .slide-arrow-left-icon.active {
            background-color: var(--subdued-color);
        }

.plus-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

    .plus-button .button-icon, .plus-button .button-icon:link, .plus-button .button-icon:visited {
        background-color: var(--main-subdued-color);
        mask: url(/img/vector/plus.svg) no-repeat center;
        mask-size: cover;
        -webkit-mask: url(/img/vector/plus.svg) no-repeat center;
        -webkit-mask-size: cover;
        width: 3.2rem;
        height: 3.2rem;
    }

        .plus-button .button-icon:hover {
            background-color: var(--high-highlight-color);
        }

        .plus-button .button-icon:active {
            background-color: var(--subdued-color);
        }

.minus-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

    .minus-button .button-icon, .minus-button .button-icon:link, .minus-button .button-icon:visited {
        background-color: var(--main-subdued-color);
        mask: url(/img/vector/minus.svg) no-repeat center;
        mask-size: cover;
        -webkit-mask: url(/img/vector/minus.svg) no-repeat center;
        -webkit-mask-size: cover;
        width: 3.2rem;
        height: 3.2rem;
    }

        .minus-button .button-icon:hover {
            background-color: var(--high-highlight-color);
        }

        .minus-button .button-icon:active {
            background-color: var(--subdued-color);
        }

.favorite-indicator {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: var(--main-background-color-transparent);
    border-radius: 50%;
    width: 4.0rem;
    height: 4.0rem;
}

    .favorite-indicator:hover {
        background: var(--main-background-color);
    }

    .favorite-indicator .favorite-indicator-icon {
        background-color: var(--subdetail-color) !important;
        mask: url(/img/vector/bookmark2.svg) no-repeat center;
        mask-size: cover;
        -webkit-mask: url(/img/vector/bookmark2.svg) no-repeat center;
        -webkit-mask-size: cover;
        width: 1.4rem;
        height: 2.1rem;
    }

    .favorite-indicator.favorited .favorite-indicator-icon {
        background-color: var(--main-highlight-color) !important;
    }

.stars-indicator {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

    /*   .stars-indicator .stars-indicator-icon {
        background-color: var(--main-highlight-color);
        mask: url(/img/vector/star.svg) no-repeat center;
        mask-size: cover;
        -webkit-mask: url(/img/vector/star.svg) no-repeat center;
        -webkit-mask-size: cover;
        width: 1.5rem;
        height: 1.4rem;
        margin-right: 0.3rem;
    }
     .stars-indicator .stars-indicator-icon.dimmed {
            background-color: var(--main-highlight-color-dimmed);
        } */

    .stars-indicator .stars-indicator-icon {
        background-image: url(/img/standard/star-m.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        width: 1.5rem;
        height: 1.4rem;
        margin-right: 0.3rem;
    }

        .stars-indicator .stars-indicator-icon.empty {
            background-image: url(/img/standard/star-m-empty.png);
        }

        .stars-indicator .stars-indicator-icon.dimmed {
            background-image: url(/img/standard/star-m-empty.png);
        }

        .stars-indicator .stars-indicator-icon.half {
            background-image: url(/img/standard/star-m-half.png);
        }

    @media only screen and (max-width: 59.375em) {
        .stars-indicator .stars-indicator-icon {
            width: 1rem;
            height: 0.8rem;
        }
    }        

.menu-small-arrow-icon, .menu-small-arrow-icon:link, .menu-small-arrow-icon:visited {
    background-color: var(--subdetail-color);
    mask: url(/img/vector/slide-arrow.svg) no-repeat center;
    mask-size: cover;
    -webkit-mask: url(/img/vector/slide-arrow.svg) no-repeat center;
    -webkit-mask-size: cover;
    width: 1.0rem;
    height: 0.8rem;
    transform: rotate( -90deg );
    display: inline-block;
}

    .menu-small-arrow-icon:hover {
        background-color: var(--high-highlight-color);
    }

    .menu-small-arrow-icon:active {
        background-color: var(--main-highlight-color);
    }

.opened .menu-small-arrow-icon {
    transform: rotate( 90deg );
}

/*favorite-indicator*/
/*** Small Categories Listing ***/
div.small-category-list {
    margin-top: 9.0rem;
    position: relative;
}

    div.small-category-list .small-category-list-area {
        position: relative;
        width: 100%;
    }

    div.small-category-list .small-category-list-scrollarea {
        width: 100%;
        overflow-y: auto;
        /* Hide scrollbar for IE, Edge and Firefox */
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }

        /* Hide scrollbar for Chrome, Safari and Opera */
        div .small-category-list .small-category-list-scrollarea::-webkit-scrollbar {
            display: none;
        }

    div.small-category-list .small-category-list-container {
        margin: 5.5rem 0 5.5rem var(--page-margin);
        height: 27.6rem;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-content: flex-start;
        row-gap: 3.0rem;
        flex-wrap: wrap;
    }

    div.small-category-list .small-category-list-header {
        text-align: center;
    }

        div.small-category-list .small-category-list-header.left-justify {
            margin-left: var(--page-margin);
            text-align: left;
        }

    div.small-category-list .page-info-title {
    }

    div.small-category-list .page-info-tiny-subtitle {
        margin-top: 3.0rem;
    }

    div .small-category-list .category-item-spacer-end {
        width: var(--list-spacer-end);
        height: 12.3rem;
    }

    div .small-category-list .category-item {
        width: 35.0rem;
        margin-right: 7.0rem;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-content: center;
        column-gap: 1.5rem;
    }

        div.small-category-list .category-item img {
            min-width: 14.2rem;
            height: 12.3rem;
            border-radius: 1.5rem;
        }

        div.small-category-list .category-item .category-detail {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-content: flex-start;
            row-gap: 1.0rem;
            position: relative;
        }

            div.small-category-list .category-item .category-detail a {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
            }

            div .small-category-list .category-item .category-detail p.category-title {
                font-size: 2.0rem;
                font-weight: 600;
                letter-spacing: 0.2rem;
            }

            div.small-category-list .category-item .category-detail p.category-desc {
                color: var(--subtitle-color);
                font-size: 2.0rem;
                font-weight: 300;
                letter-spacing: 0.2rem;
            }

            @media only screen and (max-width: 59.375em) {
                div .small-category-list .category-item .category-detail p.category-title,
                div.small-category-list .category-item .category-detail p.category-desc {
                    font-size: 1.6rem;
                }
}

    div.small-category-list .small-category-right-scroll {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 7.0rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    div.small-category-list .small-category-left-scroll {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 7.0rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

@media only screen and (max-width: 59.375em) {
    div.small-category-list{
        margin-top: 4rem;
    }
        
    div.small-category-list .small-category-list-header.left-justify {
        margin-left: 1.25rem;
    }

        div.small-category-list .category-item {
            margin-right: 3rem;
        }


        div.small-category-list .page-info-tiny-subtitle {
            margin-top: 1.5rem;
        }

        div.small-category-list .small-category-list-container {
            margin: 2.5rem 0 2.5rem 1.25rem;
            height: 27.6rem;
            row-gap: 3rem;
        }
}

/*** Instructors Listing ***/
div.instructors-list {
    
}

    div.instructors-list .instructors-list-header {
        text-align: center;
    }

    div.instructors-list .instructors-list-area {
        position: relative;
        width: 100%;
    }

    div.instructors-list .instructors-list-scrollarea {
        width: 100%;
        overflow-y: auto;
        /* Hide scrollbar for IE, Edge and Firefox */
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }

        /* Hide scrollbar for Chrome, Safari and Opera */
        div.instructors-list .instructors-list-scrollarea::-webkit-scrollbar {
            display: none;
        }

    div.instructors-list .instructors-list-container {
        margin-top: 6.2rem;
        margin-left: var(--page-margin);
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-content: flex-start;
        column-gap: 5.0rem;
    }

    div.instructors-list .instructors-list-item-spacer-end {
        width: var(--list-spacer-end);
    }

    div.instructors-list a.instructors-list-item {
        width: 38.0rem;
        min-width: 38.0rem;
        max-width: 38.0rem;
        display: block;
    }

    div.instructors-list .instructors-list-item .instructors-list-detail {
        background-color: var(--strong-background-color);
        padding: 2.0rem 0rem 2.0rem 3.0rem;
    }

    div.instructors-list .instructors-list-item .instructors-list-name {
        font-size: 2.7rem;
        font-weight: 600;
    }

    div.instructors-list .instructors-list-item .instructors-list-styles {
        font-size: 2.0rem;
        color: var(--subdetail-color);
        font-weight: 300;
    }

    div.instructors-list .instructors-list-item .instructors-list-classes {
        font-size: 1.6rem;
        color: var(--main-highlight-color);
        font-weight: 500;
        display: none; /* REMOVE THIS STYLE TO DISPLAY NUMBER OF CLASSES */
    }

        div.instructors-list a.instructors-list-item img {
            width: 100%;
        }

    div .instructors-list .instructors-list-right-scroll {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 7.0rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    div.instructors-list .instructors-list-left-scroll {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 7.0rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

@media only screen and (max-width: 59.375em) {
    div.instructors-list {
        margin-top: 14rem;
    }

        div.instructors-list .instructors-list-header {
        }

        div.instructors-list .instructors-list-area {
        }

        div.instructors-list .instructors-list-scrollarea {
        }

        div.instructors-list .instructors-list-container {
            margin-top: 3rem;
            margin-left: 2.5rem;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-content: flex-start;
            column-gap: 2.5rem;
        }

        div.instructors-list .instructors-list-item-spacer-end {
            width: 2.5rem;
        }

        div.instructors-list a.instructors-list-item {
            width: 28.0rem;
            min-width: 28.0rem;
            max-width: 28.0rem;
        }

        div.instructors-list .instructors-list-item .instructors-list-detail {
            padding: 1.0rem 0rem 1.0rem 1.5rem;
        }

        div.instructors-list .instructors-list-item .instructors-list-name {
            font-size: 1.8rem;
        }

        div.instructors-list .instructors-list-item .instructors-list-styles {
            font-size: 1.4rem;
        }

        div.instructors-list .instructors-list-item .instructors-list-classes {
            font-size: 1.6rem;
        }

        div.instructors-list .instructors-list-right-scroll {
        }

        div.instructors-list .instructors-list-left-scroll {

        }
}

/*** Articles Listing ***/
div.articles-list {
}

    div.articles-list .articles-list-header {
        text-align: center;
    }


        div.articles-list .articles-list-header.left-justify {
            margin-left: var(--page-margin);
            text-align: left;
        }

    div.articles-list .articles-list-area {
        position: relative;
        width: 100%;
    }

    div.articles-list .articles-list-scrollarea {
        width: 100%;
        overflow-y: auto;
        /* Hide scrollbar for IE, Edge and Firefox */
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }

        /* Hide scrollbar for Chrome, Safari and Opera */
        div.articles-list .articles-list-scrollarea::-webkit-scrollbar {
            display: none;
        }

    div.articles-list .articles-list-container {
        margin-top: 6.2rem;
        margin-left: var(--page-margin);
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-content: flex-start;
        column-gap: 5.0rem;
    }

        div.articles-list .articles-list-container.smaller-top-margin {
            margin-top: 4.8rem;
        }

    div .articles-list .articles-list-item-spacer-end {
        width: var(--list-spacer-end);
    }

    div.articles-list .articles-list-item {
        width: 37.7rem;
        min-width: 37.7rem;
        max-width: 37.7rem;
        position: relative;
    }

        div.articles-list .articles-list-item a {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
        }

        div.articles-list .articles-list-item .articles-list-detail {
            background-color: var(--strong-background-color);
            padding: 3.0rem 2.0rem 1.0rem 2.0rem;
            text-align: center;
            height: 26.1rem;
            overflow: hidden;
        }

        div.articles-list .articles-list-item .articles-list-title {
            font-size: 2.7rem;
            font-weight: 500;
            line-height: 1.2;
        }

        div.articles-list .articles-list-item .articles-list-date {
            margin-top: 1.3rem;
            font-size: 1.4rem;
            color: var(--main-highlight-color);
            font-weight: 500;
        }

        div.articles-list .articles-list-item .articles-list-summary {
            margin-top: 1.4rem;
            line-height: 2.0;
            height: 100%;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        div.articles-list .articles-list-item .articles-list-subdetail {
            background-color: var(--strong-background-color);
            color: var(--subdetail-color);
            padding: 2.0rem 1.5rem 2.0rem 1.5rem;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

        div.articles-list .articles-list-item img {
            width: 100%;
        }

    div.articles-list .articles-list-right-scroll {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 7.0rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    div.articles-list .articles-list-left-scroll {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 7.0rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    div.articles-list .articles-list-button {
        margin-top: 6.0rem;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

        div.articles-list .articles-list-button .button {
            width: 25.0rem;
        }

@media only screen and (max-width: 59.375em) {
    div.articles-list {
    }

        div.articles-list .articles-list-header {
            
        }


            div.articles-list .articles-list-header.left-justify {
                margin-left: 1rem;
            }

        div.articles-list .articles-list-area {
            
        }

        div.articles-list .articles-list-scrollarea {
            width: 100%;
            overflow-y: auto;
            /* Hide scrollbar for IE, Edge and Firefox */
            -ms-overflow-style: none; /* IE and Edge */
            scrollbar-width: none; /* Firefox */
        }

            /* Hide scrollbar for Chrome, Safari and Opera */
            div.articles-list .articles-list-scrollarea::-webkit-scrollbar {
                display: none;
            }

        div.articles-list .articles-list-container {
            margin-top: 3rem;
            margin-left: 2.5rem;
            column-gap: 2.5rem;
        }

            div.articles-list .articles-list-container.smaller-top-margin {
                margin-top: 2.4rem;
                margin-left: 1rem;
                margin-right: 1rem;
            }

        div .articles-list .articles-list-item-spacer-end {
            width: 2.5rem;
        }

        div.articles-list .articles-list-item {
            width: 100%;
            min-width: 100%;
            max-width: 100%;
            position: relative;
        }

            div.articles-list .articles-list-item a {
            }

            div.articles-list .articles-list-item .articles-list-detail {
                padding: 2.0rem 1.2rem 1.0rem 1.2rem;
                height: auto;
            }

            div.articles-list .articles-list-item .articles-list-title {
                font-size: 2.4rem;
                font-weight: 500;
                line-height: 1.2;
            }

            div.articles-list .articles-list-item .articles-list-date {
                margin-top: 1.2rem;
                font-size: 1.2rem;
            }

            div.articles-list .articles-list-item .articles-list-summary {
                margin-top: 1.2rem;
                line-height: 2.0;
            }

            div.articles-list .articles-list-item .articles-list-subdetail {
                padding: 2.0rem 1.2rem 1.0rem 1.2rem;
            }


        div.articles-list .articles-list-right-scroll {
            right: -1rem;
        }

        div.articles-list .articles-list-left-scroll {
        }

        div.articles-list .articles-list-button {
            margin-top: 3rem;
        }

            div.articles-list .articles-list-button .button {
                height: 5rem;
                font-size: 1.8rem;
                width: 18rem;
            }
}

/*** Classes Listing ***/
@keyframes classshowmoreinfo {
    from {
        height: 0;
    }

    to {
        height: 13.8rem;
    }
}

div.classes-list {
    position: relative;
}

@media only screen and (max-width: 59.375em) {
    div.classes-list {
        margin-top: 2rem;
    }
}

    div.classes-list .classes-list-header {
        margin-left: var(--page-margin);
        text-align: left;
    }

        div.classes-list .classes-list-header a {
            font-size: 1.8rem;
        }

        @media only screen and (max-width: 59.375em) {
            div.classes-list .classes-list-header a {
                font-size: 1.6rem;
            }
        }

    div.classes-list .classes-list-moreinfo {
        position: absolute;
        background-color: var(--strong-background-color);
        top: 51.8rem;
        height: 0; /*auto;*/
        width: 52rem;
        z-index: 10;
        left: 14rem;
        overflow: hidden;
        border-radius: 0 0 1rem 1rem;
    }

        div.classes-list .classes-list-moreinfo.open {
            height: 13.8rem;
            animation-duration: 0.25s;
            animation-name: classshowmoreinfo;
        }

        div.classes-list .classes-list-moreinfo .moreinfo-text {
            margin: 1.6rem 3rem;
            display: -webkit-box;
            color: var(--main-subdued-color);
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            font-size: 1.6rem;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    div.classes-list .classes-list-area {
        position: relative;
        width: 100%;
    }

    div.classes-list .classes-list-scrollarea {
        width: 100%;
        overflow-y: auto;
        /* Hide scrollbar for IE, Edge and Firefox */
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }

        /* Hide scrollbar for Chrome, Safari and Opera */
        div.classes-list .classes-list-scrollarea::-webkit-scrollbar {
            display: none;
        }

    div.classes-list .classes-list-container {
        margin-top: 6.2rem;
        margin-left: var(--page-margin);
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-content: flex-start;
        column-gap: 5.0rem;
    }

        div.classes-list .classes-list-container.smaller-top-margin {
            margin-top: 4.8rem;
        }

    div.classes-list a.classes-list-item {
        width: 52.0rem;
        min-width: 52.0rem;
        max-width: 52.0rem;
        height: 43.1rem;
        display: block;
        position: relative;
    }

        div.classes-list a.classes-list-item img {
            width: 52.0rem;
            height: 29.3rem;
        }

        div.classes-list a.classes-list-item .classes-list-item-style {
            position: absolute;
            background-color: var(--style-tag-background-color);
            left: 0;
            top: 0;
            color: var(--subtitle-color);
            font-size: 1.4rem;
            font-weight: 600;
            padding: 1rem 3rem;
            text-transform: uppercase;
        }

        div.classes-list a.classes-list-item .classes-list-item-tags {
            position: absolute;
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            column-gap: 1.0rem;
            right: 2.2rem;
            top: 24.8rem;
        }

        div.classes-list a.classes-list-item .classes-list-item-tag {
            background-color: var(--info-tag-background-color);
            border-radius: 0.5rem;
            color: var(--main-subdued-color);
            font-size: 1.4rem;
            font-weight: 600;
            padding: 0.5rem;
        }

        div.classes-list a.classes-list-item .classes-list-item-titlearea {
            position: relative;
            width: 100%;
            height: 13.8rem;
            background-color: var(--strong-background-color);
            border-radius: 0 0 1.0rem 1.0rem;
            padding: 2.2rem 3rem;
        }

        div.classes-list a.classes-list-item .classes-list-item-title {
            color: var(--main-subdued-color);
            font-size: 2.2rem;
            font-weight: 600;
        }

        div.classes-list a.classes-list-item .classes-list-item-instructor {
            color: var(--subtitle-color);
            font-size: 1.7rem;
            font-weight: 400;
            text-decoration: underline;
            margin-top: 0.5rem;
            margin-bottom: 0.5rem;
        }

        div.classes-list a.classes-list-item .classes-list-item-rating {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-content: center;
            color: var(--subtitle-color);
            font-size: 1.4rem;
            font-weight: 400;
        }

.class-review-rating {
    display: flex !important;
}

.classes-grid-item-rating .class-review-rating {
    margin-top: -0.2rem;
}

div.classes-list a.classes-list-item .classes-list-item-rating .stars-indicator {
    margin-right: 0.5rem;
    margin-bottom: 0.3rem;
}

        div.classes-list a.classes-list-item .classes-list-item-moreicon {
            position: absolute;
            right: 2.0rem;
            bottom: 2.8rem;
        }

            div.classes-list a.classes-list-item .classes-list-item-moreicon .button-icon {
                width: 3.2rem;
                height: 3.2rem;
            }

        div.classes-list a.classes-list-item .description-text {
            display: none;
        }

        div.classes-list .classes-list-item-favorite {
            position: absolute;
            right: 1.5rem;
            top: 1.5rem;
        }

    div.classes-list .classes-list-right-scroll {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 7.0rem;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;
    }

        div.classes-list .classes-list-right-scroll .slide-arrow-right {
            pointer-events: none;
        }

            div.classes-list .classes-list-right-scroll .slide-arrow-right .slide-arrow-right-icon {
                pointer-events: all;
            }

    div.classes-list .classes-list-left-scroll {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 7.0rem;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;
    }

        div.classes-list .classes-list-left-scroll .slide-arrow-left {
            pointer-events: none;
        }

            div.classes-list .classes-list-left-scroll .slide-arrow-left .slide-arrow-left-icon {
                pointer-events: all;
            }

@media only screen and (max-width: 59.375em) {
    @keyframes classshowmoreinfo {
        from {
            height: 0;
        }

        to {
            height: 8.5rem;
        }
    }

    div.classes-list {
    }

        div.classes-list .classes-list-header {
            margin-left: 2.5rem;
        }

        div.classes-list .classes-list-moreinfo {
            top: 32rem;
            width: 31.2rem;
            left: 14rem;
            border-radius: 0 0 0.6rem 0.6rem;
        }

            div.classes-list .classes-list-moreinfo.open {
                height: 8.5rem;
            }

            div.classes-list .classes-list-moreinfo .moreinfo-text {
                margin: 0.96rem 1.08rem;
                -webkit-line-clamp: 4;
                font-size: 1rem;
            }

        div.classes-list .classes-list-area {            
        }

        div.classes-list .classes-list-container {
            margin-left: 1.5rem;
            column-gap: 1.5rem;
        }

            div.classes-list .classes-list-container.smaller-top-margin {
               margin-top: 2.4rem;
            }

        div.classes-list a.classes-list-item {
            width: 31.2rem;
            min-width: 31.2rem;
            max-width: 31.2rem;
            height: 27.55rem;
        }

            div.classes-list a.classes-list-item img {
                width: 31.2rem;
                height: 17.55rem;
            }

            div.classes-list a.classes-list-item .classes-list-item-style {
                font-size: 1rem;
                padding: 0.4rem 1.2rem;
            }

            div.classes-list a.classes-list-item .classes-list-item-tags {
                column-gap: 0.6rem;
                right: 1.32rem;
                top: 14.88rem;
            }

            div.classes-list a.classes-list-item .classes-list-item-tag {
                border-radius: 0.3rem;
                font-size: 0.84rem;
                padding: 0.3rem;
            }

            div.classes-list a.classes-list-item .classes-list-item-titlearea {
                height: 10rem;
                border-radius: 0 0 0.6rem 0.6rem;
                padding: 1.32rem 1.8rem;
            }

            div.classes-list a.classes-list-item .classes-list-item-title {
                font-size: 1.6rem;
            }

            div.classes-list a.classes-list-item .classes-list-item-instructor {
                font-size: 1.5rem;
                margin-top: 0.3rem;
                margin-bottom: 0.3rem;
            }

            div.classes-list a.classes-list-item .classes-list-item-rating {
                font-size: 1rem;
            }

                div.classes-list a.classes-list-item .classes-list-item-rating .stars-indicator {
                    margin-right: 0.3rem;
                }

            div.classes-list a.classes-list-item .classes-list-item-moreicon {
                right: 1.2rem;
                bottom: 1.68rem;
            }

                div.classes-list a.classes-list-item .classes-list-item-moreicon .button-icon {
                    width: 1.92rem;
                    height: 1.92rem;
                }

        div.classes-list .classes-list-item-favorite {
            right: 0.9rem;
            top: 0.9rem;
        }

        div.classes-list .classes-list-right-scroll {
            top: 0;
            right: 0;
            bottom: 0;
            width: 4.2rem;
        }

        div.classes-list .classes-list-left-scroll {
            width: 4.2rem;
        }
}

/*** Featured Classes Listing ***/
@keyframes featuredclassshowmoreinfo {
    from {
        height: 0;
    }

    to {
        height: 10.8rem;
    }
}

div.featured-classes-list {
    position: relative;
}

    div.featured-classes-list .featured-classes-list-header {
        margin-left: var(--page-margin);
        text-align: left;
    }

    div.featured-classes-list .featured-classes-list-moreinfo {
        position: absolute;
        background-color: var(--strong-background-color);
        top: 48.2rem;
        height: 0; /*auto;*/
        width: 68.0rem;
        z-index: 10;
        left: 14rem;
        overflow: hidden;
        border-radius: 0 0 1rem 1rem;
    }

        div.featured-classes-list .featured-classes-list-moreinfo.open {
            height: 10.8rem;
            animation-duration: 0.25s;
            animation-name: featuredshowmoreinfo;
        }

        div.featured-classes-list .featured-classes-list-moreinfo .moreinfo-text {
            margin: 1.6rem 3rem;
            display: -webkit-box;
            color: var(--main-subdued-color);
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            font-size: 1.6rem;
            overflow: hidden;
            text-overflow: ellipsis;
    }

    div.featured-classes-list .featured-classes-list-area {
        position: relative;
        width: 100%;
    }

    div.featured-classes-list .featured-classes-list-scrollarea {
        width: 100%;
        overflow-y: auto;
        /* Hide scrollbar for IE, Edge and Firefox */
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }

        /* Hide scrollbar for Chrome, Safari and Opera */
        div.featured-classes-list .featured-classes-list-scrollarea::-webkit-scrollbar {
            display: none;
        }

    div.featured-classes-list .featured-classes-list-container {
        margin-top: 6.2rem;
        margin-left: var(--page-margin);
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-content: flex-start;
        column-gap: 5.0rem;
    }

        div.featured-classes-list .featured-classes-list-container.smaller-top-margin {
            margin-top: 4.8rem;
        }

    div.featured-classes-list a.featured-classes-list-item {
        width: 68rem;
        min-width: 68rem;
        max-width: 68rem;
        height: 39.25rem;
        display: block;
        position: relative;
    }

        div.featured-classes-list a.featured-classes-list-item .overlay {
            position: absolute;
            left: 0;
            top: 40%;
            right: 0;
            bottom: 0;
        }

        div.featured-classes-list a.featured-classes-list-item img {
            width: 100%;
            height: 100%;
        }

        div.featured-classes-list a.featured-classes-list-item .featured-classes-list-item-style {
            position: absolute;
            background-color: var(--style-tag-background-color);
            left: 0;
            top: 0;
            color: var(--subtitle-color);
            font-size: 1.4rem;
            font-weight: 600;
            padding: 1rem 3rem;
        }

        div.featured-classes-list a.featured-classes-list-item .featured-classes-list-item-tags {
            position: absolute;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            column-gap: 1.0rem;
            left: 3rem;
            top: 22.0rem;
        }

        div.featured-classes-list a.featured-classes-list-item .featured-classes-list-item-tag {
            background-color: var(--info-tag-background-color);
            border-radius: 0.5rem;
            color: var(--main-subdued-color);
            font-size: 1.4rem;
            font-weight: 600;
            padding: 0.5rem;
        }

        div.featured-classes-list a.featured-classes-list-item .featured-classes-list-item-titlearea {
            position: absolute;
            left: 3rem;
            top: 26.0rem;
        }

        div.featured-classes-list a.featured-classes-list-item .featured-classes-list-item-title {
            color: var(--main-subdued-color);
            font-size: 3.0rem;
            font-weight: 600;
        }

        div.featured-classes-list a.featured-classes-list-item .featured-classes-list-item-instructor {
            color: var(--main-subdued-color);
            font-size: 2.0rem;
            font-weight: 400;
            text-decoration: underline;
        }

        div.featured-classes-list a.featured-classes-list-item .featured-classes-list-item-moreicon {
            position: absolute;
            right: 3.0rem;
            top: 31.4rem;
        }

            div.featured-classes-list a.featured-classes-list-item .featured-classes-list-item-moreicon .button-icon {
                width: 5.2rem;
                height: 5.2rem;
            }

        div.featured-classes-list a.featured-classes-list-item .description-text {
            display: none;
        }

    div.featured-classes-list .featured-classes-list-item-favorite {
        position: absolute;
        right: 1.5rem;
        top: 1.5rem;
    }

    div.featured-classes-list .featured-classes-list-right-scroll {
        position: absolute;
        top: 4.8rem;
        right: 0;
        bottom: 0;
        width: 7.0rem;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;
    }

        div.featured-classes-list .featured-classes-list-right-scroll .slide-arrow-right {
            pointer-events: none;
        }

            div.featured-classes-list .featured-classes-list-right-scroll .slide-arrow-right .slide-arrow-right-icon {
                pointer-events: all;
            }

    div.featured-classes-list .featured-classes-list-left-scroll {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 7.0rem;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;
    }

        div.featured-classes-list .featured-classes-list-left-scroll .slide-arrow-left {
            pointer-events: none;
        }

            div.featured-classes-list .featured-classes-list-left-scroll .slide-arrow-left .slide-arrow-left-icon {
                pointer-events: all;
            }

@media only screen and (max-width: 59.375em) {
    @keyframes featuredclassshowmoreinfo {
        from {
            height: 0;
        }

        to {
            height: 6rem;
        }
    }

    div.featured-classes-list {
    }

        div.featured-classes-list .featured-classes-list-header {
            margin-left: 2.5rem;
        }

        div.featured-classes-list .featured-classes-list-moreinfo {
            top: 25rem;
            height: 0; /*auto;*/
            width: 32.0rem;
            left: 5.6rem;
            border-radius: 0 0 0.4rem 0.4rem;
        }

            div.featured-classes-list .featured-classes-list-moreinfo.open {
                height: 6rem;
            }

            div.featured-classes-list .featured-classes-list-moreinfo .moreinfo-text {
                margin: 0.64rem 1.2rem;
                -webkit-line-clamp: 3;
                font-size: 1rem;
            }

        div.featured-classes-list .featured-classes-list-area {
            /*position: relative;
            width: 100%;*/
        }

        div.featured-classes-list .featured-classes-list-scrollarea {
            /*width: 100%;
            overflow-y: auto;*/
            /* Hide scrollbar for IE, Edge and Firefox */
            /*-ms-overflow-style: none;*/ /* IE and Edge */
            /*scrollbar-width: none;*/ /* Firefox */
        }

            /* Hide scrollbar for Chrome, Safari and Opera */
            div.featured-classes-list .featured-classes-list-scrollarea::-webkit-scrollbar {
                /*display: none;*/
            }

        div.featured-classes-list .featured-classes-list-container {
            margin-top: 6.2rem;
            margin-left: 1.5rem;
            column-gap: 1.5rem;
        }

            div.featured-classes-list .featured-classes-list-container.smaller-top-margin {
                margin-top: 4.8rem;
            }

        div.featured-classes-list a.featured-classes-list-item {
            width: 32.0rem;
            min-width: 32.0rem;
            max-width: 32.0rem;
            height: 18.0rem;
        }

            div.featured-classes-list a.featured-classes-list-item .overlay {
                top: 40%;
            }

            div.featured-classes-list a.featured-classes-list-item img {
            }

            div.featured-classes-list a.featured-classes-list-item .featured-classes-list-item-style {
                font-size: 1rem;
                padding: 0.4rem 1.2rem;
            }

            div.featured-classes-list a.featured-classes-list-item .featured-classes-list-item-tags {
                column-gap: 0.4rem;
                left: 1.52rem;
                top: 9rem;
            }

            div.featured-classes-list a.featured-classes-list-item .featured-classes-list-item-tag {
                border-radius: 0.125rem;
                font-size: 1.0rem;
                padding: 0.125rem;
            }

            div.featured-classes-list a.featured-classes-list-item .featured-classes-list-item-titlearea {
                left: 1.52rem;
                top: 11rem;
            }

            div.featured-classes-list a.featured-classes-list-item .featured-classes-list-item-title {
                font-size: 1.5rem;
            }

            div.featured-classes-list a.featured-classes-list-item .featured-classes-list-item-instructor {
                font-size: 1.2rem;
            }

            div.featured-classes-list a.featured-classes-list-item .featured-classes-list-item-moreicon {
                right: 1.2rem;
                top: 14.72rem;
            }

                div.featured-classes-list a.featured-classes-list-item .featured-classes-list-item-moreicon .button-icon {
                    width: 2.08rem;
                    height: 2.08rem;
                }

        div.featured-classes-list .featured-classes-list-item-favorite {
            /*position: absolute;*/
            right: 0.6rem;
            top: 0.6rem;
        }
}

/*** Program Listing ***/
div.programs-list {
}

    div.programs-list .programs-list-header {
        margin-left: var(--page-margin);
        text-align: left;
    }

    div.programs-list .programs-list-area {
        position: relative;
        width: 100%;
    }

    div.programs-list .programs-list-scrollarea {
        width: 100%;
        overflow-y: auto;
        /* Hide scrollbar for IE, Edge and Firefox */
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }

        /* Hide scrollbar for Chrome, Safari and Opera */
        div.programs-list .programs-list-scrollarea::-webkit-scrollbar {
            display: none;
        }

    div.programs-list .programs-list-container {
        margin-top: 6.2rem;
        margin-left: var(--page-margin);
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-content: flex-start;
        column-gap: 5.0rem;
    }

        div.programs-list .programs-list-container.smaller-top-margin {
            margin-top: 4.8rem;
        }

    div.programs-list a.programs-list-item {
        width: 52.0rem;
        min-width: 52.0rem;
        max-width: 52.0rem;
        height: 29.3rem;
        display: block;
        position: relative;
    }

        div.programs-list a.programs-list-item .overlay {
            position: absolute;
            left: 0;
            top: 40%;
            right: 0;
            bottom: 0;
        }

        div.programs-list a.programs-list-item img {
            width: 100%;
            height: 100%;
        }

        div.programs-list a.programs-list-item .programs-list-item-titlearea {
            position: absolute;
            left: 3.2rem;
            top: 20.6rem;
        }

        div.programs-list a.programs-list-item .programs-list-item-title {
            color: var(--main-subdued-color);
            font-size: 2.2rem;
            font-weight: 600;
        }

        div.programs-list a.programs-list-item .programs-list-item-subtitle {
            color: var(--main-subdued-color);
            font-size: 1.7rem;
            font-weight: 400;
            margin-top: 0.4rem;
        }

    div.programs-list .programs-list-item-favorite {
        position: absolute;
        right: 1.5rem;
        top: 1.5rem;
    }

    div.programs-list .programs-list-right-scroll {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 7.0rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    div.programs-list .programs-list-left-scroll {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 7.0rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

@media only screen and (max-width: 59.375em) {
    div.programs-list {
    }

        div.programs-list .programs-list-header {
            margin-left: 2.5rem;
        }

        div.programs-list .programs-list-container {
            margin-left: 1.25rem;
            column-gap: 1.25rem;
        }

            div.programs-list .programs-list-container.smaller-top-margin {
                margin-top: 2.8rem;
            }

        div.programs-list a.programs-list-item {
            width: 31.2rem;
            min-width: 31.2rem;
            max-width: 31.2rem;
            height: 17.58rem;
        }

            div.programs-list a.programs-list-item .programs-list-item-titlearea {
                left: 1.92rem;
                top: 12rem;
            }

            div.programs-list a.programs-list-item .programs-list-item-title {
                font-size: 1.6rem;
            }

            div.programs-list a.programs-list-item .programs-list-item-subtitle {
                font-size: 1.3rem;
                margin-top: 0.3rem;
            }

        div.programs-list .programs-list-item-favorite {
            right: 0.9rem;
            top: 0.9rem;
        }

        div.programs-list .programs-list-right-scroll {
            width: 4.2rem;
        }

        div.programs-list .programs-list-left-scroll {
            width: 4.2rem;
        }
}

/*** Page Selection Slider ***/
/* Hide scrollbar for Chrome, Safari and Opera */
#pagelistingtop {
    width: 70%;
    display: table;
    max-width: 100%;
    table-layout: fixed;
    float: left;
    margin-top: 0.3rem;
}

#pagelistingbottom {
    width: 70%;
    display: table;
    max-width: 100%;
    table-layout: fixed;
    float: left;
    margin-top: 0.3rem;
}
@media only screen and (max-width: 59.375em) {
    #pagelistingbottom {
        width: 95%;
    }
}

.pagenumarea .yslider-slide-area::-webkit-scrollbar {
    display: none;
}

.pagenumarea {
    height: 3.8rem;
    max-width: 100%;
    display: table-cell;
}
@media only screen and (max-width: 59.375em) {
    .pagenumarea {
        padding-top: 1.5rem;
    }
}


.pagenumarea .yslider-slide-area {
    height: 4.8rem;
    width: 100%;
    /* Hide scrollbar for IE, Edge and Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    white-space: nowrap;
    overflow-x: scroll;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 0.7rem;
}

.pagebutton {
    border-radius: 0.6rem;
    font-size: 2.8rem;
    color: var(--moderate-text);
    display: flex;
    width: 4.5rem;
    flex-direction: row;
    justify-content: center;
    /* align-content: center; */
    height: 4.2rem;
    min-width: 4.5rem;
    min-height: 4.2rem;
    max-width: 4.5rem;
    max-height: 4.2rem;
    padding-top: 0.2rem;
}

    .pagebutton:hover {
        /*background-color: var(--highlighted-background-color);*/
    }

    .pagebutton.pagebuttonselected {
        background-color: var(--strong-background-color);
    }

.pagenumleftbuttonarea {
    width: 3.5rem;
    height: 3.8rem;
    display: table-cell;
    vertical-align: middle;
    padding-top: 0.5rem;
}
@media only screen and (max-width: 59.375em) {
    .pagenumleftbuttonarea {
        width: 4.5rem;
        padding-top: 2.0rem;
    }
}

.pagenumrightbuttonarea {
    width: 3.5rem;
    height: 3.8rem;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding-top: 0.5rem;
}
@media only screen and (max-width: 59.375em) {
    .pagenumrightbuttonarea {
        width: 4.5rem;
        padding-top: 2.0rem;
    }
}

.yslider-left-button {
    fill: var(--main-highlight-color);
}

    .yslider-left-button:hover svg {
        fill: var(--high-highlight-color);
    }

    .yslider-left-button.yslider-disabled svg {
        fill: var(--border-color);
    }

    .yslider-left-button.yslider-disabled:hover svg {
        fill: var(--border-color);
    }

.yslider-right-button {
    fill: var(--main-highlight-color);
}

    .yslider-right-button:hover svg {
        fill: var(--high-highlight-color);        
    }

    .yslider-right-button.yslider-disabled svg {
        fill: var(--border-color);
    }

    .yslider-right-button.yslider-disabled:hover svg {
        fill: var(--border-color);
    }

/*page numbering mobile - start*/
@media only screen and (max-width: 59.375em) {
    a.toolbarviewbutton.large {
        width: 100%;
        height: auto;
        padding: 0.3rem 0 0.3rem 1.0rem !important;
        font-size: 2.0rem !important;
    }

    a.toolbarviewbutton.small {
        width: 32%;
        height: 4.0rem;
        align-items: center;
        padding: 0 !important;
        font-size: 1.3rem !important;
        justify-content: center;
    }

    a.toolbarviewbutton.linkbuttonselected div.viewindicator {
        display: none;
    }

    a.toolbarviewbutton.linkbuttonselected div.viewindicatorside {
        display: none;
    }

    #pagelistingtop {
        width: 100%;
        float: none;
    }
}
/*page numbering mobile - end*/


/*** Popup Window ***/
div.popup {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: var(--main-background-color-transparent);
    display: none;
}

div.popup-window {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50.0rem;
    height: auto;
    text-align: center;
    background-color: var(--main-background-color);
    box-sizing: border-box;
    padding: 10px;
    z-index: 100;
    border-radius: 1.0rem;
    border: 0.2rem solid var(--main-highlight-color);
    /*to hide popup initially*/
}

@media only screen and (max-width: 59.375em) {
    div.popup-window {
        width: 30.0rem;
    }
}

    div.popup p.popup-title {
        font-size: 2.5rem;
        margin-top: 0rem;
        margin-bottom: 1.5rem;
    }

    @media only screen and (max-width: 59.375em) {
        div.popup p.popup-title {
            font-size: 1.7rem;
        }
    }

    div.popup p.popup-text {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
        font-size: 1.8rem;
    }

    @media only screen and (max-width: 59.375em) {
        div.popup p.popup-text {
            font-size: 1.2rem;
        }
    }

    div.popup a.popup-close-btn {
        position: absolute;
        right: 2.0rem;
        top: 1.5rem;
        width: 3.5rem;
        background-color: black;
        color: white;
        border-radius: 0.5rem;
        border: 0.2rem solid var(--main-highlight-color);
        padding: 0.4rem;
    }

    @media only screen and (max-width: 59.375em) {
        div.popup a.popup-close-btn {
            top: 0.5rem;
            right: 1.0rem;
            padding: 0.2rem;
        }
    }
        div.popup a.popup-close-btn:hover {
            background-color: var(--high-background-color);
        }

    div.popup a.button {
        height: 4.5rem;
    }

    @media only screen and (max-width: 59.375em) {
        div.popup a.button {
            height: 3.5rem;
            font-size: 1.5rem;
        }
    }

    div.popup div.button-row {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        margin: 1.8rem 0;
    }

    @media only screen and (max-width: 59.375em) {
        div.popup div.button-row {
            margin: 1.0rem 0;
        }
    }

div.popup input[type=checkbox] {
    background: #151515 0% 0% no-repeat padding-box;
    border: .1rem solid #7C848D;
    border-radius: .2rem;
    accent-color: #D4AF37;
    margin-right: .5rem;
    width: 3.0rem;
    height: 3.0rem;
}

@media only screen and (max-width: 59.375em) {
    div.popup input[type=checkbox] {
        width: 3.0rem;
        height: 3.0rem;
    }
}

div.popup label.checkbox-label {
    font-size: 2.3rem;
}

@media only screen and (max-width: 59.375em) {
    div.popup label.checkbox-label {
        font-size: 2.0rem;
    }
}

div.popup input[type=text] {
    background-color: var(--highlighted-background-color);
    color: var(--main-extra-subdued-color);
    border: none;
    width: 80%;
    height: 2.8rem;
    font-size: 1.8rem;
}

div.popup textarea {
    background-color: var(--highlighted-background-color);
    color: var(--main-extra-subdued-color);
    width: 80%;
    height: 5.6rem;
    font-size: 1.8rem;
}


/*Large Popup Version*/
div.popup.large {
    max-height: 100%;
}

    div.popup.large div.popup-window {
        width: 70rem;
        max-height:100%;
    }

    @media only screen and (max-width: 59.375em) {
        div.popup.large div.popup-window {
            width: 96%;
            max-height: 100%;
        }
    }

        div.popup.large div.popup-window div.checkboxes {
            overflow-y: auto;
            max-height: 50vh;
        }

            div.popup.large div.popup-window div.checkboxes ul {
                text-align: left;
                margin-left: 3rem;
            }

                div.popup.large div.popup-window div.checkboxes ul li {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    align-items: center;
                }

            @media only screen and (max-width: 59.375em) {
                div.popup.large div.popup-window div.checkboxes ul {
                    margin-left: 0.3rem;
                }
            }

/* Social Sharing */
.share-popup {
    position: absolute;
    top: 0;
    left: 0;
    width: 30.0rem;
    height: auto;
    background-color: var(--main-background-color);
    z-index: 100;
    border-radius: 0.5rem;
    border: 0.2rem solid var(--main-highlight-color);
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    display: none;
}

    .share-popup .a2a_svg {
        width: 6.4rem;
        height: 6.4rem;
        margin: 0.1rem;
    }

    .share-popup .a2a_default_style:not(.a2a_flex_style) a {
        padding: 0.4rem;
        line-height: 6.4rem;
    }

    .share-popup .a2a_default_style:not(.a2a_flex_style) a.close-button {
        padding: 0.4rem;
        line-height: 100%;
    }

@media only screen and (max-width: 59.375em) {
    .share-popup.mobile-center-adjust {
        margin-left: -10.5rem;
    }
}