/*
================================================================
Import requied css files
================================================================
*/
/*
Theme Name: ungermeats
Theme URI: http://underscores.me/
Author: Print Studio One
Author URI: https://psone.ca
Description: Custom theme developed for Unger Meats
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ungermeats
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

ungermeats is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*
 * jQuery FlexSlider v2.6.3
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  border-radius: 4px;
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  /*content: '\f001';*/
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  /*content: '\f002';*/
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('/wp-content/themes/ungermeats/fonts/mark_simonson_-_proxima_nova_bold-webfont.woff') format('woff'), url('/wp-content/themes/ungermeats/fonts/mark_simonson_-_proxima_nova_bold-webfont.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('/wp-content/themes/ungermeats/fonts/mark_simonson_-_proxima_nova-webfont.woff') format('woff'), url('/wp-content/themes/ungermeats/fonts/mark_simonson_-_proxima_nova-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
}
/* SCROLLBAR CUSTOMIZATION */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb {
  background-color: #000;
}
/* MOBILE MENU ICON */
#nav-icon1 {
  width: 35px;
  height: 45px;
  position: relative;
  margin: 0px auto;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
#nav-icon1 span {
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: #d3531a;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
#nav-icon1 span:nth-child(1) {
  top: 7px;
}
#nav-icon1 span:nth-child(2) {
  top: 17px;
}
#nav-icon1 span:nth-child(3) {
  top: 27px;
}
#nav-icon1.open span:nth-child(1) {
  top: 18px;
  transform: rotate(135deg);
}
#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
#nav-icon1.open span:nth-child(3) {
  top: 18px;
  transform: rotate(-135deg);
}
/* MAIN NAVIGATION */
.main-navigation {
  clear: both;
  display: block;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  left: 100%;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  float: left;
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}
@media screen and (min-width: 992px) {
  .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%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.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. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}
/*--------------------------------------------------------------
# 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;
  table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}
/*
======================================================================
VARIABLES
======================================================================
*/
/*
======================================================================
GLOBAL
======================================================================
*/
.store-slider .flex-control-nav {
  display: block;
}
.home .flex-prev {
  background-image: url('/wp-content/themes/ungermeats/images/left-arrow.png');
  background-repeat: no-repeat;
  display: none;
}
@media screen and (min-width: 992px) {
  .home .flex-prev {
    display: block;
    top: 120px;
  }
}
@media screen and (min-width: 1500px) {
  .home .flex-prev {
    display: block;
    top: 0px;
  }
}
.home .flex-next {
  background-image: url('/wp-content/themes/ungermeats/images/right-arrow.png');
  background-repeat: no-repeat;
  display: none;
}
@media screen and (min-width: 992px) {
  .home .flex-next {
    display: block;
    top: 120px;
  }
}
@media screen and (min-width: 1500px) {
  .home .flex-next {
    display: block;
    top: 0px;
  }
}
img {
  max-width: 100%;
  width: 100%;
}
.gold-border {
  background-color: #a38e5d;
  height: 9px;
  width: 24%;
}
.head-grad {
  display: none;
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
  /* IE6-9 */
}
@media screen and (min-width: 992px) {
  .head-grad {
    display: block;
  }
}
#menu-item-111,
#menu-item-112 {
  display: inline-block;
}
#menu-item-111 a,
#menu-item-112 a {
  margin: 0 9px;
}
.transform {
  transform: scaleX(-1);
}
.center {
  text-align: center;
}
.paddings {
  padding: 15px 15px 15px 15px;
}
.width-800 {
  max-width: 800px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-832 {
  max-width: 832px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-868 {
  max-width: 868px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-1022 {
  max-width: 1022px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-542 {
  max-width: 542px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-580 {
  max-width: 580px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-892 {
  max-width: 892px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-1200 {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-1593 {
  max-width: 1593px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-788 {
  max-width: 788px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-661 {
  max-width: 661px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-1595 {
  max-width: 1595px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 992px) {
  .width-1595 {
    padding-left: 84px;
  }
}
.width-1645 {
  max-width: 1645px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-1047 {
  max-width: 1047px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-1700 {
  max-width: 1700px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-1621 {
  max-width: 1621px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-1724 {
  max-width: 1724px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-933 {
  max-width: 933px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-1500 {
  max-width: 1500px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-1581 {
  max-width: 1581px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-1638 {
  max-width: 1638px;
  margin: 0 auto;
  padding-left: 50px;
  padding-right: 50px;
}
.white-text {
  color: #fff;
}
body {
  overflow-x: hidden;
  margin: 0;
}
body ul {
  padding-left: 31px;
}
h1 {
  font-family: 'Playfair Display', serif;
  color: #fff;
  font-weight: 100;
  font-size: 57px;
}
h2 {
  font-family: 'Playfair Display', serif;
  color: #333;
  font-size: 42px;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (min-width: 992px) {
  h2 {
    font-size: 48px;
  }
}
h3 {
  font-family: 'Proxima Nova', sans-serif;
  color: #333;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 2px;
  margin-bottom: 3px;
  margin-top: 28px;
}
span {
  font-family: 'Proxima Nova', sans-serif;
}
p,
li {
  font-family: 'Proxima Nova', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  color: #333;
}
a {
  color: #333;
  font-family: 'Proxima Nova', sans-serif;
  font-size: 16px;
  font-weight: 700;
}
a:hover,
a:focus {
  opacity: 0.7;
  text-decoration: none;
}
.button-contain {
  padding-top: 32px;
}
.custom-button {
  padding: 15px 70px;
  color: #333;
  background-color: #a38e5d;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 3px;
  transition: 0.5s;
  border: 1px solid #a38e5d;
}
.custom-button:hover {
  background-color: #333;
  opacity: 1;
  color: #a38e5d;
  border: 1px solid #a38e5d;
}
.flex-control-nav {
  display: none;
}
.flex-next,
.flex-prev {
  display: none;
}
.flex-nav-prev,
.flex-nav-next {
  position: relative;
  bottom: 406px;
}
.dashicons-menu {
  color: #fff;
  font-size: 32px;
  width: 34px;
  height: 30px;
}
#return-to-top {
  position: fixed;
  bottom: 18px;
  right: 20px;
  background: #a38e5d;
  width: 40px;
  height: 40px;
  display: block;
  text-decoration: none;
  border-radius: 5px;
  display: none;
  transition: all 0.3s ease;
  z-index: 9;
}
#return-to-top i {
  color: #fff;
  margin: 0;
  position: relative;
  left: 12px;
  top: 12px;
  font-size: 16px;
  transition: all 0.3s ease;
}
#return-to-top:hover {
  background: #333;
  opacity: 0.7;
}
#return-to-top:hover i {
  color: #fff;
}
.button_container {
  display: block;
  position: absolute;
  top: 24%;
  right: 2%;
  height: 27px;
  width: 35px;
  cursor: pointer;
  z-index: 100;
  transition: opacity 0.25s ease;
}
.button_container p {
  margin-top: 35px;
  color: #fff;
  font-size: 12px;
}
.button_container:hover {
  opacity: 0.7;
}
.button_container.active {
  border: none !important;
}
.button_container.active p {
  opacity: 0;
}
.button_container.active .top {
  transform: translateY(4px) translateX(0) rotate(45deg);
  background: #fff;
  width: 39px;
  height: 6px;
}
.button_container.active .middle {
  opacity: 0;
  background: #fff;
}
.button_container.active .bottom {
  transform: translateY(-20px) translateX(0) rotate(-45deg);
  background: #fff;
  width: 38px;
  height: 6px;
}
.button_container span {
  background: #fff;
  border: none;
  height: 7px;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.35s ease;
  cursor: pointer;
}
.button_container span:first-of-type {
  width: 58px;
}
.button_container span:nth-of-type(2) {
  top: 12px;
  width: 50px;
}
.button_container span:nth-of-type(3) {
  top: 24px;
  width: 39px;
}
.overlay2 {
  position: fixed;
  background: #333;
  z-index: 15;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: visible;
  transition: opacity 0.35s, visibility 0.35s, height 0.35s;
  overflow: auto;
}
.overlay2 iframe {
  height: 307px;
  margin-top: 100px;
}
@media screen and (min-width: 644px) {
  .overlay2 iframe {
    height: 500px;
    margin-top: 100px;
  }
}
@media screen and (min-width: 992px) {
  .overlay2 iframe {
    height: 800px;
    margin-top: 0px;
  }
}
.overlay2 .close-btn {
  font-size: 56px;
  color: #fff;
  text-align: right;
  margin-right: 35px;
}
.overlay2 .close-btn:hover {
  cursor: pointer;
}
.overlay2.open {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.overlay2 .overlay-menu {
  position: relative;
  height: 70%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 50px;
  font-weight: 400;
  text-align: center;
}
.overlay2 ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay2 ul li {
  display: block;
  height: 25%;
  height: calc(100% / 4);
  min-height: 50px;
  position: relative;
  opacity: 0;
}
.overlay2 ul li a {
  display: block;
  position: relative;
  color: #FFF;
  text-decoration: none;
  overflow: hidden;
}
.overlay {
  position: fixed;
  background: #333;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 1;
  visibility: hidden;
  transition: opacity 0.35s, visibility 0.35s, height 0.35s;
  overflow-x: hidden;
  overflow-y: auto;
}
.overlay .menu-logo img {
  width: 200px;
}
.overlay.open {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.overlay.open .slogan {
  opacity: 0;
}
@media screen and (min-width: 1200px) {
  .overlay.open .slogan {
    opacity: 1;
    position: absolute;
    top: 41%;
    left: 18%;
    animation: fadeIn 2s;
  }
}
.overlay.open .slogan h2 {
  color: #a38e5d;
  font-size: 25px;
  letter-spacing: 17px;
}
.overlay.open li {
  animation: fadeInRight 0.5s ease forwards;
  animation-delay: 0.35s;
}
.overlay.open li:nth-of-type(2) {
  animation-delay: 0.4s;
}
.overlay.open li:nth-of-type(3) {
  animation-delay: 0.45s;
}
.overlay.open li:nth-of-type(4) {
  animation-delay: 0.5s;
}
.overlay .overlay-menu {
  position: relative;
  height: 70%;
  top: 22%;
  left: 33px;
  right: 0;
  transform: translateY(-50%);
  font-size: 50px;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  text-align: left;
}
@media screen and (min-width: 992px) {
  .overlay .overlay-menu {
    right: -74%;
    top: 36%;
    left: unset;
  }
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  height: 25%;
  height: calc(100% / 4);
  min-height: 40px;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #FFF;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  text-decoration: none;
  overflow: hidden;
  font-size: 40px;
  margin-top: 15px;
  text-align: left;
}
@media screen and (min-width: 992px) {
  .overlay ul li a {
    font-size: 62px;
  }
}
.overlay ul li a:hover {
  opacity: 1;
}
.overlay ul li a:hover:after,
.overlay ul li a:focus:after,
.overlay ul li a:active:after {
  width: 100%;
}
.overlay ul li a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  transform: translateX(-50%);
  height: 3px;
  background: #a38e5d;
  transition: 0.35s;
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
/*
======================================================================
HEADER
======================================================================
*/
.mob-menu-header-holder {
  height: 55px !important;
}
.mob-standard-logo {
  padding-top: 12px !important;
}
.mobmenur-container {
  padding-top: 7px !important;
}
#masthead2 {
  position: fixed;
  background: #333;
  padding-bottom: 0;
}
#masthead2 .site-logo {
  width: 20%;
}
@media screen and (min-width: 992px) {
  #masthead2 .site-logo {
    width: 14%;
  }
}
@media screen and (min-width: 1500px) {
  #masthead2 .site-logo {
    width: 18%;
  }
}
#masthead2 .site-logo img {
  width: 75%;
}
@media screen and (min-width: 992px) {
  #masthead2 .site-logo img {
    width: 98%;
  }
}
@media screen and (min-width: 1500px) {
  #masthead2 .site-logo img {
    width: 75%;
  }
}
#masthead2 .sub-nav {
  display: inline-block;
}
@media screen and (min-width: 992px) {
  #masthead2 .sub-nav {
    width: 75%;
    text-align: center;
  }
}
@media screen and (min-width: 1500px) {
  #masthead2 .sub-nav {
    width: 71%;
    text-align: center;
  }
}
#masthead2 .sub-nav ul {
  margin: 0;
}
#masthead2 .sub-nav li {
  display: inline-block;
  margin: 0 13px;
  border-bottom: 8px solid transparent;
  padding-bottom: 27px;
}
@media screen and (min-width: 1500px) {
  #masthead2 .sub-nav li {
    margin: 0 26px;
  }
}
#masthead2 .sub-nav li:hover {
  border-bottom: 8px solid #a38e5d;
}
#masthead2 .sub-nav li a {
  font-weight: 700;
  color: #fff;
  letter-spacing: 2px;
  font-size: 13px;
}
@media screen and (min-width: 1500px) {
  #masthead2 .sub-nav li a {
    font-size: 16px;
  }
}
#masthead2 .sub-nav li a:hover {
  opacity: 1;
}
#masthead2 .menu-item-111 {
  display: inline-block;
}
#masthead2 .menu-item-111 a {
  margin: 0 9px;
}
#masthead2 .menu-item-111 img {
  width: 30px;
}
#masthead2 .menu-item-112 {
  display: inline-block;
}
#masthead2 .menu-item-112 img {
  width: 30px;
}
#masthead2 .menu-item-112 a {
  margin: 0 9px;
}
#masthead3 {
  position: fixed;
  background: #333;
  padding-bottom: 0;
}
#masthead3 .site-logo {
  width: 20%;
}
@media screen and (min-width: 992px) {
  #masthead3 .site-logo {
    width: 14%;
  }
}
@media screen and (min-width: 1500px) {
  #masthead3 .site-logo {
    width: 18%;
  }
}
#masthead3 .site-logo img {
  width: 75%;
}
@media screen and (min-width: 992px) {
  #masthead3 .site-logo img {
    width: 98%;
  }
}
@media screen and (min-width: 1500px) {
  #masthead3 .site-logo img {
    width: 75%;
  }
}
#masthead3 .sub-nav {
  display: inline-block;
}
@media screen and (min-width: 992px) {
  #masthead3 .sub-nav {
    width: 75%;
    text-align: center;
  }
}
@media screen and (min-width: 1500px) {
  #masthead3 .sub-nav {
    width: 71%;
    text-align: center;
  }
}
#masthead3 .sub-nav ul {
  margin: 0;
}
#masthead3 .sub-nav li {
  display: inline-block;
  margin: 0 13px;
  border-bottom: 8px solid transparent;
  padding-bottom: 27px;
}
@media screen and (min-width: 1500px) {
  #masthead3 .sub-nav li {
    margin: 0 26px;
  }
}
#masthead3 .sub-nav li:hover {
  border-bottom: 8px solid #a38e5d;
}
#masthead3 .sub-nav li a {
  font-weight: 700;
  color: #fff;
  letter-spacing: 2px;
  font-size: 13px;
}
@media screen and (min-width: 1500px) {
  #masthead3 .sub-nav li a {
    font-size: 16px;
  }
}
#masthead3 .sub-nav li a:hover {
  opacity: 1;
}
#masthead3 .menu-item-111 {
  display: inline-block;
}
#masthead3 .menu-item-111 a {
  margin: 0 9px;
}
#masthead3 .menu-item-111 img {
  width: 30px;
}
#masthead3 .menu-item-112 {
  display: inline-block;
}
#masthead3 .menu-item-112 img {
  width: 30px;
}
#masthead3 .menu-item-112 a {
  margin: 0 9px;
}
header {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10;
  background-color: #333;
  padding: 25px 0;
}
.site-logo {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
  padding-left: 15px;
}
.site-logo img {
  width: 100%;
}
#site-navigation {
  display: inline-block;
  width: 48%;
  vertical-align: middle;
}
#site-navigation ul {
  float: right;
}
#site-navigation ul li {
  margin-right: 51px;
}
#site-navigation a {
  font-size: 16px;
  color: #333;
  font-weight: 400;
  text-transform: uppercase;
}
#site-navigation a:hover {
  color: #a38e5d;
}
@media screen and (min-width: 546px) {
  .site-logo {
    display: inline-block;
    width: 37%;
    vertical-align: middle;
    padding-left: 15px;
  }
  .site-logo img {
    width: 81%;
  }
}
@media screen and (min-width: 640px) {
  .site-logo {
    display: inline-block;
    width: 41%;
    vertical-align: middle;
    padding-left: 15px;
  }
  .site-logo img {
    width: 81%;
  }
}
@media screen and (min-width: 823px) {
  .site-logo {
    display: inline-block;
    width: 39%;
    vertical-align: middle;
    padding-left: 15px;
  }
  .site-logo img {
    width: 70%;
  }
}
@media screen and (min-width: 992px) {
  header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 10;
    background-color: transparent;
    padding: 25px 0;
  }
  .site-logo {
    display: inline-block;
    width: 28%;
    vertical-align: middle;
    padding-left: 20px;
  }
  .site-logo img {
    width: 81%;
  }
  #site-navigation {
    display: inline-block;
    width: 69%;
    vertical-align: middle;
  }
  #site-navigation ul {
    float: right;
  }
  #site-navigation ul li {
    margin-right: 26px;
  }
  #site-navigation a {
    font-size: 15px;
  }
}
@media screen and (min-width: 1200px) {
  .site-logo {
    display: inline-block;
    width: 22%;
    vertical-align: middle;
    padding-left: 15px;
  }
  .site-logo img {
    width: 70%;
  }
}
@media screen and (min-width: 1500px) {
  header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 10;
    background-color: transparent;
    padding: 25px 0;
  }
  .site-logo {
    display: inline-block;
    width: 33%;
    vertical-align: middle;
    padding-left: 57px;
    padding-top: 7px;
  }
  .site-logo img {
    width: 41%;
  }
  #site-navigation {
    display: inline-block;
    width: 56%;
    vertical-align: middle;
  }
  #site-navigation ul {
    float: right;
  }
  #site-navigation ul li {
    margin-right: 51px;
  }
  #site-navigation a {
    font-size: 16px;
  }
}
.flexslider {
  border: none;
  margin: 0;
}
.flexslider .flexslider-overlay {
  padding: 0;
  margin: 0;
  width: 100%;
}
.flexslider li {
  position: relative;
}
.flexslider li .slide-grad {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
}
.flexslider li a:hover {
  opacity: 1;
}
.flexslider li .view-specials {
  background: #a38e5d;
  position: absolute;
  bottom: 0;
  right: 13px;
  padding: 10px 26px;
  transition: 0.3s;
}
.flexslider li .view-specials:hover {
  background-color: #333;
}
.flexslider li .view-specials:hover p {
  border-top: 4px solid #a38e5d;
  border-bottom: 4px solid #a38e5d;
  color: #a38e5d;
}
.flexslider li .view-specials:hover::before {
  content: "";
  top: -23px;
  left: 0;
  position: absolute;
  border-top: 23px solid transparent;
  border-left: 0 solid transparent;
  border-right: 116px solid #333;
}
@media screen and (min-width: 992px) {
  .flexslider li .view-specials:hover::before {
    top: -35px;
    border-top: 35px solid transparent;
    border-right: 180px solid #333;
  }
}
@media screen and (min-width: 992px) {
  .flexslider li .view-specials {
    right: 53px;
    padding: 50px 41.5px;
  }
}
.flexslider li .view-specials p {
  font-size: 8px;
  border-top: 4px solid #333;
  border-bottom: 4px solid #333;
  letter-spacing: 2px;
  color: #333;
  margin: 0;
  font-weight: 700;
  transition: 0.3s;
}
@media screen and (min-width: 992px) {
  .flexslider li .view-specials p {
    font-size: 14px;
  }
}
.flexslider li .view-specials::before {
  transition: 0.3s;
  content: "";
  top: -23px;
  left: 0;
  position: absolute;
  border-top: 23px solid transparent;
  border-left: 0 solid transparent;
  border-right: 116px solid #a38e5d;
}
@media screen and (min-width: 992px) {
  .flexslider li .view-specials::before {
    top: -35px;
    border-top: 35px solid transparent;
    border-right: 180px solid #a38e5d;
  }
}
.flexslider .slide-content {
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 0.58) 10%, rgba(51, 51, 51, 0.89) 20%, rgba(51, 51, 51, 0.9) 80%, rgba(51, 51, 51, 0.65) 88%, rgba(51, 51, 51, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00333333', endColorstr='#00333333', GradientType=1);
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  padding: 15px 15px;
}
.flexslider .slide-content h1 {
  font-size: 25px;
  color: #fff;
  margin: 0;
}
.flexslider .slide-content h2 {
  font-size: 25px;
  font-weight: 400;
  color: #fff;
  margin: 0;
}
.flexslider .slide-content p {
  font-size: 16px;
  color: #fff;
  font-size: 18px;
  margin-top: 26px;
}
.grad {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0, 0, 0, 0.53) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87000000', endColorstr='#00000000', GradientType=1);
  /* IE6-9 */
}
@media screen and (min-width: 992px) {
  .flexslider {
    border: none;
    margin: 0;
  }
  .flexslider li {
    position: relative;
  }
  .flexslider .slide-content {
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 0.58) 10%, rgba(51, 51, 51, 0.89) 20%, rgba(51, 51, 51, 0.9) 80%, rgba(51, 51, 51, 0.65) 88%, rgba(51, 51, 51, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00333333', endColorstr='#00333333', GradientType=1);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    text-align: center;
  }
  .flexslider .slide-content h1 {
    font-size: 46px;
    color: #fff;
  }
  .flexslider .slide-content h2 {
    font-size: 46px;
    font-weight: 400;
  }
  .flexslider .slide-content p {
    font-size: 18px;
  }
  .grad {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.53) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 */
  }
}
@media screen and (min-width: 768px) {
  .flexslider {
    border: none;
    margin: 0;
  }
  .flexslider li {
    position: relative;
  }
  .flexslider .slide-content {
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 0.58) 10%, rgba(51, 51, 51, 0.89) 20%, rgba(51, 51, 51, 0.9) 80%, rgba(51, 51, 51, 0.65) 88%, rgba(51, 51, 51, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00333333', endColorstr='#00333333', GradientType=1);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    text-align: center;
  }
  .flexslider .slide-content h1 {
    font-size: 38px;
    color: #fff;
  }
  .flexslider .slide-content h2 {
    font-size: 42px;
    font-weight: 400;
  }
  .flexslider .slide-content p {
    font-size: 18px;
  }
  .grad {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.53) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 */
  }
}
@media screen and (min-width: 1200px) {
  .flexslider {
    border: none;
    margin: 0;
  }
  .flexslider li {
    position: relative;
  }
  .flexslider .slide-content {
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 0.58) 10%, rgba(51, 51, 51, 0.89) 20%, rgba(51, 51, 51, 0.9) 80%, rgba(51, 51, 51, 0.65) 88%, rgba(51, 51, 51, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00333333', endColorstr='#00333333', GradientType=1);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 79%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    text-align: center;
  }
  .flexslider .slide-content h1 {
    font-size: 57px;
  }
  .flexslider .slide-content h2 {
    font-size: 57px;
    font-weight: 400;
  }
  .flexslider .slide-content p {
    font-size: 16px;
    color: #fff;
    font-size: 18px;
  }
  .grad {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.53) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 */
  }
}
@media screen and (min-width: 1500px) {
  .flexslider {
    border: none;
    margin: 0;
  }
  .flexslider li {
    position: relative;
  }
  .flexslider .slide-content {
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 0.58) 10%, rgba(51, 51, 51, 0.89) 20%, rgba(51, 51, 51, 0.9) 80%, rgba(51, 51, 51, 0.65) 88%, rgba(51, 51, 51, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00333333', endColorstr='#00333333', GradientType=1);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 67%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    text-align: center;
  }
  .flexslider .slide-content h1 {
    font-size: 70px;
  }
  .flexslider .slide-content h2 {
    font-size: 70px;
    font-weight: 400;
  }
  .flexslider .slide-content p {
    font-size: 18px;
  }
  .grad {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.53) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 */
  }
}
@media screen and (min-width: 1896px) {
  .flexslider {
    border: none;
    margin: 0;
  }
  .flexslider li {
    position: relative;
  }
  .flexslider .slide-content {
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 0.58) 10%, rgba(51, 51, 51, 0.89) 20%, rgba(51, 51, 51, 0.9) 80%, rgba(51, 51, 51, 0.65) 88%, rgba(51, 51, 51, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00333333', endColorstr='#00333333', GradientType=1);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 67%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    text-align: center;
  }
  .flexslider .slide-content h1 {
    font-size: 75px;
  }
  .flexslider .slide-content h2 {
    font-size: 75px;
    font-weight: 400;
  }
  .flexslider .slide-content p {
    font-size: 21px;
  }
  .grad {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.53) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 */
  }
}
/*
======================================================================
HOME PAGE
======================================================================
*/
.h22 {
  color: #a38e5d;
  letter-spacing: 12px;
  margin-bottom: 29px;
  font-size: 24px;
  text-transform: uppercase;
}
.quality {
  background-color: #333;
  padding-top: 56px;
  padding-bottom: 77px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .quality {
    padding-top: 150px;
  }
}
.quality img {
  width: 282px;
}
.quality h2 {
  color: #a38e5d;
  letter-spacing: 12px;
  margin-bottom: 29px;
  font-size: 22px;
  text-transform: uppercase;
}
@media screen and (min-width: 992px) {
  .quality h2 {
    font-size: 24px;
  }
}
.quality p {
  color: #fff;
}
.feeds {
  background-color: #333;
  text-align: left;
  padding-top: 0px;
}
@media screen and (min-width: 992px) {
  .feeds {
    padding-top: 113px;
  }
}
.feeds .unger-meats {
  background-image: url('/wp-content/themes/ungermeats/images/cow.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding-top: 109px;
  padding-bottom: 81px;
  padding-right: 0px;
}
@media screen and (min-width: 622px) {
  .feeds .unger-meats {
    background-size: unset;
  }
}
@media screen and (min-width: 992px) {
  .feeds .unger-meats {
    width: 49%;
    padding-right: 70px;
    padding-left: 38px;
  }
}
@media screen and (min-width: 1500px) {
  .feeds .unger-meats {
    width: 49%;
    padding-right: 109px;
  }
}
.feeds .unger-meats h3 {
  text-transform: uppercase;
  color: #fff;
}
.feeds .unger-meats img {
  margin-bottom: 20px;
}
.feeds .unger-meats .button-contain a {
  padding: 15px 59px;
}
.feeds .unger-feeds {
  background-image: url('/wp-content/themes/ungermeats/images/wheat.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding-top: 34px;
  padding-bottom: 81px;
  padding-right: 0px;
}
@media screen and (min-width: 622px) {
  .feeds .unger-feeds {
    background-size: unset;
  }
}
@media screen and (min-width: 992px) {
  .feeds .unger-feeds {
    padding-top: 109px;
    padding-right: 52px;
    width: 49%;
  }
}
.feeds .unger-feeds h3 {
  text-transform: uppercase;
  color: #fff;
}
.feeds .unger-feeds img {
  margin-bottom: 20px;
}
.feeds .unger-feeds .button-contain a {
  padding: 15px 59px;
}
.insta-feed {
  padding-top: 38px;
}
.insta-feed .width-1581 {
  padding-top: 62px;
  padding-bottom: 80px;
}
.insta-feed .gold-border {
  width: 270px;
}
@media screen and (min-width: 992px) {
  .insta-feed .gold-border {
    width: 700px;
  }
}
.insta-feed h2 {
  padding-left: 20px;
  margin-bottom: 18px;
}
@media screen and (min-width: 992px) {
  .insta-feed h2 {
    padding-left: 181px;
  }
}
.our-store {
  background-image: url('/wp-content/themes/ungermeats/images/store-bg.jpg');
  background-repeat: no-repeat;
  background-position: left;
  background-size: cover;
  padding-top: 47px;
  padding-bottom: 100px;
}
@media screen and (min-width: 992px) {
  .our-store {
    background-position: left;
    padding-top: 113px;
    padding-bottom: 400px;
  }
}
@media screen and (min-width: 1500px) {
  .our-store {
    background-position: center;
    padding-top: 113px;
    padding-bottom: 400px;
  }
}
.our-store h2 {
  padding-left: 20px;
  color: #fff;
  margin-bottom: 18px;
}
@media screen and (min-width: 992px) {
  .our-store h2 {
    padding-left: 181px;
  }
}
.our-store p {
  color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  margin-top: 43px;
}
@media screen and (min-width: 415px) {
  .our-store p {
    width: 329px;
  }
}
@media screen and (min-width: 992px) {
  .our-store p {
    padding-left: 181px;
    width: 450px;
  }
}
.our-store .button-contain {
  padding-left: 20px;
}
@media screen and (min-width: 992px) {
  .our-store .button-contain {
    padding-left: 181px;
  }
}
.our-store .gold-border {
  width: 250px;
}
@media screen and (min-width: 992px) {
  .our-store .gold-border {
    width: 40%;
  }
}
@media screen and (min-width: 1200px) {
  .our-store .gold-border {
    width: 33%;
  }
}
@media screen and (min-width: 1500px) {
  .our-store .gold-border {
    width: 24%;
  }
}
.our-team {
  padding: 0px 0;
}
.our-team .gold-border {
  width: 250px;
}
@media screen and (min-width: 992px) {
  .our-team .gold-border {
    width: 398px;
  }
}
.our-team h2 {
  padding-left: 20px;
}
@media screen and (min-width: 992px) {
  .our-team h2 {
    padding-left: 181px;
  }
}
.our-team .team-contain {
  padding-bottom: 41px;
  text-align: center;
}
.our-team .team-member {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-top: 72px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (min-width: 734px) {
  .our-team .team-member {
    width: 41%;
    margin: 21px 12px;
  }
}
@media screen and (min-width: 992px) {
  .our-team .team-member {
    width: 35%;
  }
}
@media screen and (min-width: 1200px) {
  .our-team .team-member {
    width: 22%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (min-width: 1500px) {
  .our-team .team-member {
    width: 25%;
    float: left;
    margin-top: 66px;
    margin-bottom: 134px;
    padding: 0 6px;
  }
}
.our-team .team-member h3 {
  margin-top: 0;
  text-align: center;
  font-size: 17px;
  margin-top: 22px;
}
.our-team .team-member p {
  padding-right: 0px;
  text-align: center;
  margin: 0;
}
.our-team .team-member h3 {
  color: #a38e5d;
}
.our-team .team-member .team-img {
  position: relative;
}
.ron {
  clear: both;
  background-image: url('/wp-content/themes/ungermeats/images/ron-bg.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 34px 0;
}
@media screen and (min-width: 992px) {
  .ron {
    padding: 160px 0;
  }
}
.ron .ron-info {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 27px;
}
@media screen and (min-width: 992px) {
  .ron .ron-info {
    width: 47%;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 1500px) {
  .ron .ron-info {
    width: 47%;
    margin-bottom: 0;
    padding-left: 186px;
    padding-right: 228px;
  }
}
.ron .ron-info p {
  color: #fff;
}
.ron .ron-info h3 {
  color: #a38e5d;
}
.ron .ron-img {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .ron .ron-img {
    width: 50.7%;
  }
}
@media screen and (min-width: 1500px) {
  .ron .ron-img {
    width: 52.7%;
  }
}
.our-story {
  padding: 139px 0;
}
.our-story .story-img {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  position: relative;
}
@media screen and (min-width: 992px) {
  .our-story .story-img {
    width: 49%;
  }
}
.our-story .story-img .contain {
  position: absolute;
  bottom: 38px;
  left: 0;
}
.our-story .story-img .contain h2 {
  margin-bottom: 19px;
  padding-left: 20px;
  color: #fff;
}
@media screen and (min-width: 992px) {
  .our-story .story-img .contain h2 {
    padding-left: 184px;
  }
}
.our-story .story-img .contain .gold-border {
  width: 250px;
}
@media screen and (min-width: 992px) {
  .our-story .story-img .contain .gold-border {
    width: 100%;
  }
}
.our-story .story-img img {
  max-width: 100%;
  width: 100%;
}
.our-story .story-info {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 31px;
}
@media screen and (min-width: 992px) {
  .our-story .story-info {
    width: 49%;
    padding-left: 102px;
    padding-right: 49px;
    padding-top: 0px;
  }
}
@media screen and (min-width: 1500px) {
  .our-story .story-info {
    width: 49%;
    padding-left: 102px;
    padding-right: 227px;
    padding-top: 0px;
  }
}
.our-story .story-info .custom-button {
  padding: 15px 43px;
}
.our-story .story-info .custom-button:hover {
  cursor: pointer;
}
/*
===================================
OUR STORE
===================================
*/
.store-header {
  position: relative;
}
.store-header h1 {
  position: absolute;
  top: 18%;
  left: 10%;
  font-size: 31px;
}
@media screen and (min-width: 768px) {
  .store-header h1 {
    font-size: 50px;
    top: 38%;
  }
}
@media screen and (min-width: 992px) {
  .store-header h1 {
    top: 44%;
    font-size: 57px;
  }
}
.store-header h1 img {
  width: 176px;
}
@media screen and (min-width: 992px) {
  .store-header h1 img {
    width: 100%;
  }
}
.store-header .down-arrow {
  position: absolute;
  bottom: 15%;
  left: 10%;
  transition: 0.3s;
}
.store-header .down-arrow:hover {
  transform: scale(1.2);
  opacity: 1;
}
.build-whole {
  padding: 35px 20px;
}
@media screen and (min-width: 992px) {
  .build-whole {
    padding: 73px 20px;
  }
}
.build-whole .build-whole-info {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  padding-right: 0px;
  padding-left: 0px;
}
@media screen and (min-width: 992px) {
  .build-whole .build-whole-info {
    width: 49%;
    padding-right: 134px;
    padding-left: 71px;
  }
}
.build-whole .build-whole-info h2 {
  color: #a38e5d;
  letter-spacing: 12px;
  margin-bottom: 29px;
  font-size: 24px;
  text-transform: uppercase;
}
.build-whole .build-whole-info ul {
  column-count: 1;
  list-style: none;
  padding-left: 30px;
  margin-top: 19px;
}
@media screen and (min-width: 992px) {
  .build-whole .build-whole-info ul {
    column-count: 2;
  }
}
.build-whole .build-whole-info ul li::before {
  content: "\2022";
  color: #a38e5d;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.build-whole .build-whole-img {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  .build-whole .build-whole-img {
    width: 49%;
  }
}
.build-whole .build-whole-img img {
  width: 100%;
  max-width: 100%;
}
.local-products {
  padding-top: 31px;
  padding-bottom: 56px;
}
@media screen and (min-width: 992px) {
  .local-products {
    padding-bottom: 121px;
  }
}
.local-products .width-542 {
  margin-bottom: 41px;
}
.local-products .logo {
  display: inline-block;
  width: 158px;
  vertical-align: middle;
  padding: 14px 23px;
}
@media screen and (min-width: 992px) {
  .local-products .logo {
    padding: 14px 37px;
    width: 16%;
  }
}
.local-products .logo a:hover {
  opacity: 1;
}
.local-products .logo img {
  filter: grayscale(100%);
}
.local-products .logo img:hover {
  filter: grayscale(0);
  opacity: 1;
}
.events {
  background-image: url('/wp-content/themes/ungermeats/images/wood-bg.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 49px 20px;
}
@media screen and (min-width: 992px) {
  .events {
    padding: 182px 20px;
  }
}
.events .events-info {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.events .events-info ul {
  list-style: none;
}
.events .events-info ul li {
  margin-top: 20px;
}
.events .events-info ul li p:first-child {
  color: #a38e5d;
  font-weight: 700;
}
.events .events-info ul li::before {
  content: "\2022";
  color: #a38e5d;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -26px;
  position: absolute;
}
.events .events-info p,
.events .events-info a {
  color: #fff;
  font-weight: 400;
  margin: 0;
}
.events .events-info a {
  text-decoration: underline;
}
.events .rotate {
  transform: rotate(180deg);
  display: inline-block;
}
.events .arrow {
  width: 26px;
}
.events .accordion-toggle:first-of-type {
  border-top: 1px solid #a38e5d;
}
.events .event-accordion {
  margin-top: 60px;
}
.events .accordion-toggle {
  cursor: pointer;
  line-height: 2;
  font-size: 19px;
  font-weight: 700;
  padding: 13px 0;
  text-align: left;
  border-bottom: 1px solid #a38e5d;
}
.events .accordion-toggle .title {
  display: inline-block;
  width: 30%;
  vertical-align: middle;
}
.events .accordion-toggle .title p {
  font-weight: 700;
}
.events .accordion-toggle .date {
  display: inline-block;
  width: 30%;
  vertical-align: middle;
}
.events .accordion-toggle .time {
  display: inline-block;
  width: 25%;
  vertical-align: middle;
}
.events .accordion-toggle .arrow {
  width: 26px;
  display: none;
  width: 2%;
  vertical-align: middle;
  transition: 0.1s;
  float: right;
  margin-top: 13px;
  margin-right: 27px;
}
@media screen and (min-width: 768px) {
  .events .accordion-toggle .arrow {
    display: inline-block;
  }
}
.events .accordion-content {
  display: none;
  padding: 1px 0px 18px 0px;
}
@media screen and (min-width: 992px) {
  .events .accordion-content {
    padding: 1px 11px 18px 28px;
  }
}
.events .accordion-content .para {
  padding-top: 27px;
  padding-bottom: 10px;
}
/*
===================================
MEATS PAGE
===================================
*/
#home-grown {
  padding: 73px 20px;
}
#home-grown .home-grown-info {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding-right: 0px;
  padding-left: 0px;
  margin-top: 0px;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  #home-grown .home-grown-info {
    width: 49%;
    margin-top: 9px;
    padding-right: 14px;
    padding-left: 23px;
  }
}
@media screen and (min-width: 1500px) {
  #home-grown .home-grown-info {
    width: 49%;
    margin-top: 136px;
    padding-right: 134px;
    padding-left: 71px;
  }
}
#home-grown .home-grown-info h2 {
  color: #a38e5d;
  letter-spacing: 12px;
  margin-bottom: 29px;
  font-size: 24px;
  text-transform: uppercase;
}
#home-grown .home-grown-info ul {
  column-count: 1;
  list-style: none;
  padding-left: 30px;
  margin-top: 19px;
}
@media screen and (min-width: 992px) {
  #home-grown .home-grown-info ul {
    column-count: 2;
  }
}
#home-grown .home-grown-info ul li::before {
  content: "\2022";
  color: #a38e5d;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
#home-grown .home-grown-img {
  display: inline-block;
  width: 49%;
  vertical-align: middle;
}
#home-grown .home-grown-img img {
  width: 90%;
  max-width: 100%;
}
.products {
  padding-top: 0px;
  padding-bottom: 113px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .products {
    padding-top: 34px;
  }
}
.products .toggle2:hover {
  cursor: pointer;
}
.products .modal {
  background-color: #333;
}
.products .modal .close {
  color: #fff;
  opacity: 1;
  font-size: 53px;
  position: absolute;
  top: 16px;
  right: 29px;
}
.products .modal ul {
  list-style: none;
  padding-left: 31px;
}
.products .modal ul li {
  color: #fff;
}
.products .modal ul li::before {
  content: "\2022";
  color: #a38e5d;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.products .modal .modal-wrapper {
  position: relative;
}
.products .modal .mono {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.1;
}
.products .modal .member-info {
  padding-top: 130px;
}
@media screen and (min-width: 992px) {
  .products .modal .member-info {
    padding-top: 134px;
  }
}
.products .modal .member-photo,
.products .modal .member-description {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  text-align: left;
}
.products .modal .member-photo p,
.products .modal .member-description p,
.products .modal .member-photo a,
.products .modal .member-description a {
  color: #fff;
}
.products .modal .member-photo strong,
.products .modal .member-description strong,
.products .modal .member-photo h2,
.products .modal .member-description h2 {
  color: #a38e5d;
}
.products .modal .member-photo img,
.products .modal .member-description img {
  width: 100%;
  margin-bottom: 38px;
}
@media screen and (min-width: 600px) {
  .products .modal .member-photo img,
  .products .modal .member-description img {
    width: auto;
  }
}
@media screen and (min-width: 992px) {
  .products .modal .member-photo,
  .products .modal .member-description {
    width: 49%;
  }
}
.products .modal .member-photo p,
.products .modal .member-description p {
  color: #fff;
}
.products .modal .member-photo {
  text-align: right;
  padding-right: 143px;
}
.products .width-832 {
  padding-bottom: 51px;
}
.products .meat {
  width: 100%;
  padding: 0 14px;
  display: inline-block;
  vertical-align: top;
}
@media screen and (min-width: 500px) {
  .products .meat {
    width: 49%;
  }
}
@media screen and (min-width: 822px) {
  .products .meat {
    width: 33%;
  }
}
@media screen and (min-width: 992px) {
  .products .meat {
    width: 24%;
  }
}
.products .meat p {
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 9px;
  margin-bottom: 50px;
  font-size: 14px;
  text-align: left;
}
.custom-cutting {
  background-color: #333;
  padding: 47px 20px;
}
@media screen and (min-width: 992px) {
  .custom-cutting {
    padding: 125px 20px;
  }
}
.custom-cutting .game-description {
  width: 100%;
  float: none;
}
@media screen and (min-width: 992px) {
  .custom-cutting .game-description {
    width: 50%;
    float: right;
  }
}
.custom-cutting .custom-cutting-description {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .custom-cutting .custom-cutting-description {
    width: 50%;
  }
}
.custom-cutting h2 {
  color: #a38e5d;
  letter-spacing: 12px;
  margin-bottom: 29px;
  font-size: 24px;
  text-transform: uppercase;
  width: 100%;
  line-height: 1.3;
  margin-bottom: 21px;
}
@media screen and (min-width: 992px) {
  .custom-cutting h2 {
    width: 70%;
  }
}
.custom-cutting p {
  color: #fff;
  margin: 0;
}
.custom-cutting strong {
  color: #a38e5d;
}
#packs {
  padding-top: 69px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  #packs {
    padding-top: 70px;
  }
}
#packs .about-buttons {
  display: block;
  margin: 0 26px;
  border-bottom: 8px solid transparent;
  transition: 0.3s;
  padding-bottom: 24px;
}
@media screen and (min-width: 992px) {
  #packs .about-buttons {
    display: inline-block;
  }
}
#packs .about-buttons .active {
  border-bottom: none !important;
}
#packs .about-buttons:hover {
  border-bottom: 8px solid #a38e5d;
  cursor: pointer;
}
#packs .about-buttons:active {
  border-bottom: 8px solid #a38e5d;
}
#packs .about-buttons a {
  letter-spacing: 2px;
}
#packs .about-buttons a:hover {
  color: #333;
  opacity: 1;
}
#packs .about-buttons-container {
  border-bottom: 1px solid #a38e5d;
}
#packs .about-block {
  text-align: left;
}
#packs .giving-block .width-580 {
  margin-top: 65px;
  margin-bottom: 49px;
}
#packs .giving-block .pack {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin-bottom: 23px;
}
@media screen and (min-width: 992px) {
  #packs .giving-block .pack {
    width: 49%;
  }
}
#packs .giving-block .pack ul {
  list-style: none;
  padding-left: 27px;
}
#packs .giving-block .pack li {
  line-height: 31px;
}
#packs .giving-block .pack li::before {
  content: "\2022";
  color: #a38e5d;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
#packs .giving-block .pack p {
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
}
#packs .boxed-block .width-580,
#packs .heat-block .width-580,
#packs .board-block .width-580 {
  margin-top: 65px;
  margin-bottom: 49px;
}
#packs .boxed-block .pack,
#packs .heat-block .pack,
#packs .board-block .pack {
  display: inline-block;
  width: 49%;
  vertical-align: top;
  margin-bottom: 23px;
}
#packs .boxed-block .pack ul,
#packs .heat-block .pack ul,
#packs .board-block .pack ul {
  list-style: none;
  padding-left: 27px;
}
#packs .boxed-block .pack li,
#packs .heat-block .pack li,
#packs .board-block .pack li {
  line-height: 31px;
}
#packs .boxed-block .pack li::before,
#packs .heat-block .pack li::before,
#packs .board-block .pack li::before {
  content: "\2022";
  color: #a38e5d;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
#packs .boxed-block .pack p,
#packs .heat-block .pack p,
#packs .board-block .pack p {
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
}
.heat-block .pack {
  width: 100% !important;
}
.heat-block .pack ul {
  column-count: 1;
}
@media screen and (min-width: 992px) {
  .heat-block .pack ul {
    column-count: 2;
  }
}
.board-block a {
  color: #a38e5d;
}
.board-block .pack {
  width: 74% !important;
  display: block!important;
  margin: 0 auto!important;
}
.board-block .pack p {
  font-weight: 400!important;
  text-align: center;
  text-transform: none!important;
}
.recipes {
  padding-bottom: 66px;
  padding-top: 65px;
}
.recipes .width-832 {
  padding-bottom: 66px;
}
.recipes .recipe {
  width: 100%;
  padding: 0 14px;
  display: inline-block;
  vertical-align: top;
}
@media screen and (min-width: 600px) {
  .recipes .recipe {
    width: 49%;
  }
}
@media screen and (min-width: 768px) {
  .recipes .recipe {
    width: 33%;
  }
}
@media screen and (min-width: 992px) {
  .recipes .recipe {
    width: 25%;
  }
}
.recipes .recipe p {
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 9px;
  margin-bottom: 50px;
  text-align: left;
  font-size: 14px;
}
.find-our-products {
  padding-top: 25px;
  padding-bottom: 0px;
}
.find-our-products p {
  margin-bottom: 60px;
}
.find-our-products iframe {
  line-height: 0;
}
.find-our-products .product-logo {
  display: inline-block;
  width: 28%;
  margin: 35px 22px;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  .find-our-products .product-logo {
    width: 12%;
    margin: 35px 48px;
  }
}
.specials-section {
  background-image: url('/wp-content/themes/ungermeats/images/special-wood.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 233px;
  padding-bottom: 276px;
}
@media screen and (min-width: 992px) {
  .specials-section {
    padding-top: 328px;
    padding-bottom: 411px;
  }
}
.specials-section .button-contain a {
  padding: 15px 27px;
}
@media screen and (min-width: 992px) {
  .specials-section .button-contain a {
    padding: 15px 70px;
  }
}
.specials-section .spec-contain {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.specials-section p {
  color: #fff;
}
.specials-section .container {
  position: relative;
}
.specials-section .container img {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  transform: translate(-50%, -50%);
  width: 415px;
}
/*
===================================
SINGLE RECIPES PAGE
===================================
*/
.single-recipe {
  padding-top: 44px;
  padding-bottom: 84px;
}
@media screen and (min-width: 992px) {
  .single-recipe {
    padding-top: 234px;
  }
}
.single-recipe h2 {
  color: #a38e5d;
  font-size: 22px;
}
@media screen and (min-width: 992px) {
  .single-recipe h2 {
    font-size: 39px;
  }
}
.recipe-img {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
@media screen and (min-width: 992px) {
  .recipe-img {
    width: 49%;
  }
}
.recipe-info {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding-left: 0px;
}
@media screen and (min-width: 992px) {
  .recipe-info {
    width: 49%;
    padding-left: 57px;
  }
}
@media screen and (min-width: 1500px) {
  .recipe-info {
    padding-left: 126px;
  }
}
.recipe-info a {
  color: #a38e5d;
  display: block;
  margin-top: 37px;
}
.recipe-info li {
  margin-bottom: 8px;
  padding-left: 2px;
  padding-bottom: 8px;
}
.recipe-info ol {
  padding-left: 14px;
}
.recipe-info p {
  font-weight: 700;
  letter-spacing: 2px;
  margin-top: 23px;
}
@media screen and (min-width: 992px) {
  .recipe-info p {
    margin-top: 66px;
  }
}
.recipe-info .recipe-ingredients ul,
.recipe-info .recipe-ingredients2 ul {
  column-count: 1;
}
@media screen and (min-width: 992px) {
  .recipe-info .recipe-ingredients ul,
  .recipe-info .recipe-ingredients2 ul {
    column-count: 2;
  }
}
.recipe-info .recipe-directions ul,
.recipe-info .recipe-directions2 ul {
  list-style: decimal;
}
.recipe-info .recipe-directions ul li::before,
.recipe-info .recipe-directions2 ul li::before {
  content: none;
}
.recipe-info ul {
  list-style: none;
  padding-left: 23px;
}
.recipe-info ul li::before {
  content: "\2022";
  color: #a38e5d;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
/*
===================================
UNGER FEEDS PAGE (SHOP PAGE)
===================================
*/
.section1-shop {
  padding: 26px 20px;
}
@media screen and (min-width: 992px) {
  .section1-shop {
    padding: 73px 20px;
  }
}
.section1-shop .livestock {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  padding-right: 0px;
  padding-left: 0px;
}
@media screen and (min-width: 992px) {
  .section1-shop .livestock {
    padding-right: 134px;
    width: 49%;
    padding-left: 40px;
  }
}
.section1-shop .livestock h2 {
  color: #a38e5d;
  letter-spacing: 12px;
  margin-bottom: 29px;
  font-size: 24px;
  text-transform: uppercase;
  padding-right: 0px;
}
@media screen and (min-width: 1500px) {
  .section1-shop .livestock h2 {
    padding-right: 139px;
  }
}
.section1-shop .livestock-img {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  margin-top: 42px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .section1-shop .livestock-img {
    text-align: left;
    width: 49%;
    margin-top: 42px;
  }
}
.section1-shop .livestock-img img {
  width: 90%;
  max-width: 100%;
}
.feed-intro {
  padding-top: 41px;
  padding-bottom: 81px;
}
.feed-intro h2 {
  color: #a38e5d;
  letter-spacing: 12px;
  margin-bottom: 29px;
  font-size: 24px;
  text-transform: uppercase;
}
.feed-products ul:first-of-type {
  padding-right: 20px;
  padding-left: 20px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .feed-products ul:first-of-type {
    padding-right: 48px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 1500px) {
  .feed-products ul:first-of-type {
    padding-right: 48px;
    padding-left: 82px;
  }
}
@media screen and (min-width: 1800px) {
  .feed-products ul:first-of-type {
    padding-right: 48px;
    padding-left: 43px;
  }
}
.feed-products .searchandfilter ul > li > ul:not(.children) {
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
}
.feed-products .feed-filter {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
@media screen and (min-width: 992px) {
  .feed-products .feed-filter {
    width: 34%;
  }
}
@media screen and (min-width: 1500px) {
  .feed-products .feed-filter {
    width: 26%;
  }
}
.feed-products .feed-filter .filter {
  text-align: left;
}
.feed-products .feed-filter img {
  padding-left: 17px;
  width: 114px;
  margin-bottom: 21px;
}
@media screen and (min-width: 992px) {
  .feed-products .feed-filter img {
    padding-left: 0px;
    width: 100px;
  }
}
@media screen and (min-width: 1500px) {
  .feed-products .feed-filter img {
    padding-left: 0px;
    margin-left: 40px;
    width: 103px;
  }
}
.feed-products .feed-filter ul li:not(.sf-field-post-meta-category) {
  background-color: #a38e5d;
  transition: 0.5s;
  border: 1px solid #a38e5d;
  margin-bottom: 22px;
}
.feed-products .feed-filter ul li:not(.sf-field-post-meta-category) label {
  padding: 15px 64px;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 3px;
  color: #333;
}
.feed-products .feed-filter ul li:not(.sf-field-post-meta-category) label:hover {
  cursor: pointer;
}
.feed-products .feed-filter ul li:not(.sf-field-post-meta-category) input {
  display: none;
}
.feed-products .feed-filter ul li:not(.sf-field-post-meta-category):hover {
  background-color: #333;
  opacity: 1;
  border: 1px solid #a38e5d;
  cursor: pointer;
}
.feed-products .feed-filter ul li:not(.sf-field-post-meta-category):hover label {
  color: #a38e5d;
}
.feed-products .feed-results {
  display: inline-block;
  width: 100%;
  text-align: center;
  vertical-align: top;
}
@media screen and (min-width: 992px) {
  .feed-products .feed-results {
    width: 61%;
    text-align: left;
  }
}
.feed-products .feed-results p {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
  margin-top: 10px;
}
.feed-products .feed {
  display: inline-block;
  width: 85%;
  margin: 0px;
  margin-bottom: 61px;
}
@media screen and (min-width: 992px) {
  .feed-products .feed {
    width: 36%;
    margin: 0 28px;
  }
}
@media screen and (min-width: 1500px) {
  .feed-products .feed {
    width: 26%;
    margin: 0 28px;
  }
}
.feeding-supplies {
  background-color: #333;
  padding: 52px 20px;
  margin-top: 13px;
}
@media screen and (min-width: 992px) {
  .feeding-supplies {
    margin-top: 235px;
    padding: 125px 20px;
  }
}
.feeding-supplies .feeding-supplies-intro {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .feeding-supplies .feeding-supplies-intro {
    width: 50%;
  }
}
.feeding-supplies h2 {
  color: #a38e5d;
  letter-spacing: 12px;
  margin-bottom: 29px;
  font-size: 24px;
  text-transform: uppercase;
  width: 100%;
  line-height: 1.3;
  margin-bottom: 21px;
}
@media screen and (min-width: 992px) {
  .feeding-supplies h2 {
    width: 74%;
  }
}
.feeding-supplies p {
  color: #fff;
  margin: 0;
}
.feeding-supplies strong {
  color: #a38e5d;
}
.outfitters {
  padding: 39px 20px;
  transform: scaleX(-1);
}
.outfitters h2 {
  color: #a38e5d;
  letter-spacing: 12px;
  margin-bottom: 29px;
  font-size: 24px;
  text-transform: uppercase;
}
@media screen and (min-width: 992px) {
  .outfitters {
    padding: 167px 20px;
  }
}
.outfitters .outfitters-intro {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  padding-right: 0px;
  transform: scaleX(-1);
}
@media screen and (min-width: 992px) {
  .outfitters .outfitters-intro {
    width: 49%;
    padding-right: 125px;
  }
}
.outfitters .outfitters-img {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  transform: scaleX(-1);
}
@media screen and (min-width: 992px) {
  .outfitters .outfitters-img {
    width: 44%;
  }
}
.how-to-buy {
  padding: 45px 20px;
  padding-top: 45px;
}
.how-to-buy h2 {
  color: #a38e5d;
  letter-spacing: 12px;
  margin-bottom: 29px;
  font-size: 24px;
  text-transform: uppercase;
}
@media screen and (min-width: 992px) {
  .how-to-buy {
    padding: 57px 20px;
  }
}
.how-to-buy .how-to-buy-intro {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  padding-left: 0px;
}
@media screen and (min-width: 992px) {
  .how-to-buy .how-to-buy-intro {
    width: 49%;
    padding-left: 125px;
  }
}
.how-to-buy .how-to-buy-img {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  .how-to-buy .how-to-buy-img {
    width: 44%;
  }
}
.pet-supplies {
  padding: 39px 20px;
  transform: scaleX(-1);
}
@media screen and (min-width: 992px) {
  .pet-supplies {
    padding: 167px 20px;
  }
}
.pet-supplies .pet-supplies-intro {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  padding-right: 0px;
  transform: scaleX(-1);
}
@media screen and (min-width: 992px) {
  .pet-supplies .pet-supplies-intro {
    width: 49%;
    padding-right: 125px;
  }
}
.pet-supplies .pet-supplies-img {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  margin-bottom: 40px;
  transform: scaleX(-1);
}
@media screen and (min-width: 992px) {
  .pet-supplies .pet-supplies-img {
    width: 44%;
  }
}
.pet-supplies .pet-supplies-img .flex-control-nav,
.pet-supplies .pet-supplies-img .flex-next,
.pet-supplies .pet-supplies-img .flex-prev {
  display: block;
}
/*
===================================
SINGLE (SHOP PAGE)
===================================
*/
.back-btn {
  margin-bottom: 20px;
}
.back-btn a {
  color: #a38e5d;
}
.active {
  border-bottom: 7px solid #a38e5d !important;
}
.single-grains-container {
  padding: 52px 20px;
}
@media screen and (min-width: 992px) {
  .single-grains-container {
    padding: 224px 20px;
  }
}
.single-grains-container .grain-img {
  display: inline-block;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .single-grains-container .grain-img {
    width: 45%;
  }
}
.single-grains-container .button-contain a {
  padding: 15px 98px;
}
@media screen and (min-width: 992px) {
  .single-grains-container .button-contain a {
    padding: 15px 150px;
  }
}
@media screen and (min-width: 1509px) {
  .single-grains-container .button-contain a {
    padding: 15px 266px;
  }
}
.single-grains-container .grain-info {
  display: inline-block;
  padding-left: 0px;
  width: 100%;
  vertical-align: top;
}
@media screen and (min-width: 992px) {
  .single-grains-container .grain-info {
    width: 54%;
    padding-left: 112px;
  }
}
.single-grains-container .grain-info h2 {
  color: #a38e5d;
  font-size: 38px;
  margin-bottom: 4px;
  margin-top: 46px;
}
@media screen and (min-width: 992px) {
  .single-grains-container .grain-info h2 {
    font-size: 44px;
    margin-top: 0;
  }
}
.single-grains-container .grain-info p:first-of-type {
  margin-bottom: 41px;
}
.single-grains-container .grain-info .product-tabs {
  width: 100%;
  border-bottom: 1px solid #a38e5d;
}
@media screen and (min-width: 992px) {
  .single-grains-container .grain-info .product-tabs {
    width: 93%;
  }
}
.single-grains-container .grain-info .product-tabs p {
  display: inline-block;
  padding: 7px 42px;
  transition: 0.3s;
  margin: 0;
  border-bottom: 7px solid transparent;
}
.single-grains-container .grain-info .product-tabs p:hover {
  border-bottom: 7px solid #a38e5d;
  cursor: pointer;
}
.single-grains-container .product-block {
  padding-top: 39px;
}
.single-grains-container .analysis td {
  padding: 0 22px;
}
@media screen and (min-width: 992px) {
  .single-grains-container .analysis td {
    padding: 0 62px;
  }
}
/*
===================================
SPECIALS PAGE
===================================
*/
.specials-container {
  padding-top: 43px;
  padding-bottom: 156px;
}
@media screen and (min-width: 992px) {
  .specials-container {
    padding-top: 178px;
  }
}
.specials-container .gold-border {
  margin-left: -121px;
  width: 335px;
}
@media screen and (min-width: 992px) {
  .specials-container .gold-border {
    width: 550px;
  }
}
.specials-container .special:nth-of-type(odd) {
  transform: scaleX(-1);
}
.specials-container .special:nth-of-type(odd) .special-img {
  transform: scaleX(-1);
}
.specials-container .special:nth-of-type(odd) .special-description {
  transform: scaleX(-1);
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (min-width: 992px) {
  .specials-container .special:nth-of-type(odd) .special-description {
    padding-left: 35px;
    padding-right: 106px;
  }
}
.specials-container .special:nth-of-type(odd) .special-description p,
.specials-container .special:nth-of-type(odd) .special-description h2 {
  text-align: right;
}
.specials-container .special {
  padding-top: 82px;
}
@media screen and (min-width: 992px) {
  .specials-container .special {
    padding-top: 134px;
  }
}
.specials-container .special h2 {
  color: #a38e5d;
  margin-bottom: 38px;
}
.specials-container .special p:first-of-type {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.specials-container .special .special-description {
  padding-left: 0px;
}
@media screen and (min-width: 992px) {
  .specials-container .special .special-description {
    padding-left: 104px;
  }
}
.specials-container .special .special-description p {
  margin: 0;
}
.specials-container .special .special-img,
.specials-container .special .special-description {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  .specials-container .special .special-img,
  .specials-container .special .special-description {
    width: 49%;
  }
}
/*
===================================
UNGER BBQ
===================================
*/
.arrow-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
  position: absolute;
  top: 8px;
  left: 121px;
  transition: 0.3s;
}
.arrow-up.active {
  transform: rotate(180deg);
}
.page-id-1328 .flex-control-nav {
  display: block;
}
.page-id-1328 #bbq-recipes {
  margin-top: 80px;
}
.page-id-1328 #bbq {
  margin-top: 80px;
}
.page-id-1328 .bbq-filter {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
@media screen and (min-width: 992px) {
  .page-id-1328 .bbq-filter {
    width: 34%;
  }
}
@media screen and (min-width: 1500px) {
  .page-id-1328 .bbq-filter {
    width: 26%;
  }
}
.page-id-1328 .bbq-filter .filter {
  text-align: left;
  position: relative;
}
.page-id-1328 .bbq-filter .filter:hover {
  cursor: pointer;
}
.page-id-1328 .bbq-filter img {
  padding-left: 17px;
  width: 114px;
  margin-bottom: 21px;
}
@media screen and (min-width: 992px) {
  .page-id-1328 .bbq-filter img {
    padding-left: 0px;
    width: 100px;
  }
}
@media screen and (min-width: 1500px) {
  .page-id-1328 .bbq-filter img {
    padding-left: 0px;
    margin-left: 40px;
    width: 103px;
  }
}
.page-id-1328 .bbq-filter ul li:not(.sf-field-post-meta-bbq_category) {
  background-color: #a38e5d;
  transition: 0.5s;
  border: 1px solid #a38e5d;
  margin-bottom: 22px;
}
.page-id-1328 .bbq-filter ul li:not(.sf-field-post-meta-bbq_category) label {
  padding: 15px 64px;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 3px;
  color: #333;
}
.page-id-1328 .bbq-filter ul li:not(.sf-field-post-meta-bbq_category) label:hover {
  cursor: pointer;
}
.page-id-1328 .bbq-filter ul li:not(.sf-field-post-meta-bbq_category) input {
  display: none;
}
.page-id-1328 .bbq-filter ul li:not(.sf-field-post-meta-bbq_category):hover {
  background-color: #333;
  opacity: 1;
  border: 1px solid #a38e5d;
  cursor: pointer;
}
.page-id-1328 .bbq-filter ul li:not(.sf-field-post-meta-bbq_category):hover label {
  color: #a38e5d;
}
.questions .livestock h2 {
  letter-spacing: 0;
  font-size: 29px;
  text-transform: none;
  padding-right: 0;
  color: #333;
}
.video-tutorial h2,
.bbq-recipes h2 {
  color: #a38e5d;
  letter-spacing: 12px;
  margin-bottom: 29px;
  font-size: 24px;
  text-transform: uppercase;
}
.video-tutorial {
  margin-top: 140px;
  margin-bottom: 140px;
}
.video-tutorial .video-intro {
  padding-right: 0px;
  margin-bottom: 80px;
}
@media screen and (min-width: 992px) {
  .video-tutorial .video-intro {
    padding-right: 540px;
  }
}
.video-tutorial iframe {
  width: 100%;
  height: 334px;
}
@media screen and (min-width: 992px) {
  .video-tutorial iframe {
    height: 634px;
  }
}
/*
===================================
BBQ SINGLE VIEW
===================================
*/
.postid-1382 .custom-button {
  display: block;
  text-align: center;
  margin-top: 11px;
}
.slick-initialized .slick-slide {
  padding: 0 5px;
}
.slick-initialized .slick-slide:hover {
  cursor: pointer;
}
.single-grains-container .grain-info .product-tabs p {
  padding: 7px 28.9px;
}
/*
===================================
FOOTER
===================================
*/
.bbq-btn {
  width: 100%;
  display: block;
  text-align: center;
}
.footer-social img {
  width: 32px;
  margin-top: 33px;
  margin-right: 16px;
}
.footer-social a {
  padding: 0 !important;
}
.wood {
  background-image: url('/wp-content/themes/ungermeats/images/wood-bg.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-bottom: 44px;
}
@media screen and (min-width: 992px) {
  .wood {
    background-attachment: unset;
    padding-bottom: 0;
  }
}
.wood #map-container,
.wood #contact {
  width: 100%;
  vertical-align: middle;
  display: inline-block;
}
@media screen and (min-width: 992px) {
  .wood #map-container,
  .wood #contact {
    width: 49%;
  }
}
.wood #map-container iframe {
  height: 404px;
}
@media screen and (min-width: 992px) {
  .wood #map-container iframe {
    height: 890px;
  }
}
.wood #contact {
  padding-left: 20px;
  vertical-align: top;
  padding-top: 32px;
}
.wood #contact h2 {
  color: #fff;
}
@media screen and (min-width: 992px) {
  .wood #contact {
    padding-left: 166px;
    padding-top: 93px;
  }
}
.wood #contact p,
.wood #contact a:not(.custom-button) {
  color: #fff;
  font-weight: 400;
}
.wood #contact .button-contain {
  padding-top: 49px;
}
.wood #contact .button-contain a {
  padding: 15px 44px;
}
.wood #contact p {
  margin: 0;
}
.wood #contact p:nth-of-type(2),
.wood #contact p:nth-of-type(9),
.wood #contact p:nth-of-type(11),
.wood #contact p:nth-of-type(5) {
  margin-top: 22px;
}
.wood #contact p:first-of-type {
  padding-right: 0px;
  margin-top: 34px;
}
@media screen and (min-width: 992px) {
  .wood #contact p:first-of-type {
    padding-right: 0px;
  }
}
@media screen and (min-width: 1500px) {
  .wood #contact p:first-of-type {
    padding-right: 275px;
  }
}
.wood #contact h2 {
  margin-bottom: 17px;
  margin-top: 0;
}
.wood #contact .gold-border {
  margin-left: 0px;
  width: 250px;
}
@media screen and (min-width: 992px) {
  .wood #contact .gold-border {
    margin-left: -170px;
    width: 365px;
  }
}
@media screen and (min-width: 1500px) {
  .wood #contact .gold-border {
    margin-left: -170px;
    width: 380px;
  }
}
.wood #contact a:not(.custom-button) {
  color: #a38e5d;
}
.wood #contact strong {
  letter-spacing: 2px;
}
.second-footer {
  background-color: #333;
  padding-top: 64px;
  padding-left: 20px;
  padding-right: 20px;
}
.second-footer .footer-logo {
  display: inline-block;
  width: 200px;
  vertical-align: middle;
  text-align: center;
  margin-bottom: 29px;
}
@media screen and (min-width: 1320px) {
  .second-footer .footer-logo {
    width: 19%;
  }
}
@media screen and (min-width: 1500px) {
  .second-footer .footer-logo {
    width: 25%;
    margin-bottom: 0;
  }
}
.second-footer .footer-logo img {
  width: 200px;
}
.second-footer .second-contact {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
@media screen and (min-width: 1320px) {
  .second-footer .second-contact {
    width: 79%;
  }
}
@media screen and (min-width: 1500px) {
  .second-footer .second-contact {
    width: 72%;
  }
}
.second-footer .second-contact .phone,
.second-footer .second-contact .email,
.second-footer .second-contact .second-hours,
.second-footer .second-contact .button-contain {
  display: block;
  width: 100%;
  vertical-align: top;
  margin-bottom: 23px;
}
@media screen and (min-width: 1320px) {
  .second-footer .second-contact .phone,
  .second-footer .second-contact .email,
  .second-footer .second-contact .second-hours,
  .second-footer .second-contact .button-contain {
    width: 25%;
    display: inline-block;
  }
}
@media screen and (min-width: 1500px) {
  .second-footer .second-contact .phone,
  .second-footer .second-contact .email,
  .second-footer .second-contact .second-hours,
  .second-footer .second-contact .button-contain {
    width: 22%;
    display: inline-block;
  }
}
.second-footer .second-contact .phone p:first-of-type,
.second-footer .second-contact .email p:first-of-type,
.second-footer .second-contact .second-hours p:first-of-type,
.second-footer .second-contact .button-contain p:first-of-type {
  margin-top: 30px;
  letter-spacing: 2px;
}
@media screen and (min-width: 1200px) {
  .second-footer .second-contact .phone p:first-of-type,
  .second-footer .second-contact .email p:first-of-type,
  .second-footer .second-contact .second-hours p:first-of-type,
  .second-footer .second-contact .button-contain p:first-of-type {
    margin-top: 0;
  }
}
.second-footer .second-contact .button-contain {
  padding: 38px 0px;
}
@media screen and (min-width: 1320px) {
  .second-footer .second-contact .button-contain {
    padding: 15px 0px;
  }
}
@media screen and (min-width: 1500px) {
  .second-footer .second-contact .button-contain {
    padding: 15px 30px;
  }
}
.second-footer .second-contact .button-contain a {
  padding: 15px 23px;
}
@media screen and (min-width: 1200px) {
  .second-footer .second-contact .button-contain a {
    padding: 15px 30px;
  }
}
@media screen and (min-width: 1700px) {
  .second-footer .second-contact .button-contain a {
    padding: 15px 68px;
  }
}
.second-footer .second-contact .phone-email {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .second-footer .second-contact .phone-email {
    width: 25%;
  }
}
.second-footer .second-contact .second-hours {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .second-footer .second-contact .second-hours {
    width: 22%;
  }
}
.second-footer .second-contact .button-contain {
  width: 100%;
}
@media screen and (min-width: 1320px) {
  .second-footer .second-contact .button-contain {
    width: 24%;
  }
}
@media screen and (min-width: 1500px) {
  .second-footer .second-contact .button-contain {
    width: 30%;
  }
}
.second-footer .second-contact p,
.second-footer .second-contact a:not(.custom-button) {
  color: #a38e5d;
  font-weight: 400;
  margin: 0;
}
.second-footer .copyright {
  padding-top: 29px;
  padding-bottom: 9px;
}
.second-footer .copyright a,
.second-footer .copyright span {
  color: #ffffff36;
  font-weight: 400;
  font-size: 12px;
}
/*
===================================
404 Page
===================================
*/
.error-404 {
  text-align: center;
  margin-top: 254px;
  margin-bottom: 223px;
}
.error-404 .page-title {
  color: #333;
  font-weight: 400;
  margin-top: 436px;
}
.error-404 .page-header {
  border: none;
  margin: 0 0 20px;
  background-color: transparent;
}
.error-404 .page-content h1 {
  font-size: 120px;
  line-height: 120px;
  font-weight: 900;
  color: #333;
}