/* 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 ========================== */
/*--------------------------------PROGRAM HOMEPAGE CSS---------------------------------------*/
.accreditation-home .accreditation-badges {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    place-items: center;
    grid-gap: 50px;
    margin: 0 auto;
}
.accreditation-home .accreditation-badges img {
    width: 100%;
}

.program-home-header {
	min-height: 350px;
    padding: 0;
}
.program-home-header header {
	padding: 0 !important;
}
.program-home-header h1 {
	margin-top: 100px;
}
.program-home-header .header-buttons {
    margin-top: 30px;
}

/*ONLINEU badge on right hand side*/
p.online-badge img {
    width: 70px;
    height: 100px;
}
p.online-badge {
    position: absolute;
    left: 0;
    top: -40px;
}
/*NEW BADGES 2026*/
.onlineu-badge-container p:first-child {
	margin-bottom: 20px;
}
/*forbes best*/
p.forbes-badge {
        position: absolute;
    left: 60px;
    top: -37px;
}
p.forbes-badge img {
    width: 100px;
    height: 90px;
}

/*program cards*/
.program-card {
    background-color: #fff;
    padding: 0px;
}
.program-card .card-content-content {
    padding: 20px;
}
.program-card .card-content-content a {
    margin-top: 0;
    justify-content: space-between;
    display: flex;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 5px;
    position: relative;
    margin-bottom: 5px;
}
.program-card .card-content-photo {
    position: relative;
}
.program-card .card-content-photo:before {
    content: "";
    bottom: -30px;
    z-index: 4;
    left: 50%;
    left: 50%;
    transform: translate(-50%, -0%);
    align-items: center;
    justify-content: center;
    display: flex;
    font-weight: 500;
    height: 60px;
    width: 60px;
    font-size: 25px;
    border-radius: 50%;
    position: absolute;
    color: #fff;
    background-color: #78BE48;
    font-family: "Font Awesome 5 Pro";
}
.program-card.find .card-content-photo::before {
	content: "\f002";
}
.program-card.advance .card-content-photo::before {
	content: "\f085";
}
.program-card.explore .card-content-photo::before {
	content: "\f672";
}

/*=======================================INDIVIDUAL PROGRAM PAGES CSS========================================*/
.bg-grey {
	background-color: #efefef;
}
/*--------------------------------HEADER CSS---------------------------------------*/
.page-header {
    height: 200px;
	position: relative;
}
.program-header {
    padding: 10px 0;
    text-align: center;
    background-color: #275D38;
}
.program-header h1 {
    color: #fff;
}
.program-header .button-dark {
	border: 3px solid #fff;
}
.program-header .button-dark:hover {
	border: 3px solid #275D38;
}

/*--------------------------------PROGRAM DESCRIPTION CSS---------------------------------------*/
.description-list li::marker, .program-learn-list li::marker {
    color: #275d38;
    font-size: 18px;
}

/*--------------------------------ONLINE PLUS CSS---------------------------------------*/
.display-grid.place-center {
	display: grid;
	place-items: center;
}
.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;
}

/*--------------------------------CAREERS CSS---------------------------------------*/
p.careers-img {
    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: -4px;
    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;
}

/*--------------------------------STACKABLE SUCCESS CSS---------------------------------------*/
.four-stackable-success .transform-grid-cell {
    width: 80%;
    margin: 0 auto;
}
.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 80px 20px 20px;
    color: #fff;
	transition: all 300ms;
    min-height: 250px;
}
.four-stackable-success .stackable-card h3 {
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    font-weight: 600;
}
.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: 18px;
    font-weight: 500;
}

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

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

.four-stackable-success .stackable-card.bachelor {
    background-color: #1E482C;
}

.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: #00843d transparent transparent transparent;
}
.four-stackable-success .stackable-card.associate:after {
	border-color: #275d38 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: #1E482C;
    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;
}

/*AVIATION PAGE ONLY*/
.online-aviation-degrees .four-stackable-success .stackable-card:before {
	top: 10px;
}

/*--------------------------------DEGREE OPTIONS CSS---------------------------------------*/
.degree-option-header {
	margin-bottom: 20px;
}
.degree-option-box {
    min-height: 120px;
    width: 90%;
	padding: 0 10px;
    margin: 0 auto;
    background-color: #f9f9f9;
    margin-bottom: 40px;
    border: 1px solid #e8e8e8;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.degree-option-box .white-icon {
	top: -34px;
}
.degree-option-box .certificate-type {
    font-size: 18px;
    display: block;
}
/*HOVER STATE*/
.degree-option-box:hover .white-icon {
    background-color: #00843d;
}
.degree-option-box h3 a {
    font-weight: 500;
    color: #275d38;
	text-decoration: none;
    font-size: 22px;
    text-align: center;
}

/********SUDC PAGE********/
.online-substance-counseling-degrees .degree-option-box {
	min-height: 150px;
}

/********NURSING PAGE********/
.online-rn-and-bsn-degrees .certificate-combined-section .button-solid {
    padding: 20px 30px 20px 20px;
    text-transform: uppercase;
}

/*--------------------------------SPOTLIGHT CSS---------------------------------------*/
.bg-spotlight {
    background: linear-gradient(0deg, #275d38 50%, #00843D 50%);
    color: #fff;
	position: relative;
	z-index: 1;
}

.bg-spotlight:after {
	content: "";
    position: absolute;
    background: url(/online/images/programs/assets/spotlight-circles.png) no-repeat;
    background-size: 200px;
    width: 200px;
    height: 200px;
    z-index: -1;
    bottom: 150px;
}

.card-spotlight .spotlight-name {
    color: #fff;
    text-align: center;
    font-weight: 600;
}
.card-spotlight p {
    font-size: 16px;
    text-align: center;
	font-weight: light;
}

.bg-spotlight .slick-arrow:before {
	text-shadow: none !important;
	color: #fff !important;
}

/*--------------------------------TUITION CSS---------------------------------------*/
.tuition-grid .accordion-grid {
	margin-top: 10px;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	grid-gap: 0;
}
.tuition-grid .accordion-grid figure {
	min-height: 150px;
	outline: none;
	background-color: #f9f9f9;
	margin-bottom: 40px;
    border: 1px solid #e8e8e8;
	color: #000;
	width: 90%;
    margin: 20px auto;
}
/*override for grey tuition blocks*/
.bg-grey .tuition-grid .accordion-grid figure, .bg-grey .tuition-grid .accordion-grid figcaption, .bg-grey .tuition-grid .accordion-content {
	background-color: #fff;
}
.bg-grey .tuition-grid .accordion-grid figure.open::after {
	border-color: transparent transparent #fff;
}
.tuition-grid .accordion-grid figcaption {
    background-color: #f9f9f9;
	position: relative;
	height: 100px;
}
.white-icon {
    border-radius: 50%;
    width: 70px;
    background-color: #78BE48;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    margin: 0 auto;
    left: 0;
    top: -57px;
    right: 0;
}
.white-icon img {
    width: 55px;
    height: 55px;
}
.tuition-grid .accordion-grid figcaption h3 {
   font-weight: 500;
    color: #275d38;
    font-size: 23px;
    padding: 0 10px;
    text-align: center;
}
.tuition-grid .accordion-grid figure.open::after {
	border-color: transparent transparent #f9f9f9;
}
/*GRADUATE TUITION SINGLE BOX*/
.tuition-box {
    min-height: 120px;
    width: 90%;
	padding: 0 10px;
    margin: 0 auto;
    background-color: #f9f9f9;
    border: 1px solid #e8e8e8;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tuition-box .white-icon {
	top: -34px;
}
.tuition-box h3 a {
    font-weight: 500;
    color: #275d38;
	text-decoration: none;
    font-size: 23px;
    text-align: center;
}
.tuition-box:hover .white-icon {
    background-color: #00843d;
}

/*HOVER STATE*/
.accordion-grid figure:hover .white-icon {
    background-color: #00843d;
}
.tuition-grid .accordion-content {
	margin-bottom: 40px;
    border-radius: 0;
    padding: 20px;
    width: 90%;
    margin: 0px auto 20px;
    background-color: #f9f9f9;
}
.tuition-grid .accordion-content p {
    text-align: center;
}

/*--------------------------------CPL STATEMENT CSS---------------------------------------*/
.cpl-section {
	position: relative;
    padding-bottom: 80px;
    padding-top: 50px;
}
.cpl-statement-box {
	color: #fff;
    background-color: rgba(0, 132, 61, 0.9);
    padding: 30px;
	position: relative;
}

/*-------------------------------------IMPORTANT INFORMATION SECTION----------------------------------*/
.program-details-date:before {
    content: "";
    top: -208px;
    left: 0px;
    width: 100%;
    transform: rotateX(180deg);
    height: 100%;
    position: absolute;
    background: url(/online/images/assets/ladder.svg) no-repeat;
}
.program-details-date:after {
    content: '';
    position: absolute;
    width: 80px;
    height: 80px;
    right: 0;
    z-index: 1;
    bottom: -25px;
    background-color: #86C6B9;
}
.program-details-date {
    position: relative;
    padding: 50px 30px 100px 30px;
    margin-bottom: 20px;
    background-color: #275D38;
}
.program-start-date {
    text-align: center;
}
.program-start-date h2 {
    color: #fff;
    font-weight: 500;
    font-size: 45px;
}
.program-start-date p {
    background-color: #fff;
    padding: 10px;
    font-size: 21px;
    font-weight: 200;
    margin-top: 15px;
}

/*--------------------------------REQUEST INFO CSS---------------------------------------*/
#request-info h2 strong {
    font-size: 42px;
}

/*End mobile and up styles*/
/* ====================== Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 768px) {
	/*--------------------------------PROGRAM HOMEPAGE CSS---------------------------------------*/
	.program-home-header h1 {
		font-size: 40px !important;
	}
	.program-home-header .header-buttons {
		width: 80%;
	}
	
	/*--------------------------------HEADER CSS---------------------------------------*/
	/*badges on right side*/
	p.forbes-badge {
		left: 100px;
		top: -35px;
	}
	p.online-badge img {
		width: 100px;
    	height: 140px;
	}
	p.forbes-badge img {
		width: 120px;
    	height: 130px;
	}
	/*NEW BADGES 2026*/
	.onlineu-badge-container {
		display: flex;
	}
	.onlineu-badge-container img {
		width: 150px;
	}
	.onlineu-badge-container p:first-child {
		margin-bottom: 0;
		margin-right: 40px;
	}
	
	[data-uvu-section="2"] [data-uvu-region="1"] {
		text-align: center;
	}
	[data-uvu-section="2"] .row {
		display: flex;
		align-items: center;
	}
	
	.page-header {
    	height: 250px;
	}
	.program-header [data-uvu-region="header"] {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.program-header p {
		flex: 1;
	}
	.program-header h1 {
		text-align: left;
		flex: 3;
		margin: 0;
		color: #fff;
	}
	
	/*--------------------------------PROGRAM DESCRIPTION CSS---------------------------------------*/
	.description-list {
		columns: 2;
	}
	.description-list li {
		margin: 0 0 10px;
		-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
		page-break-inside: avoid; /* Firefox */
		break-inside: avoid;
	}
	
	/*--------------------------------ONLINE PLUS CSS---------------------------------------*/
	.online-plus-info > * {
		margin-left: 20px;
	}
	.online-plus-icon.bg-forest img {
		width: 200px;
	}
	
	/*--------------------------------CAREERS CSS---------------------------------------*/
	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: -80px;
		right: 25px;
		width: 500px;
	}
	
	p.spotlight-video {
		width: 600px;
		margin: 0 auto;
	}
	p.spotlight-video div {
		width: 600px;
	}
	
	/*******NURSING PAGE*********/
	.online-rn-and-bsn-degrees .salary-info-box {
		top: 0 !important;
	}
	.online-rn-and-bsn-degrees .salary-source {
		margin-top: 120px;
	}
	
	/*------------------------------STACKABLE SUCCESS CSS-----------------------------------*/
	.four-stackable-success.horizontal-stack .transform-grid-cell {
		width: 50%;
		margin: unset;
	}
	.four-stackable-success.horizontal-stack .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.horizontal-stack .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.horizontal-stack .stackable-card.certificate:after {
		border-color: transparent #00843D transparent transparent;
	}
	.four-stackable-success.horizontal-stack .stackable-card.associate:after {
		border: none;
	}
	.four-stackable-success.horizontal-stack .stackable-card.bachelor:after, .four-stackable-success.horizontal-stack .stackable-card.bachelor:before {
		border: none;
	}
	
	/*CRIMINAL JUSTICE ONLY*/
	.four-stackable-success.horizontal-stack .stackable-card .bachelor-or {
		font-size: 22px;
		bottom: 60px;
		right: -12px;
	}
	
	.four-stackable-success.horizontal-stack .stackable-card.cj-bachelor-one:after {
		z-index: 0;
		bottom: 50px;
		right: -10px;
		height: 70px;
	}
	
	/*VERTICALLY STACKED CARDS*/
	.four-stackable-success.vertical-stack {
		min-height: 600px;
	}
	.four-stackable-success.vertical-stack .stackable-card {
		min-height: 200px;
	}
	
	/*--------------------------------PAGES WITH COMBINED CERTIFICATE AND DEGREE INFORMATION---------------------------------------*/
	.certificate-combined-section {
		background: linear-gradient(90deg, #e2e2e2 50%, #fff 50%);
	}
	.certificate-combined-section .compare-options-combined {
		margin-top: -250px;
	}
	.certificate-combined-section .degree-options .col-sm-6 {
		width: 100%;
	}
	/*PAGES WITH ONLY TWO STACKABLE DEGREES*/
	.certificate-combined-section .compare-options-combined.two-stackable {
		margin-top: -50px;
	}
	
	/*--------------------------------DEGREE OPTIONS CSS---------------------------------------*/
	.degree-options {
		width: 80%;
		margin: 0 auto;
	}
	.degree-options h3 {
		margin-top: 40px;
	}
	
	/*three degree boxes*/
	.degree-options.three-degrees .transform-grid .col-sm-6 {
		width: 100%;
	}
	/*two degree boxes*/
	.degree-options.two-degrees .degree-option-box {
		background-color: #fff;
	}
	
	/*********NURSING PAGE**********/
	.online-rn-and-bsn-degrees .certificate-combined-section .button-solid {
		padding: 20px 30px 20px 20px;
		text-transform: uppercase;
	}
	
	/*--------------------------------SPOTLIGHT CSS---------------------------------------*/
	.card-spotlight {
		width: 500px;
	}

	.bg-spotlight:after {
		 bottom: 67px;
	}
	
	/*--------------------------------TUITION CSS---------------------------------------*/
	.learnmore-heading {
		margin: 10px 0px;
	}
	
	.tuition-grid {
		width: 80%;
		margin: 0 auto;
	}
	
	/*--------------------------------CPL CSS---------------------------------------*/
	.cpl-section:before {
		position: absolute;
        content: "";
        background: url(/online/images/programs/assets/square-x-pattern.png) no-repeat;
		background-size: 700px;
        left: -12px;
        top: 37px;
        width: 175px;
        height: 400px;
	}
	
	/*-------------------------------------IMPORTANT INFORMATION SECTION----------------------------------*/
	.program-details {
    	background: linear-gradient(90deg, #275D38 50%, #fff 20%);
	}
	.program-details-date {
		margin-bottom: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: inherit;
	}
	.program-details-date:after {
		bottom: 0;
		right: -20px;
	}
	.program-details-date:before {
		top: -200px;
    	left: 20px;
	}

}

/*end media query*/
/*End tablet and up styles*/
/* ====================== Landscape Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 992px) {
	/*--------------------------------PROGRAM HOMEPAGE CSS---------------------------------------*/
	.accreditation-home .accreditation-badges {
		width: 70%;
	}
	.program-home-header h1 {
		font-size: 58px !important;
	}
	.program-home-header .header-buttons {
		width: 50%;
	}
	.degree-list.long-list {
		columns: 2;
	}
	
	/*--------------------------------PROGRAM DESCRIPTION CSS---------------------------------------*/
	.description-list li {
		margin-right: 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;
	}
	
	/*--------------------------------CAREERS CSS---------------------------------------*/
	p.careers-img {
		margin-bottom: 0;
		margin-top: 35px;
	}
	.salary-info-box {
		top: -100px;
        right: 100px;
        width: 600px;
	}
	
	.careers-info {
		margin-top: 80px;
	}
	
	/*------------------------------STACKABLE SUCCESS SECTION-----------------------------------*/
	.four-stackable-success.horizontal-stack .transform-grid-cell {
		width: 25%;
	}
	.four-stackable-success.horizontal-stack .stackable-card.associate:after {
		border: 100px solid;
		border-color: transparent #275D38 transparent transparent;
		border-width: 80px 70px 70px 0;
	}
	.four-stackable-success.horizontal-stack .stackable-card.bachelor:before {
		border: 100px solid;
		border-color: transparent #fff transparent transparent;
		border-width: 80px 70px 70px 0;
	}
	
	/*--------------------------------PAGES WITH COMBINED CERTIFICATE AND DEGREE INFORMATION---------------------------------------*/
	.certificate-combined-section {
        background: linear-gradient(90deg, #e2e2e2 60%, #fff 50%);
    }
	.certificate-combined-section .compare-options-combined {
        margin-top: -350px;
    }
	.certificate-combined-section .certificate-section {
		padding-right: 80px;
		padding-top: 50px;
	}
	.certificate-combined-section .degree-options .col-sm-6 {
		width: 50%;
	}
	/*PAGES WITH ONLY TWO STACKABLE DEGREES*/
	.certificate-combined-section .compare-options-combined.two-stackable {
		margin-top: -200px;
	}
	/*AVIATION PAGE ONLY*/
	.online-aviation-degrees .certificate-combined-section .compare-options-combined.two-stackable {
		margin-top: -200px;
	}
	/********SUDC PAGE********/
	.online-substance-counseling-degrees .certificate-combined-section .compare-options-combined.two-stackable {
		margin-top: 0px;
	}
	
	/*--------------------------------DEGREE OPTIONS CSS---------------------------------------*/
	.degree-options {
        width: 70%;
    }
	.degree-options.three-degrees {
		width: 100% !important;
	}
	.degree-options.three-degrees .transform-grid .col-sm-6 {
		width: 50%;
	}
	.degree-options h3 {
		margin-top: 28px;
	}
	
	/*--------------------------------SPOTLIGHT CSS---------------------------------------*/
	.card-spotlight {
        width: 700px;
    }
	.card-spotlight p, .card-spotlight .spotlight-name {
		font-size: 22px;
	}
	p.spotlight-video div, p.spotlight-video {
		width: 800px;
	}
	
	/*--------------------------------TUITION CSS---------------------------------------*/
	.tuition-grid {
		width: 70%;
	}
	.tuition-grid .accordion-grid figure {
		min-height: 180px;
		width: 80%;
	}
	
	/*--------------------------------CPL CSS---------------------------------------*/
	.cpl-section:before {
		height: 350px;
		width: 169px;
		left: 0;
	}
	
	/*-------------------------------------IMPORTANT INFORMATION SECTION----------------------------------*/
	.program-details-date:before {
		top: -200px;
		left: 50px;
	}
	.program-details-date:after {
    	bottom: 30px;
	}
	
}

/*end media query*/
/*End landscape tablet and up styles*/
/* ====================== Desktop Only (Overrides Mobile and Tablet Styles) ========================== */
@media only screen and (min-width: 1200px) {
	/*--------------------------------PROGRAM HOMEPAGE CSS---------------------------------------*/
	.program-home-header .header-buttons {
		width: 30%;
	}
	.program-home-header {
		height: 500px !important;
	}
	.program-home-header h1 {
		margin-top: 200px;
	}
	/*--------------------------------HEADER CSS---------------------------------------*/
	.page-header {
		height: 400px;
	}
	.program-header h1 {
		font-size: 44px;
	}
	/*badges on right side*/
	p.forbes-badge img {
		width: 180px;
		height: 190px;
	}
	p.forbes-badge {
		left: 140px;
		top: -31px;
	}
	p.online-badge img {
		width: 150px;
		height: 210px;
	}
	
	/*--------------------------------CAREERS CSS---------------------------------------*/
	.fa-ul li {
		margin-bottom: 15px;
	}
	.salary-info-box {
		width: 700px;
		top: -127px;
	}
	
	/*--------------------------------PAGES WITH COMBINED CERTIFICATE AND DEGREE INFORMATION---------------------------------------*/
	.certificate-combined-section .certificate-section, .certificate-combined-section .compare-options-combined {
        padding-right: 120px;
    }
	.certificate-combined-section .compare-options-combined {
        margin-top: -400px;
    }
	/*PAGES WITH ONLY TWO STACKABLE DEGREES*/
	.certificate-combined-section .compare-options-combined.two-stackable {
		margin-top: -250px;
	}
	/*AVIATION PAGE ONLY*/
	.online-aviation-degrees .certificate-combined-section .compare-options-combined.two-stackable {
		margin-top: -190px;
	}
	/********SUDC PAGE********/
	.online-substance-counseling-degrees .certificate-combined-section .compare-options-combined.two-stackable {
		margin-top: -50px;
	}
	
	/*--------------------------------DEGREE OPTIONS CSS---------------------------------------*/
	.degree-option-box {
		margin-bottom: 0;
	}
	.degree-options {
        width: 70%;
    }
	.degree-options.three-degrees .transform-grid .col-sm-6 {
		width: 33.33%;
	}
	.degree-options .row-two {
		margin-top: 50px;
	}
	.degree-options .row-two.center-degree-boxes {
		margin-left: 16.66666667%;
	}
	
	/*--------------------------------SPOTLIGHT CSS---------------------------------------*/
	.bg-spotlight:after {
        bottom: 24px;
        left: 25px;
		background-size: 250px;
		width: 250px;
		height: 250px;
    }

	/*--------------------------------TUITION CSS---------------------------------------*/
	.tuition-grid .accordion-grid figure {
        min-height: 160px;
    }
	
	.learnmore-heading {
        margin: 20px 0px;
        text-align: right;
    }
	.tuition-btn {
		text-align: left;
        width: 70%;
	}
	
	/*--------------------------------CPL CSS---------------------------------------*/
	.cpl-section {
		height: 480px;
	}
	.cpl-statement-box {
		margin-top: 55px;
	}
	.cpl-section:before {
		height: 400px;
		top: 40px;
	}
	
	/*-------------------------------------IMPORTANT INFORMATION SECTION----------------------------------*/
	.program-details {
		background: linear-gradient(90deg, #275D38 45%, #fff 20%);
	}
	.program-details-date:after {
		bottom: 30px;
    	right: 20px;
	}
	.program-details-date:before {
		left: 60px;
		    top: -200px;
	}
	
}

/*end media query*/
/*End landscape tablet and up styles*/
/* ====================== Desktop Only (Overrides Mobile and Tablet Styles) ========================== */
@media only screen and (min-width: 1400px) {
		/*--------------------------------PROGRAM HOMEPAGE CSS---------------------------------------*/
	.program-home-header h1 {
		font-size: 66px !important;
		margin-top: 300px;
	}
	.program-home-header {
		height: 600px !important;
	}
	/*--------------------------------HEADER CSS---------------------------------------*/
	p.online-badge {
		top: 0;
	}
	p.forbes-badge {
		top: 7px;
	}
	.page-header {
		height: 500px;
	}
	
	/*--------------------------------SPOTLIGHT CSS---------------------------------------*/
	.bg-spotlight:after {
		left: 250px;
	}
	
	/*--------------------------------CPL CSS---------------------------------------*/
	.cpl-section {
		height: 540px;
	}
	.cpl-section:before {
		width: 300px;
		left: 40px;
	}
	
	/*-------------------------------------IMPORTANT INFORMATION SECTION----------------------------------*/
	.program-details-date:after {
		right: 60px;
	}
	
}
/*end media query*/
/*End desktop only styles*/
/*END OF DOCUMENT*/