@import url("https://use.typekit.net/gww0jnl.css");
@import url("https://use.typekit.net/tbl5hmc.css");
@font-face {
  font-family: "praline-regular";
  src: url("../fonts/praline-regular.woff") format("woff");
}
.Navigation-Bar {
  position: fixed;
  z-index: 999;
  width: 1100px;
  display: none;
}
@media only screen and (min-width: 1200px) {
  .Navigation-Bar {
    display: block;
  }
}
.Navigation-Bar .navigation {
  background-color: #F9ECD6;
  position: relative;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.Navigation-Bar .navigation .navbar {
  display: flex;
  position: relative;
  justify-content: space-evenly;
  align-items: center;
}
.Navigation-Bar .navigation .logo img {
  width: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 10px;
  left: 42%;
}
.Navigation-Bar .navigation .menu-bar {
  margin: 20px;
}
.Navigation-Bar .navigation .menu-bar .menu {
  display: flex;
  align-items: center;
  gap: 70px;
  position: relative;
  top: 4px;
}
.Navigation-Bar .navigation .menu-bar .menu li {
  list-style: none;
  font-family: "filson-pro", sans-serif;
  font-weight: bold;
  position: relative;
}
.Navigation-Bar .navigation .menu-bar .menu li a {
  color: #052838;
}
.Navigation-Bar .navigation .menu-bar .menu li a:hover {
  text-decoration: none;
}
.Navigation-Bar .navigation .menu-bar .menu li.dropdown a::after {
  content: "";
  background-image: url("../img/site-refresh/arrow.svg");
  background-position: center;
  background-size: cover;
  display: inline-block;
  width: 10px;
  height: 10px;
  transform: rotate(90deg);
  position: relative;
  left: 5px;
}
.Navigation-Bar .navigation .menu-bar .menu li a {
  color: #003851;
  padding-top: 30px;
  padding-bottom: 30px;
}
.Navigation-Bar .navigation .menu-bar .menu li a:hover {
  border-bottom: 6px solid #41c3d3;
}
.Navigation-Bar .navigation .menu-bar .menu li .sub-menu {
  display: none;
  position: absolute;
  top: 55px;
  background-color: #F9ECD6;
  padding: 10px;
  z-index: -1;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.Navigation-Bar .navigation .menu-bar .menu li .sub-menu li {
  padding-bottom: 10px;
  padding-top: 10px;
}
.Navigation-Bar .navigation .menu-bar .menu li .sub-menu li:first-child {
  border-bottom: 1px solid #e9e1d3;
  padding-bottom: 20px;
}
.Navigation-Bar .navigation .menu-bar .menu li .sub-menu li a {
  padding: unset;
}
.Navigation-Bar .navigation .menu-bar .menu li .sub-menu li a::after {
  background-image: unset;
}
.Navigation-Bar .navigation .menu-bar .menu li .sub-menu li a:hover {
  border-bottom: 4px solid #41c3d3;
  padding-bottom: 20px;
}
.Navigation-Bar .navigation .menu-bar .menu li:hover .sub-menu {
  display: block;
}
.Navigation-Bar .navigation .menu-bar.right-menu {
  position: relative;
  left: 40px;
}
.Navigation-Bar .navigation .social-icons ul {
  margin: unset;
}
.Navigation-Bar .navigation .social-icons ul li {
  margin: unset;
}
.Navigation-Bar .navigation .social-icons ul li a svg {
  width: 25px;
  height: 23px;
  color: #003851;
}

.MobileNav {
  background-color: #F9ECD6;
  width: 100%;
  position: fixed;
  z-index: 999;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
@media only screen and (min-width: 1200px) {
  .MobileNav {
    display: none;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .MobileNav {
    width: 100%;
  }
}
.MobileNav .mobile-navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  position: relative;
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .MobileNav .mobile-navbar {
    padding: 10px 70px;
  }
}
.MobileNav .mobile-navbar a img {
  width: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 9px;
}
.MobileNav .mobile-navbar .burgermenu {
  width: 30px;
}
.MobileNav .mobileMenu {
  display: none;
  position: relative;
}
.MobileNav .mobileMenu .close-btn {
  position: absolute;
  right: 10px;
  padding: 20px;
}
.MobileNav .mobileMenu .close-btn img {
  width: 30px;
}
.MobileNav .mobileMenu .mobile-navigation {
  padding-top: 100px;
  padding-bottom: 30px;
}
.MobileNav .mobileMenu .mobile-navigation .mobile-content .menu {
  padding: 10px;
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .MobileNav .mobileMenu .mobile-navigation .mobile-content .menu {
    padding: 0 30px;
  }
}
.MobileNav .mobileMenu .mobile-navigation .mobile-content .menu li {
  list-style: none;
  padding: 10px;
  border-bottom: 1px solid #e9e1d3;
}
.MobileNav .mobileMenu .mobile-navigation .mobile-content .menu li.Mobile-dropdown a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.MobileNav .mobileMenu .mobile-navigation .mobile-content .menu li.Mobile-dropdown a::after {
  content: "";
  background-image: url("../img/site-refresh/arrow.svg");
  background-position: center;
  background-size: cover;
  display: inline-block;
  width: 15px;
  height: 15px;
  transform: rotate(90deg);
}
.MobileNav .mobileMenu .mobile-navigation .mobile-content .menu li.Mobile-dropdown ul {
  display: none;
}
.MobileNav .mobileMenu .mobile-navigation .mobile-content .menu li.Mobile-dropdown ul li {
  border-bottom: unset;
}
.MobileNav .mobileMenu .mobile-navigation .mobile-content .menu li.Mobile-dropdown ul li a {
  font-size: 20px;
  display: unset;
}
.MobileNav .mobileMenu .mobile-navigation .mobile-content .menu li.Mobile-dropdown ul li a::after {
  background-image: none;
}
.MobileNav .mobileMenu .mobile-navigation .mobile-content .menu li a {
  font-family: "filson-pro", sans-serif;
  color: #003851;
  font-size: 30px;
}
.MobileNav .mobileMenu .mobile-navigation .mobile-social {
  padding: 10px;
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .MobileNav .mobileMenu .mobile-navigation .mobile-social {
    padding: 0 30px;
  }
}
.MobileNav .mobileMenu .mobile-navigation .mobile-social ul {
  animation: unset;
}
.MobileNav .mobileMenu .mobile-navigation .mobile-social ul li a svg {
  width: 40px;
  height: 40px;
  color: #003851;
}

footer {
  background-color: #052838;
  position: relative;
}
footer::before {
  content: "";
  background-image: url("../img/site-refresh/footer-angle.svg");
  background-position: top;
  width: 100%;
  height: 50px;
  background-size: cover;
  z-index: 1;
  display: block;
  position: absolute;
  top: -50px;
  left: -15px;
}
@media only screen and (max-width: 768px) {
  footer::before {
    left: 0;
    top: -45px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  footer::before {
    top: -40px;
    left: 0;
  }
}
footer .footer-container {
  padding: 50px 50px 0 50px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  footer .footer-container {
    padding-bottom: 30px;
  }
}
footer .footer-container a.mobile-logo {
  display: none;
}
@media only screen and (max-width: 768px) {
  footer .footer-container a.mobile-logo {
    display: block;
    margin-bottom: 40px;
  }
  footer .footer-container a.mobile-logo img.mobile-img {
    width: 100px;
    position: absolute;
    right: 10px;
    top: 0;
  }
}
footer .footer-container .row {
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  footer .footer-container .row {
    justify-content: flex-start;
    border-bottom: solid 1px #abe3fb;
  }
}
footer .footer-container .row .footer-navigation {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 100px;
  border-bottom: 1px solid #abe3fb;
  padding-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  footer .footer-container .row .footer-navigation {
    flex-direction: column;
    gap: 10px;
    border-bottom: unset;
  }
}
footer .footer-container .row .footer-navigation ul {
  -moz-column-gap: 100px;
       column-gap: 100px;
}
@media only screen and (max-width: 768px) {
  footer .footer-container .row .footer-navigation ul {
    gap: 8px;
  }
}
footer .footer-container .row .footer-navigation ul li {
  padding: 5px 0 5px;
}
footer .footer-container .row .footer-navigation ul li a span {
  font-size: 16px;
  font-family: "filson-pro", sans-serif;
}
footer .footer-container .row .footer-navigation a img {
  width: 110px;
  display: none;
}
@media only screen and (min-width: 1200px) {
  footer .footer-container .row .footer-navigation a img {
    display: block;
  }
}
footer .footer-container .row .footer-navigation .social-container h4 {
  font-family: "filson-pro", sans-serif !important;
  font-size: 17px;
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  footer .footer-container .row .footer-navigation .social-container h4 {
    white-space: nowrap;
  }
}
footer .footer-container .row .footer-navigation .social-container ul {
  -moz-column-gap: unset;
       column-gap: unset;
}
footer .footer-container .row .footer-navigation .social-container ul li a svg {
  width: 20px;
  height: 20px;
}
footer .copyright {
  text-align: right;
  width: 92.5%;
  padding: 20px 0 20px;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  footer .copyright {
    padding: 50px 50px 20px 50px;
  }
}
footer .copyright h4 {
  font-family: "filson-pro", sans-serif !important;
  font-weight: normal;
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  footer .copyright {
    display: none;
  }
}

h1 {
  font-size: 60px;
  color: #052838;
}
@media only screen and (max-width: 768px) {
  h1 {
    font-size: 50px;
  }
}

h1,
h2,
h3,
h4, h5, h6 {
  text-transform: unset;
  color: #052838;
  font-weight: 500;
}

h1, h2, h3, h4 {
  font-family: "praline-regular" !important;
}

h2 {
  font-size: 48px;
}
@media only screen and (max-width: 768px) {
  h2 {
    font-size: 45px;
  }
}

h3, h4 {
  font-size: 32px;
}
@media only screen and (max-width: 768px) {
  h3, h4 {
    font-size: 34px;
  }
}

p {
  font-family: "filson-pro", sans-serif;
  color: #052838;
  font-size: 18px;
  line-height: normal;
}

a {
  color: #003851;
}

@media only screen and (max-width: 768px) {
  body > main {
    margin-top: unset;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  body > main {
    margin-top: unset;
  }
}

.button {
  -webkit-clip-path: polygon(23% 2%, 83% 4%, 100% 0, 100% 88%, 90% 100%, 51% 94%, 16% 95%, 0 100%, 0 13%, 10% 0);
          clip-path: polygon(23% 2%, 83% 4%, 100% 0, 100% 88%, 90% 100%, 51% 94%, 16% 95%, 0 100%, 0 13%, 10% 0);
  width: 100%;
  background-color: #41c3d3;
  color: #052838;
  padding: 10px;
  position: relative;
  font-family: "filson-pro", sans-serif !important;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55%;
  gap: 10px;
}
@media only screen and (max-width: 768px) {
  .button {
    width: 52%;
  }
}
@media only screen and (min-width: 0px) and (max-width: 380px) {
  .button {
    width: 60%;
  }
}
.button:hover {
  background-color: #fff;
  color: #003851;
}
.button:hover::after {
  left: 5px;
  transition: all ease-in-out 1s;
}
.button::after {
  content: "";
  background-image: url("../img/site-refresh/arrow.svg");
  background-position: center;
  background-size: cover;
  display: inline-block;
  width: 10px;
  height: 10px;
  position: relative;
}

.blue {
  background-color: #c5dee1;
}
.blue::before {
  content: "";
  background-image: url("../img/site-refresh/global-angle.svg");
  background-position: top;
  width: 100%;
  height: 50px;
  background-size: cover;
  z-index: 1;
  display: block;
  position: absolute;
  top: -30px;
}

.beige {
  background-color: #F9ECD6;
}
.beige::before {
  content: "";
  background-image: url("../img/site-refresh/beige-angle.svg");
  background-position: top;
  width: 100%;
  height: 50px;
  background-size: cover;
  z-index: 1;
  display: block;
  position: absolute;
  top: -30px;
}

.light-beige {
  background-color: #fffaf4;
}
.light-beige::before {
  content: "";
  background-image: url("../img/site-refresh/light-beige-angle.svg");
  background-position: top;
  width: 100%;
  height: 50px;
  background-size: cover;
  z-index: 1;
  display: block;
  position: absolute;
  top: -30px;
}

.white {
  background-color: #fff;
}
.white::before {
  content: "";
  background-image: url("../img/site-refresh/white-angle.svg");
  background-position: top;
  width: 100%;
  height: 50px;
  background-size: cover;
  z-index: 1;
  display: block;
  position: absolute;
  top: -30px;
}

.light-blue {
  background-color: #c5dee1;
}

.green {
  background-color: #abb251;
}
.green::before {
  content: "";
  background-image: url("../img/site-refresh/green-angle.svg");
  background-position: top;
  width: 100%;
  height: 50px;
  background-size: cover;
  z-index: 1;
  display: block;
  position: absolute;
  top: -30px;
}

.heroBanner {
  position: relative;
}
.heroBanner.blue {
  background-color: #c5dee1;
}
.heroBanner.beige {
  background-color: #F9ECD6;
}
@media only screen and (max-width: 768px) {
  .heroBanner.remove-padding .heroBannerContent .intro_content {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 768px) {
  .heroBanner.remove-padding .heroBannerContent .intro_content .content-text p {
    padding-bottom: unset;
  }
}
.heroBanner.alpen-image .heroBannerContent .intro_content img {
  width: 75%;
  margin: auto;
}
.heroBanner .heroBannerContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  padding-top: 50px;
}
.heroBanner .heroBannerContent img {
  width: 40%;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .heroBanner .heroBannerContent img {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .heroBanner .heroBannerContent {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding-top: 50px;
  }
}
@media only screen and (min-width: 1200px) {
  .heroBanner .heroBannerContent .intro_content {
    padding-right: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .heroBanner .heroBannerContent .intro_content {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .heroBanner .heroBannerContent .intro_content .content-text {
    width: 96%;
    padding: 0 30px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .heroBanner .heroBannerContent .intro_content .content-text {
    padding-right: 20px;
  }
}
.heroBanner .heroBannerContent .intro_content .content-text h2 {
  padding: unset;
  margin: unset;
  padding-bottom: 5px;
}
.heroBanner .heroBannerContent .intro_content .content-text p {
  width: 400px;
  font-family: "filson-pro", sans-serif;
  padding-bottom: 25px;
  line-height: normal;
}
@media only screen and (max-width: 768px) {
  .heroBanner .heroBannerContent .intro_content .content-text p {
    width: 100%;
    font-size: 18px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .heroBanner .heroBannerContent .intro_content .content-text p {
    width: 400px;
  }
}
@media only screen and (max-width: 768px) {
  .heroBanner .heroBannerContent .intro_content a {
    position: relative;
    left: 30px;
  }
}
.heroBanner .heroBannerContent .intro_content .hero-mobile-image {
  display: block;
  width: 100%;
  padding-bottom: 20px;
}
@media only screen and (min-width: 1200px) {
  .heroBanner .heroBannerContent .intro_content .hero-mobile-image {
    display: none;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .heroBanner .heroBannerContent .intro_content .hero-mobile-image {
    display: none;
  }
}

.remove-padding {
  padding-bottom: unset !important;
}

.center-img {
  left: 50px;
}

.recipes-container {
  position: relative;
  max-width: 1040px;
}
@media only screen and (max-width: 768px) {
  .recipes-container {
    max-width: 95%;
  }
}
.recipes-container .bird {
  position: absolute;
  width: 120px;
  -o-object-fit: cover;
     object-fit: cover;
  right: 200px;
  top: -20px;
  z-index: 3;
}
@media only screen and (max-width: 768px) {
  .recipes-container .bird {
    top: -20px;
    right: 0;
    width: 80px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .recipes-container .bird {
    right: 0;
  }
}
.recipes-container .recipes-block {
  background-color: #052838;
  -webkit-clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 100%);
  padding: 50px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  .recipes-container .recipes-block {
    -webkit-clip-path: unset;
            clip-path: unset;
    padding: 25px;
  }
}
.recipes-container .recipes-block .recipes-content {
  padding: 50px 0 30px 0;
}
@media only screen and (max-width: 768px) {
  .recipes-container .recipes-block .recipes-content {
    padding: 40px 0 30px 0;
  }
}
.recipes-container .recipes-block .recipes-content h2 {
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .recipes-container .recipes-block .recipes-content h2 {
    text-align: left;
  }
}
.recipes-container .recipes-block .recipes-content p {
  color: #fff;
  text-align: center;
  width: 500px;
  margin: auto;
}
@media only screen and (max-width: 768px) {
  .recipes-container .recipes-block .recipes-content p {
    width: 100%;
    text-align: left;
  }
}
.recipes-container .recipes-block .image-rows {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
@media only screen and (max-width: 768px) {
  .recipes-container .recipes-block .image-rows {
    flex-direction: column;
    align-items: unset;
  }
}
.recipes-container .recipes-block .image-rows img {
  background-color: #e0ebf4;
  padding: 7px;
  height: 250px;
  width: 330px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .recipes-container .recipes-block .image-rows img {
    height: 228px;
    width: 100%;
  }
}
.recipes-container .recipes-block .link {
  padding-top: 20px;
}
.recipes-container .recipes-block .link a {
  width: 150px;
  display: block;
  margin: auto;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .recipes-container .recipes-block .link a {
    margin: unset;
  }
}

.custom-video-block {
  position: relative;
  overflow: visible !important;
  padding-bottom: 80px !important;
}
.custom-video-block:before {
  content: "";
  background-image: url("../img/site-refresh/beige-angle.svg");
  width: 100%;
  height: 50px;
  display: block;
  background-size: cover;
  background-position: top;
  position: absolute;
  top: -40px;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .custom-video-block:before {
    top: -82px;
    height: 100px;
  }
}
.custom-video-block article h2 {
  width: 600px;
}
@media only screen and (max-width: 768px) {
  .custom-video-block article h2 {
    width: 100%;
  }
}

.social-block .social-block-contents h2 {
  font-size: 40px;
  margin: unset;
}
.social-block .social-block-contents p {
  padding-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .social-block .social-block-contents p {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .social-block .social-block-contents ul {
    margin: unset !important;
  }
}
.social-block .social-block-contents ul li.social-block-icon {
  margin: 0 2px !important;
}
@media only screen and (max-width: 768px) {
  .social-block .social-block-contents ul li.social-block-icon {
    margin: 0 2px !important;
  }
}
.social-block .social-block-contents ul li.social-block-icon a svg {
  width: 45px;
  height: 45px;
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .social-block .social-block-instagram #sb_instagram #sbi_images {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  .social-block .social-block-instagram #sb_instagram #sbi_images {
    justify-items: center;
  }
}
@media only screen and (max-width: 768px) {
  .social-block .social-block-instagram #sb_instagram #sbi_images .sbi_item {
    width: 100%;
  }
}

.intro {
  padding: 50px 0 50px 0;
  position: relative;
}
.intro::after {
  content: "";
  background-image: url("../img/site-refresh/beige-angle.svg");
  background-position: top;
  width: 100%;
  height: 50px;
  background-size: cover;
  z-index: 1;
  display: block;
  position: absolute;
  bottom: -48px;
  transform: rotate(-180deg);
}
.intro .intro-content h1 {
  text-align: center;
}
.intro .intro-content p {
  text-align: center;
  width: 500px;
  margin: auto;
}
@media only screen and (max-width: 768px) {
  .intro .intro-content p {
    width: 344px;
  }
}

.storyBlock {
  width: 100%;
  background-position: center;
  background-size: cover;
  display: block;
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .storyBlock {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.storyBlock .story-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 100px 70px;
  gap: 90px;
}
@media only screen and (max-width: 768px) {
  .storyBlock .story-content {
    flex-direction: column-reverse;
    gap: 20px;
    padding: 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .storyBlock .story-content {
    flex-direction: column-reverse;
    gap: 20px;
    padding: 20px;
  }
}
.storyBlock .story-content img {
  width: 410px;
  height: auto;
  background-color: #e0ebf4;
  padding: 10px;
}
@media only screen and (max-width: 768px) {
  .storyBlock .story-content img {
    width: 100%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .storyBlock .story-content img {
    width: 100%;
  }
}
.storyBlock .story-content .StoryContent h2 {
  color: #fff;
}
.storyBlock .story-content .StoryContent p {
  color: #fff;
}

#our-products .brands {
  padding: unset;
  background-color: #F9ECD6;
}
#our-products .brands article h1 {
  padding-top: 50px;
}
#our-products .brands article p {
  width: 512px;
  margin: auto;
}
@media only screen and (max-width: 768px) {
  #our-products .brands article p {
    width: 100%;
  }
}
#our-products .brands article .pack-control ul {
  gap: 100px;
}
@media only screen and (max-width: 768px) {
  #our-products .brands article .pack-control ul {
    gap: unset;
  }
}
@media only screen and (max-width: 768px) {
  #our-products .brands .product-packshots {
    padding: unset;
    margin: unset;
    padding-bottom: 70px;
  }
}
#our-products .brands .product-packshots .pack-link {
  flex-direction: column-reverse;
}
#our-products .brands .product-packshots .pack-link .button {
  width: unset;
  cursor: pointer;
  font-size: 18px;
  padding: 10px 15px;
}
@media only screen and (max-width: 768px) {
  #our-products .brands .product-packshots .pack-link .button {
    font-size: 18px;
  }
}
@media only screen and (max-width: 768px) {
  #our-products .brands .product-packshots .pack-link img {
    height: 250px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
#our-products .brands .recipes-container {
  padding-bottom: 100px;
}

.single-product {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .single-product#no-added-sugar main#product {
    background-color: #3d95ae;
  }
}
@media only screen and (max-width: 768px) {
  .single-product main#product {
    padding-top: 50px;
    margin: unset;
    background-color: #a40916;
    padding-bottom: unset;
  }
}
.single-product .product-header .cropped {
  position: relative;
  width: 696px;
  height: auto;
}
@media only screen and (max-width: 768px) {
  .single-product .product-header .cropped {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .single-product .product-header .cropped {
    width: 696px;
  }
}
.single-product .product-header .cropped img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  right: 0;
  top: -60px;
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .single-product .product-header .text-container .breadcrumbs {
    margin-top: 65px;
  }
}
@media only screen and (max-width: 768px) {
  .single-product .product-header .text-container .breadcrumbs {
    margin-top: 20px;
    margin-bottom: 15px;
  }
}
.single-product .product-header .text-container .breadcrumbs ol {
  font-family: "filson-pro", sans-serif;
}
@media only screen and (max-width: 768px) {
  .single-product .product-header .text-container p {
    padding-bottom: 50px;
  }
}
.single-product .product-details {
  padding-top: 80px !important;
  padding-bottom: 30px !important;
  position: relative;
}
.single-product .product-details::before {
  content: "";
  background-image: url("../img/site-refresh/nuts.png");
  display: block;
  width: 150px;
  height: 130px;
  background-position: top;
  background-size: cover;
  position: absolute;
  right: 0;
  top: -8px;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .single-product .product-details::before {
    display: none;
  }
}
.single-product .product-details .ingredients {
  padding-bottom: 20px;
}
.single-product .product-details .allergy-content {
  background-color: #052838;
  padding: 13px;
  width: 300px;
}
@media only screen and (max-width: 768px) {
  .single-product .product-details .allergy-content {
    width: 100%;
  }
}
.single-product .product-details .allergy-content h6 {
  color: #fff;
  margin: unset !important;
  font-weight: 600 !important;
  font-family: "filson-pro", sans-serif;
}
.single-product .product-details .allergy-content p {
  color: #fff;
  font-size: 16px;
}
.single-product .product-details tr {
  font-family: "filson-pro", sans-serif !important;
}
.single-product .Products {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .single-product .Products {
    -webkit-clip-path: polygon(0 17%, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 17%, 100% 0, 100% 100%, 0% 100%);
  }
}
.single-product .Products .productAngle {
  position: absolute;
  z-index: 1;
  top: -42px;
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .single-product .Products .productAngle {
    top: -35px;
  }
}
@media only screen and (max-width: 768px) {
  .single-product .Products .productAngle {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .single-product .Products .product-features {
    align-items: flex-start !important;
    gap: 25px !important;
  }
}
.single-product .Products .product-features ul {
  gap: 70px !important;
}
@media only screen and (max-width: 768px) {
  .single-product .Products .product-features ul {
    padding-top: 40px;
    gap: 20px !important;
    align-items: baseline !important;
  }
}
@media only screen and (min-width: 768px) {
  .single-product .Products .product-features ul {
    padding-top: unset;
  }
}
.single-product .Products .product-features ul li img {
  width: 100px;
}
@media only screen and (max-width: 768px) {
  .single-product .Products .product-features ul li img {
    width: 200px;
  }
}
@media only screen and (max-width: 768px) {
  .single-product .Products .product-features ul li span {
    text-align: left;
    font-size: 13.5px;
  }
}
.single-product .Products .product-features .gda-image-wrap img {
  width: 200px;
  max-width: unset !important;
}
@media only screen and (min-width: 768px) {
  .single-product .Products .product-features .gda-image-wrap img {
    width: 250px;
  }
}
.single-product .stockist-section .stockist-control {
  padding-top: 20px !important;
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .single-product .stockist-section .stockist-control {
    grid-template-columns: 1fr 260px !important;
  }
}
@media only screen and (max-width: 768px) {
  .single-product .stockist-section .stockist-control {
    gap: unset !important;
  }
}
@media only screen and (max-width: 768px) {
  .single-product .stockist-section .stockist-control .stockist-text-container {
    order: 1;
  }
}
@media only screen and (max-width: 768px) {
  .single-product .stockist-section .stockist-control .stockist-text-container ul {
    grid-gap: 5px !important;
  }
}
@media only screen and (max-width: 768px) {
  .single-product .stockist-section .stockist-control .stockist-text-container ul li a img {
    max-width: 80% !important;
  }
}
@media only screen and (max-width: 768px) {
  .single-product .stockist-section .stockist-control .stockist-image-container {
    padding: unset !important;
  }
}
.single-product .stockist-section .stockist-control .stockist-image-container img {
  width: 430px !important;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: unset !important;
}
@media only screen and (max-width: 768px) {
  .single-product .stockist-section .stockist-control .stockist-image-container img {
    width: 100% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .single-product .stockist-section .stockist-control .stockist-image-container img {
    width: 350px !important;
  }
}
@media only screen and (max-width: 768px) {
  .single-product .blue {
    padding-bottom: 60px;
  }
}

.tablepress > :not(caption) > * > * {
  padding: 0.9rem !important;
}

td.column-1 {
  font-weight: bold;
}

th {
  color: #052838 !important;
  line-height: normal;
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
  body {
    padding: unset !important;
  }
}
.page-template-template-home .backgroundImage {
  padding-top: 80px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-home .backgroundImage {
    display: none;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .page-template-template-home .backgroundImage {
    display: block;
    padding-top: 50px;
  }
}
.page-template-template-home .backgroundImage img {
  width: 100%;
  height: 100%;
}
.page-template-template-home .MobileBackgroundImage img {
  width: 100%;
  height: 100%;
  position: relative;
  top: 30px;
}
@media only screen and (min-width: 1200px) {
  .page-template-template-home .MobileBackgroundImage {
    display: none;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .page-template-template-home .MobileBackgroundImage {
    display: none;
  }
}

#our-beliefs main {
  padding-bottom: unset;
}
#our-beliefs main .storyBlock {
  position: relative;
}
#our-beliefs main .storyBlock::before {
  content: "";
  background-image: url("../img/site-refresh/global-angle.svg");
  background-position: top;
  width: 100%;
  height: 50px;
  background-size: cover;
  z-index: 1;
  display: block;
  position: absolute;
  bottom: -2px;
}
@media only screen and (max-width: 768px) {
  #our-beliefs main .storyBlock {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 768px) {
  #our-beliefs main section#\32 153 {
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 768px) {
  #our-beliefs main section#\32 153 figure {
    height: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  #our-beliefs main section#\32 153 figure img {
    width: 75%;
    top: 52px;
    overflow: visible;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  #our-beliefs main section#\32 153 figure img {
    width: 66%;
  }
}
@media only screen and (max-width: 768px) {
  #our-beliefs main section#\32 153 figure img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
    height: 300px;
    width: 80%;
    top: -22px;
    overflow: visible;
  }
}
#our-beliefs main section#\32 153 .home-block-contents {
  padding-top: 70px;
}
@media only screen and (max-width: 768px) {
  #our-beliefs main section#\32 153 .home-block-contents {
    margin-bottom: unset;
    padding-top: unset;
  }
}
#our-beliefs main section#\32 153 .home-block-contents h2 {
  padding: 0 0 10px 0;
  margin: unset;
  width: -moz-max-content;
  width: max-content;
}
@media only screen and (max-width: 768px) {
  #our-beliefs main section#\32 153 .home-block-contents h2 {
    width: 100%;
  }
}
#our-beliefs main section#\32 153 .home-block-contents p {
  width: 429px;
}
@media only screen and (max-width: 768px) {
  #our-beliefs main section#\32 153 .home-block-contents p {
    width: 100%;
  }
}
#our-beliefs main .heroBanner.light-beige .heroBannerContent {
  padding-top: 20px;
}
@media only screen and (max-width: 768px) {
  #our-beliefs main .heroBanner.light-beige .heroBannerContent {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 768px) {
  #our-beliefs main .heroBanner.light-beige .heroBannerContent .intro_content {
    padding-bottom: unset;
  }
}
@media only screen and (max-width: 768px) {
  #our-beliefs main .heroBanner.light-beige .heroBannerContent .intro_content .hero-mobile-image {
    padding-bottom: unset;
  }
}
#our-beliefs main section.heroBanner.green {
  padding-bottom: 50px;
}

#recipe-page {
  background-color: #F9ECD6;
  margin-bottom: unset !important;
}
#recipe-page .page-content .centralise {
  padding-top: 70px;
  padding-bottom: 35px;
}
#recipe-page .page-content .centralise p {
  width: 600px;
}
@media only screen and (max-width: 768px) {
  #recipe-page .page-content .centralise p {
    padding-top: 8px;
    width: 90%;
  }
}
#recipe-page .delicious-ideas-showcase ul li figure {
  background-color: #fff;
  padding: 10px;
}
@media only screen and (min-width: 1200px) {
  #recipe-page .delicious-ideas-showcase ul li figure {
    height: 300px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  #recipe-page .delicious-ideas-showcase ul li figure {
    height: 300px !important;
  }
}
#recipe-page .delicious-ideas-showcase ul li figure p {
  font-family: "praline-regular";
  text-align: left !important;
}
@media only screen and (min-width: 1200px) {
  #recipe-page .delicious-ideas-showcase ul li figure p {
    padding-top: 10px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  #recipe-page .delicious-ideas-showcase ul li figure p {
    padding-top: 10px !important;
  }
}
@media only screen and (max-width: 768px) {
  #recipe-page .delicious-ideas-showcase ul li figure p {
    padding: 10px 10px !important;
  }
}
#recipe-page .recipe-showcase {
  padding-bottom: 60px;
  position: relative;
}
#recipe-page .recipe-showcase .bird {
  position: absolute;
  width: 120px;
  -o-object-fit: cover;
     object-fit: cover;
  right: 200px;
  top: -20px;
  z-index: 3;
}
@media only screen and (max-width: 768px) {
  #recipe-page .recipe-showcase .bird {
    top: -20px;
    right: 0;
    width: 80px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  #recipe-page .recipe-showcase .bird {
    right: 0;
  }
}
#recipe-page .recipe-showcase article {
  -webkit-clip-path: polygon(0 4%, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 4%, 100% 0, 100% 100%, 0% 100%);
  background-color: #052838;
}
@media only screen and (max-width: 768px) {
  #recipe-page .recipe-showcase article {
    -webkit-clip-path: unset;
            clip-path: unset;
  }
}
@media only screen and (max-width: 768px) {
  #recipe-page .recipe-showcase article header {
    align-items: flex-start;
    padding-top: 40px;
  }
}
#recipe-page .recipe-showcase article header p {
  width: 700px;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  #recipe-page .recipe-showcase article header p {
    width: 100%;
    text-align: left;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  #recipe-page .recipe-showcase article header p {
    width: 500px;
  }
}
#recipe-page .recipe-showcase .recipe-showcase-container figure a h3 {
  font-size: 24px;
}
@media only screen and (max-width: 768px) {
  #recipe-page .recipe-showcase .recipe-showcase-container figure a h3 {
    font-size: 26px;
  }
}
#recipe-page .content {
  position: relative;
}

#recipe {
  padding: unset;
  background-color: #F9ECD6;
}
#recipe .recipes-header {
  background-color: #052838;
  padding-top: 100px;
  padding-bottom: 55px;
}
@media only screen and (max-width: 768px) {
  #recipe .recipes-header {
    padding: 70px 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  #recipe .recipes-header {
    padding: 120px 0;
  }
}
#recipe .recipes-header .recipesHeader {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-evenly;
  gap: 50px;
}
@media only screen and (max-width: 768px) {
  #recipe .recipes-header .recipesHeader {
    flex-direction: column-reverse;
    gap: 30px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  #recipe .recipes-header .recipesHeader {
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 40%;
    margin: auto;
  }
}
#recipe .recipes-header .recipesHeader img {
  background-color: #fff;
  padding: 10px;
}
#recipe .recipes-header .recipesHeader .recipesContent h1 {
  color: #fff;
  font-size: 71px;
}
@media only screen and (max-width: 768px) {
  #recipe .recipes-header .recipesHeader .recipesContent h1 {
    font-size: 40px;
    margin: unset;
    padding-bottom: 10px;
  }
}
#recipe .recipes-header .recipesHeader .recipesContent p {
  color: #fff;
  font-size: 18px;
  width: 425px;
}
@media only screen and (max-width: 768px) {
  #recipe .recipes-header .recipesHeader .recipesContent p {
    width: 100%;
  }
}
#recipe .recipe-header {
  position: relative;
  padding-top: 50px;
}
#recipe .recipe-header::after {
  content: "";
  position: absolute;
  display: block;
  width: 50%;
  height: 50%;
  background-image: url("../img/site-refresh/recipes-nuts.png");
  background-size: contain;
  background-position: center;
  z-index: 1;
  bottom: -98px;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
  #recipe .recipe-header::after {
    display: none;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  #recipe .recipe-header::after {
    width: 60%;
    height: 300px;
  }
}
#recipe .recipe-header .recipe-ingredients {
  position: relative;
}
#recipe .recipe-header .recipe-ingredients .recipes-ingredients-column h3 {
  padding-bottom: 15px;
}
#recipe .recipe-header .recipe-ingredients .recipes-ingredients-column li {
  list-style-image: url("../img/site-refresh/list-arrow.svg");
  font-weight: normal;
  font-family: "filson-pro", sans-serif;
  padding-bottom: 8px;
}
@media only screen and (max-width: 768px) {
  #recipe .recipe-header .recipe-ingredients .recipes-ingredients-column li {
    width: 100%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  #recipe .recipe-header .recipe-ingredients .recipes-ingredients-column li {
    width: 90%;
  }
}
#recipe .recipe-header .recipe-ingredients .recipes-method-column h3 {
  padding-bottom: 10px;
}
#recipe .recipe-header .recipe-ingredients .recipes-method-column ol {
  list-style: none;
  counter-reset: my-counter;
  line-height: 30px;
  padding: unset;
}
#recipe .recipe-header .recipe-ingredients .recipes-method-column ol li {
  counter-increment: my-counter;
  position: relative;
  padding-left: 40px;
  font-weight: normal;
  font-family: "filson-pro", sans-serif;
  width: 400px;
  padding-bottom: 15px;
  line-height: 23px;
}
@media only screen and (max-width: 768px) {
  #recipe .recipe-header .recipe-ingredients .recipes-method-column ol li {
    width: 100%;
    line-height: unset;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  #recipe .recipe-header .recipe-ingredients .recipes-method-column ol li {
    width: 100%;
  }
}
#recipe .recipe-header .recipe-ingredients .recipes-method-column ol li::before {
  content: counter(my-counter);
  position: absolute;
  left: 0;
  top: 0.5px;
  background-color: #052838;
  color: #fff;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  #recipe .recipe-header .recipe-ingredients .recipes-method-column ol li::before {
    top: 6.5px;
  }
}
#recipe .socialMedia {
  position: relative;
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  #recipe .socialMedia {
    z-index: 3;
  }
}
#recipe .socialMedia h2.home-block-text {
  text-align: center;
  padding-bottom: 10px;
}
#recipe .socialMedia p {
  text-align: center;
  width: 400px;
  margin: auto;
}
@media only screen and (max-width: 768px) {
  #recipe .socialMedia p {
    width: 100%;
    display: block;
  }
}

body#alpen-cookies #recipe .recipe-header .recipe-ingredients .recipes-ingredients-column li:nth-child(7) {
  display: flex;
}
body#alpen-cookies #recipe .recipe-header .recipe-ingredients .recipes-ingredients-column li:nth-child(7) span {
  display: list-item;
  margin-left: 21px;
}
@media only screen and (max-width: 768px) {
  body#alpen-cookies #recipe .recipe-header .recipe-ingredients .recipes-ingredients-column li:nth-child(7) span br {
    display: none;
  }
}

#contact {
  background-color: #F9ECD6;
  margin: unset;
  padding: unset;
}
#contact .page-content {
  padding-top: 130px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  #contact .page-content {
    padding-top: 65px;
    padding-bottom: 20px;
  }
}
#contact .page-content .centralise h1 {
  font-size: 53px;
  padding-bottom: 10px;
}
#contact .page-content .content {
  width: 700px;
  margin: auto;
}
@media only screen and (max-width: 768px) {
  #contact .page-content .content {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #contact .page-content .content p {
    padding: unset;
  }
}
#contact .page-content .content a {
  text-decoration: underline;
}
#contact .page-content .content a:hover {
  color: #42C3D3;
}
#contact #form {
  position: relative;
}
#contact #form .contact-form {
  padding: 33px;
  padding: var(--margin);
  width: 70%;
  margin: auto;
}
@media only screen and (max-width: 768px) {
  #contact #form .contact-form {
    width: 100%;
  }
}
#contact #form .contact-form h5 {
  font-family: "praline-regular";
  font-size: 40px;
  padding-bottom: 30px;
}
#contact #form .contact-form label {
  font-family: "filson-pro", sans-serif;
  font-weight: bold;
  color: #052838;
}
#contact #form .contact-form label#label_1_24_1 {
  font-weight: normal;
  padding-left: 20px;
  font-size: 12px;
}
#contact #form .contact-form select {
  font-family: "filson-pro", sans-serif;
  border: none;
  text-align: center;
}
#contact #form .contact-form input {
  border: none;
  font-family: "filson-pro", sans-serif;
  margin-top: unset;
}
#contact #form .contact-form textarea {
  font-family: "filson-pro", sans-serif;
  border: none;
}
#contact #form .contact-form input[type=submit] {
  background-color: #41c3d3;
  color: #052838;
  font-family: "filson-pro", sans-serif;
  font-weight: bold;
  padding: 10px;
  background-image: url("../img/site-refresh/list-arrow.svg");
  background-size: 15px;
  background-repeat: no-repeat;
  width: 40%;
  background-position: right 20px top 15.5px;
  padding-right: 20px;
  cursor: pointer;
}
#contact #form .contact-form input[type=submit]:hover {
  background-color: #fff;
  background-position: right 14px top 15.5px;
}
@media only screen and (max-width: 768px) {
  #contact #form .contact-form input[type=submit] {
    width: 50%;
    background-position: right 15px top 19px;
  }
}
#contact .contact-info-section {
  position: relative;
  justify-content: center !important;
}
@media only screen and (max-width: 768px) {
  #contact .contact-info-section {
    align-items: flex-start !important;
  }
}
#contact .contact-info-section .contact-information {
  display: flex;
  justify-content: center;
  padding-top: 80px;
  padding-bottom: 80px;
  gap: 150px;
}
@media only screen and (max-width: 768px) {
  #contact .contact-info-section .contact-information {
    flex-direction: column;
    gap: 25px;
    padding: 50px 30px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  #contact .contact-info-section .contact-information {
    flex-direction: column;
    gap: 40px;
  }
}
#contact .contact-info-section .contact-information h3 {
  font-size: 40px;
}
#contact .contact-info-section .contact-information .contact-content {
  display: flex;
  gap: 130px;
}
@media only screen and (max-width: 768px) {
  #contact .contact-info-section .contact-information .contact-content {
    flex-direction: column;
    gap: 25px;
  }
}
#contact .contact-info-section .contact-information .contact-content .NumberDetails {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media only screen and (max-width: 768px) {
  #contact .contact-info-section .contact-information .contact-content .NumberDetails {
    gap: 25px;
  }
}
#contact .contact-info-section .contact-information .contact-content .NumberDetails .contactNumbers h4 {
  color: #41919b;
  font-size: 20px;
  font-family: "filson-pro", sans-serif !important;
}
#contact .contact-info-section .contact-information .contact-content .NumberDetails .contactNumbers p a {
  color: #003851;
  text-decoration: none;
}
#contact .contact-info-section .contact-information .contact-content .NumberDetails .contactNumbers p a:hover {
  text-decoration: underline;
}
#contact .contact-info-section .contact-information .contact-content .contact-info p strong {
  color: #41919b;
  font-size: 20px;
  font-family: "filson-pro", sans-serif;
}

.gform_legacy_markup_wrapper .gfield_required {
  color: #42C3D3 !important;
  margin-left: 1px !important;
}

.gform_wrapper ul.gform_fields:not(.top_label) li ul.gfield_checkbox, .gform_wrapper ul.gform_fields:not(.top_label) li ul.gfield_radio {
  width: unset !important;
}

span#gfield_upload_rules_1_21 {
  font-family: "filson-pro", sans-serif;
}

main.page {
  margin-top: 100px;
}
main.page .page-content .content li {
  font-family: "filson-pro", sans-serif;
  color: #052838;
}
@media only screen and (max-width: 768px) {
  main.page .page-content .content {
    width: 90%;
    margin: auto;
  }
}/*# sourceMappingURL=styles.css.map */