/* Custom CSS for AHBRA */

/* COLOURS ------------------------------------------------------ 
[GREEN]     #00777C     rgb(0,119,124)
[PURPLE]    #562583     rgb()
[GREY]      #BCBEC0     rgb()
[NAVY]      #1C3154     rgb()
*/

/* FONTS: (Adobe Font via Typekit) ------------------------------
Futura PT { font-family: futura-pt, sans-serif; }

Book { font-weight: 400; } => Body Text / HP Intro / Top menu
Medium { font-weight: 500; } => Headings / Buttons / Main menu
Heavy { font-weight: 700; } => HP Heading / Bold
*/

/* FONT SIZES ---------------------------------------------------- 
1px = .0625rem		9px  = .5625rem 		17px = 1.0625rem      26px = 1.625rem
2px = .125rem		10px = .625rem			18px = 1.125rem       28px = 1.75rem 
3px = .1875rem		11px = .6875‬rem		 19px = 1.1875rem      30px = 1.875rem
4px = .25rem		12px = .75rem 			20px = 1.25rem        32px = 2rem
5px = .3125rem		13px = .8125rem 		21px = 1.3125rem	  40px = 2.5rem
6px = .375rem		14px = .875rem 			22px = 1.375rem       44px = 2.75rem  
7px = .4375‬rem		 15px = .9375rem		 23px = 1.4375‬rem
8px = .5rem			16px = 1rem [BASE]		24px = 1.5rem         */


/* GLOBAL STYLES --------------------------------------------------- */
html{ scroll-behavior: smooth; }
body { color:#1C3154; font-family: futura-pt, sans-serif; font-weight: 400; }
*:focus{ outline:3px solid #562583!important; outline-offset:-1px!important; box-shadow:none!important; }

/* All Text Content */
.content { font-size: 1.125rem; }

/* Headings */
h1, h2, h3, h4, h5, h6 { color: #1C3154; font-family: futura-pt, sans-serif; font-weight: 500; margin: 1.5rem 0 1.125rem; }
h1 { font-size: 1.875rem; line-height: normal; margin-top: 0; margin-bottom: .75rem; } 
h2 { font-size: 1.625rem; }
h3 { font-size: 1.375rem; }
h4 { font-size: 1.25rem; }
h5 { font-size: 1.1875rem; }
h6 { font-size: 1.125rem; }
@media (min-width:1200px) { 
    h1 { font-size: 2rem; margin-bottom: 1.125rem; }
}
.content p, 
.content ul,
.content ol { margin-bottom: 1.125rem; }
.content ul ul, .content ul ol,
.content ol ol, .content ol ul { margin-bottom: .625rem; }

.content > :first-child { margin-top: 0 !important; }

/* Other text */
strong { font-weight: 500; }
.highlight { color: #00777C; font-size: 1.5rem; font-weight: bold; }

/* Links */
.content a { color: #00777C; text-decoration: underline; }
.content a:hover, 
.content a:focus, 
.content a:active { color: #562583; }

/* Buttons */
.btn, .wp-block-button__link { background-color: #00777C; border: none; border-radius: 0; color: #fff !important; font-size: 1.125rem; font-weight: 500; padding: .5rem 1.75rem; position: relative; text-decoration: none !important; white-space: normal; }
.btn:hover, .wp-block-button__link:hover, 
.btn:focus, .wp-block-button__link:focus,
.btn:active, .wp-block-button__link:active { background-color:#562583; color:#fff !important; }
.content a.btn, .content a.wp-block-button__link { margin:0 0 2px; }
.btn-sm { font-size: .9375rem; padding-right: 1rem; padding-left: 1rem; }
.btn-lg { font-size: 1.25rem; padding-right: 1.5rem; padding-left: 1.5rem; }

/* Quotes */
blockquote { background-color: rgba(0,119,124,.15); border-left: 0; padding: 1.25rem 1.25rem 1.25rem 3.25rem !important; position: relative; }
blockquote.wp-block-quote.is-large, 
blockquote.wp-block-quote.is-style-large { }
blockquote:before { color: #00777C; content: "\201C"; display: block; font-family: arial, sans-serif; font-size: 4.5rem; font-weight: 700; left: .5rem; line-height: 1; position: absolute; top: .25rem }
blockquote p:last-child { margin-bottom: 0; }

/* Lists */
.content ul,
.content ol { padding-left: 2.25rem; }
.content ul li { list-style: none; margin: 0 0 .5rem; padding: 0; position: relative; }
.content ul li li { margin: 0 0 .25rem; }
.content ul li:before { background-color: #90B7BD; content: ""; display: block; height: 6px; left: -1rem; margin: 0; position: absolute; top: 11px; width: 6px; }
.content ul li ul li:before { background-color: #B5B5B5; height: 4px; top: 12px; width: 4px; }
.content ol li { margin: 0 0 .25rem; padding: 0; position: relative; }
.content ol ul, .content ol ol,
.content ul ul, .content ul ol { margin-top:.25rem; }

/* Document List */
.wp-block-file{ margin:0; }
.doc-list ul { padding-left: 0; }
.doc-list ul li { border-bottom: 1px solid #ddd; padding: .5rem 0 .75rem 2rem; }
.doc-list ul li:last-child { border-bottom: 0; }
.doc-list ul li:before { background: url(/app/themes/ahbregulator/resources/assets/images/icon-document.svg) no-repeat #fff center / auto; height: 27px; left: 0; top: 8px; width: 20px; }
.doc-list ul li a { font-size: 1.25rem;  font-weight: 500; text-decoration: none; }
.doc-list ul li a:hover, 
.doc-list ul li a:focus, 
.doc-list ul li a:active { text-decoration: underline; }
.doc-list ul li a span { color: #888; display: inline-block; font-size: 1rem; font-weight: 400; padding-left: .5rem; }
.document-box{  }
.doc-list .doc-list-item-thumbnail{ margin:0; display:table; width:auto; height:300px; border:1px solid #333; }
.doc-list .wp-block-file__button{ font-size:1rem; padding:0.25rem 0.5rem; border-radius:1rem; background-color:#00777C; color:#fff; text-decoration:none; }
.doc-list ul li.doc-list-item:before{ display:none; }

/* Events List */
ul.events-list { margin: -.625rem 0 3rem; padding: 0; }
ul.events-list li { border-bottom: 1px solid #ddd; margin: 0; min-height:90px; padding: .625rem 0 .625rem 3.75rem; position: relative; }
ul.events-list li:last-child { border-bottom: 0; }
ul.events-list li:before { display: none; }
ul.events-list a { color: #00777C; font-size: 1.25rem; text-decoration: none; }
ul.events-list a:hover,
ul.events-list a:focus,
ul.events-list a:active { text-decoration: underline; }
ul.events-list span.details { color: #1C3154; display: block; font-size: 1rem; font-style: normal; margin-top: .125rem; }
ul.events-list .date { background-color: rgba(0,119,124,.15); color: #00777C; font-size: .8125rem; height:auto; left: 0; line-height: 1.1; padding: .625rem .5rem .625rem .5rem; position: absolute; top: 10px; text-align: center; width: 50px; }
ul.events-list .date span { font-size: 1.25rem; font-weight: bold; }

/* List group (button style) */
li.list-group-item { background-color: transparent; border: 1px solid rgba(183,221,226,.75) !important; border-radius: 0 !important; font-size: .9375rem; margin-right: 10px; margin-bottom: 10px; padding: .375rem .875rem; text-align: center; }
li.list-group-item:last-child { margin-right: 0; }
@media (min-width: 992px) {
    li.list-group-item { font-size: 1rem; padding: .375rem 1rem; }
}

/* Definition List */
dl {}
dt { font-size: 1.125rem; font-weight: 700; }
dd { margin-bottom: .75rem; }
dd p { margin-bottom: 10px; }

/* Images */
img.alignright, 
figure.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft, 
figure.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter, 
figure.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.content img { height: auto; max-width: 100%; }
.content img.alignnone { margin-bottom: 1rem; }

figure.wp-caption { border: 1px solid #dbe4f3; padding: .125rem; }
figcaption.wp-caption-text { font-style: italic; font-size: .875rem; padding: .5rem 0 .25rem; text-align: center; }

/* Tabbing */
em.tab { display: inline-block; font-style: normal; width:150px; }
em.tab-slim { display: inline-block; font-style: normal; width:90px; }
em.tab-wide { display: inline-block; font-style: normal; width:210px; }

/* Tables */
table caption { caption-side: top; }
.table td, 
.table th { border-top-color: rgba(0,119,124,.2); padding: .25rem .5rem; }
.table th { font-weight: 700; background-color: rgba(0,119,124,.2); }
.table thead th { border-bottom-color: rgba(0,119,124,.2); }
.table tr:last-child td { border-bottom: 1px solid rgba(0,119,124,.2); }

/* Forms */
.form-control { border-color: #BCBEC0; border-radius: 0; color: #1C3154; }
.form-control::-webkit-input-placeholder { color: rgba(0,0,0,.65); }
.form-control::-moz-placeholder { color: rgba(0,0,0,.65); }
.form-control:-ms-input-placeholder { color: rgba(0,0,0,.65); }
.form-control::-ms-input-placeholder { color: rgba(0,0,0,.65); }
.form-control::placeholder { color: rgba(0,0,0,.65); }
form .btn { background-color: #00777C; color: #fff !important; font-size: 1.25rem; font-weight: 500; padding-right: 1.5rem; padding-left: 1.5rem; }

/* Pagination */
ul.pagination { padding: 1rem 0; }
ul.pagination li.page-item { font-size: .875rem; margin: .125rem; }
ul.pagination li.page-item:before { background: 0 0; content: ""; display: none !important; }
ul.pagination li.page-item a.page-link { background-color: #ddd; border: 1px solid #ddd; color: #1C3154; text-decoration: none; }
ul.pagination li.page-item a.page-link:focus, 
ul.pagination li.page-item a.page-link:hover { background-color: #562583; border-color: #562583; color: #fff; text-decoration: none; }
ul.pagination li.page-item.disabled a.page-link,
ul.pagination li.page-item span.page-link,
ul.pagination li.page-item span.page-link:focus, 
ul.pagination li.page-item span.page-link:hover { background-color: #fff; color: #888; cursor: default; white-space: nowrap }
ul.pagination li.page-item.active span,
ul.pagination li.page-item.active span:focus, 
ul.pagination li.page-item.active span:hover { background-color: #00777C; border: 1px solid #00777C; color: #fff; font-weight: 500; }
ul.pagination li.page-item a, 
ul.pagination li.page-item span { border-radius: 0 !important; }
@media (min-width:768px) { 
	ul.pagination li.page-item { font-size: 1rem; margin: .1875rem; } 
}

/* News Pagination */
.page-template-template-news-sticky nav.pagination.navigation { margin:0 auto; }
.page-template-template-news-sticky nav.pagination.navigation span{ padding:0.25rem 0.75rem; background-color:#fff; color:#00777C!important; }
.page-template-template-news-sticky nav.pagination.navigation a { padding:0.25rem 0.75rem; background-color:#00777C; color:#fff!important; text-decoration:none; }

/* responsive embed */
.embed-responsive { margin-bottom: 1rem; }
.homepage .embed-responsive { margin-bottom: 0; }

/* Accordion 
.accordion .card { margin-bottom: .75rem; }
.accordion .card > h3, 
.accordion .card > h4 { margin: 0; }
.accordion .card > h3 a, 
.accordion .card > h4 a { background-color: #840070; color: #fff; display: block; padding: .625rem 2rem .625rem 1rem; position: relative; text-decoration: none; }
.accordion .card > h3 a.collapsed, 
.accordion .card > h4 a.collapsed { background-color: #a759a1; }
.accordion .card > h3 a:after,
.accordion .card > h4 a:after { color: #fff; content: "-"; display: block; font-size: 2rem; font-weight:400; line-height: 1.5rem; position: absolute; right: .5rem; top: .75rem; vertical-align: middle; }
.accordion .card > h3 a.collapsed:after,
.accordion .card > h4 a.collapsed:after { content: "+"; }
.accordion .card > div { background: #fff; border: 1px solid #840070; padding: .75rem 1rem 0;  }
*/

/* MODAL ============================================================
#intoModal .modal-content{background-color:#000;}
#intoModal .modal-dialog{top:20%;}
#intoModal .modal-dialog iframe{min-height:300px;}
#intoModal .modal-header{padding:0.5rem;}
#intoModal .modal-body{padding:6px;}
#intoModal .modal-body button{color:white; padding:0px 8px;}
@media (min-width: 576px){
.modal-dialog { max-width: 750px; }
#intoModal .modal-dialog iframe{min-height:350px;}
}
*/

/* Skip to content */
.skipcontent:focus { background: #00777C; border-radius: 0 0 12px 0; border: none; color: #fff; font-weight: 500; left: auto; outline: none; padding: .5rem .75rem; position: absolute; right: auto; top: 0; z-index: 100; }

/* GRID (Overwrite new Bootstrap 4 sizes) */
@media (min-width: 768px) {
	.container { max-width: 750px; /*720px*/ }
}
@media (min-width: 992px) {
	.container { max-width: 970px; /*960px*/ }
}
@media (min-width: 1200px) {
	.container { max-width: 1170px; /*1140px*/ }
}

/* HEADER ======================================================== */
header { padding: 0; }	
header a { text-decoration: none; }
header .navbar { background-color: #fff ; padding: 0; }
header .navbar > .container { position: relative; }
header .navbar-collapse { order: 3; } 
/* HEADER: Logo + Toggle */
header .navbar-brand { margin: 0 auto 0 15px; padding: .625rem 0; width:205px; }
header .navbar-brand img { height: auto; max-width: 100%; }
header .navbar-toggler { background-color: #00777C; border: none; border-radius: 0; margin: 1.125rem .5rem 0 .5rem; padding: .75rem .8125rem 1.9375rem; order: 2; } 
header .navbar-toggler.collapsed { background-color: transparent; /*margin-bottom: 1.625rem; padding-bottom: .75rem;*/ }
header .navbar-toggler .navbar-toggler-icon { background-image:  url("/app/themes/ahbregulator/resources/assets/images/toggler-close.svg"); display: block; height: 19px; margin: 0; padding: 0; width: 26px; }
header .navbar-toggler.collapsed .navbar-toggler-icon { background-image:  url("/app/themes/ahbregulator/resources/assets/images/toggler.svg"); }
@media (min-width: 992px) {
	header { overflow-x:clip; }
	header .navbar > .container { align-items: flex-end!important; }
	header .navbar-brand { margin: 0; padding: 1.5rem 0; width: 280px; }
}
@media (min-width: 1200px) {
	header .navbar > .container { max-width: 1320px; }
	header .navbar-brand { width: 361px; }
}

/* HEADER: Top Menu */
header .navbar-top { font-size: 1.125rem; }
header .navbar-top .nav-item { border: none; }
header .navbar-top .nav-link { background-color: #F2F2F2; color: #888 !important; font-weight: 500; padding: .5rem 1.1875rem; vertical-align: middle !important; }
header .navbar-top .nav-link:hover,
header .navbar-top .nav-link:focus,
header .navbar-top .nav-link:active { background-color: rgba(170, 199, 232,.4) !important; color: #fff !important; }
header .navbar-top .nav-lang {}
header .navbar-top form { border-bottom: 1px solid #BCBEC0; }
header .navbar-top form input.form-control { border: none; color: #444 !important; font-size: 1.125rem; font-weight: 500; height: 43px; padding-left: 1rem; width: 280px; }
header .navbar-top form input.form-control::-webkit-input-placeholder { color: #1C3154; }
header .navbar-top form input.form-control::-moz-placeholder { color: #1C3154; }
header .navbar-top form input.form-control:-ms-input-placeholder { color: #1C3154; }
header .navbar-top form input.form-control::-ms-input-placeholder { color: #1C3154; }
header .navbar-top form input.form-control::placeholder { color: #1C3154; }
header .navbar-top form .btn, .search-form .btn { background: url(/app/themes/ahbregulator/resources/assets/images/icon-search.svg) no-repeat 50% 50% #fff; border: none; border-radius: 0; height: 43px; opacity: 1; padding: 0; width: 34px; }
header .navbar-top form .btn:hover, .search-form .btn:hover { background: url(/app/themes/ahbregulator/resources/assets/images/icon-search.svg) no-repeat 50% 50% #ddd; opacity: 1; }
header .navbar-top form .btn span { display: none; }
@media (min-width: 992px) {
 	header .navbar-top { background-color: transparent; position: absolute; right: 0; top: 28px; }
    header .navbar-top .nav-item:first-child { margin-right: 2.25rem; }
    header .navbar-top .nav-link { display: inline-block; padding: .1875rem 1rem .3125rem !important; }
    header .navbar-top form input.form-control { height: 34px; padding-left: 0; width: 150px; }
    header .navbar-top form .btn { height: 34px;}
}

/* HEADER: Main Menu */
header .navbar-main { background-color: #00777C; }
header .navbar-main .nav-item { font-size: 1.1875rem; font-weight: 500; text-align: left; }
header .navbar-main .nav-link { color: #fff !important; padding: .5rem 1.1875rem; }
header .navbar-main .active .nav-link,
header .navbar-main .current-menu-item .nav-link,
header .navbar-main .current-menu-parent .nav-link,
header .navbar-main .current-page-ancestor .nav-link { background-color: rgba(0,70,72,.4); }
@media (min-width: 992px) {
	header .navbar-main { justify-content: space-between; margin-right: -15px; margin-left: 25px!important; padding: 0 0 0 1.25rem; position: relative; }
    header .navbar-main:before { content: ""; display: inline-block; height: 0; margin-left: -71px; width: 0; border-left: 51px solid transparent; border-right: 51px solid transparent; border-bottom: 51px solid #00777C; }
    header .navbar-main:after { background-color: #00777C; content: ""; height: 51px; margin-left: -20px; right: -200%; position: absolute; top: 0; width: 200%; }
	header .navbar-main .nav-item { border-bottom: none; font-size: 1.125rem; margin: 0; text-align: center; }
	header .navbar-main .nav-item:first-child { margin-left: -58px; }
	header .navbar-main .nav-link { color: #fff; font-size: 1.125rem; padding: .75rem 1rem !important; }
	header .navbar-main .nav-link:hover,
	header .navbar-main .nav-link:focus, 
	header .navbar-main .nav-link:active { background-color: rgba(0,70,72,.4); color: #fff; }
    header .navbar-main .active .nav-link,
	header .navbar-main .current-menu-item .nav-link,
	header .navbar-main .current-menu-parent .nav-link,
	header .navbar-main .current-page-ancestor .nav-link { background-color: rgba(0,70,72,.4) !important; color: #fff; }
}
@media (min-width: 1200px) {
    header .navbar-main { margin-left: 70px!important; }
    header .navbar-main:before { margin-left: -78px; border-left-width: 58px; border-right-width: 58px; border-bottom-width: 58px; }
    header .navbar-main:after { height: 58px; }
	header .navbar-main .nav-item { font-size: 1.1875rem; }
	header .navbar-main .nav-link { font-size: 1.375rem; padding-right: 1rem !important; padding-left: 1rem !important; }
}


/* TITLE + Intro ============================================ */
.titlebox { background:no-repeat top center / auto 255px #eee; color: #1C3154; margin-bottom: 1.75rem; position: relative; }
.titlebox > .container > .row { background-position: top right; background-size: contain; background-repeat: no-repeat; min-height: 275px; }
.titlebox .col-xl-9 { background: url(/app/uploads/2023/06/banner-corner.svg) no-repeat top right / auto; margin-top: 50%; padding-top: .875rem; padding-bottom: .5rem; z-index: 100;  }
.home .titlebox .col-xl-9 { padding-top: 1rem; padding-bottom: .75rem;  }
.home .titlebox h1,
.home .titlebox p { font-size: 1.375rem; }
.home .titlebox h1 strong { display: block; font-weight: 700; padding-top: .5rem; }
.titlebox p a { color: #00777C; text-decoration: underline; }

@media (min-width: 992px) {
	.titlebox { margin-bottom: 2.5rem; background-position: center right; background-size: auto 100%; }
    .titlebox > .container > .row { min-height: 250px; }
    .titlebox .col-xl-9 { background-position: top right; background-size: auto 100%; margin-top: 0; padding-top: 1.375rem; padding-bottom: 1rem; -ms-flex: 0 0 57%; flex: 0 0 57%; max-width: 57%; }
    .titlebox p { font-size: 1.0625rem; }
    .home .titlebox { margin-bottom: 3.75rem; }
    .home .titlebox .col-xl-9 { padding-top: 2.25rem; padding-bottom: 1.5rem; }
    .home .titlebox h1,
    .home .titlebox p { font-size: 1.125rem; }
    .home .titlebox h1 strong { font-size: 1.5rem; padding-top: .75rem; padding-bottom: .25rem; }
}
@media (min-width: 1200px) {
    .titlebox > .container > .row { min-height: 275px; }
    .titlebox .col-xl-9 { padding-right: 2rem; padding-bottom: 1.25rem; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }
    .home .titlebox > .container { max-width: 1320px; }
    .home .titlebox .col-xl-9 { padding-right: 2rem; padding-top: 4.25rem; padding-bottom: 3.5rem; }
    .home .titlebox h1,
    .home .titlebox p { font-size: 1.3125rem; }
    .home .titlebox h1 strong { font-size: 1.5625rem; padding-top: 1.25rem; padding-bottom: .5rem; }
}


/* Breadcrumb  */
.breadcrumb { background-color: transparent; color: #1C3154; font-size: 1rem; font-weight: 400; margin-bottom: 0; padding: 0 0 1rem; }
.breadcrumb-item + .breadcrumb-item { padding-left: .5rem; }
/*.breadcrumb-item + .breadcrumb-item::before { color: rgba(4,57,97,.6); content: ""; display: inline-block; float: left; height: 0; margin-top: 7px; margin-right: 5px; margin-left: 5px; vertical-align: middle !important; width: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #008085; } */
.breadcrumb-item + .breadcrumb-item::before { content:none !important; } 
.breadcrumb-item .delimiter { color: rgba(4,57,97,.6); display: inline-block; float: right; height: 0; margin-top: 8px; margin-right: 5px; margin-left: 10px; vertical-align: middle !important; width: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #008085; }
.breadcrumb a { color: #1C3154; text-decoration: none; }
.breadcrumb a:hover { color: #1C3154; text-decoration: underline; }
.breadcrumb-item.active { color: #1C3154; font-weight: 500; }
@media (min-width: 1200px) {
    .breadcrumb { padding-bottom: 2rem; }
}


/* CONTENT BOXES ================================================== */

/* Box Grid */
.row.boxes > div { margin-bottom: 15px; }
@media (min-width: 992px) {
	.row.boxes > div { margin-bottom: 30px; }
}

/* Standard Box */
.box { background: url(/app/themes/ahbregulator/resources/assets/images/box-bg.png) no-repeat bottom right #fff; border-top: 6px solid #ddd3e6; border-left: 6px solid #ddd3e6; color: #1C3154; height: 100%; margin: 0; padding: 1rem 1rem 1rem .625rem; position: relative; text-align: center; }
.box:hover,
.box:focus, 
.box:active { background-color: #ddd3e6;  }
.box h2,
.box h3 { font-size: 1.625rem; font-weight: 500; margin-bottom: 1.125rem; }
.box h2 a,
.box h3 a { color: #1C3154; text-decoration: none; }
.box p,
.box ul { font-size: 1.125rem; line-height: 1.35; margin-bottom: 1.25rem; position: relative; }
.box a.btn { background-color: #562583; height: 42px; padding: .4375rem .75rem .5rem 1.25rem; position: relative; }
.box a.btn:after { content: ""; display: inline-block; height: 0; position: absolute; right: -21px; top: 0; width: 0; border-top: 21px solid transparent; border-bottom: 21px solid transparent; border-left: 21px solid #562583; }
@media (min-width: 992px) {
    .box { padding: 1rem 3rem 1.5rem 2.625rem; }
}

/* Feature Box (related content) */
.box.box-feature { background-color: #ddd3e6; color: #1C3154; padding: .75rem .75rem .2rem .375rem; }
.box.box-feature:hover,
.box.box-feature:focus, 
.box.box-feature:active { background-color: #fff;  }
.box.box-feature h2,
.box.box-feature h3 { font-size: 1.5rem; margin: 0 0 .5rem; }
@media (min-width: 992px) {
    .box.box-feature { padding: 1rem 1rem .5rem .625rem; }
    .box.box-feature h2,
    .box.box-feature h3 { margin-bottom: .5rem; }
}

/* Icon Box */
.box.box-icon { background: #eee; border: 0; padding: 0; }
.box.box-icon:hover,
.box.box-icon:focus, 
.box.box-icon:active { background-color: #ddd3e6; }
.box.box-icon > div { background-color: #562583; height: 220px; }
.box.box-icon h2,
.box.box-icon h3 { font-size: 1.5rem; margin-bottom: .75rem; padding: 0 1rem; }
.box.box-icon p { font-size: 1.125rem; margin-bottom: 1.5rem; padding: 0 1rem; }
@media (min-width: 992px) {
    .box.box-icon { border-bottom: 2rem solid #fff; padding: 0; }
    .box.box-icon h2,
    .box.box-icon h3 { padding: 0 1.125rem; }
    .box.box-icon p { padding: 0 1.125rem; }
}

/* News Box */
.box.box-news { background: url(/app/themes/ahbregulator/resources/assets/images/corner-white.svg) no-repeat bottom -1px right -1px / 45px 45px rgba(0,119,124,.15); border: 0; color: #1C3154; padding: .75rem 1rem .25rem; position: relative; text-align: left }
.box.box-news:hover,
.box.box-news:focus, 
.box.box-news:active { background-color: rgba(0,119,124,.2); color: #00777C; }
.box.box-news h2,
.box.box-news h3 { font-size: 1.375rem; margin: .25rem 0 .75rem; }
.box.box-news p.date { color: rgba(28,49,84,.7) }
.box.box-news h2 a:hover, .box.box-news h2 a:focus, .box.box-news h2 a:active, 
.box.box-news h3 a:hover, .box.box-news h3 a:focus, .box.box-news h3 a:active { color: #00777C; }
.sticky-news-grid .box{ height:auto; }
.news-img{ background-position:center center; background-repeat:no-repeat; background-size:cover; min-height:200px; }
.news-side-menu{ background-color:#eee; padding:1rem; color: #1C3154; }
@media (min-width: 992px) {
    .box.box-news { padding: 1rem 1.25rem .25rem; }
}

/* Coloured Boxes */
.coloured_box{ margin-bottom: 1rem; padding: .25rem 1rem; }

.coloured_box_purple{ background-color:#562583; }
.coloured_box_purple *{ color: #fff; }

.coloured_box_lightpurple{ background-color:#eee9f2; }
.coloured_box_lightpurple *{ color: #1C3154; }

.coloured_box_green{ background-color:#00777c; }
.coloured_box_green *{ color: #fff; }

.coloured_box_grey{ background-color:#eee; }
.coloured_box_grey *{ color: #1C3154; }



/* HOMEPAGE ========================================================= */
.home  { }
.home-grid { }

/* HP: Content Feature */
.feature { background-color: #00777C; padding: 1.875rem 0; }
.feature-box { background: #fff; padding: .25rem 1.25rem; position: relative; z-index: 20; }
.feature-box h2 { font-size: 2rem; font-weight: 500; margin: 1rem 0 .5rem; position: relative; }
.feature-box p { font-size: 1.125rem; line-height: 1.4; margin-bottom: 1rem; }
.feature-box .btn { background-color: #fff; border: 1px solid #1C3154; color: #1C3154 !important; }
.feature-box .btn:hover { background-color: #1C3154; color: #fff !important; }
.feature-img { position: relative; }
@media (min-width: 992px) {
    .feature { padding: 3.75rem 0; }
    .feature .row { -ms-flex-pack: center!important; justify-content: center!important; }
    .feature-box { padding: 1rem 3rem 1rem; }
    .feature-box:after { content: ""; display: inline-block; height: 0; position: absolute; right: 100px; bottom: -50px; width: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-right: 50px solid #fff; }
    .feature-box p { margin-bottom: 1.25rem; }
    .feature-img { margin-top: 50px; margin-left: -130px; }
}


/* SIDE MENU ======================================================== */
.nav-side { background: url(/app/themes/ahbregulator/resources/assets/images/box-bg.png) no-repeat bottom right #fff; border-top: 6px solid #ddd3e6; border-left: 6px solid #ddd3e6; color: #1C3154; margin: 0 0 1.5rem; padding: 0 0 1rem; }
.nav-side a { color: #1C3154; display: block; }

.nav-side h2 { font-size: 1.625rem; font-weight: 500; margin: 0 6px 0 0; }
.nav-side h2 a { border-bottom: 1px solid rgba(221,211,230,.5); color: #1C3154; display: block; padding: 1rem .9375rem .9375rem; text-decoration: none; }
.nav-side h2 a:hover,
.nav-side h2 a:focus, 
.nav-side h2 a:active { background-color: #562583; border-color: transparent; color: #fff;  }

.nav-side ul { font-size: 1.125rem; line-height: 1.4; list-style: none; margin: 0 6px 0 0; padding: 0; }
.nav-side > ul { }
.nav-side > ul > li { border-bottom: 1px solid rgba(221,211,230,.5); }
.nav-side > ul > li:last-child { border-bottom: none; } 
.nav-side > ul > li.current-menu-item,
.nav-side > ul > li.current-menu-parent,
.nav-side > ul > li.current-menu-ancestor,
.nav-side > ul > li.current-page-ancestor,
.nav-side > ul > li.current_page_ancestor,
.nav-side > ul > li.current_page_parent { background-color: rgba(221,211,230,.5); }
.nav-side ul li.current-menu-item > a { font-weight: 500; }
.nav-side ul li a { display: block; padding: .75rem 1rem; position: relative; text-decoration: none !important; }
.nav-side ul li a:hover,
.nav-side ul li a:focus, 
.nav-side ul li a:active { background-color: #562583; color:#fff; }

.nav-side ul > li > ul { display: none; }
.nav-side ul > li.current-menu-item > ul, 
.nav-side ul > li.current-menu-parent > ul,
.nav-side ul > li.current-menu-ancestor > ul,
.nav-side ul > li.current_page_ancestor > ul,
.nav-side ul > li.current_page_parent > ul { display: block; }

.nav-side ul li ul { background: none; font-size: 1rem; margin-top: -.125rem; margin-right: 0; padding-bottom: .5rem;  }
.nav-side ul li ul li { background: none; border-bottom: 0; }
.nav-side ul li ul li.current-menu-item { background-color: rgba(221,211,230,.65); }
.nav-side ul li ul li a { padding: .375rem 1rem .375rem 1.875rem; }
.nav-side ul li ul li ul { font-size: .9375rem; }
.nav-side ul li ul li ul li a { padding-left: 2.5rem; }
.nav-side ul li ul li ul li ul li a { padding-left: 3.0625rem; }
.nav-side ul li ul li ul li ul li ul li a { padding-left: 3.625rem; }
@media (min-width: 992px) {
	.nav-side { margin-bottom: 2.5rem; padding-bottom: 2rem; }
}


/* Back to top */
#backtotop.show { opacity: 1; visibility: visible; }
#backtotop { background-color: rgba(0,30,64,.5); border: 1px solid #fff; border-radius: 22px; bottom: 20px; cursor:pointer; color:#fff; font-size:2rem; height:42px; position: fixed; right:10px; text-align: center; width:42px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; }
#backtotop:before { content: ""; display: inline-block; height: 0; margin: -9px 0 0 -14px; position: absolute; left: 50%; top: 50%; width: 0; border-right: 14px solid transparent; border-left: 14px solid transparent; border-bottom: 14px solid #fff; }
#backtotop:hover { background-color: #1C3154; text-decoration: none; }


/* FOOTER ======================================================== */

footer { background-color: #562583; color: #fff; font-size: 1rem; padding: 2rem 0 1rem; }
footer a { color: #fff; }
footer a:hover, 
footer a:focus, 
footer a:active { background-color: transparent !important; color: #fff !important; text-decoration: underline !important; }
footer h2 { color: #fff; font-size: 1.75rem; margin: .75rem 0 1rem; }
footer ul { list-style: none; padding: 0; }

p.footer-brand { margin-bottom: 1.5rem; text-align: center; }
p.footer-brand img { max-width: 228px; }

.footer-contact {}
.footer-contact h2 { font-size: 1.125rem; margin: 0 auto .5rem; width: 235px; }
.footer-contact p { font-size: .875rem; margin-right: auto; margin-left: auto; width: 235px; }
.footer-contact p span:last-child { display: inline-block; padding-left: 1rem; }

.footer-nav > li { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.footer-nav > li > a { font-size: 1.1875rem; color: #fff; display: block; line-height: 1.2; padding: 0; margin: .75rem 0 1rem; font-weight: 500;  }
.footer-nav > li > ul { display: block; position: relative; top: auto; background-color: transparent; border: none; border-radius: 0; color: #fff; padding: 0; margin: 0; min-width: 0; float: none; }
.footer-nav > li > ul > li > a { color: #fff; padding: 0; }

.footer-bottom { padding-top: .5rem; }
.footer-legal { font-size: .9375rem; margin-bottom: .5rem; text-align: center; }
.footer-legal li { display: inline-block; padding-right: 10px;margin-right: 5px; margin-bottom:10px; border-right: 1px solid #fff; }
.footer-legal li:before { display: none; }

.footer-legal li:last-child { border: none; }
.footer-legal li a { color: rgba(255,255,255,.9); display: inline-block; padding: 0; }

.footer-copyright { font-size: .9375rem; margin: .25rem 0 .5rem; text-align: center; }

.footer-credit { color: rgba(255,255,255,.5); font-size: 0.875rem !important; margin-bottom: 0; text-align: center; }
.footer-credit a { color: rgba(255,255,255,.5); text-decoration: none; }
.footer-credit a:hover, 
.footer-credit a:focus, 
.footer-credit a:active { color: rgba(255,255,255,.8); text-decoration: underline; }

@media (min-width: 992px) {
	footer { margin-top: 1.5rem; padding: 2.75rem 0 2rem; }
    .home footer { margin-top: 0; }
	footer h2 { margin-top: 0; }
        
	p.footer-brand { text-align: left; }
	p.footer-brand img { max-width: 100%; }
    
    .footer-contact h2,
    .footer-contact p { width: auto; }
    
    .footer-nav > li { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }

    .footer-bottom { padding-top: 2rem; }

    .footer-legal { text-align: left; }
    .footer-legal li:after { padding-left: .25rem; }

    .footer-copyright { text-align: right; }

    .footer-credit { text-align: right; }
}
@media (min-width: 1200px) {
    .footer-nav { margin: 0 0 0 2rem; }
}