/*
  OrangeHat overrides for the Eventoz template.
  Loaded after style.css on every page.
  Palette follows Oregon State University brand colors:
  Beaver Orange #D73F09, Paddletail Black #000000, white,
  with secondary accents from the OSU palette.
*/

/* ========= NAV ========= */

/* Sub-pages have a short header, so keep the menu visible at all times */
.mu-navbar.mu-nav-fixed {
	top: 0;
}

#mu-hero .navbar-default .navbar-brand {
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
}

.mu-navbar .mu-menu li.mu-nav-cta a {
	border: 2px solid currentColor;
	border-radius: 4px;
	margin: 8px 0 0 10px;
	padding: 6px 16px;
}

/* ========= HERO ========= */

#mu-hero {
	background-image: url("../images/osu-kelley-engineering.jpg");
	background-position: center center;
	background-size: cover;
}

/* Lighter tint so the building shows through while text stays readable */
.mu-hero-overlay {
	background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(215, 63, 9, 0.5));
}

.mu-hero-featured-content h1 {
	margin-bottom: 20px;
}

.mu-hero-featured-content h2 {
	line-height: 1.5;
	margin: 0 auto 25px;
	max-width: 760px;
}

/* Home hero: more breathing room now that the countdown is gone */
#mu-hero:not(.mu-page-header) .mu-hero-featured-area {
	padding: 140px 0 180px;
}

.mu-hero-cta {
	clear: both;
	padding-top: 45px;
}

.mu-hero-cta .mu-primary-btn {
	margin: 0 12px 15px;
}

/* Short header used on sub-pages */
.mu-page-header .mu-hero-featured-area {
	padding: 140px 0 80px;
}

.mu-page-header .mu-hero-featured-content {
	margin-top: 0;
}

.mu-page-header .mu-hero-featured-content p:not(.mu-event-date-line) {
	color: #ddd;
	font-size: 17px;
	margin-bottom: 20px;
}

/* ========= HIGHLIGHTS / TRACKS ========= */

#mu-tracks {
	background-color: #f8f8f8;
	display: inline;
	float: left;
	width: 100%;
	padding: 100px 0;
}

.mu-track-content {
	margin-top: 60px;
}

/* Equal-height cards so uneven text lengths don't break the grid */
.mu-track-content .row {
	display: flex;
	flex-wrap: wrap;
}

.mu-track-content .row::before,
.mu-track-content .row::after {
	display: none;
}

.mu-track-content .row > [class*="col-"] {
	display: flex;
	margin-bottom: 30px;
}

.mu-track-content .mu-single-track {
	margin-bottom: 0;
	width: 100%;
}

.mu-single-track {
	background-color: #fff;
	box-shadow: 0 0 16px 0 rgba(32, 32, 47, 0.1);
	margin-bottom: 30px;
	min-height: 240px;
	padding: 40px 30px;
	text-align: center;
}

.mu-single-track .fa {
	font-size: 36px;
	margin-bottom: 15px;
}

.mu-single-track h3 {
	font-size: 19px;
	margin: 5px 0 15px;
}

.mu-single-track p {
	line-height: 1.7;
}

/* ========= SCHEDULE ========= */

.mu-agenda {
	background: #fff;
	box-shadow: 0 0 16px 0 rgba(32, 32, 47, 0.1);
	margin: 0 auto;
	max-width: 960px;
}

.mu-agenda-row {
	border-bottom: 1px solid #eee;
	display: flex;
	padding: 24px 30px;
}

.mu-agenda-row:last-child {
	border-bottom: none;
}

.mu-agenda-row.mu-agenda-break {
	background: #fafafa;
	color: #777;
	font-style: italic;
}

.mu-agenda-time {
	flex: 0 0 190px;
	padding-right: 20px;
	font-weight: 700;
}

.mu-agenda-detail {
	flex: 1;
}

.mu-agenda-detail h3 {
	font-size: 17px;
	line-height: 1.4;
	margin: 0 0 8px;
}

.mu-agenda-detail p {
	color: #777;
	margin: 0;
}

.mu-agenda-tag {
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 10px;
	padding: 3px 10px;
	text-transform: uppercase;
}

.mu-agenda-tag.tag-keynote  { background: #D73F09; } /* Beaver Orange */
.mu-agenda-tag.tag-offense  { background: #000000; } /* Paddletail Black */
.mu-agenda-tag.tag-defense  { background: #4A773C; } /* Pine Stand */
.mu-agenda-tag.tag-research { background: #006A8E; } /* Stratosphere */
.mu-agenda-tag.tag-workshop { background: #AA9D2E; } /* High Tide */
.mu-agenda-tag.tag-ctf      { background: #423E3C; } /* Granite */

/* ========= SPEAKERS GRID ========= */

.mu-speakers-grid .mu-single-speakers {
	margin-bottom: 60px;
	padding: 0 15px;
}

/* Clear floats so each card starts on its own line */
.mu-speakers-grid .mu-single-speakers::after {
	clear: both;
	content: '';
	display: table;
}

.mu-single-speakers-info p {
	line-height: 1.6;
}

.mu-speakers-grid .mu-single-speakers img {
	width: 100%;
}

.mu-single-speakers-info .mu-speaker-org {
	color: #777;
	font-style: italic;
}

.mu-single-speakers-info p.mu-speaker-talk {
	color: #555;
	font-size: 14px;
	margin: 10px 0 12px;
}

.mu-single-speakers-social {
	padding: 0;
}

/* ========= REGISTER ========= */

.mu-single-price {
	padding: 30px 25px;
}

.mu-single-price ul {
	min-height: 170px;
	padding: 0;
}

.mu-single-price ul li {
	padding: 6px 0;
}

.mu-register-form .mu-checkbox {
	line-height: 1.6;
	margin-bottom: 8px;
}

.mu-register-form .mu-checkbox input {
	margin-right: 8px;
}

.mu-register-form .form-control:focus {
	border-color: #fff;
	box-shadow: none;
}

.mu-register-form label.mu-checkbox {
	color: #fff;
	font-weight: 400;
	text-align: left;
}

.mu-register-note {
	color: #bbb !important;
	font-size: 13px;
	margin-top: 15px;
}

.mu-register-note a {
	color: #fff;
	text-decoration: underline;
}

/* ========= VENUE ========= */

.mu-venue-address p {
	color: #fff;
}

/* ========= FOOTER ========= */

#mu-footer {
	background-color: #000;
	color: #ccc;
}

.mu-social-media a {
	border-color: #fff;
	color: #fff;
}

.mu-social-media a:hover,
.mu-social-media a:focus {
	background-color: #D73F09;
	border-color: #D73F09;
}

.mu-copy-right a {
	color: #fff;
}

.mu-footer-links {
	margin: 15px 0 10px;
}

.mu-footer-links a {
	color: #ccc;
	margin: 0 12px;
}

.mu-about-right h2 {
	margin-bottom: 20px;
}

.mu-about-right p {
	line-height: 1.8;
	margin-bottom: 15px;
}

.mu-about-right .mu-register-btn {
	margin-top: 15px;
}

/* ========= RESPONSIVE ========= */

@media (max-width: 767px) {
	.mu-agenda-row {
		flex-direction: column;
	}

	.mu-agenda-row {
		padding: 20px;
	}

	.mu-agenda-time {
		flex: none;
		margin-bottom: 8px;
	}

	#mu-hero:not(.mu-page-header) .mu-hero-featured-area {
		padding: 100px 0 120px;
	}

	.mu-page-header .mu-hero-featured-area {
		padding: 110px 0 60px;
	}

	.mu-navbar .mu-menu li.mu-nav-cta a {
		display: inline-block;
		margin: 5px 0 10px;
	}
}