/* =========== GENERAL ========== */
.servlist {
    columns: 2;
}

table#officeHours {
    width: 380px;
    table-layout: auto;
}
table#officeHours caption {
    caption-side: top;
    text-align: left;
    font-weight: bold;
    font-family: "muliRegular", Arial, Helvetica, sans-serif;
}
table#officeHours tr td {
    text-align: left;
    line-height: 1.3;
    border: none;
    padding: 0px !important;
}

img {
    vertical-align: middle;
}



/* =========== HEADER ========== */
.wrap__header {
    background: #f9fcff;
}
img.logo__image {
    width: auto !important;
    max-width: 100%;
    max-height: 100px !important;
    height: auto !important;
}
#slot-responsive-phone-only p {
    color: #777;
    font-family: "open-sans-light",Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 14px;
}
.wrap__header--top .wrap__locations {
    display: block;
}





/* =========== HOMECONTENT ========== */
#slot-main ul, #slot-main ol {
    font-size: 12px;
}
#slot-main ul {
    color: #6fc7ff;
    font-family: "open-sans",Arial,Helvetica,sans-serif;
    padding: 0 0 0 40px;
    margin: 0 0 35px;
}
#slot-main ul li, #slot-main ol li {
    font-family: "open-sans-light",Arial,Helvetica,sans-serif;
    font-size: 24px;
}
#slot-main ul li {
    color: #777;
    padding-left: 1em;
    text-indent: -0.7em;
}


/* =========== STAFF ========== */
.wrap__staff {
    background: #ecf4ff;
}
.staff-member__image-wrapper {
    width: 320px;
    height: 480px;
}

.meet_doctor_title {
    border-color: #6fc7ff !important;
    color: #333;
    font-size: 11px;
    margin: 10px 0 25px;
    padding-bottom: 9px;
    font-family: "montserrat-light",Arial,Helvetica,sans-serif;
    line-height: 1;
    font-weight: normal;
    display: inline-block;
    text-transform: uppercase;
    border-bottom: 2px solid;
    letter-spacing: 2px;
}
.doctor_info {
    word-wrap: break-word;
}
.doctor_info h2 {
    margin: 0 0 13px;
    font-size: 24px;
    line-height: 1;
    font-family: "montserrat",Arial,Helvetica,sans-serif;
    color: #333;
}
.doctor_info p {
    font-family: "open-sans",Arial,Helvetica,sans-serif;
    color: #777;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 22px;
    margin: 0 0 20px 0;
    padding: 0;
}
div#slot-responsive-appt-request a {
    border-color: #6fc7ff !important;
    color: #333;
    background-color: transparent;
    line-height: 1;
    font-size: 14px;
    padding: 11px 40px;
    outline: none;
    border: 2px solid;
    -moz-border-radius: 50px 50px / 50px 50px;
    -webkit-border-radius: 50px 50px;
    border-radius: 50px 50px / 50px 50px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s;
    -moz-transition: border-color 0.3s, background-color 0.3s, color 0.3s;
    transition: border-color 0.3s, background-color 0.3s, color 0.3s;
    display: block;
    text-align: center;
    font-family: "montserrat",Arial,Helvetica,sans-serif;
    width: fit-content;
}





/* =========== CUSTOMBODY ========== */
h2.form__title.component__title {
    color: #333;
}
input[type="color"], .form .form-input-uploadFile .fileUpload + label, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, select, .hasDatepicker {
    color: #989898;
    border-color: #c7c4bd;
}
.leadFormSuccess, .leadFormInfo {
    font-size: 12px;
    line-height: 12px;
    width: 100%;
    color: #777;
    margin: 0 0 20px;
}
.hours * {
    color: #000;
}
.hours:after {
    content: 'LUNCH FROM 12:00 PM - 1:00 PM';
    color: #777;
    font-family: "open-sans",Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 50px;
    text-transform: uppercase;
}




/* =========== TESTIMONIALS ========== */
.wrap__testimonials {
    background: #ecf4ff;
}



/* =========== FULLWIDTH ========== */
.img-staff {
    width: 300px;
    border-radius: 3px;
    box-shadow: 0 0 8px #000;
}
#slot-main img:not(.nivo-main-image) {
    max-width: 100%;
    height: auto !important;
}
.ofc-clm-holder {
    display: inline-block;
    vertical-align: top;
    width: 337px;
    max-width: 100%;
}
.iholder iframe {
    max-width: 100%;
}
.cstm-img {
    width: 400px;
    max-width: 100%;
    float: left;
    margin-right: 20px;
    margin-bottom: 25px;
    box-shadow: 0 0 9px #00000085;
}












































/* =========== FOOTER ========== */
.wrap__footer {
    background: #313b49;
    padding: 30px 0;
}
.show-on-site {
    font-size: 14px !IMPORTANT;
    margin-bottom: 8px;
}
.footer_disclaimer_component.copyright_disclaimer .col-sm-12 {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
}
ul.socialmedia__list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}




/* =========== RESPONSIVE ========== */
@media (max-width: 1024px) and (min-width: 769px) {
    .staff-member__image-wrapper {
        width: 291px;
        height: 436.58px;
    }
    
    
    .wrap__locations {
        width: 50%;
    }
    .wrap__copyright {
        width: 50%;
    }
    #copyright {
        padding: 0px;
    }
    
    .hours:after {
        /* margin: auto; */
        display: block;
        /* width: 100%; */
        text-transform: uppercase;
        text-align: center;
    }
}
@media (max-width: 768px) and (min-width: 426px) {
    .staff-member__image-wrapper {
        width: 214.19px;
        height: 321.08px;
    }
    
    
    .copyright__list {
        justify-content: center;
        margin: 0px;
    }
    ul.socialmedia__list {
        justify-content: center;
        margin-top: 15px;
    }
    .show-on-site * {
        text-align: center !important;
    }
    .copyright {
        padding-top: 10px;
    }
    .wrap__copyright {
        padding: 10px;
    }
    .hours:after {
        /* margin: auto; */
        display: block;
        /* width: 100%; */
        text-transform: uppercase;
        text-align: center;
    }
}
@media (max-width: 425px) and (min-width: 376px) {
    .staff-member__image-wrapper {
        margin: auto;
    }
    .wrap__header .container {
        justify-content: start;
    }
    .servlist {
        columns: 1;
    }
    
    .copyright__list {
        justify-content: center;
        margin: 0px;
    }
    ul.socialmedia__list {
        justify-content: center;
        margin-top: 15px;
    }
    .show-on-site * {
        text-align: center !important;
    }
    .copyright {
        padding-top: 10px;
    }
    .wrap__copyright {
        padding: 10px;
    }
    .hours:after {
        /* margin: auto; */
        display: block;
        /* width: 100%; */
        text-transform: uppercase;
        text-align: center;
    }
    .defresp {
        display: block !important;
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 10px;
    }
}
@media (max-width: 375px) {
    .staff-member__image-wrapper {
        margin: auto;
    }
    .wrap__header .container {
        justify-content: start;
    }
    .servlist {
        columns: 1;
    }
    
    ul.socialmedia__list {
        justify-content: center;
        margin-top: 15px;
    }
    .show-on-site * {
        text-align: center !important;
    }    
    .copyright {
        padding-top: 10px;
    }
    .wrap__copyright {
        padding: 10px;
    }
    .hours:after {
        /* margin: auto; */
        display: block;
        /* width: 100%; */
        text-transform: uppercase;
        text-align: center;
    }
    .defresp {
        display: block !important;
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 10px;
    }
}


/*---------------Pop up css------------*/ #css-only-modals { position:fixed; pointer-events:none; left:0; top:0; right:0; bottom:0; z-index:10000000; text-align:center; white-space:nowrap; height:100%; } #css-only-modals:before { content:''; display:inline-block; height:100%; vertical-align:middle; margin-right:-.25em; } .css-only-modal-check { pointer-events:auto; display:none; } .css-only-modal-check:checked ~ .css-only-modal { opacity:1; pointer-events:auto; } .css-only-modal { width: 700px; background:#fff; z-index:1; display:inline-block; position:relative; pointer-events:auto; padding:25px; text-align:right; border-radius:4px; white-space:normal; display:inline-block; vertical-align:middle; opacity:0; pointer-events:none; max-width: 90%; } .css-only-modal h2 { text-align:center; } .css-only-modal p { text-align:left; } .btn-primary:hover { color:#fff; background-color:#999; border-color:#999; } .btn-primary { color:#fff; background-color:#777; border-color:#777; border-radius: 4px; padding: 6px 12px; } .css-only-modal-check:checked ~ #screen-shade { opacity:.5; pointer-events:none; } #modal1 { display: none; } #screen-shade { opacity:0; background:#000; position:absolute; left:0; right:0; top:0; bottom:0; pointer-events:none; transition:opacity .8s; } .css-only-modal-content {max-height:80vh; overflow-y:auto; } /*------------End pop up css------*/