/**
 * Utility Bar Styles
 *
 * This document contains all of the styles for website utility bar that is
 * located at the top of all pages.
 *
 * @package WordPress
 * @subpackage Southcoast
 * @since Southcoast 1.0
 */

.utility-bar {
	background-color: #E1F5FA;
	font-size: 13px;
	line-height: 16px;
	padding: 5px 30px;
}

.utility-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 8px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.utility-left {
    display: flex;
    align-items: center;
}

.utility-phone {
    color: #101212;
    text-decoration: none;
    font-weight: 400;
    transition: color 0.2s;
	font-size: 14px;
}

.utility-phone:hover {
    color: #008573;
}

.utility-right {
    display: flex;
    align-items: center;
    /* gap: 5px; */
}

.utility-link {
    color: #101212;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s;
	padding: 0 20px;
	border-right: 2px solid #86dbfa;
	font-size: 14px;
}



.utility-link:hover {
    color: #008573;
}


@media (max-width: 639px) {
    .utility-right {
		display: none;
	}
}




@media ( -webkit-min-device-pixel-ratio: 2 ), ( min-resolution: 192dpi ) {

	.utility-bar-search-link {
		background-image: url("images/icon-utility-search-retina.png");
		background-size: 20px 20px;
	}

	.utility-bar-menu-link {
		background-image: url("images/icon-utility-menu-retina.png");
		background-size: 16px 16px;
	}

}