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


html { font-size: 100%; }
body { font-family: 'Open Sans',sans-serif !important; font-size: 100%; color: #222; line-height: 1.2; margin: 0!important; }

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;600;700&family=Open+Sans:wght@300;500;700&display=swap');


/*bootstrap fluid container resets */
.container-fluid { padding-left: 0; padding-right: 0; }
	.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin: 0 !important; float: none; }


header { padding-top: 25px; }

/* ********************************************
   ****** BRANDING/MAIN NAV *******************
   ******************************************** */

	.navbar-default { background-color: #FFF; border-color: #FFF; }
	.region-navigation { width: 90%; max-width: 1400px; margin: 0 auto; }
		
	/* logo/home-link */
	.navbar .logo { display: block; width: 300px; height: 115px; }
	  .navbar .logo img { width: 100%; height: auto; }

		
		nav#block-cca-bootstrap-main-menu { float: right; height: 42px; margin: 22px 0 0 0; }
		nav#block-collapsablemainnav { display: none; }
		nav#block-studentresources { display: none; }


			.navbar-default .navbar-nav > li > a { color: #222; font-family: 'Montserrat', sans-serif; font-weight: 600;  text-decoration: underline; }
				.navbar-default .navbar-nav > li > a:hover { color: #148071; text-decoration: underline; border-bottom: none; }

				.region-navigation .nav > li.first > a  { padding-left: 0; }


/* User Page */
.path-user .main-container > .row { width: 90%; max-width: 1400px; margin: 0 auto; padding: 50px 0; }


/* ********************************************
   ****** BASE TYPOGRAPHY *******************
   ******************************************** */

	h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; }

	h1 { font-size: 55px; font-size: 3.4375rem; font-weight: 600;  }
	h2 { font-size: 42px; font-size: 2.625rem; font-weight: 700; line-height: 1.2; margin: 0 0 50px 0; }
	h3 { font-size: 30px; font-size: 1.875rem; font-weight: 600; margin: 50px 0 25px 0; color: #013E7D; }
	h4 { margin: 25px 0;  }
	h5 { font-weight: 700; margin: 30px 0 8px 0; }



	a { color: #003E7D; text-decoration: underline;}
	  .bg-black a, .bg-umass-blue a { color: #FFF; }

		a:hover { color: #148071; } 
		.bg-black a:hover, .bg-blue a:hover { color: #FFF;  }


/* ********************************************
   **************** HEROS *********************
   ******************************************** */

	.paragraph--type--home-page-hero, 
	.paragraph--type--video-hero { 
		width: 100%; 
		/* background: url(/themes/custom/cca_bootstrap/images/swoopy-u.png) no-repeat top center; */
		background-color: #005EB8;
		/* background-size: cover; */
		color: #FFFFFF; }

	.paragraph--type--subpage-hero { background-color: #005EB8; }

	  .homepage-hero-wrapper, .video-hero-wrapper { display: flex; width: 90%; max-width: 1400px; justify-content: space-between; margin: 0 auto; padding: 50px 0; }
	  .subpage-hero-wrapper { width: 90%; max-width: 1400px; margin: 0 auto; padding: 50px 0; }

			
		.homepage-hero-text, .video-hero-text { width: 46%; }
			.hero-section h1, .subpage-hero-wrapper h1 { color: #FFF; margin: 0 0 30px 0; }

			.field--name-field-tag-line { font-size: 30px; font-size: 1.875rem; font-weight: 500; margin: 25px 0 16px; }
			.field--name-field-call-to-action a, .field--name-field-mobile-call-to-action a { 
				display: inline-block; width: auto; padding: 14px 25px; border: 3px solid #FFF; border-radius: 4px; background-color: #148071;
				font-family: 'Montserrat', sans-serif; font-size: 24px; font-size: 1.5rem; font-weight: 500; color: #FFF; text-decoration: none; }

			.field--name-field-call-to-action a:hover, .field--name-field-call-to-action a:focus, 
			.field--name-field-mobile-call-to-action a:hover, .field--name-field-mobile-call-to-action a:focus { 
				outline: 3px solid #FFF;
				-webkit-outline: 3px solid #FFF;
				outline-offset: 5px;
				-webkit-outline-offset: 5px;
				text-decoration: underline; }

			
			.field--name-field-call-to-action { margin-top: 55px; }
			.mobile-cta { display: none; }


			.homepage-hero-video, .video-hero-video { width: 50%; }


	.video-wrapper { width: 100%; max-width: 800px; margin: 3em 0; }
	  .video-container { width: 100%; max-width: 100%; height: 0; padding-bottom: 56.25%; position: relative; }
		.video-container iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: none; }



/* *********************************
   ****** PARAGRAPHS ***************
   ********************************* */


	/* sections */
	.paragraph--type--section {  }
		.bg-black { background-color: #000; color: #FFF; }
		.bg-pale-gray { background-color: #ECEDEE; }
		.bg-umass-blue { background-color: #013E7D; color: #FFF; }
		.bg-white { background-color: #FFF; }
		.top-border { border-top: 1px solid #EAEAEB; }
		.bottom-border { border-bottom: 1px solid #EAEAEB; }

		.bg-black h2, .bg-umass-blue h2, 
		.bg-black h3, .bg-umass-blue h3 { color: #FFF; }

		.paragraph--type--section .section-inner-wrapper { width: 90%; max-width: 1400px; margin: 0 auto; padding: 50px 0; }



		.paragraph--type--section .section-inner-wrapper p { margin: 45px 0; }
		.paragraph--type--section .section-inner-wrapper ol, .paragraph--type--section .section-inner-wrapper ul { margin: 40px 0; }
			.paragraph--type--section .section-inner-wrapper ol li { padding: 9px 0; }
			.paragraph--type--section .section-inner-wrapper ul li { padding: 15px 0; }


		/* intro text */
		.intro-text { font-family: 'Montserrat',sans-serif; font-weight: 300; font-size: 25px; font-size: 1.5625rem; line-height: 1.75; margin: 40px 0; }



		/* homepage messaging feature */
		.messaging-inner { max-width: 1200px; margin: 0 auto; }
		.messaging-header { margin: 25px 0; }
		   .message-heading h2 { font-size: 55px; font-size: 3.4375rem; font-weight: 600; margin: 0; }
		   
		   
		   /* messaging stats controllers */
		   .facts_stats_controller_header { display: none; } /* will show on smaller monitors */
		   
		   /* messaging stats */
		   .facts_stats_wrapper { position: relative; }
		     .controls { display: inline-block; position: absolute; top: 40px; left: -25px; margin: 0 !important; padding: 0 !important; width: auto; z-index: 1; }
		       .controls { display: inline-block; margin: 0; }
			     .controls li { margin: 0; padding: 0 0 12px !important; list-style: none; }
			   
					.controls a {  
						font-family: 'Open Sans',sans-serif;
						font-weight: 700;
						font-size: 16px;
						font-size: 1rem;
						letter-spacing: 0.125rem;
						text-transform: uppercase;
						text-decoration: none;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						width: auto;
						display: block;
						background: #EAEAEA;
						color: #000;
						padding: 12px 20px;
						text-align: left;
						-webkit-transition: background-color 0.25s ease,color 0.25s ease;
						transition: background-color 0.25s ease,color 0.25s ease;	}

					.controls a:hover { background: #003E7D; color: #FFF; }
					.controls a[aria-selected] { background: #003E7D; color: #FFF; }

			/* Sections */
			.tabbed section {  }
				
			/* Stats Image */
			.field--name-field-messaging-image img { width: 100%; height: auto; }

			/* Stats Wrapper */
			.stats-wrapper { width: 88%; margin: -150px auto 80px; display: flex; justify-content: space-between; align-items: stretch; }
			  .stats-wrapper .field { width: 30%; background-color: #FFF; color: #000; padding: 12px 20px; font-size: 20px; font-size: 1.25rem; box-shadow: #666 5px 5px 10px; }

		/* icon set & icons */
		.icon-set-wrapper { margin: 35px 0 50px; }
		
		  .paragraph--type--icon-set .field--name-field-icon-item { display: flex; flex-wrap: wrap; justify-content: space-between; align-item: stretch; width: 100%; }
		    .paragraph--type--icon-set .field--name-field-icon-item > .field--item { 
			  width: 30%; border: 2px solid #148071;
			  border-top-left-radius: 40px; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px;
			  -webkit-box-shadow: 14px 15px 0px 1px rgba(20,128,113,1);
			  -moz-box-shadow: 14px 15px 0px 1px rgba(20,128,113,1);
			  	box-shadow: 14px 15px 0px 1px rgba(20,128,113,1); }

		.icon-wrapper { display: flex; flex-direction: column; justify-content: center;  width: 100%; padding: 20px; }
			.icon-wrapper .field--name-field-icon { width: 100%; text-align: center; }
				.icon-wrapper .field--name-field-icon img { margin: 0 auto; width: 100px; height: auto; }
				.icon-wrapper .field--name-field-icon-text {  
					width: 100%; text-align: left; font-family: 'Montserrat', sans-serif;
					font-size: 32px; font-size: 2rem;
					font-weight: 700; margin-top: 30px; }
				.icon-wrapper .field--name-field-icon-blurb ul { margin: 0; }

		/* wysiwyg */
		.paragraph--type--wysiwyg p, .paragraph--type--wysiwyg ul, .paragraph--type--wysiwyg ol { 
			font-size: 19px;
			font-size: 1.1875rem;
			font-weight: 400;
			line-height: 2;
			margin: 40px 0; }

			.paragraph--type--wysiwyg p img, .paragraph--type--wysiwyg img { max-width: 100%; height: auto; }


		/* views pages */
		.view-faqs .view-content { width: 90%; max-width: 1400px; margin: 0 auto; padding: 50px 0; margin-bottom: 75px; }
		  .question { margin-bottom: 40px; border-bottom: 1px solid #EAEAEB; padding: 0 0 40px; }
			.question:last-child { border-bottom: none; }
			.question h2 { font-size: 30px; font-size: 1.875rem; margin: 0 0 35px 0; }
			.question p { line-height: 1.4; }
		


	/* text & link lists --- must stay below sections */
	.paragraph--type--text-list ul, .paragraph--type--link-list ul { list-style-type: none; margin: 35px 0; padding: 0; }
	.paragraph--type--text-list ul li, .paragraph--type--link-list ul li { 
		display: inline-block; float: left; width: 40%; margin: 0 5%;
		border-bottom: 1px solid #DFDFDF; padding: 14px 0; letter-spacing: 0.0625rem; text-transform: uppercase; }


		.bg-black .paragraph--type--text-list ul li, .bg-black .paragraph--type--link-list ul li, 
		.bg-umass-blue .paragraph--type--text-list ul li, .bg-umass-blue .paragraph--type--link-list ul li { border-bottom: 1px solid #FFF; }

		.bg-pale-gray .paragraph--type--text-list ul li, .bg-pale-gray .paragraph--type--link-list ul li { border-bottom: 1px solid #666; }


	/* map feature */
	h2.map-heading { margin-bottom: 0 !important; }
	.map-text-wrapper { position: relative; width: 35%; margin-top: -200px; margin-bottom: 50px; background-color: #EAEAEB; padding: 25px 20px; }
	  .map-text-wrapper .field--name-field-caption { padding: 0; }

		.map-text-wrapper ul { margin: 0 !important; }


	/* pathways view & exposed form */
	.views-exposed-form { border: 1px solid #999; border-radius: 8px;  padding: 22px; }
	  .views-exposed-form .form-group { margin-right: 12px; }
	  .views-exposed-form .form-inline .control-label { margin-right: 8px; }
	  
	.section-inner-wrapper .views-element-container { margin-top: 30px; }



	/* school logos */
	ul.school-logos { margin: 0 !important; padding: 0; list-style-type: none; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
	  
			li.school-logo { text-align: center; margin: 0 25px 25px; }
			li.school-logo.small { width: 125px; }
			li.school-logo.narrow { width: 200px; }
			li.school-logo.medium { width: 250px; }
			li.school-logo.wide { width: 400px; }

				li.school-logo .field--name-field-logo-image { padding-bottom: 18px; }
				li.school-logo img { width: 100%; height: auto; }
		
		.logos-intro p { 
			font-size: 19px;
			font-size: 1.1875rem;
			font-weight: 400;
			line-height: 2;
			margin: 40px 0;}



	
	
	/* COUNT-UP NUMBER STATS */
	.stats-flex-wrapper { 
		display: flex; width: 80%; max-width: 1000px; margin: 0 auto; padding: 50px 0; 
		align-items: stretch; justify-content: center; flex-wrap: wrap; }
		
	  .stat-inner-wrapper { padding: 20px 30px; }	
	  .stat-container { border-radius: 5px; padding: 25px; }	
	    .bg-umass-blue .stat-container { border: 1px solid white; height: 100%; }
		
		  .twenty-five-percent-width { width: 25%; }
		  .fifty-percent-width { width: 50%; }
		  .seventy-five-percent-width { width: 75%; }
		  .one-hundred-percent-width { width: 100%; }
	
	/* the numbers */
	.number-wrapper { display: flex; font-size: 80px; font-size: 5rem; font-weight: 600; font-family: 'Montserrat', sans-serif; justify-content: center; }
		.field--name-field-number-prefix { padding-right: 5px; }
		
	.accessible-numbers { display: none; font-size: 80px; font-size: 5rem; font-weight: 600; font-family: 'Montserrat', sans-serif; text-align: center; }	
	
	/* the text */
	.number-text-wrapper { font-size: 20px; font-size: 1.25rem; margin: 30px auto; }
	
	
			/* reduced motion for count up number stats */
			@media (prefers-reduced-motion) {
			  /* styles to apply if a user's device settings are set to reduced motion */
			  .number-wrapper { display: none; }
			  .accessible-numbers { display: block; }
			}


	/* CCA IN THE NEWS */
	.article { border-bottom: 1px solid #999; padding: 12px 0; }
	.article:first-child { padding-top: 0; }
		.article-source { font-size: 18px; font-size: 1.125rem; }
		.article-title { font-size: 20px; font-size: 1.25rem; font-weight: 600; margin: 8px 0 5px; }
		.article-date { font-size: 16px; font-size: 1rem; font-style: italic; }


	/* COPYRIGHT */
	#block-cca-bootstrap-universitycopyrightmark { background-color: #000; padding: 30px 0; color: #FFF; }



	/* prefooter/contact section */
	#block-pre-footer-content { border-top: 1px solid #EAEAEB; padding: 75px 0 35px 0; width: 100%;  }
		.pre-footer-wrapper { display: flex; justify-content: space-between; width: 90%; max-width: 1400px; margin: 0 auto; }			

			.pre-footer-wrapper .contact-column { width: 35%; }
				.field--name-field-subscribe-link { display: none; }

			.pre-footer-wrapper .form-column { width: 60%; border: 19px solid #013E7D; }

				.pre-footer-wrapper .field--name-field-webform { padding: 0 30px 40px 30px; }
				.pre-footer-wrapper .field--name-field-webform .field--label { font-size: 30px; font-size: 1.875rem; font-weight: 600; margin: 50px 0 35px 0; color: #013E7D; }


		
				#block-pre-footer-content p { margin: 45px 0;  }


	/* Blockquote */
	.blockquote-wrapper { display: flex; width: 80%; margin: 0 auto; }
	  .quote { width: 70%; }
	  
	  	  .blockquote-wrapper .field--name-field-quotation { 
		  		  font-family: 'Montserrat',sans-serif;
				  font-size: 30px;
				  font-size: 1.875rem;
				  line-height: 1.5;
				  font-weight: 700;
				  color: #025CB8;
				  margin: 25px 50px 30px 0; }

		  .blockquote-wrapper .field--name-field-attribution {
		  		font-family: 'Montserrat',sans-serif;
			    font-size: 18px;
			    font-size: 1.125rem;
			    font-weight: 700;
			    line-height: 1.5;
			    display: block; }

	  .blockquote-wrapper .field--name-field-attribution-image img { 
	  		border-radius: 50%;
  			-webkit-box-shadow: inset -12px 0px 19px -8px rgba(0,0,0,0.67);
  			box-shadow: inset -12px 0px 19px -8px rgba(0,0,0,0.67);  }


	/* Testimonials Slider */
	.view-id-testimonials { background-color: #013E7D; }
	
	.testimonial { width: 70%; height: auto; min-height: 375px; margin: 0 auto 50px; padding-top: 40px; padding-bottom: 25px; display: flex; align-content: space-between; }
	
	  .testimonial-image { width: 300px; }
	  .testimonial-content { margin-left: 60px; color: #FFF; }
	  
	  	/* quote */
		.testimonial-quote { font-size: 30px; font-size: 1.875rem; margin-bottom: 40px;  }
		
		/* person */
		.testimonial-attribution-person { font-weight: 700; }
		
		/* link */
		.testimonial-attribution-link a { color: #FFF; text-decoration: underline; }
		  .testimonial-attribution-link a:hover { color: #EEEEEE; border-bottom: 1px solid #EEEEEE; text-decoration: none; }
	
		/* image */
		.testimonial-image img { 
			width: 300px; max-width: 300px; height: auto; 
			border-radius: 50%; -webkit-box-shadow: inset -12px 0px 19px -8px rgba(0,0,0,0.67); box-shadow: inset -12px 0px 19px -8px rgba(0,0,0,0.67); }




/* ==========================================================================
	Branding Footer
============================================================================= */


.footer { margin: 0; padding: 0; border: 0; }

#block-university-of-massachusetts-branding-footer { background-color: #000; color: #FFF; text-align: center; padding: 80px 0;}
.branding-wrapper { text-align: center; }




/* ==========================================================================
	WEBFORM
============================================================================= */

.region-content #block-webform { width: 90%; max-width: 1400px; margin: 0 auto; }

.input-group-addon {	
	padding: 20px 0;
	font-size: 14px; font-size: .875rem; font-weight: normal; color: #222; text-align: left;
	background-color: #FFF; border: none; }
	
#block-webform .form-group { margin-bottom: 28px; }
#block-webform label { margin-bottom: 10px; }
#edit-high-school { margin-bottom: 28px; }
#edit-high-school legend { margin-bottom: 10px; }
#edit-privacy-statement p { margin: 35px 0; }




/* ==========================================================================
	EU COOKIE BANNER
============================================================================= */

#sliding-popup { padding: 22px 0 0 0; font-family: 'Open Sans',sans-serif !important; }
#sliding-popup.eu-cookie-withdraw-wrapper { background: #013E7D !important; }

button.eu-cookie-withdraw-tab { padding: 15px; }
	button.eu-cookie-withdraw-tab:hover { text-decoration: underline; }



.eu-cookie-compliance-message h2 { font-size: 1.2rem; font-weight: 400; }
.eu-cookie-compliance-message p { font-size: .85rem; font-weight: 500; }


#popup-buttons button, 
#popup-buttons .eu-cookie-compliance-secondary-button, 
#popup-buttons .eu-cookie-compliance-default-button { 
		margin-right: 10px; margin-top: 0; margin-bottom: 18px; vertical-align: middle;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		background: none;
		background-color: none;
		background-image: none;
		border-radius: 4px;
		border: 1px solid #FFF;
		color: #FFF;
		font-family: 'Montserrat', sans-serif; font-size: 18px; font-size: 1.125rem;
		font-weight: normal;
		padding: 10px 12px;
		text-decoration: none;
		text-shadow: none; 
		cursor: pointer; }

#popup-buttons .eu-cookie-compliance-secondary-button { background: #FFF !important; color: #000; font-weight: 600; }




@media screen and (max-width: 1299px ) { 
    /* modify font sizes */
    h1 { font-size: 45px; font-size: 2.8125rem; font-weight: 600; margin: 0 0 26px 0;  }
	h2 { font-size: 32px; font-size: 2rem; font-weight: 700; line-height: 1.2; margin: 0 0 35px 0; }
	
		.question h2 { font-size: 28px; font-size: 1.75rem; margin: 0 0 30px 0; }
		
	
	h3 { font-size: 20px; font-size: 1.25rem; font-weight: 600; margin: 40px 0 20px 0; }
	
	.icon-wrapper .field--name-field-icon-text { font-size: 26px; font-size: 1.625rem; font-weight: 600; }

    
}

@media screen and (max-width: 1280px ) {

	 /* Testimonials Slider */
	.testimonial-image { width: 220px; }
	.testimonial-image img { width: 220px; max-width: 220px; }
	.testimonial-quote { font-size: 26px; font-size: 1.625rem; margin-bottom: 35px;  }
	
}


@media screen and (max-width: 1199px ) { 
    /* modify font sizes */
    h1 { font-size: 40px; font-size: 2.5rem; font-weight: 900; margin: 0 0 20px 0;  }
	h2 { font-size: 28px; font-size: 1.75rem; font-weight: 700; line-height: 1.2; margin: 0 0 28px 0; }
	h3 { font-size: 18px; font-size: 1.125rem; font-weight: 600; margin: 35px 0 16px 0; }
	.icon-wrapper .field--name-field-icon img { width: 90px; height: 90px; }
	.icon-wrapper .field--name-field-icon-text { font-size: 22px; font-size: 1.375rem; font-weight: 600; }
	
	.region-navigation { flex-direction: column; }
	.navbar .logo { margin: 0 auto; }
	.navbar nav { width: 100%; }
	
	.homepage-hero-wrapper, .video-hero-wrapper { flex-wrap: wrap; }
	.homepage-hero-text, .video-hero-text { width: 100%; }
	.homepage-hero-video, .video-hero-video { width: 100%; margin: 35px auto; }
	.mobile-cta { display: block; width: 100%; margin-bottom: 20px; }
	.field--name-field-call-to-action { display: none; }
	
	/* Stats Wrapper */
	.stats-wrapper { width: 88%; margin: -120px auto 60px; }



	/* Blockquote */
	.quote { width: 80%; }
	.field--name-field-quotation { font-size: 24px; font-size: 1.5rem; margin: 15px 50px 30px 0; }


}

@media screen and (max-width: 1024px ) { 

	.pre-footer-wrapper .contact-column { width: 100%; }
	.field--name-field-subscribe-link { display: block; margin-bottom: 45px; }
	.pre-footer-wrapper .form-column { display: none; }

	/* messaging stats */
	.messaging-header { margin-bottom: 55px; }
	.controls { position: absolute; top: -22px; left: 20px; }
	.controls li { display: inline-block; padding: 0 !important; }
	.controls a { font-size: 15px; font-size: .9375rem;  }
	
	/* Stats Wrapper */
	.stats-wrapper { width: calc(100%-40px); margin: -50px auto 20px; }
	.stats-wrapper .field { width: 32%; font-size: 19px; font-size: 1.1875rem; }


	/* Count-Up Stats */
	.number-wrapper, .accessible-numbers { font-size: 64px; font-size: 4rem; }
	.number-text-wrapper { font-size: 18px; font-size: 1.125rem; margin: 25px auto; }



}


@media screen and (max-width: 980px ) { 

	/* icon set */
	.paragraph--type--icon-set .field--name-field-icon-item > .field--item { width: 32%; box-shadow: none; }
	.icon-wrapper .field--name-field-icon img { width: 80px; }
	
	
	.paragraph--type--text-list ul li, .paragraph--type--link-list ul li { width: 80%; }
	
	
	/* school logos */
	li.school-logo.small { width: 125px; }
	li.school-logo.narrow { width: 160px; }
	li.school-logo.medium { width: 220px; }
	li.school-logo.wide { width: 300px; }

}

@media screen and (max-width: 925px ) {

	/* map feature */
	.map-text-wrapper { width: 45%; margin-top: -100px; margin-bottom: 30px; }
	
	
	/* Blockquote */
	.blockquote-wrapper { width: 90%; }
	
	
	/* Testimonials Slider */
	.view-id-testimonials { background-color: #013E7D; }
	.testimonial { flex-direction: column; }
	.testimonial-image { margin: 0 auto; }
	.testimonial-content { margin: -35px 0 0 0; padding: 25px; color: #000; background-color: #FFF; }
	.testimonial-quote { font-size: 20px; font-size: 1.25rem; margin-bottom: 28px;  }
	.testimonial-attribution-link a { color: #013E7D; text-decoration: underline; }
	.testimonial-attribution-link a:hover { color: #000; border-bottom: 1px solid #000; text-decoration: none; }
	

}

	

@media screen and (max-width: 799px ) { 
    /* modify font sizes */
    h1 { font-size: 32px; font-size: 2rem; font-weight: 900; margin: 0 0 20px 0;  }
	h2 { font-size: 22px; font-size: 1.375rem; font-weight: 700; line-height: 1.2; margin: 0 0 20px 0; }
	
	/* messaging stats */
	.controls { position: relative; top: 0; left: 0; display: flex; flex-wrap: nowrap; }
	.controls li { border-right: 1px solid black; }
	.controls li:last-child { border-right: none; }
	.stats-wrapper { width: 100%; margin: 0; flex-direction: column; }
	.stats-wrapper .field { width: 100%; font-size: 18px; font-size: 1.125rem; border-bottom: 1px solid black; box-shadow: none; }
	
 
 	/* exposed form */
	.views-exposed-form  .form-actions { margin-top: 25px; }
 
 } 
 


@media screen and (max-width: 769px ) { 

	.region-navigation { margin-top: 20px; }
	.region-navigation nav { display: none; }
	nav#block-collapsablemainnav { display: block; }
	nav#block-studentresources { display: block; }
	ul.menu--student-resources { margin-left: 25px; }
	
	/* school logos */
	li.school-logo.small { width: 95px; }
	li.school-logo.narrow { width: 140px; }
	li.school-logo.medium { width: 180px; }
	li.school-logo.wide { width: 220px; }


	/* Count-up Stats */
	.stats-flex-wrapper { display: flex; width: 100%; flex-direction: column; }
	.twenty-five-percent-width, .fifty-percent-width, .seventy-five-percent-width { width: 100%; }


}


@media screen and (max-width: 700px ) { 

	/* school logos */
	.logos-container { width: 80%; margin: 0 auto; }
	.field--name-field-logo-item { display: block; text-align: left; }
	.field--name-field-logo-item > .field--item { border-top: 1px solid #EAEAEB; margin: 0; }
	.field--name-field-logo-item > .field--item:last-child { border-bottom: 1px solid #EAEAEB; }
	li.school-logo { text-align: left; }
	li.school-logo.small, li.school-logo.narrow, li.school-logo.medium, li.school-logo.wide { width: 100%; }
	.field--name-field-logo-image { display: none; }
	
	
	/* Blockquote */
	.blockquote-wrapper { width: 100%; }
	.quote { width: 90%; }
	.field--name-field-quotation { font-size: 20.8px; font-size: 1.3rem; }
	
	/* testimonial quote */
	.testimonial_quote { font-size: 24px; font-size: 1.5rem; }
	
	/* testimonial attribution */
	.testimonial-attribution-name { font-family: 'Montserrat',sans-serif; font-weight: 700; font-size: 18px; font-size: 1.125rem; }
	.testimonial-attribution-title { font-family: 'Open Sans',sans-serif; font-weight: 400; font-size: 18px; font-size: 1.125rem; }

@media screen and (max-width: 640px) {

	/* map feature */
	.map-text-wrapper { width: 100%; margin-top: 0; }

}


@media screen and (max-width: 599px) {

	/* Blockquote */
	.blockquote-wrapper { flex-direction: column-reverse; }
	.image { width: 35%; margin: 0 auto; }
	.quote { width: 100%; }
	.field--name-field-quotation { margin: 15px 0 30px 0; }

}