  <!--Custom CSS for Strategic Plan Website-->

<style>
    @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=DM+Serif+Display:ital@0;1&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

	@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap')
      
    main#content {
    body, span, h1, h2, h3, h4, h5, p { font-family: 'DM Sans',serif !important;}
    }
    
    main#content h1, 
    main#content h2, 
    main#content h3, 
    main#content h4, 
    main#content h5 { font-weight: bold; font-family: 'DM Sans',serif !important;}
   
    main#content body, main#content ul li,  main#content p, main#content p a, main#content li a, main#content a, main#content span,
	.accordion-item { 
      	font-family: 'DM Sans',serif; 
    }
    main#content em { font-family: 'DM Sans',serif; font-style: italic; }
	
	.large-stats > .container > * { font-family: 'DM Sans',serif; }
	.h1.block-title { font-weight: bold; }

	#content-1032425 p span { font-family: "Playfair Display", serif !important; } 
	span.quote-mark-left, 
	span.quote-mark-right { font-family: "Playfair Display", serif !important;  font-size: 128px; line-height: 75px; }

	span.big-quote-mark-left { font-family: "Playfair Display", serif !important;  font-size: 200px; line-height: 75px; } 
	.js-quote { padding-right: 30px; padding-bottom: 1rem; }
	.ls-quote { padding-left: 30px; padding-bottom: 1rem; }

	span.quote-text { font-family: "Playfair Display", serif !important;  font-size: 28px; line-height: 36px; }

	span.text-lightgreen { color:#CBD764; }
	span.text-lightblue { color:#5D74B4; }
	span.text-lightyellow { color:#D8B045; }
	span.text-lightpurple{ color:#B88DBC; }

	span.mb-quote-mark-left { 
    	font-size: 128px;
    	line-height: 24px;
    	display: flex;
    	width: 45px;
    	height: 100px;
    	flex-direction: column;
    	justify-content: center;
      	font-family: "Playfair Display", serif !important; 
    }

	.col-md-1 { max-width: initial !important; } 

	.card-header  { 
      	font-family: 'DM Sans',serif; !important;  
      	font-size: 20px !important;
      	color: #FFF !important;
      	background-color: #811E2D;
    	border-bottom: 1px solid #811E2D;
      	text-align: center;
    }
	
	.card-block { padding: 27px 10px 10px 10px !important; background-color: #B30738;  }
	.card-text { padding: 0 30px 0 30px; color: #FFF !important; }
	.large-stats { background-image: url(https://res.cloudinary.com/scu-umc/image/upload/v1707518138/Strategic%20Plan%202030/Background-pattern-WEB-02.png) !important; }


@media only screen and (max-width: 767px) {  
  .col-md-8.quote-block { margin-top: -28px;}

}
@media only screen and (max-width: 794px) {  
  	span.quote-mark-right { display: none; }
	.js-quote { padding-right: 15px }
	.ls-quote { padding-left: 15px; }

}
@media only screen and (max-width: 991px) { 
	.ls-quote { margin-top: 50px; }
}

</style>




























































