/* 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 ========================== */
div.slick-track {
	height: 400px;
	width: auto;
}
.mySlider img {
	display: flex;
	justify-content: center;
	height: 400px;
	width: 400px;
}
a.gallery.text-white:hover {
color: white;
}

div.card-picture.card-picture-5.margin-10.padding-bottom-40 {
	max-width: 370px; 
	max-height: 200px;
}

.headerMainButtons {
	display: flex;
	gap: 20px;
	align-items: baseline;
}

/* Apply Now Deadline Banner */
.border-left {
	border-left: 1px solid #78be20;
}

form input {
	margin-bottom: 10px;
}
form select {
	margin-bottom: 10px;
	margin-top: 5px;
}

section.page-header.jumbo.fullbleed.parallax {
height: 350px;}
.text-shadow {
	text-shadow: 1px 1px 2px black;
	font-weight: 800;
}

.accordion:not(.accordion-unstyled):before{
	margin: unset;
    left: unset;
}

.hidden{
	display: none;
}

.icon-image {
  height: 4em;
  display: inline-block;
  vertical-align: middle;
}

.container{
	max-width: 1200px;
	margin:auto;
}

.hover-card-avmgt-link{
	width: 100%;
	height: 100%;
}

.hover-card-avmgt-link:hover img{
	transform: scale(1.1);
}

.hover-card-avmgt-link div div{
transition: all ease-in-out 0.2s;

}

.hover-card-avmgt-link:hover div div{
	background-color: rgba(0, 0, 0, 0.7);
}

.hover-card-avmgt{
	width: 100%; 
	height: 100%;
	overflow: hidden;
}

.hover-card-avmgt img{
	width: 100%; 
	transition: all ease-in-out 0.2s;
}


.hover-card-avmgt div{
	width: 100%; 
	height: 100%; 
	top: 0;
}

.hover-card-avmgt p{
	z-index: 5;
	width: 100%;
	bottom: 0;
}

.line-left:before{
  color: #275d38;
  content:'';
  flex:1;
  border-bottom:groove 2px;
  margin:auto 0.25em;
  box-shadow: 0 -1px ;
}
.thumbnailCard p a {
		margin: 0 15px;
		color: #000;
		letter-spacing: 3px;
		}
		.thumbnailCard h3 a, .thumbnailCard h3{
			color: #275D38;
			letter-spacing: 4px;
		}


.width-75{
	width: 75px;
}

/* Landing page CSS */

.responsive-opacity {
	opacity: 1.0;
}

.bg-gray {
	background-color: rgba(29, 29, 29, 0.75);
}

.blue-button {
	min-width: 200px;
	text-align:center;
	color:white;
	transition: background-color .23s, color .23s;
	background-color: #003518;
	padding: 10px 40px 10px 40px;
	opacity: .95;
	font-size: 15px;
}

.blue-button:hover {
	color:#FFFFFF;
	text-decoration:none;
	background-color:#99CEB1;
}

.blue-button:focus { 
	color: white;
	text-decoration:none;
}

.blue-link {
	color:#003518;
}

.blue-link:hover {
	color:#003518;
}

.blue-link:focus {
	color:#003518;
}


.blue-bg{
	padding-left: 15px;
	color:#fff;
	background-color:rgba(0, 104, 140, .95);
	line-height:1.5;
}

.text-blue {
	color:#003518;
}

.dean-message {
	background-color:#003C50;
	color:#fff;
}

.recruit-div {
	background-image:url("https://www.uvu.edu/chps/images/utahsunset.jpg");
	background-repeat: no-repeat;
	background-position: 50% 20%;
	min-height: 400px;
	background-size: cover;
}

.news-img {
	box-shadow: 5px 5px 7px 0px grey;
	height: 100%;
}

.img-fix {
	width: auto;
	height: 200px;
	display: block;
	margin: auto;
}
.intern-green-bar{
	min-height:90px;
}
.resp-req table{
	width:100%;
	background-color:#FFF;
}
.resp-req td{
	padding:10px;

}
.resp-req .row{
	padding-bottom:10px;

}
.jumbo.parallax.chps_landing{
	padding:0;
	background-attachment:scroll;
	border-bottom:0;
	background-position:center center;
}
.jumbo.chps_home{
	padding-left:0;
	padding-right:0;
	border-bottom:0;

}
.jumbo.chps_home .container-fluid{
	margin:0;
	padding:0;
	max-width:100%;
	height:100%;

}
.chps_landing{
	text-align:left;

}

.col-centered{
	display:inline-block;
	float:none;
	/* reset the text-align */
	text-align:left;
	/* inline-block space fix */
	margin-right:-4px;
	padding-left:20px;
	padding-right:20px;
	vertical-align:top;

}
.chps_landing .chps-hdr-content,.chps_landing .chps-hdr-form{
	padding:20px;


}
.chps-hdr-form .wds-form-style-grey{
	font-size:16px;
	text-align:left;
	font-family:"Lato", sans-serif;
	background-color:transparent;
	border:0;
	text-shadow:none;
	max-width:100%;
}
.chps-hdr-form .wds-form-style-grey label{
	width:100%;
	margin-top:0;
	text-align:left;
	color:#fff;
	text-transform:uppercase;


}
.chps-hdr-form .wds-form-style-grey input{
	width:100%;

	min-width:304px;
}
.chps-hdr-form .wds-form-style-grey input[type="text"],
.chps-hdr-form .wds-form-style-grey input[type="email"]{
	background-color:transparent;
	border:2px solid #fff;
	box-shadow: inset 0px 1px 4px #ECECEC;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	color:#fff;
	font-size:inherit;
}
.chps-hdr-form .wds-form-style-grey input[name="g-recaptcha"],
.chps-hdr-form .wds-form-style-grey .g-recaptcha div,
.chps-hdr-form .wds-form-style-grey .g-recaptcha iframe,
.chps-hdr-form .wds-form-style-grey .g-recaptcha iframe .rc-anchor-normal{
	text-align:center;
}
.chps-hdr-form .wds-form-style-grey input[type="submit"]{
	margin-top:10px;
	padding:5px;
	color:#fff;
	background-color:#275d39;
	width:100%;
	border:0;
	box-shadow:none;
	text-transform:uppercase;
}

.chps_landing h1{
	padding:0;
	margin:0;
	display:hidden;
}
.chps_landing h2{
	font-size:38px !important;
	color:#fff;
	margin-top:0;
}
.chps_landing a:hover{
	color:#285e39;
}


.grid-container{
	padding:30px;
}
.big-grid, .small-grid{

	border:6px solid transparent;
	border-top:none;
	border-left:none;
	box-sizing:border-box;
	padding:0;
}
.small-grid{

}

.flip-container{
	width:100%;
}

.front, .back {
	text-overflow: ellipsis;
	overflow:hidden;
}
.front:after{
	font-size:30px;
	color:rgba(255,255,255, 0.6);
	content: "\f0a9";
	font-family: FontAwesome;
	right:10px;
	position:absolute;
	bottom:0;
}
.back p{
	text-overflow: ellipsis;
}
/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
}
/* flip the pane when hovered */
.flip-container:hover .flipper, a:focus .flip-container .flipper {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}

/* .flip-container, .front, .back {
	width:100%;
	height:100%;
} */

/* flip speed goes here */


.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	color:#fff;
	top: 0;
	left: 0;
}
.front a, .back a{
	color:#fff;
}
/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	position: absolute;
	background-color:#000;
}
.back img{
	opacity:.3;
}
.back-text{
	position:absolute;
	top:0;
	left:0;
	padding:15px;
}
.big-grid .back-text{
	padding:40px;
}


/*Blog Styles*/

.blog-posts .region{
	border-bottom: 1px solid #ddd;
}
.blog-posts h4{
	padding-top:0;
	margin-top:0;
}
.blog-date{
	color:#aaa;
	padding-left:20px;
}
.right-link-large, .right-link-small, .blog-date{
	float:right;

}
/*Procedure Blog Styles*/
.proc-blog-table tbody tr:first-child{
	background-color:#275d38;
	color: #fff;
}
.proc-blog-table tbody tr:nth-child(even){
	background-color:#dcdcdd;
}

.proc-blog-table tbody tr{
	border-bottom:1px solid #ddd;
}

.proc-blog-table tbody tr td{
	padding: 5px;
}
.accordionList{
	list-style-type: none;
}
.accordionList li:first-child{
	background-color: #434344;
	color:#fff;
}
.accordionList li:nth-child(even){
	background-color:#f6f6f7;
}
.accordionList li{
	padding: 4px;
}
.accordionList li span:first-child{
	width: 60px;
	display: inline-block;
	text-align: center;
}
.accordionList li span:last-child{
	font-weight: bold;
}
p.accordion.accordionMain{
	padding: 10px 10px 10px 30px;
}
.accordion{
	background-color:#fff;
}
.accordion:hover{
	background-color:#f4f4f4;
}
.accordion.accordionSub{
	padding-left:40px;
}
.listing-container{
	margin-left: 40px;
}
.accordionMain:before, .accordionSub:before {
	left: 0;
	right: auto;
	background-color: transparent;
	color: #484747;
	font-size: 18px;
}
div.listingContainer{
	padding: 10px;
}


.social-media-icons{
	font-size:12px;
	text-align:center;
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}

.social-media-icons{
	justify-content: center;
}
.social-media-icons img{
	width:40px;
}

section.proc-blog-padding div.container-fluid div.row div.col-xs-12.col-target.region{
	padding-top: 3px;
	padding-bottom: 3px;
}



/* stepper */

.mk-stepper {
	width: 100%;
	max-width: 700px;
	margin: auto;
	background-color: #fff;
}

.mk-stepper-step {
	position: relative;
}
.mk-stepper-step:not(:last-of-type)::before {
	content: "";
	display: block;
	height: calc(100% - 40px);
	width: 1px;
	position: absolute;
	left: 36px;
	top: 56px;
	background-color: #bdbdbd;
	z-index: 1;
}
.mk-stepper-step__header {
	align-items: center;
	padding-top: 24px;
	padding-right: 48px;
	padding-bottom: 16px;
	padding-left: 24px;
	color: rgba(0, 0, 0, 0.87);
	outline: none;
}
.mk-stepper-step__header::-webkit-details-marker {
	display: none;
}
.mk-stepper-step__icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 12px;
	line-height: 24px;
	font-size: 12px;
	text-align: center;
	border-radius: 50%;
	color: #fff;
}

.mk-stepper-step__body {
	padding-right: 48px;
	padding-left: 60px;
	overflow: hidden;
	position: relative;
	transition: height .4s ease-out;
}

.mk-stepper-step:last-child .mk-stepper-step__body {
	padding-bottom: 1rem;
}

.mk-stepper-step--active .mk-stepper-step__icon {
	background-color: #3f51b5;
}
.mk-stepper-step--active .mk-stepper-step__label {
	color: rgba(0, 0, 0, 0.87);
	font-weight: 500;
}
.mk-stepper-step--active .mk-stepper-step__body {
	height: auto;
	visibility: visible;
}

/* end stepper */


.sac-button{

	color: #fff;


}

.sac-button{
	position: absolute;
	text-align: center;
	bottom: 0;
	width: 100%;
	padding: 8px 0px;
	border-radius: 0px;
	margin: 0;
	background-color: #285e39;
	color: #fff;
	border: 2px solid transparent;
	text-decoration: none;
	font-family: 'Rajdhani', sans-serif;
	text-transform: uppercase;
}

.sac-button:hover{

	background-color: #fff;
	color: #285e39;
	border: 2px solid #285e39;

}
.sac-button:focus, .sac-button:active{
	color: #fff;

}


.max-height-online-cards{
	max-height: 80px;
}


.sac-callout{
	position: absolute;
	top: -115px;
}

.sac-em-box{
		box-shadow: 3px 4px 4px rgba(0,0,0,.3);
	margin-right: 15px;
	background-color: #6f937a;
	background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23578164' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}

a.sac-invert{
	background-color: #fff;
color: #285e39;
}
a.sac-invert:hover{
		background-color: #285e39;

	color: #fff;
}

.hideSmall{
	display: none;
}

.paramedic-btn {
	display: flex;
	justify-content: space-around;
}

.card-container {
	display: flex;
	flex-direction: row;
}

/* Student testominial card design */
.testItems {
  list-style-type: none;
  display: flex;
  justify-content: center;
  padding: 0;
  flex-direction: column;
  align-items: stretch; 
}

.testimonial-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin: 0px;
  margin-top: 10px;
  padding: 0;
  background: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  width: 100%;
  min-height: auto;
}

.testimonial-card .card-content-container-1 {
  padding: 20px;
}

.testimonial-card .card-content-container-2 {
  padding: 15px 0; 
  text-align: center;
  width: 100%; 
  font-size: 14px;
  box-sizing: border-box;
  max-height: 190px;
}

.testimonial-card .card-content-container-2 img {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  margin-top: -65px;
  background-color: white;
  padding: 5px;
  object-fit: cover;
}

.card-multicontent .card-content-title {
  font-size: 28px;
}
/*End mobile and up styles*/
/* ====================== Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 768px) {

	.testimonial-card {
	  max-width: 360px; 
	  min-height: 450px; 
	  margin: 10px;
	}

	.testItems {
		flex-direction: row
	}

	.news-text {
		position:relative;
		right: 33%;
	}

	.news-img {
		position: relative;
		left: 220%;
	}	


	.responsive-opacity {
		opacity: 1.0;
	}
	.jumbo .chps_landing h1{
		font-size:38px;
	}	
	
	.hideSmall{
	display: block;
}
	
	

}/*end media query*/

@media only screen and (min-width: 850px) {

	.hero-video {
		min-height: 260px;
		position:relative;
		bottom:70px;
	}	

	.chps-hdr-form input[type="text"], .chps-hdr-form input[type="email"], .chps-hdr-form textarea, .chps-hdr-form select {
		width:68%;	
	}

	.greensquare {
	width: 80%;
	}
	
}


/*End tablet and up styles*/
/* ====================== Landscape Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 992px) {
	.chps-hdr-form .wds-form-style-grey label{
		width:35%;
	}
	.chps-hdr-form .wds-form-style-grey input{
		width:60%;
		float:right;
		min-width:0;
	}

}/*end media query*/
/*End landscape tablet and up styles*/
/* ====================== Desktop Only (Overrides Mobile and Tablet Styles) ========================== */
@media only screen and (min-width: 1260px) {
	.hero-video {
		min-height: 740px;
	}


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