/*Current Brand Colors: 
   -------------
    - Gladstone: #3D3088 (blue), #7CC244 (green), #fe5000 (orange), #7CC244 (purple) | Revised #3D3088 (Blue) #7CC244 (Green)
    - EPD4K: #3D3088 (blue), #EE312F (orange-red), #7CC244 (green), #E90E8C (pink), #F2E406 (yellow)
    - Missouri: #3D75B9 (blue), #30B14C (green), #7CC244 (orange), #7CC244 (purple)
    - Mississippi: #041793 (dark blue), #17A9FA (medium blue), #BFE1FF (light blue), #FED513 (yellow)
    - Springield: #3D3088 (message green), #D9EFEC (blue green rules), #FDBF68 (california peach), #F99F23 (radiant yellow) 
*/

/***************************** STYLE VARIABLES *****************************/
:root {
    --banner-background-color1: #3D3088;
    --banner-text-color1: #ffffff;
    --banner-background-color2: #7CC244;
    --banner-text-color2: #ffffff;
    --banner-background-color3: #3D3088;
    --banner-text-color3: #ffffff;
    --banner-background-color4: #7CC244;
    --banner-text-color4: #ffffff;
    --bottom-border-color1: #3D3088; /* Usually used as a wide bottom border for images */
    --bottom-border-color2: #7CC244; /* Usually used as a wide bottom border for images */
    --bottom-border-color3: #3D3088; /* Usually used as a wide bottom border for images */
    --bottom-border-color4: #7CC244; /* Usually used as a wide bottom border for images */
    --button-color: #7CC244;
    --card-background-color1: #3D3088;
    --card-h1-color1: #ffffff;
    --card-btn-color1: #7CC244;
    --card-background-color2: #7CC244;
    --card-btn-color2: #3D3088;
    --card-h1-color2: #ffffff;
    --default-text-color: #5F5E60;
    --footer-link-color: #000000;
    --footer-link-hover-color: #7CC244;
    --footer-link-hover-underline-color: #fe5000;
    --h1-default-color: #3D3088;
    --h2-default-color: #7CC244;
    --h3-default-color: #5F5E60;
    --h4-default-color: #5F5E60;
    --h5-default-color: #5F5E60;
    --header-contact-info-color: #5F5E60;
    --highlighted-review-header-text-color: #3D3088;
    --highlighted-review-star-rating-color: #ffdc12;
    --highlighted-review-text-color: #363636;
    --highlighted-review-top-icon-color: #3D3088;
    --highlighted-text-color: #7CC244;
    --meet-the-team-fun-fact-icon-color: #7CC244;
    --meet-the-team-image-border-color: #3D3088;
    --meet-the-team-modal-name-color: #7CC244;
    --mobile-footer-top-border-color: #7CC244;
    --modal-popup-close-icon-color: #7CC244;
    --navbar-background-color: #3D3088;
    --navbar-dropdown-hover-color: #3D3088;
    --navbar-dropdown-link-color: #3D3088;
    --navbar-dropdown-sublink-color: #7CC244;
    --social-icon-color: #3D3088;
    --social-icon-hover-color: #3D3088;
}



/***************************** BODY AND LAYOUT STYLES *****************************/
html, body {
    font-family: 'Roboto', sans-serif;
    font-size: 1.0rem;
    overflow-y: visible !important
}

body {
    color: var(--default-text-color) !important;
}

.body-container {
    padding: 10px 0px 60px 0px;
}

.btn-fixed-width {
    width: 150px;
}

.container-fluid.full-width {
    padding-left: 0;
    padding-right: 0;
}

.main-content {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow-x: clip;
}

.modal-body i, em {
    color: var(--modal-popup-close-icon-color);
    font-size: 1.75rem;
    padding-right: 10px;
}

#remove-nav .navbar {
    display:none;
}



/***************************** HEADER AND FOOTER STYLES *****************************/
.contact-info {
    color: var(--header-contact-info-color) !important;
    font-family: 'Poppins', sans-serif;
    font-size: 1.0rem;
    text-decoration: none;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--navbar-active-link-color) !important;
    color: #ffffff !important;
}

.dropdown-menu li {
    position: relative;
}

.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}

.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}

.dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
}

.header-appt-button {
    font-size: 1rem;
}

.nested-submenu-item {
    color: var(--default-text-color) !important;
    font-size: .9rem !important;
}

.pedo-nav {
    background-color: var(--navbar-background-color) !important;
}

    .pedo-nav .nav-item a {
        color: #ffffff !important;
        font-family: 'Poppins', sans-serif;
        font-size: 1.25rem;
    }

    .pedo-nav .dropdown-menu a {
        background-color: #ffffff !important;
        color: var(--navbar-dropdown-link-color) !important;
        font-family: 'Poppins', sans-serif;
        font-size: 1.25rem;
    }

        .pedo-nav .dropdown-menu a:hover {
            color: var(--navbar-dropdown-hover-color) !important;
        }

    .pedo-nav .dropdown-menu .nested-submenu-item {
        color: var(--navbar-dropdown-sublink-color) !important;
        font-size: .9rem !important;
    }

.wide-menu {
    min-width: 25rem !important;
}




/***************************** MAIN CONTENT STYLES *****************************/
a {
    text-decoration: none !important;
}

.accordion-btn {
    background-color: #ffffff !important;
    color: #7CC244 !important;
    text-align: left !important;
}

.banner-color1 {
    background-color: var(--banner-background-color1);
    padding: 10px 0px;
}
    .banner-color1 h1 {
        color: var(--banner-text-color1) !important;
        font-size: 1.5rem !important;
    }

.banner-color2 {
    background-color: var(--banner-background-color2);
    padding: 10px 0px;
}
    .banner-color2 h1 {
        color: var(--banner-text-color2);
        font-size: 1.5rem;
    }
    .banner-color2 h2 {
        color: #ffffff !important;
        font-size: 1.5rem !important;
    }

.banner-color3 {
    background-color: var(--banner-background-color3);
    padding: 10px 0px;
}
    .banner-color3 h1 {
        color: var(--banner-text-color1) !important;
        font-size: 1.5rem !important;
    }

.banner-color4 {
    background-color: var(--banner-background-color4);
    padding: 10px 0px;
}
    .banner-color4 h1 {
        color: var(--banner-text-color4) !important;
        font-size: 1.5rem !important;
    }

.blue-capsule-button {
    border-radius: 25px !important;
    background-color: #7a9a01 !important;
    color: #ffffff !important;
    font-weight: normal !important;
    padding: 30px 30px !important;
    text-decoration: none !important;
}

    .blue-capsule-button h1 {
        color: #ffffff !important;
        font-size: 1.75rem !important;
    }

    .blue-capsule-button h2 {
        color: #ffffff !important;
    }

    .blue-capsule-button h3 {
        color: #ffffff !important;
    }

    .blue-capsule-button p {
        color: #ffffff !important;
    }



.bottom-border-color1 {
    border-bottom: 10px solid var(--bottom-border-color1);
}

.bottom-border-color2 {
    border-bottom: 10px solid var(--bottom-border-color2);
}

.bottom-border-color3 {
    border-bottom: 10px solid var(--bottom-border-color3);
}

.bottom-border-color4 {
    border-bottom: 10px solid var(--bottom-border-color4);
}

.pedo-btn {
    background-color: var(--button-color) !important;
    border-radius: 1rem !important;
    color: #ffffff !important;
    font-family: 'Poppins', sans-serif !important;
}

.card {
    border-radius: 1rem !important;
}

p.card-text {
    color:#ffffff
}



.card-color1 {
    background-color: var(--card-background-color1);
    text-align: center;
    border-radius: 1rem;
}
    .card-color1 h1 {
        color: var(--card-h1-color1) !important;
    }
    .card-color1 h5 {
        color: #ffffff !important;
    }
    .card-color1 .btn {
        background-color: var(--card-btn-color1) !important;
        color: #ffffff !important;
    }
    .card-color1 i {
        color: #ffffff;
    }

.card-color2 {
    background-color: var(--card-background-color2);
    text-align: center;
    border-radius: 1rem;
}
    .card-color2 h1 {
        color: var(--card-h1-color2) !important;
    }
    .card-color2 h5 {
        color: #ffffff !important;
    }
    .card-color2 .btn {
        background-color: var(--card-btn-color2) !important;
        color: #ffffff !important;
    }
    .card-color2 i {
        color: #ffffff;
    }

.card-color3 {
    background-color: #ffffff;
    text-align: center;
    border-radius: 1rem;
}
    .card-color3 h1 {
        color: var(--banner-background-color1) !important;
    }
    .card-color3 h5 {
        color: var(--card-btn-color1) !important;
    }
    .card-color3 .btn {
        background-color: var(--card-btn-color1) !important;
        color: #ffffff !important;
    }
    .card-color3 i {
        color: var(--banner-background-color1) !important;
    }

.card-color0 {
    background-color: #ffffff !important;
    text-align: center;
    border-radius: 1rem;
}

    .card-color0 .btn {
        background-color: var(--card-btn-color1) !important;
        color: #ffffff !important;
    }

    .card-color0 i {
        color: #ffffff;
    }

    .card-color0 hr {
        color: var(--h2-default-color) !important;
    }

p.card-text0 {
    color: var(--default-text-color) !important;
}

.counter-number {
    font-family: 'Poppins', sans-serif !important;
    font-size: 2.2rem !important;
    font-weight: bolder !important;
    color: var(--h1-default-color) !important;
}

.counter-label {
    font-size: 2.0rem;
    font-weight: bolder;
    color: #ffffff !important;
}


img.pill-border {
    border-radius: 2rem;
}

/* Normally this would go in the reusableComponents Meet the Team styles, but the HTML for this section is being stored in a string and then written out to the page. 
   This means the compiler can't properly manipulate the view to apply the view-specific styles and the CSS isolation won't work properly, so we must put it here. */
.fun-fact-icon {
    color: var(--meet-the-team-fun-fact-icon-color) !important;
    font-size: 1.75rem !important;
    padding-right: 10px !important;
}

h1 {
    color: var(--h1-default-color) !important;
    font-family: 'Poppins', sans-serif;
    font-size: 2.25rem !important;
    font-weight: bold !important;
/*    letter-spacing: .1rem;
*/    text-transform: uppercase !important;
}

h2 {
    color: var(--h2-default-color) !important;
    font-family: 'Love Ya Like A Sister', cursive;
    font-weight: bold !important;
    letter-spacing: .1rem;
    text-transform: uppercase !important;
    font-size: 2.0rem !important;
}

    h2.externship {
        color: var(--h2-default-color) !important;
        font-family: 'Love Ya Like A Sister', cursive;
        font-size: 1.5rem !important;
        letter-spacing: -1px;
    }

h3 {
    color: var(--h3-default-color) !important;
    font-family: 'Poppins', sans-serif;
    font-size: 1.75rem !important;
}

h4 {
    color: var(--h4-default-color) !important;
    font-family: 'Oswald', sans-serif;
    font-size: 1.75rem !important;
    font-weight: bold !important;
}

h5 {
    color: var(--h5-default-color) !important;
    font-family: 'Poppins', sans-serif;
    font-size: 1.25rem !important;
}

.highlighted-text {
    text-transform: uppercase;
    color: var(--highlighted-text-color);
    font-weight: bold;
    font-family: 'Love Ya Like A Sister', cursive;
}

.img-fancy-border-3-sided {
    border-radius: 30% 70% 66% 34% / 70% 59% 41% 30%;
}

.img-fancy-border-4-sided {
    border-radius: 30% 70% 30% 70% / 70% 41% 59% 30%;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.header-social-icon {
    color: var(--header-social-icon-color) !important;
    font-size: 1.5rem;
    padding: 0px 10px;
    vertical-align: middle !important;
}

.header-social-icon:hover {
    color: var(--header-social-icon-hover-color) !important;
}

.img-rounded-circle {
    border-radius: 50% !important;
}

.img-shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.blue-capsule-button {
    border-radius: 25px !important;
    background-color: #3d3088 !important;
    color: #ffffff !important;
    font-weight: normal !important;
    padding: 30px 30px !important;
    text-decoration: none !important;
}
    .blue-capsule-button h1 {
        color: #ffffff !important;
        font-size: 1.75rem !important;
    }
    .blue-capsule-button h2 {
        color: #ffffff !important;
    }
    .blue-capsule-button h3 {
        color: #ffffff !important;
    }
    .blue-capsule-button p {
        color: #ffffff !important;
    }

.green-capsule-button {
    border-radius: 25px !important;
    background-color: #7cc244 !important;
    color: #ffffff !important;
    font-weight: normal !important;
    padding: 30px 30px !important;
    text-decoration: none !important;
}
    .green-capsule-button h1 {
        color: #ffffff !important;
        font-size: 1.75rem !important;
    }
    .green-capsule-button h2 {
        color: #ffffff !important;
    }
    .green-capsule-button h3 {
        color: #ffffff !important;
    }
    .green-capsule-button p {
        color: #ffffff !important;
    }

.responsive-youtube {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

    .responsive-youtube iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }

.social-icon {
    color: var(--social-icon-color) !important;
    font-size: 2.0rem;
}

    .social-icon:hover {
        color: var(--social-icon-hover-color) !important;
    }

.validation-message {
    color: var(--rz-danger) !important;
    font-size: 0.75rem;
}


/***************************** TEMP STYLES FOR EMBEDDED IFRAME PATIENT PORTAL PAGE *****************************/
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive::before {
        display: block;
        content: "";
    }

    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.embed-responsive-21by9::before {
    padding-top: 42.85714%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}




/***************************** BOOTSTRAP OVERRIDE STYLES *****************************/
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

    .close:hover {
        color: #000;
        text-decoration: none;
    }

    .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
        opacity: .75;
    }

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

a.close.disabled {
    pointer-events: none;
}