/* set the website font to Google font 'Open Sans' */
* {
    font-family: 'Open Sans',sans-serif;
}

/* set global link color (may be overridden further down) */
a,
a:link,
a:visited,
a:hover,
a:active {
    color: #005f70;
    font-weight: bold;
	text-decoration: underline;
}

/* base styles */
@media screen and (max-width: 575.98px) {
    .logorow {
        padding: 30px 50px 20px 50px;
    }
    .smicons {
        padding-top: 20px;
        padding-bottom:10px;
    }
    .footerrow {
        padding: 10px 50px 0 50px;
    }
}
@media screen and (max-width: 767.98px) {
    .rightmenuitem {
        font-size: small;
    }
    .searchbox {
        margin-bottom: 5px;
    }
}
@media screen and (min-width: 768px) {
    .searchbox {
        border-right-style: none;
    }
    .searchbutton::before {
        content: "";
        width: 0px;
        height: 0px;
        border: 0.8em solid transparent;
        position: absolute;
        left: -18px;
        top: 18%;
        border-right: 10px solid #247b92;
    }
}
@media screen and (min-width: 576px) {
    .logorow {
        padding: 30px 80px 20px 80px;
    }
    .footerrow {
        padding-top: 10px;
    }
    .loginouter .logininner {
        position: absolute;
        bottom: 0px;
        right: 10px;
    }
    #skipnavvisible {
        vertical-align: bottom;
        padding-right: 20px;
    }
 }
.logorow {
    background-color: #247b92 !important;
}
.logo {
    padding-left: 0px;
}
.loginlink {
    padding:5px;
    background-color: white;
}
.smicons {
    padding-left: 0px;
}
.menurow {
    background-color: #f9b400 !important;
    line-height: 0.5em;
    margin-top: 5px;
	margin-bottom: 5px;
    padding: 0 20px 0 20px;
	color: #000;
}
.menu {
    padding-left: 0px;
}
.urgenttext {
    font-size: small;
    font-weight: bold;
    text-align: right;
    display: none;
}
.urgenthours {
    margin-bottom: 10px;
    display: block;
	line-height: 1em;
}
.goodevening .urgenttext {
    display: block;
}
.navbuttontext{
    font-size: small;
    font-weight: bold;
    padding-left: 5px;
	color: #000;
}
.nav-link, .urgentnumber {
    color: black !important;
	white-space: nowrap;
}
.searchrow {
    padding: 20px 0 20px 0;
}
.searchbox {
    background-image: url('/images/magnifying-glass.png');
    background-repeat: no-repeat;
    padding-left: 30px;
    width: 700px!important;
}
.breadcrumb {
    max-width: 100%;
}
.breadcrumb a {
    color: #247b92;
}
nav {
    padding-left: 15px !important;
	color: #000;
}
.skipnavvisiblepadding{
    padding-bottom:20px;
}

#skipnavvisible{
    color: #fff;
    padding-right:50px;
}
.viewmorerow {
    margin-top: 30px;
    margin-bottom:60px;
}
.btn-outline-success {
    background-color: #247b92 ;
    color: white !important;
    font-weight: bold;
    overflow: visible;
    position: relative;
    display: block;
}
.btn-outline-success:hover {
    background-color: #247b92 ;
}
.contentbody {
    padding-top: 20px;
    padding-bottom: 20px;
}
.btn-outline-success:hover {
    background-color: #247b92 ;
    border-color: #247b92 ;
}
.btn-outline-success {
    color: #247b92 ;
    border-color: white;
}
.footerrow {
    background-color: #247b92;
}
.footerlinks {
    padding-left: 0px;
}
.footerlinks a,.footerlinks span {
    display: block;
    padding-bottom: 10px;
    color: white;
    font-size: small;
}
.footerlogos {
    text-align:right;
}
.righthandmenu {
    padding-left: 0;
}
.rightmenuitem {
    list-style-type: none !important;
    padding-bottom: 10px;
}
.rightmenulink span {
    color: #247b92;
}
.centercontent {
    display: flex;
    justify-content: center;
}
.errormsg {
    margin: 30px 0 30px 0;
}

.screen-reader-only {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/* end of base styles */

/* homepage styles */
.homeheader {
    color: #247b92;
    text-align: center;
}

.urgentupdateblock {
    border: solid;
    border-width: 0.3em;
    border-color: rgb(150, 0, 29);
}

.urgentupdatelabel {
    background-color: rgb(150, 0, 29);
    display: flex;
    align-items: center;
}

.urgentupdatelabel p {
    color: white;
    font-size: large;
    font-weight: bold;
    text-transform: uppercase;
}

#urgentupdateinner {
    margin-left: auto;
    margin-right: auto;
	text-align: center;
}

#urgentupdatetext {
    padding-right: 5px;
}

.topservicerow {
    padding-top: 5px;
}
.topservicecol {
    padding-right: 30px;
    margin-bottom: 20px;
}
.topservicetile {
    padding: 10px 0 10px 0;
    text-align: center;
}

@media screen and (max-width: 575.98px) {
    .topservicetile {
        margin-left: 15px;
    }
}
.topservicetile a {
    text-decoration: none;
}
.topservicetitle {
    font-size: larger;
    font-weight: bold;
    color: white !important;
	margin-bottom: 10px;
}
.servicetileouter{
    padding-right:30px;
}
.servicetile {
    background-color: #E7E8E9;
    margin-bottom: 10px;
}
@media screen and (max-width: 575.98px) {
    .servicetile {
        margin-left: 15px;
    }
}
@media screen and (max-width: 1200px) {
    .servicetile {
        padding-bottom: 20px;
        text-align: center;
    }
}
.servicetile a {
    display:block;
    height:100%;
    text-decoration: none;
}
.servicetile span {
    color: black;
    line-height:10%;
    vertical-align:bottom;
}
.servicetile img {
    height: 3em;
    float:right;
    margin:0;
}
.featurerow {
    margin-top: 10px;
    margin-bottom:10px;
}
.featuredArticleImage {
    height: 275px;
    width: 350px;
    position: absolute;
}
.featuredArticleFrame {
    height: 275px;
    width: 350px;
    position: relative;
}
.featuredArticleTitle {
    background-color: #f9b400;
    text-align: center;
}
.featuredArticleTitle span {
    color: Black;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    padding:5px 0 5px 0;
}
/* end of homepage styles */

/* landing page styles */
.toppagerow {
    padding-top: 5px;
}
.toppagecol {
    padding-right: 30px;
    margin-bottom: 20px;
}
.toppagetile {
    padding: 10px 0 10px 0;
    text-align: center;
}
@media screen and (max-width: 575.98px) {
    .toppagetile {
        margin-left: 15px;
    }
}
.toppagetile a {
    text-decoration: none;
}
.toppagetitle {
    font-size: larger;
    font-weight: bold;
    color: white !important;
}
.toppagetitle span {
    white-space: pre-wrap;
}
.pagetileouter {
    padding-right: 30px;
}
.pagetile {
    background-color: #E7E8E9;
    margin-bottom: 10px;
    padding-bottom: 20px;
    text-align: center;
}
@media screen and (max-width: 575.98px) {
    .pagetile {
        margin-left: 15px;
    }
}
.pagetile a {
    display: block;
    height: 100%;
    text-decoration: none;
}
.pagetile span {
    color: black;
    line-height: 10%;
    vertical-align: bottom;
}
/* end of landing page styles */

/* news landing and news article styles */
.news-items-list .list-news-item {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.list-news-item h3 {
    margin: 0.5em 0;
}

.list-news-item figure.news-item-image {
    max-height: 3em;
    width: 5em;
    float: right;
    margin: 0 0 0.5em 1em;
    overflow: hidden;
    border: 2px solid #0e72bb;
}

figure.news-article-image {
    float: right;
    border: 2px solid #0e72bb;
    margin: 0 1.2em 0.8em 0.5em;
    max-width: 40%;
}

.list-news-item figure.news-item-image img {
    height: auto;
    max-width: 100%;
    width: 100%;
}

.news-items-list {
    list-style-type: none;
}

.news-items-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.list-news-item .news-item-image {
    width: 6em;
    max-height: 4em;
    padding: 0;
    background: none;
}

.list-news-item .news-item-image img {
    border: none;
}
/* end of news landing and news article styles */

/* standard page styles */
.pagename {
    color: #247b92;
}
.pagecontent h2 {
    font-size: 1.75em;
}
.pagecontent iframe {
    border: none;
}
table th {
    vertical-align: top;
    background: #247b92;
    padding: 0.3em 0.8em;
    color: #ffffff;
    text-shadow: none;
    border: 1px solid black;
}
table td {
    border: 1px solid black;
    padding: 0.4em 0.5em;
    vertical-align: top;
}
/* end of standard page styles*/

/* tinyMCE content styles */
@media screen and (max-width: 767.98px) {
    table {
        width: auto !important;
    }
}
/*
.pagecontent table tbody tr:nth-of-type(odd) {
    background: #ffffff;
}
.pagecontent table tbody tr:nth-of-type(even) {
    background: #f2f2f2;
} 
*/
th, td {
    border-style: solid;
    padding: 0.3em 0.8em;
}
td h3 {
    font-size: inherit;
}
/* styles for accordion link and +- marker */
.accordion h3 {
    font-size: 1.25rem;
}
.accordion a {
    cursor: pointer;
    text-decoration:underline;
}
.accordion .plus {
    padding-left: 20px;
}
.accordion .info {
    padding-bottom: 20px;
}
/* end of tinyMCE content styles */

/* legacy news article styles */
.newsarticleimageimage {
    float: right;
    border: 2px solid #338699;
    margin: 0 1.2em 0.8em 0;
    width: 40%;
}
.newsarticleimageimage img {
    max-width: 100%;
    width: 100%;
    height: auto;
}
/* end of legacy news article styles*/

/* back to top button styles */
a.back-to-top {
    display: none;
    width: 60px;
    height: 60px;
    text-indent: -9999px;
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;
    background: #247b92 url("/images/up-arrow.png") no-repeat center 43%;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border-color: white;
    border-style: solid;
    border-width: 1px;
}
@media screen and (max-width: 991.98px) {
    .back-to-top {
        left: 45%;
    }
}
a:hover.back-to-top {
    background-color: #000;
}
/* end of back to top button styles */

/* bootstrap extensions*/
.img-fluid {
    margin: 0 10px 0 0;
}
.h-100 {
    padding-bottom:10px;
}
/* end of bootstrap extensions*/

/* bootstrap overrides*/
.navbar {
    padding-left: 0 !important;
}
.nav-link {
    padding-top: 1rem !important;
    padding-left: .5rem !important;
    padding-right: 2rem !important;
}
.breadcrumb {
    background-color: transparent;
    font-size: small;
    margin-bottom: 0;
    padding: 0;
}
/* override for default table caption styling in _reboot.scss*/
caption {
    caption-side: top;
    color: black;
    padding-bottom: 0;
}
/* end of bootstrap overrides*/

/* GoogleMaps styles */
#legend {
    font-family: Arial, sans-serif;
    background: #fff;
    padding: 10px;
    margin: 10px;
    border: 3px solid #000;
}
/* end of GoogleMaps styles */

/* Domestic abuse 
button styles */
#get-away {
        display: block;
        position: fixed;
        bottom: 50%;
        right: 30px;
        z-index: 99;
        font-size: 18px;
        border: none;
        outline: none;
        background-color: #c4161c;
        color: white;
        cursor: pointer;
        padding: 15px;
        border-radius: 4px;
        width:200px;
        font-weight: bold;
    }

    #get-away:hover {
        background-color: #b11116;
    }
/* End Domestic abuse escape button styles */

blockquote {
	margin-left: 20px;
	font-weight: bold;
}

a:focus {
    outline: 1.5px dashed red;
}

/* Business pages sign up trigger styles */
.sign-up-trigger {
    background-color: #4fbfd5;
    cursor: pointer;
    position: fixed;
    bottom: 0;
	left: 0;
    z-index: 100
}

.mceNonEditable {
            text-align:center
} 

/*#region Food Delivery search and list styles */
.fd-checkboxlist {
    list-style-type: none;
    padding-left: 0px;
}

.fd-checkboxlistitem {
    font-size: small;
    padding-bottom: 5px;
}

.fd-area-search-wrapper {
    float: left;
    width: 20%;
    margin: 0 5% 0 0;
    padding: 0;
}

.fd-type-search-wrapper {
    float: left;
    width: 20%;
    margin: 0 5% 0 0;
    padding: 0;
    position: relative;
}

.fd-businesses {
    float: left;
    margin-top: 5px;
    width: 50%;
}

.fd-businesses .fd-business {
    float: left;
    width: 70%;
    padding: 10px;
    background: #eee;
    position: relative;
}

#searchBusinessNames {
    margin-bottom: 5px;
}

.fd-business {
    margin-bottom: 10px;
}

.fd-business p, .fd-business h6 {
    margin-bottom: 0px;
}

.fd-business p {
    font-size: small;
}

.fd-list-business {
    border-color: lightgray;
    border-style: solid;
    border-width: 2px;
    box-shadow: 1px 1px;
    margin-bottom: 10px;
    width: 50%;
}

@media screen and (max-width: 575.98px) {
    .fd-area-search-wrapper, .fd-type-search-wrapper {
        width: 45%;
    }

    .fd-businesses .fd-business {
        width: 100%!important;
    }
}
/*#endregion Food Delivery search and list styles*/

/*#region WBB Covid Chatbot overrides */
#wbbChatPlugin {
    bottom: 10px!important;
    right: 100px!important;
}
@media screen and (max-width: 575.98px) {
    #wbbChatPlugin {
        right: 20px !important;
    }
}
/*#endregion WBB Covid Chatbot overrides */