/*
 Theme Name:   Blade Child - Winter 2019
 Theme URI:    http://themeforest.net/user/greatives
 Description:  Blade Child Theme for ResoLute Winter 2018
 Version:      2.2.2
 Author:       Greatives Team
 Author URI:   http://greatives.eu
 Template:     blade
*/

/* --------- ADD CUSTOM STYLING FOR INDIVIDUAL VERSIONS BELOW ---------- */

/* BRING YOUR WHOLE SELF story */
.parallax-quote p {
	font-weight: bold;
	font-size: 22px;
	line-height: 35px;
	text-align: center;
}

/* POWER PADDLE story */
/* need to use body class since the modal added later */
body.postid-707 .mfp-figure small {
	margin-top: -2em;
}

/* (4 big boxes of events) */
.plu-homecoming-days {
	max-height: 500px;
	min-height: 500px;
	overflow-y: auto;
	background-position: center;
}
/* modify max height for mobile */
@media only screen and (max-width: 768px) {
	.plu-homecoming-days {
		min-height: inherit;
	}
}
.plu-homecoming-days .grve-text strong {
	text-transform: uppercase;
}

/* set custom scrollbar for webkit browsers */
.plu-homecoming-days::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.6);
	border-radius: 5px;
	background-color: transparent;
}

.plu-homecoming-days::-webkit-scrollbar {
	width: 4px;
	background-color: transparent;
}

.plu-homecoming-days::-webkit-scrollbar-thumb {
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
	background-color: rgba(255,255,255,0.5);
}

.review-section {
	background: #000 url('https://www.plu.edu/resolute/winter-2019/wp-content/uploads/sites/29/2019/01/people-outline.png') no-repeat center bottom;
}

/* add styling for alumni news 'view full photo' buttons in the 5 bx grid */
.plu-alum-button {
	width: 100%;
	text-align: center;
	display: block;
	font-size: 12px;
	border: 1px solid;
	color: #fff;
	padding: 10px;
}
.plu-alum-button:hover {
	color: #fbba37;
}

/* edit the 'COOL TIMELINE' plugin to remove some items from displaying */
.ctl-bullets-container,
.pres-profile-timeline .cool_timeline .timeline-main-title,
.pres-profile-timeline .cool_timeline .timeline-post .meta-details {
	display: none !important;
}

/* remove the author bio section from some pages/posts */
body.single-post.postid-30 #grve-about-author,
body.single-post.postid-83 #grve-about-author,
body.single-post.postid-695 #grve-about-author,
body.single-post.postid-681 #grve-about-author {
	display: none !important;
}

/* remove the author title section from some pages/posts */
body.single-post.postid-30 .grve-title-meta,
body.single-post.postid-695 .grve-title-meta,
body.single-post.postid-681 .grve-title-meta {
	display: none !important;
}

/* restyle the 'excerpt' text on the alumni awards blog posts (bottom of 'alumni news' page) */
body.page-id-489 .grve-blog-carousel [itemprop="articleBody"] {
	margin-top: -23px;
}
body.page-id-489 .grve-blog-carousel [itemprop="articleBody"] > p{
	font-size: 13px;
	text-transform: uppercase;
	line-height: 1.4;
}

/* --- ADDITIONAL/MISC ITEMS BELOW --- */

/* add class that reduces the line-height of some headers */
.reduce-line-height {
	line-height: 1.5 !important;
}

/* fix the link text color to be black and underlined */
.grve-text a {
	color: #000000;
	border-bottom: 1px solid #000000;
}

/* fix the image hover overlay text positioning */
.grve-element.grve-image .grve-hover-style-1 figcaption,
.grve-element.grve-image .grve-hover-style-3 figcaption {
	padding: 0px;
}
.grve-element.grve-image .grve-hover-style-1 .grve-image-content,
.grve-element.grve-image .grve-hover-style-3 .grve-image-content {
	left: 0;
	bottom: 0px;
	padding: 20px;
}

/* add class to make the caption text at the top of stories reduce the top margin and add bottom margin */
.header-photo-creds {
	margin: -4em 0 4em 0;
}

/* make a 'rounded corner' class for items */
.rounded-corner-img {
	border-radius: 5px;
}

/* set a class to have an inner width of 1200px max when the backround is full width */
.max-width-1200 {
	max-width: 1200px;
	margin: 0 auto;
	float: none;
	padding: 0 25px !important;
}

/* class to only show on desktop */
@media only screen and (max-width: 1200px) {
	.only-desktop {
		display: none;
	}
}

/* remove the "more" button on class notes items */
#class-note-grids .box-more {
	display: none;
}

/* add top and bottom margin on items */
.add-top-btm-margin {
	margin: 3em 0;
}

/* change [audio] playlist styles */
.audio-playlist .wp-playlist {
	border-color: #cccccc;
	border-radius: 3px;
}
.audio-playlist .wp-playlist .wp-playlist-current-item {
	height: 33px;
}

/* add styling to make image galleries only display one image in a column, but when
 * clicked will open and allow user to scroll through an album of images */
.gallery-one-item-only .owl-wrapper-outer .owl-wrapper .owl-item:not(:first-child)  {
	display: none;
}

/* add class for a parallax section title */
.parallax-section-title h1 {
	text-align: center;
	color: #ffffff;
	text-transform: none;
	font-weight: normal;
	margin: 0;
}

/* add class to make font white */
.white-text {
	color: #ffffff !important;
}

/* add class for responsive iframes */
.res-iframe {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 50%;
	display: inline;
}
	
.res-iframe iframe {
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/* make 'leader text' style be bold */
.bold-leader span {
	font-weight: bold;
}

/* make 'featured' page images be max 350px wide */
.featured-story-img img {
	max-width: 350px;
}

/* make 'caption' styles */
.caption {
	font-size: 11px;
	border-bottom: 1px solid #ebebeb;
	font-family: "Open Sans";
	padding-bottom: 5px;
}
.caption.no-line {
	border-bottom: none;
}
.caption a {
	color: #777777;
	text-decoration: underline; 
}
.caption strong {
	display: block;
	margin-bottom: -5px;
}

/* circle cut photos */
.circle-border .grve-media img {
	border-radius: 50%;
}

/* increase font size for <blockquotes> */
blockquote, blockquote p {
	font-size: 22px !important;
}

/* remove the link to view 'all stories' by an author in the footer of posts */
#grve-about-author .grve-author-info a.grve-small-text {
	display: none !important;
}

/* give 'lyvefire' comment a max-width */
#livefyre-comments {
	max-width: 75%;
	margin: 0 auto;
}