:root {
  --primary-bg-colour: #008cc4;
  --dark-bg-colour: #00587a;
  ---white-text: #ffffff;
  ---light-bg-colour: #f9f9f9;
  ---link-colour: #00638b;
  ---link-hover-colour: #0294d0;
}


html{
scroll-behavior: smooth;
}
body,
html {
    height: 100%
}

body {
    font-size: 17px !important;
    line-height: 1.75;
    font-family: proxima-nova, sans-serif;
    height: 100%;
    color: #1e222d;
    position: relative;
	  
}

a {
    color: #0479A8;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  	font-weight: 800;
	margin-top: 2rem;
}

h1 {
  line-height: 1.665;
	
  
}

h2 {
	font-size: 1.65rem;	
	font-weight: 800;
}

h3 {
	font-size: 1.15rem;
	font-weight: 800;
}

h4 {
	font-size: 1.10rem;
	font-weight: 700;
}

h5 {
  font-size: 1rem;
  line-height: 1.333;
  margin-bottom: 0;
  font-weight: 700;
}

h6 {
  font-size: 0.85rem;
  line-height: 1.5;
  opacity: .85;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 10px;
}

h2+h3{
	margin-top: 1.5rem;
}



/************************************************

COSG TEXT UTILITY CLASSES

*************************************************/
.type--xlarge {
    font-size: 3.353em;
    line-height: 1;
}

.type--large {
    font-size: 2.566em;
    line-height: 1.169
}

.type--med {
font-size: 1.15em;
    line-height: 1.15em;
}

.type--reg {
	font-size: 1rem;
}

.type--small {
    font-size: .95em
}

.type--xsmall {
    font-size: .878em
}

.fw-800{
	font-weight: 800;
}

.fw-900{
	font-weight: 900;
}

.cosg-btn-dark{
	background: var(--dark-bg-colour);
}

.bg-primary-blue{
	background-color: var(--primary-bg-colour) !important;
	color: #ffffff !important;
}

.bg-dark-blue{
	background: var(--dark-bg-colour);
}

.bg-warning{
	background: #f26437 !important;
}

.home-warning-alert a{
	color: #3c2104;
	text-decoration: underline;
}
.home-warning-alert a:hover{
	color: #9a0000;
	text-decoration: underline;
}

.home-warning-alert p{
	margin-bottom: 0 !important;
}

/************************************************

MAIN NAVBAR

*************************************************/
header {
    background-color: var(--primary-bg-colour);
    color: #ffffff;
    padding-bottom: 3px
}

.nav-logo {
    height: 75px;
    padding: 15px 0 15px 0;
    width: auto;
}
.connect-nav-logo {
    fill: #fff;
    height: 35px;
    width: 120px;
    transition: all .15s ease-in-out
}

svg.social-nav-logo {
    width: 0.9rem;
    height: auto;
    margin-top: -4px !important;
    fill: #fff;
}

.social-footer-logo {
    width: 0.7rem;
    height: auto;
    margin-top: -4px;
    fill: #0479A8;
}

.connect-nav-logo:hover {
    fill: #00587a
}


.cosg-main-nav .dropdown{
	position: static;
}


.megamenu-dropdown{
	background-color: var(--dark-bg-colour);
}
.nav-subgroup {
    border-left: 2px solid #002c3d;
    margin-bottom: 45px;
}

.cosg-main-nav input::-webkit-input-placeholder {
    color: #fff
}

.cosg-main-nav input::-moz-placeholder {
    color: #fff
}

.cosg-main-nav input:-ms-input-placeholder {
    color: #fff
}

.cosg-main-nav input:-moz-placeholder {
    color: #fff
}

/*************************************************

BREADCRUMB NAV

***************************************************/

.breadcrumbs {
  background: #00587A;
  border-top: 1px solid #002C3D;
}

.breadcrumb--mod {
  background: none;
  margin-bottom: 0;
  color: #FFFFFF;
}

.breadcrumb--mod .breadcrumb-item a{
	color: #C4E9FB;
}

/************************************************

ALERT STYLES

************************************************/
.alert--warning {
  background-color: #fff5f5;
  color: #c53030;
  border-top: 5px solid #f56565;
  border-bottom: 1px solid #f56565;
  border-left: 1px solid #f56565;
  border-right: 1px solid #f56565;
}

.alert--notice {
  background-color: #ebf8ff;
  border-top: 5px solid #009CDC;
  border-bottom: 1px solid #009CDC;
  border-left: 1px solid #009CDC;
  border-right: 1px solid #009CDC;
  color: #00577a;
}



.alert--notice h2{
	margin-top: 0;
	margin-bottom: 10px;
	font-weight: 900;
	font-size: 1.25em;
	color: #00587a;
}


.alert--warning a{
	color: #c53030;
	border-bottom: 2px solid #c53030;
}

.alert--notice p a, .alert--notice li a{
	color: #009cdc;
	border-bottom: 2px solid #009cdc;
}


.alert--notice strong .alert--warning strong{
	font-weight: 900;
}

.alert--notice h4{
	font-weight: 900;
}


.alert--notice i{
	color: #009cdc;
}

.alert--notice a:focus, .alert--warning a:focus{
	text-decoration:none;
}

.alert--notice p a:hover{
  color: #ffffff;
  text-decoration: none;
  background-color: #009cdc;
}

.alert--warning a:hover{
  color: #D62839;
  text-decoration: none;
  background-color: #ffffff;
}

/************************************************

ARTICLE STYLES

************************************************/

.article a:hover, .article a:focus {
    color: var(---link-hover-colour)!important;
	text-decoration: none;
}

.article li{
	margin-bottom: 0.25rem;
}

.article p a, .article li a {
  border-bottom: 2px solid #EAEBED;
  transition: all .15s ease-in-out;
}

.article p a:hover, .article li a:hover {
  color: #009cdc;
  text-decoration: none;
  background-color: #EAEBED;
}

/************************************************

BOOTSTRAP BUTTON RESET

*************************************************/
.btn-primary, a.btn-primary{
	background-color: var(--primary-bg-colour)!important;
	border-color: var(--primary-bg-colour)!important;
	color: #ffffff!important;
}
.btn-primary:hover, a.btn-primary:hover, a.btn-primary:focus{
	background-color: var( --dark-bg-colour)!important;
	border-color: var( --dark-bg-colour)!important;
	color: #ffffff!important;
}
.bg-light{
	background-color: var(---light-bg-colour)!important;
}

.page-link{

	color: var(---link-colour);
}

.active>.page-link{
	background-color: var(--dark-bg-colour);
}


table{
  width: 100%;
  margin-bottom: 1.5rem;
  border: none;
}

table tr{
	border-bottom: 1px solid #dee2e6;
}

table tr:first-child{
	background: #e8ebef;
}

table td{
    padding: .5rem;
}
/*************************************************

LIST STYLES

***************************************************/

ul.timeline{
	list-style-type:none;
	border-left: 2px solid rgba(2 148 208 / 25%);
	padding-left: 1em;
}
ul.timeline li::before {
	content: "";
    background-color: #ffffff;
	border: 2px solid var(--primary-bg-colour);
	display: inline-block;
    position: absolute;
	padding: 6px;
    top: 0px;
    left: -26px;
	border-radius: 50%;
}

ul.timeline li.current::before {
	content: "";
    background-color: var(--primary-bg-colour);
    display: inline-block;
    position: absolute;
    margin-right: 0px;
	padding: 6px;
    top: 0px;
    left: -26px;
    border-radius: 50%;
}

ul.timeline li{
	line-height: 1.15;
	margin-bottom: 1.25rem;
	position: relative;
}

/*************************************************

FOOTER

***************************************************/


.footer-search{
	background-color: #002C3D;
	padding: 30px 0;
}

.main-search__container{
 	background: #00587A;
	padding: 5px;
}

.main-search__input{
	background-color: var(--dark-bg-colour) !important;
}

.main-search__input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1; /* Firefox */
}

.main-search__input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ffffff;
}

.main-search__input::-ms-input-placeholder { /* Microsoft Edge */
  color: #ffffff;
}


.main-search__input{
	background: none;
	border:none;
	box-shadow: none;
	color: #ffffff;
}

.footer-search__btn{
  background: #00587a;
  color: #C4E9FB;
  border-radius: 0;
  font-size: 1em;
}
/************************************************

COSG POSITION UTILITY CLASSES

*************************************************/
@media (min-width: 768px) {
.position-md-absolute{
	position: absolute;
}
}