@font-face {
    font-family: 'moontime';
    src: local('MoonTime-Regular'), url('../fonts/MoonTime-Regular.ttf') format("truetype"), url('../fonts/MoonTime-Regular.otf') format("opentype"), url('../fonts/MoonTime-Regular.woff2') format('woff2'), url('../fonts/MoonTime-Regular.woff') format('woff');
}
/*
@font-face {
    font-family: 'moontimeregular';
    src: url('../fonts/moontime-regular-webfont.woff2') format('woff2'), url('../fonts/moontime-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/
.cursive-font-mt {
    font-family: 'MoonTime';
}


/*General Styles*/


html {
    position: relative;
    min-height: 100%;
    scroll-behavior: smooth !important;
}


body {
    font-family: "Open Sans", "Oxygen", "Comic Neue", "Kalam", "Roboto", sans-serif, cusrive;
    font-size: 17px;
}




.row-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.ss-bg-turq {
    background-color: #1ac8db;
}


/*Styles for Main Page Navigation*/

header {
    max-height: 100px;
    margin-bottom: 0
}

    header .navbar {
        height: 70px;
        background-color: #d6f5f6 !important;
    }

    header .navbar .navbar-collapse {
        background-color: #d6f5f6 !important;
    }

        header .navbar .navbar-nav .dropdown-menu {
            background-color: #d6f5f6 !important;
        }

        header .navbar ul li {
            font-size: 0.95rem;
            color: #000872;
        }

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.6)
}





header .ss-logo-img {
    height: 50px;
    vertical-align: middle;
    width: auto;
}

.navbar-collapse {
    background: #f8f9fa !important;
}

@media screen and (min-width: 1200px) {
    .center-nav {
        padding-left: 150px !important;
    }
}

@media screen and (max-width: 2500px) {
    .main-nav-words-hide {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .main-nav-words-show {
        display: inline-flex;
    }
}

/*@media (min-width: 691px) {
    .read-nav-words-hide {
        display: none;
    }
}

@media (max-width: 760px) {
    .read-nav-words-show {
        display: inline-flex;
    }
}*/


/*@media only screen and (min-width: 768px) {
    header .nav-item:hover .dropdown-menu {
        display: block;
    }
}*/


@media (min-width : 768px) {

    header .dropdown-menu-right {
        left: calc(100vw - 180px) !important;
        right: 0 !important;
        -webkit-transform: translate(0, 0) !important;
        -o-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important;
        width: 100px;
        text-align: center;
        font-size: 0.9rem;
        /*right: auto;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);*/
    }

    header .dropdown-menu-read {
        /*left: calc(100vw - 650px) !important;*/
        left: calc(100vw - 380px) !important;
        right: 0 !important;
        -webkit-transform: translate(0, 0) !important;
        -o-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important;
        width: 250px;
        text-align: center;
        font-size: 0.9rem;
    }


    header .dropdown-menu-write {
        /*left: calc(100vw - 650px) !important;*/
        left: calc(100vw - 320px) !important;
        right: 0 !important;
        -webkit-transform: translate(0, 0) !important;
        -o-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important;
        width: 250px;
        text-align: center;
        font-size: 0.9rem;
    }


    header .dropdown-menu-teach {
        /*left: calc(100vw - 650px) !important;*/
        left: calc(100vw - 280px) !important;
        right: 0 !important;
        -webkit-transform: translate(0, 0) !important;
        -o-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important;
        width: 250px;
        text-align: center;
        font-size: 0.9rem;
    }


    header .dropdown-menu-premium {
        left: calc(100vw - 400px) !important;
        right: 0 !important;
        -webkit-transform: translate(0, 0) !important;
        -o-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important;
        width: 250px;
        text-align: center;
        font-size: 0.9rem;
    }

    header .dropdown-menu-portal {
        left: calc(100vw - 480px) !important;
        right: 0 !important;
        -webkit-transform: translate(0, 0) !important;
        -o-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important;
        width: 250px;
        text-align: center;
        font-size: 0.9rem;
    }


    header .dropdown-menu {
        right: auto;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }


}


@media (max-width : 768px) {

    header .dropdown-menu-mobile {
        width: 300px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        font-size: 0.9rem;
    }



}

/*@media (max-width : 768px) {
    
    .no-show-media > a, .no-show-media > div {
        display: none;
    }

}*/

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 80px;
    background-color: black;
}

.footer-splash {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: black;
}



.content {
    margin-top: 50px;
    margin-bottom: 80px;
}

.content-splash {
    margin-bottom: 60px;
}


.content-rl {
    margin-top: 70px;
    margin-bottom: 60px;
}

.content-rl-read-view {
    /*margin-top: 80px;*/
    margin-bottom: 60px;
}


@media (max-width: 575px) {
    .footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 160px;
        background-color: black;
        font-size: 15px;
    }

    .footer-splash {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 60px;
        background-color: black;
        font-size: 15px;
    }

    .content {
        margin-top: 70px;
        margin-bottom: 160px;
        margin-bottom: 160px;
    }

    .content-splash {
        margin-bottom: 60px;
    }
}




/* Styles for Home Page */


.extra-bold {
    font-weight: 800;
}


.cursive-font {
    font-family: "Satisfy", "Balsamiq Sans", "Roboto", sans-serif, cusrive;
}

.white-bubble {
    /*box-sizing: border-box;*/
    /*padding: .5rem 1rem;*/
    font-size: 1.5rem;
    padding-bottom: 0;
    /*line-height: 1.5;*/
    /*border-radius: .3rem;*/
    /*background-color: white;*/
    /*display: inline-block;*/
    border-radius: 10px;
}


@media (min-width: 576px) {
    .home-body .coming-soon .container-fluid {
        height: 850px;
        z-index: 999;
        background-position: center;
        background-repeat: no-repeat;
        background-color: black;
        background-size: cover;
        position: relative;
        -moz-box-shadow: 0px 0px 15px 0px #000000;
        -webkit-box-shadow: 0px 0px 15px 0px #000000;
        box-shadow: 0px 0px 15px 0px #000000 !important;
    }


    .home-body .btn-home-sizing {
        background-color: #00C2CB !important;
        font-size: 1.5rem;
        padding: 0.5rem 1.5rem 0.5rem 1.5rem !important;
    }
}

@media (min-width: 1400px) {

    .home-body .coming-soon .primary-header-movement {
        font-family: "Noto Sans", "Balsamiq Sans", "Comic Neue", "Roboto", sans-serif, cusrive;
        transform: translate(200px, 100px);
    }

    .home-body .coming-soon .cs-header {
        color: white;
        font-size: 4.5rem;
        text-shadow: 4px 3px 2px #5379B0;
    }

    .home-body .coming-soon .cs-sub-header {
        color: white;
        font-size: 3.5rem;
    }

    .home-body .coming-soon .cs-sub-sub-header {
        color: #19fff7;
        font-size: 2rem;
    }
}

@media (max-width: 1400px) {

    .home-body .coming-soon .cs-header {
        color: white;
        font-size: 4rem;
        text-shadow: 4px 3px 2px #5379B0;
    }

    .home-body .coming-soon .cs-sub-header {
        color: white;
        font-size: 3rem;
    }

    .home-body .coming-soon .cs-sub-sub-header {
        color: #19fff7;
        font-size: 2rem;
    }
}


@media (max-width: 576px) {

    .home-body .coming-soon .container-fluid {
        height: 650px;
        z-index: 999;
        background-position: center;
        background-repeat: no-repeat;
        background-color: black;
        background-size: cover;
        position: relative;
        -moz-box-shadow: 0px 0px 15px 0px #000000;
        -webkit-box-shadow: 0px 0px 15px 0px #000000;
        box-shadow: 0px 0px 15px 0px #000000 !important;
    }

    .home-body .coming-soon .cs-header {
        color: white;
        font-size: 2.5rem;
        text-shadow: 4px 3px 2px #5379B0;
    }

    .home-body .coming-soon .cs-sub-header {
        color: white;
        font-size: 2rem;
    }

    .home-body .coming-soon .cs-sub-sub-header {
        color: #19fff7;
        font-size: 1.25rem;
    }

    .home-body .btn-home-sizing {
        background-color: #00C2CB !important;
        font-size: 1.5rem;
        padding: 0.25rem 0.75rem 0.25rem 0.75rem !important;
    }
}


.home-body .coming-soon .container-fluid .cursive-font {
    color: white;
}

.home-body .coming-soon img {
    height: 80px;
    width: auto;
}


.expand-image {
    -webkit-transform: scale(1.5); /* Saf3.1+, Chrome */
    -moz-transform: scale(1.5); /* FF3.5+ */
    -ms-transform: scale(1.5); /* IE9 */
    -o-transform: scale(1.5); /* Opera 10.5+ */
    transform: scale(1.5);
}

.home-body .brick-background {
    /*background-position: center;*/
    background-size: 100%;
    background-repeat: repeat-y;
    background-color: black;
    background-size: fill;
    position: relative;
}

.home-body .home-big-things .container-fluid {
    /*height: 350px;*/
    /*background-color: black;*/
    color: darkblue;
}



.home-body .home-big-things .btn {
    background-color: rgb(63, 141, 161);
    border: 0;
}


@media (min-width : 576px) {
    .home-body .home-big-things .hbt-header {
        font-size: 4.5rem;
        font-weight: 300;
        line-height: 1.2;
        font-family: "Satisfy", "Balsamiq Sans", "Roboto", sans-serif, cusrive;
    }
}


@media (max-width : 576px) {

    .home-body .home-big-things .hbt-header {
        font-size: 3.5rem;
        font-weight: 300;
        line-height: 1.2;
        padding-bottom: 1rem;
        font-family: "Satisfy", "Balsamiq Sans", "Roboto", sans-serif, cusrive;
    }

        .home-body .home-big-things .container-fluid h4 {
            font-size: 20px;
        }
}



/*.home-body .introducing-jrm {
    font-size: 4.5rem;
    color: darkorange;
}*/

.home-body .introducing-jrm-text {
    color: darkblue;
}


.home-body .just-right-matrix-intro {
    -moz-box-shadow: 0px 0px 15px 0px #000000;
    -webkit-box-shadow: 0px 0px 15px 0px #000000;
    box-shadow: 0px 0px 15px 0px #000000;
}

/*.home-body .just-right-matrix-intro img {
    -moz-box-shadow: 0px 0px 15px 0px #000000;
    -webkit-box-shadow: 0px 0px 15px 0px #000000;
    box-shadow: 0px 0px 15px 0px #000000;
}*/


@media (min-width:991px) {
    .home-body .just-right-matrix-intro .container-fluid {
        
        padding-left: 3rem !important;
        padding-right: 3rem !important;
        
        /*min-height: 300px;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;*/
        /*background-color: white;*/
        /*position: relative;*/
    }
}





@media (min-width : 1250px) {

    .home-body .just-right-matrix-intro .introducing-jrm {
        font-size: 4.5rem;
        color: darkorange;
        font-family: "Seaweed Script", "Satisfy", "Balsamiq Sans", "Roboto", sans-serif, cusrive;
    }

    .home-body .just-right-matrix-intro .intro-jrm-text-header {
        font-size: 2.5rem;
        /*text-shadow: 1px 1px 10px #7D7D7D;*/
    }

    .home-body .just-right-matrix-intro .intro-jrm-text-subheader {
        font-size: 1.75rem;
        /*text-shadow: 1px 1px 10px #7D7D7D;*/
    }

    .home-body .just-right-matrix-intro .jrm-intro-word-image {
        max-height: 200px;
        max-width: 450px;
        width: 100%;
        padding-bottom: 25px;
        object-fit: fill;
    }
}


@media (max-width : 1250px) {

    .home-body .just-right-matrix-intro .intro-jrm-text-header {
        font-size: 2.0rem;
        /*text-shadow: 1px 1px 10px #7D7D7D;*/
    }

    .home-body .just-right-matrix-intro .intro-jrm-text-subheader {
        font-size: 1.35rem;
        /*text-shadow: 1px 1px 10px #7D7D7D;*/
    }

    .home-body .just-right-matrix-intro .jrm-intro-word-image {
        max-height: 200px;
        max-width: 450px;
        width: 100%;
        padding-bottom: 25px;
        object-fit: fill;
    }
}

@media (max-width : 990px) {

    .home-body .just-right-matrix-intro .intro-jrm-text-header {
        font-size: 2.0rem;
        /*text-shadow: 1px 1px 10px #7D7D7D;*/
    }

    .home-body .just-right-matrix-intro .intro-jrm-text-subheader {
        font-size: 1.35rem;
        /*text-shadow: 1px 1px 10px #7D7D7D;*/
    }

    .home-body .just-right-matrix-intro .jrm-intro-word-image {
        max-height: 200px;
        width: auto;
        padding-bottom: 25px;
        object-fit: fill;
    }
}



@media (max-width : 590px) {

    .home-body .just-right-matrix-intro .introducing-jrm {
        font-size: 3.5rem;
        color: darkorange;
        font-family: "Seaweed Script", "Satisfy", "Balsamiq Sans", "Roboto", sans-serif, cusrive;
    }


    .home-body .just-right-matrix-intro .intro-jrm-text-header {
        font-size: 1.5rem;
        /*text-shadow: 1px 1px 10px #7D7D7D;*/
    }

    .home-body .just-right-matrix-intro .intro-jrm-text-subheader {
        font-size: 1rem;
        /*text-shadow: 1px 1px 10px #7D7D7D;*/
    }

    .home-body .just-right-matrix-intro .jrm-intro-word-image {
        height: 150px;
        width: auto;
        padding-bottom: 25px;
    }

}


.home-body .just-right-matrix .container-fluid {
    /*min-height: 800px;*/
    /*background-color: black;*/
    /*background: rgb(190,190,193);*/
    /*background: linear-gradient(142deg, rgba(190,190,193,1) 0%, rgba(71,71,71,1) 49%, rgba(0,0,0,1) 100%);*/
    /*height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: black;
    position: relative;*/
}



/*@media (max-width : 790px) {
    .home-body .just-right-matrix .container-fluid {
        min-height: 250px;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-color: black;
        position: relative;
    }
}*/

/*.home-body .just-right-matrix .img {
    max-width: 100%;
    height: auto;
    object-fit: fill;
}*/

.home-body .home-amazon .container-fluid {
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    clip: rect(25px, 0px, 0px, 0px);
    opacity: 0.75;
    text-align: center;
}

    .home-body .home-amazon .container-fluid a {
        border-width: medium;
    }

.home-body .home-amazon .btn {
    background-color: gray;
    border: 0;
}


.home-body .email-opt-in .container-fluid {
    height: 250px;
    background-color: #e6ecf0;
    color: black;
}



.home-body .home-books-display .container-fluid {
    /*background: rgb(190,190,193);
    background: linear-gradient(142deg, rgba(190,190,193,1) 0%, rgba(71,71,71,1) 49%, rgba(0,0,0,1) 100%);*/
}


    .home-body .home-books-display .container-fluid .row {
        /*height: 500px;*/
    }

        /*.home-body .home-books-display .container-fluid .circle {
        border-radius: 50%;
        width: auto;
        background-color: rgb(255, 98, 59);
    }*/

        .home-body .home-books-display .container-fluid .row h1,
        .home-body .home-books-display .container-fluid .row h2,
        .home-body .home-books-display .container-fluid .row h3,
        .home-body .home-books-display .container-fluid .row h4 {
            color: white;
        }

    .home-body .home-books-display .container-fluid .text-work {
        color: white;
        /*font-size: medium;*/
        font-size: 1.3vw;
    }

    .home-body .home-books-display .container-fluid .row .card-deck {
        /*height: 100%;*/
    }

        .home-body .home-books-display .container-fluid .row .card-deck .card {
            /*height: 90%;*/
            border: none;
            -moz-box-shadow: 0px 0px 15px 0px #000000;
            -webkit-box-shadow: 0px 0px 15px 0px #000000;
            box-shadow: 0px 0px 15px 0px #000000;
        }

            .home-body .home-books-display .container-fluid .row .card-deck .card a {
                /*object-fit: cover;*/
                height: 100%;
                width: 100%;
                object-fit: fill;
            }


            .home-body .home-books-display .container-fluid .row .card-deck .card .card-img {
                /*object-fit: cover;*/
                height: 100%;
                width: 100%;
                object-fit: fill;
            }

.home-body .home-books-display .transition-mode img {
    border-radius: 15px;
    -moz-box-shadow: 0px 0px 15px 0px #000000;
    -webkit-box-shadow: 0px 0px 15px 0px #000000;
    box-shadow: 0px 0px 15px 0px #000000;
}

@media (max-width: 575px) {



    /*.home-body .home-books-display .container-fluid .row .card-deck .card {
        height: 100%;
        width: 20vw;
        object-fit: fill;
    }

    .home-body .home-books-display .container-fluid .row .card-deck .card .card-img {
        height: 100%;
        width: 20vw;
        object-fit: fill;
    }*/
}


.home-body .home-about-me .container-fluid {
    max-height: 600px;
}


    .home-body .home-about-me .container-fluid h2 {
        font-family: "Satisfy", "Balsamiq Sans", "Roboto", sans-serif, cusrive;
    }


    .home-body .home-about-me .container-fluid img {
        max-height: 450px;
        align-self: center;
    }

/*.home-body .home-about-me .container-fluid .row .col img {

        height: 50%;
        width: auto;
    }*/



@media (max-width : 590px) {
    .home-body .home-about-me .container-fluid {
        height: 600px;
    }

        .home-body .home-about-me .container-fluid h3 {
            font-size: 30px;
        }

        .home-body .home-about-me .container-fluid h5 {
            font-size: 20px;
        }
}




.home-body .home-bulletin-board .container-fluid {
    /*max-height: 600px;*/
}


    .home-body .home-bulletin-board .container-fluid h2 {
        font-family: "Satisfy", "Balsamiq Sans", "Roboto", sans-serif, cusrive;
    }


.home-body .home-bulletin-board img {
    /*max-height: 450px;*/
    align-self: center;
    width: 100%;
    object-fit: fill;
    /*-moz-box-shadow: 0px 50px 40px -20px #000;*/
    /*-webkit-box-shadow: 0px 50px 40px -20px #000;*/
    -moz-box-shadow: 0px 0px 15px 0px #000000;
    -webkit-box-shadow: 0px 0px 15px 0px #000000;
    box-shadow: 0px 0px 15px 0px #000000;
}

/*.home-body .home-bulletin-board .container-fluid .row .col img {

        height: 50%;
        width: auto;
    }*/



@media (max-width : 590px) {
    .home-body .home-bulletin-board .container-fluid {
        /*height: 600px;*/
    }

        .home-body .home-bulletin-board .container-fluid h3 {
            font-size: 30px;
        }

        .home-body .home-bulletin-board .container-fluid h5 {
            font-size: 20px;
        }
}


@media only screen and (max-width: 576px) {
    .mobile-disable-link {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
        color: black;
    }
}


@media only screen and (max-width: 576px) {
    .mobile-hide {
        display: none;
    }
}



@media (min-width: 576px) {
    .mobile-show {
        display: none;
    }
}


@media only screen and (max-width: 768px) {
    .small-tablet-hide {
        display: none;
    }
}


@media (min-width: 768px) {
    .small-tablet-show {
        display: none;
    }
}





.home-body .home-contact-footer .container-fluid {
    /*background-color: black;*/
    /*color: white;*/
}





/* Home Read Launch Footer */

.home-body .home-awards-from .star-row {
    height: 45px;
}

@media (min-width: 576px) {


    .home-body .home-awards-from p {
        font-size: 2rem;
        font-weight: bold;
    }

    .home-body .home-awards-from .star-img {
        height: 150px;
        width: auto;
        -moz-transform: translate(20px, -75px);
        -webkit-transform: translate(20px, -75px);
        -o-transform: translate(20px, -75px);
        -ms-transform: translate(20px, -75px);
        transform: translate(20px, -75px);
    }
}


.home-body .home-awards-from .awards-img-bg {
    background-color: white;
}


    .home-body .home-awards-from .awards-img-bg img {
        width: 100%;
        object-fit: fill
    }

@media (max-width: 576px) {

    .home-body .home-awards-from .awards-img-bg img {
        height: 75px;
        width: 100%;
        object-fit: fill
    }

    .home-body .home-awards-from .awards-from-header {
        font-size: 1.25rem;
        font-weight: bold;
        margin-left: 10px;
        -moz-transform: translate(0px, 15px);
        -webkit-transform: translate(0px, 15px);
        -o-transform: translate(0px, 15px);
        -ms-transform: translate(0px, 15px);
        transform: translate(0px, 15px);
        /*height: 45px;*/
    }

    .home-body .home-awards-from .star-img {
        height: 80px;
        width: auto;
        -moz-transform: translate(20px, -18px);
        -webkit-transform: translate(20px, -18px);
        -o-transform: translate(20px, -18px);
        -ms-transform: translate(20px, -18px);
        transform: translate(20px, -18px);
    }
}


.home-body .home-contact-footer .email-submit-btn {
    background-color: #00C2CB !important;
    border: none;
}


@media (max-width: 576px) {

    .home-body .home-contact-footer .input-group {
        /*display: flex;*/
        max-width: 300px !important;
        margin-left: auto;
        margin-right: auto;
    }

    .home-body .home-contact-footer .amazon-prime-col {
        /*text-align: center !important;*/
    }

    .home-body .home-contact-footer .contact-us-col {
        text-align: right !important;
    }

    .home-body .home-contact-footer .amazon-prime-link {
        height: 100px;
        width: auto;
        margin-left: 10px;
    }

    .home-body .home-contact-footer .contact-us-link {
        height: 100px;
        width: auto;
        margin-right: 10px;
    }


}

/* End Read Launch Footer*/


/* Home Read Launch Footer */

@media (min-width: 576px) {

    /*.home-body .home-contact-footer .email-input-width {
        max-width: 600px !important;
        margin-left: auto;
        margin-right: auto;
    }*/

    .home-body .home-contact-footer .input-group {
        /*display: flex;*/
        max-width: 600px !important;
        margin-left: auto;
        margin-right: auto;
    }

    .home-body .home-contact-footer .amazon-prime-col {
        text-align: center !important;
    }

    .home-body .home-contact-footer .contact-us-col {
        text-align: center !important;
    }

    .home-body .home-contact-footer .amazon-prime-link {
        height: 150px;
        width: auto;
        margin-left: 50px;
    }

    .home-body .home-contact-footer .contact-us-link {
        height: 150px;
        width: auto;
        margin-right: 50px;
    }
}

@media (max-width: 576px) {

    .home-body .home-contact-footer .amazon-prime-col {
        /*text-align: center !important;*/
    }

    .home-body .home-contact-footer .contact-us-col {
        text-align: right !important;
    }

    .home-body .home-contact-footer .amazon-prime-link {
        height: 100px;
        width: auto;
        margin-left: 10px;
    }

    .home-body .home-contact-footer .contact-us-link {
        height: 100px;
        width: auto;
        margin-right: 10px;
    }
}

.home-body .home-contact-footer .container-fluid h3 {
    font-family: "Satisfy", "Balsamiq Sans", "Roboto", sans-serif, cusrive;
}


.social-info-footer .home-contact-social-footer .container-fluid {
    background-color: black;
}

.social-info-footer .home-contact-social-footer a:link,
.social-info-footer .home-contact-social-footer a:visited {
    color: white;
    text-decoration: none;
}

.social-info-footer .home-contact-social-footer a:hover {
    color: lightgrey;
    text-decoration: none;
}


.social-info-footer .home-contact-social-footer .info-home-icons {
    color: white;
}


@media (max-width: 576px) {

    .home-body .container-fluid {
        padding-top: 1.5rem !important;
        padding-bottom: 1rem !important;
    }

    .social-info-footer .home-contact-social-footer .container-fluid {
        padding-top: 1.5rem !important;
        padding-bottom: 1rem !important;
    }

    .social-info-footer .home-contact-social-footer .social-home-icons {
        font-size: 2em;
    }

   /* .social-info-footer .home-contact-social-footer .info-home-icons a {
        font-size: 0.8em;
    }

    .social-info-footer .home-contact-social-footer .info-home-icons span {
        color: white;
    }*/
}


@media (min-width: 576px) {

    .home-body .container-fluid {
        padding-top: 3rem !important;
        padding-bottom: 0 !important;
    }

    .social-info-footer .home-contact-social-footer .container-fluid {
        padding-top: 3rem !important;
        padding-bottom: 0 !important;
    }

    .social-info-footer .home-contact-social-footer .social-home-icons {
        font-size: 3em;
    }

/*    .social-info-footer .home-contact-social-footer .info-home-icons a {
        font-size: 1.2em;
        padding-left: 10px;
        padding-right: 10px;
    }

    .social-info-footer .home-contact-social-footer .info-home-icons span {
        color: white;
    }*/
}



/* End Read Launch Footer*/



.check_terms_text {
    font-size: 0.8rem;
}



.contact-us-read .container-fluid {
    /*min-height: 100%;
    min-height: 100vh;*/
    /*opacity: 0.25;*/
    /*min-height: 1000px;*/


    /*background-color: black;*/
    
    /*position: relative;*/
    /*font-weight: bold;*/
}


.contact-us-read .card {
    background-color: rgb(208, 228, 248);
    border-radius: 5%;
    border: none;
}


.contact-us-read .btn-primary {
    background-color: orange;
    border: none;
    /*width: 50px;*/
    padding-left: 20px;
    padding-right: 20px;
    font-weight: bold;
}

.contact-us-read h1 {
    font-family: "Satisfy", "Balsamiq Sans", "Roboto", sans-serif, cusrive;
}

.contact-us-read-success .container-fluid {
    /*height: 100vh;
    min-height: 800px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: black;
    background-size: cover;
    position: relative;
    font-weight: bold;*/
}


.contact-us-read-success .row {
    height: 90vh;
}


.chapter-mce .tox-edit-area {
    font-size: 50px !important;
}



/* BEGIN Font selection for chapter reads */

.font-select-btn {
    /*background-color: #3498DB;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;*/
}

/*.font-select-btn:hover, .font-select-btn:focus {
        background-color: #2980B9;
    }*/


.dropdown-right-below {
    position: absolute;
}

.font-select-dropdown-content {
    display: none;
    position: absolute;
    background-color: lightgray;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 10;
}

    .font-select-dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

.font-select-dropdown a:hover {
    background-color: #ddd;
}

.font-select-show {
    display: block;
}


.book-cover-page {
    height: 60vh;
}

    .book-cover-page img {
        height: 100%;
        width: auto;
        object-fit: fill;
    }



/* The LIBE */


.primary-header {
    font-size: 4rem;
    font-weight: bolder;
}




.carousel-book-view-all .card-img-overlay {
    opacity: 0;
}

.carousel-book-view-all .book-datalist {
    max-height: 500px;
    overflow-y: auto;
}

.carousel-book-view-all .dropdown-menu {
    max-height: 150px;
    overflow-y: auto;
}


.carousel-book-view-all .card-img-overlay-title {
    height: 24%;
    overflow: hidden;
    margin-top: 5px;
    font-size: 1.5rem;
    font-weight: bold;
}

.carousel-book-view-all .card-img-overlay-author {
    height: 8%;
    overflow: hidden;
}

.carousel-book-view-all .card-img-overlay-brand {
    height: 25px
}

.carousel-book-view-all .card-img-overlay-blurb {
    font-size: 0.8rem;
    height: 30%;
    overflow: hidden;
}

.carousel-book-view-all .card-img-overlay-misc {
    font-size: 0.85rem;
    height: 18%;
    overflow: hidden;
}



/* Autocomplete Input Box for LIBE */


.search-bar input {
    /*border: 1px solid transparent;*/
    background-color: #f1f1f1;
    /*padding: 10px;*/
    font-size: 16px;
}

    .search-bar input[type=text] {
        /*background-color: #f1f1f1;*/
        /*width: 100%;*/
    }

/*input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
  cursor: pointer;
}*/

.search-bar .autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

    .search-bar .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
    }

        /*when hovering an item:*/
        .search-bar .autocomplete-items div:hover {
            background-color: #e9e9e9;
        }

/*when navigating through the items using the arrow keys:*/
.search-bar .autocomplete-active {
    background-color: #e9e9e9 !important;
}



@media (max-width: 576px) {
    .carousel-book-view-all .container-fluid {
        height: 425px;
    }

    .carousel-book-view-all .brick-background {
        /*background-position: center;*/
        background-size: 100%;
        background-repeat: repeat-y;
        background-color: black;
        border: none;
        /*background-size: fill;*/
        /*position: relative;*/
    }

    .carousel-book-view-all .carousel-inner {
        width: 85%;
    }

    .carousel-book-view-all h3 {
        width: 90%;
        margin: .7em auto;
        overflow: hidden;
        text-align: center;
        font-weight: 300;
        color: #000;
    }

        .carousel-book-view-all h3:before, .carousel-book-view-all h3:after {
            content: "";
            display: inline-block;
            width: 50%;
            margin: 0 .5em 0 -55%;
            vertical-align: middle;
            border-bottom: 1px solid;
        }

        .carousel-book-view-all h3:after {
            margin: 0 -55% 0 .5em;
        }

}



@media (min-width: 576px) {


    .carousel-book-view-all .card:hover {
        transform: scale(1.05);
        /*position: absolute;*/
        z-index: 100;
        transition-duration: 0.2s;
        border: 1px double;
    }


        .carousel-book-view-all .card:hover .card-img {
            opacity: 0.15;
            transition-duration: 0.1s;
        }


        .carousel-book-view-all .card:hover .card-img-overlay {
            opacity: 1;
            transition-duration: 0.2s;
            padding: 5px;
        }

        .carousel-book-view-all .card:hover .card-body {
            display: block;
            transition-duration: 0.2s;
        }

    .carousel-book-view-all .container-fluid {
        height: 500px;
    }

    .carousel-book-view-all .brick-background {
        /*background-position: center;*/
        background-size: 100%;
        background-repeat: repeat-y;
        background-color: black;
        /*padding-left: 3rem !important;
        padding-right: 3rem !important;*/
        border: none;
        /*background-size: fill;*/
        /*position: relative;*/
    }

    .carousel-book-view-all .carousel-inner {
        width: 90%;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .carousel-book-view-all h3 {
        width: 70%;
        margin: .7em auto;
        overflow: hidden;
        text-align: center;
        font-weight: 300;
        /*font-size: 2.0rem;*/
        color: #000;
    }

        .carousel-book-view-all h3:before, .carousel-book-view-all h3:after {
            content: "";
            display: inline-block;
            width: 50%;
            margin: 0 .5em 0 -55%;
            vertical-align: middle;
            border-bottom: 1px solid;
        }

        .carousel-book-view-all h3:after {
            margin: 0 -55% 0 .5em;
        }

}



.carousel-book-view-all .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

/*.carousel-control-prev,
    .carousel-control-next {
        align-items: flex-start;
    }*/

.carousel-book-view-all .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}










.carousel-book-view-all .card {
    border: none;
}

.carousel-book-view-all .book-img {
    /*width: 100%;*/ /* You can set the dimensions to whatever you want */
    min-width: 225px;
    max-width: 225px;
    /*width: 300px !important;*/
    height: 330px;
    object-fit: fill;
}





.carousel-book-view-all .carousel-inner .carousel-item.active,
.carousel-book-view-all .carousel-inner .carousel-item-next,
.carousel-book-view-all .carousel-inner .carousel-item-prev {
    display: flex;
}



@media (min-width : 768px) {

    .carousel-book-view-all .libe-shelf {
        width: 100%;
        height: 50px;
        object-fit: fill;
        -moz-box-shadow: 0px 50px 40px -15px #000;
        -webkit-box-shadow: 0px 50px 40px -15px #000;
        box-shadow: 0px 50px 40px -15px #000;
    }

    .carousel-book-view-all .book-carousel {
        width: 75%;
    }

    .carousel-book-view-all .book-img {
        min-width: 225px;
        max-width: 225px;
        height: 330px;
        object-fit: fill;
    }
}


@media (max-width : 768px) {

    .carousel-book-view-all .libe-shelf {
        width: 100%;
        height: 40px;
        object-fit: fill;
        -moz-box-shadow: 0px 50px 40px -15px #000;
        -webkit-box-shadow: 0px 50px 40px -15px #000;
        box-shadow: 0px 28px 15px -15px #000;
    }

    .carousel-book-view-all .book-carousel {
        width: 95%;
    }

    .carousel-book-view-all .book-img {
        min-width: 175px;
        max-width: 175px;
        height: 246px;
        object-fit: fill;
    }

}







    /*.carousel-book-view-all .carousel-inner .carousel-item-right,
.carousel-book-view-all .carousel-inner .carousel-item-left {
    transform: translateX(0);
}*/


    /* END THE LIBE */



    /* END Font selection for chapter reads */

    /* BEGIN Just Right Matrix*/


.jrm .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.jrm .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}


.jrm .how-to-circle {
    z-index: 999;
    position: relative;
    width: 115px;
    height: 115px;
    border-radius: 50%;
    font-size: 1.1rem;
    font-weight: bold;
    /*color: #fff;*/
    color: darkblue;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    /*background: #000;*/
    background: #7ddee3;
    /*box-shadow: 6px 6px 1px 1px #79DBDF;*/
    box-shadow: 3px 3px 5px 4px #000000;
}

.jrm .how-to-spotlight-img {
    opacity: .5;
    height: 130px;
    width: auto;
    z-index: 1;
    transform: scale(1.25) translate(100px, 0);
    /*transform: scale(1.25) rotate(20deg) translate(30px, -10px);*/
}

.jrm .how-to-circle-example {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 0.85rem;
    font-weight: bold;
    /*color: #fff;*/
    color: darkblue;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    /*background: #000;*/
    /*background: #19fff7;*/
    /*background: #16D6DF;*/
    background: #7ddee3;
    transform: translate(0, 5px);
}

.jrm .how-to-card {
    z-index: 999;
    position: relative;
    width: 425px;
    border-radius: 25px;
    /*-webkit-box-shadow: 5px 5px 7px 0px #000000;
    box-shadow: 5px 5px 7px 0px #000000;*/
    -webkit-box-shadow: 2px 4px 6px 3px #000000;
    box-shadow: 2px 4px 6px 3px #000000;
}


.jrm .how-to-card-rl {
    z-index: 999;
    position: relative;
    width: 375px;
    margin-left: 25px;
    border-radius: 25px;
    /*-webkit-box-shadow: 5px 5px 7px 0px #000000;
    box-shadow: 5px 5px 7px 0px #000000;*/
    -webkit-box-shadow: 2px 4px 6px 3px #000000;
    box-shadow: 2px 4px 6px 3px #000000;

    -webkit-transform: translate(0px, 25px);
    -o-transform: translate(0px, 25px);
    -moz-transform: translate(0px, 25px);
    -ms-transform: translate(0px, 25px);
    transform: translate(0px, 25px);
}

.jrm .how-to-header {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 10px;
    color: darkblue;
    /*border-bottom: 5px dotted #19fff7;*/
    border-bottom: 5px dotted #16D6DF;
}

    .jrm .how-to-body {
        font-size: 0.85rem;
    }

    .jrm .how-to-body-rl {
        font-size: 0.95rem;
    }

    .jrm .how-to-example-text {
        font-size: 0.83rem;
    }

    .jrm .hide-show-how-to-jrm {
        /*display: none;
        visibility: hidden;*/
    }




@media (min-width: 1800px) {

    .jrm .shrink-view {
        -webkit-transform: scale(0.75) translate(0px, -200px);
        -o-transform: scale(0.75) translate(0px, -200px);
        -moz-transform: scale(0.75) translate(0px, -200px);
        -ms-transform: scale(0.75) translate(0px, -200px);
        transform: scale(0.75) translate(0px, -200px);
    }

    /*.jrm .shrink-view-no-shrink {
        -webkit-transform: translate(-100px, -150px);
        -o-transform: translate(-100px, -150px);
        -moz-transform: translate(-100px, -150px);
        -ms-transform: translate(-100px, -150px);
        transform: translate(-100px, -150px);
        width: 400px;
    }*/

    .jrm .shrink-view-no-shrink {
        -webkit-transform: translate(-100px, 0px);
        -o-transform: translate(-100px, 0px);
        -moz-transform: translate(-100px, 0px);
        -ms-transform: translate(-100px, 0px);
        transform: translate(-100px, 0px);
        width: 400px;
    }

    /*.jrm .page-header-jrm {
        -webkit-transform: translate(-150px, 0px);
        -o-transform: translate(-150px, 0px);
        -moz-transform: translate(-150px, 0px);
        -ms-transform: translate(-150px, 0px);
        transform: translate(-150px, 0px);
        width: 1900px;
    }*/

    .jrm .brick-background {
        /*background-position: center;*/
        background-size: 100%;
        background-repeat: repeat-y;
        background-color: black;
        /*background-size: cover;*/
        min-width: 1900px;
        /*background-size: fill;*/
        /*position: relative;*/
    }
}


    @media (min-width: 2100px) {

        .jrm .shrink-view {
            -webkit-transform: scale(0.75) translate(240px, -200px);
            -o-transform: scale(0.75) translate(240px, -200px);
            -moz-transform: scale(0.75) translate(240px, -200px);
            -ms-transform: scale(0.75) translate(240px, -200px);
            transform: scale(0.75) translate(240px, -200px);
        }

        .jrm .shrink-view-no-shrink {
            -webkit-transform: translate(100px, 0px);
            -o-transform: translate(100px, 0px);
            -moz-transform: translate(100px, 0px);
            -ms-transform: translate(100px, 0px);
            transform: translate(100px, 0px);
            width: 400px;
        }

        /*.jrm .page-header-jrm {
            -webkit-transform: translate(-150px, 0px);
            -o-transform: translate(-150px, 0px);
            -moz-transform: translate(-150px, 0px);
            -ms-transform: translate(-150px, 0px);
            transform: translate(-150px, 0px);
            width: 1900px;
        }*/

        .jrm .brick-background {
            background-size: 100%;
            background-repeat: repeat-y;
            background-color: black;
            min-width: 1900px;
        }
    }





    @media (max-width: 1800px) {

        .jrm .shrink-view {
            -webkit-transform: scale(0.75) translate(-250px, -200px);
            -o-transform: scale(0.75) translate(-250px, -200px);
            -moz-transform: scale(0.75) translate(-250px, -200px);
            -ms-transform: scale(0.75) translate(-250px, -200px);
            transform: scale(0.75) translate(-250px, -200px);
        }

        .jrm .shrink-view-no-shrink {
            -webkit-transform: translate(-300px, 0px);
            -o-transform: translate(-300px, 0px);
            -moz-transform: translate(-300px, 0px);
            -ms-transform: translate(-300px, 0px);
            transform: translate(-300px, 0px);
            width: 400px;
        }


        /* This is for the original version where read level card was in top left and
            this helper card/button were in-line with header
        */
        /*.jrm .shrink-view-no-shrink {
            -webkit-transform: translate(-300px, -150px);
            -o-transform: translate(-300px, -150px);
            -moz-transform: translate(-300px, -150px);
            -ms-transform: translate(-300px, -150px);
            transform: translate(-300px, -150px);
            width: 400px;
        }*/

        .jrm .page-header-jrm {
            -webkit-transform: translate(-200px, 0px);
            -o-transform: translate(-200px, 0px);
            -moz-transform: translate(-200px, 0px);
            -ms-transform: translate(-200px, 0px);
            transform: translate(-200px, 0px);
            width: 1900px;
        }


        .jrm .brick-background {
            /*background-position: center;*/
            background-size: 100% ;
            background-repeat: repeat-y;
            background-color: black;
            /*background-size: cover;*/
            min-width: 1900px;
            /*min-width: 100%;*/
            /*background-size: fill;*/
            /*position: relative;*/
        }
    }


    .jrm .just-right-header-height {
        height: 100px;
    }

    /*.jrm-footer-width {
        min-width: 1600px;
    }*/

    .jrm-no-scroll {
        max-width: 100%;
        overflow-x: hidden;
    }



    .jrm .just-right-header {
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .jrm .outer-border-container {
        /*background-color: grey;*/
        width: 1600px;
    }

    .jrm .inner-border-container {
        /*background-color: rgb(25, 155, 159);*/
    }

    .jrm .carousel-book-view .container-fluid {
        /*height: 1500px;*/
        width: 1500px;
        /*overflow-x: auto;*/
    }

    .jrm .carousel-book-view .reading-level-text {
        height: 75px;
    }

    .jrm .carousel-book-view .reading-level-spans-text {
        height: 30px;
    }



    .jrm .carousel-book-view h1,
    .jrm .carousel-book-view h3,
    .jrm .carousel-book-view p {
        /*color: white;*/
        color: darkblue;
        /*font-weight: bold;*/
    }

    .jrm .carousel-book-view .jrm-rl {
        font-family: "Satisfy", "Balsamiq Sans", "Roboto", sans-serif, cusrive;
        transform: translate(-15px, 0);
    }

/* Purple Arrows*/
    /*.jrm .carousel-book-view .jrm-arrow {
        height: 40px;
        width: 45px;
    }

    .jrm .carousel-book-view .jrm-arrow-down {
        height: 40px;
        width: 45px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }*/

/* Blue Arrows */
.jrm .carousel-book-view .jrm-arrow {
    height: 40px;
    width: 65px;
    -webkit-transform: rotate(270deg) translate(-5px, 10px);
    -moz-transform: rotate(270deg) translate(-5px, 10px);
    -o-transform: rotate(270deg) translate(-5px, 10px);
    -ms-transform: rotate(270deg) translate(-5px, 10px);
    transform: rotate(270deg) translate(-5px, 10px);
}

.jrm .carousel-book-view .jrm-arrow-down {
    height: 40px;
    width: 65px;
    transform: translate(-15px, 0);
}

.jrm .jrm-bookshelf {
    -moz-box-shadow: 0px 0px 15px 0px #000000;
    -webkit-box-shadow: 0px 0px 15px 0px #000000;
    box-shadow: 0px 0px 15px 0px #000000;
}




.jrm .jrm-rl-gr-text {
    font-size: 1rem;
    font-weight: bold;
}

    .jrm .jrm-gle-text {
        color: darkorange;
    }

    .jrm .jrm-lex-text {
        color: darkblue;
    }

.jrm .jrm-fp-text {
    /*color: turquoise;*/
    color: #16D6DF;
}

    .jrm .carousel-book-view .card-img {
        object-fit: fill;
        /*width: 100%;*/
        width: 160px;
        height: 236px;
        /*height: 225px;*/
    }

    .jrm .carousel-book-view .card:hover {
        transform: scale(1.1);
        z-index: 10;
        transition-duration: 0.1s;
        border: 1px double;
    }


        .jrm .carousel-book-view .card:hover .card-img {
            opacity: 0.15;
            transition-duration: 0.1s;
        }

    .jrm .carousel-book-view .card-img-overlay {
        opacity: 0;
    }

    .jrm .carousel-book-view .card:hover .card-img-overlay {
        opacity: 1;
        transition-duration: 0.1s;
        overflow-y: hidden;
    }

    .jrm .carousel-book-view .card:hover .card-body {
        display: block;
        transition-duration: 0.1s;
    }


    .jrm .carousel-book-view .card {
        /*min-width: 170px;
    max-width: 170px;*/
        min-width: 160px;
        max-width: 160px;
    }

    .carousel-book-view .row-books {
        /*background-color: dimgray;*/
    }

    .jrm .carousel-book-view .carousel-inner {
        width: 90%;
    }

    a.custom-card,
    a.custom-card:hover {
        color: inherit;
        text-decoration: none;
    }









    /* END Just Right Matrix*/


    /*random styles*/
    .divider {
        height: 1px;
        width: 80%;
        margin: 20px auto 20px auto;
        background: #fff;
        background: linear-gradient(135deg,rgba(255,255,255,0) 0,#fff 50%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1)
    }


    .shadow {
        box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.1);
    }




    .text-danger {
        font: bold;
    }

    .btn-danger {
        color: #fff;
        background-color: #f00000;
        border-color: #dc281e;
    }


    .grecaptcha-badge {
        opacity: 0;
    }

    /*Styles for Brand*/
    /*Styles for Main Page Footers*/





    /*Table of Contents Chapter View*/

    .toc-view .card {
        background: none;
        border: none;
    }

    .toc-view .card-title {
        text-align: right;
    }

    .toc-view .row {
        margin-left: 0;
        margin-right: 0
    }

    .toc-view .toc-ol-names {
        list-style-type: none;
        text-align: right;
        padding-left: 0;
    }

    .toc-view .toc-ol-edit {
        list-style-type: none;
        padding-left: 10px;
    }

    .toc-view li {
        padding-bottom: 5px;
    }



    /*Title/Chapter Page Views*/

    .chapter-view .tox-edit-area__iframe {
        background-color: transparent !important;
        border: none;
    }


    .chapter-view .chapter-content {
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-color: transparent;
        padding-left: 8% !important;
        padding-top: 20px !important;
    }

    .chapter-view .chapter-content-add {
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-color: transparent;
        padding-left: 8% !important;
        padding-top: 50px !important;
    }


    .chapter-view .chapter-content-body {
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-color: transparent;
        padding-left: 8% !important;
        padding-top: 25px !important;
        height: 900px;
    }

    .cc-row-title {
        height: 90%;
        /*width: 95%;*/
    }

    .chapter-view .cc-row-title-spacer-top {
        height: 5%;
    }

    .chapter-view .cc-row-header {
        height: 40%;
        padding-top: 25px;
        text-align: center;
    }

    .chapter-view .cc-row-author {
        height: 30%;
        text-align: center;
    }

    .chapter-view .cc-row-brand {
        height: 25%;
        text-align: center;
        width: 85%;
    }

    .chapter-view .display-4 {
        width: 81%;
    }

    .chapter-view .chapter-content-body h3 {
        width: 81%;
    }

    .chapter-view .chapter-content-body .row img {
        width: 81%;
        height: 75%;
        width: auto;
    }

    /* Title Page */

    .chapter-view-title .chapter-content {
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-color: transparent;
        padding-left: 8% !important;
        padding-top: 20px !important;
    }

    .chapter-view-title .chapter-content-add {
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-color: transparent;
        padding-left: 8% !important;
        padding-top: 50px !important;
    }


    .chapter-view-title .chapter-content-body {
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-color: transparent;
        padding-left: 1% !important;
        padding-right: 6% !important;
        padding-top: 25px !important;
        height: 900px;
    }

    .chapter-view-title .cc-row-title {
        height: 90%;
        /*width: 95%;*/
    }

    .chapter-view-title .cc-right-pane {
        padding-left: 5%;
    }

    .chapter-view-title .cc-row-title-spacer-top {
        height: 5%;
    }

    .chapter-view-title .cc-row-header {
        height: 40%;
        padding-top: 25px;
        text-align: center;
    }

    .chapter-view-title .cc-row-author {
        height: 30%;
        text-align: center;
    }

        .chapter-view-title .cc-row-author h3 {
            text-align: center;
        }

    .chapter-view-title .cc-row-brand {
        height: 25%;
        text-align: center;
        /*width: 85%;*/
    }

        .chapter-view-title .cc-row-brand img {
            height: 30%;
            text-align: center;
        }

    /*.chapter-view-title .display-4 {
    width: 81%;
}*/

    /*.chapter-view-title .chapter-view .chapter-content-body h3 {
    width: 81%;
}*/

    .chapter-view-title .chapter-view .chapter-content-body .row img {
        /*width: 81%;*/
        height: 75%;
        width: auto;
    }



    /* Combined All View */



    /*Title/Chapter Page Views*/

    .chapter-view-all .tox-edit-area__iframe {
        background-color: transparent !important;
        border: none;
    }



    @media only screen and (max-width: 1650px) {
        .tablet-hide {
            display: none;
        }
    }


    @media (min-width: 1600px) {
        .tablet-show {
            display: none;
        }
    }


    @media only screen and (max-width: 1200px) {
        .read-top-nav-hide {
            display: none;
        }
    }

    @media only screen and (max-width: 1600px) {
        .read-side-nave-hide {
            display: none;
        }
    }


    @media (min-width: 691px) {
        .read-nav-words-hide {
            display: none;
        }
    }

    @media (max-width: 760px) {
        .read-nav-words-show {
            display: inline-flex;
        }
    }




    .smart-scroll {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }

    .scrolled-down {
        -webkit-transform: translate(0);
        -o-transform: translate(0);
        transform: translateY(-100%);
        transition: all 0.3s ease-in-out;
    }

    .scrolled-up {
        -webkit-transform: translate(0);
        -o-transform: translate(0);
        transform: translateY(0);
        transition: all 0.3s ease-in-out;
    }



    #bl-bright:hover {
        background-image: -webkit-linear-gradient( 0deg,#0000F4,#000000,#E93323);
        background-image: -moz-linear-gradient(0deg,#0000F4,#000000,#E93323);
        /*background-image: -ms-linear-gradient(0deg,#0000F4,#000000,#E93323);*/
        background-image: -o-linear-gradient(0deg,#0000F4,#000000,#E93323);
        background-image: linear-gradient( 90deg,#0000F4,#000000,#E93323);
        color: white;
    }

    #bl-bright.active {
        background-image: -webkit-linear-gradient( 0deg,#0000F4,#000000,#E93323);
        background-image: -moz-linear-gradient(0deg,#0000F4,#000000,#E93323);
        /*background-image: -ms-linear-gradient(0deg,#0000F4,#000000,#E93323);*/
        background-image: -o-linear-gradient(0deg,#0000F4,#000000,#E93323);
        background-image: linear-gradient( 90deg,#0000F4,#000000,#E93323);
        color: white;
    }

    #bl-dark:hover {
        background-image: -webkit-linear-gradient( 0deg,#000091,#000000,#842c24);
        background-image: -moz-linear-gradient(0deg,#000091,#000000,#842c24);
        /*background-image: -ms-linear-gradient(0deg,#000091,#000000,#842c24);*/
        background-image: -o-linear-gradient(0deg,#000091,#000000,#842c24);
        background-image: linear-gradient( 90deg,#000091,#000000,#842c24);
        color: white;
    }

    #bl-dark.active {
        background-image: -webkit-linear-gradient( 0deg,#000091,#000000,#842c24);
        background-image: -moz-linear-gradient(0deg,#000091,#000000,#842c24);
        /*background-image: -ms-linear-gradient(0deg,#000091,#000000,#842c24);*/
        background-image: -o-linear-gradient(0deg,#000091,#000000,#842c24);
        background-image: linear-gradient( 90deg,#000091,#000000,#842c24);
        color: white;
    }

    #bl-blues:hover {
        background-image: -webkit-linear-gradient( 0deg,#000091,#000000,#6800cf);
        background-image: -moz-linear-gradient(0deg,#000091,#000000,#6800cf);
        /*background-image: -ms-linear-gradient(0deg,#000091,#000000,##6800cf);*/
        background-image: -o-linear-gradient(0deg,#000091,#000000,#6800cf);
        background-image: linear-gradient( 90deg,#000091,#000000,#6800cf);
        color: white;
    }

    #bl-blues.active {
        background-image: -webkit-linear-gradient( 0deg,#000091,#000000,#6800cf);
        background-image: -moz-linear-gradient(0deg,#000091,#000000,#6800cf);
        /*background-image: -ms-linear-gradient(0deg,#000091,#000000,##6800cf);*/
        background-image: -o-linear-gradient(0deg,#000091,#000000,#6800cf);
        background-image: linear-gradient( 90deg,#000091,#000000,#6800cf);
        color: white;
    }

    #bl-gray:hover {
        background-image: -webkit-linear-gradient(to right, rgb(119, 119, 119) 0%, rgb(0, 0, 0) 50%, rgb(119, 119, 119) 100%);
        background-image: -moz-linear-gradient(to right, rgb(119, 119, 119) 0%, rgb(0, 0, 0) 50%, rgb(119, 119, 119) 100%);
        /*background-image: -ms-linear-gradient(0deg,#000091,#000000,##6800cf);*/
        background-image: -o-linear-gradient(to right, rgb(119, 119, 119) 0%, rgb(0, 0, 0) 50%, rgb(119, 119, 119) 100%);
        background-image: linear-gradient(to right, rgb(119, 119, 119) 0%, rgb(0, 0, 0) 50%, rgb(119, 119, 119) 100%);
        color: white;
    }

    #bl-gray.active {
        background-image: -webkit-linear-gradient(to right, rgb(119, 119, 119) 0%, rgb(0, 0, 0) 50%, rgb(119, 119, 119) 100%);
        background-image: -moz-linear-gradient(to right, rgb(119, 119, 119) 0%, rgb(0, 0, 0) 50%, rgb(119, 119, 119) 100%);
        /*background-image: -ms-linear-gradient(0deg,#000091,#000000,##6800cf);*/
        background-image: -o-linear-gradient(to right, rgb(119, 119, 119) 0%, rgb(0, 0, 0) 50%, rgb(119, 119, 119) 100%);
        background-image: linear-gradient(to right, rgb(119, 119, 119) 0%, rgb(0, 0, 0) 50%, rgb(119, 119, 119) 100%);
        color: white;
    }





    @media (min-width : 768px) {

        .chapter-view-all .dropdown-menu-positioning {
            right: auto;
            left: 50%;
            -webkit-transform: translate(-50%, 0);
            -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
        }

        .chapter-view-all .read-color-palette .dropdown-item {
            padding: 0.1rem .92rem;
            width: 30px !important;
            height: 30px !important;
            border-radius: 15%;
        }

        .chapter-view-all .read-view-book-size {
            max-width: 1100px;
            min-height: 800px;
            background-size: cover
        }

        .chapter-view-all .read-background-card {
            background-color: #57729e;
            border-radius: 25px;
            -moz-box-shadow: 0px 0px 15px 0px #000000;
            -webkit-box-shadow: 0px 0px 15px 0px #000000;
            box-shadow: 0px 0px 15px 0px #000000 !important;
        }

        .chapter-view-all .read-inner-card {
            min-height: 800px;
            margin-left: 30px;
            margin-right: 30px;
            margin-top: 65px;
            margin-bottom: 65px;
            border-radius: 25px;
            background-color: rgb(244,244,244) !important;
        }


        .chapter-view-all .read-view-cover-img {
            width: 100%;
            object-fit: fill;
            border-radius: 25px;
            transition: transform 2s;
        }


        .chapter-view-all .chapter-content {
            background-size: 100% 100%;
            min-height: 800px;
            background-repeat: no-repeat;
            background-color: transparent;
            padding-left: 2% !important;
            padding-right: 3% !important;
            padding-top: 20px !important;
            /*min-height: 900px;*/
        }

        .chapter-view-all .scale-cover {
            transform: scale(0.6) translate(0, -35%);
        }


        .chapter-view-all .book-img {
            /*width: 100%;*/ /* You can set the dimensions to whatever you want */
            /*min-width: 225px;*/
            /*max-width: 225px;*/
            width: 225px;
            /*width: 300px !important;*/
            height: 330px;
            object-fit: fill;
        }

        .chapter-view-all .carousel-item {
            padding-left: 5%;
            padding-right: 5%;
            padding-bottom: 5%;
            min-height: 800px;
        }

        .chapter-view-all .chapter-title-html {
            font-size: 2rem;
        }

        .chapter-view-all .chapter-content-html {
            text-indent: 20px;
        }


    }





    @media (max-width : 768px) {

        .chapter-view-all .read-view-book-size {
            max-width: 1100px;
            min-height: 800px;
            background-size: cover;
            padding-left: 0px;
            padding-right: 0px;
        }

        .chapter-view-all .read-background-card {
            background-color: transparent;
            border: none;
            /*border-radius: 25px*/
        }

        .chapter-view-all .read-inner-card {
            margin-left: 5px;
            margin-right: 5px;
            margin-top: 10px;
            /*margin-bottom: 10px;
        border-radius: 25px;*/
            background-color: rgb(244,244,244);
        }

        .chapter-view-all .read-view-cover-img {
            width: 100%;
            object-fit: fill;
            /*border-radius: 25px;*/
        }


        .chapter-view-all .read-view-book-size {
            max-width: 1100px;
            background-size: cover;
            padding-left: 0px;
            padding-right: 0px;
        }


        .chapter-view-all .toggler-mobile-position {
            margin-right: 25px;
        }

        .chapter-view-all .chapter-content {
            background-size: 100% 100%;
            min-height: 800px;
            background-repeat: no-repeat;
            background-color: transparent;
            /*padding-left: 2% !important;*/
            /*padding-right: 3% !important;*/
            /*padding-top: 20px !important;*/
            /*min-height: 900px;*/
        }


        .chapter-view-all .sugg-reading-card {
            /*width: 100%;*/ /* You can set the dimensions to whatever you want */
            min-width: 225px;
            max-width: 225px;
            /*width: 300px !important;*/
            height: 330px;
            object-fit: fill;
            margin-bottom: 25px;
        }

        .chapter-view-all .book-img {
            /*width: 100%;*/ /* You can set the dimensions to whatever you want */
            min-width: 225px;
            max-width: 225px;
            /*width: 300px !important;*/
            height: 330px;
            object-fit: fill;
            /*margin-bottom: 25px;*/
        }

        .chapter-view-all .carousel-item {
            padding-left: 0%;
            padding-right: 0%;
            /*min-height: 800px;*/
        }

        .chapter-view-all .chapter-title-html {
            font-size: 2rem;
        }

        .chapter-view-all .chapter-content-html {
            padding-left: 10px;
            padding-right: 10px;
            text-indent: 20px;
        }
    }


    .chapter-view-all .mini-phone-view .card {
        -moz-box-shadow: 0px 0px 15px 0px #000000;
        -webkit-box-shadow: 0px 0px 15px 0px #000000;
        box-shadow: 0px 0px 15px 0px #000000 !important;
    }


    .chapter-view-all .suggested-reading .card-img-overlay {
        opacity: 0;
    }

    .chapter-view-all .suggested-reading .card-img-overlay-title {
        height: 24%;
        overflow: hidden;
        margin-top: 5px;
        font-size: 1.5rem;
        font-weight: bold;
    }

    .chapter-view-all .suggested-reading .card-img-overlay-author {
        height: 8%;
        overflow: hidden;
    }

    .chapter-view-all .suggested-reading .card-img-overlay-brand {
        height: 25px
    }

    .chapter-view-all .suggested-reading .card-img-overlay-blurb {
        font-size: 0.8rem;
        height: 30%;
        overflow: hidden;
    }

    .chapter-view-all .suggested-reading .card-img-overlay-misc {
        font-size: 0.85rem;
        height: 18%;
        overflow: hidden;
    }





    .chapter-view-all .suggested-reading .card:hover {
        transform: scale(1.05);
        z-index: 10;
        transition-duration: 0.1s;
        border: 1px double;
    }


        .chapter-view-all .suggested-reading .card:hover .card-img {
            opacity: 0.15;
            transition-duration: 0.1s;
        }



        .chapter-view-all .suggested-reading .card:hover .card-img-overlay {
            opacity: 1;
            transition-duration: 0.1s;
        }

        .chapter-view-all .suggested-reading .card:hover .card-body {
            display: block;
            transition-duration: 0.1s;
        }


    /* Not used any longer for read books */

    /*.chapter-view-all .chapter-content-add {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 2% !important;
    padding-right: 3% !important;
    padding-top: 50px !important;
}


.chapter-view-all .chapter-content-body {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 8% !important;
    padding-top: 25px !important;
    height: 900px;
}*/

    /* End */

    .chapter-view-all .carousel-control-prev,
    .chapter-view-all .carousel-control-next {
        align-items: flex-start;
        padding-top: 35px;
    }

    .chapter-view-all .cc-row-title {
        height: 90%;
        /*width: 95%;*/
    }

    .chapter-view-all .cc-row-title-spacer-top {
        height: 5%;
    }

    .chapter-view-all .cc-row-header {
        /*height: 40%;*/
        padding-top: 150px;
        text-align: center;
    }


    .chapter-view-all .cc-row-header-preview {
        /*height: 40%;*/
        padding-top: 50px;
        text-align: center;
    }

    .chapter-view-all .cc-row-author {
        /*height: 30%;*/
        padding-top: 150px;
        text-align: center;
    }

    .chapter-view-all .cc-row-author-cover {
        /*height: 25%;*/
        padding-top: 450px;
        padding-bottom: 4rem;
        text-align: center;
        /*width: 85%;*/
    }

    .chapter-view-all .cc-row-brand {
        /*height: 25%;*/
        padding-top: 300px;
        padding-bottom: 4rem;
        text-align: center;
        /*width: 85%;*/
    }


        .chapter-view-all .cc-row-brand img {
            height: 100px;
            width: auto;
        }

    .chapter-view-all .display-4 {
        width: 81%;
    }

    .chapter-view-all .navbar-collapse {
        background-color: transparent !important;
    }

    .chapter-view-all .navbar-nav {
        background-color: white;
        border-radius: 6px;
    }

    .chapter-view-all .navbar-toggler {
        background-color: lightgray;
    }

    /*.chapter-view-all .chapter-content-body h3 {
        width: 81%;
    }

    .chapter-view-all .chapter-content-body .row img {
        width: 81%;
        height: 75%;
        width: auto;
    }*/



    .chapter-view-all .carousel {
        /*min-height: 900px;*/
    }




.read_view .tox-tinymce {
    /*border: 0px !important;*/
    border: 1px dotted !important;
    cursor: text !important;
}

.read_view .tox-edit-area,
.read_view .tox-edit-area__iframe {
    /*border: 0px !important;*/
    /*border: 1px dotted !important;*/
    cursor: text !important;
}



.chapter-title-mce {
    text-align: center !important;
}




    /*.chapter-view-all .navbar li {
    margin-left: 5px;
    margin-right: 5px;
}*/

.carousel-indicators {
    margin-left: 5%;
    margin-right: 5%;
    /*justify-content: flex-start;*/
    overflow-x: auto;
}

    .carousel-indicators-numbers li {
        text-indent: 0;
        /*margin: 0 2px;*/
        margin-left: 1px;
        margin-right: 1px;
        min-width: 35px;
        width: 35px;
        height: 35px;
        border: none;
        border-radius: 100%;
        line-height: 35px;
        color: #fff;
        background-color: #999;
        transition: all 0.25s ease;
    }

        .carousel-indicators-numbers li.visited,
        .carousel-indicators-numbers li:hover,
        .carousel-indicators-numbers li.active {
            /*margin: 0 2px;*/
            width: 35px;
            height: 35px;
            background-color: blue;
        }

    .sticky-top {
        align-self: flex-start;
    }


    #sortable1 {
        margin: 0 !important;
        padding: 0 !important;
        list-style-type: none !important;
        border: 1px solid;
        border-color: black;
        background-color: #d1ecf1;
    }


        #sortable1 li {
            padding: 8px 16px;
            border: 1px solid;
            border-color: black
        }



    /* Read Side Nav Scripts*/





    .page-header .row {
        height: 225px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 40%;
    }

    .page-header .page-header-text {
        font-size: 3rem;
        font-weight: bolder;
        color: darkblue;
        text-shadow: 1px 1px 10px #7D7D7D;
        z-index: 15;
    }

    .page-header .page-subheader-text-jrm {
        font-size: 1.5rem;
        /*font-weight: bolder;*/
        color: darkblue;
        /*text-shadow: 1px 1px 10px #7D7D7D;*/
        z-index: 15;
    }


    .page-header .page-header-img {
        margin-top: 7px;
        object-fit: fill;
        height: 35px;
        width: auto;
        transform: translate(-3%, 0);
        z-index: 15;
    }

    /* Sitewide Boilerplate Pages */

    .boilers .brick-background {
        /*background-position: center;*/
        background-size: 100%;
        background-repeat: repeat-y;
        background-color: black;
        /*background-size: fill;*/
        position: relative;
    }



    .boilers .boiler-cont {
        /*padding-top: 25px;*/
        padding-bottom: 150px;
    }

        .boilers .boiler-cont .card {
            -moz-box-shadow: 0px 0px 15px 0px #000000;
            -webkit-box-shadow: 0px 0px 15px 0px #000000;
            box-shadow: 0px 0px 15px 0px #000000;
        }


@media (max-width: 576px) {
    .boilers .boiler-cont .card {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}



@media (max-width: 576px) {

    .page-header .page-subheader-text {
        font-size: 1.5rem;
        font-weight: 800;
        color: #FF852D;
        text-shadow: 1px 1px 10px #7D7D7D;
        z-index: 15;
    }

    .boilers .press-content .full-card {
        padding-top: 1rem !important;
    }

    .boilers .press-content .card-large {
        /*max-height: 350px;*/
    }


        .boilers .press-content .card-large .card-large-text {
            font-size: 0.7rem;
        }

    .boilers .press-content .small-press-cards .card {
        min-height: 100px;
        border: none;
        font-size: 0.8rem;
    }

        .boilers .press-content .small-press-cards .card .icon-image {
            margin-top: 0.5rem;
            margin-bottom: 0.5rem;
        }

        .boilers .press-content .small-press-cards .card .icon-image-arrow {
            display: none;
        }

        .boilers .press-content .small-press-cards .card .small-card-text {
            margin-top: 1rem;
            margin-bottom: 1rem;
        }
}


@media (max-width: 900px) {
    .boilers .press-content .full-card {
        padding-top: 1rem !important;
    }
}

@media (max-width: 1200px) {
    .boilers .press-content .small-press-cards .card .icon-image-arrow {
        display: none;
    }
}


@media (min-width: 576px) {

    .page-header .page-subheader-text {
        font-size: 2rem;
        font-weight: 800;
        color: #FF852D;
        /*text-shadow: 1px 1px 10px #7D7D7D;*/
        z-index: 15;
    }

    .boilers .press-content .card-large {
        height: 500px;
    }

        .boilers .press-content .card-large .card-large-text {
            font-size: 0.9rem;
        }

    .boilers .press-content .small-press-cards .card {
        height: 106px;
        border: none;
        font-size: 0.9rem;
    }
}


@media (min-width: 1500px) {
    .boilers .press-content {
        max-width: 75vw !important;
    }

        .boilers .press-content .full-card {
            padding: 3rem !important;
        }
}

@media (min-width: 1200px)  {
    .boilers .press-content {
        max-width: 85vw !important;
    }

    .boilers .press-content .full-card {
        padding: 2rem !important;
    }
}

@media (min-width: 900px) {
    .boilers .press-content {
        max-width: 90vw !important;
    }

        .boilers .press-content .full-card {
            padding: 1.5rem !important;
        }
}


.boilers .press-content .full-shadow {
    -moz-box-shadow: 0px 0px 15px 0px #000000;
    -webkit-box-shadow: 0px 0px 15px 0px #000000;
    box-shadow: 0px 0px 15px 0px #000000;
}

.boilers .press-content .partial-shadow {
    -moz-box-shadow: 4px 4px 12px 0px #000000;
    -webkit-box-shadow: 4px 4px 12px 0px #000000;
    box-shadow: 4px 4px 12px 0px #000000;
}

.boilers .press-content .no-decor {
    text-decoration: none;
    color: black;
}


.boilers .press-content .card-pop:hover {
    transform: scale(1.03);
    transition-duration: 0.3s;
}





/*.boilers .press-content .card-large {
    -moz-box-shadow: 0px 0px 15px 0px #000000;
    -webkit-box-shadow: 0px 0px 15px 0px #000000;
    box-shadow: 0px 0px 15px 0px #000000;
}*/


@media (max-width: 576px) {
    .boilers .press-content .card-large .card-img-top {
        /*display: block;*/
        /*position: absolute;*/
        /*max-width: 430px;*/
        max-height: 370px;
        height: auto;
        /*width: auto;*/
        width: 100%;
    }

    .boilers .page-header-img {
        width: 85vw;
    }
}

@media (min-width: 576px) {
    .boilers .press-content .card-large .card-img-top {
        /*display: block;*/
        /*position: absolute;*/
        max-width: 430px;
        max-height: 370px;
        height: auto;
        /*width: auto !important;*/
        width: 100%;
    }
}


@media (min-width: 1250px) {
    .boilers .press-content .card-large .card-img-top {
        /*display: block;*/
        /*position: absolute;*/
        max-width: 530px;
        max-height: 470px;
        height: auto;
        /*width: auto !important;*/
        width: 100%;
    }
}

    .boilers .press-content .card-large .card-title {
        font-size: 1rem;
        font-weight:bold;
    }


    /* NEW BLOG */



    .new-blog-post-body * {
        background-color: #e7f9f9 !important;
    }

    .new-blog-post-body img {
        max-width: 100%;
        height: auto;
    }


@media (min-width: 768px) {
    .blog-title-font {
        font-weight: bolder;
        font-size: 2rem;
    }

}


@media (max-width: 768px) {

    .blog-title-font {
        font-weight: bold;
        font-size: 1.5rem;
    }

}







    /* Blog */



    .blog-index .no-decoration {
        color: black;
        text-decoration: none;
    }

    /*.blog-index .tox-tinymce {
        border: 0px !important;
    }*/

    .blog-index {
        /*background-position: center;*/
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-color: black;
        background-size: cover;
        position: relative;
        height: auto;
    }

        .blog-index .blog-card {
            background-color: white;
            -webkit-box-shadow: 5px 5px 15px 5px #000000;
            box-shadow: 5px 5px 15px 5px #000000;
        }

        .blog-index .blog-feature-img {
            width: 100%;
            height: auto;
            object-fit: fill;
        }

        .blog-index .blog-blurb {
            text-indent: 20px;
        }

    .blog-detail {
        /*background-position: center;*/
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-color: black;
        background-size: cover;
        position: relative;
    }

        .blog-detail .blog-card {
            background-color: white;
            -webkit-box-shadow: 5px 5px 15px 5px #000000;
            box-shadow: 5px 5px 15px 5px #000000;
        }

        .blog-detail .blog-blurb img {
            max-width: 100% !important; 
            height: auto !important;
        }

    .blog-title-font {
        font-weight: bolder;
    }

    .blog-title-link {
        text-decoration: none;
        color: black;
    }


    /*.blog-index .tox-tinymce {
        border: 0px !important;
    }

    .blog-index .tox-edit-area__iframe {
        background-color: transparent !important;
        border: none;
    }

    .blog-detail .tox-tinymce {
        border: 0px !important;
    }

    .blog-detail .tox-edit-area__iframe {
        background-color: transparent !important;
        border: none;
    }*/


    @media (max-width: 800px) {
        .blog-index .read-position {
            margin-left: auto !important;
            margin-right: auto !important;
        }
    }


    @media (min-width: 800px) {
        .blog-index .read-position {
            /*margin-left: 20%*/
        }
    }

    @media (min-width: 1350px) {
        .blog-index .read-position {
            margin-left: 40% !important
        }
    }


    @media (max-width: 800px) {
        .blog-detail .read-position {
            margin-left: auto !important;
            margin-right: auto !important;
        }
    }


    @media (min-width: 800px) {
        .blog-detail .read-position {
            /*margin-left: 20%*/
        }
    }

    @media (min-width: 1350px) {
        .blog-detail .read-position {
            margin-left: 40% !important
        }
    }







    /* END BLOG */








/* Profile Stuff + Sidebar Testing */


/*
    DEMO STYLE
*/

@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";

/*body {
    font-family: 'Poppins', sans-serif;
    background: #fafafa;
}*/

/*p {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999;
}*/

.sidebar-wrapper a,
.sidebar-wrapper a:hover,
.sidebar-wrapper a:focus {
    color: inherit;
    text-decoration: none;
    /*transition: all 0.3s;*/
}

.sidebar-wrapper .navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.sidebar-wrapper .navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.sidebar-wrapper .line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

.sidebar-wrapper i,
.sidebar-wrapper span {
    display: inline-block;
}

.sidebar-wrapper i {
    min-width: 25px;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.sidebar-wrapper {
    display: flex;
    /*position: fixed;*/
    align-items: stretch;
}

    .sidebar-wrapper #sidebar {
        min-width: 250px;
        max-width: 250px;
        /*background: #7386D5;*/
        position: -webkit-sticky;
        position: sticky;
        top: 70px;
        left: 0px;
        height: 100vh;
        z-index: 999;
        text-align: center;
        background: steelblue;
        color: #fff;
        /*transition: all 0.5s;*/
    }

        .sidebar-wrapper #sidebar.active {
            min-width: 100px;
            max-width: 100px;
            text-align: center;
        }

            .sidebar-wrapper #sidebar.active .sidebar-header,
            .sidebar-wrapper #sidebar.active .CTAs {
                display: none;
            }

            .sidebar-wrapper #sidebar.active .sidebar-header h3,
            .sidebar-wrapper #sidebar.active .CTAs {
                display: none;
            }

            .sidebar-wrapper #sidebar.active .sidebar-header strong {
                display: block;
            }

        .sidebar-wrapper #sidebar ul li a {
            text-align: left;
        }

        .sidebar-wrapper #sidebar.active ul li a {
            padding: 10px 10px;
            text-align: center;
            font-size: 0.85em;
        }

            .sidebar-wrapper #sidebar.active ul li a i {
                margin-right: 0;
                display: block;
                font-size: 1.8em;
                margin-bottom: 5px;
            }


        .sidebar-wrapper #sidebar.active .sb-open {
            margin-right: 0;
            display: block;
            font-size: 1.8em;
            margin-bottom: 5px;
        }

        .sidebar-wrapper #sidebar .sb-open {
            display: none;
        }

        .sidebar-wrapper #sidebar.active .sb-close {
            display: none;
        }

        .sidebar-wrapper #sidebar .sb-close {
            display: block;
            text-align: center;
            /*align-items: flex-end;*/
            /*float: right;*/
            /*align-items: flex-end;*/
            margin-right: 10px;
            font-size: 1.8em;
            margin-bottom: 5px;
        }

    /*#sidebar .btn-close {
        display: flex !important;
        float: right !important;
        align-items: flex-end;
        margin-right: 10px;
        font-size: 1.8em;
        margin-bottom: 5px;
    }*/

        .sidebar-wrapper #sidebar.active ul ul a {
            padding: 10px !important;
        }

        .sidebar-wrapper #sidebar.active .dropdown-toggle::after {
            top: auto;
            bottom: 10px;
            right: 50%;
            -webkit-transform: translateX(50%);
            -ms-transform: translateX(50%);
            transform: translateX(50%);
        }

        .sidebar-wrapper #sidebar .sidebar-header {
            padding: 20px;
            background: #3f75a2;
        }

            .sidebar-wrapper #sidebar .sidebar-header strong {
                display: none;
                font-size: 1.8em;
            }

        .sidebar-wrapper #sidebar ul.components {
            padding: 20px 0;
            border-bottom: 1px solid #47748b;
        }

        .sidebar-wrapper #sidebar ul li a {
            padding: 10px;
            font-size: 1.1em;
            display: block;
        }

            .sidebar-wrapper #sidebar ul li a:hover {
                /*color: #7386D5;*/
                color: steelblue;
                background: #fff;
            }

            .sidebar-wrapper #sidebar ul li a i {
                margin-right: 10px;
            }

    #sidebar ul li.active > a,
    .sidebar-wrapper a[aria-expanded="true"] {
        color: #fff;
        /*background: #6d7fcc;*/
        background: #3f75a2; /*slighly darker steel blue*/
    }

    .sidebar-wrapper a[data-toggle="collapse"] {
        position: relative;
    }

    .sidebar-wrapper .dropdown-toggle::after {
        display: block;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
    }

    .sidebar-wrapper ul ul a {
        font-size: 0.9em !important;
        padding-left: 30px !important;
        /*background: #6d7fcc;*/
        background: #3f75a2;
    }

    .sidebar-wrapper ul.CTAs {
        padding: 20px;
    }

        .sidebar-wrapper ul.CTAs a {
            text-align: center;
            font-size: 0.9em !important;
            display: block;
            border-radius: 5px;
            margin-bottom: 5px;
        }

/*a.download {
    background: #fff;
    color: #7386D5;
}*/

/*a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}*/

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

@media (min-width: 768px) {

    .sidebar-wrapper #content {
        /*width: calc(100% - 250px);*/
        /*padding: 20px;*/
        width: 100%;
        min-height: 100vh;
        /*transition: all 0.3s;*/
    }
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {


    .sidebar-wrapper #content {
        /*width: calc(100% - 250px);*/
        /*padding: 20px;*/
        min-height: 100vh;
        width: 100%;
        width: 100vw;
        /*transition: all 0s;*/
        /*margin-left: -250px;*/
        margin-left: 0px;
    }

    .sidebar-wrapper #sidebar.active {
        /*min-width: 80px;
        max-width: 80px;*/
        min-width: 250px;
        max-width: 250px;
        text-align: center;
        /*margin-left: -80px !important;*/
    }



        .sidebar-wrapper #sidebar {
            margin-left: 0 !important;
            min-width: 50px;
            max-width: 50px;
            text-align: center;
        }

            .sidebar-wrapper #sidebar .mobile-min-view {
                display: none;
            }

            .sidebar-wrapper #sidebar.active .mobile-min-view {
                display: block;
            }

    /*.sidebar-wrapper .dropdown-toggle::after {
        top: auto;
        bottom: 10px;
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }*/

            .sidebar-wrapper #sidebar .sidebar-header h3,
            .sidebar-wrapper #sidebar .CTAs {
                display: none;
            }

            .sidebar-wrapper #sidebar.active .sidebar-header strong {
                display: block;
            }

            .sidebar-wrapper #sidebar {
                text-align: center !important;
            }

                .sidebar-wrapper #sidebar ul li a {
                    padding: 20px 10px;
                }

                    .sidebar-wrapper #sidebar ul li a span {
                        font-size: 0.85em;
                    }

                    .sidebar-wrapper #sidebar ul li a i {
                        margin-right: 0;
                        display: inline-block;
                    }

                .sidebar-wrapper #sidebar ul ul a {
                    padding: 10px !important;
                }

                .sidebar-wrapper #sidebar ul li a i {
                    font-size: 1.3em;
                }

            .sidebar-wrapper #sidebar.active {
                margin-left: 0;
            }

    .sidebar-wrapper #sidebarCollapse span {
        display: none;
    }


    .sidebar-wrapper #sidebar.active .sb-close {
        margin-right: 0;
        display: block;
        font-size: 1.8em;
        margin-bottom: 5px;
    }

    .sidebar-wrapper #sidebar .sb-close {
        display: none;
    }

    .sidebar-wrapper #sidebar.active .sb-open {
        display: none;
    }

    .sidebar-wrapper #sidebar .sb-open {
        display: block;
        text-align: center;
        /*align-items: flex-end;*/
        /*float: right;*/
        /*align-items: flex-end;*/
        margin-right: 10px;
        margin-left: 8px;
        font-size: 1.8em;
        margin-bottom: 5px;
    }


}








/* Autocomplete Input Box for LIBE */


.search-bar input {
    /*border: 1px solid transparent;*/
    background-color: #f1f1f1;
    /*padding: 10px;*/
    font-size: 16px;
}

    .search-bar input[type=text] {
        /*background-color: #f1f1f1;*/
        /*width: 100%;*/
    }

/*input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
  cursor: pointer;
}*/

.search-bar .autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

    .search-bar .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
    }

        /*when hovering an item:*/
        .search-bar .autocomplete-items div:hover {
            background-color: #e9e9e9;
        }

/*when navigating through the items using the arrow keys:*/
.search-bar .autocomplete-active {
    background-color: #e9e9e9 !important;
}
















/* Begin Library Home Page */

.library-home .page-header .page-header-text {
    font-size: 2.5rem;
    font-weight: bolder;
    color: darkblue;
    text-shadow: 1px 1px 10px #7D7D7D;
    z-index: 15;
}






.library-home .card-img-overlay {
    opacity: 0;
}


.library-home .book-datalist {
    max-height: 500px;
    overflow-y: auto;
}

.library-home .dropdown-menu {
    max-height: 150px;
    overflow-y: auto;
}


.library-home .card-img-overlay-title {
    height: 24%;
    overflow: hidden;
    margin-top: 5px;
    font-size: 1.5rem;
    font-weight: bold;
}

.library-home .card-img-overlay-author {
    height: 8%;
    overflow: hidden;
}

.library-home .card-img-overlay-brand {
    height: 25px
}

.library-home .card-img-overlay-lock {
    height: 95px
}

.library-home .card-img-overlay-blurb {
    font-size: 0.8rem;
    height: 30%;
    overflow: hidden;
}

.library-home .card-img-overlay-misc {
    font-size: 0.85rem;
    height: 18%;
    overflow: hidden;
}


.library-home .faded-box-bg {
    padding-top: 15px;
    padding-bottom: 25px;
    background-color: rgba(255, 255, 255, .90);
    border-radius: 5px;
}


@media (max-width: 576px) {
    .library-home .container-fluid {
        /*height: 425px;*/
    }

    .library-home .your-next-font {
        font-size: 1.5rem;
        color: black !important;
    }

    .library-home .primary-header-font {
        color: white;
        font-size: 2rem;
        font-weight: bold;
        margin-top: 20px;
    }


    .library-home .carousel-inner {
        width: 85%;
    }



    .library-home .featured-book {
        width: 90%;
        margin: 0 auto;
        font-size: 1.2rem;
        overflow: hidden;
        text-align: center;
        font-weight: 300;
        color: white;
    }

    .library-home .book-blurb-font {
        font-size: 1.1rem;
        color: white;
        text-align: center;
    }

    .library-home .read-now-img {
        margin-top: 15px;
        max-height: 40px;
    }

        /*.library-home .featured-book:before, .library-home .featured-book:after {
            content: "";
            display: inline-block;
            width: 50%;
            margin: 0 .5em 0 -55%;
            vertical-align: middle;
            border-bottom: 3px dotted;
            color: white
        }

        .library-home .featured-book:after {
            margin: 0 -55% 0 .5em;
        }*/

}



@media (min-width: 576px) {


    .library-home .your-next-font {
        font-size: 2.5rem;
    }

    .library-home .primary-header-font {
        color: white;
        font-size: 4rem;
        font-weight: bold;
        margin-top: 20px;
    }

    .library-home .card:hover {
        transform: scale(1.05);
        /*position: absolute;*/
        z-index: 100;
        transition-duration: 0.2s;
        border: 1px double;
    }


    .library-home .featured-book {
        width: 90%;
        margin: 0 auto;
        font-size: 1.5rem;
        overflow: hidden;
        text-align: center;
        font-weight: 300;
        color: white;
    }

        .library-home .featured-book:before, .library-home .featured-book:after {
            content: "";
            display: inline-block;
            width: 50%;
            margin: 0 .5em 0 -55%;
            vertical-align: middle;
            border-bottom: 3px dotted;
            color: white
        }

        .library-home .featured-book:after {
            margin: 0 -55% 0 .5em;
        }

    .library-home .book-blurb-font {
        font-size: 1.5rem;
        color: white;
        text-align: left;
    }

    .library-home .read-now-img {
        max-height: 65px;
    }


    .library-home .card:hover .card-img {
        opacity: 0.15;
        transition-duration: 0.1s;
    }


    .library-home .card:hover .card-img-overlay {
        opacity: 1;
        transition-duration: 0.2s;
        padding: 5px;
    }

    .library-home .card:hover .card-body {
        display: block;
        transition-duration: 0.2s;
    }

    .library-home .container-fluid {
        /*height: 500px;*/
    }



    .library-home .carousel-inner {
        width: 90%;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

}





.library-home .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

/*.carousel-control-prev,
    .carousel-control-next {
        align-items: flex-start;
    }*/

.library-home .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}










.library-home .card {
    border: none;
}

.library-home .book-img {
    /*width: 100%;*/ /* You can set the dimensions to whatever you want */
    min-width: 225px;
    max-width: 225px;
    /*width: 300px !important;*/
    height: 330px;
    object-fit: fill;
}


.library-home .carousel-inner .carousel-item.active,
.library-home .carousel-inner .carousel-item-next,
.library-home .carousel-inner .carousel-item-prev {
    display: flex;
}



@media (min-width : 768px) {


    .library-home .book-carousel {
        /*width: 75%;*/
    }

    .library-home .book-img {
        min-width: 225px;
        max-width: 225px;
        height: 330px;
        object-fit: fill;
    }
}


@media (max-width : 768px) {


    .library-home .book-carousel {
        /*width: 95%;*/
    }

    .library-home .book-img {
        min-width: 175px;
        max-width: 175px;
        height: 246px;
        object-fit: fill;
    }
}




.user-dash-bg {
    /*min-height: 75vh;*/
    background-repeat: no-repeat;
    background-color: black;
    background-size: cover;
    position: relative;
}


@media (min-width : 990px) {
    .dashboard-landing-page .notification-row {
        justify-content: flex-end !important;
        padding-right: 25px;
    }
}


@media (max-width : 990px) {
    .dashboard-landing-page .notification-row {
        justify-content: center !important;
    }

    .dashboard-landing-page .non-notification-row {
        justify-content: center !important;
    }
}


.dashboard-landing-page .card {
    -webkit-box-shadow: 0px 0px 15px 1px #000000;
    box-shadow: 0px 0px 15px 1px #000000;
}






.contact-schools textarea {
    max-height: 100px;
    background-color: lightblue;
}

.contact-schools input {
    /*max-height: 100px;*/
    background-color: lightblue;
}

.contact-schools select {
    /*max-height: 100px;*/
    background-color: lightblue;
}


.vertical-center-box {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


@media (min-width: 1200px) {
    .our-mission {
        transform: rotate(-15deg) translate(-40px, -60px)
    }

    .paypal-transform {
        transform: scale(1.4)
    }
}

/*@media (min-width: 800px) {
    .our-mission {
        transform: rotate(-15deg) translate(-40px, -60px)
    }
}*/


@media (max-width: 1200px) {
    .our-mission {
        text-align: center !important;
        margin-top: 50px;
    }
}

@media (max-width: 600px) {
    .mobile-bottom-margin {
        margin-bottom: 1rem;
    }

    .mobile-top-margin-1 {
        margin-top: 1rem !important;
    }

}



@media (min-width: 576px) {
    .contact-school-enroll-now {
        height: 250px;
        position: absolute;
        z-index: 999;
        transform: translate(-75px, -125px)
    }

    .pricing-option-head-primary {
        font-size: 2.5rem;
        color: darkblue
    }

    .pricing-option-head-secondary {
        font-size: 1.5rem;
        color: darkblue
    }

}


@media (max-width: 576px) {

    .pricing-option-head-primary {
        font-size: 1.5rem;
        color: darkblue
    }

    .pricing-option-head-secondary {
        font-size: 1.0rem;
        color: darkblue
    }
}



/* Pricing Options */



.pricing-option-shadow img {
    -webkit-box-shadow: 0px 0px 15px 1px #000000;
    box-shadow: 0px 0px 15px 1px #000000;
}


.paypal-custom-form input {
    max-width: 100%;
    height: auto;
    border-radius: 25px;
    -webkit-box-shadow: 0px 0px 15px 1px #000000;
    box-shadow: 0px 0px 15px 1px #000000;
}




@media (min-width: 576px) {

    .neon-subheader {
        font-size: 3rem;
        padding-left: 10px;
        text-shadow: 0px 0px 15px #039CA3;
        color: white;
        font-weight: bold;
    }

    .contact-school-enroll-now {
        height: 250px;
        position: absolute;
        z-index: 999;
        transform: translate(-75px, -125px)
    }

    .pricing-option-head-primary {
        font-size: 2.3rem;
        color: darkblue
    }

    .pricing-option-head-secondary {
        font-size: 1.5rem;
        color: darkblue
    }

    .pricing-option-all-access {
        max-height: 70px;
        z-index: 10;
        position: absolute;
        transform: translate(-120px, -25px)
    }

    .pricing-option-contact-louise {
        font-size: 1.4rem;
        color: darkblue;
    }
}


@media (max-width: 576px) {

    .neon-subheader {
        font-size: 2.3rem;
        padding-left: 10px;
        text-shadow: 0px 0px 15px #039CA3;
        color: white;
        font-weight: bold;
    }

    .pricing-option-head-primary {
        font-size: 1.5rem;
        color: darkblue
    }

    .pricing-option-head-secondary {
        font-size: 1.0rem;
        color: darkblue
    }

    .pricing-option-all-access {
        max-height: 60px;
        /*margin-left: auto;*/
        z-index: 10;
        position: inherit;
        /*transform: translate(-120px, 0)*/
    }

    .pricing-option-contact-louise {
        font-size: 1rem;
        color: darkblue;
    }
}


.library-home-top-img {
    height: 700px;
    background-position: center;
}



.list-group-formset label {
    display: none;
}

.list-group-formset .form-group,
.list-group-formset .invalid-feedback {
    margin-bottom: 0;
}

.list-group-formset .form-control {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}


.take-quiz li {
    list-style-type: none;
    padding-left: 0;
    
}



.remove_list_style_type {
    list-style-type: none;
}


.pad_bullets li:nth-of-type(2) {
    margin-left: 25px;
    /*margin-right: 5px;*/
}


.btn-bg-clr-turq {
    background: #16d7e0; /*light turq blue-ish*/
    color: white !important;
    font-weight: bold;
    border-radius: 8px;
}




.answer-checkbox {
    height: 1rem !important;
    margin-top: 8px;
    background-clip: unset !important;
    border: none !important;
    box-shadow: none !important;
}


.in-book-quiz li {
    list-style-type: none !important;
}



.ss-beeline-btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .4rem;
    width: 90px;
}


/* sizing update for beeline tooltip*/

 .tooltip-inner {
    width: 250px;
    max-width: 90%;
}









.dead-link:hover,
.dead-link:visited {
    color: black;
    text-decoration: none;
}

.dead-link:hover {
    color: black;
    text-decoration: none;
}









 

.contest_line {
    margin-top: 14px;
    width: calc(100% - 30px);
    background: white;
    height: 10px;
    float: left;
}

.contest_point {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 30px solid white;
    float: right;
}


.contest_no_bullets {
    list-style: none;
    text-indent: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 10px;
}