/* 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 ========================== */

/* Flex styles */

.justify-flex-end {
	justify-content: flex-end;
}

.justify-space-between {
	justify-content: space-between;
}

.width-auto {width:auto;}

.object-fit-cover {object-fit:cover;}

.text-hover-white:hover {
	color: #fff;
}

.object-fit-cover {
	object-fit: cover;
}


img.call-center {
	object-fit: cover;
	object-position: bottom;
}
/* end flex styles */

hr.section-divider-icon:before {
	background-color: #f9f9f9;
}

.individual-back-button h1 {
	color: #fff;
	padding: 10px 80px;
	margin: 0px 0 10px 40px;
	font-size: 2em;
	text-transform: none;
	font-weight: 400;
	background-color: var(--color-uvu-secondary);
}

a.button-simple-icon {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background-color: #fff;
	padding: 25px;
	font-family: "Rajdhani", sans-serif;
	font-weight: bold;
	font-size: 18px;
	box-shadow: #c5c5c5 0 3px 6px;
	margin: 10px 0;
}

a.button-simple-icon:hover {
	text-decoration: none;
	background-color: #275d38;
	color: #fff;
}

a.button-simple-icon:after {
	font-family: "Font Awesome 5 Pro";
}

a.button-simple-icon.icon-arrow:after {
	content: '\f061';
}

a.button-simple-icon.icon-pdf:after {
	content: '\f1c1';
}

a.button-simple-icon.icon-word:after {
	content: '\f1c2';
}

a.button-simple-icon.icon-excel:after {
	content: '\f1c3';
}

a.button-simple-icon.icon-external:after {
	content: '\f35d';
}

a.button-simple-icon.icon-email:after {
	content: '\f0e0';
}

a.button-simple-icon.icon-box:after {
	content: '\f187';
}


a.button-large {
	padding: 35px 100px;
    border-radius: 5px;
    background-color: #275d38;
    color: #fff;
    font-family: "Rajdhani", sans-serif;
    font-weight: bold;
	box-shadow: #c5c5c5 0 3px 6px;
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: center;
}

a.button-large:hover {
	color: #275d38;
	background-color: #f4f4f4;
	text-decoration: none;
}

a.button-large:after {
	content: '\f054';
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	top: 20px;
	right: 20px;
	
}

/* Custom Picture Card */
.card-picture-custom {
	border-radius: 8px;
	box-shadow: 0px 0px 6px rgb(0 0 0 / 16%);
	overflow: hidden;
}

.card-picture-custom .card-picture-title {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.4px;
    line-height: 29px;
    color: #275D38;
    padding: 30px 20px;
    margin: auto 0px 0px;
	position: relative;
}
.card-picture-custom .card-picture-title::before {
    content: "\f0a9";
    display: inline-block;
    color: #275D38;
    font-size: 35px;
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: -15px;
    left: 50%;
    margin-left: -17px;
    z-index: 2;
}
.card-picture-custom .card-picture-title::after {
    content: "";
    display: inline-block;
    background-color: #fff;
    width: 50px;
    border-radius: 50%;
    position: absolute;
    top: -25px;
    left: 50%;
    margin-left: -25px;
    height: 50px;
    z-index: 1;
}
.card-picture-custom .card-picture-img {
    order: -1;
    height: 100%;
}
.card-picture-custom .card-picture-content {
    display: none;
}
.card-picture-custom .card-picture-button {
    overflow: hidden;
    height: 0;
}
.card-picture-custom:hover, .card-picture-custom:hover .card-picture-title::after {
    background-color: #275d38;
}
.card-picture-custom:hover .card-picture-title, .card-picture-custom:hover .card-picture-title::before {
	color: #fff;
}

/* End Custom Picture Card */

/* Staff Card */

.card-staff-admin {
	background-color: #f6f6f7;
	min-height: 400px;
	overflow: hidden;
	position: relative;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.card-staff-img-container {
	position: relative;
	z-index: 8;
	max-height: 400px;
	max-width: 100%;
	border:0px;
}

.card-staff-admin .card-staff-img-container img {
	height: auto;
	width: 100%;
	object-fit: cover;
}

.card-staff-admin .card-staff-admin-nameplate:before, .card-staff-admin .card-staff-admin-body {
	background-color: #275D38;
}
.card-staff-admin .card-staff-admin-nameplate:before, .card-staff-admin .card-staff-admin-name, .card-staff-admin .card-staff-admin-area {
	color: white;
}
.card-staff-admin-body {
	z-index: 9;
	transition: all .25s ease-in-out;
	bottom: 0px;
	width: 100%;
	position: static;
}

.card-staff-admin-nameplate {
	display: flex;
	flex-direction: column-reverse;
	justify-content: center;
	align-items: center;
	padding: 25px 20px 15px;
}
.card-staff-admin-name, .card-staff-admin-area {
	margin: 0;
	color: #275d38;
	font-family: "Lato", arial, sans-serif;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.card-staff-admin-area {
	position: relative;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
}

.card-staff-admin-name {
	font-weight: light;
	font-size: 18px;
	margin-top: 5px;
}

.card-staff-admin-phone, .card-staff-admin-email a, .card-staff-admin-directorylink a, .card-staff-admin-bio {
	display: block;
	padding: 6px 20px 8px;
	font-family: "Rajdhani", arial, sans-serif;
}

.card-staff-admin-phone, .card-staff-admin-email a, .card-staff-admin-directorylink a {	
	color: white;
}


.card-staff-admin-bio {
	background-color: #fff;
	color: #000;
}

.card-staff-admin-phone {
	background-color: rgba(51, 51, 51, 0.27);
}
.card-staff-admin-email a {
	background-color: rgba(51, 51, 51, 0.45);
}
.card-staff-admin-directorylink a {
	background-color: rgba(51, 51, 51, 0.62);
}

.card-staff-admin-phone:after, .card-staff-admin-email a:after, .card-staff-admin-directorylink a:after {
	font-family: "FontAwesome";
	position: absolute;
	right: 20px;
}

.card-staff-admin-phone:after {
	content: "\f095";
}
.card-staff-admin-email a:after {
	content: "\f0e0";
}
.card-staff-admin-directorylink a:after {
	content: "\f0c1";
}

.card-staff-admin-nameplate:before {
	content: "\f0aa";
	font-family: "FontAwesome";
	font-size: 1.5em;
	position: absolute;
	top: -14px;
	border-radius: 50%;
	width: 34px;
	height: 34px;
	text-align: center;
	color: #275d38;
	transition: all .25s ease-in-out;
}

.card-staff-admin.no-hover .card-staff-admin-nameplate:before {
	content: "/f0a3";
}

.card-staff-admin-area:after {
	content: "";
	width: 200px;
	position: absolute;
	border-bottom: 2px solid white;
	bottom: -25%;
	align-self: center;
}


/* End Staff Card */

	/* accordion staff cards on data collection page */
	.staff-card-accordion {
		
	}



	.staff-card-accordion .accordion {
	text-align:center;
		color: #275d38;
		background-color: #fff;
	}
	
	.staff-card-accordion .accordion:before {
        content: "\f063";
        font-family: "FontAwesome";
        position: relative;
        top: -17px;
        width: 35px;
        height: 35px;
        display: block;
        color: #fff;
        background: #275d38;
        border-radius: 50%;
        padding-left: 0px;
        border: 5px solid #fff;
        left: 45%;
        padding-top: 2px;
		
	}

.staff-card-accordion-name {
	padding-bottom: 20px;
	font-family: "Lato", sans-serif;
	font-size: 18px;
	text-align: center;
}

.staff-card-accordion-title { }

.staff-card-accordion-title:after {
	width: 200px;
    content: '';
    border-bottom: 1px solid #275d38;
    display: block;
    margin: 0px auto;
    padding-top: 5px;
}

.staff-card-accordion:hover .staff-card-accordion-title:after, .staff-card-accordion .accordion.open .staff-card-accordion-title:after {
	border-bottom: 1px solid #fff;
}

.staff-card-accordion:hover .accordion, .staff-card-accordion .accordion.open {
	background-color: #275d38;
	color: #fff;
}

.staff-card-accordion:hover .accordion:before, .staff-card-accordion .accordion.open:before {
	border: 5px solid #275d38;
	background-color: #fff;
	color: #275d38;
	content: '\f062';
}


	/* end accordion staff cards */

/* Picture Card 5 Overrides */

.card-picture-5 .card-picture-title {
	border-bottom: 0px;
}

.card-picture-5 .card-picture-title {
	font-family: "Lato", sans-serif;
	color: #0E8345;
	text-transform: none;
}

.card-picture-5 h2.card-picture-title {
	font-size: 20px;
}

/* End Picture Card 5 */

/* Checkmark list */
ul.list-check li:before {
	content: "\f111";
    font-family: "Font Awesome 5 Solid", "Font Awesome 5 Pro";
    vertical-align: middle;
    margin-right: 10px;
	content: "\f00c";
    font-size: 100%;
    color: #285d39;
}

/* Research infographics */

.research-grid {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	column-gap: 20px;
	row-gap: 20px;
}

.research-grid-one, .research-grid-two, .research-grid-three {
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	box-shadow: #c1c1c1 0px 3px 6px;
	padding: 20px;
}

.research-grid-one {
	grid-column: 1 / 2;
		grid-row: 1 / 2;
}

.research-grid-two {
	grid-column: 1 / 2;
		grid-row: 2 / 3;
}

.research-grid-three {
	grid-column: 1 / 2;
		grid-row: 3 / 4;
}

.research-bg {
	background-image: url(https://www.uvu.edu/engagement-and-effectiveness/images/graphics/shapes_cluster01.png);
	background-repeat: no-repeat;
	background-position: 10% 35%;
}


/* Survey Accordion */

.accordion:not(.accordion-unstyled) {
	background-color: #fff;
	color: #275d38;
	font-family: "Lato",sans-serif;
	font-weight: bold;
	border-radius: 0px;
	padding: 25px;
	
}

.accordion.open:not(.accordion-unstyled) {
	background-color: #275d38;
	color: #fff;
}

.accordion.open:not(.accordion-unstyled) h3,
.accordion.open:not(.accordion-unstyled) h4 {
	color: #fff;
}

.accordion-content {
	padding: 25px;
}

.accordion.open:not(.accordion-unstyled):after {
	content: "\f077";
	background-color: #275d38;
	color: #fff;
}

.accordion:not(.accordion-unstyled):after {
	content: "\f078";
	width: 50px;
	background-color: #fff;
	color: #275d38;
}

#accordion7 {
	background-color: #f9f9f9;
}

#accordion7.accordion.open:not(.accordion-unstyled) {
	background-color: #275d38;
	color: #fff;
}

#accordion7::after {
	background-color: #f9f9f9;
}

#accordion7.accordion.open:not(.accordion-unstyled):after {
	background-color: #275d38;
}

/* End Survey Accordion */


.bg-champions {
	background-image: url(https://www.uvu.edu/engagement-and-effectiveness/images/graphics/pattern-green.png);
}

/* Committee member cards */

.committee-card {
	display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
	font-family: "Lato", sans-serif;
}

.committee-card-content {
	background-color: #fff;
    width: 100%;
    border-radius: 10px;
    box-shadow: #c4c4c4 3px 0px 6px;
    padding: 20px 20px 20px 40px;
	margin-left: -20px;
}

.committee-card-content .name {
	font-size: 16px;
	font-weight: bold;
}

.committee-card-content .title {
	font-size: 14px;
}

.committee-card .committee-image {
	z-index: 5;
	width: 100px;
}

.committee-card img {
	border-radius: 50%;
	width: 75px;
	height: 75px;
}

/* End Commmittee cards */

/* Affinity Groups - Resources Pages */

#affinity-groups {
	background-color: #fff;
	padding: 20px;
	overflow-y: scroll;
}

#affinity-groups h4 {
	font-size: 28px;
	font-weight: bold;
}

#affinity-groups h5 {
	font-size: 24px;
	font-weight: bold;
}

/* End Affinity Groups */

/* Slick Slider */
ul.slick-items .card-content {
	border-top: 3px solid #275d38;
	border-bottom: 1px solid #275d38;
	border-left: 0;
	border-right: 0px;
	box-shadow: #c4c4c4 3px 0 6px;
}

ul.slick-items .card-content span.fas.fa-medal {
	font-size: 50px;
}


/*End mobile and up styles*/
/* ====================== Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 768px) {
	
	img.call-center {
	object-fit: scale-down;
	object-position: bottom;
}
	
	/* Staff Cards */
	
		.card-staff-admin .card-staff-admin-nameplate:before, .card-staff-admin .card-staff-admin-body {
		background-color: white;
	}
	.card-staff-admin .card-staff-admin-nameplate:before, .card-staff-admin .card-staff-admin-name, .card-staff-admin .card-staff-admin-area {
		color: #275d38;
	}

	.card-staff-admin-body {
		bottom: -110px;
	}
	
	.card-staff-admin.no-hover .card-staff-admin-body {
		bottom: 0;
	}

	.card-staff-admin:hover .card-staff-admin-body {
		bottom: 0px;
	}
	.card-staff-admin:hover .card-staff-admin-nameplate:before {
		content: "\f0ab";
	}
	
	.card-staff-admin.no-hover .card-staff-admin-nameplate:before {
		content: "\f0a3";
	}

	.card-staff-admin:hover .card-staff-admin-nameplate:before, .card-staff-admin:hover .card-staff-admin-body {
		background-color: #275D38;
	}

	.card-staff-admin:hover .card-staff-admin-nameplate:before, .card-staff-admin:hover .card-staff-admin-name, .card-staff-admin:hover .card-staff-admin-area {
		color: white;
	}

	.card-staff-admin-area:after {
		border-bottom: 2px solid #275D38;
	}

	.card-staff-admin:hover .card-staff-admin-area:after {
		border-bottom: 2px solid white;
	}
	
	
	/* End Staff Cards */
	
	/* Accordion staff cards */
	 .staff-card-accordion-img {
	 max-height: 400px;
	 overflow: hidden;
 }
	/* End accordion cards */
	

	
	/* Workshops Grid on Engagement Page */
	
	.workshops-grid img {
		object-fit: cover;
		height: 100%;
		width: auto;
	}
	
	/* End Workshops Grid */
	
	.bg-champions {
	background-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 75%, rgba(0,0,0,1) 75%, rgba(0,0,0,1) 100%), url(https://www.uvu.edu/engagement-and-effectiveness/images/graphics/pattern-green.png);
}
	
	
	
	/* Research Grid */
	.research-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	column-gap: 20px;
	row-gap: 20px;
}

.research-grid-one, .research-grid-two, .research-grid-three {
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	box-shadow: #c1c1c1 0px 3px 6px;
	padding: 20px;
}

.research-grid-one {
	grid-column: 1 / 2;
		grid-row: 1 / 2;
}

.research-grid-two {
	grid-column: 2 / 3;
		grid-row: 1 / 2;
}

.research-grid-three {
	grid-column: 1 / 3;
		grid-row: 2 / 3;
}

	
}

/*end media query*/
/*End tablet and up styles*/
/* ====================== Landscape Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 992px) {
	
	.card-staff-img-container img {
		max-width: none;
	}
	.card-staff-admin-body {

		position: absolute;
	}
	
}

/*end media query*/
/*End landscape tablet and up styles*/
/* ====================== Desktop Only (Overrides Mobile and Tablet Styles) ========================== */
@media only screen and (min-width: 1200px) {
	
	
}

/*end media query*/
/*End desktop only styles*/
/*END OF DOCUMENT*/