*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


body {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}

.modal-footer {
    display: none;
}

.row {
    margin: 0;
}

.close:after,
.directory-list .col-md-1:before,
a#calendarPrint:before,
.modalEventDownload:before,
.btnChoices:after,
ul.video-list a:before,
ul.directory-list > li > span:before,
ul.news-feed a:before,
.property-more-details:before,
a.back:before,
ul.file-list a.file-pdf:before,
ul.file-list a.file-word:before,
ul.file-list a.file-image:before,
ul.byLaw a:before,
ul.cemetery-plots.plots h4:before {
    content: "\f10c";
    font-family: fontawesome;
    font-size: inherit;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    display: block;
}

.modalEventDownload:before {
    content: "\f019";
    color: rgb(145,56,6);
    display: inline-block;
    margin-right: 0.5em;
}

ul.calContainer,
ul.calContainer > li,
ul.modalCol2,
ul.modalCol2 > li {
    list-style: none;
    padding: 0;
    margin: 0;
}

a.back {
    display: inline-block;
    margin-bottom: 1em;
}

    a.back:before {
        content: "\f100";
        display: inline-block;
        margin-right: 0.5em;
    }

a,
a:link {
    font-family: inherit;
    font-size: inherit;
    color: #488121;
}

    a:visited {
        color: #488121;
    }

    a:hover {
        color: #2267ae;
    }

    a:active {
        color: #2267ae;
    }

    a:focus {
        color: #2267ae;
    }

.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

ul.add-form {
    list-style: none;
    padding: 0;
    margin: 0;
}

    ul.add-form > li {
        padding: 0.5em 0;
        display: inline-block;
        width: 46%;
        margin-right: 1em;
    }

        ul.add-form > li:first-child {
            display: block;
            width: 100%;
        }

        ul.add-form > li:last-child {
            display: block;
            width: 100%;
        }

        ul.add-form > li:nth-last-child(2) {
            display: block;
            width: 100%;
        }

    ul.add-form .col2 {
        float: left;
        width: 49.5%;
        margin-right: 1%;
    }

        ul.add-form .col2 + .col2 {
            margin-right: 0;
        }

.validation-summary-errors ul {
    list-style-type: square;
}

.plugin-form input[type="text"],
.plugin-form input[type="email"],
.plugin-form input[type="password"],
.plugin-form input[type="url"],
.plugin-form input[type="search"],
.plugin-form select,
.plugin-form textarea {
    width: 100%;
    padding: 0.8em;
    border: 1px solid rgb(204,204,204);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.plugin-form select {
    padding: 0.95em;
}

.plugin-form textarea {
    height: auto;
    min-height: 8em;
}



a.monthly-prev,
a.monthly-prev:link,
a.monthly-next,
a.monthly-next:link {
    color: rgb(255,255,255);
    background: rgb(76,89,107);
}

    a.monthly-prev:visited,
    a.monthly-next:visited {
        color: rgb(255,255,255);
    }

    a.monthly-prev:hover,
    a.monthly-next:hover {
        color: rgb(255,255,255);
        background: rgb(80,121,79);
    }


.printCont {
    text-align: right;
    margin: 1.5em 0;
}

a#calendarPrint,
a#calendarPrint:link {
    font-size: 0.8em;
    color: rgb(255,255,255);
    text-transform: uppercase;
    padding: 0.7em 1em;
    display: inline-block;
    background: rgb(76,89,107);
}

    a#calendarPrint:visited {
        color: rgb(255,255,255);
        background: rgb(76,89,107);
    }

    a#calendarPrint:hover {
        color: rgb(255,255,255);
        background: rgb(80,121,79)
    }

    a#calendarPrint:before {
        content: "\f02f";
        display: inline-block;
        margin-right: 0.5em;
    }


.form-calculator input[type="submit"],
#btnSubmit,
.modal-dialog .modal-footer .btn-default,
.plugin-form input[type="submit"] {
    font: 400 1.063em 'Roboto',sans-serif;
    color: rgb(255,255,255);
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 0.7em 2em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.3em;
    background: rgb(80,121,79);
}

    .form-calculator input[type="submit"]:hover,
    #btnSubmit:hover,
    .modal-dialog .modal-footer .btn-default:hover,
    .plugin-form input[type="submit"]:hover {
        color: rgb(255,255,255);
        background-color: rgb(40,75,99);
    }

.form-calculator input[type="submit"] {
    font-size: 1em;
    padding: 0.5em 0.9em;
}

#btnSubmit {
    margin-top: 1em;
}

#pollQuestion .modal-dialog .modal-footer .btn-default:hover,
#alertModal .modal-dialog .modal-footer .btn-default:hover,
#myCalendarModal .modal-dialog .modal-footer .btn-default:hover,
#headerWeather .modal-dialog .modal-footer .btn-default:hover,
#register .modal-dialog .modal-footer .btn-default:hover,
#latestNews .modal-dialog .modal-footer .btn-default:hover,
#upcomingEvents .modal-dialog .modal-footer .btn-default:hover {
    background: rgb(103,88,9);
}

#pollQuestion .modalBodyMetaHeader h5 {
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-size: 1em;
    color: rgb(53,53,53);
}


ul.calContainer > li {
    float: left;
    width: 50%;
    margin: 1em 0;
}

    ul.calContainer > li:last-child {
        padding-left: 1em;
    }

    ul.calContainer > li:first-child input {
        width: 100%;
    }

.modalBodyMetaHeader h5 {
    font-size: 1.2em;
    color: rgb(40,75,99);
    margin-bottom: 0;
}

.modalBodyMetaHeader time,
#upcomingEvents .modalBodyMetaHeader time + time {
    font-size: 0.8em;
    display: block;
    margin-top: 0.5em;
    margin-bottom: 1.5em;
}

#upcomingEvents .modalBodyMetaHeader time {
    margin-bottom: 0;
}

li.minutesAgendaPaging a:before {
    display: none !important;
}

li.minutesAgendaPaging ul.pagination a {
    padding: 6px 12px;
}

li.minutesAgendaPaging {
    display: inline-block;
}

    li.minutesAgendaPaging .pagination-container {
        display: inline-block;
    }

    li.minutesAgendaPaging ul.pagination > .active > a,
    li.minutesAgendaPaging ul.pagination > .active > a:focus,
    li.minutesAgendaPaging ul.pagination > .active > a:hover,
    li.minutesAgendaPaging ul.pagination > .active > span,
    li.minutesAgendaPaging ul.pagination > .active > span:focus,
    li.minutesAgendaPaging ul.pagination > .active > span:hover {
        background: rgb(76,89,107);
        border-color: rgb(76,89,107);
        color: rgb(255,255,255);
    }

    li.minutesAgendaPaging ul.pagination a,
    li.minutesAgendaPaging ul.pagination a:focus,
    li.minutesAgendaPaging ul.pagination a:hover,
    li.minutesAgendaPaging ul.pagination span:focus,
    li.minutesAgendaPaging ul.pagination span:hover {
        color: rgb(92,202,198);
    }

#headerWeather .modal-header {
    border-bottom: none;
}


.info-window h3 {
    color: rgb(76,89,107);
}



.modalTime,
.modalDate {
    font-family: 'Source Sans Pro';
    font-weight: 300;
    font-size: 0.9em;
    color: rgb(53,53,53);
    display: block;
    text-transform: none;
}

.modalTime {
    margin-top: 0;
}

a.modalBTNSocial, a.modalBTNSocial:link {
    font-size: 0.8rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.8rem;
    padding: 0.5rem 1.2rem;
    -webkit-transition: background 300ms ease 0s;
    -moz-transition: background 300ms ease 0s;
    -o-transition: background 300ms ease 0s;
    transition: background 300ms ease 0s;
    background: var(--main);
}
a.modalBTNSocial i{
    margin-right: 0.5rem;
}
a.modalBTNSocial.facebook, a.modalBTNSocial.facebook:link {
    background: #3D5A97;
}
a.modalBTNSocial.twitter, a.modalBTNSocial.twitter:link {
    background: #229FF1;
}
a.modalBTNSocial.twitter:hover, a.modalBTNSocial.twitter:active, a.modalBTNSocial.twitter:focus {
    background: #1D4861;
}
a.modalBTNSocial.facebook:hover, a.modalBTNSocial.facebook:active, a.modalBTNSocial.facebook:focus {
    background: #4565A8;
}

.plugin-form label {
    color: rgb(52, 52, 52);
    display: block;
}

.required {
    font-weight: bold;
    color: rgb(255,0,4);
}

.message {
    color: rgb(49,112,143);
    display: block;
    padding: 0.8em;
    margin-bottom: 0;
    border: 1px solid rgb(188,232,241);
    background: rgb(217,237,247)
}

    .message:before {
        content: "\f05a";
        font-family: fontawesome;
        margin-right: 0.5em;
        display: inline-block;
    }

.input-validation-error,
.validation-summary-errors {
    color: rgb(169,68,66);
    display: block;
    padding: 0.8em;
    border: 1px solid rgb(235,204,209);
    background: rgb(242,222,222)
}

.field-validation-error {
    font-size: .9em;
    color: rgb(169,68,66);
}

.alert {
    color: rgb(52,52,52);
    display: block;
    padding: 0.8em;
    border: 1px solid rgb(185,185,185);
    background: rgb(255,255,255);
}

ul.notices,
ul.notices > li,
ul.meeting,
ul.agenda,
ul.agenda > li,
ul.meeting > li,
ul.news-feed,
ul.news-feed > li,
ul.property,
ul.property > li,
ul.cemetery-plots,
ul.cemetery-plots > li,
ul.propCol2,
ul.propCol2 > li,
ul.file-list,
ul.file-list > li,
ul.byLaw,
ul.byLaw > li {
    list-style: none;
    padding: 0;
    margin: 0;
}

    ul.notices > li,
    ul.meeting > li,
    ul.agenda > li {
        margin-bottom: 2em;
    }

ul.meeting {
    width: 50%;
    float: left;
}

ul.agenda {
    width: 50%;
    float: right;
}

ul.byLaw {
    margin-top: 1em;
}

    ul.byLaw > li {
        margin-bottom: 0.5em;
    }

a.notice-back {
    display: inline-block;
    margin-bottom: 1.5em;
}

    a.notice-back:before {
        content: "\f100";
        font-family: fontawesome;
        margin-right: 0.5em;
    }

ul.notices a,
ul.meeting a,
ul.agenda a,
ul.byLaw a {
    position: relative;
    color: rgb(76,89,107);
    padding-left: 4.5em;
    display: block;
}

ul.byLaw a {
    padding-left: 0;
}

ul.notices a:before,
ul.meeting a:before,
ul.agenda a:before {
    font-family: fontawesome;
    font-weight: normal;
    font-style: normal;
    position: absolute;
    top: -0.1em;
    left: 0;
    color: rgb(40,75,99);
    display: block;
    padding: 0.9em 1.2em;
    -web-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgb(230,239,242)
}

ul.byLaw a:before {
    font-family: fontawesome;
    color: rgb(255,255,255);
    display: inline-block;
    padding: 0.9em 1em;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: rgb(185,126,41);
}

ul.byLaw a:before {
    content: "\f1c1";
    margin-right: 0.6em;
}

ul.notices a:before {
    content: "\f0a1";
}

ul.byLaw > a:before {
    content: "\f2ac";
}

ul.meeting a:before,
ul.agenda a:before {
    content: "\f1c1";
    color: rgb(40,75,99);
    padding: 0.9em 1.25em;
    background: rgb(230,239,242);
}

ul.notices a:visited,
ul.meeting a:visited,
ul.agenda a:visited,
ul.byLaw a:visited {
    color: rgb(76,89,107);
}

ul.notices a:hover,
ul.meeting a:hover,
ul.agenda a:hover,
ul.byLaw a:hover {
    color: rgb(87,176,234);
}

ul.notices h3,
ul.meeting h3,
ul.agenda h3,
ul.byLaw h3 {
    font-size: 1.3em;
    font-family: 'Roboto Slab', serif !important;
    font-weight: bold;
    color: #051e55;
    margin-bottom: 0.25em;
    letter-spacing: 1.1px;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    overflow: hidden;
}



ul.byLaw h3 {
    display: inline-block;
}

ul.notices time,
ul.meeting time,
ul.agenda time {
    font-size: .85em;
    display: block;
    color: #727070;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

ul.notices a:hover h3,
ul.meeting a:hover h3,
ul.agenda a:hover h3,
ul.byLaw a:hover h3,
ul.notices a:hover time,
ul.meeting a:hover time,
ul.agenda a:hover time,
ul.byLaw a:hover time {
    color: #2f7fd1;
    -webkit-transition: color 300ms ease 0s;
    -moz-transition: color 300ms ease 0s;
    -o-transition: color 300ms ease 0s;
    transition: color 300ms ease 0s;
}

#business-list UL.list-group,
#business-list UL.list-group > li {
    list-style: none;
    padding: 0;
    margin: 0;
}

#map_canvas {
    margin-bottom: 1.5em;
}

#business-list h2 {
    margin-top: 1em;
    margin-bottom: 0.5em;
}

#business-list .fa {
    display: inline-block;
    margin-right: 0.5em;
}

#business h2 {
    font-size: 1em;
    color: rgb(76,89,107);
}

#business-list a.list-group-item,
#business-list a.list-group-item:link {
    color: rgb(54,47,45);
    transition: none;
}

    #business-list a.list-group-item:visited {
        color: rgb(54,47,45);
    }

    #business-list a.list-group-item:hover {
        color: rgb(255,255,255);
        background: rgb(76,89,107);
    }

#business-list img {
    margin-bottom: 0.7em;
    display: block;
}


.panel-group .panel {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.panel-heading {
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.panel-title > a,
.panel-title > a:link {
    font-family: 'Roboto',sans-serif;
    color: rgb(255,255,255);
    display: block;
    text-transform: capitalize;
    padding: 1em;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    background: rgb(45,57,82);
}

    .panel-title > a:hover {
        color: rgb(255,255,255);
        background: rgb(76,89,107);
    }

.panel-title .active {
    color: rgb(255,255,255) !important;
    background: rgb(70, 88, 128) !important;
}


.accordion-btn:after {
    font-family: 'Font Awesome 5 Pro';
    content: "\f055";
    color: rgb(255,255,255) !important;
    float: right;
    margin-left: 5px;
    padding-bottom: 0.3em;
    font-size: 1.5em;
}

.accordion-btn:active, .accordion-btn:hover {
    /*background-color: #12a5e1 !important;*/
}

.accordion-btn.active:after {
    content: "\f056";
}



/*#plugin-form{
	display:none;
}*/


ul.news-feed a {
    display: block;
    margin-bottom: 0.5em;
}

    ul.news-feed a:before {
        content: "\f09e";
        display: inline-block;
        margin-right: 0.5em;
    }

    ul.news-feed a > time {
        font-size: 0.7em;
        text-transform: uppercase;
        display: block;
        margin-left: 2.2em;
        color: rgb(54,54,54);
    }


ul.property > li {
    position: relative;
    float: left;
    width: 33.33%;
    height: auto;
    min-height: 41em;
    padding-right: 1.5em;
    padding-bottom: 1.5em;
    margin-bottom: 1em;
}

#property-list img {
    width: 100% !important;
}




.property-image {
    margin-bottom: 1em;
}

.property-content h4 {
    font-size: 1em;
    color: rgb(76,89,107);
    margin-bottom: 0.5em;
}

.property-content p {
    margin-bottom: 0.5em;
}
    /*.property-content p:nth-child(even){
	background:rgb(215,215,215);
}*/
    .property-content p > span {
        width: 100px;
        display: inline-block;
        font-size: 0.9em;
        font-weight: bold;
    }

        .property-content p > span.dPropertList {
            display: block;
        }


a.property-more-details,
a.property-more-details:link {
    position: absolute;
    left: 0;
    bottom: 1em;
    display: block;
    font-size: 0.8em;
    color: rgb(40,75,99);
    padding: 1em 2em;
    margin-top: 0.8em;
    -webkit-transition: background 300ms ease 0s;
    -moz-transition: background 300ms ease 0s;
    -o-transition: background 300ms ease 0s;
    transition: background 300ms ease 0s;
    background: rgb(230,239,242);
}

    a.property-more-details:visited {
        color: rgb(40,75,99);
        background: rgb(230,239,242);
    }

    a.property-more-details:before {
        content: "\f08e";
        display: inline-block;
        margin-right: 0.5em;
    }

    a.property-more-details:hover {
        color: rgb(255,255,255);
        background: rgb(76,89,107);
    }

    a.property-more-details:active {
        color: rgb(255,255,255);
        background: rgb(76,89,107);
    }

    a.property-more-details:focus {
        color: rgb(255,255,255);
        background: rgb(76,89,107);
    }

ul.propCol2 > li {
    float: left;
    width: 50%;
    padding-right: 0.5em;
}

    ul.propCol2 > li + li {
        padding-left: 0.5em;
    }


.property-content-left {
    width: 750px;
    margin: auto;
}

.lSSlideOuter {
    margin-bottom: 1.5em;
}

    .lSSlideOuter ul.lSPager {
        width: 100% !important;
    }

        .lSSlideOuter ul.lSPager li {
            width: 120px !important;
            height: auto;
            -webkit-border-radius: 0 !important;
            -moz-border-radius: 0 !important;
            border-radius: 0 !important;
            margin-bottom: 5px;
        }

            .lSSlideOuter ul.lSPager li:last-child {
                margin-right: 0 !important;
            }

            .lSSlideOuter ul.lSPager li.active {
                -webkit-border-radius: 0 !important;
                -moz-border-radius: 0 !important;
                border-radius: 0 !important;
            }

    .lSSlideOuter .lSPager.lSGallery img {
        margin: 0 !important;
    }


#folder-view ol.breadCrumb {
    float: none;
    width: 100%;
    margin-bottom: 1.5em;
    clear: both;
    display: block;
    border: none;
    padding: 0 0 1em;
    border-bottom: 1px solid rgb(232,241,243);
    background: none;
}

    #folder-view ol.breadCrumb > li {
        float: left;
        width: auto;
    }

        #folder-view ol.breadCrumb > li:first-child a:before {
            content: normal;
        }


ul.add-form > li.bDescription,
ul.add-form > li.bMap,
ul.add-form > li.sCategories {
    width: 100%;
    margin-right: 0;
    display: block;
    padding-right: 2.8em;
}

ul.video-list {
    margin-top: 1.5em;
}

    ul.video-list a,
    ul.video-list a:link {
        position: relative;
        padding-left: 2em;
        margin-bottom: 0.2em;
        display: block;
    }

        ul.video-list a:before {
            content: "\f03d";
            position: absolute;
            top: 0.15em;
            left: 0;
            display: inline-block;
            margin-right: 0;
        }

        ul.video-list a h3 {
            font-family: inherit;
            font-size: inherit;
            color: inherit;
            display: inline-block;
            margin-bottom: 0;
        }



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


    ul.directory-list > li {
        float: left;
        width: 20%;
        min-height: 8em;
        padding: 0.5em;
        list-style-type: none !important;
    }


        ul.directory-list > li > span {
            display: block;
            cursor: pointer;
            text-align: center;
            color: rgb(40,75,99);
            -webkit-transition: color 300ms ease 0s;
            -moz-transition: color 300ms ease 0s;
            -o-transition: color 300ms ease 0s;
            transition: color 300ms ease 0s;
        }

            ul.directory-list > li > span:before {
                content: "\f114";
                font-size: 4em;
                color: rgb(87,176,234);
            }

            ul.directory-list > li > span:hover:before {
                color: rgb(76,89,107);
            }

ul.file-list {
    list-style-type: square;
    color: rgb(104,104,104);
}

    ul.file-list > li {
        margin-bottom: 0.5em;
    }


    ul.file-list a.file-pdf:before,
    ul.file-list a.file-word:before,
    ul.file-list a.file-image:before {
        display: inline-block;
        margin-right: 0.5em;
    }

    ul.file-list a.file-pdf:before {
        content: "\f1c1";
    }

    ul.file-list a.file-word:before {
        content: "\f1c2";
    }

    ul.file-list a.file-image:before {
        content: "\f1c5";
    }

ul.checkbox-group {
    list-style-type: none;
    padding-left: 0;
}

.plugin-form ul.checkbox-group li {
    width: 50%;
    float: left;
}

    .plugin-form ul.checkbox-group li label {
        display: inline-block;
        font-weight: normal;
    }

.maps-category {
    margin-bottom: 1em;
}

#pollBody > span {
    display: block;
}

#pollBody .poll-submit {
    text-align: center;
}

#pollBody ul.add-form {
    margin: 1em auto 0;
    width: 100%;
}

#pollBody .poll-submit {
    text-align: left;
    padding-top: 1em;
}



#formCemetery {
    margin-top: 2em;
}

#cemetery-list .page-information {
    margin-top: 1em;
}

ul.cemetery-plots > li {
    padding-top: 1em;
    border-bottom: 1px dotted rgb(204,204,204);
}

ul.cemetery-plots span {
    width: 150px;
    font-weight: bold;
    display: inline-block;
}

ul.cemetery-plots.plots h4 {
    font-size: 1em;
    margin-bottom: 0.7em;
}

    ul.cemetery-plots.plots h4:before {
        content: "\f05b";
        display: inline-block;
        margin-right: 0.5em;
    }

ul.cemetery-plots.plots span {
    width: 6.5em;
}

ul.cemetery-plots.plots p {
    margin-bottom: 0.5em;
}

    ul.cemetery-plots.plots p:last-of-type {
        margin-bottom: 0;
    }

ul.cemetery-plots.plots > li {
    padding-bottom: 1em;
}


.pagination > li > a,
.pagination > li > a:link,
.pagination > li > span {
    color: rgb(151,145,140);
}

    .pagination > li > a:visited {
        color: rgb(151,145,140);
    }

    .pagination > li > a:focus,
    .pagination > li > a:hover,
    .pagination > li > span:focus,
    .pagination > li > span:hover {
        color: rgb(255,255,255);
        border-color: rgb(83,182,178);
        background: rgb(83,182,178);
    }



.rendered-form {
    margin: 0 0 2em;
}

.form-control {
    height: auto !important;
}

.form-group {
    margin: 1em 0;
    width: 46%;
    display: inline-block;
    margin-right: 1.5em;
}

[class*="field-radio-group-"],
[class*="field-textarea-"] {
    display: block;
}

.rendered-form input[type="text"],
.rendered-form input[type="password"],
.rendered-form input[type="email"],
.rendered-form input[type="url"],
.rendered-form input[type="file"],
.rendered-form select,
.rendered-form textarea {
    width: 100%;
    height: auto;
    padding: 0.9em;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid rgb(204, 204, 204);
}

.rendered-form .form-control:focus {
    border-color: rgb(15,61,57);
    -web-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


.rendered-form .btn {
    color: rgb(255, 255, 255);
    font: normal 700 1em 'Open Sans';
    padding: 0.8em 1em;
    border: none;
    text-transform: uppercase;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: background 300ms ease 0s;
    -moz-transition: background 300ms ease 0s;
    -o-transition: background 300ms ease 0s;
    transition: background 300ms ease 0s;
    background: rgb(91, 199, 173);
}

.rendered-form .btn-success:hover {
    background: rgb(58,127,110);
}


/** Search Result **/

/* Design Colors */
:root {
    --main: #051e55;
    --main-txt: #fff;
    --body-txt: #383838;
    --secondary: #488121;
    --secondary-txt: #fff;
    --hover: #203c7a;
    --hover-txt: #fff;
    --placeholders: #bfbfbf;
    --labels: #afb3b3;
    --titles: #8a1d03;
    --light-gray: #bfbfbf;
    --med-gray: #666666;
    --dark-gray: #383838;
}

:root {
    --main-font: 'Open Sans', Arial, sans-serif;
}


.searchPage .row:first-of-type {
    margin-bottom: 2rem;
}

.headerContent.searchColDocuments {
    padding-left: 0;
    padding-right: 0;
}

.searchContainer {
    width: 100%;
    height: 5rem;
    background: #FFF;
}

.searchPage {
    width: 100%;
    height: auto;
    min-height: 25rem;
    overflow-x: hidden;
    position: relative;
    z-index: 1;
}

    .searchPage form {
        position: relative;
        width: inherit;
        height: inherit;
    }

    .searchPage input[type="text"] {
        position: absolute;
        top: 0;
        left: 0;
        width: inherit;
        height: inherit;
        font: italic 700 1.125rem var(--main-font);
        color: #165751;
        padding: 0 9rem 0 1.1rem;
        border: 1px solid var(--main);
        background: none;
    }

.btnSearchPage {
    position: absolute;
    top: 0;
    right: 0;
    height: inherit;
    font: normal 700 1rem var(--main-font);
    color: #FFF;
    display: inline-block;
    padding: 0.65rem 2.5rem 0.65rem 1.5rem;
    margin: 0;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: background 300ms ease 0s;
    -moz-transition: background 300ms ease 0s;
    -o-transition: background 300ms ease 0s;
    transition: background 300ms ease 0s;
    background: var(--main);
}

    .btnSearchPage:hover,
    .btnSearchPage:focus {
        background: var(--hover);
    }

    .btnSearchPage i {
        display: inline-block;
        margin-right: 0.5rem;
    }

h4.searchTitle {
    margin-bottom: 1.4rem;
}

.searchColPages.col-sm {
    padding-left: 0;
    overflow-x: hidden;
}

.searchColDocuments.col-sm {
    padding-right: 0;
    overflow-x: hidden;
}

.page-information {
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px dotted #CCD3D2;
}

ul.search-page > li {
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px dotted #CCD3D2;
    list-style-type: none;
}

    ul.search-page > li:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }

ul.search-page a,
ul.search-page a:link {
    font-family: inherit;
    font-size: inherit;
    font-weight: 700;
    font-style: inherit;
    margin-bottom: 1rem;
    display: block;
}

    ul.search-page a h5 {
        font-family: inherit;
        font-size: inherit;
        color: inherit;
        font-weight: inherit;
        font-style: inherit;
        margin-bottom: 0;
    }

a.pageURLBottom,
a.pageURLBottom:link {
    font-size: 0.8rem !important;
    font-weight: 600 !important;
}

.pagination li {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
    margin-bottom: 0;
}

ul.pagination a,
ul.pagination a:link {
    color: var(--main-txt) !important;
    padding: 0.2rem 0.5rem;
    display: block;
    background: var(--main);
    -webkit-transition: background 300ms ease 0s;
    -moz-transition: background 300ms ease 0s;
    -o-transition: background 300ms ease 0s;
    transition: background 300ms ease 0s;
}

    ul.pagination a:visited {
        color: var(--main-txt) !important;
        background: var(--main);
    }

    ul.pagination a:hover,
    ul.pagination a:active,
    ul.pagination a:focus {
        color: var(--hover-txt) !important;
        background: var(--hover);
    }

ul.pagination > .active > a,
ul.pagination > .active > a:focus,
ul.pagination > .active > a:hover,
ul.pagination > .active > span,
ul.pagination > .active > span:focus,
ul.pagination > .active > span:hover {
    color: var(--hover-txt) !important;
    background: var(--hover);
}



/***********************************************
		CONFIRMATION MESSAGE STYLING
***********************************************/
.confirm-message {
    padding: 0.75rem 1.25rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #3c763d;
}

    .confirm-message hr {
        border-top-color: #c1e2b3;
    }

.modal .confirm-message h1 {
    /*color: #3c763d;*/
    color: #333;
    font-size: 1.8em;
    padding: 0.75rem 0;
    display: block !important;
}

.confirm-message .fa {
    font-size: 1.5em;
    color: #3c763d;
}

.confirm-message .alert-link {
    color: #2b542c;
}


/* Alert Colors */
:root {
    --alert-default: #807914;
    --alert-warn: #8a1d03;
    --alert-severe: #d51522;
    --alert-default-hover: #666666;
    --alert-warn-hover: #666666;
    --alert-severe-hover: #666666;
}



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

    ul.businessSearch li.search {
        float: left;
        list-style-type: none !important;
        width: 40%;
        padding-right: 5%;
    }

    ul.businessSearch li.searchBtn {
        float: left;
        list-style-type: none !important;
        width: 20%;
        padding-top: 0.9em;
    }

#alphabet-list {
    clear: both;
    padding-top: 1em;
}

#info-right img {
    margin: 0 0 1em !important;
}

/*Calendar Subtitle*/
ul.calendarSubtitle {
    margin: 0;
    padding: 0;
    overflow: auto;
    list-style: none;
    margin-bottom: 1%;
}
/*Calendar Subtitle*/
li.calendarSubtitleOptions {
    float: left;
    padding-right: 1%;
    padding-left: 1%;
}
/*Calendar Subtitle*/
ul.calendarSubtitle {
    margin: 0;
    padding: 0;
    overflow: auto;
    list-style: none;
    margin-bottom: 1%;
}
/*Calendar Subtitle*/
li.calendarSubtitleOptions {
    float: left;
    padding: 1%;
    color: #fff;
    margin-right: 1%;
    margin-top: 1%;
    width: 30%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

input#chkcalendar.chk-calendar-list {
    margin-right: 3%;
}

.file-message {
    margin-bottom: .5em;
}

a#calendarPrinter {
    font-weight: bold;
    display: inline-block;
    margin-top: .3em;
    margin-bottom: .7em;
}

    a#calendarPrinter:before {
        content: "\f02f";
        font-family: fontawesome;
        display: inline-block;
        margin-right: 0.5em;
    }

#calendarPrinter {
    float: right;
}

#mylegend {
    width: 100%;
    margin-bottom: 1em;
}

#clear {
    clear: both;
}


.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    border-color: rgb(76,89,107);
    background: rgb(76,89,107);
}




.modal-content {
    -webkit-border-radius: 0.15rem;
    -moz-border-radius: 0.15rem;
    border-radius: 0.15rem;
    background: url("images/textured-bg-gillam.png") repeat;
}

.modal-header {
    position: relative;
    padding: 0;
    border: none;
    background: rgb(45,57,82);
    border-radius: 0;
}

.modal-body {
    color: rgb(53,53,53);
    padding: 2em;
}

.modal-footer {
    padding: 1.3em;
    border-top: none;
    background: rgb(170,145,12);
}


.close {
    position: absolute;
    top: 0.9em;
    right: 0.5em;
    width: auto;
    font: 400 1em 'Roboto', sans-serif;
    color: rgb(255,255,255);
    display: inline-block;
    margin: 0 !important;
    padding: 0.5em 0.7em 0.5em 0.5em !important;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 1;
    text-shadow: none;
    -webkit-transition: opacity 300ms ease 0s;
    -moz-transition: opacity 300ms ease 0s;
    -o-transition: opacity 300ms ease 0s;
    transition: opacity 300ms ease 0s;
}

    .close:hover {
        color: rgb(255,255,255);
        opacity: 0.5;
    }

    .close:active {
        color: rgb(255,255,255);
        opacity: 0.5;
    }

    .close:focus {
        color: rgb(255,255,255);
        opacity: 0.5;
    }

    .close:after {
        content: "\f00d";
        display: none;
        margin-left: 0.5em;
    }

#myCalendarModal .close:after {
    content: normal;
    margin-left: 0;
}

.modal-title,
.modal-body h3 {
    font-family: 'Roboto Slab',serif;
    font-size: 20px !important;
    font-weight: 700;
    color: rgb(255,255,255);
    margin: 0;
    padding: 1em 1em 1em 1em;
    text-transform: uppercase;
}

#alertModal .modal-title {
    padding-right: 2.8em;
    padding-bottom: 2em;
}

.modal-body h3 {
    color: rgb(76,89,107);
    text-transform: none;
    padding: 0;
    margin-bottom: 1em;
}

.modal-title > span {
    font: 500 0.5em 'Roboto', sans-serif;
    display: block;
    padding: 2em;
    letter-spacing: 1px;
}

#idLiketoSearchModal .modal-body ul.modalCol2 > li:last-child h3 {
    font: 500 1.375em 'Roboto SLab', serif;
    color: rgb(76,89,107);
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 1em;
}

.idLikeP {
    font: 500 1em 'Roboto',sans-serif;
    color: rgb(76,89,107);
    margin-bottom: em;
}


ul.modalCol2 > li {
    float: left;
    width: 50%;
    padding-left: 1em;
    padding-right: 1em;
}

    ul.modalCol2 > li:first-child {
        padding-left: 0;
    }

    ul.modalCol2 > li:last-child {
        padding-right: 0;
        top: -20px !important;
        position: relative;
    }

.idLikeToDropdown {
    margin-bottom: 1.5em;
}

    .idLikeToDropdown:last-of-type {
        margin-bottom: 0;
    }

.btnChoices {
    position: relative;
    width: 100%;
    font: 600 1.063em 'Roboto', sans-serif;
    font-style: italic;
    color: rgb(70, 88, 128);
    text-align: left;
    letter-spacing: 1px;
    border: none;
    padding: 0.8em;
    margin: 0;
    cursor: pointer;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    background: rgb(232,235,239);
}

    .btnChoices:hover {
        color: rgb(255,255,255);
        background: rgb(45,57,82);
    }

    .btnChoices.openIcon {
        color: rgb(255,255,255);
        -webkit-border-radius: 0.5em 0.5em 0 0;
        -moz-border-radius: 0.5em 0.5em 0 0;
        border-radius: 0.5em 0.5em 0 0;
        background: rgb(45,57,82);
    }

    .btnChoices:after {
        content: "\f078";
        position: absolute;
        top: 50%;
        right: 1em;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        color: rgb(76,89,107);
        -webkit-transition: transform 300ms ease 0s;
        -moz-transition: transform 300ms ease 0s;
        -o-transition: transform 300ms ease 0s;
        transition: transform 500ms ease 0s;
        display: inline-block;
        line-height: 0;
    }

    .btnChoices.openIcon:after {
        transform: rotate(180deg);
    }

    .btnChoices.openIcon:after,
    .btnChoices:hover:after {
        color: rgb(255,255,255);
    }

.choicesContainer {
    display: none;
    max-height: 9em;
    overflow-y: auto;
    -webkit-overflow-scrolling: auto;
    background: #dedede;
}

    .choicesContainer a,
    .choicesContainer a:link {
        font: 500 0.875em 'Roboto', sans-serif;
        color: rgb(45,57,82);
        display: block;
        padding: 1em;
        -webkit-transition: background 300ms ease 0s !important;
        -moz-transition: background 300ms ease 0s !important;
        -o-transition: background 300ms ease 0s !important;
        transition: background 300ms ease 0s !important;
    }

        .choicesContainer a:visited {
            color: rgb(45,57,82);
        }

        .choicesContainer a:hover {
            color: rgb(255,255,255);
            background: rgb(45,57,82);
        }

        .choicesContainer a:active {
            color: rgb(255,255,255);
            background: rgb(45,57,82);
        }

        .choicesContainer a:focus {
            color: rgb(255,255,255);
            background: rgb(45,57,82);
        }

.modal {
    /*padding-right: 0!important;*/
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
}

.noticeDetailPhoto {
    display: block;
    margin: 1.5em auto;
}

.directory-list.row {
    margin-left: 0;
    margin-right: 0;
}

.directory-list .col-md-1 {
    float: none;
    width: 100%;
    display: block;
    cursor: pointer;
    padding: 0.5em;
}

    .directory-list .col-md-1:before {
        content: "\f114";
        color: rgb(118,153,15);
        display: inline-block;
        margin-right: 0.5em;
    }

    .directory-list .col-md-1:nth-child(even) {
        background: rgb(244,242,241);
    }




.confirm-message h1 {
    font-size: 0.8em;
    padding-top: 0.5em;
}

.confirm-message h1 {
    color: #3c763d;
}


/* I'd Like To Colors */
:root {
    --first-title: #488121;
    --second-title: #2267ae;
    --third-title: #051e55;
    --main-title-txt: #fff;
    --dropdown-title-text: #051e55;
    --dropdown-title-text-hover: #fff;
    --dropdown-title-bg: #dedede;
    --dropdown-title-bg-hover: #2267ae;
}


.idLikeTooTitle:after {
    content: "\f111";
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-variant: normal;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}


#idLiketoSearchModal .modal-dialog {
    margin: unset;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: url("images/textured-bg-gillam.png") repeat;
    width: 450px;
}

#idLiketoSearchModal .modal-body {
    padding: 6rem 2rem 3rem 2rem;
}

#idLiketoSearchModal button.close {
    color: var(--first-title);
    font-size: 1.0rem;
    z-index: 1;
    font-weight: 900;
    right: 3rem;
    top: 0;
    padding: 2rem;
   
}

    #idLiketoSearchModal button.close span {
        text-transform: uppercase;
        margin-left: 0.2rem;
        color: #333333;
    }

    #idLiketoSearchModal button.close:hover,
    #idLiketoSearchModal button.close:active,
    #idLiketoSearchModal button.close:focus,
    #idLiketoSearchModal button.close:hover span,
    #idLiketoSearchModal button.close:active span,
    #idLiketoSearchModal button.close:focus span {
        color: #991F23 !important;
    }

.modal.fade.modal-right .modal-dialog {
    transform: translate(125%, 0px);
}

.modal.show.modal-right .modal-dialog {
    transform: none;
}

.idLiketoSearchBTN {
    font: 700 1rem var(--main-font);
    color: #FFF;
    text-transform: uppercase;
    cursor: pointer;
    display: block;
    padding: 1rem 1.1rem;
    border: none;
    -webkit-transition: background 300ms ease 0s;
    -moz-transition: background 300ms ease 0s;
    -o-transition: background 300ms ease 0s;
    transition: background 300ms ease 0s;
    z-index: 2;
}



    .idLiketoSearchBTN:hover,
    .idLiketoSearchBTN:active,
    .idLiketoSearchBTN:focus {
        background: var(--hover);
    }

.idLikeTooTitle {
    position: relative;
    width: 100%;
    font: normal 600 1rem 'Open Sans', Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    /*background: #223973;*/
    color: #fff;
    text-align: left;
    border: none;
    padding: 0.8rem 1.2rem;
    margin: 0;
    cursor: pointer;
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}

.idLikeTooContainer:first-of-type .idLikeTooTitle {
    background: var(--first-title);
}

.idLikeTooContainer:nth-of-type(2) .idLikeTooTitle {
    background: var(--second-title);
}

.idLikeTooContainer:last-of-type .idLikeTooTitle {
    background: var(--third-title);
}

/*.idLikeTooTitle:hover,
    .idLikeTooTitle:focus,
    .idLikeTooTitle:active {
        background: #3053A6;
        outline: none;
    }*/

.idLikeTooTitle:after {
    content: "\f067";
    position: absolute;
    top: 50%;
    right: 1rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: content 300ms ease 0s;
    -moz-transition: content 300ms ease 0s;
    -o-transition: content 300ms ease 0s;
    transition: content 300ms ease 0s;
    color: #fff;
    display: inline-block;
    line-height: 0;
}

.idLikeTooTitle[aria-expanded="true"]:after {
    content: "\f068";
}

.idLikeTooChoices a,
.idLikeTooChoices a:link {
    font: 600 0.8rem;
    color: #333333;
    display: block;
    padding: 1rem;
    border-bottom: none;
    -webkit-transition: background 300ms ease 0s;
    -moz-transition: background 300ms ease 0s;
    -o-transition: background 300ms ease 0s;
    transition: background 300ms ease 0s;
    background: #fff;
}

    .idLikeTooChoices a:visited {
        color: #333333;
    }

#idLikeTooParent .idLikeTooChoices a:hover {
    color: #fff;
    background: #757575;
}

.idLikeTooContainer {
    margin-bottom: 1.0rem;
}

.idLikeTooChoices a:active {
    color: var(--dropdown-title-text-hover);
    background: var(--dropdown-title-bg-hover);
}

.idLikeTooChoices a:focus {
    color: var(--dropdown-title-text-hover);
    background: var(--dropdown-title-bg-hover);
}

#idLiketoSearchModal .frmSearch {
    min-width: 0;
}




#idLiketoSearchModal .modal-body h3 {
    font-size: 1.4rem;
    text-transform: uppercase;
    margin-bottom: 2rem;
    color: #333333;
}

#idLiketoSearchModal .modal-body .col-12 h3 {
    font-size: 1.2rem;
    margin: 2rem 0 1.5rem 0;
    color: #051e55;
}

    #idLiketoSearchModal .modal-body .col-12 h3 i {
        color: var(--first-title);
    }

#idLiketoSearchModal .modal-body p {
    font-size: 1rem;
    color: #051e55;
    letter-spacing: 1px;
}

#idLiketoSearchModal .frmSearch fieldset {
    position: relative;
}

#idLiketoSearchModal .frmSearch input[type="search"] {
    font-size: 0.9rem;
    width: 100%;
    border: unset;
    padding: 1rem 1.5rem;
    color: #051e55;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 4px;
    border-radius: 0;
    font-weight: 600;
}

    #idLiketoSearchModal .frmSearch input[type="search"]:focus + searchPlaceholder {
        display: none;
    }

#idLiketoSearchModal .frmSearch .searchPlaceholder {
    position: absolute;
    top: 60%;
    right: 1rem;
    transform: translateY(-50%);
}

    #idLiketoSearchModal .frmSearch .searchPlaceholder i {
        color: #488121;
        font-weight: 900;
    }

#idLiketoSearchModal .frmSearch button[type="submit"] {
    display: block;
    top: 5rem;
    right: 0;
    left: unset;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font: 700 0.9rem 'Roboto Slab',serif;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    border-radius: 0.25rem;
    background: #051e55;
    padding: 0.75rem 3.5rem;
    margin-left: auto;
    margin-top: 0.75rem;
    -webkit-transition: background 300ms ease 0s;
    -moz-transition: background 300ms ease 0s;
    -o-transition: background 300ms ease 0s;
    transition: background 300ms ease 0s;
}

    #idLiketoSearchModal .frmSearch button[type="submit"]:hover,
    #idLiketoSearchModal .frmSearch button[type="submit"]:focus,
    #idLiketoSearchModal .frmSearch button[type="submit"]:active {
        background: #2267ae;
    }



/* Alert Colors */
:root {
    --alert-default: #2267ae;
    --alert-warn: #5ea42e;
    --alert-severe: #8f2f04;
    --alert-default-hover: #1A4E84;
    --alert-warn-hover: #498420;
    --alert-severe-hover: #5A2108;
}


.popupAlert.alertBar.alert-default a:before,
.popupAlert.alertBar.alert-warn a:before,
.popupAlert.alertBar.alert-severe a:before,
.modal.alert-default .modal-header .modalTitle:before,
.modal.alert-warn .modal-header .modalTitle:before,
.modal.alert-severe .modal-header .modalTitle:before {
    content: "\f111";
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-variant: normal;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

#alertModal .modal-body a.alert.alert-info,
#alertModal .modal-body a.alert.alert-info:link,
#headerWeather .weatherDetails a.alert.alert-info,
#headerWeather .weatherDetails a.alert.alert-info:link {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--main);
}

#alertModal .modal-body p {
    margin-bottom: 0;
}

#alertModal .modal-body a.alert.alert-info,
#alertModal .modal-body a.alert.alert-info:link {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    display: inline-block;
}

/** Popup Alert **/
.popupAlert.alertBar {
    position: relative;
    z-index: 2;
}

    .popupAlert.alertBar.alert-default,
    .modal.alert-default .modal-header,
    .modal-header.alert-default {
        background-color: var(--alert-default);
    }

    .popupAlert.alertBar.alert-warn,
    .modal.alert-warn .modal-header,
    .modal-header.alert-warn {
        background-color: var(--alert-warn);
    }

    .popupAlert.alertBar.alert-severe,
    .modal.alert-severe .modal-header,
    .modal-header.alert-severe {
        background-color: var(--alert-severe);
    }

    .modal.alert-default .modal-header .modalTitle:before,
    .popupAlert.alertBar.alert-default a:before {
        content: "\f071";
        margin-left: 0;
        margin-right: 0.5rem;
        font-weight: 900;
    }

    .modal.alert-warn .modal-header .modalTitle:before,
    .popupAlert.alertBar.alert-warn a:before {
        content: "\f071";
        margin-left: 0;
        margin-right: 0.5rem;
        font-weight: 900;
    }

    .modal.alert-severe .modal-header .modalTitle:before,
    .popupAlert.alertBar.alert-severe a:before {
        content: "\f071";
        margin-left: 0;
        margin-right: 0.5rem;
        font-weight: 900;
    }

.popupAlert a,
.popupAlert a:link {
    font-size: 1rem;
    color: #FFF;
    text-align: center;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    padding: 0.5rem;
}

    .popupAlert a:visited {
        color: #FFF;
    }

.popupAlert.alertBar.alert-default a:hover {
    background: var(--alert-default-hover);
}

.popupAlert.alertBar.alert-warn a:hover {
    background: var(--alert-warn-hover);
}

.popupAlert.alertBar.alert-severe a:hover {
    background: var(--alert-severe-hover);
}

#alertModal .modal-header .close {
    color: #353535 !important;
}

#alertModal .modal-header {
    background: #fff;
    position: relative;
    height: 3rem;
}

#alertModal .modal-dialog {
    margin: 5rem auto 1.5rem !important;
}

#alertModal .modal-header:after {
    content: "\f071";
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-variant: normal;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: -50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 8px solid #fff;
    padding: 1rem 2rem 1.5rem 2rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    font-size: 3rem;
    color: #fff;
    font-weight: 900;
}

#alertModal .modal-header.alert-default:after {
    background: var(--alert-default);
}

#alertModal .modal-header.alert-warn:after {
    background: var(--alert-warn);
}

#alertModal .modal-header.alert-severe:after {
    background: var(--alert-severe);
}

#alertModal .carousel-item {
    width: 100%;
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}

#alertModal .modal-body {
    padding-top: 0;
}

#alertModal .alert-default {
}

#alertModal .alert-warn {
}

#alertModal .alert-severe {
}

#alertModal p {
    padding: 0 48px 0 48px;
    text-align: center;
    color: var(--body-txt);
}

#alertModal a {
    display: block;
    width: 150px;
    text-align: center;
    font-style: normal;
    color: var(--main-txt) !important;
    -webkit-transition: background 300ms ease 0s;
    -moz-transition: background 300ms ease 0s;
    -o-transition: background 300ms ease 0s;
    transition: background 300ms ease 0s;
    margin: 0 auto;
    background: var(--main);
    text-transform: uppercase;
    font-size: .85rem;
    font-weight: 700;
    letter-spacing: 1px;
    padding: .75rem 0;
}

    #alertModal a:hover {
        background: var(--hover);
    }

#alertModal h2 {
    text-align: center;
    color: #353535;
    font-weight: 700;
    font-size: 1.25rem;
    font-family: var(--main-font);
    text-transform: uppercase;
    padding: 3rem 0 .75rem 0 !important;
}

#alertModal .btnAlertCenter {
    text-align: center;
    margin: 22px 0 0 0;
}


/****************************************************************
MEDIA QUERY
****************************************************************/
@media only screen and (max-width:1400px) {
    ul.directory-list > li {
        width: 25%;
    }
}

@media only screen and (max-width:1300px) {
    #myCalendarModal h4.modal-title,
    h2.modalTitleLogo {
        width: 250px;
        height: 34px;
    }

    .close {
        font-size: 0.9em;
    }

    #myCalendarModal .close {
        margin-top: 1.2em !important;
    }

    .modal-title,
    .modal-body h3 {
        font-size: 1.5em;
    }

    #idLiketoSearchModal .modal-body ul.modalCol2 > li:last-child h3 {
        font-size: 1.2em;
    }

    .btnChoices,
    .idLikeP {
        font-size: 1em;
    }

    .choicesContainer a,
    .choicesContainer a:link,
    .frmSearch button {
        font-size: 0.8em;
    }

    #btnSubmit,
    .modal-dialog .modal-footer .btn-default,
    .plugin-form input[type="submit"] {
        font-size: 0.8em;
    }
}

@media only screen and (max-width:1260px) {
    .calculator-main input[type="text"] {
        width: 100%;
        margin-top: 0.5em;
    }

    .form-calculator input[type="submit"] {
        margin-top: 0.5em;
        margin-bottom: 1em;
    }
}

@media only screen and (max-width:1120px) {
    .property-content-left {
        width: 650px;
    }

    .lSSlideOuter ul.lSPager li {
        width: 125px !important;
    }
}


@media only screen and (max-width:1023px) {
    #business h2 {
        font-size: 1.2em;
    }

    #business-list a.list-group-item,
    #business-list a.list-group-item:link {
        font-size: 0.9em;
    }



    .property-content-left {
        width: 900px;
    }
}

@media only screen and (max-width:998px) {
    .property-content-left {
        width: 800px;
    }
}

@media only screen and (max-width:950px) {
    ul.directory-list > li > span {
        font-size: 0.9em;
    }
}


@media only screen and (max-width:940px) {
    .property-content-left {
        width: 700px;
    }

    .lSSlideOuter ul.lSPager li {
        width: 135px !important;
    }
}

@media only screen and (max-width:900px) {
    #idLiketoSearchModal .modal-dialog {
        width: 80% !important;
    }
}

@media only screen and (max-width:860px) {
    ul.directory-list > li {
        width: 33.33%;
    }
}

@media only screen and (max-width:830px) {
    .property-content-left {
        width: 600px;
    }

    .lSSlideOuter ul.lSPager li {
        width: 145px !important;
    }
}


@media only screen and (max-width:780px) {
    ul.propCol2 > li {
        float: none;
        width: 100%;
        padding-right: 0;
    }

        ul.propCol2 > li + li {
            padding-left: 0;
        }
}

@media only screen and (max-width:767px) {
    ul.agenda,
    ul.meeting {
        width: 100%;
    }

    ul.agenda {
        margin-top: 1em;
    }

    ul.meeting {
        border-top: 1px dotted rgb(203,200,198);
        padding-top: 2.5em;
    }

    #btngo {
        width: 100%;
    }
}

@media only screen and (max-width:760px) {
    ul.property > li {
        width: 50%;
    }


    ul.businessSearch li.search {
        float: none;
        width: 100%;
        padding-right: 0;
    }

    ul.businessSearch li.searchBtn {
        float: none;
        width: 100%;
    }

    a.property-more-details,
    a.property-more-details:link {
        font-size: 0.8em;
    }



    .calculator-attributes-table td {
        width: 100% !important;
    }
}


@media only screen and (max-width:740px) {
    .property-content-left {
        width: 550px;
    }

    .lSSlideOuter ul.lSPager li {
        width: 131px !important;
    }
}

@media only screen and (max-width:738px) {
    .plugin-form ul.checkbox-group li {
        width: 100%;
        float: none;
    }
}

@media only screen and (max-width:680px) {
    /*.property-content p > span{
		display:block;
		font-size:0.9em;
	}*/
    /*Calendar Subtitle*/

    ul.directory-list > li {
        width: 50%;
    }


    .modal-title, .modal-body h3,
    #idLiketoSearchModal .modal-body ul.modalCol2 > li:last-child h3 {
        font-size: 1.2em;
    }

    .btnChoices,
    .idLikeP {
        font-size: 0.9em;
    }


    li.calendarSubtitleOptions {
        width: 47%;
    }

    #myCalendarModal h4.modal-title,
    h2.modalTitleLogo {
        width: 200px;
        height: 27px;
        margin-left: 0.7em;
    }

    #myCalendarModal .close {
        margin-top: 0.7em !important;
    }

    ul.modalCol2 > li {
        float: none;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

        ul.modalCol2 > li:first-child {
            margin-bottom: 2em;
        }

    .frmSearch button {
        display: block;
        margin: 1em auto 0;
    }
}

@media only screen and (max-width:640px) {
    .property-content-left {
        width: 500px;
    }

    .lSSlideOuter ul.lSPager li {
        width: 120px !important;
    }
}

@media only screen and (max-width:600px) {
    #business-list table td {
        width: 100%;
        display: block;
    }

        #business-list table td strong {
            font-size: 0.75em;
            text-transform: uppercase;
        }


    li.calendarSubtitleOptions {
        width: 47%;
    }

    .property-image img,
    .property-content-left img {
        margin: 0;
    }
}

@media only screen and (max-width:580px) {



    ul.notices time,
    ul.meeting time,
    ul.agenda time {
        font-size: 1em;
    }


    #notice-list,
    #notice-list p {
        font-size: 1em;
    }


    .modal-dialog .modal-footer .btn-default,
    .plugin-form input[type="submit"] {
        font-size: 0.7em;
    }

    .articlePost,
    .articlePost p,
    ul.news-feed a,
    #business-list table,
    #business-list a.list-group-item,
    .plugin-form label {
        font-size: 0.95em;
    }



    .modalBodyMetaHeader h5 {
        font-size: 1em;
    }

    .modalBodyMetaHeader time,
    #upcomingEvents .modalBodyMetaHeader time + time {
        font-size: 0.9em;
    }

    #upcomingEvents .modalBodyMetaHeader time + time {
        margin-top: 0;
    }

    #calendarDownload {
        font-size: 0.9em;
    }

    .modal-body,
    .panel-title {
        font-size: 0.8em;
    }

    .property-content p {
        font-size: 0.95em;
    }

    ul.add-form > li {
        display: block;
        width: 100%;
    }

    .form-group {
        display: block;
        width: 100%;
    }


    ul.add-form > li.bDescription,
    ul.add-form > li.bMap,
    ul.add-form > li.sCategories {
        padding-right: 0;
    }

    ul.notices a,
    ul.meeting a,
    ul.agenda a,
    ul.byLaw a {
        padding-left: 4em;
    }


    li.minutesAgendaPaging ul.pagination a {
        font-size: 0.7em;
        padding: 6px 8px;
    }
}

@media only screen and (max-width:560px) {
    .property-content-left {
        width: 400px;
    }

    .lSSlideOuter ul.lSPager li {
        width: 95px !important;
    }

    #idLiketoSearchModal .modal-body ul.modalCol2 > li:last-child h3 {
        font-size: 0.9em;
        padding-top: 1.2em;
        padding-bottom: 1em;
    }

    .modalSearchBTN input[type="submit"] {
        font-size: 0.8em;
    }
}

@media only screen and (max-width:480px) {
    .property-content h4 {
        font-size: 1.1em;
    }

    ul.property > li {
        position: static;
        float: none;
        width: 100%;
        min-height: 0;
        padding-right: 0;
        margin-bottom: 1.5em;
        border-bottom: 1px dotted rgba(0,0,0,0.1);
    }

        ul.property > li:last-child {
            margin-bottom: 0;
            border-bottom: none;
            padding-bottom: 0;
        }

    a.property-more-details,
    a.property-more-details:link {
        position: static;
        left: auto;
        bottom: auto;
        display: inline-block;
    }
}

@media only screen and (max-width:460px) {
    .modalTitleLogo {
        width: 240px;
        height: 61px;
    }

    .property-content-left {
        width: 350px;
    }

    .lSSlideOuter ul.lSPager li {
        width: 82px !important;
    }
}


@media only screen and (max-width:420px) {
    #myCalendarModal h4.modal-title,
    h2.modalTitleLogo {
        width: 170px;
        height: 23px;
        margin: 0.5em 0 0.45em 0.7em;
    }

    .modal-header {
        background-position-x: 1em;
    }

    .close {
        font-size: 0.75em;
    }
}


@media only screen and (max-width:414px) {
    ul.businessSearch li {
        float: left;
        width: 100%;
    }

        ul.businessSearch li.search {
            float: left;
            width: 100%;
        }

        ul.businessSearch li.searchBtn {
            float: left;
            width: 100%;
        }
}

@media only screen and (max-width:410px) {
    .property-content-left {
        width: 300px;
    }

    .lSSlideOuter ul.lSPager li {
        width: 70px !important;
    }
}

@media only screen and (max-width:380px) {
    ul.calContainer {
        margin: 1em 0;
    }

        ul.calContainer > li {
            float: none;
            width: 100%;
            margin: 0;
        }

            ul.calContainer > li:last-child {
                padding-left: 0;
            }
}

@media only screen and (max-width:340px) {
    .property-content-left {
        width: 280px;
    }

    .lSSlideOuter ul.lSPager li {
        width: 65px !important;
    }
}

@media only screen and (max-width:320px) {
    .plugin-form input[type="submit"] {
        width: 100%;
    }

    li.calendarSubtitleOptions {
        width: 98%;
    }
}

@media only screen and (max-width:375px) {
    .plugin-form input[type="submit"] {
        width: 100%;
    }

    li.calendarSubtitleOptions {
        width: 98%;
    }
}


.calculator:first-child {
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid rgb(194,194,194);
}

.tax-calculator-list h3 {
    font-size: 1.1em;
}

.tax-calculator-list td {
    padding: 7px 0 7px 7px;
}

.calculator-attributes {
    padding: 20px 0;
}

input[type="submit"] {
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    outline: none;
}

    input[type="submit"]:hover {
        background-color: rgb(40,75,99);
    }

.calculator-attributes-table {
    width: 100%;
}

    .calculator-attributes-table td {
        width: 33%;
        padding-right: 7px;
    }

        .calculator-attributes-table td:last-child {
            text-align: center;
        }

        .calculator-attributes-table td:last-child {
            text-align: center;
        }

tbody tr:nth-child(even) {
    background-color: #EEF0F2;
}

.main-color, .color-box, .color-box-canvas {
    display: inline-block;
}

.main-color {
    width: 25%;
}

@media only screen and (max-width:600px) {
    .tax-calculator-list h3 {
        text-align: center;
    }

    input[type="text"] {
        display: block;
        width: 100%;
        /*margin-top: 10px;*/
        text-align: left;
    }

    main article form input[type="submit"] {
        width: 100%;
        margin-top: 10px;
    }

    .calculator-attributes-table td:last-child {
        text-align: right;
    }

    .calculator-chart {
        text-align: center;
    }

    .main-color {
        width: 47%;
        margin: 1%;
    }

    #myCanvas {
        margin-bottom: 20px;
    }
}


@media only screen and (max-width:500px) {
    #idLiketoSearchModal .modal-body {
        padding: 5rem 1rem 2rem 1rem;
    }

    #idLiketoSearchModal .modal-dialog {
        width: 85% !important;
    }

    #idLiketoSearchModal .modal-body .col-12 h3 {
        font-size: 0.9rem !important;
    }

    .idLikeTooTitle {
        font-size: 0.8rem;
    }

    #idLiketoSearchModal .modal-body p {
        font-size: 0.8rem;
        letter-spacing: 0;
    }

    #idLiketoSearchModal .modal-body .col-12:last-of-type h3 {
        margin-bottom: 0.5rem;
    }

    #idLiketoSearchModal .frmSearch button[type="submit"],
    #idLiketoSearchModal .frmSearch input[type="search"] {
        font-size: 0.8rem;
    }

    #idLiketoSearchModal .frmSearch .searchPlaceholder {
        top: 53%;
    }

    #idLiketoSearchModal button.close {
        right: 2rem;
    }

    #idLiketoSearchModal button.close {
        font-size: 0.8rem;
    }
    #idLiketoSearchModal button.close span{
        font-size:0.85rem;
    }
}


.field-validation-valid {
    display: none;
}