﻿@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,700;1,400&family=Roboto:wght@300;400;700&display=swap');

html {
    background: #333542;
}

body {
    font-family: 'Arimo', sans-serif;
}

    body.development, body.staging {
        margin-top: 30px;
    }

        body.development::before, body.staging::before {
            background-color: red;
            color: white;
            font-weight: bold;
            font-size: 1em;
            height: 30px;
            margin-top: -30px;
            overflow: hidden;
            padding: 3px;
            position: fixed;
            text-align: center;
            width: 100%;
            z-index: 100;
        }

        body.development::before {
            content: '• DEVELOPMENT • DEVELOPMENT • DEVELOPMENT • DEVELOPMENT • DEVELOPMENT • DEVELOPMENT • DEVELOPMENT • DEVELOPMENT • DEVELOPMENT • DEVELOPMENT • DEVELOPMENT • DEVELOPMENT • DEVELOPMENT • DEVELOPMENT • DEVELOPMENT • DEVELOPMENT';
        }

        body.staging::before {
            content: '• STAGING • STAGING • STAGING • STAGING • STAGING • STAGING • STAGING • STAGING • STAGING • STAGING • STAGING • STAGING • STAGING • STAGING • STAGING • STAGING • STAGING • STAGING • STAGING • STAGING • STAGING • STAGING';
        }

a:focus {
    outline-width: 0;
    outline-style: dashed;
    outline-color: transparent;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    color: #004b87;
    font-weight: bold;
}

a {
    color: #019fcb;
}

blockquote {
    background: #fff;
    border-left: none;
    padding: 30px;
    border-radius: 5px;
    box-shadow: inset 0 4px 0 rgba(1, 159, 203, 0.7), -3px -2px 15px rgba(0, 0, 0, 0.3);
    color: #333;
    font-size: 1.2rem;
    font-weight: 400;
    font-style: italic;
    text-indent: 80px;
    display: table;
    position: relative;
}

    blockquote:before {
        content: '\201C';
        font-family: serif;
        font-style: normal;
        font-weight: 700;
        position: absolute;
        font-size: 160px;
        top: -65px;
        left: -60px;
        color: rgba(1, 159, 203, 1);
        text-shadow: 7px 14px 10px rgba(0, 0, 0, 0.1);
    }

    blockquote p.text-right {
        margin: 1rem 0 0 0;
    }

.breadcrumbs.text-center {
    width: auto;
    display: table;
    margin: 0 auto 2rem auto;
    font-weight: bold;
}

.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary.disabled:focus, .button.clear.primary.disabled:hover, .button.clear.primary[disabled], .button.clear.primary[disabled]:focus, .button.clear.primary[disabled]:hover, .button.clear, .button.clear.disabled, .button.clear.disabled:focus, .button.clear.disabled:hover, .button.clear[disabled], .button.clear[disabled]:focus, .button.clear[disabled]:hover, .button.clear:focus, .button.clear:hover, .button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button.disabled:focus, .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:focus, .button-group.clear .button[disabled]:hover
.button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary[disabled]:focus, .button-group.clear .button.primary[disabled]:hover, .button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button[disabled]:focus, .button-group.clear.primary .button[disabled]:hover, .breadcrumbs a {
    color: #004b87;
}

.button.dropdown.clear::after, .button.dropdown.hollow::after, .button.dropdown.clear.primary::after, .button.dropdown.hollow.primary::after {
    border-top-color: #004b87;
}

.button, .button.disabled, .button.disabled:focus, .button.disabled:hover, .button[disabled], .button[disabled]:focus, .button[disabled]:hover, .button.primary[disabled]:focus, .button.primary[disabled]:hover, .progress-meter, .slider-handle, input:checked ~ .switch-paddle {
    background-color: #019fcb;
}

    .button.expand {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

.rev_slider_wrapper {
    background: #333542;
    min-height: 40vw;
}

.rev_slider video {
    width: 100%;
    height: auto;
}

.imglink {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    width: 100%;
    height: 100%;
}

button.button.close-button, button.button.close-button:hover {
    font-size: 1.5em;
    top: 0;
    right: 0;
    color: #333;
    background-color: transparent;
    padding: 15px;
}

.card-section button.close-button,
.card-section button.close-button:hover {
    font-size: 1.3em;
    top: 0;
    right: 0;
    background-color: transparent;
}

#your-package-choices .warning.callout {
    background: #e05a00;
    color: #fff;
}

    #your-package-choices .warning.callout .close-button {
        color: rgba(0,0,0,0.3);
        margin: -.5rem -.5rem 0 0;
    }

.drilldown .is-drilldown-submenu-parent > a::after, .drilldown.align-left .is-drilldown-submenu-parent > a::after, .dropdown.menu.vertical > li.opens-right > a::after {
    border-color: transparent transparent transparent #019fcb;
}

.drilldown .js-drilldown-back > a::before {
    border-color: transparent #019fcb transparent transparent;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color: #019fcb transparent transparent;
}

.dropdown.menu.vertical > li.opens-left > a::after {
    border-color: transparent #019fcb transparent transparent;
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after, .submenu-toggle::after {
    border-color: #004b87;
}

.button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button.disabled:focus, .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled], .button-group.primary .button[disabled]:focus, .button-group.primary .button[disabled]:hover, .label, .badge, .badge.primary, .pagination .current
.menu .is-active > a, .menu .active > a, .dropdown.menu > li.is-active > a {
    background-color: #004b87;
}

.menu .is-active > a {
    background-color: #004b87 !important;
}

.button.hollow.disabled, .button.hollow.disabled:focus, .button.hollow.disabled:hover, .button.hollow[disabled], .button.hollow[disabled]:focus, .button.hollow[disabled]:hover, .button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:focus, .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:focus, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button:focus, .button-group.hollow .button:hover {
    border-color: #0c3d5d;
    color: #0c3d5d
}

    .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary[disabled]:focus, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow.primary .button[disabled]:hover {
        border-color: #004b87;
        color: #004b87;
    }

hr {
    max-width: none;
}

h1 a, h2 a, h3 a, h4 a, .h1 a, .h2 a, .h3 a, .h4 a {
    color: #019fcb;
}

.no-js .nav-bar {
    display: none;
}

.gradientbg {
    background: rgb(0,75,135);
    background: linear-gradient(80deg, rgba(0,75,135,1) 0%, rgba(1,159,203,1) 100%);
}

.radius, .round {
    border-radius: 40px;
}

.main-content-wrapper .button, .main-content-wrapper .card {
    border-radius: 10px;
}

.main-content-wrapper .card {
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    padding: 1rem;
}

.main-content-wrapper .no-data .card {
    transition: all .4s;
    padding: 0;
}

    .main-content-wrapper .no-data .card img {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        padding: 0;
    }

    .main-content-wrapper .no-data .card figcaption, .main-content-wrapper .no-data .card .figcaption {
        padding: .75rem;
        line-height: 1.1;
        width: 100%;
    }

    .main-content-wrapper .no-data .card:hover {
        box-shadow: 0 15px 35px 0 rgb(0 0 0 / 7%);
        transform: translateY(-3px);
    }

    .main-content-wrapper .no-data .card a {
        font-weight: bold;
        color: #004b87;
        font-size: 1.1rem;
        line-height: 1.1;
        display: block;
    }

        .main-content-wrapper .no-data .card a small {
            font-weight: normal;
            color: #000;
        }

        .main-content-wrapper .no-data .card a span {
            font-weight: normal;
            color: #019fcb;
        }

.main-content-wrapper .no-data .cell.card {
    align-items: center;
    justify-content: center;
}

.anchor-bottom .select-btn {
    margin-bottom: 0;
}

.validation-summary-errors {
    color: red;
}

#order-service-packages, #order-build-your-own, #order-complete-order {
    background: #d4dee8;
    margin-top: -2rem;
    margin-bottom: -3rem;
    padding-bottom: 2rem;
}

select-package-btn, #build-your-own-btn, .select-option-btn {
    margin: 0;
}

/*basic foundation component overwrites */
.row {
    max-width: none;
}

.grid-container {
    max-width: 85rem;
}

.tabs {
    width: 100%;
}

#form-employment form {
    margin-top: -1rem;
}

.tabs {
    background: #019fcb;
    border-bottom-color: #fff;
    padding-top: .25rem;
}

.tabs-title > a {
    color: #fff;
    font-size: .8rem;
    font-weight: bold;
    padding: 1rem .9rem;
}

    .tabs-title > a:hover {
        background: #1468a0;
        color: #fff;
    }

.tabs-title.is-active > a {
    background: #fff;
    color: #1468a0;
}

.accordion-title {
    background: #004b87;
    color: #fff;
    font-size: 1rem;
}

    .accordion-title:focus, .accordion-title:hover {
        background-color: #019fcb;
        color: #fff;
    }

    .accordion-title::before {
        font-weight: bold;
    }

.pagination {
    background-color: #eee;
    border: 1px solid #ccc;
    padding: 7px 15px;
    margin: 0;
}

    .pagination a:hover, .pagination button:hover {
        background: #bbb;
    }

    .pagination li.current a {
        padding: 3px;
        color: white;
    }

.card-divider {
    background: #fff;
    padding: 1rem 1rem 0 1rem;
}

    .card-divider * {
        margin-bottom: 0;
        font-weight: bold;
    }

.margin-1 {
    margin: .5rem;
}
/**/

div.top-banner-text.callout {
    margin: 0;
}

.top-bar, .top-bar ul {
    background-color: transparent;
    width: auto;
    display: block;
    float: right;
}

header {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.mainnav {
    border-bottom: 1px solid #ddd;
    margin-bottom: 2rem;
}

    .mainnav.show-for-large.grid-container {
        max-width: none;
        padding: 0;
    }

    .mainnav .cell {
        padding: 1rem 0 .75rem;
    }

    .mainnav a {
        color: #004b87;
    }

/*top menu and search styles*/
.top-menu {
    margin-bottom: .54rem;
}

    .top-menu input[type=search] {
        max-width: 140px;
        height: 2rem;
        padding: .5rem;
    }

    .top-menu .button {
        height: 2rem;
        padding: .5rem;
    }

.dropdown.menu.top-menu > li > a {
    font-weight: normal;
    font-size: .75rem;
}
/***/

/*dropdown menu overwrides to main menu*/
#mega-menu-container {
    z-index: 11;
}

.dropdown.menu > li > a {
    font-weight: bold;
    padding: 0.7rem;
}

.dropdown.menu > li.is-active > a {
    background: #004b87;
    color: #fff;
}

.dropdown .is-dropdown-submenu {
    padding: .5rem 0;
    background: #004b87;
    border: none;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    left: 10px;
}

.dropdown .is-dropdown-submenu a {
    padding: .6rem;
    padding-left: 25px;
    display: inline-block;
    color: #fff;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a {
    padding-right: 2.5rem;
}

    .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
        right: 1rem;
    }

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    border-color: transparent #019fcb transparent transparent;
}

.submenu a[href="#"] {
    cursor: default;
    text-decoration: none;
}


/* overwrites for mega menu */
[aria-label="Services"].is-dropdown-submenu-parent {
    position: static;
}

[aria-label="Services"] .is-dropdown-submenu {
    font-weight: bold;
    font-size: 1.2rem !important;
}

    [aria-label="Services"] .is-dropdown-submenu a {
        color: rgba(255,255,255,0.65);
        white-space: nowrap;
    }

    [aria-label="Services"] .is-dropdown-submenu .is-dropdown-submenu {
        display: block !important;
        position: static;
        border: none;
        font-weight: normal;
        font-size: .95rem !important;
        min-width: 0;
    }

        [aria-label="Services"] .is-dropdown-submenu .is-dropdown-submenu a {
            color: #fff;
        }

    [aria-label="Services"] .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
        display: none !important;
    }

#mega-menu-container > .mega-menu[aria-label="Services"] > .submenu {
    background: #004b87;
    width: auto;
    right: 0;
}

#mega-menu-container [aria-label="Services"] .level-2-wrapper.is-dropdown-submenu > li {
    width: auto;
    display: table-cell !important;
    vertical-align: top;
    border-right: 1px solid rgba(0,0,0,0.2);
}

    #mega-menu-container [aria-label="Services"] .level-2-wrapper.is-dropdown-submenu > li a {
        padding-right: 25px;
    }

li.level-2 > ul.menu.submenu.is-dropdown-submenu.vertical {
    margin-bottom: 1rem;
}

#mega-menu-container .level-4-wrapper {
    display: none !important;
}
/**/

.mainnav .clear.button {
    font-size: 1rem;
    padding: .7rem 1rem;
    font-weight: bold;
    line-height: 1;
    margin: -1px 0 0 0;
    border: none;
}

.clearheader .mainnav {
    margin-bottom: 0;
}

/*off canvas custom styling*/
.off-canvas {
    background: #004b87;
}

    .off-canvas .mainnav {
        border-bottom: none;
    }

    .off-canvas a {
        color: #fff;
    }

    .off-canvas .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
        border-color: #019fcb transparent transparent;
    }

    .off-canvas li.level-1 {
        border-bottom: 1px solid rgba(0,0,0,0.25);
    }

        .off-canvas li.level-1 > a[href="#"] {
            font-weight: 800;
            letter-spacing: 1px;
            color: #019fcb;
            text-transform: uppercase;
            cursor: default;
            text-decoration: none;
        }

ul.submenu.is-accordion-submenu {
    background-color: #d4dee8;
    box-shadow: inset 0 10px 15px -8px rgba(0,0,0,.1);
}

    ul.submenu.is-accordion-submenu a {
        color: #004b87;
    }

ul.level-4-wrapper > li:first-of-type {
    display: none;
}

ul.level-4-wrapper.is-accordion-submenu:after {
    content: ' ';
    height: 15px;
    box-shadow: inset 0 -10px 15px -8px rgba(0,0,0,.1);
    margin-top: -15px;
}

.menubuttons .button {
    margin-bottom: 0;
    font-weight: bold;
    border-radius: .25rem;
    display: flex;
    align-items: center;
    font-size: .8rem;
}

    .menubuttons .button i {
        font-size: 1.2rem;
        margin-right: .25rem;
    }

.menubuttons .cell {
    padding: .2rem .3rem;
}

    .menubuttons .cell:nth-child(odd) {
        padding-left: .6rem;
    }

    .menubuttons .cell:nth-child(even) {
        padding-right: .6rem;
    }

    /* comment out if we go back to an even number of buttons */
    .menubuttons .cell:last-child {
        padding-right: .6rem;
    }

/**/

/*content form overwrites*/
.main-content-wrapper form .grid-x > .cell:not(.tabs-nav-wrapper) {
    padding-right: .625rem;
    padding-left: .625rem;
}

form .wrapper.grid-x:not(.tabs-nav-wrapper) {
    margin-left: -.625rem;
    margin-right: -.625rem;
}

/**/

/*icons for mega menu */
li.level-2 > a:before {
    font-family: "Font Awesome 5 Free";
    color: #019fcb;
    font-size: 1rem;
}

[aria-label="Electric"] > a:before {
    content: '\f0e7';
    margin-right: .5rem;
}

[aria-label="Internet"] > a:before {
    content: '\f109';
    margin-right: .5rem;
}

[aria-label="Cable"] > a:before {
    content: '\f26c';
    margin-right: .5rem;
}

[aria-label="Telephone"] > a:before {
    content: '\f879';
    margin-right: .5rem;
}

[aria-label="Services"] .submenu:first-of-type li.level-2:last-of-type a:before {
    content: '\f0b1';
    margin-right: .5rem;
}
/**/

/**Page title styling **/
.pgheading {
    background: #004b87 url('../../images/blue-community-bg.jpg') repeat bottom right;
    background-size: 450px;
    margin-top: -2rem;
    margin-bottom: 2rem;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    padding-right: 5rem;
}

    .pgheading .pgheadinginfo {
        background: #d4dee8;
        clip-path: polygon( -1px -1px, 100% -1px, 94% 100%, -1px 100% );
    }

.pgheadinginfo .grid-container {
    max-width: 80rem;
}

.pgheadinginfo .cell {
    padding-top: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
}

.pgheadinginfo h1 {
    margin: 0;
    font-style: italic;
    line-height: 1.1;
}

@media screen and (min-width: 40em) {
    .pgheading {
        padding-right: 10rem;
    }

    .pgheadinginfo .grid-container {
        max-width: 75rem;
    }
}


@media screen and (min-width: 64em) {
    .pgheading {
        padding-right: 30rem;
    }

    .pgheadinginfo .grid-container {
        max-width: 55rem;
    }
}

/**/

.homeupdates {
    background: #004b87 url('../../images/blue-community-bg.jpg') repeat;
    color: #fff;
    padding-bottom: 2.4rem !important;
    padding-top: 2.4rem !important;
}

    .homeupdates a {
        color: #fff;
    }

    .homeupdates h2 {
        color: #d4dee8;
    }

.homequicklinks a {
    font-weight: bold;
    text-transform: uppercase;
}

.homequicklinks img {
    height: 48px;
    margin-bottom: .5rem;
}

.homelower {
    background: #d4dee8;
}

    .homelower .button {
        margin-bottom: 0;
    }

.ctabottom {
    margin: 3rem 0 -3rem 0;
    clear: both;
}

.ctabg {
    background: url('/images/woman-watching-tv-AGDYEMN-min.jpg') no-repeat center right;
    background-size: cover;
    padding-bottom: 8rem !important;
    padding-top: 8rem !important;
    padding-left: 8.5rem !important;
    clip-path: polygon( 0 0, 100% 0, 90% 100%, 0 100% );
    padding-right: 3rem !important;
}

.powershowlist p {
    border-bottom: 1px solid #ccc;
}

/*override for full calendar io*/

.fc table {
    margin-bottom: 0;
}

.fc-time-grid-event.fc-event {
    color: #000;
    background-color: #d4dee8;
    border-color: #004c86;
}

    .fc-time-grid-event.fc-event:hover, .fc-time-grid-event .fc-title .fc-time:hover, fc-time-grid-event .fc-title .fc-time:focus, fc-time-grid-event .fc-title .fc-time:active {
        color: #029fcc;
    }

.fc-time-grid-event .fc-title .fc-time {
    background-color: #004c86;
    color: #fff;
    padding: 3px 5px !important;
}

    .fc-time-grid-event .fc-title .fc-time:before,
    .fc-time-grid-event .fc-title .fc-time:after {
        content: none !important;
    }


.fc-time-grid-event .fc-title .fc-name {
    margin: 3px 5px;
}

.fc-timeGridDay-button {
    -webkit-border-top-left-radius: 3px !important;
    -webkit-border-top-left-radius: 3px !important;
    border-top-left-radius: 3px !important;
    -webkit-border-bottom-left-radius: 3px !important;
    -webkit-border-bottom-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}

.fc-button-primary {
    background-color: #029fcc !important;
    border-color: #029fcc !important;
}

    .fc-button-primary:not(:disabled).fc-button-active, .fc-button-primary:not(:disabled):active {
        background-color: #004c86 !important;
        border-color: #004c86 !important
    }

.fc-toolbar h2 {
    font-size: calc(14px + (30 - 14) * ((100vw - 300px) / (1600 - 300))) !important;
}


/**/

.footermenuleft > li:first-of-type a, .footermenuright > a:first-of-type {
    padding-left: 0;
}

.footermenuright a {
    padding: .7rem 1rem;
}

.footermenuright > a:last-of-type {
    padding-right: 0;
}

footer.site-footer {
    display: block;
    position: static;
    margin-top: 3em;
    background: #333542;
    color: #fff;
    padding: 2em 0;
}

footer a {
    color: #fff;
}

label.template:not(.no-style) {
    font-size: 1.15rem;
    font-weight: bold;
}

    label.template:not(.no-style) + div label:not(.no-style) {
        font-size: 0.8rem;
        font-style: italic;
        color: #707477;
    }

span.field-validation-error {
    color: red;
    margin-top: -15px;
    display: block;
    margin-bottom: 15px;
    font-size: 0.8em;
}

.grecaptcha-badge {
    visibility: hidden;
}

.google-disclaimer {
    font-size: 70%;
}

.masonry-sizer, .masonry-item {
    width: 100%;
}

.masonry-item {
    margin: 0;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 0;
    background: #004b87 linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.15));
    color: #fff;
}


.masonry a:nth-child(2n) .masonry-item {
    background-color: #019fcb;
}

.masonry-item section {
    text-shadow: 0.075em 0.08em 0.1em rgba(0, 0, 0, .75);
}

.masonry-item a {
    color: #fff;
}

a .masonry-item h4 {
    color: #fff;
}

.masonry-item h4 {
    font-size: 1.5rem;
    line-height: 1.2;
}

.featuredimg img {
    margin-bottom: 1rem;
    width: auto;
    height: auto;
}

#economic-development-property-listings-model .card img {
    border: 4px solid #fefefe;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 1px rgba(10,10,10,.2);
    box-shadow: 0 0 0 1px rgba(10,10,10,.2);
}

    #economic-development-property-listings-model .card img[style*="float: left"] {
        margin: 2px 15px 0px 0px;
    }

    #economic-development-property-listings-model .card img[style*="float: right"] {
        margin: 2px 0px 0px 15px;
    }


@media screen and (min-width: 64em) {
    .clearheader .mainnav {
        background: rgba(51,53,66,.6);
        background: linear-gradient(0deg, rgba(51,53,66,0) 0%, rgba(51,53,66,0.804359243697479) 100%);
        border: none;
        position: absolute;
        width: 100%;
        z-index: 2;
    }

        .clearheader .mainnav .shrink a {
            display: inline-block;
            background: url('/images/btes-white-logo.png') no-repeat center;
            background-size: contain;
        }

        .clearheader .mainnav .shrink img {
            visibility: hidden;
        }

        .clearheader .mainnav .dropdown.menu > li > a {
            color: #fff;
            text-shadow: 1px 1px 1px #000;
            font-weight: bold;
        }

        .clearheader .mainnav .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
            border-color: #fff transparent transparent;
        }

        .clearheader .mainnav .clear.button {
            color: #fff;
        }

    .homeupdates {
        padding-left: 8.5rem !important;
        clip-path: polygon( 0 0, 100% 0, 90% 100%, 0 100% );
        padding-right: 3rem !important;
    }

    .homequicklinks {
        padding-right: 8.5rem !important;
    }

    .masonry-sizer, .masonry-item {
        width: 32.5%;
    }
}

@media screen and (min-width: 40em) {
    .main-content-wrapper {
        min-height: calc(100vh - 406px);
    }

    .site-footer {
        min-height: 215px;
    }

    .featuredimg img {
        margin-left: 1rem;
        float: right;
        max-width: 30vw;
    }
}

@media screen and (max-width: 63em) {
    .no-data .row div.columns {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 39.9375em) {
    .top-menu input[type=search] {
        max-width: 120px;
    }

    .mainnav .shrink img {
        max-width: 180px;
        height: auto;
    }

    .footermenuleft a {
        font-size: .9rem;
        padding: .7rem;
    }

    .featuredimg img {
        width: 100%;
    }
}

label.required-input:not(.template)::after,
/*label.required-input.template::after,*/
label.required-input.template + div label.default::after {
    font-weight: 900;
    content: " *";
    color: red;
}

.input-show-hide {
    padding-right: 65px;
}

span.tooltip-tag-helper.has-tip {
    border: none;
}

    span.tooltip-tag-helper.has-tip.border {
        border-bottom: dotted 1px #8a8a8a;
    }

    span.tooltip-tag-helper.has-tip::after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f05a";
        margin-left: 3px;
    }

ul.leading-dots {
    max-width: 40em;
    padding: 0;
    overflow-x: hidden;
    list-style: none
}

    ul.leading-dots li:before {
        float: left;
        width: 0;
        white-space: nowrap;
        content: "................................................................................................................................................................"
    }

    ul.leading-dots span:first-child {
        padding-right: 0.33em;
        background: white !important;
    }

    ul.leading-dots span + span {
        float: right;
        padding-left: 0.33em;
        background: white !important;
    }

.note {
    color: #1779ba;
    margin: -12px 0 12px;
    font-size: 80%;
}

.section-wrapper {
    background-color: #d4dee8;
    border: 1px solid #aaa;
    padding: 10px 0;
    margin: 10px 0;
}

.emphasize {
    background-color: #d4dee8;
}

    .emphasize label, .emphasize input {
        font-size: 1.15em;
        font-weight: bold;
        color: #004b87;
    }

video::-internal-media-controls-download-button {
    display: none;
}

video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}
