/*
 * Theme Name: Dr. Devin Mistry Theme
 * Description: WordPress theme for drdevinmistry.com
 * Author: Billy Roberts
*/

@tailwind base;
@tailwind components;
@tailwind utilities;

* {
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
    
}
:root {
    font-family: "Inter", sans-serif;
    word-wrap: break-word;
    font-size: 16px;
}
body p {
    color: #222222;
    font-weight: 300;
    line-height: 150%;
    font-family: "Inter";
}
body {
    margin: 0;  
    color: #222222;
    background-color: #f7f7f7;
    overflow-x: hidden;
}

.font-dm {
    font-family: "DM Sans", sans-serif;
}

/* Mega Menu Styles */

.not-homepage #mega-menu-max_mega_menu_1 > .mega-menu-item > a.mega-menu-link {
    color:#f7f7f7!important;
}
.page-home span.mega-toggle-animated-inner,
.page-home span.mega-toggle-animated-inner:before,
.page-home span.mega-toggle-animated-inner:after {
    background-color: #222222!important;
}
#mega-menu-wrap-max_mega_menu_1 {
    z-index: 100;
}
li.mega-menu-item > .mega-sub-menu {
    margin-top: 50px !important;
}


/* Specialties */

.specialties-content h2 {
    font-size: 2.25rem; /* 36px */
    line-height: 2.5rem; /* 40px */ 
    color: #0f4062;
    font-weight: 600;
}
.specialties-content p {
    margin-bottom: 2rem;
    margin-top: 1rem;
    color: #222222;
}
.specialties-content h3 {
    font-size: 1.5rem; /* 24px */
    line-height: 2rem; /* 32px */
    font-weight: 600;
    color: #222222;
}

.specialties-form label.frm_primary_label {
    color: #f7f7f7;
}

#frm_form_1_container button {
    background: #f2e6dd;
    border-radius: 0.25rem;
    color: #222;
    font-weight: 600;
    text-transform: uppercase;
    border: none;
    font-family: 'Inter', sans-serif;
    box-shadow: none;
    padding: 12px 25px;
}
#frm_form_1_container button:hover{
    background-color: #f7f7f7;
    color: #0f4062;
}

.page-id-98 #mega-menu-max_mega_menu_1 > li > a.mega-menu-link {
    color: #f7f7f7 !important;
}

.page-id-17 #frm_form_1_container button {
    background: #0f4062;
    color: #f7f7f7;
    border: 1px solid #0f4062;
}
.page-id-17 #frm_form_1_container button:hover {
    background: #f7f7f7;
    color: #0f4062;
    border: 1px solid #0f4062;
}

@media screen and (max-width:767px) {
    ul.mega-sub-menu {
        max-height: 65vh!important; /* Adjust as needed based on the height of Chrome's bottom bar */
        overflow-y: auto!important; /* Enable vertical scrolling */
    }
    
}