/* Drupal 7 wayfire - Created by André Griffin
------------------------------------------------
[Table of contents]

 0.Reset
 1.Global
 2.Layout
 3.Main
 4.Sidebars
 5.Header
 6.Navigation
 7.Nodes
 8.Comments
 9.Blocks
10.Footer
11.CSS Support

Font sizes: 16px base font with 24px line-height
------------------------------------------------
       font-size / line-height / margin-top
------------------------------------------------
40px = 2.5em     / 1.2         / 0.6em
32px = 2em       / 1.5         / 0.75em
24px = 1.5em     / 1           / 1em
20px = 1.25em    / 1.2         / 1.2em
16px = 1em       / 1..5        / 1.5em
14px = 0.875em   / 1.7143      / 1.7143em
13px = 0.8125em  / 1.8462      / 1.8462em
12px = 0.75em    / 2           / 2em
10px = 0.625em   / 2.4         / 2.4em

Equation for font sizing: 
  Desired px ÷ Default (or parent) px = em size
------------------------------------------------*/

/**
 * 0.RESET 
 */

@import "reset.css";

/**
 * 1.GLOBAL
 */

body {
	background: #fff;
	color: #222;
	font-family: "proxima-nova", sans-serif;
	font-size: 18px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	min-width:960px;
}

body.front {
	font-size: 22px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: "ltc-bodoni-175", serif;
	font-style: italic;
	font-weight: normal;
	color: #f3890c;
}

h1,
.h1 {
	font-size: 1.5em;
	line-height: 1.5;
	margin: 0 0 .3em;
	text-transform: uppercase;
}

h2,
.h2 {
	font-size: 1.5em;
	line-height: 1;
	margin-top: 1em;
}

h3,
.h3 {
	font-size: 1.25em;
	line-height: 1.2;
	margin-top: 1.2em;
}

h4,
h5,
h6,
.h4,
.h5,
.h6 {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	margin-top: 1.5em;
}

p {
	font-size: 1em;
	line-height: 1.5;
	margin: 0 0 .5em 0;
}

a {
	color: #069;
	text-decoration: none;
}

a:visited {
	color: #309;
}

a:hover,
a:active,
li a.active {
	color: #39f;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* apply common styling after reset.css */

li ul,
li ol {
	margin: 0;
}

ul,
ol {
	margin: 0 1.5em .5em 0;
	padding-left: 1.5em;
}

ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}

dl {
	margin: 0 0 1.5em 0;
}

dl dt {
	font-weight: bold;
}

dd {
	margin-left: 1.5em;
}

hr {
	background: #666;
	border: none;
	clear: both;
	float: none;
	height: 1px;
	margin: 0 0 1.4375em;
	width: 100%;
}

fieldset {
	border: 1px solid #ccc;
	margin: 0 0 1.4375em;
	padding: 1.5em;
}

table {
	margin-bottom: 1.5em;
	width: 100%;
}

th,
tr,
td {
	vertical-align: middle;
}

th {
	padding-right: 1em;
}

.sticky-header th,
.sticky-table th {
	border-bottom: 3px solid #ccc;
	padding-right: 1em;
	text-align: left;
}

/**
 * 2.LAYOUT
 */

.container {
	margin: 0 auto;
	padding: 0 10px;
	width: 940px;
}

#content-body {
	background-size: 100% auto;
	padding: 170px 0 0;
	margin-top: -21px;
}

#content-body2 {
	background-color: rgba(255,255,255,1);
	padding: 30px 0;
}

.front #content-body {
	background-size: cover;
	padding: 280px 0 140px;
	margin-top: -23px;
}

.front #content-body2 {
	background-color: rgba(255,255,255,0.75);
	padding: 30px 0 0;
	overflow: hidden;
}

/**
 * 3.MAIN
 */

/* 1 column: global values*/

#main {
	display: block;
	margin: 0;
}

#main>.content,
#main>.block {
	margin-left: 150px;
}
.node-type-photo-gallery #main>.content {
	margin-left: 0;
}
.front #main>.content {
	margin-left: 0;
}


.front #main {
	display: block;
}

/* 3 columns */

body.two-sidebars #main {
	float: left;
	margin: 0 0 0 240px;
	padding: 0;
	width: 460px;
}

/* 2 columns: sidebar-first */

body.sidebar-first #main {
	float: right;
	margin: 0;
	padding: 0;
	width: 700px;
}

/* 2 columns: sidebar-second */

body.sidebar-second #main {
	float: left;
	margin: 0;
	padding: 0;
	width: 700px;
}

/**
 * 4.SIDEBARS
 */

/* 3 columns: sidebar-first */

body.two-sidebars #sidebar-first {
	float: left;
	margin: 0 0 0 -700px;
	padding: 0;
	width: 220px;
}

/* 3 columns: sidebar-second */

body.two-sidebars #sidebar-second {
	float: right;
	margin: 0;
	padding: 0;
	width: 220px;
}

/* 2 columns: sidebar-first */

body.sidebar-first #sidebar-first {
	float: left;
	margin: 0;
	padding: 0;
	width: 220px;
}

/* 2 columns: sidebar-second */

body.sidebar-second #sidebar-second {
	float: right;
	margin: 0;
	padding: 0;
	width: 220px;
}

/**
 * 5.HEADER
 */

#header {
	margin: 0;
	padding: 10px 0 0;
	position: relative;
	min-width:960px;
	height:127px;
}

#header #logo {
	float: left;
	margin: 0;
	width: 315px;
}

#header #logo img {
	width: 100%;
	height: auto;
}

#header #site-name-slogan {
	float: left;
	margin: 0 0 1.5em;
}

#header #site-name {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	font-weight: 700;
	line-height: 1.2;
	margin: 0;
}

#header #site-name a:hover {
	text-decoration: none;
}

#header #site-slogan {
	margin: 0;
}

/**
 * 6.NAVIGATION
 */

#navigation {
	clear: both;
	margin: 0;
	padding: 0;
}

#navigation ul#main-menu {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation ul#main-menu li {
	float: left;
	margin: 0;
	padding: 0;
}

#navigation ul#main-menu li a {
	display: block;
	padding: 0 2em 0 0;
}

#navigation ul#secondary-menu {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation ul#secondary-menu li {
	float: left;
	margin: 0;
	padding: 0;
}

#navigation ul#secondary-menu li a {
	display: block;
	padding: 0 2em 0 0;
}

.breadcrumb {
	clear: both;
	padding: 1.5em 0 0;
}

#skip-link {
	position: absolute;
}

/* menus and item lists */

.item-list ul {
	margin: 0;
	padding: 0 0 0 1.5em;
}

.item-list ul li {
	margin: 0;
	padding: 0;
}

ul.menu li {
	margin: 0;
	padding: 0;
}

ul.inline {
	clear: both;
}

ul.inline li {
	margin: 0;
	padding: 0 1em 0 0;
}

/* admin tabs */

.tabs-wrapper {
	margin: 0;
}

ul.primary {
	border: none;
	margin: 0;
	padding: 0;
}

ul.primary li a {
	background: none;
	border: none;
	display: block;
	float: left;
	line-height: 1.5em;
	margin: 0;
	padding: 0 1em;
}

ul.primary li a:hover,
ul.primary li a.active {
	background: #666;
	border: none;
	color: #fff;
}

ul.primary li a:hover {
	background: #888;
	text-decoration: none;
}

ul.secondary {
	background: #666;
	border-bottom: none;
	clear: both;
	margin: 0;
	padding: 0;
}

ul.secondary li {
	border-right: none;
}

ul.secondary li a,
ul.secondary li a:link {
	border: none;
	color: #ccc;
	display: block;
	float: left;
	line-height: 1.5em;
	padding: 0 1em;
}

ul.secondary li a:hover,
ul.secondary li a.active {
	background: #888;
	color: #fff;
	text-decoration: none;
}

ul.secondary a.active {
	border-bottom: none;
}

/**
 * 7.NODES
 */

.node {
	margin-bottom: 1.5em;
}

/* tags */

.field-name-field-tags {
	margin: 0 0 1.5em;
}

.field-name-field-tags .field-item {
	margin: 0 1em 0 0;
}

.field-name-field-tags div {
	display: inline;
}

/* profile */

.profile {
	margin: 1.5em 0;
}

.profile h3 {
	border: none;
}

.profile dt {
	margin-bottom: 0;
}

.profile dd {
	margin-bottom: 1.5em;
}

.password-parent {
	width: 36em;
}

/**
 * 8.COMMENTS
 */

#comments {
	clear: both;
	margin-top: 1.5em;
}

.comment {
	margin-bottom: 1.5em;
}

.comment .new {
	color: red;
	text-transform: capitalize;
	margin-left: 1em;
}

/**
 * 9.BLOCKS
 */

.block {
	margin-bottom: 1.5em;
}

/**
 * 10.FOOTER
 */

#footer {
	clear: both;
	padding: 1em 0;
	position: relative;
		font-size:14px;
color:#999;
}
#footer p, #footer .block{
	margin:0;
}


#footer a.feed-icon {
	position: absolute;
	right: 0;
	top: 1.6667em;
}

/**
 * 11.CSS SUPPORT
 *
 * Built-in classes:
 * .clearfix                            | contain floats
 * .element-invisible                   | hide element visually
 * .element-invisible.element-focusable | allow element to be focusable when navigated to via keyboard
 * .element-hidden                      | hide visually and from screenreaders
 */
 
/* clear floats */
.clear {
	clear: both;
}

/* display block */
.display-block {
	display: block;
}

/* Superfish Menu */


.sf-menu.sf-style-none {
	float: right;
	margin-bottom: 0;
	padding: 0;
	width: 564px;
	margin-top: 50px;
}

.region-header {
	float: right;
	margin-bottom: 0;
	padding: 0;
	width: 564px;
}


.sf-menu.sf-style-none.sf-navbar {
	width: 100%;
}

.sf-menu.sf-style-none ul {
	padding-left: 0;
}

.sf-menu.sf-style-none a {
	padding: 0px 15px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	text-align: center;
	white-space: nowrap;
	height: 51px;
}

.sf-menu.sf-style-none a span {
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	color: #f3890c;
	font-style: italic;
	line-height: 1.3em;
	display: inline-block;
	letter-spacing: 0;
}

.sf-menu.sf-style-none a,
.sf-menu.sf-style-none a:visited {
	color: #000;
}

.sf-menu.sf-style-none a.active {
	color: #000;
	border-bottom: 3px solid #000;
}

.sf-menu.sf-style-none a.sf-with-ul {
	padding-right: 1em;
}

.sf-menu.sf-style-none.rtl a.sf-with-ul {
	padding-left: 2.25em;
	padding-right: 1em;
}

.sf-menu.sf-style-none span.sf-description {
	color: #333;
	display: block;
	font-size: 0.8em;
	line-height: 1.5em;
	margin: 5px 0 0 5px;
	padding: 0;
}

.sf-menu.sf-style-none li,
.sf-menu.sf-style-none.sf-navbar {
	width: auto;
}

.sf-menu.sf-style-none li.last {
	border-right: 0;
}

.sf-menu.sf-style-none li li {
	border-right: 0;
	border-top: 1px solid #fff;
}

.sf-menu.sf-style-none li li {
	background: rgba(50, 50, 50, 0.8);
	width: 230px !important;
	height: auto;
}

.sf-menu.sf-style-none li li a:hover {
	background: rgba(0, 0, 0, 0.8);
}

.sf-menu.sf-style-none li li a {
	color: #fff;
}

.sf-menu.sf-style-none li li li {
	background: rgba(50, 50, 50, 0.8);
}

.sf-menu.sf-style-none a:focus,
.sf-menu.sf-style-none a:hover,
.sf-menu.sf-style-none a:active {
	outline: 0;
	color: #f3890c;
	border-bottom: 3px solid #f3890c;
}

.sf-menu.sf-style-none ul.sf-megamenu li.sf-megamenu-wrapper ol,
.sf-menu.sf-style-none ul.sf-megamenu li.sf-megamenu-wrapper ol li {
	margin: 0;
	padding: 0;
}

.sf-menu.sf-style-none ul.sf-megamenu li.sf-megamenu-wrapper a.menuparent {
	font-weight: bold;
}

.sf-menu.sf-style-none ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
	display: inline;
	float: left;
	width: 150px;
}

.sf-menu.sf-style-none.rtl ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
	float: right;
}

.sf-menu.sf-style-none li.sf-parent-children-1 ul.sf-megamenu {
	width: 12em;
}

.sf-menu.sf-style-none li.sf-parent-children-2 ul.sf-megamenu {
	width: 24em;
}

.sf-menu.sf-style-none li.sf-parent-children-3 ul.sf-megamenu {
	width: 36em;
}

.sf-menu.sf-style-none li.sf-parent-children-4 ul.sf-megamenu {
	width: 48em;
}

.sf-menu.sf-style-none li.sf-parent-children-5 ul.sf-megamenu {
	width: 60em;
}

.sf-menu.sf-style-none li.sf-parent-children-6 ul.sf-megamenu {
	width: 72em;
}

.sf-menu.sf-style-none li.sf-parent-children-7 ul.sf-megamenu {
	width: 84em;
}

.sf-menu.sf-style-none li.sf-parent-children-8 ul.sf-megamenu {
	width: 96em;
}

.sf-menu.sf-style-none li.sf-parent-children-9 ul.sf-megamenu {
	width: 108em;
}

.sf-menu.sf-style-none li.sf-parent-children-10 ul.sf-megamenu {
	width: 120em;
}

#block-superfish-1 {
	margin: 0;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

#main > #block-views-praise-block {
	background-color: rgb(243, 137, 12);
	color: rgb(255, 255, 255);
	margin: 0px -100%;
	padding: 10px 100%;
}
#block-views-praise-block .block-title{
	color: rgb(255, 255, 255);
	width:200px;
	float:left;
	text-transform:uppercase;
}
#block-views-praise-block .block-title:after{
	content:" //"
}
#block-views-praise-block .content{
	margin-left:220px;
	font-family: "ltc-bodoni-175", serif;
	font-style:italic;
}
#block-views-praise-block .content .views-field-body,
#block-views-praise-block .content .views-field-body div,
#block-views-praise-block .content .views-field-body p,
#block-views-praise-block .content .views-field-title,
#block-views-praise-block .content .views-field-title div {
	display:inline;
}
#block-views-praise-block .content .views-field-title:before {
	content:" —"
}
#block-views-praise-block .content .views-field-title {
	white-space:nowrap;
}


#block-views-praise-block .content p{
	margin:0;
}
#block-menu-menu-footer-menu {
	margin:0;
}
#block-menu-menu-footer-menu ul{
	text-align:center;
	text-transform:uppercase;
	margin-bottom:5px;
}
#block-menu-menu-footer-menu a{
	color:#999;
	padding:0 10px;
}
#block-menu-menu-footer-menu li{
	display:inline-block;
	list-style:none;
}
#block-block-3 .content a{
	height:48px;
	width:48px;
	margin:5px;
	display:inline-block;
	opacity:.5;
	
}
#block-block-3 a:hover{
	opacity:1;
	
}
#block-block-3 a img{
	height:auto !important;
	width:100% !important;
}
#block-views-recipes-block-1 .views-field-title{
	font-size:.8em;
	margin:.5em 0 .5em 1em;
	line-height:1.2em;
}
#block-views-recipes-block .views-field-title{
	margin:.5em 0 .5em 2em;
	line-height:1.2em;
}

.node-type-photo-gallery .field-name-field-photos .field-item{
	width:23%;
	float:left;
	margin:1%;
}
.node-type-photo-gallery .field-name-field-photos .field-item img{
	width:100%;
	height:auto;
	box-shadow:1px 1px 5px #B3B3B3;
	padding:7px;
	background-color:#fff;
}

#content-body img[style*="float: left"],
#content-body img[style*="float:left"] {
	margin: 0 15px 5px 0px;
	box-shadow:1px 1px 5px #B3B3B3;
	padding:7px;
	background-color:#fff;
	
}

#content-body img[style*="float: right"],
#content-body img[style*="float:right"] {
	margin: 0px 0px 5px 15px;
	box-shadow:1px 1px 5px #B3B3B3;
	padding:7px;
	background-color:#fff;
}
.responsive-menus.responsified span.toggler,
.responsive-menus.responsified .responsive-menus-simple {
	background: #f58220;
	font-size: 1.2em;
	border-radius: 0;
	box-shadow: none;
}

.responsive-menus.responsified .responsive-menus-simple li a {
	font-size: .8em;
	    padding: .5em 5%;

}
.responsive-menus-simple a span {
	display:none;
}


@media screen and (max-width: 780px) {

#header #logo {
	float: none;
	margin: 0;
	width: 100%;
	height: auto;
}

#header #logo img {
	padding: 5%;
	width: 90%;
}


#main,
#header,
#sidebar-first,
#sidebar-second,
.container,
body,
#footer,
.region-header {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	min-height:auto;
	min-width:200px;
}
#footer {
	padding-top:5% !important;
}

.front #content-body {
	background-size:cover;
	padding: 0;
	margin-top: 0;
}

.front #content-body2 {
	background-color: rgba(255,255,255,0.75);
	padding: 4% 0 0;
	overflow: hidden;
}

#main>.content,
#main>.block {
	margin-left: 0;
	padding: 3%;
}
#block-views-praise-block .block-title {
    width: 100%;
    float: none;
	margin-top:0;
}
#block-views-praise-block .content {
    margin-left: 0;
}
#main > #block-views-praise-block {
    margin: 0;
    padding: 5%;
}
#content-body {
    padding: 20% 0 0;
}
#main img {
	width:85% !important;
	height:auto !important;
	margin:5% auto !important;
	float:none !important;
	clear:both;
}
h1 {text-align:center;
}
.node-type-photo-gallery .field-name-field-photos .field-item {
    width: 100%;
    float: none;
    margin: 0;
}
.node-type-photo-gallery #main .field-name-field-photos .field-item img{
	width:94% !important;
	padding:3%;
}
iframe {
	max-width:100%;
}
#block-menu-menu-footer-menu ul {
    padding: 0;
    margin: 0 0 10px;
    font-size: .85em;
}
#block-menu-menu-footer-menu a {
    padding: 0 5px;
}

}