/* WE THE PRESIDENTS custom styles (layout utilities come from Tailwind). */

/* ---- Brand colors and fonts ---- */
.bg_blue        { background-color: #005172; }
.bg_blue_light  { background-color: #1683B5; }
.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; }

/* ---- Home page: 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; }
.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; }

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

/* ---- Home page: book cover overlapping the top of "Order Your Book" ---- */
.centered_book {
    position: absolute;
    width: 250px;
    top: -120px;
    left: 50%;
    transform: translateX(-50%);
}

/* ---- Review page: red buttons ---- */
.review_button {
    cursor: pointer;
    padding: 10px 28px;
    margin-top: 10px;
    background-color: #e5003a;
}

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