/*
* Theme Name:	Van Arnem Technology Pioneer
* Template:		twentytwentyfour
* Author:		With2Bees
* Author URI:	https://with2bees.com
* Version:		1.0
*/

:root {
    --deep-blue-gray:   #3b4648;
    --blue-gray:        #67928f;
    --light-gray:       #e8e8e8;
    --yellow:           #ffde5f;
    --red:              #ba4343;
    --red-mo:           #d03146;
    --white:            #ffffff;
}

.hero-cover { z-index: -1 !important; }
.book-cover { margin-top: -180px !important; }
.sub-title { margin-top: -28px !important; }
.btn-order-now a {
    transition: all 150ms ease-in-out !important;
    &:hover {
        background-color: var(--red-mo) !important;
        color: white !important;
    }
}
.scrim { background-color: rgba(0, 0, 0, 0.75) !important; }
.card-shadow { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15) !important; }
.slick-next { right: -42px !important; }
.slick-prev { left: -54px !important; }
.slick-next::before, .slick-prev::before {
    color: var(--white) !important;
    font-size: 30px !important;
}
.slick-dots {
    bottom: -45px !important;
    li button::before {
        color: var(--white) !important;
        font-size: 14px !important;
    }
}
.slick-list img {
    transform: scale(0.95) !important;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.75) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    transition: all 150ms ease-in-out !important;
    &:hover {
        cursor: pointer !important;
        transform: scale(1) !important;
        box-shadow: none !important;
    }
}
.copyright p { text-align: center !important; }

@media only screen and (max-width: 580px) {
    .hero-cover {
        min-height: unset !important;
        padding: 150px 0 !important;
        .hero-title1 { font-size: 4.5rem !important; }
        .hero-title2 { font-size: 2.5rem !important; }
        .hero-subtitle { font-size: 1.5rem !important; }
    }
    .book-cover { margin-top: 0px !important; }
    .book-desc-container {
        flex-wrap: wrap !important;
        figure {
            margin: 0 auto !important;
            margin-bottom: 30px !important;
            margin-top: 30px !important;
        }
        p { padding: 0 !important; }
    }
    .testimonials-container {
        flex-wrap: wrap !important;
        padding: 10px 20px !important;
    }
}
@media only screen and (max-width: 450px) {
    .hero-cover {
        padding: 75px 0 !important;
        .hero-title1 { font-size: 3.5rem !important; }
        .hero-title2 { font-size: 1.9rem !important; }
        .hero-subtitle { font-size: 1.25rem !important; }
    }
    .book-blurb-container {
        flex-wrap: wrap !important;
        p {
            flex-basis: 100% !important;
            margin-top: 30px !important;
        }
    }
    .author-button-container {
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        .btn-order-now-container {
            order: 1 !important;
            margin: 0 auto !important;
            margin-top: -70px !important;
        }
        .author-subtitle {
            order: 2 !important;
            h3 {
                margin-top: 20px !important;
            }
            p {
                width: 100% !important;
                text-align: center !important;
            }
        }
    }
}