@charset "utf-8";

/*
---------------------------------------------------------------------------------------------------- 
	Fonts
----------------------------------------------------------------------------------------------------
*/

@font-face {
    font-family: 'PTSansNarrow-Regular';
    src: url('fonts/PTSansNarrow-Regular-webfont.eot');
    src: url('fonts/PTSansNarrow-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTSansNarrow-Regular-webfont.woff') format('woff'),
         url('fonts/PTSansNarrow-Regular-webfont.ttf') format('truetype'),
         url('fonts/PTSansNarrow-Regular-webfont.svg#PTSansNarrow-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansNarrow-Bold';
    src: url('fonts/PTSansNarrow-Bold-webfont.eot');
    src: url('fonts/PTSansNarrow-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTSansNarrow-Bold-webfont.ttf') format('truetype'),
         url('fonts/PTSansNarrow-Bold-webfont.svg#PTSansNarrow-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Icon-Works';
    src: url('fonts/icon-works-webfont.eot');
    src: url('fonts/icon-works-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/icon-works-webfont.woff') format('woff'),
         url('fonts/icon-works-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*
---------------------------------------------------------------------------------------------------- 
	Defaults (Body, Font, Headings, Buttons etc.)
----------------------------------------------------------------------------------------------------
*/

h1, h2, h3, h4 {
	font-family: 'PTSansNarrow-Regular', Arial, Helvetica, sans-serif;	
}

h1 {
	font-size: 2.75em;	
}

h2 {
	font-size: 2em;	
}

a {
	color: #549400;	
}

a:hover {
	color: #549400;
	text-decoration: underline;	
}

a:focus {
	color: #549400;
	text-decoration: underline;	
}

.con-login input[type="submit"] {
	color: #fff;	
	font-size: 1.75em;
	background-color: #549400;
	font-family: 'PTSansNarrow-Regular', Arial, Helvetica, sans-serif;	
}

.con-login input[type="submit"]:hover {
	color: #101010;	
	background-color: #f3c301;
}

/*
---------------------------------------------------------------------------------------------------- 
	App
----------------------------------------------------------------------------------------------------
*/

.app-body h1, .app-body h2, .app-body h3, .app-body h4 { 
	color: #101010;
}

.app-footer {
	color: #a0a0a0;	
}

.app-footer .social-icon:hover {
	color: #549400;	
}

/*
---------------------------------------------------------------------------------------------------- 
	Stuff
----------------------------------------------------------------------------------------------------
*/

.con-search input[type='submit'] {
	color: #549400;
}

.con-search input[type='submit']:hover {
	color: #ffffff;
	background-color: #101010;
}

.cart strong {
	display: block;	
}

.con-article .link a {
	background-color: #549400;	
}

.con-article .link a:hover {
	background-color: #101010;	
}

/* Intro banner */

.wrap-introduction-banner {
	background-color: #549400;
}

.wrap-introduction-banner .con-article .link a {
	color: #549400;
	background-color: #ffffff;
}

.wrap-introduction-banner h1, .wrap-introduction-banner h2, .wrap-introduction-banner h3 { 
	font-family: 'PTSansNarrow-Bold', Arial, Helvetica, sans-serif;	
}

/* Pagination */

.con-pagination td > a:hover {
	background-color: #101010;
}

.con-pagination td.numbers a.selected {
	background-color: #549400;
}

/* Slideshow */

.con-slideshow {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;	
	background-color: #000000;
	opacity: 0;
	filter: alpha(opacity = 0);
}

.con-slideshow img {
	position: absolute;	
	opacity: 0.75;
	filter: alpha(opacity = 75);
}

.con-slideshow > div {
	width: 100%;
	height: 100%;
	display: table;
	position: absolute;	
}

.con-slideshow > div div:before {
	content: '';
	display: table-row;
}

.con-slideshow > div div {
	width: 100%;
	height: 100%;
	text-align: center;	
	display: table-cell;
	vertical-align: middle;
}

.con-slideshow span {
	color: #fff;
	display: block;	
}

.con-slideshow .heading {
	line-height: 1;	
	font-size: 3.75em;
	font-family: 'PTSansNarrow-Bold', Arial, Helvetica, sans-serif;	
}

.con-slideshow .body {
	line-height: 1.1;
	font-size: 2.375em;
	font-family: 'PTSansNarrow-Bold', Arial, Helvetica, sans-serif;	
}

.con-slideshow .link {
	display: block;
	margin-top: 2.85em;
}

.con-slideshow .link a {
	font-size: 18px;
	padding: 10px 30px;		
	display: inline-block;
	background-color: #ffffff;
	
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
}

.con-slideshow .link a:hover {
	color: #fff;
	text-decoration: none;	
	background-color: #549400;
}

.wrap-slideshow {
	background-color: #101010;	
}

/* Booking forms */

.con-article form {
	width: 100%;
	padding: 15px;
	text-align: center;
	margin: 18px 0px 0px;	
	border: solid 1px #e0e0e0;	
}

.con-article form input[type='submit'] {
	color: #fff;
	border: none;
	line-height: 40px;
	padding: 0px 30px;
	display: inline-block;
	background-color: #549400;
	
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
}

.con-article form input[type='submit']:hover {
	background-color: #101010;
}

/* Icons */

.icon-articles:before, .icon-events:before, .icon-join:before {
	color: #101010;
	display: block;
	margin-top: 30px;
	font: normal 60px/60px "Icon-Works";	
}

.icon-articles:before {
	content: "c";
}

.icon-events:before {
	content: "f";
}

.icon-join:before {
	content: "p";
}

/* Testimonial */

.wrap-testimonial {
	background-color: #549400;	
}

/* Payment options */

.wrap-payment-options {
	max-width: 1320px;
	text-align: center;	
}

.wrap-payment-options h1 {
	margin: 10px 0px 30px;
}

.wrap-payment-options .con-article {
	position: relative;
	text-align: center;
	margin-bottom: 30px;	
	padding: 0px 30px 30px;
	text-transform: uppercase;	
	background-color: #ffffff;
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1);
}

.wrap-payment-options .con-article p {
	margin: 0px;	
	font-size: 14px;
}

.wrap-payment-options .con-article .name {
	color: #fff;
	height: 60px;	
	line-height: 60px;
	font-size: 1.125em;		
	margin: 0px -30px 0px;
	background-color: #101010;	
}

.wrap-payment-options .con-article .term {
	color: #549400;
	font-size: 1.5em;
	margin-top: 20px;
	margin-bottom: 10px;
}

.wrap-payment-options .con-article .cost {
	height: 1em;
	color: #101010;	
	font-size: 5em;
	line-height: 1;
}

.wrap-payment-options .con-article .cost strong:before {
	content: "$";
	top: -0.75em;	
	font-size: 0.475em;
	position: relative;	
	display: inline-block;
}

.wrap-payment-options .con-article .cycle {
	color: #a0a0a0;
	margin-top: 10px;
	margin-bottom: 10px;
}

.wrap-payment-options .con-article .pitch {
	font-size: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.wrap-payment-options a {
	display: block;	
	color: #ffffff;
	line-height: 60px;
	font-size: 1.125em;		
	background-color: #549400;
	
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;		
}

.wrap-payment-options .popular-plan a {
	color: #101010;
	background-color: #f3c200;
}

.wrap-payment-options a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #101010;
}

.wrap-payment-options .sticker {
	top: -10px;
	right: -10px;
	width: 6em;
	height: 6em;
	color: #ffffff;
	display: block;
	padding-top: 1.2em;	
	line-height: 1.2;
	position: absolute;
	background-color: #549400;
		
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.wrap-payment-options .sticker strong {
	display: block;	
	font-size: 2em;
	line-height: 1;
}

.wrap-payment-options .sticker.large {
	width: 7.5em;
	height: 7.5em;
	color: #101010;
	padding-top: 1.6em;		
	background-color: #f3c200;
}

.wrap-payment-options .sticker.large strong {
	font-size: 2.75em;
}

.con-resources {
	width: 100%;
	border: 0px;
	margin: 0px;
	background-color: #ffffff;
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1);	
}

.con-resources th, .con-resources td {
	padding: 10px 15px;
}

.con-resources th {
	color: #101010;
	font: normal 1.75em/1.1 'PTSansNarrow-Regular', Arial, Helvetica, sans-serif;	
}

.con-resources td {
	border-top: solid 1px #e8e8e8;
}

.con-resources .a {
	width: 5%;
}

.con-resources .c {
	width: 15%;
	display: none;
	white-space: nowrap;
}

.con-resources .d {
	width: 10%;
	display: none;
}

.wrap-resources {
	max-width: 1600px;	
}

.wrap-resources .col {
	padding-bottom: 30px;	
}

.wrap-post-search > .row {
	margin: 0 0 30px;
	background-color: #fff;	
    box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1);	
}	

.wrap-post-search > .row > .col {
	min-height: 200px;
	background-size: cover;
	background-position: center;
}

/*
---------------------------------------------------------------------------------------------------- 
	Templates
----------------------------------------------------------------------------------------------------
*/

.temp-home .con-article {
	border: none;
	padding: 0px;
}	

.temp-centered .wrap-payment-options > h1, .temp-centered .wrap-payment-options > p {
	color: #fff;	
}

/*
---------------------------------------------------------------------------------------------------- 
	Media queries
----------------------------------------------------------------------------------------------------
*/

@media (min-width: 768px) {

	.con-resources .c {
		display: table-cell;
	}
	
	.con-resources .d {
		display: table-cell;
	}

}

@media (min-width: 992px) { 
	
	/* Header toggles */

	.nav-menu.toggle li.active a {
		color: #ffffff;
		background-color: #549400;
	}
	
	h1 {
		font-size: 3.75em;	
	}
	
	h2 {
		font-size: 2.375em;	
	}
	
	/* Posts */
	
	.wrap-posts .col-lg-6 h1 {
		font-size: 2.375em;
	}

	.wrap-posts .col-lg-6 h2 {
		font-size: 1.75em;
	}
	
	.wrap-posts .col-lg-6 h3 {
		font-size: 1.5em;
	}	
	
	/* Slideshow */
	
	.con-slideshow .heading {
	}
	
	.con-slideshow .body {
	}		
}

@media (min-width: 1320px) { 

	.wrap-payment-options {
		margin-left: auto;
		margin-right: auto;
	}		
}

@media (min-width: 1600px) { 

	.wrap-resources {
		margin-left: auto;
		margin-right: auto;
	}		
}