﻿*,
*:after,
*:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

* html .row {
    zoom: 1;
}
/* IE6 */
*:first-child + html .row {
    zoom: 1;
}
/* IE7 */
header, section, footer, aside, nav, main, article, figure {
    display: block;
}

body {
    background: #fff;
    font-family: 'Open Sans', serif;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    margin: 0;
    padding: 0;
    line-height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.bold {
    font-weight: 700;
}

.underline {
    text-decoration: underline;
}



/*
    Telerik Override
*/
.RadAsyncUpload *, ::after, ::before {
    box-sizing: content-box !important;
}

.riTextBox {
    padding: 6px 10px;
}

.RadInput_Metro a {
    background: 50% -3% transparent no-repeat url('WebResource.axd?d=pyeE8Dbxbm3pmmmrGFUoUF5lVqEZmesW0GKiartWmjZndu3rwjHlx1FyLX9MfAL6k-kvTaSJGEDv8vwUafir_h_A0sHLNuiSarLisbSho8aI36bnX8liNuN6_xN0vVyVcZJUgypRSbUapO0_VlybqFKKehPm_xlR2YZamtoyvnA1&t=636427887968125569') !important;
}

.RadGrid, .RadGrid_Metro, .RadGrid_Metro .rgMasterTable, .RadGrid_Metro .rgDetailTable, .RadGrid_Metro .rgGroupPanel table, .RadGrid_Metro .rgCommandRow table, .RadGrid_Metro .rgEditForm table, .RadGrid_Metro .rgPager table {
    font: normal 14px inherit !important;
    font-size: 14px !important;
}

    .RadGrid .rgRow > td, .RadGrid .rgAltRow > td, .RadGrid .rgEditRow > td, .RadGrid .rgFooter > td, .RadGrid .rgFilterRow > td, .RadGrid .rgHeader, .RadGrid .rgResizeCol, .RadGrid .rgGroupHeader td {
        padding: 10px !important;
    }

    .RadGrid input[type=button] {
        background-color: none;
    }

.rbRadioButton {
    border: none !important;
}



.RadRadioButton.RadButton .rbText, .RadCheckBox.RadButton .rbText {
    padding: 0 0 0 10px !important;
}

.form-control {
    border: 1px solid rgba(186,186,186,1) !important;
}

    .form-control:disabled, .form-control[readonly] {
        background-color: #eceeef !important;
    }



/*
    Universal Elements
*/
.container {
    width: 1100px;
    min-width: 1100px;
    margin: 0 auto;
    position: relative;
}

.container-nav {
    width: 1100px;
    margin: 0 auto;
    position: relative;
}

#main {
    padding: 0 0 0 0;
    line-height: 24px;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    min-height: 500px;
}

.bread {
    padding: 10px 0 0 0;
}

.navSidebar {
    width: 20%;
    float: left;
    padding: 0px 20px 20px 0;
}

    .navSidebar a {
        font-size: 14px;
    }

.contentSide {
    float: left;
}

    .contentSide .media-banner {
        width: 100%;
    }

.section {
    margin-bottom: 30px;
    overflow: hidden;
    clear: both;
}

.fluid-width {
    width: 100%;
}

section {
    margin-bottom: 30px;
    clear: both;
}

    section#InfoBoxes {
        padding: 0 0 !important;
        margin-bottom: 0 !important;
    }

.section-group {
    margin: 30px 0;
}

iframe {
    border: 0;
}

hr {
    margin: 10px 0;
    width: 100%;
}

a {
    color: #1F597F;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    line-height: normal;
    font-family: 'Open Sans', sans-serif;
    -o-transition: .20s;
    -ms-transition: .20s;
    -moz-transition: .20s;
    -webkit-transition: .20s;
    transition: .20s;
}

    a:hover {
        color: #666699;
        font-weight: 700;
        text-decoration: underline;
    }

    a:focus {
        font-weight: 700;
    }

    a:active, a:visited {
        font-weight: 700;
        text-decoration: none;
    }

    a h3, a h4, a h5 {
        color: #1F597F;
    }

p {
    margin: 0 0 20px;
    padding: 0;
    line-height: 22px;
}

a > img {
    border: 0;
}

.center, .center img {
    margin: 0 auto;
    text-align: center;
}

.btns {
    background-color: #0074bd;
    color: #fff;
    padding: 10px;
    border: none;
    font-weight: bold;
    -webkit-transition: background-color .5s ease-out;
    -moz-transition: background-color .5s ease-out;
    -o-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out;
    cursor: pointer;
}

    .btns:hover {
        background-color: #62a1d6;
        color: #fff;
        text-decoration: none;
    }

label {
    font-weight: 700;
}

.alert-box {
    background-color: #f2dede;
    width: 100%;
    color: #740D0A;
    font-weight: 600;
    clear: both;
    overflow: hidden;
    min-width: 1100px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}

    .alert-box .container-nav, .alert-box .container {
        padding: 10px 15px;
    }

    .alert-box a {
        text-transform: uppercase;
        color: #740D0A;
        font-weight: 600;
        text-decoration: none;
    }

        .alert-box a:hover {
            text-decoration: underline;
        }

.alert-text {
    width: 83%;
    display: inline-block;
}

.alert-box p {
    display: inline-block;
    width: 85%;
    padding: 0;
    margin: 0;
}

.alert-box-blue {
    background-color: #cce5ff;
    color: #004085;
}

    .alert-box-blue a {
        color: #004085;
    }

    .alert-box-blue i {
        color: #004085;
    }

.alert-info h1, .alert-info h2, .alert-info h3 {
    color: #31708f;
}

.exit-button {
    float: right;
    font-size: 16px;
    color: #740D0A;
    cursor: pointer;
    margin-top: 0px;
}

.radius__border {
    border: 1px solid #D0D7DE;
    padding: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.note {
    background-color: #ffd700;
    padding: 15px;
    width: 100%;
    text-align: center;
    font-weight: 800;
}

h1 {
    margin: 10px 0 20px 0;
    font-family: 'Open Sans', serif;
    font-weight: 800;
    font-size: 1.8rem;
}

h2 {
    font-size: 22px;
    font-weight: 800;
    color: #2a2a2a;
    margin: 10px 0 20px 0;
    font-family: 'Open Sans', serif;
}

h3 {
    font-size: 18px;
    font-weight: 800;
    color: #222;
    margin: 10px 0 20px 0;
    font-family: 'Open Sans', serif;
}

h4 {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    margin: 10px 0 20px 0;
    font-family: 'Open Sans', serif;
}

h5 {
    font-size: 14px;
    font-weight: 700;
    color: #222;
    margin: 10px 0 20px 0;
    font-family: 'Open Sans', serif;
}

h6 {
    font-size: 12px;
    font-weight: 700;
    color: #222;
    margin: 10px 0 20px 0;
    font-family: 'Open Sans', serif;
}

h1 a {
    color: #006699 !important;
}

h3 a {
    font-size: 16px;
}

h1.blueheadline, h2.blueheadline, h3.blueheadline, h4.blueheadline {
    color: #006699;
}

.alignleft {
    text-align: left;
}

img.alignleft {
    float: left;
    max-width: 250px;
    margin: 0 30px 30px 0;
}

.aligncenter, img.aligncenter {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.alignright {
    text-align: right;
}

img.alignright {
    float: right;
    margin: 0 0 30px 30px;
}

.alignright {
    text-align: right;
}

.button, input[type=submit] {
    font-family: 'Roboto Condensed', sans-serif !important;
    background-color: #225c9A;
    padding: 15px 30px;
    cursor: pointer;
    text-decoration: none;
    font-weight: 400 !important;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    border: none;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

    .button:hover {
        background-color: #4374a9;
        text-decoration: none;
        color: #fff;
        font-weight: 400;
    }

    .button:visited {
        text-decoration: none;
        color: #fff;
    }

    .button:hover a {
        text-decoration: none;
    }

.button-white {
    background-color: #fff;
    padding: 15px 30px;
    cursor: pointer;
    text-decoration: none;
    font-weight: 700 !important;
    color: #000 !important;
    font-size: 16px;
    display: inline-block;
    border: none;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

    .button-white:hover {
        background-color: #eaeaea;
        text-decoration: none;
        color: #000;
        font-weight: 400;
    }

    .button-white:visited {
        text-decoration: none;
        color: #000;
    }

    .button-white:hover a {
        text-decoration: none;
    }

.row section {
    margin: 0 0 20px;
}

.row:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

.form-title {
    font-weight: bold;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
}

.form-title-sub {
    font-size: 12px;
}

.important {
    color: #d40000;
    font-weight: 700;
}

.is-table-row {
    display: table;
    margin-bottom: 10px;
}

    .is-table-row [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: top;
    }

    .is-table-row .box {
        background: none;
        position: static;
    }

    .is-table-row .community-calendar [class*="col-"] {
        background: #eaeaea;
    }

select, input[type=text], input[type=email], textarea, input[type=date], input[type=password] {
    width: 100%;
    margin: 0;
    padding: 8px 10px;
    border: 0;
    background: #fff;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    border: 1px solid #bababa;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #4a4a4a;
    font-style: italic;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #4a4a4a;
    font-style: italic;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #4a4a4a;
    font-style: italic;
}

:-moz-placeholder { /* Firefox 18- */
    color: #4a4a4a;
    font-style: italic;
}

.sub-cover {
    width: 100%;
    margin-bottom: 30px;
}

    .sub-cover img {
        width: 100%;
    }

.sub-banner .banner-content {
    position: absolute;
    z-index: 999;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(left, rgba(17,60,91,.90) 40%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(17,60,91,.90) 40%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(17,60,91,.90) 40%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#113c5b', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
    color: #fff;
    padding: 10px 30px;
    width: 50%;
}

    .sub-banner .banner-content h1, .sub-banner .banner-content h2, .sub-banner .banner-content h3 {
        margin: 0;
        padding: 0;
        font-weight: 400;
    }

.highlight {
    background-color: #FFDF00;
    padding: 20px;
}

ul {
    margin: 5px 0 30px;
}

    ul.inline {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        ul.inline li {
            display: inline-block;
        }

            ul.inline li img {
                width: 100%;
            }

    ul.list-unstyled {
        list-style: none;
        margin: 0;
        overflow: hidden;
    }

ol.list-unstyled {
    margin-left: 15px !important;
    list-style: decimal;
}

ul.list-unstyled-padding {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.list-unstyled-padding li {
        padding-bottom: 10px;
    }

sup {
    text-transform: lowercase;
}

.half-pattern {
}

    .half-pattern table.pattern tr td {
        width: 50%;
    }

table.pattern {
    width: 100%;
    margin-bottom: 1rem;
    border: 0;
}

    table.pattern h4 {
        margin: 0;
    }

    table.pattern tr td, table.pattern tr th {
        padding: 10px;
    }

    table.pattern tr th {
        background-color: #3C5677;
        color: #fff;
        font-size: 0.875rem;
        font-weight: 600;
    }

        table.pattern tr th h1, table.pattern tr th h2, table.pattern tr th h3, table.pattern tr th h4 {
            color: #fff;
        }

        table.pattern tr th.subheading {
            background-color: #dadada;
            color: #000;
            font-size: 13px;
            font-weight: 600;
            text-align: center;
        }

    table.pattern tr:nth-of-type(odd) td {
        background-color: rgba(255,255,255,1);
    }

    table.pattern tr:nth-of-type(even) td {
        background-color: rgba(241,245,248,1);
    }

table.login-table {
    padding: 0;
}

    table.login-table tr td {
        padding: 10px;
    }

table.col_2 tr td:first-child, table.col-tbl-2 tr td:first-child {
    width: 85%;
}

hr.dotted {
    color: #cfd9e0;
    border: 1px dashed #cfd9e0;
}

ul.pattern, ol.pattern {
    width: 100%;
    display: block;
    padding: 0;
    list-style: none;
}

    ul.pattern li, ol.pattern li {
        padding: 15px;
    }

        ul.pattern li.subheading {
            background-color: #374258 !important;
            color: #fff;
            font-size: 13px;
            font-weight: 600;
        }

        ul.pattern li:nth-child(even), ol.pattern li:nth-child(even) {
            background-color: rgba(241,245,248,1);
        }

        ul.pattern li:nth-child(odd), ol.pattern li:nth-child(odd) {
            background-color: rgba(255,255,255,1);
        }

        ul.pattern li table {
            width: 100%;
            margin: 0 auto;
            margin-top: 20px;
        }

            ul.pattern li table.pattern th {
                background-color: #3C5677 !important;
            }

            ul.pattern li table.pattern td, ul.pattern li table.pattern td a {
                font-weight: 400;
            }

table.hours {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
    border: 0;
}

    table.hours h4 {
        margin: 0;
    }

    table.hours tr td {
        border: 1px solid #eaeaea;
        padding: 5px;
        text-align: center;
    }

    table.hours tr:nth-of-type(even) {
        background-color: #f0f0f0;
    }

    table.hours tr th {
        text-align: center;
        border: 1px solid #eaeaea;
    }

    table.hours tr td:first-child {
        width: 60px;
        font-weight: 800;
    }

.museum-nav {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 99;
}

    .museum-nav h1 {
        color: #fff;
    }

.sub-nav {
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
}

    .sub-nav:after {
        content: "";
        display: table;
        clear: both;
    }

    .sub-nav li {
        margin-bottom: 10px;
        margin-right: 30px;
        float: left;
    }

        .sub-nav li a {
            font-weight: 400;
            color: #fff;
            font-size: 16px;
        }

            .sub-nav li a:after {
                display: inline-block;
                fill: #fff;
                margin-left: 10px;
                content: "";
                height: 11px;
                width: 7px;
                background-image: url(/_resources/Images/Icons/arrow.svg);
                font-size: 14px;
            }


.breadcrumbs {
    width: 100%;
    clear: both;
    padding: 10px 0;
    border-bottom: 1px dashed #eaeaea;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 15px;
    z-index: 9;
    position: relative;
    color: #444;
    font-family: 'Open Sans', sans-serif;
}

    .breadcrumbs svg {
        color: #aaa;
        margin: 0 5px;
    }

    .breadcrumbs a {
        font-weight: 800;
        font-size: 13px;
        color: #1F597F;
    }

.nav-dropdown li {
    padding: 10px !important;
}

/* 
    Header
*/
header {
    position: relative;
    width: 100%;
    background: #113c5b url(/Media/Img/header-bg.jpg) center no-repeat;
    background-size: cover;
    color: #fff;
    min-width: 1100px;
    display: block;
}

.second-header {
    font-family: 'Open Sans Condensed', sans-serif;
    color: #fff;
    background-color: #1299CE;
    display: block;
    min-width: 1100px;
    width: 100%;
    position: relative;
}

header .top-section {
    padding: 15px 0;
}

.logo img {
    max-width: 72px;
    float: left;
    margin-right: 15px !important;
    margin-top: 6px;
}

.logo-headline {
    font-family: 'PT Serif', serif;
    font-size: 30px;
    color: #fff;
    line-height: 25px;
    letter-spacing: 0px;
    font-weight: 400;
    letter-spacing: -.5px;
    text-decoration: none;
    float: left;
    margin: 15px 0 0 0;
    text-transform: none;
}

    .logo-headline span {
        font-size: 20px;
        letter-spacing: normal;
        font-weight: 600;
        text-transform: uppercase;
        font-family: 'lato', sans-serif;
    }

/*
    Header EMP Status
*/
.emp-status {
    font-size: 14px;
    margin-top: 20px;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    margin-top: 0 !important;
}

    .emp-status a {
        color: #ffd700 !important;
        text-decoration: none;
        font-size: 14px;
        font-family: 'Roboto Condensed', sans-serif;
    }

        .emp-status a:hover {
            text-decoration: underline;
        }

/*
    Social Media Icons
*/
.social {
    float: right;
}

    .social a {
        color: #fff;
        text-decoration: none;
        font-size: 20px;
        font-weight: 400;
        padding: 0 4px;
    }

        .social a div {
            font-size: 14px;
        }

div.circle {
    border-radius: 50%;
    background-color: #fff;
    color: #2a2a2a;
    font-size: 12px;
    padding: 5px 3px;
    text-transform: uppercase;
    display: inline-block;
}

.social a div.circle:hover {
    color: #094472;
    background-color: #ffd700;
}

.social a:hover {
    color: #ffd700;
}

.social .error-311-icon {
    top: -4px;
    position: relative;
}

.social .ch95-img {
    width: 32px;
    height: 24px;
    background-image: url(/images/ch95-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}

    .social .ch95-img:hover {
        background-image: url(/images/ch95-icon-hover.png);
    }

/* 
    Sidebar
*/
.sidebar {
    background-color: #f1f5f8;
    color: #000;
    padding: 15px;
}

    .sidebar .right-nav {
        min-height: 100%;
    }

/*
    Search
*/
.searchbox {
    display: none;
    max-width: 1100px;
    margin: 20px auto;
}

.gsc-input {
    line-height: normal;
}

.gsc-search-button {
    box-sizing: content-box;
}

/*
    Quick Links
*/

.quick-links {
    padding-bottom: 30px;
}

    .quick-links a {
        width: 100%;
        background-color: #eaeaea;
        color: #3a3a3a;
        font-weight: 800;
        padding: 25px;
        display: block;
        margin-bottom: 2px;
    }

.lrg-box a {
    min-height: 150px;
    background-color: #4178aa;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    position: relative;
    transition: .2s ease;
    -webkit-transition: .2s ease;
}

    .lrg-box a:hover {
        background-color: #1c4a75;
    }

    .lrg-box a h3 {
        color: #fff;
        font-weight: 400;
        position: absolute;
        bottom: 15px;
        left: 15px;
        right: 15px;
    }
/*
    Content Homepage
*/
.slider-banner {
    display: block;
    margin: 0;
    padding-top: 10px;
}

article h1 {
    font-size: 24px;
    color: #000;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-weight: 800;
    margin: 0 0 10px 0;
}

    article h1 a {
        text-decoration: none;
    }

article ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    article ul li {
        padding-bottom: 5px;
        text-decoration: none;
    }

        article ul li a {
            font-weight: 500;
            font-size: 1em;
        }

            article ul li a:hover {
                text-decoration: underline;
            }
/* 
    Banner Slider
*/
.slideshowdev ul {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
}

.content-slider, .gallery-slider {
    position: relative;
    margin: 0;
    padding: 0;
}

    .content-slider li {
        text-align: left;
        color: #FFF;
        height: 400px;
    }

        .content-slider li img, .gallery-slider li img {
            background-size: cover;
            display: block;
            width: 100%;
            min-height: 100%;
        }

    .content-slider h3 {
        margin: 0;
        padding: 70px 0;
    }

    .gallery-slider li {
        max-height: 500px;
    }

@media only screen and (max-width:768px) {
    .content-slider li {
        height: auto;
    }

        .content-slider li img {
        }
}

/*
    Department Cover Photo Fluid
*/
.coverphoto {
    position: relative;
}

    .coverphoto .overlay {
        position: absolute;
        z-index: 98;
        height: 100%;
        width: 100%;
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(255,255,255,0.85) 100%); /* ff3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 50%,rgba(0,0,0,0.85) 100%); /* chrome10-25,safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255,255,255,0) 50%,rgba(0,0,0,0.85) 100%); /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a6000000',GradientType=0 );
    }

    .coverphoto .container {
        position: absolute;
        z-index: 99;
        bottom: 0;
        margin: 0 auto;
        left: 0;
        right: 0;
        padding-bottom: 20px;
    }

    .coverphoto h1,
    .coverphoto h2,
    .coverphoto h3 {
        color: #fff;
    }

    .coverphoto h1 {
        margin-bottom: 0;
        font-weight: 400;
    }


/*
    FullScreen Image Containers
*/

.fullscreen-img {
    width: 100%;
    padding: 0 0 50px 0;
    background-size: cover;
    margin: 50px 0;
}

    .fullscreen-img .row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
    }

        .fullscreen-img .row > [class*='col-'] {
            display: flex;
            flex-direction: column;
        }

    .fullscreen-img h1, .fullscreen-img h2, .fullscreen-img h3 {
        color: #000;
        text-align: center;
        margin: 50px auto;
        background-color: rgba(255,255,255,.85);
        width: 100%;
        padding: 25px;
    }

    .fullscreen-img figure {
        background-color: rgba(12,41,72,.85);
        color: #fff;
        height: 100%;
        padding: 25px;
        margin: 25px;
    }

        .fullscreen-img figure h1, .fullscreen-img figure h2, .fullscreen-img figure h3, .fullscreen-img figure h4 {
            color: #fff;
            margin: 0;
            padding: 0 0 15px 0;
            background: none;
            text-align: left;
            margin: 0;
        }

/*
    Row of Links Subpages
*/

ul.rowlinks {
    list-style: none;
    margin: 30px 0;
    padding: 0;
    width: 100%;
}

    ul.rowlinks li {
        float: left;
        padding: 15px;
        margin: 0;
        width: 50%;
    }

        ul.rowlinks li a {
            width: 100%;
            text-align: center;
            background: none;
            display: block;
            padding: 15px;
            border: 2px solid #eaeaea;
            color: #444;
            font-weight: 800;
            font-size: 16px;
            transition: .2s ease;
            -webkit-transition: .2s ease;
        }

            ul.rowlinks li a:hover {
                background-color: #fafafa;
            }

            ul.rowlinks li a .icon-wrapper {
                width: 100%;
                display: inline-block;
                position: relative;
                clear: both;
            }

            ul.rowlinks li a .icon-font {
                background-color: #f46a33;
                color: #fff;
                margin-right: 30px;
                padding: 15px;
                line-height: 1;
                display: inline-block;
                float: left;
                width: 20%;
            }

            ul.rowlinks li a i {
                color: #fff;
                font-size: 25px;
            }

            ul.rowlinks li a .text-links {
                color: #444;
                display: inline-block;
                float: left;
                width: 70%;
                text-align: left;
                padding-top: 10px;
            }

.gray-button {
    background-color: #ddd;
    color: #222;
    padding: 15px;
    font-weight: 400;
    font-weight: 700;
    transition: .2s ease;
    -webkit-transition: .2s ease;
}

    .gray-button:hover {
        background-color: #222;
        text-decoration: none;
        color: #ddd;
    }

/*
    GIS Page Critical Area 
*/

.register-section {
    background-color: #f46a33;
    color: #fff;
    padding: 30px;
}

    .register-section h1, .register-section h2, .register-section h3, .register-section h4 {
        color: #fff;
    }

    .register-section .button, .register-section .button:visited, .register-section .button:visited {
        background-color: #fff;
        color: #f46a33 !important;
        font-size: 18px !important;
        font-weight: 800 !important
    }
/* 
    Homepage News & Calendar Events
*/
.latest-news {
    padding-top: 20px;
    color: #000;
}

    .latest-news a {
        font-weight: 700;
    }

    .latest-news h1 a, .community-calendar h1 a {
        font-size: 22px !important;
    }

    .latest-news span.date {
        color: #006666;
    }

.community-calendar {
    padding: 20px;
    color: #2a2a2a;
}

/*
    Homepage Block Images
*/
.content-footer {
    margin: 0 0 30px 0;
}

.block-item {
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .block-item a {
        color: #fff;
    }

    .block-item img {
        display: block;
        width: 100%;
        height: auto;
    }

    .block-item ul {
        padding: 0;
        margin: 0;
    }

        .block-item ul li {
            padding-top: 5px;
            font-size: 13px;
            padding-bottom: 0;
            margin-bottom: 0;
        }

figcaption {
    position: absolute;
    display: block;
    bottom: 0;
    overflow: hidden;
    left: 0;
    right: 0;
    width: 100%;
    height: 40px;
    transition: .2s ease;
    -webkit-transition: .2s ease;
    background-color: rgba(51,102,153,.90);
}

    figcaption section {
        color: #fff;
        position: absolute;
        top: 26%;
        padding: 0 20px;
        text-align: left;
    }

    figcaption h1 {
        font-family: 'Lato', sans-serif;
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        font-weight: 800;
        border-bottom: 1px solid #fff;
        padding-bottom: 15px;
        display: inline-block;
        margin: 0;
    }

.block-item:hover figcaption {
    height: 100%;
}

    .block-item:hover figcaption section {
        top: 5%;
    }

.public-hearings, .storm-center, .sheriff-advisories2, .county-library, .public-schools {
    min-height: 250px;
    max-height: 250px;
    position: relative;
}

    .public-hearings img, .storm-center img, .sheriff-advisories2 img, .county-library img, .public-schools img {
        width: 100% !important;
        height: auto;
        min-height: 250px;
    }

/*
    Footer
*/
footer {
    margin: 30px auto 0 auto;
    color: #eaeaea;
    background-color: #394f5e;
    clear: both;
    min-width: 1100px;
}

    footer h3, footer h5 {
        color: #fff;
    }

.primary-footer {
    padding-top: 30px;
    overflow: hidden;
}

.secondary-footer {
    padding: 30px 0;
    text-align: center;
}

footer a {
    text-decoration: none;
    font-weight: 700;
    font-size: 1.1em;
    color: #fff !important;
}

    footer a:visited {
        color: #fff !important;
    }

    footer a:hover {
        color: #fff !important;
        text-decoration: underline;
    }

    footer a.active {
        color: #fff !important;
    }

footer .col-md-8 {
    text-align: right;
}

.primary-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .primary-footer ul li {
        padding-bottom: 5px;
        font-size: 14px;
    }

        .primary-footer ul li i {
            padding-right: 5px;
            min-width: 25px;
            font-size: 20px;
            color: #fff;
        }

.primary-footer h3 {
    font-size: 16px;
    padding: 0 0 5px 0;
    margin: 0;
}

.primary-footer .address {
    font-size: 13px;
    text-align: right;
}

.primary-footer h5 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 800;
}


/*
    Survey Questions
*/
.survey-questions .row {
    margin: 40px 0 !important;
}

.survey-questions h3 {
    font-size: 17px;
}

.survey-questions .col-md-6 {
    padding: 0 30px 0 0;
}

.survey-questions ul {
    margin: 20px 0;
    padding: 0;
    list-style: none;
}

    .survey-questions ul li {
        margin: 0;
        float: left;
        width: 100%;
    }

        .survey-questions ul li ul li {
            width: 50%;
        }

        .survey-questions ul li select {
            margin-bottom: 10px;
        }

ul.county_owned_shelter li select {
    padding: 10px 2px;
    font-size: 13px;
}

.survey-questions h4 {
    font-weight: 800;
    font-size: 17px;
    margin: 0;
    padding: 0;
}

.county_owned_shelter {
    font-weight: 400;
}

.sub-description {
    font-weight: 400;
    font-size: 13px;
}

.built-own-shelter h4 {
    margin-left: 40px;
}

/*
    Parks and Recreation
*/

.parHeading {
    font-size: 14pt;
    font-weight: bold;
    color: rgb(51,164,87);
    padding-bottom: 5px;
}

table.sport-table tr:first-child td {
    color: #000 !important;
}

table.sport-table td:nth-child(1) {
    color: #e00000;
}

ul.recreate-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.recreate-list li {
        padding: 5px 0;
    }

.parks-rec-menu {
    width: 100%;
    background-color: #113c5b;
    border-top: 4px solid #ffd700;
    padding: 20px 0;
    text-align: center;
    margin: 30px 0;
}

    .parks-rec-menu h1 {
        font-weight: 800;
        color: #ffd700;
        font-size: 22px;
        margin-top: 55px;
        border-bottom: 2px solid #ffd700;
        padding-bottom: 5px;
        text-transform: uppercase;
    }

    .parks-rec-menu h2 {
        color: #fff;
        font-size: 18px;
        margin: 5px 0;
        padding: 0;
        font-size: 16px;
    }

    .parks-rec-menu a {
        color: #fff;
    }

img.program-guide {
    max-width: 180px;
}

.gym-bday .balloons {
    text-align: left;
}

    .gym-bday .balloons img {
        max-width: 250px;
        text-align: left;
    }

.gym-bday .headline {
    text-align: center;
    margin: 0 auto;
}

    .gym-bday .headline h1 {
        margin-top: 80px;
        text-align: center;
    }

.gym-bday .present {
    text-align: right;
}

    .gym-bday .present img {
        max-width: 200px;
        margin: 0 auto;
        text-align: right;
    }
/*
    GIS Optiview
*/
.gis-optiview h4 {
    margin: 5px 0 0 0;
    padding: 0px;
}


/* 
    Treasurer
*/

.treasurer-footer ul li a {
    line-height:24px;
}
/*
    Senior Tax Credit
*/
.senior-tax-credit .col-md-1,
.senior-tax-credit .col-md-2,
.senior-tax-credit .col-md-3,
.senior-tax-credit .col-md-4,
.senior-tax-credit .col-md-5,
.senior-tax-credit .col-md-6,
.senior-tax-credit .col-md-7,
.senior-tax-credit .col-md-8,
.senior-tax-credit .col-md-9,
.senior-tax-credit .col-md-10,
.senior-tax-credit .col-md-11,
.senior-tax-credit .col-md-12 {
    padding-left: 10px;
    padding-right: 10px;
}

.senior-tax-credit h4 {
    font-size: 14px;
    font-weight: bold;
    color: #113c5b;
    margin: 10px 10px 0 0;
}

ul.marital-status {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}

    ul.marital-status li {
        float: left;
        padding: 10px;
    }

.marital-status-date {
    margin-left: 10px !important;
    max-width: 350px;
    float: right;
}

table.tax-bill-lookup tr td:first-child {
    width: 300px;
}

table.tax-bill-lookup tr td h3 {
    padding: 0px;
    margin: 0;
}

dl {
    padding: 0.5em;
}

dt {
    float: left;
    clear: left;
    width: 100px;
    text-align: right;
    font-weight: bold;
    color: #000;
}

dd {
    margin: 0 0 0 110px;
    padding: 0 0 0.5em 0;
}
/* 
    Wicomico Shores Golf Course
*/
.golf {
}


.golf-features {
    padding: 50px 0 25px 0;
    background-image: url('/recreate/golfcourse/media/img/golf-features-bg.jpg');
    background-position: right -600px center;
    background-size: cover;
    width: 100%;
}

    .golf-features a:hover {
        text-decoration: none;
    }

    .golf-features p {
        min-height: 100px;
        color: #000;
        font-weight: 400;
        font-size: 13px;
        margin: 0;
        padding: 0;
    }

.features-box {
    background-color: #fff;
    color: #000;
    padding: 30px;
    height: 100%;
    overflow: hidden;
    display: block;
}

    .features-box h3 {
        margin: 30px 0 10px 0;
    }

    .features-box img.icon {
        max-height: 100px;
        margin: 0 auto;
        text-align: center;
        display: block;
    }

    .features-box .button {
        background: none;
        color: #5d9800;
        padding: 0;
        margin: 0;
    }

    .features-box:hover {
        background-color: #f9f9f9;
    }

.golf h2 {
    line-height: 26px;
    padding: 0;
    font-family: 'open sans condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 32px;
    margin: 0 0 30px 0;
    color: #000;
}

.directions .box {
    padding: 10px 0;
}

    .directions .box h3 {
        cursor: pointer;
        margin: 0;
        border-bottom: 1px solid #eaeaea;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

.golf .content-area {
    padding-top: 30px;
    padding-bottom: 30px;
}

.golf .news {
    background-image: url('/recreate/golfcourse/media/img/golf-ball-texture.jpg');
    background-size: cover;
    background-position: top;
    width: 100%;
    padding: 75px 0;
}

    .golf .news .col-md-6 img {
        width: 100%;
    }

    .golf .news .box {
        background-color: #f9f9f9;
        color: #7a7a7a;
        padding: 25px;
        margin-top: 50px;
    }

        .golf .news .box h4 span {
            color: #7a7a7a;
            font-weight: 600;
        }

.golf .events {
    background-image: url('/recreate/golfcourse/media/img/golf-events.jpg');
    background-size: cover;
    background-position: top;
    width: 100%;
    padding: 75px 0;
}

    .golf .events h2 {
        color: #fff;
    }

    .golf .events .box {
        background-color: #f9f9f9;
        color: #7a7a7a;
        padding: 25px;
        margin-top: 0px;
    }

        .golf .events .box p {
            padding: 0;
            margin: 0;
        }

        .golf .events .box ul li.view-all {
            border-top: 1px solid #eaeaea;
            padding-top: 10px;
            margin-top: 10px;
        }

.golf .rates-tbl td:first-child {
    width: 40%;
    font-weight: 600;
}

.golf .rates-tbl td {
    border: 1px solid #eaeaea;
    width: 15%;
}

.blue-sec {
    background-color: #3C5677;
    padding: 30px;
    width: 100%;
    color: #fff;
}

    .blue-sec h1, .blue-sec h2, .blue-sec h3, .blue-sec h4, .blue-sec h5, .blue-sec h6 {
        color: #fff;
        margin-bottom: 10px;
    }

    .blue-sec a {
        font-size: 16px;
        color: #fff;
    }

.banner {
    margin-bottom: 15px;
}





/*
    Bootstrap Custom Gutter 
*/

/*
    Bootstrap Custom Gutter 
*/
.gutter-20.row {
    margin-right: -10px;
    margin-left: -10px;
}

.gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"] {
    padding-right: 10px;
    padding-left: 10px;
}

.gutter-10.row {
    margin-right: -5px;
    margin-left: -5px;
    padding-bottom: 0px;
    margin-bottom: 0;
}

.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] {
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 0px;
    margin-bottom: 0;
}

.gutter-1.row {
    margin-right: -1px;
    margin-left: -1px;
    padding-bottom: 0px;
    margin-bottom: 0;
}

.gutter-1 > [class^="col-"], .gutter-0 > [class^=" col-"] {
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 0px;
    margin-bottom: 0;
}


.gutter-0.row {
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 0px;
    margin-bottom: 0;
}

.gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"] {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0px;
    margin-bottom: 0;
}


/* COVID-19 Sign Up Alert */
.sign-up-alert p {
    font-family: 'Open Sans', serif;
    font-size: 15px;
}