.new-homepage-news-grid {
	margin-left: 15px;
	margin-right: 15px;
	padding: 30px 5% 60px 5%;
}
.new-homepage-news-grid .grid .row {
	border-top: 1px solid #000000;
	padding-top: 10px;
}
.new-homepage-news-grid .grid .row {
	.col-12, .col-sm-12, .col-md-4, .col-lg-4, .col-xl-4 {
		border-left: 3px solid #FFE41E;
	}
}
 @media screen and (max-width: 768px) {
 	.new-homepage-news-grid .grid .row {
	.col-12, .col-sm-12, .col-md-4, .col-lg-4, .col-xl-4 {
		margin-bottom: 35px;
	}
}
}
.new-homepage-news-grid .grid .row .col-12.col-sm-12.col-md-4.col-lg-4.col-xl-4:hover {
    border-left: 5px solid #FFE41E;
}
.new-homepage-news-grid .grid .row .col-12.col-sm-12.col-md-4.col-lg-4.col-xl-4:hover .news-grid-category {
    font-weight: 700;
    text-decoration: none;
}
.new-homepage-news-grid .grid .row .col-12.col-sm-12.col-md-4.col-lg-4.col-xl-4:hover .news-grid-title a {
    font-weight: 700;
    text-decoration: underline !important;
}

/*Form CSS*/

.new-homepage-news-grid .form-row .form-control {
	background-color: #ffe41e;
	width: 250px;
	border: none;
  border-radius: 0;
}
.new-homepage-news-grid .form-row .form-control:focus {
	border: none !important;
	box-shadow: none !important;
}
.new-homepage-news-grid .form-row .js-form-item {
	background-color: #FFE41E;
}
#edit-field-home-feature-category-value-1 {
    /* Add padding to the right of the arrow */
    padding-right: 20px;

    /* Use the default arrow as the background image */
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>') no-repeat right center;
    background-position-x: 95%;

    /* Ensure the default arrow is not displayed */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/* Optional: Style for the arrow image in Firefox */
#edit-field-home-feature-category-value-1:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
/*End Form CSS*/

/*Media Queries*/
 @media screen and (min-width: 768px) {
 	.new-homepage-news-grid .more-link {
 		position: relative;
 		float: right;
 		top: 20px;
 		padding-top: 50px;
 	}
}
 @media screen and (max-width: 768px) {
.col-12.col-sm-12.col-md-4.col-lg-4.col-xl-4 {
    padding: 15px 10px;
}
div.more-link a {
    position: relative;
}
/*End Media Queries*/