/*************************************************
	Styling added since the site went live
	v1.3.2 (last changed on 29/11/2023)
*************************************************/

body { background: #fff; }
.no-flexbox .site-header__identity { float: none; }
.supplement--navigation-bottom { border: 0px; border-top: 4px solid #023a73; background-color: #f6f6f6; }
.site-footer__social-list a:hover .fa-instagram { color: #833ab4; }
.site-announcement .container { background: none; }

/* Inline style classes */
.bcklwn_bold { font-weight: bold; } .bcklwn_bold_imp { font-weight: bold !important; }
.bcklwn_underline { text-decoration: underline; } .bcklwn_underline_imp { text-decoration: underline !important; }
.bcklwn_text_black { color: #000; } .bcklwn_text_black_imp { color: #000 !important; } 
.bcklwn_text_white { color: #fff; } .bcklwn_text_white_imp { color: #fff !important; } 
.bcklwn_text_blue { color: #004c96; } .bcklwn_text_blue_imp { color: #004c96 !important; } 
.bcklwn_align_left { text-align: left; } .bcklwn_align_left_imp { text-align: left !important; }
.bcklwn_align_center, .txtC { text-align: center; } .bcklwn_align_center_imp { text-align: center !important; }
.bcklwn_align_right, .txtR { text-align: right; } .bcklwn_align_right_imp { text-align: right !important; }
.bcklwn_display_block, .displayBlock { display: block; } .bcklwn_display_block_imp { display: block !important; }
.bcklwn_display_inline_block, .displayInlineBlock { display: inline-block; } .bcklwn_display_inline_block_imp { display: inline-block !important; }
.bcklwn_display_none, .displayNone { display: none; } .bcklwn_display_none_imp { display: none !important; }
.bcklwn_width_0   { width: 0%; }  .bcklwn_width_5   { width: 5%; } .bcklwn_width_10 { width: 10%; } .bcklwn_width_15 { width: 15%; }
.bcklwn_width_20 { width: 20%; } .bcklwn_width_25 { width: 25%; } .bcklwn_width_30 { width: 30%; } .bcklwn_width_33 { width: 33%; } .bcklwn_width_35 { width: 35%; }
.bcklwn_width_40 { width: 40%; } .bcklwn_width_45 { width: 45%; } .bcklwn_width_50 { width: 50%; } .bcklwn_width_55 { width: 55%; }
.bcklwn_width_60 { width: 60%; } .bcklwn_width_65 { width: 65%; } .bcklwn_width_66 { width: 66%; } .bcklwn_width_70 { width: 70%; } .bcklwn_width_75 { width: 75%; } 
.bcklwn_width_80 { width: 80%; } .bcklwn_width_85 { width: 85%; } .bcklwn_width_90 { width: 90%; } .bcklwn_width_95 { width: 95%; } .bcklwn_width_100 { width: 100%; }

/* Text header overrides */
h1, .h1, h4, .h4, h5, .h5 { color: #004c96; }
h2, .h2 { color: #004c96; margin-bottom: 0.375em}
h3, .h3 { color: #000 }
.editor h2, .editor .h2 { font-size: 1.25em; line-height: 1.2em }
.editor h3, .editor .h3 { font-size: 1.125em; line-height: 1.3333333333em }
.editor h4, .editor .h4 { font-size: 1em; line-height: 1.5em }
.editor h5, .editor .h5 { font-size: 1em; line-height: 1.5em }
.editor h6, .editor .h6 { font-size: 1em; line-height: 1.5em }

/* Select box styling */
select {
   -webkit-appearance: none; -moz-appearance: none; appearance: none; /* remove default arrow */
   background-image: url('/site/custom_scripts/_images/selectBox-arrow.png') !important;
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAh0lEQVQ4T93TMQrCUAzG8V9x8QziiYSuXdzFC7h4AcELOPQAdXYovZCHEATlgQV5GFTe1ozJlz/kS1IpjKqw3wQBVyy++JI0y1GTe7DCBbMAckeNIQKk/BanALBB+16LtnDELoMcsM/BESDlz2heDR3WePwKSLo5eoxz3z6NNcFD+vu3ij14Aqz/DxGbKB7CAAAAAElFTkSuQmCC') !important;
   background-repeat: no-repeat; background-position: 99% 55%; padding: 10px; padding-right: 3%;
}
select::-ms-expand { display: none; /* hide the default arrow in IE10 and IE11 */ }

/* Link and button styling - Add underline and style telephone links */
.site-article .editor a, #feedback a, .widget---bc-include-file a, .data-table a, .item-list--rich a, .text--firstcap, .widget--latest-tweets__tweet a { 
	text-decoration: underline;
}
.site-article .editor a.button, #feedback a.button, .widget---bc-include-file a.button, .data-table a.button, .item-list--rich a.button, .widget--latest-tweets__tweet a.button { 
	text-decoration: none;
}
.site-article .editor a:active, #feedback a:active, .widget---bc-include-file a:active, .data-table a:active, .item-list--rich a:active, .text--firstcap:active, .widget--latest-tweets__tweet a:active, 
.site-article .editor a:focus, #feedback a:focus, .widget---bc-include-file a:focus, .data-table a:focus, .item-list--rich a:focus, .text--firstcap:focus, .widget--latest-tweets__tweet a:focus { 
	background: #f0b849; outline: 2px solid #f0b849; color: #000;
}
.site-article .editor a.button:active, #feedback a.button:active, .widget---bc-include-file a.button:active, .data-table a.button:active, .item-list--rich a.button:active, 
.site-article .editor a.button:focus, #feedback a.button:focus, .widget---bc-include-file a.button:focus, .data-table a.button:focus, .item-list--rich a.button:focus { 
	background: #000; color: #fff;
}
a, a:visited { color: #004c96; }
a[href*="tel"] { color: #004c96; }
.supplement__text--phone a[href*="tel"] { color: #fff; }
.nav--breadcrumb a, .nav--breadcrumb span { color: #555; }
a[href*="tel"].button { color: #000; }
a[href*="tel"].button:hover, a[href*="tel"].button:focus, a[href*="tel"].button:active { 
	color: #fff; 
	background-color: #000;
}

/* Homepage news & top task blocks on desktop/mobile */
.widget--latest-news { display: none; }
.banner .widget-width .styles997 { background-color: rgba(255,255,255,0.8); }
@media (min-width: 600px) { 
	.banner .widget--latest-news { background-color: rgba(0,76,154,0.8); }
	.banner .widget-width .widget--latest-news:first-of-type { display: block; } 
}
@media (max-width: 599px) {
	.banner .widget-row .widget-width{ -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
	.banner .widget-width .widget--latest-news:last-of-type { display: block; margin-bottom: 15px; } 
}

/* Feedback block (comments about page) styling */
#feedback { background: #f6f6f6; padding: 1.5rem; border-top: 4px solid #023a73; }
#feedback > a::before { display: inline-block; font: normal normal normal 14px / 1 FontAwesome; font-size: 18px; content: ''; margin-right: 1rem; text-decoration: none; color: #000; }
#feedback.is-open > a::before { content: ''; }
 
/* Jadu directory styling */
.item-list--definition { margin-top: 30px; }
.item-list--definition__heading {
	display: inline-block; float: left; clear: left; width: 25%; min-width: auto; 
	margin: 0; padding: 1% 1.5%; border-top: 1px solid #e9eaea;	text-align: right; color: #004c96;
}
.item-list--definition__content {
	display: inline-block; float: left; clear: right; min-height: 65px;	width: 70%; 
	margin: 0; padding: 1% 1.5%; border-top: 1px solid #e9eaea;
}
@media (max-width: 599px) { 
	.item-list--definition__heading { display: block; float: none; width: 100%; padding-top: 1.75%; text-align: left; }
	.item-list--definition__content	{ display: block; float: none; width: 100%; min-height: 45px; border-top: 0px; }
}

/* SOCITM logo in the footer */
.site-footer__social-list-item--socitm { display: block; position: absolute; top: 0; right: 0; width: 130px; }
.site-footer__social-list-item--socitm img { margin: 0 }
.site-footer__social-list-item--socitm+.site-footer__social-list-item--twitter { margin-top: 4rem; }
@media screen and (min-width: 400px) { 
	.site-footer__social-list-item--socitm { width: 160px; }
    .site-footer__social-list-item--socitm+.site-footer__social-list-item--twitter { margin-top: 4.5rem; }
}
@media screen and (min-width: 600px) {
    .site-footer__social-list-item--socitm { position: relative; width: 190px; }
    .site-footer__social-list-item--socitm+.site-footer__social-list-item--twitter { margin-top: 1rem; }
}

/* Colour contrast fixes for SiteImprove */
.download-listing__file-tag, .listing__category, .image--caption__text, .editor .imageCaption p { color: #333; }
.listing__date, .listing__summary { color: #555; }

/* Misc */
.bcklwn_video_container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.bcklwn_video_container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.feedback__form .form__help { color: #333; }


/******* For Step Bar mockup *******/
.gem-c-step-nav-related__heading { color: #000; }
.gem-c-step-nav-related__heading span { color: #004c96; }
.gem-c-step-nav__header:hover .gem-c-step-nav__circle, .gem-c-step-nav__header:focus .gem-c-step-nav__circle { background: #f0b849; color: #000 !important; }
.gem-c-step-nav__step.steps_selected .gem-c-step-nav__header:hover .gem-c-step-nav__circle, .gem-c-step-nav__step.steps_selected .gem-c-step-nav__header:focus .gem-c-step-nav__circle { background: #f0b849;   }
.gem-c-step-nav__step.steps_selected .gem-c-step-nav__circle { background: #000; color: #fff !important; border-color: #000 }
.gem-c-step-nav__step.steps_selected::after { border-color: #000 }
.gem-c-step-nav__step .gem-c-step-nav__circle .gem-c-step-nav__circle-background { text-shadow: none; }
.gem-c-step-nav__header .gem-c-step-nav__button, .gem-c-step-nav__header .gem-c-step-nav__circle { color: #585858; }
.gem-c-step-nav__header .gem-c-step-nav__button a, .gem-c-step-nav__header .gem-c-step-nav__circle a { color: #004c96; }
.gem-c-step-nav__header:hover .gem-c-step-nav__button, .gem-c-step-nav__header:hover .gem-c-step-nav__circle { color: #000 !important; }
.gem-c-step-nav__header:hover .gem-c-step-nav__button a, .gem-c-step-nav__header:hover .gem-c-step-nav__circle a { text-decoration: underline #bfc1c3 !important; }
.gem-c-step-nav__steps .js-step:first-of-type .gem-c-step-nav__header { border-top: 0px; }

/*** Custom flowchart styles ***/
.bcklwn-flowchart {text-align: center;}
.bcklwn-flow-title, .bcklwn-flow-desc {border: 1px solid #004a9b;padding: 8px;}
.bcklwn-flow-title {background: #004a9b; color: #fff;	font-weight: 600; letter-spacing: 0.5px;}
.bcklwn-flow-title small {display: block; font-weight: normal;}
.bcklwn-flow-arrow {font-size: 30px;}