/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
/*

INDEX

*Example
* h4example, the headings in the examples
*checkmark    // As in How to conduct an experiment
*checkmarkwop  // Checkmark without padding as in How to evaluate your experiment
*assignment  // as it is in many of the lessons and some of the blogs
*blockquote.normal // for how to benefit from exercise lesson
**blockquote.zen // for how to evaluate experiment
*blockquote.crcfsp //for making cort's quote on crcfsp page show up centered
*blockquote.osch //for making testimonials centered
*heading with two lines //in 3 fast and cost-efficient ways to learn essential recovery skills
*format visual form builder signup form /as in indivitual-coaching-program
/*the css added for mailchimp form by fivver designer*/
/*the css I added after swithcing to mailchimp to make
 - mailchimp form on e-course page success message green
 - hide the scroll bar in the yellow notice on e-course page
 - make the signup button on home page sidebar green instead of gray*/
*/
#content .example {
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 24px;
	text-align: left;
}

#content .example {
	background-color: #FFFFFF;
	border: 1px dotted #CCCCCC;
	padding: 20px;
	margin: 0 15px 15px;
	overflow-x: hidden;
	overflow-y: auto;
}

.h4example {
	color: #509AC9;
	font-size: 16px;
	font-weight: 500;
	padding-bottom: 14px;
}

#content ul.checkmark li {
	background: url("http://cfsrecoveryproject.com/wp-content/uploads/2013/04/checkmark-e1366758808912.png") no-repeat scroll 0 50% transparent;
	padding-left: 30px;
}

#content ul.checkmark {
	list-style-type: none;
	padding-left: 100px;
}

#content ul.checkmarkni li {
	background: url("http://cfsrecoveryproject.com/wp-content/uploads/2013/04/checkmark-e1366758808912.png") no-repeat scroll 0 50% transparent;
	padding-left: 30px;
}

#content ul.checkmarkni {
	list-style-type: none;
	padding-left: 30px;
	padding-right: 70px;
}

#content ul.checkmarkwop li {
	background: url("http://cfsrecoveryproject.com/wp-content/uploads/2013/04/checkmark-e1366758808912.png") no-repeat scroll 0 4px transparent;
	padding-left: 30px;
}

#content ul.checkmarkwop {
	list-style-type: none;
}

.assignment {
	background: url("http://cfsrecoveryproject.com/wp-content/uploads/2013/04/9931460_s-e1366863575492.jpg") no-repeat scroll 20px 30px transparent;
	color: #444444;
	height: auto !important;
	margin: 20px 15px;
	min-height: 120px;
	padding: 35px 20px 10px 130px;
}

#content ol li .example {
	margin-left: -5px;
	margin-top: 20px;
}

#content blockquote.normal {
	margin-left: 40px;
	padding-bottom: 10px;
	padding-top: 20px;
	width: 560px;
}

#content blockquote.zen {
	margin-left: 40px;
	padding-bottom: 10px;
	padding-top: 20px;
	width: 560px;
	background: none repeat scroll 0 0 #FFFFFF;
	border-style: none none none solid;
}

/*blockquote.crcfsp for making cort's quote on crcfsp page show up centered*/
.premise-theme #content blockquote.crcfsp {
	margin-left: 118px;
}

/*heading with two lines in 3 fast and cost-efficient ways to learn essential recovery skills*/
div.post-1464 h1.entry-title {
	line-height: 1.5;
}

/*format signup form in /individual-coaching-program */
div.post-1540 fieldset.vfb-fieldset div.vfb-legend {
/*
    it was ok to take out all of the below between div.post-1540 and fieldset.vfb-fieldset-1
    div.entry-content div.visual-form-builder-container form.visual-form-builder
    
    Also, by addressing vfb-fieldset-1 we ensure that first heading goes away but that verification heading, which is class vfb-fieldset-2 stays.
    */
	display: none;
}

div.post-1540 .visual-form-builder fieldset {
	background-color: #FFFFFF;
	border: 0 solid #D3D3D3;
/*border-radius: 3px 3px 3px 3px; */
	clear: both;
	margin: 15px 0 15px -20px;
	padding: 0;
}

div.post-1540 label.vfb-desc {
	font-weight: normal;
}

div.post-1540 .visual-form-builder label, label.vfb-desc {
	color: #444444;
	display: block;
	margin: 0;
	padding: 0 0 3px;
}

div.post-1540 .visual-form-builder ul, .entry-content .visual-form-builder ul, .comment-content .visual-form-builder ul, .mu_register .visual-form-builder ul {
	font-size: inherit;
	line-height: inherit;
}

/* it seems like even without post id, this super edit css css in genesis overrides the css of visual form builder */
input.vfb-medium, input.vfb-medium[type="text"], input.vfb-medium[type="tel"], input.vfb-medium[type="email"], input.vfb-medium[type="url"], select.vfb-medium {
	width: 70%;
}

input.vfb-text, input.vfb-text[type="text"], input.vfb-text[type="tel"], input.vfb-text[type="email"], input.vfb-text[type="url"], textarea.vfb-textarea, select.vfb-select {
	color: #444444;
	font-family: inherit;
	font-size: 100%;
	height: 2em;
	line-height: normal;
	margin: 0 0 5px;
}

input.vfb-text, input.vfb-text[type="text"], input.vfb-text[type="tel"], input.vfb-text[type="email"], input.vfb-text[type="url"], textarea.vfb-textarea {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset;
	padding: 3px 8px;
	transition: border .2s linear 0s, box-shadow .2s linear 0;
}

/*fixing the select box which needed some extra attention*/
option {
	margin: .3em;
}

select.vfb-select {
	background: none repeat scroll 0 0 #FFFFFF;
	font-size: inherit;
	height: 2.5em;
	padding-top: .5em;
	padding-left: 8px;
	width: 73%;
}

/*heading with two lines in How to let go of anger (and regret) ...*/
div.post-1832 h1.entry-title {
	line-height: 1.5;
}

/*heading with two lines in A Simple Way to Feel More Joy and Peace ...*/
div.post-1897 h1.entry-title {
	line-height: 1.5;
}

/*heading with two lines New Insights into how to ...*/
div.post-1970 h1.entry-title {
	line-height: 1.5;
}

/*
#content blockquote.zen:before, #content blockquote.zen:after {
	content: none;
}

#content blockquote.zen {
	border-left: 2px solid #A5ABAB;
	color: #666666;
	font-family: Open Sans, Helvetica, sans-serif;
	margin: 1.8em .8em;
	padding: 0 1em;
}

#content blockquote.zen {
	quotes: none;
}
*/
/*blockquote on online self care hour page*/
.premise-theme #content blockquote.osch {
	margin-left: 60px;
}

/*the css added for mailchimp form by fivver designer*/
.mailchimp-form {
	width: 58%;
	border: 1px solid #F2B559;
	padding: 20px 40px;
	margin: 0 auto;
	text-align: center;
}

.mailchimp-form label {
	display: block;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}

.mailchimp-form input[type="email"] {
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	font-size: 18px;
	color: #444;
	padding: 10px;
}

.mailchimp-form input[type="email"]:focus {
	border-color: #F2B559;
	outline: 0;
	border-width: 1px !important;
	border-style: solid;
}

.mailchimp-form input[type="submit"] {
	background: url(http://www.aweber.com/images/forms/sign-up-below/big-red/button.png) no-repeat 100% 100% !important;
	min-width: 150px !important;
	color: transparent !important;
	min-height: 55px;
	opacity: .8;
	margin-top: 10px !important;
}

.mailchimp-form input[type="submit"]:hover {
	opacity: 1;
}

.mc4wp-response > div {
	text-align: center;
	border: 1px solid;
	width: 70%;
	margin: 15px auto -15px;
}

/*the css I added after swithcing to mailchimp to make
 - mailchimp form on e-course page success message green
 - hide the scroll bar in the yellow notice on e-course page
 - make the signup button on home page sidebar green instead of gray*/
.mc4wp-alert.mc4wp-success {
	border-color: gray;
	color: #68bf00;
}

.premise-theme #content .notice {
	overflow: hidden;
}

#mc_embed_signup .button {
	background-color: #68bf00 !important;
}