/* Department CSS Document */
/*For mobile first adaptive design place styles for mobile and up in the mobile and up area.
Place styles for tablet and up inside the media query in the tablet and up area.
Place styles for desktop only inside the media query in the desktop only area.

For questions or media query training contact Web Development Services.
*/
/* ====================== Mobile and Up ========================== */
#globalHeader a, #globalFooter a, #globalHeader a:hover, #globalFooter a:hover, .card-picture-button,  .card-advisor a, .resource-links a, .social-links a,  a.backToTop {
	text-decoration: none;
	border-bottom: none;
}

.two-column {
	column-count: 2;
}

a.button:hover, a.button:focus {
	border-bottom-style: solid;
	border-width: 2px;
}
a {
	border-bottom: 1px dotted var(--color-uvu-primary);
	color: #00843D;
}
a:hover, a:focus {
	border-bottom: 1px solid var(--color-uvu-priamry);
}
a.text-white, a.text-white:hover, a.text-white:focus {
	border-color: white;
	color: white;
}

.emphasis {
	font-weight: 900;
	font-size: 1.15em;
	color: var(--color-uvu-primary);
}
.nowrap {
	white-space: nowrap;
}

.map::before {
    content: '\f3c5' !important;
    font-family: "Font Awesome 5 Solid", "Font Awesome 5 Pro";
    margin-inline-end: 4px;
}


/* ############### page heading ############### */
/* headings that appear in the top picture section or green bar are the h1 for the page */
h1 {
	font-size: 5.6875rem;
	font-weight: 900;
	color: white;
	text-shadow: 0 0 6px #00000041;
}
	/* smaller University Valley University or other details in main picture header */
   h1 .details {
        display: block;
        font-size: 1.25rem !important;
        text-transform: capitalize;
    }
#slideNav header h1 {
	color: var(--color-uvu-primary);
}
/* other styles to make site headings work */
header {
	text-align: center;
}
/* adds a semi-transparent color over header images */
.fullbleed:has(h1):before {	
	background: linear-gradient(to bottom, #0000006b, #0000006b);
}
/* the header in the green bar instead of picture */
.individual-back-button h1 {
	color: #fff;
	padding: 10px 80px;
	margin: 20px 0 10px 40px;
	font-size: 1.875em;
	text-transform: none;
	font-weight: 400;
	background-color: var(--color-uvu-secondary);
}
.page-header {
	margin-bottom: 0 !important;
}

/* ############### site-wide tag styles ############### */
h2, h3, h4, h5 {
	text-wrap: balance;
}
h2 {
   font-size: 1.75em;
   font-weight: 900;
}
	h2 a {
		font-weight: 900;
	}
h3 {
   font-size: 1.25em;
   font-weight: 900;
}
	h3 a {
		font-size: 1em;
		font-weight: 900
	}

ul {
   list-style-type: circle;
}
ol {
   list-style: none;
   counter-reset: num;    
    }
	ol > li {
           counter-increment: num;
           padding: 0 10px;
       }  
     ol  li::before {
           content: counter(num) ". ";
           font-size: 1.5em;
       }
		
		ol ul li::before {
	content: none !important;
}

.display-grid {
	display: grid;
}
/* used to make normally bolded text not bold - as in headings */
.light {
	font-weight: 400;
}

.card {
	background-color: #fff;
	box-shadow: 0px 0px 10px #00000029;
	border-radius: 8px;
	padding: 8%;
	height: 100%;
}
.height-auto {
	height: auto;
}

a.icon {
	white-space: nowrap;
}

/* styling the greyish content sections */
.inset {
	box-shadow: inset 0px 5px 6px -6px #00000014, inset 0px -5px 6px -6px #00000014;
}
/* use inset-top and inset-bottom when area spans more than one section */
.inset-top {
	box-shadow: inset 0px 5px 6px -6px #00000014;
}
.inset-bottom {
	box-shadow: inset 0px -5px 6px -6px #00000014;
}
.bg-different {
	background-color: #ECF0ED;	
}
	/* bolding links within the grey for contrast for accessibility */
	.bg-different a:not(.button){
		font-weight: 700;
		color: var(--color-uvu-primary);
	}
	.bg-different .green-box a:not(.button){
		color: white;
	}
	/* unbolding links on cards within the section because of white backgrounds*/
	:is(.bg-different .card-staff, .bg-different .card-picture, .bg-different .fake-cards) a {
		font-weight: 400;
	}

/* Lighter different background */
.hero-colored {
    background-color: #f9f9f9;
}

/* large text at beginning of pages */
.hero {
	font-size: 1.25em;
	max-width: 80ch;
    line-height: 1.75em;  
}
 .hero .mission-process {
        font-size: 1rem;
    }
/* needed when you want hero text to center on the page. all styles required to make it work */
.centered {
	float: none;
    margin: auto
}


/* making sure big blocks of text are readable */
.long-text {
	max-width: 80ch;
	line-height: 1.75em;
}

/* big green impact section and numbers */
.impact {
	background-image: url("../jpg/impact_background.jpg");
	background-color: var(--color-uvu-primary);
	background-size: cover;
	background-repeat: no-repeat;   
}
	.impact h2 {
        color: #fff;
        text-align: center;
    }
    .impact .impact-data {
        color: #fff;
        text-align: center;
        text-wrap: balance;
		justify-content: space-around;
		font-size: 1em;
    }
      .impact .impact-data  .number {
            display: block;
            font-size: 2em;
            font-weight: 700;
            margin-bottom: 10px;        
    }

/*horizontal green box subnavigation */
/* subnavigation on priorities pages */
ul.subnav {
	list-style: none;
	margin: 0;
	padding-left: 0;
/* 	display: flex;
	flex-wrap: wrap; */
		
}
.subnav a {
	display: flex;
	border: 1px solid var(--color-uvu-primary);
	padding: 5px 20px;
	margin-inline: 10px;
	align-content: center;
    flex-wrap: wrap;
}
.subnav a:hover, .subnav a:focus {
	text-decoration: none;
	color: var(--color-uvu-primary);
	background-color: #e6f3ec;
}
.subnav a.active {
	background-color: var(--color-uvu-primary);
	color: #fff;
	margin-bottom: 15px;
}

/* blockquotes */
.long-text blockquote {
	border: none !important;
	padding: 0 50px !important;
	font-family: Arial, sans-serif;
	font-size: 1.5em;
	font-style: italic;   
    }
	 .long-text blockquote:before {
        font-family: Georgia, serif;
        font-weight: 900;
        top:50px;
        left: 0px;
        content: "\201C";
        color: var(--color-uvu-primary);
        font-size: 10rem;
        position:absolute;
        opacity: 0.05;
    }
blockquote footer {
	color: var(--color-uvu-primary);
	font-family: Radjhani, sans-serif;
		font-style: normal;
	font-weight: 700;
	margin-top: 25px;   
}
	 blockquoote footer:before {
        content: none !important;
    }
    blockquote .title {
        font-size: 1rem;
        color: #000;
        font-weight: 400;        
    }

/* unordered lists of link - these will have a carrot instead of a circle */
.fa-ul {
	list-style-type: none;
	margin: 0;
}
	.fa-ul li {
		text-align: left !important;
		width: 100% !important;
		padding-inline-start: 1em;
	}
    
     .fa-ul li:before {
            content: "\f054"; 
            font-family: "Font Awesome 5 Solid", "Font Awesome 5 Pro";
            font-size: 16px;
            font-weight: 300;
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
            padding-inline-end: 1em;
            margin-left: -1.5em;
            color: var(--color-uvu-primary);	
        }
:is (ul li, ul ul li, ul ul ul li) span.fal {
	display: inline;
	padding-inline-end: 1em;
}
ul ul, ul ul ul {
	margin-inline-start: 1em !important;
}

/* faq accordian styles */
.accordion {
	background-color: transparent !important;
	font-size: 1.25em;
	font-family: Rajdhani;
	font-weight: 400;
	max-width: 80ch;
	margin: 0.5em auto 10px;
	padding: 20px 10px 10px 50px !important;
	border-top: 1px solid var(--color-uvu-primary);
	border-radius: 0 !important;
}
.accordion:first-child {
	border-top: none;
}
.accordion:not(.accordion-unstyled):after {
     display: none;
}
.accordion:not(.accordion-unstyled):before {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    content: "\f0da";
    font-family: "Font Awesome 5 Solid", "Font Awesome 5 Pro";
	font-weight: 100;
    position: absolute;
    left: 0;
    margin: auto;
    height: auto;
    width: 30px;
    color: var(--color-uvu-primary);
}
.accordion.open:not(.accordion-unstyled):before {
	content: "\f0d7";   
}
.accordion-content {
	padding: 10px !important;
	background-color: transparent !important;
	border-top: none !important;
	max-width: 80ch;
	margin: 10px auto !important;
}
.accordion.top {
    border-top: none;
}

.card-plus .card-picture {
	height: auto !important;
}

/* cards with big picture and description showing (modified 7) */
.card-picture-7 {
    border-radius: 10px;
    flex-direction: column;
    min-height: 80px !important;
	flex-direction: column !important;
    max-height: inherit !important;
}	
   .card-picture-7 .card-picture-title {
        margin: 0px !important;
        padding: 20px !important;
        text-transform: none !important;
	   white-space: normal !important;
	   text-wrap: balance !important;
	   text-align: left !important;
    }   
   .card-picture-7 .card-picture-title:after {
        display: none !important;
    }
   .card-picture-7 .card-picture-content {
        display: block !important;
        padding: 0 20px 20px;
    }
   .card-picture-7 .card-picture-img {
        height: 200px !important;
        width: auto !important;
        border-radius: 10px 10px 0 0 !important;
    }
   .card-picture-7 ul {
        padding-inline-start: 2em !important;
        margin-block-start: 1em !important;
        margin-block-end: 1em !important;
    }
   .card-picture-7 li {
        margin: 0 0 .5em;
    }
 /* the circled arrow on the cards */
.card-picture-7.clickable:hover, .card-picture-7.clickable:focus-within {
   box-shadow:  4px 4px 10px #98989830,
             -4px -4px 10px #98989830;
}
	 .card-picture-7.clickable:hover .card-picture-title:after,  .card-picture-7.clickable:focus-within .card-picture-title:after {
                content: "\f0a9" !important;
                display: block !important;
                color: #275D38 !important;
                font-size: 35px !important;
                font-family: "Font Awesome 5 Pro";
                position: absolute;
                top: 200px;
                right: 20px;
                background-color: #fff;
                border-radius: 50%;
       }


/* cards with green button link (modified 6) */
.card-picture-6 {
	border-top: none !important;
	border-radius: 0 !important;
	 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
   	border-radius: 8px !important;
}
.card-picture-6:focus-within:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .2);
    z-index: 1;
}
	  .card-picture-6 .card-picture-title {
        padding: 25px !important;
        margin: 25px !important;
        border: 1px solid #fff;
        border-radius: 5px;
        font-size: 1em;
        text-transform: none !important;
        font-weight: bold;
    }
   .card-picture-6 .card-picture-title:after {
        content: "\f061" !important;
        display: inline;
        font-family: "Font Awesome 5 Pro";
        float: right;
        opacity: 1 !important;
        transition: none !important;
    }

   .card-picture-6 .card-picture-img {
        height: 134px !important;
        width: auto !important;
        border-radius: 0 !important;
	   object-fit: cover;
	   object-position: top;
    }


/* cards with picture outside of card - modified picture card 3*/
	.region:has(.card-picture-3) {
    padding: 15px 40px;
}
.card-picture-3 {
	display: flex;
	flex-flow: row wrap;
}
  .card-picture-3  h2 {
        width: 100% !important;
        margin: 0 0 .5em;
        display: inline-block !important;
        font-weight: 600;
    }

   .card-picture-3 .card-picture-img {
        position: relative;
        left: -48px !important;
        max-width: 50% !important;
	   	min-height: 87%;
        order: revert !important;
        border-radius: 5px;
        display: none;
    }

   .card-picture-3 .card-picture-content {
        text-wrap: balance;
        position: relative;
        padding-bottom: 50px;
    }

   .card-picture-3 .card-picture-button {
        display: none;
    }
	.card-picture-3.clickable:hover, .card-picture-3.clickable:focus-within {
	   box-shadow:  2px 4px 7px 2px #98989830,
				 -2px -4px 2px #98989830;
	}
	/* add an arrow to cards that are links */
	.card-picture-3.clickable .card-picture-content:after {
		content: "\f0a9" !important;
		display: block;
		font-weight: 900;
		color: #275D38 !important;
		font-size: 35px !important;
		font-family: "Font Awesome 5 Pro";
		position: absolute;
		bottom: 0px;
		right: 0px;
	}
	/* add a pdf to cards that link to a pdf */
	.pdf-card .card-picture-3.clickable .card-picture-content:after{
		content: "\f1c1" !important;
}

/* buttons */
/* transparent button with border */
.button-border {
	border-color: var(--color-uvu-primary) !important;
	text-transform: none !important;
	font-weight: 600;
}
	.impact .button-border {
		border-color: #fff !important;
	}
	.impact .button {
		color: #fff;
	}
.button {
	position: relative;
	width: 100%;
}
	.impact .button:hover, .impact .button:focus {
		color:  var(--color-uvu-primary) !important;
	}
	/* arrow at the end of the buttons */
	.button:after {
		content: "\f061" !important;
		display: inline;
		font-family: "Font Awesome 5 Pro";
		float: right;
	}
	.button-pdf:after {
		content: "\f1c1" !important;   
	}
	.button-word:after {
		content: '\f1c2' !important;
	}
	.button-external:after {
		content: "\f08e" !important;   
	}
	.button-form:after {
		content: "\f56c" !important;   
	}
		.form::after {
    content: '\f56c' !important;
    font-family: "Font Awesome 5 Solid", "Font Awesome 5 Pro";
    margin-inline-start: 4px;
}
.button-down:after {
		content: "\f063" !important;   
	}
.button-schedule:after {
		content: "\f783" !important;   
	}
.button-download:after {
		content: "\f019" !important;   
	}
.button-folder-download:after {
		content: "\e053" !important;   
	}
.button-up:after {
		content: "\f3bf" !important;   
	}

	/* when the 100% width button is too big 
	.button-smaller {
		max-width: 500px;
	}*/
#content-wrap {
	container-type: inline-size;
}
	@container (width > 500px) {
		.button {
			max-width: 500px;
		}
	}
/* transform tables for title on the left content on the right */
.transform-grid h2 {
	margin: 0;
	padding:0;
}
.transform-grid p:first-child {
	margin-top: -.25em;
	padding-top: 0;
}
.row.transform-grid.link-section {
	padding-bottom: 40px; 
	border-bottom: 1px solid var(--color-uvu-primary);
	max-width: 120ch;
	margin: 0 auto 40px;
}
.row.transform-grid.link-section.no-bottom {
	border-bottom: none !important;
	margin-bottom: 0 !important;
}
.transform-grid-cell.text-right {
	text-align: left !important;
}
 
/* staff card formatting - card 5 */
.directory, .directory .output {
	height: 100%
}
.card-staff-mailstop {
	display: none;
}
	.card-staff-5 {
		height: 100% !important;
		border-radius: 8px;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
		
	}
.directory .card-staff.card-staff-5 {    
	height: calc(100% - 30px) !important;
}
	   .card-staff-5 .card-staff-portrait {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%) !important;
		   width: 35% !important;
		  min-height: 100%;
		   position: relative
   }
 .card-staff-5 .card-staff-portrait img {
	max-width: none;
	 height: auto;
/* 	 width: auto !important */
}
   .directory  .card-staff-5 .card-staff-portrait img {
            height: 100%;
	   max-width: 100%;

        }
 .card-staff-5 .card-staff-portrait img {
	max-width: none;
}

    
  .card-staff-5 .card-staff-details .card-staff-title{
        font-size: 1.15em !important;
    }
    .card-staff-details .card-staff-name {
        text-transform: none !important;
        color: var(--color-uvu-primary);
		font-size: 1.33em;
		font-weight: 700;
    }
.card-staff-5.smaller {
	min-height: 0 !important;
 }
   .card-staff-5.smaller .card-staff-portrait {
        width: 30% !important;   
}



/* mission box formatting */
.mission-holder {
	padding: 0 !important;
}
.mission {
	background-color: #285D38;
	color: #fff;
	padding-right: 110px;
	padding-left: 35px;
	position: relative;
	top: -20px;
	left: -20px;
	width: 100%;
	height: 100%;
	display: flex;
  align-items: center;
}
.mission h2 {
	color: #fff;
	font-size: 3.125em;
	font-weight: bold;	
}

/* down arrow hero paragraphs */
.standout {
	color: #275D38;
	font-size: 1.5em;
	margin-top: 20px;  
}
	 .standout .fal {
        vertical-align: top;
        line-height: .75em;
        padding: .25em .25em 0;
    }


/* big link list with descriptions in transform tables */
.mission-process {
	max-width: 100ch;
	margin-inline: auto;
	-webkit-align-items: center;
	align-items: center;
	border-bottom: 1px solid #275D38;
	padding: 0 10px;   
}
.mission-process .top {
	-webkit-align-self: self-start;
	align-self: self-start;	
}
	.mission-process h3{
        text-transform: none;
        font-size: 1.75em;
        color: #275D38;
        padding-inline-start: 40px;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0;
            display: -webkit-flex;
        display: flex;
       -webkit-align-items: center;
        align-items: center;
    }

   .mission-process h3:before {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        content: "\f111";
        font-family: "Font Awesome 5 Solid", "Font Awesome 5 Pro";
        font-weight: 400;
        font-size: 0.5em;
        position: absolute;
           left: 0;
           color: var(--color-uvu-primary);
    }

   .mission-process .transform-grid-cell {
        padding: 20px 0;
    }
	.mission-process.no-bottom {
		border-bottom: none !important;
	}
		/* added from wsc if it changes the misison box */
		.row.display-flex.flex-wrap.transform-grid.mission-process.top {
			-webkit-align-items: start !important;
			align-items: start !important;	
		}

/* hide student employees */
.directory .output.employees .equal-items + .row:nth-child(3 of .row:not(.equal-items)), .directory .output.employees .equal-items + .row:nth-child(3 of .row:not(.equal-items)) ~ .row {
    display: none;
}

/* carousel */
.quote-slider .slick-slider .slick-arrow {
            opacity: 0.7;
            right: 10px;
            }
	.quote-slider .slick-slider .slick-prev {
                opacity: 0.7;
                left: 10px;
            }
	.quote-slider .slick-slider .slick-track li {
		padding: 80px;
	}
.quote-slider {
	position: relative;
}
	.quote-slider:before {
		/* 	font-family: "Font Awesome 5 Pro"; */
			font-family: Georgia, serif;
			font-weight: 900;
			top:10px;
			left: 40px;
			content: "\201C";
			color: var(--color-uvu-primary);
			font-size: 10rem;
			position:absolute;
			opacity: 0.1;
		}
	.quote-slider .slick-slider .slick-track li .name {
		margin-top: 20px;
		font-weight: 600;
		color: var(--color-uvu-primary);
	}
	
		.quote-slider .slick-slider .slick-track li .title {
			display: block;
			font-weight: 400;
			font-size: 1rem;
			color: #292929;
			margin-top: 0;
		}


/* abbreviation tool tips */
abbr[title] {
  position: relative;
  /* ensure consistent styling across browsers */
  text-decoration: underline dotted;
}

abbr[title]:hover::after,
abbr[title]:focus::after {
  content: attr(title);

  /* position tooltip like the native one */
  position: fixed;
  left: 100px;
  top: 400px;
  width: auto;
	z-index: 100;

  /* style tooltip */
  background-color: #fff;
  color: #000;
  border-radius: 3px;
  box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.4);
  font-size: 1.25em;
  padding: 5px;
}



/* map and green box */
.green-box {
	background-color: var(--color-uvu-primary);
	color: white;
	padding: 20px 40px;
	border-radius: 5px;
	margin: 0;
	 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
   
}
	.green-box a {
		color: white;
	}
	.green-box h3 {
		color: white;
		margin: 0;
	}
	.green-box.map {
		padding-top: 150px;
		background-image: url("../jpg/map.jpg");
		background-repeat: no-repeat;
		background-position: top;
		background-size: 100% 134px;
		object-fit: cover;
		position: relative;
	}
.green-box.map::before {
		content: none !important;
	}
		.green-box.map .white-box {
			display: inline-block;
			background-color: white;
			color: var(--color-uvu-primary);
			padding: 10px 11px 10px 17px;
			border-radius: 10px;
			font-size: 1.75em;
			position: absolute;
			top: 105px;
			right: 20px;
		}
	.green-box img.icon {
		min-width: 20px;
	}

.green-box.map.sc {
		background-image: url("../jpg/sc_map.jpg");
	}
.green-box.map.lc {
		background-image: url("../png/lc_map.png");
	}
.green-box.map.slwc {
		background-image: url("../png/slwc_map.png");
	}
.green-box.map.ba {
		background-image: url("../png/ba_map.png");
	}
.green-box.map.houses {
		background-image: url("../jpg/houses_map.jpg");
}
.green-box.map.wb {
    background-image: url("../jpg/woodbury_map.jpg");
}
.green-box.map.la {
    background-image: url("../jpg/la_map.jpg");
}



/* color moved under heading when extra color bar (ie discounts on oac rentals) */
.negative-top {
	top: -70px;
	position: relative;
	padding-top:70px;
}
.content-wrap .show {
	z-index: 99;
	position: relative;
}
 
/* map icon like email and phone for contact lists */
.map::before {
    content: '\f3c5' !important;
    font-family: "Font Awesome 5 Solid", "Font Awesome 5 Pro";
    margin-inline-end: 4px;
}


/* FAQ headers */
.green-heading {
	position: relative;
	color: #fff;
	padding: 10px 10px 10px 0;
}
.green-heading::before {
	content: "";
  	position: absolute;
 	top: 0;
 	left: 0;
 	width: 95vw;
 	height: 100%;
  	background-color: var(--color-uvu-primary);
  	z-index: -1; /* Push it behind the content */
	transform: translateX(calc((10em - 100vw) / 2));

}

.social-links.bottom {
	font-weight: 900;
	font-size: 40px;
	list-style: none;
	padding: 0;
	display: flex;
	justify-content: center;
}
.social-links.bottom li {
	float:left;
}
.social-links.bottom li a {
	display: inline-block;
	padding-inline: 10px;
}

/* Remove hover affect on small staff cards */
.staffButton:hover {
    cursor: auto;
    background-color: var(--color-uvu-primary);
}

/*End mobile and up styles*/
/* ====================== Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 768px) {

 h1 .details {
        font-size: 1.75rem !important;
       }
.transform-grid-cell.text-right {
	text-align: right !important;
}
	
		section div.mission-process:first-child {
		margin-top: 80px;
	}
		section div.mission-process.other:first-child {
		margin-top: 0 !important;
	}
			/* blockquotes */
		.long-text blockquote {	
			padding: 0 100px !important;	
		}
			.long-text blockquote:before {
				top:50px;
				left: 50px;
		}
	
       .card-picture-3 .card-picture-img {
		    display: block;
        }
	   .card-picture-3 .card-picture-content {
            left: -1em;
            max-width: 50%;
        }

	ul.subnav {
	flex-wrap: wrap;
	
}
	
	.quote-slider .slick-slider .slick-track li {
		font-size: 20px;
	}

	
	/* staff cards with green background - card 5 */
.green-card .card-staff {
	background-color: #285D38 !important;
	color: #fff !important;
	}
    .green-card .card-staff a{
        color: #fff !important;
		border-bottom-color: #fff;
    }
 .green-card .card-staff-5 .card-staff-details .card-staff-name, .green-card .card-staff-5 .card-staff-details .card-staff-title {
	color: #fff !important;
}
.green-card .card-staff-5 .card-staff-component-additionalinfo {
	background-color: transparent !important;
}
	
	 .card-staff-5 .card-staff-portrait img {
	 height: 100%;
}

	.impact .impact-data {
        font-size: 1.25em;
    }
      .impact .impact-data  .number {
            font-size: 3.125em;       
    }
	
}/*end media query*/
/*End tablet and up styles*/
/* ====================== Landscape Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 992px) {
		
	
	section .mission-process:first-child {
		margin-top: 80px;
	}
	
	.mission {
		justify-content: right;
	}
	
	ul.subnav {
	justify-content: center;
		display: flex;
		flex-wrap: wrap;
	
	
}
	.subnav a {
		text-align: center;
		height: 100%;
    
	}
	.subnav a.active:after {
    content:'';
    position: absolute;
    left: 0;
    right: 0;
	bottom: -10px;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: 10px solid var(--color-uvu-primary);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
	
	.vp-message {
	padding-left: 33%;
	}
	
}/*end media query*/
/*End landscape tablet and up styles*/
/* ====================== Desktop Only (Overrides Mobile and Tablet Styles) ========================== */
@media only screen and (min-width: 1200px) {
	
	.green-heading::before {
			transform: translateX(calc((30em - 100vw) / 2));
			width: 55vw;
	
		.fullbleed:not([class*="parallax"]) {
	min-height: 425px;
}
}/*end media query*/
/*End desktop only styles*/
/*END OF DOCUMENT*/