/*
Theme Name: Cherry Creek HS Tennis Team
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

@media only screen and (max-width: 849.98px) {
	.top-banner-and-news {
	    background-color: #BA0C2F;
        width: 100%;
        min-height: 880px;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-radius: 10px;
        max-width: 1050px;
	}
	
	.news-title-container {
		display: flex;
        flex-direction: row;
        max-width: 920px;
        margin-top: 55px;
        width: 100%;
        justify-content: space-around;
	}
	
	.na-title-one {
		padding-top: 1px;
        color: white;
        text-decoration: none;
        font-size: 13px;
        background-color: #004C97;
        max-width: 353px;
        width: 100%;
        text-align: center;
        height: 22px;
        opacity: 0.95;
        border-style: solid;
        border-width: 1px;
	}
	
	.na-title-two {
		color: white;
        text-decoration: none;
        font-size: 13px;
        height: 22px;
        max-width: 353px;
        width: 100%;
        text-align: center;
        background-color: #004C97;
        padding-top: 1px;
        opacity: 0.95;
        border-style: solid;
        border-width: 1px;
        position: absolute;
        margin-top: 20px;
	}
	
	.news-card {
		min-height: 405px;
        width: 100%;
        opacity: 0.95;
        margin-top: -30px;
        max-width: 945px;
		flex-direction: column;
        display: flex;
	}
	
	.news-card-one,
	.news-card-two {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.na-container-one {
	    max-width: 435px;
        width: 100%;
        background-color: white;
        z-index: 1;
        opacity: 0.95;
        border-radius: 6px;
        padding: 25px;
        min-height: 300px;
        margin-top: -8px;
	}
	
	.na-container {
		margin-top: 41px;
	}
	
	.news-bottom-half {
        display: flex;
        max-width: 1050px;
        width: 100%;
        flex-direction: column;
        align-items: center;
		margin-top: 20px;
    }
	
	.news {
        display: flex;
        justify-content: center;
        width: 100%;
        z-index: 1;
        max-width: 945px;
	}
    
	.pic-of-week {
		width: 100%;
        display: flex;
        flex-direction: column;
        margin-top: 30px;
    	align-items: center;
    	justify-content: center;
	}
	
	.pic-title {
		height: 57px;
	}
	
	.pic-of-week__title {
	    font-size: 30px;
    	font-weight: 900;
    	margin-top: 0px;
    	background-color: #004C97;
    	position: relative;
    	color: white;
    	z-index: 2;
    	border-style: solid;
    	border-color: white;
    	padding: 9px;
	}
	
	.pic-of-week__img-underlay {
    	background-color: #BA0C2F;
    	z-index: 1;
    	margin-top: -10px;
	}
}