/* 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 ========================== */
/*hiding nav*/
#deptNav .deptNavWrap {
	display: none;
}

/*--------------------------------GENERAL CSS------------------------------------*/
.bg-grey {
	background-color: #efefef;
}
.padding-bottom-100 {
	padding-bottom: 100px;
}
.padding-top-100 {
	padding-top: 100px;
}
.padding-bottom-change {
	padding-bottom: 50px;
}
.padding-top-change {
	padding-top: 50px;
}
.padding-change {
	padding-left: 25px;
}

.bg-stripes {
	background-image: url(/online/images/campaign/bg-lines.svg);
}

p.about-program {
	font-weight: 500;
	font-family: "Raleway";
    font-size: 16px;
}
/*NEW CSS*/
.text-34 {
	font-size: 34px;
}
.text-montserrat {
	font-family: 'Montserrat', sans-serif;
}
.text-valley-rise {
    color: #78be3f;
}

/*LISTS*/
.arrow {
    color: #275D38;
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
	margin-left: 2.7em;
	padding-left: 0;
	letter-spacing: 1.4px;
}
.arrow>li:before {
    color: #75B233 !important;
	position: absolute;
    left: -2em;
	top: -5px;
    width: 2em;
	font-size: 24px !important;
}
.arrow li {
    margin: 0px 0px 30px 0px;
}

.fa-ul.no-icon {
    margin-left: 10px !important;
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
    color: #275D38;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1.68px;
    margin-top: 30px;
}
.fa-ul>li {
	margin-bottom: 20px;
}
.fa-li {
    left: -55px;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
	color: #75B233;
    font-size: 30px;
}

/*--------------------------------CAMPAIGN BOX HEADER SECTION------------------------------------*/
.campaign-heading-greenbox {
    padding: 0;
    height: 450px;
    background-size: contain !important;
    display: flex;
    align-items: end;
    background-position: top;
}
.campaign-heading-greenbox > div {
    display: contents;
}
.campaign-heading-greenbox header {
	position: relative;
    color: #fff;
    width: 100%;
    background-color: #275d38;
    padding: 40px 10px;
}
.campaign-heading-greenbox header:before {
	content: "";
    background: url(/online/images/campaign/x-square.svg) no-repeat;
    position: absolute;
    width: 200px;
    background-size: 200px;
    left: 0;
    top: -45%;
    height: 120px;
}

.campaign-heading-greenbox h1 {
    padding-bottom: 10px;
    border-bottom: 3px solid #78BE48;
}
.campaign-heading-greenbox h2 {
    padding-top: 10px;
	font-size: 35px;
}
/*--------------------------------!END CAMPAIGN BOX HEADER SECTION---------------------------------------*/

/*--------------------------------ABOUT TOP SECTION------------------------------------*/
.about-program-top .apply-button {
    margin-left: 0;
    font-size: 28px;
    margin-bottom: 0;
	padding: 15px 20px;
}
/*--------------------------------!END ABOUT TOP SECTION---------------------------------------*/


/*--------------------------------DARKENED ENROLLMENT DEADLINES SECTION------------------------------------*/
.enrollment-deadlines-darkened {
	text-align: center;
}
.enrollment-deadlines-darkened .text-valley-rise {
	font-size: 42px;
}
.enrollment-deadlines-darkened [data-uvu-region="2"], .enrollment-deadlines-darkened [data-uvu-region="3"] {
    border-bottom: 1px solid #fff;
}
/*--------------------------------!END DARKENED ENROLLMENT DEADLINES SECTION---------------------------------------*/

/*--------------------------------ELONGATED ADMISSION REQUIREMENTS SECTION------------------------------------*/
.admission-requirements-elongated .fa-ul {
	margin-top: 0;
	margin-left: 1.5em !important;
	font-family: 'Rajdhani', sans-serif;
	font-size: 24px;
	font-weight: 400;
	color: #000;
	letter-spacing: normal;
}
.admission-requirements-elongated .fa-ul>li {
    margin-bottom: 0;
}
.admission-requirements-elongated .fa-ul li:first-child {
	margin-top: 0;
}
.admission-requirements-elongated .fa-ul .fa-li {
	top: 0;
}

.admission-requirements-elongated p.admission-image img {
    border-radius: 10px;
    box-shadow: 0px 3px 6px #00000029;
}
.admission-requirements-elongated p.admission-image {
    position: relative;
}
.admission-requirements-elongated p.admission-image:before {
	content: "";
    background: url(/online/images/campaign/lime-circle.png) no-repeat;
    position: absolute;
    background-size: 90px;
    width: 90px;
    left: -15px;
    bottom: -35px;
    height: 90px;
}
/*--------------------------------!END ELONGATED ADMISSION REQUIREMENTS SECTION---------------------------------------*/

/*--------------------------------DARKENED ADMISSION PROCESS SECTION------------------------------------*/
.admission-process-dark .photo-overlay {
	position: relative;
    padding: 0;
}
.admission-process-dark .photo-overlay p {
	margin: 0;
}
.admission-process-dark .photo-overlay:after {
    content: "";
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
    position: absolute;
    background-color: rgba(39, 93, 56, .85);
}
.admission-process-dark .photo-overlay h2 {
	color: #fff;
    text-align: center;
    z-index: 4;
	padding: 0px 5px;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    position: absolute;
    display: inline-block;
    align-items: center;
    margin: 0;
}
.admission-process-dark .photo-overlay img {
	height: 100%;
}
.admission-process-dark .right-content {
    padding: 20px 40px 40px;
}

.admission-process-dark .fa-ul {
    margin-left: 1.5em !important;
    font-family: 'Rajdhani', sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    letter-spacing: normal;
}
.admission-process-dark .fa-ul>li {
    margin-bottom: 0;
}
.admission-process-dark .fa-ul .fa-li {
	top: 0;
}
/*--------------------------------!END DARKENED ADMISSION PROCESS SECTION---------------------------------------*/

/*------------------------------------CAREER INFORMATION AND SALARY SECTION---------------------------------------------------*/
p.careers-img {
	z-index: 1;
    position: relative;
    text-align: center;
}
p.careers-img img {
	margin-left: 10px;
    border-radius: 50%;
    width: 80%;
}
p.careers-img:before {
	content: "";
    background: url(/online/images/programs/assets/circle-lines-green.png) no-repeat;
    position: absolute;
    width: 100%;
    background-size: contain;
    left: 3%;
    top: -3%;
    z-index: -1;
    height: 100%;
}

.fa-ul .fa-li {
    left: -33px;
    top: -5px;
    text-align: center;
    width: 1em;
    line-height: inherit;
    color: #75B233;
    font-size: 24px;
}

.salary-info-box {
    background-color: #00843d;
    padding: 30px;
}
.salary-info-box p {
    font-family: 'Rajdhani', sans-serif;
	text-align: center;
    color: #fff;
	text-transform: uppercase;
    font-weight: 500;
    font-size: 30px;
    margin: 0;
}

/*********GENERAL PAGE ONLY***********/
.general-benefits .careers-info p {
    color: #275D38;
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
    letter-spacing: 1.4px;
}
.general-benefits .salary-info-box p:first-child {
    font-size: 24px;
		margin-bottom: 10px;
}
.general-benefits .salary-info-box p {
	font-size: 20px;
	text-transform: none;
}

/*--------------------------------ONLINE PLUS CSS---------------------------------------*/
.online-plus-icon {
    background-color: #00843D;
    place-items: center;
    display: grid;
	margin-bottom: 20px;
}
.online-plus-icon img {
    width: 150px;
}

.online-plus-content {
    margin-top: 40px;
}
.online-plus-content .online-plus-program-requirements p {
	text-transform: uppercase;
    font-weight: 600;
    font-family: "Rajdhani";
    font-size: 22px;
    border-bottom: 3px solid #00843D;
	margin-bottom: 20px;
    padding-bottom: 10px;
}

/*--------------------------------!END ONLINE PLUS CSS---------------------------------------*/

/*------------------------------------GRAPHICS STYLING---------------------------------------------------*/
/*program info top section*/
.program-media {
	position: relative;
}
.program-media::before {
    position: absolute;
    background: url(/online/images/campaign/image-circle-lines-left.svg) no-repeat;
    background-size: 70%;
    left: -15px;
    top: 130px;
    width: 50%;
    height: 100%;
    z-index: -1;
    content: "";
}
.program-media::after {
	background: url(/online/images/campaign/x-square.svg) no-repeat;
	background-size: 70%;
    position: absolute;
    right: -80px;
    bottom: 20px;
    width: 50%;
    height: 100%;
    z-index: -1;
    content: "";
}


/*BADGES ON RIGHT HAND SIDE OF HEADER*/
.photo-header {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

img.onlineu {
    position: absolute;
    border: 1px solid #f9f9f9;
    border-radius: 4px;
    width: 98px;
    right: 10px;
    bottom: 10px;
}
img.forbes {
   position: absolute;
    width: 66px;
    right: 120px;
    bottom: 10px;
}

/*BUTTONS AND LINKS*/
.apply-button {
    border-radius: 8px;
    font-size: 34px;
    padding: 15px 20px 15px 40px;
    text-transform: unset;
    font-weight: bold;
	margin-left: 25px;
}
.apply-button-top {
	margin-left: 0;
	margin-top: 20px;
}
.apply-button span {
    font-size: 24px;
    margin-left: 40px;
}
.margin-top-20 {
	margin-top: 20px !important;
}

/*side by side buttons*/
.apply-blurb-left.new .apply-button, .apply-blurb-right.current .apply-button {
	font-size: 20px;
    padding: 20px;
	margin-top: 10px;
	margin-left: 0;
}
.apply-blurb-left.new h3, .apply-blurb-right.current h3 {
	font-size: 22px !important;
}

/*------------------------------------STEP INTO SECTION---------------------------------------------------*/
/*NEW CAMPAIGN PAGES MAY 2024*/
.step-into-heading {
    color: #000;
    font-family: 'Lato';
    font-weight: 600;
    font-size: 22px;
}

.step-into-box {
    background-color: #00843D;
    padding: 30px;
    position: relative;
    margin-bottom: 50px;
    box-shadow: 4px 4px 4px -2px rgba(0, 0, 0, 0.3);
}
.step-into-box:after {
	content: "";
    background: url(/online/images/campaign/square-stripes.png) no-repeat;
    background-size: 300px;
    z-index: -1;
    bottom: -15px;
    right: -10px;
    position: absolute;
    width: 300px;
    height: 100px;
}
.step-into-box h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 24px;
	font-weight: 500;
}
.step-into-photo p {
    position: relative;
	text-align: center;
	z-index: 0;
}
.step-into-photo p img {
    width: 80%;
    border-radius: 5px;
    transform: rotate(3deg);
    height: auto;
}
.step-into-photo p:before {
    background: url(/online/images/campaign/red-circle.svg) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 20px;
    top: 0;
    width: 60px;
    height: 60px;
    z-index: 4;
    content: "";
}
.step-into-photo p:after {
	background: url(/online/images/campaign/uvugreen-ladder.svg) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 70px;
    height: 100px;
    z-index: 4;
    content: "";
    transform: rotate(95deg);
}


/*------------------------------------STACKABLE SUCCESS SECTION---------------------------------------------------*/
.four-stackable-success .start {
    font-family: 'Rajdhani', sans-serif;
    text-transform: uppercase;
    font-size: 24px;
    padding-left: 5px;
    margin-bottom: 0;
    font-weight: bold;
}
.four-stackable-success .stackable-card {
    padding: 20px;
    color: #fff;
	transition: all 300ms;
    min-height: 230px;
}
.four-stackable-success .stackable-card h3 {
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    font-weight: 600;
	font-size: 28px;
}
.four-stackable-success .stackable-card h4 {
    font-family: "Lato";
    margin: 5px 0 0 0;
    color: #fff;
}
.four-stackable-success .stackable-card p {
    font-family: 'Rajdhani', sans-serif;
    font-size: 24px;
    font-weight: 500;
}

.four-stackable-success .stackable-card.certificate {
    background-color: #4ba23f;
}

.four-stackable-success .stackable-card.associate {
    background-color: #00843d;
}

.four-stackable-success .stackable-card.bachelor {
    background-color: #275d38;
}

.four-stackable-success .stackable-card:before {
    content: "";
    position: absolute;
    border: 100px solid;
    border-color: #fff transparent transparent transparent;
    border-width: 80px 70px 0 70px;
    right: 10px;
    top: 40px;
    z-index: 0;
}
.four-stackable-success .stackable-card.certificate:before {
	border: none;
}
.four-stackable-success .stackable-card:after {
    content: "";
    position: absolute;
    border: 100px solid;
    border-color: #fff transparent transparent transparent;
    border-width: 80px 70px 0 70px;
    right: 10px;
    bottom: -69px;
    z-index: 3;
}
.four-stackable-success .stackable-card.certificate:after {
	border-color: #4ba23f transparent transparent transparent;
}
.four-stackable-success .stackable-card.associate:after {
	border-color: #00843d transparent transparent transparent;
}
.four-stackable-success .stackable-card.bachelor:after {
	border: none;
}

/*CRIMINAL JUSTICE ONLY*/
.four-stackable-success .stackable-card.cj-bachelor-two:before {
    border: none !important;
}
.four-stackable-success .stackable-card.cj-bachelor-one:after {
    background: #275d38;
    width: 80px;
    height: 100px;
    bottom: -70px;
	z-index: 0;
    right: 15px;
}
.four-stackable-success .stackable-card .bachelor-or {
    z-index: 3;
    position: absolute;
    font-size: 24px;
    font-weight: 600;
    bottom: -45px;
    right: 40px;
}

.four-stackable-success {
    width: 80%;
    margin: 0 auto;
}

/*PROFESSIONAL SALES ONLY*/
.professional-sales .four-stackable-success .stackable-card.associate:after {
	display: none !important;
}
.professional-sales .four-stackable-success .stackable-card {
	padding-right: 100px;
}

/*--------------------------HEADING STYLES---------------------------------*/
.shadow-heading {
    text-shadow: 0px 3px 6px #00000029;
}

.bold-heading {
    font-family: 'Montserrat', sans-serif;
    font-size: 38px;
	color: #275D38;
    font-weight: 900;
    margin-bottom: 0px;
    letter-spacing: 0px;
}

.small-bold-heading {
	font-family: 'Montserrat', sans-serif;
    margin-top: 10px;
    font-weight: 700;
	color: #00843d;
    text-transform: uppercase;
	font-size: 28px;
	letter-spacing: 0px;
}

.light-heading {
    font-size: 24px;
    color: #000;
    font-weight: 600;
	margin-top: 10px;
}

/*this needs to go after light-heading to match design, overrides black color on headings*/
.light-green-heading {
    color: #000;
    font-size: 30px;
	font-weight: 600;
	margin-top: 10px;
}
.program-name-heading {
    margin-top: 0px;
}

/*------------------------------"CAREERS IN" SECTION-----------------------------------*/
/*careers in section border img*/
.career-img img {
	border-radius: 5px;
}
.career-img:before {
	width: 95%;
    z-index: 1;
    height: 85%;
    border-radius: 5px;
    left: 10px;
    top: 10px;
    content: "";
    border: 1px solid #5A9D2C;
    position: absolute;
}
.career-img:after {
    width: 93%;
    z-index: 1;
    height: 85%;
    border-radius: 5px;
    left: 20px;
    top: 20px;
    content: "";
    border: 1px solid #fff;
    position: absolute;
}




/*------------------------------"EARNINGS" SECTION-----------------------------------*/
.image-lines {
	position: relative;
	padding-top: 40px;
    text-align: center;
	z-index: 2;
}
.image-lines img {
	width: 80%;
	transform: rotate(-3deg);
    height: 100%;
	border-radius: 5px;
}
.image-lines::before {
	background: url(/online/images/campaign/image-lines-left.svg) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 20px;
    bottom: -10px;
    width: 50%;
    height: 55%;
    z-index: -1;
    content: "";
}
.image-lines::after {
    content: "";
    position: absolute;
    width: 70px;
    bottom: -10px;
    z-index: -1;
    height: 70px;
    background-color: #62A4A7;
    right: 10px;
}

/*------------------------------"TRENDS" SECTION-----------------------------------*/
.trends-img {
    position: relative;
    padding-top: 40px;
    z-index: 2;
    text-align: center;
}
.trends-img img {
    width: 80%;
    height: 100%;
    border-radius: 5px;
    transform: rotate(3deg);
}
.trends-img::before {
	background: url(/online/images/campaign/red-circle.svg) no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 100px;
    width: 60px;
    height: 60px;
    z-index: 4;
    content: "";
}
.trends-img::after {
	background: url(/online/images/campaign/uvugreen-ladder.svg) no-repeat;
    background-size: 100%;
    position: absolute;
    right: 5%;
    bottom: -10%;
    width: 70px;
    height: 100px;
    z-index: 4;
    content: "";
    transform: rotate(5deg);
}


/*---------------------------------------------------APPLY SECTION-------------------------------------------------------*/
/*NEXT START DATE SECTION*/
.start-date-box {
    padding-top: 80px;
    padding-bottom: 20px;
    padding-left: 25px;
}
.start-date-box .start-date {
    position: absolute;
    top: 50px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 34px;
    color: #000;
}
.start-date .start-date-date {
    color: #fff;
    padding: 5px 10px;
    background-color: #78be48;
    font-family: 'Rajdhani', sans-serif;
    font-size: 36px;
    display: inline-block;
    margin-top: 5px;
}

.apply-blurb-left {
	position: relative;
}
.apply-blurb-left::before {
    position: absolute;
    background: url(/online/images/campaign/ladder-left.svg) no-repeat;
    background-size: 70px;
    left: 20px;
    top: -50px;
    width: 200px;
    height: 200px;
    content: "";
}

.apply-blurb-right {
	position: relative;
}
.apply-blurb-right::after {
	background: url(/online/images/campaign/ladder-right.svg) no-repeat;
    background-size: 70px;
    position: absolute;
    right: -110px;
    bottom: -200px;
    width: 200px;
    height: 200px;
    content: "";
}

.program-button {
	font-size: 22px;
    margin: 40px 20px 0;
    display: flex;
    border-radius: 0;
    align-items: center;
    padding: 15px 10px 15px 15px;
    justify-content: space-between;
    text-transform: unset;
    font-weight: bold;
}

/*------------------------------------PROGRAM LISTS---------------------------------------------------*/
.program-list {
	padding: 0;
}
.program-list .card-content-content {
    padding: 25px 20px 20px;
}

.program-list .card-content-content a {
    margin-top: 0;
	font-weight: bold;
    align-items: center;
    display: flex;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 5px;
    position: relative;
    margin-bottom: 5px;
}
.program-list .card-content-content a span {
	    margin-left: 10px !important;
}
.program-list .card-content-photo {
    display: none;
}

/*--------------------------------DEGREE LIST SECTIONS------------------------------------*/
.uvu-online-healthcare-degrees .degree-list .about-program {
    font-size: 18px;
}

/*------------------------------------NEWSWEEK BADGE---------------------------------------------------*/
.newsweek-badge h2 {
	font-size: 34px;
	text-align: center;
}
.newsweek-badge .bigger-heading {
	font-size: 42px;
    letter-spacing: 0.3px;
}
.newsweek-badge .smaller-heading {
	font-size: 32px;
    letter-spacing: 0.3px;
}
.newsweek-badge .row {
    display: flex;
    flex-direction: column-reverse;
}

/*End mobile and up styles*/
/* ====================== Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 768px) {
	/*--------------------------------CAMPAIGN BOX HEADER SECTION------------------------------------*/
	.campaign-heading-greenbox {
		display: block;
		height: 300px;
		background-position: right;
		position: relative;
		background-size: 70% !important;
		background-repeat: no-repeat;
	}
	.campaign-heading-greenbox header {
		text-align: center;
		border-radius: 8px;
		width: 55%;
		bottom: -30px;
		left: 20px;
		position: absolute;
		padding: 60px 20px;
	}
	.campaign-heading-greenbox header:before {
		left: -12px;
		z-index: -1;
		height: 200px;
	}
	
	.campaign-heading-greenbox h1 {
		font-size: 36px !important;
	}
	/*--------------------------------!END CAMPAIGN BOX HEADER SECTION------------------------------------*/
	
	/*--------------------------------ABOUT TOP SECTION------------------------------------*/
	.about-program-top [data-uvu-region="1"] {
   	 	text-align: right;
	}
	.about-program-top .apply {
		text-align: center;
	}
	.about-program-top .apply-button {
		margin-top: 0;
	}
	/*--------------------------------!END ABOUT TOP SECTION---------------------------------------*/
	
	/*--------------------------------DARKENED ENROLLMENT DEADLINES SECTION------------------------------------*/
	.enrollment-deadlines-darkened [data-uvu-region="2"], .enrollment-deadlines-darkened [data-uvu-region="3"] {
		border-bottom: none;
		border-right: 1px solid #fff;
	}
/*--------------------------------!END DARKENED ENROLLMENT DEADLINES SECTION---------------------------------------*/
	
	/*------------------------------------STEP INTO SECTION---------------------------------------------------*/
	/*NEW CAMPAIGN PAGES MAY 2024*/
	
	.step-into-outer {
		position: absolute;
		left: -100px;
		bottom: 50px;
		right: 20px;
		z-index: 5;
	}
	.step-into-box {
		margin-bottom: unset;
	}
	.step-into-box:after {
		background-size: 300px;
		width: 300px;
		height: 100px;
	}
	
	/*--------------------------------ONLINE PLUS CSS---------------------------------------*/
	.online-plus-info > * {
		margin-left: 20px;
	}
	.online-plus-icon.bg-forest img {
		width: 200px;
	}
	
	/*------------------------------------CAREER INFORMATION AND SALARY SECTION---------------------------------------------------*/
	p.careers-img {
		margin-top: 25px;
		margin-bottom: 15px;
	}
	p.careers-img:before {
		left: -1%;
		top: -6%;
	}
	p.careers-img img {
		width: 90%;
	}
	
	.salary-info-box {
		padding: 20px;
		position: absolute;
		top: 0px;
		right: 25px;
		width: 500px;
	}
	
	/*GENERAL AND MASTER PAGES ONLY*/
	.general-benefits .salary-info-box {
		position: relative;
		right: 0;
		left: 0;
		width: 100%;
	}
	
	.salary-source {
		margin-top: 100px;
	}
	.general-benefits .salary-source {
		margin-top: 40px;
	}
	
	/*SPECIFIC PROGRAM PAGES ONLY*/
	.specific-program-salary .salary-info-box {
		top: -20px;
		z-index: 1;
	}
	
	/*------------------------------STACKABLE SUCCESS SECTION-----------------------------------*/
	.four-stackable-success {
		width: 90%;
	}
	.four-stackable-success .stackable-card:after {
		border-color: transparent #fff transparent transparent;
		border-width: 80px 70px 70px 0;
		transform: rotate(180deg);
		right: -45px;
		bottom: 10px;
		z-index: 5;
	}
	.four-stackable-success .stackable-card:before {
		border-color: transparent #fff transparent transparent;
		border-width: 80px 70px 70px 0;
		transform: rotate(180deg);
		left: 0px;
		bottom: 10px;
		z-index: 1;
		right: unset;
		top: unset;
	}
	.four-stackable-success .stackable-card.certificate:after {
		border-color: transparent #4ba23f transparent transparent;
	}
	.four-stackable-success .stackable-card.associate:after {
		border: none;
	}
	.four-stackable-success .stackable-card.bachelor:after, .four-stackable-success .stackable-card.bachelor:before {
		border: none;
	}
	
	/*CRIMINAL JUSTICE ONLY*/
	.four-stackable-success .stackable-card .bachelor-or {
		font-size: 22px;
		bottom: 60px;
		right: -12px;
	}
	
	.four-stackable-success .stackable-card.cj-bachelor-one:after {
		bottom: 50px;
		right: -10px;
		height: 70px;
	}
	
	/*PROFESSIONAL SALES ONLY*/
	.professional-sales .four-stackable-success {
		width: 80%;
	}
	.professional-sales .four-stackable-success .stackable-card {
		padding-right: 20px;
		min-height: 260px;
	}
	
	/*--------------------------"EARNINGS" SECTION-------------------------*/
	.earnings-padding-change {
		padding-top: 100px;
	}
	
	
	/*------------------------------GENERAL CSS-----------------------------------*/
	.padding-bottom-change {
		padding-bottom: 0px;
	}
	.light-heading {
		font-size: 28px;
	}
		
	/*APPLY BUTTON*/
	.apply-button {
		margin-top: 60px;
	}
	.apply-button-top {
		margin-top: 20px;
	}
	
	/*LISTS*/
	.fa-li {
	    top: -0.2em;
	}
	
	/*------------------------------------PROGRAM LISTS---------------------------------------------------*/
	.program-list {
		display: flex;
		align-items: center;
	}
	.program-list .card-content-photo {
		display: block;
	}
	.program-list .card-content-photo {
		flex: 2;
		height: 200px !important;
	}
	.program-list .card-content-photo img {
		object-fit: cover;
		height: 100%;
		width: 100%;
	}
	.program-list .card-content-content {
		flex: 4;
	}
	.browse-programs .bold-heading {
		text-align: center;
	}
	
	/*--------------------------------DEGREE LIST SECTIONS------------------------------------*/
	.degree-list .fa-ul {
		column-count: 2;
	}
	.degree-list .fa-ul>li {
		margin-top: 0;
		margin-right: 40px;
	}
	.degree-list .bold-heading {
		text-align: center;
	}
	
	.uvu-online-healthcare-degrees .degree-list .fa-ul {
		        column-count: 1;
	}
	
	/*------------------------------------NEWSWEEK BADGE---------------------------------------------------*/
	.newsweek-badge h2 {
		font-size: 30px;
		text-align: left;
	}
	.newsweek-badge .bigger-heading {
		font-size: 38px;
	}
	.newsweek-badge .smaller-heading {
		font-size: 28px;
	}
	.newsweek-badge .row {
		flex-direction: unset;
	}
	
	/*side by side buttons*/
	.apply-blurb-right.current .padding-change {
		padding-left: 0;
	}
	
}/*end media query*/
/*End tablet and up styles*/
/* ====================== Landscape Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 992px) {
	/*--------------------------------CAMPAIGN BOX HEADER SECTION------------------------------------*/
	.campaign-heading-greenbox header:before {
		background-size: 280px;
		height: 280px;
		width: 280px;
		top: -30%;
	}
	/*--------------------------------!END CAMPAIGN BOX HEADER SECTION------------------------------------*/
	
	/*--------------------------------ABOUT TOP SECTION------------------------------------*/
	.about-program-top .apply {
        margin-left: 30px;
        margin-top: 15px;
    }
	.about-program-top [data-uvu-region="1"] h2 {
		padding-right: 40px;
	}
	/*--------------------------------!END ABOUT TOP SECTION---------------------------------------*/
	
	/*--------------------------------ELONGATED ADMISSION REQUIREMENTS SECTION------------------------------------*/
	.admission-process-dark .right-content {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.admission-process-dark .photo-overlay img {
		height: 350px;
		width: 100%;
		object-fit: cover;
	}
	/*--------------------------------!END ELONGATED ADMISSION REQUIREMENTS SECTION------------------------------------*/
	
	/*------------------------------------CAREER INFORMATION AND SALARY SECTION---------------------------------------------------*/
	p.careers-img {
		margin-bottom: 0;
		margin-top: 35px;
	}
	.salary-info-box {
        right: 100px;
        width: 600px;
	}
	.salary-source {
		margin-top: 100px;
	}
	
	.careers-info {
		margin-top: 80px;
	}
	
	/*GENERAL AND MASTER PAGES ONLY*/
	.general-benefits .salary-info-box {
		width: 900px;
		position: absolute;
		right: 10px;
		left: unset;
	}
	
	.general-benefits .salary-source {
		        margin-top: 170px;
	}
	.general-benefits.masters .salary-source {
		margin-top: 200px;
	}
	
	/*SPECIFIC PROGRAM PAGES ONLY*/
	.specific-program-salary .salary-info-box {
		top: -10px;
	}
	
	/*--------------------------------ONLINE PLUS CSS---------------------------------------*/
	.online-plus-info > * {
		margin-left: 20px;
	}
	.online-plus-program-requirements {
		text-align: right;
		border-right: 3px solid #00843D;
		margin-right: 20px;
	}
	.online-plus-content {
		display: flex;
	}
	.online-plus-icon img {
		width: 200px;
	}
	.online-plus-content .online-plus-program-requirements p {
		border-bottom: 0;
		margin-bottom: 0;
		padding-bottom: 0;
		margin-right: 20px;
	}
	.online-plus-icon {
		border-radius: 25% 0 0 25%;
	}
	.flex-2 {
		flex: 2;
	}
	.flex-10 {
		flex: 10;
	}
	.flex-3 {
		flex: 3;
	}
	.flex-8 {
		flex: 8;
	}
	
	
	/*------------------------------------APPLY NOW SECTION---------------------------------------------------*/
	.start-date-box {
		padding-left: 60px;
	}
	.start-date-box .start-date-img img {
		width: 350px;
	}
	.program-button {
		margin: 40px 0 0 60px;
	}
	.start-date-box .start-date {
		top: 40px;
	}
	
	/*------------------------------------STEP INTO SECTION---------------------------------------------------*/
	.step-into-box:after {
		background-size: 450px;
		width: 450px;
		height: 100px;
	}
	.step-into-outer {
		right: 40px;
		left: -60px;
	}
	.step-into-photo p {
		text-align: right;
	}
	.step-into-photo p:before {
		left: 40px;
	}
	.step-into-photo p:after {
		left: 20px;
	}
	
	/*------------------------------GENERAL CSS-----------------------------------*/
	.padding-change {
		padding-left: 60px;
	}
	.bold-heading {
    	font-size: 46px;
	}
	.light-heading {
		font-size: 30px;
	}
	.light-green-heading {
    	font-size: 35px;
	}

	/*BADGES ON RIGHT HAND SIDE OF HEADER*/
	img.onlineu {
		width: 113px;
	}
	img.forbes {
		width: 76px;
        right: 136px;
	}
	
	/*------------------------------STACKABLE SUCCESS SECTION-----------------------------------*/
	.four-stackable-success .stackable-card h3 {
		font-size: 32px;
	}
	.four-stackable-success .stackable-card h4 {
		font-size: 20px;
	}
	.four-stackable-success .stackable-card.associate:after {
		border: 100px solid;
		border-color: transparent #00843d transparent transparent;
		border-width: 80px 70px 70px 0;
	}
	.four-stackable-success .stackable-card.bachelor:before {
		border: 100px solid;
		border-color: transparent #fff transparent transparent;
		border-width: 80px 70px 70px 0;
	}
	/*PROFESSIONAL SALES ONLY*/
	.professional-sales .four-stackable-success .stackable-card {
		min-height: 240px;
	}
	
	/*--------------------------------DEGREE LIST SECTIONS------------------------------------*/
	.degree-list .fa-ul.long-list {
        column-count: 3;
        margin-left: 100px !important;
    }
	
	/*------------------------------------NEWSWEEK BADGE---------------------------------------------------*/
	.newsweek-badge h2 {
		font-size: 32px;
		margin-top: 40px;
	}
	.newsweek-badge .bigger-heading {
		font-size: 46px;
	}
	.newsweek-badge .smaller-heading {
		font-size: 30px;
	}
	
}/*end media query*/
/*End landscape tablet and up styles*/
/* ====================== Desktop Only (Overrides Mobile and Tablet Styles) ========================== */
@media only screen and (min-width: 1150px) {
	/*BADGES ON RIGHT HAND SIDE OF HEADER*/
	img.onlineu {
		width: 135px;
        right: 15px;
        bottom: 15px;
	}
	img.forbes {
		width: 90px;
        right: 165px;
        bottom: 15px;
	}
	/*------------------------------------STEP INTO SECTION---------------------------------------------------*/
	.step-into-photo p:before {
		width: 70px;
		height: 70px;
	}
	.step-into-photo p:after {
		    width: 80px;
	}
	.step-into-box:after {
		background-size: 500px;
		width: 500px;
	}
	.step-into-box {
		padding: 35px 20px 35px 50px;
	}
	.step-into-outer {
		left: -90px;
	}
	
	/*--------------------------------ABOUT TOP SECTION------------------------------------*/
	.about-program-top .apply {
		text-align: left;
	}
	.about-program-top [data-uvu-region="2"] {
		padding-left: 0;
	}
	/*--------------------------------!END ABOUT TOP SECTION---------------------------------------*/
	
	/*--------------------------------CAMPAIGN BOX HEADER SECTION------------------------------------*/
	.campaign-heading-greenbox {
		height: 400px;
	}
	.campaign-heading-greenbox header {
		width: 35%;
		padding: 50px;
		left: 50px;
	}
	.campaign-heading-greenbox header:before {
		background-size: 310px;
		height: 310px;
		width: 310px;
		left: -20px;
	}
	/*--------------------------------!END CAMPAIGN BOX HEADER SECTION------------------------------------*/
	
	/*--------------------------------ELONGATED ADMISSION REQUIREMENTS SECTION------------------------------------*/
	.admission-requirements-elongated .fa-ul {
		margin-top: 20px;
	}
	.admission-requirements-elongated p.admission-image:before {
		background-size: 150px;
		width: 150px;
		left: -30px;
		bottom: -55px;
		height: 150px;
	}
	/*--------------------------------!END ELONGATED ADMISSION REQUIREMENTS SECTION---------------------------------------*/
	
	/*--------------------------------DARKENED ENROLLMENT DEADLINES SECTION------------------------------------*/
	.enrollment-deadlines-darkened .region {
		height: 160px;
	}
	.enrollment-deadlines-darkened [data-uvu-region="1"] {
		border-right: 1px solid #fff;
	}
	/*--------------------------------!END DARKENED ENROLLMENT DEADLINES SECTION---------------------------------------*/
	
	/*------------------------------------CAREER INFORMATION AND SALARY SECTION---------------------------------------------------*/
	.fa-ul li {
		margin-bottom: 15px;
	}
	.salary-info-box {
		width: 700px;
	}
	
	/*********GENERAL PAGE ONLY***********/
	.general-benefits .salary-info-box p:first-child {
		font-size: 28px;
	}
	.general-benefits .salary-info-box p {
		font-size: 22px;
	}
	
	.general-benefits .salary-info-box {
		top: -100px;
        z-index: 1;
	}
	.general-benefits .salary-source {
        margin-top: 80px;
    }
	.general-benefits.masters .salary-source {
		margin-top: 110px;
	}
	.general-benefits .salary-info-box {
		width: 1000px;
	}
	
	/*SPECIFIC PROGRAM PAGES ONLY*/
	.specific-program-salary .salary-info-box {
		top: -90px;
	}
	
	/*------------------------------STACKABLE SUCCESS SECTION-----------------------------------*/
	.four-stackable-success {
		width: 95%;
	}
	
	/*--------------------------PROGRAM INFO SECTION-------------------------*/
	.program-media::before {
		background-size: 180px;
		left: -40px;
		top: 200px;
		width: 300px;
		height: 300px;
	}
	.program-media::after {
		background-size: 180px;
		right: -150px;
		bottom: 70px;
		width: 300px;
		height: 300px;
	}
	
	/*------------------------------GENERAL CSS-----------------------------------*/
	.padding-bottom-change {
		padding-bottom: 20px;
	}
	.padding-top-change {
		padding-top: 100px;
	}
	.apply-blurb-left::before {
		left: 10px;
	}
	/*LISTS*/
	.fa-ul {
		margin-left: 80px !important;
	}
	.fa-ul>li {
		margin-bottom: 30px;
	}
	
	/*--------------------------"EARNINGS" SECTION-------------------------*/
	.trends-padding-change {
		padding-left: 70px;
        padding-top: 40px;
        padding-right: 0;
	}
	.trends-img::after {
		width: 80px;
	}
	.trends-img::before {
		width: 70px;
		height: 70px;
	}
	
	/*--------------------------"TRENDS" SECTION-------------------------*/
	.earnings-padding-change {
        padding-top: 150px;
    }
	
	/*--------------------------"CAREERS IN" SECTION-------------------------*/
	.career-img:before {
		width: 95%;
		height: 91%;
	}
	.career-img:after {
		width: 96%;
		height: 95%;
	}
	
	/*--------------------------APPLY NOW SECTION-------------------------*/
	.start-date-box {
    padding-left: 100px;
}
	.start-date-box .start-date {
		font-size: 36px;
	}
	.start-date .start-date-date {
		font-size: 38px;
	}
	
	.program-button {
		margin: 40px 40px 0 60px;
	}
	.apply-button {
		font-size: 40px;
	}
	
	/*--------------------------------DEGREE LIST SECTIONS------------------------------------*/
	.degree-list .fa-ul {
        margin-left: 140px !important;
    }
	.uvu-online-healthcare-degrees .degree-list .about-program {
		margin-left: 90px;
		font-size: 20px;
	}
	
	/*------------------------------------PROGRAM LISTS---------------------------------------------------*/
	.program-list .card-content-photo {
		flex: 1.5;
	}
	
	/*------------------------------------NEWSWEEK BADGE---------------------------------------------------*/
	.newsweek-badge h2 {
		font-size: 34px;
		margin-top: 50px;
	}
	.newsweek-badge .bigger-heading {
		font-size: 50px;
	}
	.newsweek-badge .smaller-heading {
		font-size: 32px;
	}
	
	/*side by side buttons*/
	.apply-blurb-left.new .padding-change {
        padding-left: 100px;
    }
	.apply-blurb-left.new .apply-button, .apply-blurb-right.current .apply-button {
		font-size: 24px;
	}
	
}/*end media query*/
@media only screen and (min-width: 1600px) {
	/*--------------------------------CAMPAIGN BOX HEADER SECTION------------------------------------*/
	.campaign-heading-greenbox {
        height: 450px;
    }
	.campaign-heading-greenbox header {
		padding: 60px;
		width: 30%;
	}
	.campaign-heading-greenbox header:before {
        background-size: 330px;
        height: 330px;
        width: 330px;
        left: -25px;
    }
	
	/*--------------------------------!END CAMPAIGN BOX HEADER SECTION------------------------------------*/
	
}/*end media query*/
@media only screen and (min-width: 1350px) {
	.campaign-heading-greenbox {
		background-size: 80% !important;
	}
}/*end media query*/