/* 

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

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 {}

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

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

/* Typography */

a {color: #57B256;}
a:hover {color: #005B33;}

h1 {color: #005B33;line-height:36px;}
h2 {color: #57B256;line-height:25px; }
h3 {color: #57B256;}
h4 {}
h5 {}
h6 {}

dl {}
dt {}

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

#header {background-color:#005B33; }
#header .container {}
/* If specificed a logo */ #header .logo img {margin-top:10px; margin-bottom:-30px;}
/* If no logo specificed */ #header h1.logo {}


/* ! MAIN NAVIGATION */
#main-nav ul {}
#main-nav li {}
#main-nav li a {}

/* Dropdowns */

/* Level 1 */
#main-nav li>ul {}
#main-nav li>ul li {}
#main-nav li>ul li a{}
	/* Level 2 */ #main-nav li>ul li ul {}

/* ! Search */
#header #searchform {}
#header #searchform #s {}
#header #searchform #searchsubmit {}

/* ! Slideshow */

/* Container */ #slideshow {}
#slideshow .slide {}




#slideshow .slide-caption, #slideshow .slide-caption:hover {background: #005B33;}

#slideshow .slide-caption p {color:#ffffff; font-size:18px;}

#slideshow .slide-caption strong:hover, #slideshow .slide-caption strong {color: #ffffff;}

#slideshow a .slide-caption {color: #005B33;}

#slideshow a  .sub {color: #57B256;}

#social .social {border-top:0px;}
#social {background:url("");padding: 30px 10px 30px 25px; float:left; width:340px;}
#social li {border-top:solid 1px #D1D1D1; padding-bottom:6px; padding-top:6px}
#social .widget {margin-left:10px;}


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


/* Homepage blurb */ #intro-text {}
/* Social Icons */ #social .social img {}

/* ! Homepage Widgets */
#homepage-widgets .widget {}


/* ! CONTENT
============================================================================================= */
h2 {
    font-size: 28px;
    letter-spacing: 0px;
    margin-bottom:20px;
    margin-top: 20px;
}



/* ! 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 {}

.two-col #sidebar {
        border-left-color-value: #ffffff;
        border-left-width-value: 0px;
order-left-color: #ffffff;
        border-left-width: 0px;

    }


/* ! 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 {}


/* ! FORM
.cform fieldset {
    
}

.cform textarea {
 width:100%;
   
}


/* ! FOOTER
============================================================================================= */
#footer {border-bottom:0px; margin-bottom:0px;}
#footer .copyright {width:299px; padding-top:81px;}
#footer-widgets { width: 600px; float: right; }
#footer-widgets .widget {float:left; width: 550px; padding: 25px 0 25px 25px; margin-right: 25px; border-left: 0px #ffffff; }

.powered-by-salesforce {align:center;}


.widget group {width:650px;}

.powered-by-salesforce {}

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

/* ! FORM
============================================================================================= */

ol.cf-ol {
    margin: 0 !important;
    padding: 0 10px !important;
}

.cform label span {
    display: block;
    width: 155px;
}
.cform input, .cform textarea, .cform select {
border-color:#005B33;

    padding: 3px;
    vertical-align: top;
}

ol.cf-ol li	{
	background:none!important; 
	margin:5px 0px!important; /*some themes may interfere otherwise*/
	padding:0; 
	list-style:none!important; 
	text-align:left;
	line-height:1.3em;
	overflow:hidden;
}

input[type="submit"], input#submit, input.submit {
    background-color: #005B33;
    color: #FFFFFF;
}



.sendbutton {
    margin:8px; margin-left:450px}


/* ! NAV
============================================================================================= */


#main-nav li a, #main-nav .current-menu-item a, #main-nav .current_page_item a,  #main-nav .page_item a  {
    color: #fff;
}

#main-nav .current-menu-item, #main-nav .current_page_item, #main-nav .menu-item, #main-nav .page_item {
    border-color: #5AC134;
}


#main-nav .page_item:hover {
    background-color: #5AC134; 
}

#main-nav .active {
    background: none repeat scroll 0 0 #5AC134;
    border-color: #5AC134;
}

.shareinpost {
    padding-top: 20px; margin-top:20px;
}

/* WEPIKA */
.multi_column {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.multi_column__item {
	width: 32%;
	margin-left: 2%;
}
.multi_column__item:first-child, .multi_column__item:nth-child(3n+4) {
	margin-left: 0;
}
.multi_column__item:nth-child(n+4) {
	margin-top: 20px;
}
.multi_column__item h2 {
	font-size: 1.375em;
	line-height: 1.4;
	margin: 0 0 0.3em;
}