/* Department CSS Document */
/* For mobile-first adaptive design, styles for mobile and up are placed in the mobile and up area. 
Styles for tablet and up are inside the media query in the tablet and up area.
Styles for desktop-only are inside the media query in the desktop-only area.
For questions or media query training, contact Web Development Services. */

/* ====================== Mobile and Up ========================== */

.header-border {
	display: grid;
	width: 100%;
	align-items: center;
	text-align: center;
	grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
}

.header-border:before,
.header-border:after {
	content: '';
	margin: 15px;
	border-top: 2px solid;
}

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

.bg-credits-to-graduate {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("https://www.uvu.edu/arts/images/homepage/credits-to-graduate.jpg");
}

.video-slider .slick-dots {
	margin-bottom: -45px;
	left: 5px;
	right: 5px;
	display: flex;
	justify-content: center;
}

.bg-art-books {
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	background-image: url("https://www.uvu.edu/arts/images/homepage/art-books.png");
}

.video-top.hero-video .video-stream {
	top: 10px;
}

.video-header-shadow {
	text-shadow: 2px 2px #000;
}

.border-divider-left {
	width: 150px;
	margin: 0;
}

.button-solid-white {
	background-color: #fff;
	color: #000;
	border: 2px solid #000;
}

.button-solid-white:hover {
	background-color: #f6f6f7;
	border-color: #275d38;
}

.text-transform-none {
	text-transform: none;
}

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

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

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

.flex-fill-space {
	flex: 1 1 auto;
}

/* Arts Accordion */
.arts-accordion .accordion:first-child {
	border-top: 2px solid #8E8C89;
}

.arts-accordion div.accordion {
	justify-content: center;
	padding: 20px;
	border-top: 2px solid #8E8C89;
	border-bottom: 2px solid #8E8C89;
	border-radius: 0;
	background-color: white;
	margin-top: -15px;
	margin-left: 5%;
	margin-right: 5%;
}

.arts-accordion .accordion:after {
	right: 20px;
	content: "\f078";
	background-color: white;
	color: #8E8C89;
	font-size: 110%;
}

.arts-accordion .open.accordion {
	border-bottom: none;
}

.arts-accordion .open.accordion:after {
	content: "\f077";
}

.arts-accordion .accordion-content {
	background-color: white;
	border-radius: 0;
	border-top: 2px solid #8E8C89;
	margin-left: 10%;
	margin-right: 10%;
	padding: 30px;
}

.mobile-text-center {
	text-align: center;
}

/* ----- Homepage Picture Cards ----- */
.pictureCard1 img {
	height: 375px;
	object-fit: cover;
}

/* ----- Faculty/Staff Cards ----- */
#staff .directory .card-staff,
.soa-directory .directory .card-staff {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	border-top: 2px solid black;
	border-bottom: 0;
	border-radius: 0;
	margin-bottom: 0;
}

#staff .card-staff,
.soa-directory .card-staff {
	box-shadow: none;
}

#staff .card-staff .card-staff-portrait,
.soa-directory .card-staff .card-staff-portrait {
	border: 0;
	box-shadow: none;
}

.advisors .card-advisor {
	box-shadow: none;
	border-top: 2px solid black;
	border-bottom: 0;
	border-radius: 0;
}

.advisors .card-advisor h2 {
	font-size: 1.5rem;
}

.advisors .card-advisor .card-advisor-header {
	background-color: white;
}

.advisors .card-advisor .card-advisor-image-container {
	border-radius: 0;
	margin: -20px -50px;
}

.advisors .card-advisor .card-advisor-button {
	text-transform: none;
	border: 2px solid black;
	color: black;
	border-radius: 0;
	font-weight: 700;
}

.advisors .card-advisor .card-advisor-title {
	color: black;
}

.advisors .card-advisor .card-advisor-details {
	font-weight: 600;
}

.clickable.transform-grow:hover {
	transform: scale(1.1);
	transition: transform .3s ease-in-out;
}

/* ====================== Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 768px) {
	.mobile-text-center {
		text-align: left;
	}
}

/* ====================== Landscape Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 992px) {
	.five-col > .col-sm-2 {
		width: 20%;
	}
}

/* ====================== Desktop Only (Overrides Mobile and Tablet Styles) ========================== */
@media only screen and (min-width: 1200px) {
	.bg-credits-to-graduate {
		background-image: url("https://www.uvu.edu/arts/images/homepage/credits-to-graduate.jpg");
	}
}

/* END OF DOCUMENT */