/*
TEMPLATE FOR MEDIA QUERIES
	@media screen and (min-width:1180px) {}
	@media screen and (min-width:880px) and (max-width:1179px) {}
	@media screen and (max-width:879px) {}*/

.vmenu01.fx_3 {
	margin: 0 !important;
}

/*section.has_aside {
	align-items: center;
}*/

.this-month-articles {
	background: white url(/ctm/31250/projects/jaguars/gallery/2022/09/bg-rows.png);
	background-size: 500px;
	padding: 20px 0;
}

div#this_week.content {
	background: transparent;
	/* padding-top: 10px !important; */
}

h1.thisweek {
	padding-top: 20px;
	text-align: center;
}

.a_content a.share {
	display: inline-block !important;
	margin: 22px 0 !important;
	float: initial;
	background: var(--gray1);
	color: var(--color3000) !important;
	font-size: 13px;
	/* border-bottom: 1px solid var(--color_v5); */
	padding: 1px 10px;
	display: block;
	text-align: center;
	opacity: 0.7;
}

.a_content a.share:hover { opacity: 1; }

#top_page h1 {
	margin: 0 auto;
}

@media screen and (min-width: 1180px) {
	section.has_aside .content {
		padding: 0 3.125em 1.8em 0 !important;
	}
}
/*-----------------------------------------------------------  READMORE DIV / BUTTON -----------------------*/

.a_content a.more {
	background-color: var(--gray1) !important;
	color: var(--color3000);
	font-size: 13px;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	border-bottom: 1px solid var(--gray2);
	padding: 4px 0 3px;
	display: inline-block;
	width: 120px;
	margin: 20px 5px;
	text-align: center;
	opacity: 0.7;
	top: 1px;
	position: relative;
}

.a_content a.more:hover {
	opacity: 1;
}

.a_content a.more span {
	font-size: 16px;
}

.a_content .a_gradient {
	position: relative;
	z-index: 2;
	overflow: hidden;
	height: 200px !important;
}

.a_content .a_gradient:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 100%;
	z-index: 1;
	background-image: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0),
		rgba(255, 255, 255, 1)
	);
}

@media screen and (min-width: 600px) {
	.section_25 article.style_a .a_gradient:before,
	.section_50 article.style_a .a_gradient:before {
		background-image: linear-gradient(
			to bottom,
			rgba(249, 249, 249, 0),
			rgba(249, 249, 249, 1)
		) !important;
	}

	.section_25 article.style_a .a_transparent:before,
	.section_50 article.style_a .a_transparent:before {
		background-image: transparent !important;
	}
}

/*-----------------------------------------------------------  AJUSTES -----------------------*/

.article_separator {
	clear: both;
}

/* .section_25 h1,
.section_50 h1 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 23px;
	font-size: 20px;
} */

@media screen and (max-width:405px) {
	.section_25 h1,
	.section_50 h1 {
		text-align: center;
	}
}

/* .section_25 .a_title,
.section_50 .a_title {
	height: 80px;
	line-height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
} */

.section_25 .a_title h1,
.section_50 .a_title h1 {
	background-image: none;
	text-transform: inherit;
	font-size: 26px;
	font-weight: 300;
}

#this_week article > h3:first-of-type {
	display: none !important;
}

#this_week h2 {
	font-size: 18px;
}

.this_week h2 {
	margin-bottom: 10px;
	font-size: 19px;
	text-transform: initial;
	margin-top: 0;
}

.section_25 .more ~ p,
.section_50 .more ~ p {
	display: inline-block;
}

/*-----------------------------------------------------------  PAGE INDEX -----------------------*/
@media screen and (min-width: 1180px) {
	#top_page_thisweek { padding-top: 120px; }

	aside::before {
		background-color: transparent !important;
	}
}

@media screen and (min-width: 880px) and (max-width: 1179px) {
	#top_page_thisweek { padding-top: 80px; }
}

@media screen and (max-width: 879px) {
	#top_page_thisweek { padding-top: 50px; }
}

@media screen and (min-width: 600px) {
	.index_thisweek #news_index ul {
		display: flex;
		flex-wrap: wrap;

	}

	.index_thisweek #news_index ul li {
		display: block;
		width: calc(50% - 20px);
		margin: 0 10px;
		/* text-align: center; */
	}
}

.thisweek-index {
	background: url(../images/school-bg4.png) var(--color2000);
	background-blend-mode: color-burn;
	background-attachment: fixed;
	/* background-size: 450px; */
	padding: 30px 0;
}

.thisweek-index section .content {
	background: transparent;
	max-width: 850px;
	margin: 0 auto;
}

#top_page_thisweek { font-family: "Work Sans", sans-serif; }

.index_thisweek h2 {
	font-size: 1em;
	background: var(--color_v5);
	color: white;
	/*border: solid 1px var(--color_p);
	color: var(--color_p);*/
	padding: 5px 10px;
	text-align: center;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: normal;
}

.index_thisweek #news_index ul {
	margin-left: 0;
}

.index_thisweek #news_index li {
	font-size: 17px;
	text-align: center;
	/* border-bottom: solid 1px #f5f5f5; */
	color: white;
	font-family: "Nunito", sans-serif;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-weight: 400;
	/* padding: 5px 10px; */
	text-overflow: ellipsis;
}

.index_thisweek #news_index li a {
	display: block;
	width: 100%;
	padding: 5px 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: white;
	border-bottom: 1px solid white;
	transition: all 0.2s linear;
}

.index_thisweek #news_index li a:hover {
	background: rgba(255,255,255,0.2);
	transition: all 0.2s linear;
}

.index_thisweek #news_index li:before {
	content: "";
}
.vmenu01.fx_3 h1 {
	/* background: #542221; */
	/* color: #FFFFFF; */
	margin: 0;
}

@media screen and (min-width: 1180px){
	.vmenu01.fx_3 {top: -40px !important;}
}

/*-----------------------------------------------------------  STRUCTURE -----------------------*/

/*------- Sections ---------*/

@media screen and (max-width: 400px) {
    .section_25, .section_50, .section_75 { display: block !important; }
}

.section_25 {
	padding-top: 0 !important;
}

.section_25,
.section_50 {
	display: flex;
	flex-wrap: wrap;
}

.section_25,
.section_50,
.section_75 {
	padding: 20px 20px;
}

/*-----------------------------------------------------------  DIVISIONS --------------------------*/

/*------- SECTION_25 - DEFAULT, STYLE A, B (FX_2)--------*/

@media screen and (min-width: 680px) and (max-width: 889px) {
	.section_25 > div:nth-child(1n),
	.section_25 > article:nth-child(1n) {
		width: calc(100% / 2 - 1em);
		margin: 0 1em 1em 0;
	}
	.section_25 > div:nth-child(2n),
	.section_25 > article:nth-child(2n) {
		width: calc(100% / 2 - 1em);
		margin: 0 0 1em 1em;
	}
}

@media screen and (min-width: 600px) {
	.section_25 > div:nth-child(1n),
	.section_25 > article:nth-child(1n) {
		width: calc(100% / 2 - 1em);
		margin: 0 1em 1em 0;
	}
	.section_25 > div:nth-child(2n),
	.section_25 > article:nth-child(2n) {
		width: calc(100% / 2 - 1em);
		margin: 0 1em 1em 0;
	}
	.section_25 > div.style_a:nth-child(n),
	.section_25 > article.style_a:nth-child(n) {
		display: block;
		justify-content: center;
		width: 100%;
		margin: 0 1em 1em 0;
		/* background-color: white; */
		/* border: 1px solid #eee; */
	}
	.section_25 > div.style_b:nth-child(n),
	.section_25 > article.style_b:nth-child(n) {
		width: 100%;
	}
	.section_25 > div.style_b:nth-child(n) img,
	.section_25 > article.style_b:nth-child(n) img {
		float: left;
		max-width: 50%;
		margin: 0 1em 1em 0;
	}

	.section_25 > div.style_c:nth-child(n),
	.section_25 > article.style_c:nth-child(n) {
		width: 100%;
	}
	.section_25 > div.style_c:nth-child(n) img,
	.section_25 > article.style_c:nth-child(n) img {
		float: right;
		max-width: 50%;
		margin: 0 0 1em 1em;
	}

	.section_25 img,
	.section_50 img {
		max-width: 100%;
		margin: 0 auto 1em auto;
		display: block;
		float: initial;
	}
}

@media screen and (max-width: 599px) {
	.section_25, .section_50 {
		display: block !important;
	}

	.section_25 .default {
		width: 100%;
		margin: 0 0 30px 0;
	}

	.section_25 > div.style_a:nth-child(n),
	.section_25 > article.style_a:nth-child(n) {
	/* background-color: white; */
	/* border: 1px solid #eee; */
		padding: 15px;
	}
}

/*------- SECTION_50 - DEFAULT, STYLE A, B (FX_3)--------*/

@media screen and (min-width: 890px) {
	.section_50 > div.default:nth-child(1),
	.section_50 > article.default:nth-child(1),
	.section_50 > div.default:nth-child(3n + 1),
	.section_50 > article.default:nth-child(3n + 1),
	.section_50 > div.default:nth-child(3n + 3),
	.section_50 > article.default:nth-child(3n + 3) {
		width: calc(100% / 3 - 2em / 2);
		margin: 0 1em 0 0;
	}
	.section_50 > div.default:nth-child(3n + 2),
	.section_50 > article.default:nth-child(3n + 2) {
		width: calc(100% / 3 - 2em / 2);
		margin: 0 1em 0 0;
	}
}

@media screen and (min-width: 600px) {
	.section_25 > div.style_a:nth-child(n) .a_content,
	.section_25 > article.style_a:nth-child(n) .a_content,
	.section_50 > div.style_a:nth-child(n) .a_content,
	.section_50 > article.style_a:nth-child(n) .a_content {
		margin: 0 20px;
		position: relative;
	}
}

@media screen and (min-width: 680px) and (max-width: 889px) {
	.section_50 > div:nth-child(1n),
	.section_50 > article:nth-child(1n) {
		width: calc(100% / 2 - 1em);
		margin: 0 1em 1em 0;
	}
	.section_50 > div:nth-child(2n),
	.section_50 > article:nth-child(2n) {
		width: calc(100% / 2 - 1em);
		margin: 0 1em 1em 0;
	}
}

@media screen and (max-width: 679px) {
	.section_50 > div,
	.section_50 > article {
		width: 100%;
		margin: 0 0 1em 0;
	}
	.section_25 img,
	.section_50 img {
		max-width: 100%;
		margin: 0 auto 1em auto;
		display: block;
	}
}

.section_50 > div.style_a:nth-child(n),
.section_50 > article.style_a:nth-child(n) {
	display: grid;
	justify-content: center;
	width: 100%;
	margin: 0 1em 1em 0;
	background-color: var(--gray1);
}

.section_50 > div.style_b:nth-child(n),
.section_50 > article.style_b:nth-child(n) {
	width: 100%;
}

.section_50 > div.style_b:nth-child(n) img,
.section_50 > article.style_b:nth-child(n) img {
	float: left;
	max-width: 50%;
	margin: 0 1em 1em 0;
}

.section_50 > div.style_c:nth-child(n),
	.section_50 > article.style_c:nth-child(n) {
		width: 100%;
	}
	.section_50 > div.style_c:nth-child(n) img,
	.section_50 > article.style_c:nth-child(n) img {
		float: right;
		max-width: 50%;
		margin: 0 0 1em 1em;
	}

/*------- SECTION_75 - DEFAULT, STYLE A, B (Toggle)--------*/

.section_75 .a_content {
	padding-top: 20px;
	display: none;
}

.section_75 article h1 {
	font-size: 1em !important;
	width: 100%;
	text-transform: uppercase;
	text-align: left;
	padding: 10px !important;
	cursor: pointer;
	transition: all 0.3s linear;
	color: var(--color_p);
	border: solid 1px var(--color_p);
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: "Work Sans", sans-serif;
	font-weight: 600;
}

.section_75 article h1 span {
	float: right;
}

@media screen and (min-width: 680px) {

	.section_75 > div:nth-child(n) img,
	.section_75 > article:nth-child(n) img,
	.section_75 > div.style_a:nth-child(n) img,
	.section_75 > article.style_a:nth-child(n) img {
		float: left;
		width: 50%;
		margin: 0 1em 1em 0;
	}

	.section_75 > div.style_b:nth-child(n) img,
	.section_75 > article.style_b:nth-child(n) img {
		float: right;
		width: 50%;
		margin: 0 0 1em 1em;
	}
}

@media screen and (max-width: 679px) {
	.section_75 article h1 {
		font-size: 0.8em !important;
	}
	.section_75 > div,
	.section_75 > article {
		width: 100%;
		margin: 0 0 1em 0;
	}
	.section_75 article img,
	.section_50 > div.style_b:nth-child(n) img,
	.section_50 > article.style_b:nth-child(n) img {
		width: 100%;
		max-width: initial;
		margin: 0 auto 1em auto;
		display: block;
		float: initial;
	}
}

/*------- UL LI Bullets --------*/

#this_week ul {
	display: flow-root !important;
}

.r_content {
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*----------------------------------------------------  SCHOOL MISSION  --------------------------------*/
.TM-school-mission {
	background: var(--color4000);
	color: white;
}

.TM-school-mission section {
	background: var(--color4000) url(../images/bg-footer-mission.png) no-repeat bottom right;
	background-size: 330px;
	background-blend-mode: overlay;
	padding: 30px 0;
}

.TM-school-mission section .content {
	background: transparent;
	max-width: 710px;
	margin: 0 auto;
	text-align: center;
}

.TM-school-mission section .content h1 {
	color: var(--color5000);
}

.TM-school-mission section .content p {
	font-size: 18px;
}

.TM-school-mission section .content p a.fin-aid-link {
	background: transparent;
	border-radius: 30px;
	width: 240px;
	font-size: 16px;
	border: 1px solid white;
	margin-top: 40px;
}

.TM-school-mission section .content p a.fin-aid-link:hover {
	opacity: 1;
	background: white;
	color: var(--color4000);
}