/*-----------------------------------------*/
/*--- 1. Structure                  -------*/
/*--- 2. Global Styles              -------*/
/*--- 3. Header & Banner            -------*/
/*--- 4. Nav                        -------*/
/*--- 5. Content                    -------*/
/*--- 6. Footer                     -------*/
/*-----------------------------------------*/

/*--- 1. Structure                  -------*/


/*--- 2. Global Styles              -------*/
/* this colour is the banner colour at 80%*/
::-webkit-scrollbar-thumb{
    background-color: #005eb8cc;
}
/* these are coloured with the banner colour at 60% and a border of the colour above*/
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active{
    background-color: #005eb899;
    border: 1px solid #005eb8cc;
}
/*--- 3. Header & Banner            -------*/
#banner {
    background-color: #005EB8;
}
#pageTitle, #pageSubtitle {
    color: #fff;
}
/*--- 4. Nav                        -------*/
.nav-link.active {
    background-color: #005EB8 !important;
    color: #fff !important;
    box-shadow: 0 0 0 5px #005EB8;
}

.nav-pills .nav-link.active:focus, .nav-link:focus {
    box-shadow: 0 0 0 5px #ffb81C;
    background-color: #ffb81C !important;
    color: #212b32 !important;
}

.nav-pills .nav-link.active:hover, .nav-link:hover {
    background-color: #ffcd60 !important;
    box-shadow: 0 0 0 5px #ffcd60 !important;
    color: #212b32 !important;
}
/*--- 5. Content                    -------*/
#solidHeader {
    background-color: #ccc;
}
.btn, .btn:visited {
    background-color: #007f3b;
    color: #ffffff;
    box-shadow:0 4px 0 #003317;
}

.btn:hover,
.btn:focus,
.btn:active{
    background-color: #00662f!important;
    color:#fff!important;
}
.btn-secondary,
.btn-secondary:visited{
    background-color: #425563;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active{
    background-color: #384854!important;
	color:#fff!important;
}
.btn-white,
.btn-white:visited{
    background-color: #fff;
	color:#231f20;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active{
    background-color: #f2f2f2!important;
	color:#231f20!important;
}
.inset-text {
    border-left: 12px solid #005eb8;
}
.accordion .details-summary p,
.accordion .details-summary span {
    color: #005eb8;
}
.care-card-heading {
    background-color: #005eb8;
    color: #fff;
}
.care-card-arrow:before,
.care-card-arrow:after {
    border: solid 32px #005eb8;
}
/*--- 6. Footer                     -------*/
#footer {
    background-color: #005EB8;
}