/* Try this version first, but try using mobile-version-2 if you have issues. Some of the sites have differences, such as how the logo is rendered, so you have to adjust accordingly. */

.header-menu-link {
    display: none;
}

#fancybox-overlay {
    z-index: 9999 !important;
}

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

@media (max-width: 1500px) {
    #utility-bar {
        right: 1rem;
    }
    .grecaptcha-badge {
        display: none !important;
    }
    #main-content {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    #header {
        display: flex;
        justify-content: center;
    }
    #header #header-logo {
        padding-left: 0;
    }
    #content .sidebar-content-container .sidebar-bottom-btn {
        width: 100%;
        max-width: 720px;
    }
    #content .sidebar-content-container .sidebar-bottom-btn a {
        width: 100%;
    }
}

@media (max-width: 1100px) {
    #header-menu-container {
        display: flex;
        justify-content: center;
    }
    .header-menu-link {
        display: flex;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 14px;
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        padding: .3em 1em;
        align-items: center;
        transition: .5s;
    }
    #header-menu {
        width: 100%;
    }
    .header-menu-link:hover {
        color: #86c7ec;
    }
    .header-menu-link i {
        margin-left: .5rem;
    }
    #header-menu-container #header-menu {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }
    .menu-active #header-menu-container #header-menu {
        opacity: 1;
        visibility: visible;
    }
    #header-menu-container #header-menu ul {
        display: flex;
        flex-direction: column;
        background: #15537b;
        margin: 0;
        padding: 0;
        box-shadow: 0 1px 2px rgba(0,0,0,.5);
    }
    #header-menu-container #header-menu ul li {
        display: block;
        float: none;
    }
    #header-menu-container #header-menu ul li a,
    #header-menu-container #header-menu ul.dropdown li a {
        display: flex;
        padding: 1rem !important;
        justify-content: center;
        align-items: center;
    }
    #header-menu-container #header-menu ul.dropdown li.parent>a:after {
        position: initial;
        margin-left: .25rem;
    }
    #header-menu-container #header-menu ul ul {
        display: block !important;
        opacity: 0;
        pointer-events: none;
        transition: .5s;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        padding: 0;
        border: 0;
    }
    #header-menu-container #header-menu ul.dropdown ul {
        padding-top: .75rem;
        padding-bottom: .75rem;
    }
    #header-menu-container #header-menu ul ul li {
        padding: 0;
        transition: .5s;
    }
    #content #main-content-sidebar .widget_nav_menu ul li {
        transition: .5s;
    }
    #header-menu-container #header-menu ul.dropdown ul li a {
        transition: .5s;
        padding: .75rem 1rem !important;
    }
    #header-menu-container #header-menu ul li.menu-active ul {
        opacity: 1 !important;
        pointer-events: auto;
    }
}

@media (max-width: 1064px) {
    .page-id-14 .grid_7, .single-staff-member .grid_7 {
        padding-left: 0;
    }
    #featured #featured-inside-img {
        background: transparent;
        height: initial;
    }
    #featured #featured-inside-img img {
        padding-left: 0;
        width: initial;
        max-width: 100%;
        height: auto;
    }
    .grid_12,
    .grid_3,
    .grid_6,
    .grid_9,
    .grid_5 {
        width: 100%;
        box-sizing: border-box;
    }
    #content #main-content-sidebar #sidebar-inside-right {
        margin-left: 0;
        margin-right: 0;
    }
    .page-id-14 .grid_7,
    .single-staff-member .grid_7,
    .grid_7,
    .page-id-206 .grid_7, .single-staff-member .grid_7 {
        width: 100%;
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
    }
    .page-id-206 .grid_7, .single-staff-member .grid_7 {
        padding-left: 0;
    }
    .col-left,
    .col-right,
    .alignleft,
    .alignright {
        float: none;
    }
    .col-left,
    .col-right,
    .alignleft,
    .alignright,
    .entry-content iframe {
        margin-left: auto;
        margin-right: auto;
    }
    .entry-content iframe {
        display: block;
    }
    .entry-content > *:not(.clear) {
        margin-bottom: 0;
        margin-top: 2rem;
    }
    .entry-content > *:not(.clear):first-child {
        margin-top: 0;
    }
    #main-content-sidebar {
        margin-bottom: 2rem;
    }
    .entry-content p img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        width: auto;
        height: auto;
    }
    #content #main-content .widget-container {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }
    #content #main-content #sidebar-inside-right .widget-container,
    #content #main-content #sidebar-blog-right .widget-container {
        display: block;
    }
    #content #main-content #sidebar-inside-right .widget-container.widget_nav_menu ul li a,
    #content #main-content #sidebar-blog-right .widget-container.widget_nav_menu ul li a {
        text-align: center;
    }
    #content #main-content-sidebar ul li:last-of-type {
        margin-bottom: 0;
    }
    #content #main-content-sidebar #sidebar-blog-right {
        margin-left: 0;
        margin-right: 0;
    }
    #content #main-content.inside-page article {
        padding-left: 0;
        padding-right: 0;
    }
    #content #main-content.inside-page article {
        padding-bottom: 2rem;
    }
    .ngg-galleryoverview {
        margin-left: auto;
        margin-right: auto;
        max-width: 520px;
    }
    iframe[src*="google.com/maps"] {
        width: 100%;
        display: block;
    }
    input, select, textarea {
        max-width: 100%;
        box-sizing: border-box;
    }
    #sidebar-home-right {
        margin-left: auto !important;
        margin-right: auto !important;
        display: table;
    }
    #content #main-content-home #main-content-home-main,
    #content #main-content-home #main-content-home-main p {
        padding-left: 0;
        padding-right: 0;
    }
    body.single-staff-member #main-content-inside {
        display: block !important;
    }
    body.single-staff-member #main-content-inside > div {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    body.single-staff-member #main-content-inside > div,
    .single-staff-member h1,
    .single-staff-member #content #main-content.inside-page h3 {
        text-align: initial !important;
    }
    body.single-staff-member #main-content-inside img.staff-member-page-photo {
        float: none;
        padding: 0;
        max-width: 100%;
        height: auto;
    }
    .inside-bio-text {
        margin-bottom: 2rem;
    }
    /* .home #main-content-sidebar #sidebar-home-right a {
        display: block;
    }
    .home #main-content-sidebar #sidebar-home-right img {
        width: auto !important;
    } */
    .home #main-content-home-left,
    .home #main-content-home-main {
        max-width: 700px;
    }
}

@media (max-width: 1000px) {
    #center-bar #nav_menu-2 {
        left: 1rem;
    }
}

@media (max-width: 784px) {
    #content .sidebar-content-container .sidebar-bottom-btn {
        --bp: 784;
        width: calc((720 / var(--bp)) * 100vw);
        height: calc((65 / var(--bp)) * 100vw);
    }
    #content .sidebar-content-container .sidebar-bottom-btn a {
        width: 100%;
        height: 100%;
        background-size: cover;
    }
    #content .sidebar-content-container .sidebar-bottom-btn a span {
        background-size: cover;
    }
}

@media (max-width: 764px) {
    .staff-member-listing {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    .staff-member-info-wrap {
        width: initial !important;
        float: none !important;
        height: initial !important;
        padding: 0 !important;
    }
    .entry-content iframe {
        --bp: 764;
        /*width: calc((700 / var(--bp)) * 100vw);*/
        width: 100%;
        height: calc((400 / var(--bp)) * 100vw);
        display: block;
    }
}

@media (max-width: 750px) {
    .home #sidebar-home-right .textwidget.custom-html-widget {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    #center-bar,
    #utility-bar,
    #center-bar #nav_menu-2 {
        position: initial;
    }
    #menu-center-menu {
        display: flex;
        justify-content: center;
    }
    .top-social-icons,
    #utility-bar #glt_widget-2,
    #utility-bar li.fontResizer {
        float: none !important;
    }
    .ct-font-resizer .fontResizer a {
        color: #155380;
    }
    #utility-bar {
        display: flex;
        justify-content: center;
        background: #e6e7e7;
    }
    .ct-font-resizer {
        padding-left: 0;
        margin: 0;
        display: flex;
        align-items: center;
    }
    #utility-bar #glt_widget-2 {
        margin-left: 1rem;
        margin-right: 1rem;
        display: flex;
        align-items: center;
    }
    #utility-bar li.fontResizer {
        padding-right: 0;
        margin-top: 0;
    }
    .top-social-icons a:first-of-type {
        padding-left: 0;
    }
    #header-container {
        height: initial;
        border-top: 0;
    }
    #header #header-logo {
        padding: 1.75rem;
    }
    #header #header-logo a {
        background: none;
        text-indent: initial;
        width: initial;
        height: initial;
    }
    #header #header-logo a img {
        max-width: 100%;
        height: auto;
    }
    #header #header-logo a span {
        display: none;
    }
}

@media (max-width: 566px) {
    .ngg-galleryoverview {
        max-width: 260px;
    }
}

@media (max-width: 550px) {
    #content #main-content.inside-page p,
    #content #main-content-home #main-content-home-main p {
        text-align: initial;
    }
    .entry-content ul {
        padding-left: 1rem;
    }
}

@media (max-width: 513px) {
    .staff-member-listing {
        grid-template-columns: 1fr;
    }
    .staff-member-info-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 500px) {
    .home #main-content-home-left img,
    .home #main-content-home-main img,
    .home #sidebar-home-right img {
        width: 100%;
        height: auto;
    }
    .home #content #main-content .widget-container {
        display: block;
    }
}

@media (max-width: 446px) {
    iframe[src*="google.com/maps"] {
        height: 300px;
    }
}

@media (max-width: 350px) {
    .top-social-icons a {
        padding-left: 0 !important;
    }
    .top-social-icons a {
        margin-right: .5rem;
        font-size: 20px;
    }
    .top-social-icons a:last-of-type {
        margin-right: 0;
    }
}