/******************************************************************
Theme Name: Mlestrnge (20.02.2013)
Theme URI: http://www.emilyridge.com
Description: Emily Ridge is a Melbourne based freelance web designer and developer, highly experienced in designing and developing custom Wordpress websites.
Author: Emily Ridge
Author URI: http://www.emilyridge.com
Version: 1.1
******************************************************************/

/******************************************************************
GENERAL LAYOUT STYLES
******************************************************************/


html, body 
{ 
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 17px;
	
	background: #fff; 
	line-height: 1.6em; /* change to correct baseline */
	background-color: #FDFFF3;

	position: relative;
	height: auto;
	/* background-image: url(library/images/baseline_20.png); REMOVE */
}

.fluid { width: 100%; }
.grid { width: 940px; margin: 0 auto; padding: 0px 10px 0px 10px; }

.content {
	} /* used to set background colour & image */

/******************************************************************
GRID STYLES (940 = 20 | 60 | x 12)
******************************************************************/

.row { 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 20px;
	margin-left: -20px; 
}
.row:before, .row:after { display: table; content: ""; }
.row:after { clear: both; }

/* columns */
.span1 { width: 60px; }
.span2 { width: 140px; }
.span3 { width: 220px; }
.span4 { width: 300px; }
.span5 { width: 380px; }
.span6 { width: 460px; }
.span7 { width: 540px; }
.span8 { width: 620px; } 
.span9 { width: 700px; }
.span10 { width: 780px; }
.span11 { width: 860px; }
.span12 { width: 940px; }
	
/* layout & column defaults */
.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12
{ display: inline; float: left; margin-left: 20px; }
	
/* grid offsets */
.offset1 { margin-left: 100px; }
.offset2 { margin-left: 180px; }
.offset3 { margin-left: 260px; }	
.offset4 { margin-left: 340px; }
.offset5 { margin-left: 420px; }
.offset6 { margin-left: 500px; }
.offset7 { margin-left: 580px; }
.offset8 { margin-left: 660px; }
.offset9 { margin-left: 740px; }
.offset10 { margin-left: 820px; }
.offset11 { margin-left: 900px; }

/******************************************************************
LINK STYLES
******************************************************************/

a { 
	color: #316656; 
	outline: none;
	text-decoration: none;
}
a:hover { color: #99D266; }

/******************************************************************
HEADLINES & TITLES (hyphens: none; -moz-hyphens: none; -webkit-hyphens: none;)
******************************************************************/

h1, h2, h3, h4, h5
{ margin: 0px 0px 20px 0px; color: #316656; } /* change to correct baseline */

h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration: none; }

h1, .h1 {
	font-family: 'museo-sans-rounded', 'sans-serif';
	font-weight: 100;
	font-size: 3.6em;
	line-height: 1.0em;
}
h2, .h2 {
	font-family: 'museo-sans-rounded', 'sans-serif';
	font-weight: 700;
	font-size: 1.4em;
	line-height: 1.2em;
}
.content h2, .main_content h2 {
	border-bottom: 2px solid #316656;
}
h2.section_heading {
	border-bottom: 2px solid #316656;
}
h3, .h3 {
	font-family: 'proxima-nova', 'sans-serif';
	font-weight: normal;
	font-size: 1.3em;
	line-height: 1.2em;
}
h4, .h4 {}
h5, .h5 {}

/******************************************************************
GLOBAL, COMMON & REUSABLE STYLES
******************************************************************/
ul { list-style: none; margin: 0px; }
ul li { margin:0;}
ol { list-style: decimal outside none; margin: 0px 0px 0px 20px; }

/* form elements - remove if not required */
button {}



textarea {
	height: 150px;

}
label {
	font-family: arial, helvetica, sans-serif;

}

p /* change margin to match baseline */
{ margin: 0px 0px 20px 0px; 
	font-family: 'proxima-nova','sans-serif';
    font-size: 1.1em;
    font-weight: normal;
    line-height: 1.6em;
}
span {}

.animate
{ -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition-property: all .5s ease-in-out; }

img { display: block; }

/* The toggle switcher */

ul.toggle {
	padding-bottom: 20px;
	display: inline-block;
}
ul.toggle li {
	float: left;
	font-family: 'museo-sans-rounded';
	font-size: 1.4em;
}
ul.toggle li a {
	padding: 4px 12px;
	border: 1px solid #99D266;
	float: left;
}
ul.toggle li:first-child a {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	border-right-width: 0;
}
ul.toggle li:last-child a {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
ul.toggle li a:hover, ul.toggle li.active a, ul#menu-courses li.current-menu-item a {
	background-color: #99D266;
	color: #316656;
}

/* Submit Registration Button */
.btn_event_form_submit, .gform_button {
	padding: 4px 12px;
	border: 1px solid #99D266;
	font-family: 'museo-sans-rounded';
	background-color: #99D266;
	color: #316656;
	border-radius: 4px;
}
.btn_event_form_submit:hover, .gform_button:hover {
	background-color: #B9D377;
	color: #316656;
}
.btn_event_form_submit:active, .btn_event_form_submit:focus, .gform_button:active, .gform_button:focus {
	background-color: #B9D377;
	color: #316656;
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.25);
}

/******************************************************************
SPECIFIC TO EVENTS ESPRESSO - jqueryui themeroller can suck my balls
******************************************************************/

/* On Courses Page */
.events_category_name { /* same as h2 */
	font-family: 'museo-sans-rounded', 'sans-serif';
	font-weight: 100;
	font-size: 1.6em;
	line-height: 1.2em;
	border-bottom: 2px solid #316656;
}

.event_data {
	border-left: 4px solid #316656;
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 5px;
	margin-top: 20px;
}
a.ui-button, .contact_sidebar a, a#invoice_download_link {
	font-family: 'museo-sans-rounded';
	font-size: 1.4em;
	padding: 4px 8px;
	border-radius: 8px;
	border: 1px solid #99D266;
}
a.ui-button:hover, .contact_sidebar a:hover, a#invoice_download_link:hover {
	background-color: #99D266;
	color: #316656;
}

/******************************************************************
HEADER SYTLES
******************************************************************/

header { 
	padding-top: 20px;
	padding-bottom: 6px !important;
	background-color: #FDFFF3
	 }
.logo {}

.top_bar { 
	height: 36px; 
	background-color: #FBE642; 
	color: #316656; 
	padding-top: 6px; 
	box-shadow: inset 0 -1px 2px rgba(0,0,0,0.3);
}

.contact_details ul li {
	display: inline-block;
	padding-left: 15px;
	font-family: 'museo-sans-rounded', helvetica, arial, sans-serif;
	font-size: 1.0em;
}
.contact_details ul li:first-child {
	padding-left: 0;
}
.contact_details i {
	padding-right: 5px;
}

/* login form */
.login_form { text-align: right; }
.login_form h2 { font-size: 13px; display: block; margin-bottom: 0px !important; }
.login_form .pagenav, .login_form p { display: inline-block; list-style: none; } 
.login_form label,.login_form h2 span { display: none; } 

.login_form form {
	margin-top: -30px;
}
.login_form input {
	width: 100px;
}
.login_form h2 {
	display: inline-block;
	padding-right: 20px;
	font-size: 1.0em;
}
.login_form li.page_item {
	font-family: arial;
	font-size: 0.8em;
	padding: 0px 5px;
	border: 1px solid #333;
	border-radius: 8px;
}
.login_form li.page_item:hover, .login_form li.page_item:hover a {
	background-color: #316656;
	color: #FBE642;
}
p.login-submit {
	top: -2px;
	position: relative;
}
p.login-submit input {
	padding: 3px 12px;
	border: 1px solid #99D266;
	font-family: 'museo-sans-rounded';
	background-color: #99D266;
	color: #316656;
	background-image: none;
	box-shadow: none;
	text-shadow: none;
	border-radius: 4px;
	display: inline-block;

}
p.login-submit input:hover {
	background-color: #B9D377;
	color: #316656;
}
p.login-submit input:active, p.login-submit input:focus {
	background-color: #B9D377;
	color: #316656;
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.25);
}

/******************************************************************
NAVIGATION STYLES
(Main Navigation)
******************************************************************/

nav { 
	font-family: 'museo-sans-rounded', helvetica, arial, sans-serif;
	font-size: 1.2em;
	text-align: right;
	margin-top: 24px;
	 }
nav .menu li { 
	display: inline-block; 
}
nav .menu li:hover, nav .menu li.current_page_item {
	border-bottom: 5px solid #99D266;
}
nav .menu li.current_page_item a {
	color: #99D266;
}
nav .menu li a { 
	text-decoration: none; 
	margin-left: 6px;
	margin-right: 6px;
	padding-bottom: 20px;
	font-size: 0.9em;/*shoot me now*/
}

.members_menu {
	float: right;
	text-align: right;
	margin-top: -20px;
}
.members_menu a {
	display: inline-block;
	margin-left: 20px;
}

/* Sidebar */

.affix {
	position: fixed;
	top: 0;
	bottom: auto;
}
.affix-bottom {
	bottom: 350px;
	position: absolute;
}
.sidebar {
	border: 1px solid #99D266;
	border-radius: 8px;
}
.sidebar li {
	border-top: 1px solid #99D266;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
}
.sidebar li a {
	font-family: 'museo-sans-rounded';
	font-size: 1.3em;
}
.sidebar li:first-child {
	border-top: 0;
}
.sidebar li.active {
	background-color: #99D266;
	color: white;
}
/******************************************************************
Awkward Showcase
******************************************************************/

/* Styling the caption */
.carousel-caption
{
	color: #fff;
	background-color: #97CEBA;
	padding: 8px 15px;
	text-align: left;
	position: absolute;
	bottom: 0px; 
	left: 0px;
	right: auto;
}

.carousel-caption .image_title { 
	font-family: 'museo-sans-rounded', helvetica, arial, sans-serif;
	font-size: 2.2em; 
	line-height: 40px; }

/******************************************************************
main_content - remove if not required
******************************************************************/

.main_content, .content {
	padding-top: 20px;
}

/******************************************************************
page_template
******************************************************************/

/* Home page
===========================*/

.homepage_top {
	background-color: #EBEDD9;
	box-shadow: 0 4px 3px rgba(0,0,0,0.3);
	position: relative;
  z-index: 4;
}
.homepage_top .content, .homepage_top .main_content {
	padding-top: 0;
}
.homepage_top .carousel {
	margin-bottom: 0;
}

/*headings*/

.headline {
	width: 95%;
	text-align: center;
	margin: 60px auto;
}
.subheading {
	width: 90%;
	text-align: center;
	margin: auto;
	padding-bottom: 20px;
}

/*columns*/
.info_columns {
	position: absolute;
	left: 50%;
	margin-left: -476px;
}
.info_columns [class*="span"] {
	background-color: #97ceba;
	margin-left: -6px;
  padding-left: 20px;
  padding-right: 0px;
  margin-top: -24%;
  height: 270px;
  position: relative;
  z-index: 2;
  transition: margin .5s ease-in-out;
  -moz-transition: margin .5s ease-in-out;
  -webkit-transition: margin .5s ease-in-out;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.25);
}
.info_columns [class*="span"].extend {
	margin-top: -2%;
}
.info_columns [class*="span"]:first-child {
	margin-left: 16px;
	background-color: #99D266;
	z-index:3;
	padding-left: 10px;
}
.info_columns [class*="span"]:last-child {
	background-color: #e1e893;
	z-index:1;
}
.info_columns .row {
	margin-bottom: 0;
}
.info_columns p {
	font-size: 0.84em;
	bottom: 50px;
	position: absolute;
	margin-right: 5px;
}
.info_columns h2 {
	bottom: 0;
	position: absolute;
	cursor: pointer;
	color: #316656;
	text-align: center;
	width: inherit;
	font-weight: 700;
	font-size: 22px;
	margin-bottom: 15px;
}

/* check level */

.check_level {
	background-color: #D3E8D1;
	padding-top: 15px;
	margin-bottom: -40px;
}
.check_level a {
	border: 1px solid #316656;
	border-radius: 8px;
	padding: 2px 8px;
	font-family: 'museo-sans-rounded';
	font-size: 1.2em;
	margin-left: 5px;
}
.check_level a:hover {
	color: #D3E8D1;
	background-color: #316656;
}

/* Group Courses Page */

.group-courses .sidebar {
	display: inline-block;
}
.group-courses .sidebar.affix {
	top: 100px;
}
#sidescroll p {
	color: #99D266;
}
.event_content {
	padding-bottom: 20px;
}
.events_category_name {
	padding-top: 20px;
}
#courses h3 {
	border-bottom: 1px solid #316656;
}
#courses #event_content h3 {
	border-bottom: none;
}

@media (max-width: 979px) {
	.group-courses .sidebar, .group-courses .sidebar.affix {
		display: none;
	}
}
	
/******************************************************************
error404
******************************************************************/

.error404 .children { padding-left: 20px; margin-top: 0px; }
.error404 ul li { margin-bottom: 0px; }

/******************************************************************
Contact Page
******************************************************************/
	
select {
	height: 30px;
	padding-top: 7px;
}
.contact_sidebar a {
	margin-top: 10px;
	display: inline-block;
}

/******************************************************************
Join Page
******************************************************************/

.join_step {
	padding-top: 20px;
}
ul#gform_fields_1 {
	display: inline-block;
	margin-bottom: -120px;
}
ul#gform_fields_1 li {
	width: 220px;
	float: left;
	clear: left;
}
ul#gform_fields_1 li#field_1_9 {
	clear: right;
	position: relative;
	top: -208px;
}
/* Dirty fix to accomodate different ids local vs stagin */
ul#gform_fields_5 {
	display: inline-block;
	margin-left: -20px;
	margin-bottom: -40px;
}
ul#gform_fields_5 li {
	width: 280px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}

/* End dirty fix */

#gforms_confirmation_message {
    font-size: 24px;
    padding: 10px;
    border-radius: 6px;
    box-shadow: 1px 1px 7px #999;
    color: #99D266;
    border: 2px solid #99D266;
}
.gfield_description.validation_message {
	color: #E6B20A;
}

/* Join page becomes 'members page' */

.members_page_links {
	top: -15px;
	position: relative;
}
.members_page_links a {
	display: inline-block;
	margin-right: 20px;
}

#poststuff tbody > tr > td:nth-child(2) {
	width: 25%;
	padding-right: 10px;
}
#poststuff .bottom_settings a {
	display: none;
}
/*#poststuff .bottom_settings, #poststuff #table_length, #poststuff #table_filter, #poststuff #table_info, #poststuff #table_paginate {
	display: none;
}  These settings are only useful if you have TONS of events. Otherwise is unnecessary clutter*/

td.dataTables_empty {
	text-align: center;
	padding-top: 20px;
	font-style: italic;
}
form.edit-profile fieldset {
	background-color: rgba(0,0,0,0.05);
	border-radius: 6px;
}

form.edit-profile fieldset p {
	display: inline-block;
	padding-left: 10px;
}
form.edit-profile fieldset p.form-textarea {
	display: block;
}
form.edit-profile fieldset p.form-textarea textarea {
	width: 430px;
}
form.edit-profile fieldset input {
	min-width: 200px;
}

/******************************************************************
Contact Page
******************************************************************/


ul#gform_fields_6 {
	display: inline-block;
	margin-bottom: -120px;
}
ul#gform_fields_6 li {
	width: 220px;
	float: left;
	clear: left;
}
ul#gform_fields_6 li#field_6_4 {
	clear: right;
	position: relative;
	top: -208px;
}

/******************************************************************
REGISTRATION PAGE for events/classes
******************************************************************/

label.ee-reg-page-questions {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.0em;
	display:block;
	float: none;
	text-align: left;
}
.event_espresso_form_wrapper input.ee-reg-page-questions {
	width: 200px;
	height: 28px;
}
.event_espresso_form_wrapper fieldset {
	padding-left: 0;
}
.event_espresso_form_wrapper fieldset > div.event_form_field {
	margin-bottom: 1em;
	margin-left: 20px;
	display: inline-block;
}
.event_espresso_form_wrapper fieldset > div:first-of-type {
	margin-left: 0;
}

.event_form_submit {
	padding-left: 0;
}


.event_questions .multi-checkbox label {
    width: auto;
}
.event_questions .multi-checkbox ul input {
    width: 20px;
    height: 20px;
    top: 2px;
}

div.event_form_field {
	margin-top:0;
	margin-bottom:0;
}
fieldset.event_questions {
	margin-top:0;
	margin-bottom: 0;
}

.event_espresso_form_wrapper label, .event_espresso_form_wrapper span.label {
	width: auto;
}

a.ee_add_item_to_cart.ee_view_cart {
	font-family: 'proxima-nova', 'helvetica', sans-serif;
	font-size: 20px;
	padding: 6px;
	border-radius:6px;
	display: inline-block;
	margin-left: -10px; /* Not sure why this is padded to the right? */
}
a.ee_add_item_to_cart.ee_view_cart:before {
	font-family: "fontawesome";
	content: "\f055   "; /* Plus Sign */
}
a.ee_add_item_to_cart:hover, a.ee_add_item_to_cart:focus {
	background-color: #99D266;
	color: #316656;
}
.registration_link {
	padding: 10px 16px; /*Pad out this link a bit */
}
.registration_link a.ee_add_item_to_cart.ee_view_cart {
	/* Make Registration link different */
	border: none;
}
.registration_link a.ee_add_item_to_cart.ee_view_cart:hover, .registration_link a.ee_add_item_to_cart.ee_view_cart:focus {
	background-color: transparent;
	color: #316656;
}
.registration_link a.ee_add_item_to_cart.ee_view_cart:before {
	font-family: "fontawesome";
	content: "\f040   "; /*Pencil*/
}
a.ee_view_cart {
	border: none;
	font-family: "proxima-nova", helvetica, sans-serif;
}
a.ee_view_cart:before {
	font-family: "fontawesome";
	content: "\f07a   "; /* Shopping Cart */
}
span.section-title, .span_event_date_label, .span_event_time_label {
	font-weight: bold;
	float: left;
	width: 100px;
	padding: 0;
	font-size: 1.0em;
	line-height: 1.5em;
}
.event_address {
	display: inline-block;
	width: auto;
}
.address-block, .span_event_date_value, .span_event_time_value, .attendee_max_value {
	float: left;
	padding-left: 20px;
	font-size: 1.0em;
	clear:right;
}
.start_date, .event_time {
	display: inline-block;
	width: 100%;
}
.register-link-footer {
	clear: left;
	padding-top: 15px;
}
/******************************************************************
shopping cart page
*******************************************************************/

.remove-cart-item {
	cursor: pointer;
}
.remove-cart-item:hover {
	color: #99D266;
}
table.price_list {
	margin: 0;
}
table.event-display-tables .span_event_time_value {
	float: none; /* Candelling float for this table */
	padding-left: 0;
}
/******************************************************************
pdf invoice payment option
*******************************************************************/

#payment-options-dv .finalize_button, #finalize_purchase_order .finalize_button, #payment-options-dv .submit-payment-btn {
	/* WHY MUST EVERY DEFAULT STYLE BE TERRIBLE */
	float: none;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	font-weight: bold;
	font-size: 18px;
	text-shadow: none;
	text-decoration: none;
	color: #316656;
}

/******************************************************************
CALENDAR
******************************************************************/
.fc-event-inner.fc-event-skin {
	padding: 5px 0 0 5px;
	margin-left: -2px;
	border-radius: 0;
}
.fc-event-title {
	color: white;
	font-family: arial;
	margin: 0 6px 0 0;
	font-size: 1.0em;
}
#espresso_calendar p.time-display-block {
	font-size: 0.85em;
	font-family: arial;
	margin-left: 0;
	padding-left: 0;
}
.fc-border-separate .fc-event.fc-event-skin {
	margin-top: 10px;
}

.fc-grid .fc-day-number {
	font-family: 'museo-sans-rounded';
	font-size: 1.4em;
	font-weight: 100;
	padding-top: 3px;
	padding-right: 3px;
}
.fc-widget-header {
	font-family: arial;
	font-weight: bold;
}
/******************************************************************
FOOTER STYLES
******************************************************************/

footer { 
	background-color: #97CEBA;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 40px;
}
.social_media li{
	font-size: 1.4em;
	font-family: "museo-sans-rounded", helvetica, arial;
	line-height: 1.8em;
}
.social_media li a {
	color: #333;
}
.social_media i {
	padding-right: 5px;
}
.testimonial_showcase {
	height: 180px;
}

.gform_body {
	margin-top: 30px;
	margin-bottom: 30px;
}
.bottom_bar { 
	height: 30px; 
	background-color: #FBE642; 
	color: #316656;
	padding-top: 10px;
	box-shadow: inset 0 2px 2px rgba(0,0,0,0.5);
}
.bottom_bar .row {
	margin-bottom: 0;
}
.bottom_bar p {
	margin-bottom: 0;
}

.footer-links{}
#menu-footer-links{}	
#menu-footer-links .sub-menu{}

.emily_ridge p {
	font-size: 0.8em;
}