/*
 Theme Name: Eviction Real Estate Law
 Theme URI: https://example.com/
 Author: Kousik Manna
 Author URI: https://example.com/
 Description: A custom WordPress theme created for Eviction Real Estate Law services and content.
 Version: 1.0
*/

/* ========================================== */

@import url('https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@300;400;500;600;700&display=swap');

body,
html {
    font-family: "Yanone Kaffeesatz", sans-serif;
}

body,
button,
input,
select,
textarea {
    letter-spacing: 1.5px;
}

/* Placeholder text */
::placeholder {
    letter-spacing: 1.5px;
}

/* For older browsers */
::-webkit-input-placeholder {
    letter-spacing: 1.5px;
}
:-ms-input-placeholder {
    letter-spacing: 1.5px;
}



* {
    font-family: "Yanone Kaffeesatz", sans-serif;
}


.practice-card {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.5s ease;
}

.practice-card .card-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.5s ease;
}

.practice-card .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    transition: background 0.5s ease;
}

.practice-card .card-content {
    position: relative;
    z-index: 2;
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.practice-card img {
    width: 100px;
    height: 100px;
}

.practice-card h5 {
    margin-top: 10px;
    font-size: 2rem;
}

.practice-card:hover .card-bg {
    transform: scale(1.1);
}

.practice-card:hover .overlay {
    background: rgba(0, 0, 0, 0.6);
}

/* ==================== */
.es_subscription_form .ig_es_form_field_email {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    box-sizing: border-box;
}

.es_subscription_form .es-subscribe-btn {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    box-sizing: border-box;
    padding: 12px 15px;
}

.es_subscription_form .es-field-wrap label {
    width: 100%;
    display: block;
    text-align: left;
}

.es_subscription_form .es-submit-container {
    width: 100% !important;
    display: block !important;
    margin-top: 10px;
}