/**  additions to the bootstrap theme **/
form-control.form-select {
    color:black;
}
.help-block, .control-group .help-inline {
    color:darkred;
}

.btn-info {
     background-color: black;
 }
input::placeholder {
    color:#B60C0C!important;
    font-weight:bold;
}

.page-council-news-news-2022 .btn-primary {
  width: max-content;
}
.channel-submit {
    background: rgba(230,51,40,0.8);
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 1.25em;
    padding:5px;
    font-weight: 300;
}
.channel-submit a {
    color: white;
}
a.channel-submit:hover {
    color:white;
    background:red;
}

#block-block-41 {
    background: black;
    padding: 2rem;
    font-size: 125%;
}

#block-block-41 p.black-heading, #block-block-41 p, #block-block-41 a {
    color:white;
}

#block-block-41 a {
 text-decoration:underline;
}

#block-block-41 a:hover {
 outline:dashed;
}

#block-block-41 p.black-heading {
    font-size: 3rem;
    font-weight: 700;
}


#skip-link {
    width:100%;
    background-color:black;
    padding:2px;
}

#skip-link a {
  height: unset;
  width: unset;
  clip: unset;
  position: relative!important;
  background: black;
  display: block;
  color: black;  
}


#skip-link a:focus, #skip-link a:active, #skip-link a:hover {
   outline:1px solid red!important;
   color: #fff;
   width: 30%;
   overflow: auto;
   position: relative!important;
   background: #000;
}



.webform-component .help-block #upload-instructions {
    overflow: revert;
    display: block;
    height: auto;
    clip: unset;
    position: relative!important;
    width: 100%;
}

.webform-component .help-block a {
    display:none;
}

input.force-upper {
    text-transform:uppercase;}
}

.menu-block-4 ul li a:focus {
   background-color:white!important;
}

.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
   background-color:white!important;
}

#block-menu-block-4 ul li a:hover, #block-menu-block-4 ul li a:focus {
   background-color:white!important;
}

caption {color:#555;font-weight:bold;}

#block-menu-block-3 ul li a:hover, #block-menu-block-3 ul li a:focus {
   background-color:white!important;
}

#block-block-38 h1 {margin-top:0;}

.page-a-to-z-of-services .breadcrumb{display:none;}

/* accordion height fix */
.ui-accordion .ui-accordion-content {
    height: inherit !important; 
}
.ui-widget {
    font-family: 'Metropolis',Arial,sans-serif;
    font-size: 1.5rem;
}
.ui-accordion .ui-accordion-header {
    font-size: 1.6rem;
    font-weight: 600;
}


/* coronavirus block */

#block-block-37 {
    background-color: #ffc300;
    border-color: #ffc300;
    padding:10px 20px 15px 20px;
    font-size:125%
}

#block-block-37 .coronavirus-head {font-size:3rem;}

#block-block-37 a {text-decoration:underline;color:#1a3956;}

/* =============================================================================
 *   Tables
 * ========================================================================== */

table {
  margin: 10px 0;
  padding: 0;
  width: 100%;
}

table.sticky-header {
  z-index: 10;
}

table,
thead,
tbody,
tr,
th,
td {
  border-color: #ccc;
}

table,
td,
th {
  vertical-align: middle;
}

caption,
th,
td {
  text-align: left;
}

thead tr {
  font-weight: 700;
  background-color: #e5e5e5;

}

td,
th {
  border-bottom: 0;
  margin: 0;
  padding: 5px 7px;
}

tbody tr {
  border-top: 1px solid #ccc;
}

tr.odd {
  background: #fff;
}

tr.info,
tr.even,
tr:nth-child(2n+2) {
  border-bottom: 0;
  background-color: #f5f5f5;
}

tr.odd td.active {
  background-color: #eee;
}

tr.even td.active {
  background-color: #ebebeb;
}

/*
 * Forum tables
 * Core sets white-space to nowrap, which makes no sense
 */
#forum td .created,
#forum td .posts,
#forum td .topics,
#forum td .last-reply,
#forum td .replies,
#forum td .pager {
  white-space: normal;
}


h2 {font-size:1.5em;}

h3 {font-size:1.25em;}

/** buttons **/
.grey-button a { 
    color: white !important; 
    font-size: 1.5em; 
    background: rgba(88,87,83,0.8); 
    border: none; 
    border-radius: 5px; 
    padding: 5px 10px ; 
    font-weight: 700; 
} 
.grey-button a:hover { 
    background-color:rgb(88,87,83); 
    text-decoration: none; 
 } 
 
.red-button a {
    color: white !important;
    font-size: 1.5em;
    background: rgba(230,51,40,0.8);
    border: none;
    border-radius: 5px;
    padding: 5px 10px ;
    font-weight: 700;
}
.red-button a:hover {
    background-color:red;
    text-decoration: none;
 }


/** margin on a to z pages **/
.view-a-to-z-of-services .view-content {
   margin-left: 20px;
}

/* hide on homepage - note node id will need to change */
.page-node-280 .breadcrumb {display:none;}
.page-node-280 h1.page-header {display:none;}
.page-node-280 .nav-tabs {display:none;}
.page-node-280 .action-links {display:none;}
.page-node-280 .sms-sendtophone {display:none;}
.page-node-280 .statistics_counter {display:none;}
article#node-280 {display:none;}

.atoz {display:table;margin:0 auto;}

.view-news-article-new ul li {list-style:none;padding: 20px 10px;}
.view-news-article-new .views-field-field-newsimage {float:left;padding:20px 5px;}
.view-news-article-new .views-field-field-newssummary {padding-top:20px;}
.view-news-article-new .views-row-odd {clear:left;}
.view-news-article-new .pager {clear:both;}

body {
    font-family:'Metropolis', Arial, sans-serif;
    font-size:1.5em;
}
.view-filedepot-folderlisting .view-content {padding:0!important;margin-top:-10px}

.breadcrumb > .active {
    color: #444;
}

#block-views-important-messages-block {
    font-size: 1.5em;
    padding: 20px;
    margin: 0 15px;
}
#block-views-important-messages-block ul {
    padding-inline-start:0;
}

#block-views-important-messages-block ul li {
    display:block;
}


#block-views-important-messages-block .view-content {
    display:table;
    margin:0 auto;
}

#block-views-important-messages-block a {
    color:#d3111e;
}

.block-row {display:flex;}
.block-row .box-block {flex:1;max-width:25%;}

.block-row a:hover {color:#1e4567:}

.box-block {
    background: #f2f2f2;
    border: solid 20px white;
    padding-left: 0;
    padding-right: 0;
}

.flexlist  { 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; 
    overflow: hidden;
}
.flexlist .viewsrow  { 
    width: calc(100% / 2 - 5px); 
    float: left; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex;
}

.footer {
    margin-top:0;
    padding-top:0;
    border:none;
}

.node-type-mainlandingpages .view-2020-landing-menus-more-new .view-footer hr {
    border:none;
}
#block-block-4 {
    background: black;
    color: white;
    padding: 20px;
}
#block-block-4 a {
   color:white;
}
#block-block-4 ul li a {
    padding: 5px;
}
#block-superfish-1 ul li a:after {
content:" / ";
}
.view-2020-landing-menus-new .item-list ul li.blockborder:after {
    border-color: silver transparent;
    border-style: solid;
    border-width: 0 0 24px 24px;
    bottom: 3px;
    content: "";
    position: absolute;
    right: 21px;
    bottom:21px;
    transition: border-color 1s ease;
} 
.view-2020-landing-menus-new .item-list ul li.blockborder {
    outline:solid 1px silver;
    outline-offset:-20px;
    padding: 0 40px 40px;
}
.view-2020-landing-menus-more-new .view-header h2 {
    margin-left: 40px;
}
.view-2020-landing-menus-more-new ul li {
    font-size: 1.25em;
    list-style-type: none;
    margin: 0;
    padding: 0.5em 40px;
}
.view-2020-landing-menus-more-new ul li a:after {
    content: " >>";
    float: right;
    margin-right: 40px;
}
.view-2020-landing-menus-more-new ul li a {
    border-bottom: solid 1px silver;
    display: flow-root;
    padding-bottom: 0.5em;
}

#block-menu-block-4 h2 {
    font-size: 1.5em;
    margin-left:30px;
}

#block-menu-block-4 ul li {
    font-size: 1.25em;
    list-style-type: none;
    margin: 0;
    padding: 0.5em 30px;
}
#block-menu-block-4 ul li a:after {
    content: " >>";
    float: right;
    margin-right: 30px;
}
#block-menu-block-4 ul li a {
    border-bottom: solid 1px silver;
    display: block;
    padding-bottom: 0.5em;
}
#block-menu-block-4 ul li a:hover {
    background-color:transparent!important;
}

#block-menu-block-3 {margin-top:36px;}

#block-menu-block-3 ul li a:after {
      content: " >>";
}
#block-menu-block-3 ul li {
    border-bottom:solid 1px silver;
}

#block-views-news-block-2 h2 {
    font-size: 1.5em;
    margin-left: 40px;
}

#block-views-news-block-2 ul li {
    font-size: 1.25em;
    list-style-type: none;
    margin: 0;
    padding: 0.5em 40px;
}
#block-views-news-block-2 ul li a:after {
    content: " >>";
    float: right;
    margin-right: 20px;
}

#block-views-news-block-2 ul li a {
    border-bottom: solid 1px silver;
    display: flow-root;
    padding-bottom: 0.5em;
}

hr.redline {
    border-top:solid 2px #d3111e;
    margin-top: 0;
}

.container-fluid {
    padding-right:0;
    padding-left:0;
    margin-right:0;
    margin-left:0;
}

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


a {
    color:#333;
}
a:hover {
    text-decoration:underline!important;

}

.nav > li > a.active {
    color:#B30F1A;
    font-weight:500;
}
h1.page-header {
    font-family: 'Metropolis', Arial, sans-serif;
}

#navbar {
    display:none;
}
.search-form button:before {
    content: " ";
    position: absolute;
    right: 100%;
    border: solid transparent;
    border-width: 10px;
    border-style: solid solid solid none;
    border-color: transparent #d3111e;
    transition: border-color .5s;
}

.search-form button:hover {
    background: #a32e2e;
    border-color: #a32e2e;
    transition: background .5s,border-color .5s;
}
.searchform button:hover:before {
    border-color: transparent #a32e2e;
    transition: border-color .5s;
}

#search-block-form {
    margin-top:10px;
}
#block-block-31,#block-block-39 {
    background-color:black;
}
#block-block-31 img{
    float:left;
    margin:0 10px;
}

#block-block-1, #block-search-form, #block-block-36, #block-block-38 {
    float:left;
}

#block-search-form {
    margin:10px 0;
    float:right;
    max-width:50%;
}

.item-list ul {
    padding-inline-start:0;
}

.item-list ul li a {
    text-decoration:none;
}

.item-list ul li.views-row.col-md-4.col-sm-4 {
    margin-top: 30px;
}
.item-list ul li.views-row.col-md-4.col-sm-4:nth-child(3n+1) {
    clear:left;
}

.region-content a {
    text-decoration:underline;
    -moz-transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

.view-2020-landing-menus-new h2 {
    font-size: 1.5em;
    margin-bottom: 0.5em;
    margin-top: 2.0em;
}
.view-2020-landing-menus-new .item-list ul li {
    list-style:none;
}
.view-2020-landing-menus-new .view-footer {
    clear:left;
}

.view-2020-landing-menus-sub-new .item-list ul {
    border-top: 3px solid #d1d1d1;
    margin-bottom: 0;
}

.view-2020-landing-menus-sub-new .item-list ul li {
    border-bottom: 1px solid #d1d1d1;
    font-size: 1.25em;
    list-style-type: none;
    margin: 0;
    padding: 0.5em 0;

}

.view-2020-landing-menus-sub-new .view-all {
    border-bottom: 1px solid #d1d1d1;
    font-size: 1.25em;
    margin: 0;
    padding: 0.5em 0;
    color: #d3111e;
}

.view-2020-landing-menus-sub-new .view-all a {
    color: #d3111e;
    text-decoration:none;
    -moz-transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear;
}
.container-narrow {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.pay-rep-req {
    padding-bottom: 10px;
    transition: all .5s;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right:5px;
}
.pay-rep-req, .sign-reg {
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 44px;
    text-align: center;
    transition: all .5s ease;
}
.pay-rep-req-area .btn {
    width: 100px;
}
.pay-rep-req a {
    text-decoration: none;
    color: #fff;
    background-color: #000;
    font-weight: 700;
    border: 1px solid silver;
    transition: all .5s;
}
.btn-primary {
    background-color: #d3111e;
    text-align:left;
    width:90px;
}
.btn-primary:hover {
    background-color:#333;
    color:white;
}

#search-block-form .btn-primary:after {
    content:"search";
}

#search-block-form input {
    outline: 5px auto black;
}
.btn {
    font-size: inherit;
    padding: 6px 7px;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    width:fit-content;
}

.btn:hover, .btn:focus, .btn.focus {
    text-decoration: none;
    background: #a32e2e;
    border:solid 1px #a32e2e;
    color:white;
    outline: 5px auto black;
}

.btn-red {
    background-color:#b1111e!important;
    color: white;
    margin-top: 10px;
    margin-right: 5px;
}

#block-block-2, #block-block-34 {
    background-color:#d3111e;
    padding-left: 20px;
    padding-right: 20px;
}

#block-block-2 a, #block-block-34 a {color:white;}
#block-block-2 a:hover, #block-block-34 a:hover {text-decoration:underline;font-weight:bold;background-color:#a32e2e;}


#block-views-eforms-on-a-node-block .view-content, #block-cck-blocks-field-external-links .field-name-field-external-links,
#block-cck-blocks-field-other-links .field-name-field-other-links, #block-cck-blocks-field-documents .field-name-field-documents, 
#block-views-call-to-filedepot-view-block .view-content {
    background:#f2f2f2;
    padding:10px;
}

#block-cck-blocks-field-external-links .field-item, #block-cck-blocks-field-other-links .field-item, 
#block-views-eforms-on-a-node-block .views-row, #block-cck-blocks-field-documents .field-item, 
#block-views-call-to-filedepot-view-block .views-row {
    padding: 10px;
}
#block-views-eforms-on-a-node-block h2, #block-cck-blocks-field-external-links h2, 
#block-cck-blocks-field-other-links h2, #block-cck-blocks-field-documents h2, #block-views-call-to-filedepot-view-block h2 {
    background:black;
    color:white;
    padding:10px;
    margin-top: 0;
}

#block-block-36 {
    padding-top:10px;
}


.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: black;
}

a:focus {
    outline: 5px auto black;
}


/** MOBILE EXTRAS    **/

@media (max-width: 767px) {
    .navbar-nav > li {float: left;}
    #block-block-34, #block-block-2 {padding: 0 20px;}
    #block-block-4 {padding:10px;}
    .footer-menu, .footer-planalpha {margin-top: 30px;}
    #block-block-33, #block-block-34 {display:none;}
    .hide-inline-xxs {display:none;}
    #block-block-35 {text-align:center;}
    #block-block-36 {padding-top:0;padding-bottom:20px;}
    .col-sm-12 {padding-right:0;padding-left:0;width:100%;}
    .view-2020-landing-menus-new .item-list ul li.blockborder {outline: solid 1px silver;outline-offset: -20px;padding: 1px 40px 40px;}
    .view-2020-landing-menus-new .item-list ul li.blockborder:after {right: 21px;bottom: 21px;}
    .view-2020-landing-menus-more-new ul li {padding: 0.5em 30px;}
    .view-2020-landing-menus-more-new .view-header h2 {margin-left:20px;}
    #block-views-news-block-1 ul li {padding: 0.5em 30px;}
    #block-views-news-block-1 ul li a:after {margin-right:20px;}
    .view-2020-landing-menus-more-new ul li a:after {margin-right:20px;}
    #block-views-news-block-1 h2 {margin-left:20px;}
    #block-menu-block-4 h2 {margin-left:20px;}
    #block-menu-block-4 ul li {padding: 0.5em 20px;}
    #block-menu-block-4 ul li a:after {margin-right:20px;}
    .footer-logo {text-align: center;margin-top: 20px;}
    .footer-logo img {float:unset!important;}
    .block-row {display:block;}
    .block-row .box-block {flex:1;max-width:unset;}
    .pay-rep-req {margin-bottom:0;}
    .button-gap {margin-top: -10px;}
     #block-search-form {margin: 0;float: none;max-width: 100%;}
    
}


.form-required:after {
    content: '(This field is required)';
    font-size: 0.875rem;
    color: #333;
    display: block;
    font-style: italic;
}