/* 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 ========================== */
.list-green-arrow, .list-green-checkbox {
	color: var(--color-uvu-primary) !important;
}

.fullbleed:has(h1):before {
    background: linear-gradient(to bottom, #000000b3, #000000b3);
}

h1 .details {
	text-transform: none;
}
ul ul, ul ul ul {
    margin-inline-start: 1em !important;
}
 .button-solid {
    margin-bottom: 0;
    text-transform: none;
	border-radius: 8px;
	width: 100%;
	max-width: 500px;
	font-weight: 600;
}
.button-solid:after {
    content: "\f061" !important;
    display: inline;
    font-family: "Font Awesome 5 Pro";
    float: right;
}
a.button-solid:hover {
     border-bottom: 1px solid var(--color-uvu-priamry); 
} 

.wide .accordion {
	max-width: 100%;
}
.wide .accordion:not(.accordion-unstyled) {
	display: block;
}
.wide .accordion-content {
	max-width: 100%;
}

.enroll-button {
    background-color: var(--color-uvu-primary);
    color: #fff;
    padding: 15px 45px;
    border-radius: 10px;
    text-align: center;
    font-size: 1.125rem;
    font-weight: bold;
	margin-top: 15px;
	display: inline-block;
}

.align-self-center {
	align-self: center;
	justify-self: start;
}

.image {
	display: none;
}

.big .directory .card-staff.card-staff-5 {
    height: 100% !important;
} 

		

/* hr with wolverine */

hr.wolverine-icon::before {
	    background-color: white;
    padding-inline-start: 15px;
    padding-inline-end: 15px;
    position: absolute;
    top: -15px;
    left: calc(50% - 30px);
	content: url("../png/wolverine.png");
	
}
	h2:has(+hr) {
    margin-bottom: 25px;
}

/* green date bar */
.dates {
	align-items: flex-start;
}

.dates.full {
	font-size: 1.25em;
}
.dates h2, .dates h3, .dates h4 {
	color: white;
	font-weight: 900;
}
.dates h3 {
	font-size: 1.5em;
}
.dates h4 {
	font-size: 2.5em;
}
.date h4.details {
	font-size: 1em;
	font-weight: 400;
}
.dates a {
	color:white;
	border-bottom: 1px dotted white;
}
.dates a:hover {
	color: white;
	border-bottom: 1px solid white;
}

.region.dates {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: left;
	
}


h3.type {
	padding-bottom: 20px;
}
h3.type:after {
	content: '\f107' !important;
    	font-family: "Font Awesome 5 Solid", "Font Awesome 5 Pro";
		font-size: 2em;
	font-weight: 200;
		position: absolute;
		color: var(--color-uvu-primary);
		bottom: -8px;
		right: 50%;
		scale: 1.15 1;
}

/* degree type cards */
.degree-type .transform-grid-cell {
	padding-bottom: 40px;
	position: relative;
}
.degree-type .card-staff-5 {
	position:revert !important;
}
.degree-type .card-staff-5 .card-staff-details h3 {
	margin: 20px 10px 10px 0;
	color: var(--color-uvu-primary);
	font-size: 1.25em;
	border-bottom: 2px solid var(--color-uvu-primary);
}
.degree-type .card-staff-5 .card-staff-details {
	padding-right: 20px;
}
.degree-type .card-staff-5 .card-staff-details p {
	margin-bottom: 60px;
}
.degree-type .card-staff-5 .buttons {
    display: flex;
    justify-content: space-around;
    flex-wrap: nowrap;
    position: absolute;
    bottom: 25px;
    left: 5%;
    z-index: 1;
    width: 90%;
    padding: 0;
}
.buttons a {
	display: block;
	font-weight: 600;
	border-bottom: none;
	padding: 10px 20px;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 10px;
	background-color: #fff;
	min-width: 160px;
	text-align: center;
}

.card.dates {
	padding: 40px 0;
}

/* carousel */
	 .quote-slider.with-picture .slick-arrow {
	opacity: 0.7;
	right: 10px;
}
	.quote-slider.with-picture .slick-prev {
		opacity: 0.7;
		left: 10px;
	}
	.quote-slider.with-picture .slick-track li {
		padding: 40px 80px 80px;
		font-size: 1.125em;
	}
	.quote-slider.with-picture:before {
	/* 	font-family: "Font Awesome 5 Pro"; */
		font-family: Georgia, serif;
		font-weight: 900;
		top: -30px;
		left: 30px;
		content: "\201C";
		color: var(--color-uvu-primary);
		font-size: 10rem;
		position:absolute;
		opacity: 0.1;
	}
	.slick-items .float-left {
		display: none;
	}

/* advisor tabbed section  */

ul.tabs {
	padding-left: 0;
	list-style: none;
	margin-bottom: 0;
	display: flex;
	flex-wrap: wrap;
	font-weight: bold;
	font-size: 1.0125em;
	align-items: center;
	padding-bottom: 20px;
	margin-bottom: 0;
	
}
	ul.tabs li {
		margin: 20px 0 8px;
	}
	ul.tabs a.anchorTab {
		padding: 10px 20px;
		margin: 0 0 10px 10px;
		background-color: #3F6F4E;
		color: #fff;
		border-bottom: none;
	} 
		
		ul.tabs a.anchorTab:hover {
			text-decoration: none;
		}
ul.tabs a.anchorTab:hover, ul.tabs a.anchorTab:active, ul.tabs a.anchorTab.active {
	color: #000;
	background-color: #fff;
}


/* info inside selected areas */
.grid, .item {
	width: 100%;
	min-height: 475px;
}
.item ul {
	list-style: none;
}
.item ul li:first-child {
	margin-top: 0;
}
select {
	padding: 2px 30px;
}
.grid .item .list {
	display: none;
}
.appointment {
	box-shadow: 0px 0px 10px #0000005D;
}

/* Style advisor staff cards */
.advisors .card-staff-5 {
	border-radius: 8px;
	flex-direction: row !important;
	min-height: 400px !important;
	padding: 10px;
	background-color: #FAFAFA;
}
.advisors .card-staff-5 .card-staff-name {
		color: var(--color-uvu-primary) !important;
		font-size: 1.33em !important;
		font-weight: 700 !important;
	}
.advisors .card-staff-5 .card-staff-title {
		font-size: 1em !important;
		font-weight: 700 !important;
	}
.advisors .card-staff-5 .card-staff-portrait {
		position: static;
		width: 50% !important;
	}
.advisors .card-staff-5 .card-staff-portrait img {
    width: auto !important; 
    height: auto !important;
    margin: 10px !important;
}
.advisors .card-staff-5 .card-staff-details {
    flex: 0 1 50% !important;
}
.advisors .card-staff-5 .card-staff-details .card-staff-name {
	text-transform: none !important;
}
.advisors .card-staff-5 .card-staff-details p:not([class]) a {
	width: calc(100% - 30px);
	max-width: 500px;
	position: absolute;
	bottom: 0;
	left: 15px;
	border-color: var(--color-uvu-primary) !important;
    text-transform: none !important;
    font-weight: 600;
	border: 2px solid #ebebeb;
    color: #285e39;
	display: inline-block;
    text-decoration: none;
    font-family: 'Rajdhani', sans-serif;
    border-radius: 10px;
    padding: 15px 20px;
    margin-bottom: 10px;
}
.advisors .directory .card-staff-5 .card-staff-component-additionalinfo {
	padding-bottom: 60px;
}
.advisors .transform-grid-cell:focus {
    background-color: #c5e86c;
	transform: scale(1.0125);
	outline: 3px solid var(--color-uvu-green);
	border-radius: 8px;
}

.directory .card-staff-5 .card-staff-component-additionalinfo {
    grid-column: 1 / -1;
    grid-row: 9;
    margin-top: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: none;
	background-color: transparent;
}

.tabs.not-tabs {
	list-style: circle !important;
	display: block !important;
}
	ul.tabs.not-tabs li {
		margin: 5px;
	}
ul.tabs.not-tabs a.anchorTab {
	background-color: transparent;
	font-weight: 400;
	color: var(--color-uvu-primary);
	border-bottom: 1px dotted var(--color-uvu-primary);
	padding: 0;
}
ul.tabs.not-tabs li {
	font-weight: 400;
}

ul.tabs.not-tabs a.anchorTab:hover {
	border-bottom-style: solid;
}


.accordion:not(.accordion-unstyled) {
	flex-wrap: wrap;
}
.accordion.top {
	border-top: none;
}

/* INFO TABLE ON ADULT LEARNERS */

.ribbon {
 color: var(--color-uvu-primary);
  --r: .8em; /* control the cutout */
  padding: 0;
  clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - .5em) 100%,50% calc(100% - var(--r)),.5em 100%,0 100%);
  width: 90%;
  border-radius: 8px;
  background-color: #f9f9f9;
 height: 100%;
  
}
	.ribbon .footer {
		padding-bottom: 40px;
		color: #000;
		margin-top: 20px;
	}
	.ribbon .header {
		background-color: var(--color-uvu-primary);
		color: #fff;
		font-size: 3em;
		border-radius: 8px 8px 0 0;
		font-weight: 700;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.ribbon .nation {
		display: block;
		font-size: 1.25em;
		color: #000;
		font-weight: 900;
		margin-top: 10px;
		
	}
.ribbon .quote {
	margin-top: 20px;
	font-weight: 900;
}
	
	.ribbon .fal {
		font-size: 4em;
		margin-top: 30px;
	}
	.ribbon-holder {
		padding-bottom: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

.selling {
	
}

.selling .row {
	margin-inline: 0 !important;
}
.selling .col-sm-9 {
	padding-left: 0;
}
.selling .details {
	display: flex;
	align-content: space-between;
	color: var(--color-uvu-primary);
	font-size: 1.25em;
	text-align: center;
	font-family: 'Raleway', sans-serif;
}
.selling .details .highlights {
	display: block;
	font-size: 2em;
	font-weight: 900;
}
.selling .details .first {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	flex-wrap: wrap;
}
.selling .details .return {
	display: block;
	font-weight: 600;
}

.selling .details .number {
	font-size: 4em;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 900;
}
.details .transform-grid-cell {
	padding: 20px;
	border-left: 1px solid var(--color-uvu-primary);
}

.people {
	color: #fff;
	height: 100%;
}
.people h3 {
	color: #fff;
	margin-bottom: 0;
	margin-top: 60px;
}
.people p {
	margin-bottom: 40px;
}
.people a, .people a:hover {
	color: #fff;
	position: absolute;
	bottom: 10px;
	left: 30px;
	padding-top: 20px;
	border-bottom: none;
}
.people a:after {
	 -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 1em;
    padding-inline-start: 1em;
    content: "\f061";
}
.people .transform-grid-cell {
	background-size:cover;
	background-position: top right;
	padding: 0 30px;
}   
.people .transform-grid-cell:nth-child(1) {	
	background-image: linear-gradient(to bottom, #00000087, #00000087), url("../jpg/adult_monique.jpg");
}
.people .transform-grid-cell:nth-child(2) {
	background-image: linear-gradient(to bottom, #00000087, #00000087),  url("../jpg/adult_kari.jpg");
}
.people .transform-grid-cell:nth-child(3) {
	background-image: linear-gradient(to bottom, #00000087, #00000087),  url("../jpg/adult_thomas.jpg");
}


.programs{
	display: flex;
	flex-direction: column;
	list-style-type:none;
	color:#275D38;
	font: normal normal bold 16px/18px Lato;
	padding: 0;
	width: 80%;
	margin-inline: auto;
}

ul.programs span {
    font-size: 80px;
	font: normal normal bold 35px/45px Lato;
	padding-right: 10px;
}

ul.programs li {
    display: flex;
	flex-direction: column;
    justify-content: start;
    align-items: center;
    justify-items: start;
    padding-right: 3px;
    margin: 5px;

}



ul.programs li:not(:last-child):after{
	content: "\f078";
	font-family: "Font Awesome 5 Pro";
	font-size: 40px;
	font-weight: 100;
	padding-top: 15px;
}


.program li > span {
    padding-bottom: 20px;
}

/* DATES CARD ON INTERNATIONAL STUDENTS APPS */

.deadlines div {
	justify-content: center;
	font-weight: 600;
}
	.deadlines .date {
		font-size: 1.75em;
		
	}
	.deadlines .term {
		font-size: 1.25em;
	}
.senior-link a{
	font-size: 1.25em;
	margin-bottom: 20px;
	font-weight: 600;
}
.senior-link a strong {
	font-weight: 900;
}
.senior-link a:after {
	 -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 1em;
    padding-inline-start: 1em;
    content: "\f061";
}

.sterling .card {
	padding: 20px;
}

.card-staff-5.admissions .card-staff-portrait img {
    max-width: 100%;
}

/* hide email option from residency coordinator cards */
.residency-coordinator .card-staff-email, .residency-coordinator .card-staff-directory, .residency-coordinator .card-staff-officecontact {
	display:none;
}

/* big words for steps on residency application */
.steps {
	font-size: 2.5em;
	font-weight: bold;
	 font-family: 'Rajdhani', sans-serif;
	color: var--(color-uvu-primary);
}

/* table with alternating greed headers */
.schedule {
	width: 100%;	
}
	.schedule, .schedule th, .schedule td {
		border: 1px solid #ddd;
		border-collapse: collapse;
	}
	
		
		.schedule tr td:nth-child(odd) {
			color: var(--color-uvu-primary);
			font-weight: 700;
		}

.schedule tr th {
		background-color: var(--color-uvu-primary) !important;
			color: #fff;
		vertical-align: bottom !important;
		background-color: #eee;
	}
	.schedule td {
		width: 20%;
		vertical-align: middle !important;
	}

.schedule.long {
	border: none;
}
.schedule.long h4, .schedule.long h4 a {
	font-weight: 800;
	border-top: 1px solid var(--color-uvu-primary);
	padding-top: 8px;
}
.schedule.long h4 a{
	border-top: none;
}
.schedule.long h3 {
	background-color: var(--color-uvu-primary);
	padding: 4px;
}
.schedule.wide {
	display: none;
}

/* apply cards with no pictures */
.card-staff-5 .card-staff-details {
    flex: 100%;
}



/*======================================================================================================================================================================================================================================================================================================================================================================================================================================================*/
/*End mobile and up styles*/
/* ====================== Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 768px) {
	

	
.intro {
	padding-left: 40px;
}

	.region.dates {
	justify-content: flex-end;	
}
		.region.dates.shorter {
			justify-content: center;
		}
	.dates {
	text-align: center;
}

	/* to put graphics around image */
p.image {
	position: relative;
	display: block;
}
.image::before {
    position: absolute;
    background: url(../png/home_circle.png) no-repeat;
    background-size: 70%;
    left: -17.5%;
    top: 8%;
    width: 50%;
    height: 100%;
    z-index: 1;
    content: "";
}
.image::after {
    position: absolute;
    background: url(../png/home_square.png) no-repeat;
    background-size: 70%;
    right: -18%;
    bottom: -48%;
    width: 50%;
    height: 100%;
    z-index: -1;
    content: "";
}
		

	
	.more-info .transform-grid-cell:nth-child(even) {
	display:flex;
	justify-content: flex-end;
}
	.more-info {
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
	}	
	
	.slick-items .float-left {
		max-width: 200px;
		height: auto;
		margin-left: -250px;
		float: left;
		display: flex;
	}
		.slick-items .float-left {
			box-shadow: 0px 3px 6px #0000003C;
		}
	.quote-slider.with-picture .slick-track li {
		font-size: 1.25em;
		margin-left: 250px;
	}
	.quote-slider.with-picture:before {
		left: 300px;
	}
	
	.ribbon-holder {
		padding-bottom: 20px;
		display: flex;
		align-items: center;
	}
	
	.programs{
	display: flex;
	flex-direction: row;
}
	
	ul.programs li {
    flex-direction: row;

}
	
	
	ul.programs li:not(:last-child):after{
	content: "\f054";
	font-family: "Font Awesome 5 Pro";
	font-size: 40px;
	font-weight: 100;
	padding-left: 15px;
	padding-bottom: 15px;
}


.program li > span {
    padding-right: 20px;
}
	.schedule.long {
		display: none;
	}
	.schedule.wide {
		display: block;
	}
	
	
	
}/*end media query*/
/*======================================================================================================================================================================================================================================================================================================================================================================================================================================================*/
/*End tablet and up styles*/
/* ====================== Landscape Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 992px) {
	
.president-cards .card-content {
	height: 300px;
}
	
	
	
	
	
/* 	green date region */
	.transform-grid.dates {
	width: 80%;
		display: flex;
		align-items: flex-start;
}
	.region.dates div{
	width: 70%;
}
	.transform-grid.dates.full {
	width: 100%;
		justify-content: space-between;
}
	

	ul.tabs {
		padding-bottom: 0;
		z-index: 1;
		position: relative;
	}
	ul.tabs a.anchorTab {
		border-radius: 10px 10px 0 0;
	} 
	
	.grid .item .list {
	display: block;
}

	
	
	
	
}/*end media query*/
/* ========================================================================================================================================================================================================================================================================================================================================================================================================================================================*/
/*End landscape tablet and up styles*/
/* ====================== Desktop Only (Overrides Mobile and Tablet Styles) ========================== */
@media only screen and (min-width: 1200px) {
	
	
	
	




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