@charset "UTF-8";
/* CSS Document */



<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" />
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&amp;family=Montserrat:ital,wght@0,100..900;1,100..900&amp;family=Special+Gothic&amp;family=Special+Gothic+Condensed+One&amp;display=swap" rel="stylesheet" />

		
/*** REMOVE ***/

.info-why-mtsac {display:none}
#ocelot_ai {display:none}
div.info-why-mtsac > div > div:nth-child(3) > span {text-align: center;}
.date_blog_info {display:none}
.top-bar {display:none}


/* removes white block from template */
body {background: none;}


/*** Images ***/


.rotate-left {
	border: 4px solid #ffffff;
transform: rotate(-4deg);
box-shadow: 6px 6px 24px 1px rgba(0, 0, 0, 0.42), 0 0 10px 0 rgba(0, 0, 0, 0);
border-radius: 2rem;
	margin: 1rem 2rem 1rem 0rem;
/* margin: 1rem 2rem 1rem -2rem; */
	/* shape-outside: polygon(92% 0, 100% 100%, 0 100%, 0 0);*/
	/* shape-outside: polygon(92% 0, 100% 92%, 0 100%, 0 0);
	shape-margin: 1em; */
	
	/*shape-outside: polygon(87.96% -13px, 95.29% 102.9%, 4px 103.15%, 5px -10px); */
  shape-outside: polygon(90.77% 24px, 95.64% 100.77%, 1px 102.86%, 0px 35px);
  shape-margin: 1rem;
  margin-right: 2.5rem !important;
  margin-bottom: 1rem !important;
  margin-top: 2rem !important;

	
}

/* @media screen and (max-width: 39.9375em) {
	.rotate-left {margin: 1rem 2rem 1rem 0rem;}
} */

@media only screen and (min-width: 76em) {
	.rotate-left {
	margin: 0.75rem 2rem 0.75rem -2rem;}
}





.rotate-right {
	border: 4px solid #ffffff;
transform: rotate(4deg);
box-shadow: 6px 6px 24px 1px rgba(0, 0, 0, 0.42), 0 0 10px 0 rgba(0, 0, 0, 0);
border-radius: 2rem;
margin: 1rem 0rem 1rem 2rem;
	/* shape-outside: polygon(100% 0, 100% 100%, 0 100%, 8% 0); */
	shape-outside: polygon(100% 0, 100% 100%, 0 92%, 8% 0);
	shape-margin: 1em;
}

@media only screen and (min-width: 76em) {
	.rotate-right {
	margin: 1rem -2rem 1rem 2rem;}
}



/*
@media screen and (max-width: 39.9375em) {
	.rotate-right {margin: 1rem 0rem 1rem 2rem;}
} */







.button {
	font-size: 1.5rem;
font-weight: 500;
/* filter: drop-shadow(
1px 2px 3px rgba(0,0,0,0.2)
)
drop-shadow(
2px 4px 6px rgba(0,0,0,0.2)
)
drop-shadow(
4px 8px 12px rgba(0,0,0,0.2)
); */
border: 3px solid #b9b9b9;
}


/*** Backgrounds ***/

body > div.wrapper > div.main {background: linear-gradient(to top, rgba(255, 255, 255, 1) 5.88%, rgba(255, 255, 255, 0) 22.27%);
} 

/*** Banners ***/

.magazine-name {filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 1));}


div.info-why-mtsac > div > img {
	width:100%;
	clip-path: ellipse(125% 100% at top);
	height: 75vh;
	object-fit: cover;
}

@media only screen and (max-width: 64em) {
div.info-why-mtsac > div > img {
	width:100%;
	clip-path: ellipse(400% 100% at top);
	height: 75vh;
	object-fit: cover;
}}



 :root {
			background: url(/magazine/site-imgs/mountains-bgrnd-fade.jpg);
			background-repeat: no-repeat;
			background-position: center top;
			background-size: cover;
			} 
	

/***   B A C K G R O U N D S   ***/




.main {
	background: url(/magazine/site-imgs/mountains-bears.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}


/* ellipse at end of article */
.info-why-mtsac > .info-why-mtsac {
	clip-path: ellipse(300% 100% at top);
	padding-bottom: 5rem;
	background-color: white;
	background: linear-gradient(rgba(255, 255, 255, 1) 91.18%, rgba(255, 255, 255, 0.75));
}

@media only screen and (max-width: 64em) {
.info-why-mtsac > .info-why-mtsac {
	clip-path: ellipse(400% 100% at top);
	padding-bottom: 5rem;
	background-color: white;
	background: linear-gradient(rgba(255, 255, 255, 1) 91.18%, rgba(255, 255, 255, 0.75));
}}

@media screen and (max-width: 39.9375em) {		

	:root {
		background: url(/magazine/site-imgs/mountains-bgrnd-fade.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: cover;
		background-attachment: scroll;
	} 
}

@media screen and (min-width: 40em) {
	:root {
		background: url(/magazine/site-imgs/mountains-bgrnd-fade.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: cover;
		background-attachment: fixed;
	} 
}



			/***  T Y P O G R A P H Y  ***/
			


h1 {
	font-size: 6rem;
	/* font-family: "Bebas Neue", sans-serif; */
	/* font-family: "Special Gothic", sans-serif; */
	font-family: "Montserrat", sans-serif;
	text-wrap: balance;
	text-align:center;
	font-weight: 700;
	margin-bottom: 2rem;
}	

@media (max-width: 1024px) {
	h1 {font-size: 3rem !important; margin-top: 1rem !important;
	}
}


.intro-paragraph {
	font-family: "Special Gothic", sans-serif;
font-size: 1.75rem;
font-style: normal;
font-weight: 600;
line-height: 2.5rem;
text-wrap: balance;
}

p {
	font-family: "Special Gothic", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.5rem;
	line-height: 2.5rem;
	text-wrap: balance;

}


	
.footerheadline { 
	font-size: 3rem;
	font-family: "Bebas Neue" !important, sans-serif;
	text-align: center;
	text-wrap: balance;
	text-align: center;
	font-weight: 900;
	text-transform: uppercase;
}

			

.quotebox p {
	font-size: 2rem;
	line-height: 3rem;
}


.articletitle {
	display: block;
	margin: 1rem;
	font-size: 2rem;
	text-align: center;
	font-weight: 600;
	line-height: 2.25rem;
	color: #000000;
	text-wrap: balance;
}
			
.articledate {
			display: block;
			font-size: 1.25rem;
			text-align: center;
			font-weight: 600;
			color: #464646;
}

			.category {
			display: block;
			text-transform: uppercase;
			font-size: 1.25rem;
			text-align: center;
			letter-spacing: 0.8rem;
			font-weight: 600;
			color: #326195;
			padding: 0 0.25rem;
			margin: 0;
			border-top: 2px solid #ececec;
			border-bottom: 2px solid #ececec;
			}
			
			.author {
			display: block;
			font-size: 2rem;
			text-align: center;
			font-weight: 600;
			color: #464646;
			padding: 0 0.25rem;
			margin: 0;
			}


.blog-article-fullwidth-img {margin: 2rem 0;}

.article-caption {
			font-size: 1rem; 
			line-height: 1.2rem;
			"Special Gothic", sans-serif;
			text-wrap: balance;
			text-align:right;
			color: #464646;
			display:block;
			padding:0.5rem;
			/* margin: 0 0.5rem; */
			}


/* links */
			
			div.post_listing_news_title_home a {
			font-size: 1.25rem !important;
			color:#464646;
			text-decoration: underline;
			text-decoration-color: #b7e3fe;
			text-decoration-thickness: 2px;
				text-underline-offset: 3px;
			}
			
			div.post_listing_news_title_home a:hover {
			color:#000000;
			text-decoration-color: #08aeff;
			text-decoration-thickness: 2px;
			}
			
			/* div.post_listing_news_title_home a:visited {
			color:#096dbf;
			} */


			
			/* .headline {
			font-size: 3rem;
			font-family: "Bebas Neue", sans-serif;
			text-transform: uppercase;
			text-wrap: balance;
			text-align:center;
			}	*/



/* buttons */
			
			button.tiny, .button.tiny {
			padding-top: 0.4rem !important;
			padding-bottom: 0.4rem !important;
			margin-top: 0.5rem;
			}

 /*** article button component ***/
#article-button a {
			color: #585A5C;
			font-size: 1.5rem;
			line-height:1.2rem;
			margin-right:2rem;
			display:block;
			text-decoration:none;
			}
			
			#article-button > a > em {font-size:1.2rem}
			
			#article-button a:hover {
			color: #006FC9;
			text-decoration:none;
			}
			
			#article-button a:after  {
			content: "\f0a9";
			font-family: 'Font Awesome 6 Pro', 'Font Awesome 6 Brands';
			margin-left: 1rem;
			color: #0daeff;
			font-weight: 900;
			top: -1.5rem;
			left: 2rem;
			display: block;
			position: relative;
			text-decoration:none;
			}
			
			#article-button a:hover:after {
			color: #D31C10;
			text-decoration:none;
			transition: all 0.5s ease;
			}




/* Scroll Box */

.scrollbox {
	height: 450px;
	min-height: 450px;
	padding: 0;
	overflow-y: auto;
	overflow-x: hidden;
	resize: vertical;
	margin: auto;
	width: 100%;
	/* mask-image: linear-gradient(to bottom, black calc(100% - 48px), transparent 100%); */
}



/*** F O O T E R ***/

.eventbox {
	margin: 3rem 1rem 300px 1rem;
	padding: 1rem 1rem 0 1rem;
	background-color: #fbfbfb;
	background-color: rgba(251, 251, 251, 0.7);
	backdrop-filter: blur(4px);	
	border-radius: 2rem;
	
	border: 1px solid #e0e0e0;
	border-bottom: 0.5rem solid #e0e0e0;
	box-shadow: 0 -80px 70px -50px color(display-p3 0 0 0 / 0.4) inset, 0 12px 25px -10px color(display-p3 0 0 0 / 0.3);

}
	
@media screen and (max-width: 39.9375em) {	
	.eventbox {padding: 1rem 1.3rem 0 1.3rem;}	
}
	

.chapter-box {
	display: block;
	padding: 2rem 1rem 1rem 1rem;
	color: #464646;
	background-color: #ffffff;
	border-radius: 1.5rem;
	line-height: 1.5rem;
	text-wrap: balance;
}


.chapter-box ul {list-style: none;}


.chapter-box a {
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 2.5rem;
	color: #464646;
	text-decoration: revert;
	text-decoration-color: #e0e0e0;
	text-decoration-thickness: 3px;
	text-underline-offset: 6px;
	text-decoration-style: dashed;
	 transition: all 0.5s ease;
}

.chapter-box a:hover {
	text-decoration: revert;
	color: #000000;
	text-decoration-color: #08aeff;
	text-decoration-style: solid;
}


.chapter-box a:before {
	content: "\f3c5";
	font-family: 'Font Awesome 6 Pro', 'Font Awesome 6 Brands';
	color: #08aeff;
	font-size: 1.75rem;
	font-weight: 600;
	/* margin-right: 16px; */
	margin-left: -2.5rem;
	text-wrap: balance;
	display: inline-block;
	padding-right: 1rem;
	transition: all 0.5s ease;
}

.chapter-box a:hover:before {
	color: #d61e0f;
	text-shadow: 0px -2px 2px rgba(198, 198, 198, 1);
	transform-origin: 34% 48%;
	transform: rotate(-45deg) scale(1.3);
}


.magazine-credits {
	display: block;
	padding: 1rem 1rem 1rem 2rem;
	color: #464646;
	background-color: #f2f2f2;
	border-radius: 1.5rem;
	line-height: 1.5rem;
	text-wrap: balance;
	margin: 1rem;
}







/* TOPO LAYER */
			
@media screen and (min-width: 40em) {
	.eventbox {
		background-image: url(/magazine/site-imgs/topo-464646.png);
		background-repeat: no-repeat;
		background-position: top right;
		/* background-size: 100%; */
		background-blend-mode: lighten;
	}
}


@media screen and (max-width: 39.9375em) {		

	/* .eventtopic {
		background-color: #f2f2f2;
		border-radius: 1.5rem;
		padding: 0.5rem;
		color:#464646;
	} */
	
	.eventtopic {
		background-color: #f3f3f2;
		border-radius: 1.25rem;
		padding: 0.5rem;
		color: #464646;
		margin: 1rem -2rem -1.25rem -2rem;
		padding: 1rem 0 0 0;
	}
}

@media screen and (min-width: 40em) {
	.eventtopic {
		background-color: #f2f2f2;
		border-radius: 1.5rem;
		padding: 1rem;
		color:#464646;
	}
}



		





@media (max-width: 1024px) {
	h1 {font-size: 1.75em; margin-top: 0px !important; float: none;
	}
}


/*   B L O G    A R T I C L E S   */

.articlescroll {
	height: 50vh;
	min-height: 450px;
	padding: 0 2rem 0 0;
	overflow-y: auto;
	overflow-x: hidden;
	margin: auto;
	width: 100%;
}

article.blog_article_ctnr {margin-bottom: 0.5rem; background-color: #ffffff; border-radius: 0.5rem;}


@media screen and (max-width: 39.9375em) {

	article.blog_article_ctnr {
		margin-bottom: 0.5rem;
		background-color: #ffffff;
		border-radius: 0.5rem;
		min-height: 16rem;
	}

	div.post_listing_thumb { <!-- -->
		background-size: cover;
		background-repeat: no-repeat;
		width: 100px;
		height: 100px;
		background-position: center center;
		margin: 1rem;
		min-height: 100px;
	}

	div.post_listing_news_title_home a {
		font-size: 1.25rem !important;
		text-decoration: underline;
	} 

} /* end */		


@media screen and (min-width: 40em) {

	article.blog_article_ctnr {
		min-height: 10rem;
		margin-right: 0.3rem;
		padding: 0.5rem;
		break-inside: avoid-column;
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
		display: block;
		box-shadow: 0 10px 7px -13px rgba(0, 0, 0, 0.63);
	}
	
	div.post_listing_thumb {
	background-size: cover;
	background-repeat: no-repeat;
	width: 144px;
	height: 144px;
	background-position: center center;
	/* margin: 0 auto; */
	border-radius: 0.25rem;
	}
} /* end */	
	
	
	/*** Tabs Edits from Component Styles ***/


 		#tabcomponent .tabs {
			background: rgb(240,240,240);
			background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(242, 242, 242, 1)),
			linear-gradient(to top, rgba(126, 126, 126, 0.75), rgba(242, 242, 242, 1) 83.19%);
			border-radius: 0;
			margin-left: 0rem;

			}

		#tabcomponent .tabs {
			margin-bottom: 0px !important;
			margin-top: 2rem;

			}

		#tabcomponent .tabs dd, .tabs .tab-title {
			float: left;
			margin-left: 0.2rem;
			width: auto;
			
			}

		#tabcomponent .tabs-content > .content.active {
			display: block;
			min-height: 5rem;
			float: none;
			padding: 1rem;
			border-bottom-width: 0px;
			border-bottom-style: solid;
			border-bottom-color: rgb(242, 242, 242);
			box-shadow: 0 10px 7px -13px rgba(0, 0, 0, 0);
			border-radius: 0rem 1rem 0.5rem 0.5rem;
			/* background: linear-gradient(to bottom, rgba(255, 255, 255, 0.72), rgb(241, 241, 241)30%); */
			background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(241, 241, 241, 0)30%);
			margin-bottom: 1rem;
			border-top: 3px solid white;
			margin-top: 0px;
			}

			#tabcomponent .tabs dd > a, #tabcomponent .tabs .tab-title > a {
			text-decoration: none;
			padding: 0.25rem 1rem;
			font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
			font-size: 1rem;
			margin: 0px 2px;
			border-radius: 10px 10px 0px 0px;
			background: rgb(213, 213, 213);
			color: rgb(34, 34, 34);
			box-shadow: rgba(0, 0, 0, 0.34) 0px -2px 5px -2px;
			border-top-width: 2px;
			border-top-style: solid;
			border-top-color: white;

			}

			#tabcomponent .tabs dd.active a, #tabcomponent .tabs .tab-title.active a {
			background: linear-gradient(rgb(240, 240, 240), rgb(242, 242, 242) 17%);
			}

@media only screen and (max-width: 40em) {
	#tabcomponent .tabs dd, #tabcomponent .tabs .tab-title {
		width: auto;
	}
}



	
	/*** PrettyPhotoSlider ***/
	
.ms-view {height: 400px !important;}

	
			
	
			div#masterslider-content {
			margin-top: 0rem !important;
			height: 400px !important;
			width: 400px !important;
			min-width: 400px;
			float:left;
				
			margin-left: -2rem !important;
			margin-right:2rem !important;
			margin-bottom:1.5rem !important;

			border: 4px solid #ffffff;
			transform: rotate(-5deg);
			scale: 1;
			transition: all 0.5s ease-in-out;

			padding: 0;
			background-color: #ffffff;
			box-shadow: 5px 16px 39px -2px rgba(0, 0, 0, 0.42), 0 0 10px 0 rgba(0, 0, 0, 0);
			border-radius: 2rem;
			
			shape-outside: polygon(92% 0, 100% 100%, 0 100%, 0 0);
				shape-margin: 1rem;
			
			}
			
			.contentslide .hps-title1 {
			left: 50px;
			bottom: 2em;
			font-weight: 300;
			font-size: 45px;
			color: black;
			background: rgba(255, 255, 255, 0.8);
			padding: 6px 9px;
			font-size: 2rem !important;
			display: inline-block;
			padding: 1rem 2rem !important;
			transform: rotate(5deg);
			border-radius: 1rem;
			bottom: 3rem !important;
			}

			
			.ms-view {
			background: #ffffff;
			border-radius: 2rem;
			}
      
      .ms-view.ms-basic-view.ms-grabbing-cursor {
        height: 400px !important;
      }
      .ms-slide.contentslide {
        height: 400px !important;
      }
      .ms-slide .ms-slide-bgcont img {
        height: 400px !important;
        margin-top: 0 !important;
      }


 div.footerheadline > a > img {
	margin-left: 4%;
transform: scale(1.2);
}




.footer p {
color: #B0B0B0;
font-size: 1rem;
line-height: 1.8;
margin-top: 0rem;
text-rendering: optimizeLegibility;
}



/*** Quote Box ***/

.position-left30 {
	margin: 0.75rem 2rem 0.75rem 0rem;
}

@media only screen and (min-width: 76em) {
	.position-left30 {
	margin: 0.75rem 2rem 0.75rem -2rem;
}
}



.position-right30 {
	margin: 0.75rem 0rem 0.75rem 2rem;
}

@media only screen and (min-width: 76em) {
	.position-right30 {
	margin: 0.75rem -2rem 0.75rem 2rem;
}
}

.position-right70 {
	margin: 0.75rem 0rem 0.75rem 2rem;
}

@media only screen and (min-width: 76em) {
	.position-right70 {
	margin: 0.75rem -2rem 0.75rem 2rem;
}
}