/* --- RESPONSIVE DESIGN --- */

/* -- BR 1241 -- */
@media all and (max-width: 1241px) {
    /* Find the book */
    #find-the-book .container ul li {
        width: 30%;
    }
}

/* -- BR 1175 -- */
@media all and (max-width: 1175px) {
    /* Ribbon hero - About the Book */
    .page-id-15 #hero.hero-ribbon div.ribbon {
        transform: translateY(-45%);
    }
    /* Ribbon hero - About the Author */
    .page-id-17 #hero.hero-ribbon div.ribbon {
        height: calc(70% + 70px);
        transform: translateY(-51%);
    }
}

/* -- BR 1034 -- */
@media all and (max-width: 1034px) {
    /* Ribbon hero - About the Book */
    .page-id-15 #hero.hero-ribbon div.ribbon {
        height: calc(66% + 70px);
        transform: translateY(-46%);
    }
    /* Events list */
    ul.list-events li {
        flex-direction: column;
        margin-bottom: 35px;
    }
    ul.list-events li:last-of-type {
        margin-bottom: 0;
    }
    ul.list-events li p {
        width: 100% !important;
        padding: 0;
        margin: 0 auto;
        text-align: center;
    }
    ul.list-events li p.date, ul.list-events li a.event-link {
        text-align: center;
    }
    /* Find the book */
    #find-the-book .container ul li {
        width: 50%;
    }
}

/* -- BR 1011 -- */
@media all and (max-width: 1011px) {
    /* Ribbon hero - About the Author */
    .page-id-17 #hero.hero-ribbon div.ribbon {
        transform: translateY(-48%);
    }
}

/* -- BR 950 -- */
@media all and (max-width:950px) {
    /* Site Hero */
    #site-hero .container img {
        display: none;
    }
    /* Ribbon hero */
    #hero.hero-ribbon {
        flex-direction: column;
        padding-bottom: 65px;
    }
    #hero.hero-ribbon .container-image.float {
        max-width: 275px;
        margin: 0 auto;
        padding-left: 0;
    }
    #hero.hero-ribbon .container-image.bleed {
        flex: none;
        height: 375px;
    }
    #hero.hero-ribbon .container-image.bleed img {
        object-position: 50% 35%;
    }
    #hero.hero-ribbon .container-text {
        width: 100%;
        margin-top: 55px;
    }
    #hero.hero-ribbon .container-text h1 {
        margin-bottom: 45px;
    }
    #hero.hero-ribbon .container-text .container-cta {
        margin-top: 35px;
    }
    #hero.hero-ribbon div.ribbon {
        bottom: 0;
        top: unset;
    }
    /* Default hero */
    #hero.hero-default {
        flex-direction: column;
        margin-bottom: 65px;
    }
    #hero.hero-default .container-image {
        order: 1;
        max-width: 325px;
        margin: 0 auto;
    }
    #hero.hero-default .container-text {
        width: 100%;
        margin-top: 15px;
        order: 2;
        padding-right: 0;
    }
    /* Block layout */
    .layout-block {
        flex-direction: column;
    }
    .layout-block .container-image {
        width: 100%;
        height: 350px;
        order: 1 !important;
    }
    .layout-block .container-image img {
        object-position: 50% 30%;
    }
    .layout-block .container-text {
        order: 2 !important;
    }
    /* Bulk Buy */
    #bulk-buy {
        flex-direction: column;
    }
    #bulk-buy .container-text {
        order: 2;
    }
    #bulk-buy .container-image {
        width: 100%;
        height: 300px;
        order: 1;
    }
    /* Ribbon hero - About the Book */
    .page-id-15 #hero.hero-ribbon .container-text {
        margin-top: 0;
    }
    .page-id-15 #hero.hero-ribbon div.ribbon {
        transform: translateY(0);
        height: 85%;
    }
    /* Ribbon hero - About the Author */
    .page-id-17 #hero.hero-ribbon div.ribbon {
        height: 0;
        transform: none;
    }
    /* Press list */
    ul.list-press li {
        width: 46%;
    }
    /* Press list (Press sections for Events(19), Author(17), Book(15), Home) */
    body.page-id-19 ul.list-press li, body.page-id-17 ul.list-press li, body.page-id-15 ul.list-press li, body.page-id-8 ul.list-press li {
        width: 100%;
    }
    /* About the Book page */
    .page-id-15 #hero div.button-special button.button-secondary {
        background: #E9F2F4;
    }
}

/* -- BR 850 -- */
@media all and (max-width: 850px) {
    /*  Main Menu  */
    #site-nav {
        padding: 22px 18px;
    }
    #site-nav #site-logo-container {
        margin-right: 16px;
    }
    /* Main Menu CTA */
    #site-nav ul#menu-main-menu li#menu-item-32 ul.sub-menu {
        left: unset;
        transform: none;
        right: 0;
    }
}

/* -- BR 651 -- */
@media all and (max-width: 651px) {
    /* -- Main Menu (Mobile) -- */
    #site-nav .menu-main-menu-container {
        visibility: hidden;
    }
}

/* -- Mobile Starts -- */

/* -- BR 650 -- */
@media all and (max-width:650px) {
    /* Header Nav (Mobile) */
    #icon-menu {
        display: block;
    }
    #site-nav {
        padding: 10px 5%;
    }
    #site-nav .menu-main-menu-container {
        flex: none;
        width: 100%;
        height: 1000px;
        min-height: 100vh;
        padding: 52px 5% 5% 5%;
        position: absolute;
        top: 0;
        left: 0;
        background: #Bf0060;
        overflow: scroll;
        opacity: 0;
        transition: opacity .5s ease;
        z-index: 1;
    }
    #site-nav ul#menu-main-menu {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    #site-nav ul#menu-main-menu > li {
        margin-bottom: 5%;
    }
    #site-nav ul#menu-main-menu > li > a {
        color: #ffffff;
        font-size: 18px;
        padding: 10px;
    }
    /* Header Nav CTA */
    #site-nav ul#menu-main-menu li#menu-item-32 ul.sub-menu {
        border: none;
        position: static;
    }
    #site-nav ul#menu-main-menu li#menu-item-32 ul.sub-menu li a {
        font-size: 16px;
    }
    #site-nav ul#menu-main-menu li#menu-item-32 > a::after {
        font-size: clamp(1.0625rem, -0.7656rem + 6.5vw, 1.875rem); /* 17px / 30px*/
        transform: translateY(-5px) scale(1.3, 1);
        margin-left: 10px;
    }
    #site-nav ul#menu-main-menu li#menu-item-32:hover ul.sub-menu {
        opacity: 1;
        max-height: 475px;
    }
    #site-nav ul#menu-main-menu li#menu-item-32 ul.sub-menu li {
        padding: 12px;
    }
    /* Footer */
    #site-footer .container {
        flex-direction: column;
        align-items: center;
    }
    #site-footer #site-footer-logo-container {
        margin-right: 0;
    }
    #site-footer .menu-footer-menu-container {
        border-left: none;
        padding-left: 0;
        margin-top: 20px;
    }
    #site-footer ul#menu-footer-menu {
        flex-wrap: wrap;
        justify-content: center;
    }
    #site-footer ul#menu-footer-menu a {
        margin: 0 5px;
    }
    p#site-copyright {
        font-size: 8px;
    }
    /* Site Hero */
    #site-hero {
        flex-direction: column;
    }
    #site-hero .container-image {
        width: 100%;
        height: 275px;
    }
    /* Ribbon hero */
    #hero.hero-ribbon {
        padding-top: 15px;
        padding-bottom: 35px;
    }
    #hero.hero-ribbon .container-text {
        padding: 0 max(5%, 25px);
    }
    #hero.hero-ribbon .container-text h1 {
        margin-bottom: 45px;
    }
    #hero.hero-ribbon .container-text .container-cta {
        margin-top: 35px;
    }
    #hero.hero-ribbon div.ribbon {
        bottom: 0;
        top: unset;
    }
    /* Default hero */
    #hero.hero-default {
        margin-top: 35px;
    }
    #hero.hero-default .container-text .container-cta {
        margin-top: 10px;
    }
    /* Block layout */
    .layout-block .container-text {
        padding: 55px max(5%, 25px);
    }
    /* Testimonials */
    #testimonials nav.carousel-dot-nav img {
        transform: scale(.8);
    }
    /* Ribbon hero - About the Book */
    .page-id-15 #hero.hero-ribbon .container-text {
        transform: translateY(-25px);
    }
    /* Press list */
    ul.list-press li {
        width: 100%;
    }
    /* Downloads list */
    ul.list-downloads li {
        flex-direction: column;
        align-items: center;
    }
    ul.list-downloads li div.container-text {
        align-items: center;
    }
    ul.list-downloads .container-cta {
        justify-content: center;
    }
    /* About the Author */
    #marie-speaking-videos {
        margin: 55px auto;
    }
    #marie-speaking-videos .container ul {
        flex-direction: column;
        gap: 45px;
    }
    #marie-speaking-videos .container ul li {
        width: 100%;
        justify-content: flex-start;
    }
    /* Press page */
    .blog #press {
        padding-bottom: 0;
    }
    /* Book club page */
    #bulk-buy-information {
        padding: 55px 0;
    }
}

/* -- BR 593 -- */
@media all and (max-width: 593px) {
    /* Find the book */
    #find-the-book .container ul li {
        width: 100%;
    }
    #find-the-book .container ul a {
        max-width: 255px;
        margin: 0 auto;
    }
}

/* -- BR 450 -- */
@media all and (max-width: 450px) {
    /* Ribbon hero */
    #hero.hero-ribbon .container-image.bleed {
        height: 300px;
    }
}