/* Max Width 1499px
------------------------------------*/
@media all and (max-width: 1499px) {
    /* --- Book Page -> Book Description --- */
    .book-description {
        min-height: 55rem;
    }
    .book-description .open-book-img-col img {
        max-width: 55rem;
    }
}


/* Max Width 1399px
------------------------------------*/
@media all and (max-width: 1399px) {
    .tan-bg {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }


    /* --- Book Page -> Hero --- */
    .Book-hero.tan-bg.hero {
        background-size: 50% 100%;
    }


    /* --- Book Page -> Book Praise Carousel --- */
    .book-praise sl-carousel::part(base) {
        padding-left: 30px;
        padding-right: 30px;
    }
    .book-praise img[slot="previous-icon"] {
        left: -20px;
    }
    .book-praise img[slot="next-icon"] {
        right: -20px;
    }
}


/* Max Width 1199px
------------------------------------*/
@media all and (max-width: 1199px) {
    .orange-bg {
        padding-top: 5rem;
        padding-bottom: 5rem;
        background-size: 40% 100%;
    }

    
    /* --- Hero Styles --- */
    .hero:not(.Home-hero) .row {
        gap: 6rem;
    }
    .hero:not(.Home-hero) .row .col-lg-6 {
        width: calc(50% - 3rem);
    }


    /* --- Quote Styles --- */
    .quote .container > div {
        width: 100%;
    }


    /* --- Home -> Hero --- */
    .Home-hero.tan-bg {
        padding-top: 8rem;
        padding-bottom: 8rem;
        background-size: 40% 100%;
    }
    .Home-hero .row .col-lg-6 {
        width: 50% !important;
    }
    .Home-hero p {
        flex-direction: column;
    }
    .Home-hero p .button {
        width: fit-content;
    }
    .Home-hero img {
        max-width: 45rem;
    }


    /* --- About Page -> About Bob --- */
    .about-bob .about-bob-copy .container > div {
        width: 80%;
    }


    /* --- Book Page -> Book Highlights --- */
    .book-highlights .book-highlights-img {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .book-highlights .tan-bg {
        margin-top: -20rem;
        padding-top: 20rem;
    }


    /* --- Book Page -> Book Description --- */
    .book-description {
        min-height: 48rem;
    }
    .book-description .open-book-img-col img {
        max-width: 48rem;
    }


    /* --- Book Page -> Book Praise Carousel --- */
    .book-praise sl-carousel::part(scroll-container) {
        grid-auto-columns: calc((100% - (2 - 1) * 1rem) / 2);
    }
    .book-praise img[slot="previous-icon"] {
        left: -10px;
    }
    .book-praise img[slot="next-icon"] {
        right: -10px;
    }


    /* --- Book Page -> Featured Books --- */
    .featured-books sl-carousel::part(scroll-container) {
        grid-auto-columns: calc((100% - (3 - 1) * 1rem) / 3);
    }
}


/* Max Width 991px
------------------------------------*/
@media all and (max-width: 991px) {
    .main > .row {
        margin-top: 10rem;
        margin-bottom: 10rem;
    }
    .center-header {
        width: 100%;
    }
    .orange-bg {
        background-position-x: 120%;
    }


    /* --- Header --- */
    .header .mobile {
        display: flex;
        justify-content: space-between;
        position: relative;
    }
    .header .desktop {
        display: none;
    }
    .header .mobile .nav-logo, .header .mobile .main-nav {
        width: fit-content;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 2rem;
    }
    .header .mobile .navbar {
        position: unset;
    }
    .header .mobile .navbar-toggler {
        padding: 0.4rem 1.2rem !important;
        margin: 0;
        border: none;
        border-radius: 0.4rem;
        color: var(--chapman-dark-gray);
        font-weight: 900;
        font-size: 2rem;
        line-height: normal;
        transition: ease-in-out 0.3s;
    }
    .navbar-toggler:focus, .navbar-toggler:focus-visible {
        box-shadow: none;
        outline: none;
    }
    .navbar-toggler:hover {
        background-color: rgba(35, 31, 32, 0.1);
        transition: ease-in-out 0.3s;
    }
    .header .mobile .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: var(--white);
        border: 1px solid rgba(35, 31, 32, 0.1);
        transition: all 150ms ease-in-out;
    }
    .header .mobile .navbar .navbar-nav {
        padding: 2rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    .header .mobile .nav-item {
        width: 100%;
    }
    .header .mobile .nav-link {
        text-align: left;
        font-size: 2rem;
    }


    /* --- Hero Styles --- */
    .tan-bg.hero:not(.Home-hero) {
        background-position: 125%;
    }
    .tan-bg.hero:has(img):not(.Home-hero) {
        background-image: url('/images/bobchapmannewlibraries/default-album/bg-bottom.png');
        background-position: bottom;
        background-size: 50%;
        background-repeat: repeat-x;
    }
    .hero:not(.Home-hero) .row {
        flex-direction: column;
        gap: 4rem;
        align-items: flex-start;
    }
    .hero:not(.Home-hero) .row .col-lg-6 {
        width: 100% !important;
    }


    /* --- Home -> Hero --- */
    .Home-hero.tan-bg {
        padding-bottom: 0;
        background-image: url('/images/bobchapmannewlibraries/default-album/home-bg-bottom.png');
        background-repeat: repeat-x;
        background-position: bottom;
        background-size: 70%;
    }
    .Home-hero .row {
        gap: 4rem;
    }
    .Home-hero .row .col-lg-6 {
        width: 100% !important;
    }
    .Home-hero img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    .Home-hero h1 {
        text-align: center;
    }
    .Home-hero h1 span.hero-quote::after {
        margin-left: auto;
        margin-right: auto;
    }
    .Home-hero p {
        flex-direction: row;
        justify-content: center;
    }
    .Home-hero p .button {
        width: fit-content;
    }


    /* --- Home -> Hero --- */
    .home-video .center-header p {
        display: flex;
        flex-wrap: wrap;
        gap: 2rem;
        justify-content: center;
    }


    /* --- Home -> Video Section --- */
    .home-video .row {
        flex-direction: column;
        gap: 4rem;
    }
    .home-video .home-video-logos-col {
        margin-top: 0;
        width: 100%;
        align-items: center;
        gap: 4rem;
    }


    /* --- Home -> Book Section --- */
    .home-book .row {
        flex-direction: column;
    }
    .home-book .col-lg-6 {
        width: 100%;
    }
    .home-book img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 50rem;
    }


    /* --- Home -> Blog --- */
    .THL-blog-posts .blog-post {
        width: calc(50% - 1rem);
    }
    .blog-post img {
        height: 20rem;
    }


    /* --- About Page -> About Bob --- */
    .about-bob h2 {
        text-align: left !important;
    }
    .about-bob .about-bob-copy .container > div {
        width: 100%;
    }
    .about-bob .about-bob-copy p:has(.button) {
        flex-direction: column;
    }
    .about-bob .about-bob-copy .button {
        width: fit-content;
    }


    /* --- About Page -> Book --- */
    .about-book .row {
        flex-direction: column;
    }
    .about-book .col-lg-6 {
        width: 100%;
    }
    .about-book img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 50rem;
    }
    .about-book h4, .about-book h6, .about-book p {
        text-align: center;
    }


    /* --- About Page -> Bob's Influence --- */
    .bob-influence .row {
        flex-direction: column;
        gap: 10rem;
    }
    .bob-influence .col-lg-4 {
        width: 100%;
    }
    .bob-influence img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 30rem;
    }
    .bob-influence .button {
        margin-left: auto;
        margin-right: auto;
        width: fit-content;
    }


    /* --- Book Page -> Hero --- */
    .Book-hero img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 50rem;
    }


    /* --- Book Page -> Book Highlights --- */
    .book-highlights .book-highlights-img {
        padding-left: 0;
        padding-right: 0;
    }
    .book-highlights .tan-bg {
        margin-top: -12rem;
        padding-top: 12rem;
    }
    .book-highlights .book-stats p {
        font-size: 2rem;
    }
    .book-highlights .book-stats p span {
        font-size: 3.2rem;
    }


    /* --- Book Page -> Book Description --- */
    .book-description {
        min-height: 100rem;
    }
    .book-description .row {
        flex-direction: column;
    }
    .book-description .open-book-img-col img {
        top: unset;
        bottom: 0;
        transform: none;
        max-width: 60rem;
    }


    /* --- Book Page -> Book Praise Carousel --- */
    .book-praise sl-carousel::part(scroll-container) {
        grid-auto-columns: calc((100% - (1 - 1) * 1rem) / 1);
    }


    /* --- Book Page -> Authors --- */
    .meet-author .row {
        flex-direction: column;
    }
    .meet-author .col-lg-6 {
        width: 100%;
    }


    /* --- Speaking Page -> Partner Logos --- */
    .speaking-partners .sf-Gallery-thumbs li {
        width: 33.333%;
    }


    /* --- Speaking Page -> CCO CTA --- */
    .speaking-cco-cta .row {
        flex-direction: column;
    }
    .speaking-cco-cta .col-lg-6 {
        width: 100%;
    }


    /* --- Contact Page --- */
    .bob-form .container > .row {
        gap: 4rem;
    }


    /* --- Book Testimonial Page --- */
    .book-testimonial-form .row {
        flex-direction: column;
    }
    .book-testimonial-form .col-lg-6 {
        width: 100%;
    }
}


/* Max Width 767px
------------------------------------*/
@media all and (max-width: 767px) {
    .orange-bg {
        background-position-x: 150%;
        background-size: 50% 100%;
    }


    /* --- Home -> Bob's Vision (Orange Section) --- */
    .home-vision .container > div {
        width: 100%;
    }

    /* --- About Page -> THL --- */
    .about-thl .container > div {
        width: 90%;
    }


    /* --- Book Page -> Book Description --- */
    .book-description .open-book-img-col img {
        max-width: 50rem;
    }


    /* --- Book Page -> Featured Books --- */
    .featured-books sl-carousel::part(base) {
        padding-left: 30px;
        padding-right: 30px;
    }
    .featured-books sl-carousel::part(scroll-container) {
        grid-auto-columns: calc((100% - (2 - 1) * 1rem) / 2);
    }
    .featured-books img[slot="previous-icon"] {
        left: 0;
    }
    .featured-books img[slot="next-icon"] {
        right: 0;
    }


    /* --- Speaking Page -> BW Speakers CTA --- */
    .bw-speakers-cta .container > div {
        width: 90%;
    }
}


/* Max Width 575px
------------------------------------*/
@media all and (max-width: 575px) { 
    .orange-bg {
        background-image: none;
    }


    /* --- Super Header Styles --- */
    #super-header {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #super-header .container, #super-header div {
        height: 100%;
    }
    #super-header a {
        display: flex;
        align-items: center;
        height: 100%;
    }
    #super-header img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }


    /* --- Heading Styles --- */
    h2 {
        font-size: 4rem;
    }
    h3 {
        font-size: 3.6rem;
    }
    h4 {
        font-size: 2.8rem;
    }


    /* --- Header --- */
    .mobile .main-nav.nav-socials > div:first-of-type {
        display: none;
    }


    /* --- Home -> Hero --- */
    .Home-hero p {
        flex-direction: column;
        align-items: center;
    }
    .Home-hero img {
        max-width: 30rem;
    }


    /* --- About Page -> THL --- */
    .about-thl .container > div {
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }


    /* --- Book Page -> Book Highlights --- */
    .book-highlights .tan-bg {
        padding-top: 15rem;
    }
    .book-highlights .book-stats {
        flex-direction: column;
    }
    .book-highlights .col-lg-4 {
        width: 100%;
    }
    .book-highlights .col-lg-4 img {
        max-width: 30rem !important;
    }


    /* --- Book Page -> Book Description --- */
    .book-description {
        min-height: 110rem;
    }
    .book-description .open-book-img-col img {
        padding-left: calc(var(--bs-gutter-x) * .5);
        max-width: 100%;
    }


    /* --- Book Page -> Book Praise Carousel --- */
    .book-praise h2 {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .book-praise img[slot="previous-icon"] {
        left: 0;
    }
    .book-praise img[slot="next-icon"] {
        right: 0;
    }


    /* --- Speaking Page -> BW Speakers CTA --- */
    .bw-speakers-cta .container > div {
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }


    /* --- Footer --- */
    .footer .navbar .navbar-nav {
        justify-content: center;
    }
}