/* 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===============*/
.kaltura-video div {
	margin: 0 auto;
}
.photo-card-padding .card-picture-img {
    padding-top: 80px;
    padding-left: 40px;
    padding-right: 40px;
}
.photo-card-padding .card-picture {
    min-height: 340px;
}

.ol-circle-big>li {
	font-size: 16px;
	margin: 25px 0px;
    padding-left: 40px;
}
.ol-circle-big>li:before {
	font-size: 20px;
	padding: 5px 15px;
}


.img-bright {
    filter: brightness(90%);
}

.align-vertical {
	display: flex;
	align-items: center
}

.no-pad {
	padding-left: none;
}

.dept-section {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	
}

.header-hr {
	display: flex;
	align-items: center;
}
.header-hr::after{
	content: '';
	height: 2px;
	flex-grow: 1;
	background-color: #e0e0e0;
	margin-left: 30px;
}


.margin-top-auto{
	margin-top: auto;
}

.fifths {
	position:relative;
	min-height: 1px;
	padding-right:15px;
	padding-left:15px;
	padding-top:15px;
	width: 100%;
	float: left;
}

.wds-form-style-grey {
	max-width: 800px;
	padding: 25px 15px 25px 10px;
	font: 14px rajdhani, arial, Times, serif;
	color: #000;
	border: none;
	text-shadow: none;
}

.wds-form-style-grey h1 {
	font-size: 25px;
	padding: 0px 0px 10px 40px;
	display: block;
	border-bottom:1px solid #E4E4E4;
	margin: -10px -15px 30px -10px;;
	color: #888;
}

.wds-form-style-grey label {
	display: block;
	margin: 0px;
}

.wds-form-style-grey input[type="text"], .wds-form-style-grey input[type="email"], .wds-form-style-grey textarea, .wds-form-style-grey select {
	border: 1px solid #DADADA;
	color: #000;
	height: 30px;
	margin-bottom: 16px;
	margin-right: 6px;
	margin-top: 2px;
	outline: 0 none;
	padding: 3px 3px 3px 5px;
	width: 70%;
	font-size: 14px;
	font-weight: 600;
	line-height:15px;
	box-shadow: inset 0px 1px 4px #ECECEC;
	-moz-box-shadow: inset 0px 1px 4px #ECECEC;
	-webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.wds-form-style-grey textarea{
	padding: 5px 3px 3px 5px;
}
.wds-form-style-grey select {
	background: #FFF url('https://www.uvu.edu/innovation/lib/css/down-arrow.png') no-repeat right;
	appearance:none;
	-webkit-appearance:none; 
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	width: 70%;
	height: 35px;
	line-height: 25px;
}
.wds-form-style-grey textarea{
	height:100px;
}
.wds-form-style-grey input[type="radio"] {
	margin-top: 30px;
}

/*innovation tables*/
.innovation-table > table td:nth-child(1){
	width:40%;
}
.innovation-table > table td:nth-child(2){
	width:10%;
}
.innovation-table > table td:nth-child(3){
	width:40%;
}


/*Content cards*/
.card-content.card-content-custom {
	background-color: white;
}
.card-content.card-content-custom .card-content-content img:first-child {
	margin: -20px -20px -5px;
	width: calc(100% + 40px);
	max-width: none;
}
.dept-card {
	width: 100%;
	height: 280px;
	margin: 0 1em 1em 0;
	border-radius: 6px;
}
.feature-stories-section .card-picture-5 .card-picture-title {
	color: #275d38;
	border-bottom: 5px solid #275d38;
}

.table-content-cards .card-content {
	min-height: 120px;
	display: flex;
    justify-content: center;
    align-items: center;
}

.table-content-cards .card-content a {
	text-decoration: none;
	text-align: center;
	outline : none;
	transition: all 300ms;
}
.table-content-cards .card-content a:hover {
	font-size: 24px;
}

/* Hover slide cards, that don't slide */

div.no-slide-card {
	min-height: 240px;
	position: relative;
	overflow: hidden;
}

div.no-slide-card > div {
	position: absolute;
	bottom: 0px;
	display: flex;
	align-items: center;
	justify-content: center;    
	height: 67px;
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	transition: 0.3s;
}

div.no-slide-card > div:after {
	width: 100%;
	min-width: 100px;
	height: 25px;
	background-color: rgba(0, 0, 0, 0.7);
	content: '';
	position: absolute;
	bottom: -25px;
}

div.no-slide-card:hover > div {
	transform: translateY(-10px);
	transition: 0.3s;
}

div.no-slide-card h2 {
	font-size: 26px;
	color: white;
	margin: 0;
	font-weight: 700;
	text-align: center;
	padding: 0px 20px;
}

div.no-slide-card img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

/*picture cards*/
.card-title-img {
  position: relative;
  color: white;
  text-align: center;
	
}

.card-title-img-layer {
  overflow: hidden;
  height: 80%;
}
.card-title-centered {
  position: absolute;
  display: inline-block;
  color: white;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -75%);
}
.card-link {
    display:inline-block;
    width:100%;
    height:100%;
	background-color: rgba(0, 0, 0, 0.5);
}

/*links*/
.white-link a:hover{
	color: #f6f6f6;
}

.about-btn img{
	display: none;
}

.resource-btn a > img{
	transition: .3s ease-in-out;
}

.resource-btn:hover a > img{
	transition: .3s ease-in-out;
	transform: scale(1.05);
}
.underline-none:hover {
  text-decoration: none; /*removes underline from links*/
}

/*slider*/
.mid-head h1 {
	position: absolute;
	bottom: 42.5%;
	left: 42.5%;
	color: white;
}
.student-darken {
	background: linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)), url("https://www.uvu.edu/innovation/images/feature_student_full.jpg");
	background-size: cover;
	width: 1200px;
	height: 390px;
	position: relative;
	float: left;
}

.faculty-darken {
	background: linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)), url("https://www.uvu.edu/innovation/images/feature_faculty_full.jpg");
	background-size: cover;
	width: 1200px;
	height: 390px;
	position: relative;
	float: left;
}

.community-darken {
	background: linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)), url("https://www.uvu.edu/innovation/images/feature_community_full.jpg");
	background-size: cover;
	width: 1200px;
	height: 390px;
	position: relative;
	float: left;
}

/*images*/
.img-cover img{
	object-fit: cover;
}

/*accordions*/
.accordion-custom .accordion:not(.accordion-unstyled) {
	background-color: #FFF;
	padding: 20px 10px;
	border-radius: 0px;
	box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
}
.accordion-custom .accordion.open:not(.accordion-unstyled) {
	background-color: #00843d;
}
.accordion-custom .accordion.open:not(.accordion-unstyled) h3 {
	color: #FFF !important;
}
.accordion-custom .accordion:not(.accordion-unstyled):after {
	content: "\f0dd";
	background-color: #00843d;
	border-radius: 0px;
	font-weight: bold;
	font-size: 130%;
}
.accordion-custom .accordion-content {
	background-color: #FFF;
	border-top: 0;
	padding: 10px 10px 5px;
}

/*MENTORSHIPS PAGE*/
.mentorship-boxes .clickable {
	    border: 2px solid #e8e8e8;
}
.mentorship-boxes .clickable:hover {
    background-color: #e6f3ec;
    border-color: #3f6f4e;
    outline: 2px solid #3f6f4e;
}
.mentorship-boxes .clickable p {
    text-align: center;
    margin: 0;
}
.mentorship-boxes .clickable img {
    object-fit: contain;
    min-height: 180px;
    width: 80%;
}
.mentorship-boxes .clickable a {
    display: none;
}

/*End mobile and up styles*/
/*===============TABLET AND UP===============*/
@media only screen and (min-width: 760px) {
.tab-container-outer{
	padding: 35px;
}
.anchorTab {
	margin-bottom: 0px;
	font-size: 24px;
}
	
.wds-form-style-grey, .wds-form-style-grey * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.wds-form-style-grey label
{
	float: left;
	width: 40%;
	text-align: right;
	padding-right: 10px;
	margin-top: 10px;
	color: #000;
	font-weight: 600;
	clear: both;
}

.wds-form-style-grey input[type="text"], .wds-form-style-grey input[type="email"], .wds-form-style-grey textarea, .wds-form-style-grey select {
	width: 59%;
}

.wds-form-style-grey p, .wds-form-style-grey h1, .wds-form-style-grey h2, .wds-form-style-grey h3, .wds-form-style-grey h4, .wds-form-style-grey h5, .wds-form-style-grey h6, .wds-form-style-grey br{
	clear: both;		
}
	
.dept-card {
	width: 100%;
	height: 280px;
	margin: 0 1em 1em 0;
}
	
	
	
}/*end media query*/
/*End tablet and up styles*/
/*===============DESKTOP ONLY===============*/
@media only screen and (min-width: 1100px) {

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