/**------------------------------------------
	CLASSES
--------------------------------------------*/
.button, .wp-block-file .wp-block-file__button { background: #004467;  color: #fff !important;}

.button-secondary { background: #237F90; color: #fff; }

.button-action, .wp-block-button__link { background: #004467; }

.page-template-template-step-by-step .button-action, .page-template-template-step-by-step .wp-block-button__link { background: #008094;}

.button-action-secondary { background: #004467; }

.button:hover { color: #008094; }

.button-action:hover, .button-action-secondary:hover, .helpful-buttons:hover, .wp-block-button__link:hover, .close-button:hover { color: #fff; opacity: 0.8; text-decoration: none; }

.icon-holder { background: #004467; }

.icon-holder-light { background: #87D4E2; }

.small-icon-holder { background: #008094; }

.helpful-buttons.yes { background: #008094; }

.helpful-buttons.no, .close-button { background: #A80F79; }

.highlight { color: #87D4E2; }

/**------------------------------------------
	HTML
--------------------------------------------*/
a, a:hover { color: #004467; }

.gutenberg a:not(.button-action, .wp-block-button__link), .gutenberg a:hover:not(.button-action, .wp-block-button__link) { color: #008094; }

.gutenberg h1, .gutenberg h2, .gutenberg h3, .gutenberg h6 { color: #004467; }

/*------------------------------------------
	COOKIE LAYER
------------------------------------------*/
div#cookie-layer p a#cookie-continue { background: #004467; }

div#cookie-layer p a#cookie-continue:hover { background: #008094; }

/**------------------------------------------
	HEADER
--------------------------------------------*/
header#header { background: #87D4E2; }

form#header-search fieldset:before { color: #008094; }

div#header-inner { background-image: url(../images/header-bg.png); background-position: 13% 0%; background-repeat: no-repeat; background-color: #0095AD; }

form#header-search input.input, form#mobile-header-search input.input { color: #008094; }

form#header-search button { background: #004467; }

/**------------------------------------------
	BREADCRUMBS
--------------------------------------------*/
div#breadcrumb-wrapper { background: #87D4E2; }

div#breadcrumb-wrapper p, div#breadcrumb-wrapper p a { color: #004467; font-weight: initial; }

/**------------------------------------------
	MENU
--------------------------------------------*/
#menu-wrapper { background: #87D4E2; }

/**------------------------------------------
	NEWS TICKER
--------------------------------------------*/
div#news-ticker-wrapper { background: #A80F79; }

/**------------------------------------------
	HOW CAN WE HELP
--------------------------------------------*/
div#hcwh-wrapper { background: url(../images/hcwh-bg.svg) 0px 0px no-repeat #87D4E2; background-size: cover; }

div#parent-page-wrapper  div.hcwh-item p a{ color: #004467; }

div#hcwh-wrapper.dark { background-color: #87D4E2; }

div#hcwh-wrapper.light { background-color: #004467; }

div#hcwh-wrapper h2.dark, div#hcwh-wrapper p a.dark { color: #004467; }

div#hcwh-wrapper h2.light, div#hcwh-wrapper p a.light { color: #fff; }

div#hcwh-wrapper h2, div.hcwh-item p a { color: #004467; }

/**------------------------------------------
	INFO YOUR AREA
--------------------------------------------*/
div#info-area-wrapper { background: url(../images/info-area-bg.svg) 0px 0px no-repeat #004467; background-size: cover; }

div#info-area-wrapper h4 a { color: #87D4E2; }

/**------------------------------------------
	CALENDAR REMINDER
--------------------------------------------*/
div.calendar-reminder h3, div.calendar-reminder p, div.calendar-reminder .calender-title  { color: #004467; }

div.calendar-reminder .calender-title {font-size: 32px;line-height: 40px; font-weight: 600; margin-bottom: 20px;}
/**------------------------------------------
	PAGE DIRECTORY
--------------------------------------------*/
div#page-directory-wrapper { background: #87D4E2; }

div.page-directory h4 { color: #004467; }

button.slick-prev, button.slick-next { background: #A80F79; }

div.dark ul.slick-dots li button { background: #004467; border: 2px solid #004467; }

div.light ul.slick-dots li button { background: #fff; border: 2px solid #fff; }

ul.slick-dots li button { background: #004467; border: 2px solid #004467; }

div.dark ul.slick-dots li.slick-active button, div.light ul.slick-dots li.slick-active button, ul.slick-dots li.slick-active button { background: none; }

/**------------------------------------------
	GUTENBERG
--------------------------------------------*/
/** Gallery */
ul.wp-block-gallery button.slick-prev, ul.wp-block-gallery button.slick-next { color: #004467; }

/** Quote block */
div.wp-block-media-text { background: #004467; }

/** Contact panel */
div.contact-panel p { color: #004467; }

div.contact-panel i { color: #008094; }

div.contact-panel a { color: #004467!important; }

/**------------------------------------------
	WAS THIS PAGE HELPFUL?
--------------------------------------------*/
div#helpful-check hr { border-top: 0px; border-bottom: 1px solid #004467; }

/**------------------------------------------
	SIDEBAR
--------------------------------------------*/
ul.related li span { background: #008094; }

ul.related li a { font-weight: initial; color: #004467; }

/**------------------------------------------
	PAGINATION
--------------------------------------------*/
div#pagination-wrapper a.page-numbers { color: #004467; }

div#pagination-wrapper span.page-numbers { color: #008094; }

div#pagination-wrapper .page-numbers:hover { text-decoration: none; color: #008094; }

/**------------------------------------------
	STEP BY STEP
--------------------------------------------*/
div#step-by-step-wrapper { background: #004467; }

div#step-wrapper { background: #87D4E2; }

div#step-wrapper ul li { color: #004467; }

div#step-wrapper ul li span { background: #004467; }

/**------------------------------------------
	PARENT PAGE
--------------------------------------------*/
div#parent-page-wrapper { background: #004467; }

div#parent-page-wrapper.dark h1, div#parent-page-wrapper.dark p, div#parent-page-wrapper.dark ul li, div#parent-page-wrapper.dark ul li a { color: #004467; }

div#parent-page-wrapper.light h1, div#parent-page-wrapper.light p, div#parent-page-wrapper.light ul li, div#parent-page-wrapper.light ul li a { color: #fff; }

div#parent-page-wrapper h1, div#parent-page-wrapper p, div#parent-page-wrapper ul li, div#parent-page-wrapper ul li a { color: #fff; }

div#parent-page-wrapper a{ 	color:#fff; }

/**------------------------------------------
	SEARCH 
--------------------------------------------*/
div#search-wrapper, div#search-results-wrapper { background: #87D4E2; }

div#search-wrapper input#page-s { color: #004467; }

ul#search-type li a { color: #004467; }

div#search-results > h3 { color: #008094; }

div#search-results p { color: #004467; }

/**------------------------------------------
	FOOTER
--------------------------------------------*/
footer#top-footer { background: #004467; }

footer#top-footer hr { border-bottom: 1px solid #008094; }

footer#bottom-footer { background: #008094; }

/**-----------------------------------------------------------------
	@BESPOKE 1880px BREAK POINT
-------------------------------------------------------------------*/
@media (max-width: 1880px) { div#header-inner { background-position: 0% 0%; } }
/**-----------------------------------------------------------------
	@BESPOKE 1470 BREAK POINT
-------------------------------------------------------------------*/
@media (max-width: 1470px) { div#header-inner { background-image: none; } }
/**-----------------------------------------------------------------
	@BOOTSTRAP 992px BREAK POINT (-1 as desktop built first)
-------------------------------------------------------------------*/
/**-----------------------------------------------------------------
	@BOOTSTRAP 768px BREAK POINT (-1 as desktop built first)
-------------------------------------------------------------------*/

/* ---- Changes -----*/
h4, .gutenberg h3{
	font-size: 21px;
	line-height: 28px;   
}
div.page-directory {
	background: #f2f2ea;
}

.gutenberg p a, .gutenberg p a:hover, .gutenberg li a, .gutenberg li a:hover{
	color:#008094;
}

ul.related li a {
    font-weight: initial;
    color: #212529;
}

.sidebar h3{
	color:#008094;
}

.h1, h1{
	font-size: 2.25rem;
}

body{

	line-height: 28px;
}

div.hcwh-item p{
	line-height: 24px;
}
#info-area-wrapper  .highlight, #info-area-wrapper  .highlight a ,  #info-area-wrapper  a{
	color:#fff;
}

div#info-area-wrapper{
	background-image: none;
}

div.page-directory ul li a{
	line-height: 24px;
}

div.page-directory ul li div.small-icon-holder{
	font-size: 16px;
}
ul.related li span{
	font-size: 16px;
}

div.page-directory ul{
	margin-top: 25px;
	margin-bottom: 25px;
}

div.hcwh-item{
	background: #F3F1EA;
}

div.hcwh-item a.icon-holder{
	margin-bottom: 25px;;
}

div.page-directory{
	background: #F3F1EA;
}
div.page-directory ul li{
	padding-bottom: 12px;
}

div.contact-panel a {
    color: #004467;
}
.margin-section-padding h1{
	margin-bottom: 40px;
}
div.contact-panel{
	margin-top: 40px;
}
footer#top-footer ul li{
	padding-bottom: 20px;
}

div.wp-block-columns{
	margin-top: 40px;
	margin-bottom: 40px;
}
#top-footer #contact-details p{
	max-width: 350px;
}

#top-footer #contact-details .row{
	-ms-flex-align: center!important;
    align-items: center!important;
}
div#menu-wrapper{
	z-index: 100;
}
footer#top-footer div#contact-details div.row:last-of-type{
	margin-bottom: 10px;
}
.gutenberg .wp-block-button  [class*="wp-block-button__"]{

	margin-bottom: 50px;
}


#hcwh-wrapper a:focus > .hcwh-item, #parent-page-wrapper a:focus > .hcwh-item{
	outline-color: #237F90;
}

 div#hcwh-wrapper #hcwh-scroll:focus{
	outline-color: #237F90;
}