.league-selector-container {
	max-width:1440px !important;
}

.news-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    /*border-top: 1px solid lightgray;*/
}

.standings-league-logo-img-sc {
    max-height: 40px;
    margin-right: 1em;
}

.savant-dropdown-btn {
    border: solid 1px lightgray;
}

.quick-league-buttons img {
    max-height: 20px;
    margin-right: 0.5em;
}

.quick-league-btn {
    padding: 8px 10px 8px 10px;
    border-radius: 6px;
    font-size: 12px;
    margin-bottom: 1em;
    margin-right: 0.5em;
    background-color: #F6F7F8;
    border: 1px solid lightgray;
    color: #585757;
}

#league-news {
    display: none;
}

.leagues-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
}

.leagues-selector-btn {
    flex: 0 0 auto;
}

.leagues-selector-quick-btns {
    flex: 1;
}

.news-menu-row {
    background-color: #F6F7F8;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 1em;
}

.news-nav-pills {
    padding: 0px !important;
}

.news-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.news-grid .card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.news-grid .card-body {
    flex-grow: 1;
}

.elementor-element {
    padding: 0 !important;
}

.col-heading {
	margin-bottom:1em;
}

#latest-news {
    padding: 0;
}
.news-content-row .card {
    margin: 0;
}

.second-news-card, .third-news-card {
		margin-bottom: 0px !important;
}

.extra-news-card .news-outlet-link {
	display:inline-block !important;
}

.btn-col {
	justify-content: flex-end;
	flex-direction: row !important;
}

.latest-news-heading, .slider-heading {
	display: flex;
	flex-direction:row !important;
	align-items: center;
	gap: 10px; 
	margin-top:16px;
	justify-content: flex-start;
	padding: 10px;
}

.latest-news-heading i, .slider-heading i {
	font-size: 28px;           
}

.latest-news-heading h2, .slider-heading h2 {
	margin: 0;                 
}

.extra-news-card-summary {
	display:none;
}


@media (min-width: 769px) {
    
	.third-latest-news {
		margin-bottom:0px !important;
	}
	.second-latest-news .card, .third-latest-news .card {
		height:50%;
	}
	.first-news-card, .second-news-card, .third-news-card {
		height: 100%;
	}
	.first-news-card .card-img-top {
		height: 250px;
		object-fit: cover;
		width: 100%;
	}
	.second-news-card .card-img-top, .third-news-card .card-img-top {
		height: 100px;
	}
	.second-news-card .card-txt-link, .third-news-card .card-txt-link {
		display:none;
	}
	
	
	/* Additional News Cards - Simplified Design */

	.extra-news-card-summary {
		display:block;
	}
	
	.extra-news-row {
		display: flex;
		flex-wrap: wrap;
		gap: 10px; /* Ensure this gap value is smaller to prevent overflow */
		margin-bottom: 20px;
	}

	.extra-news-card {
		display: flex;
		align-items: center;
		gap: 10px; /* Space between the image and the content */
		border: 1px solid #e5e5e5;
		border-radius: 8px;
		padding: 10px;
		background-color: #fff;
		flex: 0 0 calc(50% - 10px); /* Ensure the width is 50% minus the gap */
		box-sizing: border-box; /* Include padding and borders in width calculations */
	}
	
	.extra-card-content {
		align-items: center;
	}

	.extra-news-card img {
		flex: 0 0 100px;
		height: 80px;
		object-fit: cover;
		margin-right: 15px;
		border-radius: 5px;
	}

	.extra-news-card .content {
		flex-grow: 1;
	}
	
	

	.extra-news-card h5 {
		font-size: 1rem;
		margin-bottom: 5px;
		font-weight: 600;
	}

	.extra-news-card p {
		font-size: 0.9rem;
		margin: 0;
		color: #555;
	}

	.extra-news-card .card-site {
		font-size: 0.8rem;
		color: #888;
	}
	
}