/* 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 ========================== */
/*================================== CLASSES ===============================*/
.bg-lines {
	background-image: url(https://www.uvu.edu/concurrent/images/assets/bg-lines.svg);
}

/*================================== APFY HEADER IMAGES ===============================*/
.header-apfy {
	position: relative;
	z-index: 1;
}
.header-apfy:before {
	background: url(https://www.uvu.edu/concurrent/images/assets/apfy-header-left.png) no-repeat;
    background-size: 130px;
    content: "";
    position: absolute;
    left: 0px;
    z-index: -1;
    bottom: -74px;
    width: 130px;
    height: 130px;
}
.header-apfy:after {
	    background: url(https://www.uvu.edu/concurrent/images/assets/apfy-header-right.png) no-repeat;
    background-size: 200px;
    content: "";
    position: absolute;
    right: 0px;
    top: -25px;
    width: 200px;
    height: 200px;
    z-index: -1;
}

/*==================================== GREEN HOVER CARDS WITH ICONS ============================================*/
.styled-hover-cards .card-hover {
    min-height: 350px;
}
.styled-hover-cards .card-hover-container {
	background-color: unset !important;
}
.styled-hover-cards .card-hover-front {
	flex-direction: column;
	text-align: center;
}
.styled-hover-cards .card-hover-fade .card-hover-title {
	text-shadow: none;
    font-size: 2em;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
.styled-hover-cards .card-hover-front img {
    height: 130px;
    width: 130px;
}
.styled-hover-cards .card-hover-back {
    font-family: "Raleway";
    letter-spacing: 1.1px;
}
.styled-hover-cards .card-hover-back ul {
    padding-left: 26px;
}

.card-hover.not-hover {
	pointer-events: none;
}


/*================================== PAGE INTRODUCTION BOXES ===============================*/
.bg-image {
	position: relative;
	z-index: 1;
}
.page-intro {
    background-color: rgba(39, 93, 56, 0.8);
    color: #fff;
    margin: 0 auto;
    padding: 20px;
    font-size: 16px;
    font-weight: 500;
    font-family: "Raleway";
}

/*================================== HOVER CARDS WITH PHOTOS AND LINKS ===============================*/
.heading-card, .team-card, .resource-card {
	box-shadow: 0 0 5px rgba(0,0,0,.25);
	transition: 0.3s ease-in-out all;
}

.heading-card .heading-card-img {
	    background-color: rgba(0, 0, 0, 0.5);
}

.heading-card .heading-card-img img {
	height: 400px;
	width: 100%;
	object-fit: cover;
	object-position: bottom;
	filter: grayscale(0);
	transition: 0.2s ease-in-out all;
	opacity: 0.55;
}

.heading-card:hover .heading-card-img img, 
.heading-card:target .heading-card-img img,  
.heading-card:focus .heading-card-img img {
	filter: grayscale(100%);
}
.heading-card:hover .heading-card-img {
	    background-color: #1e4119;
	transition: 0.2s ease-in-out all;
}

.heading-card .heading-card-text {
	    position: absolute;
    top: 50%;
	text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.2s ease-in-out all;
}

.heading-card .heading-card-text h2 {
	color: white;
	font-size: 48px;
	font-weight: 600;
	line-height: 1;
}

.heading-card .heading-card-text a {
	color: white;
}

/*icon links*/
.icon-links-list {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    padding: 20px;
}
.icon-links-list li {
    font-family: "Rajdhani", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px 0;
}
.icon-links-list .icon-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    color: #275D38;
}
.icon-links-list .icon-link .icon {
    font-size: 32px;
    color: #275D38;
    margin: 10px 0;
    text-decoration: none;
    text-align: center;
    width: 50px;
}
.icon-links-list li:hover, .icon-links-list .icon-link:hover {
	text-decoration: none;
	cursor: pointer;
}


.card-hover-img {
    position: absolute;
    z-index: 1;
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: 1;
}

.overflow-hidden {
    overflow: hidden;
}

.button-border {
    font-weight: 600;
}

.flex-1 {
    flex: 1;
}

.row-box {
    display: flex;
    width: 7em;
    height: 6em;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.row-box-dp {
    display: flex;
    width: 9em;
    height: 6em;
    justify-content: center;
    align-items: center;
    text-align: center;
	font-size: 30px;
}

.home-flex-row {
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.art-card-header {
    background: #275d38;
    color: white;
    padding: 10px;
    border-radius: 10px 10px 0px 0px;
	margin-top: 0px;
}

.art-card {
	height: 980px;
    width: 600px;
	border-radius: 10px;
}

.big-background {
	background-image: url(https://www.uvu.edu/concurrent/images/campus-courtyard.jpg);
	background-size: cover;	
}

/*---Registration Page Steps---*/
.step{
  float: left;
  height: 50px;
  width: 50px;
  background: #D17917;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 15px 0 0;
}

.step p{
	font-size: 16px;
	color: #fff;
	margin: 0;
}

.registration-step-text{
	margin-left: 65px;
}

/*---END Registration Page Steps---*/

/*---Deadlines top bar---*/
.deadlines{
	background-image: url(https://www.uvu.edu/concurrent/images/banners/home-banner-icons.png);
	overflow: hidden;
	background-size: 2000px;
}


/*---Deadlines top bar orange shape---*/
#parallelogram {
	width: 1000px;
	height: 180px;
	-webkit-transform: skew(-25deg);
	-moz-transform: skew(-25deg);
	-o-transform: skew(-25deg);
	background: #e0523c;
	position: absolute;
	left: -1050px;
	top: 0;
}
	

.deadlines .region{
   padding: 8px;
}

.card-hover-fade a {
	background-color: #275D38;
    color: #ffffff;
    border: 2px solid #275D38;
	    display: inline-block;
    position: relative;
    text-decoration: none;
    font-family: 'Rajdhani', sans-serif;
    border-radius: 10px;
    padding: 15px 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.card-hover-fade a:hover {
	background-color: #fff;
	color: #275D38;
}

/*---Step Background Images---*/
.card-hover {
    min-height: 450px;
}

.card-hover-container {
	background-color:rgba(39, 93, 56,.7) !important;
}

.border-divider {
	border-left:none;
}

 .top-bar-hover{
	border: 1px solid #fff;
 }

/*--- Icons ---*/
.icon-cards a {
	color: #333;
	text-decoration: none;
}

.icon-card {
	padding-left: 20px;
}

.icon-card:hover{
	background: #f8f8f8;
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	transition-duration: .2s;
	transform:translateY(-1px);
}

.icon-card h3, .icon-card p {
	margin-left: 75px;
}

img.clipboard {
	width: 42px;
	height: auto;
	float: left;
	padding-top: 25px;
	margin-left: 10px;
}

img.tools {
	width: 43px;
	height: auto;
	float: left;
	padding-top: 25px;
	margin-left: 10px;
}

img.events {
	width: 47px;
	height: auto;
	float: left;
	padding-top: 25px;
	margin-left: 10px;
}

img.convo {
	width: 56px;
	height: auto;
	float: left;
	padding-top: 15px;
	margin-left: 10px;
}

/*----Colored top bar---*/

.colored-top-bar-admissions {
	border-left: 15px solid #275d38;
}

.colored-top-bar-admissions p {
	color: #275d38;
	font-weight: bold;
}

.colored-top-bar-registration {
	border-left: 15px solid #275d38;
}

.colored-top-bar-registration p {
	color: #275d38;
	font-weight: bold;
}

.colored-top-bar-tuition {
	border-left: 15px solid #275d38;
}

.colored-top-bar-tuition p {
	color: #275d38;
	font-weight: bold;
}

.colored-top-bar-deadlines {
	border-left: 15px solid #275d38;
}

.colored-top-bar-deadlines p {
	color: #275d38;
	font-weight: bold;
}

.colored-top-bar-admissions:hover, .colored-top-bar-registration:hover,
.colored-top-bar-tuition:hover, .colored-top-bar-deadlines:hover {
	background: #f8f8f8;
}

.colored-top-bar-fix {
	padding-left: 10px;
}


/*---Colored top bar active pointer shape---*/
.pointer-admissions {
    height: 42px;
    position: relative;
    background: #275d38;
	float: left;
	margin-right: 30px;
	margin-left: -15px;
}
 
.pointer-admissions:before {
   content: "";
   position: absolute;
   right: -20px;
   bottom: 0;
   width: 0;
   height: 0;
   border-left: 20px solid #275d38;
   border-top: 22px solid transparent;
   border-bottom: 20px solid transparent;
  }

.pointer-registration {
    height: 42px;
    position: relative;
    background: #275d38;
	float: left;
	margin-right: 30px;
	margin-left: -15px;
}
 
.pointer-registration:before {
   content: "";
   position: absolute;
   right: -20px;
   bottom: 0;
   width: 0;
   height: 0;
   border-left: 20px solid #275d38;
   border-top: 22px solid transparent;
   border-bottom: 20px solid transparent;
}

.pointer-tuition {
    height: 42px;
    position: relative;
    background: #275d38;
	float: left;
	margin-right: 30px;
	margin-left: -15px;
}
 
.pointer-tuition:before {
   content: "";
   position: absolute;
   right: -20px;
   bottom: 0;
   width: 0;
   height: 0;
   border-left: 20px solid #275d38;
   border-top: 22px solid transparent;
   border-bottom: 20px solid transparent;
}

.pointer-deadlines {
    height: 42px;
    position: relative;
    background: #275d38;
	float: left;
	margin-right: 30px;
	margin-left: -15px;
}
 
.pointer-deadlines:before {
   content: "";
   position: absolute;
   right: -20px;
   bottom: 0;
   width: 0;
   height: 0;
   border-left: 20px solid #275d38;
   border-top: 22px solid transparent;
   border-bottom: 20px solid transparent;
}

.inner-container{
	padding-left: 5px;
	padding-right: 5px;
	
}

.inner-container a{
	padding-left: 80px;
	padding-right: 80px;
}

.all-dates {
	text-align: center;
}

.social-media {
	align-items: center;
	justify-content: center;
}

/*--- Testimonial Icons ---*/
.testimonial-icon {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: -10px;
}

/*--- Program Overview ---*/

.program-overview-bg {
	background-image: url(https://www.uvu.edu/concurrent/images/program-overview-background.jpg);
	background-position: center 80%;
	background-size: cover;
	background-repeat: no-repeat;
}

.benefits {
	background-image: url(https://www.uvu.edu/concurrent/images/program-overview-benefits.png);
	height: 300px;
	background-size: cover;
	background-position-y: bottom;
}

.influence {
	background-image: url(https://www.uvu.edu/concurrent/images/program-overview-influence.png);
	height: 300px;
	background-size: cover;
	background-position-y: top;
}

.flex-direction-col {
	flex-wrap: wrap;
	align-items: flex-end;
}

.flex-direction-col .col-md-9, .flex-direction-col .col-md-3 {
	margin: 0 auto;
}

.flex-direction-col .col-md-9{
	border-right: none;
}

.stat9991 {
	font-size: 84px;
	line-height: normal;
}

.contact-header {
	background-position-y: bottom;
}

.ol-circle-big.custom li {
	margin-bottom: 0px;
}

.list-guided-item .step1 {
	background-color: #7d9e88;
	padding-bottom: 50px;
	padding-top: 50px;
	height: 100%;
	width: 100%;
}
.list-guided-item .step1 strong, .list-guided-item .step1 span {
	color: white;
}
.list-guided-item .step2 {
	background-color: #678d73;
	padding-bottom: 50px;
	padding-top: 50px;
	height: 100%;
	width: 100%;
}
.list-guided-item .step2 strong, .list-guided-item .step2 span {
	color: white;
}
.list-guided-item .step3 {
	background-color: #527d60;
	padding-bottom: 50px;
	padding-top: 50px;
	height: 100%;
	width: 100%;
}
.list-guided-item .step3 strong, .list-guided-item .step3 span {
	color: white;
}
.list-guided-item .step4 {
	background-color: #3c6d4c;
	padding-bottom: 50px;
	padding-top: 50px;
	height: 100%;
	width: 100%;
}
.list-guided-item .step4 strong, .list-guided-item .step4 span {
	color: white;
}
.list-guided-item .step5 {
	background-color: #275d38;
	padding-bottom: 50px;
	padding-top: 50px;
	height: 100%;
	width: 100%;
}
.list-guided-item .step5 strong, .list-guided-item .step5 span {
	color: white;
}
.list-guided-item .step1:hover, .list-guided-item .step2:hover, .list-guided-item .step3:hover, .list-guided-item .step4:hover, .list-guided-item .step5:hover{
    background-color: #e8e8e8;
}
.list-guided-item .step1:hover *, .list-guided-item .step2:hover *, .list-guided-item .step3:hover *, .list-guided-item .step4:hover *, .list-guided-item .step5:hover *{
	color: #275d38;
}
.list-guided-item:not(:last-child):after {
    top: 29%;
}

/*End mobile and up styles*/
/* ====================== Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 768px) {
	/*================================== APFY HEADER IMAGES ===============================*/
	.header-apfy:before {
		background-size: 200px;
		bottom: -114px;
		width: 200px;
		height: 200px;
	}
	.header-apfy:after {
		background-size: 300px;
		width: 300px;
		height: 300px;
		top: -50px;
	}
	
	/*================================== PAGE HEADERS ===============================*/
	.bg-image {
		 display: flex;
		align-items: center;
		min-height: 350px !important;
		background-position: center;
		overflow: hidden;
	}
	
	
	/*icon links*/
	.icon-links-list {
		 display: flex;
		flex-direction: row;
		justify-content: center;
		width: 100%;
	}
	.icon-links-list li {
		    display: inline-flex;
    flex-direction: row;
    transition: all 0.3s ease-in-out;
	}
	.icon-links-list li:hover {
			transform: translateY(-20px);
	}
	.icon-links-list .icon-link {
		    flex-direction: column;
    align-items: center;
	}
	.icon-links-list .icon-link .icon {
		width: 100px;
	}
	
	
	.registration-box {
		display: flex;
		justify-content: space-between;
	}
.border-divider {
		border-left:2px solid #00843d;
	}
	
	
.inner-container a{
	padding-left: 40px;
	padding-right: 40px;
}

.all-dates {
	text-align: left;
}
	
.stat9991 {
	font-size: 150px;
}

/*--- Program Overview ---*/
	
.benefits, .influence, .incentives {
	margin-right: -700px;
	max-width: 1000px;
	height: 390px;
	}

.flex-direction-col {
	border-bottom: 2px solid #275D38;
}	
	
.flex-direction-col .col-md-9{
	border-right: 2px solid #00843d;
}


}/*end media query*/
/*End tablet and up styles*/
/* ====================== Landscape Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 820px) {
	.icon-links-list .icon-link .icon {
		width: 150px;
	}
	
.deadlines-left::before {
	width: 1px;
    height: 90px;
    background-color: #fff;
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
}
.deadlines-left::after {
	width: 1px;
    height: 90px;
    background-color: #fff;
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
}	
.deadlines-right {
	padding-left: 9px;
	padding-right: 9px;
}
.deadlines-right::after {
	width: 1px;
    height: 90px;
    background-color: #fff;
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
}
	
.admission-deadlines span {
	display: block;
}
	
/*---Program Overview Page---*/
.program-overview-top {
	border-right: 2px solid #00843d;
	border-left: 2px solid #00843d;
}

.unique {
	border-right: 2px solid #00843d;
	border-left: 2px solid #00843d;
}
	
.earned {
	border-right: 2px solid #00843d;
}
	
.benefits, .influence, .incentives {
	width: 350px;
	}
	
	

	
}/*end media query*/
/*End tablet and up styles*/
/* ====================== Landscape Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 992px) {
	.card-hover.not-hover {
		min-height: unset;
		max-height: 350px;
	}
	
.page-intro {
	width: 70%;
	margin: 0 auto;
	padding: 30px;
}
	
	
}/*end media query*/
/*End landscape tablet and up styles*/
/* ====================== Desktop Only (Overrides Mobile and Tablet Styles) ========================== */
@media only screen and (min-width: 1200px) {
	/*================================== APFY HEADER IMAGES ===============================*/
	.header-apfy:before {
		background-size: 275px;
		width: 275px;
		height: 117px;
		bottom: 0;
	}
	.header-apfy:after {
		background-size: 400px;
		width: 400px;
		height: 200px;
		top: -80px;
	}
	
	.icon-links-list {
		justify-content: space-evenly;
	}

.full-grid .container-fluid {
	max-width: 100%;
	padding: 0;
}
.full-grid .row {
	margin: 0;
}
	
.registration{
	margin-top: 0px;
	margin-bottom: 0px;
}

	
/*---Colored top bar hover---*/	
.top-bar-hover:hover{
	opacity: .8;
}
	
.colored-top-bar-fix {
	padding-left: 0px;
}	

.fa:hover {
	opacity: .8;
}

.advising ul{
	line-height: 12px;
}
	
.inner-container a{
	padding-left: 80px;
	padding-right: 80px;
}	
/*---End of colored top bar hover---*/	

.all-dates:hover .fa {
	transform:  translateX(3px);
	transition-duration: .3s;
}

/*--- Program Overview ---*/
	
.benefits, .influence, .incentives {
	width: 800px;
}
	

	


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