@charset "utf-8";
/*============= WWFS CSS =============*/

/*------ Home ------*/

a.wwfs-info {
    border: 2px solid #506d33;
}

span.wwfs-learn-more {
    color: #506d33;
}

/*------ Quick Access ------*/
i.fa.fa-key a:hover,
i.fa.fa-shopping-cart a:hover,
i.fa.fa-search a:hover {
	background-color: #506d33;
}

.quick-access .search-box:before {
    border-color: transparent transparent #506d33;
}

/* Breadcrumbs */
.page-product .breadcrumbs ul,
.page-contact-us .breadcrumbs ul,
.page-event-listing-grid .breadcrumbs ul,
.page-about-us .breadcrumbs ul,
.page-events .breadcrumbs ul {
    width: 100%;
		background: #a7a7a7;
    	color: #ffffff;
}

/* Parallax Block Text */
.parallax-green-background span.button.open-btn a {
    color: #ffffff;
}

.page-odi-home .footer-title h3,
.page-odi-home .footer-title h4,
.page-odi-home .footer-title h5 {
    color: #ffffff;
}

/* About Us */

.menu-about{
    background: none repeat scroll 0 0 #4e6f33;
}

#history{
	padding-bottom:30px;
	background-color: #fdf8e5;
}

.tab-history .our-team-nav .our-team-current {color:#506d33;}

.content-our-team.our-team-tabs .our-team-nav span.our-team-name {color: #daae05;}

/* Tags */ 

.page-node .tags-content,
.page-blog .tags-content {
    padding: 20px 0;
}
.page-node .tags-blog,
.page-blog .tags-blog{
    display: inline-block;
}
.page-node .tags-blog a,
.page-blog .tags-blog a {
    background: none repeat scroll 0 0 #506d33;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    display: inline-block;
    height: 29px;
    line-height: 27px;
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 0 15px !important;
}
.page-node .tags-blog a:hover,
.page-blog .tags-blog a:hover {
    background: none repeat scroll 0 0 #fdf8e5;
    color: #343434;
}

/* Products */ 
.product-name a {
    /*color: #fff;*/ 
	color: #dcb41c;
    font-size: 16px;
	font-weight: 600;
}

/* Products by Brands Term */ 

.page-taxonomy-term- .product-name a:hover {color: #dcb41c;}

h2.field-content.product-name a:hover {color: #506d33;}
h2.field-content.product-name {margin: 0px 0px;}

/* Our Brands Block */
.view-product-brands-logos .views-column {
    margin-bottom: 70px;
}

/* Product Blocks */
	#block-views-product-category-block-sidebar .title {
    color: #ffffff;
	}
	#block-views-related-product-block-related .title {
    font-weight: 700;
    color: #506d33;
    font-size: 16px;
}

/* Popular Products */ 
.product-popular{
    margin-top: 20px;
    background: none repeat scroll 0 0 #fdf8e5;
}
.product-popular .title{
    font-size: 18px;
    margin: 0;
    padding: 15px;
}
.product-popular ul{
    margin: 0;
    padding: 0 0 0 1px;
}
.product-popular ul li{
    background: #fdf8e5;
    border-left: 2px solid #c1c1c1;
    border-top: 1px solid #ccc;
    display: block;
    overflow: hidden;
    padding: 10px 10px 10px 12px;
}
.product-popular ul li:last-child{
    /*border-bottom: 1px solid #2a2a2a;*/ 
	border-bottom: 1px solid #ccc;
}
.product-popular ul li:hover{
    /*background: #1b1b1b;*/
		background: #fceebb;
    border-left: 2px solid #506d33;
}
.product-popular ul li .product-image{
    display: inline-block;
    float: left;
}
.product-popular ul li .info-products {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    line-height: 24px;
    padding: 0 10px 0 85px;
}
.product-popular ul li .info-products .product-name{
    margin: 0;
	    line-height: normal;
		text-align: left;
}
.product-popular ul li .info-products .price-box{
    color: #ec3642;
    font-size: 18px;
}


/* Distribution Coverage */ 
.view-id-distribution_coverage_leaflet_ .views-field-title a,
.view-display-id-block_all_table td h3 {
    font-size: 14px;
    color: #506d33;
}


/*------ RECIPES/LESSON ------*/
/* Block Bootstrap Grip Recipe All */

#block-views-lesson-block-recipes-all .title-page h3 {
    font-weight: bold;
    margin: 7px 0;
    color: #4f6c33;
}

.recipe-image-thumb-col {
	text-align: center;
	margin-bottom: 50px;
}
.recipe-image-thumb-col h3 a {
    font-size: 18px;
    font-weight: 600;
    color: #4f6c33;
}

.recipe-image-thumb-col h3 a:hover {
    color: #618140;
    text-decoration: underline;
}

.recipe-image-thumb-col h3.field-content {
    background-color: #fdf8e5;
    margin: unset;
    padding: 20px 0px;
}



/* Events */ 
.timetable-top .table:before {
			background: none repeat scroll 0 0 rgba(210, 178, 20, 0.57);
			border: 1px solid #9E9E9E;
}

#our-listing-grid .our-trainers .product-name {
    padding-top: 20px;
    text-transform: uppercase;
    font-size: 18px;
    color: #fcb033;
}

.event-listing .news-item-inner {background: none repeat scroll 0 0 rgb(253, 248, 229);
	    margin-bottom: 20px;}

.event-category .popular-event-title {
    background: none repeat scroll 0 0 #506d33;
    color: #fff;
}

.page-blog .popular-event,
.page-event-listing .event-category .popular-event-title {
	background: none repeat scroll 0 0 #fdf8e5;
}

.page-blog .popular-event-title {
    /*border-bottom: 2px solid #232323;*/
			border-bottom: 2px solid #ddd;
    color: #666666;
    padding: 10px 15px;
}
.popular-event .latest-news-item:hover{
    background:#fdf8e5;
}
.page-blog .popular-event-title a {
    margin: 0;
}
.page-blog .popular-event .news-content ul {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 0;
}
.page-blog .popular-event .latest-news-item {
    /*border-bottom: 1px solid #232323;
	border-left: 2px solid #454545;*/
			border-bottom: 1px solid #ddd;
			border-left: 2px solid #506d33;
}
.page-blog .popular-event .latest-news-item:hover{
    background:#242424;
    border-left:2px solid #ec3642;
}
.page-blog .popular-event .latest-news-item:hover .news-title a{
    color:#ec3642;
}
.page-blog .popular-event .news-date {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #506d33;
}
.page-blog .popular-event .news-day {
    border:none;
    padding:0;
}
.page-blog .popular-event .news-month {
    font-size: 15px;
}
.page-blog .popular-event .news-info {
    margin-left: 60px;
}
.page-blog .popular-event .news-title a {
    color: #666666;
    text-transform: none;
}
.page-blog .popular-event .news-time p {
    background: url("../images/clock.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #343434;
    padding-left: 20px;
}

.share {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin: 23px 0 33px;
    padding: 5px 0;
}
.share-title {
    color: #666666;
    float: left;
    width: 50%;
}
.share .social-icon {
    float: right;
    margin: 0;
    text-align: right;
    width: 50%;
}
.share .social-icon a {
    font-size: 18px;
    line-height: 34px;
    /*padding: 0 10px;*/
			padding: 6px 10px;
    		/*background: #777;*/
			color: #506d33;
}
.share .social-icon a:hover {
    /*color:#ec3642;*/
		color: #fdf8e5;
}
.share .social-icon .linkedin {
    padding-right:0;
}



/* Blog */


.our-blog {
    padding: 30px 0;
}
.menu-sidebar, .popular-event, .archives, .tags{margin-bottom:30px;}
.blog-page {
    margin-bottom: 30px;
}
.blog-item {
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 10px;
}
.img-blog {
    margin-bottom: 20px;
}
.blog-main .img-blog {
    float: left;
    overflow: hidden;
    padding-left: 23px;
    padding-right: 0;
    padding-top: 6px;
    width: 145px;
}
.blog-content {
    /*margin-left: 142px;*/
			/*margin: 0px 25px;*/
			margin: 0px 10px;
    padding-left: 0 !important;
}
.blog-main .img-blog img {
    border: 4px solid #ec3642;
}
.details-desc-full p, .caveats-full p, .caption-desc, .caveats-full-1 p {
    color: #666666;
}
.blog-title {
    padding: 5px 0;
}
.blog-title a {
	font-size: 24px;
			color: #506d33;
}
.blog-title a:hover {
    color:#ec3642;
}
.blog-title-top {
    font-size: 12px;
    text-transform: uppercase;
}
.blog-intro {
    padding-bottom: 10px;
}

.created-by, .published, .category-name{
    display: inline-block;
    margin-right: 5px;
}
.created-by span, .category-name a{
    color:#ec3642;
}

.page-blog .pager li > a, .pager li > span {
    background-color: #fdf8e5;
    border: 1px solid #c1c1c1;
    display: block;
    font-size: 15px;
    height: 35px;
    line-height: 34px;
    padding: 0;
    width: 35px;
    border-radius: 0px !important;
}

/* News Page */
#block-system-main .author, .related-post {
    background: #fdf8e5;
}

/* Contact */ 

.page-contact-us .contact-form, 
.page-contact-us .contact {
	background: none repeat scroll 0 0 #fdf8e5;
}

.page-contact-us #contact-site-form .form-text {border: 1px solid #a9a9a9;}

#heading-content li {
    display: inline;
}

#heading-content .icon-headding.facebook-icon {
    background: #4267b2;
}

i.fa.fa-facebook.facebook-icon {
    background: #4267b2;
}

#heading-content .icon-headding.instagram-icon {
    background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);
}

i.fa.fa-instagram.instagram-icon {
    background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);
}

#heading-content a:hover {
    text-decoration: underline;
}

#heading-content a:visited {
    color: #506d33;
}


/* Contact Sidebar */

#block-block-73 a {
    color: #324f14;
}
#block-block-73 a:hover,
#block-block-73 a:focus
 {
    color: #324f14;
	text-decoration: underline;
}
#block-block-73 {
    margin: 10px 10px;
}
#block-block-73 .headding-title {
    margin-bottom: 0px;
}

/* Contact Webforms Supplier and Consumer */

.node-webform {
    margin: 30px 0px;
}
.node-webform #edit-actions {
    margin: 14px 0px;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    color: #ffffff;
}
.node-webform #edit-actions .form-submit:hover {
    background-color: #a7a7a7;
}


/*------ Footer ------*/
.page-odi-home footer.page-footer {
	color: #ffffff;

	-webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    background: #29460c;
    background: -moz-linear-gradient(to right, #739451 0%, #29460c 100%);
    background: -webkit-linear-gradient(to right, #739451 0%, #29460c 100%);
    background: linear-gradient(to right,#739451 0%, #29460c 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#1e5799',GradientType=0 );*/	
}




/* Copyright */ 
.page-odi-home #copyright,
.page-node #copyright,
.page-contact-us #copyright,
.page-blog #copyright,
.page-product #copyright,
.page-about-us #copyright {
    background: none repeat scroll 0 0 #fdf8e5;
    border-top: 1px solid #353535;
    position: relative;
}

.page-odi-home #copyright,
.page-node #copyright,
.page-contact-us #copyright,
.page-blog #copyright,
.page-product #copyright,
.page-about-us #copyright{
    background: none repeat scroll 0 0 #fdf8e5;
    border-top: none;
}

.page-odi-home #copyright:hover,
.page-node #copyright:hover, 
.page-node #copyright:hover,
.page-contact-us #copyright:hover,
.page-blog #copyright:hover,
.page-product #copyright:hover,
.page-about-us #copyright:hover,
.page-node .index-white #copyright:hover {	
    background: none repeat scroll 0 0 #eeeeee;
}