/*
Theme Name:		Ever Good Food (EGF)
Description:	EGF Custom Theme
Theme URI:		http://evergoodfood.ca/
Author:			Jensen Group
Author URI:		http://jensengroup.ca/
Version:		1.0
Text Domain:	egf
*/

@font-face {
    font-family: 'MuseoSlab500';
    src: url('fonts/museo_slab_500-webfont.eot');
    src: url('fonts/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museo_slab_500-webfont.woff') format('woff'),
         url('fonts/museo_slab_500-webfont.ttf') format('truetype'),
         url('fonts/museo_slab_500-webfont.svg#MuseoSlab500') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sansationregular';
    src: url('fonts/Sansation-Regular-webfont.eot');
    src: url('fonts/Sansation-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Sansation-Regular-webfont.woff') format('woff'),
         url('fonts/Sansation-Regular-webfont.ttf') format('truetype'),
         url('fonts/Sansation-Regular-webfont.svg#sansationregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url("fonts/open-sans/Light/OpenSans-Light.eot?v=1.1.0");
  src: url("fonts/open-sans/Light/OpenSans-Light.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/open-sans/Light/OpenSans-Light.woff2?v=1.1.0") format("woff2"), url("fonts/open-sans/Light/OpenSans-Light.woff?v=1.1.0") format("woff"), url("fonts/open-sans/Light/OpenSans-Light.ttf?v=1.1.0") format("truetype"), url("fonts/open-sans/Light/OpenSans-Light.svg?v=1.1.0#Light") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("fonts/open-sans/LightItalic/OpenSans-LightItalic.eot?v=1.1.0");
  src: url("fonts/open-sans/LightItalic/OpenSans-LightItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/open-sans/LightItalic/OpenSans-LightItalic.woff2?v=1.1.0") format("woff2"), url("fonts/open-sans/LightItalic/OpenSans-LightItalic.woff?v=1.1.0") format("woff"), url("fonts/open-sans/LightItalic/OpenSans-LightItalic.ttf?v=1.1.0") format("truetype"), url("fonts/open-sans/LightItalic/OpenSans-LightItalic.svg?v=1.1.0#LightItalic") format("svg");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: 'Open Sans';
  src: url("fonts/open-sans/Regular/OpenSans-Regular.eot?v=1.1.0");
  src: url("fonts/open-sans/Regular/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/open-sans/Regular/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("fonts/open-sans/Regular/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("fonts/open-sans/Regular/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("fonts/open-sans/Regular/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("fonts/open-sans/Italic/OpenSans-Italic.eot?v=1.1.0");
  src: url("fonts/open-sans/Italic/OpenSans-Italic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/open-sans/Italic/OpenSans-Italic.woff2?v=1.1.0") format("woff2"), url("fonts/open-sans/Italic/OpenSans-Italic.woff?v=1.1.0") format("woff"), url("fonts/open-sans/Italic/OpenSans-Italic.ttf?v=1.1.0") format("truetype"), url("fonts/open-sans/Italic/OpenSans-Italic.svg?v=1.1.0#Italic") format("svg");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'Open Sans';
  src: url("fonts/open-sans/Semibold/OpenSans-Semibold.eot?v=1.1.0");
  src: url("fonts/open-sans/Semibold/OpenSans-Semibold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/open-sans/Semibold/OpenSans-Semibold.woff2?v=1.1.0") format("woff2"), url("fonts/open-sans/Semibold/OpenSans-Semibold.woff?v=1.1.0") format("woff"), url("fonts/open-sans/Semibold/OpenSans-Semibold.ttf?v=1.1.0") format("truetype"), url("fonts/open-sans/Semibold/OpenSans-Semibold.svg?v=1.1.0#Semibold") format("svg");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.eot?v=1.1.0");
  src: url("fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.woff2?v=1.1.0") format("woff2"), url("fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.woff?v=1.1.0") format("woff"), url("fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.ttf?v=1.1.0") format("truetype"), url("fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.svg?v=1.1.0#SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic; }
@font-face {
  font-family: 'Open Sans';
  src: url("fonts/open-sans/Bold/OpenSans-Bold.eot?v=1.1.0");
  src: url("fonts/open-sans/Bold/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/open-sans/Bold/OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("fonts/open-sans/Bold/OpenSans-Bold.woff?v=1.1.0") format("woff"), url("fonts/open-sans/Bold/OpenSans-Bold.ttf?v=1.1.0") format("truetype"), url("fonts/open-sans/Bold/OpenSans-Bold.svg?v=1.1.0#Bold") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("fonts/open-sans/BoldItalic/OpenSans-BoldItalic.eot?v=1.1.0");
  src: url("fonts/open-sans/BoldItalic/OpenSans-BoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/open-sans/BoldItalic/OpenSans-BoldItalic.woff2?v=1.1.0") format("woff2"), url("fonts/open-sans/BoldItalic/OpenSans-BoldItalic.woff?v=1.1.0") format("woff"), url("fonts/open-sans/BoldItalic/OpenSans-BoldItalic.ttf?v=1.1.0") format("truetype"), url("fonts/open-sans/BoldItalic/OpenSans-BoldItalic.svg?v=1.1.0#BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic; }
@font-face {
  font-family: 'Open Sans';
  src: url("fonts/open-sans/ExtraBold/OpenSans-ExtraBold.eot?v=1.1.0");
  src: url("fonts/open-sans/ExtraBold/OpenSans-ExtraBold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/open-sans/ExtraBold/OpenSans-ExtraBold.woff2?v=1.1.0") format("woff2"), url("fonts/open-sans/ExtraBold/OpenSans-ExtraBold.woff?v=1.1.0") format("woff"), url("fonts/open-sans/ExtraBold/OpenSans-ExtraBold.ttf?v=1.1.0") format("truetype"), url("fonts/open-sans/ExtraBold/OpenSans-ExtraBold.svg?v=1.1.0#ExtraBold") format("svg");
  font-weight: 800;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("fonts/open-sans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?v=1.1.0");
  src: url("fonts/open-sans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/open-sans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2?v=1.1.0") format("woff2"), url("fonts/open-sans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff?v=1.1.0") format("woff"), url("fonts/open-sans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf?v=1.1.0") format("truetype"), url("fonts/open-sans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg?v=1.1.0#ExtraBoldItalic") format("svg");
  font-weight: 800;
  font-style: italic; 
}
 
html, body {
	margin: 0;
	padding: 0;
	color:#909090; 
	font:13px 'Open Sans', Arial, Helvetica, 'Trebuchet MS', sans-serif; 
	line-height:20px;

	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;	
}
h1,h2,h3,h4,h5,h6 { 
	font-family: "MuseoSlab500", Times, serif; 
	color: #5e6063; 
	margin-top: 0;
} 

h1 {
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.2em;
}
h2 {
	font-size: 1.2em;
	font-weight: normal;
}

a,
a:visited {
	text-decoration: none;
}

a.top-link,
a.top-link:visited {
	color: #E55845;
}

/*
*
* General container classes
*
*/

.hidden {
	display: none !important;
}

.left {
	float: left;
}
.right {
	float: right;
}
.text-center {
	text-align: center !important;
}
.text-left {
	text-align: left !important;
}
.text-right {
	text-align: right !important;
}
.text-justify {
	text-align: justify !important;
}
.clear {
	clear:both;
}
.margin-zero-auto {
	margin: 0 auto;
}

.full-width {
	width: 100%;
}
.one-half {
	width: 50%;
}
.one-third {
	width: 33.33%;
}
.one-third-round {
	width: 30%;
}
.two-thirds {
	width: 66.66%;
}
.one-quarter {
	width: 25%;
}
.three-quarters {
	width: 75%;
}
.one-quintan {
	width: 20%;
}
.two-quintans {
	width: 40%;
}
.three-quintans {
	width: 60%;
}
.four-quintans {
	width: 80%;
}

.nopointer {
	cursor: default;
}

/*
*
* Color classes
*
*/

.background-silver {
	background: #eee;
}
.background-white {
	background: #fff;
}
.background-black {
	background: #000;
	color: #fff;
}
.background-gray {
	background: #f2f3ef;
;
}
.text-white {
	color: #fff !important;
}
.text-red {
	color: #E55845 !important;
}

.top-outer {
	width: 100%;
	height: 116px;
	text-align: center;
}
.top-inner {
	width: 980px;
	height: 116px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#top-logo {
	margin-top: 8px;
}

#top-banner {
  position: absolute;
  right: 0;
  bottom: -46px;
  z-index: 0;
}
 
.nav-outer {
	position: relative;
	width: 100%;
	height: 48px;
	text-align: center;	
	background: #67A443;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

.nav-inner {
	position: relative;
	width: 980px;
/*
	height: 48px;
*/
	margin: 0 auto;
	text-align: left;	
}

.service-outer {
	width: 100%;
	text-align: center;
	background: #fff url(images/service-bar-bg.png) repeat;
/*
	margin-bottom: 16px;
*/	
}
.service-inner {
	width: 980px;
	height: 48px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}


.top-dots,
.bottom-dots {
	display:none;
	height: 2px;
	background: url(images/dots.png) repeat-x;
	position: absolute;
	top: 2px;
	left: 0px;
}
.bottom-dots {
	bottom: 2px;
	top: inherit;
}

.main-nav {
	width: 100%;
	overflow: hidden;
}

.main-nav ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	color: #fff;
}


.main-nav li {
	float: left;
	height: 48px;
	margin-left: 24px;
	margin-right: 24px;
	text-align: center;
}

.main-nav ul li a,
.main-nav ul li a:visited {
	color: #fff;
	font-family: 'MuseoSlab500';
	font-size: 14px;
	line-height: 16px;
	text-decoration: none;
	display: inline-block; 
	padding: 0 13px 0 14px; 
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);	
	transform: translateY(-50%);
}

.main-nav ul li.current-menu-item a,
.main-nav ul li.current-menu-item a:visited,
.main-nav ul li:not(.current-menu-item):hover a, 
.main-nav ul li:not(.current-menu-item):focus a,
.main-nav ul li:not(.current-menu-item):active a {
	color: #613d16;
}


.content-outer {
	width: 100%;
	text-align: center;
	clear: both;
}
.content-inner {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

.full-width-bg {
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	position: relative;
}

.by-ingredient-bg {
	height: 551px;
/*
	background: url(images/bying-bg-2560.jpg) no-repeat left top fixed; 
*/
/*
	background: url(images/bying-bg-2560.jpg) no-repeat center top fixed; 
*/	
	background: url(images/bying-bg-2560.jpg) no-repeat center center fixed; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bying-bg-2560.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bying-bg-2560.jpg', sizingMethod='scale')";
}

.by-health-bg {
	height: 608px;
/*
	background: url(images/byhealth-bg-2560.jpg) no-repeat left top fixed; 
*/
/*
	background: url(images/byhealth-bg-2560.jpg) no-repeat center top fixed; 
*/	
	background: url(images/byhealth-bg-2560.jpg) no-repeat center center fixed; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/byhealth-bg-2560.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/byhealth-bg-2560.jpg', sizingMethod='scale')";
}

.by-ease-bg {
	height: 608px;
/*
	background: url(images/byease-bg-2560.jpg) no-repeat left top fixed; 
*/
/*
	background: url(images/byease-bg-2560.jpg) no-repeat center top fixed; 
*/	
	background: url(images/byease-bg-2560.jpg) no-repeat center center fixed; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/byease-bg-2560.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/byease-bg-2560.jpg', sizingMethod='scale')";
}

.home-basement-bg {
	height: 472px;
/*
	background: url(images/home-basement-large.jpg) no-repeat left top fixed; 
*/
/*
	background: url(images/home-basement-large.jpg) no-repeat center top fixed; 
*/	
	background: url(images/home-basement-large.jpg) no-repeat center center fixed; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home-basement-large.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home-basement-large.jpg', sizingMethod='scale')";
}

.home-basement-content {
	width: 600px;
	height: 220px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	text-align: center;
	color: #ffffff;
}

.home-middle-outer {
	height: 500px;
	background: #f2f3ef;
}

.home-middle-content {
	padding-top: 40px;
}
.home-middle-content:last-child {
	padding-top: 16px;
}

.home-middle-content h1,
.recipe-slider-container h1 {
	color: #313131;
	text-transform: uppercase;
	font-size: 1.9em !important;
	line-height: 1.6em;
    font-family: 'MuseoSlab500';
    font-style: normal;
	letter-spacing: 0.1em;
}
.recipe-slider-container h1 {
	line-height: 100px;
}
.home-middle-content h2 {
	color: #7d7d7d;
	font-size: 1.2em;
	font-family: 'Open Sans';
	font-weight: 300;
	letter-spacing: 0.06em;
}

.home-middle-content .recipe-preview {
	width: 316px;
	margin-right: 8px;
	text-align: center;
}
.home-middle-content .recipe-preview:last-child {
	margin-right: 0;
}

/*
*
* Bottom
*
*/
.bottom-wrap {
  background-color: #67a443;
  color: #ffffff;
  min-height: 240px;
}

.bottom-footer {
	background-color: #c3c3c3;
	color: #333333;
	height: 50px;
	font-size: 14px;
	line-height: 50px;
}

.bottom-footer a,
.bottom-footer a:visited {
	color: #333333;
	text-decoration: none;
	margin-left: 8px;
}

.bottom-footer a:hover,
.bottom-footer a:focus,
.bottom-footer a:active {
	color: #222222;
	border-bottom: 1px solid #222222;
}

.bottom-wrap section {
	margin-top: 26px;
}
.bottom-wrap section p {
	padding-right: 16px;
}

.bottom-wrap h1 {
	font-family: 'MuseoSlab500';
	color: #ffffff;
}

.bottom-wrap section ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	color: #fff;
}

.bottom-wrap section p,
.bottom-wrap section ul li,
.bottom-wrap section a,
.bottom-wrap section a:visited,
.bottom-wrap section ul li a,
.bottom-wrap section ul li a:visited {
	color: #fff;
	text-decoration: none;
	line-height: 1.8em;
	font-size: 1.1em;
}
.bottom-wrap section a:hover,
.bottom-wrap section a:focus,
.bottom-wrap section a:active,
.bottom-wrap section ul li a:hover,
.bottom-wrap section ul li a:focus,
.bottom-wrap section ul li a:active {
	border-bottom: solid 1px #ffffff;
}

div#bottom-about {
	margin: 0 10% 0 5%;
}

/*
*
* Social Network Sharing icons
*
*/
.circle {
	background-color: rgb(255,204,0);
	height: 30px;
	width: 30px;
	border-radius: 50%;
	position: absolute;
	bottom: 22px;
	left: 25px;
}

.share-buttons,
.user-buttons  {
	clear: none;
	margin: 0;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);	
	transform: translateY(-50%);
}

.share-button,
.user-button {
	cursor: pointer;
	color: #E55845;
	margin-right: 8px;
}
.share-button:last-child,
.user-button:last-child {
	margin-right: 0;
}

.user-button span.fa-stack {
	width: 2.2em;
	height: 2.2em;
	line-height: 2.2em;
}
.user-button i.fa.fa-stack-2x {
	font-size: 2.2em;
}

.search-outer {
	position: relative;
	background: transparent;
	height: 28px;
/*	
	width: 500px;
*/	
	clear: none;
/*
	margin: 10px auto 0 135px;
*/	
	margin: 10px auto 0 -30px;
}

/*
.circle-button, 
.circle-button:visited {
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 2px solid #549101;
	background: transparent;
	opacity: 1;
	color: #284402;
	text-align: center;
	margin: 0 9px 0 -1px;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}

.circle-button:hover {
	border: 2px solid #ffffff;
}
.circle-button:hover, 
.circle-button i:hover ,
.circle-button:hover i {
	color: #ffffff; 
}

.circle-button i.fa.fa-2x.fa-facebook {
	font-size: 1.3em;
	line-height: 13px;
	padding-top:8px;
}

.circle-button i.fa.fa-2x.fa-pinterest {
	font-size: 1.3em;
	line-height: 14px;
	margin-left: 1px;
	padding-top:8px;
}

.circle-button i.fa.fa-2x.fa-google-plus {
	font-size: 1.3em;
	line-height: 11px;
	margin-left: 1px;
	padding-top:10px;
}

.circle-button i.fa.fa-2x.fa-linkedin {
	font-size: 1.3em;
	padding-top: 5px;
	padding-left: 2px;
}

.circle-button i.fa.fa-2x.fa-twitter {
	font-size: 1.4em;
	padding-top: 6px;
	padding-left: 2px;
}

.circle-button i.fa.fa-2x.fa-envelope {
	font-size: 1.1em;
	padding-top:8px;
}

.circle-button i.fa.fa-2x.fa-phone {
	font-size: 1.5em;
	padding-top:8px;
}
*/

/*
*
* Mobile menu
*
*/

.bars {
	display: none;
	text-align: center;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	width: 4em;
	height: 3.5em;
}

.bars:after {
	content: '\f0c9';
	font-family: 'FontAwesome';
	font-size: 1.75em;
	position: absolute;
	top: 10px;
	right: .5em;
	color: #fff;
}
.bars.expanded:after {
	content: '\f00d';
}
.bars:hover:after {
	color: #fff;
}
.bars:active:after {
	color: #fff;
}

/*
*
* Shortcode components
*
*/

.by-ingredient-content {
	top: 40px;
	height: 440px;
}

.shortcode-wrapper {
}

.bying-search-panel {
	text-align: center;
}

.bying-food-group-panel {
	background: #ffffff;
	width: 212px;
	height: 440px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;	
}

.bying-ingredient-panel {
	background: #ffffff;
	text-align: center;
	width: 500px;
	height: 440px;
	margin-left: 16px;
	overflow-y: auto;
	overflow-x: hidden;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;	
    padding: 1px;
    position: relative;
}

.bying-ingredient-panel-noresults {
	height: 44px;
	width: 80%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	color: #808285;
	font-size: 1.33em;
	font-style: italic;
	letter-spacing: 0.2em;
}

.bying-ingredient-list-panel {
	background: #ffffff;
	width: 234px;
	height: 440px;
	margin-left: 16px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;	
    text-align: center;
    padding: 24px;
    color: #67a443;
}

.bying-ingredient-list-panel h1 {
    color: #67a443;
    position: relative;
}
.bying-ingredient-list-panel h1:after {
	content: '';
	display: block;
	position: absolute;
	width: 96px;
	bottom: -16px;
	left: 38px;
	border-top: 1px solid #67a443;
	height: 1px;
}


.bying-results-panel {
	margin: 20px 0 60px 0;
	height: 256px;
	text-align: center;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;	
}

ul.food-group-ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

li.food-group-li {
	background: #ffffff;
	color: #d1d3d4;
	font-size: 1.2em;
/*	
	text-transform: uppercase;
*/	
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;	
	cursor: pointer;
}

/*
li.tag-group-li { 
	font-size: 1em;
	position: relative;
}
li.tag-group-li.selected {
	background: #ffffff;
}
*/

li.food-group-li:not(.selected):hover {
}

.food-group-icon-wrapper {
	height: 62px;
}

.food-group-icon-wrapper img {
	margin: 15px 19px 15px 19px;
}

.food-group-title-wrapper {
	font-family: 'MuseoSlab500';
	position: relative;
	height: 62px;
	line-height: 62px;
	color: #a7a9ac;
}

.food-group-title-wrapper:after {
	content: '';
	display: block;
	position: absolute;
	width: 78px;
	bottom: 10px;
	left: 0px;
	border-top: 1px solid #a7a9ac;
	height: 1px;
}

li.food-group-li.selected .food-group-title-wrapper {
}

/*
.tag-group-title-wrapper {
	height: 2em;
	line-height: 2em;
	color: #a7a9ac;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.tag-group-title-wrapper span {
	font-family: 'MuseoSlab500';
	display: inline-block;
  	vertical-align: middle;
  	line-height: normal; 
}


li.tag-group-li.selected .tag-group-title-wrapper,
*/

.ingredient-thumbnail {
	width: 150px;
	height: 150px;
	margin: 4px 4px 4px 4px;
	position: relative;
    border: 1px solid transparent;
    background: #ffffff;
    cursor: pointer;
    text-align: center;
}
/*
.ingredient-thumbnail:hover {
	opacity: 0.9;
	border: 1px solid #467b00;
	box-shadow: 0px 0px 9px 3px #467b00;
}
*/

.ingredient-thumbnail .ingredient-title {
	position: absolute;
	bottom: 8px;
	left: 0;
	right: 0;
	margin: auto;	
	text-transform: lowercase;
	font-family: 'sansationregular';
	font-size: 1.2em;
}

.ingredient-thumbnail:hover {
	border: 1px solid #909090;
	box-shadow: 0px 0px 6px 1px #909090;
}

.ingredient-thumbnail:hover .ingredient-title {
	color: #467b00;
}

.ingredient-thumbnail.selected {
	display: none;
}

.ingredient-thumbnail .ingredient-thumbnail-info {
	display: none;
	position: absolute;
	width: 200px;
	height: 22px;
	font-size: 1.2em;
	background: #467b00;
	top: 0;
	left: 0;
	text-align: center;
	color: #ffffff;
}

.ingredient-thumbnail .ingredient-thumbnail-stats {
	display: none;
	position: absolute;
	width: 100px;
	height: 110px;
	top: 34px;
	left: 100px;
	border-left: 1px solid #cdcdcd;
	text-align: left;
}
/*
.ingredient-thumbnail:hover .ingredient-thumbnail-stats {
	display:block;
}
*/
.ingredient-thumbnail .ingredient-thumbnail-stats ul {
	list-style: none;
	margin: 2px;
	padding: 2px;
}

/*
.ingredient-thumbnail:hover .ingredient-thumbnail-info {
	display: block;
}
*/

.ingredient-thumbnail img.ingredient-thumbnail-img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 150px;
	height: 117px;
	pointer-events: none;
}

/*
.ingredient-thumbnail:hover img.ingredient-thumbnail-img {
	position: absolute;
	top: 30px;
	left: 4px;
	width: 96px;
	height: auto;
}
*/

.ingredient-thumbnail .ingredient-thumbnail-play {
	position: absolute;
	top: 39px;
	left: 47px;
	width: 56px;
	height: 39px;
	cursor: pointer;
}
.ingredient-thumbnail .ingredient-thumbnail-play i {
	color: #ffffff;
	text-shadow: 0 0 1px #0074D9; /* horizontal-offset vertical-offset 'blur' colour */
	-moz-text-shadow: 0 0 1px #0074D9;
	-webkit-text-shadow: 0 0 1px #0074D9;	
}

/*
.ingredient-thumbnail:hover .ingredient-thumbnail-play{
	top: 100px;
	left: 24px;
}
.ingredient-thumbnail:hover .ingredient-thumbnail-play i {
	color: #cdcdcd;
	top: 80px;
	left: 30px;
}
*/

.ingredient-thumbnail .ingredient-thumbnail-play:hover i {
	color: #0074D9;
	text-shadow: 0 0 6px #fff; /* horizontal-offset vertical-offset 'blur' colour */
	-moz-text-shadow: 0 0 6px #fff;
	-webkit-text-shadow: 0 0 6px #fff;	
}


ul.ingredient-list {
	list-style: none;
	margin: 32px 0 0 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: auto;
	height: 354px;
}

li.ingredient-list-item {
	width: 100%;
	margin: 0 0 4px 0;
	padding: 0;
	
	text-transform: lowercase;
	font-family: 'sansationregular';
	font-size: 1.3em;

	color: #343434;
	
	cursor: pointer;
	height: 36px;
	line-height: 36px;

	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;	

	border: 1px solid transparent;
}
li.ingredient-list-item:hover {
	color: #467b00;
	border: 1px solid #909090;
	box-shadow: 0px 0px 3px 1px #909090;
}

li.ingredient-list-item span {
	pointer-events: none;
}

.search-outer input[type=text] {
	font-size: 1em;
	width: 100%;
	padding: 0.5em;
	border: solid 1px #69a443;
	background: #eef4ea;
}

.search-icon {
	position: absolute;
	top: 6px;
	right: -6px;
}

.search-outer input[type=text]:focus {
/*	
	outline: none;
*/	
	outline: #69a443 solid 2px;	
}

.tag-group-header {
	text-align: left;
	color: #ffffff;
	text-transform: uppercase;
	font-family: 'MuseoSlab500';
	font-size: 2.2em;
	letter-spacing: 0.33em;
	top: 66px;
}

.tag-group-panel {
	top: 108px;
	height: 60px;
	line-height: 60px;
	background: #ffffff;
	opacity: 0.9;
}

.tag-group-motto {
/*
	color: #808285;
	font-size: 1.4em;
	font-style: italic;
	line-height: 1.8em;
	letter-spacing: 0.2em;
*/
	color: #313131;
	font-family: 'Open Sans';
  	font-weight: 300;		
  	font-size: 1.2em;
  	line-height: 1.4em;
	padding-top: 36px;
	padding-bottom: 36px;
}

.tag-group {
	cursor: pointer;
}

.tag-group-icon-wrapper {
	width: 92px;
	height: 60px;
	pointer-events: none;
}
.tag-group-icon-wrapper img {
	margin: 14px 0 0 30px;
	pointer-events: none;
}

.tag-group-text-wrapper {
	text-align: left;
	line-height: 60px;
	height: 60px;
	color: #030504;
	text-transform: uppercase;
	font-family: 'MuseoSlab500';
	font-size: 14px;
	pointer-events: none;
}

.bytag-results-panel {
	top: 158px;
	height: 256px;
	text-align: center;
}


/* Hide MediaElement default caption */
.mejs-offscreen {
	display: none;
}

#video_player,
#video_player:active,
#video_player:focus,
#video_player:hover {
	outline: none;
}

/*
*
* Slider arrows and bullets
*
*/

.recipe-slider-container {
	position: relative; 
	top: 0px; 
	left: 0px; 
	width: 980px; 
	height: 280px;
}

.recipe-slides {
	position: absolute; 
	overflow: hidden; 
	left: 0px; 
	top: 0px; 
	width: 980px; 
	height: 280px;
}

.how-to-video-slider-container {
	position: relative; 
	top: 320px; 
	left: 0px; 
	width: 980px; 
	height: 180px;
}

.how-to-video-slides {
	position: absolute; 
	overflow: hidden; 
	left: 0px; 
	top: 0px; 
	width: 980px; 
	height: 180px;
}

a.video-link,
a.video-link:visited {
	cursor: pointer;
}

            /* jssor slider arrow navigator skin 13 css */
            /*
            .jssora13l                  (normal)
            .jssora13r                  (normal)
            .jssora13l:hover            (normal mouseover)
            .jssora13r:hover            (normal mouseover)
            .jssora13l.jssora13ldn      (mousedown)
            .jssora13r.jssora13rdn      (mousedown)
            */
            .jssora13l, .jssora13r {
                display: block;
                position: absolute;
                /* size of arrow element */
                width: 40px;
                height: 50px;
                cursor: pointer;
                background: url(js/jssor.slider/img/a13.png) no-repeat;
                overflow: hidden;
            }
            .jssora13l { background-position: -10px -35px; }
            .jssora13r { background-position: -70px -35px; }
            .jssora13l:hover { background-position: -130px -35px; }
            .jssora13r:hover { background-position: -190px -35px; }
            .jssora13l.jssora13ldn { background-position: -250px -35px; }
            .jssora13r.jssora13rdn { background-position: -310px -35px; }

            /* jssor slider bullet navigator skin 03 css */
            /*
            .jssorb03 div           (normal)
            .jssorb03 div:hover     (normal mouseover)
            .jssorb03 .av           (active)
            .jssorb03 .av:hover     (active mouseover)
            .jssorb03 .dn           (mousedown)
            */
            .jssorb03 {
                position: absolute;
                bottom: -27px !important;
            }
            .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
                position: absolute;
                /* size of bullet elment */
                width: 21px;
                height: 21px;
                text-align: center;
                line-height: 21px;
                color: white;
                font-size: 12px;
                background: url(js/jssor.slider/img/b03.png) no-repeat;
                overflow: hidden;
                cursor: pointer;
            }
            .jssorb03 div { background-position: -5px -4px; }
            .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
            .jssorb03 .av { background-position: -65px -4px; }
            .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }

.recipe-preview {
	background: #ffffff;
	width: 324px;
	height: 280px;
	overflow-x: hidden;
	overflow-y: hidden;
/*	
	border: 1px solid #548f04;	
*/	
}

.recipe-preview img:not(.tag) {
	width: 288px;
	height: auto;
	margin: 14px auto;
}

.recipe-preview .info {
	width: 288px;
	margin: 0 auto;
}

.recipe-preview .info .info-title {
	width: 66.66%;
	text-align: left;
	font-size: 1.2em;
}

.recipe-preview .info .info-tags {
	width: 33.33%;
}

.recipe-preview .info .info-tags img.tag {
	margin-right: 2px;
	width: 16px;
	height: 16px;
}

.recipe-preview a.recipe-link,
.recipe-preview a.recipe-link:visited {
	text-decoration: none;
	color: #67a443;
}

.recipe-preview a.recipe-link:focus,
.recipe-preview a.recipe-link:hover,
.recipe-preview a.recipe-link:active {
	color: #67a443;
}

.recipe-preview .recipe-excerpt {
	clear: both;
	text-align: left;
	width: 288px;
	margin: 0.5em auto;
	color: #000000;
	font-size: 1em;
}

/*
.recipe-preview.position-0 {
	position: absolute;
	top: 0;
	left: 0;
}
.recipe-preview.position-1 {
	position: absolute;
	top: 0;
	left: 315px;
}
.recipe-preview.position-2 {
	position: absolute;
	top: 0;
	left: 630px;
}
.recipe-preview.position-3 {
	position: absolute;
	top: 204px;
	left: 0;
}
.recipe-preview.position-4 {
	position: absolute;
	top: 204px;
	left: 315px;
}
.recipe-preview.position-5 {
	position: absolute;
	top: 204px;
	left: 630px;
}
*/

.video-preview {
/*
	background: transparent;
*/
	background: #ffffff;
	
	width: 320px;
	height: 180px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.video-preview img {
/*
	width: 320px;
	height: auto;
*/
/* */
	width: 304px;
	margin: 8px;
	height: auto;
	max-height: 164px;		
/* */	
}


/*
*
* Recipe page elements
*
*/

.recipe-bg {
	background: #ffffff;
	min-height: 551px;
}

.recipe-wrapper {
	margin-top: 32px;
}

#recipe-north {
}
#recipe-north-west {
	width: 575px;
	margin: 0;
	padding: 0;
	text-align: center;
}
#recipe-north-east {
	width: 388px;
	height: 316px;
	margin: 0;
	padding: 0 0 0 16px;
	text-align: center;
	position: relative;
}

#recipe-south {
	margin-top: 16px;
	margin-bottom: 48px;
	height: 280px;
	text-align: center;
}

.recipe-visual {
	width: 575px;
	margin: 0;
	padding: 0;
	text-align: center;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;	
	border: 1px solid #cccccc;
}

.recipe-visual-top {
	width: 575px;
	height: 262px;
	position: relative;
}

.recipe-visual-top img {
	width: 573px;
	height: auto;
	float: left;
}

.recipe-visual-top .play {
	position: absolute;
	top: 100px;
	left: 258px;
}
.recipe-visual-top .play i {
	color: #ffffff;
	cursor: pointer;
	text-shadow: 0 0 1px #0074D9; /* horizontal-offset vertical-offset 'blur' colour */
	-moz-text-shadow: 0 0 1px #0074D9;
	-webkit-text-shadow: 0 0 1px #0074D9;	
}
.recipe-visual-top .play i:hover {
	color: #0074D9;
	text-shadow: 0 0 4px #fff; /* horizontal-offset vertical-offset 'blur' colour */
	-moz-text-shadow: 0 0 4px #fff;
	-webkit-text-shadow: 0 0 4px #fff;	
}
  
.recipe-visual-bottom {
	width: 575px;
	height: 52px;
	text-align: center;
}

.recipe-visual-bottom .info-tags {
	margin: 0 auto;
	padding-top: 9px;
  	padding-bottom: 8px;
}

.recipe-visual-bottom .info-tags img.tag {
	width: 32px;
	height: 32px;
	margin-left: 8px;
}

.recipe-rating {
	background: #ffffff;
	height: 40px;
}

#recipe-north-east .tabs {
	width: 388px;
	position: absolute;
	bottom: 0;
}

#recipe-north-east .tabs-header {
}

#recipe-north-east .tabs-header h2 {
	display: inline;
	width: 33.33%;
	float: left;
	text-align: center;
	padding: 8px;
	margin: 0;
	font-size: 1em;
	background: #dddddd;
	cursor: pointer;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;	
	border: 1px solid #cccccc;
}
#recipe-north-east .tabs-header h2:not(.selected):hover {
	background: #eeeeee;
}
#recipe-north-east .tabs-header h2.selected {
	background: #ffffff;
	border-bottom: none;
}

#recipe-north-east .tabs-content {
	text-align: left;
	height: 200px;
	overflow-x: hidden;
	overflow-y: hidden;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;	
	border: 1px solid #cccccc;
	border-top: none;
}

#recipe-north-east .tab-content {
	display: none;
	text-align: left;
	overflow-x: hidden;
	overflow-y: auto;
	height: 180px;
	margin-top: 20px;
	margin-left: 5%;
	padding-right: 5%;
	width: 90%;	
}
#recipe-north-east .tab-content.selected {
	display: block;
}

/*
*
* Home Slider
*
*/

.swiper-container {
	background: #000000;
	width: 100%;
}

.swiper-wrapper {
	width: 100%;
}

.swiper-slide {
	width: 100%;
	height: 551px;
	overflow: hidden;
	position: relative;
}

.video-drawer {
	background: #000000;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: none;
}

.video-inner {
	height: 551px;
}
 
/*
.swiper-container {
	background: #000000;
	width: 100%;
}

.swiper-wrapper {
	width: 100%;
}

.swiper-slide {
	width: 100%;
	overflow: hidden;
}

.swiper-slide img {
	max-width:100%; 
	max-height:100%;
	margin:auto;
	display:block;
}
*/

.swiper-slide .swiper-slide-panel {
	height: 120px;
	position: absolute;
	top: 66%;
	left: 0;
	right: 0;
	margin: auto;
}

.swiper-slide h1, 
.home-basement-content h1 {
	position: relative;
	top: 0px;
	width: 66%;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 2.2em;
	line-height: 1.6em;
    font-family: 'MuseoSlab500';
	letter-spacing: 0.2em;
}

.swiper-slide h1.title-only {
	top: 1.2em;
}

.swiper-slide h2,
.home-basement-content h2 {
	position: relative;
	width: 60%;
	color: #ffffff;
	font-size: 1.2em;
	font-family: 'Open Sans';
	font-weight: 300;
	letter-spacing: 0.06em;
}
.home-basement-content h2.subtitle-2 {
	top: 2em;
}

.home-basement-content h2 {
	top: 2em;
}

.home-basement-content h1,
.home-basement-content h2 {
	width: initial;
}


.swiper-slide .homeslide-button-outer {
	position: absolute;
	bottom: 0;
	right: 0;
	min-width: 240px;
	height: 80px;
	line-height: 80px;
	font-size: 1.2em;
	text-align: center;
}

.swiper-slide .homeslide-button-outer a,
.swiper-slide .homeslide-button-outer a:visited {
	line-height: 80px;
	font-size: 1.2em;
	color: #ffffff;
	text-decoration: none;
	padding: 28px 60px;
	border: 1px solid #ffffff;
	cursor: pointer;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next,
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	position: absolute;
	top: 23px;
	height: calc(100%);
	width: 5%;
	min-width: 2em;
	max-width: 3em;
	cursor: pointer;
	color: #fff;
	background: #000;
	opacity: .15;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left: 0;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	right: 0;
}

.swiper-button-prev i,
.swiper-button-next i {
	position: relative;
  	top: 50%;
	transform: translateY(-50%);
}

.swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover,
.swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover {
	opacity: 0.5;
}

/*
*
* How-To elements
*
*/

.how-to-bg {
	height: 551px;
	background: #000000;
}

.video-slider-outer {
	height: 180px;
	width: 100%;
	position: absolute;
	top: 344px;
	left: 0;
	background: navy;
}

.how-to-bg h1.how-to-video-title {
	color: #ffffff;
	position: absolute;
	top: 80px;
	left: 0;
	width: 400px;
	text-transform: uppercase;
	font-size: 1.9em;
	line-height: 1.6em;
	font-family: 'MuseoSlab500';
	letter-spacing: 0.2em;
}

.how-to-bg .how-to-video-subtitles {
	color: #ffffff;
	position: absolute;
	top: 90px;
	right: 0;
	width: 300px;
}

.how-to-bg h2.how-to-video-subtitle {
	color: #ffffff;
	font-size: 1.2em;
	font-family: 'Open Sans';
	font-weight: 300;
	letter-spacing: 0.06em;
	margin-bottom: 20px;
}

.how-to-bg h3.how-to-video-subtitle-1,
.how-to-bg h3.how-to-video-subtitle-2 {
	color: #ffffff;
	font-size: 1.1em;
	font-family: 'Open Sans';
	font-weight: 300;
	letter-spacing: 0.06em;
}

.how-to-bg h3.how-to-video-subtitle-1 a,
.how-to-bg h3.how-to-video-subtitle-2 a,
.how-to-bg h3.how-to-video-subtitle-1 a:visited,
.how-to-bg h3.how-to-video-subtitle-2 a:visited {
	color: #ffffff;
}
.how-to-bg h3.how-to-video-subtitle-1 a:hover,
.how-to-bg h3.how-to-video-subtitle-2 a:hover,
.how-to-bg h3.how-to-video-subtitle-1 a:active,
.how-to-bg h3.how-to-video-subtitle-2 a:active,
.how-to-bg h3.how-to-video-subtitle a:focus,
.how-to-bg h3.how-to-video-subtitle-2 a:focus {
	border-bottom: solid 1px #ffffff;
}


.how-to-button-outer {
	position: absolute;
	top: 174px;
	left: 0;
	min-width: 240px;
	height: 80px;
	line-height: 80px;
	font-size: 1.2em;
	text-align: center;
}

.how-to-button-outer a,
.how-to-button-outer a:visited {
	line-height: 80px;
	font-size: 1.2em;
	color: #ffffff;
	text-decoration: none;
	padding: 28px 60px;
	border: 1px solid #ffffff;
	cursor: pointer;
}

.autocomplete-suggestion {
	position: relative;
}

.how-to-suggestion-icon {
	position: absolute;
	top: 0px;
	right: 8px;
	color: #0074D9;
	pointer-events: none;
}

.how-to-suggestion-img {
	position: absolute;
	top: 2px;
	right: 2px;
	pointer-events: none;
}
.how-to-suggestion-img img {
	width: 24px;
	height: auto;
	pointer-events: none;
}

.recipe-suggestion-addition {
	position: absolute;
	top: 2px;
	right: 2px;
}
.recipe-suggestion-addition-icon {
	float: left;
	position:relative;
  	top: 50%;
	transform: translateY(-50%);
	padding-top: 25%;
	margin-right: 2px;
}
.recipe-suggestion-addition-icon i {
	color: #0074D9;
}

.recipe-suggestion-addition-images {
	float: left;
}
.recipe-suggestion-addition img {
	width: 16px;
	height: 16px;
	margin-left: 2px;
}

/*
*
* My Profile
*
*/

.my-profile-bg {
	background: url(images/log-in.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
}

.my-profile-inner {
	background: #fff;
	margin-top: 24px;
	margin-bottom: 24px;
	padding: 24px;
	width: 932px;
}

#update_progress,
#update_profile_ok,
#update_profile_error,
#password_progress,
#password_ok,
#password_error {
	font-family: 'MuseoSlab500';
	font-size: 16px;
	display: none;
	height: 42px;
}

#update_profile_ok,
#update_progress i,
#password_ok,
#password_progress i {
	color: #68a744 !important;
}

#update_profile_error,
#password_error {
	color: #e87f71 !important;
}

h1#my-profile-title,
h1#change-password-title {
	width: 100%;
	text-align: center;
	font-family: 'MuseoSlab500';
	font-size: 24px;
	color: #E55845;
}

h1#my-profile-title {
	width: 100%;
	margin: 0 auto;
}

h1#change-password-title {
	margin-top: 12px;
}

/*
.search-outer h1 {
    margin-left: -50px;
}
*/

.profile-line {
	font-family: 'MuseoSlab500' !important;
	font-size: 16px;
	margin-top: 12px;
	margin-bottom: 12px; 
}

.profile-cell-left {
}
.profile-cell-right {
}

.profile-cell-left label {
	height: 28px;
	margin-top: 12px;
    display: block;
    color: #777;
}

.profile-cell-right input[type=text],
.profile-cell-right input[type=email],
.profile-cell-right input[type=password],
.profile-cell-right input[type=button],
.profile-cell-right select {
	margin-left: 2%;
	width: 98%;
	font-family: 'MuseoSlab500' !important;
	font-size: 16px;
}

.profile-cell-right input[type=text],
.profile-cell-right input[type=email],
.profile-cell-right input[type=password],
.profile-cell-right input[type=text]:focus,
.profile-cell-right input[type=email]:focus,
.profile-cell-right input[type=password]:focus,
.profile-cell-right select,
.profile-cell-right select:focus {
	border: solid 2px #8dc63f;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: 28px;
	margin: 2px;
	padding: 3px;
}

.profile-cell-right input[type=text]#user_name,
.profile-cell-right input[type=text]#user_name:focus {
	border: solid 2px #aaa;
}

.profile-field.profile-field-error,
.profile-field.profile-field-error,
.password-field.password-field-error,
.password-field.password-field-error:focus {
	border: solid 2px #e87f71 !important;
}

.profile-cell-right select {
	-webkit-appearance: none;
	height: 40px !important;
	margin: 2px !important;
	padding: 3px !important;
	border-radius: 0;
	background: #fff;
	width: 100%;
}

.profile-cell-right input[type=button] {
	padding-top: 12px;
	padding-bottom: 12px;
	text-transform: uppercase;
	height: 42px;
	background: #68a744;
	color: #fff;
	outline: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
	margin-left: 0;
	width: 100%;
	cursor: pointer;
}

.profile-cell-right input[type=button]:active {
	color: #68c744;
}


.double-border {
	border: solid 2px #aaa;
}
.double-border:hover {
	border: solid 2px #888;
}

/*  Responsive Layout Media Queries
----------------------------------------------------- */

@media only screen and (max-width : 980px) {
	
	body {
		font-size: 99%;
	}

	#top-logo {
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
	}

	#top-banner {
		left: 0;
		right: 0;
		margin: auto;
		bottom: -60px;
		width: 90%;
		max-width: 620px;
		height: auto;
	}

	.top-inner {
		width: 100%;
	}
	
	.nav-outer {
		height: 60px;
	}
	.nav-inner {
		width: 100%;
/*
		height: 60px;
*/
	}

	.nav-inner nav ul li {
		height: 60px;
	}

	.nav-inner nav ul li a {
		font-size: 1.2em;
	}

	.service-inner {
		width: 100%;
	}
	
	.content-inner {
		width: 100%;
	}

	.share-buttons {
		margin-right: 2.5%;
	}
	.user-buttons {
		margin-left: 2.5%;
	}
	.share-button,
	.user-button {
		margin-right: 12px;
	}
	.share-button i.fa-2x,
	.user-button i.fa-2x {
		font-size: 2.66em;
	}

	.user-button span.fa-stack {
		width: 2.66em;
		height: 2.66em;
		line-height: 2.66em;
	}
	.user-button i.fa.fa-stack-2x {
		font-size: 2.66em;
	}

	.search-outer {
		clear: both;
		width: 95%;
		margin: 16px 2.5% 0 2.5%;
		height: 48px;
	}

	.search-outer input[type=text] {
		width: calc(100% - 12px);
	}
	
	.search-icon {
		top: 4px;
		right: 4px;
	}

	.content-wrapper {
		width: 100%;
	}

	.two-thirds,
	.three-quarters,
	.three-quintans,
	.four-quintans {
		width: 100% !important;
	}

	.to-half,
	.one-quarter,
	.one-quintan,
	.two-quintans {
		width: 50% !important;
	}

	.bottom-wrap .content-inner section.one-quarter,
	.bottom-wrap .content-inner section.one-quintan,
	.bottom-wrap .content-inner section.one-third-round {
		padding-left: 5%;
		padding-right: 5%;
		width: 40%;
	}
	.bottom-wrap .content-inner section.one-third-round {
		clear: both;
	}
	div#bottom-about {
		margin: 0;
	}


	.bottom-footer section.left {
		margin-left: 5%;
	}
	.bottom-footer section.right {
		margin-right: 5%;
	}


	#recipe-north-west,
	#recipe-north-east {
		width: 100vw;
/*		
		padding-left: 5%;
		padding-right: 5%;		
		text-align: left;
*/
	}
	
	.recipe-visual {
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
	}

	.recipe-visual-top {
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}

	
	#recipe-north-west img:not(.tag) {
		width: 90%;
		height: auto;
		max-width: 575px;
		margin: 0 auto;
	}
	
	#recipe-north-east {
		margin-top: 16px;
	}
}

@media only screen and (min-width: 768px) and (max-width : 960px) {
	
	body {
		font-size: 98%;
	}

}

@media only screen and (max-width : 768px) {

	body {
		font-size: 97%;
	}

	.main-nav {
		width: 100%;
		position: relative;
	}

	.nav-outer:not(.expanded) {
		height: 60px;
		float: left;
	}
	.nav-outer.expanded {
		height: inherit;
	}

	.nav-inner {
/*
		height: 60px;
*/
		float: left;
	}

	.nav-inner ul:not(.expanded){
		display: none;
	}

	.nav-inner ul.expanded {
		margin-top: 60px;
		width: 100%;
	}
	
	.nav-inner ul.expanded li {
		background: black;
		width: 100%;
		text-transform: uppercase;
		text-align: center;
		height: 60px;
		margin-left: 0;
		margin-right: 0;
		cursor: pointer;
	}	

	.main-nav ul.expanded li a,
	.main-nav ul.expanded li a:visited {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		font-size: 1.2em;
		color: #cdcdcd;
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);	
		transform: translateY(-50%);
	}
	
	.main-nav ul.expanded li.current-menu-item {
		background: #444;
	}
	
	.main-nav ul.expanded li.current-menu-item a,
	.main-nav ul.expanded li.current-menu-item a:visited,
	.main-nav ul.expanded li:not(.current-menu-item):hover,
	.main-nav ul.expanded li:not(.current-menu-item):focus,
	.main-nav ul.expanded li:not(.current-menu-item):hover a, 
	.main-nav ul.expanded li:not(.current-menu-item):focus a,
	.main-nav ul.expanded li:not(.current-menu-item):active a {
		background: #444;
		color: #ffffff;
	}

	.bars {
		display: block;
	}
	.bars:after {
		top: 19px;
	}

	.one-third,
	.one-quarter,
	.one-quintan,
	.two-quintans {
		width: 50% !important;
	}

	.two-thirds,
	.two-quarters,
	.three-quarters,
	.three-quintans,
	.four-quintans {
		width: 100% !important;
	}
	
	.bottom-wrap .content-inner section.one-quarter,
	.bottom-wrap .content-inner section.one-quintan,
	.bottom-wrap .content-inner section.one-third-round {
		padding-left: 5%;
		padding-right: 5%;
		width: 40%;
	}
	
}

@media only screen and (max-width : 720px) {
	
	body {
		font-size: 96%;
	}
	
}

@media only screen and (max-width : 640px) {
	
	body {
		font-size: 95%;
	}

	.one-half,
	.one-third,
	.two-thirds,
	.three-quarters,
	.three-quintans,
	.four-quintans,
	.one-quarter,
	.one-quintan,
	.two-quintans {
		width: 100% !important;
	}

	.bottom-wrap .content-inner section.one-quarter,
	.bottom-wrap .content-inner section.one-quintan,
	.bottom-wrap .content-inner section.one-third-round {
		padding-left: 5%;
		padding-right: 5%;
		width: 90%;
	}

	.bottom-footer section.left,
	.bottom-footer section.right {
		font-size: 86%;
	}

}

@media only screen and (max-width : 560px) {
	
	body {
		font-size: 94%;
	}
	
}

@media only screen and (max-width : 520px) {
	
	body {
		font-size: 93%;
	}

}

@media only screen and (max-width : 480px) {
	
	body {
		font-size: 92%;
	}

}

@media only screen and (max-width : 440px) {
	
	body {
		font-size: 91%;
	}

}

@media only screen and (max-width : 400px) {

	body {
		font-size: 90%;
	}
	
}

@media only screen and (max-width : 360px) {
	
	body {
		font-size: 89%;
	}

}

@media only screen and (max-width : 320px) {
	
}