/*
Theme Name:     Cranemap
Theme URI:      https://cranemap.com/
Description:    Child theme for Listable - Cranemap customizations
Author:         Idris
Author URI:     https://cranemap.com/
Template:       listable
Version:        1.0.0
Text Domain:    cranemap
*/

/* Rental CTA Button (Explore Companies...) */
.cranemap-rental-cta{
    margin-top: 24px;
    text-align: center;
}

.cranemap-rental-cta__btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 520px;
    max-width: 92%;
    padding: 18px 28px;

    background: #2f78d7;      /* blue */
    color: #fff !important;    /* white text */
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;

    border-radius: 12px;
    text-decoration: none !important;
    box-shadow: 0 10px 24px rgba(47, 120, 215, 0.25);

    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.cranemap-rental-cta__btn:hover,
.cranemap-rental-cta__btn:focus{
    background: #2567c3;
    box-shadow: 0 14px 30px rgba(47, 120, 215, 0.32);
    transform: translateY(-1px);
    color: #fff !important;
}

.cranemap-rental-cta__btn:active{
    transform: translateY(0);
    box-shadow: 0 10px 24px rgba(47, 120, 215, 0.22);
}

/* Mobile tweaks */
@media (max-width: 600px){
    .cranemap-rental-cta__btn{
        min-width: 0;
        width: 100%;
        font-size: 20px;
        padding: 14px 18px;
        border-radius: 10px;
    }
}