/* 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 & Mobile Solutions.
*/
/*===============MOBILE AND UP===============*/

a.admin-login {
	font-size: 12px;
	color: #fff;
}

body {
	min-width: 320px;
    min-height: 100vh;
    overflow-x: hidden;
	font-family: "Calibri", sans-serif;
	font-size: 20px;
	color: #252626;
}

img {max-width: 100%;}


header.primary-page-header {
	padding: 70px 20px;
	border-top: 5px solid #0079C2;
}

header.primary-page-header h1 {
	font-family: "Rajdhani", sans-serif;
	font-weight: bold;
	font-size: 70px;
	color: #fff;
}

header.primary-page-header h1:after {
		content: '';
    width: 100px;
    height: 3px;
    background-color: #00A88F;
    display: block;
    margin: 15px 0;
}

h2.section-header-solid, h3.section-header-solid {
	background-color: #0079C2;
	color: #fff;
	font-family: "Rajdhani", sans-serif;
	font-size: 40px;
	font-weight: bold;
	padding: 15px 30px;
}

.header-border:after, .header-border:after {
	content: '';
    width: 100px;
    height: 3px;
    background-color: #00A88F;
    display: block;
    margin: 15px 0;   
    position: relative;
}

.header-border.text-center:after {
	 left: calc(50% - 50px);
} 

header.event-page-header {
	color: #fff;
	padding: 30px;
}

header.event-page-header h1 {
	color: #fff;
}

.venue-header {
	    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.venue-header .venue-links {
	display: flex;
    flex-direction: row;
	justify-content: space-between;
}

.venue-header .venue-links a {
	margin: 15px 0;
}

.wolverines-section {
	background-image: url(/_resources/images/wolverines.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.home-header {
	background-image: url(/_resources/images/home_header.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}




/***** Buttons ****/
a.button-outline, a.button-solid, a.button-outline-white {	
	border-radius: 10px;
	padding: 15px;	
	font-family: "Arial", sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}

a.button-outline, a.button-solid {	
	border: 3px solid #0084C7;
}

a.button-outline-white {
	border: 3px solid #fff;
	color: #fff;
}

a.button-outline, a.button-solid:hover {
	background-color: #fff;
	color: #0079C2;
}

a.button-outline:after, a.button-outline-white:after, a.button-solid:after {
	content: '\f138';
	width: 15px;
	font-family: "Font Awesome 7 Pro";
	margin-left: 15px;
	text-decoration: none;
	display: inline-block;
}

a.button-outline:hover, a.button-solid {
	background-color: #0079C2;
	color: #fff;
}

a.button-outline-white:hover {
	background-color: #fff;
	color: #000;
}

/**** End Buttons ****/



/******* Event Cards *******/

/* General and Shared Event Card Styles */
.event-card-primary .event-card, .event-card-list .event-card {
	padding: 30px 0;
	border-bottom: 1px solid #00A88F;
}
.event-card h2.event-title {
	margin: 10px 0;
}

.event-card .event-image img {
	width: 100%;
	object-fit: cover;
}

.event-card .event-image img {
	aspect-ratio: 1 / 1;
}

.event-card .event-title {
	font-size: 30px;
	font-weight: 600;
}

.event-card-primary .event-card .event-title:after, .event-card-slider .event-card .event-title:after {
	content: '';
    width: 30px;
    height: 3px;
    background-color: #00A88F;
    display: block;
    margin: 15px 0;
}

.event-card p.event-schedule {
	font-family: "Arial", sans-serif;
	font-size: 16px;
}

.event-card p.event-schedule .event-date {
	font-weight: bold;
}

.event-card a.event-ticket-button {
	background-color: #fff;
	border: 3px solid #0084C7;
	border-radius: 10px;
	padding: 15px;
	color: #0079C2;
	font-family: "Arial", sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.event-card a.event-ticket-button:after {
	content: '\f138';
	width: 15px;
	font-family: "Font Awesome 7 Pro";
	margin-left: 15px;
	text-decoration: none;
	display: inline-block;
}

.event-card a.event-ticket-button:hover {
	background-color: #0079C2;
	color: #fff;
}

.event-card a.event-detail-link {
	font-family: "Rajdhani", sans-serif;
	color: #0079C2;
	font-size: 18px;
}

.event-card a.event-detail-link:hover {
	text-decoration: none;
}

.event-card a.event-detail-link:before {
	content: '\f30f';
	width: 15px;
	font-family: "Font Awesome 7 Pro";
	font-weight: 900;
	color: #0084C7;
	padding-right: 30px;
	text-decoration: none;
	display: inline-block;
}


/* End General and Shared Event Card Styles */


/* Event Slider Card*/
.event-card-slider .event-card {
	display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
	}

.event-card-slider .event-image {
	display: grid;
    grid-row: 1 / 1;
    grid-column: 1 / 1;
}

.event-card-slider .event-details {
	    display: grid;
    grid-row: 1 / 1;
    grid-column: 1 / 1;
    align-items: end;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    padding: 20px;
}

.event-card-slider .event-links {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}


/* End Event Slider Card */

/* Event Primary Card */
.event-card-primary .event-image img {
	border-radius: 10px;	
}

.event-card-primary .event-card h2.event-title, .event-card-slider .event-card h2.event-title {
	font-family: "Rajdhani", sans-serif;	
}

.event-card-primary .event-links {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.event-card-primary span.event-time {
	color: #707070;
}


/* End Event Primary Card */

/* Event List Card */
.event-card-list .event-card {
	    display: grid;
    grid-template-columns: .6fr 1fr;
    grid-template-rows: auto;
}
.event-card-list .event-card h2.event-title {
	font-family: "Calibri", sans-serif;	
}
.event-card-list .event-details {
	    display: flex;
    flex-direction: column;
    padding-left: 20px;
}

.event-card-list p.event-schedule {
	font-family: "Calibri", sans-serif;
	font-size: 30px;
	margin: 10px 0;
}

.event-card-list p.event-schedule span.event-date {
	font-weight: 600;
}

.event-card-list .event-links {
	margin-top: auto;
    margin-bottom: 0px;
}

.event-card-list .event-links a {
	margin: 5px 0;
}

/* End Event List Card */
.info-box-card {
	background-color: #fff;
    box-shadow: 0 0 6px #00000029;
    padding: 30px;
	margin: 15px 0;
	display: block;
	height: 100%;
}

.info-box-card.info-box-card-border {
	border-top: 4px solid #00A88F;
}

h2.info-box-header {
	    font-family: "Rajdhani", sans-serif;
    font-size: 40px;
    font-weight: bold;
    border-bottom: 3px solid #00A88F;
    margin: 0px 0 20px 0px;
	padding-bottom: 10px;
}

.info-box-content {
	font-family: "Calibri", sans-serif;
    font-size: 20px;
}

/* Info Box Card */

/* End Info Box Card */

/* Event page filters */

.filters label {
	background-color: #F5F4F4;
    padding: 5px 10px;
    font-family: "Calibri";
    font-size: 18px;
    margin-right: 10px;
}

/* End Event page filters */

/******* End Event Cards *******/

/***** Accordion with Icon; Card with Icon ******/
details.icon-accordion, .icon-card {
	background-color: #fff;
    box-shadow: 0 0 6px #00000029;
    padding: 30px;
	margin: 15px 0;
}

details.icon-accordion summary, .icon-card-header {
	display: grid;
    grid-template-columns: 100px auto;
	grid-template-rows: 1fr;
	align-items: center;
}

.icon-card {
	display: grid;
	grid-template-columns: 100px auto;
	grid-template-rows: 1fr;
}

details.icon-accordion summary:hover {
	cursor: pointer;
}

details.icon-accordion summary h2 {
	font-family: "Rajdhani", sans-serif;
	font-weight: bold;
	font-size: 35px;
	margin: 0px;
	color: #000;
	display: grid;
	grid-template-columns: auto 25px;
	grid-template-rows: 1fr;
	align-items: center;
}

details.icon-accordion > summary h2::after {
	content: '\f078';
	width: 20px;
	font-family: "Font Awesome 7 Pro";
	color: #0084C7;
	display: inline-block;
	font-size: 20px;
	color: #000;
}

 details.icon-accordion[open] > summary > h2::after {
	 content: '\f077';
 }

details.icon-accordion summary span.icon, .icon-card span.icon {
	color: #0079C2;
	font-size: 60px;
}

details.icon-accordion .accordion-content, .icon-card {
	font-family: "Calibri", sans-serif;
	font-size: 25px;	
}

details.icon-accordion .accordion-content {
	padding: 20px 0;
}

details > summary:first-of-type,  details[open] > summary:first-of-type {
    list-style: none;
}

/***** End Accordion with Icon *****/

/**** Basic Picture Card ****/
.venue-picture-card {
	height: 100%;
}

.venue-picture-card, .venue-picture-card-vertical {
background-color: #fff;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
 	box-shadow: 0 0 6px #00000029;
	margin: 15px 0;
}

.venue-picture-card > .venue-picture-card-img img, .venue-picture-card-vertical > .venue-picture-card-img img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.venue-picture-card > .venue-picture-card-content, .venue-picture-card-vertical > .venue-picture-card-content {
	padding: 20px;
    font-family: "Calibri", sans-serif;
    font-size: 18px;
}

.venue-picture-card > h3, .venue-picture-card-vertical > h3 {
	font-family: "Rajdhani", sans-serif;
    font-size: 24px;
    font-weight: bold;
}
/*** End Basic Picture Card ****/

/*** Lists ***/
ul.nav-icons {
	list-style: none;
    padding-left: 0;
    width: 80%;
    margin: 0px auto;
}
ul.nav-icons li {

}
ul.nav-icons li a {
	background-color: #0079C2;
    color: #fff;
    border-radius: 8px;
    font-size: 30px;
    font-weight: bold;
    padding: 30px;
	width: 100%;
	display: flex;
	margin: 10px 0;
	align-items: center;
	font-family: "Rajdhani", sans-serif;
}
ul.nav-icons li a:hover {
	background-color: #00A88F;
	text-decoration: none;
}
ul.nav-icons a span {
	padding-left: 20px;
}
/*** End Lists ***/

/*** UVU Section ***/

.uvu-section h2 {
	font-family: "Rajdhani", sans-serif;
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
}

.uvu-logos {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/*** UVU Section ***/

/*** VENUE GALLERY SECTIONS and EVENT GALLERIES ***/
.venue-gallery {
	display: grid;
	grid-template-rows: 2fr 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
}

.venue-gallery img:first-of-type {
	grid-row: 1/2;
	grid-column: 1/3;
}

.venue-gallery img {
object-fit: cover;
    width: 100%;
    height: 100%;
    overflow: hidden;
    aspect-ratio: 16 / 9;
}

.event-gallery-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-gap: 10px;
}

.event-gallery-grid img {
	aspect-ratio: 16/9;
	object-fit: cover;
	overflow: hidden;
	width: 100%;
}
/*** END VENUE GALLERY SECTIONS ***/

hr.event-divider {
	background-color: #EA503D;
	height: 3px;
	border: none;
	width: 80%;
}

.icon-large {
	font-size: 92px;
}

/*** Employee Page ***/
.employee-grid {
display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-gap: 20px;
}

.employee-grid > div {
	border-bottom: 1px solid #000;	
	margin: 15px 0;
}

.employee-grid a {
	 width: 100%;
    display: block;
    text-decoration: none;
    color: #000;
	padding: 15px 0;
	font-family: "Rajdhani", sans-serif;
	font-size: 30px;
	font-weight: 600;
}

.employee-grid a:hover {
	background-color: #E8E8E8;
}

.employee-grid i {
	font-size: 42px;
}

.employee-grid span {
	margin-left: 20px;
}
/*** End EMployee Page ***/

/*** Partner Resources Page ***/
ul.partners-subnav {
	    list-style-type: none;
    width: 100%;
    padding: 0px;
    background-color: #fff;
    box-shadow: 0px 0px 6px #00000029;
    display: grid;
    grid-template-columns: 1fr;
	grid-template-rows: auto;
    justify-content: space-between;
	position: relative;
	top: -50px;
	border-radius: 8px;
}

ul.partners-subnav li {
	display: flex;
    justify-self: center;
    flex-direction: row;
    width: 100%;
}

ul.partners-subnav li a {
	width: 100%;
    height: 100%;
    text-decoration: none;
    font-family: "Rajdhani", sans-serif;
    font-size: 25px;
    font-weight: bold;
    padding: 30px 60px;
}

ul.partners-subnav li a:hover {
	background-color: #00A88F;
	color: #fff;
}

	ul.partners-subnav li:first-of-type a {
		border-radius: 8px 8px 0 0;
	}
	
	ul.partners-subnav li:last-of-type a {		
		border-radius: 0 0 8px 8px;
	}

.partners-resources-galleries {
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: 1fr;
}

.partners-resources-galleries h2 {
	font-size: 46px;
	text-align: center;
}

.partners-resources-galleries img {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}

.partners-resources-galleries-content {
	grid-column: 1 / 2;
    grid-row: 1 / 2;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}

.contact-card {
	display: flex;
	flex-direction: row;
	box-shadow: 0 0 6px #00000029;
	background-color: #fff;
	padding: 40px 15px;
	align-items: center;
	height: 100%;
}

.contact-card h3 {
	font-family: "Rajdhani", sans-serif;
	font-size: 18px;
}

.contact-card i {
	color: #0079C2;
	font-size: 25px;
	margin-right: 10px; 
}


/*** End Partner Resources Page ***/

/*End mobile and up styles*/
/*===============TABLET AND UP===============*/
@media only screen and (min-width: 760px) {
	
a.admin-login {
	color: #000;
}

.header-borders {
  font-size: 46px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 30px 0;
}

.header-borders::before {
  margin-right: 40px;
}

.header-borders::after {
  background-color: #2E623F;
}
.header-borders::after {
  margin-left: 40px;
}
.header-borders::before, .header-borders::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: #00A88F;
}
	
	/*** Vnue Header ***/
.venue-header {	 
    flex-direction: row;
}
	
.venue-header .venue-links a {
	margin: 0 0;
}
	
	.venue-header .venue-links {
		justify-content: flex-end;
	}


	/*** End Venue Header ***/
	
/*** Lists ***/
ul.nav-icons {
	display: flex;
	flex-direction: row;
	width: 100%;
	list-style: none;
	flex-wrap: nowrap;
}
ul.nav-icons li {
	display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    margin: 0 5px;
}
	ul.nav-icons.nav-icons-four li {
		 max-width: 25%;
	}
	ul.nav-icons.nav-icons-five li {
		 max-width: 20%;
	}
ul.nav-icons li a {
	font-size: 20px;
}
ul.nav-icons li a:hover {
	
}
/*** End Lists ***/
	
/*** UVU Athletics and UVU Mark ***/
	.uvu-section {
		max-width: 1000px;
		margin: 0px auto;
	}
	.uvu-logos {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		color: #fff;
	}
	
	
/*** End UVU Section ***/
	
	/*** Events Listing Page ***/
	.event-page-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		grid-gap: 20px;
	}
	
/*** VENUE GALLERY SECTIONS ***/
	.venue-gallery {
	display: grid;
	grid-template-rows: 1fr 1fr;
	grid-template-columns: 2fr 1fr 1fr 1fr;
	grid-gap: 10px;
}

.venue-gallery img:first-of-type {
	grid-row: 1/3;
	grid-column: 1/2;
}

.event-gallery-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
}
	
/*** END VENUE GALLERY SECTIONS ***/
	
	/*** Parner & Client Resources ***/
	ul.partners-subnav {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
   grid-template-rows: 1fr;
}
	
	ul.partners-subnav li:first-of-type a {
		border-radius: 8px 0 0 8px;
	}
	
	ul.partners-subnav li:last-of-type a {
		border-radius: 0 8px 8px 0;
	}

	/*** End Partner Resources ***/
	
}/*end media query*/
/*End tablet and up styles*/
/*===============DESKTOP ONLY===============*/
@media only screen and (min-width: 1100px) {
	
/* Headers */
header.primary-page-header {
	padding: 60px 0;
}
	
header.primary-page-header h1 {
	font-size: 120px;
}	
	
header.event-page-header .row {
	display: flex;
	align-items: center;
}
/* End Headers */
	
/* Event Cards */

/* Event Slider Card*/
	.event-card-primary .event-card .event-title:after {
		width: 55px;
		margin: 30px 0;
	}	
	
	.event-card-slider .event-card {
		
        background: #F5F4F4;
        padding: 45px 60px;
        border-radius: 20px;
	}	
	
	.event-card-slider .event-card .event-image img {
		aspect-ratio: 16/9;
	}
	
	.event-card-slider .event-card a.event-ticket-button, .event-card-slider .event-card a.event-detail-link {
	background-color: #fff;
        border: 3px solid #0084C7;
        border-radius: 10px;
        padding: 15px;
        color: #0079C2;
        font-family: "Arial", sans-serif;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
        width: 100%;
        display: block;
        position: relative;
		width: stretch;
		margin: 12px 0;
}

.event-card-slider .event-card a.event-ticket-button:after, .event-card-slider .event-card a.event-detail-link:after {
	content: '\f138';
        width: 15px;
        font-family: "Font Awesome 7 Pro";
        margin-left: 15px;
        text-decoration: none;
        display: inline-block;
        position: absolute;
        right: 15px;
}
	
	
.event-card-slider .event-card a.event-ticket-button:hover, .event-card-slider .event-card a.event-detail-link:hover {
	background-color: #0079C2;
	color: #fff;
}
	
	.event-card-slider .event-card a.event-detail-link:before {
		display: none;
	}

	.event-card-slider .event-card h2.event-title {
		font-size: 51px;
		font-family: "Rajdhani", sans-serif;
	}
	
		.event-card-slider .event-card .event-schedule {
			font-family: "Lato", sans-serif;
			font-size: 30px;
		}
	
	.event-card-slider .event-card {
		display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
	}
	
	.event-card-slider .event-image {
		display: grid;
    grid-row: 1 / 1;
    grid-column: 2 / 3;
	}
	
	.event-card-slider .event-image img {
		height: 100%;
	}
	
	.event-card-slider .event-details {
		display: grid;
    grid-row: 1 / 1;
    grid-column: 1 / 2;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    padding: 30px 60px 30px 30px;
}
	
	.event-card-slider h2.event-title {
		align-self: start;
	}
	
	.event-card-slider .event-links {
		flex-direction: column;
	}

/* End Event Slider Card */

/* Event Primary Card */
	
	.event-card-primary .event-card {
		display: flex;
		flex-direction: row;
	}
	
	.event-card-primary .event-details {
		display: flex;
    flex-direction: column;
    padding-left: 30px;
    width: 100%;
	}
	
	.event-card-primary .event-links {
		margin-top: auto;
    margin-bottom: 0px;
	}
	
	.event-card p.event-schedule {
	font-size: 24px;
}

/* End Event Primary Card */

/* Event List Card */
	.event-card-list .event-card {		
		padding: 30px;
		display: grid;
    grid-template-columns: 1fr 8fr;
    grid-template-rows: 1fr;
	}
	
	
	.event-card-list .event-card .event-details {
		display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
	}
	
	.event-card-list .event-card .event-links {
		margin: auto 0;
	}


/* End Event List Card */	

/**** Accordion with Icon ****/
	details.icon-accordion .accordion-content {
    padding: 20px 20px 20px 100px;
	}
/*** End Accordion with Icon ***/
	
	/*** Basic Picture Card ***/
	.venue-picture-card {
		grid-template-columns: 1.5fr 1fr;
		grid-template-rows: 1fr;
	}
	
/*** Employee Page ***/
	.employee-grid {
display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows:auto;
	grid-gap: 20px;
}
	
	/*** End Employee Page ***/
	
	
	
}/*end media query*/
/*end desktop only styles*/
/*===============WIDE DESKTOP ONLY===============*/
@media only screen and (min-width: 1500px) {
	
	/*** Lists ****/
	ul.nav-icons li a {
	font-size: 30px;
}
	/*** End Lists ****/	
		
}/*end media query*/
/*end wide desktop only styles*/
/*END OF DOCUMENT*/