/* 

******************************************************************************

NOTE: When updating the Green Stimulus theme to a newer version,
make sure to copy this file and your /custom-images folder to your hard drive.  
After the update, recopy custom.css and /custom-images to the Green Stimulus 
theme directory.

******************************************************************************


Use this CSS file to add your own custom styles to Green Stimulus!  If you need to add any custom images, use the 'custom-images' folder located in the root of the theme directory.

If an element you'd like to customize with CSS doesn't appear below, use Firebug or Google Chrome's inspector to identify class names, ID names, and element hierarchy.

*/


/* Default text */  body, td, p {}

/* Elements */
blockquote {}
ol {}
ol li {}

a {
	transition: all .2s;
		-webkit-transition: all .2;  
        -moz-transition: all .2s; 
}

p{ margin-bottom: 20px; }

input, textarea {}
input:focus, textarea:focus {}

table {}
table th {}
table th, td {}

/* Typography */

h1 {line-height: 36px;}
h2 {}
h3 {}
h4 { color: #DE8800; font-weight: normal; letter-spacing: 1px; margin-bottom: 0;}
h5 {}
h6 {}

dl {}
dt {}

/* ! HEADER
============================================================================================= */

#header { background: url(assets/images/Leaf-4.jpg) repeat-x top center !important;}
#header .container {}
/* If specificed a logo */ #header .logo img {}
/* If no logo specificed */ #header h1.logo { 
	text-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
	transition: all .3s;
		-webkit-transition: all .3;  
        -moz-transition: all .3s;   
}
#header h1.logo:hover {
	text-shadow: 0 4px 3px rgba(0, 0, 0, 0.4);
}


/* ! MAIN NAVIGATION */
#main-nav ul {}
#main-nav li {}
#main-nav li a { color: #FFF; }
#main-nav li:hover a { color: #DE8800; }

/* Dropdowns */

/* Level 1 */
#main-nav li>ul {}
#main-nav li>ul li {}
#main-nav li>ul li a{ background-color: #B2CD47;; }
	/* Level 2 */ #main-nav li>ul li ul {}

/* ! Search */
#header #searchform {}
#header #searchform #s { color: #FFF;}
#header #searchform #searchsubmit {}

/* ! Slideshow */

/* Container */ #slideshow { margin-bottom: 10px; background: url(assets/images/loader.gif) no-repeat center center;}
#slideshow .slide { }
#slideshow .slide-caption { display: block; margin-left: 20px; }

.sub span{ content: " Find out more→"; text-align: right; color: #FFF; font-size: 18px; font-family: 'Chunk Five', ChunkFiveRegular, Georgia, serif; font-weight: bold; }


/* Slide Navigation - uses CSS Sprites */
#slide-nav {}
#slide-nav a {}


/* Homepage blurb */ #intro-text { padding-left: 0; padding-right: 0; padding-bottom: 10px;}

#intro-text h3 { 
	color: #666; 
	font-size: 26px; 
	font-weight: normal; 
	font-style: italic; 
	font-family: georgia, 'times new roman', serif; 
}

#intro-text p { font-size: 14px; }
/* Social Icons */ #social .social img {}

/* ! Homepage Widgets */
.widget h3 { margin-bottom: 10px; }
#homepage-widgets .widget p { line-height: 27px; }


/* ! CONTENT
============================================================================================= */

/* ! Sidebar */
#sidebar {}

/* Sidebar Widgets */
/* 3 column */ .three-col #sidebar .widget, .three-col #sidebar .widget p, .three-col #sidebar .widget li {}
/* Everything else */ #sidebar .widget, #sidebar .widget li, #sidebar .widget p {}


/* ! POSTS */ 
.post {}
.post .date {}
.post-content {}
.post-meta .keep-reading {}

.post-text blockquote, .post-text blockquote p {}


/* ! Comments */
#comments-area {}
#comments-area textarea {}
#comments-area .commentlist {}
#comments-area .commentlist li {}
#comments-area .avatar {}
#comments-area .reply {}
.comment-body p {}


/* ! FOOTER
============================================================================================= */
#footer {}
#footer .copyright {}

#footer-widgets {}
#footer-widgets .widget {}

.powered-by-salesforce { padding-bottom: 20px;}

.social-footer {}
.social-footer a {}

.wpcf7 input, textarea { width: 400px; }

.wpcf7 input[type=submit] { width: 100px !important; }

.slideshow-wrapper { width: 940px; height: 360px; overflow: hidden; }

.slideshow-wrapper img { width: 940px; height: auto; margin-top: -100px;}

.slideshow-nav { display: none; }


.single #main-content, .page #main-content {margin-bottom: 0; }