/*----------------------
Global
----------------------*/
body {
    font-family: Arial, sans-serif;
}


/*----------------------
COBID
----------------------*/

.cobid-button-container {
    padding: 15px;
    border-radius: 2px;
    display: grid;
    place-items: center;
}

.cobid-card {
    background-color: #66CC33;
    padding: 2px 10px;
    margin: 15px 10px;
    border-radius: 2px;
    width: 273px;
    text-align: center;
}

.cobid-card a {
    color: black;
    text-decoration: underline;
}

.cobid-button-container-apply {
    padding: 10px 25px;
    background-color: #006699;
    color: white;
    transition: background-color 0.5s ease-in-out;
}

.cobid-button-container-apply:hover {
    cursor: pointer;
    color: white;
    background-color: #20b0d3;
}

.cobid-button-container-apply:visited {
    color: white;
}


/*----------------------
Broadband ACP Widget
----------------------*/

.acp-widget-css {
    width: 100%;
    height: 1046px;
}

@media (min-width: 768px) and (max-width: 992px) and (orientation: portrait) {
    .acp-widget-css {
        height: 1239px;
    }
}

@media (min-width: 375px) and (max-width: 767px) and (orientation: portrait) {
    .acp-widget-css {
        height: 1560px;
    }
}



/*----------------------
Override the default css.
----------------------*/
.root-web #main {
    background-image: url("/biz/PublishingImages/Icons/home-banner-fall-23.png");
    background-position: left top;
    background-size: contain;
}

.root-web {
    background-color: #ccc;
}

.root-web main {
    padding-bottom: 0;
    background: #ccc url("/biz/PublishingImages/Icons/Trees-Grey-2.png") no-repeat bottom right;
    background-size: cover;
}

.or-navbar-sticky-wrapper .or-official,
.sp2016 .or-countdown-alert {
    background-color: #006699;
}

footer {
    background-image: none;
    background-color: #66cc33;
    box-shadow: none;
    color: #333;
    padding-top: 0;
}

footer a,
footer a:visited,
footer a:hover,
footer a:active {
    color: #333;
}

footer li {
    border-bottom-color: #333;
}

.footer-logos img {
    width: 40px;
    height: auto;
    margin: 0 .5em 0 0;
}

.or-header-title {
    display: none;
}

.or-header {
    background-image: none;
    background-color: #66cc33;
    box-shadow: none;
}

.or-navbar {
    display: none;
}

.or-header-logo-wrapper {
    padding: 40px 20px 40px 0;
}

.or-header-logo {
    background-image: url('/biz/PublishingImages/Icons/bizOR_black.png');
    background-size: contain;
    width: 200px;
    height: 58px;
}

.or-small-header .or-header-logo {
    width: 200px;
    height: 58px;
}

.or-breadcrumbs {
    background-color: #333;
}

.or-header .or-header-overlay {
    background: none;
}

.agency-standard .or-header-logo-link {
    padding-right: 48px;
}

#disqus_thread {
    display: none;
}

/* Header with Nav bar */

.or-header-content-row .or-navbar-search-input,
.or-header-content-row .or-navbar-search-wrapper {
    background: #66cc33;
}

.or-navbar-search-wrapper:not(.or-navbar-search-open) .or-navbar-search-input:hover,
.or-navbar-search-input-icon:hover~.or-navbar-search-input {
    background: rgba(0, 0, 0, .2);
}

.or-navbar-search-wrapper.or-navbar-search-open .or-navbar-search-input {
    background: #333;
}

.or-header-content-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.or-header-content-row .or-navbar {
    padding-left: 0;
    background-color: transparent;
    display: block;
}

.or-header-content-row .or-navbar-brand {
    display: none;
}

.or-header-content-row .or-navigation-list>li>a {
    font-weight: bold;
}

.or-header-content-row .or-navbar-search-input-icon {
    color: #000;
}

.or-header-content-row .or-header-content-cell {
    display: block;
}

.agency-standard .or-header-logo-link {
    padding-right: 0;
}

.or-navigation-list>li>a,
.or-header-content-row .dropdown-toggle,
.or-header-content-row .dropdown-menu>li>a,
.or-header-content-row a,
.or-header-content-row a:hover,
.or-header-content-row a:visited,
.or-header-content-row a:active,
.or-header-content-row a:focus {
    color: #000;
    text-decoration: none !important
}

.helpfulPoll {
    display: none;
}

@media(max-width:767px) {
    .or-header-content-row {
        justify-content: space-between;
    }

    .or-navigation-list>li>a,
    .or-header-content-row .dropdown-toggle,
    .or-header-content-row .dropdown-menu>li>a,
    .or-header-content-row a,
    .or-header-content-row a:hover,
    .or-header-content-row a:visited,
    .or-header-content-row a:active,
    .or-header-content-row a:focus {
        color: white;
    }

    .or-navbar-toggle-button>*,
    .dropdown-menu>li>a:hover,
    .dropdown-menu>li>a:focus {
        background-color: black
    }

    .or-header-content-row a:hover {
        opacity: .7;
    }

    .or-navbar-search-wrapper.or-navbar-search-open {
        width: 300px;
    }
}

@media(max-width:992px) {
    .programMainRow {
        display: flex;
        flex-direction: column-reverse;
    }
}

.agency-program-nav-aside {}

/*----------------------
end overrides
----------------------*/

.intro {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.3;
}

.contactsDataTable table td:first-child {
    white-space: nowrap;
}

/*----------------------
Footer
----------------------*/

.footer .connectLink {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: transparent;
    text-decoration: none;
    margin: 0 1.5em 1em 1.5em;
}

.footer .connectLinks {
    text-align: center;
}

#connectLinkIn {
    background-image: url("/biz/PublishingImages/Icons/LinkedIn%20White-01.png");
}

#connectTwit {
    background-image: url("/biz/PublishingImages/Icons/Twitter%20White-01.png");
}

#connectEmail {
    background-image: url("/biz/PublishingImages/Icons/Newsletter%20White-01.png");
}

#connectFace {
    background-image: url("/biz/PublishingImages/Icons/icon-facebook.png");
}

#connectInsta {
    background-image: url("/biz/aboutus/artscommission/PublishingImages/design/Instagram.png");
}

#connectEnews {
    background-image: url("/biz/PublishingImages/Icons/icon-arts-news.png");
    background-size: contain;
}

#bizconnect {
    background-color: #333333;
    color: white;
}

#bizconnect p {
    margin: 0;
    padding: .5em 0;
    line-height: 1;
    font-size: 1.65em;
    font-weight: bold;
    text-align: center;
    background-image: linear-gradient(white, white);
    background-repeat: no-repeat;
    background-size: 100% 3px;
    background-position: 0 center;
}

#bizconnect p span {
    background-color: #333333;
    padding: 0 .5em;
}

.footer h3 {
    font-size: 16px;
    font-weight: bold;
}

/*----------------------
SVG Region Map
----------------------*/

.distribution-map .centered {
    position: absolute;
    top: 10%;
    /*50%;*/
    left: 10%;
    /*50%;*/
    transform: translate(40%, 10%);
    /*left, top*/
    -webkit-transform: translate(40%, 10%);
    /*-50%; -50%*/
}

.distribution-map .centered-y {
    position: absolute;
    width: 90%;
    top: 7%;
    -webkit-transform: translate(10%, -8%);
    /* Y moves up - down */
    transform: translate(10%, -8%);
    /*-10%*/
}

.distribution-map .centered-y,
.distribution-map .serve {
    margin: 10px 0 5px 0;
    clear: both;
    text-align: center;
    line-height: 130%;
}

h2.bubble {
    color: #FFF !important;
    margin-bottom: 10px;
    margin-top: 3px;
}

.distribution-map {
    position: relative;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    margin: 20px auto;
    font-family: Arial, "sans-serif";
}

.distribution-map>img {
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}

.distribution-map .map-point {
    cursor: pointer;
    outline: none;
    z-index: 0;
    position: absolute;
    width: 30px;
    height: 30px;
    /* Original
        width: 22px;
        height: 22px;
    */
    border-radius: 20px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    -webkit-transform: translate(-20%, -22%)
        /* left, top -50, -19*/
    ;
    transform: translate(-20%, -22%);
    -moz-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    -o-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out, z-index 0.25s ease-in-out;
    -webkit-transition-delay: 0.25s, 0.25s, 0.25s, 0.25s;
    transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    background: rgba(26, 26, 26, 0.85);
    border: 5px solid #006699;
    overflow: hidden;
}

.distribution-map .mapR {
    cursor: pointer;
    outline: none;
    z-index: 0;
    position: absolute;
    width: 30px;
    height: 30px;
    /* Original
        width: 22px;
        height: 22px;
    */
    border-radius: 20px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    -webkit-transform: translate(-90%, -19%)
        /* left, top -50, -19*/
    ;
    transform: translate(-90%, -19%);
    -moz-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    -o-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out, z-index 0.25s ease-in-out;
    -webkit-transition-delay: 0.25s, 0.25s, 0.25s, 0.25s;
    transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    background: rgba(26, 26, 26, 0.85);
    border: 5px solid #006699;
}

.distribution-map .map-point .detail,
.distribution-map .mapR .detail {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    width: 100%;
    height: 100%;
    left: 25%;
    -webkit-transform: translateX(-5%)
        /* moves detail content left-right*/
    ;
    transform: translateX(-5%);
}

.distribution-map .map-point:active,
.distribution-map .mapR:active,
.distribution-map .map-point:focus,
.distribution-map .mapR:focus {
    margin: 0;
    padding: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 300px;
    height: 300px;
    color: #e5e5e5;
    z-index: 1000;
    -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
}

.distribution-map .map-point:active .detail,
.distribution-map .map-point:focus .detail,
.distribution-map .mapR:active .detail,
.distribution-map .mapR:focus .detail {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
    -webkit-transition-delay: 0.25s, 0s, 0s;
    -webkit-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
    overflow: hidden;
}

.distribution-map .map-point:active .detail a:hover,
.distribution-map .map-point:active .detail a:active,
.distribution-map .map-point:focus .detail a:hover,
.distribution-map .map-point:focus .detail a:active,
.distribution-map .mapR:active .detail a:hover,
.distribution-map .mapR:active .detail a:active,
.distribution-map .mapR:focus .detail a:hover,
.distribution-map .mapR:focus .detail a:active {
    color: #006699;
}


/*----------------------
SVG Port Map
----------------------*/

.port-map .centered {
    position: absolute;
    top: 10%;
    /*50%;*/
    left: 10%;
    /*50%;*/
    transform: translate(40%, 10%);
    /*left, top*/
    -webkit-transform: translate(40%, 10%);
}

.port-map .centered-y {
    position: absolute;
    width: 90%;
    top: 7%;
    -webkit-transform: translate(10%, -8%);
    /* Y moves up - down */
    transform: translate(10%, -8%);
}

.port-map .centered-y,
.port-map .serve {
    align: left;
    margin: 10px 0 5px 0;
    clear: both;
    text-align: center;
    line-height: 130%;
}

h2.bubble {
    color: #FFF !important;
    margin-bottom: 10px;
    margin-top: 3px;
    font-size: 16px !important;
    line-height: 18px !important;
}

.port-map {
    position: relative;
    width: 90%;
    padding: 20px;
    box-sizing: border-box;
    margin: 20px auto;
    font-family: Arial, "sans-serif";
}

.port-map>img {
    width: 90%;
    position: relative;
    margin: 0;
    padding: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}

.port-map .map-point {
    cursor: pointer;
    outline: none;
    z-index: 0;
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 10px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    -webkit-transform: translate(-20%, -22%);
    transform: translate(-20%, -22%);
    -moz-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    -o-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out, z-index 0.25s ease-in-out;
    -webkit-transition-delay: 0.25s, 0.25s, 0.25s, 0.25s;
    transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    background: rgba(26, 26, 26, 0.85);
    border: 5px solid #006699;
    overflow: hidden;
}

.port-map .mapR {
    cursor: pointer;
    outline: none;
    z-index: 0;
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 10px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    -webkit-transform: translate(-90%, -19%);
    transform: translate(-90%, -19%);
    -moz-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    -o-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out, z-index 0.25s ease-in-out;
    -webkit-transition-delay: 0.25s, 0.25s, 0.25s, 0.25s;
    transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    background: rgba(26, 26, 26, 0.85);
    border: 3px solid #006699;
}

.port-map .map-point .detail,
.port-map .mapR .detail {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    width: 100%;
    height: 100%;
    left: 25%;
    -webkit-transform: translateX(-5%)
        /* moves detail content left-right*/
    ;
    transform: translateX(-5%);
}

.port-map .map-point:active,
.port-map .mapR:active,
.port-map .map-point:focus,
.port-map .mapR:focus {
    margin: 0;
    padding: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 240px;
    height: 130px;
    color: #e5e5e5;
    z-index: 1000;
    -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
}

.port-map .map-point:active .detail,
.port-map .map-point:focus .detail,
.port-map .mapR:active .detail,
.port-map .mapR:focus .detail {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
    -webkit-transition-delay: 0.25s, 0s, 0s;
    -webkit-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
    overflow: hidden;
}

.port-map .map-point:active .detail a:hover,
.port-map .map-point:active .detail a:active,
.port-map .map-point:focus .detail a:hover,
.port-map .map-point:focus .detail a:active,
.port-map .mapR:active .detail a:hover,
.port-map .mapR:active .detail a:active,
.port-map .mapR:focus .detail a:hover,
.port-map .mapR:focus .detail a:active {
    color: #006699;
}

/*----------------------
Mega menu (#bizmm is applied in agency.js)

@media(min-width:768px) {
    #bizmm.open {
        position: initial;
    }
    #bizmm.open .dropdown-menu>li>a {
        white-space:normal
    }
    #bizmm.open .dropdown-menu {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media(min-width:992px) {
    #bizmm.open .dropdown-menu {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media(min-width:1400px) {
    #bizmm.open .dropdown-menu {
        grid-template-columns: repeat(4, 1fr);
    }
}
----------------------*/

/*----------------------
Homepage
----------------------*/

#welcome,
.bizBox .panel,
.shadow {
    box-shadow: 5px 5px 5px #666;
}



#bizAnnounce,
#artsAnnounce {
    font-weight: bold;
    color: white;
    padding: 14px 0 14px 14px;
    background-color: #333333;
}

#bizAnnounce a {
    color: white;
}

#bizAnnounce a:visited {
    color: #cccccc;
}

#welcome {
    background-color: white;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 2em 0;
    margin: 120px 0 2em 0;
}

#welcome h1 {
    margin: 0;
    padding: 0;
    font-size: 25px;
    color: #333;
    font-weight: bold;
}

#welcome p {
    margin: 0;
    padding: 0;
    font-size: 25px;
    font-weight: bold;
}

#spotlight,
.bizBox .panel,
.shadow {
    box-shadow: 5px 5px 5px #666;
}

#spotlight {
    background-color: white;
    display: flex;
    text-align: left;
    padding: 2em 0;
    margin: 25px 0 2em 0;
}

#spotlight b {
    font-weight: bold;
    font-size: 24px;
}

#spotlight img {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    width: 300px;
    height: 200px;
}

#spotlight p {
    margin: 5px;
    font-size: 20px;
}

.bizBox {
    margin-bottom: 2em;
}

.bizBox .or-taskbox .or-taskbox-title {
    font-weight: bold;
    font-size: 24px;
    color: black;
}

.bizBox .or-taskbox-image img {
    max-width: 150px;
    margin: 0 auto;
}

.bizBox .or-taskbox-image .or-taskbox-title {
    position: relative;
    background-color: transparent;
    padding-top: 0;
}

.bizBox .panel>.list-group .list-group-item {
    border-width: 0;
}

.bizBox a,
.bizBox a:visited,
.bizBox a:hover,
.bizBox a:active {
    color: black;
    font-size: 18px;
    text-decoration: none;
}

.bizBox a:hover {
    text-decoration: underline;
}

.bizBox.imageBox {
    background-color: transparent;
}

.bizBox.imageBox img {
    display: block;
    width: 100%;
    height: auto
}

.bizBox.bigBox {
    width: 100%;
    margin-left: 0;
    background-image: url('/biz/PublishingImages/Icons/COVID-19.jpg');
    height: 453px;
    border-radius: 4px;
    box-shadow: 5px 5px 5px #666;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    align-items: center;
    justify-items: center;
    text-align: center;
}

.bigBox a h1 {
    text-decoration: underline;
    color: #006699;
    transition: color 0.2s ease-in-out;
    font-size: 3rem;
}

.bigBox a h1:hover {
    text-decoration: underline;
    color: #ccc;
}

.bizBox .panel {
    border-width: 0;
}

@media(max-width: 768px) {
    ul.list-group.list-group-flush {
        padding-bottom: 1rem;
    }
}

@media (min-width: 768px) {

    #bizAnnounce,
    #artsAnnounce {
        font-size: 1.25em;
    }

    #hompageBoxes {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .bizBox {
        width: 48%;
        flex: 0 0 auto;
        background-color: white;
        text-align: center;
    }

    .bizBox.bigBox {
        width: 48%;
        margin-left: 25px;
        background-color: #006699;
        height: 453px;
        border-radius: 4px;
        box-shadow: 5px 5px 5px #666;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        align-items: center;
        justify-items: center;
    }

    .bigBox a h1 {
        font-size: 2rem;
    }

    .bizBox div.ms-WPBody,
    .bizBox div.ms-WPBody>div,
    .bizBox div.ms-rtestate-notify,
    .bizBox div.ms-webpart-chrome,
    .bizBox div.or-taskbox,
    .bizBox div.ms-webpartzone-cell {
        height: 100%;
    }

    .bizBoxLast {
        margin-left: 4%;
    }

    #welcome {
        margin-top: 8vw;
    }

    #welcome h1 {
        font-size: 28px;
    }

    #welcome p {
        font-size: 40px;
    }
}

@media (min-width: 992px) {

    #bizAnnounce,
    #artsAnnounce {
        font-size: 1.5em;
    }

    .bizBox {
        margin-bottom: 3em;
        width: 30%;
    }

    .bizBox.imageBox {
        width: 65%;
    }

    .bizBox.bigBox {
        display: block;
        width: 65%;
        margin-left: 55px;
        height: 453px;
        background-color: #006699;
        border-radius: 4px;
        box-shadow: 5px 5px 5px #666;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        align-items: center;
        justify-items: center;
    }

    .bigBox a h1 {
        font-size: 3rem;
    }

    #welcome {
        margin-bottom: 3em;
    }

    #welcome h1 {
        font-size: 34px;
    }

    #welcome p {
        font-size: 50px;
    }

    .bizBoxLast {
        margin-left: -30%;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .bizBox.bigBox {
        display: block;
        width: 50%;
        margin-left: 55px;
        height: 453px;
        background-color: #006699;
        border-radius: 4px;
        box-shadow: 5px 5px 5px #666;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        align-items: center;
        justify-items: center;
    }

    .bigBox a h1 {
        font-size: 3rem;
    }

}

@media (max-width: 996px) {
    .or-taskbox-image img {
        position: relative;
        top: auto;
        transform: none;
    }

    .or-taskbox-image {
        height: auto;
    }

}

/*----------------------
Board Members
----------------------*/

#bizBoardMembers {
    padding-top: 1em;
}

#bizBoardMembers .summary {
    margin-bottom: 2em;
}

#bizBoardMembers .summary::after {
    display: block;
    clear: both;
    content: "";
}

#bizBoardMembers .photo {
    width: 100%;
    max-width: 97px;
    height: auto;
    margin: 0 1em 1em 0;
    float: left;
}

#bizBoardMembers .name {
    margin: 0;
    color: #528744;
    font-size: 20px;
    font-weight: bold;
}

#bizBoardMembers .position {
    margin: 0;
    font-size: 1em;
    font-weight: bold;
}

#bizBoardMembers .company {
    margin: 0;
}

#bizBoardMembers .term {
    margin: 0;
}

#bizBoardMembers .term strong {
    font-weight: normal;
}

#bizBoardMembers .bio {
    margin: 1em 0 0 0;
}

#bizBoardMembers .bio div p:last-child,
#bizBoardMembers .bio p:last-child {
    margin-bottom: 0;
}

#bizBoardMembers [class*='ExternalClass'] {
    display: block;
}

/*----------------------
Resources sidebar
----------------------*/

.subscribe p {
    margin: 0;
}

.resources .subhead {
    margin: 0;
    padding: 0;
}

.resources h2,
.resources h3,
.resources h5 {
    font-size: 1em;
    font-weight: bold;
    margin: 1em 0 5px 0;
}

.programsCallToAction .bizName,
.programsCallToAction .bizTitle,
.programsCallToAction .bizPhone,
.bizContact .bizName,
.bizContact .bizTitle,
.bizContact .bizPhone,
.resources .bizName,
.resources .bizTitle,
.resources .bizPhone {
    display: block;
}

.bizContact .bizPhone,
.resources.board .bizPhone,
.resources.programs .bizPhone,
.programsCallToAction .bizPhone,
.resources.green .bizPhone {
    margin-bottom: 1em;
    text-decoration: none;
    color: inherit;
    cursor: default;
    speak-as: digits;
}

.bizContact .bizPhone:visited,
.resources.board .bizPhone:visited,
.resources.programs .bizPhone:visited,
.programsCallToAction .bizPhone:visited,
.resources.green .bizPhone:visited {
    color: inherit;
}

.bizContactWrapper {
    display: grid;
    grid-template-columns: auto auto;
}

/*----------------------
Reports
----------------------*/

.quarterLinks {
    text-align: center;
}

.quarterLinks a {
    margin-right: 1em;
    font-size: 1.5em;
    font-weight: normal;
    text-decoration: underline;
}

.chartAndCircle figcaption {
    display: block;
    font-weight: bold;
    margin-bottom: 1em;
}

.chartAndCircle img,
.mapAndCircle img {
    border: none;
    display: block;
    width: 100%;
    max-width: 300px;
    height: auto;
    margin-bottom: 1em;
}

.chartAndCircle img {
    max-width: 498px;
}

.chartAndCircle .circle,
.mapAndCircle .circle {
    width: 200px;
    height: 200px;
    background: #CDE8F5;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-family: arial;
}

.chartAndCircle .circle .data span,
.mapAndCircle .circle .data span {
    display: block;
    line-height: 1;
}

.chartAndCircle .circle .d1,
.mapAndCircle .circle .d1 {
    font-size: 76px;
}

.chartAndCircle .circle .d2,
.mapAndCircle .circle .d2 {
    font-size: 14px;
    margin: 10px 0 5px 0;
}

.chartAndCircle .circle .d3,
.mapAndCircle .circle .d3 {
    font-size: 22px;
}

.chartAndCircle .circle .d4 {
    font-size: 14px;
}

.quarterlyChart {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    visibility: hidden;
}

.distressedCities,
.distressedCounties {
    border-color: #49811C;
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom: 2px solid #49811C;
    width: 100%;
}

.distressedCities th,
.distressedCounties th {
    text-align: center;
    font-weight: bold;
    vertical-align: bottom;
    padding: 4px;
}

.distressedCounties .thead2 th:nth-child(5),
.distressedCounties .thead2 th:nth-child(6),
.distressedCities .thead2 th:nth-child(5),
.distressedCities .thead2 th:nth-child(6),
.distressedCities .thead th:last-child,
.distressedCounties .thead th:last-child {
    background-color: #C6DBB4;
}

.distressedCities .thead th,
.distressedCounties .thead th {
    border-right: 1px solid #49811C;
    border-top: 1px solid #49811C;
    border-bottom: 2px solid #49811C;
}

.distressedCities .thead2 th,
.distressedCounties .thead2 th {
    border-right: 1px solid #49811C;
    border-bottom: 2px solid #49811C;
}

.distressedCounties td {
    border-top: 1px solid #49811C;
    border-right: 1px solid #49811C;
    padding: 4px;
}

.distressedCounties td:first-child,
.distressedCounties .thead th:first-child {
    border-right-width: 2px;
}

.nondistressed td {
    background-color: #DDEDD0;
}

.distressedCities td {
    border-top: none;
    border-right: 1px solid #49811C;
    border-bottom: 1px dashed #49811C;
    text-align: right;
    padding: 4px;
}

.distressedCities td:first-child {
    text-align: left;
    border-right: none;
    border-bottom-width: 0;
}

.distressedCities td:nth-child(2) {
    text-align: left;
}

.distressedCities tr:nth-child(3) td {
    border-bottom-style: solid;
}

.distressedCities .last td {
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

@media(min-width:768px) {

    .chartAndCircle,
    .mapAndCircle {
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 2em 0;
    }

    .chartAndCircle img,
    .mapAndCircle img {
        margin-bottom: 0;
    }

    .fyListedPrograms {
        margin: 0 0 2em 0;
        padding: 0;
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
        grid-gap: 10px;
        list-style-type: none;
    }

    .fyListedPrograms li {
        margin: 0;
        padding: 0;
    }

    .quarterlyLegend {
        column-count: 3;
        column-gap: 1em;
        margin-bottom: 2em;
    }

    .quarterlyLegend dl {
        display: grid;
        grid-template: auto / auto 1fr;
    }

    .quarterlyLegend dt {
        grid-column: 1;
        margin-right: 0.25em;
    }

    .quarterlyLegend dd {
        grid-column: 2;
        margin-bottom: 0.25em;
    }
}

/*----------------------
Oregon Innovation Plan
----------------------*/

.oip-plan-img,
.oip-framework-img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    max-width: 800px;
}

.oip-plan-img {
    margin: 1em auto 2em auto;
}

.pdp-boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 3em;
}

.pdp-box {
    flex: 0 1 100%;
}

.pdp-box span {
    font-weight: bold;
    font-size: 1.25em;
}

.pdp-box ul {
    margin-top: 0;
}

.pdp-box-3 p {
    margin-bottom: 0;
}

.roadmap {
    border: 1px solid #ccc;
    margin-bottom: 2em;
}

.roadmap-header {
    padding: 10px 70px 10px 10px;
    background-position: center right 20px;
    background-repeat: no-repeat;
    background-size: 60px 60px;
    color: white;
}

.roadmap-1 .roadmap-header {
    background-image: url('/biz/PublishingImages/OIP/ideation-w.png');
    background-color: #006699;
}

.roadmap-2 .roadmap-header {
    background-image: url('/biz/PublishingImages/OIP/eco-w.png');
    background-color: #E97300;
}

.roadmap-3 .roadmap-header {
    background-image: url('/biz/PublishingImages/OIP/capital-w.png');
    background-color: #CF0F3C;
    padding-bottom: 40px;
}

.roadmap-4 .roadmap-header {
    background-image: url('/biz/PublishingImages/OIP/story-w.png');
    background-color: #339933;
}

.roadmap p {
    margin: .5em 10px;
    padding: .5em 0;
    border-bottom: 1px solid #ccc;
}

.roadmap p:last-child {
    border-bottom-width: 0;
}

.roadmap p.intro {
    margin: 0;
    padding: 0;
}

.roadmap-header h3 {
    margin: 0;
}

@media(min-width:768px) {
    .pdp-box {
        flex: 1 0 33%;
    }
}

/*----------------------
Success Stories
----------------------*/

body.oregon4biz-newsroom-pages-success-stories-aspx .col-md-12 .panel-title {
    font-size: 1.5em;
}

body.oregon4biz-newsroom-pages-success-stories-aspx .col-md-12 .or-accordion-heading-thumb {
    width: 256px;
}

body.oregon4biz-newsroom-pages-success-stories-aspx .col-sm-6 .panel-title {
    font-size: 1.2em;
}

body.oregon4biz-newsroom-pages-success-stories-aspx .col-sm-6 .or-accordion-heading-thumb {
    width: 128px;
}

/*----------------------
Contact Us
----------------------*/

#rdoMap a {
    display: block;
}

#rdoMap a img {
    width: 100%;
    height: auto;
}

#contactUsWrapper label {
    display: block;
}

#contactUsWrapper select,
#contactUsWrapper input:not([type="radio"]):not([type="checkbox"]),
#contactUsWrapper textarea {
    width: 100%;
}

#contactUsWrapper select,
#contactUsWrapper input:not([type="radio"]):not([type="checkbox"]) {
    display: block;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 5px;
}

#contactUsWrapper textarea {
    display: block;
    box-sizing: border-box;
    resize: vertical;
    height: 75px;
    line-height: 1.5;
    padding: 5px;
    border-style: solid;
}

#contactUs h2 {
    margin-bottom: -20px;
}

span#WebPartTitleWPQ1 {
    display: none;
}

@media(min-width:992px) {

    #contactUsWrapper select,
    #contactUsWrapper input:not([type="radio"]):not([type="checkbox"]),
    #contactUsWrapper textarea {
        width: 80%;
    }
}

/*----------------------
Tabs on program page
----------------------*/

#programTabs {
    display: flex;
}

#programTabs a {
    display: inline-block;
    background-color: #333;
    text-decoration: none;
    color: #fff;
    padding: 4px 10px;
    margin: 0 1em 0 0;
    font-weight: bold;
}

#programTabs a:visited,
#programTabs a:hover {
    text-decoration: none;
    color: #fff;
}

#programTabs a.selected {
    color: #333;
    background-color: #e7e7e8;
}

.programTabContent {
    display: none;
    justify-content: space-between;
    background-color: #e7e7e8;
    padding: 10px;
}

.programTabContent.selected {
    display: flex;
    flex-wrap: wrap;
}

.programTabContent ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.programTabContent li {
    margin-left: 0;
    padding-left: 0;
}

.programTabContent a,
.programTabContent a:visited {
    color: #333;
    text-decoration: none;
}

.programTabContent a:hover {
    text-decoration: underline;
}

#programAlpha .block,
#programTopic .block {
    width: 100%;
    flex-grow: 1;
}

#programTopic h2 {
    font-size: 1.5em;
}

@media(min-width:768px) {

    #programAlpha .block,
    #programTopic .block {
        width: 50%;
    }
}

@media(min-width:992px) {
    #programTopic .block {
        width: 33%;
    }
}

/*----------------------
Custom Program Templates
----------------------*/

.agency-program-nav-aside .or-page-title,
.agency-program-aside .or-page-title {
    display: none;
}

.program-intro {
    display: flex;
    justify-content: space-between;
}

.program-intro-horiz {
    margin-bottom: 1em;
}

.program-intro .program-intro-img {
    display: none;
}

.program-intro-img img {
    width: 100%;
    height: auto;
}

.program-intro-text h1 {
    font-weight: bold;
    font-size: 24px;
    padding-bottom: .25em;
    margin: 0 0 .25em 0;
    border-bottom: 1px solid #e7e7e7;
}

.program-intro-horiz .program-intro-text h1 {
    margin: .5em 0;
    text-align: center;
}

.program-intro-horiz.no-image .program-intro-text h1 {
    text-align: left;
    padding-bottom: .25em;
}

.program-intro-text p {
    font-size: 1.25em;
    font-weight: normal;
    margin: 0;
}

.program-bar {
    background-color: #e7e7e7;
    padding: 1em;
}

.program-bar .h {
    line-height: 1;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
}

.program-bar p:last-child {
    margin-bottom: 0;
}

.resources.programs,
.programs-left-aside {
    border: 1px solid #e7e7e7;
    padding: 1em;
    margin-bottom: 2em;
}

.resources.programs ul,
.programs-left-aside ul {
    list-style: none;
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
}

.resources.programs li,
.programs-left-aside li {
    margin: 0 0 .35em 0;
    padding-left: 0;
}

.resources.programs li ul li,
.programs-left-aside li ul li {
    margin-left: 0;
    padding-left: 1em;
}

.resources.programs h2,
.programs-left-aside h2 {
    font-size: 1.5em;
    margin-top: 0.25em;
}

.resources.programs h3,
.programs-left-aside h3 {
    font-size: 1em;
    font-weight: bold;
}

.resources.programs .subhead,
.programs-left-aside .subhead {
    margin-bottom: 0;
    font-weight: bold;
}

.resources.programs .sr-only,
.programs-left-aside .sr-only {
    display: none;
}

.resources.programs a,
.resources.programs a:visited,
.programs-left-aside a,
.programs-left-aside a:visited {
    color: #000;
    text-decoration: none;
}

.resources.programs a:hover,
.programs-left-aside a:hover {
    color: #b50010;
}

.programsCallToAction {
    background-color: #e7e7e7;
    padding: 1em;
}

.programsCallToAction .action {
    display: flex;
    flex-direction: row;
    margin-bottom: .5em;
}

.programsCallToAction .ctaHeader {
    font-weight: bold;
}

.programsCallToAction .action:last-child {
    margin-bottom: 0;
}

.programsCallToAction .icon {
    display: block;
    margin: 0 .5em 0 0;
    flex: 0 0 51px;
}

.programsCallToAction .icon img {
    width: 100%;
    height: auto;
}

.programsCallToAction .subscribe,
.programsCallToAction .subscribe:visited,
.programsCallToAction .subscribe:hover {
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

.programsCallToAction .subscribe:hover {
    color: #b50010;
}

@media(max-width: 992px) {
    .agency-program-nav-aside .or-show-if-side-navigation {
        display: block;
    }
}

@media(min-width: 992px) {
    .program-intro-text h1 {
        font-size: 35px;
    }

    .program-intro .program-intro-text h1 {
        font-size: 45px;
    }

    .program-intro .program-intro-text {
        width: 50%;
        padding-right: 2%;
    }

    .program-intro .program-intro-img {
        display: block;
        width: 48%;
    }

    html .or-side-navigation {
        margin-top: 0;
    }
}

/*----------------------
Home Areas - Splash pages
----------------------*/

.biz-programs-homeareas-byboregon-pages-oregon-transport-aspx #main,
.biz-programs-homeareas-byboregon-pages-oregon-data-aspx #main,
.biz-programs-homeareas-contracts-pages-default-aspx #main,
.biz-programs-homeareas-overseas-pages-default-aspx #main,
.biz-programs-homeareas-infrastructure-pages-default-aspx #main,
.biz-programs-homeareas-cultivate-pages-default-aspx #main,
.biz-programs-homeareas-innovate-pages-default-aspx #main,
.biz-programs-homeareas-fundbusiness-pages-default-aspx #main,
.biz-programs-homeareas-byboregon-pages-default-aspx #main {
    padding-top: 0;
}

.biz-programs-homeareas-byboregon-pages-oregon-transport-aspx #main>.container,
.biz-programs-homeareas-byboregon-pages-oregon-data-aspx #main>.container,
.biz-programs-homeareas-contracts-pages-default-aspx #main>.container,
.biz-programs-homeareas-overseas-pages-default-aspx #main>.container,
.biz-programs-homeareas-infrastructure-pages-default-aspx #main>.container,
.biz-programs-homeareas-cultivate-pages-default-aspx #main>.container,
.biz-programs-homeareas-innovate-pages-default-aspx #main>.container,
.biz-programs-homeareas-fundbusiness-pages-default-aspx #main>.container,
.biz-programs-homeareas-byboregon-pages-default-aspx #main>.container {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    font-family: arial, sans-serif;
}

.biz-programs-homeareas-byboregon-pages-oregon-transport-aspx #main>.container .row,
.biz-programs-homeareas-byboregon-pages-oregon-data-aspx #main>.container .row,
.biz-programs-homeareas-contracts-pages-default-aspx #main>.container .row,
.biz-programs-homeareas-overseas-pages-default-aspx #main>.container .row,
.biz-programs-homeareas-infrastructure-pages-default-aspx #main>.container .row,
.biz-programs-homeareas-cultivate-pages-default-aspx #main>.container .row,
.biz-programs-homeareas-innovate-pages-default-aspx #main>.container .row,
.biz-programs-homeareas-fundbusiness-pages-default-aspx #main>.container .row,
.biz-programs-homeareas-byboregon-pages-default-aspx #main>.container .row {
    margin-right: 0;
    margin-left: 0;
}

.biz-programs-homeareas-byboregon-pages-oregon-transport-aspx #main>.container .col-md-12,
.biz-programs-homeareas-byboregon-pages-oregon-data-aspx #main>.container .col-md-12,
.biz-programs-homeareas-contracts-pages-default-aspx #main>.container .col-md-12,
.biz-programs-homeareas-overseas-pages-default-aspx #main>.container .col-md-12,
.biz-programs-homeareas-infrastructure-pages-default-aspx #main>.container .col-md-12,
.biz-programs-homeareas-cultivate-pages-default-aspx #main>.container .col-md-12,
.biz-programs-homeareas-innovate-pages-default-aspx #main>.container .col-md-12,
.biz-programs-homeareas-fundbusiness-pages-default-aspx #main>.container .col-md-12,
.biz-programs-homeareas-byboregon-pages-default-aspx #main>.container .col-md-12 {
    padding-right: 0;
    padding-left: 0;
}

.splash-hero {
    height: 26vw;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    background-color: #fff;
}

.splash-innovation .splash-hero {
    background-image: url("/biz/PublishingImages/Icons/innovate-banner.jpg");
}

.splash-grants .splash-hero {
    background-image: url("/biz/PublishingImages/Icons/grants-banner.jpg");
}

.splash-infra .splash-hero {
    background-image: url("/biz/PublishingImages/Icons/infra-banner.jpg");
}

.splash-market .splash-hero {
    background-image: url("/biz/PublishingImages/Icons/market-banner.jpg");
}

.splash-contracts .splash-hero {
    background-image: url("/biz/PublishingImages/Icons/contracts-banner.jpg");
    background-position: center center;
}

.splash-bybo .splash-hero {
    background-image: url("/biz/PublishingImages/Icons/bybo-banner.jpg");
    background-position: center center;
}

.splash-target-industries .splash-hero {
    background-image: url("/biz/PublishingImages/Icons/TargetInd.png");
    background-position: center center;
}

.splash-transport .splash-top-content div[class^="col-"],
.splash-data .splash-top-content div[class^="col-"] {
    padding-left: 0;
    padding-right: 0;
}

.splash-side-img {
    width: 100%;
    height: auto;
}

.hTitle {
    padding: .5em 0;
    margin: 0;
    text-align: center;
}

.hSection {
    border-bottom: 4px solid #66CC33;
    padding-bottom: 5px;
    margin: 2em 0 10px 0;
}

.splash-stripe-transport {
    background-image: url("/biz/PublishingImages/data-airplane.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    margin: 6em 0 3em 0;
}

.splash-transport .splash-top-content h1 {
    border-bottom: 4px solid #66CC33;
    padding-bottom: 15px;
    margin: .25em 0 25px 0;
    font-size: 4em;
}

.splash-data .splash-top-content h1 {
    border-bottom: 4px solid #66CC33;
    padding-bottom: 5px;
    margin: .25em 0 10px 0;
    font-size: 4em;
}

.splash-stripe-bordered .hSection:first-child {
    border-bottom-width: 0;
    padding-bottom: 5px;
    margin: 0 0 10px 0;
}

.splash-stripe-bordered .or-afford .hSection {
    border-width: 0;
    margin-top: 2em;
}

.splash-stripe-white .hSection:first-child,
.splash-stripe-green .hSection:first-child {
    margin-top: 0;
}

.splash-wrapper {
    /*This hides the space Sharepoint
    insists on inserting into .splash-hero*/
    margin-top: -1px;
}

.splash-wrapper .bizContact,
.splash-wrapper p,
.splash-wrapper li {
    font-size: 1.3em;
}

.splash-top-content {
    background-color: #fff;
}

.splash-bybo .splash-top-content,
.splash-grants .splash-top-content {
    padding-bottom: 3em;
}

.splash-stripe-ranked {
    margin: 8em 0 0 0;
}

.splash-stripe-bordered {
    padding: 1.5em 0;
}

.splash-stripe-ranked,
.splash-stripe-transport,
.splash-stripe-grey,
.splash-stripe-green,
.splash-stripe-white {
    padding-top: 3em;
    padding-bottom: 3em;
}

.splash-stripe-infra,
.splash-stripe-grey {
    background-color: #ccc;
}

.splash-stripe-ranked,
.splash-stripe-bordered,
.splash-stripe-green {
    background-color: #66CC33;
}

.splash-wrapper .contact {
    text-align: center;
}

.splash-wrapper .contact.mt {
    margin-top: 2em;
}

.splash-wrapper .contact.mb {
    margin-bottom: 2em;
}

.splash-wrapper .contact .splash-contact-bar,
.splash-wrapper .contact .splash-contact-bar:visited {
    color: #fff;
    text-decoration: none;
    background-color: black;
    border: 0;
    display: block;
    padding: .75rem 0;
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 2rem;
}

.splash-wrapper .contact a.splash-contact-bar:hover {
    text-decoration: underline;
}

.splash-wrapper .contact img {
    display: block;
    margin: 0 auto 2em auto;
    width: 75px;
    height: auto;
}

.splash-wrapper .contact .bizContact {
    font-weight: bold;
}

.splash-wrapper .contact .bizContact .bizPhone {
    display: block;
    margin: 0;
}

.splash-stripe-infra:after {
    content: " ";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 5px solid #000000;
}

.splash-stripe-infra {
    position: relative;
    border-top: 5px solid #000000;
    border-bottom: 70px solid #66cc33;
}

.splash-border-top {
    border-top: 5px solid #5B4A26;
}

.splash-border-bottom {
    border-bottom: 5px solid #5B4A26;
}

.splash-right-img {
    float: right;
    margin: 0 0 1em 1em;
    display: block;
}

.splash-stripe-ranked p:last-child,
.splash-stripe-transport p:last-child,
.contact p:last-child,
.splash-top-content p:last-child,
.splash-blocks .block p:last-child {
    margin-bottom: 0;
}

.splash-blocks .block,
.splash-blocks .block:visited {
    margin-bottom: 2em;
    border: 0;
    text-decoration: none;
    color: #333;
    text-align: center;
    display: block;
}

.splash-blocks a.block {
    text-decoration: underline;
}

.splash-blocks .block:last-child {
    margin-bottom: 0;
}

.block span {
    display: block;
    font-size: 1.3em;
    font-weight: bold;
}

.block img {
    width: auto;
    height: 75px;
    margin-bottom: 1em;
}

.stats-blocks .block img {
    height: 60px;
    margin-bottom: 0;
}

.stats-blocks p {
    line-height: 1.2;
    font-size: 1.2em;
    margin-bottom: 0;
}

.stats-blocks .splash-blocks .block {
    margin-bottom: 1em;
}

.stats-blocks h3 {
    font-size: 1.3em;
    font-weight: bold;
    margin-top: .5em;
}

.splash-data .or-economy .block img {
    height: 113px;
}

.or-flights {
    padding: 0;
}

.or-flights .container {
    padding-top: 3em;
    padding-bottom: 3em;
}

.or-flights h2 {
    margin-top: 0;
}

.or-flights .col-sm-6 {
    margin: 0;
    padding: 0;
}

.or-destinations {
    color: #fff;
    background-color: #5B4A26;
    padding: 1em;
    max-width: 570px;
    margin-top: 4em;
}

.or-destinations table {
    border: 0;
    width: 100%;
}

.or-destinations td {
    text-align: left;
    vertical-align: top;
    font-size: 1.5em;
    font-weight: normal;
    padding-right: 2em;
}

.or-destinations td:last-child {
    text-align: right;
    padding-right: 0;
}

.splash-transport .or-connect .mt {
    margin-top: 2em;
}

.splash-data .or-economy .mt,
.splash-data .or-innovate .mt {
    margin-top: 4em;
}

.splash-data .ecwf {
    margin-top: 2em;
    margin-bottom: 6em;
}

.horz-links {
    margin: 0;
    padding: 0;
    list-style: none;
}

.horz-links a {
    text-decoration: none;
}

.horz-links li:last-child a {
    border-width: 0;
}

.horz-links a,
.horz-links a:visited,
.horz-links a:hover {
    color: #333;
}

.horz-links a:hover {
    text-decoration: underline;
}

.splash-bybo .ib,
.splash-grants .ib {
    background-color: #333;
    color: #fff;
    padding: 2em;
    text-align: center;
    margin-bottom: 2em;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.splash-grants .ib.grant-biz {
    background-image: url("/biz/PublishingImages/Icons/grants-biz-com.jpg");
}

.splash-grants .ib.grant-res {
    background-image: url("/biz/PublishingImages/Icons/grants-research.jpg");
}

.splash-grants .ib.loans {
    background-image: url("/biz/PublishingImages/Icons/grants-open-sign.png");
}

.splash-grants .ib.programs {
    background-image: url("/biz/PublishingImages/Icons/grants-store.png");
}

.splash-bybo .ib.startup {
    background-image: url("/biz/PublishingImages/Icons/bybo-startup.png");
}

.splash-bybo .ib.expansion {
    background-image: url("/biz/PublishingImages/Icons/bybo-expansion.png");
}

.splash-bybo .ib.industrial {
    background-image: url("/biz/PublishingImages/Icons/bybo-industrial.png");
}

.splash-bybo .ib.target {
    background-image: url("/biz/PublishingImages/Icons/bybo-target.png");
}

.splash-bybo .ib.investment {
    background-image: url("/biz/PublishingImages/Icons/bybo-invest.png");
}

.splash-bybo .ib.incubator {
    background-image: url("/biz/PublishingImages/Icons/bybo-industrial.png");
}

.splash-bybo .ib.metals {
    background-image: url("/biz/PublishingImages/Icons/TargetIndMetals.png");
}

.splash-bybo .ib.services {
    background-image: url("/biz/PublishingImages/Icons/TargetIndBusSrvcs.png");
}

.splash-bybo .ib.food {
    background-image: url("/biz/PublishingImages/Icons/TargetIndFood.png");
}

.splash-bybo .ib.forestry {
    background-image: url("/biz/PublishingImages/Icons/TargetIndForestry.png");
}

.splash-bybo .ib.high-tech {
    background-image: url("/biz/PublishingImages/Icons/TargetIndHiTech.png");
}

.splash-bybo .ib.outdoor {
    background-image: url("/biz/PublishingImages/Icons/TargetIndOutdoor.png");
}

.splash-bybo .ib.bioscience {
    background-image: url("/biz/PublishingImages/Icons/TargetIndBioScience.png");
}

.splash-stripe-transport .h,
.splash-bybo .ib .h,
.splash-grants .ib .h {
    color: #fff;
    margin: 0;
    font-weight: bold;
}

.splash-stripe-ranked .h,
.splash-transport .h,
.splash-stripe-transport .h {
    font-size: 3em;
}

.splash-stripe-transport p {
    font-size: 1.75em;
    font-weight: normal;
}

.splash-stripe-transport a,
.splash-stripe-transport a:visited,
.splash-bybo .ib a,
.splash-bybo .ib a:visited,
.splash-grants .ib a,
.splash-grants .ib a:visited {
    color: #fff;
    display: block;
}

.splash-stripe-transport a:hover,
.splash-bybo .ib a:hover,
.splash-grants .ib a:hover {
    color: #ccc;
}

.splash-transport a,
.splash-data a,
.splash-bybo a,
.splash-market a,
.splash-contracts a,
.splash-infra a,
.splash-grants a,
.splash-innovation a {
    text-decoration: underline;
    color: #333;
}

.splash-data .splash-stripe-transport a {
    color: #fff;
}

.splash-transport .block .h {
    font-size: 1.5em;
    text-transform: uppercase;
    display: block;
    margin-bottom: 2rem;
}

.splash-stripe-infra .block .h {
    font-size: 2em;
}

.splash-stripe-infra .block img {
    width: 125px;
    height: auto;
    margin-bottom: 2em;
}

.splash-stripe-infra .container {
    padding-top: 3em;
    padding-bottom: 2em;
}

.ibs {
    width: 95%;
    margin: 0 14px;
}

.final-ibs {
    display: grid;
    place-items: center;
    margin-top: 3rem;
}

a.splash-contact-bar {
    width: 95%;
}

@media(min-width: 1500px) {
    .splash-wrapper.splash-bybo {
        width: 1000px;
    }
}

@media(min-width: 990px) {
    .splash-wrapper.splash-bybo {
        width: 100%
    }

    .ib {
        width: 70%;
    }
}

@media(min-width: 768px) {
    .splash-top-content {
        margin-top: -6vw;
    }

    .splash-transport .splash-top-content,
    .splash-data .splash-top-content {
        margin-top: 0;
    }

    .hTitle {
        padding: 1vw 0 1.5vw 0;
        margin: 0 auto;
        max-width: 85%;
        font-size: 3.5vw;
    }

    .hSection {
        min-width: 475px;
        padding-right: 2em;
        display: inline-block;
    }

    .splash-blocks {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .splash-data .or-afford .splash-blocks {
        justify-content: space-around;
    }

    .splash-blocks .block {
        width: 30%;
        margin-right: 1%;
        margin-left: 1%;
    }

    .stats-blocks .splash-blocks .block:last-child,
    .splash-data .splash-blocks .block,
    .splash-infra .splash-blocks .block,
    .splash-market .splash-blocks .block,
    .splash-bybo .splash-blocks .block:nth-child(3),
    .splash-market .splash-blocks .block:nth-child(3),
    .splash-infra .splash-blocks .block:nth-child(3),
    .splash-grants .splash-blocks .block:nth-child(3),
    .splash-innovation .splash-blocks .block:nth-child(3),
    .splash-bybo .ib:nth-child(5),
    .splash-grants .ib:nth-child(5),
    .splash-bybo .ib:last-child {
        margin-bottom: 0;
    }

    .splash-market .splash-blocks {
        justify-content: flex-start;
    }

    .splash-grants .splash-blocks .block:last-child {
        width: 100%;
        margin: 0;
    }

    .splash-data .splash-blocks .block {
        flex: 0 1 auto;
        width: 40%;
        margin-bottom: 2em;
    }

    .splash-transport .block p {
        margin-top: 0;
        margin-bottom: 1.25em;
    }

    .splash-transport .block strong {
        display: block;
        line-height: 1;
    }

    .splash-stripe-infra .block strong {
        font-size: 1.25em;
    }

    .splash-transport .splash-blocks .block {
        flex: 0 1 auto;
        width: 24%;
        margin-bottom: 2em;
        margin-right: 0;
        margin-left: 0;
    }

    .splash-transport .or-connect .splash-blocks .block {
        width: 30%;
    }

    .horz-links li {
        display: inline;
    }

    .horz-links a {
        border-right: 1px solid #333;
        padding-right: .5em;
        margin-right: .5em;
    }

    .ib .horz-links a {
        border-width: 0;
    }

    .splash-bybo .ib,
    .splash-grants .ib {
        min-height: 250px;
    }

    .or-flights {
        background-image: url("/biz/PublishingImages/trans-flights.png");
        background-repeat: no-repeat;
        background-position: 300px top;
        background-size: contain;
    }

    .splash-stripe-infra .container {
        margin-top: -65px;
        padding-top: 0;
    }

    .splash-stripe-ranked {
        padding-top: 3em;
        padding-bottom: 102px;
    }
}

@media(min-width: 992px) {
    .splash-stripe-infra .block img {
        width: 175px;
    }

    .splash-bybo .ibs {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .splash-grants .ibs {
        display: flex;
        justify-content: space-between;
    }

    .splash-bybo .ib,
    .splash-grants .ib {
        width: 45%;
        min-height: 350px;
    }

    .splash-grants .ib {
        margin-bottom: 0;
    }

    .splash-stripe-transport {
        min-height: 400px;
    }

    .splash-data .splash-blocks .block {
        width: auto;
    }

    .splash-transport .splash-top-content h1,
    .splash-data .splash-top-content h1 {
        margin-top: .25em;
    }

    .or-flights {
        background-position: 400px 0;
    }

    .or-flights .container {
        padding-top: 6em;
        padding-bottom: 6em;
    }

    .splash-stripe-infra .container {
        margin-top: -90px;
    }

    .splash-stripe-ranked {
        padding-top: 3em;
        padding-bottom: 132px;
    }

    .splash-stripe-ranked p {
        font-size: 1.75em;
    }
}

@media(min-width: 1200px) {

    .splash-transport .splash-top-content h1,
    .splash-data .splash-top-content h1 {
        margin-top: 1em;
    }

    .or-flights .container {
        background-position: right top;
        background-image: url("/biz/PublishingImages/trans-flights.png");
        background-repeat: no-repeat;
        background-position: right top;
        background-size: contain;
        padding-top: 8em;
        padding-bottom: 8em;
    }

    .or-flights {
        background-image: none;
    }
}

/*----------------------
Home Areas - BYBO
----------------------*/

.em-frags em {
    color: #404041;
    font-style: normal;
    font-weight: bold;
}

p.em-frags:last-child {
    margin-bottom: 0;
}

.splash-stripe-ranked .h,
.splash-bybo .site-select .h {
    margin-top: 0;
}

.splash-bybo .site-select {
    text-align: center;
}

.site-select .bullet:last-child {
    margin-bottom: 0;
}

.splash-bybo .stats-intro {
    text-align: center;
}

.splash-bybo .stats-intro span {
    display: block;
    line-height: 1;
    margin-bottom: .25em;
}

.splash-bybo .stats-intro .h {
    color: #333;
    font-size: 2.5em;
    font-weight: normal;
    margin: 0 0 5px 0;
}

.splash-bybo .stats-intro span:nth-child(2) {
    color: #5B4A26;
    font-size: 2.75em;
    font-weight: normal;
}

.splash-bybo .stats-intro span:nth-child(3) {
    color: #333;
    font-size: 2em;
    font-weight: normal;
}

.splash-bybo .services p {
    font-size: 1.75em;
    text-align: center;
    font-weight: bold;
    margin: 0;
    line-height: 1.1;
}

.splash-bybo .stands {
    text-align: center;
}

@media(min-width: 768px) {
    .splash-bybo .splash-stripe-grey.site-blocks {
        padding-bottom: 0;
    }

    .splash-bybo .site-blocks .splash-blocks {
        justify-content: space-around;
    }

    .splash-bybo .stats-blocks .block {
        width: 45%;
    }

    .splash-bybo .site-select .bullet {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}

/*----------------------
Home Areas - Target industries
----------------------*/

#bizTargetBoxes {
    background: #66cc33;
    margin-bottom: 1em;
    padding-bottom: 1.5rem;
}

.bizTargetBoxesH1 {
    font-weight: 800;
}

#bizTargetBoxes img {
    width: 100%;
    max-width: 100px;
    height: auto;
    margin: 0 auto;
    display: block;
}

#bizTargetBoxes figure {
    display: block;
}

#bizTargetBoxes figcaption {
    text-align: center;
}

#bizTargetBoxes figcaption strong {
    font-weight: strong;
    color: #528744;
    display: block;
}

.investmentsTable,
.bizTargetTable {
    width: 100%;
    border-collapse: collapse;
    border: 0;
}

.investmentsTable th,
.bizTargetTable th {
    border-top: none;
    border-right: 1px solid #006699;
    border-bottom: 1px solid #006699;
    border-left: 1px solid #006699;
    background-color: #c1e6f9;
    padding: 4px;
}

.investmentsTable th:first-child,
.bizTargetTable th:first-child {
    border-top: none;
    border-right: 1px solid #006699;
    border-bottom: 1px solid #006699;
    border-left: 1px solid #006699;
    background-color: #006699;
    color: #FFF;
}

.investmentsTable td,
.bizTargetTable td {
    text-align: right;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 4px;
}

.investmentsTable td:last-child,
.bizTargetTable td:last-child {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.investmentsTable tr:last-child td,
.bizTargetTable tr:last-child td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.investmentsTable tr:last-child td:last-child,
.bizTargetTable tr:last-child td:last-child {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.investmentsTable .sectionHeader {
    text-align: left;
    font-weight: bold;
    background-color: #CDE8F5;
}

.bizTargetCharts img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 1em;
}

.footnote {
    font-size: .875em;
    margin-top: 1em;
}

.targetIndustries .table-responsive {
    margin-bottom: 1em;
}

.targetIndustries .splash-hero {
    background-image: url('/biz/PublishingImages/Icons/TargetIndMetals.png');
}

.businessServices .splash-hero {
    background-image: url('/biz/PublishingImages/Icons/TargetIndBusSrvcs.png');
}

.foodAndBeverage .splash-hero {
    background-image: url('/biz/PublishingImages/Icons/TargetIndFood.png');
}

.forestryWoodProducts .splash-hero {
    background-image: url('/biz/PublishingImages/Icons/TargetIndForestry.png');
}

.highTechnology .splash-hero {
    background-image: url('/biz/PublishingImages/Icons/TargetIndHiTech.png');
}

.outdoorGear .splash-hero {
    background-image: url('/biz/PublishingImages/Icons/TargetIndOutdoor.png');
}

.bioscience .splash-hero {
    background-image: url('/biz/PublishingImages/Icons/TargetIndBioscience.png');
}


p.callout-box {
    margin-top: 8rem;
    padding: 20px;
    background-color: #CCC;
    border-radius: 10px;
}

/*
div#ctl00_ctl00_MainContentPlaceHolder_PageContentPlaceHolder_PageContentPlaceHolder_RichHtmlField1_RichHtmlField_displayContent {
    width: 110%;
} */

@media(min-width:768px) {
    #bizTargetBoxes {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    #bizTargetBoxes figure {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    #bizTargetBoxes img {
        flex-grow: 2;
    }

    .bizTargetCharts {
        padding-top: 2em;
    }
}

/*----------------------
Temporary Arts Commission
----------------------*/

/*Global Override*/

body[class*="artscommission"]:not(.biz-aboutus-boards-artscommission-pages-default-aspx) .or-header-logo {
    background-image: url('/biz/aboutus/artscommission/PublishingImages/design/oaclogo.png');
    background-size: contain;
    width: 200px;
    height: 52px;
}

body[class*="artscommission"]:not(.biz-aboutus-boards-artscommission-pages-default-aspx) .or-header {
    background-image: none;
    background-color: #FFFFFF;
    box-shadow: none;
}

body[class*="artscommission"]:not(.biz-aboutus-boards-artscommission-pages-default-aspx) .or-header-content-row .or-navbar-search-input,
body[class*="artscommission"]:not(.biz-aboutus-boards-artscommission-pages-default-aspx) .or-header-content-row .or-navbar-search-wrapper {
    background: #FFFFFF;
    color: black;
}

body[class*="artscommission"]:not(.biz-aboutus-boards-artscommission-pages-default-aspx) .or-navbar-search-input-wrapper button.or-navbar-search-close-button {
    border-color: #404041;
    background-color: #404041;
}

body[class*="artscommission"]:not(.biz-aboutus-boards-artscommission-pages-default-aspx) .or-breadcrumbs,
body[class*="artscommission"]:not(.biz-aboutus-boards-artscommission-pages-default-aspx) #bizconnect p span,
body[class*="artscommission"]:not(.biz-aboutus-boards-artscommission-pages-default-aspx) #bizconnect,
#artsAnnounce {
    background-color: #313b5d;
}

body[class*="artscommission"]:not(.biz-aboutus-boards-artscommission-pages-default-aspx) footer {
    background-color: #d8d2be;
}

body[class*="artscommission"]:not(.biz-aboutus-boards-artscommission-pages-default-aspx) .or-navbar-sticky-wrapper .or-official,
body[class*="artscommission"]:not(.biz-aboutus-boards-artscommission-pages-default-aspx) .sp2016 .or-countdown-alert {
    background-color: #286789;
}

body[class*="artscommission"]:not(.biz-aboutus-boards-artscommission-pages-default-aspx) .or-footer-agency-info {
    display: block;
}

#artsAnnounce {
    padding: 8px 0 8px 14px;
}

/*Home*/

.artsCommHomeHeading {
    text-align: center;
    color: #313b5d;
    margin: 0 0 24px 0;
}

.artCommStories .box {
    background-color: #d8d2be;
    border-radius: 5px;
    padding: 10px 20px;
    margin-bottom: 1em;
}

.artCommStories .box a,
.artCommStories .box a:visited,
.artCommStories .box a:hover {
    color: #404041;
}

.artCommStories .box h2 {
    margin-top: 0;
}

.artCommSpotlight .box {
    padding: 10px;
    margin-bottom: 1em;
    border-radius: 5px;
    background-color: #286789;
    flex: 0 1 30%;
}

.artCommSpotlight ul {
    margin-left: 1em;
    margin-right: 1em;
    padding-left: 0;
}

.artCommSpotlight li {
    margin-bottom: .5em;
    list-style-type: none;
}

.artCommSpotlight a,
.artCommSpotlight a:visited,
.artCommSpotlight a:hover {
    color: white;
}

.artCommSpotlight h2 {
    margin-top: 0;
    color: #FFFFFF;
    text-align: center;
}

@media(min-width:768px) {
    .artsCommHomeHeading {
        font-size: 3vw;
    }

    .artCommStories {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .artCommStories .box {
        flex: 0 1 49%;
    }

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

    .artCommSpotlight .box {
        flex: 0 1 32%;
    }
}

/*Grants*/

.art-in-public-places .artsGrants .photo,
.individual-artist-fellowship .artsGrants .photo,
.individual-artist-fellowship .artsGrants .photo,
.career-opportunity .artsGrants .photo {
    background: transparent url("/biz/PublishingImages/headshots/arts-eleanor-sm.jpg") center top no-repeat;
}

.arts-learning-grants .artsGrants .photo,
.arts-build-communities .artsGrants .photo,
.small-operating-support .artsGrants .photo,
.access-reimbursement .artsGrants .photo {
    background: transparent url("/biz/PublishingImages/headshots/arts-sponko-sm.jpg") center top no-repeat;
}

.operating-support .artsGrants .photo {
    background: transparent url("/biz/PublishingImages/headshots/arts-bell-sm.jpg") center top no-repeat;
}

.artbanner img {
    display: block;
    width: 100%;
    height: auto;
}

.arts-grant-banner {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 1em 0;
}

/*Programs*/

p.arts-program-banner-caption {
    text-align: center;
    font-size: 0.9em;
    margin: .75em 0px 0px 0px;
}

.art-image-aside {
    display: flex;
    padding-top: 1em;
}

.art-image-aside h2 {
    margin-top: 0;
}

.art-image-aside div {
    flex: 0 1 auto;
}

.art-image-aside .artimage {
    margin: 0 1em 1em 0;
    text-align: center;
}

.art-image-aside img {
    display: block;
    width: 220px;
    height: auto;
    margin: 0 0 5px 0;
}


/*-------------------
Google Translate Widget
--------------------*/
.open > .language-dropdown-menu {
    max-height: 90vh;
    overflow-y: auto;
}