body {
    --main-button-color: #fff;
    --main-button-color-hover: #fff;
    --main-button-background-color: #025f54;
    --main-button-background-color-hover: #002521;
}

/*

#form button[type=submit] {
    background: #008081;
    color: #fff;
    border-radius: 0;
}

#form button[type=submit]:hover {
    background: #004a4b!important;
    color: #ffc52e!important;
}

*/

/* Format Content */
.entry h2, .entry h3, .entry h4, .entry p, .entry ul, .entry ol, .entry hr, .entry blockquote, article h2, article h3, article h4, article p, article ul, article ol, article hr, article blockquote, .wp-block-group, .wp-block-image, .wp-block-media-text {
    margin-bottom: 30px;
}

.entry hr {
    margin: 50px auto;
}

.location_name a {
    color: #008081;
}

.entry ul {
    margin-top: 0px;
    margin-bottom: 30px;
    padding-left: 20px;
    color: #333;
    font-weight: 400;
}

.wp-caption-text {
    margin-top: 30px;
    font-style: italic;
    text-align: center;
}

img, .entry img {
    height: auto
}

a {
    transition: all 100ms ease;
    -o-transition: all 100ms ease;
}

.entry a {
    color: #008081;
    text-decoration: underline;
    font-weight: 600;
}

.bc-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.bc-item {
    padding: 0.6em 1em;
}

.cpt-location-info a, .post-type-archive-locations a {
    text-decoration: none;
}

.entry a:hover, .bc-item.current-related {
    color: #000;
    text-decoration: none;
}

.bottom_nav_button {
    font-size: 1em;
}

/* Button Code */
a.ui-button,
a.wp-block-button__link,
.entry a.moretag,
.dr-clear-btn,
.dr-clear-btn:active,
button.dr-clear-btn:focus {
    color: #fff;
    font-size: 1em;
    font-weight: 500;
    margin: 0 auto;
    border-radius: 0;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px 12px 30px;
    text-align: center;
    text-decoration: none;
    line-height: 1.5;
    background: var(--main-button-background-color);
}

.wp-block-buttons.mb-0 a.wp-block-button__link {
    margin-bottom: 0;
}

.dr-clear-btn,
.dr-clear-btn:active,
button.dr-clear-btn:focus {
    display: block;
    outline: 0;
    margin: 1em auto;
}

a.ui-button:hover,
a.wp-block-button__link:hover,
.entry a.moretag:hover,
.dr-clear-btn:hover {
    background: var(--main-button-background-color-hover);
    color: var(--main-button-color-hover);
}

.doc_read_more_div:hover {
    background: var(--main-button-background-color-hover);
    color: var(--main-button-color-hover);

}

.doc_read_more_div:hover .read_more_text {
    color: var(--main-button-color-hover);
}

.entry a.moretag {
    display: block;
    margin: 15px 0;
    padding: 0.6em;
    width: 150px;
}

/* Button Code End */

h2 a {
    text-decoration: none;
}

/* Alignment */
.alignleft {
    float: left;
    margin: 0 15px 8px 0;
}

.alignright {
    float: right;
    margin: 0 0 8px 15px;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Alignment End */

.embed-container, .wp-block-embed-youtube .wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 45.25%;
    height: 0;
    overflow: hidden;
    margin: auto auto 20px;
}

.embed-container.location-page {
    max-width: 100%;
}

.embed-container.you-tube, .wp-block-embed-youtube .wp-block-embed__wrapper {
    padding-bottom: 56.25%;
}

.embed-container.max-width-embed {
    max-width: 800px;
}

.embed-container.dry-eye-video {
    position: relative;
    padding-bottom: 56.25%;
}

.embed-container iframe, .embed-container object, .embed-container embed, .wp-block-embed-youtube .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.flex-wrapper, .flex-wrapper .wp-block-group__inner-container {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    justify-content: space-around;
}

.flex-item {
    text-align: center;
    margin-bottom: 30px;
}

.featured-img-post {
    float: right;
    margin: 0 0 8px 15px;
}

#primary-sidebar h2 {
    font-size: 20px;
    font-weight: 700;
    color: #e4002b;
    text-transform: uppercase;
    margin-bottom: 30px;
}

#primary-sidebar ul {
    padding-left: 0;
    margin-bottom: 30px;
}

#primary-sidebar ul li {
    list-style: none;
}

#primary-sidebar ul li a {
    text-decoration: none;
}

hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

.search-form {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.search-field, .search-submit {
    height: 35px;
}

.search-field {
    border-radius: 0;
    border: 1px solid #666;
}

.search-submit {
    -webkit-appearance: none;
    border: none;
    font-weight: 500;
    cursor: pointer;
    padding: 0 15px;
    text-transform: uppercase;
    background: var(--main-button-background-color);
    color: #fff;
    transition: all 100ms ease;
}

.search-submit:hover {
    background: var(--main-button-background-color-hover);
    color: var(--main-button-color-hover);
}

.location-phone-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 10px;
}

.location-phone-list li {
    margin-bottom: 0;

}

.menu-footer-menu-container {
    width: 100%;
}

#menu-footer-menu {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-left: 0;
}

#menu-footer-menu li {
    list-style: none;
}

/* Dropdown Menus */
/* ===== Top ===== */

#navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: center;
}

#navigation .menu-col-7 ul {
    column-count: 2;
    background: #a30523;
}

#navigation ul li {
    display: inline-block;
    text-align: left;
}

/* ===== First Level ===== */
#navigation ul li {
    position: relative;
    padding: 0;
    margin: 0;
}

#navigation ul ul li {
    border: none;
}

#navigation ul li a {
    margin-bottom: 0;
    color: #0a1c49;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    padding: 14px 12px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0s;
}

#navigation ul li:hover a {
    background: #025f54;
}

#navigation .current-menu-item a {
    background: #025f54;
}

#navigation ul li:hover a,
#navigation ul li.menu-item-has-children:hover > a:after,
#navigation .current-menu-item a,
#navigation .current-menu-item a:after {
    color: #fff;

}

#navigation ul ul, #navigation ul li:hover ul ul {
    position: absolute;
    display: none;
}

#navigation ul ul li:hover ul, #navigation ul li:hover ul li:hover ul {
    display: block;
    top: 0px;
    left: 100%;
}

/* ===== Second and Third Level ===== */
#navigation ul li:hover ul, #navigation ul li:focus-within ul  {
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

#navigation ul ul ul {
    margin-left: -14px;
}

#navigation ul li ul.sub-menu {
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.27);
    color: #fff;
    /*padding-top: 7px;*/
}

#navigation ul ul.sub-menu li a {
    float: none;
    font-size: 0.9em;
    line-height: normal;
    font-variant: normal;
    font-weight: normal;
    width: 280px;
    text-transform: uppercase;
    padding: 12px 10px 12px 10px;
    background: #025f54;
}

#navigation ul ul.sub-menu {
    background: #025f54;
}

#navigation ul ul li a {
    color: #fff;
}

#navigation ul ul li:hover a {
    color: #fff !important;
    background-color: #002b26;
}

#navigation ul li:hover ul li:hover ul {
    display: block;
    position: absolute;
    left: 280px;
    top: 0;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

#navigation ul ul li:hover ul li a {
    color: var(--main-button-background-color) !important;
    background: #fff !important;
}

#navigation ul ul li:hover ul li:hover a {
    color: #fff !important;
    background: var(--main-button-background-color) !important;
}

.menu-item-has-children {
    margin-top: 0px !important;
}

.menu-item-has-children > a:after {
    color: #0a1c49;
    content: '\e603';
    font-size: 12px;
    font-family: 'webflow-icons';
    margin-left: 5px;
}

/* Add class to make sure dropdown stays on screen see glacial.js */
#navigation ul li.edge ul.sub-menu {
    left: auto;
    right: 1em !important;
}

/* Dropdown Menus End */

/* Full Width Blocks Tempalte Stuff*/
.entry-content > * {
    margin-left: auto;
    margin-right: auto;
}

.wp-block-group__inner-container {
    margin: 0 auto;
    max-width: 1400px;
    width: 80%;
}

.alignfull {
    max-width: 100vw;
    position: relative;
    width: 100%;
}

.alignnone, .aligncenter, .alignleft, .alignright, .alignwide {
    margin: 2rem auto;
}

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 1300px;
    width: 80%;
}

.entry-content > .wp-block-group.alignfull.has-background {
    padding: 2rem 0;
    margin-bottom: 0;
    margin-top: 0;
}

.entry-content [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 1300px;
    width: 100%;
}

.entry-content [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) {
    margin-left: auto;
    margin-right: auto;
}

.wp-block-group.has-background {
    padding: 4em 0;
}

.nav-links {
    display: flex;
    justify-content: space-between;
}

.nav-links > div {
    padding: 0 1em;
}

.brand > img {
    width: 100%;
    max-width: 300px;
}

.footer-menu-link {
    padding: 1em;
}

/** Column Shadow Boxes **/

.wp-block-columns.box-columns {
    margin-bottom: 30px !important;
}

.box-columns .wp-block-column {
    border: 1.2px solid #e5e5e5;
    padding: 20px 20px 0 20px;
    height: auto;
    min-height: 280px;
    background-color: #fbfbfb;
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, .19);
    transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
}

.box-columns .wp-block-column:hover {
    /*box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, .49);*/
}

/*** GUTTENBERG CALLOUT BOX GROUPS ***/
.box-outline {
    border: 1px solid var(--main-button-background-color);
    padding: 30px 30px 0 30px;
    margin: 0 0 30px 0;
    display: block;
}

.box-solid {
    background-color: var(--main-button-background-color);
    padding: 30px 30px 0 30px;
    margin: 0 0 30px 0;
    display: block;
    color: #fff !important;
}

.box-solid h2, .box-solid h3, .box-solid h4, .box-solid p, .box-solid a, .box-solid li, .box-solid figcaption, .box-solid blockquote, .box-solid cite {
    color: #fff !important;
}

.box-solid .ui-button, .box-solid .wp-block-button__link {
    background-color: #fff !important;
    color: var(--main-button-background-color) !important;
}

.box-solid .ui-button:hover, .box-solid .wp-block-button__link:hover {
    background: var(--main-button-background-color-hover) !important;
    color: var(--main-button-color) !important;
}

.specialties-wrapper {
    width: 48%;
}

.doctor-wrapper {
    flex-direction: row-reverse;
}

.doc-featured-image {
    width: 18%
}

.doc-featured-image img {
    width: 100%;
}

.doc-content {
    width: 80%;
}

@media (max-width: 1180px) {

    #navigation ul li a {
        margin-bottom: 0;
        font-size: 14px;
    }
}
@media (max-width: 1035px) {

    #navigation ul li a {
        font-size: 12px;
    }
}

@media (max-width: 991px) {

    #navigation ul li a {
        font-size: 15px;
    }

    #navigation ul ul.sub-menu li a {
        font-size: 15px;
    }

    #navigation ul li ul.sub-menu {
        box-shadow: none;
    }

    #navigation .current-menu-item a {
        background: none;
    }

    #navigation {
        overflow: scroll;
        padding-bottom: 14em;
    }

    #navigation .menu-col-7 ul {
        column-count: 1;
    }

    .menu_btn {
        background-color: var(--main-button-background-color);
    }

    .menu_btn.w--open, .menu_btn:hover {
        background-color: #002b26;
        color: var(--main-button-color-hover);
    }

    .entry h2 {
        font-size: 22px;
    }

    #navigation ul ul.sub-menu li a, #navigation.navmenu, #navigation ul li, #navigation ul li:hover a {
        background: #002b26;
    }

    #navigation.navmenu {
        padding-top: 1em;
    }

    .w-nav-overlay .w--nav-menu-open, .w-nav-overlay [data-nav-menu-open] {
        top: 70px;
    }

    .w-nav-menu {
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        position: fixed;
    }

    .menu-item-has-children > a:after {
        display: none;
    }

    #navigation ul {
        display: block;
    }

    #navigation ul li {
        border-bottom: 1px solid #6a6a6a;
        float: none;
        width: 100%;
        display: block;
        text-align: center;
    }

    #navigation ul li a {
        color: #fff;
    }

    #navigation ul li:hover ul {
        display: none;
    }

    .menu-main-navigation-container > ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #navigation ul li a {
        padding: 15px 30px 15px 0;
    }

    #navigation ul li {
        width: 100%;
        text-align: left;
        padding-left: 1em;
    }

    #navigation ul li ul {
        width: 100%;
        position: relative;
        padding-top: 0px;
        margin-top: 0px;
    }

    #navigation ul li:hover ul {
        position: relative;
        display: none;
    }

    #navigation ul ul li a {
        width: 100% !important;
        padding-right: 50px;
    }

    #navigation ul li:hover a {
        width: 100%;
    }

    .menu li.has-children > a:after {
        display: none;
    }

    #navigation ul ul li:hover ul, #navigation ul li:hover ul li:hover ul {
        display: none;
    }

    /* Drop Down Arrows  Mobile */
    /* Drop Down Arrows */
    #navigation > ul > li > a:hover, #navigation > ul > li.active > a, #navigation > ul > li.open > a {
        color: #eeeeee;
        background: #1fa0e4;
        background: -webkit-linear-gradient(#1fa0e4, #1992d1);
        background: -moz-linear-gradient(#1fa0e4, #1992d1);
        background: -o-linear-gradient(#1fa0e4, #1992d1);
        background: -ms-linear-gradient(#1fa0e4, #1992d1);
        background: linear-gradient(#1fa0e4, #1992d1);
    }

    #navigation > ul > li.open > a {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
        border-bottom: 1px solid #1682ba;
    }

    li.open .holder {
        transform: rotate(180deg);
    }

    .holder {
        position: absolute;
        top: 0;
        right: 0px;
        z-index: 1000;
        width: 60px;
        height: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        transition: all 100ms ease;
    }

    .holder::before {
        display: inline-block;
        content: "";
        width: 6px;
        height: 6px;
        right: 20px;
        z-index: 10;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    .holder::after {
        top: 17px;
        border-top: 2px solid #ffffff;
        border-left: 2px solid #ffffff;
    }

    #navigation > ul > li > a:hover > span::after, #navigation > ul > li.active > a > span::after, #navigation > ul > li.open > a > span::after {
        border-color: #eeeeee;
    }

    .holder::before {
        top: 18px;
        border-top: 2px solid;
        border-left: 2px solid;
        border-top-color: inherit;
        border-left-color: inherit;
    }

    .w--open .w-icon-nav-menu:before {
        content: "\2715";
        padding: 2px;
    }

    #navigation > ul > li > a:hover > span::after, #navigation > ul > li.active > a > span::after, #navigation > ul > li.open > a > span::after {
        border-color: #eeeeee;
    }

    #navigation ul ul li:hover > a, #navigation ul ul li.open > a, #navigation ul ul li.active > a {
        /*background: #424852;*/
        color: #ffffff;
    }

    #navigation > ul > li > ul > li.open:last-child > a, #navigation > ul > li > ul > li.last.open > a {
        border-bottom: 1px solid #32373e;
    }

    #navigation > ul > li > ul > li.open:last-child > ul > li:last-child > a {
        border-bottom: 0;
    }

    #navigation ul ul li.active > a::after, #navigation ul ul li.open > a::after, #navigation ul ul li > a:hover::after {
        border-color: #ffffff;
    }

    /* Rollover LASIK Callouts */
    .colorbox {
        display: block;
        z-index: 99999999;
        transform: translateX(0px) translateY(0px) translateZ(0px) !important;
        opacity: 1 !important;
    }

    .project-name {
        transform: translateX(0px) translateY(0px) translateZ(0px) !important;
    }
}

/**** STYLE OVERRIDES ****/

/*** Home ***/

/*** Secondary Pages ***/

/*** Footer ***/

@media (max-width: 1366px) {
    /** Last Child Top Nav dropdown aligns right **/
    #navigation ul li:last-child:hover ul {
        left: auto;
        right: 0;
    }
}

@media (max-width: 1080px) {
    /** Center images to avoid narrow text wrap **/
    .alignleft, .alignright, .aligncenter, .wp-block-image .alignright, .wp-block-image .alignleft {
        display: block;
        float: none;
        margin: auto;
        margin-bottom: 20px;
        text-align: center;
    }

    figcaption {
        display: block !important;
    }
}

@media (max-width: 991px) {

    .specialties-wrapper {
        width: 100%;
    }

    .embed-container {
        max-width: 100%;
        padding-bottom: 56.25%;
    }

    .flex-reverse-large {
        flex-direction: column-reverse;
    }

    .flex-reverse-large .wp-block-column {
        margin-left: auto;
        margin-right: auto;
    }

}

@media (max-width: 800px) {
    /** Stack Gutenberg Columns & Media Text **/

}

@media (max-width: 767px) {

    .doc-featured-image {
        width: 100%;
        margin-bottom: 2em;
    }

    .doc-content {
        width: 100%;
    }

    .w-nav-overlay .w--nav-menu-open, .w-nav-overlay [data-nav-menu-open] {
        top: 70px;
    }

    .w-nav-brand {
        padding: 5px;
    }

    .brand > img {
        width: 100%;
        max-width: 190px;

    }

}

@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

}

@media (max-width: 479px) {

    .team-images .wp-block-image, .team-images h3 {
        margin-bottom: 10px !important;
    }

    .doble_line_wrapper.inner {
        display: none;
    }

    .inner_page_name {
        margin-left: 0;
    }

    .entry hr {
        margin: 30px auto;
    }

    .featured-img-post {
        float: none;
        margin: 0 0 30px 0;
        text-align: center;
    }

    .w-nav-overlay [data-nav-menu-open] {
        top: 59px;
    }

    .wp-block-group__inner-container {
        margin: 0 auto;
        max-width: 1300px;
        width: 90%;
    }

    .w-nav-button {
        padding: 13px;
    }

}