/*
 Theme Name:   Middlebury Natural Foods Co-Op
 Description:  MFC custom theme based on Everything
 Author:       Brandthropology, Inc.
 Author URI:   http://www.brandthropology.com
 Template:     everything
 Version:      1.0.0
 License:      Copyright Middlebury Natural Foods Co-Op 2015 All Rights Reserved
*/
/**
/**
 *  Search 'Style' to jump between all section headers.
 *
 *  Table of Contents:
 *  A. Font Family Style
 *  B. General Style
 *  C. Top Bar Style
 *  D. Header Style
 *  E. Navigation Style
 *  F. Sidebar Widget Style
 *      F.1. Featured Image Widget Style
 *		F.2. Latest News Widget Style
 *		F.3. Upcoming Events Widget Style
 *		F.4. Related Events Widget Style
 *		F.5. Recipe Ingredients Widget Style
 *		F.6. Recipe Summary Widget Style
 *  G. Inner Page Style
 *      G.1. Inner Page Header Style
 *  H. Specific Page Style
 *      H.1. Home Page Style
 *          H.1.1 Home Page Banner Slider Style
 *      H.2. Main Event Feed Style
 *  I. Bottom Style
 *      I.1 End Note Style
 *      I.2 Footer Style
 *  J. Membership Style
 *  K. Main Blog Style
 *  L. Single Detail Style
 *	M. Recipe Detail Style
 *  N. Mobile Styles
/**
 * NOTE: use of !important requires explanation in a comment
 * NOTE: if you change a color, make sure to do a find/replace of it
 * Color Guide ----------------------------------------------- **
 * Green: #9FC54D |
 * Orange: #FF7F29 |
 * Dark Purple: #862996 | rgba(134, 41, 150, 1)
 * Light Purple: #8F6DA0 |
 * Bright Purple | #7D2B8B
 * Dark Grey: #575757 |
 * Light Grey: #D3D3D5 |
 *
 **/
/** A. Font Family Style -- Keep font family declarations up here ------------- **/
#logo img {
        max-width: 235px;
    }
#logo a {
    display: block;
}
h3, .read-more, .view-all, .learn-more, .related-item .related-item-posted-on, .detail-meta, .also-like{
    font-family:'Roboto', serif;
}
body, h1, h2, h3{
	font-family: "Roboto Slab", serif;
}
.top-nav-menu, .latest-news-view .latest-news-subtitle{
   font-family: "myriad-pro", sans-serif;
}
.nav-menu.main ul li > div, .nav-menu.main ul li > a, h3.ls-l.slider-title, p.ls-l.slider-location, .nav-menu.main input{
   font-family: "myriad-pro-condensed", sans-serif;
}

h1, h2 {
    font-size: 26px;
}
h3{
    font-size: 20px;
    color:grey;
    margin-top:10px;
}
#headline h1{
    font-weight:300;
    font-size:32px;
    color:#575757;
}
/** B. General Style -------------------------------------------- **/
body{
    color: #575757;
    line-height:18px;
}
body a{
    color: #cc8646;
}
body #content{
    border-bottom:none;
    margin-bottom: 50px;
}
body.home #content, .single-event #content, .single-post #content {
    margin-bottom: 0;
}
body #content ul{
    margin-left:0;
}
body #content ul li, .learn-more{
    list-style-type: none;
    background-image: url(images/leaf.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 30px;
}

body #content ul.meta li{
    background-image:none;
    padding-left:0;
}
#headline .nav{
    display:none;
}
p {
    line-height: 1.5em;
    font-size: 16px;
}
.home div#footer {
    margin-bottom: 50px;
}
.home h1.title.entry-title {
    display: none;
}
aside.aside.beta {
    margin-top: 7px;
}
.single-post aside.aside.beta {
    margin-top: 0;
}
hr {
	border-color: #cdcdcf;
	border-top-width: 2px;
}
.page-id-4 section#text-14 {
    margin-top: 63px;
}
/** C. Top Bar Style -------------------------------------------- **/
div#top-bar {
    position:absolute;
    margin-top:20px;
    left:0;
    right:0;
    background:transparent;
}
.top-nav-menu li>a:hover, .top-nav-menu .current>a{
    color: #525252;
}
.top-nav-menu li>a {
    color: #8C8C8C;
}

i.fa.topbar {
    background: #9599a0;
    color: white;
    margin: 0;
}
i.fa.fa-facebook.topbar {
    padding: 5px 8px;
    margin-left: 6px;
}
i.fa.fa-linkedin.topbar {
    padding: 5px 6px;
}
i.fa.fa-twitter.topbar {
    padding: 5px 6px;
}
i.fa.fa-instagram.topbar {
    padding: 5px 6px;
}
li#menu-item-430:after, li#menu-item-431:after, li#menu-item-432:after {
    content: "";
}
li#menu-item-430 a, li#menu-item-431 a, li#menu-item-432 a {
    padding: 0 0px 0 10px;
}

/** D. Header Style --------------------------------------------- **/
#header .section>* {
    vertical-align:bottom;
}
header#header {
    border-bottom: 8px solid #FF7F29;
}

/** E. Navigation Style ----------------------------------------- **/
.nav-menu.main {
    margin-bottom: 15px;
}
nav.nav-menu.main {
    padding-top: 50px;
}
.nav-menu.main ul{
	margin-left:20px;
}
.nav-menu.main > * > ul > li{
    background:#FBFBFB;
    border-left:1px solid #F1F1F1;
    border-bottom:6px solid #D3D3D5;
    border-right:none;
    padding:0;
}
.nav-menu.main > * > ul > li > ul{
    background:#FBFBFB;
}
.nav-menu.main > * > ul > li:last-child{
    border-right:1px solid #F1F1F1;
}
.nav-menu.main > * > ul > li.ubermenu-current-page-ancestor, .nav-menu.main > * > ul > li.ubermenu-current-menu-item {
    border-bottom: 6px solid #6d166b;
}
.nav-menu.main ul li > ul, .nav-menu.main ul li > a, .nav-menu.main ul li input{
   font-size: 21px;
   color: #575757;
}
.nav-menu.main > * > ul > li > a{
    padding: 5px 30px;
}
a.sub-toggle {
    width: 100%;
    position: relative;
    z-index:99;
	background-image:url(/wp-content/theme/mfc-theme/images/transparent.jpg);
}

a.sub-toggle ~ a {
    position: absolute;
    margin-top: -33px;
    margin-left: 25px;
    z-index:0;
}

.menu-item {
    position: relative;
}

/* Do not use this ubermenu styling below the mobile breakpoint */
@media screen and (min-width: 767px)
{
	nav#ubermenu-main-2-main-desktop {
	    margin-right: 3px;
	}
	.ubermenu .ubermenu-search .ubermenu-searchform .ubermenu-search-input{
	    padding: 5px 40px 5px 18px;
	    font-size:100%;
	}
	input.ubermenu-search-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  color: #C3C4C6;
	  font-size:21px;
	}
	input.ubermenu-search-input::-moz-placeholder { /* Firefox 19+ */
	  color: #C3C4C6;
	  font-size:21px;
	}
	input.ubermenu-search-input:-ms-input-placeholder { /* IE 10+ */
	  color: #C3C4C6;
	  font-size:21px;
	}
	input.ubermenu-search-input:-moz-placeholder { /* Firefox 18- */
	  color: #C3C4C6;
	  font-size:21px;
	}
	.nav-menu.main .ubermenu .ubermenu-search .ubermenu-searchform{
	   margin: 0;
	   font-size:23px; /** Set for a quick solve of element not aligning with height of other menu items. Needs to look deeper, may cause problems on other browsers. **/
	   width:230px;
	}
	.ubermenu .ubermenu-search input.ubermenu-search-submit{
	    color: #f9f9f9;
	    background: #575757;
	}
	.nav-menu.main > * > ul > li.ubermenu-item.ubermenu-has-submenu-drop > a:after{
	    content:'';
	}

	/* Ubermenu targeting is not fine enough to get what is wanted a lot of the time. Important tags are used here due to this until they can be phased out. */

	a.ubermenu-item-layout-default:hover {
	    background-color: #7D2B8B;
	    color: white!important;
	}
	.ubermenu-nav ul.ubermenu-submenu {
	    visibility: visible;
	    opacity: 1;
	}
	.nav-menu li.sub>a:after{
	    content:"";
	}
	li.ubermenu-has-submenu-stack.ubermenu-item-type-custom a.ubermenu-target {
	    border-bottom: 2px solid #6d166b;
	    color: #6a3c80!important;
	    font-family: "Roboto slab"!important;
	    font-weight: bold;
	    font-size: 16px!important;
	}

/* early bird flyer */
	#menu-item-11246 a {
	    border-bottom: 1px solid #cdcdcf !important;
    	    color: #575757!important;
	    font-family: "Roboto", sans-serif!important;
	    font-size: 16px !important;
	    padding: 10px 30px!important;
            font-weight: normal !important;
	}
	#menu-item-11246 a:hover {
            color: white!important;
        }
	ul.ubermenu-submenu-type-stack li.ubermenu-item-type-post_type a.ubermenu-target {
	    border-bottom: 1px solid #cdcdcf;
	    color: #575757!important;
	    font-family: "Roboto", sans-serif!important;
	    font-size: 16px;
	    padding: 10px 30px!important;
	    font-weight: normal;
	}
	li.ubermenu-has-submenu-stack a.ubermenu-target:hover {
	    background-color: #fbfbfb;
	    color: #6a3c80!important;
	}
	ul.ubermenu-submenu-type-stack li a.ubermenu-target:hover {
	    background-color: #7D2B8B;
	    color: white!important;
	}
	li.ubermenu-has-submenu-stack.ubermenu-item-has-children {
	    padding: 0px 10px 20px 10px;
	}
	.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target.ubermenu-item-layout-text_only {
	    padding-bottom: 15px;
	}
	ul.ubermenu-submenu.ubermenu-submenu-id-339.ubermenu-submenu-type-auto.ubermenu-submenu-type-stack {
	    padding-right: 10px;
	}
	li.ubermenu-item.ubermenu-item-type-custom.ubermenu-item-object-ubermenu-custom.ubermenu-item-has-children.ubermenu-item-368.ubermenu-item-level-1.ubermenu-column.ubermenu-column-auto.ubermenu-has-submenu-stack.ubermenu-item-type-column.ubermenu-column-id-368.sub {
	    border-top: 2px solid #6d166b;
	    margin-top: 52px;
	}
	li#menu-item-339 {
	    padding-right: 0;
	}
}
/** F. Sidebar Widget Style -------------------------------------- **/
.widget{
    font-size:inherit;
}
.widget p{
    font-size:14px;
}
/** F.1. Featured Image Widget Style ------------------------------ **/
.widget_featuredimagewidget{
    text-align:center;
}
.widget_featuredimagewidget img{
    max-height: 368px;
    width: auto;
}
section.widget_featuredimagewidget {
    margin: 30px!important;
    padding: 0!important;
    border-bottom: solid 15px #9FC54D;
    border-top: solid 3px #9FC54D;
}
/** F.2. Latest News Widget Style ----------------------------------- **/
.home #wp_views-2 {
    padding:20px 40px;
    border-top:3px  #9FC54D solid;
    border-bottom:10px #9FC54D solid;
    background-image: url(images/paper-texture.png);
}
.widget_wp_views h2.title{
    border-bottom:none;
}
.latest-news-view ul {
    list-style: none;
    margin: 0;
}
.latest-news-view li{
    margin-bottom:20px;
    float:left;
}
.view-half {
    width:50%;
    float:left;
    box-sizing: border-box;
}
.view-half ~ .view-half{
    padding-left:40px;
}
.latest-news-view img{
    border: 3px solid #FDFDFD;
    border-radius:5px;
    max-height: 196px;
}
.latest-news-view .latest-news-title a{
    color:black;
    font-size:18px;
}
.latest-news-view .latest-news-subtitle{
    color:black;
    font-size:12px;
    line-height:14px;
    text-transform:uppercase;
    margin-bottom: 10px;
}
.latest-news-view p{
    line-height: 18px;
}
.latest-news-view .read-more{
    text-transform:uppercase;
    display: inline;
}
.latest-news-view, .upcoming-events-view {
    text-align: right;
}
.latest-news-view ul, .upcoming-events-view ul{
    text-align:left;
    margin-left: 0;
}
.upcoming-events-view figure {
    float: left;
    max-width: 100px;
    margin-right: 10px;
}
.view-all{
    color:#575757;
    text-transform:uppercase;
}
form.wpv-filter-form.js-wpv-filter-form.js-wpv-filter-form-140-CPID142.js-wpv-form-full {
    margin: 0;
}

/** F.3. Upcoming Events Widget Style ----------------------------- **/
.rounded-image {
    border-radius: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.view-quarter{
    display:inline-block;
    float:left;
    width:33%;
    box-sizing: border-box;
}
.view-quarter.three{
    width:66%;
}

.home #wp_views-5 {
    padding:20px 40px;
    border-top:3px #FF7F29 solid;
    border-bottom:10px #FF7F29 solid;
    overflow: hidden;
}
.upcoming-events-view ul{
    list-style:none;
}
.upcoming-events-view li{
    float:left;
    margin-bottom:31px;
    width: 100%;
}
.upcoming-events-view li:last-child {
    margin-bottom: 14px;
}
#wp_views-5 h2.title {
    margin-bottom: 34px;
}
.event-meta, .event-title {
    font-size: 16px;
}
.home #footer #wp_views-2 h2.title {
    margin-bottom: 20px;
}
/**F.3.1 Tabbed Events/Classes Styling ---------------------------- **/
h2 > a.wit-tab-title {
    padding: 16px;
    padding-left: 31px;
    padding-right: 31px;
    border: solid 2px #DCDCDC;
    border-bottom-width: 3px;
    border-bottom-color: black;
    background-color: #F7F4F6;
    color: black;
    opacity: 0.5;
}
h2 > a.wit-tab-title:hover {
    color: #CA701D;
}
h2 > a.wit-tab-title.wit-selected {
    border-bottom-color: #CA701D;
    background-color: white;
}
.title.wit-title.ps-container.ps-theme-default {
    min-height: 35px;
    padding-top: 20px;
    border-bottom: none;
}
.home li.col-1-2 + li.col-1-2 {
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #CA701D;
    min-height: 875px;
    padding: 0;
    padding-bottom: 10px;
    width: 40%;
    background-color: #F7F4F6;
    margin-top: 10px;
}
#wp_views-2 {
    min-height: 822px;
}
.empty-events-image {
    margin-top: 25%;
    margin-right: 8.5%;
}
.rounded-image-wrapper {
    border: solid 2px silver;
    border-radius: 100px;
    width: 120px;
    display: block;
    float: left;
    margin-top: 2em;
}
.rounded-image-wrapper + p {
    font-size: 1.25em;
    text-align: left;
    display: block;
    float: left;
    width: 250px;
    margin-left: 1em;
    margin-top: 2em;
}
a.homepage-email-us{
    display: block;
    float: left;
    margin-left: 1.15em;
    margin-top: 1em;
    font-weight: bold;
    font-size: 1.25em;
}
a[href="/join/upcoming-events/"] {
    position: relative;
    right: 35px;
}

/** F.4. Related Events Widget Style ------------------------------ **/
.related-item {
    display: inline-block;
    box-sizing:border-box;
    padding-right:20px;
    vertical-align:top;
}
.related-item img {
    width: 100%;
}
.related-item:last-child {
    padding-right:0;
}
.also-like{
    text-transform:uppercase;
    font-size:12px;
}
.related-item a {
    border: 1px solid #D3D3D5;
    padding:4px;
    border-radius 5px;
    max-width: 250px;
}
.related-item a + a{
    border:none;
    padding:none;
    margin-top:10px;
    font-size:15px;
    line-height:15px;
    color:black;
}
.related-item .related-item-posted-on{
    text-transform: uppercase;
    font-size: 11px;
}
.related-item > *{
    display:block;
}
/** F.5. Recipe Ingredients Widget Style -------------------------- **/
.views-template-recipe .aside .advanced_text {
    margin-top:30px;
    padding:20px 40px;
    border-top:3px  #9FC54D solid;
    border-bottom:10px #9FC54D solid;
    background-image: url(images/paper-texture.png);
}
.views-template-recipe .aside .advanced_text ul {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
.views-template-recipe #content .aside .advanced_text ul li{
    padding-left:0;
    background-image:none;
}
.views-template-recipe .aside .advanced_text h2:after{
    content:'';
    display:block;
    position:relative;
    top: 17px;
    height: 2px;
    width: 40%;
    background: #9FC54D;
}
/** F.6. Recipe Summary Widget Style ------------------------------ **/
.views-template-recipe .aside .widget_text{
    margin-top: 30px;
    padding: 20px 40px;
    border-top: 3px #FF7F29 solid;
    border-bottom: 10px #FF7F29 solid;
}
.views-template-recipe #content .aside .widget_text ul li{
    padding-left:0;
    background-image:none;
}
.recipe-field-name, .recipe-field-value {
    display:inline-block;
    min-width:30%;
}
.views-template-recipe .aside .widget_text h2:after{
    content:'';
    display:block;
    position:relative;
    top: 17px;
    height: 2px;
    width: 40%;
    background: #FF7F29;
}
/** G. Inner Page Style ------------------------------------------- **/

/** G.1. Inner Page Header Style ---------------------------------- **/
#headline {
    background-image: url(images/paper-texture.png);
}

/** H. Specific Page Style ---------------------------------------- **/

/** H.1. Home Page Style ------------------------------------------ **/
.home #content:before{
    background: url(images/wave-texture.png) top center;
}
.home .widget_featuredimagewidget img{
     border-bottom: none;
     border-top: none;
}
.home #content section.section.widget.widget_featuredimagewidget:before{
    content:none;
}
.home #content h1{
    color:#862996 ;
}
.home li.col-1-2 {
    width: 60%;
}

.home li.col-1-2 + li.col-1-2 {
    width: 40%;
}
/** H.1.1 Home Page Banner Slider Style ---------------------------------- **/
.home div#banner {
    border-bottom:8px solid #FF7F29;
}
/* .home > p.ls-layer.slider-title-background { */
/*     background: rgba(134, 41, 150, .75); */
/*     position:absolute; */
/*     mix-blend-mode: multiply; */
/*     width: 100%; */
/*     height: 70px; */
/*     right: 0; */
/*     bottom: 0; */
/*     top: auto; */
/*     left: 0; */
/* } */
/* .home > h3.ls-layer.slider-title { */
/*     width: 100%; */
/*     bottom: 0; */
/*     position: absolute; */
/*     top: auto; */
/*     padding-left: 19%; */
/*     padding-bottom:10px; */
/*     font-size: 36px; */
/*     z-index: 100; */
/*     color: white; */
/* } */
span.r-learnmore {
    font-size: 20px;
    margin-left: 50px;
}
.home > p.slider-location {
    font-size: 23px;
	color: white;
}
.home > h3.ls-layer.slider-title:before {
    content: url(images/HalfSun-Happy-forweb.png);
    position: relative;
    top: 21px;
    margin-right: 20px
}
.ls-fullscreen-wrapper div#banner {
    border-bottom:8px solid #FF7F29;
}
.ls-fullscreen-wrapper #slider-title {
    width: 100% !important;
    left: 0 !important;
}
.ls-fullscreen-wrapper .ls-wrapper {
    left: 0 !important;
    width: 100% !important;
}

/** H.2. Main Event Feed Style -------------------------------------- **/
.event-date-wrap {
    color:black;
    display: inline-block;
    box-sizing:border-box;
    width:20%;
    text-align: center;
    vertical-align: top;
}
.event-date-wrap .event-date-day-wrap {
    font-size:50px;
    line-height:50px;
    margin-bottom:0;
}
.event-date-wrap .event-date-month-wrap {
    text-transform:uppercase;
    font-size:23px;
    line-height:30px;
    margin-top:0;
}

.event-details-wrap {
    display:inline-block;
    box-sizing:border-box;
    width:79%;
    border-left: 1px solid black;
    padding-left: 20px;
}

.event-details-wrap .event-title{
    font-size: 25px;
    line-height: 35px;
    color:black;
}
/** I. Bottom Style ---------------------------------------------------- **/
#bottom{
    border-top:none;
}
/** I.1 End Note Style ------------------------------------------------- **/
#bottom #end-note{
    background: #8F6DA0 url(images/half-logo-transparent-footer.png);
    background-position: 70% bottom;
    background-repeat: no-repeat;
    height: 100px;
}
footer#end-note p {
    font-size: 12px;
}
/** I.2 Footer Style -------------------------------------------------- **/
#bottom #footer{
    background:none;
}
/** J. Membership Style ----------------------------------------------- **/
.overview-option {
    border-top: 2px solid #cdcdcf;
    padding: 40px 0;
}
.overview-option:nth-child(2) {
    margin-top: 7px;
}
.learn-more {
    text-transform: capitalize;
    letter-spacing: 1px;
}
.overview-option p {
    font-size: 16px;
    line-height: 1.5em;
}
div#sidebar-position {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.widget h2.title {
    border-bottom: 2px solid #cdcdcf;
    padding-bottom: 15px;
    line-height: 1.2em;
}
.questions-block a {
    font-size: 16px;
    text-decoration: underline;
}
.qblock-phone a {
    color: black;
    font-size: 24px;
    line-height: 2em;
    text-decoration: none;
}
div.col-40, div.col-60 {
    float: left;
}
div.col-40 {
    width: 40%;
}
div.col-60 {
    width: 60%;
}
.questions-block img {
    border-radius: 100%;
    width: 180px;
    border: 3px solid #9FC54D;
}
.questions-block {
    padding-top: 20px;
    padding-bottom: 20px;
}
.bg-block {
    background-image: url(images/paper-texture.png);
    margin: 0 25px;
    padding: 25px;
}
.bg-block li {
    background-image:url(images/leaf-alpha.png)!important;
    }
.advanced_text {
    padding: 0;
}
.member-option:last-child {
    margin-bottom: 100px;
}
.blogfeed-item {
    padding-bottom: 20px;
}
.blogfeed-item > *{
    display:inline-block;
    vertical-align:top;
    padding-right: 10px;
    box-sizing: border-box;
}
.blogfeed-item h3 a {
    color: black;
    font-family: "Roboto Slab", serif;
}
.blogfeed-item h3 {
    line-height: 1.2em;
}
.blogfeed-item img {
    padding: 3px;
    border: solid 1px #cdcdcf;
    border-radius: 10px;
}
.blogfeed-item p {
    font-size: 16px;
}

/** K. Main Blog Styles ----------------------------------------------- **/
#main-blog .blogfeed-item {
    border-top: 2px solid #cdcdcf;
    margin-top: 27px;
    padding-top: 40px;
}
#main-blog .blogfeed-item img {
    padding: 4px;
    border: solid 2px #cdcdcf;
    width: 300px;
}
span.blog-post-date {
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Roboto", "sans-serif";
}
.search button {
    color: #f9f9f9;
    background: #575757;
    border: none;
    border-radius: 0 5px 5px 0;
}
form.search input {
    box-shadow: none;
    border-color: #575757;
    border-radius: 5px 0 0 5px;
}
.category-line a {
    color: black;
}
.category-line {
    border-bottom: 1px solid #cdcdcf;
    padding-bottom: 10px;
    font-size: 14px;
    margin-top: 10px;
}
.grey-block {
    background-color: #e8e6dd;
    padding: 25px;
}
span.upcoming-link a {
    font-size: 20px;
    color: #724b88;
}
.grey-block h2 {
    font-weight: bold;
    line-height: 1em;
    border-bottom: 1px solid #a7a8a9;
    padding-bottom: 10px;
}
.upcoming-classes {
    border-bottom: 1px solid #cdcdcf;
    padding-bottom: 15px;
    margin: 15px 0;
}
.single-post .nav, .single-event .nav {
    display: none;
}
.single-post div#content .container, .single-recipe div#content .container {
    border-bottom: 2px solid #dfdfdf;
}
.single-post #content .section:last-child:before {
    border: none;
}
div#main-blog.cat-blog {
    padding: 0 25px;
}

.page-id-4 #content .section {
    padding-top: 0px;
    padding-bottom: 30px;
}
section#text-14 {
    margin-top: 63px;
}

/** K0.5 Main Blog Comments */

#commentform .columns ul li {
    background-image: none;
    padding-left: 0;
}
#commentform input.full-width, #commentform textarea.full-width {
    box-shadow: none;
    border-color: grey;
    border-radius: 5px;
}
#commentform input#submit {
    background: #dc8333;
    border: none;
    color: white;
    min-width: 300px;
}

.blog-bot-bar {
    border-bottom: 1px solid #dfdfdf;
    height: 100px;
    margin: 0 25px;
    padding: 0 308px 0 0px;
}
div.blog-bot-bar section.section:first-child {
    float: right;
}
div.blog-bot-bar section.section:last-child {
    float: left;
}

/** K.1. Main Blog Slider ----------------------------------------------- **/
.page-template-template-blog div#banner, .archive.category div#banner, .archive.tax-event-type div#banner {
    border-bottom:8px solid #FF7F29;
}
#ls-global .page-template-template-blog .ls-wp-container .ls-slide > p.ls-l.slider-title-background, #ls-global .archive.category .ls-wp-container .ls-slide > p.ls-l.slider-title-background, #ls-global .archive.tax-event-type .ls-wp-container .ls-slide > p.ls-l.slider-title-background {
    background: rgba(134, 41, 150, .75);
    position:absolute;
    mix-blend-mode: multiply;
    width: 100%;
    height: 70px;
    right: 0;
    bottom: 0;
    top: auto;
    left: 0;
}
#ls-global .page-template-template-blog .ls-wp-container .ls-slide > h3.ls-l.slider-title, #ls-global .archive.category .ls-wp-container .ls-slide > h3.ls-l.slider-title, #ls-global .archive.tax-event-type .ls-wp-container .ls-slide > h3.ls-l.slider-title {
    width: 100%;
    bottom: 0;
    position: absolute;
    top: auto;
    padding-left: 19%;
    padding-bottom:10px;
    font-size: 42px;
    z-index: 100;
    color: white;
}
#ls-global .page-template-template-blog .ls-wp-container .ls-slide > p.slider-location, #ls-global .archive.category .ls-wp-container .ls-slide > p.slider-location, #ls-global .archive.tax-event-type .ls-wp-container .ls-slide > p.slider-location {
    font-size: 23px;
    color: white;
}
#ls-global .page-template-template-blog .ls-wp-container .ls-slide > h3.ls-l.slider-title:before, #ls-global .archive.category .ls-wp-container .ls-slide > h3.ls-l.slider-title:before, #ls-global .archive.tax-event-type .ls-wp-container .ls-slide > h3.ls-l.slider-title:before {
    content: url(images/HalfSun-Happy-forweb.png);
    position: relative;
    top: 21px;
    margin-right: 20px
}

.ls-bottom-nav-wrapper {
    text-align: right;
}

/** L. Single Detail Style ----------------------------------------------- **/
.views-template-event #footer .container .section > .columns{
    padding-top:20px;
    border-top: 1px solid #D3D3D5;
}
.views-template-event .section .nav {
        display: none;
}
.detail-image {
    padding: 5px;
    border: 1px solid #D3D3D5;
    text-align: center;
    border-radius:5px;
}

.detail-image img {
   max-height: 422px;
}
.detail-meta{
    margin:10px 0;
    color:grey;
    text-transform:uppercase;
    font-size:12px;
}
.detail-meta *{
    display:inline-block;
}
.detail-meta .detail-categories {
    margin-left:20px;
}
.detail-details {
    margin-top:30px;
    margin-bottom:40px;
}
.detail-details > *{
    display:inline-block;
    vertical-align:top;
    margin-left:60px;
}
.detail-details .detail-date-time{
    border-right:2px solid #D3D3D5;
    padding-right:15px;
    margin-right:20px;
}
.detail-details .detail-date-time .detail-date, .detail-location .detail-location-name{
    color:black;
    font-size:30px;
    line-height:30px;
}
.detail-details .start-date, .detail-details .end-date {
    display:inline-block;
}
.detail-details .start-date .detail-time, .detail-details .end-date .detail-time{
    text-align:right;
}
.detail-details .detail-date-time .detail-time, .detail-location .detail-location-address{
    font-size:17px;
    line-height:30px;
}
.detail-details .detail-date-time:before, .detail-details .detail-location:before{
    margin-left:-60px;
    position:absolute;
    content: url(images/calendar-icon.png);
}
.detail-details .detail-location:before{
    content: url(images/location-icon.png);
}
.detail-content {
    margin-top: 30px;

}
.detail-title-wrap{
    border-bottom:1px solid #D3D3D5;
}
.detail-title-wrap .detail-title{
    font-size:22px;
    display:inline-block;
    margin-bottom:-2px;
    border-bottom:4px solid #FF7F29;
}

/** M. Recipe Detail Style ----------------------------------------------- **/
.meta .recipe-posted-date, .meta .recipe-categories{
    display:inline-block;
}
.meta .recipe-categories{
    margin-left:20px;
}
.recipe-content .section-header-wrap {
    border-bottom:solid 2px lightgrey;
}
.recipe-content .section-header-wrap h3{
    width:auto;
    padding-right:30px;
    display:inline-block;
    border-bottom:solid 2px #FF7F29;
    margin-bottom:-2px;
    color:black;
}
/** NEWSLETTER SIDEBAR */

.section.widget_news_widget_thin {
    background-image: url(images/paper-texture.png);
    border: 1px solid #929496;
    margin-top: 30px;
}
.section.widget_news_widget {
    background-image: url(images/paper-texture.png);
    margin: 25px;
    border: 1px solid #929496;
}
table.signupframe tr {
    background: transparent;
}
table.signupframe {
    background: transparent!important;
    border: none!important;
}
.signupframe input[type="text"] {
    border: 1px solid #929496;
    box-shadow: none;
    width: 100%;
    font-size: 14px;
}
.plu-check input[type="text"] {
	border: 1px solid #929496;
    box-shadow: none;
}
input[type="submit"] {
	background: #dc8333;
    border: none;
    color: white;
}
.signupframe input[type="submit"] {
    width: 100%;
}
.signupframe input {
    height: 40px;
}

.signupframe input[type="submit"]:hover{
    background: #FDAD64;
}

.newsletter-list {
  padding-bottom: 10px;
}

.newsletter-list a {
    font-size: 18px;
    margin-left: 30px;
}
input.back-btn {
    background: #ff7f29;
    border: none;
    color: white;
    border-radius: 5px;
}

/* BLOG POST */
.single-post p {
    line-height: 1.5em;
}

.jobs-feed .blogfeed-item {
    border-bottom: 1px solid #cdcdcf;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.jobs-feed h2 a {
    color: black;
}
.jobs-feed {
    line-height: 1.5em;
}
a#application-btn {
    font-size: 16px;
    background: #dc8333;
    padding: 10px 40px;
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;
}
a.orange-btn {
	font-size: 16px;
    background: #dc8333;
    padding: 10px 40px;
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;
    max-width: 234px;
    text-align: center;
    display: block;
}
#text-9 {
    background-image: url(images/paper-texture.png);
    margin: 25px;
}

/** Fast changes *******/
div#top-bar {
    font-size: 15px;
    color: #7C7C7C;
}
.detail-details {
    white-space: nowrap;
}
.home #content .section a {
    margin-left: 12px;
}

/* CONTACT PAGE */
ul.store-hours {
    line-height: 170%;
}
.hours-indent {
    margin-left: 20px;
}

/* BOARD MEMBERS */
.board-member img {
    width: 150px;
    height: 150px;
}
.board-member {
    float: left;
}


div.accordion:nth-of-type(odd) h3.accordion-title {
    background-color: #E8E8E8 !important;
    padding: 6px 0px 6px 30px;
}

div.accordion {
    margin-bottom: -20px;
}

h3.accordion-title {
    font-family: 'Roboto', serif;
    background-image: url(images/plus.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    color: #cc8646;
    cursor: pointer;
}

h3.accordion-title.open {
    background-image: url(images/minus.png);
}


.related-links li {
    font-size: 18px;
    background-position: left center!important;
}


/* SEARCH RESULTS */

.search-results article.post {
    border-top: 2px solid #cdcdcf;
    margin-top: 27px;
    padding-top: 40px;
}
.search-results article.post img {
    padding: 4px;
    border: solid 2px #cdcdcf;
}

.error404 form.search {
    max-width: 300px;
}
/* HIDE SOME SECTION  31-01-2019 START*/
.client_d_none{
    display:none;
}
.custom_gcard .product img ,.section .custom_gcard .product .rating {
    display: none;
}
.section .custom_gcard .product figure.full-width img ,.section .custom_gcard .product .price{
    display: none !important;
}
body #content .custom_gcard ul li, body.woocommerce-page #content ul li {
    list-style-type: none;
    background-image: none;
    background-position: inherit;
    background-repeat: inherit;
    padding: 0px;
}
.woocommerce ul.products li.product h3{
    margin-bottom: 12px;
}
.product-type-pw-gift-card .tabs ,.product-type-pw-gift-card .columns ul li:first-child {
    display: none;
}
.product-type-pw-gift-card .columns ul li.col-1-2.mobile-1-clear-row.mobile-2-clear-row{
   width: 100%;
}
.product-type-pw-gift-card .entry-summary .product_meta , .product-type-pw-gift-card .entry-summary hr , .product-type-pw-gift-card .entry-summary .price {
    display: none;
}
.woocommerce-product-details__short-description p {
    margin-bottom: 20px;
    margin-top: 10px;
}
#pwgc-purchase-container #pwgc-message , .pwgc-subtitle , #pwgc-purchase-container #pwgc-delivery-date  {
    display: none;
}

label[for="pwgc-message"] , label[for="pwgc-delivery-date"] 
{
    display:none;
}
.woocommerce-additional-fields {
    display: none;
}
.col2-set.columns .col-1.col-1-2{
   width: 100%;
}

.col-2.col-1-2 {
    width: 100%;
}
.checkout.woocommerce-checkout hr{
    width: 100vw;
}
.checkout.woocommerce-checkout div#order_review {
    width: 100vw;
}
.woocommerce-checkout-payment p{
    max-width: 340px;
}
.woocommerce #pwgc-redeem-gift-card-form{
    display: none;
}
.entry-summary .ctext{
    margin-bottom: 20px;
}
.checktext {
    margin-top: 20px;
    margin-bottom: 20px;
}
#sidebar-position {
    display: none;
}
.cart_item .variation{
    display: none;
}
#order_review #place_order
{
    color: #8F6DA0;
    border-color : #8F6DA0 !important;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  text-transform: capitalize;
}
::-moz-placeholder { /* Firefox 19+ */
 text-transform: capitalize;
}
:-ms-input-placeholder { /* IE 10+ */
  text-transform: capitalize;
}
:-moz-placeholder { /* Firefox 18- */
  text-transform: capitalize;
}
#pwgc-to::-webkit-input-placeholder {
   content:"Line 2\A Line 3";
}
#pwgc-to::-moz-placeholder {
    
    content:"Line 2\A Line 3";

}
#pwgc-to:-moz-placeholder {
    
    content:"Line 2\A Line 3";

}

/* HIDE SOME SECTION  31-01-2019 END*/

/* 06-02-2019 START*/

.checkout.woocommerce-checkout div#order_review {max-width: 1110px;width: 100vw;}

/* 06-02-2019 END*/


/* N. MOBILE STYLES */
@media screen and (max-width: 1135px) {
    h2>a.wit-tab-title {
        padding:16px;
        padding-left: 19px;
        padding-right: 19px;
        border: solid 2px #DCDCDC;
        border-bottom-width: 3px;
        border-bottom-color: black;
        background-color: #F7F4F6;
        color: black;
        clear: both;
        width: 90%
    }
}

@media screen and (max-width: 1015px) {
  h2>a.wit-tab-title {
      padding:16px;
      padding-left: 14px;
      padding-right: 14px;
      border: solid 2px #DCDCDC;
      border-bottom-width: 3px;
      border-bottom-color: black;
      background-color: #F7F4F6;
      color: black;
      float: left;
      clear: both;
      width: 90%
  }
}

@media screen and (max-width: 767px) {
	#logo img {
    max-width: 180px;
    margin-top: 30px;
	}

	#footer li.mobile-1-clear-row {
    width: 100%;
	}

	#ls-global .home .ls-wp-container .ls-slide > h3.ls-l.slider-title {
		padding-left: 20px;
	}
}
@media screen and (max-width: 500px) {
	#logo img {
    margin-top: 65px;
	}
}

@media screen and (max-width: 600px) {
	#ls-global .home .ls-wp-container .ls-slide > h3.ls-l.slider-title:before {
		content: none;
	}
	#ls-global .home .ls-wp-container .ls-slide > h3.ls-l.slider-title {
		padding-left: 70px;
	}
}

@media screen and (max-width: 302px) {
    #logo img {
        margin-top: 95px;
    }
}
@media (max-width: 992px) {
.view-half, .blogfeed-item .col-1-2.column-l {
    float:none;
    padding:10px;
    width:auto;
}
.view-half ~ .view-half{
    padding-left:0;
}
}

/* Styling for Newsletter Form */
body.home div.alpha{
  padding: 0 !important;
  margin : 0 !important;
}

div.flexContainer{
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: distribute;
 justify-content: space-around;
}

div.flexContainer > {
  padding-left: 60px;
}

.flexItem{
  padding-left: 60px;
}

.flexItem:nth-child(1){
  flex-shrink: 2
}

@media only screen and (max-width: 768px){
  div.flexContainer{
    flex-direction: column;
  }
  .flexItem{
    padding-left: 0px;
  }
}

form#newsletter input, form#newsletter select, form#newsletter button{
  width: 100%;
  display: inline-block;
  /*border: 1px solid #ccc;
  border-radius: 4px;*/
  box-sizing: border-box;
  margin-bottom: 10px;
}

form#newsletter button{
  background-color: #dc8333;
  border: none;
}

form#newsletter input[type=submit]{
  margin-top: 5px;
}

#banner{
  z-index: 0;
}

div#newsletterContainer{
  padding: 20px;
  /*background: #DCDCDC;*/
  /*border: solid black 2px;
  border-radius: 5px;
  -webkit-box-shadow: 7px 9px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 7px 9px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 7px 9px 5px 0px rgba(0,0,0,0.75);*/
}

div#errorMessage{
  text-align: center;
}

div#errorMessage > p{
  color: red;
}

#thankyouMessage{
  color: orange;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  font-size: 50px;
}

#cboxClose{
  display: none;
}

.errorInput{
  border-color: red;
}

/* reCAPTCHA center */
div.g-recaptcha > div{
  margin: 0 auto !important;
}

.wpv-pagination-nav-links-item {
  display: inline;
}

#print-page {
  text-transform: uppercase;
  padding-left: 40px;
  display: block;
  margin-top: 20px;
}
.recipe-description {
  margin-bottom: 20px;
}
#header .cart-info {
display: none;
}


/* NN 12-09-2019 start*/
.custom_gcard ul li {
	width: 100%;
}
 
.shipping_address #shipping_address_2_field span.optional , .woocommerce-billing-fields #billing_address_2_field span.optional{

    display:none;
}

 .woocommerce-page .message { display: none; }
/* NN 12-09-2019 end*/

.button.small.product_type_pw-gift-card.add_to_cart_button,
.single_add_to_cart_button.button.alt,
.checkout-button.button.big.alt.wc-forward,
#place_order,
.button.wc-backward {
    font-size: 15px;
    background: #dc8333;
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;
    max-width: 254px;
    text-align: center;
    display: block;  
    border-width: 0px;
}

.button.small.product_type_pw-gift-card.add_to_cart_button {
    padding: 10px 20px;
    height: 46px;
}
a.edit-cart-btn {
  font-family: Montserrat;
  font-weight: bold;
  max-width: 231px;
  margin-right: 10px;
  float: left;
  display: inline;
  padding: 20px 40px;
}
.single_add_to_cart_button.button.alt.disabled {
   border-width: 2px; 
}
.checkout-button.button.big.alt.wc-forward {
    max-width: 294px;
    height: 54px;
}
#place_order{
float: left;
clear: right;
color: white !important;
}

.button.disabled.wc-variation-selection-needed {
    background: #dc8333!important;
    color: white !important;
    border-width: 0px !important;
}
.woocommerce-variation-add-to-cart-disabled {
    cursor: not-allowed;
}

/* O. Question Block Style */

.bg-block:nth-child(n+2) h2.title {
    display: none
}

.bg-block:nth-child(n+2) {
    padding-top: 0px;
}


/* P. Membership Page: Have Questions Sidebar & Join Today call to action */
/* normally we would like to use a dedicated class rather than targeting the page id */

.page-id-9563 #advanced_text-20, .page-id-9563 .questions-block {
   padding: 0;
}

.page-id-9563 .questions-block img {
   width: 140px;
}

.page-id-9563 .questions-block .col-40 {
    width: 33%
}

.page-id-9563 .questions-block .col-60 {
    width: 67%
}

.page-id-9563 .bg-block {
   padding-bottom: 5px;
}

.page-id-9563 .bg-block h2 {
    font-size: 22px
}

.page-id-9563 a.orange-btn {
    margin-top: 18px;
}

.membership-join-btn a {

	font-size: 16px;
    background: #dc8333;
    padding: 10px 40px;
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;
    max-width: 234px;
    text-align: center;
    display: block;
}
/*BRD list widget*/
section.section.widget.widget_wpb_widget{
	padding-right:0px;
	padding-left:0px;
}

.arfstyle-label {
	margin-left: unset !important;
}


/* BRD WPForms replacing ARForms Member Share START */
.wpf-membershare .wpforms-form{
border: 1px solid #92278F;
    width: 100%;
    padding: 10px;
    color: #92278F;
    background-image: url("/wp-content/uploads/2021/06/NaturalPaperBackground.jpg");
    background-repeat: repeat;

}

.wpf-membershare .wpforms-form input,
.wpf-membershare .wpforms-form select {
border: 1px solid #92278F !important;
    outline: none;
}


.wpf-membershare-submit {
   background: #f58223 !important; 
    padding: 2px 6px !important;
    color: white !important;
    width: 120px !important;
    border-radius: 9px !important;
}
.wpf-membershare-submit:hover {
   background: #92278F !important; 
}

div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error,
div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid,
div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error,
div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid,
div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error,
div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid,
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-has-error .choices__inner {
  outline: 0;
  border-color: red !important;
  border-width: 2px !important;
  animation-name: bounce;
  animation-duration: .5s;
  animation-delay: 0.25s;
}

@keyframes bounce {
  0% {
    transform: translateX(0px);
    animation-timing-function: ease-in;
  }
  37% {
    transform: translateX(5px);
    animation-timing-function: ease-out;
  }
  55% {
    transform: translateX(-5px);
    animation-timing-function: ease-in;
  }
  73% {
    transform: translateX(4px);
    animation-timing-function: ease-out;
  }
  82% {
    transform: translateX(-4px);
    animation-timing-function: ease-in;
  }
  91% {
    transform: translateX(2px);
    animation-timing-function: ease-out;
  }
  96% {
    transform: translateX(-2px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateX(0px);
    animation-timing-function: ease-in;
  }
}
/* BRD WPForms replacing ARForms Member Share END */