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

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

/* -- "ADVICE WORTH SHARING" standalone page */
.advice-photo .grve-image-text .grve-image > img {
	max-width: 500px;
	margin: 0 auto;
}

/* -- 'ALUMNI AWARDS' standalone page -- */
.alumni-awards-columns .wpb_column {
	min-height: 650px;
}

/* add some padding on the 'homecoming' section in alumni news */
.homecoming-section .grve-container .grve-column .grve-row {
	margin-left: 0;
	margin-right: 0;
}

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

.gold-gradient-title.grve-text p {
	font-weight: bold;
	font-size: 25px;
	background: -webkit-linear-gradient(45deg, #f89b1c, #ffd013 75%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 1.7;
}

a.full-news-story {
	font-size: 12px;
	text-transform: uppercase;
}

/* remove author (top section) from displaying on certain posts */
body.postid-133 #grve-post-title .grve-title-meta,
body.postid-189 #grve-post-title .grve-title-meta,
body.postid-407 #grve-post-title .grve-title-meta {
	display: none !important;
}

/* remove author (bottom section) from displaying on certain posts */
body.postid-83 #grve-about-author,
body.postid-129 #grve-about-author,
body.postid-133 #grve-about-author,
body.postid-179 #grve-about-author,
body.postid-189 #grve-about-author,
body.postid-407 #grve-about-author {
	display: none !important;
}

/* gold text link */
.gold-text-link a {
	color: #fbba37 !important;
	border-bottom-color: #fbba37 !important;
}

.gold-title-text {
	color: #fbba37 !important;
}

/* fix the image hover style so the text doesn't sit too far to the right */
.grve-gallery-item figure.grve-hover-style-1 figcaption, .grve-gallery-item figure.grve-hover-style-3 figcaption {
	right: 20px;
	padding: 20px 0 20px 20px;
}

/* boldand capitalize */
.bold-capitalized {
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
}

/* increase line height */
.increase-line-height {
	line-height: 1.5;
}

/* 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,
.caption > p {
	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;
}