/* 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 ========================== */
/* Accessible text classes */
.text-14 {
	font-size: 0.8750em;
	line-height: 1.5;
}
.text-16 {
	font-size: 1.0000em;
	line-height: 1.5;
}
.text-17 {
	font-size: 1.063em;
	line-height: 1.5;
}
.text-18 {
	font-size: 1.1250em;
	line-height: 1.5;
}
.text-20 {
	font-size: 1.2500em;
	line-height: 1.5;
}
.text-22 {
	font-size: 1.3750em;
	line-height: 1.5;
}
.text-24 {
	font-size: 1.5000em;
	line-height: 1.5;
}
.text-26 {
	font-size: 1.625em;
	line-height: 1.5;
}
.text-28 {
	font-size: 1.75em;
	line-height: 1.5;
}
.text-40-lg {
	font-size: 2.5em;
	line-height: 1.5;
}
main, p {
	line-height: 1.5;
}
main, a {
	font-weight: bold;
}
.space-around {
	display: flex;
	justify-content: space-around;
}
.mobile-hide {
	display: none;
}

.button-solid-custom {
	width: 50%;
	background-color: #275D38;
    color: #ffffff;
    border: 2px solid #275D38;
	display: inline-block;
    position: relative;
    text-decoration: none !important;
    font-family: 'Rajdhani', sans-serif;
    border-radius: 10px;
    padding: 15px 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.button-solid-custom:hover {
	color: black;
	background-color: white;
}
.clip-corner {
    clip-path: polygon(23% 0, 100% 0, 100% 100%, 0% 100%);
}
.height-300 {
	height: 300px !important;
}
.content-box {
	box-sizing: content-box;
	overflow: hidden;
}
.center-content {
	display: flex;
	justify-content: center;
}
.center-content-col {
	width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
    padding: 20px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 10px;
    text-align: center;
}

.col-header {
	font-family: 'Rajdhani', sans-serif;
	font-weight: bold;
	font-size: 1.875em;
	color: #275d38;
	line-height: 1.1;
	margin-bottom: 18px;
}

.align-bottom {
	margin-top: auto;
}

.full-width {
	width: 100%;
}

.center {
	display: flex;
	justify-content: center;
	align-items: center;
}
/* End accessible text classes */

/* Header */

.header {
	background-color: rgba(0, 0, 0, 0.22);
}

.header-text {
	font-family: "Lato", arial, sans-serif;
	font-weight: 900;
	letter-spacing: 6px;
	text-align: center;
/* 	text-shadow: 0px 3px 6px rgba(0, 0, 0, .59); */
	text-transform: uppercase;
}

.header-btn {
	display: none;
}

/* Subheaders */

h3 {
	color: #275D38;
	font-family: "Lato", arial, sans-serif;
	font-size: 22px;
	margin-top: 0px;
	text-transform: uppercase;
}

/* Hover Cards */

.card-hover-outer {
	padding-left: 0px;
	padding-right: 0px;
}

.card-hover.card-hover-slide .card-hover-container {
	background-color: rgba(39, 93, 56, 0.88);
}

.card-hover:hover .card-hover-icon {
	transform: rotateX(180deg);
}

.card-hover-title {
	display: inline-block;
	font-size: 18px;
	text-align: left;
}

.card-hover-front {
	margin-bottom: 10px;
	padding-left: 25px;
	padding-top: 5px;
}

.card-hover-back {
	font-size: 14px;
	height: 100%;
	padding-left: 25px;
	padding-right: 25px;
	position: relative;
}

.card-hover-img {
	opacity: 1;
}

.card-hover-btn {
	color: white;
}

.card-hover-btn:hover {
	background-color: #FFFFFF;
	border-color: #FFFFFF;
	color: #275D38;
}

.card-hover-icon {
	display: inline-block;
	float: right;
	margin-right: 2px;
	margin-top: 17px;
	transition: 0.3s;
}

.card-hover.card-hover-slide .card-hover-container {
	transition: 0.3s ease-in-out;
	transform: translateY(calc(100% - 67px));
}

.card-hover.card-hover-slide:hover .card-hover-container {
	transform: translateY(0%);
}

/*Template box*/

.template-box-with-sides{
	position: relative;
}
.template-box-inner {
	overflow: hidden;
}

.template-box-with-sides:before, .template-box-with-sides:after{
	width: 10px;
	height: 202px;
	background-color: #275D38;
	content: '';
	position: absolute;
	top: 40px;
}

.template-box-with-sides:before{
	left: -7px;
}
.template-box-with-sides:after{
	right: -7px;
}

/* Picture Cards */
.card-picture.card-picture-4{
	border: 0px;
	padding: 0;
}

.card-picture {
	border: 10px solid #EDEDED;
	height: 100%;
	margin-left: -15px;
	margin-right: -15px;
	padding: 15px;
}

.card-picture-img {
	margin: auto;
	width: auto;
	order: initial;
}

.card-picture-title {
	color: #444444;
	font-family: "Rajdhani", arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 25px;
	margin-top: 40px;
}

.community-margin {
	margin-top: 100px;
}

.bg-plus {
	position: absolute;
	left: 3px;
	top: 200px;
	transform: scale(1.16);
	display: none;
	z-index: -1;
}

.line-height-30 {
	line-height: 30px;
}

.line-height-32 {
	line-height: 32px;
}

#width-1400 .container-fluid {
	max-width: 1400px;
}

.home-description {
	line-height: 1.6em;
}

div .divider {
	width: 65%;
}

.home-btn {
	margin-top: 20px;
}

.hgt-fix {
	height: 350px
}

.xs-block {
	display: block;
}

.margin-bottom-125 {
	margin-bottom: 125px;
}

.green-dot {
	list-style-image: url(https://www.uvu.edu/education/images/green-dot.png);
}

.green-arrow {
	list-style-image: url(https://www.uvu.edu/education/images/green-arrow.png);
}

.list-style-none {
	list-style-type: none;
}

.advising-covid-1 {
	background-color: #f5fdff;
/* 	border-radius: 8px 8px 0px 0px; */
	border-radius: 8px;
}

.advising-covid-2 {
	border-radius: 0px 0px 8px 8px;
}

.advising-hr {
	width: 50%;
	min-width: 250px;
	height: 3px;
	border-top: solid #ededed;
}

section.advisor-section .card-advisor-title {
	margin: 10px;
}

section.advisor-section .card-advisor-content > ul {
	padding-left: 20px;
}

.edu-btn.text-rajdhani {
	font-family: "Rajdhani", arial, sans-serif !important;
}

.advising-banner-bg {
	background-image: url("https://www.uvu.edu/education/images/advising-banner-img.png");
	min-height: 300px;
	order: -1;
}

.advisor-who-card {
	background: linear-gradient(90deg, #EFEFEF 80%, #275D38 80%);
	position: relative;
	padding-right: calc(20% + 15px);
}

.advisor-who-card:after {
	content: "";
	position: absolute;
	right: calc(10% - 45px);
	top: calc(50% - 45px);
	background-image: url(https://www.uvu.edu/education/images/question.png);
	width: 90px;
	height: 90px;
}

.appt-icons {
	width: 50px;
	height: 35px;
	color: #B1B1B1;
	display: inline-block;
	margin-right: 20px;
}

.text-40 {
	font-size: 40px;
}

/* Snow College Collab https://www.uvu.edu/education/app.html */
.button-solid-custom-snow {
	width: 50%;
	background-color: #d45d00;
	font-size:19px;
    color: #fff;
	border: 2px solid #d45d00;
	display: inline-block;
    position: relative;
    text-decoration: none !important;
    font-family: 'Rajdhani', sans-serif;
    border-radius: 10px;
    padding: 15px 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.button-solid-custom-snow:hover {
	color: black;
	background-color: white;
	text-decoration: none;
}

.button-solid-custom-app {
	width: 50%;
	background-color: #275D38;
    color: #ffffff;
	font-size:19px;
    border: 2px solid #275D38;
	display: inline-block;
    position: relative;
    text-decoration: none !important;
    font-family: 'Rajdhani', sans-serif;
    border-radius: 10px;
    padding: 15px 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.button-solid-custom-app:hover {
	color: black;
	background-color: white;
}

/*Button override for seed page*/
.seed-button{
	text-transform: none
}

/*COVID box override for green color*/
.alert-info {
    background-color: #e6f3ec;
    border-color: #e6f3ec;
    color: #275d38;
}

.alert-info h2 {
	color: #275d38;
}
/* Adivsory page stying */
.advisory-box {
	width: 80vw;
}

/* Accordion Edits */

.awards-accordion div.accordion:not(.active) {
    margin:0;
}
.awards-accordion div.accordion {
    padding: 20px;
    border: 1px solid lightgray;
    font-size: 20px;
    color: #275d38;
}

.awards-accordion .accordion-content {
	background-color: white;
	border-top: none;
	margin: 0;
}


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

	.jumbo header {
		padding: 60px 66px;
	}

	.mobile-hide {
	display: block;
}
	.header-btn {
		color: #275D38 !important;
		display: inline-block;
		float: right;
		margin-right: calc(calc(100% - 372px) / 2);
		margin-top: 6px;
	}

	.header-btn:hover {
		color: #FFFFFF !important;
	}

	.card-hover-outer {
		padding-left: 15px;
		padding-right: 15px;
	}

	.card-hover-front {
		padding-left: 39px;
	}

	.card-hover-back {
		padding-left: 39px;
	}

	.card-picture {
		margin-left: 0px;
		margin-right: 0px;
		padding: 30px;
	}

	.community-margin {
		margin-top: 0px;
	}

	.columns-2 {
		column-count: 2;
		column-gap: 65px;
	}

	.advisor-who-card {
		background: linear-gradient(90deg, #EFEFEF 75%, #275D38 75%);
		padding-right: calc(25% + 15px);
	}

	.advisor-who-card:after {
		right: calc(12.5% - 45px);
	}

}/*end media query*/
/*End tablet and up styles*/
/* ====================== Landscape Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 992px) {

	.header {
		height: 638px;
	}

	.header-btn {
		margin-right: calc(calc(100% - 768px) / 2);
		margin-top: 16px;
	}

	.bg-plus {
		display: block;
	}

	div .divider {
		width: 100%;
	}

	.home-btn {
		margin: 0px;
	}

	.md-flex {
		display: flex;
	}

	.advising-banner-bg {
		order: 1;
	}

	.advisor-who-card {
		background: linear-gradient(90deg, #EFEFEF 80%, #275D38 80%);
		padding-right: calc(20% + 15px);
	}

	.advisor-who-card:after {
		right: calc(10% - 45px);
	}

}/*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*/