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

.widget-navigation .list__link .list__heading {
	color: white; /* 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: #2E6B66; /* 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-navigation .list__link:focus,
.widget-navigation .list__link:active {
	background-color: #efefef; /* Changes background colour */
	border-color: #efefef; /* Changes border colour on active and focus states */
	outline-color: #000000; /* Changes outline colour on active and focus states */
}

.widget-navigation .list__link:focus .list__heading,
.widget-navigation .list__link:active .list__heading  {
    color: #000000; /* Changes text colour */
}

.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: #2E6B66 !important; /* Changes Header Footer colour */
}

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


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

.services .service {
    border-color: #2E6B66; /* Changes border colour */
    background-color: #2E6B66; /* 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: #2E6B66; /* 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: #2E6B66 !important; /* Changes text colour on hover and active states */

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