/******************* Navigation Widget Start *******************/
.widget-navigation .list__link {
	background-color: #324960; /* Changes background colour */
	border-color: #324960; /* Changes border colour */
	justify-content: center; /* Centers the text */
	text-decoration: none; /* Removes underline */
}

.widget-navigation .list__link .list__heading {
	color: #ffffff; /* changes text colour */
	padding-right: 0 !important; /* Removes padding for central alignment */
}

.widget-navigation .list__link:hover,
.widget-navigation .list__link:active {
	background-color: #ffffff; /* Changes background colour */
	border-color: #324960; /* Changes border color on hover and active states */
}

.widget-navigation .list__link:hover .list__heading,
.widget-navigation .list__link:active .list__heading  {
    color: #324960; /* Changes text colour */
	text-decoration: underline; /* Adds underline */
}

/* ********** Widget Service Header START ********** */
service--with-subitems .service__link .service__heading { color: #324960; }
.service--with-subitems .service__link:hover .service__heading,
.service--with-subitems .service__link:focus .service__heading,
.service--with-subitems .service__link:active .service__heading { color: #ffff00; }
/* ********** Widget Service Header END ********** */

/* ********** Widget Sub Links START ********** */
.services__more .list__link { color: #ffffff; }

.services__more .list__link:hover,
.services__more .list__link:focus,
.services__more .list__link:active { color: #ffff00; }


.services .service:hover .list__link,
.services .service:hover .list__link .list__link-text,
.services .service:hover .list__link:hover .list__link-text {
color: #324960!important;
}

/* ********** Widget Sub Links END ********** */


/* ********** Hover Click Colours START ********** */
.widget-navigation .list__link:focus,
.widget-navigation .list__link:active {
	background-color: #234159; /* Changes background colour */
	border-color: #234159; /* Changes border colour on active and focus states */
	outline-color: #e9a856; /* Changes outline colour on active and focus states */
}

.widget-navigation .list__link:focus .list__heading,
.widget-navigation .list__link:active .list__heading  {
    color: #e9a856; /* Changes text colour */
}
/* ********** Hover Click Colours END ********** */

.widget-navigation .list__link .icon {
	display: none; /* Hide the icon */
}
/******************* Navigation Widget End *******************/


/******************* HeaderFooter Start *******************/

.site-header,
.site-footer,
.site-footer .nav--social-links .list__link {
    background-color: #324960 !important; /* Changes Header Footer colour */
}

/******************* HeaderFooter End *******************/


/***************** Popular Services Widget Start *****************/

.services .service {
    border-color: #324960; /* Changes border colour */
    background-color: #324960; /* Changes background colour */
}

.services .service .service__heading {
    color: #ffffff; /* Changes text colour */
}

.services .service:hover,
.services .service:active {
    background-color: #ffffff; /* Changes background on hover and active states */
    border-color: #324960; /* Changes border color on hover and active states */
}

.services .service:focus,
.services .service:active {
    border-color: #0B5B99; /* Changes border colour on active and focus states */
}

.services .service:hover .service__heading,
.services .service:active .service__heading {
    color: #324960 !important; /* Changes text colour on hover and active states */

}
/***************** Popular Services Widget End *****************/