/*
Theme Name: ENV - Twenty Twelve Child
Theme URI: http://wordpress.org/themes/twentytwelve
Author: Shero Designs
Author URI: http://sherodesigns.com
Description: The 2012 child theme.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

@import url("../../twentytwelve/style.css");





/* CSS Document */
/* @media screen and (-webkit-min-device-pixel-ratio:0) {*/

@font-face {
	font-family: 'ClearSans-Light';
	src: url('ClearSans-Light.eot?') format('eot'),
	url('ClearSans-Light.woff') format('woff'),
	url('ClearSans-Light.ttf')  format('truetype'),
	url('ClearSans-Light.svg#ClearSans-Light') format('svg');
}

@font-face {
	font-family: 'ClearSans-Medium';
	src: url('ClearSans-Medium.eot?') format('eot'),
	url('ClearSans-Medium.woff') format('woff'),
	url('ClearSans-Medium.ttf')  format('truetype'),
	url('ClearSans-Medium.svg#ClearSans-Medium') format('svg');
}



/*}*/
body { margin: 0; padding: 0; font-family: 'ClearSans-Light', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; border-top: 5px solid #3B874A;}
a { cursor: pointer; color: #3B874A; text-decoration: none;}
a:hover { text-decoration: underline;}
a.button, .textwidget a.button { background: #6E0E36; color: #ffffff!important; padding: 6px 15px 6px 15px !important; font-family: 'ClearSans-Light', Arial, Helvetica, sans-serif; margin: 10px 0 0 0; display: block; float: left; line-height: 1em; font-size: 14px;}
a.button:hover { background: #3B874A; text-decoration: none;}
h1, h2, h3, h4, h5 { font-family: 'ClearSans-Medium', Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.3em;}
h1 { font-size: 22px; color: #1D562E;}
h2 { margin: 10px 0 0 0;}
h3{margin:20px 0 0 0; }
p{margin:0 0 10px 0;}
* {
	text-rendering: auto !important;
	-webkit-font-smoothing: auto !important;
}
strong, b {font-family: 'ClearSans-Medium', Arial, Helvetica, sans-serif; font-weight: normal;}
.contain-center { max-width: 950px; with:  98%; background-position: center; margin: 0 auto;  padding: 0 10px;}
ul.sub-menu li a {text-transform: none; line-height: 1.3em;}
.main-navigation li ul.sub-menu a {
	line-height: 18px !important;
}
ul.sub-menu {z-index: 9999999999 !important;}
.header {  background: url('../images/mountain-range.jpg'); min-height: 210px; background-repeat: repeat-x; background-position: center; position: relative;}
.header-left {width: 50%; float: left;}
.header-right {  width: 50%; float: right; text-align: right; font-size: 13px;  padding-top: 10px;}
img.header-image{box-shadow:none;}
.nav { background: #1D562E; clear: both; border-bottom: 5px solid #3B874A; clear: both; position: absolute; bottom: 0; width: 100%;line-height: 35px; padding-top: 3px; text-transform: none; clear: both;}
.main-navigation{margin-top:-5px; padding-top:5px;}
.main-navigation a {
	color: #ffffff !important;
	outline:none
}
.main-navigation a:hover {
	color: #ffffff  !important;
}
.main-navigation li ul.sub-menu a{
	color: #3B874A !important;
}
.main-navigation ul.nav-menu{
	border:none;
}
.sidebar { width: 20%; float: left;}
.sidebar-inner { padding-top: 0px; overflow: auto; padding-bottom: 30px;}
.sidebar h2, .sidebar-inner{ padding-right: 10px; font-size: 20px; font-family: 'ClearSans-Medium', Arial, Helvetica, sans-serif; color: #1D562E; margin-top: 25px;}
/*important for calendar styles*/
ol li{font-size:14px; color: #444; font-size:normal;}
.sidebar p { margin: 5px 0; line-height: 17px; font-weight:normal; font-size:14px; color: #444;}
.content {  width: 80%; float: right;}
.content.interior-pg {  width: 100%; float: right; padding-bottom: 20px; padding-top: 10px; min-height: 500px;}

.content-inner { padding: 0 0 25px 15px; overflow: auto; border-left: 3px solid #e8ecf0;}
.footer { background: #E8ECF0; clear: both; padding: 15px 0; font-size: 14px; color: #1D562E;}
.footer a { color: #1D562E; text-decoration: none;}
.footer h2 { font-size: 15px; color: #1D562E; margin-bottom: 3px;}
.Copyright { font-size: 12px; margin-top: 10px; color: #3B874A;}
.col-1 { width: 48%; float: left;}
.col-2 { width: 48%; float: right;}
.col2{width:48%; float:left; margin-right:10px;}
.col3{width:32%; float:left;}
.col4{width:22%; float:left; margin-right:10px;}
.content.interior-pg .col2 img, .content.interior-pg .col3 img, .content.interior-pg .col4 img   {float:none !important; padding:0 !important;}
.slider { margin-top: 25px; margin-bottom: 25px;}
form#searchform label { display: none;}
input#s { padding: 7px 0;}
input[type="submit"] { margin: 0 0 0 0;}
.header-left { float: left;}
.header-left img { width: 305px; height: auto; margin-top: 10px;}
form#searchform { margin-top: 5px;}
.footer { text-align:center;}
ul.homepg-list { list-style-type: disc; padding: 0 0 0 20px;}
.sidebar-inner ol { margin-top: 10px;}
.sidebar-inner ol li { margin: 0 0 10px 0;}
.sidebar-inner ol li { line-height: 1.2em;}
.red { color: #6E0E36; font-family: 'ClearSans-Medium', Arial, Helvetica, sans-serif;}
.green { color: #3B874A; font-family: 'ClearSans-Medium', Arial, Helvetica, sans-serif;}
.interior-pg ul.ee-upcoming-events-widget-ul {list-style-type:none; margin: 0 0 0 0; padding: 0 0 0 0;}
.interior-pg ul.ee-upcoming-events-widget-ul li {list-style-type:none; margin: 0 0 10px 0; padding: 0 0 0 0;}
ul.ee-upcoming-events-widget-ul h5 { margin: 0 0 0 0 ; line-height: 1em; padding-right: 10px;}
ul.ee-upcoming-events-widget-ul {clear: both; display: block; margin-top: 15px;}
.ee-upcoming-events-widget-header-dv.two-line {
	min-height: 10px !important;
	vertical-align: top !important;
}
ul.ee-upcoming-events-widget-ul li { margin: 0 0 8px 0; }
.ee-upcoming-events-widget-header-dv {
	height: auto !important;
	position: relative;
	width: 100%;
	min-height: 10px !important;
	margin: 0 0 0 !important;
}
.ee-upcoming-events-widget-h5 a {
	position: relative !important;
	bottom: 4%;
	left: 0;
	width: 90%;
	padding: 2.5% 5%;
	background: rgba(255, 255, 255, 0.85);
	border: 1px solid rgba(255, 255, 255, 0.85);
	line-height: 1.2em;
	color: #333 !important;
	text-shadow: 1px 1px 0 #FFF;
	text-decoration: none;
}

.alert { text-align: left; padding: 0px; float: right; border: 2px solid #3B874A; padding: 5px 10px; margin: 5px 0 10px 0; background: rgba(255, 255, 255, 1); display:none;}

.alert { font-size: 15px; color: #6E0E36; font-family: 'ClearSans-Medium', Arial, Helvetica, sans-serif;
	font-weight: normal;}
.alert h2 { font-size: 15px; color: #6E0E36; margin: 0 0 0 0 ;}
.alert p { font-size: 13px; line-height: 10px; padding-bottom:5px;margin: 0 0 0 0; color: #000000; font-family: 'ClearSans-Light', Arial, Helvetica, sans-serif;}

#spco-payment_options-dv #methods-of-payment h3 {display:none !important;}

#spco-payment_options-dv .reg-page-payment-option-dv {padding:0 !important; border: 0 !important; }

#spco-payment_options-dv .reg-page-payment-option-dv img, .content.interior-pg img {float:none;}

.site-content article {
	max-width:950px;
	margin:auto;
}

@media all and (min-width: 600px) {

	.site-content {width: 96% !important;}

}

@media all and (max-width: 600px){
	nav#site-navigation h3 {
		margin: 5px 0 5px 0;
	}
	.main-navigation a {
		color: #ffffff ;
	}
	.main-navigation a:hover {
		color: #ffffff ;
	}
	.header { background-image: none;}
	form#searchform {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.header-right {
		padding-top: 5px;
	}
	.header-left { text-align:center;}
	.header-left img {
		width: 155px;
		height: auto;
		margin-top: 10px;
	}
	.nav {
		background: #1D562E;
		clear: both;
		border-bottom: 5px solid #3B874A;
		clear: both;
		position: relative;
		bottom: 0;
		width: 100%;
		line-height: 35px;
		padding-top: 3px;
		text-transform: uppercase;
		clear: both;
	}
	.content-inner { padding: 0 0 15px 15px; overflow: auto; border-left: none;}
	.header {}
	.header-left { width: 100%;}
	.header-right { width: 100%; float: right; text-align: center;}
	.nav { background: #1D562E; clear: both; border-bottom: 5px solid #3B874A;}
	.sidebar { width: 100%; float: left; border-top: 5px solid #e8ecf0; margin-top: 20px;}
	.sidebar-inner { border-right: none;}
	.content { width: 100%; float: right;}
	.content-inner { padding: 0 0 0 0px;}
	.footer { background: #E8ECF0; clear: both;}
	.col-1 { width: 100%; float: left;}
	.col-2 { width: 100%; float: right;}
	.col2, .col3, .col4{width:100%; float:left;}
	.col4 p{text-align:center;}/*important for projects*/
	.main-navigation li ul.sub-menu a {
		padding-left: 20px;
	}

	.site-content article { width: 96%; margin-left: 2%;}
	.qtip, .ui-helper-reset {
		border: 1px solid #CCC;
		padding: 10px;
		top: 50px !important;
		left: 2% !Important;
		width: 96% !important;
		margin-left: 2% !important;
	}
}
h5.ee-upcoming-events-widget-h5 a, .sidebar-inner a{line-height: 1em; font-size:14px; font-weight:normal !important; padding:0 !important; color:#3B874A !important;}
h5.ee-upcoming-events-widget-h5 a:hover, .sidebar-inner .ee-upcoming-events-widget-li a:hover{color:#0f3647 !important;}
li.ee-upcoming-events-widget-li{vertical-align:top !important;}
.ee-upcoming-events-widget-header-dv{margin:0 !important; vertical-align:top !important;}
.ee-upcoming-events-widget-header-dv.two-line {min-height:1.8em; vertical-align:top !important;}
.two-line, .oneline{vertical-align:top !important;}
.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th{font-size:16px; color:#000; font-family: 'ClearSans-Medium', Arial, Helvetica, sans-serif;}
.event-content p, .entry-content td, .comment-content td{font-size:14px; color:#000;}
.display-tckt-slctr-tkt-details{display:none;/*important on class detail page - removed the more details on class registration*/}
p.smaller-text.lt-grey-text{color:#999; font-weight:normal !important; font-size:12px;}

.ui-tooltip-title{font-size:14px; line-height:14px; color:#000; margin:10px 0 !important;}
.ui-tooltip-content{font-size:12px; line-height:14px; color:#000; text-align:left !important; margin:10px 0 !important;}
a.reg-now-btn{background:#6E0E36!important; color:#fff!important;}
p.time_cal_qtip{margin:10px 0 !important;}

.shero{padding-top:5px; }
.shero a{color:#999;}
.shero a:hover{color:#3B874A;}

.reg-page-form-field-wrap-pg .espresso-form-input-lbl, .spco-ticket-info-dv, p.spco-copy-all-attendee-pg, p.spco-copy-attendee-pg{color:#000!important; font-size:14px !important; line-height:16px !important;}
h5.espresso-question-group-title-h5.section-title, legend.spco-attendee-lgnd.smaller-text{font-size:16px !important;}
div#single-page-checkout.ui-widget, #spco-steps-big-hdr{color:#000!important;}


.event-datetimes ul li, p.smaller-text.lt-grey-text{ display:none; /*hides the date!!!*/}
/*h4.sub-section-title.no-bottom-margin */div.print_button_div ul.event-dates{border:1px solid #000 !important;}
/*styles on the sidebar*/
div#invoice div.ticket-time-details{border:1px solid #ccc !important; display:none;}


.ee-upcoming-events-widget-title-h5 {
	font-family: "ClearSans-Light",Arial,Helvetica,sans-serif;
	line-height: 19px;
}

.textwidget h3 { margin-bottom: 10px; }

#ee-single-page-checkout-dv #spco-steps-big-hdr {
	font-size: 1.4em;
	line-height: 1.5em;
}

.ee-reg-qstn { margin-bottom: 10px; }




#ee-available-payment-method-inputs-paypal_standard-lbl .spco-payment-method-btn-img {
	max-width: 100% !important;
	float: left;
	margin: -20px 0 0 10px;
}

.courses-subcategory-titles:before {
    position: relative;
    display: inline-block;
    content: '';
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    margin-right: 10px;
    border-radius: 50%;
}

input.ticket-selector-submit-btn {
    background-image: -webkit-linear-gradient(top, #70CC50, #70CC50);
    color: #ffffff;
}

.courses-subcategory-titles > a {
	color: rgb(68, 68, 68);
	font-size: 14px;
	font-family: 'ClearSans-Medium', Arial, Helvetica, sans-serif;
}
.upcoming-div {
	display: flex;
	flex-wrap: wrap;
	margin-top: 15px;
}
.upcomig-events-container {
	display: flex;
	flex-direction: column;
	width: 50%;
	margin: 10px 0;
}

.upcoming-div .textwidget {
	width: 100%;
	margin-top: 30px;
}
/* .upcoming-div a {
    display: inline-block;
	width: 100%;
	padding-bottom: 10px;
} */
@media all and (max-width: 768px){
	.upcomig-events-container{
		width: 100%;
	}
	h2.coruse-category-title.refresher {
		display: none;
	}
}
h2.coruse-category-title {
	margin-top: -30px;
	width: 50%;
	display: inline-block;
}