/* @override http://development.local/testing/wp-content/themes/multi/css/skins/green.css?ver=3.8.1 */

/* @override http://development.local/testing/wp-content/themes/multi/css/skins/green.css?ver=3.8.1 */

/* @override http://development.local/testing/wp-content/themes/multi/css/skins/green.css?ver=3.8.1 */

/*=================================================================*/
/*  Global Colors
/*  Different content with the same bg color
/*=================================================================*/
#menu li > a:hover,
#menu li.current_page_item > a,
#menu li.current_page_item_hover > a,
#menu li.current-menu-parent > a,
#menu li.current-menu-ancestor > a,
.project-type-icon,
#postsNav .pagination_links .current-page,
#postsNav .pagination_links a:hover,
.page-links a:hover,
.crsl-nav a:hover,
.team-member:hover .member-social,
#blog .post .post-date,
#sidebar .flickr a:hover,
ul.products li:hover i.icon-store-bag,
.added i.icon-store-bag,
.price-button,
.newsletter_shortcode .newsletter_container .subscribe-btn,
.mcsocial-icon.style1:hover,
#blog.style1 .post-icon,
.latest-posts .post-icon,
#blog.style1 .post .post-bottom .read-link a:hover,
#blog.style2 .post:hover .post-bottom .read-link a,
#blog.style3 .post:hover .post-bottom .read-link a,
.circle-list li:before,
.col-style3 .col-icon,
.col-style2:hover .col-icon i,
.price-column.highlight-table,
.price-column.highlight-table .price-numbers{
	background-color: #88c133;
}
.rsArrow:hover .rsArrowIcn,
#page-header-slider a.ls-nav-prev:hover,
#page-header-slider a.ls-nav-next:hover,
.flex-direction-nav a.flex-prev:hover,
.flex-direction-nav a.flex-next:hover,
#sidebar .subscribe-btn.success,
.touchcarousel .scrollbar,
.carousel_bottom_controls a:hover,
span.hover{
	background-color: #88c133 !important;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce-tabs #review_form #submit,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-controls .mejs-time-current,
.mejs-controls .mejs-time-rail .mejs-time-current,
#menu li.current_page_item_hover > a{
	background: #88c133 !important;
}

.button.alt,
.page-links > strong,
.page-links a:hover{
	background: #88c133 !important;
	color: #fff !important;
}

.mcsocial-icon.style2:hover,
.col-style1 i{
	color: #88c133;
	
}

.tabbed-menu li.current_page_item,
.tabbed-menu li:hover{
	border-color: #88c133;
	background: #FBFBFB;
}

.dropdown-menu,
ul.sub-menu,
#mcstudios-custom-menu div.sub-menu{
	border-top: 3px solid #88c133;
}
.wpb_tabs .nav-tabs li.active a,
.wpb_tabs .nav-tabs li.active a:hover{
	border-top: 3px solid #88c133 !important;
}


#footer input[type="submit"]{
	color: #88c133;
	border-color: #88c133;
}

.post-thumbnail .plus i:hover{
	background: #303232 !important;
}
/*=================================================================*/
/* Typography
/*=================================================================*/
p,
li,
small,
#sidebar li a,
a.more{
	color: #000000;
	font-size: 13px;
	line-height: 20px;
}
/*
.mac.webkit .page-content p,
.mac.webkit .page-content span,
.mac.webkit .page-content li,
.mac.webkit .page-content small,
.mac.webkit #sidebar li a,
.mac.webkit a.more{
		color: #000000;
		font-weight: 500;
}
.mac.webkit .page-content p,
.mac.webkit .page-content li,
.mac.webkit .page-content small,
.mac.webkit #footer p,
.mac.webkit #footer li,
.mac.webkit #footer small,
.mac.webkit #page-header-slider p,
.mac.webkit #page-header-slider h5{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
*/



a,
.vc_label_units,
#top-info strong,
.arrow-list li:before,
.member-text .member-position,
#sidebar .search-field button,
#sidebar .widget_product_search button,
.twitter-widget li i,
.price-numbers p.currency,
.price-numbers p.price,
.price-numbers p.cents,
#mobile-portrait-cart p.total span,
#blog.style3 .post .post-bottom .read-link-more,
#blog.style3 .post .post-bottom .comments-link i,
.testimonial i{
	color: #88c133;
}

.page-content span.amount,
.woocommerce .star-rating span:before, 
.woocommerce-page .star-rating span:before{
	color: rgb(133, 173, 116) !important;
}

.name-link,
.twitter-widget ul li a,
.ui-accordion-header-active a{
	color: #88c133 !important;
}

a:hover,
#sidebar li:hover a,
#footer ul li:hover a,
body.top-white #header #top-info a.mcsocial-icon:hover,
a.more:hover,
#blog.style3 .post .meta a:hover{
	color: #88c133;
}


#blog.style3 .post:hover .read-link-more{
	color: #88c133 !important;
}




h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.price-title,
.price-numbers p,
.price-button {
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	color: #4f4f4f;
	font-style: normal;
	font-weight: 400;
}

blockquote{
	border-left: 5px solid #f1f1f1;
}
blockquote,
blockquote p,
blockquote cite,
blockquote cite a{
	color: #606060;
}


#top-info p{
	color: #dbdbdb;
}





html,
body{
	background: #ffffff;
}


/*=================================================================*/
/* Header
/*=================================================================*/
#header .main-header-full,
#header .main-header-small{
	background: rgba(0, 0, 0, 0.34);
}
body.top-white #header{
	background: #fff;
}
#logo{
	background: transparent url(green/logo.png) no-repeat 0 0;
	display: block;
	width: 151px;
	height: 46px;
	text-indent: -9999px;
	margin-top: 15px;
}

/*High resolution logo*/
@media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi) { 
	#logo{
		background: transparent url(green/logo@2x.png) no-repeat;
		background-size: 126px 48px;
		margin-bottom: 0;
		margin-top: 10px;
	}
}


body.top-white #logo{
	background: transparent url(green/logo-black.png) no-repeat 0 0;
	display: block;
	width: 186px;
	height: 64px;
	text-indent: -9999px;
	margin-top: 15px;
}

/*High resolution logo*/
@media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi) { 
	body.top-white #logo{
		background: transparent url(green/logo-black@2x.png) no-repeat;
		background-size: 156px 54px;
		margin-bottom: 30px;
	}
}

#header #top-info a{
	color: #DBDBDB;
}
#header #top-info a:hover{
	color: #ffffff;
}


#header .widget_shopping_cart_content p.total{
	color: #d6d5d5;
	font-weight: 100 !important;
}
#header .widget_shopping_cart_content p.total:before{
	color: #FFFFFF;
	content: "\e664";
	font-family: icomoon;
	margin-right: 10px;
	text-shadow: 0 1px 1px rgba(54, 54, 53, 0.29);
	opacity: 0.7;
}

#header-cart-info a,
#header-login-info a,
#header-login-info p{
	color: #d6d5d5;
	border-right: 1px solid #a2a2a1;
	padding-right: 10px;
	margin-right: 5px;
}
#header-cart-info a:last-of-type,
#header-login-info a:last-of-type{
	margin-right: 0;
	padding-right: 0;
	border: none;
}

#header-cart-info a:hover,
#header-login-info a:hover{
	color: #ffffff;
}
p.welcome-user{
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
	border: none !important;
}
#header-login-info.pull-right{
	text-align: right;
}

#header-login-block input[type="text"],
#header-login-block input[type="password"]{
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(42, 42, 40, 0.11);
	color: #d5d5d4;
}

#header-login-block input[type="submit"],
#header-login-block .submit_button{
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(42, 42, 40, 0.11);
	color: #d4d3d3;
}
#header-login-block .submit_button:hover{
	color: #ffffff;
	background: rgba(0, 0, 0, 0.28);
}



/*Header top white*/
body.top-white #header #top-info a,
body.top-white #header #top-info p{
	color: #7b7b78;
}
body.top-white #header #top-info a:hover{
	color: #000;
}

body.top-white #header .widget_shopping_cart_content p.total{
	color: #7b7b78;
	font-weight: 100 !important;
}

body.top-white #header .widget_shopping_cart_content p.total:before{
	color: #7b7b78;
	margin-right: 10px;
	text-shadow: 0 1px 1px rgba(54, 54, 53, 0.29);
	opacity: 0.7;
}

body.top-white #header-cart-info a,
body.top-white #header-login-info a,
body.top-white  #header-login-info p{
	color: #7b7b78;
	border-right: 1px solid #a2a2a1;
	padding-right: 10px;
	margin-right: 5px;
}

body.top-white #header-cart-info a:last-of-type,
body.top-white #header-login-info a:last-of-type{
	margin-right: 0;
	padding-right: 0;
	border: none;
}


body.top-white #header-login-block input[type="text"],
body.top-white #header-login-block input[type="password"]{
	background: #ffffff;
	border: 1px solid rgb(221, 221, 221);
	color: #7c7c79;
}

body.top-white #header-login-block input[type="submit"],
body.top-white #header-login-block .submit_button{
	background: #ffffff;
	border: 1px solid rgb(221, 221, 221);
	color: #605f5f;
}
body.top-white #header-login-block .submit_button:hover{
	color: #000000;
}

/*=================================================================*/
/*  Menu
/*=================================================================*/
#menu li > a:hover,
#menu li.current_page_item > a,
#menu li.current_page_item_hover > a{
	color: #ffffff;
}
#menu li a{
	-webkit-transition: all .4s linear;  
	-moz-transition: all .4s linear;  
	-o-transition: all .4s linear;  
	-ms-transition: all .4s linear;  
	transition: all .4s linear;
}

#menu div.sub-menu > div >h6 {
    color: #88c033;
    font-size: 16px;
}


/*=================================================================*/
/*  Layer Slider
/*=================================================================*/
#page-header-slider .ls-container .colored{
	text-shadow: none;
}


.main-slider .ls-bottom-slidebuttons a,
#page-header-slider .ls-bottom-slidebuttons a{


}

#page-header-slider a.ls-nav-prev,
#page-header-slider a.ls-nav-next,
.flex-direction-nav a{
	background: url(green/slider-arrows.png) 0 0 no-repeat rgba(8, 8, 8, 0.23) !important;
	width: 63px;
	height: 63px;
}
#page-header-slider a.ls-nav-prev,
.flex-direction-nav a.flex-prev{
	background-position: 18px 16px !important;
}
#page-header-slider a.ls-nav-next,
.flex-direction-nav a.flex-next{
	background-position: -46px 16px !important;
}

#page-header-slider a.ls-nav-prev:hover,
#page-header-slider a.ls-nav-next:hover,
.flex-direction-nav a.flex-prev:hover,
.flex-direction-nav a.flex-next:hover{
	-webkit-transition: all .4s linear !important;  
	-moz-transition: all .4s linear !important;  
	-o-transition: all .4s linear !important;  
	-ms-transition: all .4s linear !important;  
	transition: all .4s linear !important;
}

.main-slider .ls-bottom-slidebuttons a:hover,
.main-slider .ls-bottom-slidebuttons a.ls-nav-active,
#page-header-slider .ls-bottom-slidebuttons a:hover,
#page-header-slider .ls-bottom-slidebuttons a.ls-nav-active{
	background-position: -15px 0 !important;
}

.main-slider p,
#page-header .ls-container{
	font-weight: bold;
}

.rsArrow .rsArrowIcn,
.crsl-nav a{
	background: url(green/slider-arrows.png) 0 0 no-repeat rgba(8, 8, 8, 0.23) !important;
	width: 63px;
	height: 63px;
}
.rsArrow.rsArrowRight{
	right: 30px !important;
	border-radius: 0 !important;
}
.rsArrow.rsArrowRight .rsArrowIcn{
	background-position: -46px 16px !important;
}


.rsArrow.rsArrowLeft .rsArrowIcn,
.crsl-nav a.previous{
	background-position: 21px 16px !important;
}

.crsl-nav a{
	width: 30px;
	height: 48px;
}
.crsl-nav a.previous{
	background-position: 8px 10px !important;
}

.crsl-nav a.next{
	background-position: -64px 10px !important;
}


/*=================================================================*/
/*  Carousel
/*=================================================================*/
.arrow-holder.left span{
	background: url(green/slider-arrows.png) 6px center no-repeat rgba(8, 8, 8, 0.23) !important;
}
.arrow-holder.right span{
	background: url(green/slider-arrows.png) -62px center no-repeat rgba(8, 8, 8, 0.23) !important;
}

.arrow-holder:hover span{
	-webkit-transition: all .4s linear !important;  
	-moz-transition: all .4s linear !important;  
	-o-transition: all .4s linear !important;  
	-ms-transition: all .4s linear !important;  
	transition: all .4s linear !important;
	background-color: #88c033 !important;
}

/*=================================================================*/
/*  Blog
/*=================================================================*/

#blog.masonry .post{
	background-color: #fdfdfd;
	border: 1px solid #f4f4f4;
}
#comments .commentlist .comment-entry{
	padding: 20px 20px 18px;
	margin-top: 10px;
	overflow: hidden;
	border: 1px solid #f1f1f1;
}
/*=================================================================*/
/*  Portfolio
/*=================================================================*/
#filter-bar{

}
.post-thumbnail  span.hover{
	background: #000000;
}
#portfolio .project{

}
#filter-bar #filters li a.selected,
#filter-bar #filters li a:hover{
	color: #5e5a56;
}


/*=================================================================*/
/*  Pagination
/*=================================================================*/
.numbers-pag{
	float: right;
	margin-top: 20px;
}
#postsNav{
	border-top: none;
}
#postsNav .pagination_links a,
.page-links a,
.page-links > strong{
	color: #818181;
	font-size: 12px;
	border: 1px solid #dfdfdf;
	background-color: #ffffff;
	padding: 9px 14px;
}



#postsNav .pagination_links .current-page,
#postsNav .pagination_links a:hover,
#postsNav .pagination_links a:hover,
.page-links > strong{
	border: 1px solid rgba(134, 132, 132, 0.27) !important;
}


#postsNav .pagination_links .current-page span,
#postsNav .pagination_links a:hover span{
	color: #fff !important;
}

/*=================================================================*/
/*  Footer
/*=================================================================*/
#footer{
	background: #f6f6f6;
}

#footer h3{
	color: #5b5a5a;
	font-size: 17px;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 12px;
}

#footer p,
#footer ul li a,
#copyright  .copyright-text a{
	color: #898989;
}


#copyright{
	border-top: 1px solid #e5e5e5;
}


.wpb_separator{
	border-bottom: 1px solid #efefef !important;
	margin-bottom: 20px !important;
}

#comments{
	border-top: 1px solid #efefef !important;
	border-bottom: 1px solid #efefef !important;
}


/*=================================================================*/
/*  Newsletter sidebar
/*=================================================================*/
#sidebar .subscribe-btn{
	background: #f5f5f5;
	border: 1px solid #ececec;
	color: #747471;
}
#sidebar .subscribe-btn:hover{
	background: #6d6d6d;
	border: 1px solid #5d5d5d;
	color: #fff;
}

#sidebar .subscribe-btn.success{
	color: #fff !important;
	border: 1px solid #ececec !important;
}


/*=================================================================*/
/*  Inputs
/*=================================================================*/
#main-content ::-webkit-input-placeholder,
#main-content .select-header { 
	color: #747272;
	font-size: 12px;
	text-shadow: 0 1px 1px #ffffff;
}
#main ::-moz-placeholder,
#main .select-header { 
	color: #747272;
	font-size: 12px;
	text-shadow: 0 1px 1px #ffffff;
} /* firefox 19+ */
#main :-ms-input-placeholder,
#main .select-header { 
	color: #747272;
	font-size: 12px;
	text-shadow: 0 1px 1px #ffffff;
} /* ie */
#main input:-moz-placeholder,
#main .select-header { 
	color: #747272;
	font-size: 12px;
	text-shadow: 0 1px 1px #ffffff;
}

input[type="text"],
input[type="tel"],
input[type="date"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="search"],
input[type="datetime"],
input[type="datetime-local"],
input[type="number"]{
	height: auto !important;
}

input[type="text"],
input[type="tel"],
input[type="date"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="search"],
input[type="datetime"],
input[type="datetime-local"],
input[type="number"],
textarea,
.select-holder{
	background-color: #ffffff;
	border-radius: 2px;
	font-size: 12px;
	padding-top: 7px !important;
	padding-bottom: 7px !important;
	border: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	-webkit-box-shadow: none !important;
	   -moz-box-shadow: none !important;
	        box-shadow: none !important;
	        
	-webkit-transition: none !important;
	   -moz-transition: none !important;
	     -o-transition: none !important;
	        transition: none !important;
	        
	padding-left: 7px;
}
#main-content textarea{
	height: 144px;
	width: 400px;
}

#main-content label{
	font-size: 12px;
	font-weight: bold;
	color: #636361;
}

#main-content input[type="submit"]{
	background: #fff;
	
	border: 1px solid #dadad9;
	border-radius: 3px;
	padding: 5px 20px;
	color: #60605d;
	font-size: 14px;
	font-weight: 600;
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	
	
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top, #f7f7f7 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f7f7f7 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f7f7f7 0%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f7f7f7 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f7f7f7 0%,#efefef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}

#main-content input[type="submit"]:hover{
	border: 1px solid #777776;
}


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
select:focus {
  border-color: rgb(182, 182, 182);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}


#footer input,
#footer textarea{
	font-size: 12px;
	color: #202020;
	background: rgba(255, 255, 255, 0.33);
}






/*=================================================================*/
/*  Adjust some colors if the block background is black
/*=================================================================*/
.black-bg h1,
.black-bg h2,
.black-bg h3,
.black-bg h4{
	color: #eee;
}


.black-bg .wpb_wrapper p,
.black-bg li{
	color: #eee !important;
}



/*timeline*/
.black-bg .timeline .wpb_tabs_nav li a{
	background: none rgba(4, 4, 4, 0.07) !important;
	border: 1px solid #989897 !important;
	color: #eee;
}
.black-bg .timeline .wpb_tabs_nav li.ui-tabs-active a,
.black-bg .timeline .wpb_tabs_nav li:hover a,
.black-bg .timeline .wpb_tabs_nav li a:hover,
.black-bg .timeline .wpb_tabs_nav li.active a,
.black-bg .timeline .wpb_tabs_nav li.active a:hover{
	border: 1px solid #88c133 !important;
	color: #fff !important;
}