/*
	Theme Name: Genesis - Mobile First
	Theme URI: http://www.mightyminnow.com/2013/08/our-new-mobile-first-child-theme-for-genesis-2-0/
	Template: genesis
	Description: This is a "Mobile First" child theme based on the default <a href="http://www.genesisframework.com/">Genesis 2.0 Sample Theme</a>. Further modified by Vertical Rail Creative (http://www.verticalrailcreative.com).
	Author: MIGHTYminnow
	Author URI: http://www.mightyminnow.com/
	Version: 1.4
*/

/* Table of Contents

	- Imports
	- HTML5 Reset
		- Baseline Normalize
		- Box Sizing
		- Float Clearing
	- Defaults
		- Typographical Elements
		- Headings
		- Objects
		- Forms
		- Tables
        - Misc
	- Structure and Layout
		- Site Containers
		- Column Widths and Positions
		- Column Classes
        - Blog Masonry Layout
	- Common Classes
		- WordPress
		- Genesis
		- Titles
	- Widgets
		- Featured Content
	- Plugins
		- Genesis eNews Extended
		- Genesis Latest Tweets
		- Gravity Forms
        - RoyalSlider
		- Jetpack
	- Site Header
		- Widget Area
	- Site Navigation
		- Responsive Menu
        - SmartMenus Core
	- Content Area
		- Homepage
        - Custom Post Types
		- Entries
		- Pagination
		- Comments
		- Back to Top Link
	- Sidebars
	- Site Footer
	- Media Queries

*/


/*
Imports
---------------------------------------------------------------------------------------------------- */

@font-face {
  font-family: 'Icon';
  src: url('fonts/Icon.eot');
  src: url('fonts/Icon.eot#iefix') format('embedded-opentype'), url('fonts/Icon.woff') format('woff'), url('fonts/Icon.ttf') format('truetype'), url('fonts/Icon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* Baseline Normalize
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
body {
  margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}
audio, canvas, progress, video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden], template {
 display: none;
}
a {
  background-color: transparent;
}
a:active, a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b, strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #3e3427;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button, input, optgroup, select, textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}
button {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}
button[disabled], html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
 height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td, th {
  padding: 0;
}
/* Box Sizing
--------------------------------------------- */

*, input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* Float Clearing
--------------------------------------------- */

.archive-pagination:before, .clearfix:before, .entry:before, .entry-pagination:before, .footer-widgets:before, .nav-primary:before, .nav-secondary:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .wrap:before {
  content: " ";
  display: table;
}
.archive-pagination:after, .clearfix:after, .entry:after, .entry-pagination:after, .footer-widgets:after, .nav-primary:after, .nav-secondary:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .wrap:after {
  clear: both;
  content: " ";
  display: table;
}
/*
Defaults
---------------------------------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

html {
  font-size: 62.5%; /* 10px browser default */
}
body {
  background-color: #45261e;
  color: #3e3427;
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.625;
}
a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, select:focus, .button {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
::-moz-selection {
 background-color: #ffff00;
 color: #c12d00;
}
::selection {
  background-color: #ffff00;
  color: #c12d00;
}
a {
  color: #3554a3;
  text-decoration: none;
}
a img {
  margin-bottom: -4px;
  margin-bottom: -0.4rem;
}
a:hover {
  color: #cd1b29;
}
p {
  margin: 0 0 24px;
  margin: 0 0 2.4rem;
  padding: 0;
}
strong {
  font-weight: 700;
}
ol, ul {
  margin: 0;
  padding: 0;
}
blockquote {
  margin: 40px 30px 0;
  margin: 4rem 3rem 0;
  font-style: italic;
}
blockquote::before {
  content: "\201C";
  display: block;
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 80px;
  font-size: 8rem;
  font-style: normal;
  color: #fe9e70;
  height: 0;
  left: -30px;
  position: relative;
  top: -32px;
}
blockquote::after {
  content: "\201D";
  display: block;
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 80px;
  font-size: 8rem;
  font-style: normal;
  color: #fe9e70;
  height: 0;
  bottom: 70px;
  left: 100%;
  position: relative;
  line-height: 1;
  width: 40px;
}
.entry-content code {
  background-color: #3e3426;
  color: #ddd;
}
cite {
  font-style: normal;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
/* Headings
--------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
  color: #cd1b29;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  line-height: 1.325;
  margin: 0 0 16px;
  margin: 0 0 1.6rem;
}
h1 {
  font-size: 30px;
  font-size: 3rem;
  text-transform: uppercase;
}
h2 {
  font-size: 27px;
  font-size: 2.7rem;
}
h3 {
  font-size: 24px;
  font-size: 2.4rem;
}
h4 {
  font-size: 22px;
  font-size: 2.2rem;
}
h5 {
  font-size: 20px;
  font-size: 2rem;
}
h6 {
  font-size: 18px;
  font-size: 1.8rem;
}
/* Objects
--------------------------------------------- */

embed, iframe, img, object, video, .wp-caption {
  max-width: 100%;
}
img {
  height: auto;
  width: auto; /* IE8 */
}
/* Forms
--------------------------------------------- */

input, select, textarea {
  background-color: #e3e3e3;
  border: 1px solid #e3e3e3;
  color: #3e3427;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 16px;
  padding: 1.6rem;
  width: 100%;
  line-height: 1;
}
select, textarea {
  line-height: 1.25;
}
input:focus, textarea:focus, select:focus {
  border: 1px solid #888;
  outline: none;
}
::-moz-placeholder {
 font-family: 'Oswald', sans-serif;
 color: #888;
 opacity: 1;
}
::-webkit-input-placeholder {
 font-family: 'Oswald', sans-serif;
 color: #888;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .entry-content .button {
  background-color: #00821a;
  border: 1px solid #00821a;
  font-family: 'Oswald', sans-serif;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 400;
  color: #fff;
  cursor: pointer;
  padding: 8px 24px;
  padding: 0.8rem 2.4rem;
  line-height: 1.2;
  text-transform: uppercase;
  width: auto;
}
button:focus, input:focus[type="button"], input:focus[type="reset"], input:focus[type="submit"], .button:focus, .entry-content .button:focus {
  border: 1px solid #fff000;
  outline: none;
}
button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, .entry-content .button:hover {
  background-color: #00991F;
  border: 1px solid #00991F;
  color: #fff;
}
.button {
  display: inline-block;
}
 input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button {
 display: none;
}
.search-form, .search-form input {
  font-family: 'Oswald', sans-serif;
  color: #cd1b29;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}
.search-form ::-moz-placeholder {
 color: #cd1b29;
 opacity: 1;
 text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
 line-height: normal;
}
.search-form ::-webkit-input-placeholder {
 color: #cd1b29;
 text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
 line-height: normal;
}
/* Tables
--------------------------------------------- */

table {
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1.25;
  margin-bottom: 40px;
  margin-bottom: 4rem;
  width: 100%;
}
tbody {
  border-bottom: 1px solid #45261e;
}
th, td {
  text-align: left;
}
tr {
  background-color: #fff;
}
tr:first-child {
  background-color: #fe9e70;
}
th {
  font-weight: 700;
  text-transform: uppercase;
}
td {
  border-top: 1px solid #45261e;
  padding: 8px 12px;
  padding: 0.8rem 1.2rem;
}
/* Misc
--------------------------------------------- */

.mobile-hide {
  display: none;
}
.align-left {
  text-align: left;
}
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
.valign-center {
  vertical-align: middle;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.no-link-pointer, a.no-link-pointer, .no-link-pointer>a {
  cursor: default;
}
.video-container {
  margin: 20px auto 40px auto;
  margin: 2rem auto 4rem auto;
  position: relative;
  padding-bottom: 53%; /* this works for Vimeo; for a strict aspect of 16:9 but you will need to adjust percentage to 56.25% */
  padding-top: 25px;
  padding-top: 2.5rem;
  height: 0;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*
Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* Site Containers
--------------------------------------------- */
.nav-primary, .site-header, .site-inner, .site-footer, .wrap {
  margin: 0 auto;
  width: 100%;
}
.site-inner {
  background-color: #fff;
}
.site-inner .wrap {
  clear: both;
  padding-top: 40px;
  padding-top: 4rem;
}
.home .site-inner .wrap {
  padding-top: 0;
}
.nav-primary .wrap, .header-area {
  margin: 0 auto;
  width: 80%;
}
.nav-primary {
  background-color: #fe9e70;
  border-bottom: 2px solid #f2653a;
}
.top-bar {
  margin: 0 auto;
  width: 100%;
}
/* Column Widths and Positions
--------------------------------------------- */

/* Wrapping div for .content and .sidebar-primary */

.content-sidebar-wrap {
  margin: 0 auto;
  width: 80%;
}
.home .content-sidebar-wrap {
  margin: 0 auto;
  width: 100%;
}
.content-sidebar-sidebar .content-sidebar-wrap {
  float: left;
}
.sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap {
  float: right;
}
/* Content */

.content-sidebar .content, .content-sidebar-sidebar .content, .sidebar-content-sidebar .content {
  float: left;
}
.content {
  float: right;
  width: 100%;
}
/* Primary Sidebar */

.sidebar-primary {
  float: right;
  width: 100%;
}
.sidebar-content .sidebar-primary, .sidebar-sidebar-content .sidebar-primary {
  float: left;
}
/* Secondary Sidebar */

.sidebar-secondary {
  float: left;
  width: 100%;
}
.content-sidebar-sidebar .sidebar-secondary {
  float: right;
}
/* Column Classes
	Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */

.five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds {
  float: left;
  margin: 0;
  width: 100%;
}
/* Blog Masonry Layout
--------------------------------------------- */
body.blog main.content, body.archive main.content, body.search main.content {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
  -moz-column-gap: 4rem;
  -webkit-column-gap: 4rem;
  column-gap: 4rem;
}
body.product-category-ct main.content {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
  -moz-column-gap: 0;
  -webkit-column-gap: 0;
  column-gap: 0;
}
body.blog .breadcrumb, body.archive .breadcrumb, body.search .breadcrumb, body.blog .archive-pagination, body.archive .archive-pagination, body.search .archive-pagination, body.blog h1.archive-title, body.archive h1.archive-title, body.search h1.archive-title {
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all;
}
body.blog article, body.archive article, body.search article {
  display: inline-block;
  margin: 0 0 4rem 0;
  padding: 4rem 4rem 0 4rem;
  width: 100%;
  border: 1px solid #d9d9e3;
}
body.blog main.content .entry-title, body.archive main.content .entry-title, body.search main.content .entry-title {
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 0;
}
body.blog .entry-header .entry-meta, body.archive .entry-header .entry-meta, body.search .entry-header .entry-meta {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 5px 0;
  margin: 0.5rem 0;
}
body.blog h1.archive-title, body.archive h1.archive-title, body.search h1.archive-title {
  font-size: 30px;
  font-size: 3rem;
}
body.search .archive-description .archive-title {
  display: none;
}
body.blog main.content .archive-description, body.archive main.content .archive-description, body.search main.content .archive-description {
  margin-bottom: 0;
}
body.blog h1, body.blog h2, body.blog h3, body.blog h4, body.blog h5, body.blog h6, body.archive h1, body.archive h2, body.archive h3, body.archive h4, body.archive h5, body.archive h6, body.search h1, body.search h2, body.search h3, body.search h4, body.search h5, body.search h6 {
  font-size: 24px;
  font-size: 2.4rem;
}
body.product-category-ct h1 {
  font-size: 30px;
  font-size: 3rem;
}
body.product-category-ct h2 {
  font-size: 27px;
  font-size: 2.7rem;
}
body.product-category-ct h3 {
  font-size: 24px;
  font-size: 2.4rem;
}
body.product-category-ct h4 {
  font-size: 22px;
  font-size: 2.2rem;
}
body.product-category-ct h5 {
  font-size: 20px;
  font-size: 2rem;
}
body.product-category-ct h6 {
  font-size: 18px;
  font-size: 1.8rem;
}
body.blog .entry-content, body.archive .entry-content, body.search .entry-content {
  font-size: 18px;
  font-size: 1.8rem;
}
body.product-category-ct .entry-content {
  font-size: 18px;
  font-size: 1.8rem;
}
body.blog .entry-comments-link, body.archive .entry-comments-link, body.search .entry-comments-link, body.blog .entry-footer .entry-meta, body.archive .entry-footer .entry-meta, body.search .entry-footer .entry-meta, body.blog .post-author-gravatar, body.archive .post-author-gravatar, body.search .post-author-gravatar {
  display: none;
}
.archive-pagination {
  clear: left;
}
/*
Common Classes
---------------------------------------------------------------------------------------------------- */

/* WordPress
--------------------------------------------- */

.avatar {
  float: left;
  line-height: 0;
  border: 1px solid #808080;
}
.alignleft .avatar {
  margin-right: 24px;
  margin-right: 2.4rem;
}
.alignright .avatar {
  margin-left: 24px;
  margin-left: 2.4rem;
}
.search-form input[type="submit"] {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  width: 1px;
}
.sticky {
}
img.centered, .aligncenter {
  display: block;
  margin: 0 auto 24px;
  margin: 0 auto 2.4rem;
}
img.alignnone {
  margin-bottom: 12px;
  margin-bottom: 1.2rem;
}
.alignleft {
  float: left;
  text-align: left;
}
.alignright {
  float: right;
  text-align: right;
}
img.alignleft, .wp-caption.alignleft {
  margin: 0 24px 24px 0;
  margin: 0 2.4rem 2.4rem 0;
  float: none;
  display: block;
}
img.alignright, .wp-caption.alignright {
  margin: 0 0 24px 24px;
  margin: 0 0 2.4rem 2.4rem;
  float: none;
  display: block;
}
.wp-caption-text {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400;
  font-style: italic;
  text-align: center;
  line-height: 1.2;
}
.gallery-caption {
}
.widget_calendar table {
  width: 100%;
}
.widget_calendar td, .widget_calendar th {
  text-align: center;
}
/* Genesis
--------------------------------------------- */

.breadcrumb {
  margin-bottom: 20px;
  margin-bottom: 2rem;
}
.archive-description, .author-box {
  background-color: #fff;
  margin-bottom: 40px;
  margin-bottom: 4rem;
}
.author-box {
  padding: 32px;
  padding: 3.2rem;
  border: 1px solid #ddd;
  min-height: 210px;
  background-color: #eee;
}
.author-box-title {
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 4px;
  margin-bottom: 0.4rem;
}
.author-box a {
  border-bottom: 1px solid #ddd;
}
.author-box p {
  margin-bottom: 0;
}
.author-box .avatar {
  margin-right: 24px;
  margin-right: 2.4rem;
}
/* Titles
--------------------------------------------- */

.entry-title {
  font-size: 30px;
  font-size: 3rem;
}
.entry-title a, .sidebar .widget-title a {
  color: #3554a3;
}
.entry-title a:hover {
  color: #cd1b29;
}
.widget-title {
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
  text-transform: uppercase;
}
.sidebar .widget-title a {
  border: none;
}
.archive-title {
  font-size: 30px;
  font-size: 3rem;
}
/*
Widgets
---------------------------------------------------------------------------------------------------- */

/* Featured Content
--------------------------------------------- */

.featured-content .entry {
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  margin-bottom: 2rem;
  padding: 0 0 24px;
  padding: 0 0 2.4rem;
}
.featured-content .entry-title {
  border: none;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.325;
}
.featured-content .entry-title a {
  border: none;
}
/*
Plugins
---------------------------------------------------------------------------------------------------- */

/* Genesis eNews Extended
--------------------------------------------- */

.enews-widget {
  color: #888;
}
.sidebar .widget.enews-widget {
  background-color: #3e3426;
}
.sidebar .enews-widget {
  padding: 40px;
  padding: 4rem;
}
.enews-widget .widget-title {
  color: #fff;
}
.enews-widget input {
  margin-bottom: 16px;
  margin-bottom: 1.6rem;
}
.enews-widget input:focus {
  border: 1px solid #ddd;
}
.enews-widget input[type="submit"] {
  background-color: #3554a3;
  color: #fff;
  margin: 0;
  width: 100%;
}
.enews-widget input:hover[type="submit"] {
  background-color: #cd1b29;
  color: #fff;
}
/* Genesis Latest Tweets
--------------------------------------------- */

.latest-tweets ul li {
  margin-bottom: 16px;
  margin-bottom: 1.6rem;
}
/* Gravity Forms
--------------------------------------------- */

div.gform_wrapper input[type="email"], div.gform_wrapper input[type="text"], div.gform_wrapper textarea, div.gform_wrapper select, div.gform_wrapper .ginput_complex label {
  font-size: 18px;
  font-size: 1.8rem;
  padding: 16px;
  padding: 1.6rem;
}
div.gform_wrapper .gfield_checkbox li label, div.gform_wrapper .gfield_radio li label {
  font-size: 18px;
  font-size: 1.8rem;
  color: #888;
  margin-top: -3px;
  margin-top: -0.3rem;
}
div.gform_wrapper select option, div.gform_wrapper .ginput_complex label {
  padding: 0;
}
div.gform_wrapper li, div.gform_wrapper form li {
  margin: 16px 0 0;
  margin: 1.6rem 0 0;
}
div.gform_wrapper h2.gsection_title, div.gform_wrapper h3.gform_title {
  margin-top: 40px !important;
  margin-top: 4rem !important;
  font-weight: normal;
}
div.gform_wrapper .ginput_complex label, div.gform_wrapper .gfield_time_hour label, div.gform_wrapper .gfield_time_minute label, div.gform_wrapper .gfield_date_month label, div.gform_wrapper .gfield_date_day label, div.gform_wrapper .gfield_date_year label, div.gform_wrapper .instruction {
  font-size: 14px;
  font-size: 1.4rem;
}
div.gform_wrapper .top_label li.gfield.gf_left_half, div.gform_wrapper .top_label li.gfield.gf_right_half, div.gform_wrapper .top_label li.gfield.gf_left_third, div.gform_wrapper .top_label li.gfield.gf_middle_third, div.gform_wrapper .top_label li.gfield.gf_right_third {
  float: none;
  width: 97%;
}
div.gform_wrapper .top_label li.gfield.gf_middle_third {
  margin-left: 0 !important;
}
div.gform_wrapper .datepicker {
  width: 150px !important;
}
div.gform_wrapper .top_label input.medium, div.gform_wrapper .top_label select.medium {
  width: 97%;
}
div.gform_wrapper .ginput_complex .ginput_left, div.gform_wrapper .ginput_complex .ginput_right {
  float: none;
  width: 97%;
}
div.gform_wrapper .top_label textarea.textarea.medium, div.gform_wrapper .top_label textarea.textarea.small {
  width: 97.5%
}
div.gform_wrapper li.gfield.gf_3col ul.gfield_checkbox li, div.gform_wrapper li.gfield.gf_3col ul.gfield_radio li, div.gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox li, div.gform_wrapper li.gfield.gf_list_3col ul.gfield_radio li {
  width: 97.5%
}
/* --- OPTIONAL --- Uncomment to hide form labels and place them instead inside fields on homepage forms. Default values are entered by editing the form and clicking on the Advanced tab, then entering a value inside the Default Value field.
Read the following webpage to use javascript to clear the field's default value when clicked on.
http://www.gravityhelp.com/clearing-default-form-field-values-with-jquery/ */
/*
div.gform_wrapper .top_label .gfield_label {
  display: none;
}
*/
div.gform_wrapper .gform_footer input.button, div.gform_wrapper .gform_footer input[type=submit] {
  font-size: 30px;
  font-size: 3rem;
}
body div.gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul {
  padding-left: 40px;
  padding-left: 4rem;
}
div.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, div.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], div.gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
  margin-top: .175em;
}
/* RoyalSlider
--------------------------------------------- */

.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs {
  background-color: #fff !important;
}
.rsUni .rsArrowIcn {
  width: 18px !important;
  height: 50px !important;
  margin-left: -10px !important;
  background: url(images/rs-universal.png) !important;
}
.rsUni.rsHor .rsArrowLeft .rsArrowIcn {
  background-position: -70px -28px !important;
}
.rsUni.rsHor .rsArrowRight .rsArrowIcn {
  background-position: -70px -81px !important;
}
/* Jetpack
--------------------------------------------- */

img#wpstats {
  display: none;
}
/*
Site Header
---------------------------------------------------------------------------------------------------- */

.site-header .wrap {
}
.top-bar-wrapper {
  position: relative;
  width: 100%;
  padding: 5px 0;
  padding: 0.7rem 0;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(69, 38, 30, 1);
  background-color: #cd1b29;
  box-shadow: 0 5px 20px 0px rgba(0,0,0,0.45);
  z-index: 10;
}
.top-bar-wrapper a {
  color: #fff;
}
.top-bar-wrapper a:hover {
  color: #fe9e70;
}
.top-bar-wrapper span a:hover {
  color: #fff;
  cursor: default;
}
.top-search-bar {
  display: block;
  width: 180px;
  margin: 0 auto;
}
.top-search-bar input {
  border: 1px solid #fff;
  padding: 2px 16px 1px 16px;
  padding: 0.2rem 1.6rem 0.1rem 1.6rem;
  font-size: 16px;
  font-size: 1.6rem;
}
.top-search-bar input:focus {
  border: 1px solid #fff000;
  outline: none;
}
.top-link-container {
  display: block;
  text-align: center;
}
.top-link {
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5;
  margin-right: 10px;
  margin-right: 1rem;
}
.top-link:last-child {
  margin-right: 0;
}
.header-area-wrapper {
  width: 100%;
  padding: 10px 0 20px 0;
  padding: 1rem 0 2rem 0;
  background-color: #fff;
}
.logo a {
  display: block;
  width: 280px;
  height: 73px;
  margin-right: auto;
  margin-left: auto;
  background: url(images/logo-2x.png) left top no-repeat;
  background-size: 280px 73px;
}
.tagline {
  display: block;
  width: 100%;
  margin-top: 20px;
  margin-top: 2rem;
  font-family: 'Oswald', sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #3e3427;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.25;
}
.tagline span {
  display: block;
  margin-top: 6px;
  margin-top: 0.6rem;
  font-size: 15px;
  font-size: 1.5rem;
  color: #434343;
  text-transform: none;
}
/* Widget Area
--------------------------------------------- */

/*
Site Navigation
---------------------------------------------------------------------------------------------------- */

/* Responsive Menu
--------------------------------------------- */

#menu-button-container {
  margin: 10px auto 5px auto;
  margin: 1rem auto 0.5rem auto;
  text-align: center;
}
#menu-button {
  display: inline-block;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  font-family: 'Oswald', sans-serif;
  font-size: 21px;
  font-size: 2.1rem;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  margin: 0 auto;
  speak: none;
  text-transform: none;
  text-shadow: 1px 1px 1px rgba(205,27,41,1);
}
#menu-button:before {
  -webkit-font-smoothing: antialiased;
  color: #fff;
  content: "\e00e  ";
  font-family: 'Icon', serif;
  font-size: 21px;
  font-size: 2.1rem;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  margin: 0 auto;
  speak: none;
  text-transform: none;
  text-shadow: 1px 1px 1px rgba(205,27,41,1);
}
#menu-main-menu.collapsed {
  display: none;
}
.menu-primary {
  font-family: 'Quattrocento Sans', sans-serif;
}
/* SmartMenus Core (do NOT edit this core section)
--------------------------------------------- */
.sm, .sm ul, .sm li {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: normal;
  direction: ltr;
}
ul.sm li {
  position: relative;
}
ul.sm a {
  position: relative;
  display: block;
}
ul.sm a.disabled {
  cursor: default;
}
ul.sm ul {
  position: absolute;
  top: -999999px;
  left: -800px;
  width: 100px;
}
ul.sm li {
  float: left;
}
ul.sm-rtl {
  direction: rtl;
}
ul.sm-rtl li {
  float: right;
}
ul.sm ul li, ul.sm-vertical li {
  float: none;
}
ul.sm a {
  white-space: nowrap;
}
ul.sm ul a, ul.sm-vertical a {
  white-space: normal;
}
* html ul.sm-vertical li {
  float: left;
  width: 100%;
}
* html ul.sm-vertical ul li {
  float: none;
  width: auto;
}
*:first-child+html ul.sm-vertical>li {
  float: left;
  width: 100%;
}
ul.sm ul.sm-nowrap>li>a {
  white-space: nowrap;
}
ul.sm:after {
  content: "\00a0";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}
* html ul.sm {
  height: 1px;
}
*:first-child+html ul.sm {
  min-height: 1px;
}
ul.sm li *, ul.sm li *:before, ul.sm li *:after {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
ul.sm {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* END SmartMenus Core
--------------------------------------------- */

/*
Content Area
---------------------------------------------------------------------------------------------------- */

/* Homepage
--------------------------------------------- */
.container-wrap {
  margin: 0 auto;
  width: 80%;
  line-height: 1.325;
}
#homepage-section-1 img, #homepage-section-2 img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d3d3d3;
}
#homepage-section-1 {
  position: relative;
  z-index: 10;
  padding: 10px 0;
  padding: 1rem 0;
  background-color: #fe9e70;
  border-bottom: 2px solid #f2653a;
  box-shadow: 0 5px 15px 0px rgba(158,158,158,0.75);
  font-family: 'Oswald', sans-serif;
  font-size: 30px;
  font-size: 3rem;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(205,27,41,1);
}
#homepage-section-2 {
  padding: 20px 0 30px 0;
  padding: 2rem 0 3rem 0;
}
#homepage-section-2 .container {
  position: relative;
  max-width: 360px;
  margin: 0 auto 15px auto;
  margin: 0 auto 1.5rem auto;
}
#homepage-section-2 .heading {
  font-family: 'Oswald', sans-serif;
  font-size: 30px;
  font-size: 3rem;
  color: #cd1b29;
  text-align: center;
}
#homepage-section-2 .label {
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 100%;
  font-family: 'Oswald', sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
}
#homepage-section-2 a {
  color: #cd1b29;
}
#homepage-section-2 a:hover {
  color: #fe9e70;
}
.home.full-width-content .content {
  float: none;
  width: 80%;
  margin: 0 auto;
}
.home .content img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d3d3d3;
  margin-left: auto;
  margin-right: auto;
}
/* Custom Post Types
--------------------------------------------- */

.product-cpt .image, .product-cpt .slider {
  display: block;
  width: 100%;
  margin-bottom: 40px;
  margin-bottom: 4rem;
}
.product-cpt .slider {
}
.product-cpt .slider img {
  border: none;
}
.product-cpt .royalSlider {
  border: 1px solid #d3d3d3;
}
span.product-info {
  font-weight: 700;
  color: #cd1b29;
  text-transform: uppercase;
}
.set_up, .flavors, .packaging, .product_sizes, .imprint_area, .minimum_order, .shipping_weight, .allergy_statement, .table_of_pricing {
  margin-bottom: 12px;
  margin-bottom: 1.2rem;
  line-height: 1.25;
  clear: left;
}
.table_of_pricing table {
  font-size: 85%;
  font-weight: 700;
}
.order_now_link {
  display: inline-block;
  margin: 10px 15px 20px 0;
  margin: 1rem 1.5rem 2rem 0;
}
.request-estimate-button {
  display: inline-block;
  margin: 10px 0;
  margin: 1rem 0;
}
.reviews-container {
  clear: both;
}
.customer_name, .customer_company {
  font-weight: 700;
  font-style: italic;
  line-height: 1.2;
}
.product_rating {
  color: #cd1b29;
  font-weight: 700;
  font-style: italic;
}
.average-rating-wrapper {
  color: #cd1b29;
  font-weight: 700;
  margin-top: 20px;
  margin-top: 2rem;
}
.overall_site_rating {
  font-weight: 700;
}
.cat-prod-block {
  width: 100%;
  border: 1px solid #d3d3d3;
  background-color: #f0f0f0;
  margin-bottom: 5%;
}
.content .cat-prod-block img {
  border: none;
  width: 100%;
}
.cat_name, .product_name {
  margin: 8px 16px;
  margin: 0.8rem 1.6rem;
  line-height: 1.25;
}
.cat-prod-block .cat_name, .cat-prod-block .product_name {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.cat-prod-block:hover .cat_name, .cat-prod-block:hover .product_name {
  color: #fe9e70;
}
.cat_excerpt, .product_excerpt {
  margin: 8px 16px;
  margin: 0.8rem 1.6rem;
  color: #3e3427;
  line-height: 1.25;
}
.cat_main_content {
  clear: both;
}
/* Entries
--------------------------------------------- */

.entry {
  background-color: #fff;
  margin-bottom: 40px;
  margin-bottom: 4rem;
}
.entry-content {
  clear: both;
}
.entry-content a {
  color: #3554a3;
}
.entry-content a:hover {
  color: #cd1b29;
}
.entry-content .attachment a, .entry-content .gallery a {
  border: none;
}
.entry-content ol, .entry-content p, .entry-content ul, .quote-caption {
  margin-bottom: 26px;
  margin-bottom: 2.6rem;
}
.entry-content ol ul, .entry-content ul ol {
  margin-bottom: 0;
}
.entry-content ol, .entry-content ul {
  margin-left: 40px;
  margin-left: 4rem;
}
.entry-content ol li, .entry-content ul li ol li {
  list-style-type: decimal;
}
.entry-content ul li {
  list-style-type: disc;
}
.entry-content ol ol, .entry-content ul ul {
  margin-bottom: 0;
}
.entry-content .search-form {
  width: 50%;
}
.entry-meta {
  color: #888;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.entry-header .entry-meta {
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}
.entry-footer .entry-meta {
  border-bottom: 1px solid #ddd;
  padding-bottom: 8px;
  padding-bottom: 0.8rem;
}
.entry-comments-link::before {
  content: "\2014";
  margin: 0 6px 0 2px;
  margin: 0 0.6rem 0 0.2rem;
}
.entry-categories, .entry-tags {
  display: block;
}
.post-author-gravatar img {
  margin: 0 16px 0 0;
  margin: 0 1.6rem 0 0;
}
.content img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d3d3d3;
}
.search-results .content article {
  border-bottom: 1px solid #ccc;
}
.content article.product_cpt .entry-meta, .content article.review_cpt .entry-meta {
  display: none;
}
/* Pagination
--------------------------------------------- */

.archive-pagination, .entry-pagination {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  margin: 40px 0;
  margin: 4rem 0;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.archive-pagination li {
  display: inline-block;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}
.archive-pagination li a {
  background-color: #3554a3;
  border: 1px solid #3554a3;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  padding: 8px 12px;
  padding: 0.8rem 1.2rem;
  line-height: 1.2;
}
.archive-pagination li a:focus {
  border: 1px solid #fff000;
  outline: none;
}
.archive-pagination li a:hover, .archive-pagination li.active a {
  background-color: #cd1b29;
  border: 1px solid #cd1b29;
  color: #fff;
}
.entry-pagination a {
  border-bottom: 1px solid #3554a3;
}
.pagination-omission {
  color: #3e3426;
}
/* Comments
--------------------------------------------- */

.comment-respond, .entry-comments, .entry-pings {
  clear: both;
  background-color: transparent;
  margin-bottom: 40px;
  margin-bottom: 4rem;
}
.comment-content {
  clear: both;
}
.entry-comments .comment-author {
  margin-bottom: 0;
}
.comment-meta {
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"] {
  width: 100%;
}
.comment-respond label {
  display: block;
  margin-right: 12px;
  margin-right: 1.2rem;
}
.comment-list li, .ping-list li {
  list-style-type: none;
}
.comment-list li {
  margin-top: 24px;
  margin-top: 2.4rem;
  padding: 32px;
  padding: 3.2rem;
}
.comment-list li li {
  margin-right: -32px;
  margin-right: -3.2rem;
}
li.comment {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
}
li li.comment {
  border-right: none;
}
.comment .avatar {
  margin: 0 16px 24px 0;
  margin: 0 1.6rem 2.4rem 0;
}
.entry-pings .reply {
  display: none;
}
.bypostauthor {
}
.form-allowed-tags {
  background-color: #f5f5f5;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 24px;
  padding: 2.4rem;
}
/* Back to Top Link
--------------------------------------------- */

.back-to-top {
  clear: both;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 20px auto;
  margin: 2rem auto;
  width: 80%;
}
/*
Sidebars
---------------------------------------------------------------------------------------------------- */

.sidebar {
  margin-top: 30px;
  margin-top: 3rem;
}
.sidebar p:last-child {
  margin-bottom: 0;
}
.sidebar li {
  list-style-type: none;
  margin-bottom: 6px;
  margin-bottom: 0.6rem;
  word-wrap: break-word;
}
.sidebar ul > li:last-child {
  margin-bottom: 0;
}
.sidebar .widget {
  background-color: #fff;
  margin-bottom: 40px;
  margin-bottom: 4rem;
}
/*
Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer .wrap {
}
.footer-area {
  width: 100%;
  background-color: #fff;
  border-top: 2px solid #cd1b29;
  background: #fff;
}
.footer-wrap {
  margin: 0 auto;
  width: 80%;
}
.footer-wrap .container-1, .footer-wrap .container-2, .footer-wrap .container-3 {
  width: 100%;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  padding: 20px 0;
  padding: 2rem 0;
  text-align: center;
}
.footer-wrap .container-2, .footer-wrap .container-3 {
  text-transform: uppercase;
}
.footer-wrap .container-2 {
  position: relative;
  padding: 0 0 10px 0;
  padding: 0 0 1rem 0;
  font-family: 'Oswald', sans-serif;
}
.footer-logo {
  width: 280px;
  height: 67px;
  margin: 0 auto 10px auto;
  margin: 0 auto 1rem auto;
  background: url(images/logo-footer-2x.png) 0 0 no-repeat;
  background-size: 280px 67px;
}
.footer-wrap .container-2 span {
  display: block;
}
.footer-wrap .inverted-color {
  text-transform: uppercase;
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
}
.footer-wrap .big-text {
  font-family: 'Oswald', sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
}
.footer-wrap .heading {
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
}
.footer-phone {
  font-family: 'Oswald', sans-serif;
  margin-top: 5px;
  margin-top: 0.5rem;
}
.footer-phone a, .footer-phone a:hover {
  color: #3e3427;
  cursor: default;
  font-size: 24px;
  font-size: 2.4rem;
}
.footer-social-media {
  width: 284px;
  margin: 20px auto 0 auto;
  margin: 2rem auto 0 auto;
}
.footer-facebook a {
  display: block;
  float: left;
  width: 42px;
  height: 42px;
  background: url(images/sprite-2x.png) 0 0 no-repeat;
  background-size: 270px 42px;
}
.footer-facebook a:hover {
  -webkit-transform: rotate(345deg);
  -moz-transform: rotate(345deg);
  -o-transform: rotate(345deg);
  -ms-transform: rotate(345deg);
  transform: rotate(345deg);
}
.footer-linkedin a {
  display: block;
  float: left;
  width: 42px;
  height: 42px;
  margin-left: 15px;
  margin-left: 1.5rem;
  background: url(images/sprite-2x.png) -50px 0 no-repeat;
  background-size: 270px 42px;
}
.footer-linkedin a:hover {
  -webkit-transform: rotate(345deg);
  -moz-transform: rotate(345deg);
  -o-transform: rotate(345deg);
  -ms-transform: rotate(345deg);
  transform: rotate(345deg);
}
/*
.footer-pinterest a {
  display: block;
  float: left;
  width: 42px;
  height: 42px;
  margin-left: 15px;
  margin-left: 1.5rem;
  background: url(images/sprite-2x.png) -50px 0 no-repeat;
  background-size: 270px 42px;
}
.footer-pinterest a:hover {
  -webkit-transform: rotate(345deg);
  -moz-transform: rotate(345deg);
  -o-transform: rotate(345deg);
  -ms-transform: rotate(345deg);
  transform: rotate(345deg);
}
*/
.footer-blog a {
  display: block;
  float: left;
  width: 170px;
  height: 42px;
  margin-left: 15px;
  margin-left: 1.5rem;
  background: url(images/sprite-2x.png) -100px 0 no-repeat;
  background-size: 270px 42px;
}
.footer-blog a:hover {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.credits-area {
  width: 100%;
  margin: 10px auto;
  margin: 1rem auto;
  width: 80%;
  font-family: 'Oswald', sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  color: #fff;
  text-align: center;
}
.credits-area a {
  color: #fff;
}
.credits-area span a {
  color: #fe9e70;
}
.credits-area a:hover {
  color: #fe9e70;
}
.credits-area span a:hover {
  color: #fff;
}
.credits-area li {
  display: inline-block;
  margin-left: 20px;
  margin-left: 2rem;
}
.credits-area li:first-child {
  margin-left: 0;
}





/*
Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1023px) {
/* SmartMenus on Mobile
--------------------------------------------- */
#menu-main-menu {
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.sm a {
  display: inline-block;
  padding: 13px 11px 13px 20px;
  padding: 1.3rem 1.1rem 1.3rem 2rem;
  font-family: 'Oswald', sans-serif;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.2;
  text-decoration: none;
}
.sm ul a {
  font-size: 18px;
  font-size: 1.8rem;
}
/* The following will make the sub menus collapsible for small screen devices (do NOT edit this property) */
ul.sm {
  width: auto !important;
}
ul.sm:after {
  margin-bottom: 20px;
  margin-bottom: 2rem;
}
ul.sm ul {
  display: none;
  position: static !important;
  top: auto !important;
  left: auto !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}
ul.sm>li {
  float: none;
}
ul.sm>li>a, ul.sm ul.sm-nowrap>li>a {
  white-space: normal;
}
ul.sm iframe {
  display: none;
}
.sm {
  background: #cd1b29;
  color: #fff;
  text-transform: uppercase;
}
.sm li {
  border-top: 1px solid #ccc;
}
.sm li:first-child {
  border-bottom: none;
}
.sm>li:last-child {
  border-bottom: 1px solid #fff;
}
.sm a {
  color: #fff;
  background: #cd1b29;
}
.sm a:hover, .sm a:focus, .sm a:active, .sm a.highlighted {
  color: #fff;
  background: #45261e;
}
/* current items - add the class manually to some item or check the "markCurrentItem" script option */
.sm a.current, .sm a.current:hover, .sm a.current:focus, .sm a.current:active {
  color: #fff;
  background: #45261e;
}
/* Sub menu indicators
===================*/
.sm a span.sub-arrow, .sm ul a span.sub-arrow {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 40%;
  right: 10px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
}
.sm a.highlighted span.sub-arrow, .sm ul a.highlighted span.sub-arrow {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: none;
  border-bottom: 6px solid #fff;
}
.sm-vertical a span.sub-arrow {
  right: auto;
  margin-left: -14px;
}
.sm a.has-submenu {
  padding-right: 30px;
  padding-right: 3rem;
}
.sm ul a.has-submenu, .sm-vertical a.has-submenu {
  padding-right: 30px;
  padding-right: 3rem;
}
/* add some text indentation for the 2+ level sub menu items */
.sm ul a {
  border-left: 12px solid transparent;
}
.sm ul ul a {
  border-left: 24px solid transparent;
}
.sm ul ul ul a {
  border-left: 36px solid transparent;
}
.sm ul ul ul ul a {
  border-left: 48px solid transparent;
}
.sm ul ul ul ul ul a {
  border-left: 60px solid transparent;
}
/* END SmartMenus on Mobile
--------------------------------------------- */
}
@media only screen and (min-width: 480px) {
.logo a {
  width: 440px;
  height: 115px;
  background: url(images/logo-2x.png) left top no-repeat;
  background-size: 440px 115px;
}
.tagline {
  font-size: 24px;
  font-size: 2.4rem;
}
.top-link {
  font-size: 20px;
  font-size: 2rem;
}
}
@media only screen and (min-width: 600px) {
div.gform_wrapper .top_label li.gfield.gf_left_half {
  float: left;
  width: 49%;
}
div.gform_wrapper .top_label li.gfield.gf_right_half {
  float: right;
  width: 49%;
}
div.gform_wrapper .top_label input.medium, div.gform_wrapper .top_label select.medium {
  width: 47%;
}
div.gform_wrapper .ginput_complex .ginput_left {
  float: left;
  width: 49%;
}
div.gform_wrapper .ginput_complex .ginput_right {
  float: right;
  width: 49%;
}
blockquote {
  margin: 40px 80px 0;
  margin: 4rem 8rem 0;
}
blockquote::before {
  font-size: 120px;
  font-size: 12rem;
  left: -60px;
  top: -52px;
}
blockquote::after {
  font-size: 120px;
  font-size: 12rem;
  bottom: 70px;
  left: 100%;
}
.customer_name, .customer_company, .product_rating {
  text-align: right;
}
}
@media only screen and (min-width: 800px) {
div.gform_wrapper .top_label li.gfield.gf_left_third {
  float: left;
  width: 32%;
}
div.gform_wrapper .top_label li.gfield.gf_middle_third {
  float: left;
  width: 32%;
  margin-left: 2% !important;
}
div.gform_wrapper .top_label li.gfield.gf_right_third {
  float: right;
  width: 32%;
}
div.gform_wrapper li.gfield.gf_3col ul.gfield_checkbox li, div.gform_wrapper li.gfield.gf_3col ul.gfield_radio li, div.gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox li, div.gform_wrapper li.gfield.gf_list_3col ul.gfield_radio li {
  width: 48%;
  margin-right: 2%;
}
img.alignleft, .wp-caption.alignleft {
  margin: 0 24px 24px 0;
  margin: 0 2.4rem 2.4rem 0;
  float: left;
  display: inline-block;
}
img.alignright, .wp-caption.alignright {
  margin: 0 0 24px 24px;
  margin: 0 0 2.4rem 2.4rem;
  float: right;
  display: inline-block;
}
.home .content img.alignleft {
  margin: 0 24px 24px 0;
  margin: 0 2.4rem 2.4rem 0;
}
.home .content img.alignright {
  margin: 0 0 24px 24px;
  margin: 0 0 2.4rem 2.4rem;
}
.top-bar {
  width: 700px;
}
.top-search-bar {
  display: inline-block;
  float: right;
  width: 240px;
}
.top-search-bar input {
  padding: 4px 16px 3px 16px;
  padding: 0.4rem 1.6rem 0.3rem 1.6rem;
  height: 35px;
  font-size: 18px;
  font-size: 1.8rem;
}
.top-link-container {
  display: inline-block;
  float: right;
  text-align: right;
}
.top-link {
  font-size: 20px;
  font-size: 2rem;
  margin-right: 20px;
  margin-right: 2rem;
}
.top-link:first-child {
  margin-left: 20px;
  margin-left: 2rem;
}
.product-cpt .image, .product-cpt .slider {
  width: 600px;
}
.cat-prod-block {
  float: left;
  width: 48%;
  margin-right: 2%;
}
.cat-prod-block:nth-child(2n+1) {
  clear: left;
}
body.blog main.content, body.archive main.content, body.search main.content {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}
body.product-category-ct main.content {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
}
}
@media only screen and (min-width: 1024px) {
.mobile-hide {
  display: block;
}
.float-left-half-width {
  float: left;
  width: 50%;
  margin-right: 20px;
  margin-right: 2rem;
}
.float-right-half-width {
  float: right;
  width: 50%;
  margin-left: 20px;
  margin-left: 2rem;
}
div.gform_wrapper li.gfield.gf_3col ul.gfield_checkbox li, div.gform_wrapper li.gfield.gf_3col ul.gfield_radio li, div.gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox li, div.gform_wrapper li.gfield.gf_list_3col ul.gfield_radio li {
  width: 30%;
  margin-right: 3%;
}
.top-bar {
  width: 780px;
}
.top-bar-wrapper span {
  font-size: 24px;
  font-size: 2.4rem;
}
.top-search-bar {
  margin: 5px 0;
  margin: 0.5rem 0;
}
.top-link {
  border-right: 1px solid #fa616d;
  padding-right: 20px;
  padding-right: 2rem;
  margin-top: 2px;
  margin-top: 0.2rem;
}
.top-link:first-child {
  border-left: 1px solid #fa616d;
  padding-left: 20px;
  padding-left: 2rem;
  margin-left: 20px;
  margin-left: 2rem;
}
.top-link:last-child {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}
#homepage-section-2 {
  padding: 50px 0 60px 0;
  padding: 5rem 0 6rem 0;
}
#homepage-section-2 .container {
  float: left;
  width: 30%;
  margin-right: 5%;
  margin-bottom: 0;
}
#homepage-section-2 .container:first-child {
  float: none;
  width: 100%;
  max-width: 100%;
}
#homepage-section-2 .container:last-child {
  margin-right: 0;
}
#homepage-section-2 .heading {
  font-size: 36px;
  font-size: 3.6rem;
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
  text-align: left;
}
.product-cpt .image, .product-cpt .slider {
  float: left;
  margin-right: 50px;
  margin-right: 5rem;
}
.set_up, .flavors, .packaging, .product_sizes, .imprint_area, .minimum_order, .shipping_weight, .allergy_statement {
  clear: none;
}
.cat-prod-block {
  float: left;
  width: 31%;
  margin-right: 2%;
}
.cat-prod-block:nth-child(2n+1) {
  clear: none;
}
.cat-prod-block:nth-child(3n+1) {
  clear: left;
}
.content {
  width: 61.666666666666667%; /* Calculate this percentage by dividing the desktop resolution main column width in pixels by the desktop resolution main column + gap + sidebar widths in pixels, then multiply by 100. Keep up to 15 decimal places */
}
.full-width-content .content {
  width: 100%;
}
.content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap {
  width: 740px;
}
.sidebar-content-sidebar .content, .sidebar-sidebar-content .content, .content-sidebar-sidebar .content {
  width: 400px;
}
.sidebar-primary {
  width: 30%; /* Calculate this percentage by dividing the desktop resolution sidebar width in pixels by the desktop resolution main column + gap + sidebar widths in pixels, then multiply by 100. Keep up to 15 decimal places */
}
.sidebar-secondary {
  width: 180px;
}
.five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds {
  margin-left: 2.564102564102564%;
}
.one-half, .three-sixths, .two-fourths {
  width: 48.717948717948715%;
}
.one-third, .two-sixths {
  width: 31.623931623931625%;
}
.four-sixths, .two-thirds {
  width: 65.81196581196582%;
}
.one-fourth {
  width: 23.076923076923077%;
}
.three-fourths {
  width: 74.35897435897436%;
}
.one-sixth {
  width: 14.52991452991453%;
}
.five-sixths {
  width: 82.90598290598291%;
}
.first {
  clear: both;
  margin-left: 0;
}
body.blog main.content, body.archive main.content, body.search main.content {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
}
.nav-primary {
  background-color: #fff;
  border-top: 2px solid #cd1b29;
  border-bottom: 2px solid #cd1b29;
}
.nav-primary .wrap {
  width: 980px;
  position: relative;
  z-index: 100;
}
#menu-button-container {
  margin: 0 auto;
}
#menu-button {
  display: none;
}
#menu-main-menu.collapsed {
  display: inline;
}
/* SmartMenus on Desktop
--------------------------------------------- */
#menu-main-menu {
  box-shadow: none;
}
.sm a {
  padding: 13px 19px;
  padding: 1.3rem 1.9rem;
  font-family: 'Oswald', sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2;
  text-decoration: none;
  background: transparent;
  color: #3e3426;
  text-transform: uppercase;
}
/* This controls the dropdown menu background color */
.sm ul {
  background: #fff;
}
.sm ul a {
  color: #3e3427;
  font-size: 18px;
  font-size: 1.8rem;
  text-shadow: none;
}
.sm a:hover, .sm a:focus, .sm a:active, .sm a.highlighted {
  background: #cd1b29;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(69, 38, 30, 1);
}
/* This controls the dropdown menu hover background and font color */
.sm ul a:hover, .sm ul a:focus, .sm ul a:active, .sm ul a.highlighted {
  background: #cd1b29;
  color: #fff;
}
/* current items - add the class manually to some item or check the "markCurrentItem" script option */
.sm a.current, .sm a.current:hover, .sm a.current:focus, .sm a.current:active {
  background: #cd1b29;
  color: #fff;
}
.sm .has-submenu li {
  color: #3e3427;
  background: #fff;
  text-shadow: none;
}
/* Sub menu indicators
===================*/
.sm ul a span.sub-arrow {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 40%;
  right: 10px;
  width: 0;
  height: 0;
  border-left: 6px solid #cd1b29;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
.sm ul a:hover span.sub-arrow, .sm ul a:focus span.sub-arrow, .sm ul a:active span.sub-arrow, .sm ul a.highlighted span.sub-arrow {
  border-left: 6px solid #fff;
}
.sm-vertical a span.sub-arrow {
  right: auto;
  margin-left: -10px;
  margin-left: -1rem;
}
/* Items separators
===================*/
.sm ul li, .sm-vertical li {
  border-right: 2px solid #cd1b29;
  border-bottom: 2px solid #cd1b29;
  border-left: 2px solid #cd1b29;
}
.sm ul li:first-child, .sm-vertical li:first-child {
  border-top: 2px solid #cd1b29;
}
.sm ul ul li:first-child {
  margin-top: -2px;
}
/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package
===================*/
.sm span.scroll-up, .sm span.scroll-down {
  position: absolute;
  display: none;
  visibility: hidden;
  overflow: hidden;
  border: solid #bbb;
  border-width: 1px 0;
  background: #fff;
  height: 20px;/* width and position will be automatically set by the script */
}
.sm span.scroll-up-arrow, .sm span.scroll-down-arrow {
  position: absolute;
  top: -2px;
  left: 50%;
  margin-left: -8px;
  margin-left: -0.8rem;
  /* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 8px; /* tweak size of the arrow */
  border-style: dashed dashed solid dashed;
  border-color: transparent transparent #555 transparent;
}
.sm span.scroll-down-arrow {
  top: 6px;
  border-style: solid dashed dashed dashed;
  border-color: #555 transparent transparent transparent;
}
/* END SmartMenus on Desktop
--------------------------------------------- */
}
@media only screen and (min-width: 1260px) {
.line-break {
  display: block;
}
h1, body.product-category-ct blog h1 {
  font-size: 36px;
  font-size: 3.6rem;
}
h2, body.product-category-ct blog h2 {
  font-size: 30px;
  font-size: 3rem;
}
h3, body.product-category-ct blog h3 {
  font-size: 27px;
  font-size: 2.7rem;
}
h4, body.product-category-ct blog h4 {
  font-size: 24px;
  font-size: 2.4rem;
}
h5, body.product-category-ct blog h5 {
  font-size: 21px;
  font-size: 2.1rem;
}
h6, body.product-category-ct blog h6 {
  font-size: 18px;
  font-size: 1.8rem;
}
.entry-title {
  font-size: 36px;
  font-size: 3.6rem;
}
.archive-title {
  font-size: 36px;
  font-size: 3.6rem;
}
.featured-content .entry-title {
  font-size: 36px;
  font-size: 3.6rem;
}
.logo a {
  float: left;
  width: 500px;
  height: 130px;
  background: url(images/logo-2x.png) left top no-repeat;
  background-size: 500px 130px;
}
.tagline {
  float: right;
  width: 500px;
  margin-top: 35px;
  margin-top: 3.5rem;
  text-align: right;
}
.nav-primary .wrap, .header-area, .top-bar {
  margin: 0 auto;
  width: 1200px;
}
.sm a {
  padding: 13px 34px;
  padding: 1.3rem 3.4rem;
}
/* This adds space to the first top menu item to manually center the nav - change value as needed
.sm>li:first-child {
  margin-left: 30px;
  margin-left: 3rem;
}
*/
.content-sidebar-wrap {
  margin: 0 auto;
  width: 1200px;
}
.home .content-sidebar-wrap {
  width: 100%;
}
.content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap {
  width: 1200px;
}
.content {
  float: right;
  width: 740px;
}
.content-sidebar-sidebar .content, .sidebar-content-sidebar .content, .sidebar-sidebar-content .content {
  width: 540px;
}
.home.full-width-content .content {
  width: 1200px;
}
.container-wrap {
  margin: 0 auto;
  width: 1200px;
}
#homepage-section-1 {
  padding: 15px 0;
  padding: 1.5rem 0;
  font-size: 48px;
  font-size: 4.8rem;
}
#homepage-section-2 .container {
  width: 360px;
  margin-right: 60px;
  margin-right: 6rem;
}
#homepage-section-2 .label {
  font-size: 30px;
  font-size: 3rem;
}
.table_of_pricing {
  clear: none;
}
.table_of_pricing table {
  width: 45%;
}
.back-to-top {
  width: 1200px;
}
.sidebar {
  margin-top: 123px;
  margin-top: 12.3rem;
}
.sidebar-primary {
  width: 360px;
}
body.blog main.content, body.archive main.content, body.search main.content {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}
body.product-category-ct main.content {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
}
body.blog h1.archive-title, body.archive h1.archive-title, body.search h1.archive-title {
  font-size: 36px;
  font-size: 3.6rem;
}
.footer-area {
  background: -webkit-linear-gradient(top, #cd1b29 0%, #cd1b29 65px, #fff 65px);
  background: -o-linear-gradient(top, #cd1b29 0%, #cd1b29 65px, #fff 65px);
  background: -ms-linear-gradient(top, #cd1b29 0%, #cd1b29 65px, #fff 65px);
  background: linear-gradient(to bottom, #cd1b29 0%, #cd1b29 65px, #fff 65px);
}
.footer-wrap {
  width: 1200px;
  text-align: left;
}
.footer-wrap .container-1, .footer-wrap .container-2, .footer-wrap .container-3 {
  float: left;
  width: 378px;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: left;
}
.footer-wrap .container-1 {
  padding: 12px 20px 12px 0;
  padding: 1.2rem 2rem 1.2rem 0;
}
.footer-wrap .container-2 {
  width: 440px;
  padding: 78px 0 30px 0;
  padding: 7.8rem 0 3rem 0;
  border-right: 2px solid #cd1b29;
  border-left: 2px solid #cd1b29;
  background-color: #fff;
  text-align: center;
}
.footer-wrap .container-3 {
  padding: 12px 0 12px 40px;
  padding: 1.2rem 0 1.2rem 4rem;
}
.footer-logo {
  position: absolute;
  top: -38px;
  left: -38px;
  width: 436px;
  height: 105px;
  background: url(images/logo-footer-2x.png) 0 0 no-repeat;
  background-size: 436px 105px;
}
.footer-wrap .inverted-color {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(69, 38, 30, 1);
  margin-bottom: 30px;
  margin-bottom: 3rem;
}
.footer-wrap .big-text {
  font-size: 30px;
  font-size: 3rem;
}
.footer-phone {
  margin-top: 15px;
  margin-top: 1.5rem;
}
.footer-phone a, .footer-phone a:hover {
  font-size: 30px;
  font-size: 3rem;
}
.footer-social-media {
  margin: 30px 0 0 0;
  margin: 3rem 0 0 0;
}
.credits-area {
  font-size: 18px;
  font-size: 1.8rem;
}
}