body {
    --main-button-color: #fff;
    --main-button-background-color: #86aa5d;
    --main-button-background-color-hover: #01333b;
}

/* 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;
}

blockquote {
    color: var(--main-button-background-color);
    line-height: 1.5em;
    font-weight: 400;
    font-style: italic;
}

cite {
    color: #757575;
    font-weight: 400;
    font-style: normal;
}

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

img, .entry img {
    height: auto
}

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

.entry a {
    color: #118e9b;
    text-decoration: underline;
}

.entry a:hover {
    color: #00697b;
    background:#b4efff;
}

/* Button Code */
a.ui-button, a.wp-block-button__link, .entry a.moretag {
    color: var(--main-button-color);
    font-size: 1em;
    margin: 0 20px 30px 0;
    border-radius: 0;
    text-transform: uppercase;
    display: inline-block;
    padding: 0.6em 1.2em;
    text-align: center;
    text-decoration: none;
    background: var(--main-button-background-color);
}

a.ui-button:hover, a.wp-block-button__link:hover, .entry a.moretag:hover {
    color: var(--main-button-color);
    background: var(--main-button-background-color-hover);
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.15);
}

.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 {
    position: relative;
    padding-bottom: 45.25%;
    height: 0;
    overflow: hidden;
    max-width: 80%;
    margin: auto;
    margin-bottom: 20px;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    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-wrapper .ui-button, .flex-wrapper .wp-block-button {
    width: 260px;
    margin-right: 0 !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.flex-wrapper .wp-block-button__link {
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    height: 100%;
    width: 100%;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.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;
    border-bottom: 1px solid #2f7896;
    color: #2f7896;
    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;
    cursor: pointer;
    background: var(--main-button-background-color);
    color: var(--main-button-color);
    transition: all 200ms ease;
}

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

.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-direction: column;
    padding-left: 0;
}

#menu-footer-menu li {
    list-style: none;
    margin-bottom: 7px;
}

#menu-footer-menu li a { color:#a1d862; font-size:.8em;}
#menu-footer-menu li a:hover {color:#fff;}

/* Dropdown Menus */
/* ===== Top ===== */
#navigation .current-menu-item a {
    color: fff;
    background-color: #00697b;
}

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

#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: #fff;
    display: inline-block;
    font-size: .9em;
    line-height: 1.7;
    padding: 20px 15px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: futura-pt, sans-serif;
    text-decoration: none;
    transition: all 200ms ease;
}

#navigation ul li:hover a {
    color: hsla(0, 0%, 100%, 0.6);
}

#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 {
    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 ul li a {
    float: none;
    font-size: .85em;
    line-height: normal;
    font-variant: normal;
    font-weight: normal;
    width: 200px;
    color: hsla(0, 0%, 100%, 0.8) !important;
    padding: 10px;
    background: #004a57 !important;
}

#navigation ul ul li a {
    color: hsla(0, 0%, 100%, 0.8);
}

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

#navigation ul li:hover ul li:hover ul {
    display: block;
    position: absolute;
    left: 40px;
    top: 100%;
    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: #fff;
    content: '\e603';
    font-size: 12px;
    vertical-align: 1px;
    font-family: 'webflow-icons';
    margin-left: 5px;
}

/* Dropdown Menus End */


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

.wp-block-group__inner-container {
    margin: 0 auto;
}

.alignfull {
    margin-top: 5rem;
    margin-right: auto;
    margin-bottom: 5rem;
    margin-left: auto;
    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: 48rem;
    width: calc(100% - 2rem);
}

.entry-content > .alignwide {
    max-width: 64rem;
    width: calc(100% - 2rem);
}

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

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

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

.wp-block-group.has-background {
    padding: 2rem;
}

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

.brand > img {
    max-width: 200px;
}

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

/** Column Shadow Boxes **/
.wp-block-columns {
    margin-bottom: 0px !important
}

.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);*/
}

@media (max-width: 991px) {
    .w-nav-overlay .w--nav-menu-open, .w-nav-overlay [data-nav-menu-open] {
        top: 60px;
        background: #01333b;
    }
.menu-primary-nav-container, .menu-primary-nav-container-1 {background-color: #01333b;}

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

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

    #navigation ul {
        display: block;
    }

    #navigation ul li {
        float: none;
        width: 100%;
        display: block;
        text-align: center;
        background: #01333b;
    }

    #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;
    }

    .menu-main-navigation-container {
        background-color: #393be5;
    }

    #navigation ul li a {
        padding: 30px 50px 10px 0px;
        text-align: right;
        width: 100%;
    }

    #navigation ul li {
        width: 100%;
        text-align: right;
    }

    #navigation ul li ul {
        width: 100%;
        position: relative !important;
        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(0);
    }

    .holder {
        position: absolute;
        top: 10px;
        right: 0px;
        z-index: 1000;
        width: 60px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #222;
        transform: rotate(180deg);
        transition: all 350ms ease;
    }

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

    .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;
    }

    #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;
    }
}

/*** 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;
}

/**** 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) {
  #w-nav-overlay-1.w-nav-overlay .w--nav-menu-open, #w-nav-overlay-1.w-nav-overlay [data-nav-menu-open] {top: 100px;}
    .embed-container {
        max-width: 100%;
        padding-bottom: 56.25%;
    }
}

@media (max-width: 800px) {
    /** Stack Gutenberg Columns & Media Text **/
    .wp-block-columns {
        flex-direction: column;
    }

    .wp-block-column {
        margin-left: 0px;
        margin-right: 0;
    }

    .wp-block-column:nth-child(2n) {
        margin-left: 0 !important;
    }

    .wp-block-media-text {
        display: flex !important;
        flex-direction: column;
        margin-bottom: 0;
    }

    .wp-block-media-text__media img, .wp-block-media-text__media video {
        padding-bottom: 30px;
    }

    .wp-block-media-text .wp-block-media-text__content {
        padding: 0;
    }

    /* Column Shadow Boxes Mobile */
    .box-columns .wp-block-column {
        margin-left: 0;
        margin-bottom: 20px;
        width: 100%;
        flex-basis: unset;
    }

    .wp-block-columns.box-columns {
        flex-wrap: wrap;
    }

    .box-columns .wp-block-column:not(:first-child) {
        margin-left: 0;
    }

}

@media (max-width: 767px) {
    #w-nav-overlay-1.w-nav-overlay .w--nav-menu-open, #w-nav-overlay-1.w-nav-overlay [data-nav-menu-open] {top: 72px;}
}

@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) {
    .featured-img-post {
        float: none;
        margin: 0 0 30px 0;
        text-align: center;
    }
}