/* COVID WARS custom styles (layout utilities come from Tailwind). */

/* ---- Brand colors and fonts ---- */
.bg_blue       { background-color: #005172; }
.text_blue     { color: #1683B5; }
.text_dark_blue { color: #005172; }
.light_blue    { color: #26B2AF; }
.lato          { font-family: 'Lato'; }
.playfair      { font-family: 'Playfair Display'; }

a:hover { text-decoration: underline; }

/* ---- Reviews slider ---- */
#testimonials     { background-color: #f6f6f6; }
.testimonial_card { background-color: #fff; }
.quote_box {
    width: 99px;
    height: auto;
    top: -2px;
    left: 30px;
}
.slick-slider { margin: 0 -15px; }

/* Keep every review card the same height as the tallest one. */
#testimonial_slider .slick-track { display: flex; }
#testimonial_slider .slick-slide { height: auto; }
#testimonial_slider .slick-slide > div,
#testimonial_slider .slick-slide > div > .testimonial_card { height: 100%; }  /* newer Slick versions add a wrapper div */
.slick-slide  { margin: 0 15px; }

.slick_prev,
.slick_next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    cursor: pointer;
    z-index: 10;
}
.slick_prev { left: -30px; }
.slick_next { right: -30px; }

/* ---- "Peek Inside" scroller ---- */
.president_card {
    min-width: 250px;
    max-width: 250px;
    padding: 0 30px;
}

/* ---- "Selected Interviews" list ---- */
.interview_list {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.interview_list a { max-width: 100%; }

/* ---- Order section: book cover overlapping the top edge ---- */
.centered_book {
    position: absolute;
    width: 250px;
    top: -120px;
    left: 50%;
    transform: translateX(-50%);
}

/* ---- Phones ---- */
@media screen and (max-width: 767px) {
    .president_card { padding: 25px; }
    .slick_prev { left: -10px; }
    .slick_next { right: -10px; }
}