/*
Theme Name: Severino
Theme URI: http://severino.com/
Author: [whitepenny]
Author URI: 
Description: Custom theme for the Severino Pasta company.
Version: 1.0.0
Text Domain: severino
Tags:
*/

/* ===========================================================
       TABLE OF CONTENTS
       
       0 Color Palette
       1 Reset
       2 Font Face
       3 Typography
       4 Elements
       5 Forms
       6 Navigation
           6.1 Links
           6.2 Menus
           6.3 Header
           6.4 Pagination
       7 Accessibility
       8 Alignments
       9 Clearings
      10 Widgets
      11 Content
          11.1 Footer
          11.2 Custom Banner
          11.3 Wholesale and Retail Pages
          11.4 Full Width Pages
      12 Posts and pages
          12.1 Single Posts & Archive Pages
	  12.2 Asides
	  12.3 Comments
          12.4 CTAs
          12.5 File Not Found 404
          12.6 Contact
          12.7 Home Page
          12.8 Recipes
      13 Infinite scroll
      14 Media
	14.1 Captions
	14.2 Galleries
      15 Media Queries
  ============================================================= */


/* ============================================================
       0 COLOR PALETTE
   ============================================================ 
       
       Reverse Text      f3f0ee
       Pagination White  f4f4f1
       Pale Gray Border  e0e0e0
       Gray              545454
       Body Text Gray    676767
       Input Text        808080
       Yellow 1          febd10
       Yellow 2          f5b711

       Added Red         9e2d1f
       Sidebar Link Red  a72724
       Medium Red        a72918
       Med-Dark Red      8d2315 //8c2315
       Dark Red          761a0f
       Even Darker Red   681802
    
  ============================================================= */
 
/* ============================================================
       1 RESET
   ============================================================ */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust:     100%;
}
body {
  margin: 0;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}
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: #000;
}
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 {
  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;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
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;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  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;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td, th {
  padding: 0;
}

/* ============================================================
       2 FONT FACE
   ============================================================ 
       
@font-face {
    font-family: 'league_gothicregular';
    src: url('../fonts/leaguegothic-regular-webfont.eot');
    src: url('../fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/leaguegothic-regular-webfont.woff2') format('woff2'),
         url('../fonts/leaguegothic-regular-webfont.woff') format('woff'),
         url('../fonts/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('../fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
    
  ============================================================= */
/* ============================================================
       3 TYPOGRAPHY
   ============================================================ */
body, button, input, select, textarea {
  color: #676767;
  font-family: Cabin, 'Open Sans', sans-serif;
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
  clear: both;
}
p {
  margin-bottom: 1.5em;
}
dfn, cite, em, i {
  font-style: italic;
}
blockquote {
  margin: 0 1.5em;
}
address {
  margin: 0 0 1.5em;
}
pre, code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}
abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
mark, ins {
  background: #fff9c0;
 text-decoration: none;
}
big {
  font-size: 125%;
}

/* ============================================================
       4 ELEMENTS
   ============================================================ */
html {
  box-sizing: border-box;
}
*, *:before, *:after { 
  box-sizing: inherit;
}
/**
  * Inherit box-sizing to make it easier to change the property for components that leverage other behavior; 
  * See http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ 
  */
body {
  background: #fff;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
} 
ul, ol {
  margin: 0 0 1.5em 3em;
} 
ul {
  list-style: disc; 
}
ol {
  list-style: decimal;
}
li > ul, li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}
dt {
  font-weight: bold;
}
dd {
  margin: 0 1.5em 1.5em;
}
img {
  height: auto; 
  max-width: 100%;
}
table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* ============================================================
       5 FORMS
   ============================================================ */
button, input[type="button"], input[type="reset"], input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, .8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
  border-color: #aaa #bbb #bbb;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
  color: #111;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] {
  padding: 3px;
}
textarea {
  padding-left: 3px;
  width: 100%;
}

/* ============================================================
       6 NAVIGATION
   ============================================================ */
/* ============================================================
     6.1 LINKS
   ============================================================ */
a, a:visited {
  color: #a72918;
}
a:hover, a:focus, a:active {
  color: #8d2315;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}
.main-navigation .menu-item a, .ghost-button-red, input.wpcf7-submit, .ghost-button-black, .hp-bottom-grid-mask {
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
/* ============================================================
      6.2 MENUS
   ============================================================ */
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation li {
  float: left;
  position: relative;
}
.main-navigation li:before, .main-navigation li::before {
  content: none;
}
.main-navigation ul ul {
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation ul ul li {
}

.main-navigation li:hover > a, .main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a, .main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover, .main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
  left: auto;
}

.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
 left: 100%;
}

.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a {
}

/* Small menu. */
.menu-toggle, .main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/* Main Navigation 
------------------------------------------------------- */

.main-navigation {
  background-color: #8d2315;
  clear: both;
  display: block;
  float: none; 
  height: 49px;
  padding: 0;
  width: 100%;
}
.main-navigation ul {
  list-style: none;
  margin: 0 auto;
  padding-left: 0;
  text-align: center
}
.main-navigation li {
  display: inline-block;
  float: none; 
  margin: 0 -2px; 
  padding: 0;
  position: relative;
  text-align: left;
}
.main-navigation a {
  color: #f3f0ee;
  display: block;
  font-family: Merriweather, serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 49px; 
  text-decoration: none;
}
.main-navigation .menu-item a {
  padding: 0 30px; 
}
.main-navigation a:focus, .main-navigation a:hover {
  background-color: #631c14; 
}
.main-navigation ul ul {
  display: none;
  float: left;
  left: 0;
  position: absolute;
  background: rgba(0,0,0,.6);
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: 100%;
  top: 0;
}
.main-navigation ul ul a {
  width: 280px;
  display: block;
  padding: 20px !important;
    line-height: 1.125em;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
  display: block;
}
.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a {
  background-color: #761a0f;
}

.main-navigation ul ul .current_page_item > a, .main-navigation ul ul .current-menu-item > a {
  background: none;
}

.main-navigation ul ul li:hover > a, .main-navigation ul ul li:hover > a {
  background-color: #761a0f;
}

/* Small menu */
.menu-toggle {
  cursor: pointer;
  display: none;
}
.main-navigation li:nth-of-type(1) {
  padding: 0; 
}
.main-navigation li:nth-of-type(7) {
  padding: 0; 
}

/* Mobile Navigation version 2.0
------------------------------------------------------------ */
.mobile-navigation {
  background: rgba(0, 0, 0, 0.8);
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.mobile-navigation-wrap {
  margin: 0 auto;
  max-width: 102rem;
  width: 90%;
}
.mobile-navigation-wrap::before, .mobile-navigation-wrap::after {
  content: " ";
  display: table;
}
.mobile-navigation-wrap::after {
  clear: both;
}
.mobile-navigation-container {
  text-align: left;
}
.full-column {
  float: left;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
}
.mobile-navigation-close {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;  
  text-align: left; 
}
.mobile-navigation .mobile-navigation-container ul {
  list-style: outside none none;
  margin: 0px;
  padding: 0px;
}
.mobile-navigation .mobile-navigation-container ul li {
  border-top: 1px solid #555;
  padding: 10px;
}
.mobile-navigation .mobile-navigation-container ul li a {
  color: #fff;
  text-decoration: none;
}
/* =========================================================
     6.3 HEADER
   ========================================================= */

.site-header {
  background: #a72918;
  background-color: #a72918;
  position: relative;
}
.site-branding {
  color: #fff;
  height: 148px;
  min-height: 148px;
  position: relative;
}
.header-inner-wrap {
  margin: 0 auto;
  max-width: 930px; 
  position: relative;
}
.header-inner-wrap-two {
  margin: 0 auto;
  max-width: 986px;
  position: relative;
  width: 986px;
}
.header-span3 {
  display: inline-block;
}
.header-logo {
  height: 107px;
  width: 153px;
}
.header-img-left, .header-img-right {
  height: auto;
}
.header-img-left {
  width: 318px;
}
.header-img-right {
  width: 317px;
}
.header-left, .header-right {
  position: absolute;
  top: 45px;
}
.header-left {
  left: 0;
}
.header-center {
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 100%;
}
.header-right {
  right: 0;
}
.site-title {
  display: inline-block;
  height: 107px;
  text-align: center;
  width: 153px;
}
/* ============================================================
     6.4 PAGINATION
   ============================================================ */

.pagination-container {
  
}
.center.pagination-container {
  margin: 0 auto; 
}
body .wp-pagenavi {
  display: inline-block; 
  margin: 0 auto 131px;
  text-align: center;
}
body .wp-pagenavi a {
  background-color: #f4f4f1;
  border: none;
  border-radius: 3px;
  color: #681802;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px; 
  margin: 0 5px;
  max-width: 28px;
  min-width: 28px;
  padding: 0; 
  -webkit-transition: all .17s ease;
  -moz-transition: all .17s ease;
  -o-transition: all .17s ease;
  transition: all .17s ease;
  width: 28px;
}
body .wp-pagenavi span.current {
  border-radius: 3px;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  margin: 0 5px;
  max-width: 28px;
  min-width: 28px;
  padding: 0; 
  font-weight: 500;
  width: 28px;
}
body .wp-pagenavi a:hover, body .wp-pagenavi span.current {
  background-color: #a72918;
  border: none;
  color: #f4f4f1;
  display: block;
  float: left;
  font-weight: 500;
  max-width: 28px;
  min-width: 28px;
  width: 28px;
}
body .wp-pagenavi a.nextpostslink, body .wp-pagenavi a.first {
  display: block;
  float: left;
  font-size: 12px;
  max-width: 28px;
  min-width: 28px;
  padding: 0; 
  width: 28px;
}
/* ============================================================
       7 ACCESSIBILITY
   ============================================================ */
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/* The Kellum Method: http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/ */

.srt {
  font-size: 0;
  height: 0;
  width: 0;
}

/* ============================================================
       8 ALIGNMENTS
   ============================================================ */
.relative {
  position: relative;
}
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.left {
  float: left;
}
.right {
  float: right;
}
.center {
  margin: 0 auto;
  text-align: center;
}
.absolute-left {
  left: 0;
}
.absolute-right {
  right: 0;
}
.ib {
  display: inline-block;
}
.sixteenh {
  clear: both;
  display: block;
  height: 16px;
}

/* Margin and Padding
--------------------------------------------------------------- */
.mal { margin: 50px; }
.mtl { margin-top: 50px; }
.mrl { margin-right: 50px; }
.mbl { margin-bottom: 50px; }
.mll { margin-left: 50px; }

.mam { margin: 45px; }
.mtm { margin-top: 45px; }
.mrm { margin-right: 45px; }
.mbm { margin-bottom: 45px; }
.mlm { margin-left: 45px; }

.mas { margin: 30px; }
.mts { margin-top: 30px; }
.mrs { margin-right: 30px; }
.mbs { margin-bottom: 30px; }
.mls { margin-left: 30px; }

.mams { margin: 24px; }
.mtms { margin-top: 24px; }
.mrms { margin-right: 24px; }
.mbms { margin-bottom: 24px; }
.mlms { margin-left: 24px; }

.mass { margin: 20px; }
.mtss { margin-top: 20px; }
.mrss { margin-right: 20px; }
.mbss { margin-bottom: 20px; }
.mlss { margin-left: 20px; }

/*----------------------------------------*/

.pavm { padding: 35px; }
.ptvm { padding-top: 35px; }
.prvm { padding-right: 35px; }
.pbvm { padding-bottom: 35px; }
.plvm { padding-left: 35px; }

.pas { padding: 30px; }
.pts { padding-top: 30px; }
.prs { padding-right: 30px; }
.pbs { padding-bottom: 30px; }
.pls { padding-left: 30px; }

.pams { padding: 24px; }
.ptms { padding-top: 24px; }
.prms { padding-right: 24px; }
.pbms { padding-bottom: 24px; }
.plms { padding-left: 24px; }

.pass { padding: 20px; }
.ptss { padding-top: 20px; }
.prss { padding-right: 20px; }
.pbss { padding-bottom: 20px; }
.plss { padding-left: 20px; }

.pavs { padding: 16px; }
.ptvs { padding-top: 16px; }
.prvs { padding-right: 16px; }
.pbvs { padding-bottom: 16px; }
.plvs { padding-left: 16px; }


/* ============================================================
       9 CLEARINGS
   ============================================================ */
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
  content: "";
  display: table;
}

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
  clear: both;
}

/* ============================================================
      10 WIDGETS
   ============================================================ */
.widget {
  margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
  max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
  display: none;
}

/* ============================================================
       11 CONTENT
   ============================================================ */
.site-main {
  font-size: 18px;
}
.entry-content ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.entry-content ul li {
  list-style: none;
}
.entry-content ul li:before {
  color: #681802;
  content:"\2022"; 
  font-size: 1.5em;
  padding-right: .25em; 
  position: relative;
  top: .1125em; 
}
/**
 * Target color of list item bullets. Must use Unicode for new bullet. 
 * Font-size and vertical position (top) must use em or %.
 * Padding-right must use %.
 */ 
/* ============================================================
     11.1 FOOTER
   ============================================================ */

.footer {
  background: #681702 url("/wp-content/uploads/2015/09/footer-wheat.png") repeat-x bottom left;
  background-color: #681702;
  color: #e1eaed;
  margin: 0; 
  min-height: 200px; 
}
.footer-inner-wrap {
  margin: 0 auto;
  max-width: 1120px;
}
.site-info {
  display: inline-block;
  float: left;
}
.site-info .copyright {
  color: #dadada;
  font-family: Cabin, 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  margin-top: -3px;
}

.site-info .copyright a {
  color: #fff;
  text-decoration: none;
  
}

.site-info .copyright a:hover {
  text-decoration: underline;
  
}
.footer-headline {
  color: #fff;
  display: inline-block;
  font-family: Cabin, 'Open Sans', sans-serif;
  font-size: 16.64px;
  font-weight: 500;
  letter-spacing: .5px;
  line-height: 28px; 
  margin-bottom: 0;
}
.site-info, .footer-social-info {
  padding-top: 39px;
}
.footer ul {
  list-style: none;
  margin: 0 0 1.5em 0;
  -webkit-padding-start: 0;
}
.footer li {
  font-size: 21px;
  line-height: 30px;
}
.footer-social-info {
  display: inline-block;
  float: right;
}
.footer .footer-social-list {
  display: inline-block;
  float: right;
  list-style-type: none;
  margin: 4px 0 0 0;
}
.footer-social-list li {
  display: inline-block;
  float: left;
  height: auto; 
  margin: .7em 0;
}
.footer-social-list a {
  color: #fff;
  display: block;
  float: left;
  padding-left: 12px;
}
.footer-social-list a:focus, .footer-social-list a:hover, .footer-social-list a:active {
  color: #fff;
}
/* ============================================================
     11.2 CUSTOM BANNER
   ============================================================ */
.header-banner {
  background-color: #681802;
  background-size: cover;
  background-position: center center;
  height: 200px;
  margin-top: -42px;
  position: relative;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  width: 100%;
  z-index: -1;
}

@media (min-width: 991px) {
  .header-banner {
    height: 305px;    
  }
}



.banner-mask {
  background: transparent; 
  height: 100%;
  position: absolute;
  width: 100%;
}
.header-banner h1 {
  color: #fff;
  font-family: Merriweather, serif;
  font-size: 62px;
  line-height: 62px;
  position: relative;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* ============================================================
     11.3 WHOLESALE AND RETAIL PAGES
   ============================================================ */

.sales-inner-wrap {
  margin: 0 auto;
  max-width: 1030px;
}
.page-template-wholesale-page .entry-content, .page-template-retail-page .entry-content, .page-template-catering-page .entry-content, .page-template-wholefoods-page .entry-content {
  float: right;
  margin-top: 17px; 
  margin-bottom: 62px; 
  max-width: 772px;
}
.opening-sales-text {
  color: #1f1f1f;
  font-family: Merriweather, serif;
  font-size: 20px;
  font-style: italic;
  line-height: 35px;
  margin-bottom: 30px;
}
.page .entry-content h2, .page .history2 h2, .by-department-section h3, .hp-sect-two-content h3 {
  color: #010101;
  font-family: Merriweather, serif;
  font-size: 26px;
  line-height: 31px;
}
.page .entry-content {
  line-height: 30px;
}
.two-column-list {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
.medium-list {
  -webkit-column-width: 270px;
  -moz-column-width: 270px;
  column-width: 270px;
}
/* Delectable Fromage
---------------------------------------------------------------- */

.fromage-section {
  border-top: 6px double #e0e0e0;
  border-bottom: 6px double #e0e0e0;
  margin-bottom: 40px;
}

_::-webkit-full-page-media, _:future, :root .fromage-section {
  border-top: 6px double #e0e0e0;
  border-bottom: 6px double #e0e0e0;
}

.entry-content .fromage-section h2 {
  margin: -20px auto -14px;
}
.entry-content .fromage-section h3 {
  margin: 22px auto 39px;
}
/* ============================================================
     11.4 FULL WIDTH PAGES
   ============================================================ */

.full-width-inner-wrap {
  margin: 0 auto;
  max-width: 1120px;
}
.full-width-intro {
  border-bottom: 6px double #e0e0e0;
  margin-top: 21px;
  text-align: center;
}
_::-webkit-full-page-media, _:future, :root .full-width-intro {
  border-bottom: 6px double #e0e0e0;
}
.intro-bullet-point {
  color: #a72918;
  font-size: 13px;
  letter-spacing: 2.625px;
  line-height: 32.15px;
  margin-bottom: 7px;
  text-transform: uppercase;
}
.intro-bullet-left, .intro-bullet-right {
  color: #a72918;
  font-size: 1.5em;
  position: relative;
  
}
.intro-bullet-left  {
  padding-right: 8px;
}
.intro-bullet-right {
  padding-left: 8px;
}
.intro-statement {
  font-size: 22px;
  line-height: 34px;
  margin-top: 0;
  margin-bottom: 0;
}
.flourish2-container {
  margin-bottom: 0;
  padding-bottom: 43px;
}
/* About
--------------------------------------------------------------- */
.about-page-story {
  display: inline-block;
  max-width: 835px;
  position: relative;
}
.enjoy-sticker {
  display: inline-block;
  position: absolute;
  right: 26px;
  top: -124px;
}
.fusilli {
  padding-right: 4px;
}
.lumache {
  padding-left: 4px;
  padding-right: 4px;
}
.rigatoni {
  padding-left: 4px;
}
.check-pasta-section {
  padding-top: 15px;
  text-align: center;
}
.check-pasta-section .ghost-button-container {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.check-pasta-section .ghost-button-red {
  padding: 12.5px 29.5px;
}

/* History
--------------------------------------------------------------- */
.history1 {
  margin-top: 45px;
  min-height: 525px;
  padding-bottom: 0;
}
.history1-right {
  margin-top: 53px;
  margin-right: 33px;
  max-width: 603px;
}
.history1-left {
  margin-left: 30px;
}
.page-template-page-history .site-main .entry-content {
  line-height: 28px;
}
.history2 {
  background: url('/wp-content/uploads/2015/09/beige-bg3.png') repeat;
}
.history2-inner-wrap {
  margin: 0 auto;
  max-width: 1065px;
  padding-top: 94px;
  padding-bottom: 120px;
}
.history2-left {
  display: inline-block;
  margin-right: 125px;
  max-width: 500px;
}
.history2-right {
  display: inline-block;
  float: right;
  padding-top: 19px;
  padding-right: 15px;
}
.history2 .ghost-button-red {
  padding: 15.5px 69px;
}
.history3 {
  background-size: cover;
  background-position: 50% 50%;
  padding-top: 180px; 
  padding-bottom: 74px; 
}
.history3-inner-wrap {
  margin: 0 auto;
  max-width: 700px;
  text-align: center;
}
.big-quote {
  font-family: 'League Gothic', 'LeagueGothicRegular', 'league_gothicregular', sans-serif;
  font-size: 111px;
  font-weight: 400;
  line-height: 18.71px; 
  margin: 0;
  text-transform: uppercase;
}
.yellow {
  color: #febd10;
}
.yellow2, .cite .intro-bullet-left, .cite .intro-bullet-right {
  color: #f5b711;
}
.history3 blockquote {
  color: #fff;
  font-family: Merriweather, serif;
  font-style: italic;
  font-size: 25px;
  line-height: 42px;
  margin: 0;
}
.history3 .cite {
  color: #f5b711;
  font-size: 13px;
  letter-spacing: 2.625px;
  line-height: 32.15px;
  margin-top: 19px;
  text-transform: uppercase;
}

/* ============================================================
       12 POSTS AND PAGES
   ============================================================ */
.sticky {
  display: block;
}
.hentry {
  margin: 0 0 1.5em;
}
.byline, .updated:not(.published) {
  display: none;
}
.single .byline, .group-blog .byline {
  display: inline;
}
.page-content, .entry-content, .entry-summary {
  margin: 1.5em 0 0;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
/* ============================================================
     12.1 SINGLE POSTS & ARCHIVE PAGES
   ============================================================ */

.single-post .entry-content, .single-recipe .entry-content {
  margin-bottom: 83px; 
}
.single-post article, .single-recipe article, .blog article, .page-template-blog article, .archive article {
  color: #676767;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  margin: 0 auto;
  max-width: 669px;
  text-align: center;
}
.blog article, .page-template-blog article, .archive article {
  border-bottom: 6px double #e0e0e0;
  margin-bottom: 86px;
  padding-bottom: 74px;
}
/* Safari 7.1 -8.0 (Safari 7.1+)
---------------------------------------------------------------- */
_::-webkit-full-page-media, _:future, :root .blog article, 
_::-webkit-full-page-media, _:future, :root .archive article,
_::-webkit-full-page-media, _:future, :root .page-template-blog article {
   border-bottom: 6px double #e0e0e0;
}
.single-post .entry-title, .single-recipe .entry-title, .blog .entry-title, .page-template-blog .entry-title, .archive .entry-title {
  color: #010101;
  font-family: Merriweather, serif;
  font-size: 26px;
  line-height: 31px;
  margin-top: 100px;
  margin-bottom: 1px;
}
.single-post .entry-title, .single-recipe .entry-title {
  margin-top: 100px;
}
.blog .entry-title, .page-template-blog .entry-title, .archive .entry-title {
  margin-top: 0; 
}
.single-post .entry-title a, .blog .entry-title a, .page-template-blog .entry-title a, .archive .entry-title a, .single-post .entry-title a:visited, .page-template-blog .entry-title a:visited, .blog .entry-title a:visited, .archive .entry-title a:visited, .single-post .entry-title a:focus, .page-template-blog .entry-title a:focus, .blog .entry-title a:focus, .archive .entry-title a:focus, .single-post .entry-title a:hover, .page-template-blog .entry-title a:hover, .blog .entry-title a:hover, .archive .entry-title a:hover, .single-recipe .entry-title a, .single-recipe .entry-title a:visited, .single-recipe .entry-title a:focus, .single-recipe .entry-title a:hover {
  color: #010101;
  text-decoration: none;
}
.single-post .posted-on, .single-recipe .posted-on, .cat-links a, .cat-links span, .blog .posted-on, .page-template-blog .posted-on, .archive .posted-on {
  font-family: Cabin, 'Open Sans', sans-serif;
  font-size: 13px;
  line-height: 32.15px;
}
.single .posted-on, .single-recipe .posted-on, .blog .posted-on, .page-template-blog .posted-on, .archive .posted-on {
  color: #909090;
  font-size: 13px;
  font-weight: 500;
}
.single-flourish {
  line-height: 0;
  margin: 9px 0 9px 0;
}
.single-cats {
  margin-bottom: 5px;
}
.cat-links {
  color: #a72918;
}
.cat-links a, .cat-links span {
  color: #a72918;
  font-weight: 700;
  letter-spacing: 1.75px;
  text-decoration: none;
  text-transform: uppercase;
}
.single-post article p, .single-recipe article p, .blog article p, .page-template-blog article p, .archive article p {
  margin: 0 0 30px 0;
  margin-bottom: 30px;
}
.single .featured-img {
  margin-bottom: 50px;
}
.blog .featured-img, .page-template-blog .featured-img, .archive .featured-img {
  margin-bottom: 58px;
}

.single-sharing {
  margin-top: 10px;
}
body .jssocials-theme-classic .jssocials-share-link {
  border-radius: 0;
  box-shadow: none;
  padding: 4px 20px;
}

/* Categories Select
--------------------------------------------------------------- */
.archive-inner-wrap {
  margin: 89px auto 0; 
  max-width: 669px;
  position: relative;
}
.archive-cat-dropdown {
  background: #fff url("/wp-content/uploads/2015/09/down-arrow.png") no-repeat 195px center;
  border-right: 1px solid #e0e0e0;
  height: 48px;
  margin: 0 auto; 
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: right;
  width: 225px;
}
.archive-cat-dropdown select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 1px solid #e0e0e0;
  color: #a72918;
  font-size: 13px;
  font-weight: 700;
  height: 48px;
  letter-spacing: 1.75px;
  padding: 0 0 0 21px;
  text-transform: uppercase;
  width: 240px;
}
.archive-cat-dropdown select:checked {
  border: transparent;
  width: 225px;
}
.archive-cat-dropdown select option {
  border: transparent;
  overflow: hidden;
  padding: 19px 0 17px 21px;
}
.archive-cat-dropdown select option:checked {
  border: transparent;
}
.post-cat-dropdown {
  height: 102px;
}
/*http://www.severino.webdesign-sacramento.com/wp-content/uploads/2015/09/down-arrow.png*/
/* ============================================================
     12.2 ASIDES
   ============================================================ */
.blog .format-aside .entry-title, .archive .format-aside .entry-title {
  display: none;
}

/* Sales Sidebars
--------------------------------------------------------------- */
.sidebar-sales {
  border-bottom: 6px double #e0e0e0;
  float: left;
  margin-top: 46px; 
  max-width: 158px;
  text-align: center;
}
.sidebar-sales h2 {
  border-bottom: 6px double #e0e0e0;
  color: #000;
  font-family: Cabin, "Open Sans", sans-serif;
  font-size: 13px;
  letter-spacing: 1.75px;
  line-height: 0; 
  padding-bottom: 19px;
  text-transform: uppercase;
}
_::-webkit-full-page-media, _:future, :root .sidebar-sales h2, 
_::-webkit-full-page-media, _:future, :root .sidebar-sales h2,
_::-webkit-full-page-media, _:future, :root .sidebar-sales, 
_::-webkit-full-page-media, _:future, :root .sidebar-sales {
   border-bottom: 6px double #e0e0e0;
}
.sidebar-sales ul {
  list-style: none;
  margin: 7px 0 0 0;
  padding: 0 0 19px;
}
.sidebar-sales li {
}
.sidebar-sales a {
  color: #545454;
  font-family: Merriweather, serif;
  font-size: 14px;
  line-height: 30.07px;
  text-decoration: none;
  -webkit-transition: all .17s ease-in-out;
  -moz-transition: all .17s ease-in-out;
  -o-transition: all .17s ease-in-out;
  transition: all .17s ease-in-out;
}
.sidebar-sales a:focus, .sidebar-sales a:hover {
  color: #a72724;
}
.sidebar-sales .current_page_item a, .sidebar-sales .current-menu-item a {
  color: #a72724;
  font-style: italic;
}
.wheat {
  margin: 1px;
}
/* Override Colored Bullets
--------------------------------------------------------------- */
.sidebar-sales ul li:before {
  content: none;
}

/* ============================================================
     12.3 COMMENTS
   ============================================================ */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}
/* ============================================================
     12.4 CTAs
   ============================================================ */

.ghost-button-red, .ghost-button-white, input.wpcf7-submit {
  font-size: 14px;
  font-weight: 600;
  line-height: 44px; /*31*/
  padding: 11px 56px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.ghost-button-red, input.wpcf7-submit {
  border: 2px solid #a72918;
  color: #a72918;
  letter-spacing: 1px;
}
.ghost-button-red:focus, .ghost-button-red:hover, input.wpcf7-submit:focus, input.wpcf7-submit:hover {
  background-color: #a72918;
  color: #fff;
}
.ghost-button-white {
}
.ghost-button-white:focus, .ghost-button-white:hover {
}

/* Get Book CTA
-------------------------------------------------------------- */

.get-book-section {
  background: #fff url(/wp-content/uploads/2015/09/beige-bg3.png) repeat;
  padding-bottom: 62px;
  text-align: center;
}
.get-book-section .sunburst {
  padding-top: 42px;
}
.get-book-section h2, .entry-content .fromage-section h2 {
  color: #010101;
  font-family: Cabin, 'Open Sans', sans-serif;
  font-size: 26px;
  font-weight: 500;
  letter-spacing: 5.65px;
  line-height: 31px;
  text-transform: uppercase;
}
.get-book-section h2 {
  margin: 16px auto -14px;
}
.get-book-section h3, .entry-content .fromage-section h3 {
  color: #010101;
  font-family: Merriweather, serif;
  font-size: 26px;
  font-style: italic;
  font-weight: 400;
  line-height: 31px;
  text-transform: lowercase;
}
.get-book-section .ghost-button-container {
  display: block;
  margin: 10px auto 0;
  max-width: 1120px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.get-book-section .ghost-button-red {
  margin: 0 74px;
}
.thin-line1 {
  background: rgba(0,0,0,.12);
  display: inline-block;
  height: 1px;
  position: absolute; 
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: calc((100% - 376px) / 2); 
}
/* ============================================================
     12.5 FILE NOT FOUND 404
   ============================================================ */

.error404 .site-main {
  color: #676767;
  margin: 0 auto 113px;
  max-width: 669px;
  text-align: center;
}
.error404 .page-title {
  color: #010101;
  font-family: Merriweather,serif;
  font-size: 26px;
  line-height: 31px;
  margin-top: 100px;
  margin-bottom: 1px;
}
.error404 .widgettitle, .error404 .widget-title {
  color: #010101;
  font-family: Merriweather,serif;
}
.error404 .site-main ul, .error404 .site-main ol {
  list-style: none;
  margin: 0 0 64px 0;
  padding: 0;
}
.error404 .widget_recent_entries {
  margin: 83px auto 0;
}
.error404 .widget_tag_cloud {
  display: none;
}
/* ============================================================
     12.6 CONTACT
   ============================================================ */

.page-template-page-contact .full-width-intro {
  border-bottom: none;
}
_::-webkit-full-page-media, _:future, :root .page-template-page-contact .full-width-intro {
  border-bottom: none;
}
.page-template-page-contact .flourish2-container {
  margin-bottom: 4px;
  padding-top: 10px;
  padding-bottom: 4px; 
}
.contact-details p {
  font-size: 16px;
  line-height: 31px;
  margin-bottom: -16px;
  text-transform: uppercase;
}
.contact-form-section {
  margin: 0 auto 97px;
  max-width: 718px;
  padding-top: 44px;
}
.page-template-page-contact input[type="text"], .page-template-page-contact input[type="email"], .page-template-page-contact input[type="url"], .page-template-page-contact input[type="password"], .page-template-page-contact input[type="search"], .page-template-page-contact textarea {
  background-color: #f4f4f1;
  border: none;
  color: #808080;
  font-family: Raleway, 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 27.91px;
  padding: 17px 23px;
}
.page-template-page-contact .name-input input[type="text"] {
  width: 100%;
}
.page-template-page-contact .phone-input input[type="text"], .page-template-page-contact .email-input input[type="email"] {
  max-width: 349px;
}
.page-template-page-contact .email-input input[type="email"] {
  margin-right: 20px;
}
.phone-input, .email-input {
  display: inline-block;
  float: left;
}
.page-template-page-contact textarea {
  height: 156px;
  max-height: 156px;
}
input.wpcf7-submit {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  display: block; 
  line-height: 14px;
  margin: 0 auto;
  padding: 14.5px 42px;
  text-shadow: none;
}
input.wpcf7-submit:focus, input.wpcf7-submit:hover {
  border-color: #a72918;
  box-shadow: none;
  text-shadow: none;
}
.send-input {
  display: block;
  margin: 8px auto 0;
  text-align: center;
}
.by-department-section {
  background: url('/wp-content/uploads/2015/09/beige-bg3.png') repeat;
  margin-top: 38px;
  margin-bottom: -27px;
  min-height: 909px;
  overflow: auto;
  padding-top: 69px;
  padding-bottom: 120px;
}
.cheese-art {
  background: transparent url("/wp-content/uploads/2015/09/cheese-art1.jpg") no-repeat 50% 50%;
  display: block;
  height: 90px;
  margin: 0 auto;
  max-width: 1120px;
  text-align: center;
}
.page .by-department-section h2 {
  font-size: 41.26px;
  font-weight: 400;
  line-height: 63.95px;
  margin-top: 14px;
}
.department-contact-section {
  margin-top: 28px; 
  max-width: 760px;
}
.department-section-block {
  float: left;
  max-width: 305px;
  text-align: left;
}
.department-column {
  display: inline-block;
  max-width: 305px;
  min-width: 305px;
}
.department-column-left {
  float: left;
  margin-left: 20px;
}
.department-column-right {
  float: right;
  margin-right: -40px;
}
.individual-contact {
  margin-top: 0;
  margin-bottom: 27px;
}
.individual-contact p {
  margin-top: 0;
  margin-bottom: 0;
}
.by-department-section h3 {
  margin-bottom: 11px;
}
/* ============================================================
     12.7 HOME PAGE
   ============================================================ */

/* Home Page Slider
--------------------------------------------------------------- */
.royalSlider, .rsOverflow {
  height: 250px !important;
}

@media (min-width: 990px) {
  .royalSlider, .rsOverflow {
    height: 470px !important;
  }
}

.rsContent {
  -webkit-transform-style: flat;
  -moz-transform-style: flat;
  transform-style: flat;
}
.slider-mask {
  background: rgba(1,0,0,.34);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.slider-inner {
  display: block;
  position: absolute; 
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}
.slider-headline {
  color: #fff;
  font-family: Merriweather, serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 11px;
}

@media (min-width: 991px) {
  .slider-headline {
    font-size: 62px;
    line-height: 62px;
    margin-bottom: 7px;
  }
}

.slider-description {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 31px;
  margin-top: 0;
  margin-bottom: 39px;
  padding: 0 60px;
  display: none;
}

@media (min-width: 991px) {
  .slider-description {
    display: block;
  }
}

.ghost-button-black {
  background-color: #000;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 48px; 
  padding: 14.5px 48.5px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.ghost-button-black, .ghost-button-black:visited, .ghost-button-black:focus, .ghost-button-black:hover, .ghost-button-black:active {
  color: #fff;
}
.ghost-button-black:focus, .ghost-button-black:hover {
  background-color: #a72918;
}
.rsUni .rsArrowIcn {
  background: transparent url("/wp-content/themes/severino/images/rs-uni1.png");
  height: 69px; 
  opacity: 1;
  width: 40px; 
}
body .rsUni.rsHor .rsArrowRight {
  right: 45px; 
}
body .rsUni.rsHor .rsArrowLeft {
  left: 36px; 
}
body .rsUni.rsHor .rsArrowRight .rsArrowIcn {
  background-position: 39px 0;
}
body .rsUni.rsHor .rsArrowLeft .rsArrowIcn {
  background-position: 1px 0;
}

/* Second Section
--------------------------------------------------------------- */
.content-home-second-section {
  margin: 0 auto;
  max-width: 1110px;
}
.wheat-divider {
  border-bottom: 6px double #e0e0e0;
  margin-top: 0; 
  padding-top: 6px; 
  position: relative;
}
_::-webkit-full-page-media, _:future, :root .wheat-divider {
  border-bottom: 6px double #e0e0e0;
}
.wheat-icon {
  display: block;
  margin: -75px auto 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.three-buckets {
  padding-top: 78px;
  padding-bottom: 53px; 
}
.hp-sect-two-grid-column {
  display: inline-block;
  min-height: 461px;
}
.hp-sect-two-grid-item {
  display: inline-block;
  height: 214px;
  margin-bottom: 20px;
  max-width: 349px;
  position: relative;
  width: 349px;
}
.hp-sect-two-grid-column:nth-child(even) {
  margin-right: 26.5px;
  margin-left: 26.5px;
}
.three-buckets-grid-image {
  background-position: 50% 50%;
  background-size: cover;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.hp-sect-two-content h3 {
  margin-top: 30px;
  margin-bottom: 0;
}
.hp-two-desc {
  line-height: 28px;
  margin-top: 8px;
  margin-bottom: 34px;
}
.three-buckets .ghost-button-red {
  padding: 13.5px 18px 13.5px 22px;
}
.sect-two-ghost-arrow {
  font-size: 12.5px;
  font-weight: 300;
}

/* Third Section
--------------------------------------------------------------- */
.content-home-third-banner {
   max-height: 420px;
   overflow: hidden;
   width: 100%;
}
.hp-third-banner-img {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  float: left;
  height: 420px;
  width: 50%;
}
.content-home-third {
  background: url('/wp-content/uploads/2015/09/third-section-backdrop2.jpg') no-repeat;
  background-size: cover;
  padding-bottom: 0; 
  position: relative;
}
.est-71-sticker {
  margin-left: calc((100% - 114px) / 2);
  position: absolute;
  top: -55px;
}
.hp-third-section-backdrop {
  background-color: #fff;
  margin-left: calc((100% - 704px) / 2);
  max-width: 704px;
  padding: 68px 0 51px; 
  text-align: center;
}
.content-home-third h2 {
  color: #0c0c0c;
  font-family: Merriweather, serif;
  font-size: 41.26px;
  font-weight: 400;
  line-height: 63.95px;
  margin-bottom: -13px;
}
.intro-statement-hp-third {
  font-size: 18px;
  line-height: 28px;
  margin-top: 2px;
  padding: 0 75px;
}

/* Bottom Beige Section
--------------------------------------------------------------- */
.hp-beige {
  background: url('/wp-content/uploads/2015/09/beige-bg3.png') repeat;
  padding-top: 55px;
  padding-bottom: 57px; 
}
.hp-beige-inner-wrap {
  margin: 0 auto;
  max-width: 1130px;
}
.home .cheese-art {
  margin-bottom: 50px;
}
.hp-bottom-grid {
}
.hp-bottom-grid-item {
  border: 1px solid rgb(224,224,224);
  border: 1px solid rgba(0,0,0,.3);
  display: inline-block;
  padding: 4px;
  height: 302px;
  margin-bottom: 20px;
  max-width: 552px;
  position: relative;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  width: 552px;
}
.hp-bottom-grid-item a {
  text-decoration: none;
}
.hp-bottom-grid-item:nth-child(even) {
  margin-left: 10px;
}
.hp-bottom-grid-item:nth-child(odd) {
  margin-right: 10px;
}
.hp-bottom-grid-item-inner {
  height: 100%;
  width: 100%;
}
.hp-bottom-grid-mask, .hp-bottom-grid-image {
  height: calc(100% - 8px);
  left: 4px;
  position: absolute;
  top: 4px;
  width: calc(100% - 8px);
}
.hp-bottom-grid-mask {
  background: rgba(0,0,0,.21);
}
.hp-bottom-grid-mask:focus, .hp-bottom-grid-mask:hover, .hp-bottom-grid-item:focus .hp-bottom-grid-mask, .hp-bottom-grid-item:hover .hp-bottom-grid-mask {
  background: rgba(0,0,0,.41);
}
.hp-bottom-grid-image {
  background-position: 50% 50%;
  background-size: cover;
}
.hp-bottom-grid-content {
  position: relative;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.hp-bottom-grid-item h4 {
  color: #fff;
  font-family: Merriweather, serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 72.83px;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.hp-bottom-grid-item .hp-b-desc {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 31px;
  margin: -16px auto 0;
  position: relative;
  width: 100%;
}
.flourish-white {
  margin: 7px auto 0;
  position: relative;
  width: 100%;
}

/* Social Feeds
--------------------------------------------------------------- */

.home-social-feeds {
  background: #fff;
  padding-top: 10px;
  padding-bottom: 57px;
}
.home-social-feeds ul {
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 970px) {
  .home-social-feeds {
    overflow: auto;
    padding-top: 0;
  }
  .sidebar-home-left {
    display: inline-block;
    float: left;
    margin: 0 20px 0 0;
    width: calc(66.6666% - 20px);
  }
  .sidebar-home-right {
    display: inline-block;
    float: left;
    margin: 0 0 0 20px;
    width: calc(33.3334% - 20px);
  }
}

.home-social-feeds h2 {
  color: #010101;
  font-family: Merriweather, serif;
  font-size: 26px;
  line-height: 31px;
  margin-top: 36px;
}
.home #sb_instagram .sbi_header_text, body #sb_instagram .sbi_header_img, body #sb_instagram .sb_instagram_header {
  display: none;
}
body #sb_instagram #sbi_load .sbi_load_btn {
  display: none !important; 
}
body #sb_instagram .sbi_follow_btn {
  float: left;
  margin-left: 20px !important;
  text-align: left;
}
body .tp_recent_tweets {
  margin-top: 10px;
}

/* ============================================================
      12.8 RECIPES
   ============================================================ */

.single-recipe .single-flourish {
  margin: 9px 0 19px;
}
.single-recipe article {
  max-width: 769px;
}
.recipe.content .recipe-execution-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
.recipe.content .recipe-execution-wrapper > div.ingredients,
.recipe.content .recipe-execution-wrapper > div.steps {
  text-align: left;
  width: 100%;
}
@media screen and (min-width: 699px) {
  .recipe.content .recipe-execution-wrapper > div.ingredients,
  .recipe.content .recipe-execution-wrapper > div.steps {
    width: calc(50% - 2em);
  }
}
@media screen and (min-width: 824px) {
  .recipe.content .recipe-execution-wrapper > div.ingredients {
    width: calc(47% - 2em);
  }
  .recipe.content .recipe-execution-wrapper > div.steps {
    width: calc(53% - 2em);
  }
}

.single-recipe .recipe.content .recipe-execution-wrapper > div.steps ol {
  margin: 0;
  padding: 0;
}

/* Recipe Archives
--------------------------------------------------------------- */
.post-type-archive-recipe .site-main {
  padding-bottom: 89px;
}
.post-type-archive-recipe .banner-mask {
  background: rgba(36, 9, 4, 0.3)
}

.recipe-archive-intro {
  margin: 45px auto 0;
  position: relative;
  width: 90%;
}
_::-webkit-full-page-media, _:future, :root .recipe-archive-intro {
  border-bottom: 6px double #e0e0e0;
}

.recipe-archive-inner-wrap {
  border-bottom: 6px double #e0e0e0;
  margin: 44px auto 0;
  position: relative;
  width: 90%;
}
@media screen and (min-width: 1232px) {
  .recipe-archive-intro {
    width: 1120px;
  }
}

_::-webkit-full-page-media, _:future, :root .recipe-archive-inner-wrap {
  border-top: 6px double #e0e0e0;
  border-bottom: 6px double #e0e0e0;
}

@media screen and (min-width: 1232px) {
  .recipe-archive-inner-wrap {
    border-top: 6px double #e0e0e0;
    border-bottom: 6px double #e0e0e0;
    padding-top: 44px;
    width: 1120px;
  }
}

.recipe-article-wrap {
  display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-flow: row wrap;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
   position: relative;
   width: 100%;
}

.archive.post-type-archive-recipe article {
  background-color: #f0efe7; /*#e5e4de;*/
  border-bottom: none;
  padding-bottom: 19px;
  position: relative;
  width: 100%;
}
_::-webkit-full-page-media, _:future, :root .archive.post-type-archive-recipe article {
  border-bottom: none;
}

@media screen and (min-width: 640px) {
  .archive.post-type-archive-recipe article {
    display: inline-block;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 653px;
    width: calc((100% / 2) - 20px);
  }
}
@media screen and (min-width: 1232px) {
  .archive.post-type-archive-recipe article {
    width: calc((100% / 3) - 20px);
  }
  .archive.post-type-archive-recipe article:nth-of-type(3n+1) {
    clear: both;
  }
}

.archive.post-type-archive-recipe .featured-img {
  margin-bottom: 35px;
}

/*
.archive.post-type-archive-recipe .entry-title {
  font-size: 27px;
  line-height: 33px;
}
@media screen and (min-width: 794px) {
  .archive.post-type-archive-recipe .entry-title {
    font-size: 31px;
    line-height: 39px;
  }
}
*/

.archive.post-type-archive-recipe article .single-flourish {
  margin: 18px 0 18px;
}
.archive.post-type-archive-recipe article .entry-title {
  font-size: 27px;
  line-height: 33px;
   padding: 0 14px;
}
@media screen and (min-width: 794px) {
  .archive.post-type-archive-recipe article .entry-title {
    font-size: 31px;
    line-height: 39px;
  }
}


.archive.post-type-archive-recipe article p {
  margin: 15px 0 29px;
  padding: 0 20px;
}
.morelink {
  font-size: 18px; /*14*/
  font-weight: 600;
  letter-spacing: 1.25px;
  line-height: 44px;
 
  text-transform: uppercase;
}
.morelink a {
   text-decoration: none;
}

/* ============================================================
      13 INFINITE SCROLL
   ============================================================ */
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/* ============================================================
      14 MEDIA
   ============================================================ */
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object {
  max-width: 100%;
}


/* ============================================================
    14.1 CAPTIONS
   ============================================================ */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* ============================================================
    14.2 GALLERIES
   ============================================================ */
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}
/* ============================================================
     15 MEDIA QUERIES
   ============================================================ */

@media screen and (max-width: 1180px) {
  .footer-inner-wrap {
    max-width: 94%;
  }
}
@media screen and (max-width: 1170px) {
  .hp-beige-inner-wrap {
    max-width: 96.5%;
  }
  .hp-bottom-grid-item {
    max-width: calc(50% - 13px);
    width: calc(50% - 13px);
  }
}
@media screen and (max-width: 1160px) {
  /* History Page */
  .page .post-155 .full-width-intro {
    margin: 21px auto 0;
    max-width: 94%;
  }
  .page-template-page-full-width-banner .entry-content {
    margin: 1.5em auto 0;
    max-width: 94%;
  }
  .page .full-width-intro {
    margin: 21px auto 0;
    max-width: 94%;
  }
  .history1-right {
    max-width: 53%;
  }
  .about-page-story {
    max-width: 70%;
  }
}
@media screen and (max-width: 1150px) {
  .content-home-second-section {
    max-width: 96.5%;
  }
  .hp-sect-two-grid-column {
    max-width: calc(33% - 17px);
    width: calc(33% - 17px);
  }
}
@media screen and (max-width: 1140px) {
  .history2-inner-wrap {
    max-width: 92.5%;
  }
  .history2-left {
    max-width: calc(92.5% - 465px);
  }
  .history3 {
    /*background: transparent url("/wp-content/uploads/2015/09/screenshot-history.jpg") no-repeat 50% 50%;*/
    padding-bottom: 72px;
  }
}
@media screen and (max-width: 1099px) {
  .sales-inner-wrap {
    max-width: 93.7%;
  }
  .history2-left {
    margin-right: 0;
  }
}
@media screen and (max-width: 1080px) {
  .page-template-wholesale-page .entry-content, .page-template-retail-page .entry-content, .page-template-catering-page .entry-content, .page-template-wholefoods-page .entry-content {
    max-width: calc(97.3% - 260px);
  }
  .inline-block-image {
    display: inline;
  }
}
@media screen and (max-width: 1070px) {
  .history1-right {
    max-width: 49%;
  }
}
@media screen and (max-width: 1060px) {
  .hp-sect-two-grid-column {
    max-width: calc(33% - 18px);
    width: calc(33% - 18px);
  }
}
@media screen and (max-width: 1030px) {
  .page-template-wholesale-page .entry-content, .page-template-retail-page .entry-content, .page-template-catering-page .entry-content, .page-template-wholefoods-page .entry-content {
    max-width: calc(100% - 260px);
  }
}
@media screen and (max-width: 991px) {
  /* Mobile Menu */
  .menu-toggle, .main-navigation.toggled .nav-menu {
    display: block;
  }
  .menu-toggle {
    background: transparent;
    left: 18px;
    padding: 4px 8px 6px;
    position: absolute;
    top: -4.5px;
    width: 56px;
    z-index: 999;
  }
  .menu-toggle span { 
    display: block;
    font-size: 12.5px;
    margin-top: -3px;
    position: absolute;
  }
  .menu-toggle .fa {
    font-size: 41px;
  }
  .main-navigation {
    border-top: none; 
    padding: 0;
  }
  #site-navigation {
    display: none;
    height: 100%;
  }
  .main-navigation ul {
    display: block;
    height: 100%;
    margin-right: 0;
  }
  .main-navigation li {
    background-color: #a72918;
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    z-index: 1000;
  }
  .main-navigation li:nth-of-type(1), .main-navigation li:nth-of-type(7) {
    padding: 0;
  }
  .main-navigation li a {
    border-top: none;
    z-index: 1000;
  }
  .main-navigation li a {
    background-color: #a72918;
    font-size: 1.125em;
  }
  .disappear2 {
    display: none;
  }
  .hp-sect-two-grid-column {
    max-width: calc(50% - 16px);
    width: calc(50% - 16px);
  }
  .hp-sect-two-grid-column:nth-child(2n) {
    margin-right: 0;
  }
  .hp-sect-two-grid-column:nth-child(3) {
    margin-top: 70px;
  }
  .department-column-right {
    margin-right: -20px;
  }
  .history1 {
    display: block;
    margin: 45px auto 0;
    max-width: 80%;
    padding-bottom: 53px;
    text-align: center;
  }
  .history1-left {
    margin: 0 auto;
    width: 100%;
    text-align: center;
  }
  .history1-right {
    max-width: 100%;
    margin: 8px auto 48px;
    text-align: center;
  }
  .history2-inner-wrap {
    display: block; 
    padding-top: 18px; 
    padding-bottom: 76px;
  } 
  .history2-left {
    display: block; 
    float: none;
    max-width: 100%;
    text-align: center;
  }
  .page .history2 h2 {
    margin-top: 62px;
  }
  .history2-right {
    display: block; 
    float: none;
    margin-top: 76px;
    padding-right: 0;
    text-align: center;
  }
  .history2-right .ib {
    display: block;
    margin-top: 0;
  }
  .about-page-story {
    max-width: 100%;
  }
  .about-page-story .opening-sales-text, body.page-id-4 .entry-content h2 {
    max-width: 60%;
  }
}


@media screen and (max-width: 899px) {
  .slider-inner {
    left: 3%;
    width: 94%;
  }

  body .rsUni.rsHor .rsArrowRight {
    right: 21px;
    z-index: 2;
  }
  body .rsUni.rsHor .rsArrowLeft {
    left: 12px;
    z-index: 2;
  }
  .hp-beige-inner-wrap, .content-home-second-section {
    max-width: 93.5%;
  }
  .hp-bottom-grid-item {
    max-width: 100%;
    width: 100%;
  }
  .hp-bottom-grid-item:nth-child(2n+1) {
    margin-right: 0;
  }
  .hp-bottom-grid-item:nth-child(2n) {
    margin-left: 0;
  }
}
@media screen and (max-width: 860px) {
  .sales-inner-wrap {
    max-width: 90%;
  }
  .page-template-wholesale-page .entry-content, .page-template-retail-page .entry-content, .page-template-catering-page .entry-content, .page-template-wholefoods-page .entry-content {
    display: block;
    float: none;
    margin-bottom: 26px;
    max-width: 100%;
  }
  .sidebar-sales {
    float: none;
    margin-top: 0;
    margin-bottom: 62px;
    max-width: 100%;
  }
}
@media screen and (max-width: 840px) {
  .hp-sect-two-grid-column {
    max-width: 100%;
    width: 100%;
  }
  .hp-sect-two-grid-column:nth-child(2n) {
    margin-top: 70px;
    margin-left: 0;
  }
  .page-template-page-contact .full-width-intro {
    max-width: 87%;
    margin: 21px auto 0;
  }
  .contact-details {
    margin: 0px auto;
    max-width: 87%;
  }
  .contact-form-section, .cheese-art {
    max-width: 87%;
  }
  .hp-beige .cheese-art {
    max-width: 100%;
  }
  .page-template-page-contact .email-input input[type="email"] {
    margin-right: 0;
  }
  .page-template-page-contact .phone-input input[type="text"], .page-template-page-contact .email-input input[type="email"] {
    max-width: 100%;
    width: 100%;
  }
  .phone-input, .email-input {
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 799px) {
  .about-page-story .opening-sales-text, body.page-id-4 .entry-content h2 {
    max-width: calc(100% - 314px);
  }
  .footer {
    min-height: 259px;
    text-align: center;
  }
  .footer-inner-wrap {
    display: table;
  }
  .site-info {
    display: table-footer-group;
    padding-top: 18px;
  }
  .site-info, .footer-social-info, .footer .footer-social-list {
    float: none;
  }
  .footer-social-info {
    display: table-header-group;
    padding-top: 0;
  }
  .footer-headline {
    display: block;
  }
  .site-info .footer-headline {
    margin-top: 12px;
  }
  .footer-social-info .footer-headline {
    margin-top: 29px;
  }
  .footer .footer-social-list {
    display: inline-block;
    float: none;
    margin: -12px auto 0;
    padding-right: 12px;
    padding-left: 0;
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .disappear {
    display: none;
  }
  .hp-sect-two-grid-item {
    height: 234px;
  }
  .single-post .entry-content, .single-recipe .entry-content {
    margin: 1.5em auto 83px;
    max-width: 94%;
  }
  .department-column-right, .department-column-left {
    display: block;
    float: none;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%; 
    text-align: center;
    width: 100%;
  }
  .department-section-block {
    float: none;
    margin-bottom: 65px;
    max-width: 100%;
    text-align: center;
  }
  .by-department-section {
    padding-bottom: 84px;
  }
}
@media screen and (max-width: 720px) {
  .archive .entry-content, .page-template-blog .entry-content {
    margin: 1.5em auto 0px;
  }
  .archive-inner-wrap {
    max-width: 90%; 
  }
  .page-template-blog article {
    margin: 0 auto 86px;
    max-width: 100%; 
  }
  .archive .page-header, .archive .entry-content, .page-template-blog .entry-content {
    max-width: 100%; 
  }
}
@media screen and (max-width: 703px) {
  /* Targets Est 1971 section on HP */
  .hp-third-section-backdrop {
    margin-left: 0;
  }
  .content-home-third h2 {
    padding: 0 4%;
  }
}
@media screen and (max-width: 700px) {
  .slider-inner {
    left: 6%;
    width: 88%;
  }
  .single-post .entry-content, .single-recipe .entry-content {
    max-width: 90%;
  }
  .history3 {
    padding-top: 136px;
  }
  .history3-inner-wrap {
    padding: 0 4%;
  }
}
@media screen and (max-width: 600px) {
  body.page-id-4 .entry-content h2 {
    line-height: 34px;
  }
  .about-page-story .opening-sales-text {
    max-width: 100%;
  }
}
@media screen and (max-width: 550px) {
  .single-post .entry-content, .single-recipe .entry-content, .archive-inner-wrap, .sales-inner-wrap {
    max-width: 87%;
  }
  .history1-right {
    margin: 8px auto 16px;
  }
  .history2-inner-wrap {
    max-width: 89.5%;
  }
  .history3-inner-wrap {
    padding: 0 6%;
  }
}
@media screen and (max-width: 540px) {
  .history3 {
    padding-top: 96px;
  }
  .enjoy-sticker {
    max-width: 250px;
  }
  body.page-id-4 .entry-content h2 {
    max-width: calc(100% - 298px);
  }
}
@media screen and (max-width: 500px) {
  body.page-id-4 .entry-content h2 {
    max-width: 100%;
    width: 100%;
  }
  body.page-id-4 .entry-content h2.artisanal-products {
     padding-top: 162px;
  }
  body.page-id-4 .entry-content .fromage-section h2 {
    padding-top: 0;
  }
  .enjoy-sticker {
    max-width: 260px;
    right: calc((100% - 260px) / 2);
  }
  .about-page-story .opening-sales-text {
    padding-top: 0;
  }
  .fusilli, .lumache, .rigatoni {
    display: block;
    margin: 0 auto;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
  }
  .fusilli img, .lumache img, .rigatoni img {
    display: block;
    margin: 0px auto;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  
}
@media screen and (max-width: 440px) {

  .hp-bottom-grid-item {
    height: 268px;
  }
  .hp-bottom-grid-item h4 {
    font-size: 32px;
    line-height: 63.83px;
  }
  .history3 blockquote {
    font-size: 23px;
    line-height: 38px;
  }
}
@media screen and (max-width: 420px) {
  .history3 blockquote {
    font-size: 21px;
    line-height: 35px;
  }
}
@media screen and (max-width: 400px) {
  .slider-inner {
    width: 86%;
    margin: 0 auto;
    left: 7%;
  }

  body .rsUni.rsHor .rsArrowLeft {
    left: 6px;
  }
  body .rsUni.rsHor .rsArrowRight {
    right: 15px;
  }
  .single-post .entry-content, .single-recipe .entry-content, .archive-inner-wrap, .sales-inner-wrap {
    max-width: 85%;
  }
}
@media screen and (max-width: 390px) {
  .hp-bottom-grid-item h4 {
    font-size: 32px;
    line-height: 32px;
    margin: 0 auto 16px;
  }
}
@media screen and (max-width: 370px) {
  .history3 {
    padding-bottom: 54px;
  }
  .big-quote {
    line-height: 11px;
  }
  .hp-sect-two-grid-item {
    max-width: 100%;
  }
}
@media screen and (max-width: 355px) {
  .footer { 
    min-height: 275px;
  }
}
@media screen and (max-width: 340px) {
  .history3 blockquote {
    font-size: 20px;
    line-height: 32.5px;
  }
}
/* Min Width
-------------------------------------------------------------- */

@media screen and (min-width: 769px) {
}
@media screen and (min-width: 769px) and (max-width: 1599px) {
}
@media screen and (min-width: 769px) and (max-width:1000px) {
}
@media screen and (min-width: 769px) and (max-width:1280px) {
}
@media screen and (min-width: 1100px) {
}
@media screen and (min-width: 1280px) {
  .site-branding {
    padding: 0 2.875em;
  }
}
@media screen and (min-width: 1600px) {
}
/*--\m/--*/