/*
*
*	Theme Name: Eastwood Cycle Sanctuary
*	Author: Daymarker Digital
*	Info: Main Styles
*
*/

/*
==============================================================================================
MASTER LAYOUT :: TYPOGRAPHY

font-family: "Sorts Mill Goudy", serif; 

font-family: "brandon-grotesque", sans-serif; 
font-weight: 100, 300, 400, 500, 700, 900;
font-style: normal, italic; 
==============================================================================================
*/

ul, li {
	list-style: none;
}

p, li, ul, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}

p:last-child, ul > li:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
	margin: 0px !important;
}

p, li {
	font-family: "Sorts Mill Goudy", serif; 
	font-size: 16px;
	line-height: 145%;
	margin: 0px 0px 17px 0px;
	color: #808080;
	letter-spacing: 0.35px;
}

h1, h2, h3, h4, h5, h6, button {
	font-family: "brandon-grotesque", sans-serif; 
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

h2, h3, h4 {
	font-size: 18px;
	line-height: 125%;
	margin: 0px 0px 20px 0px;
}

h2 {
	font-weight: 700; /* Bold */	
}

h3 {
	font-weight: 300; /* Medium */	
}

h4 {
	font-size: 18px;
	font-weight: 300; /* Light */	
}

#main-content h1 {
	font-family: "Sorts Mill Goudy", serif;
    font-size: 28px;
    line-height: 115%;
    font-style: italic;
    text-transform: none;
    text-align: center;	
}

#main-content.class,
#main-content.instructors {
	color: #bcbec0;
}

button {
	font-weight: 900;
	letter-spacing: 3.75px;
}

button.cta {
	display: block;
    margin: 0px auto;
    padding: 17px 0px;
    text-align: center;
    width: 240px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 4px;
}

button:hover {
	background: #333333;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

@media (min-width: 768px) {
	
	p, li {
		font-size: 17px;
		line-height: 140%;
		margin: 0px 0px 17px 0px;
	}
	
	h2, h3, h4 {
		font-size: 20px;
	}
	
	#main-content h1 {
	    font-size: 34px;
	}

	button.cta {
	    padding: 20px 0px;
	    width: 290px;
	    font-size: 14px;
	    letter-spacing: 4px;
	}

} /* min width 768px */

@media (min-width: 992px) {
 
	p, li {
		font-size: 16px;
		line-height: 140%;
		margin: 0px 0px 16px 0px;
	}
	
	h2, h3, h4  {
		font-size: 16px;
		margin: 0px 0px 18px 0px;
	}
	
	h4 {
		font-size: 12px;
	}
	
	#main-content h1 {
	    font-size: 42px;
	}
	
	button.cta {
	    padding: 22px 0px;
	    width: 300px;
	    font-size: 15px;
	}

} /* min width 992px */

@media (min-width: 1200px) {

	#main-content h1 {
	    font-size: 50px;
	}
	
	h2, h3, h4  {
		font-size: 17px;
		margin: 0px 0px 18px 0px;
	}
	
	
	p, li {
		font-size: 15px;
		line-height: 145%;
		margin: 0px 0px 16px 0px;
	}
	
} /* min width 1200px */

/*
==============================================================================================
MASTER LAYOUT :: GENERAL
==============================================================================================
*/

/* Transitions */

a,
input,
textarea,
button,
form .required-field .error-message,
#push-menu-trigger,
.overlay,
.owl-carousel .owl-dot,
.personality-list h2,
#pagination .profile-preview-photo {
	-webkit-transition: all 230ms ease-in-out;
	-moz-transition: all 230ms ease-in-out;
	-ms-transition:  all 230ms ease-in-out;
	-o-transition: all 230ms ease-in-out;
	transition: all 230ms ease-in-out;
	-webkit-backface-visibility: hidden;
}

/* Utility Classes */

.vertical-center {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.smartphone-only,
.mobile-only {
	display: inline-block !important;
}

.desktop-only,
.tablet-only {
	display: none !important;
}

.background-image.cover {
	background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.overlay {
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.35);
}

/* Embedded Content */

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.embed-container .soundHeader__title {
	display: none;
}

.favourite-songs-list > li {
	width: 100%;
	margin: 0px 0px 30px 0px;
}

.favourite-songs-list > li:last-child {
	margin: 0px;
}

/* Buttons */

button {
	display: inline-block;
	width: auto;
	padding: 12px 30px;
	color: #fff;
	background: #e2625a;
}

button.cta-large {
	font-size: 18px;
	display: block;
	margin: 0px auto;
	font-weight: 500;
	line-height: 75%;
	padding: 25px 50px;
}

/* Social Media */

.social-media-list {
	display: block;
	text-align: center;
	list-style: none;	
}

.social-media-list img {
	width: 100%;
}

.social-media-list > li {
	margin: 0px 0px 10px 0px;
	display: inline-block;
	vertical-align: middle;
}

.hr {
	display: block;
	width: 100%;
	height: 1px;
	margin: 0px auto;
}

/* Owl Carousel */

.carousel-container {
	position: relative;
}

.owl-carousel .disabled {
	display: none;
}

.owl-carousel .owl-dots {
	position: absolute;
	bottom: 12px;
	width: 100%;
	text-align: center;
	display: block;
	z-index: 999;
}

.owl-carousel .owl-dot {
	display: inline-block;
	cursor: pointer;
	width: 12px;
	height: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	margin: 0px 10px 0px 0px;
	background: rgba(112,188, 32, 0.33);
}

.owl-carousel .owl-dot:hover, .owl-carousel .owl-dot.active {
	background: rgba(112,188, 32, 1);
}

.owl-carousel .owl-dot:last-child {
	margin: 0px;
}

/* Pagination */

.pagination-nav.next {
	text-align: right;
}

.pagination-nav.prev {
	text-align: left;
}

/* Standard Elements */

.default-cover {
	display: block;
	width: 100%;
	height: 200px;
	margin-bottom: 55px;
	text-align: center;
}

.default-cover.image {
	background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.default-cover.cover-carousel {
	margin: 0px;
}

.default-cover h1 {
	font-size: 34px;
    line-height: 100%;
    font-style: italic;
    font-family: "Sorts Mill Goudy", serif;
    letter-spacing: 0.35px;
    margin: 0px 0px 12px 0px;
    text-transform: none;
}

.default-cover h2 {
	font-size: 14px;
    line-height: 90%;
    font-weight: 400;
    font-family: "brandon-grotesque", sans-serif;
    margin: 0px;
}

.default-cover h1,
.default-cover h2 {
	color: #fff;
	text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2); 
}

#main-content {
	padding: 20px 0px 0px 0px;
}

/* Eastwood Pattern */

.eastwood-pattern {
	width: 100%;
	text-align: center;
}

.eastwood-pattern img {
	display: inline-block;
	width: 80%;
	max-width: 300px;
}

/* Forms */ 

form label {	
    font-weight: 400;
    letter-spacing: 3px;
    text-align: left;
    color: #777777;
    display: block;
    font-size: 14px;
    line-height: 90%;
    margin: 0px 0px 10px 0px;
}

form .asterisk {
	color: #e2625a;
}

form input,
form textarea,
form select {
	width: 100%;
	display: block;
	margin: 0px 0px 18px 0px;
}

form input, form textarea {
	font-size: 15px;
    line-height: 100%;
    font-style: italic;
    font-family: "Sorts Mill Goudy", serif;
    letter-spacing: 0.35px;
    text-transform: none;
}

form label,
form input[type=submit] {
    font-family: "brandon-grotesque", sans-serif;	
	text-transform: uppercase;
}

form select {
	margin: 0px 0px 15px 0px;
}

form input,
form textarea {
	color: #e4e5e6;
    background: #272727;
    border: none;
    outline: none;
    padding: 15px;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 1.2px;
}

form input[type=submit] {
    padding: 20px 0px;
    font-size: 14px;
    line-height: 90%;
    font-weight: 900;
    letter-spacing: 3.75px;
    color: #fff;
    font-style: normal;
    text-align: center;
    background: #e2625a;
    margin: 36px 0px 0px 0px;
}

form input:focus,
form textarea:focus,
form input[type=submit]:hover {
	background: #1F1F1F;
}

form .required-field.error input,
form .required-field.error textarea {
	border: 1px solid #e2625a;
}

form .required-field .error-message {
	-khtml-opacity: 0;  
	-moz-opacity: 0;  
	-ms-filter: alpha(opacity=00); 
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=00); 
	filter: alpha(opacity=00);
	opacity: 0;
	margin: -10px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	text-align: left;
}

form .required-field.error .error-message {
	-khtml-opacity: 1;  
	-moz-opacity: 1;  
	-ms-filter: alpha(opacity=100); 
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 
	filter: alpha(opacity=100);
	opacity: 1;
}

form .error-message p {
	color: #e2625a !important; 
}

/* Loading Screen */

#loading-screen {
	display: block;
	position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999;
    -webkit-transition: all 360ms ease-in-out .33s;
    -moz-transition: all 360ms ease-in-out .33s;
    -ms-transition:  all 360ms ease-in-out .33s;
    -o-transition: all 360ms ease-in-out .33s;
    transition: all 360ms ease-in-out .33s;
    -webkit-backface-visibility: hidden;
}

#loading-screen .loading-screen-logo {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

#loading-screen img {
	display: block;
	width: 66%;
	margin: 0px auto;
}

#loading-screen.loaded {
	-khtml-opacity: 0;  
	-moz-opacity: 0;  
	-ms-filter: alpha(opacity=00); 
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=00); 
	filter: alpha(opacity=00);
	opacity: 0;
}

@media (min-width: 768px) {

	.tablet-only,
	.mobile-only {
		display: inline-block !important;
	}
	
	.smartphone-only,
	.desktop-only {
		display: none !important;
	}
	
	/* Standard Elements */

	.default-cover {
		height: 250px;
		margin-bottom: 65px;
	}
	
	.default-cover h1 {
		font-size: 44px;
	    margin: 0px 0px 12px 0px;
	}
	
	.default-cover h2 {
		font-size: 20px;
	}
	
	/* Eastwood Pattern */

	.eastwood-pattern img {
		max-width: 300px;
	}
	
	/* Forms */ 

	form label {	
	    font-size: 16px;
	    margin: 0px 0px 12px 0px;
	}
	
	/* Loading Screen */

	#loading-screen img {
		max-width: 300px;	
	}
		
} /* min width 768px */

@media (min-width: 992px) {
	
	.tablet-only,
	.mobile-only,
	.smartphone-only {
		display: none !important;
	}
	
	.desktop-only {
		display: inline-block !important;
	}
 
	/* Social Media */
	
	.social-media-list {
		text-align: left;
	}
	
	.social-media-list > li {
		margin: 0px 15px 10px 0px;
	}
	
	/* Standard Elements */

	.default-cover {
		height: 300px;
		margin-bottom: 80px;
	}
	
	.default-cover h1 {
		font-size: 50px;
	    margin: 0px 0px 14px 0px;
	}
	
	.default-cover h2 {
		font-size: 22px;
	}
	
	/* Eastwood Pattern */

	.eastwood-pattern img {
		max-width: 340px;
	}
	
	/* Forms */ 

} /* min width 992px */

@media (min-width: 1200px) {

	/* Standard Elements */

	.default-cover {
		height: 350px;
		margin-bottom: 90px;
	}
		
	.default-cover h1 {
		font-size: 55px;
	    margin: 0px 0px 15px 0px;
	}
	
	.default-cover h2 {
		font-size: 24px;
	}

} /* min width 1200px */

/*
==============================================================================================
MASTER NAVIGATION :: PUSH NAVIGATION
==============================================================================================
*/

#site-container, #push-menu, #push-menu-trigger {
	-webkit-transition: all 290ms ease-in-out;
	-moz-transition: all 290ms ease-in-out;
	-ms-transition:  all 290ms ease-in-out;
	-o-transition: all 290ms ease-in-out;
	transition: all 290ms ease-in-out;
	-webkit-backface-visibility: hidden;
}

#site-container {
	overflow-x: hidden;
    position: relative;
    left: 0;
}

#push-menu {
	padding: 20px 0px 0px 0px;
	background: #3a3a3a;
	border-left: 12px solid #2c2c2c;
    position: fixed;
    width: 220px;
    height: 100%;
    top: 0px;
    right: 0px;
    z-index: 1000;
    -webkit-transform: translate(220px,0);
    -moz-transform: translate(220px,0);
    -ms-transform: translate(220px,0);
    -o-transform: translate(220px,0);
    transform: translate(220px,0);
    text-align: right;
}

#push-menu ul, #push-menu ul > li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#push-menu .menu > li {
	font-family: "brandon-grotesque", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 3.2px;
    font-size: 12px;
    line-height: 90%;
    margin-bottom: 25px;
    padding: 0px 20px 0px 0px;
}

#push-menu li:last-child {
	border-bottom: none;
}

#push-menu .menu a {
	display: block;
	color: #969696;
}

#push-menu .menu > li.active a, #push-menu .menu > li:hover a {
	color: #fff;
}

#site-container.pushed {
	-webkit-transform: translate(-220px,0); /* x,y */
	-moz-transform: translate(-220px,0); /* x,y */
	-ms-transform: translate(-220px,0); /* x,y */
	-o-transform: translate(-220px,0); /* x,y */
	transform: translate(-220px,0); /* x,y */	
}

#push-menu.pushed {
	-webkit-transform: translate(0px,0); /* x,y */
	-moz-transform: translate(0px,0); /* x,y */
	-ms-transform: translate(0px,0); /* x,y */
	-o-transform: translate(0px,0); /* x,y */
	transform: translate(0px,0); /* x,y */	
}

#push-menu .hr {
	background: rgba(255,255,255, 0.05);
	margin-top: 26px;
	margin-bottom: 26px;
}

#push-menu .social-media-list.push-menu {
	text-align: right;
	display: block;
	padding: 0px 20px 0px 0px;
}

#push-menu .social-media-list.push-menu > li {
	display: inline-block;
	width: 30px;
	margin: 0px 7px 0px 0px;
}

#push-menu .social-media-list.push-menu a:hover {
	-khtml-opacity: 0.45;  
	-moz-opacity: 0.45;  
	-ms-filter: alpha(opacity=45); 
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=45); 
	filter: alpha(opacity=45);
	opacity: 0.45;
}

#push-menu button {
	font-size: 9px;
    padding: 10px 16px;
    font-weight: 500;
    letter-spacing: 2.5px;
    margin-right: 20px;
}

#push-menu button.cyclist {
	margin-bottom: 25px;
}

@media (min-width: 768px) {
	
	#site-container, #push-menu, #push-menu-trigger {
		-webkit-transition: all 320ms ease-in-out;
		-moz-transition: all 320ms ease-in-out;
		-ms-transition:  all 320ms ease-in-out;
		-o-transition: all 320ms ease-in-out;
		transition: all 320ms ease-in-out;
		-webkit-backface-visibility: hidden;
	}
	
	#push-menu {
		padding: 30px 0px 0px 0px;
		width: 280px;
		-webkit-transform: translate(280px,0); /* x,y */
		-moz-transform: translate(280px,0); /* x,y */
		-ms-transform: translate(280px,0); /* x,y */
		-o-transform: translate(280px,0); /* x,y */
		transform: translate(280px,0); /* x,y */	
		border-left: 18px solid #2c2c2c;
	}
	
	#push-menu li {
		font-size: 18px;
	}
	
	#site-container.pushed {
		-webkit-transform: translate(-280px,0); /* x,y */
		-moz-transform: translate(-280px,0); /* x,y */
		-ms-transform: translate(-280px,0); /* x,y */
		-o-transform: translate(-280px,0); /* x,y */
		transform: translate(-280px,0); /* x,y */	
	}
	
	#push-menu .menu > li {
	    font-size: 15px;
	    margin-bottom: 27px;
	    padding: 0px 30px 0px 0px;
	}

	#push-menu .social-media-list.push-menu {
		padding: 0px 30px 0px 0px;
	}
	
	#push-menu .social-media-list.push-menu > li {
		width: 33px;
		margin: 0px 9px 0px 0px;
	}
	
	#push-menu .hr {
		margin-top: 28px;
		margin-bottom: 28px;
	}
	
	#push-menu button {
		    font-size: 11px;
			padding: 12px 25px;
			margin-right: 23px;
			letter-spacing: 3px;
	}
	
	#push-menu button.cyclist {
		margin-bottom: 27px;
	}
	
} /* min width 768px */

@media (min-width: 992px) {

	#push-menu, #push-menu.pushed {
		-webkit-transform: translate(350px,0); /* x,y */
		-moz-transform: translate(350px,0); /* x,y */
		-ms-transform: translate(350px,0); /* x,y */
		-o-transform: translate(350px,0); /* x,y */
		transform: translate(350px,0); /* x,y */	
	}
	
	#site-container.pushed {
		-webkit-transform: translate(0px,0); /* x,y */
		-moz-transform: translate(0px,0); /* x,y */
		-ms-transform: translate(0px,0); /* x,y */
		-o-transform: translate(0px,0); /* x,y */
		transform: translate(0px,0); /* x,y */	
	}
	
	.main-menu-top-level > li {
	    font-size: 18px;
	    margin: 0px 0px 32px 0px;
	}
	
	.main-menu-top-level a {
	    width: 35%;
	    padding: 22px 0px;
	}
	
} /* min width 992px */

@media (min-width: 1200px) {
	
	#push-menu {
		-webkit-transform: translate(350px,0); /* x,y */
		-moz-transform: translate(350px,0); /* x,y */
		-ms-transform: translate(350px,0); /* x,y */
		-o-transform: translate(350px,0); /* x,y */
		transform: translate(350px,0); /* x,y */	
	}
	
	#site-container.pushed {
		-webkit-transform: translate(0px,0); /* x,y */
		-moz-transform: translate(0px,0); /* x,y */
		-ms-transform: translate(0px,0); /* x,y */
		-o-transform: translate(0px,0); /* x,y */
		transform: translate(0px,0); /* x,y */	
	}

} /* min width 1200px */

/*
==============================================================================================
MASTER LAYOUT :: HEADER
==============================================================================================
*/

/* Main Header */

#header-main {
    padding: 15px 0px;
}

#header-main .quick-nav {
	width: 100%;
	text-align: right;
}

#header .brand {
	width: 100%;
	max-width: 100px;
}

#header #main-menu, #header .brand, #header #main-menu ul > li, #header .register, #push-menu-trigger {
	display: inline-block;
	vertical-align: middle;
}

#header #main-menu ul {
	display: block;
	list-style: none;
	text-align: left;
}

#header #main-menu a, #header .register a {
	font-family: "brandon-grotesque", sans-serif; 
	text-transform: uppercase;
	color: #231f20;
}

#header #main-menu a:hover, #header #main-menu .active a {
	-khtml-opacity: 0.39;  
	-moz-opacity: 0.39;  
	-ms-filter: alpha(opacity=39); 
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=39); 
	filter: alpha(opacity=39);
	opacity: 0.39;
}

#header .brand img {
	width: 100%;
}

#header .register {
	margin: 0px 15px 0px 0px;
}

#push-menu-trigger {
	width: 22px;
	cursor: pointer;
}

#push-menu-trigger img {
	width: 100%;
}

#header .register a {
	color: #231f20;
	font-size: 10px;
	line-height: 90%;
	font-weight: 100;
	letter-spacing: 3.3px;
}

#header-main .register a {
	font-weight: 400;
}

@media (min-width: 768px) {

	#header-main {
	    padding: 18px 0px;
	}
	
	#push-menu-trigger {
		width: 25px;
	}

} /* min width 768px */

@media (min-width: 992px) {
	
	#header-main {
	    padding: 20px 0px;
	}
	
	#main-menu {
		margin-top: 2px;
	}
	
	#header .brand {
		max-width: 115px;
		margin: -7px 25px 0px 0px;
	}
	
	#header #main-menu ul > li {
		margin: 0px 20px 0px 0px;
	}
	
	#header #main-menu a {
		font-size: 11px;
		line-height: 90%;
		font-weight: 500;
		letter-spacing: 2px;
	}

	#header-extras {
		width: 100%;
		background: #231f20;
		padding: 12px 0px;
	}
	
	#header-extras .extras {
		text-align: right;
	}
	
	#header-extras .extras div, #header-extras .extras ul {
		display: inline-block;
		width: auto;
		vertical-align: middle;
	}
	
	#header-extras .tagline {
		width: 100%;
		max-width: 180px;
	}
	
	#header .register {
		margin: 0px 15px 0px 0px;
	}
	
	#header .register a {
		color: #fff;
		font-size: 11px;
	}
	
	#header .register a:hover {
		color: #AFAFAF;
	}

	.social-media-list.header > li {
		width: 18px;
		margin: 0px 8px 0px 0px;
	}
	
	.social-media-list.header a:hover {
		-khtml-opacity: 0.5;  
		-moz-opacity: 0.5;  
		-ms-filter: alpha(opacity=50); 
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); 
		filter: alpha(opacity=50);
		opacity: 0.5;
	}

} /* min width 992px */

@media (min-width: 1200px) {
	
	#header-main {
	    padding: 22px 0px;
	}

	#header .brand {
		max-width: 120px;
	}

} /* min width 1200px */

/*
==============================================================================================
MASTER LAYOUT :: HOME
==============================================================================================
*/

#cover .slide-item, #about-eastwood .background-image {
	height: 240px;
	width: 100%;
	display: block;
	margin-bottom: 30px;
}

#cover .slide-item .content, #about-eastwood .content {
	text-align: center;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 0px 20px;
}

#cover .slide-item a, #about-eastwood .background-image a {
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.35);
}

#cover .slide-item a:hover, #about-eastwood .background-image a:hover {
	background: rgba(0,0,0,0.66);
}

#main-content.home h1, #main-content.home h2 {
	display: block;
	color: #fff;
	margin: 0px;
	padding: 0px;
	text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2); 	
}

#main-content.home h1 {
	font-family: "Sorts Mill Goudy", serif;
	font-size: 28px;
	line-height: 115%;
	font-style: italic;
	text-transform: none;
}

#main-content.home h2 {
	font-family: "brandon-grotesque", sans-serif; 
	font-size: 16px;
	line-height: 90%;
	font-weight: 400;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	margin-top: 10px;
}

/* About Eastwood */

#about-eastwood {
	
}

/* Eastwood Classes */

#eastwood-classes {
	margin: 0px 0px 60px 0px;
}

#eastwood-classes .slide-item {
	display: block;
	width: 100%;
	height: 240px;
	text-align: center;
}

#eastwood-classes .slide-item .content {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

#eastwood-classes .key-words,
#eastwood-classes .key-words > li  {
	margin: 0px;
	padding: 0px;
	list-style: none;	
}

#eastwood-classes .key-words {
	margin-top: 10px;
}

#eastwood-classes .key-words > li {
	display: inline-block;
	width: auto;
	font-size: 14px;
    line-height: 90%;
    font-weight: 400;
    letter-spacing: 2.5px;
    font-family: "brandon-grotesque", sans-serif;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
    margin: 0px 14px 0px 0px;
}

#eastwood-classes a.overlay:hover {
	background: rgba(0,0,0,0.66);
}

/* Eastwood Blog Preview */

#main-content.home #blog-preview h1,
#main-content.home #blog-preview h2 {
	font-family: "Sorts Mill Goudy", serif;
    line-height: 115%;
    font-style: italic;
    text-transform: none;
    text-align: center;
    text-shadow: none;
}

#main-content.home #blog-preview h1 {
	font-size: 35px;
	margin: 0px 0px 28px 0px;
	color: #bcbec0;
}

#main-content.home #blog-preview h2 {
	font-size: 16px;
	color: #0097a9;
    margin: 0px 0px 9px 0px;
}

#blog-preview .post-date {
	font-size: 12px;
}

#blog-preview article {
	margin: 0px;
}

@media (min-width: 768px) {
	
	#cover .slide-item, #about-eastwood .background-image {
		height: 300px;
	}
	
	#cover .slide-item .content, #about-eastwood .background-image .content {
		padding: 0px;
	}
	
	#main-content.home h1 {
		font-size: 34px;
	}
	
	#main-content.home h2 {
		font-size: 18px;
		margin-top: 12px;
	}
	
	/* Eastwood Classes */
	
	#eastwood-classes {
		margin: 0px 0px 65px 0px;
	}

	#eastwood-classes .slide-item {
		height: 300px;
	}
	
	#eastwood-classes .key-words {
		margin-top: 12px;
	}
	
	#eastwood-classes .key-words > li {
		font-size: 16px;
		margin: 0px 15px 0px 0px;
	}
	
	/* Eastwood Blog Preview */
	
	#main-content.home #blog-preview h1 {
		font-size: 38px;
		margin: 0px 0px 30px 0px;
	}

	#main-content.home #blog-preview h2 {
		font-size: 17px;
	}
	
	#blog-preview .post-date {
		font-size: 13px;
	}

} /* min width 768px */

@media (min-width: 992px) {
 
	#cover .slide-item, #about-eastwood .background-image {
		height: 360px;
	}
		
	#main-content.home h1 {
		font-size: 42px;
	}
	
	#main-content.home h2 {
		font-size: 20px;
		margin-top: 14px;
	}
	
	/* Eastwood Classes */
	
	#eastwood-classes {
		margin: 0px 0px 70px 0px;
	}

	#eastwood-classes .slide-item {
		height: 310px;
	}
	
	#eastwood-classes .key-words {
		margin-top: 14px;
	}

	#eastwood-classes .key-words > li {
		font-size: 18px;
		0px 18px 0px 0px;
	}
	
	/* Eastwood Blog Preview */
	
	#main-content.home #blog-preview h1 {
		font-size: 38px;
		margin: 0px 0px 30px 0px;
	}

	#main-content.home #blog-preview h2 {
		font-size: 20px;
	    margin: 0px 0px 12px 0px;
		text-align: left;
	}
	
	#blog-preview .post-date {
		font-size: 14px;
	}

} /* min width 992px */

@media (min-width: 1200px) {

	#cover .slide-item, #about-eastwood .background-image {
		height: 450px;
	}
	
	#main-content.home h1 {
		font-size: 50px;
	}
	
	#main-content.home h2 {
		font-size: 23px;
		margin-top: 15px;
	}
	
	/* Eastwood Classes */
	
	#eastwood-classes {
		margin: 0px 0px 75px 0px;
	}

	#eastwood-classes .slide-item {
		height: 320px;
	}
	
	#eastwood-classes .key-words {
		margin-top: 15px;
	}
	
	#eastwood-classes .key-words > li {
		font-size: 20px;
	}

} /* min width 1200px */

/*
==============================================================================================
MASTER LAYOUT :: POSTS 
==============================================================================================
*/

/*
==============================================================================================
MASTER LAYOUT :: SINGLE POST
==============================================================================================
*/

/*
==============================================================================================
MASTER LAYOUT :: INSTRUCTOR PAGE & INSTRUCTOR MASONRY
==============================================================================================
*/

#main-content.instructors h1 {
	color: #bcbec0;
}

#main-content.instructors h1,
#main-content.instructors .cover .content {
	text-align: center;	
}

#main-content.instructors h1 {
	margin-bottom: 25px;
}

#main-content.instructors .cover .content {
	margin-bottom: 40px;
}

#main-content.instructors .cover .eastwood-pattern {
	margin-bottom: 60px;
}

#instructors .slide-item {
	height: 220px;
	margin: 0px;
}

.instructor-list, .instructor-list > li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.instructor-list {
	text-align: center;
}

.instructor-list > li {
	display: inline-block;
	width: 100%;
	max-width: 390px;
	height: 360px;
	margin: 0px 0px 30px 0px;
	vertical-align: top;
}

.instructor-item .cover a {
	width: 100%;
	height: 100%;
	display: block;
	color: rgba(255, 255, 255, 0);
	background: rgba(0, 0, 0, 0);
}

.instructor-item .cover a:hover {
	color: rgba(255, 255, 255, 1);
	background: rgba(0, 0, 0, 0.80);	
}

.instructor-item .content {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.instructor-item .instructor-name {
	font-family: "brandon-grotesque", sans-serif; 
	font-size: 17px;
	line-height: 90%;
	font-weight: 500;
	letter-spacing: 1.75px;
	margin: 0px;
	padding: 0px;
}

.placeholder-item { 	
}

.instructor-item  #pagination {
	padding: 30px 0px 0px 0px;
}

.instructor-item .background-image {
	width: 100%;
	height: 100%;
	display: block;
}

.instructor-list .placeholder-item {
}

@media (min-width: 768px) {
	
	#instructors .slide-item {
		height: 260px;
	}
	
	#main-content.instructors h1 {
		margin-bottom: 30px;
	}
	
	#main-content.instructors .cover .content {
		margin-bottom: 40px;
	}
	
	#main-content.instructors .cover .eastwood-pattern {
		margin-bottom: 65px;
	}  
	
	.instructor-list > li {
		height: 500px;
		max-width: 450px;
		margin: 0px 0px 30px 0px;
	}
	
	.instructor-item .instructor-name {
		font-size: 30px;
	}
	
	.instructor-item  #pagination {
		padding: 45px 0px 0px 0px;
	}

} /* min width 768px */

@media (min-width: 992px) {
	
	#instructors .slide-item {
		height: 300px;
	}
	
	#main-content.instructors h1 {
		margin-bottom: 30px;
	}
	
	#main-content.instructors .cover .content {
		margin-bottom: 45px;
	}
	
	#main-content.instructors .cover .eastwood-pattern {
		margin-bottom: 70px;
	}  
 
	.instructor-list > li {
		height: 300px;
		width: 30%;
		max-width: none;
		margin: 0px 20px 20px 0px;
	}
	
	.instructor-list > li:nth-child(9n + 4) {
	    width: 40%;
	}
	
	.instructor-list > li:nth-child(9n + 6) {
	    width: 20%;
	}
	
	.instructor-list > li:nth-child(3n) {
		margin-right: 0px;
	}

	.instructor-item .instructor-name {
		font-size: 14px;
	}
	
	.placeholder-item > div {
		height: 140px;
		width: 100%;
	}
	
	.placeholder-item > div:first-child {
		margin-bottom: 20px;
	}
	
	.instructor-item  #pagination {
		padding: 55px 0px 0px 0px;
	}

} /* min width 992px */

@media (min-width: 1200px) {
	
	#instructors .slide-item {
		height: 320px;
	}
	
	#main-content.instructors h1 {
		margin-bottom: 32px;
	}
	
	#main-content.instructors .cover .content {
		margin-bottom: 48px;
	}
	
	#main-content.instructors .cover .eastwood-pattern {
		margin-bottom: 75px;
	} 

	.instructor-list > li {
		height: 380px;
	}

	.instructor-item .instructor-name {
		font-size: 16px;
	}
	
	.placeholder-item > div {
		height: 180px;
	}

} /* min width 1200px */

@media only screen and (max-device-width : 1023px) {

	.instructor-item .cover a {
		width: 100%;
		height: 100%;
		display: block;
		color: rgba(255, 255, 255, 1);
		background: rgba(0, 0, 0, 0.75);
	}

}

/*
==============================================================================================
MASTER LAYOUT :: INSTRUCTO SINGLE 
==============================================================================================
*/

body.single-instructor .cover-carousel-item {
	margin: 0px;
}

body.single-instructor #main {
	padding: 0px 0px 40px 0px;
}

#main-content.instructor h1, body.single-instructor .social-media-list {
	display: inline-block;
	vertical-align: bottom;
	text-align: center
}

#instructor .slide-item {
	margin: 0px;
	display: block;
	height: 170px;
}

#instructor h1 {
	font-family: "brandon-grotesque", sans-serif; 
	width: 100%;
	font-size: 29px;
	color: #e5e5e5;
	font-weight: 900;
	margin: 30px 0px 20px 0px;
	text-transform: uppercase;
	font-style: normal;
}

body.single-instructor .social-media-list {
	width: 100%;
}

.personality-list h2, .personality-list h2:hover {
	color: #0097a9;
	cursor: pointer;
}

body.single-instructor h2, body.single-instructor h2.collapsed {
	color: #e2625a;
}

#main-content.instructor .bio,
#main-content.instructor .personality-list > li,
#instructor-playlist {
	margin-bottom: 20px;
}

#instructor-playlist {
	min-height: 300px
}

#pagination .profile-preview-photo {
	width: 100%;
	margin: 0px 0px 20px 0px;
}

#pagination .profile-preview-photo img {
	width: 100%;
}

#pagination h3 {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 3px;
}

#pagination span {
	display: inline-block;
	vertical-align: middle;
}

#pagination a {
	color: #e2625a;
}

#pagination a:hover {
	color: #0097a9;
}

#pagination a:hover .profile-preview-photo {
	-khtml-opacity: 0.75;  
	-moz-opacity: 0.75;  
	-ms-filter: alpha(opacity=75); 
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); 
	filter: alpha(opacity=75);
	opacity: 0.75;
}

.class-info,
.class-register-btn {
	display: inline-block;
	vertical-align: middle;
}

.class-register-btn {
	background: #0097a9;
}

.class-register-btn a {
	color: #fff;
}

.class-register-btn:hover {
	background: #e2625a;
}

#instructor .section-headline {
	text-align: center;
}

#instructor .mobile-only {
	width: 100%;
	text-align: center;
}

#instructor .mobile-only .eastwood-pattern {
	margin: 40px 0px;
}

/* Instructor Schedule */

#instructor .instructor-schedule {
	display: block;
	width: 100%;
	max-width: 450px;
	margin: 0px auto;
}

#instructor .instructor-schedule > li {
	display: block;
	width: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#instructor .instructor-schedule .class-info,
#instructor .instructor-schedule .class-cta {
	display: block;
	width: 50%;
}

#instructor .instructor-schedule .class-name,
#instructor .instructor-schedule .class-time {
	display: inline-block;
	width: 100%;
}

#instructor .instructor-schedule .class-name {
	color: #333;
}

#instructor .instructor-schedule .class-info {
	float: left;
	text-align: left;
}

#instructor .instructor-schedule .class-cta {
	float: right;
	text-align: right;
}

#instructor .class-register-btn {
	width: 100%;
}

@media (min-width: 768px) {

	body.single-instructor #main {
		padding: 0px 0px 50px 0px;
	}
	
	#instructor .slide-item {
		height: 220px;
	}

	#instructor h1 {
		font-size: 34px;
	}
	
	#instructor-playlist {
		height: 300px
	}
	
	#instructor .mobile-only .eastwood-pattern {
		margin: 70px 0px;
	}
	
	#instructor .class-register-btn {
		width: 90%;
	}
	
} /* min width 768px */

@media (min-width: 992px) {
 
	body.single-instructor #main {
		padding: 0px 0px 65px 0px;
	}
	
	#instructor .slide-item {
		height: 250px;
	}

	#main-content.instructor h1, body.single-instructor .social-media-list {
		width: auto;
		text-align: left;
	}
	
	#instructor h1 {
		font-size: 50px;
		margin: 35px 0px;
	}
	
	#pagination h3 {
		font-size: 11px;
	}
	
	#instructor-playlist {
		height: 320px
	}
	
	#instructor .section-headline {
		text-align: left;
	}
	
	/* Instructor Schedule */

	#instructor .instructor-schedule {
		max-width: none;
	}
		
	#instructor .class-register-btn {
		width: 100%;
	}

} /* min width 992px */

@media (min-width: 1200px) {
	
	#instructor .slide-item {
		height: 290px;
	}

	#instructor h1 {
		font-size: 60px;
		margin: 40px 0px;
	}

	#pagination h3 {
		font-size: 12px;
	}
	
	#instructor-playlist {
		height: 380px
	}

} /* min width 1200px */

/*
==============================================================================================
MASTER LAYOUT :: ACTS OF COURTESY
==============================================================================================
*/

.acts-image {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.acts-image img {
	width: 100%;
}

#acts-of-courtesy-list {
	margin-bottom: 65px;
}

#acts-of-courtesy-list, #acts-of-courtesy-list > li {
	margin: 0px;
	padding: 0px;
	display: block;
	list-style: none;
}

#acts-of-courtesy-list > li {
	margin: 0px 0px 45px 0px;
	text-align: center;
}

#acts-of-courtesy-list > li:last-child {
	margin: 0px;
}

#acts-of-courtesy-list > li:last-child .eastwood-pattern {
	display: none !important;
}

#acts-of-courtesy-list > li div {
	display: inline-block;
	vertical-align: middle;
}

#acts-of-courtesy-list .acts-image {
	width: 100%;
	height: 120px;
	margin: 0px 0px 25px 0px;
	background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;	
}

#acts-of-courtesy-list .acts-details {
	width: 100%;	
	margin-bottom: 45px;
}

#acts-of-courtesy-list h2 {
	width: 100%;	
	color: #e2625a;
}

#acts-of-courtesy button.cta-large {
	background: #e2625a;
}

#acts-of-courtesy button.cta-large:hover {
	background: #333;
}

#acts-of-courtesy button.cta-large a {
	color: #fff;
}

@media (min-width: 768px) {

	#acts-of-courtesy-list > li {
		margin: 0px 0px 55px 0px;
	}
	
	#acts-of-courtesy-list .acts-image {
		width: 80%;
		height: 160px;
		margin: 0px 0px 30px 0px;	
	}
	
	#acts-of-courtesy-list .acts-details {
		width: 100%;	
		margin-bottom: 55px;
	}

} /* min width 768px */

@media (min-width: 992px) {
	
	#acts-of-courtesy-list {
		margin-bottom: 85px;
	}
	 
	#acts-of-courtesy-list > li {
		margin: 0px 0px 40px 0px;
		text-align: left;
	}
	
	#acts-of-courtesy-list .acts-image { 
		width: 29.5%;
		margin: 0px;
		height: 120px;
	}
	
	#acts-of-courtesy-list .acts-details { 
		width: 69%;
		margin: 0px;
		padding-left: 25px;
	}

} /* min width 992px */

@media (min-width: 1200px) {

	#acts-of-courtesy-list > li {
		margin: 0px 0px 35px 0px;
	}

} /* min width 1200px */

/*
==============================================================================================
MASTER LAYOUT :: CLASSES & PRICING & CANCELLATION
==============================================================================================
*/

/* CLASSES */

#main-content.class h1 {
	margin-bottom: 20px;
}

#class-info {
	margin-bottom: 45px;
}

.classes .class-item {
	margin-bottom: 60px;
}

.classes .class-item:last-child .eastwood-pattern {
	display: none !important;
}

.classes .eastwood-pattern {
	margin-top: 60px;
}

.classes .class-name a {
	color: #0097a9;
}

.classes .class-name a:hover {
	color: #e2625a;
}

.classes button {
	background: #0097a9;
	font-weight: 400;
}

.classes button:hover {
	background: #333333;
}

.classes button a {
	color: #fff;
}

.classes .class-info  {
	margin-bottom: 20px;	
}

.classes .class-duration {
	font-weight: bold;
	margin-bottom: 30px;
}

#class-info .content {
	margin: 0px 0px 25px 0px;
}

#class-info .content:last-child {
	margin: 0px;
}

/* PRICING */

.package-list {
	text-align: center;
}

.package-list > li:nth-child(1) * {
	color: #0097a9;
}

.package-list > li:nth-child(2) * {
	color: #ff931e;
}

.package-list > li:nth-child(3) * {
	color: #70bc20;
}

.package-list > li .rte * {
	color: #808080;
}

.package-list .rte {
	margin-bottom: 20px;
}

.bundle-list, .package-list > li {
	margin-bottom: 45px;
}

.package-list > li:last-child .eastwood-pattern {
	display: none !important;
}

#pricing {
	margin-bottom: 65px;
}

#pricing button.cta-large {
	background: #e2625a;
}

#pricing button.cta-large:hover {
	background: #333;
}

#pricing button.cta-large a {
	color: #fff;
}

/* CLASS PACKS & MEMBERSHIP */

#class-packs,
#membership {
	display: block;
	text-align: center;
}

#class-packs {
	margin: 0px 0px 60px 0px;
}

#membership {
	margin: 0px 0px 50px 0px;
}

#class-packs .class-pack-info,
#membership .membership-info {
	margin: 0px 0px 28px 0px;
}

#class-packs .class-pack-info h2,
#membership .membership-info h2 {
    font-size: 30px;
    line-height: 110%;
    color: #dedede;
    color: #eaeaea;
}

#class-packs .class-pack-info h2 {
/* 	color: #0097a9; */
}

#membership .membership-info h2 {
/* 	color: #ff931e; */
}

#class-packs .class-pack,
#membership .membership {
	display: inline-block;
	vertical-align: top;
	background: #f8f8f8;
	text-align: center;
	width: 100%;
	max-width: 480px;
	margin: 0px 0px 50px 0px;
}

#class-packs .class-pack:last-child,
#membership .membership:last-child {
	margin: 0px;
}

#class-packs .class-pack header,
#membership .membership header {
	color: #fff;
	text-align: center;
	padding: 14px 0px;
	margin: 0px 0px 25px 0px;
}

#class-packs .class-pack header h2,
#membership .membership header h2 {
	margin: 0px;
	padding: 0px;
	font-weight: 600;
}

#class-packs .class-pack .content,
#membership .membership .content {
	padding: 0px 20px 20px 20px;
}

#class-packs .class-pack .content > div,
#membership .membership .content > div {
	margin: 0px 0px 22px 0px;
}

#class-packs .class-pack .content > div:last-child,
#membership .membership .content > div:last-child {
	margin: 0px;
}

#class-packs .class-pack .class-desc,
#membership .membership .membership-desc {
	margin: 0px 0px 20px 0px;
}

#class-packs .class-pack .class-desc p,
#membership .membership .membership-desc p {
	font-size: 90%;
	line-height: 160%;
} 

#class-packs .class-pack .left,
#class-packs .class-pack .right,
#membership .membership .left,
#membership .membership .right {
	display: inline-block;
	vertical-align: top;
}

#class-packs .class-pack .left,
#membership .membership .left {
	width: 20%;
	float: left;
	text-align: right;
/* 	background: rgba(0, 0, 0, 0.55); */
	font-weight: 600;
	letter-spacing: 1px;
}

#class-packs .class-pack .right,
#membership .membership .right {
	width: 75%;
	float: right;
	text-align: left;
/* 	background: rgba(0, 0, 0, 0.22); */
}

#class-packs .class-pack .price-break-down,
#membership .membership .price-break-down {
	font-size: 75%;
	letter-spacing: 0.5px;
}

#class-packs .class-pack-item a,
#membership .membership-item a {
	color: inherit;
	text-decoration: underline;
}

#class-packs .class-pack-item a:hover,
#membership .membership-item a:hover {
	text-decoration: none;
}

#class-packs .class-pack .pack-condition,
#membership .membership .pack-condidtion {
	display: block;
	margin: 18px 0px 5px 0px;
	font-style: italic;
	-khtml-opacity: 0.38;  
	-moz-opacity: 0.38;  
	-ms-filter: alpha(opacity=38); 
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=38); 
	filter: alpha(opacity=38);
	opacity: 0.38;
	
}

#class-packs .class-pack footer .eastwood-pattern,
#class-packs .class-pack footer .eastwood-pattern img,
#membership .membership footer .eastwood-pattern,
#membership .membership footer .eastwood-pattern img {
	width: 100% !important;
	max-width: none;
	display: block;
	margin: 0px;
	padding: 0px;
}

#class-packs .class-pack footer hr,
#membership .membership footer hr {
	height: 10px;
	width: 100%;
	display: block;
	outline: none;
	border: none;
	margin: 0px;
	padding: 0px;
}

/* CANCELLATION */

#cancellation .cover {
	display: block;
	width: 100%;
	height: 250px;
	margin: 0px 0px 60px 0px;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

#cancellation .section-title {
	color: #bcbec0;
	text-align: left;
	margin: 0px 0px 25px 0px;
}

#cancellation h2, 
#cancellation h3, 
#cancellation h4, 
#cancellation h5 {
	color: #0097a9;
}

@media (min-width: 768px) {
	
	#main-content.class h1 {
		margin-bottom: 26px;
	}
	
	#class-info {
		margin-bottom: 55px;
	}

	.classes .class-item {
		margin-bottom: 80px;
	}
	
	.classes .eastwood-pattern {
		margin-top: 80px;
	}
	
	/* PRICING */

	.bundle-list, .package-list > li {
		margin-bottom: 55px;
	}
	
	/* CLASS PACKS & MEMBERSHIP */

	#class-packs {
		margin: 0px 0px 80px 0px;
	}
	
	#membership {
		margin: 0px 0px 60px 0px;
	}
	
	#class-packs .class-pack-info,
	#membership .membership-info {
		margin: 0px 0px 40px 0px;
	}
	
	#class-packs .class-pack-info h2,
	#membership .membership-info h2 {
		font-size: 46px;
	}
	
	#class-packs .class-pack {
		margin: 0px 0px 70px 0px;
	}
	
	/* CANCELLATION */
	
	#cancellation .cover {
		height: 380px;
		margin-bottom: 80px;
	}

	#cancellation .section-title {
		margin: 0px 0px 30px 0px;
	}

} /* min width 768px */

@media (min-width: 992px) {
	
	#main-content.class h1 {
		margin-bottom: 30px;
	}
	
	#class-info {
		margin-bottom: 65px;
	}
	
	.classes .class-item {
		margin-bottom: 60px;
	}
 
	.classes .class-item:nth-child(4n) {
		clear: both;
	}
	
	#class-info .content {
		margin: 0px 0px 22px 0px;
	}
	
	/* PRICING */
	
	#pricing {
		margin-bottom: 85px;
	}
	
	.package-list > li, .bundle-list {
		margin-bottom: 60px
	}
	
	.bundle-list {
	}
	
	.bundle-list > li, .bundle-list {
		list-style-type: disc !important;
	}
	
	.package-name {
		font-size: 20px;
	}
	
	.package-list .rte p {
		font-size: 16px;
	}
	
	.bundle-list > li {
		font-size: 19px;
		margin: 0px 20px 15px 0px;
		width: auto;
		display: inline-block;
		vertical-align: top;
	}
	
	/* CLASS PACKS & MEMBERSHIP */

	#class-packs {
		margin: 0px 0px 90px 0px;
	}
	
	#membership {
		margin: 0px 0px 50px 0px;
	}
	
	#class-packs .class-pack, 
	#membership .membership {
		width: 420px;
		max-width: none;
		margin: 0px 30px 30px 0px;
		position: relative;
	}
	
	#class-packs .class-pack .content {
		min-height: 221px;
	}
	
	#membership .membership {
		min-height: 405px;
	}
	
	#class-packs .class-pack header,
	#membership .membership header {
		padding: 16px 0px;
		margin: 0px 0px 28px 0px;
	}

/* 	#class-packs .class-pack footer, */
	#membership .membership footer {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
	}
	
	#class-packs .class-pack-info,
	#membership .membership-info {
		margin: 0px 0px 44px 0px;
	}
	
	#class-packs .class-pack-info h2,
	#membership .membership-info h2 {
		font-size: 55px;
	}
	
	#class-packs .class-pack.first {
		margin: 0px 50px 30px 50px;
	}
	
	#class-packs .class-pack header h2, 
	#membership .membership header h2 {
		font-size: 26px;
	}

	/* CANCELLATION */
	
	#cancellation .cover {
		height: 480px;
		margin-bottom: 60px;
	}
	
	#cancellation .section-title {
		margin: 0px 0px 35px 0px;
	}

} /* min width 992px */

@media (min-width: 1200px) {

	.classes .class-item {
		margin-bottom: 80px;
	}
 
	/* PRICING */
	
	.package-list > li, .bundle-list {
		margin-bottom: 60px
	}
	
	.package-name {
		font-size: 22px;
		margin-bottom: 32px;
	}
	
	.package-list .rte {
		width: 85%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 32px;
	}
	
	.package-list .rte p {
		font-size: 17px;
	}
	
	.bundle-list > li {
		font-size: 22px;
	}
	
	/* CLASS PACKS & MEMBERSHIP */
	
	#class-packs .class-pack.first {
		margin: 0px 140px 30px 140px;
	}
	
	#class-packs .class-pack .content {
		min-height: 200px;
	}
	
	/* CANCELLATION */
	
	#cancellation .cover {
		height: 520px;
		margin-bottom: 80px;
	}
		
	#cancellation .section-title {
		margin: 0px 0px 40px 0px;
	}

} /* min width 1200px */

/*
==============================================================================================
MASTER LAYOUT :: CLASS SINGLE POST
==============================================================================================
*/

#main-content.class .slide-item {
	height: 200px;
}

#main-content.class .key-words {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
}

#main-content.class .key-words .content {
	text-align: center;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

#main-content.class .key-words h2 {
	display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 90%;
    margin: 0px 0px 20px 0px;
    padding: 0px;
    text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
}

#main-content.class .key-words h2:last-child {
	margin: 0px;
}

#class-info h2 {
	color: #0097a9;
}

@media (min-width: 768px) {
	
	#main-content.class .key-words h2 { 
		font-size: 20px;
	}

	#main-content.class .slide-item {
		height: 220px;
	}

} /* min width 768px */

@media (min-width: 992px) {
 
 	#main-content.class .key-words h2 { 
		font-size: 22px;
	}

	#main-content.class .slide-item {
		height: 220px;
	}

} /* min width 992px */

@media (min-width: 1200px) {
	
	#main-content.class .key-words h2 { 
		font-size: 24px;
	}

	#main-content.class .slide-item {
		height: 240px;
	}


} /* min width 1200px */

/*
==============================================================================================
MASTER LAYOUT :: FIRST CLASS
==============================================================================================
*/

#first-class .repeater-section-item {
	margin: 0px 0px 45px 0px;
}

#first-class .repeater-section-item img {
	width: 100%;
	display: block;
}

#first-class .repeater-section-item:first-child {
}

#first-class .repeater-section-item:last-child {
	margin: 0px;
}

#first-class .gallery {
	display: block;
	width: 100%;
	text-align: center;
}

#first-class .gallery-item {
	display: inline-block;
	width: 30%;
	margin: 0px 3% 0px 0px;
	height: 100px;
}

#first-class .gallery-item:nth-child(3n) {
	margin-right: 0px;
}

#first-class h2 {
	color: #e2625a;	
}

#main-content.first-class .eastwood-pattern {
	margin: 70px 0px;
}

@media (min-width: 768px) {

	#first-class .repeater-section-item {
		margin: 0px 0px 55px 0px;
	}
	
	#first-class .gallery-item {
		height: 140px;
	}
	
	#main-content.first-class .eastwood-pattern {
		margin: 80px 0px;
	}

} /* min width 768px */

@media (min-width: 992px) {
 
	#first-class .repeater-section-item {
		margin: 0px 0px 65px 0px;
	}
	
	#first-class .gallery-item {
		height: 160px;
	}

	#main-content.first-class .eastwood-pattern {
		margin: 100px 0px;
	}

} /* min width 992px */

@media (min-width: 1200px) {

	#first-class .repeater-section-item {
		margin: 0px 0px 75px 0px;
	}
	
	#first-class .gallery-item {
		height: 180px;
	}
	
	#main-content.first-class .eastwood-pattern {
		margin: 120px 0px;
	}

} /* min width 1200px */


/*
==============================================================================================
MASTER LAYOUT :: LOCATIONS
==============================================================================================
*/

#locations .slide-item,
#location .slide-item  {
	margin: 0px;
	padding: 0px;
	height: 200px;
}

#locations button.cta-large a,
#location button.cta-large a {
	color: #fff;
}

#locations button.cta-large:hover,
#location button.cta-large:hover {
	background: #333;
}

#locations .main button,
#locations .map-container,
#location .main button,
#location .map-container  {
	margin-top: 45px;
}

.location-item {
	margin-bottom: 50px;
}

#locations .carousel-container,
#location .carousel-container {
	margin-bottom: 35px;
}

#locations .eastwood-pattern,
#location .eastwood-pattern {
	margin-top: 50px;
}

#locations .location-item:last-child .eastwood-pattern,
#location .location-item:last-child .eastwood-pattern{
	display: none;
}

#locations .location-name,
#location .location-name {
	text-align: center;
	font-family: "brandon-grotesque", sans-serif;
    width: 100%;
    font-size: 29px;
    color: #e5e5e5;
    font-weight: 900;
    margin: 0px 0px 20px 0px;
    text-transform: uppercase;
    font-style: normal;
}

#locations h2,
#location h2  {
	color: #e2625a;
}

#locations .map-container,
#location .map-container {
	height: 220px;
	width: 100%;
}

.location-address {
	display: block;
	width: 100%;
	text-align: center;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 130%;
	font-family: "brandon-grotesque", sans-serif;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 400;
	color: #333;
}

.location-address:hover {
	color: #e2625a;
}

.location-address span {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

.location-address span:last-child {
	margin: 0px;
}

@media (min-width: 768px) {

	#locations .slide-item,
	#location .slide-item {
		height: 250px;
	}
	
	#locations .location-name,
	#location .location-name {
	    font-size: 34px;
	    margin: 0px 0px 20px 0px;
	}
		
	#locations .main button,
	#locations .map-container,
	#location .main button,
	#location .map-container {
		margin-top: 50px;
	}

	.location-item {
		margin-bottom: 60px;
	}
	
	#locations .carousel-container,
	#location .carousel-container  {
		margin-bottom: 40px;
	}
		
	#locations .eastwood-pattern,
	#location .eastwood-pattern {
		margin-top: 60px;
	}
	
	#locations .map-container,
	#location .map-container {
		height: 300px;
	}

} /* min width 768px */

@media (min-width: 992px) {
	
	#locations .slide-item,
	#location .slide-item {
		height: 300px;
	}
	
	#locations .location-name,
	#location .location-name {
	    font-size: 50px;
	    margin: 0px 0px 20px 0px;
	}
	
	#locations .main button,
	#locations .map-container,
	#location .main button,
	#location .map-container {
		margin-top: 55px;
	}
	
	.location-item {
		margin-bottom: 70px;
	}
	
	#locations .carousel-container,
	#location .carousel-container {
		margin-bottom: 50px;
	}
	
	#locations .eastwood-pattern,
	#location .eastwood-pattern {
		margin-top: 70px;
	}
	
	#locations .map-container,
	#location .map-container  {
		height: 350px;
	}
	
	.location-address span { 
		width: auto;
	}

} /* min width 992px */

@media (min-width: 1200px) {

	#locations .slide-item,
	#location .slide-item {
		height: 350px;
	}
	
	#locations .location-name,
	#location .location-name {
	    font-size: 60px;
	    margin: 0px 0px 20px 0px;
	}
	
	
	#locations .main button,
	#locations .map-container,
	#location .main button,
	#location .map-container {
		margin-top: 65px;
	}
	
	.location-item {
		margin-bottom: 80px;
	}
	
	#locations .eastwood-pattern,
	#location .eastwood-pattern {
		margin-top: 80px;
	}
	
	#locations .map-container,
	#location .map-container {
		height: 400px;
	}

} /* min width 1200px */
 
/*
==============================================================================================
MASTER LAYOUT :: BLOG & BLOG SINGLE POST 
==============================================================================================
*/ 


.blog .post-item, 
.blog .post-item article {
	margin-bottom: 40px;
}

.blog .post-item:last-child,
.blog .post-item:last-child article {
	margin: 0px;
}

.blog .post-title {
	font-family: "Sorts Mill Goudy", serif;
	font-size: 34px;
	line-height: 115%;
	font-style: italic;
	letter-spacing: 0.35px;
	text-transform: none;
	margin: 0px 0px 20px 0px;
	color: #0097a9;
}

.blog .post-title a {
	color: inherit;
}

.blog .post-date {
	color: #e5e5e5;
    font-weight: 700;
    letter-spacing: 2.5px;
    font-size: 14px;
    line-height: 90%;
}

.blog .tags > li {
	font-family: "brandon-grotesque", sans-serif; 
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	display: inline-block;
	width: auto;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	color: #0097a9;
}

.blog .tags > li a {
	color: inherit;
}

.blog .tags > li a:hover, .blog .post-title a:hover {
	color: #e2625a;
}

.blog .post-featured-image {
	width: 100%;
	height: 200px;
}

.blog .read-more {
	text-align: left;
}

.blog .read-more a {
	font-family: "brandon-grotesque", sans-serif; 
	font-size: 12px;
	line-height: 90%;
	font-weight: 400;
	letter-spacing: 3px;
	display: inline-block;
	text-align: center;
	padding: 15px 25px;
	background: #0097a9;
	color: #fff;
	text-transform: uppercase;
}

.blog .read-more a:hover {
	color: #fff;
	background: #e2625a;
}

.blog .post-title,
.blog .post-date,
.blog .tags {
	text-align: center;
} 

.blog .post-featured-image, 
.blog .post-excerpt,
.blog .tags {
	margin-bottom: 25px;	
}

.blog .rte img {
	width: 100%;
	height: auto;
	display: block;
	margin: 25px 0px;
}

.blog .rte a {
	color: #0097a9;
}

.blog .rte a:hover {
	color: #e2625a;
}

.blog .post-item:last-child .eastwood-pattern {
	display: none;
} 

.post-signature .eastwood-pattern {
	text-align: left;
	margin: 25px 0px;
}

@media (min-width: 768px) {
	
	
	.blog .post-item, 
	.blog .post-item article {
		margin-bottom: 60px;
	}
		
	.blog .post-title {
		font-size: 37px;
		margin: 0px 0px 22px 0px;
	}

	.blog .post-featured-image {
		height: 250px;
	}
	
	.blog .post-featured-image, 
	.blog .post-excerpt,
	.blog .tags {
		margin-bottom: 30px;	
	}

} /* min width 768px */

@media (min-width: 992px) {
	
		
	.blog .post-item, 
	.blog .post-item article {
		margin-bottom: 70px;
	}
	
	.blog .post-title {
		font-size: 38px;
		margin: 0px 0px 18px 0px;
	}
 
	.blog .post-featured-image {
		height: 300px;
	}
	
	.blog .read-more {
		text-align: right;
	}
	
	.blog .post-featured-image, 
	.blog .post-excerpt,
	.blog .tags {
		margin-bottom: 22px;	
	}
	
	.blog .post-title,
	.blog .post-date,
	.blog .tags {
		text-align: left;
	} 
	
	.blog .rte img {
		margin: 30px 0px;
	}
	
	.post-signature .eastwood-pattern {
		text-align: left;
		margin: 30px 0px;
	}

} /* min width 992px */

@media (min-width: 1200px) {
	
	.blog .post-item, 
	.blog .post-item article {
		margin-bottom: 80px;
	}
	

	.blog .post-title {
		font-size: 42px;
		margin: 0px 0px 20px 0px;
	}

	.blog .post-featured-image {
		height: 350px;
	}
	
	.blog .post-featured-image, 
	.blog .post-excerpt,
	.blog .tags {
		margin-bottom: 26px;	
	}
	
} /* min width 1200px */

/*
==============================================================================================
MASTER LAYOUT :: SINGLE POST :: LOCATION SINGLE
==============================================================================================
*/

body.single-location h1 {
	font-size: 36px;
	line-height: 90%;
	color: #e5e5e5;
	font-weight: 900;
	text-align: center;
	margin: 0px 0px 22px 0px;
	letter-spacing: 5px;
}

.cover-carousel.location-carousel, .cover-carousel.location-carousel > li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 220px;
	width: 100%;
} 

.cover-carousel.location-carousel, body.single-location .rte, body.single-location button.cta  {
	margin-bottom: 45px;
}

.cover-carousel.location-carousel > li {
	background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body.single-location h2 {
	color: #e2625a; 
}

@media (min-width: 768px) {

	body.single-location  h1 {
		font-size: 40px;
		margin: 0px 0px 23px 0px;
	}
	
	.cover-carousel.location-carousel, body.single-location .rte, body.single-location button.cta   {
		margin-bottom: 50px;
	}
	
	.cover-carousel.location-carousel, .cover-carousel.location-carousel > li {
		height: 260px;
	} 

} /* min width 768px */

@media (min-width: 992px) {
 
	body.single-location h1 {
		font-size: 44px;
		text-align: left;
		margin: 0px 0px 25px 0px;
	}
	
	.cover-carousel.location-carousel, body.single-location .rte, body.single-location button.cta  {
		margin-bottom: 55px;
	}
	
	.cover-carousel.location-carousel, .cover-carousel.location-carousel > li {
		height: 290px;
	} 

} /* min width 992px */

@media (min-width: 1200px) {

	body.single-location h1 {
		font-size: 52px;
		margin: 0px 0px 27px 0px;
	}
	
	.cover-carousel.location-carousel, body.single-location .rte, body.single-location button.cta   {
		margin-bottom: 60px;
	}
	
	.cover-carousel.location-carousel, .cover-carousel.location-carousel > li {
		height: 330px;
	} 

} /* min width 1200px */

/*
==============================================================================================
MASTER LAYOUT :: FOOTER
==============================================================================================
*/

#footer {
	background: #bcbec0;
	text-align: center;
}

#footer p, #footer li {
	color: #7a7a7a;
	font-style: italic;
}

#footer a {
	color: #0097a9;
}

#footer a:hover {
	color: #e2625a;
}

#footer h2 {
	color: #989898;
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 5px;
	margin: 0px 0px 40px 0px;
}

#footer .contact-info > li {
	margin: 0px;
}

#footer .contact-info > li a {
	display: block;
	margin-bottom: 7px;
}

/* Footer Watermark */

#footer-watermark {
	background: #fff;
	padding: 75px 0px;
}

#footer-watermark .watermark {
	max-width: 240px;
	margin: 0px auto;
}

#footer-watermark .watermark img {
	width: 100%;
}

/* Footer Main */

#footer-main {
	padding: 90px 0px;
}

#footer-main ul,
#footer-main .hours.rte {
	margin-bottom: 35px;
}

.social-media-list.footer {
	text-align: center;
}

.social-media-list.footer > li {
	width: 45px;
	margin: 0px 22px 0px 0px;
}

.social-media-list.footer a:hover {
	-khtml-opacity: 0.75;  
	-moz-opacity: 0.75;  
	-ms-filter: alpha(opacity=75); 
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); 
	filter: alpha(opacity=75);
	opacity: 0.75;
}

/* Footer Brand Extras */

#footer-brand-extras {
	list-style-type: none;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 9px;
}

#footer-brand-extras > li {
	display: table-cell;
}

/* Footer Sign Up */

#footer-sign-up {
    padding: 30px 0px 0px 0px;
    background: #e4e5e6;
}

button.cyclist {
	background: #0097a9;
}

button.newsletter {
	background: #70bc20;	
}

button.cyclist:hover,button.newsletter:hover{
	background: #333333;
}

.footer-sign-up-container {
	padding: 30px 0px 45px;
	background: #333333;
}

#footer-sign-up .parsley-required {
	color: #e2625a !important;
	   padding: 10px 0px 4px 15px;
}

#footer-sign-up .hc_footer {
	display: none !important;
}

#footer-sign-up button {
	width: 100%;
	max-width: 320px;
	display: block;
	margin: 0px auto 30px;
}

@media (min-width: 768px) {
	
	#footer-main ul,
	#footer-main .hours.rte {
		margin-bottom: 45px;
	}

	.footer-sign-up-container {
		padding: 45px 0px 65px;
	}

} /* min width 768px */

@media (min-width: 992px) {
	
	#footer {
		text-align: left;
	}
	
	#footer h2 {
		font-size: 15px;
		margin: 0px 0px 32px 0px;
	}
	
	/* Footer Main */

	#footer-main {
		padding: 65px 0px;
	}
	
		
	#footer-main ul,
	#footer-main .hours.rte {
		margin-bottom: 0px;
	}
	
	.social-media-list.footer {
		text-align: left;
	}
	
	.social-media-list.footer > li {
		width: 30px;
		margin: 0px 15px 0px 0px;
	}
	
	/* Footer Sign Up */
	
	button.cyclist {
		margin-right: 18px;
	}
	
	/* Footer Brand Extras */
 
	#footer-brand-extras {
	    height: 6px;
	}

} /* min width 992px */

@media (min-width: 1200px) {

} /* min width 1200px */

/*
==============================================================================================
MASTER LAYOUT :: TERMS & CONDITIONS
==============================================================================================
*/

#terms-conditions .rte h2,
#terms-conditions .rte a {
	color: #e2625a;
}

#main-content .rte ul,
#main-content .rte ol {
	margin-bottom: 17px;
}

#main-content .rte ul:last-child,
#main-content .rte ol:last-child {
	margin: 0px;
}

#main-content .rte ol {
	padding: 0px 0px 0px 15px;
}

#main-content .rte ol li {
	list-style: inherit;
	padding: 0px 0px 0px 10px;
}

#main-content .rte p strong {
	color: #312e2e;
}

@media (min-width: 768px) {

} /* min width 768px */

@media (min-width: 992px) {
	
	#main-content .rte ul,
	#main-content .rte ol {
		margin-bottom: 16px;
	}
	
} /* min width 992px */

@media (min-width: 1200px) {
	

} /* min width 1200px */


/*
==============================================================================================
MASTER LAYOUT :: 404
==============================================================================================
*/

#main-content.error-404-page {
	text-align: center;
	padding: 35px 0px 0px 0px;
}

#main-content.error-404-page h1 {
	font-size: 24px;
	
}

#main-content.error-404-page h2 {
	font-size: 16px;
	
}

#main-content.error-404-page h1,
#main-content.error-404-page h2 {
	margin: 0px 0px 15px 0px;	
}

#main-content.error-404-page a {
	color: #e2625a;
}

#main-content.error-404-page a:hover {
	color: #0097a9;
}

@media (min-width: 768px) {
	
	#main-content.error-404-page {
		padding: 45px 0px 0px 0px;
	}

	#main-content.error-404-page h1 {
		font-size: 26px;
		
	}
	
	#main-content.error-404-page h2 {
		font-size: 18px;
		
	}
	
	#main-content.error-404-page h1,
	#main-content.error-404-page h2 {
		margin: 0px 0px 18px 0px;	
	}

} /* min width 768px */

@media (min-width: 992px) {
	
	#main-content.error-404-page {
		padding: 55px 0px 0px 0px;
	}
 
	#main-content.error-404-page h1 {
		font-size: 30px;
		
	}
	
	#main-content.error-404-page h2 {
		font-size: 20px;
		
	}
	
	#main-content.error-404-page h1,
	#main-content.error-404-page h2 {
		margin: 0px 0px 20px 0px;	
	}

} /* min width 992px */

@media (min-width: 1200px) {
	
	#main-content.error-404-page {
		padding: 65px 0px 0px 0px;
	}
	
} /* min width 1200px */