/*

Theme Name: Pro – Child Theme
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/

/* Custom _content-post-header.php for the ethos stack */
.entry-header--yasr .entry-header__title #yasr-custom-text-before-visitor-rating {display: none}
.x-recent-post1.with-image #yasr-custom-text-before-visitor-rating { display: none }
.x-recent-post2.with-image .yasr-container-custom-text-and-visitor-rating { display: none }
.entry-header--yasr .yasr-visitor-votes {
	margin-top: 0;
	text-align: left;
}
@media screen and (min-width: 768px) {
	.entry-header--yasr .entry-header__title {
		display: flex;
		align-items: flex-start;
	}
	.entry-header--yasr .entry-title {margin-right: .75rem}

	.archive .entry-header--yasr .entry-header__title {justify-content: space-between}
}
.archive .rateit .rateit-range {vertical-align: 0}

/* Membership required ribbon */
.ribbon {}
.ribbon.ribbon--members {
	color: #fff;
	background-color: #0069a9;
	position: absolute;
	width: 23em;
	height: 6.75em;
	left: 0;
	z-index: 500;
	top: 0;
	text-align: center !important;
	transform: translateX(-50%) translateY(0rem) rotate(-45deg);
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: column;
	padding: 1em !important;
	transform-origin: top center;
}
.ribbon.ribbon--small {font-size: .8rem}
.ribbon.ribbon--blue {background-color: #0069a9}
.ribbon.ribbon--green {background-color: #83c11f}
.ribbon--members .ribbon__title {
	color: #fff;
	font-size: 1.2em;
	font-weight: 600;
	line-height: 0;
}
.x-recent-posts article.hentry > .entry-wrap {
	position: relative;
	overflow: hidden;
}

/* @see /assets/js/custom.js@1 */
.x-feature-list .x-feature-box > a {
	display: flex;
	margin-bottom: 1rem;
	color: #999999;
}

/* targets lessons-overview boxes */
.x-column .x-feature-box > a .x-feature-box-graphic-inner {
	margin-left: auto;
	margin-right: auto;
}

/* Services info box: correct padding; */
.service-info-box {display: flex}

/* Adjust nav menu breakpoint see accompanying js in customizer also */
@media (max-width: 1200px){
	.masthead-inline .x-btn-navbar {
		display: block;
		float: right;
	}
	.x-nav-wrap.desktop {display: none}
	.x-nav-wrap.mobile.collapse {display: none}
	.x-nav-wrap.mobile.collapse.in {display: block}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 1200px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 1200px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 1200px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 1200px),
only screen and (                min-resolution: 192dpi) and (max-width: 1200px),
only screen and (                min-resolution: 2dppx)  and (max-width: 1200px) { 
	.masthead-inline .x-btn-navbar {
		display: block;
		float: right;
	}
	.x-nav-wrap.desktop {display: none}
	.x-nav-wrap.mobile.collapse {display: none}
	.x-nav-wrap.mobile.collapse.in {display: block}
}