/* =========================================
   LOGIN / HEADER BUTTON
========================================= */

.wp-block-loginout a {
    background-color: #003366 !important;
    color: white !important;
    padding: 12px 20px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    display: inline-block !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
}

.wp-block-loginout a:hover {
    background-color: #0055aa !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0, 51, 102, 0.25) !important;
}


/* =========================================
   MOBILE HEADER FIXES
========================================= */

@media (max-width: 768px) {

    .site-header {
        max-height: auto !important;
        padding: 10px 0 !important;
    }

    .site-logo img {
        max-width: 80% !important;
        height: auto !important;
    }

}


/* =========================================
   JWHIT OUTLINE BUTTON
   (SEND A MESSAGE)
========================================= */

.jwhit-outline-button {

    background: #ffffff !important;

    color: #112B66 !important;

    border: 1px solid rgba(17, 43, 102, 0.18) !important;

    border-radius: 999px !important;

    padding: 10px 20px !important;

    text-decoration: none !important;

    font-weight: 600 !important;

    font-size: 15px !important;

    line-height: 1 !important;

    display: inline-block !important;

    transition: all 0.30s ease !important;

    box-shadow: 0 8px 18px rgba(17, 43, 102, 0.10) !important;
}

.jwhit-outline-button:hover {

    background: #112B66 !important;

    color: #ffffff !important;

    border: 1px solid rgba(255,255,255,0.65) !important;

    transform: translateY(-2px);

    box-shadow:
    0 10px 22px rgba(17, 43, 102, 0.18),
    0 0 0 1px rgba(255,255,255,0.08) inset !important;
}


/* =========================================
   JWHIT FILLED BUTTON
   (CALL BUTTON)
========================================= */

.jwhit-fill-button {

    background: #112B66 !important;

    color: #ffffff !important;

    border: 1px solid rgba(255,255,255,0.55) !important;

    border-radius: 999px !important;

    padding: 10px 20px !important;

    text-decoration: none !important;

    font-weight: 600 !important;

    font-size: 15px !important;

    line-height: 1 !important;

    display: inline-block !important;

    transition: all 0.30s ease !important;

    box-shadow: 0 8px 18px rgba(17, 43, 102, 0.16) !important;
}

.jwhit-fill-button:hover {

    background: #163B85 !important;

    border: 1px solid rgba(255,255,255,0.80) !important;

    color: #ffffff !important;

    transform: translateY(-2px);

    box-shadow:
    0 10px 22px rgba(17, 43, 102, 0.20),
    0 0 0 1px rgba(255,255,255,0.10) inset !important;
}