html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {    margin: 0;    padding: 0;    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

html,
body {
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 62.5%;
    max-width: 100%;
    overflow-x: hidden;
}

body {
    background-color: #cacaca;
    font-size: 1em
}

img {
    max-width: 100%;
    height: auto;
}

ul {
    list-style: none
}

ol {
    margin-left: 2em
}

a {
    color: #000;
    text-decoration: none
}

a:focus
{
background-color: #2E2EFF;
}

.main a:focus
{
background-color: #E1C1E2;
}
.letterItems a:focus
{
background-color: #E1C1E2;
}


.hpLpOuterCont a:focus
{
background-color: #2E2EFF;
}



* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
    outline: none !important
}

*,
*::before,
*::after {
    box-sizing: border-box
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-weight: normal;
    margin: .6em 0;
    line-height: 1.4em
}

h1 {
    font-size: 2.8568em
}

h2 {
    font-size: 1.8em
}

h3 {
    font-size: 1.6em;
    /*margin-top: 1.5em;*/
}

h4 {
    font-size: 1.4em
}

p {
    padding: .6em 0;
    font-size: 1.2em;
    line-height: 1.8em
}

hr {
    height: 3px;
    border: 0;
    margin-bottom: 15px
}

.leftCol hr {
    color: #eee;
    background-color: #eee
}

.rightCol hr {
    color: #fff;
    background-color: #fff
}

.hpNewsImageLink {
    cursor: default
}

#pageHeader {
    background-color: #692d73;
    border-bottom: 8px solid #a54eb9;
    width: 100%;
    min-height: 8em
}



#subHeader {
    background-color: #333;
    min-height: 4em;
    width: 100%;
    margin-bottom: 1%
}

.links {
    color: #fff;
    display: inline-block;
    font-size: 1.5em;
    margin: .7em;
    float: left
}

.links a {
    color: #fff
}

.social {
    float: right
}

.socialIcon {
    font-size: 4em;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 10px
}

.socialIcon:hover {
    background-color: #fff;
    border-color: #fff;
    color: #692d73
}

.wrapper {
    max-width: 97em;
    margin: 0 auto;
    position: relative
}

.main {
    background-color: #fff;
    font-size: 1.4em;
    line-height: 1.4em;
    margin-top: 1%;
    padding: .5em;
    overflow: auto
}

.main a {
    color: #00f;
    text-decoration: underline;
    padding-top: 1em;
    padding-bottom: 1em;
}

.leftCol {
    float: left;
    padding: 0 2%;
    width: 74%;
    margin-bottom: 10px
}

.rightCol {
    background-color: #f2f2f2;
    float: right;
    width: 24%
}

.sideBar {
    font-size: 1.6em;
}

.branchToc {
    margin-top: 2em
}

.branchToc li {
    font-size: 1.5em;
    line-height: 1.5em;
    margin-bottom: 1em;
    margin-top: 1em;
    padding-left: 2.5em;
    position: relative
}

.branchToc li:before {
    /*background-color: #964eb4;*/
    background-color: #7A3F94;
    color: #fff;
    content: "\e914";
    font-family: "hbc-image-font";
    font-size: 1.2em;
    left: 0;
    padding: .1em;
    position: absolute;
    top: 0
}

.branchToc a
{
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}


.branchToc a:focus
{
background-color: #E1C1E2;
}
.pageBody ul {
    list-style-type: disc;
    margin-left: 2.5em;
    line-height: 2.5em;
    font-size: 1.2em
}

.pageBody ul ul {
    font-size: 1em
}

#customVlogText ul {
list-style-type: disc;
    margin-left: 2.5em;
    line-height: 1.5;
    font-size: 1.2em
}

.pageBody ol {
    margin-left: 2.5em;
    line-height: 1.5;
    font-size: 1.2em
}

.pageIcon {
    background-color: #1f1f1f;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 13em;
    margin: .1em 0 .1em
}

.pageIconHeader {
    text-align: center;
    /*background-color: #964eb4;*/
    background-color: #7A3F94;
    color: #fff;
    padding: .4em 0;
    margin: 0
}

.PublishDate {
    float:right;
    padding: 0;
}

.contactUrls li {
    margin: .5em 0 .5em 0;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}

.contactUrls li a {
    padding-top: 1em;
    padding-bottom: 1em;
}

.actionUrls ul {
    list-style: disc;
}

.actionUrls {
    margin-left: 1em;
}

.actionUrls li {
    margin: 0.5em 0 .5em 0
}

.actionUrls li::before {
/*content: "\2022";   
color: #964eb4;  
display: inline-block;  
width: 1em; 
font-weight: bold; 
font-size:1.1rem;*/ 
}

.actionUrls li:before {
  content: "";
  display: inline-block;
  width: .5em;
  height: .5em;
  border-radius: 50%;
  background: #00F;
  margin: 0 0em 0 -1em;
}

.contactIcons {
    /*background-color: #964eb4;*/
    background-color: #7A3F94;
    border-radius: 5px;
    color: #fff;
    float: right;
    font-size: 2em;
    margin-top: -.15em
}

#contact p {
    font-size: 1em
}

.breadcrumb {
    list-style: none;
    overflow: hidden;
    font-size: 1.6em;
    background-color: #f2f2f2
}

.breadcrumb li {
    float: left
}

.breadcrumb li a {
    color: #fff;
    text-decoration: none;
    padding: 1em;
    /*background: #964eb4;*/
    background: #7A3F94;
    position: relative;
    display: block;
    float: left
}

.breadcrumb li a span {
    font-size: 4em;
    position: absolute
}

.breadcrumb li:last-child a {
    border-radius: 0 10px 10px 0
}

.breadcrumb li:first-child a {
    padding-left: .5em
}

.breadcrumb li:nth-child(2) a {
    /*background: #545454*/
    background: #404040
}

.breadcrumb li:nth-child(2) a:after {
    /*border-left-color: #545454*/
    border-left-color: #404040
}

.breadcrumb li:nth-child(3) a {
    /*background: #6B6B6B*/
    background: #595959
}

.breadcrumb li:nth-child(3) a:after {
    /*border-left-color: #6B6B6B*/
    border-left-color: #595959
}

.breadcrumb li:nth-child(5) a {
    /*background: #545454*/
    background: #404040
}

.breadcrumb li:nth-child(5) a:after {
    /*border-left-color: #545454*/
    border-left-color: #404040
}

.breadcrumb li:nth-child(6) a {
    /*background: #6B6B6B*/
    background: #595959
}

.breadcrumb li:nth-child(6) a:after {
    /*border-left-color: #6B6B6B*/
    border-left-color: #595959
}

.breadcrumb li:nth-child(8) a {
    /*background: #545454*/
    background: #404040
}

.breadcrumb li:nth-child(8) a:after {
    /*border-left-color: #545454*/
    border-left-color: #404040
}

.breadcrumb li:nth-child(9) a {
    /*background: #6B6B6B*/
    background: #595959
}

.breadcrumb li:nth-child(9) a:after {
    /*border-left-color: #6B6B6B*/
    border-left-color: #595959
}

.breadcrumb li a:focus
{
background-color: #2E2EFF;
}
form.search {
    clear: none;
    display: block;
    float: left;
    margin-top: 2.2%;
    position: relative;
    width: 33%
}

form.search label {
    display: block;
    height: 0;
    position: absolute;
    text-indent: -999em;
    width: 0
}

form.search .input {
    background-color: #fff;
    border: medium none;
    border-radius: 3px;
    color: #444;
    font-size: 2em;
    padding: .3em 2em .3em .3em;
    width: 38%; /* WAS 80%*/
    margin-top: .2em;
}

form.search input[type="text"]:disabled {
    -webkit-text-fill-color: rgba(0, 0, 0, 1);
    -webkit-opacity: 1;
    background: #fff
}

form.search .submit {
    padding: .5em;
    position: absolute;
    right: 0;
    z-index: 3;
    margin-top: .2em;
}

.autocomplete-suggestions {
    border: 1px solid #999;
    background: #fff;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, .64);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, .64);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, .64)
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1.8em
}

.autocomplete-selected {
    background: #edd9f0
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #a54eb9
}

.atoz {
    /*background-color: #a84aba;*/
    background-color: #7A3F94;
    border: 2px solid #fff;
    border-radius: 10px;
    color: #fff;
    float: left;
    font-size: 2em;
    margin: 2.3% 2% 0 4%;
    padding: .425% 1.063%;
    text-align: center;
    width: 3.3em;
    visibility:hidden;
}

.atoz a {
    color: #fff
}

.hpLpOuterCont {
    margin: 2.063% 0
}

.hpLpTitleBg {
    /*background-color: #964eb4;*/
    background-color: #7A3F94;
    border-radius: 10px;
    padding: .5em 1em;
    text-align: center
}

.hpLpTitle {
    background-color: #333;
    border-radius: 10px 10px 0 0;
    display: inline-block;
    padding: .5em 1em;
    width: 21.8em
}

.hpLpTitle h1 {
    margin: 0;
    font-size: 2.2em;
    color: #fff
}

.hpLpInnerCont {
    background-color: #333;
    border-radius: 0 10px 10px
}

.hpLpflSlickCont {
    width: 90%;
    margin: 0 auto
}

.hpLpFirstLevel {
    /*background-color: #a84aba;*/
    background-color: #7A3F94;
    border-radius: 10px;
    text-align: center;
    margin: 8% 2%;
    padding: 4% 5% 10%
}

.hpLpFirstLevel span {
    font-size: 12em
}

.hpLpFirstLevel a {
    color: #fff
}

.hpLpFirstLevel h2 {
    color: #fff;
    font-size: 2em;
    line-height: 1.1em;
    margin: .4em .25em 0
}

.hpLpFirstLevel.selected {
    background-color: #1f1f1f
}

.hpLpFirstLevel.selected [class^="icon-hbc"]:hover {
    color: #a84aba
}

.hpLpFirstLevel [class^="icon-hbc"]:hover {
    color: #333
}

.hpLpSecondLevel {
    display: none;
    overflow: auto;
    margin: 0 4.5em 1.5em
}

.hpLpSecondLevelItem {
    background-color: #1f1f1f;
    margin: .93%;
    width: 14.8%;
    border-radius: 10px;
    float: left;
    padding: 1.032% 0;
    text-align: center;
    vertical-align: top
}

.hpLpSecondLevelItem span {
    font-size: 8em
}

.hpLpSecondLevelItem h2 {
    font-size: 1.75em;
    font-weight: normal;
    margin: .25em
}

    .hpLpSecondLevelItem p
    {
    font-family: 'Roboto', Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 1.75em;
    font-weight: normal;
    margin: .25em;
    line-height: 1.5em;
    padding: 0;
    }

.hpLpSecondLevelItem a {
    color: #fff
}

.hpLpSecondLevelItem span:hover {
color: #a84aba;
}

.hpLpSecondLevelItem span:active {
color: #fff;
}

#emergencyNews {
    font-size: 2em;
    color: #fff;
    padding: 0 .6em
}

#emergencyNews h1 {
    margin: 0;
    font-size: 1.8em
}

#emergencyNews ul, ol {
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    font-size: 1.2em
}

#emergencyNews a {
    color: #FFFFFF;
}

.hpNewsCont {
    margin: 0 auto;
    position: relative
}

.hpNewsCont .hpNewsBg {
    background: rgba(0, 0, 0, 0) url("/static/images/shadow5x5.png") repeat scroll 0 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 34%;
    padding: 0 1%
}

.hpNewsCont h1,
.hpNewsCont p {
    font-size: 2em
}

.hpNewsCont h1,
.hpNewsCont p,
.hpNewsCont a {
    color: #fff
}


.hpNewsCont a {
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}


.hpNewsCont h1 {
    font-size: 3.5em;
    line-height: 1.1em;
    margin-top: 0.2em;
    margin-bottom: 0;
    clear: both;
}

.hpNewsCont p {
    font-size: 1.6em
}

.link-more {
    /*background-color: #964eb4;*/
    background-color: #7A3F94;
    display: inline-block;
    border-radius: 10px;
    font-size: 1em;
    color: #ffffff;
    padding: .3em;
    margin-bottom: 1em;
    margin-left: 0.8em;
}

.hpNewsCont a.link-more {
    border-radius: 10px;
    display: inline-block;
    font-size: 1.8em;
    padding: .65em;
    position: absolute;
    bottom: .5em;
    background-color: #7A3F94;
}

.hpNewsCont a.link-more span {
    vertical-align: bottom
}

.hpNewsCont a.link-more:focus
{
background-color: #2E2EFF;
}

#emergencyNews a.link-more:focus
{
background-color: #2E2EFF !important;
}

#hpNews .slick-dots {
    bottom: 0;
    height: 10%;
    left: 1%;
    text-align: left;
    top: 2%;
    width: 18em
}

.slick-dots li {
    height: 0;
    margin: 0 3em 0 0;
    width: 0
}

#hpNews .slick-dots li button,
#hpNews .slick-dots li button::before {
    font-size: 1.5em
}

#hpNews .slick-dots li button::before {
    color: #fff;
    opacity: .75
}

#hpNews .slick-dots li.slick-active button::before {
    /*color: #a84aba;*/
    color: #7A3F94;
    opacity: 1
}

#hpNews {
    margin-bottom: 0
}

#hpNews:focus-within
{
border: 3px solid #2E2EFF;
}

.hpNewsHeading:focus
{
background-color: #2E2EFF;
}

.isPlay, .isPaused
{
float: right;
background-repeat:no-repeat;
height: 30px;
width: 30px;
border: 0px solid transparent;
outline: transparent solid 0px;
cursor: pointer;
background-color: transparent;
margin-top: 5px;
margin-bottom: 5px;
}

.isPlay
{
background: transparent url('/static/images/play.png') no-repeat center center;
}

.isPaused
{
background: transparent url('/static/images/pause.png') no-repeat center center;
}

.isPlay:focus, .isPaused:focus
{
border: 4px solid #2E2EFF;
}

.bannerCount
{
color: #DDDDDD;
font-size: 1.6em;
padding-top: 0.6em;
float: left;
}




.letter {
    background-color: #333;
    border-radius: 1em;
    float: none;
    margin: 1em 0;
    padding: 1.5em;
    width: 13em
}

.letterBg {
    /*background-color: #964eb4;*/
    background-color: #7A3F94;
    border-radius: 1em;
    color: #fff;
    padding: .5em;
    text-align: center
}

li.secondLevel {
    margin: .7% .93% 0
}

.letterLink {
    overflow: auto;
    margin: 0;
    padding: 0
}

.letterLink li {
    float: left;
    text-align: center;
    width: 7.25%;
    background-color: #333;
    border: 1px solid #333;
    border-radius: .5em;
    margin: .2em
}

.letterLink li a,
.letterLink li span {
    display: block;
    font-size: 2em;
    padding: .8em 0;
  
}

.letterLink li a {
    color: #fff;
}

.letterLink li span {
    color: #595756
}

.letterLink li a:hover {
    background-color: #fff;
    color: #692d73
}

.letterItems>li {
    font-size: 1.5em;
    margin: .25em 0
}

.letterItems li span {
    font-size: 3em;
    display: inline-block;
    vertical-align: middle
}

.letterItems li h3 {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 .2em
}

.letterItems li a {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

#footerAtoZ {
    background-color: #000;
    color: #fff;
    margin-top: 2em;
    border-top: 4px solid #a54eb9
}

.offscreen,
.scc-offscreen {
    left: -9999px;
    position: absolute;
    top: -9999px
}

.scc-atoz-picker h2 {
    color: #fff;
    /*float: left;*/
    margin: 0
}

.scc-atoz-picker ul {
    text-align: center;
    width: 100%;
    float: left
}

.scc-atoz-picker li {
    display: inline-block;
    font-size: 1.5em;
    margin-bottom: 1em;
    margin-top: 1em;
}

.scc-atoz-picker {
    color: #858580;
}

.scc-atoz-picker a {
    color: #fff;
    padding: 1.2em;
}

.scc-atoz-picker {
    margin: 0 auto;
    max-width: 97em;
    position: relative;
    padding: .8em 1em
}

.scc-atoz-picker::after {
    clear: both
}

.scc-atoz-picker::before,
.scc-atoz-picker::after {
    content: " ";
    display: table
}

.scc-atoz-picker li.footerSocial {
    display: none
}

.hidden {
    display: none
}

.clear {
    clear: both
}

#sisterSites {
    background-color: #692d73;
    width: 100%
}

#pageFooter {
    background-color: #333;
    color: #fff;
    padding-bottom: 20px;
}

#pageFooter li {
    margin-bottom: 1.5em;
    margin-top: 1em;
}


#pageFooter a {
    color: #fff;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
}

.copyright {
    display: inline-block;
    font-size: 1.5em;
    /*position: absolute;*/
    right: 0;
    text-align: right;
    top: 1.5em;
    REMwidth: 50%;
    float:right;
    padding-top:20px;
}

#pageFooter .wrapper ul {
    /* width: 75% */
    width: 100%; 
    font-family: Roboto, Verdana, Arial, Geneva, Helvetica, sans-serif;
    margin: 0.6em 0;
    line-height: 1.4em;
    font-size: 1.8em;
    padding-bottom: 1.4em;
}

#pageFooter .wrapper ul li {
    display: inline-block;
    /*width: 48%;*/
    zoom: 1
}

#checkboxes {
    width: 680px
}

#checkboxes div div {
    border-bottom: 1px dotted #373740;
    float: left;
    height: 32px;
    margin: 0 1%;
    padding: 3px 0 7px
}

#checkboxes .threeColumns div {
    width: 31%
}

#checkboxes .fourColumns div {
    width: 22%
}

#checkboxes .fiveColumns div {
    width: 18%
}

#checkboxes div input, #checkboxes div img {
    float: left
}

#checkboxes div label {
    display: block;
    font-size: .7em;
    padding-top: 2px
}

#locationDetails {
    width: 300px
}

#locationDetails h3,
#locationDetails p {
    margin: 0;
    padding: 0
}

#distSlide {
    margin: 6px
}

#distSlide p {
    margin: 6px 0 0 0
}

#slideshow {
    position: relative;
    width: 680px;
    height: 512px;
    display: block;
    padding: 30px 0;
    margin-left: 0
}

.sshowImage {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 680px;
    padding: 30px 0
}

.sshowOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 80px 0 0 160px
}

.slideshowLaunch {
    width: 680px
}

.foiForm input {
    border-radius: 5px;
    color: #444;
    font-size: 1.2em;
    padding: .3em 2em .3em .3em;
    width: 88%
}

.foiDateList li {
    margin: .5em 0
}

.foiDate {
    display: inline-block;
    width: 3em
}



.layer {
    padding-left: 20%;
    background-color: #1F1F1F;
}
#skip-to-content {
    clip: rect(0 0 0 0);
    position: absolute;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 1.7;
}
a#skip-to-content:focus {
    position: relative;
}

  .action:focus-within,
  .hpLpFirstLevel:focus-within,
  .tilefocus:focus,
  .hpLpSecondLevelItem:focus-within,
  .linksfocus:focus,
  #skip-to-content:focus,
  .socialIcon:focus, 
  .cc-compliance a:focus
    {
  background-color:#2E2EFF;                   
}
  #emergencyNews a:focus {
background-color:#2E2EFF; 
background:#2E2EFF; 
  }



 #skip-to-content:focus  {
  background-color: #2E2EFF;
}




.meetingVidIframe {
    width: 640px;     
    height: 360px;
    border: 0px;
}


.dataTable {
border:1px;
padding:0;
width:100%; 
}

.dataTable td {
padding:10px;
}

caption{
    font-family: 'Roboto', Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-weight: normal;
    text-align: left;
    margin: .6em 0;
    font-size: 1.5em;
}
.darkBg {
background-color: #eeeeee;
}

.tdCenter {
text-align: center;
}


input:focus {
    border: 5px solid #2E2EFF;
}

select:focus {
    border: 5px solid #2E2EFF;
}


/* BENEFITS CALCULATOR HIGHLIGHT FIELDS ON FOCUS START */
div.answer checkbox:focus {
    border: 5px solid #2E2EFF;
}

input[type="checkbox"]:focus-within {border: 5px solid #2E2EFF;}

div.answer select:focus {
    border: 5px solid #2E2EFF;
  }

input.autocalc:focus {border: 5px solid #2E2EFF !important;}
/* BENEFITS CALCULATOR HIGHLIGHT FIELDS ON FOCUS - END*/


.checkFocus:focus-within {border: 5px solid #2E2EFF;}
#map_Div:focus-within {border: 5px solid #2E2EFF;}

form.search input[type="text"]:focus {
    border: 5px solid #2E2EFF;
}

form.search input[type="image"]:focus {
    color: #2E2EFF;
    background: #2E2EFF;

}






/* PREVIOUS TABBING COLOUR #5252FF;}*/


.headerImg {
    float:left;
    width: 49.28%;
}

#headerHome:focus img{      
    border: #2E2EFF 5px solid;
}





 

/*  GRID OF (5 TO A LINE) ITEMS */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 2%;
    width: 18%;
    text-align: center;
}

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; width: 33%;}

}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 400px) {
	.col {  margin: 1% 0 1% 0%; width: 50%;}

}


/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 300px) {
	.col {  margin: 1% 0 1% 0%; width: 100%;}

}



#hpNewsx .slick-dots {
    bottom: 0;
    height: 10%;
    left: 1%;
    text-align: left;
    top: 2%;
    width: 18em
}


#hpNewsx .slick-dots li button,
#hpNewsx .slick-dots li button::before {
    font-size: 1.5em
}

#hpNewsx .slick-dots li button::before {
    color: #fff;
    opacity: .75
}

#hpNewsx .slick-dots li.slick-active button::before {
    /*color: #a84aba;*/
    color: #7A3F94;
    opacity: 1
}

.hpNews {
    margin-bottom: 0
}

.hpNews:focus-within
{
border: 3px solid #2E2EFF;
}

hpLpFirstLevel:focus
{
background-color: #00FF00;
}

hpLpFirstLevel:focus-within
{
background-color: #00FF00;
}

/*  ACTION BUTTON */
 .action {
    border: 0;
    border-radius: 15px;
    background: #000000;
    color: #ffffff;
    padding: 40px 20px 40px 20px;
    width: 85%;
    height: auto;
    margin: auto;
    margin-bottom: 25px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
}

.action:hover {
background-color: #692d73;
}

.action:focus {
background-color: #2E2EFF;
}

.action span {
font-size: 4em;
float: right;
margin-top: -0.3em;
}

 .actionheading {
 line-height:0.9em;
 /*margin:.6em 0;*/
 font-weight:normal;
 font-family:'Roboto', Verdana, Arial, Geneva, Helvetica, sans-serif;
 /*margin-top:-0.4em;*/
 display:inline;
 font-size: 1.8em;
 vertical-align: middle;
 float:left;
 width:80%;
 padding:30px 0px 30px 40px;
}


 .actionclick {
float:right;
width:20%;
font-size:7em;
/*margin-top:12px;*/
margin-bottom:-30px;
}

#actionContainer {
 border: red 2px solid;
}

/*  PREV/NEXT PAGE NAV */
.navBar {
width:100%;
padding-top: 3em;
padding-bottom: 1em;
}

.prevPage {
float:left!important
}

.nextPage {
float:right!important
}

a.navLink {
text-decoration:none;
font-size: 1.5em;
padding-top: 0.6em;
padding-bottom: 0.6em;
}

.navLink:hover {
color:#000!important;background-color:#ccc!important
}

.prevPage:before {
/*background-color: #964eb4;*/
background-color: #7A3F94;
color: #fff;
content: "\e915";
font-family: "hbc-image-font";
left: 0;
padding: .1em;
top: 0;
}

.nextPage:after {
/*background-color: #964eb4;*/
background-color: #7A3F94;
color: #fff;
content: "\e914";
font-family: "hbc-image-font";
left: 0;
padding: .1em;
top: 0;
}


/*.action h2 {
margin-top: -0.4em;
display:inline;
}*/
/* Speech bubble - Branch Page News */
.speech-bubble {
	position: relative;
	background: #333333;
    background-color: #333333;
    border-radius: 10px 10px 10px;
    margin-bottom: 4.5em;
}

.speech-bubble:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 15%;
    width: 0;
    height: 0px;
    border: 45px solid transparent;
    border-top-color: #333;
    border-bottom: 0;
    border-left: 0;
    margin-left: -19px;
    margin-bottom: -44px;
}
/* Covid-19 - Temporary tile styles */
/*#tile-icon-hbc-corona
{
background-color: #ff6600;
}*/
/*  NEWS PRESS  */
.newsPressCont {
    background-color:#F0E8F4;
    padding:10px;
    margin-top:10px;
    padding:5px;
}

.newsPressLeftBox {
    width:30%;
    display:table-cell;
    vertical-align: top;
    padding:5px; 
}

.newsPressRightBox {
    width:70%;
    display:table-cell;
    vertical-align: top;
    padding:5px; 
}

.newsPressRightBox a {
    padding-top: 0.6em;
    padding-bottom: 0.6em;
}

/*  AVTIVE HASTINGS  */

.ahCont {
    background-color:#F0E8F4;
    padding:10px;
    margin-top:10px;
    padding:5px;
}

.ahLeftBox {
    width:30%;
    display:table-cell;
    vertical-align: top;
    padding:5px; 
}

.ahRightBox {
    width:70%;
    display:table-cell;
    vertical-align: top;
    padding:5px; 
}

.ahHeading {
    margin-top: 0.05em;
}

.ahSnippet {
    font-size: 1.2em;
    line-height: 1.8em;
}

/*  COVID STATS (GOV.UK) BANNER  */
#CovidStatsContainer {
    background-color:#a54eb9;
    border-radius:10px;
    margin-bottom:10px;
}

#CovidStatsContent {
    font-size:2em;
    color:#fff;
    padding:0.6em;
}

#CovidStatsImg {
    display:inline-block;
    vertical-align:middle;
    /*max-width:26%;*/
    padding-right:4%;
}

#dailyCovidNum {
    display:inline-block;
    vertical-align:middle;
    padding-left:1%;
    padding-right:1%;
    width:24%;
    font-size:0.7em;
}

#totalCovidNum {
    display:inline-block;
    vertical-align:middle;
    padding-left:1%;
    padding-right:1%;
    width:25%;
    font-size:0.7em;
}

#covidStats {
    display:inline-block;
    vertical-align:middle;
    width:25%;
    text-align:center;
    padding-right:1%;
}

#CovidStatsLink {
    color:#fff;
    text-decoration:underline;
    font-size:0.8em;
}

.CovidStatsNum {
    font-size:35px;
    font-weight:bold;
}
#crowncopy {
    font-size: 1em;
    font-weight:bold;
    line-height: 1.8em;
}
/*  COOKIES */

/*USER DEFINED*/

.cc-color-override-hbc.cc-window {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
}

.cc-color-override-hbc .cc-link, .cc-color-override-hbc .cc-link:active, .cc-color-override-hbc .cc-link:visited {
    color: rgb(255, 255, 255);
}

.cc-color-override-hbc .cc-btn {
    color: rgb(255, 255, 255);
    border-color: transparent;
    background-color: #7A3F94;
}

#cc-bannerid {
    display: none;
}

@media only screen and (max-width:25em) {
    .cc-btn {
        width: 100%;
    }
}