/*----------------------------------*/
/*        Global Variables          */
/*----------------------------------*/
body { /*font-family:Arial, Helvetica, sans-serif;*/ /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/ font-family: 'PT Sans',Helvetica,Arial,Verdana,sans-serif; /*font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;*/ font-weight: 400; color: #414042; line-height: 1.3em; }

h1 { font-family: Helvetica,Arial,Verdana,sans-serif; font-size: 2em; color: #255c5d; font-weight: 200; line-height: 1.2em; }

h2 { font-family: Helvetica,Arial,Verdana,sans-serif; font-size: 1.5em; font-weight: 200; line-height: 1.1em; }

h3 { font-family: Helvetica,Arial,Verdana,sans-serif; font-size: 1em; font-weight: 200; }

h4 { font-family: Helvetica,Arial,Verdana,sans-serif; font-size: 0.8em; font-weight: 200; }

h5 { font-size: 0.6em; font-weight: 200; }

h6 { font-size: 0.4em; font-weight: 200; }

a { color: #4d89c9; }

h2.title { color: #255c5d; }

hr { border: none; height: 1px; background: #aaa; background-image: -webkit-linear-gradient(left, #e1e1e1, #aaaaaa, #e1e1e1); background-image: -moz-linear-gradient(left, #e1e1e1, #aaaaaa, #e1e1e1); background-image: -ms-linear-gradient(left, #e1e1e1, #aaaaaa, #e1e1e1); background-image: -o-linear-gradient(left, #e1e1e1, #aaaaaa, #e1e1e1); }

/*----------------------------------*/
/*        Global Variables          */
/*----------------------------------*/
/*----------------------------------*/
/*        Global Variables          */
/*----------------------------------*/
body { background: #e5e5e5; background-color: #e5e5e5; background: url(../img/bg/whitey.png) repeat; }

.l-page { overflow: hidden; }

#pageWrap { width: 996px; margin-left: auto; margin-right: auto; margin-top: 10px; }

@media screen { .page-recipes-print #pageWrap { min-width: inherit; } }
.itemInvisible { display: none !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.dotWrapper, .dotWrapper_top, .dotWrapper_bottom { margin: 0 0 0 0; padding: 0 0 0 0; }

.dotWrapper_top { margin-top: 10px; padding-top: 4px; border-top: 1px dashed #ccc; }

.dotWrapper_bottom { margin-bottom: 10px; padding-bottom: 4px; border-bottom: 1px dashed #ccc; }

/*----------------------------------*/
/*             Header               */
/*----------------------------------*/
#pageHeader { min-height: 90px; position: relative; top: 0px; z-index: 100; }

#headWrapL { width: 50%; display: block; float: left; }

#headWrapR { width: 50%; float: left; display: block; text-align: right; color: #234e7d; font-size: 14px; padding: 0px; }
#headWrapR a:hover { text-decoration: underline; }
#headWrapR ul { display: inline; padding: 0px; }
#headWrapR ul li { list-style: none; display: inline-block; padding: 1px 10px; margin: 0px 0px 7px 0px; border: none; border-right: 1px solid #234e7d; float: none; }
#headWrapR ul li a, #headWrapR ul li a:visited { color: #234e7d; text-decoration: none; }
#headWrapR ul li.last { border-right: none; padding-right: 0px; }

#block-menu-menu-help-menu { padding-bottom: 15px; }

.search-form input.form-text { padding: 0px 6px; }

#mainMenuWrap { display: block; clear: both; padding-left: 10px; margin-left: -10px; }
#mainMenuWrap ul { list-style-type: none; display: block; padding: 0px; /*-- Added to include active children, result of path --*/ }
#mainMenuWrap ul li { list-style-type: none; list-style-image: none; display: list-item; float: left; overflow: hidden; padding: 15px 15px 0px 15px; margin: -15px -15px 0px -15px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
#mainMenuWrap ul li a, #mainMenuWrap ul li span { display: block; text-decoration: none; color: #255c5d; font-weight: bold; padding: 12px 20px 8px 20px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
#mainMenuWrap ul li > ul { display: none; /*min-width:130%;*/ position: relative; top: -200px; width: 140%; margin: 0 1px 1px -1px; border: 1px solid #ddd; border-top: none; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; }
#mainMenuWrap ul li > ul li.leaf, #mainMenuWrap ul li > ul li.expanded { min-width: 100%; font-size: 0.8em; }
#mainMenuWrap ul li > ul li.leaf a, #mainMenuWrap ul li > ul li.leaf span, #mainMenuWrap ul li > ul li.expanded a, #mainMenuWrap ul li > ul li.expanded span { opacity: 0.95; color: #414042; border-bottom: 1px dotted #eee; }
#mainMenuWrap ul li > ul li.active a, #mainMenuWrap ul li > ul li.active-trail a { color: #234e7d; border-top: none; margin-bottom: 0px; }
#mainMenuWrap ul li > ul li.expanded a, #mainMenuWrap ul li > ul li.expanded span { background-image: url(../img/icon_expand_10.png); background-position: 95%; background-repeat: no-repeat; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#mainMenuWrap ul li > ul li:hover a, #mainMenuWrap ul li > ul li:hover span, #mainMenuWrap ul li > ul li.hover a, #mainMenuWrap ul li > ul li.hover span, #mainMenuWrap ul li > ul li:focus a, #mainMenuWrap ul li > ul li:focus span { opacity: 1; color: #234e7d; }
#mainMenuWrap ul li > ul li.expanded:hover a, #mainMenuWrap ul li > ul li.expanded:hover span, #mainMenuWrap ul li > ul li.expanded.hover a, #mainMenuWrap ul li > ul li.expanded.hover span, #mainMenuWrap ul li > ul li.expanded:focus a, #mainMenuWrap ul li > ul li.expanded:focus span { background-position: 109%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#mainMenuWrap ul li:hover, #mainMenuWrap ul li.hover, #mainMenuWrap ul li:focus { padding-bottom: 3px; margin-bottom: -3px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 100; position: relative; }
#mainMenuWrap ul li:hover a, #mainMenuWrap ul li:hover span, #mainMenuWrap ul li.hover a, #mainMenuWrap ul li.hover span, #mainMenuWrap ul li:focus a, #mainMenuWrap ul li:focus span { background: #fff; color: #234e7d; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
#mainMenuWrap ul li:hover > ul, #mainMenuWrap ul li.hover > ul, #mainMenuWrap ul li:focus > ul { display: block; position: absolute; top: 55px; -webkit-box-shadow: 0px 3px 8px #cccccc; box-shadow: 0px 3px 8px #cccccc; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; }
#mainMenuWrap ul li:hover > ul li, #mainMenuWrap ul li.hover > ul li, #mainMenuWrap ul li:focus > ul li { display: block; /*width: 100%;*/ padding: 0; margin: 0; }
#mainMenuWrap ul li:hover > ul li ul, #mainMenuWrap ul li.hover > ul li ul, #mainMenuWrap ul li:focus > ul li ul { left: 100%; top: 0%; z-index: -1; }
#mainMenuWrap ul li:hover > ul li ul li, #mainMenuWrap ul li.hover > ul li ul li, #mainMenuWrap ul li:focus > ul li ul li { font-size: 1em; }
#mainMenuWrap ul li:hover > ul li ul li a, #mainMenuWrap ul li.hover > ul li ul li a, #mainMenuWrap ul li:focus > ul li ul li a { color: #414042; }
#mainMenuWrap ul li:hover > ul li ul li a:hover, #mainMenuWrap ul li:hover > ul li ul li a.hover, #mainMenuWrap ul li:hover > ul li ul li a:focus, #mainMenuWrap ul li.hover > ul li ul li a:hover, #mainMenuWrap ul li.hover > ul li ul li a.hover, #mainMenuWrap ul li.hover > ul li ul li a:focus, #mainMenuWrap ul li:focus > ul li ul li a:hover, #mainMenuWrap ul li:focus > ul li ul li a.hover, #mainMenuWrap ul li:focus > ul li ul li a:focus { color: #234e7d; }
#mainMenuWrap ul li:hover > ul li ul:hover, #mainMenuWrap ul li:hover > ul li ul.hover, #mainMenuWrap ul li:hover > ul li ul:focus, #mainMenuWrap ul li.hover > ul li ul:hover, #mainMenuWrap ul li.hover > ul li ul.hover, #mainMenuWrap ul li.hover > ul li ul:focus, #mainMenuWrap ul li:focus > ul li ul:hover, #mainMenuWrap ul li:focus > ul li ul.hover, #mainMenuWrap ul li:focus > ul li ul:focus { background: #fff; }
#mainMenuWrap ul > li.active > a, #mainMenuWrap ul > li.active-trail > a { border-top: 1px solid #4d89c9; margin-bottom: -1px; background: #fff; -webkit-box-shadow: 0px 0px 15px 0px #888888; box-shadow: 0px 0px 15px 0px #888888; }
#mainMenuWrap ul li > .active, #mainMenuWrap ul li > .active-trail { border-top: 1px solid #4d89c9; margin-bottom: -1px; background: #fff; -webkit-box-shadow: 0px 0px 15px 0px #888888; box-shadow: 0px 0px 15px 0px #888888; }
#mainMenuWrap ul li.expanded:hover, #mainMenuWrap ul li.expanded.hover, #mainMenuWrap ul li.expanded:focus { overflow: visible; }
#mainMenuWrap ul li:hover ~ li.active, #mainMenuWrap ul li:hover ~ li.active-trail, #mainMenuWrap ul li.hover ~ li.active, #mainMenuWrap ul li.hover ~ li.active-trail, #mainMenuWrap ul li:focus ~ li.active, #mainMenuWrap ul li:focus ~ li.active-trail { background: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

#mainMenuWrap ul:hover > li.active-trail > a, #mainMenuWrap ul:hover > li > a.active, #mainMenuWrap ul:hover li > span.active, #mainMenuWrap ul.hover > li.active-trail > a, #mainMenuWrap ul.hover > li > a.active, #mainMenuWrap ul.hover li > span.active, #mainMenuWrap ul:focus > li.active-trail > a, #mainMenuWrap ul:focus > li > a.active, #mainMenuWrap ul:focus li > span.active { background: rgba(255, 255, 255, 0.9); border-top-color: #ccc; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
#mainMenuWrap ul:hover > li.active-trail:hover > a, #mainMenuWrap ul.hover > li.active-trail:hover > a, #mainMenuWrap ul:focus > li.active-trail:hover > a { background: #fff; }
#mainMenuWrap ul:hover > li.active-trail.hover > a, #mainMenuWrap ul.hover > li.active-trail.hover > a, #mainMenuWrap ul:focus > li.active-trail.hover > a { background: #fff; }
#mainMenuWrap ul:hover > li.active-trail:focus > a, #mainMenuWrap ul.hover > li.active-trail:focus > a, #mainMenuWrap ul:focus > li.active-trail:focus > a { background: #fff; }

#mainMenuWrap ul.menu li ul.menu li a { background: rgba(255, 255, 255, 0.95) !important; }

/*-- fixes --*/
#mainMenuWrap ul li ul li .active, #mainMenuWrap ul li ul li .active-trail { border-top: none; }

#mobile-header { display: none; }

/*----------------------------------*/
/*           Share Menu             */
/*----------------------------------*/
[class*='fontawesome-']:before { font-family: 'FontAwesome', sans-serif; font-size: 1.2em; padding: 5px; text-decoration: none !important; }

/*.clearfix:after { clear: both; }

.float-left { float: left; }
.float-right { float: right; }
*/
.recipeLinkMenu.socialLinkMenu { height: 30px; }
.recipeLinkMenu.socialLinkMenu a { margin: 0px 10px; }

.node__content .sharethis-buttons { display: none; }
.node__content .recipeTopLinks .sharethis-buttons { display: inherit; }

.recipeLinkMenu > ul { position: absolute; background-color: #fff; background-color: rgba(255, 255, 255, 0.9); -webkit-box-shadow: 0px 3px 8px white; -moz-box-shadow: 0px 3px 8px white; box-shadow: 0px 3px 8px white; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.recipeLinkMenu > ul > li { overflow: hidden; height: 38px; }

.recipeLinkMenu > ul:hover { -webkit-box-shadow: 0px 3px 8px #cccccc; -moz-box-shadow: 0px 3px 8px #cccccc; box-shadow: 0px 3px 8px #cccccc; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.recipeLinkMenu > ul:hover > li { height: auto; }
.recipeLinkMenu > ul:hover > li > ul { top: 0px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

.recipeLinkMenu > ul > li:hover, .recipeLinkMenu > ul > li.hover, .recipeLinkMenu > ul > li:focus { height: auto; }
.recipeLinkMenu > ul > li:hover ul, .recipeLinkMenu > ul > li.hover ul, .recipeLinkMenu > ul > li:focus ul { top: 0px; }

.recipeLinkMenu > ul > li ul:hover { top: 0px; }

.recipeLinkMenu > ul:hover, .recipeLinkMenu > ul.hover, .recipeLinkMenu > ul:focus { -webkit-box-shadow: 0px 3px 8px #cccccc; -moz-box-shadow: 0px 3px 8px #cccccc; box-shadow: 0px 3px 8px #cccccc; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.recipeLinkMenu > ul:hover > li, .recipeLinkMenu > ul.hover > li, .recipeLinkMenu > ul:focus > li { height: auto; }
.recipeLinkMenu > ul:hover > li > ul, .recipeLinkMenu > ul.hover > li > ul, .recipeLinkMenu > ul:focus > li > ul { top: 0px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

.recipeLinkMenu ul { margin: -22px 0px 0px 0px; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline-table; list-style: none; z-index: 1000; }
.recipeLinkMenu ul li { text-align: center; margin-bottom: 10px; }
.recipeLinkMenu ul li a { color: #4d89c9; display: block; height: 45px; line-height: 45px; margin-left: auto; margin-right: auto; text-align: center; width: 50px; text-decoration: none; }
.recipeLinkMenu ul li a:hover, .recipeLinkMenu ul li a.hover, .recipeLinkMenu ul li a:focus { text-decoration: none; }
.recipeLinkMenu ul li a.btn { background: #fff; position: relative; z-index: 1001; padding: 0px 0px 20px 0px; width: 100%; margin: -5px 0px 0px 0px; }
.recipeLinkMenu ul li a.btn span:hover { color: #4d89c9; }
.recipeLinkMenu ul li ul { padding: 0px; position: relative; top: -300px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.recipeLinkMenu ul li ul li { float: none; }
.recipeLinkMenu ul li ul li [class*='fontawesome-'] { font-size: 1.2em; }
.recipeLinkMenu ul li ul li a { color: #4d89c9; }
.recipeLinkMenu ul li ul > li:hover { background-color: #f1f1f1; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; }
.recipeLinkMenu ul li ul > li:hover [class*='fontawesome-'] { color: #b54800; }
.recipeLinkMenu ul li ul > li:hover .fontawesome-facebook { color: #3b5998; }
.recipeLinkMenu ul li ul > li:hover .fontawesome-twitter { color: #00aced; }
.recipeLinkMenu ul li ul > li:hover .fontawesome-google { color: #dd4b39; }
.recipeLinkMenu ul li ul > li:hover .fontawesome-linkedin { color: #007bb6; }
.recipeLinkMenu ul li ul > li:hover .fontawesome-youtube { color: #bb0000; }
.recipeLinkMenu ul li ul > li:hover .fontawesome-pinterest { color: #cb2027; }
.recipeLinkMenu ul li ul > li:hover .fontawesome-flickr { color: #ff0084; }
.recipeLinkMenu ul li ul > li:hover .fontawesome-rss { color: #FFCC33; }
.recipeLinkMenu ul li ul > li.hover { background-color: #f1f1f1; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; }
.recipeLinkMenu ul li ul > li.hover [class*='fontawesome-'] { color: #b54800; }
.recipeLinkMenu ul li ul > li.hover .fontawesome-facebook { color: #3b5998; }
.recipeLinkMenu ul li ul > li.hover .fontawesome-twitter { color: #00aced; }
.recipeLinkMenu ul li ul > li.hover .fontawesome-google { color: #dd4b39; }
.recipeLinkMenu ul li ul > li.hover .fontawesome-linkedin { color: #007bb6; }
.recipeLinkMenu ul li ul > li.hover .fontawesome-youtube { color: #bb0000; }
.recipeLinkMenu ul li ul > li.hover .fontawesome-pinterest { color: #cb2027; }
.recipeLinkMenu ul li ul > li.hover .fontawesome-flickr { color: #ff0084; }
.recipeLinkMenu ul li ul > li.hover .fontawesome-rss { color: #FFCC33; }
.recipeLinkMenu ul li ul > li:focus { background-color: #f1f1f1; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; }
.recipeLinkMenu ul li ul > li:focus [class*='fontawesome-'] { color: #b54800; }
.recipeLinkMenu ul li ul > li:focus .fontawesome-facebook { color: #3b5998; }
.recipeLinkMenu ul li ul > li:focus .fontawesome-twitter { color: #00aced; }
.recipeLinkMenu ul li ul > li:focus .fontawesome-google { color: #dd4b39; }
.recipeLinkMenu ul li ul > li:focus .fontawesome-linkedin { color: #007bb6; }
.recipeLinkMenu ul li ul > li:focus .fontawesome-youtube { color: #bb0000; }
.recipeLinkMenu ul li ul > li:focus .fontawesome-pinterest { color: #cb2027; }
.recipeLinkMenu ul li ul > li:focus .fontawesome-flickr { color: #ff0084; }
.recipeLinkMenu ul li ul > li:focus .fontawesome-rss { color: #FFCC33; }
.recipeLinkMenu ul li ul:before { background-color: #4d89c9; content: ""; display: block; height: 8px; left: 26px; /* (nav ul li a { width: 60px; } / 2) - (nav ul li ul:before { width: 8px; } / 2) */ position: absolute; top: -4px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 8px; z-index: -1; }

.stButton .stLarge { position: relative; top: 18px; }

/*----------------------------------*/
/*        Sitewide Search           */
/*----------------------------------*/
#sitewideSearchForm { position: relative; bottom: -50px; }
#sitewideSearchForm .form-text { padding-left: 5px; padding-left: 5px; }
#sitewideSearchForm .form-submit { /*margin-left:-10px;*/ }

.page-node .l-region--sidebar-first .views-exposed-widget.views-widget-sort-by, .page-node .l-region--sidebar-first .views-exposed-widget.views-widget-sort-order, .page-node .l-region--sidebar-first .views-exposed-widget.views-widget-per-page { display: none; }

/*----------------------------------*/
/*           Slideshow              */
/*----------------------------------*/
.slideWrap { overflow: hidden; background: #333; }

.parallaxWrap { position: relative; }

/*Using css3 transitions:*/
/*
.px_active .parallaxWrap { left: 0px; transition: all 1.2s linear;
}
.px_finish .parallaxWrap { left: 400px; transition: all 1.4s linear 0.2s;
}
.px_ready .parallaxWrap { left: -400px;
}

*/
/*Using css3 animations:*/
.px_active { animation: fromRight 1.2s linear; }

.px_finish { animation: toLeft 1.2s linear .2s; }

.px_active .parallaxWrap { animation: fromRight2 1.2s linear; }

.px_finish .parallaxWrap { animation: toLeft2 1.2s linear .2s; }

@keyframes fromRight { 0% { left: 100%; }
  100% { left: 0%; } }

@keyframes fromRight2 { 0% { left: -400px; }
  100% { left: 0px; } }

@keyframes toLeft { 0% { left: 0%; }
  100% { left: -100%; } }

@keyframes toLeft2 { 0% { left: 0px; }
  100% { left: 400px; } }

/* -- Adding fix for broken slideshow height (release 1.8, 10/30/2014) -- */
div.views-slideshow-cycle-main-frame-row, .views-slideshow-cycle-main-frame.views_slideshow_cycle_teaser_section { max-height: 330px; }

.view_slideshow .slideImage { max-height: 322px; }
.view_slideshow .slideImage img { max-height: 322px; }

/*----------------------------------*/
/*          Breadcrumbs             */
/*----------------------------------*/
ul.breadcrumb { display: inline; padding: 0px 0px 0px 20px; font-size: .8em; }
ul.breadcrumb li { list-style: none; display: inline-block; padding: 1px 10px 1px 0px; margin: 0px 0px 7px 0px; }
ul.breadcrumb li a, ul.breadcrumb li a:visited { color: #4d89c9; text-decoration: none; }
ul.breadcrumb li.last { border-right: none; }

div.breadcrumb { padding: 0px 0px 0px 20px; font-size: .8em; color: #4d89c9; }
div.breadcrumb a, div.breadcrumb a:visited { color: #4d89c9; text-decoration: none; }

/*----------------------------------*/
/*              Tabs                */
/*----------------------------------*/
.tabWrapper { position: relative; z-index: 9; padding-bottom: 10px; overflow: hidden; }

/*.tabWrapper{ overflow:hidden; padding-bottom:0px;
 ul{ background-color:$c1; background-image:url('../img/bg/bg_tab_bar.png'); display:block; width:100%; font-size:20px; font-weight:normal; border:0px; @include boxshadow(0 0 15px 0 #888); border-bottom: 1px solid #aaa; li{ padding:9px 12px; margin:0px; font-weight: 200; a, a:visited, a:hover{ background:none; color:#fff; padding: 0px 12px; font-weight: 200; } } li.active{ background-color:#ccc; background-image:url('../img/bg/bg_tab_active.png'); a, a:visited, a:hover{ color:$c5; background:none; }
 } }
}*/
.pageContentWrap { background: #fff; padding: 15px 0px !important; -webkit-box-shadow: 0px 0px 15px 0px #888888; box-shadow: 0px 0px 15px 0px #888888; }

.contentRegion { margin: 15px; padding: 15px 30px 0 30px; }

.dotBorder { border: 1.5px dashed #ddd; }

#featSearchWrap { background: #255c5d no-repeat left bottom; height: 120px; padding: 17px 45px 15px 45px; color: #fff; }

.socIconWrap { float: right; display: inline-block; }
.socIconWrap a { color: transparent !important; }

.socIcon { width: 37px; height: 37px; }

/*----------------------------------*/
/*         Button & States          */
/*----------------------------------*/
input.form-submit { border: 1px solid #231f20; background: #255c5d; background: -moz-linear-gradient(top, #255c5d 1%, #205a5b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #255c5d), color-stop(100%, #205a5b)); background: -webkit-linear-gradient(top, #255c5d 1%, #205a5b 100%); background: -o-linear-gradient(top, #255c5d 1%, #205a5b 100%); background: -ms-linear-gradient(top, #255c5d 1%, #205a5b 100%); background: linear-gradient(to bottom, #255c5d 1%, #205a5b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#255c5d', endColorstr='#205a5b',GradientType=0 ); color: #fff; height: 26px; padding: 0  6px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; /*width:90px;*/ }

input.form-submit:hover, li.pager__item--next:hover, li.pager__item--last:hover, li.pager__item--previous:hover, li.pager__item--first:hover { background: #3d7b7c; background: -moz-linear-gradient(top, #3d7b7c 0%, #255a5b 64%, #255c5d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3d7b7c), color-stop(64%, #255a5b), color-stop(100%, #255c5d)); background: -webkit-linear-gradient(top, #3d7b7c 0%, #255a5b 64%, #255c5d 100%); background: -o-linear-gradient(top, #3d7b7c 0%, #255a5b 64%, #255c5d 100%); background: -ms-linear-gradient(top, #3d7b7c 0%, #255a5b 64%, #255c5d 100%); background: linear-gradient(to bottom, #3d7b7c 0%, #255a5b 64%, #255c5d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d7b7c', endColorstr='#255c5d',GradientType=0 ); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

input.form-submit:active, li.pager__item--next:active, li.pager__item--last:active, li.pager__item--previous:active, li.pager__item--first:active { border: 1px solid #4d89c9; background: #255c5d; background: -moz-linear-gradient(top, #255c5d 0%, #163838 71%, #163838 81%, #163838 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #255c5d), color-stop(71%, #163838), color-stop(81%, #163838), color-stop(100%, #163838)); background: -webkit-linear-gradient(top, #255c5d 0%, #163838 71%, #163838 81%, #163838 100%); background: -o-linear-gradient(top, #255c5d 0%, #163838 71%, #163838 81%, #163838 100%); background: -ms-linear-gradient(top, #255c5d 0%, #163838 71%, #163838 81%, #163838 100%); background: linear-gradient(to bottom, #255c5d 0%, #163838 71%, #163838 81%, #163838 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#255c5d', endColorstr='#163838',GradientType=0 ); }

input.form-text { border: 1px solid #231f20; color: #231f20; height: 26px; padding: 1px; width: 240px; max-width: 80%; margin-left: -4px; }

.button_blue, .more-link { display: inline-block; font-size: 13px; min-height: 26px !important; padding: 4px 6px 2px 6px; text-align: center; color: #fff; background: #4d89c9; opacity: 0.8; cursor: pointer; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; }
.button_blue:hover, .more-link:hover { opacity: 1; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; }
.button_blue:hover a, .button_blue:hover a:visited, .more-link:hover a, .more-link:hover a:visited { color: #fff; text-decoration: none; }
.button_blue.active, .more-link.active { opacity: 1; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; }
.button_blue a, .button_blue a:visited, .more-link a, .more-link a:visited { color: #fff; text-decoration: none; }

.button_green { border: 0; display: inline-block; font-size: 13px; min-height: 26px !important; padding: 4px 6px 2px 6px; text-align: center; color: #fff; background: rgba(37, 92, 93, 0.8); cursor: pointer; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; }
.button_green:hover, .button_green:focus { background: #255c5d; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; }
.button_green:hover a, .button_green:hover a:visited, .button_green:focus a, .button_green:focus a:visited { color: #fff; text-decoration: none; }
.button_green.active { background: #255c5d; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; }
.button_green a, .button_green a:visited { color: #fff; text-decoration: none; }

/*----------------------------------*/
/*             Sidebar              */
/*----------------------------------*/
.l-region--sidebar-first .sideContentWrap ul li { list-style: none; list-style-type: none; list-style-image: none; }

.sideContentWrap .field__label { margin-bottom: 10px; }
.sideContentWrap .field__items { font-size: 0.85em; }
.sideContentWrap .sidebarInlineTags { /*a:first-child{ margin-left:0px; padding-left:0px;
}*/ }
.sideContentWrap .sidebarInlineTags a { padding: 2px 8px 2px 8px; padding: 2px 2px 2px 8px; margin: 8px 0px; /*border-right:1px solid $c4;*/ line-height: 1.5em; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.sideContentWrap .sidebarInlineTags a:after { content: '\007C'; padding: 0px 0px 0px 12px; color: #f3f3f3; }
.sideContentWrap .sidebarInlineTags a:last-child { border-right: none !important; }
.sideContentWrap .sidebarInlineTags a.line-end { border-right: none !important; }
.sideContentWrap .sidebarInlineTags a.line-break { position: relative; left: 8px; margin-left: -16px; }
.sideContentWrap .sidebarInlineTags a.line-break + a.line-break { margin-left: -10px; }
.sideContentWrap .sidebarInlineTags a.line-end:after { content: ''; }
.sideContentWrap .sidebarInlineTags a:hover { /*background:rgba(49, 88, 124, 0.05);*/ /*background:#f3f3f3;*/ color: skyblue; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.sideContentWrap .dotWrapper_bottom { margin-bottom: 15px; padding-bottom: 15px; }

/*----------------------------------*/
/*         Sidebar Search           */
/*----------------------------------*/
.sidebarlogo { display: block; width: 150px; height: auto; max-width: 80%; margin: -12px auto -9px; }

.l-region--sidebar-first .solidBorder .sideSearchWrapOuter { margin: 0; padding: 0 0 10px 0; overflow: hidden; border: none; }

.l-region--sidebar-first .solidBorder .sideSearchWrapOuter:last-child { padding-bottom: 0px !important; }

.search-form label { display: none; }
.search-form .form-submit { /*margin-left:-10px;*/ }

.sideSearchWrap { background-color: #D1D3D4; border: none; border-bottom: 1px solid #AAA; -webkit-box-shadow: 0px 0px 15px 0px #999999; box-shadow: 0px 0px 15px 0px #999999; }
.sideSearchWrap h3 { margin: 0px 0px 3px 0px; color: #255c5d; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); font-weight: 700; }
.sideSearchWrap h2 { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); }
.sideSearchWrap .views-exposed-form .views-exposed-widgets { margin: 0px; display: inline; }
.sideSearchWrap .views-exposed-form .views-exposed-widgets .views-widget-filter-keyword, .sideSearchWrap .views-exposed-form .views-exposed-widgets .views-widget-filter-search_api_views_fulltext { max-width: 77%; padding: 0px; margin: 0px; }
.sideSearchWrap .views-exposed-form .views-exposed-widgets .views-widget-filter-keyword input.form-text, .sideSearchWrap .views-exposed-form .views-exposed-widgets .views-widget-filter-search_api_views_fulltext input.form-text { max-width: 100%; padding: 3px; box-sizing: border-box; }
.sideSearchWrap .views-exposed-form .views-submit-button { display: inline; padding: 0px 3px; }
.sideSearchWrap .views-exposed-form .views-submit-button input.form-submit { margin: 0px; }
.sideSearchWrap form { min-height: 28px; }
.sideSearchWrap .views-exposed-form-solr-search-results-page { margin-bottom: 0px; }
.sideSearchWrap .ajax-progress { position: relative; }
.sideSearchWrap .ajax-progress .throbber { position: absolute; top: -20px; }

/* sidebar Go button for menubuilder */
.mbLoadDelay .sideSearchWrap .views-exposed-form .views-submit-button { display: inline; padding: 0px 3px; margin-top: -8px; }
.mbLoadDelay .sideSearchWrap .views-exposed-form .views-submit-button input.form-submit { margin: 0px; }

.yui3-g .range-box { width: 16%; float: left; }
.yui3-g .range-box label { display: none; }
.yui3-g .range-box input.form-text { width: 34px; }
.yui3-g .range-slider-box { width: 55%; float: left; margin: 8px 20px 5px 10px; }

input[type=checkbox] { width: 15px; height: 15px; cursor: pointer; /*position: absolute;*/ /*top: 0;
left: 0;*/ /*@include background( linear-gradient(top, #222 0%, #45484d 100%) );*/ /*@include border-radius( 4px );*/ -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.25), 0px 1px 0px rgba(255, 255, 255, 0.7); -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.25), 0px 1px 0px rgba(255, 255, 255, 0.7); box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.25), 0px 1px 0px rgba(255, 255, 255, 0.7); background: none !important; }
input[type=checkbox]:before { content: ''; display: block; width: 15px; height: 15px; position: relative; top: 0px; left: 0px; border: 1px solid #444; background: #fff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=45); opacity: 0.45; }
input[type=checkbox]:after { content: ''; display: block; width: 10px; height: 5px; position: relative; top: -12px; left: 3px; border: 3px solid #d35400; border-top: none; border-right: none; background: transparent; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
input[type=checkbox]:hover::before { border: 1px solid #aaa; }
input[type=checkbox]:checked::before { border: 1px solid #000; }
input[type=checkbox]:checked::after { border-color: #d35400; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
input[type=checkbox]:hover::after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; border-color: #555; }

/*----------------------------------*/
/*          Nutrition Panel         */
/*----------------------------------*/
.m_panel, .my_panel { margin-top: 55px; }
.m_panel .np_row.tableH .np_label, .my_panel .np_row.tableH .np_label { width: auto; }

.np_row { font-size: 12px; color: #414042; margin-bottom: 9px; margin-top: 6%; }
.np_row .inline { display: inline-block; }
.np_row .np_label { width: 46%; margin-right: 2%; }
.np_row .np_amount { width: 30%; overflow: visible; white-space: nowrap; }
.np_row .np_dv { width: 15%; text-align: right; }
.np_row .np_label, .np_row .np_amount, .np_row .np_dv { vertical-align: top; }
.np_row.tableH { border-bottom: 1px solid #ccc; margin: 6px 0px; padding: 4px 0px; }
.np_row.tableH .np_dv { width: 35%; margin-right: -10%; margin-left: -10%; }
.np_row.tableH .np_amount { margin-right: 4%; margin-left: -4%; }
.np_row a { font-size: 0.9em; }
.np_row .np_link { display: block; /*max-width: 60%;*/ line-height: 1.3em; }
.np_row .np_link_img { display: none; }
.np_row .myplateLogo { float: right; background: url(../img/WC_myplate.svg) top left no-repeat; background-size: 110px 95px; border-bottom-left-radius: 50px; border-top-left-radius: 50px; display: block; position: relative; top: -84px; min-width: 120px; height: 95px; overflow: visible; margin-top: 5px; margin-bottom: -80px; }
.np_row .myplateLogo img { display: none; }

.i18n-es .np_row .myplateLogo { background: url(../img/WC_myplate_spanish.svg) top left no-repeat; background-size: 110px 95px; }

.np_row_field_total_calories { font-weight: bold; }

div.n_content_serving_size { font-size: 14px; margin: -9px 0px 16px 0px; }

#kpanel, #npanel { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; /*&:focus{ position: static !important; clip: auto; overflow: visible; height: auto;
}*/ }

.btn_contract { display: none; }

.btn_expand { display: block; }

.n_content_wrap div.k_panel, .n_content_wrap div.m_panel, .n_content_wrap input#kpanel:checked ~ div.n_panel, .n_content_wrap input#kpanel:checked ~ div.my_panel, .n_content_wrap input#kpanel:checked ~ .btn_contract { display: block; }

.n_content_wrap div.n_panel, .n_content_wrap div.my_panel, .n_content_wrap input#kpanel:checked ~ div.k_panel, .n_content_wrap input#kpanel:checked ~ div.m_panel, .n_content_wrap input#kpanel:checked ~ .btn_expand { display: none; }

.n_content_wrap .n_toggle.active input#kpanel, .n_content_wrap .n_toggle.active input#npanel { display: inline-block; position: static !important; clip: auto; overflow: visible; height: auto; }
.n_content_wrap .n_toggle.active input#kpanel ~ .btn_toggle, .n_content_wrap .n_toggle.active input#npanel ~ .btn_toggle { display: inline-block; }
.n_content_wrap .n_toggle.active input#kpanel ~ .btn_expand, .n_content_wrap .n_toggle.active input#npanel ~ .btn_expand { display: none !important; }
.n_content_wrap .n_toggle.active input#kpanel ~ .btn_contract, .n_content_wrap .n_toggle.active input#npanel ~ .btn_contract { display: none !important; }

.n_content_wrap label { font-size: .8em; color: #4d89c9; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; cursor: pointer; margin: -6px 0px; padding: 3px 6px; display: none; }
.n_content_wrap label:before { font-size: 0.8em; font-weight: 200; }

.n_content_wrap label.btn_expand { display: inline-block; }

.n_content_wrap input#kpanel:checked ~ .btn_contract { display: inline-block; }

.n_content_wrap input#kpanel:checked ~ .btn_expand { display: none; }

.n_content_wrap .btn_expand, .n_content_wrap .btn_contract { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.n_content_wrap .btn_expand:hover, .n_content_wrap .btn_contract:hover { background: #eaeaea; color: #4d89c9; }

.np_row_field_fruits:before, .np_row_field_vegetables:before, .np_row_field_grains:before, .np_row_field_protein_foods:before, .np_row_field_dairy:before, .np_row_field_ingredient_fruits:before, .np_row_field_ingredient_vegetables:before, .np_row_field_ingredient_grains:before, .np_row_field_ingredient_protein_foods:before, .np_row_field_ingredient_dairy:before { content: " "; border: 1px solid #808285; width: 14px; height: 14px; display: inline-block; margin: 3px 6px 3px 0px; border-radius: 3px; background: #de0f29; /* Old browsers */ background: -moz-linear-gradient(-45deg, #de0f29 0%, #f16682 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #de0f29), color-stop(100%, #f16682)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #de0f29 0%, #f16682 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #de0f29 0%, #f16682 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #de0f29 0%, #f16682 100%); /* IE10+ */ background: linear-gradient(135deg, #de0f29 0%, #f16682 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de0f29', endColorstr='#f16682',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
.np_row_field_fruits .np_label, .np_row_field_vegetables .np_label, .np_row_field_grains .np_label, .np_row_field_protein_foods .np_label, .np_row_field_dairy .np_label, .np_row_field_ingredient_fruits .np_label, .np_row_field_ingredient_vegetables .np_label, .np_row_field_ingredient_grains .np_label, .np_row_field_ingredient_protein_foods .np_label, .np_row_field_ingredient_dairy .np_label { margin-right: -7px; }

.np_row_field_vegetables:before, .np_row_field_ingredient_vegetables:before { color: #51BC52; background: #06ab55; /* Old browsers */ background: -moz-linear-gradient(-45deg, #06ab55 0%, #a1cb54 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #06ab55), color-stop(100%, #a1cb54)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #06ab55 0%, #a1cb54 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #06ab55 0%, #a1cb54 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #06ab55 0%, #a1cb54 100%); /* IE10+ */ background: linear-gradient(135deg, #06ab55 0%, #a1cb54 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#06ab55', endColorstr='#a1cb54',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

.np_row_field_grains:before, .np_row_field_ingredient_grains:before { color: #D9804D; background: #d4672a; /* Old browsers */ background: -moz-linear-gradient(-45deg, #d4672a 0%, #da893e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #d4672a), color-stop(100%, #da893e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #d4672a 0%, #da893e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #d4672a 0%, #da893e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #d4672a 0%, #da893e 100%); /* IE10+ */ background: linear-gradient(135deg, #d4672a 0%, #da893e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4672a', endColorstr='#da893e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

.np_row_field_protein_foods:before, .np_row_field_ingredient_protein_foods:before { color: #836BA4; background: #594284; /* Old browsers */ background: -moz-linear-gradient(-45deg, #594284 0%, #8284b5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #594284), color-stop(100%, #8284b5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #594284 0%, #8284b5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #594284 0%, #8284b5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #594284 0%, #8284b5 100%); /* IE10+ */ background: linear-gradient(135deg, #594284 0%, #8284b5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#594284', endColorstr='#8284b5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

.np_row_field_dairy:before, .np_row_field_ingredient_dairy:before { color: #569BCD; background: #3271a1; /* Old browsers */ background: -moz-linear-gradient(-45deg, #3271a1 0%, #579bcd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #3271a1), color-stop(100%, #579bcd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #3271a1 0%, #579bcd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #3271a1 0%, #579bcd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #3271a1 0%, #579bcd 100%); /* IE10+ */ background: linear-gradient(135deg, #3271a1 0%, #579bcd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3271a1', endColorstr='#579bcd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

.np_row .np_label.sub { padding-left: 14px; }
.np_row .np_label.sub:before { content: "- "; }

/*----------------------------------*/
/*        Views Base Styling        */
/*----------------------------------*/
.view table { max-width: 800px; margin: 40px auto 20px auto; -webkit-box-shadow: 0px 0px 1px #cccccc; -moz-box-shadow: 0px 0px 1px #cccccc; box-shadow: 0px 0px 1px #cccccc; }

.view th { background-color: #eee; border: 1px solid #eee; border-bottom-color: #fafafa; padding: 4px 10px; color: #255c5d; }

.view tr.odd, .view tr.even { background-color: #fff; background-color: rgba(255, 255, 255, 0.7); }

.view td { padding: 7px 10px; border: 1px solid #eee; }

.view table tbody tr:first-child { background: white url("../img/dropshadow_tr.png") top left repeat-x; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.view table tbody tr:first-child td { padding-top: 16px; }
.view table tbody tr:first-child:hover { background-color: rgba(230, 230, 230, 0.7); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

.view td.views-field-php, .view td.views-field-php-1, .view td.views-field-php-2 { font-family: sans-serif; font-weight: bold; text-align: center; font-size: 12px; color: #234e7d; }

.view tr:hover { background-color: #eeeeee; background-color: rgba(230, 230, 230, 0.7); }
.view tr:hover a { color: #234e7d; }

.view tr a { text-decoration: none; }

.overflowHidden { overflow: hidden; }

.solidBorder { border: 1px solid #ACB8BF; }

.shadowBorder { border: 1px solid #D1D3D4; -webkit-box-shadow: 0px 0px 5px 0px #cccccc; box-shadow: 0px 0px 5px 0px #cccccc; }

.padLeft { padding-left: 10px; }

.pad10 { padding: 10px; }

.pad15 { padding: 15px; }
.pad15 + .pad15 { padding-top: 0px; }

.sideContentWrap.pad15 .pad15 { padding: 15px 0px; }

.pad20 { padding: 20px; }

.pad25 { padding: 25px; }

.recipeListRightWrap img { border: 2px solid #6D6E71; }

.thumbnailOverlay { position: absolute; bottom: -100px; padding: 2px; color: #fff; font-weight: 100; font-size: 13px; /*background-color: $c1;*/ width: 100px; opacity: 0.9; cursor: pointer; }

.thumbnailPlusIcon { /*background: url(../img/plus_icon.png) 0 0 no-repeat #255c5d;
height: 16px;
width: 16px;*/ position: absolute; font-size: 1.4em; margin-top: -3px; background: rgba(49, 88, 124, 0.55); height: 21px; width: 21px; left: 0; bottom: 0; padding-left: 4px; }

.thumbnailIconBG { background: #31587c; height: 21px; bottom: 0; position: absolute; left: 0; padding: 2px 6px 1px 25px; width: 100%; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

.thumbnailIconText { height: 21px; bottom: 0; position: absolute; left: 0; padding: 3px 6px 1px 25px; width: 100%; font-weight: 100; }

.thumbnailOverlay:hover .thumbnailIconBG { opacity: 0.9; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

.pager__item.pager__item--first { float: left; }

.pager__item.pager__item--previous { float: left; margin-left: 4px; }

div.pager, div.searchResultCounter, div.view-filters { max-width: 642px; font-size: 14px; margin-left: auto; margin-right: auto; }
div.pager .pagerFloatLeft, div.searchResultCounter .pagerFloatLeft, div.view-filters .pagerFloatLeft { float: left; }
div.pager .pagerFloatRight, div.searchResultCounter .pagerFloatRight, div.view-filters .pagerFloatRight { float: right; }
div.pager .pagerFloatCenter, div.searchResultCounter .pagerFloatCenter, div.view-filters .pagerFloatCenter { text-align: center; margin-left: auto; margin-right: auto; }
div.pager .pagerFloatCenter .pager-item, div.pager .pagerFloatCenter .pager-current, div.searchResultCounter .pagerFloatCenter .pager-item, div.searchResultCounter .pagerFloatCenter .pager-current, div.view-filters .pagerFloatCenter .pager-item, div.view-filters .pagerFloatCenter .pager-current { height: 20px; padding-top: 2px; margin-top: -2px; padding-left: 8px; padding-right: 8px; }
div.pager .pagerFloatCenter .pager-current, div.searchResultCounter .pagerFloatCenter .pager-current, div.view-filters .pagerFloatCenter .pager-current { font-weight: 800 !important; color: #fff; background: #4d89c9; background: rgba(49, 88, 124, 0.55); height: 20px; padding-top: 2px; margin-top: -2px; }
div.pager div, div.searchResultCounter div, div.view-filters div { display: inline-block; }

#mainContentWrap .view-usda-foods-fact-sheets div.view-filters { max-width: 800px; }
#mainContentWrap .view-usda-foods-fact-sheets table { margin-top: 0; }
#mainContentWrap .view-usda-foods-fact-sheets .views-exposed-form { min-height: 0; }
#mainContentWrap .view-usda-foods-fact-sheets .views-exposed-widgets { display: block; float: none; margin: 0; }

li.pager__item, .pagerFloatLeft > div, .pagerFloatRight > div, .pagerFloatCenter > div { padding: 0px 4px 0px 8px; border-left: 1px solid #4d89c9; font-size: 14px; font-weight: 100; }
li.pager__item a, .pagerFloatLeft > div a, .pagerFloatRight > div a, .pagerFloatCenter > div a { text-decoration: none; }

.pagerFloatLeft > div { margin-right: 4px; }

.pagerFloatRight > div { margin-left: 4px; }

.pagerFloatCenter > div:first-child { border-left: none; }

li.pager__item--previous + li.pager__item, li.pager__item--first + li.pager__item, li.pager__item:first-child { border-left: none; }

li.pager__item--ellipsis, div.pager-ellipsis { border-left: none; }

li.pager__item--next, li.pager__item--last, li.pager__item--previous, li.pager__item--first, .pager-first, .pager-previous, .pager-next, .pager-last { color: #fff; background-color: #255c5d; padding: 2px 8px; border-left: none !important; }
li.pager__item--next a, li.pager__item--next a:visited, li.pager__item--next a:hover, li.pager__item--last a, li.pager__item--last a:visited, li.pager__item--last a:hover, li.pager__item--previous a, li.pager__item--previous a:visited, li.pager__item--previous a:hover, li.pager__item--first a, li.pager__item--first a:visited, li.pager__item--first a:hover, .pager-first a, .pager-first a:visited, .pager-first a:hover, .pager-previous a, .pager-previous a:visited, .pager-previous a:hover, .pager-next a, .pager-next a:visited, .pager-next a:hover, .pager-last a, .pager-last a:visited, .pager-last a:hover { color: #fff; text-decoration: none; }

.pagerFloatLeft > div.pager-first, .pagerFloatLeft > div.pager-previous, .pagerFloatLeft > div.pager-next, .pagerFloatLeft > div.pager-last, .pagerFloatRight > div.pager-first, .pagerFloatRight > div.pager-previous, .pagerFloatRight > div.pager-next, .pagerFloatRight > div.pager-last, .pagerFloatCenter > div.pager-first, .pagerFloatCenter > div.pager-previous, .pagerFloatCenter > div.pager-next, .pagerFloatCenter > div.pager-last { color: #fff; background-color: #255c5d; padding: 2px 8px; border-left: none !important; }
.pagerFloatLeft > div.pager-first a, .pagerFloatLeft > div.pager-first a:visited, .pagerFloatLeft > div.pager-previous a, .pagerFloatLeft > div.pager-previous a:visited, .pagerFloatLeft > div.pager-next a, .pagerFloatLeft > div.pager-next a:visited, .pagerFloatLeft > div.pager-last a, .pagerFloatLeft > div.pager-last a:visited, .pagerFloatRight > div.pager-first a, .pagerFloatRight > div.pager-first a:visited, .pagerFloatRight > div.pager-previous a, .pagerFloatRight > div.pager-previous a:visited, .pagerFloatRight > div.pager-next a, .pagerFloatRight > div.pager-next a:visited, .pagerFloatRight > div.pager-last a, .pagerFloatRight > div.pager-last a:visited, .pagerFloatCenter > div.pager-first a, .pagerFloatCenter > div.pager-first a:visited, .pagerFloatCenter > div.pager-previous a, .pagerFloatCenter > div.pager-previous a:visited, .pagerFloatCenter > div.pager-next a, .pagerFloatCenter > div.pager-next a:visited, .pagerFloatCenter > div.pager-last a, .pagerFloatCenter > div.pager-last a:visited { color: #fff; text-decoration: none; }

#mainContentWrap .nutritionFocusView .views-row, #mainContentWrap .block--views-nutrition-focus-block-1 .views-row, #mainContentWrap .block--views-nutrition-focus-block-2 .views-row, #mainContentWrap .block--views-nutrition-focus-block-3 .views-row { border-bottom: none; margin-bottom: 10px; max-width: 500px; }

/*----------------------------------*/
/*    Featured Links Styling        */
/*----------------------------------*/
#mainContentWrap .featuredLinkRow.views-row { min-height: 97px; border-bottom: none; }
#mainContentWrap .featuredLinkRow.views-row .featuredLinkImg { padding: 5px 5px 10px 5px; margin: 5px 5px 10px 0px; float: left; clear: left; background: url(../img/bg/recipe_thumb_shadow_110x76.png) no-repeat; }
#mainContentWrap .featuredLinkRow.views-row .featuredLinkImg img { width: 100px; height: 60px; background: #fff; border: 1px solid #808285; }
#mainContentWrap .featuredLinkRow.views-row a { text-decoration: none; font-size: 0.8em; }
#mainContentWrap .featuredLinkRow.views-row span.featuredLinkTitle { padding-top: 12px; display: block; }
#mainContentWrap .featuredLinkRow.views-row span.featuredLinkTitle a:hover { text-decoration: underline; }

/*----------------------------------*/
/*    Custom POPUP STYLING         */
/*----------------------------------*/
.wrap { width: 140px; padding: 45px 0 0; }

/* Custom styles for popin & close button */
.custom { color: #555; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.custom p { padding: 10px 20px; font-size: 14px; font-weight: 300; text-align: justify; }

.avgrund-close { display: block; text-transform: uppercase; color: #555; text-decoration: none; position: absolute; top: 6px; right: 10px; font-size: 13px; }

.rb_popup { color: #555; /*@include boxshadow(0px 3px 8px #ccc);*/ -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.5); background-color: #fff; background-color: white; position: absolute; left: 0px; margin: 0px; margin-top: -40px; z-index: 1000; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 106%; margin-left: -3%; }
.rb_popup h2 { font-size: 1.1em; padding: 20px 20px 0px 20px; margin: 0px; width: 100%; background-color: #fff; display: block; }
.rb_popup p { margin-top: 10px; }

.block .rb_popup { display: none; }
.block .title_popup { cursor: pointer; }

.popupmask { display: block; width: 100%; height: 100%; margin: 0; padding: 0; position: static; top: 0; left: 0; }

/*----------------------------------*/
/*    Custom Fivestar Stars         */
/*----------------------------------*/
div.fivestar-widget .star, div.fivestar-widget .star a { background: url(../widgets/default/star.gif) no-repeat 0 0; text-decoration: none; }

div.fivestar-widget .star, div.fivestar-widget .star a { background: url(../widgets/default/star.gif) no-repeat 0 0; text-decoration: none; }

div.fivestar-widget .cancel a, div.fivestar-widget .star a { display: block; width: 100%; height: 100%; background-position: 0 0; cursor: pointer; }

div.fivestar-widget div.on a { background-position: 0 -16px; }

.fivestar-basic div.fivestar-widget .star, .fivestar-basic div.fivestar-widget .star a, .fivestar-small div.fivestar-widget .star, .fivestar-small div.fivestar-widget .star a, .fivestar-default div.fivestar-widget .star, .fivestar-default div.fivestar-widget .star a, .fivestar-default div.fivestar-widget-static .star, .fivestar-default div.fivestar-widget-static .star span { background-image: url(../img/star.png); }

.fivestar-basic div.fivestar-widget div.hover a, .fivestar-basic div.rating div a:hover, .fivestar-small div.fivestar-widget div.hover a, .fivestar-small div.rating div a:hover, .fivestar-default div.fivestar-widget div.hover a, .fivestar-default div.rating div a:hover { background-image: url(../img/star.png); }

div.fivestar-widget-static .star span.on { background-position: 0 -16px; }

div.fivestar-widget .cancel, div.fivestar-widget .star { float: left; width: 17px; height: 15px; overflow: hidden; text-indent: -999em; }

.fivestar-static a { cursor: default; pointer-events: none; }

div.fivestar-widget-static .star span.on { display: block; width: 100%; height: 100%; }

/*----------------------------------*/
/*           Cookbook Form          */
/*----------------------------------*/
div.adobeNote { font-size: 16px; line-height: 21px; font-weight: 200; margin-bottom: 10px; }

.recipelist-view-form table.sticky-header th { background: #EEE; padding: 4px 10px; border: 1px solid #EEE; color: #255C5D; display: none; /* large caption is disturbing formatting.  removing sticky header*/ }

a.cbklnk, a.cbklnk:visited { margin: 0px 0px 10px -5px; display: inline-block; font-size: 1.1em; font-weight: 200; padding: 4px 6px; background: #fff; color: #4d89c9; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
a.cbklnk:before, a.cbklnk:visited:before { font-size: 1em; padding: 0px; margin: 0px 5px 0px 0px; }
a.cbklnk:hover, a.cbklnk:visited:hover { background: #f2f2f2; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

span.cbk_added { color: #43a00e; font-size: 1.1em; font-weight: 200; padding: 4px 6px 4px 2px; margin: 0px 0px 10px 0px; width: 200px; display: inline-block; position: relative; left: 0px; /*top:0px;*/ top: 30px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

a.cbklnk.minus-btn { /*color:rgb(134, 17, 17);*/ color: #43a00e; position: relative; /*left: -200px;
top:-30px;*/ left: 0px; top: 0px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

.cbklnk_container { /*overflow:hidden;*/ margin-top: -15px; /*cursor:pointer;*/ }

/*.cbklnk_container:hover a.cbklnk.minus-btn{ left:-200px; top:0px; @include transition(all 0.2s ease);
}
.cbklnk_container:hover span.cbk_added{ @include transition(all 0.2s ease); top:30px;
}*/
/*----------------------------------*/
/*             Footer               */
/*----------------------------------*/
#usdaFooter { color: #234e7d; font-size: 14px; text-align: center; padding: 0px; }
#usdaFooter a:hover { text-decoration: underline; }
#usdaFooter ul { display: inline; padding: 0px; }
#usdaFooter ul li { list-style: none; display: inline-block; padding: 1px 10px; margin: 0px 0px 7px 0px; border: none; border-right: 1px solid #234e7d; }
#usdaFooter ul li a, #usdaFooter ul li a:visited { color: #234e7d; text-decoration: none; }
#usdaFooter ul li.last { border-right: none; }

.messages { min-height: 50px; word-break: break-word; margin-bottom: 11px; -moz-transition-property: background-color; /* FF4+ */ -moz-transition-duration: 1s; -webkit-transition-property: background-color; /* Saf3.2+, Chrome */ -webkit-transition-duration: 1s; -o-transition-property: background-color; /* Opera 10.5+ */ -o-transition-duration: 1s; -ms-transition-property: background-color; /* IE10? */ -ms-transition-duration: 1s; transition-property: background-color; /* Standard */ transition-duration: 1s; }

.messages.whiteBG { background-color: #fff !important; position: relative; }

.messages--status, tr.ok { background-color: rgba(134, 205, 235, 0.5); border-color: transparent; color: #234e7d; background-image: none; }

.messages.messages--status:before { content: "\f00c"; font-family: 'FontAwesome', sans-serif; font-size: 1.9em; color: #6ba000; position: absolute; margin-left: -40px; }

.messages--warning, .warning { background-color: rgba(240, 230, 140, 0.5); border-color: transparent; color: maroon; background-image: none; }

.messages.messages--warning:before { content: "\f12a"; font-family: 'FontAwesome', sans-serif; font-size: 1.9em; color: goldenrod; position: absolute; margin-left: -34px; }

.messages--error, .error { background-color: rgba(139, 0, 0, 0.43); border-color: transparent; color: darkred; background-image: none; }

.messages.messages--error:before { content: "\f00d"; font-family: 'FontAwesome', sans-serif; font-size: 1.9em; color: darkred; position: absolute; margin-left: -34px; }

/*----------------------------------*/
/*     Fontawesome replacements     */
/*----------------------------------*/
body .fontawesome-plus:before { background: url(../img/fa/fa-01.png) -1px -1px no-repeat; background-size: cover; content: ''; width: 15px; height: 15px; display: inline-block; margin: 0px 2px -3px 0px; }
body .fontawesome-check:before { background: url(../img/fa/fa-02.png) -1px -1px no-repeat; background-size: cover; content: ''; width: 15px; height: 15px; display: inline-block; margin: 0px 2px -3px 0px; }
body .fontawesome-print:before { background: url(../img/fa/fa-04.png) -1px -1px no-repeat; background-size: cover; content: ''; width: 15px; height: 15px; display: inline-block; margin: 0px 2px -3px 0px; }
body .fontawesome-pencil:before { background: url(../img/fa/fa-09.png) -1px -1px no-repeat; background-size: cover; content: ''; width: 15px; height: 15px; display: inline-block; margin: 0px 2px -3px 0px; }
body .fontawesome-share:before { background: url(../img/fa/fa-06.png) -1px -1px no-repeat; background-size: cover; content: ''; width: 15px; height: 15px; display: inline-block; margin: 0px 2px -3px 0px; }
body .fontawesome-chevron-up:before { background: url(../img/fa/fa-07.png) -1px -1px no-repeat; background-size: cover; content: ''; width: 15px; height: 15px; display: inline-block; margin: 0px 2px -3px 0px; }
body .fontawesome-chevron-down:before { background: url(../img/fa/fa-08.png) -1px -1px no-repeat; background-size: cover; content: ''; width: 15px; height: 15px; display: inline-block; margin: 0px 2px -3px 0px; }
body .fontawesome-envelope:before { background: url(../img/fa/100x100/fa-11.png) -1px -1px no-repeat; background-size: cover; content: ''; width: 34px; height: 34px; display: inline-block; margin: 8px 2px -3px 3px; /* hchoi 01/22/2015  */ /*margin: -5px 2px -3px 0px; Negative top margin to adjust spacing in share dropdown menu*/ }
body .fontawesome-envelope-normal:before { background: url(../img/fa/fa-11.png) 0px 2px no-repeat; background-size: cover; content: ''; width: 15px; height: 15px; display: inline-block; /*margin: 0px 2px -3px 0px; */ }
body .fontawesome-print-w:before { background: url(../img/fa/fa-12.png) -1px -1px no-repeat; background-size: cover; content: ''; width: 15px; height: 15px; display: inline-block; margin: -5px 2px -3px 0px; /*Negative top margin to adjust spacing in share dropdown menu*/ }
body .fontawesome-chevron-circle-left:before { background: url(../img/fa/fa-13.png) -1px -1px no-repeat; background-size: cover; content: ''; width: 15px; height: 15px; display: inline-block; margin: -5px 2px -3px 0px; /*Negative top margin to adjust spacing in share dropdown menu*/ }
body .fontawesome-question-sign:before { content: ''; padding: 0; }
body .fontawesome-question-sign:after { background: url(../img/fa/fa-14.png) -1px -1px no-repeat; background-size: cover; content: ''; width: 15px; height: 15px; display: inline-block; margin: -5px 0px -3px 6px; /*Negative top margin to adjust spacing in share dropdown menu*/ }
body .fontawesome-file-text-o:before { background: url(../img/fa/file-text-o.png) center center no-repeat; background-size: cover; content: ''; width: 15px; height: 15px; display: inline-block; margin: 0px 2px -3px 0px; }

.ajax-progress .throbber { float: left; height: 20px; width: 20px; margin: 2px; background: url('../img/loading_20.gif') no-repeat 0px 0px; z-index: 150; }

#add-ingredient-form .ajax-progress .throbber { margin-top: 23px; margin-left: 1px; }

.rf-cbk-builder-form .ajax-progress .throbber { margin: 0px; }

.cbklnk_container .ajax-progress .throbber { position: relative; margin: 2px 0px -3px 0px; z-index: 200; }

.exposedSort .ajax-progress-throbber .throbber { position: relative; top: -17px; }

.recipeTopLinks .ajax-progress .throbber { margin: 3px -2px -5px -8px; }

/* Styling for the items-per-page ajax throbber*/
.sideContentWrap.pad15 .block--views-exp-solr-search-results-page .views-exposed-form-quantity-search-results-page, .sideContentWrap.pad15 .block--views-exp-solr-search-results-page .views-exposed-form-solr-search-results-page { position: relative; }
.sideContentWrap.pad15 .block--views-exp-solr-search-results-page .views-exposed-form-quantity-search-results-page .ajax-progress, .sideContentWrap.pad15 .block--views-exp-solr-search-results-page .views-exposed-form-solr-search-results-page .ajax-progress { float: none; position: absolute; top: 0px; left: 160px; width: 20px; height: 20px; }
.sideContentWrap.pad15 .block--views-exp-solr-search-results-page .views-exposed-form-quantity-search-results-page .ajax-progress .throbber, .sideContentWrap.pad15 .block--views-exp-solr-search-results-page .views-exposed-form-solr-search-results-page .ajax-progress .throbber { float: none; background: url('../img/loading_20.gif') no-repeat 0px 0px !important; }

@media screen and (max-width: 990px) { .no-icon:before { display: none !important; } }
/*----------------------------------*/
/*           Temporary              */
/*----------------------------------*/
.environment-switcher-container { display: none; }

.l-main.pageContentWrap { min-height: 700px; }

.rf-cbk-add-button { display: none; }

.ingredients-notes > .shoppinglist-field { display: none; }

body #admin-menu { z-index: 9999; }

#admin-menu-wrapper { max-height: 30px; }

.location-locations-header, .location-locations-wrapper { display: none; }

.node-type-menu div#searchTabWrap { display: block; margin-top: 10px; }

/*.messages--error{ display:none;
}*/
/*-- TO hide '.no-icon' pseudo elements at breakpoint--*/
/*[class*='fontawesome-'].no-icon { margin-left:0.75em; &:before{ margin-left:0.6em; display: none; }
}*/
/*-- used hide language from node content area --*/
.recipe-section ~ .form-item { display: none; }

#bgtoggleregion { position: relative; bottom: 220px; margin-bottom: -200px; display: block; height: 200px; width: 272px; cursor: pointer; }

div#stwrapper, #twttrHubFrameSecure, twttrHubFrame { display: none; }

.facetapi-facetapi-checkbox-links li.expanded div.item-list { display: none; }
.facetapi-facetapi-checkbox-links.facetapi-facet-field-meal-components-crediting- li.expanded div.item-list { display: block; }

/* --------- Hide sidebar region for fact sheets page (while using recipe template ----------*/
.page-node-5198 .l-region--sidebar-first, .page-node-5308 .l-region--sidebar-first, .page-fdd-household-material-fact-sheets .l-region--sidebar-first, .node-type-page.section-fdd .l-page.has-no-sidebars .l-region--sidebar-first { display: none !important; }
.page-node-5198 .pageContentWrap .l-content, .page-node-5308 .pageContentWrap .l-content, .page-fdd-household-material-fact-sheets .pageContentWrap .l-content, .node-type-page.section-fdd .l-page.has-no-sidebars .pageContentWrap .l-content { width: 95%; margin: 0px 2%; float: left; padding-bottom: 90px; }

.front .l-main.pageContentWrap { min-width: 996px; }

/* --------- Spanish theme tweaks ----------*/
.i18n-es .recipeLinkMenu.socialLinkMenu .fontawesome-share:before { display: none; }

/* ---------- Loading Indicator ------------*/
#center_loading_ind { position: fixed; left: 0; top: 0; display: block; background: rgba(255, 255, 255, 0.1); width: 100%; height: 100%; z-index: 1000; display: none; }
#center_loading_ind img.loading_anim { position: relative; left: 50%; top: 50%; margin-left: -31px; margin-top: -31px; opacity: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
#center_loading_ind.active { display: block; }
#center_loading_ind.active img.loading_anim { opacity: 1; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

/* ---------- Force cookbook covers vertical layout at /cookbook ------------*/
.page-cookbook .l-region--content a.cbklnk { font-size: 1em; margin-bottom: 0; }

/*----------------------------------*/
/*    Add recipe form overrides     */
/*----------------------------------*/
form#add-recipe-entityform-edit-form input.form-text { width: 645px; max-width: none; }
form#add-recipe-entityform-edit-form .form-textarea-wrapper textarea { border: 1px solid #231F20; }

/* hchoi 06/04/2015
.page-menubuilder-menu { .l-page { overflow: visible; }
} */
#recipe-list input.form-submit { border: 0; background: no-repeat center/cover url("../img/fa/trash-o.png"); cursor: pointer; font-size: 0; height: 23.5px; margin: 0; padding: 0; vertical-align: middle; width: 23.5px; }

.shopping-list-add:before { background: url("../img/fa/file-text-o.png") center/cover no-repeat; content: ''; width: 15px; height: 15px; display: inline-block; margin: 0px 2px -3px 0px; margin: 0px 5px -3px 0px; height: 14px; width: 14px; }

.shopping-list-remove:before { background: url("../img/fa/fa-02.png") center/cover no-repeat; content: ''; width: 15px; height: 15px; display: inline-block; margin: 0px 2px -3px 0px; margin: 0px 5px -3px 0px; height: 14px; width: 14px; }

.shopping-list-remove.small:before { display: none; }

h2.dashed-underline { color: #255c5d; padding-bottom: 6px; border-bottom: 1px dashed #CCC; }

.shopping-list-ingredient { margin: 0 0 0 15px; padding: 3px 0; }
.shopping-list-ingredient > .form-item, .shopping-list-ingredient > a { display: inline-block; margin: 0; padding: 0; vertical-align: top; }
.shopping-list-ingredient input.form-text { width: 103%; max-width: 526px !important; }

#add-ingredient-form input.form-text { width: 100%; max-width: 526px !important; }

body.not-front #mainMenuWrap ul > li.first > a { background: none; border: none; box-shadow: none; }

/* Static View-only Star Version */
div.fivestar-widget-static { display: block; }

div.fivestar-widget-static br { clear: left; /* RTL */ }

div.fivestar-widget-static .star { float: left; /* RTL */ width: 17px; height: 15px; overflow: hidden; text-indent: -999em; background: url(../img/star.png) no-repeat 0 0; /* RTL */ }

div.fivestar-widget-static .star span.on { display: block; width: 100%; height: 100%; background: url(../img/star.png) no-repeat 0 -16px; /* RTL */ }

div.fivestar-widget-static .star span.off { display: block; width: 100%; height: 100%; background: url(../img/star.png) no-repeat 0 0; /* RTL */ }

.ajax_star .average, .ajax_star .user-vote { display: none; }

/*----------------------------------*/
/*        Global Variables          */
/*----------------------------------*/
/*----------------------------------*/
/*        Global Variables          */
/*----------------------------------*/
@media print { #pageWrap, body, .l-page, .pageContentWrap { min-width: 100% !important; max-width: 100% !important; width: 100% !important; }
  .l-region, .view, .view-content { position: relative !important; margin-left: 11px; }
  .views-row { /*page-break-before:always !important;*/ page-break-after: always !important; position: relative !important; }
  body { background: #fff !important; background-image: none !important; }
  .l-region--sidebar-first { display: none !important; }
  .l-main.pageContentWrap .l-content { width: 100%; margin: 0px; padding: 20px; }
  #mainContentWrap, .pageContentWrap, #pageWrap, body, #pageHeader, #searchTitleWrap { margin-top: 0px !important; padding-top: 0px !important; }
  #mainContentWrap:before { display: none !important; }
  .l-main.pageContentWrap { padding: 0px !important; }
  .l-header#pageHeader { display: none; }
  #usdaFooter { display: none; }
  .r_card_wrap { margin: 50px auto; page-break-inside: avoid; }
  .r_card_wrap:first-child { margin-top: -20px; }
  .r_card_wrap div { page-break-after: avoid; }
  .r_card_wrap * { page-break-after: avoid !important; }
  .r_card_footer { position: relative; margin-top: -80px; }
  .pagebreak { display: block; page-break-before: always; margin-bottom: 20px; height: 30px; width: 100%; }
  h2.title { page-break-after: avoid; }
  .l-main.pageContentWrap { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; min-height: inherit; }
  .l-main.pageContentWrap .l-content { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  .messages { display: none !important; }
  .l-content div.fivestar-widget-static .star span { color: #444 !important; } }
/* ------------ CONDITIONAL STYLES for IE 8 (and below) -------------- */
/* -- Layout fixes -- */
.l-spotlight { width: 23%; float: left; margin-right: 1%; }

.r-slideshow { width: 75%; float: right; margin-right: 0; }

#homeLeftColWrap { width: 27.53623%; float: left; margin-right: 1.44928%; }

#homeMidColWrap { width: 42.02899%; float: left; margin-right: 1.44928%; }

#homeRightColWrap { width: 27.53623%; float: right; margin-right: 0; }

.floatLeft66 { width: 66%; float: left; margin-right: 1%; }

.floatRight33 { width: 32%; float: right; margin-right: 0; }

/* -- Set width of search bars -- */
.sideSearchWrap .views-exposed-form .views-exposed-widgets .views-widget-filter-keyword { min-width: 80%; width: 80%; }

#featSearchWrap .views-exposed-form .views-exposed-widgets .views-widget-filter-keyword { min-width: 76%; width: 76%; }

/* -- Correct header search form vertical offset -- */
#headWrapR .form-type-textfield { position: relative; top: -3px; }

/* -- Set width of social icons on home page -- */
.socIconWrap { width: 95%; float: right; }

/* -- Set width of cookbook/featured link imgs on home page -- */
.featuredLinkImg a img { width: 100px; min-width: 100px; display: block; }

/* -- Add missing padding to top of home page featured search textfield -- */
#featSearchWrap .form-type-textfield input.form-text { padding-top: 10px; }

/* -- Set font-awesome (substitued for png) icon size -- */
body .fontawesome-plus:before { background: url(../img/fa/15x15/fa-01.png) -1px -1px no-repeat; }
body .fontawesome-check:before { background: url(../img/fa/15x15/fa-02.png) -1px -1px no-repeat; }
body .fontawesome-print:before { background: url(../img/fa/15x15/fa-04.png) -1px -1px no-repeat; }
body .fontawesome-pencil:before { background: url(../img/fa/15x15/fa-09.png) -1px -1px no-repeat; }
body .fontawesome-share:before { background: url(../img/fa/15x15/fa-06.png) -1px -1px no-repeat; }
body .fontawesome-chevron-up:before { background: url(../img/fa/15x15/fa-07.png) -1px -1px no-repeat; }
body .fontawesome-chevron-down:before { background: url(../img/fa/15x15/fa-08.png) -1px -1px no-repeat; }
body .fontawesome-envelope:before { background: url(../img/fa/100x100/fa-11.png) -1px -1px no-repeat; }
body .fontawesome-print-w:before { background: url(../img/fa/15x15/fa-12.png) -1px -1px no-repeat; }
body .fontawesome-chevron-circle-left:before { background: url(../img/fa/15x15/fa-13.png) -1px -1px no-repeat; }
body .fontawesome-envelope:before { background: url(../img/fa/fa-11.png) -1px -1px no-repeat; }

/* -- set width of sort-by widget in search view -- */
#mainContentWrap .searchResultCounter .exposedSort .views-exposed-form { max-width: inherit; }

/* -- set width of sort-by widget in search view -- */
.searchResultCounter .views-exposed-form select:focus { margin: 0px -2px; }

/* -- set min-width of bottom links on recipe/qty recipe page -- */
.btm_links { margin-top: 15px; }
.btm_links .recipeTopLinks .recipeLinkMenu { display: block; float: left; }
.btm_links .recipeTopLinks .recipeLinkMenu .cbklnk_container > a { margin-top: -4px; }

.node__content > .recipeTopLinks { margin-top: 8px; }
.node__content > .recipeTopLinks .recipeLinkMenu { display: block; float: left; }
.node__content > .recipeTopLinks .recipeLinkMenu .cbklnk_container > a { margin-top: -4px; }
.node__content > .recipeTopLinks .recipeLinkMenu.socialLinkMenu { margin-top: -14px; }

/* -- alternate css for ie compatibility (using .checked, .hover classes -- */
#kpanel, #npanel { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; /*&:focus{
	position: static !important;
	clip: auto;
	overflow: visible;
	height: auto;
}*/ }

.btn_contract { display: none; }

.btn_expand { display: block; }

.n_content_wrap div.k_panel, .n_content_wrap div.m_panel, .n_content_wrap input#kpanel.checked ~ div.n_panel, .n_content_wrap input#kpanel.checked ~ div.my_panel, .n_content_wrap input#kpanel.checked ~ .btn_contract { display: block; }

.n_content_wrap div.n_panel, .n_content_wrap div.my_panel, .n_content_wrap input#kpanel.checked ~ div.k_panel, .n_content_wrap input#kpanel.checked ~ div.m_panel, .n_content_wrap input#kpanel.checked ~ .btn_expand { display: none; }

.my_panel, .m_panel { margin-top: 60px; }
.my_panel .np_row, .m_panel .np_row { width: 90%; }
.my_panel .np_row:first-child, .m_panel .np_row:first-child { width: 100%; }

.n_content_wrap .n_toggle.active input#kpanel, .n_content_wrap .n_toggle.active input#npanel { display: inline-block; position: static !important; clip: auto; overflow: visible; height: auto; }
.n_content_wrap .n_toggle.active input#kpanel ~ .btn_toggle, .n_content_wrap .n_toggle.active input#npanel ~ .btn_toggle { display: inline-block; }
.n_content_wrap .n_toggle.active input#kpanel ~ .btn_expand, .n_content_wrap .n_toggle.active input#npanel ~ .btn_expand { display: none !important; }
.n_content_wrap .n_toggle.active input#kpanel ~ .btn_contract, .n_content_wrap .n_toggle.active input#npanel ~ .btn_contract { display: none !important; }

.n_content_wrap label { font-size: .8em; color: #4d89c9; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; cursor: pointer; margin: -6px 0px; padding: 3px 6px; display: none; }
.n_content_wrap label:before { font-size: 0.8em; font-weight: 200; }

.n_content_wrap label.btn_expand { display: inline-block; }

.n_content_wrap input#kpanel.checked ~ .btn_contract { display: inline-block; }

.n_content_wrap input#kpanel.checked ~ .btn_expand { display: none; }

.n_content_wrap .btn_expand, .n_content_wrap .btn_contract { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.n_content_wrap .btn_expand.hover, .n_content_wrap .btn_contract.hover { background: #eaeaea; color: #4d89c9; }

.sideContentWrap .printButton { overflow: hidden; }
.sideContentWrap .printButton .button_blue { padding: 2px 0px 0px 0px; height: 24px; max-height: 24px; }

#mainContentWrap:before { display: none; }

#mainContentWrap.itemDisabled:before { display: block; }

.recipeMainImg img { max-width: inherit; }