  /*
Implementation Skeleton v3 - 12/6/18
Add styles to overwrite customer CSS, USE WITH CAUTION.
*/

.info-alert {
	top: 0;
	left: 0;
	background-color: rgba(18,114,196, 1);
}

.warning-alert {
	top: 0;
	left: 0;
	background-color: rgba(231, 215, 65, 1);
}

#directory-list tbody tr td:nth-child(4) {
	text-wrap: nowrap !important;
}

header .gsc-control-cse {
	font-family: "Open Sans", sans-serif
}

header .gsc-control-cse .gsc-table-result {
	font-family: "Open Sans", sans-serif
}

header .gsc-refinementsGradient {
	background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0))
}

header .gsc-control-cse {
	border: none;
	background-color: transparent;
	padding: 2px;
}

header .gsc-control-cse .gsib_a {
	padding: 2px 0px 2px 6px;
}

.main-navigation .nav li a.gsst_a {
	padding: 0px;
}

header td.gsc-input {
	padding-right: 0px !important;
}

header .gsc-control-cse td.gsib_a,
header input.gsc-input,
header .gsc-input-box {
	border-color: var(--dark-gray);
	width: 150px;
	margin-right: 0;
	padding-right: 0 !important;

	@media (max-width: 1199px) {
		width: 100%;
	}
}

header .gsc-search-button-v2,
header .gsc-search-button-v2:hover,
header .gsc-search-button-v2:focus {
	border-color: #000000;
	background-color: #FFFFFF;
	background-image: none;
	filter: none;
	height: 30px;
	width: 30px;
	padding: 0;
	margin: 0;
}

header .gsc-search-button-v2 svg {
	fill: var(--primary-color)
}


/* Media query for mobile devices (adjust the max-width as needed) */
@media screen and (max-width: 768px) {
	.tab-content a{
		padding-left: 50px; /* Adjust the padding for mobile screens */
		font-size: .9rem;
	}

	.tab-content li a {
		padding-left: 1px;
		font-size: 1.2rem;
	}
}

