/*
 Theme Name:   Blade Child (PLU Years)
 Theme URI:    http://themeforest.net/user/greatives
 Description:  Blade Child Theme for PLU Years
 Version:      3.1.6
 Author:       Greatives Team
 Author URI:   http://greatives.eu
 Template:     blade
*/

/**** need !important in various areas as blade is dumb and puts style tags on the page ****/

/**** FEATURED TOP SECTION *****/

/* add some background opacity to homepage video overlay */
#grve-feature-section .grve-background-wrapper .grve-pattern {
	background: rgba(0,0,0,0.5);
}

/* fix height for logo on mobile */
#grve-feature-section .grve-content .grve-graphic {
	margin-bottom: 0;
}

#grve-feature-section .grve-content .grve-graphic img {
	max-height: 70px !important;
}

#grve-feature-section .grve-content .grve-title > span {
	text-transform: none;
}

/* description on mobile */
#grve-feature-section .grve-content .grve-description > span {
	font-size: 20px;
	line-height: 1.3;
	margin-top: 13px;
	display: block;
}

/* button on mobile */
#grve-feature-section .grve-content .feature-section {
	font-size: 14px !important;
}

/***** NEXT STEPS *****/
.next-steps-container {
	display: flex;
	flex-direction: column;
}

.next-steps-container .next-step {
	width: auto;
	margin: 0 0 30px 0;
	border: 2px dashed #fbba37;
	padding: 1em;
	text-align: center;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	transition: all 0.3s ease-in-out;
}
.next-steps-container .next-step:last-child {
	margin-bottom: 0;
}

.next-steps-container .next-step:hover {
	color: #000;
	background: #fbba37;
}

/***** MISC *****/

/* hide svg video icon on popup videos */
.plu-video .grve-video-popup .grve-icon-video {
	display: none;
}

/* section title wrapper */
.section-title-wrapper {
	max-width: 1300px;
	float: none !important;
	margin: 0 auto;
	padding-left: 25px !important;
	padding-right: 25px !important;
}

/* change sticky header menu font colors */
#grve-header.grve-sticky-header .grve-logo-text a, #grve-header.grve-sticky-header #grve-main-header #grve-main-menu .grve-wrapper > ul > li > a, #grve-header.grve-sticky-header #grve-main-header .grve-header-element > a, #grve-header.grve-sticky-header .grve-header-element .grve-purchased-items {
	color: #777 !important;
}

#grve-header.grve-sticky-header .grve-logo-text a:hover, #grve-header.grve-sticky-header #grve-main-header #grve-main-menu .grve-wrapper > ul > li.grve-current > a, #grve-header.grve-sticky-header #grve-main-header #grve-main-menu .grve-wrapper > ul > li.current-menu-item > a, #grve-header.grve-sticky-header #grve-main-header #grve-main-menu .grve-wrapper > ul > li:hover > a, #grve-header.grve-sticky-header #grve-main-header #grve-main-menu .grve-wrapper > ul > li.current-menu-item > a, #grve-header.grve-sticky-header #grve-main-header #grve-main-menu .grve-wrapper > ul > li.current-menu-ancestor > a, #grve-header.grve-sticky-header #grve-main-header #grve-main-menu .grve-wrapper > ul > li.active > a, #grve-header.grve-sticky-header #grve-main-header .grve-header-element > a:hover {
	color: #fff !important;
}

/* small text */
.smaller-text,
.smaller-text > p {
	font-size: 80%;
	line-height: 30px;
}

/* RESPONSIVE
---------------------------------------------------------------------------------- */

/* MEDIUM */
@media only screen and (min-width: 48em) {
	
	#grve-feature-section .grve-content .grve-graphic {
		margin-bottom: 15px;
	}
	
	#grve-feature-section .grve-content .grve-graphic img {
	    max-height: 130px !important;
	}
	
	#grve-feature-section .grve-content .grve-description > span {
		font-size: inherit;
	}
	
	#grve-feature-section .grve-content .feature-section {
		font-size: 13px !important;
	}	
	
	.plu-admissions-live-events {
		padding-left: 0;
		padding-right: 0;
	}
	
	.plu-admissions-live-events .event-wrapper {
		padding: 0 5% !important;
	}
	
	.plu-admissions-live-events .event-image-container .event-image-container-inner .grve-text {
		margin: 10px 0 20px 0 !important;
	}
	
	.plu-admissions-live-events .event-image-container .event-image-container-inner .grve-text > p,
	.plu-admissions-live-events .event-image-container .event-image-container-inner .grve-text > ul {
		font-size: 20px;
		line-height: 1.6;
	}
	
	.next-steps-container {
		flex-direction: row;
	}
	
	.next-steps-container .next-step {
		width: calc(33.33% - 15px);
		margin: 0 15px;
	}

}

/* SEMI-LARGE */
@media only screen and (min-width: 64em) {}

/* LARGE */
@media only screen and (min-width: 71.563em) {}