@import url('https://use.typekit.net/eax6isi.css');
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* start styling */
.play-button {
  position: relative;
}
.play-button::after {
  content: "";
  background-image: url('https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/play-arrow-red.svg');
  background-repeat: no-repeat;
  background-size: 210%;
  background-position: center;
  border-radius: 120px;
  background-color: #ffffff;
  position: absolute;
  display: block;
  width: 21%;
  height: 38%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
/**
    Proxima Nova Bold
    font-family:  proxima-nova,   sans-serif;
    font-weight:  700;
    font-style:  normal;

    Proxima Nova Bold Italic
    font-family:  proxima-nova,   sans-serif;
    font-weight:  700;
    font-style:  italic;

    Proxima Nova Thin
    font-family:  proxima-nova,   sans-serif;
    font-weight:  100;
    font-style:  normal;

    Proxima Nova Semibold
    font-family:  proxima-nova,   sans-serif;
    font-weight:  600;
    font-style:  normal;

    Proxima Nova Regular
    font-family:  proxima-nova,   sans-serif;
    font-weight:  400;
    font-style:  normal;

    Proxima Nova Italic
    font-family:  proxima-nova,   sans-serif;
    font-weight:  400;
    font-style:  italic;

    Proxima Nova Light
    font-family:  proxima-nova,   sans-serif;
    font-weight:  300;
    font-style:  normal;

    Proxima Nova Medium
    font-family:  proxima-nova,   sans-serif;
    font-weight:  500;
    font-style:  normal;


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

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

    mobile fonts
    D60px
    font-size: 48px;
    D24px 
    font-size: 21px;
    font-size: 18px;
    font-size: 16px;

**/
.bg-theme-black {
  background-color: #1e262c;
}
.bg-grey {
  background-color: #f7f8f8;
}
.bg-red {
  background-color: #d31145;
}
body {
  font-family: 'proxima-nova', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.main-content {
  clear: both;
}
.container {
  margin: 0 auto;
  padding: 0 10px;
}
.grecaptcha-badge {
  display: none !important;
}
.button {
  color: #d31145;
  background-color: #ffffff;
  font-family: 'proxima-nova', sans-serif;
  font-size: 18px;
  letter-spacing: 0.9px;
  font-weight: 600;
  text-align: center;
  padding: 10px 20px;
  text-transform: uppercase;
  transition: all 400ms 0s ease-in-out, all 400ms 0s ease;
}
.button:hover {
  color: #ffffff;
  background-color: #d31145;
}
@media only screen and (max-width: 768px) {
  .button {
    padding: 12px 20px;
  }
}
.button.inverse {
  color: #ffffff;
  background-color: #d31145;
  font-family: 'proxima-nova', sans-serif;
  font-size: 18px;
  letter-spacing: 0.9px;
  font-weight: 600;
  text-align: center;
  padding: 10px 20px;
  text-transform: uppercase;
}
.button.inverse:hover {
  color: #d31145;
  background-color: #ffffff;
}
@media only screen and (max-width: 768px) {
  .button.inverse {
    padding: 12px 20px;
  }
}
.button.transparent {
  color: #d31145;
  background-color: rgba(0, 0, 0, 0);
  font-family: 'proxima-nova', sans-serif;
  font-size: 18px;
  letter-spacing: 0.9px;
  font-weight: 600;
  text-align: center;
  padding: 10px 20px;
  text-transform: uppercase;
  border: 3px solid #d31145;
  padding: 12px 20px;
}
.button.transparent:hover {
  color: rgba(0, 0, 0, 0);
  background-color: #d31145;
}
@media only screen and (max-width: 768px) {
  .button.transparent {
    padding: 12px 20px;
  }
}
.button.transparent:hover {
  color: #ffffff;
  background-color: #d31145;
}
.button.hover-border {
  border: 3px solid #d31145;
}
.button.sm {
  padding: 20px 30px;
}
.svg {
  content: '';
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.svg-after:after {
  content: '';
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.wpcf7-response-output {
  border-color: transparent !important;
  text-align: center;
  font-family: 'proxima-nova', sans-serif;
}
section {
  padding: 80px 0;
}
@media only screen and (max-width: 768px) {
  section {
    padding: 60px 0;
  }
  section .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.section-heading {
  color: #1e262c;
}
.section-heading .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.section-heading .container .section-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: 'Roboto Slab', serif;
  font-size: 54px;
  font-weight: 300;
  line-height: 1.6;
}
.section-heading .container .section-title:before {
  margin-bottom: 30px;
  content: '';
  width: 200px;
  height: 5px;
  background: #d31145;
}
@media only screen and (max-width: 768px) {
  .section-heading .container .section-title:before {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .section-heading .container .section-title {
    font-size: 40px;
    line-height: 1.2;
  }
}
.section-heading .container .section-description {
  max-width: 950px;
  display: flex;
  align-self: center;
  margin-top: 20px;
  font-family: 'proxima-nova', sans-serif;
  font-size: 21px;
  line-height: 1.33;
}
@media only screen and (max-width: 768px) {
  .section-heading .container .section-description {
    font-size: 18px;
  }
}
.section-heading.color-white {
  color: #ffffff;
}
.section-heading.color-white .container .section-title:before {
  background-color: #ffffff;
}
.section-heading.reverse .container .section-title {
  flex-direction: column-reverse;
}
.section-heading.reverse .container .section-title:before {
  margin-bottom: 0;
  margin-top: 15px;
}
.section-heading.reverse .container .section-description {
  margin-top: 40px;
}
.single-brand .container .section-heading .container .section-description {
  display: block;
}
.single-brand .container .section-heading .container .section-description a {
  text-decoration: underline;
  color: #d31145;
  font-weight: bold;
}
.single-brand .container .section-heading .container .section-description ul {
  list-style: disc;
  padding-left: 20px;
}
.single-brand .container .section-heading .container .section-description ul li {
  text-align: left;
  font-size: 24px;
  line-height: 1.33;
  font-family: 'proxima-nova', sans-serif;
  max-width: 900px;
  margin-top: 20px;
}
.custom-solution {
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-solution p {
  font-family: 'Roboto Slab', serif;
  font-size: 24px;
  color: #d31145;
  margin-right: 30px;
}
@media only screen and (max-width: 768px) {
  .custom-solution p {
    font-size: 18px;
  }
}
.nutrition-facts {
  background-color: #ffffff;
  padding: 20px 40px;
  border: 1px solid #e2e3e6;
  flex-basis: 49%;
  font-family: 'proxima-nova', sans-serif;
  text-align: center;
  height: 100%;
}
.nutrition-facts .border-b-sm {
  position: relative;
}
.nutrition-facts .border-b-sm::after {
  height: 2px;
  background-color: #1e262c;
  content: "";
  display: block;
  position: relative;
  bottom: -10px;
  width: 100%;
}
.nutrition-facts .border-b-lg {
  position: relative;
}
.nutrition-facts .border-b-lg::after {
  height: 10px;
  background-color: #1e262c;
  content: "";
  display: block;
  position: relative;
  bottom: -10px;
  width: 100%;
}
.nutrition-facts .nutrition-row {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 20px;
}
.nutrition-facts .nutrition-row .row-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nutrition-facts .nutrition-row .row-content .header {
  font-size: 26px;
  font-weight: 700;
}
.nutrition-facts .nutrition-row .row-content .per-serving {
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .nutrition-facts .nutrition-row .row-content .per-serving {
    font-size: 16px;
  }
}
.nutrition-facts .nutrition-row .row-content .calories,
.nutrition-facts .nutrition-row .row-content .calories-value {
  font-size: 27px;
}
@media only screen and (max-width: 768px) {
  .nutrition-facts .nutrition-row .row-content .calories,
  .nutrition-facts .nutrition-row .row-content .calories-value {
    font-size: 18px;
  }
}
.nutrition-facts #show-hide {
  color: #d31145;
  font-family: 'proxima-nova', sans-serif;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}
section.contact-bar {
  padding: 60px 0;
  background-color: #d31145;
}
@media (max-width: 500px) {
  section.contact-bar .container {
    flex-direction: column;
  }
}
section.contact-bar .chat {
  margin-right: 40px;
  min-width: 80px;
  height: 80px;
  width: 80px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='red_icons' x='0px' y='0px' viewBox='0 0 77.7 66.8' style='enable-background:new 0 0 77.7 66.8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M5.4,13c-2.5,2.7-3.9,6-3.9,9.5c0,5.2,3.2,9.8,8.1,12.9v9.3l8.4-6c1.9,0.4,3.9,0.6,5.9,0.6 c12.4,0,22.5-7.5,22.5-16.7c0-9.2-10.1-16.7-22.5-16.7c-5.8,0-11,1.6-15,4.3'/%3E%3Cg%3E%3Ccircle class='st0' cx='13.4' cy='22.4' r='2.4'/%3E%3Ccircle class='st0' cx='24' cy='22.4' r='2.4'/%3E%3Ccircle class='st0' cx='34.6' cy='22.4' r='2.4'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cline class='st0' x1='41.2' y1='37.6' x2='66.2' y2='37.6'/%3E%3Cline class='st0' x1='41.2' y1='43.8' x2='66.2' y2='43.8'/%3E%3Cline class='st0' x1='41.2' y1='49.9' x2='66.2' y2='49.9'/%3E%3C/g%3E%3Cpath class='st0' d='M45.6,27.5c2.5-0.7,5.2-1.1,8.1-1.1c12.4,0,22.5,7.5,22.5,16.7'/%3E%3Cpath class='st0' d='M75.6,47.1c-1.2,3.6-3.8,6.7-7.5,8.9v9.3l-8.4-6c-1.9,0.4-3.9,0.6-5.9,0.6c-12.4,0-22.5-7.5-22.5-16.7 c0-1.6,0.3-3.1,0.8-4.5'/%3E%3C/g%3E%3Cpath class='st0' d='M50.3,16.3c-2-7.3-9.5-13-19.1-14.8'/%3E%3Cpath class='st0' d='M48.9,64.4C38.8,63.4,30.6,58,27.8,50.8'/%3E%3C/g%3E%3C/svg%3E");
}
@media (max-width: 500px) {
  section.contact-bar .chat {
    margin-right: 0;
  }
}
section.contact-bar .contact-text {
  font-family: 'ROBOTO SLAB';
  font-size: 30px;
  color: #ffffff;
  margin-right: 50px;
}
@media (max-width: 500px) {
  section.contact-bar .contact-text {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media (max-width: 500px) {
  section.contact-bar .contact-ctas {
    flex-direction: column;
  }
  section.contact-bar .contact-ctas .contact-cta {
    margin-bottom: 10px;
  }
  section.contact-bar .contact-ctas .contact-cta:first-child {
    margin-right: 0;
  }
}
section.contact-bar .contact-cta {
  margin-right: 30px;
  padding: 10px 30px;
  border: 3px solid #ffffff;
  transition: all 400ms 0s ease-in-out, all 400ms 0s ease;
}
section.contact-bar .contact-cta:last-child {
  margin-right: 0;
}
.listings-pagination {
  margin-top: 50px;
}
.listings-pagination .pagination-btn {
  outline: none;
  width: 50px;
  height: 50px;
  margin-right: 50px;
  background-color: #d31145;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 480px) {
  .listings-pagination .pagination-btn {
    margin-right: 20px;
  }
}
.listings-pagination .pagination-btn.pagination-prev:after {
  content: '';
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 30px;
  height: 30px;
  width: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z' fill='%23ffffff'/%3E%3C/svg%3E");
  transform: rotateZ(180deg);
}
.listings-pagination .pagination-btn.pagination-next {
  margin-left: 50px;
  margin-right: 0;
}
@media only screen and (max-width: 480px) {
  .listings-pagination .pagination-btn.pagination-next {
    margin-left: 20px;
    margin-right: 0;
  }
}
.listings-pagination .pagination-btn.pagination-next:after {
  content: '';
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 30px;
  height: 30px;
  width: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z' fill='%23ffffff'/%3E%3C/svg%3E");
}
.listings-pagination .pagination-btn.disabled {
  border: solid 1px #e2e3e6;
  background-color: #fff;
  cursor: auto;
}
.listings-pagination .pagination-btn.disabled:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z' fill='%23e2e3e6'/%3E%3C/svg%3E");
}
.listings-pagination .pagination-pages {
  font-family: 'proxima-nova';
  font-size: 26px;
  font-weight: 600;
  color: #1e262c;
}
@media only screen and (max-width: 768px) {
  .listings-pagination .pagination-pages {
    font-size: 21px;
  }
}
.listings-pagination .pagination-pages .page {
  margin-right: 30px;
}
@media only screen and (max-width: 480px) {
  .listings-pagination .pagination-pages .page {
    margin-right: 15px;
  }
}
.listings-pagination .pagination-pages .page:last-child {
  margin-right: 0;
}
.listings-pagination .pagination-pages .page:hover {
  color: #d31145;
}
.listings-pagination .pagination-pages .page.active {
  color: #d31145;
}
.post-page {
  padding: 100px 0;
}
.post-page .container .section-heading .section-title {
  align-items: flex-start;
  max-width: 50%;
  text-align: left;
}
.post-page .container .page-content {
  margin-top: 85px;
  font-family: 'proxima-nova';
  font-size: 24px;
  line-height: 1.33;
  text-align: left;
  color: #1e262c;
}
.post-page .container .page-content a {
  font-weight: bold;
  color: #d31145;
  text-decoration: underline;
}
.post-page .container .page-content p {
  margin-bottom: 40px;
}
.latest-news .cta {
  display: inline-block;
  position: relative;
  font-size: 17px;
  padding: 5px 20px;
  font-weight: bold;
  border: 3px solid #d31145;
  color: #d31145;
  transition: all 400ms 0s ease-in-out, all 400ms 0s ease;
}
.latest-news .cta.all-news {
  font-size: 18px;
  padding: 8px 25px;
}
.latest-news .cta:hover {
  background-color: #d31145;
  color: #ffffff;
}
.latest-news .container .wrapper .title {
  flex-basis: 16.666667%;
  margin-right: 40px;
  flex-grow: 1;
}
.latest-news .container .wrapper .title h1 {
  font-size: 60px;
  color: #1e262c;
  line-height: 1.25;
  font-weight: 300;
  position: relative;
  max-width: 190px;
  font-family: 'Roboto Slab', serif;
}
.latest-news .container .wrapper .title h1::before {
  content: "";
  height: 5px;
  background-color: #d31145;
  width: 75%;
  display: block;
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  .latest-news .container .wrapper .title h1 {
    font-size: 48px;
  }
}
@media (max-width: 960px) {
  .latest-news .container .wrapper {
    flex-direction: column;
  }
  .latest-news .container .wrapper .title,
  .latest-news .container .wrapper .news-item {
    width: 100%;
    flex-basis: 100%;
  }
  .latest-news .container .wrapper .title {
    justify-content: center;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
  }
  .latest-news .container .wrapper .title > h1 {
    margin: 0 0 20px 0;
  }
}
.news-item {
  margin-right: 40px;
  flex-basis: 25%;
  width: 28%;
  flex-grow: 1;
}
.news-item .cta {
  display: inline-block;
  position: relative;
  font-size: 17px;
  padding: 5px 20px;
  font-weight: bold;
  border: 3px solid #d31145;
  color: #d31145;
  transition: all 400ms 0s ease-in-out, all 400ms 0s ease;
}
.news-item .cta.all-news {
  font-size: 18px;
  padding: 8px 25px;
}
.news-item .cta:hover {
  background-color: #d31145;
  color: #ffffff;
}
.news-item .title {
  margin: 10px 0 0 0;
  font-size: 42px;
  color: #d31145;
  font-weight: 300;
  font-family: 'Roboto Slab', serif;
  line-height: 1.25;
  transition: all 400ms 0s ease-in-out, all 400ms 0s ease;
}
@media (max-width: 480px) {
  .news-item .title {
    font-size: 38px !important;
  }
}
.news-item .title:hover {
  color: #1e262c;
}
.news-item .date {
  margin: 10px 0 0 0;
  color: #abb0b8;
  font-size: 16px;
  font-family: 'proxima-nova', sans-serif;
  font-weight: 300;
}
.news-item .excerpt {
  margin: 10px 0 0 0;
  color: #1e262c;
  font-family: 'proxima-nova', sans-serif;
  font-size: 21px;
}
@media (max-width: 480px) {
  .news-item .excerpt {
    font-size: 18px;
  }
}
.news-item .read-more {
  margin: 50px 0 0 0;
  display: block;
  color: #d31145;
  font-size: 18px;
  font-weight: 600;
  font-family: 'proxima-nova', sans-serif;
  display: flex;
  align-items: center;
  transition: all 400ms 0s ease-in-out, all 400ms 0s ease;
}
.news-item .read-more::after {
  content: url('https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/arrow-right-red.svg');
  display: block;
  width: 20px;
  height: 20px;
  margin-left: 10px;
}
.news-item .read-more:hover {
  color: #1e262c;
}
.news-item:last-child {
  margin-right: 0;
}
@media (max-width: 960px) {
  .news-item {
    margin-top: 50px;
  }
}
@supports (-moz-appearance:none) {
  body {
    transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
    margin-top: 120px !important;
  }
  body.alert-visible {
    margin-top: 200px !important;
  }
  header {
    position: fixed !important;
  }
}
header,
.michael-foods-only {
  background: #1e262c;
  width: 100%;
  float: left;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  z-index: 9999;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
}
header .submenu,
.michael-foods-only .submenu {
  display: none;
}
header .cta,
.michael-foods-only .cta {
  background-color: #d31145;
  height: 50px;
  margin: 0px 0px 0px 30px;
  padding: 0px 30px 0px 30px;
  font-size: 18px;
  font-weight: 600;
  line-height: 44px;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  border: 3px solid #d31145;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
  letter-spacing: 0.05em;
}
header .cta:hover,
.michael-foods-only .cta:hover {
  background: #ffffff;
  color: #d31145;
}
header .cta.white,
.michael-foods-only .cta.white {
  background-color: #ffffff;
  color: #d31145;
  border-color: #ffffff;
}
header .cta.white:hover,
.michael-foods-only .cta.white:hover {
  background-color: #d31145;
  color: #ffffff;
}
header .stage,
.michael-foods-only .stage {
  width: calc(100% - 80px);
  max-width: 1400px;
  float: left;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
header #alert-bar,
.michael-foods-only #alert-bar {
  background: #d31145;
  width: 100%;
  height: 100px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
header #alert-bar .stage,
.michael-foods-only #alert-bar .stage {
  width: calc(100% - 40px - 60px);
  padding: 0px 60px 0px 0px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  min-height: 40px;
}
header #alert-bar .stage p,
.michael-foods-only #alert-bar .stage p {
  color: #ffffff;
  font-size: 21px;
  line-height: 24px !important;
  text-align: left;
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
}
header #alert-bar .stage #alert-close,
.michael-foods-only #alert-bar .stage #alert-close {
  background: url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/close-x-white.svg") center center no-repeat;
  background-size: 16px;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -20px;
  color: #ffffff;
  font-weight: 300;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
}
header #alert-bar .stage #alert-close:hover,
.michael-foods-only #alert-bar .stage #alert-close:hover {
  background-color: #ffffff;
  background-image: url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/close-x-red.svg");
}
header #utility-nav,
.michael-foods-only #utility-nav {
  background: #181e23;
  width: 100%;
  height: 30px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
header #utility-nav ul#menu-utility-nav,
.michael-foods-only #utility-nav ul#menu-utility-nav {
  width: auto;
  float: right;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: block;
}
header #utility-nav ul#menu-utility-nav li,
.michael-foods-only #utility-nav ul#menu-utility-nav li {
  height: 30px;
  float: left;
  position: relative;
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
  display: block;
}
header #utility-nav ul#menu-utility-nav li a,
.michael-foods-only #utility-nav ul#menu-utility-nav li a {
  height: 30px;
  float: left;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 25px;
  font-size: 14px;
  line-height: 30px;
  display: block;
  color: #ffffff;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
}
header #utility-nav ul#menu-utility-nav li a:hover,
.michael-foods-only #utility-nav ul#menu-utility-nav li a:hover {
  color: #d31145 !important;
}
header #utility-nav ul#menu-utility-nav li.sign-up a,
.michael-foods-only #utility-nav ul#menu-utility-nav li.sign-up a {
  background-image: url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/check-white.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 16px;
}
header #utility-nav ul#menu-utility-nav li.sign-up a:hover,
.michael-foods-only #utility-nav ul#menu-utility-nav li.sign-up a:hover {
  background-image: url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/check-red.svg");
}
header #utility-nav ul#menu-utility-nav li.log-in a,
.michael-foods-only #utility-nav ul#menu-utility-nav li.log-in a {
  background-image: url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/key-gray.svg");
  background-position: left center;
  background-repeat: no-repeat;
  color: #abb0b8;
  background-size: 16px;
}
header #utility-nav ul#menu-utility-nav li.log-in a:hover,
.michael-foods-only #utility-nav ul#menu-utility-nav li.log-in a:hover {
  background-image: url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/key-red.svg");
}
header #utility-nav ul#menu-utility-nav li.welcome p,
.michael-foods-only #utility-nav ul#menu-utility-nav li.welcome p {
  height: 30px;
  float: left;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 14px;
  line-height: 30px;
  display: block;
  color: #ffffff;
}
header #utility-nav ul#menu-utility-nav li.settings a,
.michael-foods-only #utility-nav ul#menu-utility-nav li.settings a {
  background-image: url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/gear-gray.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 16px;
  color: #abb0b8;
}
header #utility-nav ul#menu-utility-nav li.settings a:hover,
.michael-foods-only #utility-nav ul#menu-utility-nav li.settings a:hover {
  background-image: url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/gear-red.svg");
}
header #utility-nav ul#menu-utility-nav li.log-out a,
.michael-foods-only #utility-nav ul#menu-utility-nav li.log-out a {
  background-image: url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/door-gray.svg");
  background-position: left center;
  background-repeat: no-repeat;
  color: #abb0b8;
  background-size: 16px;
}
header #utility-nav ul#menu-utility-nav li.log-out a:hover,
.michael-foods-only #utility-nav ul#menu-utility-nav li.log-out a:hover {
  background-image: url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/door-red.svg");
}
header #navbar,
.michael-foods-only #navbar {
  width: 100%;
  height: 100px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
header #navbar .stage,
.michael-foods-only #navbar .stage {
  height: 100px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
header #navbar a#mfi-logo,
.michael-foods-only #navbar a#mfi-logo {
  background: url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/MFI_Logo_no_inc.svg") center center no-repeat;
  background-size: contain;
  width: 160px;
  height: 60px;
  margin: -30px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: absolute;
  left: 0px;
  top: 50%;
  display: block;
  z-index: 0;
}
header #navbar #site-search-form-mobile,
.michael-foods-only #navbar #site-search-form-mobile {
  display: none;
}
header #navbar #search,
.michael-foods-only #navbar #search {
  background: #ffffff;
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0px;
  top: 24px;
  z-index: 100;
  transition: all 400ms 0s ease-in-out, all 750ms 0s ease;
}
header #navbar #search .site-search-form-group,
.michael-foods-only #navbar #search .site-search-form-group {
  background: #ffffff;
  width: 100%;
  height: 50px;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: hidden;
  z-index: 10;
}
header #navbar #search #search-btn,
.michael-foods-only #navbar #search #search-btn {
  background: #d31145 url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/search-white.svg") center center no-repeat;
  background-size: 30px;
  width: 50px;
  height: 50px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: block;
  cursor: pointer;
  z-index: 100;
  position: absolute;
  right: 0px;
  top: 0px;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
}
header #navbar #search #search-btn:hover,
.michael-foods-only #navbar #search #search-btn:hover {
  background-color: #ffffff;
  background-image: url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/search-red.svg");
}
header #navbar #search input#s,
.michael-foods-only #navbar #search input#s {
  background: none;
  width: calc(100% - 60px - 50px);
  height: 50px;
  position: absolute;
  left: 60px;
  top: 0px;
  font-weight: 600;
  font-size: 21px;
  line-height: 53px;
  color: #1e262c;
  z-index: 2;
  border: 0px;
  outline: none;
}
header #navbar #search input#s::-webkit-input-placeholder,
.michael-foods-only #navbar #search input#s::-webkit-input-placeholder {
  font-weight: 300;
  color: #abb0b8;
}
header #navbar #search input#s::-moz-placeholder,
.michael-foods-only #navbar #search input#s::-moz-placeholder {
  font-weight: 300;
  color: #abb0b8;
}
header #navbar #search input#s::-ms-input-placeholder,
.michael-foods-only #navbar #search input#s::-ms-input-placeholder {
  font-weight: 300;
  color: #abb0b8;
}
header #navbar #search #search-close,
.michael-foods-only #navbar #search #search-close {
  background: url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/close-x-red.svg") center center no-repeat;
  background-size: 16px;
  width: 50px;
  height: 50px;
  z-index: 0;
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 0px;
  font-weight: 300;
  font-size: 42px;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
}
header #navbar #search #search-close:hover,
.michael-foods-only #navbar #search #search-close:hover {
  background-color: #d31145;
  background-image: url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/close-x-white.svg");
}
header #navbar #search.open,
.michael-foods-only #navbar #search.open {
  width: calc(100% - 180px);
}
header #navbar #search.open #search-btn,
.michael-foods-only #navbar #search.open #search-btn {
  right: auto;
  left: 0px;
}
header #navbar #search.open #search-btn.loading,
.michael-foods-only #navbar #search.open #search-btn.loading {
  background: #ffffff url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../images/preloader-4square-35.gif") !important;
  background-size: 35px !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
header #navbar #search_btn_mobile,
.michael-foods-only #navbar #search_btn_mobile {
  background: #d31145 url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/search-white.svg") center center no-repeat;
  background-size: 26px;
  width: 40px;
  height: 40px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  cursor: pointer;
  z-index: 100;
  position: absolute;
  right: 50px;
  top: 10px;
  display: none;
}
header #navbar #menu_btn,
.michael-foods-only #navbar #menu_btn {
  width: 40px;
  height: 40px;
  position: absolute;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
  right: 0px;
  top: 29px;
  transform: rotate(0deg);
  cursor: pointer;
  display: none;
}
header #navbar #menu_btn span,
.michael-foods-only #navbar #menu_btn span {
  background: #d31145;
  display: block;
  height: 3px;
  left: 0;
  opacity: 1;
  position: absolute;
  transform: rotate(0deg);
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
  width: 100%;
}
header #navbar #menu_btn span:nth-child(1),
.michael-foods-only #navbar #menu_btn span:nth-child(1) {
  top: 11px;
  transform-origin: center center;
}
header #navbar #menu_btn span:nth-child(2),
.michael-foods-only #navbar #menu_btn span:nth-child(2) {
  top: 19px;
  transform-origin: center center;
}
header #navbar #menu_btn span:nth-child(3),
.michael-foods-only #navbar #menu_btn span:nth-child(3) {
  top: 27px;
  transform-origin: center center;
}
header #navbar #menu_btn:hover span,
.michael-foods-only #navbar #menu_btn:hover span {
  background: #ffffff;
}
.michael-foods-only {
  z-index: 9;
}
.michael-foods-only.has-callout {
  top: 200px;
  height: 0;
}
.michael-foods-only.has-callout #utility-nav {
  background: #1e262c;
}
@media screen and (min-width: 1021px) {
  @supports (-moz-appearance:none) {
    margin-top: 200px !important;
  }
  body.alert-visible #search-experience {
    top: 200px;
  }
  body.alert-visible header #navbar #menu-site-nav li div.submenu {
    max-height: calc(100vh - 199px);
    top: 199px;
  }
  header #navbar #menu-site-nav {
    width: auto;
    float: left;
    position: relative;
    margin: 18px 0px 0px 100px;
    padding: 0px 0px 0px 0px;
    display: block;
    transition: all 400ms 0s ease-in-out, all 400ms 0s ease;
  }
  header #navbar #menu-site-nav.hide {
    opacity: 0;
    pointer-events: none;
  }
  header #navbar #menu-site-nav > li {
    width: auto;
    float: left;
    position: relative;
    margin: 0px 2.5px 0px 2.5px;
    padding: 0px 0px 0px 0px;
    display: block;
  }
  header #navbar #menu-site-nav > li > a {
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 20px 20px 40px 20px;
    display: block;
    font-size: 21px;
    line-height: 21px;
    color: #ffffff;
    font-weight: 400;
  }
  header #navbar #menu-site-nav > li.current_page_item > a {
    border-top: 7px solid #d31145;
    padding-top: 13px;
  }
  header #navbar #menu-site-nav > li:not(.has-children) > a:hover {
    border-top: 7px solid #d31145;
    padding-top: 13px;
  }
  header #navbar #menu-site-nav > li.has-children > a:hover,
  header #navbar #menu-site-nav > li.has-children > a.current {
    background-color: #d31145;
  }
  header #navbar #menu-site-nav > li.has-children:hover > a {
    background-color: #d31145;
  }
  header #navbar #menu-site-nav > li div.submenu {
    background: #ffffff;
    width: 100%;
    max-height: calc(100vh - 100px);
    position: fixed;
    left: 0px;
    top: 100px;
    padding: 40px 0px 40px 0px;
    border-bottom: 1px solid #e2e3e6;
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    overflow-y: auto;
  }
  header #navbar #menu-site-nav > li div.submenu::-webkit-scrollbar {
    background: #e2e3e6;
    width: 7px;
    height: calc(100% - 20px);
    border-radius: 10px;
  }
  header #navbar #menu-site-nav > li div.submenu::-webkit-scrollbar-track {
    background: #e2e3e6;
    border: 0px;
  }
  header #navbar #menu-site-nav > li div.submenu::-webkit-scrollbar-thumb {
    background: #d31145;
    border-radius: 10px;
    border: 0px;
  }
  header #navbar #menu-site-nav > li div.submenu .submenu-stage {
    width: calc(100% - 80px);
    max-width: 1400px;
  }
  header #navbar #menu-site-nav > li div.submenu .submenu-stage.recipes {
    max-height: 540px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  header #navbar #menu-site-nav > li div.submenu .nav-tabs {
    width: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
  }
  header #navbar #menu-site-nav > li div.submenu .nav-tabs > ul.tabs {
    width: 100%;
    height: 80px;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
  header #navbar #menu-site-nav > li div.submenu .nav-tabs > ul.tabs > li {
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
  }
  header #navbar #menu-site-nav > li div.submenu .nav-tabs > ul.tabs > li > a {
    width: 100%;
    height: 76px;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: 'Roboto Slab', serif;
    font-size: 24px;
    line-height: 68px;
    text-align: center;
    color: #abb0b8;
    border-top: 4px solid #e2e3e6;
    display: block;
    transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
  }
  header #navbar #menu-site-nav > li div.submenu .nav-tabs > ul.tabs > li.ui-tabs-active a {
    background: #d31145;
    border-top-color: #d31145;
    color: #ffffff;
  }
  header #navbar #menu-site-nav > li div.submenu .nav-tabs#products-tabs ul.tabs li {
    width: calc(33.333% - 3.333px);
  }
  header #navbar #menu-site-nav > li div.submenu .nav-tabs#segments-tabs ul.tabs li {
    width: calc(50% - 5px);
  }
  header #navbar #menu-site-nav > li div.submenu li.custom-solutions {
    width: calc(50% - 0px);
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 30px 30px 30px 30px;
    transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: none;
  }
  header #navbar #menu-site-nav > li div.submenu li.custom-solutions p {
    font-family: 'Roboto Slab', serif;
    font-size: 27px;
    line-height: 36px;
    font-weight: 400;
    color: #d31145;
    text-align: center;
    margin: 0px 0px 10px 0px;
  }
  header #navbar #menu-site-nav > li div.submenu li.custom-solutions a.cta {
    margin: 0px 0px 0px 0px;
  }
  header #navbar #menu-site-nav > li div.submenu ul.product-categories {
    width: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  header #navbar #menu-site-nav > li div.submenu ul.product-categories li.custom-solutions {
    width: calc(33.33% - 10px);
    margin-right: 0px;
  }
  header #navbar #menu-site-nav > li div.submenu ul.product-categories li.nav-product {
    background-color: #f7f7f8;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: calc(33.33% - 10px);
    height: 175px;
    margin: 10px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    display: block;
  }
  header #navbar #menu-site-nav > li div.submenu ul.product-categories li.nav-product:nth-child(3),
  header #navbar #menu-site-nav > li div.submenu ul.product-categories li.nav-product:nth-child(6),
  header #navbar #menu-site-nav > li div.submenu ul.product-categories li.nav-product:nth-child(9) {
    margin-right: 0px;
  }
  header #navbar #menu-site-nav > li div.submenu ul.product-categories li.nav-product > a {
    width: 100%;
    height: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
  }
  header #navbar #menu-site-nav > li div.submenu ul.product-categories li.nav-product > a p {
    background: #ffffff;
    height: 50px;
    margin: 0px 0px 0px 0px;
    padding: 0px 30px 0px 30px;
    font-size: 21px;
    line-height: 48px;
    font-weight: 500;
    color: #1e262c;
    transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
  }
  header #navbar #menu-site-nav > li div.submenu ul.product-categories li.nav-product > a:hover p {
    background: #d31145;
    color: #ffffff;
  }
  header #navbar #menu-site-nav > li div.submenu ul.recipe-taxonomy {
    width: calc(50% - 40px);
    margin: 0px 0px -20px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  header #navbar #menu-site-nav > li div.submenu ul.recipe-taxonomy.products {
    width: 50%;
    min-height: 500px;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
  }
  header #navbar #menu-site-nav > li div.submenu ul.recipe-taxonomy.daypart,
  header #navbar #menu-site-nav > li div.submenu ul.recipe-taxonomy.menupart {
    margin-bottom: 30px;
  }
  header #navbar #menu-site-nav > li div.submenu ul.recipe-taxonomy h6 {
    width: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
    text-align: left;
    color: #d31145;
    font-size: 24px;
    line-height: 24px;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
  }
  header #navbar #menu-site-nav > li div.submenu ul.recipe-taxonomy li.nav-tag {
    margin: 0px 10px 10px 0px;
    position: relative;
    display: block;
  }
  header #navbar #menu-site-nav > li div.submenu ul.recipe-taxonomy li.nav-tag > a {
    height: 50px;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 20px 0px 20px;
    font-size: 21px;
    line-height: 44px;
    font-weight: 600;
    color: #1e262c;
    border: 1px solid #e2e3e6;
    transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
    display: block;
  }
  header #navbar #menu-site-nav > li div.submenu ul.recipe-taxonomy li.nav-tag > a:hover {
    background-color: #d31145;
    color: #ffffff;
    border-color: #d31145;
  }
  header #navbar #menu-site-nav > li div.submenu ul.recipe-taxonomy li.nav-recipe-product {
    background-color: #f7f7f8;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: calc(50% - 5px);
    height: 244px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    display: block;
  }
  header #navbar #menu-site-nav > li div.submenu ul.recipe-taxonomy li.nav-recipe-product > a {
    width: 100%;
    height: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
  }
  header #navbar #menu-site-nav > li div.submenu ul.recipe-taxonomy li.nav-recipe-product > a p {
    background: #ffffff;
    height: 50px;
    margin: 0px 0px 0px 0px;
    padding: 0px 30px 0px 30px;
    font-size: 21px;
    line-height: 50px;
    font-weight: 500;
    color: #1e262c;
    transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
  }
  header #navbar #menu-site-nav > li div.submenu ul.recipe-taxonomy li.nav-recipe-product > a:hover p {
    background: #d31145;
    color: #ffffff;
  }
  header #navbar #menu-site-nav > li div.submenu ul.nav-segments {
    width: 100%;
    float: left;
    position: relative;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  header #navbar #menu-site-nav > li div.submenu ul.nav-segments li.segment {
    background-color: #ffffff;
    width: calc(25% - 0px);
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 30px 30px 30px 30px;
    display: block;
    transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
    align-self: stretch;
  }
  header #navbar #menu-site-nav > li div.submenu ul.nav-segments li.segment a {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  header #navbar #menu-site-nav > li div.submenu ul.nav-segments li.segment a p {
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    color: #1e262c;
    font-weight: 500;
    transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
  }
  header #navbar #menu-site-nav > li div.submenu ul.nav-segments li.segment a .icon {
    background-size: contain, contain;
    background-position: center center, -9999px -9999px;
    background-repeat: no-repeat, no-repeat;
    width: 100%;
    height: 90px;
    margin-bottom: 20px;
  }
  header #navbar #menu-site-nav > li div.submenu ul.nav-segments li.segment:hover {
    background-color: #d31145;
  }
  header #navbar #menu-site-nav > li div.submenu ul.nav-segments li.segment:hover p {
    color: #ffffff;
  }
  header #navbar #menu-site-nav > li div.submenu ul.nav-segments li.segment:hover .icon {
    background-position: -9999px -9999px, center center;
  }
  header #navbar #menu-site-nav > li div.submenu ul.nav-brands {
    width: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: flex;
    justify-content: stretch;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
  }
  header #navbar #menu-site-nav > li div.submenu ul.nav-brands li.brand {
    width: 25%;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 50px;
    display: block;
    align-self: stretch;
  }
  header #navbar #menu-site-nav > li div.submenu ul.nav-brands li.brand a {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 100%;
    height: 100px;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
    z-index: 0;
  }
  header #navbar #menu-site-nav > li div.submenu ul.nav-brands li.brand a.shortcut::after {
    content: "";
    background: url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/shortcut-arrow-red.svg") center center no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    pointer-events: none;
    z-index: 100;
  }
  header #navbar #menu-site-nav > li div.submenu ul.resources.cards {
    width: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
  }
  header #navbar #menu-site-nav > li div.submenu ul.resources.cards li {
    width: calc(25% - 7.5px);
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-top: 7px solid #d31145;
    display: block;
  }
  header #navbar #menu-site-nav > li div.submenu ul.resources.cards li a {
    background-color: #ffffff;
    width: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 40px 0px 40px 0px;
    border: 1px solid #e2e3e6;
    border-top: 0px;
    transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  header #navbar #menu-site-nav > li div.submenu ul.resources.cards li a p {
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    color: #1e262c;
    font-weight: 500;
    transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
  }
  header #navbar #menu-site-nav > li div.submenu ul.resources.cards li a .icon {
    background-size: contain, contain;
    background-position: center center, -9999px -9999px;
    background-repeat: no-repeat, no-repeat;
    width: 100%;
    height: 140px;
    margin-bottom: 20px;
  }
  header #navbar #menu-site-nav > li div.submenu ul.resources.cards li a:hover {
    background-color: #d31145;
    border-color: #d31145;
  }
  header #navbar #menu-site-nav > li div.submenu ul.resources.cards li a:hover p {
    color: #ffffff;
  }
  header #navbar #menu-site-nav > li div.submenu ul.resources.cards li a:hover .icon {
    background-position: -9999px -9999px, center center;
  }
  header #navbar #menu-site-nav > li div.submenu .video-block {
    width: 50%;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 20px 0px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
  }
  header #navbar #menu-site-nav > li div.submenu .video-block .thumbnail {
    background-color: #e2e3e6;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 570px;
    margin: 0px 0px 13px 0px;
    padding-bottom: 50%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    position: relative;
  }
  header #navbar #menu-site-nav > li div.submenu .video-block .thumbnail::after {
    content: "";
    background: #ffffff url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/play-arrow-red.svg") no-repeat;
    background-position: left 48% center;
    background-size: 260px;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 120px;
    height: 120px;
    margin: -60px 0px 0px -60px;
    border-radius: 100px;
    z-index: 0;
  }
  header #navbar #menu-site-nav > li div.submenu .video-block .thumbnail a {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: flex;
    position: absolute;
    left: 0px;
    top: 0px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    z-index: 1;
  }
  header #navbar #menu-site-nav > li div.submenu .video-block .thumbnail a p.video-tag {
    background: #d31145;
    width: auto;
    float: left;
    position: relative;
    font-size: 24px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 500;
    font-family: 'Roboto Slab', serif;
    padding: 15px 20px 15px 20px;
  }
  header #navbar #menu-site-nav > li div.submenu .video-block p.video-description {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #1e262c;
  }
  header #navbar #menu-site-nav > li div.submenu ul.about-us.cards {
    width: calc(50% + 10px);
    float: left;
    position: relative;
    margin: 0px -10px -10px 0px;
    padding: 0px 0px 0px 0px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
  }
  header #navbar #menu-site-nav > li div.submenu ul.about-us.cards li {
    width: calc(33.3% - 10px);
    height: 163px;
    float: left;
    position: relative;
    margin: 0px 10px 10px 0px;
    padding: 0px 0px 0px 0px;
    border-top: 7px solid #d31145;
    display: block;
  }
  header #navbar #menu-site-nav > li div.submenu ul.about-us.cards li a {
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 1px solid #e2e3e6;
    border-top: 0px;
    transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  header #navbar #menu-site-nav > li div.submenu ul.about-us.cards li a p {
    width: calc(100% - 40px);
    text-align: center;
    font-size: 21px;
    line-height: 24px;
    color: #1e262c;
    font-weight: 500;
    transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
  }
  header #navbar #menu-site-nav > li div.submenu ul.about-us.cards li a .icon {
    background-size: contain, contain;
    background-position: center center, -9999px -9999px;
    background-repeat: no-repeat, no-repeat;
    width: 100%;
    height: 140px;
    margin-bottom: 20px;
  }
  header #navbar #menu-site-nav > li div.submenu ul.about-us.cards li a:hover {
    background-color: #d31145;
    border-color: #d31145;
  }
  header #navbar #menu-site-nav > li div.submenu ul.about-us.cards li a:hover p {
    color: #ffffff;
  }
  header #navbar #menu-site-nav > li div.submenu ul.about-us.cards li a:hover .icon {
    background-position: -9999px -9999px, center center;
  }
  header #navbar #menu-site-nav > li:hover div.submenu {
    display: flex;
  }
}
#search-experience {
  background: #1e262c;
  width: 100%;
  position: fixed;
  left: 0px;
  top: 100px;
  max-height: 0px;
  transition: all 400ms 0s ease-in-out, all 750ms 0s ease;
  overflow: hidden;
  z-index: 999;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
#search-experience.open {
  max-height: calc(100vh - 130px);
  overflow-y: auto;
  padding-bottom: 40px;
}
#search-experience.open::-webkit-scrollbar {
  background: #181e23;
  width: 7px;
  height: calc(100% - 20px);
  border-radius: 10px;
}
#search-experience.open::-webkit-scrollbar-track {
  background: #181e23;
  border: 0px;
}
#search-experience.open::-webkit-scrollbar-thumb {
  background: #444a54;
  border-radius: 10px;
  border: 0px;
}
#search-experience ul.results {
  width: calc(100% - 0px);
  max-width: 960px;
  float: left;
  position: relative;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: block;
}
#search-experience ul.results h3 {
  width: 100%;
  float: left;
  position: relative;
  margin: 0px 0px 10px 0px;
  padding: 10px 0px 0px 0px;
  display: block;
  color: #abb0b8;
  font-family: 'Roboto Slab', serif;
  text-align: left;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
}
#search-experience ul.results h3::before {
  content: "";
  background: #d31145;
  width: 60px;
  height: 3px;
  position: absolute;
  left: 0px;
  top: 0px;
}
#search-experience ul.results li {
  width: 100%;
  float: left;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 20px 0px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-top: 1px solid #444a54;
}
#search-experience ul.results li:first-of-type {
  border-top: 0px;
}
#search-experience ul.results li.viewall {
  height: 40px;
  margin: 20px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  border-top: 0px;
  display: block;
}
#search-experience ul.results li.last-of-type {
  padding-bottom: 0px;
}
#search-experience ul.results li a {
  float: left;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: block;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
}
#search-experience ul.results li a.cat {
  background: #444a54;
  height: 30px;
  margin: 0px 20px 0px 0px;
  padding: 0px 15px 0px 15px;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  color: #abb0b8;
}
#search-experience ul.results li a.cat:hover {
  background-color: #d31145;
  color: #ffffff;
}
#search-experience ul.results li a.title {
  padding: 0px 20px 0px 0px;
  font-size: 21px;
  line-height: 27px;
  font-weight: 400;
  color: #ffffff;
  text-decoration: none;
}
#search-experience ul.results li a.title strong {
  color: #d31145;
}
#search-experience ul.results li a.title .sku {
  color: #d31145;
  font-size: 16px;
  line-height: 21px;
}
#search-experience ul.results li a.viewall {
  width: auto;
  height: 40px;
  margin: 0px 0px 0px 0px;
  padding: 0px 15px 0px 15px;
  border: 2px solid #d31145;
  color: #ffffff;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 36px;
  letter-spacing: 0.05em;
  display: block;
  font-weight: 600;
}
#search-experience ul.results li a.viewall:hover {
  border-color: #ffffff;
  background: #ffffff;
  color: #d31145;
}
#search-experience ul.results li:hover a.cat {
  background-color: #d31145;
  color: #ffffff;
}
#search-experience ul.results li:hover a.cat:hover {
  background-color: #ffffff;
  color: #d31145;
}
#search-experience ul.results li:last-of-type {
  border-bottom: 0px;
}
footer {
  background: #1e262c;
  width: 100%;
  float: left;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 150px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
footer .stage {
  width: calc(100% - 80px);
  max-width: 1400px;
  float: left;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 55px 0px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
footer .stage.subfooter {
  margin: 0px 0px 0px 0px;
  padding: 35px 0px 45px 0px;
  border-top: 1px solid #444a54;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
}
footer .stage.subfooter p.copyright {
  float: left;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #abb0b8;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  display: block;
  clear: both;
}
footer .stage.subfooter p.copyright:last-of-type {
  margin-top: 10px;
}
footer .stage.subfooter ul#menu-subfooter-links {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
footer .stage.subfooter ul#menu-subfooter-links li {
  float: left;
  position: relative;
  margin: 0px 0px 0px 20px;
  display: block;
}
footer .stage.subfooter ul#menu-subfooter-links li a {
  float: left;
  position: relative;
  margin: 0px 0px 0px 0px;
  display: block;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: #abb0b8;
  text-decoration: underline;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
}
footer .stage.subfooter ul#menu-subfooter-links li a:hover {
  color: #ffffff;
}
footer #menu-footer-menu {
  width: calc(50% - 50px);
  height: 232px;
  float: left;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
footer #menu-footer-menu li {
  width: calc(50% - 20px);
  float: left;
  position: relative;
  margin: 0px 20px 45px 0px;
  padding: 0px 0px 0px 0px;
  display: block;
}
footer #menu-footer-menu li:nth-child(4) {
  margin: 0px 20px 0px 0px;
}
footer #menu-footer-menu li a {
  float: left;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #ffffff;
  font-size: 27px;
  line-height: 24px;
  font-weight: 400;
  display: block;
  text-decoration: none;
}
footer .company-info {
  width: calc(50% - 50px);
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}
footer .company-info .ctas {
  float: right;
  clear: both;
  margin: 0px 0px 30px 0px;
  padding: 0px 0px 0px 0px;
}
footer .company-info .ctas a.cta {
  background-color: #d31145;
  height: 50px;
  float: left;
  position: relative;
  margin: 0px 0px 0px 30px;
  padding: 0px 30px 0px 30px;
  font-size: 18px;
  font-weight: 600;
  line-height: 48px;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
  letter-spacing: 0.05em;
  display: block;
}
footer .company-info .ctas a.cta:hover {
  background: #ffffff;
  color: #d31145;
}
footer .company-info a.phone {
  background: url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/contact-chat-red.svg") left center no-repeat;
  background-size: contain;
  float: right;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 60px;
  font-family: 'Roboto Slab', serif;
  font-size: 48px;
  line-height: 37px;
  color: #ffffff;
  font-weight: 600;
  clear: both;
}
footer .company-info #menu-footer-social-links {
  float: right;
  clear: both;
  margin-top: auto;
}
footer .company-info #menu-footer-social-links li {
  width: 50px;
  height: 50px;
  float: left;
  position: relative;
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
}
footer .company-info #menu-footer-social-links li a {
  background-color: #444a54;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px;
  width: 50px;
  height: 50px;
  float: left;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-indent: -9999px;
  overflow: hidden;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
}
footer .company-info #menu-footer-social-links li a:hover {
  background-color: #d31145;
}
footer .company-info #menu-footer-social-links li.fb a {
  background-image: url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/social-facebook.svg");
  background-position: center bottom;
}
footer .company-info #menu-footer-social-links li.li a {
  background-image: url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/social-linkedin.svg");
}
footer .company-info #menu-footer-social-links li.tw a {
  background-image: url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/social-twitter.svg");
}
@media screen and (max-width: 1400px) {
  header #navbar #menu-site-nav > li div.submenu {
    padding: 20px 0px 20px 0px;
  }
  header #navbar #menu-site-nav > li div.submenu .nav-tabs > ul.tabs {
    height: 50px;
  }
  header #navbar #menu-site-nav > li div.submenu .nav-tabs > ul.tabs > li > a {
    height: 50px;
    font-size: 21px;
    line-height: 42px;
  }
  header #navbar #menu-site-nav > li div.submenu ul.nav-brands li.brand a {
    height: 80px;
  }
  header #navbar #menu-site-nav > li div.submenu ul.nav-segments li.segment {
    padding: 20px 20px 20px 20px;
  }
  header #navbar #menu-site-nav > li div.submenu ul.nav-segments li.segment a .icon {
    margin-bottom: 10px;
  }
  header #navbar #menu-site-nav > li div.submenu ul.nav-segments li.segment a p {
    font-size: 18px;
    line-height: 21px;
  }
  header #navbar #menu-site-nav > li div.submenu ul li.custom-solutions p {
    font-size: 21px;
    line-height: 24px;
  }
  header #navbar #menu-site-nav > li div.submenu .submenu-stage.recipes {
    max-height: 440px;
  }
  header #navbar #menu-site-nav > li div.submenu ul.recipe-taxonomy h6 {
    margin: 0px 0px 10px 0px;
    font-size: 21px;
    line-height: 21px;
  }
  header #navbar #menu-site-nav > li div.submenu ul.recipe-taxonomy.products {
    min-height: 400px;
  }
  header #navbar #menu-site-nav > li div.submenu ul.recipe-taxonomy li.nav-recipe-product {
    height: 175px;
  }
  header #navbar #menu-site-nav > li div.submenu ul.recipe-taxonomy li.nav-recipe-product > a p {
    height: 40px;
    padding: 0px 20px 0px 20px;
    font-size: 18px;
    line-height: 40px;
  }
  header #navbar #menu-site-nav > li div.submenu ul.recipe-taxonomy li.nav-tag > a {
    height: 40px;
    padding: 0px 10px 0px 10px;
    font-size: 16px;
    line-height: 36px;
  }
  header #navbar #menu-site-nav > li div.submenu ul.resources.cards li a .icon {
    height: 100px;
    margin-bottom: 10px;
  }
  header #navbar #menu-site-nav > li div.submenu ul.resources.cards li a p {
    font-size: 21px;
    line-height: 24px;
  }
  header #navbar #menu-site-nav > li div.submenu ul.about-us.cards li {
    height: 150px;
  }
  header #navbar #menu-site-nav > li div.submenu ul.about-us.cards li a p {
    font-size: 20px;
    line-height: 24px;
  }
  header #navbar #menu-site-nav > li div.submenu .video-block .thumbnail a p.video-tag {
    font-size: 20px;
    line-height: 20px;
  }
  header #navbar #menu-site-nav > li div.submenu .video-block .thumbnail::after {
    background-position: left 48% center;
    background-size: 180px;
    width: 80px;
    height: 80px;
    margin: -40px 0px 0px -40px;
  }
  footer #menu-footer-menu {
    width: 50%;
  }
  footer #menu-footer-menu li {
    margin: 0px 20px 10px 0px;
  }
  footer #menu-footer-menu li a {
    font-size: 21px;
    padding: 10px 15px 10px 0px;
  }
  footer .company-info a.phone {
    font-size: 36px;
  }
}
@media screen and (max-width: 1280px) {
  header #alert-bar .stage p {
    font-size: 21px;
    line-height: 21px;
  }
  header #alert-bar .stage .cta.white {
    font-size: 16px;
    padding: 0px 20px 0px 20px;
  }
  header #navbar #menu-site-nav > li > a {
    font-size: 18px;
    line-height: 18px;
    padding: 20px 20px 43px 20px;
  }
}
@media screen and (max-width: 1140px) {
  header #alert-bar .stage p {
    font-size: 18px;
    line-height: 18px;
  }
  header #navbar a#mfi-logo {
    width: 120px;
  }
  header #navbar #menu-site-nav {
    margin: 18px 0px 0px 75px;
  }
  header #navbar #menu-site-nav > li > a {
    font-size: 16px;
    line-height: 16px;
    padding: 22px 20px 43px 20px;
  }
  header #navbar #menu-site-nav > li.current_page_item > a {
    padding-top: 15px;
  }
  header #navbar #menu-site-nav > li:not(.has-children) > a:hover {
    padding-top: 15px;
  }
  header #navbar #search.open {
    width: calc(100% - 140px);
  }
  header #navbar #menu-site-nav > li div.submenu ul.recipe-taxonomy li.nav-recipe-product {
    height: 200px;
  }
  footer #menu-footer-menu {
    width: 50%;
  }
  footer #menu-footer-menu li {
    margin: 0px 20px 10px 0px;
  }
  footer .company-info .ctas a.cta {
    margin: 0px 0px 0px 0px;
  }
  footer .company-info .ctas a.cta.secondary {
    margin-left: 20px;
  }
}
@media screen and (max-width: 1060px) {
  header .stage {
    width: calc(100% - 40px);
  }
  footer {
    padding: 100px 0px 0px 0px;
  }
  footer .stage {
    flex-direction: column;
  }
  footer #menu-footer-menu {
    width: 100%;
    height: 240px;
  }
  footer #menu-footer-menu li {
    width: calc(50% - 20px);
    margin: 0px 20px 10px 0px !important;
  }
  footer .company-info {
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  footer .company-info a.phone {
    margin-left: 30px;
  }
  footer .company-info #menu-footer-social-links {
    width: 100%;
  }
  footer .company-info #menu-footer-social-links li {
    margin: 0px 20px 0px 0px;
  }
  footer .stage.subfooter {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  footer .stage.subfooter ul#menu-subfooter-links {
    width: 100%;
    margin: 20px 0px 0px 0px;
  }
  footer .stage.subfooter ul#menu-subfooter-links li {
    margin: 0px 20px 0px 0px;
  }
}
@media screen and (max-width: 1020px) {
  header #alert-bar {
    height: auto;
  }
  header #alert-bar .stage {
    width: 100%;
    padding: 20px 40px 20px 20px;
    flex-direction: column;
    align-items: flex-start;
  }
  header #alert-bar .stage #alert-close {
    top: 35px;
    right: 10px;
  }
  header #alert-bar .stage p {
    width: 95%;
  }
  header #alert-bar .stage a {
    height: 50px;
    margin: 20px 0px 0px 0px;
  }
  header #utility-nav ul#menu-utility-nav li {
    margin: 0px 0px 0px 10px;
  }
  header #utility-nav ul#menu-utility-nav li.welcome p {
    font-size: 13px;
    margin-right: 10px;
  }
  header #utility-nav ul#menu-utility-nav li:not(.sign-up) a {
    background-position: right center;
    font-size: 13px;
    padding: 0px 0px 0px 20px;
    text-indent: -9999px;
    overflow: hidden;
  }
  header #utility-nav ul#menu-utility-nav li.sign-up a {
    font-size: 13px;
    padding: 0px 0px 0px 20px;
  }
  header #navbar {
    justify-content: flex-start;
    height: 60px;
  }
  header #navbar a#mfi-logo {
    position: absolute;
    left: 0px;
    top: 10px;
    margin: 0px 0px 0px 0px !important;
  }
  header #navbar .stage {
    height: 100%;
    position: relative;
    align-items: flex-start;
  }
  header #navbar.open {
    height: 100vh;
  }
  header #navbar.open .stage {
    flex-direction: column;
    justify-content: flex-start;
  }
  header #navbar.open #menu_btn span:nth-child(1) {
    top: 19px !important;
    transform: rotate(45deg);
  }
  header #navbar.open #menu_btn span:nth-child(2) {
    opacity: 0;
  }
  header #navbar.open #menu_btn span:nth-child(3) {
    top: 19px !important;
    transform: rotate(-45deg);
  }
  header #navbar.open #site-search-form-mobile {
    background: #ffffff;
    width: 100%;
    height: 50px;
    float: left;
    position: relative;
    margin: 70px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
  }
  header #navbar.open #site-search-form-mobile input {
    background: #ffffff;
    width: calc(100% - 50px);
    height: 50px;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
    text-indent: 10px;
    font-size: 21px;
    line-height: 50px;
    outline: none;
  }
  header #navbar.open #site-search-form-mobile #search-btn {
    background: #d31145 url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/search-white.svg") center center no-repeat;
    background-size: 30px;
    width: 50px;
    height: 50px;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
  }
  header #navbar.open #menu-site-nav {
    width: 100%;
    height: calc(100vh - 70px - 110px);
    float: left;
    position: relative;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
    overflow-y: auto;
  }
  header #navbar.open #menu-site-nav > li {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
    border-top: 1px solid #444a54;
  }
  header #navbar.open #menu-site-nav > li:nth-child(1) {
    border-top: 0px;
  }
  header #navbar.open #menu-site-nav > li.has-children {
    background: url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/caret-down-red.svg") top 5px right 0px no-repeat;
    background-size: 50px;
  }
  header #navbar.open #menu-site-nav > li.has-children.mobile-open {
    background-image: url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/caret-up-red.svg");
  }
  header #navbar.open #menu-site-nav > li.has-children.mobile-open > a::before {
    content: "";
    background: #d31145;
    width: 100%;
    height: 5px;
    position: absolute;
    left: 0px;
    top: 0px;
  }
  header #navbar.open #menu-site-nav > li.has-children.mobile-open div.submenu {
    display: block;
  }
  header #navbar.open #menu-site-nav > li > a {
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 15px 0px 15px 0px !important;
    display: block;
    padding: 0px 0px 0px 0px;
    color: #ffffff;
    font-size: 27px;
    line-height: 27px;
    font-weight: 400;
  }
  header #navbar.open #menu-site-nav > li > div.submenu {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: none;
  }
  header #navbar.open #menu-site-nav > li > div.submenu > .submenu-stage {
    background: #ffffff;
    width: 100%;
    max-height: none !important;
    height: auto;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
    display: block;
  }
  header #navbar.open #menu-site-nav > li > div.submenu .nav-tabs {
    width: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
  }
  header #navbar.open #menu-site-nav > li > div.submenu .nav-tabs ul.tabs {
    background: #1e262c;
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
  }
  header #navbar.open #menu-site-nav > li > div.submenu .nav-tabs ul.tabs li {
    background: #181e23;
    width: calc(33.3% - 5px);
    height: auto;
    float: left;
    position: relative;
    margin: 0px 5px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
  }
  header #navbar.open #menu-site-nav > li > div.submenu .nav-tabs ul.tabs li:last-of-type {
    margin-right: 0px;
  }
  header #navbar.open #menu-site-nav > li > div.submenu .nav-tabs ul.tabs li a {
    width: 100%;
    height: 50px;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
    font-size: 18px;
    line-height: 50px;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    font-family: 'Roboto Slab', serif;
  }
  header #navbar.open #menu-site-nav > li > div.submenu .nav-tabs ul.tabs li.ui-tabs-active {
    background: #d31145;
  }
  header #navbar.open #menu-site-nav > li > div.submenu .nav-tabs ul.tabs li.ui-tabs-active a {
    color: #ffffff;
  }
  header #navbar.open #menu-site-nav > li > div.submenu .tab {
    width: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }
  header #navbar.open #menu-site-nav > li > div.submenu .tab ul.nav-segments {
    width: 100%;
    float: left;
    position: relative;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  header #navbar.open #menu-site-nav > li > div.submenu .tab ul.nav-segments li.segment {
    background-color: #ffffff;
    width: calc(25% - 0px);
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 30px 30px 30px 30px;
    display: block;
    transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
    align-self: stretch;
  }
  header #navbar.open #menu-site-nav > li > div.submenu .tab ul.nav-segments li.segment a {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  header #navbar.open #menu-site-nav > li > div.submenu .tab ul.nav-segments li.segment a p {
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    color: #1e262c;
    font-weight: 500;
    transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
  }
  header #navbar.open #menu-site-nav > li > div.submenu .tab ul.nav-segments li.segment a .icon {
    background-size: contain, contain;
    background-position: center center, -9999px -9999px;
    background-repeat: no-repeat, no-repeat;
    width: 100%;
    height: 60px;
    margin-bottom: 20px;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.product-categories {
    width: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.product-categories li.nav-product {
    background-color: #f7f7f8;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: calc(33% - 5px);
    height: 140px;
    margin: 10px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    display: block;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.product-categories li.nav-product:nth-child(3),
  header #navbar.open #menu-site-nav > li > div.submenu ul.product-categories li.nav-product:nth-child(6),
  header #navbar.open #menu-site-nav > li > div.submenu ul.product-categories li.nav-product:nth-child(9) {
    margin-right: 0px;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.product-categories li.nav-product > a {
    width: 100%;
    height: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.product-categories li.nav-product > a p {
    background: #ffffff;
    height: 50px;
    margin: 0px 0px 0px 0px;
    padding: 0px 15px 0px 15px;
    font-size: 15px;
    line-height: 48px;
    font-weight: 500;
    color: #1e262c;
    transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.nav-brands {
    width: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: flex;
    justify-content: stretch;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.nav-brands li.brand {
    width: 25%;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 30px;
    display: block;
    align-self: stretch;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.nav-brands li.brand a {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 100%;
    height: 100px;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.nav-brands li.brand a.shortcut::after {
    content: "";
    background: url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/shortcut-arrow-red.svg") center center no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    pointer-events: none;
    z-index: 100;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.recipe-taxonomy {
    width: calc(100% - 0px);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.recipe-taxonomy.products {
    width: 100%;
    min-height: 0px;
    height: auto;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.recipe-taxonomy.daypart,
  header #navbar.open #menu-site-nav > li > div.submenu ul.recipe-taxonomy.menupart,
  header #navbar.open #menu-site-nav > li > div.submenu ul.recipe-taxonomy.dietary {
    width: calc(100% - 20px);
    margin: 0px 10px 10px 0px;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.recipe-taxonomy h6 {
    width: 100%;
    float: left;
    position: relative;
    margin: 15px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
    text-align: left;
    color: #d31145;
    font-size: 18px;
    line-height: 18px;
    text-indent: 10px;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.recipe-taxonomy li.nav-tag {
    margin: 0px 0px 10px 10px;
    position: relative;
    display: block;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.recipe-taxonomy li.nav-tag > a {
    height: 40px;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 10px;
    font-size: 16px;
    line-height: 38px;
    font-weight: 600;
    color: #1e262c;
    border: 1px solid #e2e3e6;
    transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
    display: block;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.recipe-taxonomy li.nav-recipe-product {
    background-color: #f7f7f8;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: calc(33% - 5px);
    height: 140px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    display: block;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.recipe-taxonomy li.nav-recipe-product > a {
    width: 100%;
    height: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.recipe-taxonomy li.nav-recipe-product > a p {
    background: #ffffff;
    max-width: calc(100% - 10px);
    height: 50px;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 10px;
    font-size: 15px;
    line-height: 50px;
    font-weight: 500;
    color: #1e262c;
    transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul li.custom-solutions {
    border-top: 1px solid #e2e3e6;
    width: 100%;
    float: left;
    position: relative;
    margin: 10px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul li.custom-solutions p {
    width: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 20px 0px;
    padding: 20px 0px 0px 0px;
    font-size: 18px;
    line-height: 21px;
    font-weight: 500;
    text-align: center;
    display: block;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul li.custom-solutions a.cta {
    margin: 0px 0px 0px 0px;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.resources.cards {
    width: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.resources.cards li {
    width: calc(25%);
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.resources.cards li a {
    background-color: #ffffff;
    width: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 20px 10px 20px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.resources.cards li a p {
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    color: #1e262c;
    font-weight: 500;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.resources.cards li a .icon {
    background-size: contain, contain;
    background-position: center center, -9999px -9999px;
    background-repeat: no-repeat, no-repeat;
    width: 100%;
    height: 60px;
    margin-bottom: 10px;
  }
  header #navbar.open #menu-site-nav > li > div.submenu .video-block {
    width: calc(100% - 40px);
    float: left;
    position: relative;
    margin: 20px 0px 20px 20px;
    padding: 0px 0px 0px 0px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  header #navbar.open #menu-site-nav > li > div.submenu .video-block .thumbnail {
    background-color: #e2e3e6;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 300px;
    height: 170px;
    margin: 0px 0px 0px 0px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    position: relative;
  }
  header #navbar.open #menu-site-nav > li > div.submenu .video-block .thumbnail::after {
    content: "";
    background: #ffffff url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/play-arrow-red.svg") no-repeat;
    background-position: left 48% center;
    background-size: 180px;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    margin: -50px 0px 0px -40px;
    border-radius: 100px;
    z-index: 0;
  }
  header #navbar.open #menu-site-nav > li > div.submenu .video-block .thumbnail a {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: flex;
    position: absolute;
    left: 0px;
    top: 0px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    z-index: 1;
  }
  header #navbar.open #menu-site-nav > li > div.submenu .video-block .thumbnail a p.video-tag {
    background: #d31145;
    width: auto;
    float: left;
    position: relative;
    font-size: 16px;
    line-height: 16px;
    color: #ffffff;
    font-weight: 500;
    font-family: 'Roboto Slab', serif;
    padding: 10px 15px 10px 15px;
  }
  header #navbar.open #menu-site-nav > li > div.submenu .video-block p.video-description {
    width: auto;
    float: left;
    position: relative;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    margin: 10px 20px 0px 20px;
    color: #1e262c;
    text-align: center;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.about-us.cards {
    width: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.about-us.cards li {
    width: calc(50% - 5px);
    height: 50px;
    float: left;
    position: relative;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
    border-left: 5px solid #d31145;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.about-us.cards li a {
    background-color: #ffffff;
    width: calc(100% - 20px);
    height: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 20px 0px 0px;
    border-top: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.about-us.cards li a p {
    width: calc(100% - 40px);
    text-align: left;
    font-size: 18px;
    line-height: 24px;
    color: #1e262c;
    font-weight: 500;
  }
  header #navbar a#mfi-logo {
    width: 104px;
    height: 40px;
    margin: -20px 0px 0px 0px;
  }
  header #navbar #menu-site-nav {
    margin: 0px 0px 0px 0px;
    display: none;
  }
  header #navbar #menu_btn {
    display: block;
    top: 10px;
    transition: none;
  }
  header #navbar #menu_btn span {
    background-color: #d31145 !important;
  }
  header #navbar #search_btn_mobile {
    display: block;
  }
  header #navbar #search,
  header #navbar #search.open,
  #search-experience,
  #search-experience.open {
    display: none !important;
  }
}
@media screen and (max-width: 810px) {
  footer #menu-footer-menu li a {
    font-size: 18px;
  }
  footer .company-info .ctas {
    width: 100%;
  }
  footer .company-info a.phone {
    margin: 0px 0px 30px 0px;
  }
}
@media screen and (max-width: 700px) {
  header #navbar.open #menu-site-nav > li > div.submenu .tab ul.nav-segments li.segment {
    width: 33.3%;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.product-categories {
    justify-content: space-between;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.product-categories li.nav-product,
  header #navbar.open #menu-site-nav > li > div.submenu ul.recipe-taxonomy li.nav-recipe-product {
    width: calc(50% - 5px);
    margin: 10px 0px 0px 0px;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.product-categories li.nav-product:nth-child(3),
  header #navbar.open #menu-site-nav > li > div.submenu ul.recipe-taxonomy li.nav-recipe-product:nth-child(3),
  header #navbar.open #menu-site-nav > li > div.submenu ul.product-categories li.nav-product:nth-child(6),
  header #navbar.open #menu-site-nav > li > div.submenu ul.recipe-taxonomy li.nav-recipe-product:nth-child(6),
  header #navbar.open #menu-site-nav > li > div.submenu ul.product-categories li.nav-product:nth-child(9),
  header #navbar.open #menu-site-nav > li > div.submenu ul.recipe-taxonomy li.nav-recipe-product:nth-child(9) {
    margin-right: 0px;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.nav-brands li.brand {
    width: 33.3%;
    padding: 30px;
  }
}
@media screen and (max-width: 520px) {
  header #navbar.open #menu-site-nav > li > div.submenu .tab ul.nav-segments li.segment {
    width: 50%;
    padding: 20px 20px 20px 20px;
  }
  header #navbar.open #menu-site-nav > li > div.submenu .tab ul.nav-segments li.segment a p {
    font-size: 16px;
    line-height: 18px;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.resources.cards li {
    width: 50%;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.about-us.cards li {
    width: 90%;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.about-us.cards li a p {
    width: 100%;
    padding: 0px 10px 0px 10px;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.nav-brands li.brand {
    width: 50%;
    padding: 10px 30px 10px 30px;
  }
}
@media screen and (max-width: 500px) {
  footer .company-info .ctas {
    margin: 0px 0px 20px 0px;
    flex-direction: column;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  footer .company-info .ctas a.cta {
    margin: 0px 0px 20px 0px !important;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.recipe-taxonomy li.nav-recipe-product {
    width: 100%;
  }
}
@media screen and (max-width: 460px) {
  header #navbar.open #menu-site-nav > li > div.submenu .nav-tabs ul.tabs li {
    width: calc(32.3%);
    margin: 0px 1px 0px 0px;
  }
  header #navbar.open #menu-site-nav > li > div.submenu .nav-tabs ul.tabs li a {
    font-size: 14px;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.product-categories li.nav-product {
    width: 100%;
    margin: 10px 0px 0px 0px;
  }
  header #navbar.open #menu-site-nav > li > div.submenu ul.nav-brands li.brand {
    padding: 10px 30px 10px 30px;
  }
}
@media screen and (max-width: 380px) {
  footer {
    padding-top: 50px;
  }
  footer #menu-footer-menu {
    height: auto;
    margin-bottom: 30px;
  }
  footer #menu-footer-menu li {
    width: 100%;
    margin: 0px 0px 10px 0px !important;
  }
  footer .company-info a.phone {
    font-size: 30px;
  }
  footer .stage.subfooter p.copyright br {
    display: none;
  }
}
.hero-slider {
  width: 100%;
  padding: 0;
}
@media (min-width: 1536px) {
  .hero-slider.hero-home .hero .container {
    max-width: 90%;
  }
}
.hero-slider.hero-home .hero .container .hero-content {
  margin-left: 30px;
}
@media (max-width: 800px) {
  .hero-slider.hero-home .hero .container .hero-content {
    justify-content: flex-start;
    margin-top: 20%;
    padding: 0 20px 0 40px;
  }
}
@media only screen and (max-width: 768px) {
  .hero-slider.hero-home .hero .container .hero-content {
    margin-left: 0;
    padding: 0;
  }
}
.hero-slider.hero-home .hero .container .hero-title {
  font-size: 96px;
  line-height: 1.2;
}
@media (max-width: 800px) {
  .hero-slider.hero-home .hero .container .hero-title {
    font-size: 48px;
  }
}
.hero-slider.hero-home .hero .container .hero-text {
  font-size: 21px;
  font-weight: 600;
}
@media (max-width: 800px) {
  .hero-slider.hero-home .hero .container .hero-text {
    font-size: 18px;
  }
}
.hero-slider.hero-home .hero.hero-style-text-middle .container .hero-content {
  padding-left: 30px;
}
.hero-slider.hero-home .hero.hero-style-text-right .container .hero-content {
  margin-right: 30px;
}
@media only screen and (max-width: 768px) {
  .hero-slider.hero-home .hero.hero-style-text-right .container .hero-content {
    margin-right: 0;
  }
}
.hero-slider .hero .overlay {
  z-index: 9;
}
.hero-slider .hero .container .fullwidth-brand-logo {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 350px;
  padding: 50px 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.hero-slider .hero .container .hero-content {
  color: #ffffff;
  max-width: 610px;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .hero-slider .hero .container .hero-content {
    padding: 0px 20px;
  }
}
.hero-slider .hero .container .hero-title {
  font-family: 'Roboto Slab', serif;
  font-size: 60px;
  line-height: 1.2;
}
.hero-slider .hero .container .hero-title:after {
  display: block;
  content: '';
  background: #d31145;
  width: 50%;
  height: 8px;
  margin: 25px 0;
  min-width: 240px;
}
@media only screen and (max-width: 768px) {
  .hero-slider .hero .container .hero-title {
    font-size: 48px;
  }
}
.hero-slider .hero .container .hero-text {
  font-family: 'proxima-nova', sans-serif;
  font-size: 21px;
  line-height: 1.33;
}
@media only screen and (max-width: 768px) {
  .hero-slider .hero .container .hero-text {
    font-size: 18px;
  }
}
.hero-slider .hero .container .cta-group {
  margin-top: 35px;
}
.hero-slider .hero .container .cta-group .hero-cta {
  margin-right: 20px;
  margin-top: 10px;
}
.hero-slider .hero.hero-style-text-right .container .hero-content {
  margin-left: auto;
  align-items: end;
  text-align: right;
}
.hero-slider .hero.hero-style-text-right .container .hero-content .hero-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
.hero-slider .hero.hero-style-text-middle .container .hero-content {
  margin: 0 auto;
  text-align: center;
  align-items: center;
  max-width: 900px;
}
.hero-slider .hero.hero-style-text-middle .container .hero-content .hero-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.hero-slider.slick-slider {
  display: flex;
  align-items: center;
}
.hero-slider.slick-slider .slick-list {
  width: 100%;
}
.hero-slider.slick-slider .slick-track {
  display: flex;
  width: 100%;
}
.hero-slider.slick-slider .slick-arrow {
  position: absolute;
  font-size: 0;
  margin: 0 10px;
  z-index: 9;
  padding: 15px;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
  background: #1e262c;
}
.hero-slider.slick-slider .slick-arrow:after {
  content: '';
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 30px;
  height: 30px;
  width: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z' fill='%23ffffff'/%3E%3C/svg%3E");
  display: block;
}
.hero-slider.slick-slider .slick-arrow:hover {
  background-color: #d31145;
  padding: 15px;
}
.hero-slider.slick-slider .slick-arrow.slick-disabled {
  display: none !important;
}
.hero-slider.slick-slider .slick-arrow.slick-prev {
  transform: rotateZ(180deg);
}
.hero-slider.slick-slider .slick-arrow.slick-next {
  right: 0;
}
@media only screen and (max-width: 768px) {
  .hero-slider.slick-slider .slick-arrow {
    margin-bottom: 25px;
    bottom: 0;
  }
  .hero-slider.slick-slider .slick-arrow:after {
    min-width: 20px;
    height: 20px;
    width: 20px;
  }
}
.hero-slider.slick-slider .slick-slide {
  width: 100%;
}
.hero-slider.slick-slider .slick-slide > div {
  width: 100%;
}
.hero-slider.slick-slider .slick-slide .hero {
  min-height: 640px;
  height: calc(90vh - 135px);
}
.hero-slider.slick-slider .slick-slide .hero .overlay {
  display: block;
  box-shadow: 0px 0px 8px 5px;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
}
.hero-slider.slick-slider .slick-slide .hero .container {
  height: 100%;
}
.hero-slider.slick-slider .slick-slide.slick-current .overlay {
  display: none;
}
.hero-slider.slick-slider .slick-dots {
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 30px;
}
@media only screen and (max-width: 480px) {
  .hero-slider.slick-slider .slick-dots {
    max-width: calc(100% - 120px);
    left: calc(100% / 6);
  }
}
.hero-slider.slick-slider .slick-dots li {
  cursor: pointer;
  font-size: 0;
  width: 100px;
  height: 10px;
  border: 2px solid #ffffff;
  margin: 0 10px;
}
.hero-slider.slick-slider .slick-dots li:hover {
  background-color: #ffffff;
}
.hero-slider.slick-slider .slick-dots li.slick-active {
  background-color: #d31145;
  border: 2px solid #d31145;
}
@media only screen and (max-width: 768px) {
  .hero-slider.slick-slider .slick-dots li {
    width: 60px;
  }
}
@media only screen and (max-width: 480px) {
  .hero-slider.slick-slider .slick-dots li {
    width: 100%;
    margin: 0 5px;
  }
}
.product-segment .section-content .container .callouts-container {
  margin-top: 95px;
}
.product-segment .section-content .container .callouts-container .callout-mobile-bg {
  height: 465px;
}
@media only screen and (max-width: 768px) {
  .product-segment .section-content .container .callouts-container .callout-mobile-bg {
    display: flex;
  }
}
@media only screen and (max-width: 480px) {
  .product-segment .section-content .container .callouts-container .callout-mobile-bg {
    height: 220px;
  }
}
@media only screen and (max-width: 768px) {
  .product-segment .section-content .container .callouts-container .callouts {
    position: relative;
    margin-top: 40px;
  }
}
.product-segment .section-content .container .callouts-container .callouts .callout-card {
  margin: 0 10px;
}
@media only screen and (max-width: 768px) {
  .product-segment .section-content .container .callouts-container .callouts .callout-card {
    margin: 0;
    position: absolute;
    top: 0;
  }
}
.product-segment .section-content .container .callouts-container .callouts .callout-card:first-child {
  margin-left: 0;
}
@media only screen and (max-width: 768px) {
  .product-segment .section-content .container .callouts-container .callouts .callout-card:first-child .card-title {
    left: 0;
    margin-left: 15px;
    padding-left: 0;
  }
}
@media only screen and (max-width: 320px) {
  .product-segment .section-content .container .callouts-container .callouts .callout-card:first-child .card-title {
    margin-left: 5px;
  }
}
.product-segment .section-content .container .callouts-container .callouts .callout-card:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 768px) {
  .product-segment .section-content .container .callouts-container .callouts .callout-card:last-child .card-title {
    right: 0;
    margin-right: 15px;
  }
}
@media only screen and (max-width: 320px) {
  .product-segment .section-content .container .callouts-container .callouts .callout-card:last-child .card-title {
    margin-right: 5px;
  }
}
.product-segment .section-content .container .callouts-container .callouts .callout-card .card-bg-container {
  height: 400px;
}
.product-segment .section-content .container .callouts-container .callouts .callout-card .card-bg-container .card-bg {
  background-color: #abb0b8;
}
@media only screen and (max-width: 768px) {
  .product-segment .section-content .container .callouts-container .callouts .callout-card .card-bg-container {
    height: 0;
  }
  .product-segment .section-content .container .callouts-container .callouts .callout-card .card-bg-container .card-bg {
    display: none;
  }
}
.product-segment .section-content .container .callouts-container .callouts .callout-card .card-title {
  background-color: #d31145;
  padding: 20px 30px 45px;
  font-family: 'Roboto Slab', serif;
  font-size: 36px;
  color: #ffffff;
}
.product-segment .section-content .container .callouts-container .callouts .callout-card .card-title.mobile {
  display: none;
}
@media only screen and (max-width: 768px) {
  .product-segment .section-content .container .callouts-container .callouts .callout-card .card-title {
    font-size: 18px;
    padding: 28px 32px;
    width: 50%;
    background-color: #ffffff;
    color: #abb0b8;
  }
  .product-segment .section-content .container .callouts-container .callouts .callout-card .card-title.desktop {
    display: none;
  }
  .product-segment .section-content .container .callouts-container .callouts .callout-card .card-title.mobile {
    display: block;
  }
}
.product-segment .section-content .container .callouts-container .callouts .callout-card .card-cta {
  font-family: 'proxima-nova', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.9px;
  color: #d31145;
  margin-top: 35px;
  text-transform: uppercase;
}
.product-segment .section-content .container .callouts-container .callouts .callout-card .card-cta:after {
  min-width: 20px;
  height: 20px;
  width: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z' fill='%23d31145'/%3E%3C/svg%3E");
  margin-left: 10px;
}
@media only screen and (max-width: 768px) {
  .product-segment .section-content .container .callouts-container .callouts .callout-card .card-cta {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .product-segment .section-content .container .callouts-container .callouts .callout-card .card-cta {
    font-size: 13.5px;
  }
  .product-segment .section-content .container .callouts-container .callouts .callout-card .card-cta:after {
    min-width: 15px;
    height: 15px;
    width: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .product-segment .section-content .container .callouts-container .callouts .callout-card.active {
    position: relative;
  }
  .product-segment .section-content .container .callouts-container .callouts .callout-card.active .card-title {
    background-color: #d31145;
    color: #ffffff;
  }
  .product-segment .section-content .container .callouts-container .callouts .callout-card.active .card-cta {
    display: flex;
  }
}
.product-segment .section-content .container .section-icons {
  margin-top: 50px;
}
@media only screen and (max-width: 768px) {
  .product-segment .section-content .container .section-icons {
    margin-top: 50px;
  }
}
.product-segment .section-content .container .section-icons .column {
  padding: 0 50px;
}
@media only screen and (max-width: 768px) {
  .product-segment .section-content .container .section-icons .column {
    display: none;
    padding: 0;
  }
  .product-segment .section-content .container .section-icons .column.active {
    display: flex;
  }
}
.product-segment .section-content .container .section-icons .column .segment-icon,
.product-segment .section-content .container .section-icons .column .product-icon {
  flex-basis: calc(100%/3);
  margin-bottom: 20px;
  padding: 15px;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
}
@media only screen and (max-width: 768px) {
  .product-segment .section-content .container .section-icons .column .segment-icon,
  .product-segment .section-content .container .section-icons .column .product-icon {
    flex-basis: calc(100%/2);
    margin-bottom: 0;
  }
}
@media (max-width: 450px) {
  .product-segment .section-content .container .section-icons .column .segment-icon,
  .product-segment .section-content .container .section-icons .column .product-icon {
    flex-basis: 50%;
  }
}
.product-segment .section-content .container .section-icons .column .segment-icon .icon-bg-container,
.product-segment .section-content .container .section-icons .column .product-icon .icon-bg-container {
  width: 110px;
  height: 120px;
}
.product-segment .section-content .container .section-icons .column .segment-icon .icon-title,
.product-segment .section-content .container .section-icons .column .product-icon .icon-title {
  font-family: 'proxima-nova', sans-serif;
  font-size: 26px;
  font-weight: 600;
  color: #1e262c;
  margin-top: 30px;
}
@media only screen and (max-width: 768px) {
  .product-segment .section-content .container .section-icons .column .segment-icon .icon-title,
  .product-segment .section-content .container .section-icons .column .product-icon .icon-title {
    font-size: 24px;
  }
}
.product-segment .section-content .container .section-icons .column .segment-icon:hover,
.product-segment .section-content .container .section-icons .column .product-icon:hover {
  background-color: #d31145;
}
.product-segment .section-content .container .section-icons .column .segment-icon:hover .icon-title,
.product-segment .section-content .container .section-icons .column .product-icon:hover .icon-title {
  color: #ffffff;
}
.product-segment .section-content .container .section-icons .column .segment-icon:hover img,
.product-segment .section-content .container .section-icons .column .product-icon:hover img {
  display: none;
}
.product-segment .section-content .container .section-icons .column .segment-icon:hover img.icon-hover,
.product-segment .section-content .container .section-icons .column .product-icon:hover img.icon-hover {
  display: block;
}
.product-segment .section-content .container .custom-solution {
  margin-top: 165px;
}
@media only screen and (max-width: 480px) {
  .product-segment .section-content .container .custom-solution {
    display: flex;
    margin-top: 50px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .product-segment .section-content .container .custom-solution p {
    margin: 0 0 30px 0;
  }
}
.brands-info.bg-grey .section-content {
  height: fit-content;
}
@media only screen and (max-width: 768px) {
  .brands-info.bg-grey .section-content .container .brands-logo-container {
    margin-top: 0px;
  }
}
.brands-info.bg-grey .section-content .container .brands-logo-container.Expanded .brand-logo {
  width: calc((100%/3) - 120px) !important;
}
@media only screen and (max-width: 1024px) {
  .brands-info.bg-grey .section-content .container .brands-logo-container.Expanded .brand-logo {
    width: calc((100% / 3) - 120px) !important;
  }
}
@media only screen and (max-width: 768px) {
  .brands-info.bg-grey .section-content .container .brands-logo-container.Expanded .brand-logo {
    width: 100% !important;
  }
}
@media only screen and (max-width: 480px) {
  .brands-info.bg-grey .section-content .container .brands-logo-container.Expanded .brand-logo {
    margin: 60px 25px;
  }
}
.brands-info.bg-grey .section-content .container .brands-logo-container.Expanded.slick-slider .slick-slide > div {
  align-items: flex-start;
}
@media (max-width: 769px) {
  .brands-info.bg-grey .section-content .container .brands-logo-container .slick-list {
    margin-bottom: 100px;
  }
}
.brands-info.bg-grey .section-content .container .brands-logo-container .brand-logo {
  position: relative;
  width: calc((62%/3) - 120px) !important;
  margin: 60px;
}
.brands-info.bg-grey .section-content .container .brands-logo-container .brand-logo img {
  max-height: 120px;
}
@media only screen and (max-width: 1024px) {
  .brands-info.bg-grey .section-content .container .brands-logo-container .brand-logo {
    width: calc((100% / 3) - 120px) !important;
  }
}
@media only screen and (max-width: 768px) {
  .brands-info.bg-grey .section-content .container .brands-logo-container .brand-logo {
    width: 100% !important;
  }
}
@media only screen and (max-width: 480px) {
  .brands-info.bg-grey .section-content .container .brands-logo-container .brand-logo {
    margin: 60px 25px;
  }
}
.brands-info.bg-grey .section-content .container .brands-logo-container .brand-logo .title {
  font-size: 36px;
  font-family: 'Roboto Slab', serif;
  font-weight: 300;
  color: #d31145;
  padding-top: 20px;
  text-align: center;
  line-height: 1.25;
  text-transform: capitalize;
}
.brands-info.bg-grey .section-content .container .brands-logo-container .brand-logo .excerpt {
  text-align: center;
  color: #1e262c;
  font-size: 21px;
  padding: 20px 0;
}
@media (max-width: 480px) {
  .brands-info.bg-grey .section-content .container .brands-logo-container .brand-logo .excerpt {
    font-size: 18px;
  }
}
.brands-info.bg-grey .section-content .container .brands-logo-container .brand-logo .learn-more {
  color: #d31145;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 400ms 0s ease-in-out, all 400ms 0s ease;
}
.brands-info.bg-grey .section-content .container .brands-logo-container .brand-logo .learn-more::after {
  content: "";
  background: url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/arrow-right-red.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 15px;
  width: 15px;
  display: block;
  margin-left: 10px;
}
.brands-info.bg-grey .section-content .container .brands-logo-container .brand-logo .learn-more:hover {
  color: #1e262c;
}
.brands-info.bg-grey .section-content .container .brands-logo-container.slick-slider .slick-slide {
  width: 100%;
}
.brands-info.bg-grey .section-content .container .brands-logo-container.slick-slider .slick-slide > div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.brands-info.bg-grey .section-content .container .brands-logo-container.slick-slider .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}
.brands-info.bg-grey .section-content .container .brands-logo-container.slick-slider .slick-dots li {
  font-size: 0;
  background: #abb0b8;
  height: 4px;
  width: 4px;
  margin: 0 5px;
}
.brands-info.bg-grey .section-content .container .brands-logo-container.slick-slider .slick-dots li.slick-active {
  background-color: #d31145;
  width: 20px;
}
.brands-info.bg-grey .section-content .container .cta-container {
  margin-top: 50px;
}
@media only screen and (max-width: 768px) {
  .brands-info.bg-grey .section-content .container .cta-container {
    flex-direction: column;
    margin-top: 50px;
  }
}
.brands-info.bg-grey .section-content .container .cta-container .button {
  margin: 0 10px;
}
@media only screen and (max-width: 768px) {
  .brands-info.bg-grey .section-content .container .cta-container .button {
    margin: 10px 0;
  }
}
.connect-with-us {
  padding: 150px 0;
}
@media (max-width: 480px) {
  .connect-with-us {
    padding: 100px 0;
  }
}
.connect-with-us.bg-red .section-content .container .contact-form {
  margin-top: 95px;
}
.connect-with-us.bg-red .section-content .container .contact-form .wpcf7 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
.connect-with-us.bg-red .section-content .container .contact-form .wpcf7 form {
  max-width: 1000px;
  width: 100%;
}
.connect-with-us.bg-red .section-content .container .contact-form .wpcf7 form .fields {
  max-height: 250px;
  position: relative;
  overflow: hidden;
  transition: height 3s ease-in-out;
}
.connect-with-us.bg-red .section-content .container .contact-form .wpcf7 form .fields.open {
  height: auto !important;
}
.connect-with-us.bg-red .section-content .container .contact-form .wpcf7 form .fields.open .overlay {
  display: none;
}
.connect-with-us.bg-red .section-content .container .contact-form .wpcf7 form .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 30px 0;
  background-image: linear-gradient(to bottom, transparent, #d31145);
}
.connect-with-us.bg-red .section-content .container .contact-form .wpcf7 form .row {
  display: flex;
  align-items: stretch;
  margin-top: 30px;
}
@media only screen and (max-width: 768px) {
  .connect-with-us.bg-red .section-content .container .contact-form .wpcf7 form .row {
    flex-direction: column;
  }
}
.connect-with-us.bg-red .section-content .container .contact-form .wpcf7 form .row:first-child {
  margin-top: 0;
}
.connect-with-us.bg-red .section-content .container .contact-form .wpcf7 form .row > div {
  width: 100%;
}
.connect-with-us.bg-red .section-content .container .contact-form .wpcf7 form .row > div:last-child {
  margin-left: 40px;
}
@media only screen and (max-width: 768px) {
  .connect-with-us.bg-red .section-content .container .contact-form .wpcf7 form .row > div:last-child {
    margin-left: 0;
  }
}
.connect-with-us.bg-red .section-content .container .contact-form .wpcf7 form .row fieldset {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.connect-with-us.bg-red .section-content .container .contact-form .wpcf7 form br {
  display: none;
}
.connect-with-us.bg-red .section-content .container .contact-form .wpcf7 form label {
  display: flex;
  font-family: 'proxima-nova', sans-serif;
  font-size: 24px;
  margin-bottom: 20px;
}
.connect-with-us.bg-red .section-content .container .contact-form .wpcf7 form textarea {
  font-family: 'Roboto Slab', serif;
  font-size: 30px;
  color: #1e262c;
  outline: none;
  width: 100%;
  padding: 10px 30px;
}
.connect-with-us.bg-red .section-content .container .contact-form .wpcf7 form input {
  font-family: 'Roboto Slab', serif;
  font-size: 30px;
  color: #1e262c;
  outline: none;
}
.connect-with-us.bg-red .section-content .container .contact-form .wpcf7 form input[type=text],
.connect-with-us.bg-red .section-content .container .contact-form .wpcf7 form input[type=email],
.connect-with-us.bg-red .section-content .container .contact-form .wpcf7 form input[type=tel] {
  padding: 8px 0 8px 30px;
  outline: none;
  width: 100%;
}
.connect-with-us.bg-red .section-content .container .contact-form .wpcf7 form .wpcf7-submit {
  display: flex;
  cursor: pointer;
  font-family: 'proxima-nova', sans-serif;
  margin: 50px auto 0;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.9px;
  color: #d31145;
  text-transform: uppercase;
  border: 3px solid #ffffff;
}
.connect-with-us.bg-red .section-content .container .contact-form .wpcf7 form .wpcf7-submit:hover {
  color: #ffffff;
}
.connect-with-us.bg-red .section-content .container .contact-form .wpcf7 form .wpcf7-response-output {
  font-family: 'proxima-nova', sans-serif;
  font-size: 20px;
}
.connect-with-us.bg-red .section-content .container .contact-form .wpcf7 form .wpcf7-not-valid-tip {
  margin-top: 10px;
  font-size: 18px;
  font-family: 'proxima-nova', sans-serif;
  color: #ffffff;
}
#brokers {
  background-color: #f7f7f8;
}
#brokers .container .title-section {
  flex-basis: 50%;
}
#brokers .container .title-section .title {
  font-size: 60px;
  font-family: 'Roboto Slab', serif;
  color: #1e262c;
  font-weight: 300;
  display: inline-block;
}
#brokers .container .title-section .title::before {
  content: "";
  display: block;
  position: relative;
  height: 4px;
  background-color: #d31145;
  width: 40%;
  top: 0;
  margin-bottom: 20px;
}
#brokers .container .broker-section {
  flex-basis: 50%;
}
#brokers .container .broker-section #broker-form #state {
  padding: 5px 50px 5px 10px;
  outline: none;
  cursor: pointer;
  font-size: 30px;
  color: #1e262c;
  font-family: 'Roboto Slab', serif;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/triangle-down-red.svg");
  background-repeat: no-repeat;
  background-size: 100px 100px;
  background-position: 105% 50%;
}
#brokers .container .broker-section #broker-form #state option {
  display: none;
}
#brokers .container .broker-section #broker-form #state option.default {
  display: block;
}
#brokers .container .broker-section .results .result {
  flex-basis: 50%;
}
#brokers .container .broker-section .results .result .contact-name,
#brokers .container .broker-section .results .result .group-name {
  color: #1e262c;
  font-size: 24px;
  font-weight: bold;
  font-family: 'proxima-nova', sans-serif;
}
#brokers .container .broker-section .results .result .phone,
#brokers .container .broker-section .results .result .email {
  color: #d31145;
  font-size: 24px;
  font-family: 'proxima-nova', sans-serif;
  font-weight: bold;
  position: relative;
  display: inline-block;
}
#brokers .container .broker-section .results .result .email::after {
  content: "";
  position: relative;
  width: 100%;
  height: 2px;
  background-color: #d31145;
  display: block;
  bottom: 5px;
}
#brokers .container .broker-section .results .result .location {
  color: #1e262c;
  font-family: 'proxima-nova', sans-serif;
  font-size: 24px;
}
.page-toolbar {
  font-size: 0;
}
.page-toolbar .page-toolbar-buttons {
  margin-top: 30px;
}
.page-toolbar .page-toolbar-buttons button,
.page-toolbar .page-toolbar-buttons a {
  background-color: #d31145;
  padding: 10px;
  margin-bottom: 15px;
}
.page-toolbar .print {
  min-width: 50px;
  height: 50px;
  width: 50px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 90 90' style='enable-background:new 0 0 90 90;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;stroke:%23ffffff;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M67.2,65.4H23.8V43.7H31V25.6h20.5l8.5,9.1v9h7.2V65.4L67.2,65.4z M31,45.5h-5.4v18.1h39.8V45.5H60v9.1H31 V45.5L31,45.5z M49.1,27.4H32.8v25.4h25.4V36.4h-9.1V27.4L49.1,27.4z M52.7,49.1H38.3v-1.8h14.5V49.1L52.7,49.1z M52.7,45.5H38.3 v-1.8h14.5V45.5L52.7,45.5z M52.7,41.9H38.3v-1.8h14.5V41.9L52.7,41.9z M50.9,27.8v6.8h6.5L50.9,27.8L50.9,27.8z'/%3E%3C/g%3E%3C/svg%3E");
}
.page-toolbar .print:hover {
  background-color: #ffffff;
  border: 2px solid #d31145;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 90 90' style='enable-background:new 0 0 90 90;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23d31145;stroke:%23d31145;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M67.2,65.4H23.8V43.7H31V25.6h20.5l8.5,9.1v9h7.2V65.4L67.2,65.4z M31,45.5h-5.4v18.1h39.8V45.5H60v9.1H31 V45.5L31,45.5z M49.1,27.4H32.8v25.4h25.4V36.4h-9.1V27.4L49.1,27.4z M52.7,49.1H38.3v-1.8h14.5V49.1L52.7,49.1z M52.7,45.5H38.3 v-1.8h14.5V45.5L52.7,45.5z M52.7,41.9H38.3v-1.8h14.5V41.9L52.7,41.9z M50.9,27.8v6.8h6.5L50.9,27.8L50.9,27.8z'/%3E%3C/g%3E%3C/svg%3E");
}
.page-toolbar .email {
  min-width: 50px;
  height: 50px;
  width: 50px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 90 90' style='enable-background:new 0 0 90 90;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23ffffff;stroke:%23ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M66.7,61.3H23.3V28.7h43.5V61.3L66.7,61.3z M25.1,31.5v28h39.8v-28L45,49.6L25.1,31.5L25.1,31.5z M63.3,30.5 H26.7L45,47.1L63.3,30.5L63.3,30.5z'/%3E%3C/g%3E%3C/svg%3E");
}
.page-toolbar .email:hover {
  background-color: #ffffff;
  border: 2px solid #d31145;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 90 90' style='enable-background:new 0 0 90 90;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23d31145;stroke:%23d31145;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M66.7,61.3H23.3V28.7h43.5V61.3L66.7,61.3z M25.1,31.5v28h39.8v-28L45,49.6L25.1,31.5L25.1,31.5z M63.3,30.5 H26.7L45,47.1L63.3,30.5L63.3,30.5z'/%3E%3C/g%3E%3C/svg%3E");
}
.page-toolbar .download {
  min-width: 50px;
  height: 50px;
  width: 50px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 90 90' style='enable-background:new 0 0 90 90;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;stroke:%23ffffff;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M67.2,65.4H23.8V43.7H31V25.6h20.5l8.5,9.1v9h7.2V65.4L67.2,65.4z M31,45.5h-5.4v18.1h39.8V45.5H60v9.1H31 V45.5L31,45.5z M49.1,27.4H32.8v25.4h25.4V36.4h-9.1V27.4L49.1,27.4z M52.7,49.1H38.3v-1.8h14.5V49.1L52.7,49.1z M52.7,45.5H38.3 v-1.8h14.5V45.5L52.7,45.5z M52.7,41.9H38.3v-1.8h14.5V41.9L52.7,41.9z M50.9,27.8v6.8h6.5L50.9,27.8L50.9,27.8z'/%3E%3C/g%3E%3C/svg%3E");
}
.page-toolbar .download:hover {
  background-color: #ffffff;
  border: 2px solid #d31145;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 90 90' style='enable-background:new 0 0 90 90;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23d31145;stroke:%23d31145;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M67.2,65.4H23.8V43.7H31V25.6h20.5l8.5,9.1v9h7.2V65.4L67.2,65.4z M31,45.5h-5.4v18.1h39.8V45.5H60v9.1H31 V45.5L31,45.5z M49.1,27.4H32.8v25.4h25.4V36.4h-9.1V27.4L49.1,27.4z M52.7,49.1H38.3v-1.8h14.5V49.1L52.7,49.1z M52.7,45.5H38.3 v-1.8h14.5V45.5L52.7,45.5z M52.7,41.9H38.3v-1.8h14.5V41.9L52.7,41.9z M50.9,27.8v6.8h6.5L50.9,27.8L50.9,27.8z'/%3E%3C/g%3E%3C/svg%3E");
}
#recipe-detail {
  clear: both;
}
#recipe-detail .hero {
  background-color: #1e262c;
}
#recipe-detail .hero .recipe-image img {
  max-width: 700px;
  width: 100%;
  object-fit: cover;
  max-height: 480px;
}
#recipe-detail .hero .recipe-content .recipe-title {
  color: #ffffff;
  font-size: 48px;
  font-family: 'Roboto Slab', serif;
  line-height: 1.25;
}
@media only screen and (max-width: 768px) {
  #recipe-detail .hero .recipe-content .recipe-title {
    font-size: 32px;
    margin-top: 20px;
  }
}
#recipe-detail .hero .recipe-content .categories {
  color: #ffffff;
  margin: 20px 0;
}
#recipe-detail .hero .recipe-content .categories > ul .cat {
  font-size: 17px;
  font-weight: bold;
  font-family: 'proxima-nova', sans-serif;
  margin-right: 10px;
  border: 3px solid #d31145;
  padding: 10px 20px;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
}
#recipe-detail .hero .recipe-content .categories > ul .cat:hover {
  background-color: #d31145;
}
#recipe-detail .hero .recipe-content .recipe-copy {
  color: #ffffff;
  font-size: 21px;
  font-family: 'proxima-nova', sans-serif;
  margin: 0px 0 20px 0;
}
@media only screen and (max-width: 768px) {
  #recipe-detail .hero .recipe-content .recipe-copy {
    font-size: 18px;
  }
}
#recipe-detail .hero .recipe-content .nutrition-info .diet-needs {
  font-family: 'Roboto Slab', serif;
  color: #abb0b8;
  font-size: 18px;
  margin-right: 20px;
}
#recipe-detail .hero .recipe-content .nutrition-info .diet-list .diet {
  color: #ffffff;
  border: 1px solid #444a54;
  padding: 10px 20px;
  margin-right: 10px;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
}
#recipe-detail .hero .recipe-content .nutrition-info .diet-list .diet:hover {
  background-color: #444a54;
}
#recipe-detail .hero .recipe-content .nutrition-info .recipe-servings {
  font-family: 'Roboto Slab', serif;
  color: #abb0b8;
  font-size: 18px;
}
#recipe-detail .hero .recipe-content .nutrition-info .recipe-servings .serving-number {
  color: #ffffff;
}
#recipe-detail .prod-feature {
  background-color: #ffffff;
  margin-bottom: 100px;
}
#recipe-detail .prod-feature .container .prod-img img {
  max-width: 300px;
  object-fit: contain;
}
#recipe-detail .prod-feature .container .prod-content .brand-img {
  max-width: 90px;
  width: 100%;
  object-fit: contain;
}
#recipe-detail .prod-feature .container .prod-content .main-content .featuring {
  color: #d31145;
  font-size: 18px;
  font-family: 'Roboto Slab', serif;
}
#recipe-detail .prod-feature .container .prod-content .main-content .prod-name {
  font-family: 'Roboto Slab', serif;
  font-size: 27px;
  line-height: 1.25;
  text-transform: capitalize;
  margin: 5px 0 20px 0;
  color: #1e262c;
}
@media only screen and (max-width: 768px) {
  #recipe-detail .prod-feature .container .prod-content .main-content .prod-name {
    font-size: 21px;
  }
}
#recipe-detail .prod-feature .container .prod-content .main-content .callouts a {
  color: #d31145;
  font-family: 'proxima-nova', sans-serif;
  font-weight: bold;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
}
#recipe-detail .prod-feature .container .prod-content .main-content .callouts a .category {
  padding: 5px 20px;
  border: 3px solid #d31145;
  margin-right: 20px;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
  white-space: nowrap;
}
#recipe-detail .prod-feature .container .prod-content .main-content .callouts a .category:hover {
  background: #d31145;
  color: #ffffff;
}
#recipe-detail .prod-feature .container .prod-content .main-content .callouts a.similar-prod-link {
  display: flex;
  justify-content: center;
  align-items: center;
}
#recipe-detail .prod-feature .container .prod-content .main-content .callouts a.similar-prod-link .arrow-down {
  transform: rotate(90deg);
  max-width: 15px;
  width: 100%;
  margin-left: 10px;
}
#recipe-detail .prod-feature .break-line {
  width: 100%;
  height: 1px;
  background-color: #f1f2f3;
}
#recipe-detail .recipe-main .container .recipe-details-section {
  padding-bottom: 50px;
}
#recipe-detail .recipe-main .container .recipe-details-section:last-child {
  margin-top: 50px;
  padding-bottom: 100px;
}
#recipe-detail .recipe-main .container .recipe-details-section .section-head {
  color: #1e262c;
  font-size: 36px;
  text-align: center;
  font-family: 'Roboto Slab', serif;
}
@media only screen and (max-width: 768px) {
  #recipe-detail .recipe-main .container .recipe-details-section .section-head {
    font-size: 26px;
  }
}
#recipe-detail .recipe-main .container .recipe-details-section .heading {
  color: #d31145;
  font-size: 36px;
  font-family: 'Roboto Slab', serif;
  display: inline-block;
  position: relative;
  max-width: 210px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  #recipe-detail .recipe-main .container .recipe-details-section .heading {
    font-size: 26px;
  }
}
#recipe-detail .recipe-main .container .recipe-details-section .heading::after {
  content: "";
  height: 4px;
  background-color: #d31145;
  width: 50%;
  display: block;
  position: relative;
  bottom: -10px;
  font-family: 'proxima-nova', sans-serif;
}
#recipe-detail .recipe-main .container .recipe-details-section .ingredients {
  flex-basis: 50%;
  margin-right: 100px;
}
#recipe-detail .recipe-main .container .recipe-details-section .ingredients .item {
  border-bottom: dotted #e2e3e6;
  margin-bottom: 20px;
  justify-content: space-between;
}
#recipe-detail .recipe-main .container .recipe-details-section .ingredients .item .ingredient,
#recipe-detail .recipe-main .container .recipe-details-section .ingredients .item .measurement {
  color: #1e262c;
  font-family: 'proxima-nova', sans-serif;
  margin-bottom: 20px;
  font-size: 21px;
}
@media only screen and (max-width: 768px) {
  #recipe-detail .recipe-main .container .recipe-details-section .ingredients .item .ingredient,
  #recipe-detail .recipe-main .container .recipe-details-section .ingredients .item .measurement {
    font-size: 18px;
  }
}
#recipe-detail .recipe-main .container .recipe-details-section .ingredients .item .ingredient {
  max-width: 70%;
}
#recipe-detail .recipe-main .container .recipe-details-section .ingredients .item .ingredient a {
  color: #d31145;
  font-weight: bold;
  text-decoration: underline;
}
#recipe-detail .recipe-main .container .recipe-details-section .ingredients .item .measurement {
  font-weight: bold;
}
#recipe-detail .recipe-main .container .recipe-details-section .ingredients .item:last-child {
  margin-bottom: 0;
}
#recipe-detail .recipe-main .container .recipe-details-section .directions {
  flex-basis: 50%;
}
#recipe-detail .recipe-main .container .recipe-details-section .directions > ol {
  counter-reset: my-awesome-counter;
}
#recipe-detail .recipe-main .container .recipe-details-section .directions > ol .direction {
  margin-bottom: 20px;
  counter-increment: my-awesome-counter;
  display: flex;
  align-items: flex-start;
  color: #1e262c;
  font-family: 'proxima-nova', sans-serif;
  font-size: 21px;
}
@media only screen and (max-width: 768px) {
  #recipe-detail .recipe-main .container .recipe-details-section .directions > ol .direction {
    font-size: 18px;
  }
}
#recipe-detail .recipe-main .container .recipe-details-section .directions > ol .direction:last-child {
  margin-bottom: 0;
}
#recipe-detail .recipe-main .container .recipe-details-section .directions > ol .direction::before {
  content: counter(my-awesome-counter);
  color: #d31145;
  border: 1px solid #e2e3e6;
  padding: 3px 10px;
  margin-right: 10px;
  font-weight: bold;
}
#recipe-detail .recipe-main .additional-content {
  background-color: #f7f7f8;
}
#recipe-detail .recipe-main .additional-content .tips-section {
  background-color: #ffffff;
  padding: 20px 40px;
  flex-basis: 49%;
  margin-right: 20px;
  border: 1px solid #e2e3e6;
  height: 100%;
}
#recipe-detail .recipe-main .additional-content .tips-section h3 {
  font-size: 26px;
  color: #d31145;
  font-weight: 600;
  font-family: 'proxima-nova', sans-serif;
}
@media only screen and (max-width: 768px) {
  #recipe-detail .recipe-main .additional-content .tips-section h3 {
    font-size: 21px;
  }
}
#recipe-detail .recipe-main .additional-content .tips-section .tip {
  color: #1e262c;
  font-family: 'proxima-nova', sans-serif;
  font-size: 21px;
  margin-bottom: 25px;
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  max-width: 90%;
}
@media only screen and (max-width: 768px) {
  #recipe-detail .recipe-main .additional-content .tips-section .tip {
    font-size: 18px;
  }
}
#recipe-detail .recipe-main .additional-content .tips-section .tip:last-child {
  margin-bottom: 0;
}
#recipe-detail .recipe-main .additional-content .tips-section .tip::before {
  content: "\2022";
  color: #d31145;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  font-size: 40px;
}
#recipe-detail .recipe-main .additional-content .nutrition-facts {
  background-color: #ffffff;
  padding: 20px 40px;
  border: 1px solid #e2e3e6;
  flex-basis: 49%;
  font-family: 'proxima-nova', sans-serif;
  text-align: center;
  height: 100%;
}
#recipe-detail .recipe-main .additional-content .nutrition-facts .border-b-sm {
  position: relative;
}
#recipe-detail .recipe-main .additional-content .nutrition-facts .border-b-sm::after {
  height: 1px;
  background-color: #1e262c;
  content: "";
  display: block;
  position: relative;
  bottom: -10px;
  width: 100%;
}
#recipe-detail .recipe-main .additional-content .nutrition-facts .border-b-md {
  position: relative;
}
#recipe-detail .recipe-main .additional-content .nutrition-facts .border-b-md::after {
  height: 2px;
  background-color: #1e262c;
  content: "";
  display: block;
  position: relative;
  bottom: -10px;
  width: 100%;
}
#recipe-detail .recipe-main .additional-content .nutrition-facts .border-b-lg {
  position: relative;
}
#recipe-detail .recipe-main .additional-content .nutrition-facts .border-b-lg::after {
  height: 10px;
  background-color: #1e262c;
  content: "";
  display: block;
  position: relative;
  bottom: -10px;
  width: 100%;
}
#recipe-detail .recipe-main .additional-content .nutrition-facts .nutrition-row {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 20px;
}
#recipe-detail .recipe-main .additional-content .nutrition-facts .nutrition-row .row-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#recipe-detail .recipe-main .additional-content .nutrition-facts .nutrition-row .row-content .header {
  font-size: 26px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  #recipe-detail .recipe-main .additional-content .nutrition-facts .nutrition-row .row-content .per-serving {
    font-size: 16px;
  }
}
#recipe-detail .recipe-main .additional-content .nutrition-facts .nutrition-row .row-content .calories {
  font-size: 27px;
}
@media only screen and (max-width: 768px) {
  #recipe-detail .recipe-main .additional-content .nutrition-facts .nutrition-row .row-content .calories {
    font-size: 16px;
  }
}
@media only screen and (max-width: 768px) {
  #recipe-detail .recipe-main .additional-content .nutrition-facts .nutrition-row .row-content .calories-value {
    font-size: 16px;
  }
}
@media only screen and (max-width: 768px) {
  #recipe-detail .recipe-main .additional-content .nutrition-facts .nutrition-row .row-content .servings-per {
    font-size: 16px;
  }
}
#recipe-detail .recipe-main .additional-content .nutrition-facts .nutrition-row .row-content .recipe-footnote {
  font-size: 14px;
}
#recipe-detail .recipe-main .additional-content .nutrition-facts #show-hide {
  color: #d31145;
  font-family: 'proxima-nova', sans-serif;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}
@media (max-width: 960px) {
  #recipe-detail .hero > .container {
    flex-direction: column;
  }
  #recipe-detail .hero > .container .recipe-image,
  #recipe-detail .hero > .container .recipe-content {
    width: 100%;
    padding-left: 0;
  }
  #recipe-detail .prod-feature .container .flex {
    flex-direction: column;
  }
  #recipe-detail .prod-feature .container .flex .prod-content {
    justify-content: center;
    align-items: center;
  }
  #recipe-detail .prod-feature .container .flex .prod-content .main-content {
    justify-content: center;
    align-items: center;
  }
  #recipe-detail .prod-feature .container .flex .prod-content .main-content .prod-name {
    text-align: center;
  }
  #recipe-detail .prod-feature .container .flex .prod-content .main-content .callouts {
    justify-content: center;
    align-items: center;
  }
  #recipe-detail .prod-feature .container .flex .prod-content .main-content .callouts .category-link {
    margin: 5px 0 20px 0;
  }
  #recipe-detail .prod-feature .container .flex .prod-content .main-content .callouts .category-link .category {
    margin: 0;
  }
  #recipe-detail .recipe-main .container .recipe-details-section .wrapper {
    flex-direction: column;
  }
  #recipe-detail .recipe-main .container .recipe-details-section .wrapper .ingredients,
  #recipe-detail .recipe-main .container .recipe-details-section .wrapper .directions {
    flex-basis: 100%;
    margin-right: 0;
  }
  #recipe-detail .recipe-main .container .recipe-details-section .wrapper .ingredients {
    margin-bottom: 50px;
  }
  #recipe-detail .additional-content .container {
    flex-direction: column;
  }
  #recipe-detail .additional-content .container .tips-section,
  #recipe-detail .additional-content .container .nutrition-facts {
    width: 100%;
    flex-basis: 100%;
    margin-right: 0;
  }
}
.featured-products {
  padding: 0 0 150px;
  margin-top: -100px;
}
@media only screen and (max-width: 768px) {
  .featured-products .featured-product-header .container {
    flex-direction: column;
  }
}
.featured-products .featured-product-header .container .featured-product {
  margin-left: 50px;
}
@media only screen and (max-width: 768px) {
  .featured-products .featured-product-header .container .featured-product {
    margin: 0px;
  }
}
.featured-products .featured-product-header .container .featured-product:first-child {
  margin-left: 0;
}
@media only screen and (max-width: 768px) {
  .featured-products .featured-product-header .container .featured-product:first-child {
    margin-bottom: 50px;
  }
}
.featured-products .featured-product-header .container .featured-product .product-bg-container {
  height: 455px;
}
@media only screen and (max-width: 768px) {
  .featured-products .featured-product-header .container .featured-product .product-bg-container {
    height: 300px;
  }
}
.featured-products .featured-product-header .container .featured-product .product-title {
  margin-top: 50px;
  font-size: 36px;
  line-height: 1.33;
  text-align: center;
  color: #d31145;
  font-family: 'Roboto Slab', serif;
  max-width: 600px;
}
@media only screen and (max-width: 768px) {
  .featured-products .featured-product-header .container .featured-product .product-title {
    font-size: 30px;
  }
}
.featured-products .featured-product-header .container .featured-product .product-cta {
  font-size: 16px;
  font-weight: 600;
  margin-top: 30px;
  padding: 10px 20px;
}
.featured-products .featured-product-header .container .featured-product .card-bg {
  background-color: #abb0b8;
}
.featured-products .featured-product-header .container .featured-product .card-title {
  background-color: #d31145;
  padding: 10px 30px 35px;
  font-family: 'Roboto Slab', serif;
  font-size: 30px;
  color: #ffffff;
  left: 50%;
  transform: translate(-50%, 0);
}
@media only screen and (max-width: 768px) {
  .featured-products .featured-product-header .container .featured-product .card-title {
    font-size: 30px;
    padding: 15px 20px;
  }
}
.featured-products .featured-product-categories {
  margin-top: 50px;
}
@media only screen and (max-width: 768px) {
  .featured-products .featured-product-categories .container {
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) and only screen and (max-width: 768px) {
  .featured-products .featured-product-categories .container {
    margin: 0;
  }
}
.featured-products .featured-product-categories .featured-product-category {
  margin-right: 95px;
}
@media only screen and (max-width: 768px) {
  .featured-products .featured-product-categories .featured-product-category {
    margin: 0px;
  }
}
.featured-products .featured-product-categories .featured-product-category:nth-child(even) {
  margin-right: 0;
}
@media only screen and (max-width: 768px) {
  .featured-products .featured-product-categories .featured-product-category:nth-child(even) {
    margin-top: 100px;
  }
}
.featured-products .featured-product-categories .intro .intro-title {
  font-family: 'Roboto Slab', serif;
  font-size: 30px;
  line-height: 1.07;
  color: #d31145;
}
.featured-products .featured-product-categories .intro .intro-desc {
  margin-top: 40px;
  font-size: 21px;
  line-height: 1.33;
  color: #1e262c;
  font-family: 'proxima-nova', sans-serif;
  padding: 0 20px;
}
@media only screen and (max-width: 768px) {
  .featured-products .featured-product-categories .intro .intro-desc {
    font-size: 18px;
  }
}
.featured-products .featured-product-categories .product-categories {
  margin-top: 45px;
}
.featured-products .featured-product-categories .product-categories .category-bg-container {
  width: calc((100%/2) - 5px);
  margin-right: 10px;
  margin-bottom: 10px;
  height: 220px;
}
@media only screen and (max-width: 480px) {
  .featured-products .featured-product-categories .product-categories .category-bg-container {
    width: 100%;
    height: 150px;
  }
}
.featured-products .featured-product-categories .product-categories .category-bg-container:nth-child(even) {
  margin-right: 0;
}
.featured-products .featured-product-categories .product-categories .category-bg-container .card-bg {
  background-color: #f7f8f8;
}
.featured-products .featured-product-categories .product-categories .category-bg-container .card-title {
  font-size: 21px;
  font-weight: 600;
  font-family: 'proxima-nova', sans-serif;
  padding: 15px 40px;
  background-color: #ffffff;
  color: #1e262c;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
}
@media only screen and (max-width: 768px) {
  .featured-products .featured-product-categories .product-categories .category-bg-container .card-title {
    font-size: 18px;
  }
}
.featured-products .featured-product-categories .product-categories .category-bg-container:hover .card-title {
  background-color: #d31145;
  color: #ffffff;
}
.featured-products .featured-product-categories .product-categories .custom-solution {
  margin-top: 100px;
}
.featured-products .featured-product-categories .product-categories .custom-solution a {
  margin-top: 25px;
  border: 3px solid #d31145;
  padding: 10px 20px;
}
.related-slider {
  padding: 0;
  background-color: #1e262c;
}
.related-slider .wrapper {
  padding-left: 170px;
}
.related-slider .wrapper .section-heading {
  width: 100%;
}
.related-slider .wrapper .section-heading .container {
  text-align: left;
  padding-right: 100px;
}
@media only screen and (max-width: 1024px) {
  .related-slider .wrapper .section-heading .container {
    text-align: center;
    padding: 0;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
  }
}
.related-slider .wrapper .section-heading .container .section-title {
  color: #ffffff;
  line-height: 1.25;
  font-weight: 300;
  max-width: 300px;
  align-items: flex-start;
  flex: 1;
}
@media only screen and (max-width: 1024px) {
  .related-slider .wrapper .section-heading .container .section-title {
    align-items: center;
    max-width: none;
  }
}
.related-slider .wrapper .section-heading .container .section-description {
  color: #ffffff;
  align-self: flex-start;
}
@media only screen and (max-width: 1024px) {
  .related-slider .wrapper .section-heading .container .section-description {
    align-self: center;
  }
}
.related-slider .wrapper .title-section {
  width: 100%;
}
.related-slider .wrapper .title-section .title {
  color: #ffffff;
  font-size: 60px;
  line-height: 1.25;
  font-family: 'Roboto Slab', serif;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .related-slider .wrapper .title-section .title {
    font-size: 48px;
  }
}
.related-slider .wrapper .title-section .title::before {
  content: "";
  display: block;
  position: relative;
  top: -20px;
  height: 4px;
  background-color: #d31145;
  width: 50%;
}
.related-slider .wrapper .related-posts-slider {
  width: 70%;
}
.related-slider .wrapper .related-posts-slider .related-post {
  display: flex !important;
  justify-content: center;
  flex-direction: column;
  position: relative;
  padding-right: 50px;
  margin-bottom: 50px;
}
.related-slider .wrapper .related-posts-slider .related-post .post-img-container {
  width: 100%;
  height: 400px;
  background: #bfc7d3;
  background: #f7f7f8 url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/missing-product-image.svg") center center no-repeat;
}
@media only screen and (max-width: 768px) {
  .related-slider .wrapper .related-posts-slider .related-post .post-img-container {
    height: 250px;
  }
}
.related-slider .wrapper .related-posts-slider .related-post > img {
  width: 100%;
  max-width: 600px;
  object-fit: cover;
}
.related-slider .wrapper .related-posts-slider .related-post .name {
  display: flex;
  padding: 20px 30px 25px 30px;
  background-color: #ffffff;
  position: absolute;
  right: 30px;
  bottom: -60px;
  max-width: 290px;
  align-items: flex-end;
}
.related-slider .wrapper .related-posts-slider .related-post .name .related-post-name {
  color: #1e262c;
  font-size: 26px;
  line-height: 1.25;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
@media only screen and (max-width: 768px) {
  .related-slider .wrapper .related-posts-slider .related-post .name .related-post-name {
    font-size: 21px;
  }
}
.related-slider .wrapper .related-posts-slider .related-post .name img {
  max-width: 27px;
}
.related-slider .wrapper .related-posts-slider .slick-next {
  position: absolute;
  right: 9%;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  font-size: 0;
  background-color: #d31145;
  padding: 10px;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
}
.related-slider .wrapper .related-posts-slider .slick-next:after {
  content: '';
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 30px;
  height: 30px;
  width: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z' fill='%23ffffff'/%3E%3C/svg%3E");
  display: block;
}
.related-slider .wrapper .related-posts-slider .slick-next:hover {
  background-color: #d31145;
  padding: 15px;
}
.related-slider .wrapper .related-posts-slider .slick-prev {
  position: absolute;
  left: 2%;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  font-size: 0;
  background-color: #d31145;
  padding: 10px;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
}
.related-slider .wrapper .related-posts-slider .slick-prev:after {
  content: '';
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 30px;
  height: 30px;
  width: 30px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3c!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23ffffff;%7d %3c/style%3e%3cpath class='st0' d='M4,12l8,8l1.4-1.4L7.8,13H20v-2H7.8l5.6-5.6L12,4L4,12z'/%3e%3c/svg%3e");
  display: block;
}
.related-slider .wrapper .related-posts-slider .slick-prev:hover {
  background-color: #d31145;
  padding: 15px;
}
.related-slider.bg-grey {
  background-color: #efeae2;
}
.related-slider.bg-grey .wrapper .section-heading .container .section-title {
  color: #1e262c;
}
.related-slider.bg-grey .wrapper .section-heading .container .section-description {
  color: #1e262c;
}
.related-slider.bg-grey .wrapper .related-posts-slider .related-post {
  margin-bottom: 0;
}
.related-slider.bg-grey .wrapper .related-posts-slider .related-post .post-img-container {
  border: 5px solid #fff;
  margin-left: 40px;
  height: 480px;
}
.related-slider.bg-grey .wrapper .related-posts-slider .related-post .name {
  left: 0px;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 90%;
  margin-bottom: 50px;
  border-right: 5px solid #d31145;
}
.related-slider.bg-grey .wrapper .related-posts-slider .related-post .name .related-post-name {
  font-size: 36px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  font-family: 'proxima-nova';
  text-align: left;
  padding: 0;
}
.related-slider.bg-grey .wrapper .related-posts-slider .related-post .name img {
  display: none;
}
@media (max-width: 480px) {
  .related-slider.videos .wrapper .related-posts-slider .slick-next {
    top: 25%;
    transform: translateY(-25%);
  }
}
@media (max-width: 480px) {
  .related-slider.videos .wrapper .related-posts-slider .slick-prev {
    top: 25%;
    transform: translateY(-25%);
  }
}
.related-slider.videos .wrapper .related-posts-slider .related-post .post-img-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.related-slider.videos .wrapper .related-posts-slider .related-post .post-img-container .play-svg {
  position: absolute;
  width: 160px;
  height: 160px;
  background-color: #fff;
  z-index: 2;
  align-self: center;
  margin: 0 auto;
  border-radius: 100px;
}
.related-slider.videos .wrapper .related-posts-slider .related-post .post-img-container .play-svg:after {
  min-width: 80px;
  height: 80px;
  width: 80px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 90 90;' xml:space='preserve' viewBox='37.65 36.41 14.7 17.24'%3E%3Cstyle type='text/css'%3E	.st0%7Bfill:none;stroke:%23d31145;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%3C/style%3E%3Cpath class='st0' d='M39,52.9c-0.1,0-0.1,0-0.2,0c-0.2-0.1-0.4-0.2-0.4-0.3l0-15.1c0-0.1,0.1-0.3,0.4-0.3c0.2-0.1,0.5,0,0.6,0.1 l12,7.5c0.1,0.1,0.2,0.2,0.2,0.3s-0.1,0.2-0.2,0.3l-12,7.5C39.3,52.9,39.2,52.9,39,52.9z'%3E%3C/path%3E%3C/svg%3E");
  margin-left: 20px;
}
@media (max-width: 480px) {
  .related-slider.videos .wrapper .related-posts-slider .related-post .post-img-container .play-svg {
    width: 80px;
    height: 80px;
  }
  .related-slider.videos .wrapper .related-posts-slider .related-post .post-img-container .play-svg:after {
    min-width: 40px;
    height: 40px;
    width: 40px;
    margin-left: 10px;
  }
}
.related-slider.videos .wrapper .related-posts-slider .related-post .post-img-container:hover .play-svg {
  background-color: #d31145;
}
.related-slider.videos .wrapper .related-posts-slider .related-post .post-img-container:hover .play-svg:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 90 90;' xml:space='preserve' viewBox='37.65 36.41 14.7 17.24'%3E%3Cstyle type='text/css'%3E	.st0%7Bfill:none;stroke:%23ffffff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%3C/style%3E%3Cpath class='st0' d='M39,52.9c-0.1,0-0.1,0-0.2,0c-0.2-0.1-0.4-0.2-0.4-0.3l0-15.1c0-0.1,0.1-0.3,0.4-0.3c0.2-0.1,0.5,0,0.6,0.1 l12,7.5c0.1,0.1,0.2,0.2,0.2,0.3s-0.1,0.2-0.2,0.3l-12,7.5C39.3,52.9,39.2,52.9,39,52.9z'%3E%3C/path%3E%3C/svg%3E");
}
.related-slider.videos .wrapper .related-posts-slider .related-post .post-img-container:hover .overlay {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  display: block;
}
.related-slider.videos .wrapper .related-posts-slider .related-post .name {
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: none;
  padding: 0;
  background: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 10px;
}
.related-slider.videos .wrapper .related-posts-slider .related-post .name > a {
  flex: 1;
}
.related-slider.videos .wrapper .related-posts-slider .related-post .name .related-post-name {
  color: #fff;
  font-size: 36px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  padding: 0;
  flex: 1;
  margin-top: 10px;
}
.related-slider.videos .wrapper .related-posts-slider .related-post .name .category-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding-left: 100px;
}
.related-slider.videos .wrapper .related-posts-slider .related-post .name .category-container a.button {
  padding: 10px 20px;
}
.related-slider.videos .wrapper .related-posts-slider .related-post .name img {
  display: none;
}
@media (max-width: 1024px) {
  .related-slider .wrapper {
    flex-direction: column;
    padding-left: 10px;
  }
  .related-slider .wrapper .title-section {
    margin-bottom: 50px;
  }
  .related-slider .wrapper .related-posts-slider {
    width: 100%;
  }
}
@media (max-width: 960px) {
  .related-slider .wrapper {
    padding-left: 10px;
  }
  .related-slider .wrapper .related-posts-slider .related-post {
    padding-right: 20px;
  }
}
.similar-listing .items .container .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: calc(100% / 4);
  padding: 0 20px;
  margin: 20px 0;
}
@media only screen and (max-width: 1024px) {
  .similar-listing .items .container .item {
    width: calc(100% / 3 - 20px);
    margin: 20px 0;
  }
}
@media only screen and (max-width: 768px) {
  .similar-listing .items .container .item {
    flex: 50%;
    margin: 20px 0;
  }
}
@media only screen and (max-width: 480px) {
  .similar-listing .items .container .item {
    flex: 100%;
  }
}
.similar-listing .items .container .item .bg-container {
  background: #f7f7f8 url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/missing-product-image.svg") center center no-repeat;
  height: 280px;
  width: 100%;
}
.similar-listing .items .container .item .title,
.similar-listing .items .container .item .category {
  text-align: center;
}
.similar-listing .items .container .item .title {
  font-size: 21px;
  font-family: 'Roboto Slab', serif;
  color: #1e262c;
  margin-top: 10px;
  line-height: 1.25;
  margin-top: 30px;
}
@media only screen and (max-width: 768px) {
  .similar-listing .items .container .item .title {
    font-size: 21px;
  }
}
.similar-listing .items .container .item .category {
  font-size: 17px;
  color: #d31145;
  padding: 5px 15px;
  border: 3px solid #d31145;
  margin-top: 15px;
  font-weight: bold;
  font-family: 'proxima-nova', sans-serif;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
}
.similar-listing .items .container .item .category:hover {
  color: #ffffff;
  background-color: #d31145;
}
.similar-listing .items .container .item:last-child {
  margin-right: 0;
}
.similar-listing .items .see-more {
  background-color: #d31145;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 30px 0px 30px;
  font-size: 18px;
  font-weight: 600;
  line-height: 48px;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
  letter-spacing: 0.05em;
  display: block;
  margin-top: 50px;
  border: 3px solid transparent;
}
.similar-listing .items .see-more:hover {
  color: #d31145;
  background-color: #ffffff;
  border: 3px solid #d31145;
}
section.callouts {
  padding: 50px 0 0;
  margin-bottom: -150px;
  z-index: 9;
}
section.callouts._3_callouts .container .callout .callout-title {
  font-size: calc(38px + 6 * ((100vw - 320px) / 1080));
}
section.callouts._4_callouts .container .callout {
  flex-basis: 40%;
  margin-bottom: 20px;
}
section.callouts._4_callouts .container .callout:last-child {
  margin-right: 50px;
}
section.callouts._4_callouts .container .callout .callout-bg {
  height: 520px;
}
@media only screen and (max-width: 768px) {
  section.callouts._4_callouts .container .callout .callout-bg {
    height: 480px;
  }
}
section.callouts .container {
  max-width: 1700px;
}
section.callouts .container .callout {
  margin-right: 50px;
  width: calc((100%/2) - 40px);
  flex: 1;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  section.callouts .container .callout {
    align-items: center;
  }
}
section.callouts .container .callout:last-child {
  margin-right: 0;
}
section.callouts .container .callout .callout-bg {
  height: 675px;
}
@media only screen and (max-width: 768px) {
  section.callouts .container .callout .callout-bg {
    height: 400px;
  }
}
section.callouts .container .callout .callout-content {
  padding: 0 5% 40px 5%;
}
@media only screen and (max-width: 768px) {
  section.callouts .container .callout .callout-content {
    padding: 10px 20px;
  }
}
section.callouts .container .callout .overlay {
  background-color: rgba(0, 0, 0, 0.6);
  height: 0;
  bottom: 0;
  display: block;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
}
@media only screen and (max-width: 768px) {
  section.callouts .container .callout .overlay {
    display: block;
    height: 100%;
  }
}
section.callouts .container .callout .callout-title {
  font-family: 'Roboto Slab', serif;
  font-size: 60px;
  color: #ffffff;
}
section.callouts .container .callout .callout-title:after {
  display: none;
  content: '';
  height: 5px;
  width: 120px;
  margin-top: 20px;
  background-color: #d31145;
}
@media only screen and (max-width: 768px) {
  section.callouts .container .callout .callout-title {
    font-size: 36px;
  }
}
section.callouts .container .callout .callout-description {
  display: none;
  color: #ffffff;
  font-family: 'proxima-nova', sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.33;
  margin-top: 20px;
}
section.callouts .container .callout .callout-description p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
@media only screen and (max-width: 768px) {
  section.callouts .container .callout .callout-description {
    display: block;
    font-size: 18px;
  }
}
section.callouts .container .callout .callout-cta {
  margin-top: 25px;
  font-size: 18px;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  section.callouts .container .callout .callout-cta {
    font-size: 16px;
  }
}
section.callouts .container .callout:hover .callout-bg .overlay {
  height: 100%;
}
section.callouts .container .callout:hover .callout-title:after {
  display: block;
}
section.callouts .container .callout:hover .callout-description {
  display: block;
}
@media (max-width: 960px) {
  section.callouts .container {
    flex-direction: column;
  }
  section.callouts .container .callout {
    margin-bottom: 20px;
    width: 100%;
  }
  section.callouts .container .callout .callout-content {
    padding: 0 20px 40px 10px;
  }
  section.callouts .container .callout:last-child {
    margin-right: 50px;
  }
}
@media (max-width: 768px) {
  section.callouts .container .callout .callout-content {
    padding: 10px 20px;
  }
}
footer.has-callouts {
  padding-top: 280px;
}
.product-detail,
.ingredient-detail {
  padding-top: 30px;
  padding-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .product-detail .container .detail-heading,
  .ingredient-detail .container .detail-heading {
    flex-direction: column;
  }
}
.product-detail .container .detail-heading .heading-image,
.ingredient-detail .container .detail-heading .heading-image {
  margin-right: 50px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  max-width: 700px;
}
@media only screen and (max-width: 768px) {
  .product-detail .container .detail-heading .heading-image,
  .ingredient-detail .container .detail-heading .heading-image {
    margin-right: 0px;
    max-width: none;
    align-items: center;
  }
}
.product-detail .container .detail-heading .product-bg-container,
.ingredient-detail .container .detail-heading .product-bg-container {
  max-height: 580px;
  max-width: 580px;
  background: #f7f7f8 url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/missing-product-image.svg") center center no-repeat;
}
.product-detail .container .detail-heading .product-bg-container.no-bg,
.ingredient-detail .container .detail-heading .product-bg-container.no-bg {
  background: none;
}
@media only screen and (max-width: 768px) {
  .product-detail .container .detail-heading .product-bg-container,
  .ingredient-detail .container .detail-heading .product-bg-container {
    max-height: 400px;
    max-width: 400px;
  }
}
.product-detail .container .detail-heading .product-bg-container img,
.ingredient-detail .container .detail-heading .product-bg-container img {
  height: 520px;
  width: 520px;
}
@media only screen and (max-width: 768px) {
  .product-detail .container .detail-heading .product-bg-container img,
  .ingredient-detail .container .detail-heading .product-bg-container img {
    height: 350px;
    width: 350px;
  }
}
@media only screen and (max-width: 480px) {
  .product-detail .container .detail-heading .product-bg-container img,
  .ingredient-detail .container .detail-heading .product-bg-container img {
    height: 250px;
    width: 250px;
  }
}
.product-detail .container .detail-heading .product-bg-container video,
.ingredient-detail .container .detail-heading .product-bg-container video {
  height: 100%;
  width: 100%;
}
.product-detail .container .detail-heading .product-bg-container .vimeo-iframe,
.ingredient-detail .container .detail-heading .product-bg-container .vimeo-iframe {
  width: 520px;
  height: 520px;
}
@media only screen and (max-width: 768px) {
  .product-detail .container .detail-heading .product-bg-container .vimeo-iframe,
  .ingredient-detail .container .detail-heading .product-bg-container .vimeo-iframe {
    width: 350px;
    height: 350px;
  }
}
@media only screen and (max-width: 480px) {
  .product-detail .container .detail-heading .product-bg-container .vimeo-iframe,
  .ingredient-detail .container .detail-heading .product-bg-container .vimeo-iframe {
    width: 250px;
    height: 250px;
  }
}
.product-detail .container .detail-heading .product-thumbnails,
.ingredient-detail .container .detail-heading .product-thumbnails {
  margin-top: 20px;
}
@media only screen and (max-width: 768px) {
  .product-detail .container .detail-heading .product-thumbnails,
  .ingredient-detail .container .detail-heading .product-thumbnails {
    justify-content: center;
  }
}
.product-detail .container .detail-heading .product-thumbnails .thumbnail,
.ingredient-detail .container .detail-heading .product-thumbnails .thumbnail {
  height: 104px;
  width: 107px;
  margin: 5px;
  border: 1px solid #abb0b8;
  overflow: hidden;
}
.product-detail .container .detail-heading .product-thumbnails .thumbnail:hover .overlay,
.ingredient-detail .container .detail-heading .product-thumbnails .thumbnail:hover .overlay {
  display: block;
  background: rgba(211, 17, 69, 0.2);
  z-index: 1;
}
.product-detail .container .detail-heading .product-thumbnails .thumbnail:hover img,
.ingredient-detail .container .detail-heading .product-thumbnails .thumbnail:hover img {
  transform: scale(1.5);
}
.product-detail .container .detail-heading .product-thumbnails .thumbnail.active,
.ingredient-detail .container .detail-heading .product-thumbnails .thumbnail.active {
  border: 5px solid #d31145;
}
.product-detail .container .detail-heading .product-thumbnails .thumbnail.video,
.ingredient-detail .container .detail-heading .product-thumbnails .thumbnail.video {
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-detail .container .detail-heading .product-thumbnails .thumbnail.video video,
.ingredient-detail .container .detail-heading .product-thumbnails .thumbnail.video video {
  position: absolute;
  height: 100%;
  width: 100%;
}
.product-detail .container .detail-heading .product-thumbnails .thumbnail.video .video-icon,
.ingredient-detail .container .detail-heading .product-thumbnails .thumbnail.video .video-icon {
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  height: 60px;
  width: 60px;
  z-index: 2;
}
.product-detail .container .detail-heading .product-thumbnails .thumbnail.video .video-icon:before,
.ingredient-detail .container .detail-heading .product-thumbnails .thumbnail.video .video-icon:before {
  content: '';
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 30px;
  height: 30px;
  width: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 90 90;' xml:space='preserve' viewBox='37.65 36.41 14.7 17.24'%3E%3Cstyle type='text/css'%3E	.st0%7Bfill:none;stroke:%23d31145;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%3C/style%3E%3Cpath class='st0' d='M39,52.9c-0.1,0-0.1,0-0.2,0c-0.2-0.1-0.4-0.2-0.4-0.3l0-15.1c0-0.1,0.1-0.3,0.4-0.3c0.2-0.1,0.5,0,0.6,0.1 l12,7.5c0.1,0.1,0.2,0.2,0.2,0.3s-0.1,0.2-0.2,0.3l-12,7.5C39.3,52.9,39.2,52.9,39,52.9z'%3E%3C/path%3E%3C/svg%3E");
  margin-left: 8px;
}
.product-detail .container .detail-heading .product-thumbnails .thumbnail.video .video-icon:hover,
.ingredient-detail .container .detail-heading .product-thumbnails .thumbnail.video .video-icon:hover {
  background-color: #d31145;
}
.product-detail .container .detail-heading .product-thumbnails .thumbnail.video .video-icon:hover:before,
.ingredient-detail .container .detail-heading .product-thumbnails .thumbnail.video .video-icon:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 90 90;' xml:space='preserve' viewBox='37.65 36.41 14.7 17.24'%3E%3Cstyle type='text/css'%3E	.st0%7Bfill:none;stroke:%23ffffff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%3C/style%3E%3Cpath class='st0' d='M39,52.9c-0.1,0-0.1,0-0.2,0c-0.2-0.1-0.4-0.2-0.4-0.3l0-15.1c0-0.1,0.1-0.3,0.4-0.3c0.2-0.1,0.5,0,0.6,0.1 l12,7.5c0.1,0.1,0.2,0.2,0.2,0.3s-0.1,0.2-0.2,0.3l-12,7.5C39.3,52.9,39.2,52.9,39,52.9z'%3E%3C/path%3E%3C/svg%3E");
}
@media only screen and (max-width: 768px) {
  .product-detail .container .detail-heading .heading-info,
  .ingredient-detail .container .detail-heading .heading-info {
    margin-top: 50px;
    text-align: center;
    padding: 0 20px;
  }
}
.product-detail .container .detail-heading .product-brand-img,
.ingredient-detail .container .detail-heading .product-brand-img {
  width: 125px;
  height: 100px;
}
@media only screen and (max-width: 768px) {
  .product-detail .container .detail-heading .product-brand-img,
  .ingredient-detail .container .detail-heading .product-brand-img {
    margin: 0 auto;
  }
}
.product-detail .container .detail-heading .product-title,
.ingredient-detail .container .detail-heading .product-title {
  margin-top: 10px;
  font-family: 'Roboto Slab';
  font-size: 38px;
  color: #d31145;
  max-width: 700px;
  font-weight: normal;
  line-height: 1.2;
}
@media only screen and (max-width: 768px) {
  .product-detail .container .detail-heading .product-title,
  .ingredient-detail .container .detail-heading .product-title {
    font-size: 32px;
  }
}
.product-detail .container .detail-heading .product-sku,
.ingredient-detail .container .detail-heading .product-sku {
  font-family: 'proxima-nova';
  font-size: 24px;
  color: #abb0b8;
  margin-top: 15px;
}
@media only screen and (max-width: 768px) {
  .product-detail .container .detail-heading .product-sku,
  .ingredient-detail .container .detail-heading .product-sku {
    font-size: 21px;
  }
}
.product-detail .container .detail-heading .product-categories,
.ingredient-detail .container .detail-heading .product-categories {
  margin-top: 10px;
}
@media only screen and (max-width: 768px) {
  .product-detail .container .detail-heading .product-categories,
  .ingredient-detail .container .detail-heading .product-categories {
    justify-content: center;
  }
}
.product-detail .container .detail-heading .product-categories .product-category,
.ingredient-detail .container .detail-heading .product-categories .product-category {
  margin: 10px 10px 10px 0;
  padding: 5px 20px;
  font-size: 16px;
  border: 3px solid #d31145;
}
.product-detail .container .detail-heading .product-categories .product-category.wp-term-subcategory,
.ingredient-detail .container .detail-heading .product-categories .product-category.wp-term-subcategory {
  border: none;
}
.product-detail .container .detail-heading .product-description,
.ingredient-detail .container .detail-heading .product-description {
  margin-top: 25px;
  font-family: 'proxima-nova';
  font-size: 21px;
  line-height: 1.5;
  color: #1e262c;
  max-width: 650px;
}
@media only screen and (max-width: 768px) {
  .product-detail .container .detail-heading .product-description,
  .ingredient-detail .container .detail-heading .product-description {
    max-width: none;
    font-size: 18px;
  }
}
.product-detail .container .detail-heading .product-info-squares,
.ingredient-detail .container .detail-heading .product-info-squares {
  margin-top: 45px;
}
@media only screen and (max-width: 768px) {
  .product-detail .container .detail-heading .product-info-squares,
  .ingredient-detail .container .detail-heading .product-info-squares {
    justify-content: center;
  }
}
.product-detail .container .detail-heading .product-info-squares .info-square,
.ingredient-detail .container .detail-heading .product-info-squares .info-square {
  margin-right: 20px;
  margin-bottom: 60px;
  width: 110px;
}
@media only screen and (max-width: 480px) {
  .product-detail .container .detail-heading .product-info-squares .info-square,
  .ingredient-detail .container .detail-heading .product-info-squares .info-square {
    width: 80px;
  }
}
.product-detail .container .detail-heading .product-info-squares .info,
.ingredient-detail .container .detail-heading .product-info-squares .info {
  height: 110px;
  width: 100%;
  font-family: 'proxima-nova';
  font-size: 42.5px;
  color: #1e262c;
  line-height: 1;
  border: solid 1px #e2e3e6;
}
@media only screen and (max-width: 768px) {
  .product-detail .container .detail-heading .product-info-squares .info,
  .ingredient-detail .container .detail-heading .product-info-squares .info {
    font-size: 21px;
  }
}
@media only screen and (max-width: 480px) {
  .product-detail .container .detail-heading .product-info-squares .info,
  .ingredient-detail .container .detail-heading .product-info-squares .info {
    height: 80px;
  }
}
.product-detail .container .detail-heading .product-info-squares .info p,
.ingredient-detail .container .detail-heading .product-info-squares .info p {
  width: 100%;
}
.product-detail .container .detail-heading .product-info-squares .info span,
.ingredient-detail .container .detail-heading .product-info-squares .info span {
  font-family: 'proxima-nova';
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .product-detail .container .detail-heading .product-info-squares .info span,
  .ingredient-detail .container .detail-heading .product-info-squares .info span {
    font-size: 16px;
  }
}
.product-detail .container .detail-heading .product-info-squares .bottom-label,
.ingredient-detail .container .detail-heading .product-info-squares .bottom-label {
  margin-bottom: -40px;
  padding-top: 10px;
  border-top: 5px solid #d31145;
  font-family: 'Roboto Slab';
  font-size: 18px;
  color: #d31145;
}
.product-detail .container .detail-heading .product-tags,
.ingredient-detail .container .detail-heading .product-tags {
  margin-top: 50px;
}
@media only screen and (max-width: 768px) {
  .product-detail .container .detail-heading .product-tags,
  .ingredient-detail .container .detail-heading .product-tags {
    justify-content: center;
  }
}
@media only screen and (max-width: 480px) {
  .product-detail .container .detail-heading .product-tags,
  .ingredient-detail .container .detail-heading .product-tags {
    flex-direction: column;
  }
}
.product-detail .container .detail-heading .product-tags label,
.ingredient-detail .container .detail-heading .product-tags label {
  font-family: 'Roboto Slab';
  font-size: 18px;
  color: #d31145;
  margin-right: 20px;
  margin-bottom: 10px;
}
.product-detail .container .detail-heading .product-tags .tag-group,
.ingredient-detail .container .detail-heading .product-tags .tag-group {
  justify-content: center;
}
.product-detail .container .detail-heading .product-tags .tag,
.ingredient-detail .container .detail-heading .product-tags .tag {
  font-family: 'proxima-nova';
  font-size: 17px;
  font-weight: bold;
  color: #1e262c;
  border: solid 1px #e2e3e6;
  padding: 5px 20px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.product-detail .container .detail-heading .product-tags .tag:hover,
.ingredient-detail .container .detail-heading .product-tags .tag:hover {
  background-color: #d31145;
  color: #ffffff;
}
.single-product .contact-bar,
.single-ingredient .contact-bar {
  border-top: 1px solid #f1f2f3;
  margin-top: 50px;
  background-color: #ffffff;
}
.single-product .contact-bar .container .chat,
.single-ingredient .contact-bar .container .chat {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='red_icons' x='0px' y='0px' viewBox='0 0 77.7 66.8' style='enable-background:new 0 0 77.7 66.8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23d31145;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M5.4,13c-2.5,2.7-3.9,6-3.9,9.5c0,5.2,3.2,9.8,8.1,12.9v9.3l8.4-6c1.9,0.4,3.9,0.6,5.9,0.6 c12.4,0,22.5-7.5,22.5-16.7c0-9.2-10.1-16.7-22.5-16.7c-5.8,0-11,1.6-15,4.3'/%3E%3Cg%3E%3Ccircle class='st0' cx='13.4' cy='22.4' r='2.4'/%3E%3Ccircle class='st0' cx='24' cy='22.4' r='2.4'/%3E%3Ccircle class='st0' cx='34.6' cy='22.4' r='2.4'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cline class='st0' x1='41.2' y1='37.6' x2='66.2' y2='37.6'/%3E%3Cline class='st0' x1='41.2' y1='43.8' x2='66.2' y2='43.8'/%3E%3Cline class='st0' x1='41.2' y1='49.9' x2='66.2' y2='49.9'/%3E%3C/g%3E%3Cpath class='st0' d='M45.6,27.5c2.5-0.7,5.2-1.1,8.1-1.1c12.4,0,22.5,7.5,22.5,16.7'/%3E%3Cpath class='st0' d='M75.6,47.1c-1.2,3.6-3.8,6.7-7.5,8.9v9.3l-8.4-6c-1.9,0.4-3.9,0.6-5.9,0.6c-12.4,0-22.5-7.5-22.5-16.7 c0-1.6,0.3-3.1,0.8-4.5'/%3E%3C/g%3E%3Cpath class='st0' d='M50.3,16.3c-2-7.3-9.5-13-19.1-14.8'/%3E%3Cpath class='st0' d='M48.9,64.4C38.8,63.4,30.6,58,27.8,50.8'/%3E%3C/g%3E%3C/svg%3E");
}
.single-product .contact-bar .container .contact-text,
.single-ingredient .contact-bar .container .contact-text {
  color: #d31145;
}
@media only screen and (max-width: 768px) {
  .single-product .contact-bar .container,
  .single-ingredient .contact-bar .container {
    flex-direction: column;
  }
  .single-product .contact-bar .container .chat svg,
  .single-ingredient .contact-bar .container .chat svg,
  .single-product .contact-bar .container .contact-text,
  .single-ingredient .contact-bar .container .contact-text {
    margin-right: 0;
  }
  .single-product .contact-bar .container .contact-text,
  .single-ingredient .contact-bar .container .contact-text {
    margin-top: 15px;
  }
}
.single-product .contact-bar .contact-ctas .contact-cta,
.single-ingredient .contact-bar .contact-ctas .contact-cta {
  color: #ffffff;
  background-color: #d31145;
  border: 3px solid #d31145;
}
.single-product .contact-bar .contact-ctas .contact-cta:hover,
.single-ingredient .contact-bar .contact-ctas .contact-cta:hover {
  background-color: #ffffff;
  color: #d31145;
}
@media only screen and (max-width: 480px) {
  .single-product .contact-bar .contact-ctas,
  .single-ingredient .contact-bar .contact-ctas {
    flex-direction: column;
    margin-top: 20px;
  }
  .single-product .contact-bar .contact-ctas .contact-cta,
  .single-ingredient .contact-bar .contact-ctas .contact-cta {
    margin: 10px 0;
  }
}
.product-additional-details {
  background-color: #f7f8f8;
  padding: 50px 0;
}
@media only screen and (max-width: 768px) {
  .product-additional-details .container {
    flex-direction: column;
  }
}
.product-additional-details .container .column {
  margin: 0 10px;
}
.product-additional-details .container .column:first-child {
  margin-left: 0;
}
@media only screen and (max-width: 768px) {
  .product-additional-details .container .column:first-child {
    margin: 0;
  }
}
.product-additional-details .container .column:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 768px) {
  .product-additional-details .container .column:last-child {
    margin: 0;
  }
}
.product-additional-details .container .column .boxed-accordion {
  border: solid 1px #e2e3e6;
  background-color: #fff;
  padding: 30px;
  margin-bottom: 20px;
}
.product-additional-details .container .column .boxed-accordion .accordion-heading .accordion-title {
  font-family: 'proxima-nova';
  font-size: 26px;
  font-weight: 600;
  color: #d31145;
}
@media only screen and (max-width: 768px) {
  .product-additional-details .container .column .boxed-accordion .accordion-heading .accordion-title {
    font-size: 21px;
  }
}
.product-additional-details .container .column .boxed-accordion .accordion-heading .toggle-icon {
  font-size: 0;
  min-width: 20px;
  height: 20px;
  width: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 90 90;' xml:space='preserve' viewBox='33.9 38.7 22.2 12.6'%3E%3Cstyle type='text/css'%3E	.st0%7Bfill:none;stroke:%23d31145;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%3C/style%3E%3Cpolyline class='st0' points='35.4,49.8 45,40.2 54.6,49.8 '%3E%3C/polyline%3E%3C/svg%3E");
}
.product-additional-details .container .column .boxed-accordion .content {
  margin-top: 45px;
  font-family: 'proxima-nova';
  font-size: 24px;
  line-height: 1.5;
  color: #1e262c;
  padding-right: 65px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 768px) {
  .product-additional-details .container .column .boxed-accordion .content {
    font-size: 18px;
  }
}
.product-additional-details .container .column .boxed-accordion button.show-more {
  margin: 0 auto;
  font-family: 'proxima-nova';
  font-size: 16px;
  font-weight: bold;
  color: #d31145;
  outline: none;
}
.product-additional-details .container .column .boxed-accordion#documents .content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
}
.product-additional-details .container .column .boxed-accordion#documents .content.hidden {
  display: none;
}
.product-additional-details .container .column .boxed-accordion#documents .content .more-content .content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
}
.product-additional-details .container .column .boxed-accordion#documents .content .more-content .content.hidden {
  display: none;
}
.product-additional-details .container .column .boxed-accordion#documents .content #show-hide {
  margin: 0 auto;
  font-family: 'proxima-nova';
  font-size: 16px;
  font-weight: bold;
  color: #d31145;
  outline: none;
  cursor: pointer;
}
.product-additional-details .container .column .boxed-accordion#documents .content .document {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  flex: 25%;
  padding: 0px 15px;
}
.product-additional-details .container .column .boxed-accordion#documents .content .document .document-image {
  width: 180px;
  height: 235px;
}
@media only screen and (max-width: 768px) {
  .product-additional-details .container .column .boxed-accordion#documents .content .document .document-image {
    width: 115px;
    height: 150px;
  }
}
.product-additional-details .container .column .boxed-accordion#documents .content .document .document-title {
  margin-top: 20px;
  font-family: 'proxima-nova';
  font-size: 21px;
  font-weight: bold;
  color: #1e262c;
  line-height: 1.25;
}
@media only screen and (max-width: 768px) {
  .product-additional-details .container .column .boxed-accordion#documents .content .document .document-title {
    font-size: 18px;
  }
}
.product-additional-details .container .column .boxed-accordion#documents .content .document .document-title:hover {
  color: #d31145;
}
.product-additional-details .container .column .boxed-accordion#nutrition-facts .content {
  display: flex;
  margin-top: 20px;
  border-top: 2px solid #000;
  padding-right: 0;
}
.product-additional-details .container .column .boxed-accordion#nutrition-facts .content .nutrition-facts {
  background: none;
  padding: 0;
  border: none;
  flex-basis: 100%;
  font-size: 18px;
  color: #1e262c;
  margin-top: 20px;
}
.product-additional-details .container .column .boxed-accordion#nutrition-facts .content .nutrition-facts .nutrition-row:first-child {
  display: none;
}
.product-additional-details .container .column .boxed-accordion#nutrition-facts .content .nutrition-facts .nutrition-row .row-content .serving-size,
.product-additional-details .container .column .boxed-accordion#nutrition-facts .content .nutrition-facts .nutrition-row .row-content .serving-size-val {
  font-weight: bold;
}
.product-additional-details .container .column .boxed-accordion#nutrition-facts .content .nutrition-facts .nutrition-row .nutrition-ceil {
  width: 50%;
  border-bottom: 1px  solid #1e262c;
  padding: 10px 0;
}
.product-additional-details .container .column .boxed-accordion#nutrition-facts .content .nutrition-facts .nutrition-row .nutrition-ceil:nth-child(2n) {
  justify-content: flex-end;
}
.product-additional-details .container .column .boxed-accordion#nutrition-facts .content .nutrition-facts .nutrition-row .nutrition-ceil p {
  margin-left: 15px;
}
.product-additional-details .container .column .boxed-accordion#nutrition-facts .content .nutrition-facts .nutrition-row .nutrition-ceil.full {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .product-additional-details .container .column .boxed-accordion#nutrition-facts .content .nutrition-facts .nutrition-row .nutrition-ceil {
    width: 100%;
  }
  .product-additional-details .container .column .boxed-accordion#nutrition-facts .content .nutrition-facts .nutrition-row .nutrition-ceil:nth-child(2n) {
    justify-content: flex-start;
  }
}
.product-additional-details .container .column .boxed-accordion#nutrition-facts .content .nutrition-facts #show-hide {
  margin: 0 auto;
  font-family: 'proxima-nova';
  font-size: 16px;
  font-weight: bold;
  color: #d31145;
  outline: none;
}
.product-additional-details .container .column .boxed-accordion.collapsed .accordion-heading .accordion-title {
  color: #1e262c;
}
.product-additional-details .container .column .boxed-accordion.collapsed .accordion-heading .toggle-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 90 90;' xml:space='preserve' viewBox='33.9 38.7 22.2 12.6'%3E%3Cstyle type='text/css'%3E	.st0%7Bfill:none;stroke:%231e262c;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%3C/style%3E%3Cpolyline class='st0' points='35.4,49.8 45,40.2 54.6,49.8 '%3E%3C/polyline%3E%3C/svg%3E");
  transform: rotateZ(180deg);
}
.product-additional-details .container .column .boxed-accordion.collapsed .content {
  display: none;
}
.section-listings {
  padding-top: 25px;
}
@media only screen and (max-width: 1024px) {
  .section-listings .container {
    padding: 0 15px;
  }
}
.section-listings .container .heading {
  border-bottom: 1px solid #e2e3e6;
}
@media only screen and (max-width: 1024px) {
  .section-listings .container .heading {
    flex-direction: column-reverse;
  }
}
.section-listings .container .heading .tab-menu {
  margin-left: 30px;
  margin-right: 50px;
}
@media only screen and (max-width: 1024px) {
  .section-listings .container .heading .tab-menu {
    margin: 0;
    flex-direction: column;
    align-self: flex-start;
  }
}
@media only screen and (max-width: 768px) {
  .section-listings .container .heading .tab-menu {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    text-align: center;
  }
}
.section-listings .container .heading .tab-menu label {
  font-family: 'proxima-nova';
  font-size: 24px;
  font-weight: bold;
  color: #1e262c;
  margin-right: 30px;
  margin-top: 15px;
}
@media only screen and (max-width: 1024px) {
  .section-listings .container .heading .tab-menu label {
    margin: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .section-listings .container .heading .tab-menu label {
    margin: 15px 30px;
    font-size: 21px;
  }
}
.section-listings .container .heading .tab-menu .tabs {
  font-family: 'Roboto Slab';
  font-size: 21px;
}
@media only screen and (max-width: 768px) {
  .section-listings .container .heading .tab-menu .tabs {
    font-size: 18px;
  }
}
.section-listings .container .heading .tab-menu .tabs li {
  box-shadow: inset 0px 3px 0 0 #e2e3e6;
  background-color: #fff;
  color: #abb0b8;
  padding: 15px 40px 30px;
  margin-right: 20px;
}
@media only screen and (max-width: 1024px) {
  .section-listings .container .heading .tab-menu .tabs li {
    padding: 15px 20px 30px;
  }
}
@media only screen and (max-width: 480px) {
  .section-listings .container .heading .tab-menu .tabs li {
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
    margin-right: 10px;
    padding: 15px;
  }
}
.section-listings .container .heading .tab-menu .tabs li.active {
  background-color: #d31145;
  color: #fff;
  box-shadow: none;
}
.section-listings .container .heading .tab-menu .tabs li:hover {
  background-color: #d31145;
  color: #fff;
  box-shadow: none;
}
.section-listings .container .heading .tab-menu .tabs li:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 1024px) {
  .section-listings .container .heading .custom-solution {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .section-listings .container .heading .custom-solution {
    flex-wrap: wrap;
    margin-bottom: 20px;
    text-align: center;
  }
}
@media (max-width: 425px) {
  .section-listings .container .heading .custom-solution {
    flex-direction: column;
  }
}
.section-listings .container .heading .custom-solution p {
  font-size: 21px;
  font-weight: normal;
  flex: 1;
}
@media only screen and (max-width: 768px) {
  .section-listings .container .heading .custom-solution p {
    margin: 30px;
    font-size: 18px;
  }
}
.section-listings .container .heading .custom-solution a {
  font-size: 18px;
  font-weight: 600;
  padding: 10px 30px;
  border: 3px solid #d31145;
}
.section-listings .container > .listings {
  margin-top: 20px;
}
@media only screen and (max-width: 1024px) {
  .section-listings .container > .listings {
    flex-direction: column;
  }
}
.section-listings .container > .listings .sidemenu {
  max-width: 400px;
  margin-right: 50px;
}
@media only screen and (max-width: 1024px) {
  .section-listings .container > .listings .sidemenu {
    margin: 0;
    max-width: none;
    margin-bottom: 50px;
  }
}
.section-listings .container > .listings .sidemenu .group-menu {
  margin-bottom: 30px;
}
.section-listings .container > .listings .sidemenu .group-menu .listing-menu {
  margin-bottom: 0;
}
.section-listings .container > .listings .sidemenu .listing-menu {
  border: solid 1px #e2e3e6;
  background-color: #fff;
  font-family: 'proxima-nova';
  font-size: 21px;
  font-weight: 600;
  color: #1e262c;
  padding: 14px 20px;
  margin-bottom: 15px;
}
.section-listings .container > .listings .sidemenu .listing-menu.category-mainmenu {
  margin-bottom: 0;
  border-bottom: 0;
}
.section-listings .container > .listings .sidemenu .listing-menu.category-mainmenu:nth-last-child(2) {
  margin-bottom: 15px;
  border-bottom: solid 1px #e2e3e6;
}
@media only screen and (max-width: 768px) {
  .section-listings .container > .listings .sidemenu .listing-menu {
    font-size: 21px;
  }
  .section-listings .container > .listings .sidemenu .listing-menu#product-feature-menu {
    margin-bottom: 0;
  }
}
.section-listings .container > .listings .sidemenu .listing-menu .subitem {
  margin-bottom: 15px;
}
.section-listings .container > .listings .sidemenu .listing-menu .subitem .item-head.active {
  color: #d31145;
}
.section-listings .container > .listings .sidemenu .listing-menu .subitem .item-head:hover {
  color: #d31145;
}
.section-listings .container > .listings .sidemenu .listing-menu .subitem.duplicated {
  display: none !important;
}
.section-listings .container > .listings .sidemenu .listing-menu .subitem.head .item-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section-listings .container > .listings .sidemenu .listing-menu .subitem.head .item-head .menu-toggle-icon {
  content: '';
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 20px;
  height: 20px;
  width: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 90 90;' xml:space='preserve' viewBox='33.9 38.7 22.2 12.6'%3E%3Cstyle type='text/css'%3E	.st0%7Bfill:none;stroke:%23000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%3C/style%3E%3Cpolyline class='st0' points='35.4,49.8 45,40.2 54.6,49.8 '%3E%3C/polyline%3E%3C/svg%3E");
  font-size: 0;
  background-size: 17px;
}
.section-listings .container > .listings .sidemenu .listing-menu > .subitem:first-child {
  display: block;
  margin-bottom: 0;
}
.section-listings .container > .listings .sidemenu .listing-menu > .subitem > .submenu {
  display: none;
  margin-left: 20px;
}
.section-listings .container > .listings .sidemenu .listing-menu > .submenu {
  margin-bottom: 0;
}
.section-listings .container > .listings .sidemenu .listing-menu .submenu {
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .section-listings .container > .listings .sidemenu .listing-menu .submenu {
    font-size: 18px;
  }
}
.section-listings .container > .listings .sidemenu .listing-menu .submenu.third-level {
  margin-left: 20px;
  margin-top: 20px;
  display: none;
}
.section-listings .container > .listings .sidemenu .listing-menu .submenu.third-level.open {
  display: block;
}
.section-listings .container > .listings .sidemenu .listing-menu .submenu .subitem:first-child {
  margin-top: 15px;
}
.section-listings .container > .listings .sidemenu .listing-menu .submenu .subitem:first-child .submenu {
  margin-left: 20px;
  margin-top: 20px;
}
.section-listings .container > .listings .sidemenu .listing-menu .has-items.head .item-head .menu-toggle-icon {
  transform: rotateZ(180deg);
}
.section-listings .container > .listings .sidemenu .listing-menu.open > .subitem.open {
  display: block;
}
.section-listings .container > .listings .sidemenu .listing-menu.open > .subitem > .submenu {
  display: block;
}
.section-listings .container > .listings .sidemenu .listing-menu.open > .subitem.head.open .item-head .menu-toggle-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 90 90;' xml:space='preserve' viewBox='33.9 38.7 22.2 12.6'%3E%3Cstyle type='text/css'%3E	.st0%7Bfill:none;stroke:%23d31145;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%3C/style%3E%3Cpolyline class='st0' points='35.4,49.8 45,40.2 54.6,49.8 '%3E%3C/polyline%3E%3C/svg%3E");
}
.section-listings .container > .listings .sidemenu .listing-menu.open .has-items.open.head .item-head .menu-toggle-icon {
  transform: none;
}
.section-listings .container > .listings .sidemenu .listing-menu.open > .subitem > .submenu > .subitem {
  display: block;
  color: #1e262c;
}
.section-listings .container > .listings .sidemenu .listing-menu.open > .subitem > .submenu > .subitem.head .item-head .menu-toggle-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 90 90;' xml:space='preserve' viewBox='33.9 38.7 22.2 12.6'%3E%3Cstyle type='text/css'%3E	.st0%7Bfill:none;stroke:%23000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%3C/style%3E%3Cpolyline class='st0' points='35.4,49.8 45,40.2 54.6,49.8 '%3E%3C/polyline%3E%3C/svg%3E");
  transform: rotateZ(180deg);
}
.section-listings .container > .listings .sidemenu .listing-menu.open > .subitem > .submenu > .subitem.open.head .item-head .menu-toggle-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 90 90;' xml:space='preserve' viewBox='33.9 38.7 22.2 12.6'%3E%3Cstyle type='text/css'%3E	.st0%7Bfill:none;stroke:%23d31145;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%3C/style%3E%3Cpolyline class='st0' points='35.4,49.8 45,40.2 54.6,49.8 '%3E%3C/polyline%3E%3C/svg%3E");
  transform: none;
}
.section-listings .container > .listings .sidemenu .listing-menu.open > .subitem > .submenu > .subitem.open .third-level {
  display: block;
}
.section-listings .container > .listings .sidemenu .listing-menu.open > .subitem > .submenu > .subitem.open > .submenu > .subitem {
  display: block;
  color: #1e262c;
}
.section-listings .container > .listings .sidemenu #listings-view-all {
  align-self: center;
  font-size: 16px;
  font-weight: bold;
  padding: 5px 20px;
}
.section-listings .container > .listings #listings-filters {
  max-width: 400px;
  margin-right: 50px;
}
@media only screen and (max-width: 1024px) {
  .section-listings .container > .listings #listings-filters {
    margin: 0;
    max-width: none;
    margin-bottom: 50px;
    background-color: #F7F7F9;
    padding: 15px;
  }
  .section-listings .container > .listings #listings-filters .accordion-heading {
    display: flex;
  }
  .section-listings .container > .listings #listings-filters .content {
    margin-top: 20px;
  }
  .section-listings .container > .listings #listings-filters .content .sidemenu {
    margin-bottom: 0;
  }
  .section-listings .container > .listings #listings-filters .content .sidemenu #show-hide {
    margin: 30px 0px;
    align-self: flex-start;
  }
}
.section-listings .container > .listings #listings-filters .accordion-heading .accordion-title {
  font-family: 'proxima-nova';
  font-size: 21px;
  font-weight: bold;
  color: #1e262c;
  margin-right: 30px;
  margin-top: 15px;
  margin: 0;
}
.section-listings .container > .listings #listings-filters .accordion-heading .toggle-icon {
  font-size: 0;
  min-width: 20px;
  height: 20px;
  width: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 90 90;' xml:space='preserve' viewBox='33.9 38.7 22.2 12.6'%3E%3Cstyle type='text/css'%3E	.st0%7Bfill:none;stroke:%23d31145;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%3C/style%3E%3Cpolyline class='st0' points='35.4,49.8 45,40.2 54.6,49.8 '%3E%3C/polyline%3E%3C/svg%3E");
}
.section-listings .container > .listings #listings-filters.collapsed .accordion-heading .toggle-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 90 90;' xml:space='preserve' viewBox='33.9 38.7 22.2 12.6'%3E%3Cstyle type='text/css'%3E	.st0%7Bfill:none;stroke:%231e262c;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%3C/style%3E%3Cpolyline class='st0' points='35.4,49.8 45,40.2 54.6,49.8 '%3E%3C/polyline%3E%3C/svg%3E");
  transform: rotateZ(180deg);
}
.section-listings .container > .listings #listings-filters.collapsed .content {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .section-listings .container > .listings #listings-filters.collapsed .content {
    display: block !important;
  }
}
.section-listings .container > .listings .listings-result .result-heading {
  padding-top: 20px;
}
.section-listings .container > .listings .listings-result .result-heading .brand-image {
  height: 120px;
  width: 200px;
  margin-bottom: 25px;
}
.section-listings .container > .listings .listings-result .result-heading .listings-title {
  font-family: 'Roboto Slab';
  font-size: 36px;
  color: #d31145;
}
@media only screen and (max-width: 768px) {
  .section-listings .container > .listings .listings-result .result-heading .listings-title {
    font-size: 26px;
  }
}
.section-listings .container > .listings .listings-result .result-heading .listings-description {
  margin-top: 20px;
  font-family: 'proxima-nova';
  font-size: 24px;
  color: #1e262c;
}
.section-listings .container > .listings .listings-result .result-heading .listings-description a {
  color: #d31145;
  text-decoration: underline;
}
@media only screen and (max-width: 768px) {
  .section-listings .container > .listings .listings-result .result-heading .listings-description {
    font-size: 21px;
  }
}
.section-listings .container > .listings .listings-result .loading-div {
  background-color: rgba(255, 255, 255, 0.9);
}
.section-listings .container > .listings .listings-result .loading-div .img-container {
  height: 100px;
}
.section-listings .container > .listings .listings-result .loading-div .img-container img {
  position: fixed;
  width: 100px;
  height: 100px;
  right: 0;
  left: 25%;
  margin: auto;
}
.section-listings .container > .listings .listings-result .listings {
  margin-top: 45px;
}
.section-listings .container > .listings .listings-result .listings .listing {
  width: calc((100%/3) - 20px);
  margin-right: 30px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  .section-listings .container > .listings .listings-result .listings .listing {
    width: calc((100%/2) - 50px);
    margin: 25px;
  }
}
@media only screen and (max-width: 480px) {
  .section-listings .container > .listings .listings-result .listings .listing {
    width: 100%;
  }
}
.section-listings .container > .listings .listings-result .listings .listing:nth-child(3n+3) {
  margin-right: 0;
}
@media only screen and (max-width: 768px) {
  .section-listings .container > .listings .listings-result .listings .listing:nth-child(3n+3) {
    margin-right: auto;
  }
}
.section-listings .container > .listings .listings-result .listings .listing .bg-container {
  width: 100%;
  height: 225px;
  background: #f7f7f8 url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/missing-product-image.svg") center center no-repeat;
}
@media only screen and (max-width: 480px) {
  .section-listings .container > .listings .listings-result .listings .listing .bg-container {
    height: 200px;
  }
}
.section-listings .container > .listings .listings-result .listings .listing .title {
  font-family: 'Roboto Slab';
  font-size: 21px;
  color: #1e262c;
  margin-top: 15px;
}
@media only screen and (max-width: 768px) {
  .section-listings .container > .listings .listings-result .listings .listing .title {
    font-size: 21px;
  }
}
.section-listings .container > .listings .listings-result .listings .listing .sku {
  font-family: 'Roboto Slab';
  font-size: 21px;
  color: #1e262c;
  margin-top: 15px;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .section-listings .container > .listings .listings-result .listings .listing .sku {
    font-size: 21px;
  }
}
.section-listings .container > .listings .listings-result .listings .listing .category {
  padding: 8px 20px;
  font-size: 17px;
  text-transform: capitalize;
  color: #d31145;
  padding: 5px 15px;
  border: 3px solid #d31145;
  margin-top: 15px;
  font-weight: bold;
  font-family: 'proxima-nova', sans-serif;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
}
.section-listings .container > .listings .listings-result .listings .listing .category:hover {
  color: #ffffff;
  background-color: #d31145;
}
.section-listings .product-filter {
  margin-bottom: 10px;
  margin-top: -10px;
  font-size: 12px;
  font-weight: 600;
}
.section-listings .product-filter select {
  border: 1px solid #e2e3e6;
  padding: 4px 10px;
  outline: none;
  font-weight: 600;
}
@media only screen and (max-width: 480px) {
  .section-listings .product-filter select {
    padding: 8px 10px;
  }
}
.section-listings .product-filter .clear-all {
  float: right;
  margin-top: 4px;
  text-decoration: underline;
  cursor: pointer;
}
.section-listings .product-filter .clear-all:hover {
  color: #d31145;
}
.section-listings .product-list .clear-child {
  position: absolute;
  left: 290px;
  top: 7px;
  font-size: 12px;
  text-decoration: underline;
  font-weight: bold;
  color: #d31145;
  display: none;
}
@media only screen and (max-width: 1024px) {
  .section-listings .product-list .clear-child {
    left: 600px;
  }
}
@media only screen and (max-width: 768px) {
  .section-listings .product-list .clear-child {
    left: 466px;
  }
}
@media only screen and (max-width: 620px) {
  .section-listings .product-list .clear-child {
    left: 400px;
  }
}
@media only screen and (max-width: 480px) {
  .section-listings .product-list .clear-child {
    left: 230px;
  }
}
.section-listings .product-list .clear-show .clear-child {
  display: block;
}
.section-listings .product-list .item-head > span,
.section-listings .product-list .item-head > p {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.section-listings .product-list .item-head > span label,
.section-listings .product-list .item-head > p label {
  cursor: pointer;
}
.section-listings .product-list input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.section-listings .product-list input:checked ~ .checkmark:after {
  display: block;
}
.section-listings .product-list .checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 4px;
  border: solid 1px #e2e3e6;
}
.section-listings .product-list .checkmark:checked ~ .checkmark {
  background-color: #fff;
}
.section-listings .product-list .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid #d31145;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.section-listings .product-list .fake-check > li > .item-head .checkmark {
  background: url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../images/check.svg");
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: 2px;
}
.section-listings .product-list .fake-check > .item-head .checkmark {
  background: url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../images/check.svg");
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: 2px;
}
.section-listings .product-list .sidemenu > ul > li > .item-head > p > label > .checkmark,
.section-listings .product-list .sidemenu > ul > li > .item-head > span > label > .checkmark {
  top: 5px;
}
.section-listings .product-list .item-head > span:hover input ~ .checkmark,
.section-listings .product-list .item-head > p:hover input ~ .checkmark {
  background-color: #fff;
}
#recipe-listings .container > .listings .listings-result .listings .listing .bg-container {
  background-image: url("https://michaelfoods.com/wp-content/themes/mfi/elements/styles/../svgs/missing-recipe-image.svg");
}
.section-listings#recipe-listings .container .listings .listings-result .listings .listing .title {
  font-size: 21px;
}
.section-listings#recipe-listings .container .listings .listings-result .listings .listing .title:hover {
  color: #d31145;
}
.section-listings#recipe-listings .container .listings .listings-result .listings .listing .title:hover:after {
  min-width: 20px;
  height: 20px;
  width: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z' fill='%23d31145'/%3E%3C/svg%3E");
  margin-left: 10px;
}
.resource-quicklinks {
  padding: 100px 0;
}
@media (max-width: 768px) {
  .resource-quicklinks {
    padding: 50px 0;
  }
}
.resource-quicklinks .container .quicklinks-container {
  margin-top: 45px;
}
@media (max-width: 768px) {
  .resource-quicklinks .container .quicklinks-container {
    flex-direction: column;
  }
  .resource-quicklinks .container .quicklinks-container .quicklink {
    width: 100%;
    margin-left: 0 !important;
  }
}
.resource-quicklinks .container .quicklinks-container .quicklink {
  border: 1px solid #e2e3e6;
  border-top: solid 1px #e2e3e6;
  background-color: #fff;
  border-bottom: 8px solid #d31145;
  padding: 30px 0;
  margin-left: 10px;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
}
.resource-quicklinks .container .quicklinks-container .quicklink:first-child {
  margin-left: 0;
}
.resource-quicklinks .container .quicklinks-container .quicklink .quicklink-icon {
  height: 60px;
  width: 70px;
  margin-right: 20px;
}
.resource-quicklinks .container .quicklinks-container .quicklink .quicklink-title {
  font-family: 'proxima-nova', sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #1e262c;
}
.resource-quicklinks .container .quicklinks-container .quicklink:hover {
  background-color: #d31145;
}
.resource-quicklinks .container .quicklinks-container .quicklink:hover .quicklink-title {
  color: #ffffff;
}
.resource-quicklinks .container .quicklinks-container .quicklink:hover .quicklink-icon img {
  display: none;
}
.resource-quicklinks .container .quicklinks-container .quicklink:hover .quicklink-icon img.hover {
  display: block;
}
.page-resource-category .button,
.resource-library .button {
  font-size: 17px;
  padding: 5px 18px;
  text-transform: capitalize;
}
.page-resource-category .resource-posts-categories,
.resource-library .resource-posts-categories {
  margin-top: 45px;
}
.page-resource-category .resource-posts-categories .category,
.resource-library .resource-posts-categories .category {
  margin-right: 20px;
}
.page-resource-category .resource-posts-categories .category.active,
.resource-library .resource-posts-categories .category.active {
  background-color: #d31145;
  color: #ffffff;
}
.page-resource-category .resource-posts-categories .category:last-child,
.resource-library .resource-posts-categories .category:last-child {
  margin-right: 0;
}
@media (max-width: 980px) {
  .page-resource-category#contuining-education .container .resource-category-posts .resource-category-post {
    flex: 30%;
  }
}
@media (max-width: 768px) {
  .page-resource-category#contuining-education .container .resource-category-posts .resource-category-post {
    flex: 100%;
    margin-right: 0;
  }
}
.resource-library,
.page-resource-category#library {
  padding: 80px 0;
}
.resource-library .container .library-files,
.page-resource-category#library .container .library-files {
  margin-top: 100px;
}
.resource-library .container .library-files .file,
.page-resource-category#library .container .library-files .file {
  flex-basis: 25%;
  margin-bottom: 50px;
  padding: 0 50px;
  flex-grow: 1;
}
@media (max-width: 768px) {
  .resource-library .container .library-files .file,
  .page-resource-category#library .container .library-files .file {
    flex-basis: 50%;
  }
}
@media (max-width: 530px) {
  .resource-library .container .library-files .file,
  .page-resource-category#library .container .library-files .file {
    flex-basis: 100%;
    padding: 0;
  }
}
.resource-library .container .library-files .file:last-child,
.page-resource-category#library .container .library-files .file:last-child {
  margin-right: 0;
}
.resource-library .container .library-files .img-container,
.page-resource-category#library .container .library-files .img-container {
  width: auto;
  max-width: 275px;
  height: 100%;
  margin: 0 auto;
}
.resource-library .container .library-files .file-title,
.page-resource-category#library .container .library-files .file-title {
  font-family: 'proxima-nova';
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  color: #1e262c;
  max-width: 80%;
  margin-top: 20px;
  line-height: 1.2;
}
.resource-library .container .library-files .category,
.page-resource-category#library .container .library-files .category {
  margin-top: 20px;
}
.resource-library .container .see-more.button,
.page-resource-category#library .container .see-more.button {
  margin-top: 50px;
  align-self: center;
  text-transform: uppercase;
  padding: 10px 30px;
  border: 3px solid #d31145;
}
.resource-tools {
  padding: 100px 0;
}
.resource-tools .container .section-heading .section-description a {
  text-decoration: underline;
  color: #d31145;
}
.resource-tools .container .tools-group {
  margin-top: 100px;
}
.resource-tools .container .tools-group .tool {
  flex-basis: 15%;
}
.resource-tools .container .tools-group .img-container {
  height: 180px;
  width: 220px;
}
.resource-tools .container .tools-group .tool-title {
  margin-top: 20px;
  font-family: 'proxima-nova';
  font-size: 24px;
  font-weight: bold;
  color: #1e262c;
  text-align: center;
}
@media (max-width: 425px) {
  .resource-tools {
    padding: 50px 0;
  }
  .resource-tools .container .tools-group {
    margin-top: 50px;
  }
}
#contuining-education.page-resource-category {
  padding: 100px 0;
  background-color: #efeae2;
  overflow-x: hidden;
}
@media (max-width: 425px) {
  #contuining-education.page-resource-category {
    padding: 50px 0;
  }
}
#contuining-education.page-resource-category .container .resource-category-posts {
  margin-top: 100px;
}
@media (max-width: 768px) {
  #contuining-education.page-resource-category .container .resource-category-posts .resource-category-post {
    flex: 100%;
    margin-right: 0;
  }
}
#contuining-education.page-resource-category .container .resource-category-posts .resource-category-post {
  width: calc((100%/3) - 55px);
  height: 510px;
  margin-right: 55px;
  margin-bottom: 50px;
  border: 10px solid #ffffff;
}
@media (max-width: 980px) {
  #contuining-education.page-resource-category .container .resource-category-posts .resource-category-post {
    flex: 30%;
  }
}
@media (max-width: 768px) {
  #contuining-education.page-resource-category .container .resource-category-posts .resource-category-post {
    flex: 100%;
    margin-right: 0;
    height: 700px;
    height: auto;
  }
  #contuining-education.page-resource-category .container .resource-category-posts .resource-category-post .hidden {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 20px;
  }
  #contuining-education.page-resource-category .container .resource-category-posts .resource-category-post .resource-post-title {
    display: none;
  }
  #contuining-education.page-resource-category .container .resource-category-posts .resource-category-post .img-container {
    border: 10px solid #ffffff;
    box-shadow: 0px 0px 4px 1px;
  }
  #contuining-education.page-resource-category .container .resource-category-posts .resource-category-post .overlay-content {
    padding: 40px 40px 10px;
  }
}
#contuining-education.page-resource-category .container .resource-category-posts .resource-category-post .img-container .overlay {
  background: rgba(0, 0, 0, 0.8);
  z-index: 1;
}
#contuining-education.page-resource-category .container .resource-category-posts .resource-category-post .resource-post-title {
  font-family: 'proxima-nova';
  font-size: 26px;
  font-weight: 600;
  color: #1e262c;
  background-color: #fff;
  max-width: 400px;
  padding: 25px;
  line-height: 1;
  margin-left: -25px;
  margin-right: 40px;
  margin-bottom: 45px;
  border-right: 5px solid #d31145;
}
#contuining-education.page-resource-category .container .resource-category-posts .resource-category-post .overlay-content {
  color: #fff;
  z-index: 2;
}
@media (max-width: 768px) {
  #contuining-education.page-resource-category .container .resource-category-posts .resource-category-post .overlay-content {
    position: relative;
  }
}
#contuining-education.page-resource-category .container .resource-category-posts .resource-category-post .overlay-content .resource-header-tag {
  font-family: 'proxima-nova';
  font-size: 17px;
  font-weight: bold;
  background-color: #d31145;
  padding: 8px 20px;
  position: absolute;
  top: 0;
  margin-top: -10px;
  margin-left: 15px;
}
#contuining-education.page-resource-category .container .resource-category-posts .resource-category-post .overlay-content .resource-id {
  font-family: 'proxima-nova';
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  top: 0;
  margin-top: 30px;
}
@media (max-width: 768px) {
  #contuining-education.page-resource-category .container .resource-category-posts .resource-category-post .overlay-content .resource-id {
    position: relative;
    margin: 15px 0;
  }
}
#contuining-education.page-resource-category .container .resource-category-posts .resource-category-post .overlay-content .content-title {
  font-family: 'proxima-nova';
  font-size: 36px;
  font-weight: 600;
  line-height: 1.17;
  border-left: 5px solid #d31145;
  padding-left: 15px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 768px) {
  #contuining-education.page-resource-category .container .resource-category-posts .resource-category-post .overlay-content .content-title {
    overflow: unset;
    display: block;
  }
}
#contuining-education.page-resource-category .container .resource-category-posts .resource-category-post .overlay-content .content-description {
  padding-left: 15px;
  margin-top: 20px;
  font-family: 'proxima-nova';
  font-size: 21px;
  line-height: 1.52;
}
#contuining-education.page-resource-category .container .resource-category-posts .resource-category-post .overlay-content .content-description p {
  max-height: 345px;
  overflow: hidden;
  overflow-y: auto;
  padding-right: 15px;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
  scrollbar-color: #d31145 #f1f1f1;
  scrollbar-width: thin;
}
#contuining-education.page-resource-category .container .resource-category-posts .resource-category-post .overlay-content .content-description p::-webkit-scrollbar {
  width: 8px;
  margin-left: 10px;
  border-radius: 100px;
}
#contuining-education.page-resource-category .container .resource-category-posts .resource-category-post .overlay-content .content-description p::-webkit-scrollbar-track {
  background: #f1f1f1;
}
#contuining-education.page-resource-category .container .resource-category-posts .resource-category-post .overlay-content .content-description p::-webkit-scrollbar-thumb {
  background: #d31145;
}
#contuining-education.page-resource-category .container .resource-category-posts .resource-category-post .overlay-content .content-description p::-webkit-scrollbar-thumb:hover {
  background: #555;
}
@media (max-width: 768px) {
  #contuining-education.page-resource-category .container .resource-category-posts .resource-category-post .overlay-content .content-description p {
    max-height: none;
  }
}
#contuining-education.page-resource-category .container .resource-category-posts .resource-category-post .overlay-content .button {
  margin-top: 25px;
  margin-left: 15px;
}
@media (max-width: 768px) {
  #contuining-education.page-resource-category .container .resource-category-posts .resource-category-post .overlay-content .button {
    margin-bottom: 25px;
  }
}
#contuining-education.page-resource-category .container .resource-category-posts .resource-category-post:hover {
  justify-content: center;
  align-items: center;
}
#contuining-education.page-resource-category .container .resource-category-posts .resource-category-post:hover .resource-post-title {
  display: none;
}
#contuining-education.page-resource-category .container .resource-category-posts .resource-category-post:hover .img-container {
  position: absolute;
  max-width: 700px;
  width: 130%;
  height: 630px;
  z-index: 1;
  top: 0;
  margin-top: -100px;
  border: 10px solid #ffffff;
  box-shadow: 0px 0px 4px 1px;
}
#contuining-education.page-resource-category .container .resource-category-posts .resource-category-post:hover .img-container .overlay {
  display: block;
}
@media (max-width: 768px) {
  #contuining-education.page-resource-category .container .resource-category-posts .resource-category-post:hover .img-container {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
  }
}
#contuining-education.page-resource-category .container .resource-category-posts .resource-category-post:hover .overlay-content {
  display: flex;
  padding: 40px 40px 10px;
}
#contuining-education.page-resource-category .container .resource-category-description {
  margin-top: 100px;
  padding: 0px 45px;
}
#contuining-education.page-resource-category .container .resource-category-description .description-title {
  margin-right: 40px;
  max-width: 550px;
}
#contuining-education.page-resource-category .container .resource-category-description .description-title:before {
  content: '';
  width: 125px;
  height: 6px;
  background: #d31145;
  margin-bottom: 50px;
}
#contuining-education.page-resource-category .container .resource-category-description .description-title p {
  font-family: 'Roboto Slab';
  font-size: 60px;
  font-weight: 300;
  line-height: 1.17;
  color: #1e262c;
}
#contuining-education.page-resource-category .container .resource-category-description .description-content {
  font-family: 'proxima-nova';
  font-size: 21px;
  line-height: 1.33;
  text-align: left;
  color: #1e262c;
}
#contuining-education.page-resource-category .container .resource-category-description .description-content p {
  margin-bottom: 30px;
}
@media (max-width: 960px) {
  #contuining-education.page-resource-category .container .resource-category-description {
    flex-direction: column;
  }
  #contuining-education.page-resource-category .container .resource-category-description .description-title {
    margin-right: 0;
    margin-bottom: 50px;
  }
  #contuining-education.page-resource-category .container .resource-category-description .description-title p {
    font-size: 40px;
  }
  #contuining-education.page-resource-category .container .resource-category-description .description-content {
    font-size: 21px;
  }
}
section.contact-bar.style-red {
  margin: 0;
  background-color: #d31145;
}
section.contact-bar.style-red .container .chat {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='red_icons' x='0px' y='0px' viewBox='0 0 77.7 66.8' style='enable-background:new 0 0 77.7 66.8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M5.4,13c-2.5,2.7-3.9,6-3.9,9.5c0,5.2,3.2,9.8,8.1,12.9v9.3l8.4-6c1.9,0.4,3.9,0.6,5.9,0.6 c12.4,0,22.5-7.5,22.5-16.7c0-9.2-10.1-16.7-22.5-16.7c-5.8,0-11,1.6-15,4.3'/%3E%3Cg%3E%3Ccircle class='st0' cx='13.4' cy='22.4' r='2.4'/%3E%3Ccircle class='st0' cx='24' cy='22.4' r='2.4'/%3E%3Ccircle class='st0' cx='34.6' cy='22.4' r='2.4'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cline class='st0' x1='41.2' y1='37.6' x2='66.2' y2='37.6'/%3E%3Cline class='st0' x1='41.2' y1='43.8' x2='66.2' y2='43.8'/%3E%3Cline class='st0' x1='41.2' y1='49.9' x2='66.2' y2='49.9'/%3E%3C/g%3E%3Cpath class='st0' d='M45.6,27.5c2.5-0.7,5.2-1.1,8.1-1.1c12.4,0,22.5,7.5,22.5,16.7'/%3E%3Cpath class='st0' d='M75.6,47.1c-1.2,3.6-3.8,6.7-7.5,8.9v9.3l-8.4-6c-1.9,0.4-3.9,0.6-5.9,0.6c-12.4,0-22.5-7.5-22.5-16.7 c0-1.6,0.3-3.1,0.8-4.5'/%3E%3C/g%3E%3Cpath class='st0' d='M50.3,16.3c-2-7.3-9.5-13-19.1-14.8'/%3E%3Cpath class='st0' d='M48.9,64.4C38.8,63.4,30.6,58,27.8,50.8'/%3E%3C/g%3E%3C/svg%3E");
}
section.contact-bar.style-red .container .contact-text {
  color: #ffffff;
}
section.contact-bar.style-red .container .contact-ctas .contact-cta {
  color: #d31145;
  background-color: #ffffff;
}
section.contact-bar.style-red .container .contact-ctas .contact-cta:hover {
  color: #ffffff;
  background-color: #d31145;
}
section.more-resources {
  padding: 100px 0;
}
section.more-resources .container .section-heading .section-title:before {
  display: none;
}
section.more-resources .container .resources-group {
  margin-top: 50px;
}
section.more-resources .container .resources-group .quicklink {
  border: solid 1px #e2e3e6;
  background-color: #fff;
  border-top: 8px solid #d31145;
  padding: 50px 0;
  margin-left: 10px;
  max-width: 345px;
  transition: all 400ms 0s ease-in-out, all 400ms 0s ease;
}
section.more-resources .container .resources-group .quicklink:first-child {
  margin-left: 0;
}
section.more-resources .container .resources-group .quicklink .quicklink-icon {
  height: 155px;
  width: 110px;
}
section.more-resources .container .resources-group .quicklink .quicklink-title {
  font-family: 'proxima-nova', sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #1e262c;
  margin-top: 50px;
}
section.more-resources .container .resources-group .quicklink:hover {
  background-color: #d31145;
}
section.more-resources .container .resources-group .quicklink:hover .quicklink-title {
  color: #ffffff;
}
section.more-resources .container .resources-group .quicklink:hover .quicklink-icon img {
  display: none;
}
section.more-resources .container .resources-group .quicklink:hover .quicklink-icon img.hover {
  display: block;
}
@media (max-width: 425px) {
  section.more-resources .container .resources-group .quicklink {
    margin-left: 0;
  }
}
@media (max-width: 425px) {
  section.more-resources {
    padding-top: 50px;
  }
}
#videos.page-resource-category {
  padding: 100px 0;
}
#videos.page-resource-category .container .section-heading {
  color: #ffffff;
}
#videos.page-resource-category .container .videos-posts {
  margin-top: 65px;
}
#videos.page-resource-category .container .videos-posts .video-post {
  margin-right: 50px;
  margin-bottom: 50px;
  width: calc((100%/2) - 50px);
}
@media (max-width: 768px) {
  #videos.page-resource-category .container .videos-posts .video-post {
    width: 100%;
    margin-right: 0;
  }
}
#videos.page-resource-category .container .videos-posts .video-post:nth-child(even) {
  margin-right: 0;
}
#videos.page-resource-category .container .videos-posts .video-post .video-container .img-container {
  height: 385px;
}
@media (max-width: 768px) {
  #videos.page-resource-category .container .videos-posts .video-post .video-container .img-container {
    height: 345px;
  }
}
#videos.page-resource-category .container .videos-posts .video-post .video-container .video-footer {
  margin-top: 20px;
}
#videos.page-resource-category .container .videos-posts .video-post .video-container .video-footer .video-title {
  font-family: 'proxima-nova';
  font-size: 36px;
  font-weight: 600;
  color: #fff;
  line-height: 1.17;
}
@media (max-width: 768px) {
  #videos.page-resource-category .container .videos-posts .video-post .video-container .video-footer .video-title {
    font-size: 24px;
  }
}
#videos.page-resource-category .container .videos-posts .video-post .video-container .video-footer .video-categories {
  max-width: 300px;
}
#videos.page-resource-category .container .videos-posts .video-post .video-container .video-footer .video-categories .category {
  margin: 5px;
}
#videos.page-resource-category .container .videos-posts .video-post .video-container .play-svg {
  width: 160px;
  height: 160px;
  background-color: #fff;
  z-index: 2;
  align-self: center;
  margin: 0 auto;
  border-radius: 100px;
}
@media (max-width: 768px) {
  #videos.page-resource-category .container .videos-posts .video-post .video-container .play-svg {
    width: 120px;
    height: 120px;
  }
  #videos.page-resource-category .container .videos-posts .video-post .video-container .play-svg::after {
    min-width: 80px !important;
    height: 80px !important;
    width: 80px !important;
  }
}
#videos.page-resource-category .container .videos-posts .video-post .video-container .play-svg:after {
  min-width: 80px;
  height: 80px;
  width: 80px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 90 90;' xml:space='preserve' viewBox='37.65 36.41 14.7 17.24'%3E%3Cstyle type='text/css'%3E	.st0%7Bfill:none;stroke:%23d31145;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%3C/style%3E%3Cpath class='st0' d='M39,52.9c-0.1,0-0.1,0-0.2,0c-0.2-0.1-0.4-0.2-0.4-0.3l0-15.1c0-0.1,0.1-0.3,0.4-0.3c0.2-0.1,0.5,0,0.6,0.1 l12,7.5c0.1,0.1,0.2,0.2,0.2,0.3s-0.1,0.2-0.2,0.3l-12,7.5C39.3,52.9,39.2,52.9,39,52.9z'%3E%3C/path%3E%3C/svg%3E");
  margin-left: 20px;
}
#videos.page-resource-category .container .videos-posts .video-post .video-container .play-svg:hover {
  background-color: #d31145;
}
#videos.page-resource-category .container .videos-posts .video-post .video-container .play-svg:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 90 90;' xml:space='preserve' viewBox='37.65 36.41 14.7 17.24'%3E%3Cstyle type='text/css'%3E	.st0%7Bfill:none;stroke:%23ffffff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%3C/style%3E%3Cpath class='st0' d='M39,52.9c-0.1,0-0.1,0-0.2,0c-0.2-0.1-0.4-0.2-0.4-0.3l0-15.1c0-0.1,0.1-0.3,0.4-0.3c0.2-0.1,0.5,0,0.6,0.1 l12,7.5c0.1,0.1,0.2,0.2,0.2,0.3s-0.1,0.2-0.2,0.3l-12,7.5C39.3,52.9,39.2,52.9,39,52.9z'%3E%3C/path%3E%3C/svg%3E");
}
#videos.page-resource-category .container .videos-posts .video-post .video-container .play-svg:after {
  min-width: 80px;
  height: 80px;
  width: 80px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 90 90;' xml:space='preserve' viewBox='37.65 36.41 14.7 17.24'%3E%3Cstyle type='text/css'%3E	.st0%7Bfill:none;stroke:%23d31145;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%3C/style%3E%3Cpath class='st0' d='M39,52.9c-0.1,0-0.1,0-0.2,0c-0.2-0.1-0.4-0.2-0.4-0.3l0-15.1c0-0.1,0.1-0.3,0.4-0.3c0.2-0.1,0.5,0,0.6,0.1 l12,7.5c0.1,0.1,0.2,0.2,0.2,0.3s-0.1,0.2-0.2,0.3l-12,7.5C39.3,52.9,39.2,52.9,39,52.9z'%3E%3C/path%3E%3C/svg%3E");
}
#videos.page-resource-category .container .videos-posts .video-post .video-container:hover .play-svg {
  background-color: #d31145;
}
#videos.page-resource-category .container .videos-posts .video-post .video-container:hover .play-svg:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 90 90;' xml:space='preserve' viewBox='37.65 36.41 14.7 17.24'%3E%3Cstyle type='text/css'%3E	.st0%7Bfill:none;stroke:%23ffffff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%3C/style%3E%3Cpath class='st0' d='M39,52.9c-0.1,0-0.1,0-0.2,0c-0.2-0.1-0.4-0.2-0.4-0.3l0-15.1c0-0.1,0.1-0.3,0.4-0.3c0.2-0.1,0.5,0,0.6,0.1 l12,7.5c0.1,0.1,0.2,0.2,0.2,0.3s-0.1,0.2-0.2,0.3l-12,7.5C39.3,52.9,39.2,52.9,39,52.9z'%3E%3C/path%3E%3C/svg%3E");
}
#videos.page-resource-category .container .videos-posts .video-post .video-container:hover .overlay {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  display: block;
  z-index: 1;
}
.listings-pagination.page-resource-category-videos .pagination-btn.pagination-prev:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z' fill='%23ffffff'/%3E%3C/svg%3E");
}
.listings-pagination.page-resource-category-videos .pagination-btn.pagination-next:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z' fill='%23ffffff'/%3E%3C/svg%3E");
}
.listings-pagination.page-resource-category-videos .pagination-btn.disabled {
  border: solid 1px #444a54;
  background: none;
}
.listings-pagination.page-resource-category-videos .pagination-btn.disabled:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z' fill='%23444a54'/%3E%3C/svg%3E");
}
.listings-pagination.page-resource-category-videos .pagination-pages {
  color: #fff;
}
section.search-result {
  padding: 100px 0;
}
section.search-result .container .section-heading .section-title {
  align-items: start;
}
section.search-result .container .section-heading .section-title:before {
  margin-bottom: 5px;
  width: 100px;
}
section.search-result .container .search-bar {
  margin-top: 20px;
}
section.search-result .container .search-bar .search-submit {
  font-size: 0;
  height: 50px;
  width: 50px;
  background-color: #d31145;
}
section.search-result .container .search-bar .search-submit:after {
  content: '';
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 30px;
  height: 30px;
  width: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' viewBox='0 0 44 44'%3E%3Cstyle%3E.st0%7Bfill:none;stroke: %23ffffff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10%7D%3C/style%3E%3Ccircle class='st0' cx='16.6' cy='16.6' r='13.6'/%3E%3Cpath class='st0' d='M26.2 26.2L41 41'/%3E%3C/svg%3E");
}
section.search-result .container .search-bar .search-submit:hover {
  background-color: #ffffff;
  border: 1px solid #d31145;
}
section.search-result .container .search-bar .search-submit:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' viewBox='0 0 44 44'%3E%3Cstyle%3E.st0%7Bfill:none;stroke: %23d31145;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10%7D%3C/style%3E%3Ccircle class='st0' cx='16.6' cy='16.6' r='13.6'/%3E%3Cpath class='st0' d='M26.2 26.2L41 41'/%3E%3C/svg%3E");
}
section.search-result .container .search-bar #search-term-field {
  border: solid 1px #e2e3e6;
  font-family: 'proxima-nova';
  font-size: 24px;
  font-weight: 600;
  color: #1e262c;
  padding: 6px 20px;
  max-width: 800px;
  outline: none;
}
section.search-result .container .result-counter {
  margin-top: 20px;
  font-family: 'Roboto Slab';
  font-size: 18px;
  color: #1e262c;
}
section.search-result .container .hidden-msg p {
  margin-top: 40px;
  font-size: 18px;
  font-weight: bold;
}
section.search-result .container .hidden-msg p a {
  color: #d31145;
}
section.search-result .container .hidden-msg p a:hover {
  text-decoration: underline;
}
section.search-result .container .results {
  margin-top: 50px;
  max-width: 960px;
}
section.search-result .container .results .result {
  margin-top: 80px;
}
section.search-result .container .results .result.mfi_videos .img-container:hover {
  cursor: pointer;
}
section.search-result .container .results .result .img-container {
  height: 220px;
  width: 220px;
  margin-right: 50px;
  background: #e2e3e6;
}
section.search-result .container .results .result .img-container .play-svg {
  position: absolute;
  width: 80px;
  height: 80px;
  background-color: #fff;
  z-index: 2;
  align-self: center;
  margin: 0 auto;
  border-radius: 100px;
}
section.search-result .container .results .result .img-container .play-svg:after {
  min-width: 40px;
  height: 40px;
  width: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 90 90;' xml:space='preserve' viewBox='37.65 36.41 14.7 17.24'%3E%3Cstyle type='text/css'%3E	.st0%7Bfill:none;stroke:%23d31145;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%3C/style%3E%3Cpath class='st0' d='M39,52.9c-0.1,0-0.1,0-0.2,0c-0.2-0.1-0.4-0.2-0.4-0.3l0-15.1c0-0.1,0.1-0.3,0.4-0.3c0.2-0.1,0.5,0,0.6,0.1 l12,7.5c0.1,0.1,0.2,0.2,0.2,0.3s-0.1,0.2-0.2,0.3l-12,7.5C39.3,52.9,39.2,52.9,39,52.9z'%3E%3C/path%3E%3C/svg%3E");
  margin-left: 10px;
}
section.search-result .container .results .result .img-container:hover .play-svg {
  background-color: #d31145;
}
section.search-result .container .results .result .img-container:hover .play-svg:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 90 90;' xml:space='preserve' viewBox='37.65 36.41 14.7 17.24'%3E%3Cstyle type='text/css'%3E	.st0%7Bfill:none;stroke:%23ffffff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%3C/style%3E%3Cpath class='st0' d='M39,52.9c-0.1,0-0.1,0-0.2,0c-0.2-0.1-0.4-0.2-0.4-0.3l0-15.1c0-0.1,0.1-0.3,0.4-0.3c0.2-0.1,0.5,0,0.6,0.1 l12,7.5c0.1,0.1,0.2,0.2,0.2,0.3s-0.1,0.2-0.2,0.3l-12,7.5C39.3,52.9,39.2,52.9,39,52.9z'%3E%3C/path%3E%3C/svg%3E");
}
section.search-result .container .results .result .img-container:hover .overlay {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  display: block;
  z-index: 1;
}
section.search-result .container .results .result .result-content {
  flex: 1;
}
section.search-result .container .results .result .result-content .result-title {
  font-family: 'Roboto Slab';
  font-size: 36px;
  line-height: 1.2;
  color: #1e262c;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
}
section.search-result .container .results .result .result-content .result-title:hover {
  color: #d31145;
}
section.search-result .container .results .result .result-content .prod-sku {
  font-family: 'proxima-nova';
  font-size: 21px;
  line-height: 1.33;
  color: #1e262c;
  font-weight: bold;
}
section.search-result .container .results .result .result-content .result-description {
  margin-top: 25px;
  font-family: 'proxima-nova';
  font-size: 21px;
  line-height: 1.33;
  color: #1e262c;
}
section.search-result .container .results .result .result-content .result-link {
  margin-top: 30px;
  font-family: 'proxima-nova';
  font-size: 18px;
  font-weight: bold;
  line-height: 1.78;
  color: #d31145;
  text-decoration: underline;
}
@media (max-width: 580px) {
  section.search-result .container .results .result {
    flex-direction: column;
  }
  section.search-result .container .results .result .img-container {
    margin-bottom: 20px;
  }
}
.listings-pagination.page-search {
  justify-content: flex-start;
}
.hero-slider.slick-slider {
  background-color: #abb0b8;
}
.segments-category {
  padding: 100px 0;
}
.segments-category .segments-group {
  margin-top: 80px;
}
.segments-category .segments-group .segment-link {
  width: 100%;
  margin-bottom: 70px;
  padding: 0 40px;
  flex-basis: calc(25%);
  flex-grow: 1;
}
@media (max-width: 950px) {
  .segments-category .segments-group .segment-link {
    flex-basis: calc(33.33333333%);
  }
}
@media (max-width: 500px) {
  .segments-category .segments-group .segment-link {
    flex-basis: 100%;
    margin-bottom: 50px;
  }
}
.segments-category .segments-group .segment-link .segment-icon {
  width: 80px;
  height: 90px;
}
.segments-category .segments-group .segment-link .segment-title {
  font-family: 'proxima-nova';
  font-size: 36px;
  font-weight: 600;
  line-height: 1.2;
  color: #1e262c;
  margin-top: 30px;
}
.segments-category .segments-group .segment-link .segment-description {
  font-family: 'proxima-nova';
  font-size: 21px;
  line-height: 1.33;
  text-align: center;
  color: #1e262c;
  margin-top: 30px;
}
@media (max-width: 480px) {
  .segments-category .segments-group .segment-link .segment-description {
    font-size: 18px;
  }
}
.segments-category .segments-group .segment-link .segment-cta {
  margin-top: 25px;
  padding: 10px 30px;
}
.segments-category#ingredient-segments .segments-group .segment-link {
  width: calc(33.33333333%);
  padding: 0 50px;
}
.segments-category:nth-child(even) {
  background: #f7f7f8;
}
.single-segment-intro {
  padding: 75px 0;
  color: #1e262c;
}
@media (max-width: 480px) {
  .single-segment-intro {
    padding: 30px 0 0 0;
  }
}
.single-segment-intro .container .intro-heading {
  font-family: 'Roboto Slab';
  font-size: 38px;
  font-weight: 300;
  line-height: 1.13;
  max-width: 1020px;
  margin-bottom: 50px;
}
.single-segment-intro .container .intro-heading span,
.single-segment-intro .container .intro-heading p {
  font-weight: 300;
}
@media (max-width: 480px) {
  .single-segment-intro .container .intro-heading {
    font-size: 21px;
  }
}
.single-segment-intro .container .intro-heading .button {
  border: 3px solid #d31145;
}
.single-segment .resource-tools {
  background-color: #f7f7f8;
}
section.content-blocks {
  color: #fff;
  padding: 100px 0 0;
}
section.content-blocks .container .content-block {
  margin-bottom: 150px;
}
@media (max-width: 1024px) {
  section.content-blocks .container .content-block {
    flex-direction: column;
  }
  section.content-blocks .container .content-block .block-image-col img {
    width: auto;
  }
}
section.content-blocks .container .content-block .block-image-col {
  max-width: 650px;
  max-height: 465px;
  margin-right: 100px;
}
section.content-blocks .container .content-block .block-title-col {
  max-width: 40%;
}
@media (max-width: 1024px) {
  section.content-blocks .container .content-block .block-title-col {
    max-width: 100%;
    margin-bottom: 20px;
  }
  section.content-blocks .container .content-block .block-title-col .block-title {
    font-size: 42px;
    padding-right: 20px;
  }
}
section.content-blocks .container .content-block .block-title {
  font-family: 'Roboto Slab';
  font-size: 60px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-right: 50px;
  position: relative;
}
@media (max-width: 480px) {
  section.content-blocks .container .content-block .block-title {
    font-size: 42px;
  }
}
section.content-blocks .container .content-block .block-title:before {
  content: '';
  height: 6px;
  width: 125px;
  background-color: #d31145;
  margin-bottom: 50px;
  position: absolute;
  top: -30px;
}
section.content-blocks .container .content-block .block-content-col {
  font-family: 'proxima-nova';
  font-size: 21px;
  line-height: 1.33;
  padding-right: 50px;
}
section.content-blocks .container .content-block .block-content-col img {
  max-width: 100%;
  width: 400px;
  object-fit: cover;
}
section.content-blocks .container .content-block .block-content-col img.aligncenter {
  margin: 0 auto;
  text-align: center;
}
section.content-blocks .container .content-block .block-content-col .button {
  color: #fff;
  text-decoration: none;
}
section.content-blocks .container .content-block .block-content-col .button:hover {
  color: #d31145;
}
section.content-blocks .container .content-block .block-content-col .video-container img {
  width: 100%;
}
@media (max-width: 1024px) {
  section.content-blocks .container .content-block .block-content-col {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  section.content-blocks .container .content-block .block-content-col {
    padding-right: 0;
  }
}
section.content-blocks .container .content-block .block-content-col p {
  margin-bottom: 40px;
}
section.content-blocks .container .content-block .block-content-col a {
  font-weight: bold;
  color: #d31145;
  text-decoration: underline;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
}
section.content-blocks .container .content-block .block-content-col a:hover {
  color: #ffffff;
}
@media (max-width: 480px) {
  section.content-blocks .container .content-block .block-content-col ul,
  section.content-blocks .container .content-block .block-content-col ol {
    margin-left: -20px;
  }
}
section.content-blocks .container .content-block .block-content-col li {
  position: relative;
  padding-left: 20px;
  margin-top: 40px;
  margin-left: 49px;
}
section.content-blocks .container .content-block .block-content-col li:before {
  content: '';
  display: inline-block;
  position: absolute;
  margin-top: 10px;
  margin-left: -28px;
}
section.content-blocks .container .content-block .block-content-col ul {
  margin-bottom: 20px;
}
section.content-blocks .container .content-block .block-content-col ul li:before {
  background-color: #d31145;
  min-width: 10px;
  width: 10px;
  height: 10px;
}
section.content-blocks .container .content-block .block-content-col ol {
  counter-reset: foo;
}
section.content-blocks .container .content-block .block-content-col ol li {
  counter-increment: foo;
}
section.content-blocks .container .content-block .block-content-col ol li ol {
  counter-reset: listStyle;
}
section.content-blocks .container .content-block .block-content-col ol li ol li {
  counter-increment: listStyle;
}
section.content-blocks .container .content-block .block-content-col ol li ol li:before {
  content: counter(listStyle, lower-alpha) ".";
}
section.content-blocks .container .content-block .block-content-col ol li:before {
  color: #d31145;
  content: counter(foo) ".";
  margin-top: 0px;
}
section.content-blocks .container .content-block .block-content-col .video-post {
  margin-right: 50px;
  margin-bottom: 50px;
  width: 100%;
}
section.content-blocks .container .content-block .block-content-col .video-post:nth-child(even) {
  margin-right: 0;
}
section.content-blocks .container .content-block .block-content-col .video-post .video-container .img-container {
  height: 455px;
}
section.content-blocks .container .content-block .block-content-col .video-post .video-container .video-footer {
  margin-top: 20px;
}
section.content-blocks .container .content-block .block-content-col .video-post .video-container .video-footer .video-title {
  font-family: 'proxima-nova';
  font-size: 36px;
  font-weight: 600;
  color: #fff;
  line-height: 1.17;
}
section.content-blocks .container .content-block .block-content-col .video-post .video-container .video-footer .video-categories {
  max-width: 300px;
}
section.content-blocks .container .content-block .block-content-col .video-post .video-container .video-footer .video-categories .category {
  margin: 5px;
}
section.content-blocks .container .content-block .block-content-col .video-post .video-container .play-svg {
  width: 160px;
  height: 160px;
  background-color: #fff;
  z-index: 2;
  align-self: center;
  margin: 0 auto;
  border-radius: 100px;
}
section.content-blocks .container .content-block .block-content-col .video-post .video-container .play-svg:after {
  min-width: 80px;
  height: 80px;
  width: 80px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 90 90;' xml:space='preserve' viewBox='37.65 36.41 14.7 17.24'%3E%3Cstyle type='text/css'%3E	.st0%7Bfill:none;stroke:%23d31145;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%3C/style%3E%3Cpath class='st0' d='M39,52.9c-0.1,0-0.1,0-0.2,0c-0.2-0.1-0.4-0.2-0.4-0.3l0-15.1c0-0.1,0.1-0.3,0.4-0.3c0.2-0.1,0.5,0,0.6,0.1 l12,7.5c0.1,0.1,0.2,0.2,0.2,0.3s-0.1,0.2-0.2,0.3l-12,7.5C39.3,52.9,39.2,52.9,39,52.9z'%3E%3C/path%3E%3C/svg%3E");
  margin-left: 20px;
}
section.content-blocks .container .content-block .block-content-col .video-post .video-container .play-svg:hover {
  background-color: #d31145;
}
section.content-blocks .container .content-block .block-content-col .video-post .video-container .play-svg:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 90 90;' xml:space='preserve' viewBox='37.65 36.41 14.7 17.24'%3E%3Cstyle type='text/css'%3E	.st0%7Bfill:none;stroke:%23ffffff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%3C/style%3E%3Cpath class='st0' d='M39,52.9c-0.1,0-0.1,0-0.2,0c-0.2-0.1-0.4-0.2-0.4-0.3l0-15.1c0-0.1,0.1-0.3,0.4-0.3c0.2-0.1,0.5,0,0.6,0.1 l12,7.5c0.1,0.1,0.2,0.2,0.2,0.3s-0.1,0.2-0.2,0.3l-12,7.5C39.3,52.9,39.2,52.9,39,52.9z'%3E%3C/path%3E%3C/svg%3E");
}
section.content-blocks .container .content-block .block-content-col .video-post .video-container .play-svg:after {
  min-width: 80px;
  height: 80px;
  width: 80px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 90 90;' xml:space='preserve' viewBox='37.65 36.41 14.7 17.24'%3E%3Cstyle type='text/css'%3E	.st0%7Bfill:none;stroke:%23d31145;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%3C/style%3E%3Cpath class='st0' d='M39,52.9c-0.1,0-0.1,0-0.2,0c-0.2-0.1-0.4-0.2-0.4-0.3l0-15.1c0-0.1,0.1-0.3,0.4-0.3c0.2-0.1,0.5,0,0.6,0.1 l12,7.5c0.1,0.1,0.2,0.2,0.2,0.3s-0.1,0.2-0.2,0.3l-12,7.5C39.3,52.9,39.2,52.9,39,52.9z'%3E%3C/path%3E%3C/svg%3E");
}
section.content-blocks .container .content-block .block-content-col .video-post .video-container:hover .play-svg {
  background-color: #d31145;
}
section.content-blocks .container .content-block .block-content-col .video-post .video-container:hover .play-svg:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 90 90;' xml:space='preserve' viewBox='37.65 36.41 14.7 17.24'%3E%3Cstyle type='text/css'%3E	.st0%7Bfill:none;stroke:%23ffffff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%3C/style%3E%3Cpath class='st0' d='M39,52.9c-0.1,0-0.1,0-0.2,0c-0.2-0.1-0.4-0.2-0.4-0.3l0-15.1c0-0.1,0.1-0.3,0.4-0.3c0.2-0.1,0.5,0,0.6,0.1 l12,7.5c0.1,0.1,0.2,0.2,0.2,0.3s-0.1,0.2-0.2,0.3l-12,7.5C39.3,52.9,39.2,52.9,39,52.9z'%3E%3C/path%3E%3C/svg%3E");
}
section.content-blocks .container .content-block .block-content-col .video-post .video-container:hover .overlay {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  display: block;
  z-index: 1;
}
section.content-blocks .container .content-block .block-content-col .video-content {
  margin-bottom: 40px;
}
section.content-blocks .container .content-block .block-content-col .video-content .img-container {
  height: 455px;
}
section.content-blocks .container .content-block .block-content-col .video-content .video-footer {
  margin-top: 20px;
}
section.content-blocks .container .content-block .block-content-col .video-content .video-footer .video-title {
  font-family: 'proxima-nova';
  font-size: 36px;
  font-weight: 600;
  color: #fff;
  line-height: 1.17;
}
section.content-blocks .container .content-block .block-content-col .video-content .video-footer .video-categories {
  max-width: 300px;
}
section.content-blocks .container .content-block .block-content-col .video-content .video-footer .video-categories .category {
  margin: 5px;
}
@media (max-width: 1024px) {
  section.content-blocks .container .content-block.block-image {
    flex-direction: column-reverse;
  }
}
.single-brand-intro {
  padding: 100px 0;
}
.single-brand-intro .container .section-heading .section-title {
  position: relative;
  margin: 0 auto 20px auto;
  flex-direction: row;
}
.single-brand-intro .container .section-heading .section-title sup {
  font-size: 24px;
  margin-right: 10px;
}
.single-brand-intro .container .section-heading .section-title::before {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translate(-50%, 0);
}
#careers-explore {
  padding: 100px 0;
}
#careers-explore .container .group {
  margin-top: 100px;
}
#careers-explore .container .group .text-link {
  margin-right: 80px;
  font-family: 'Roboto Slab';
  font-size: 30px;
  line-height: 1.2;
  color: #d31145;
}
#careers-explore .container .group .text-link:hover {
  text-decoration: underline;
}
#careers-about {
  padding: 100px 0;
}
#careers-about .container .group {
  margin-top: 50px;
}
#careers-about .container .group a {
  margin-right: 20px;
}
#single-news .news-item-hero {
  clear: both;
}
#single-news .news-item-hero .bg-color {
  background-color: #1e262c;
}
#single-news .news-item-hero .bg-color .wrapper {
  max-width: 840px;
  margin: 0 auto;
}
#single-news .news-item-hero .bg-color .wrapper .breadcrumbs .category {
  display: inline-block;
  position: relative;
  font-size: 17px;
  padding: 5px 20px;
  font-weight: bold;
  border: 3px solid #d31145;
  color: #ffffff;
  transition: all 400ms 0s ease-in-out, all 400ms 0s ease;
}
#single-news .news-item-hero .bg-color .wrapper .breadcrumbs .category:hover {
  background-color: #d31145;
}
#single-news .news-item-hero .bg-color .wrapper .title {
  font-family: 'Roboto Slab', serif;
  color: #ffffff;
  font-size: 60px;
  font-weight: 300;
  text-align: center;
  line-height: 1.25;
}
#single-news .news-item-hero .bg-color .wrapper .date {
  color: #ffffff;
  font-size: 24px;
  font-weight: 300;
  font-family: 'proxima-nova', sans-serif;
}
#single-news .news-item-hero .post-image {
  background: -moz-linear-gradient(0deg, #ffffff 70%, #1e262c 70%);
  background: -webkit-linear-gradient(0deg, #ffffff 70%, #1e262c 70%);
  background: linear-gradient(0deg, #ffffff 70%, #1e262c 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#1e262c", GradientType=1);
}
#single-news .news-item-hero .post-image img {
  margin: 0 auto;
  max-width: 840px;
  width: 100%;
  object-fit: cover;
}
#single-news .news-content .wrapper {
  max-width: 840px;
  margin: 0 auto;
  padding: 50px 0 100px 0;
}
#single-news .news-content .wrapper p {
  font-size: 24px;
  font-family: 'proxima-nova', sans-serif;
  color: #1e262c;
  padding-top: 40px;
  width: 100%;
}
#single-news .news-content .wrapper p:first-child {
  padding-top: 0;
}
#single-news .news-content .wrapper h1 {
  font-size: 60px;
  font-family: 'Roboto Slab', serif;
  color: #1e262c;
}
#single-news .news-content .wrapper h2,
#single-news .news-content .wrapper h3,
#single-news .news-content .wrapper h4 {
  font-size: 32px;
  font-family: 'Roboto Slab', serif;
  font-weight: 300;
}
#single-news .news-content .wrapper a {
  color: #d31145;
  text-decoration: underline;
  font-weight: bold;
}
#single-news .news-content .wrapper ol {
  list-style: decimal;
  margin-left: 50px;
  padding-bottom: 20px;
}
#single-news .news-content .wrapper ul {
  list-style: disc;
  margin-left: 50px;
  padding-bottom: 20px;
}
#single-news .latest-news {
  margin: 100px 0;
}
.main-content.getapi {
  padding: 100px 0;
}
.main-content.getapi .container .loading-div {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 100px;
}
.main-content.getapi .container .section-heading .section-title {
  align-items: start;
}
.main-content.getapi .container .section-heading .section-title:before {
  margin-bottom: 5px;
  width: 100px;
}
.main-content.getapi .container .total {
  margin: 20px 0;
}
.main-content.getapi .container .search-bar {
  margin-top: 20px;
}
.main-content.getapi .container .search-bar .search-submit {
  font-size: 0;
  height: 50px;
  width: 50px;
  background-color: #d31145;
}
.main-content.getapi .container .search-bar .search-submit:after {
  content: '';
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 30px;
  height: 30px;
  width: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' viewBox='0 0 44 44'%3E%3Cstyle%3E.st0%7Bfill:none;stroke: %23ffffff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10%7D%3C/style%3E%3Ccircle class='st0' cx='16.6' cy='16.6' r='13.6'/%3E%3Cpath class='st0' d='M26.2 26.2L41 41'/%3E%3C/svg%3E");
}
.main-content.getapi .container .search-bar .search-submit:hover {
  background-color: #ffffff;
  border: 1px solid #d31145;
}
.main-content.getapi .container .search-bar .search-submit:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' viewBox='0 0 44 44'%3E%3Cstyle%3E.st0%7Bfill:none;stroke: %23d31145;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10%7D%3C/style%3E%3Ccircle class='st0' cx='16.6' cy='16.6' r='13.6'/%3E%3Cpath class='st0' d='M26.2 26.2L41 41'/%3E%3C/svg%3E");
}
.main-content.getapi .container .search-bar #search-term-field {
  border: solid 1px #e2e3e6;
  font-family: 'proxima-nova';
  font-size: 24px;
  font-weight: 600;
  color: #1e262c;
  padding: 6px 20px;
  max-width: 800px;
  outline: none;
}
.main-content.getapi .container .boxed-accordion {
  border: solid 1px #e2e3e6;
  background-color: #fff;
  padding: 20px;
  margin-bottom: 20px;
}
.main-content.getapi .container .boxed-accordion .accordion-heading .accordion-title {
  font-family: 'proxima-nova';
  font-size: 18px;
  font-weight: 600;
  color: #d31145;
}
.main-content.getapi .container .boxed-accordion .accordion-heading .toggle-icon {
  font-size: 0;
  min-width: 20px;
  height: 20px;
  width: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 90 90;' xml:space='preserve' viewBox='33.9 38.7 22.2 12.6'%3E%3Cstyle type='text/css'%3E	.st0%7Bfill:none;stroke:%23d31145;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%3C/style%3E%3Cpolyline class='st0' points='35.4,49.8 45,40.2 54.6,49.8 '%3E%3C/polyline%3E%3C/svg%3E");
}
.main-content.getapi .container .boxed-accordion .content {
  margin-top: 45px;
  font-family: 'proxima-nova';
  font-size: 16px;
  line-height: 1.5;
  color: #1e262c;
  padding-right: 65px;
  margin-bottom: 15px;
}
.main-content.getapi .container .boxed-accordion .content .get-detail {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  max-width: 300px;
  margin-left: auto;
}
.main-content.getapi .container .boxed-accordion .content fieldset {
  display: flex;
  flex-wrap: wrap;
}
.main-content.getapi .container .boxed-accordion .content fieldset .value {
  margin-left: 5px;
}
.main-content.getapi .container .boxed-accordion .content fieldset.sub-item {
  margin-left: 20px;
  margin-bottom: 10px;
  align-items: center;
}
.main-content.getapi .container .boxed-accordion .content fieldset.sub-item:before {
  content: '';
  height: 5px;
  width: 5px;
  background: #000;
  border-radius: 100px;
  margin-right: 5px;
}
.main-content.getapi .container .boxed-accordion button.show-more {
  margin: 0 auto;
  font-family: 'proxima-nova';
  font-size: 16px;
  font-weight: bold;
  color: #d31145;
  outline: none;
}
.main-content.getapi .container .boxed-accordion.collapsed .accordion-heading .accordion-title {
  color: #1e262c;
}
.main-content.getapi .container .boxed-accordion.collapsed .accordion-heading .toggle-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 90 90;' xml:space='preserve' viewBox='33.9 38.7 22.2 12.6'%3E%3Cstyle type='text/css'%3E	.st0%7Bfill:none;stroke:%231e262c;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%3C/style%3E%3Cpolyline class='st0' points='35.4,49.8 45,40.2 54.6,49.8 '%3E%3C/polyline%3E%3C/svg%3E");
  transform: rotateZ(180deg);
}
.main-content.getapi .container .boxed-accordion.collapsed .content {
  display: none;
}
.main-content.getapi .container .boxed-accordion:hover .accordion-heading .accordion-title {
  color: #1e262c;
}
body.pdf-template header {
  display: none;
}
body.pdf-template header #navbar {
  display: none;
}
body.pdf-template header #utility-nav {
  display: none;
}
body.pdf-template footer {
  display: none;
}
body.pdf-template .page-toolbar {
  display: none;
}
body.pdf-template .pdf-header .container img {
  max-width: 250px;
  margin: 0 auto;
  padding: 50px 0;
}
body.pdf-template #recipe-detail .container {
  max-width: 90% !important;
}
body.pdf-template #recipe-detail .hero {
  background-color: #ffffff;
}
body.pdf-template #recipe-detail .hero .container {
  padding: 0;
}
body.pdf-template #recipe-detail .hero .container .recipe-image {
  display: flex;
  justify-content: flex-end;
  padding-right: 50px;
}
body.pdf-template #recipe-detail .hero .container .recipe-image img {
  max-width: 450px;
}
body.pdf-template #recipe-detail .hero .container .recipe-content .recipe-title {
  color: #1e262c;
  font-size: 32px;
}
body.pdf-template #recipe-detail .hero .container .recipe-content .categories li {
  color: #1e262c;
  font-size: 14px;
}
body.pdf-template #recipe-detail .hero .container .recipe-content .recipe-copy {
  color: #1e262c;
  font-size: 14px;
}
body.pdf-template #recipe-detail .hero .container .recipe-content .nutrition-info .diet-needs {
  color: #1e262c;
  font-size: 14px;
}
body.pdf-template #recipe-detail .hero .container .recipe-content .nutrition-info .diet-list .diet {
  color: #1e262c;
  font-size: 14px;
}
body.pdf-template #recipe-detail .hero .container .recipe-content .nutrition-info .recipe-servings {
  color: #1e262c;
  font-size: 14px;
}
body.pdf-template #recipe-detail .hero .container .recipe-content .nutrition-info .recipe-servings .serving-number {
  color: #1e262c;
  font-size: 14px;
}
body.pdf-template #recipe-detail .prod-feature {
  margin-bottom: 20px;
}
body.pdf-template #recipe-detail .prod-feature .prod-content .brand-img {
  max-width: 75px;
}
body.pdf-template #recipe-detail .prod-feature .prod-content .main-content .prod-name {
  line-height: 1;
  font-size: 21px;
}
body.pdf-template #recipe-detail .prod-feature .prod-content .main-content .callouts .similar-prod-link {
  display: none;
}
body.pdf-template #recipe-detail .prod-feature .prod-img img {
  max-width: 150px;
}
body.pdf-template #recipe-detail .recipe-main .recipe-details-section {
  padding-bottom: 20px;
}
body.pdf-template #recipe-detail .recipe-main .recipe-details-section:last-child {
  padding-bottom: 20px;
}
body.pdf-template #recipe-detail .recipe-main .recipe-details-section > .flex {
  width: 100%;
}
body.pdf-template #recipe-detail .recipe-main .recipe-details-section .section-head {
  font-size: 24px;
}
body.pdf-template #recipe-detail .recipe-main .recipe-details-section .ingredients .ingredients-heading {
  font-size: 24px;
  margin-bottom: 15px;
}
body.pdf-template #recipe-detail .recipe-main .recipe-details-section .ingredients .item .ingredient {
  font-size: 14px;
}
body.pdf-template #recipe-detail .recipe-main .recipe-details-section .ingredients .item .ingredient a {
  text-decoration: none;
}
body.pdf-template #recipe-detail .recipe-main .recipe-details-section .ingredients .item .measurement {
  font-size: 14px;
}
body.pdf-template #recipe-detail .recipe-main .recipe-details-section .directions .directions-heading {
  font-size: 24px;
}
body.pdf-template #recipe-detail .recipe-main .recipe-details-section .directions .direction {
  font-size: 14px;
}
body.pdf-template #recipe-detail .additional-content {
  background-color: #ffffff;
}
body.pdf-template #recipe-detail .additional-content .container .tips-section {
  margin-right: 0;
}
body.pdf-template #recipe-detail .additional-content .container .tips-section > h3 {
  font-size: 21px;
}
body.pdf-template #recipe-detail .additional-content .container .tips-section .tip {
  font-size: 14px;
  margin-bottom: 10px;
}
body.pdf-template #recipe-detail .additional-content .container .tips-section .tip::before {
  font-size: 20px;
}
body.pdf-template #recipe-detail .nutrition-facts .nutrition-row .row-content .header h2 {
  font-size: 21px;
}
body.pdf-template #recipe-detail .nutrition-facts .nutrition-row .row-content p {
  font-size: 14px;
}
body.pdf-template #recipe-detail .nutrition-facts #show-hide {
  display: none;
}
body.pdf-template #recipe-detail .nutrition-facts .tip {
  font-size: 14px;
}
body.pdf-template #recipe-detail .related-slider {
  display: none;
}
body.pdf-template #recipe-detail .similar-listing {
  display: none;
}
body.pdf-template #recipe-detail .callouts {
  display: none;
}
.single-video .hero {
  clear: both;
  background-color: #1e262c;
}
.single-video .hero .container .title {
  color: #ffffff;
  font-size: 60px;
  font-family: 'Roboto Slab', serif;
  position: relative;
  text-align: center;
  font-weight: 300;
  max-width: 850px;
  margin: 0 auto;
}
.single-video .hero .container .title::after {
  content: "";
  display: block;
  position: relative;
  height: 5px;
  background-color: #d31145;
  width: 90%;
  margin: 20px auto 0 auto;
}
.single-video .hero .container .subcopy {
  color: #ffffff;
  font-size: 24px;
  font-family: 'proxima-nova', sans-serif;
  max-width: 700px;
  text-align: center;
}
.single-video .hero.No-Video {
  padding-bottom: 100px;
}
.single-video .hero-video {
  background: -moz-linear-gradient(0deg, #ffffff 50%, #1e262c 50%);
  background: -webkit-linear-gradient(0deg, #ffffff 50%, #1e262c 50%);
  background: linear-gradient(0deg, #ffffff 50%, #1e262c 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#1e262c", GradientType=1);
}
.single-video .hero-video .container .wrapper img {
  max-height: 470px;
  object-fit: cover;
  width: 100%;
}
.single-video .hero-video.No-Video {
  display: none;
}
.single-video .copy-block .container .wrapper {
  max-width: 780px;
  margin: 0 auto;
}
.single-video .copy-block .container .wrapper .title {
  color: #1e262c;
  font-size: 60px;
  font-family: 'Roboto Slab', serif;
  position: relative;
  text-align: center;
  font-weight: 300;
}
.single-video .copy-block .container .wrapper .title::after {
  content: "";
  display: block;
  position: relative;
  height: 5px;
  background-color: #d31145;
  width: 90%;
  margin: 20px auto 0 auto;
}
.single-video .copy-block .container .wrapper .subcopy {
  color: #1e262c;
  font-size: 24px;
  font-family: 'proxima-nova', sans-serif;
  text-align: center;
}
.single-video .callout-section .main-copy {
  background-color: #f7f7f8;
}
.single-video .callout-section .main-copy .container .wrapper .title {
  font-size: 60px;
  color: #1e262c;
  text-align: left;
  display: inline-block;
  font-family: 'Roboto Slab', serif;
  max-width: 300px;
  line-height: 1.25;
  font-weight: 300;
  position: relative;
  flex-basis: 50%;
}
.single-video .callout-section .main-copy .container .wrapper .title::before {
  content: "";
  height: 5px;
  background-color: #d31145;
  width: 50%;
  display: block;
  margin-bottom: 20px;
}
.single-video .callout-section .main-copy .container .wrapper .copy {
  max-width: 840px;
  flex-basis: 50%;
  flex-grow: 1;
}
.single-video .callout-section .main-copy .container .wrapper .copy p {
  margin-bottom: 50px;
  font-size: 24px;
  color: #1e262c;
}
.single-video .callout-section .main-copy .container .wrapper .copy p:last-child {
  margin-bottom: 0;
}
.single-video .callout-section .main-copy .container .wrapper .copy a {
  color: #d31145;
  font-weight: bold;
  text-decoration: underline;
}
.single-video .callout-section .callouts-section {
  padding-top: 0;
}
.single-video .callout-section .callouts-section .callouts {
  margin-bottom: 0;
  background: -moz-linear-gradient(0deg, #ffffff 25%, #f7f7f8 25%);
  background: -webkit-linear-gradient(0deg, #ffffff 25%, #f7f7f8 25%);
  background: linear-gradient(0deg, #ffffff 25%, #f7f7f8 25%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f7f7f8", GradientType=1);
}
@media (max-width: 960px) {
  .single-video .callout-section .main-copy .container .wrapper {
    flex-direction: column;
  }
  .single-video .callout-section .main-copy .container .wrapper .title {
    margin-bottom: 50px;
  }
}
#single-resource .resource-item-hero {
  clear: both;
}
#single-resource .resource-item-hero .bg-color {
  background-color: #1e262c;
}
#single-resource .resource-item-hero .bg-color .wrapper {
  max-width: 840px;
  margin: 0 auto;
}
#single-resource .resource-item-hero .bg-color .wrapper .breadcrumbs .category {
  display: inline-block;
  position: relative;
  font-size: 17px;
  padding: 5px 20px;
  font-weight: bold;
  border: 3px solid #d31145;
  color: #ffffff;
  transition: all 400ms 0s ease-in-out, all 400ms 0s ease;
}
#single-resource .resource-item-hero .bg-color .wrapper .breadcrumbs .category:hover {
  background-color: #d31145;
}
#single-resource .resource-item-hero .bg-color .wrapper .title {
  font-family: 'Roboto Slab', serif;
  color: #ffffff;
  font-size: 60px;
  font-weight: 300;
  text-align: center;
  line-height: 1.25;
}
#single-resource .resource-item-hero .bg-color .wrapper .date {
  color: #ffffff;
  font-size: 24px;
  font-weight: 300;
  font-family: 'proxima-nova', sans-serif;
}
#single-resource .resource-item-hero .post-image {
  background: -moz-linear-gradient(0deg, #ffffff 70%, #1e262c 70%);
  background: -webkit-linear-gradient(0deg, #ffffff 70%, #1e262c 70%);
  background: linear-gradient(0deg, #ffffff 70%, #1e262c 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#1e262c", GradientType=1);
}
#single-resource .resource-item-hero .post-image .resource-link {
  max-width: 550px;
}
#single-resource .resource-item-hero .post-image img {
  margin: 0 auto;
  max-width: 550px;
  width: 100%;
  object-fit: cover;
}
#single-resource .resource-content .container p {
  font-size: 24px;
  font-family: 'proxima-nova', sans-serif;
  color: #1e262c;
  padding-top: 40px;
  width: 100%;
  max-width: 850px;
  margin: 0 auto;
  text-align: center;
}
#single-resource .resource-content .container p:first-child {
  padding-top: 0;
}
@media (max-width: 425px) {
  #single-resource .resource-content .container p {
    font-size: 18px;
  }
}
#single-resource .resource-content .container h1 {
  font-size: 60px;
  font-family: 'Roboto Slab', serif;
  color: #1e262c;
}
#single-resource .resource-content .container h2,
#single-resource .resource-content .container h3,
#single-resource .resource-content .container h4 {
  font-size: 32px;
  font-family: 'Roboto Slab', serif;
  font-weight: 300;
}
#single-resource .resource-content .container .button {
  border: 3px solid #d31145;
}
#single-resource .resource-content .wrapper {
  max-width: 840px;
  margin: 0 auto;
  padding: 50px 0 100px 0;
}
#single-resource .resource-content .wrapper p {
  font-size: 24px;
  font-family: 'proxima-nova', sans-serif;
  color: #1e262c;
  padding-top: 40px;
  width: 100%;
}
#single-resource .resource-content .wrapper p:first-child {
  padding-top: 0;
}
#single-resource .resource-content .wrapper h1 {
  font-size: 60px;
  font-family: 'Roboto Slab', serif;
  color: #1e262c;
}
#single-resource .resource-content .wrapper h2,
#single-resource .resource-content .wrapper h3,
#single-resource .resource-content .wrapper h4 {
  font-size: 32px;
  font-family: 'Roboto Slab', serif;
  font-weight: 300;
}
#single-resource .resource-content .wrapper a {
  color: #d31145;
  text-decoration: underline;
  font-weight: bold;
}
#single-resource .resource-content .wrapper ol {
  list-style: decimal;
  margin-left: 50px;
  padding-bottom: 20px;
}
#single-resource .resource-content .wrapper ul {
  list-style: disc;
  margin-left: 50px;
  padding-bottom: 20px;
}
#single-resource .latest-resource {
  margin: 100px 0;
}
.page-login > .container,
.page-signup > .container {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .page-login > .container,
  .page-signup > .container {
    flex-direction: column;
  }
}
.page-login > .container .page-content,
.page-signup > .container .page-content {
  width: 100%;
  padding-right: 10rem;
}
@media only screen and (max-width: 768px) {
  .page-login > .container .page-content,
  .page-signup > .container .page-content {
    padding: 0;
    text-align: center;
    margin-top: 40px;
  }
}
.page-login > .container .page-content .login-icon,
.page-signup > .container .page-content .login-icon {
  content: '';
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 120px;
  height: 120px;
  width: 120px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M16 1c-4.418 0-8 3.582-8 8 0 .585.063 1.155.182 1.704l-8.182 7.296v5h6v-2h2v-2h2l3.066-2.556c.909.359 1.898.556 2.934.556 4.418 0 8-3.582 8-8s-3.582-8-8-8zm-6.362 17l3.244-2.703c.417.164 1.513.703 3.118.703 3.859 0 7-3.14 7-7s-3.141-7-7-7c-3.86 0-7 3.14-7 7 0 .853.139 1.398.283 2.062l-8.283 7.386v3.552h4v-2h2v-2h2.638zm.168-4l-.667-.745-7.139 6.402v1.343l7.806-7zm10.194-7c0-1.104-.896-2-2-2s-2 .896-2 2 .896 2 2 2 2-.896 2-2zm-1 0c0-.552-.448-1-1-1s-1 .448-1 1 .448 1 1 1 1-.448 1-1z' style='&%2310; fill: %23d31145;&%2310;'/%3E%3C/svg%3E");
}
@media only screen and (max-width: 768px) {
  .page-login > .container .page-content .login-icon,
  .page-signup > .container .page-content .login-icon {
    margin: 0 auto;
    height: 50px;
    width: 50px;
  }
}
.page-login > .container .page-content a,
.page-signup > .container .page-content a {
  color: #d31145;
  text-decoration: underline;
}
.page-login > .container .page-content a:hover,
.page-signup > .container .page-content a:hover {
  color: #f10b49;
}
.page-login > .container .page-content .section-heading,
.page-signup > .container .page-content .section-heading {
  margin-bottom: 1rem;
}
.page-login > .container .page-content .section-heading .container,
.page-signup > .container .page-content .section-heading .container {
  padding: 0;
}
.page-login > .container .page-content .section-heading .container .section-title,
.page-signup > .container .page-content .section-heading .container .section-title {
  align-items: start;
}
@media only screen and (max-width: 768px) {
  .page-login > .container .page-content .section-heading .container .section-title,
  .page-signup > .container .page-content .section-heading .container .section-title {
    align-items: center;
  }
}
.page-login > .container .page-content .section-heading .container .section-title:before,
.page-signup > .container .page-content .section-heading .container .section-title:before {
  display: none;
}
.page-login > .container .page-content .content,
.page-signup > .container .page-content .content {
  font-size: 21px;
  line-height: 1.33;
  color: #1e262c;
}
@media only screen and (max-width: 768px) {
  .page-login > .container .page-content .content,
  .page-signup > .container .page-content .content {
    font-size: 18px;
  }
}
.page-login > .container .page-form,
.page-signup > .container .page-form {
  width: 100%;
  font-size: 18px;
  line-height: 1.33;
  color: #1e262c;
}
.page-login > .container .page-form .forgot-password,
.page-signup > .container .page-form .forgot-password {
  margin-top: 10px;
}
.page-login > .container .page-form .forgot-password:hover,
.page-signup > .container .page-form .forgot-password:hover {
  color: #d31145;
}
.page-login > .container .page-form .error-message p,
.page-signup > .container .page-form .error-message p {
  font-weight: bold;
  padding-bottom: 10px;
}
.page-login > .container .page-form .error-message a,
.page-signup > .container .page-form .error-message a {
  color: #d31145;
  text-decoration: underline;
}
.page-login > .container .page-form .error-message a:hover,
.page-signup > .container .page-form .error-message a:hover {
  color: #f10b49;
}
.page-login > .container .page-form form p,
.page-signup > .container .page-form form p {
  margin: 15px 0;
}
.page-login > .container .page-form form label,
.page-signup > .container .page-form form label {
  font-size: 18px;
  color: #d31145;
  font-family: 'proxima-nova', sans-serif;
}
.page-login > .container .page-form form input,
.page-signup > .container .page-form form input,
.page-login > .container .page-form form textarea,
.page-signup > .container .page-form form textarea {
  padding: 5px 10px;
  border: solid 1px #e2e3e6;
  font-family: 'Roboto Slab', serif;
  font-size: 30px;
  color: #1e262c;
  width: 100%;
  margin-bottom: 10px;
}
.page-login > .container .page-form form input:focus,
.page-signup > .container .page-form form input:focus,
.page-login > .container .page-form form textarea:focus,
.page-signup > .container .page-form form textarea:focus {
  outline: none;
}
.page-login > .container .page-form form .group-captcha,
.page-signup > .container .page-form form .group-captcha {
  display: flex;
  flex-direction: column;
}
.page-login > .container .page-form form .group-captcha label,
.page-signup > .container .page-form form .group-captcha label {
  margin-bottom: 15px;
}
.page-login > .container .page-form form select,
.page-signup > .container .page-form form select {
  width: 100%;
  border: solid 1px #e2e3e6;
  padding: 12px 10px;
  font-family: 'Roboto Slab', serif;
  font-size: 21px;
  outline: none;
}
.page-login > .container .page-form form .group-row,
.page-signup > .container .page-form form .group-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-login > .container .page-form form .group-row .form-row,
.page-signup > .container .page-form form .group-row .form-row {
  width: 48%;
}
.page-login > .container .page-form form input[type="submit"],
.page-signup > .container .page-form form input[type="submit"] {
  color: #ffffff;
  background-color: #d31145;
  font-family: 'proxima-nova', sans-serif;
  font-size: 18px;
  letter-spacing: 0.9px;
  font-weight: 600;
  text-align: center;
  padding: 10px 20px;
  text-transform: uppercase;
  width: auto;
  cursor: pointer;
}
.page-login > .container .page-form form input[type="submit"]:hover,
.page-signup > .container .page-form form input[type="submit"]:hover {
  color: #d31145;
  background-color: #ffffff;
}
@media only screen and (max-width: 768px) {
  .page-login > .container .page-form form input[type="submit"],
  .page-signup > .container .page-form form input[type="submit"] {
    padding: 12px 20px;
  }
}
.page-login > .container .page-form form .login-remember,
.page-signup > .container .page-form form .login-remember {
  display: flex;
}
.page-login > .container .page-form form .login-remember label,
.page-signup > .container .page-form form .login-remember label {
  display: flex;
}
.page-login > .container .page-form form .login-remember label #rememberme,
.page-signup > .container .page-form form .login-remember label #rememberme {
  width: auto;
  margin: 0;
  margin-right: 8px;
  height: 20px;
  width: 20px;
}
.page-signup > .container .page-content .login-icon {
  content: '';
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 120px;
  height: 120px;
  width: 120px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z' style='&%2310; fill:%23d31145;&%2310;'/%3E%3C/svg%3E");
}
.page-signup.registered .page-content {
  padding: 0;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
.page-signup.registered .page-content .login-icon {
  margin: 0 auto;
}
.page-signup.registered .page-content .section-heading .container .section-title {
  align-items: center;
}
.page-signup.registered .page-form {
  display: none;
}