.cat-details {
  padding: 5px 15px 5px 15px;
  border-radius: 15px;
  font-size: 13px;
}
.cat-details.dark-green {
  background-color: #09332A;
  color: #50AB4A;
}
.cat-details.mid-green {
  background-color: #50AB4A;
  color: #09332A;
}
.cat-details.light-green {
  background-color: #BCD63D;
  color: #09332A;
}
.cat-details.mud-green {
  background-color: #4C6F0D;
  color: #fff;
}
.cat-details.dark-teal {
  background-color: #00A6A5;
  color: #EED9BB;
}
.cat-details.light-teal {
  background-color: #72ACAE;
  color: #EED9BB;
}
.cat-details.dark-purp {
  background-color: #670F4B;
  color: #EED9BB;
}
.cat-details.mid-purp {
  background-color: #8F225B;
  color: #EED9BB;
}
.cat-details.light-purp {
  background-color: #684159;
  color: #fff;
}
.cat-details.dark-red {
  background-color: #A31620;
  color: #EED9BB;
}
.cat-details.light-red {
  background-color: #D83F3F;
  color: #EED9BB;
}
.cat-details.peach {
  background-color: #F68D6B;
  color: #09332A;
}
.cat-details.orange {
  background-color: #F68032;
  color: #EDAA52;
}
.cat-details.yellow {
  background-color: #FABD2B;
}
.cat-details.mustard {
  background-color: #EDAA52;
}
.cat-details.navy {
  background-color: #1B2C3D;
  color: #EED9BB;
}
.cat-details.mid-grey {
  background-color: #888D92;
}
.cat-details.sand {
  background-color: #EED9BB;
  color: #1B2C3D;
}

.cat-icon {
  font-size: 25px;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  padding-top: 5px;
  position: relative;
  left: 0;
  right: 0;
  margin: auto;
}
.cat-icon i {
  margin: auto;
}
.cat-icon.dark-green {
  background-color: #09332A;
  color: #50AB4A;
}
.cat-icon.mid-green {
  background-color: #50AB4A;
  color: #09332A;
}
.cat-icon.light-green {
  background-color: #BCD63D;
  color: #09332A;
}
.cat-icon.mud-green {
  background-color: #4C6F0D;
  color: #50AB4A;
}
.cat-icon.dark-teal {
  background-color: #00A6A5;
  color: #EED9BB;
}
.cat-icon.light-teal {
  background-color: #72ACAE;
  color: #EED9BB;
}
.cat-icon.dark-purp {
  background-color: #670F4B;
  color: #EED9BB;
}
.cat-icon.mid-purp {
  background-color: #8F225B;
  color: #EED9BB;
}
.cat-icon.light-purp {
  background-color: #684159;
  color: #fff;
}
.cat-icon.dark-red {
  background-color: #A31620;
  color: #EED9BB;
}
.cat-icon.light-red {
  background-color: #D83F3F;
  color: #EED9BB;
}
.cat-icon.peach {
  background-color: #F68D6B;
  color: #09332A;
}
.cat-icon.orange {
  background-color: #F68032;
  color: #EDAA52;
}
.cat-icon.yellow {
  background-color: #FABD2B;
}
.cat-icon.mustard {
  background-color: #EDAA52;
}
.cat-icon.navy {
  background-color: #1B2C3D;
  color: #EED9BB;
}
.cat-icon.mid-grey {
  background-color: #888D92;
}
.cat-icon.sand {
  background-color: #EED9BB;
  color: #1B2C3D;
}

h1 {
  font-size: 48px;
  font-weight: 600;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 24px;
}

p {
  font-size: 18px;
  font-weight: 400;
}

.block-content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.makers-block {
  background-image: url(images/grey-arches.svg);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 300px;
}

.cantfind-block {
  background-color: #0D342B;
  padding-top: 85px;
  padding-bottom: 85px;
  background-image: url("images/green-full.svg");
  background-size: 300px;
  background-repeat: no-repeat;
  background-position: bottom left;
  position: relative;
  overflow: hidden;
}
.cantfind-block h3 {
  color: #fff;
  font-size: 35px;
}
.cantfind-block p {
  font-size: 18px;
  color: #fff;
  font-weight: 300;
}
.cantfind-block a {
  border: 1px solid #fff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border-radius: 30px;
  color: #fff;
  margin-top: 20px;
  position: relative;
  display: inline-block;
}

.full-width-content {
  padding-bottom: 40px;
  padding-top: 40px;
}

.mega-menu-products {
  position: fixed;
  width: 100%;
  height: auto;
  top: -127px;
  z-index: 10;
  background: #fff;
  padding-bottom: 20px;
  transition: ease 300ms;
  margin-bottom: 40px;
}
.mega-menu-products.menushow {
  top: 127px;
}
.mega-menu-products .mega-sub-menu {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.search-appear .search-form {
  border-bottom: 1px solid #87BA26 !important;
}
.search-appear .search-field {
  background: transparent;
  color: #fff !important;
}
.search-appear .search-field::placeholder {
  color: #fff !important;
}

.logo-switch .hidden {
  display: none !important;
}
.logo-switch .display {
  display: none !important;
}

#mega-menu-wrap-left-nav #mega-menu-left-nav > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-left-nav #mega-menu-left-nav > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-left-nav #mega-menu-left-nav > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
  color: #55ab47;
}

#mega-menu-sub-nav-fly {
  padding-bottom: 20px;
  margin-top: 0 !important;
}

#mega-menu-wrap-sub-nav-fly {
  padding-top: 0 !important;
}

.nav-bar {
  background: #fff;
  padding-top: 30px;
  padding-bottom: 20px;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10;
  transition: all 300ms ease;
}
.nav-bar:hover {
  top: 0 !important;
}
.nav-bar.white-bg {
  background: #fff;
}
.nav-bar.hidebar {
  top: -150px;
}
.nav-bar .search-display {
  position: relative;
  top: 10px;
}

.mega-sub-menu {
  margin-top: 30px !important;
  padding: 0 !important;
  box-shadow: 0 0 10px 7px rgba(0, 0, 0, 0) !important;
  border-radius: 5px !important;
  border-bottom: 1px solid #F2F2F2 !important;
  border-top: 1px solid #F2F2F2 !important;
}

.mega-menu-wrap {
  display: inline-block !important;
}

.menu {
  list-style: none;
  padding-left: 0;
  padding-top: 30px;
}
.menu li {
  display: inline-block;
  padding-right: 15px;
  padding-left: 15px;
}
.menu li:hover a {
  color: #BCD63D;
}
.menu li a {
  color: #585858;
  font-size: 15px;
  font-weight: 400;
  transition: all ease 300ms;
}

.search-btn {
  border-radius: 100%;
  padding: 5px 10px;
  border: none;
  outline: none;
  background: #0B332A;
  color: #fff;
  transition: all 300ms ease;
  display: inline-block;
  width: 36px !important;
  height: 34px !important;
}

.right-nav-menu {
  display: inline-block;
}

#menu-right-navigation {
  display: inline-block;
}
#menu-right-navigation li {
  padding-left: 0;
}

#menu-left-navigation li {
  padding-right: 0;
}

.getshow {
  font-family: "get_show", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  font-weight: normal;
  font-display: swap;
}
.getshow a {
  font-size: 25px !important;
}

/*  Megamenu  */
#mega-menu-wrap-right-nav {
  background: transparent !important;
}

#mega-menu-wrap-left-nav #mega-menu-left-nav > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
#mega-menu-wrap-right-nav #mega-menu-right-nav > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  background: #fff;
}

#mega-menu-wrap-left-nav #mega-menu-left-nav > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
#mega-menu-wrap-left-nav #mega-menu-left-nav > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus,
#mega-menu-wrap-right-nav #mega-menu-right-nav > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
#mega-menu-wrap-right-nav #mega-menu-right-nav > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
  background: #fff;
}

#mega-menu-wrap-left-nav #mega-menu-left-nav > li.mega-menu-megamenu > ul.mega-sub-menu,
#mega-menu-wrap-right-nav #mega-menu-right-nav > li.mega-menu-megamenu > ul.mega-sub-menu {
  background: #fff;
}

#mega-menu-wrap-left-nav #mega-menu-left-nav > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu {
  border-left: none;
}

#mega-menu-wrap-left-nav #mega-menu-left-nav > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-right-nav #mega-menu-right-nav > li.mega-menu-item > a.mega-menu-link {
  color: #585858 !important;
  transition: all 300ms ease;
  background: transparent !important;
}
#mega-menu-wrap-left-nav #mega-menu-left-nav > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-right-nav #mega-menu-right-nav > li.mega-menu-item > a.mega-menu-link:hover {
  color: #87BA26 !important;
  background: transparent !important;
}

#mega-menu-wrap-left-nav #mega-menu-left-nav > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-left-nav #mega-menu-left-nav > li.mega-menu-item > a.mega-menu-link:focus {
  color: #585858;
}

.active #mega-menu-wrap-left-nav #mega-menu-left-nav > li.mega-menu-item > a.mega-menu-link,
.active #mega-menu-wrap-right-nav #mega-menu-right-nav > li.mega-menu-item > a.mega-menu-link {
  color: #fff !important;
}

#mega-menu-wrap-left-nav #mega-menu-left-nav > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  font-weight: 400;
  text-transform: none;
}
#mega-menu-wrap-left-nav #mega-menu-left-nav > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
  font-weight: 400;
}

#mega-menu-wrap-left-nav #mega-menu-left-nav > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item {
  padding-top: 10px;
  padding-bottom: 10px;
}

#mega-menu-item-78441 .mega-sub-menu,
#mega-menu-item-78451 .mega-sub-menu,
#mega-menu-item-78450 .mega-sub-menu,
#mega-menu-item-78449 .mega-sub-menu,
#mega-menu-item-78448 .mega-sub-menu,
#mega-menu-item-78447 .mega-sub-menu,
#mega-menu-item-78445 .mega-sub-menu,
#mega-menu-item-78446 .mega-sub-menu,
#mega-menu-item-78443 .mega-sub-menu,
#mega-menu-item-78442 .mega-sub-menu {
  margin-top: 0 !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  border-bottom: 0 solid #000 !important;
  border-top: 0 solid #000 !important;
  border-left: 1px solid #f2f2f2 !important;
}

#mega-menu-wrap-left-nav #mega-menu-left-nav > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
  background: #f1f1f1 !important;
}

.mega-menu-link {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  font-size: 15px !important;
}

/* Search - Over Flow */
.active .search-appear {
  top: 0;
}
.active .search-appear::before {
  background-color: rgba(61, 61, 61, 0.743);
}

.active {
  max-height: 100vh;
  overflow: hidden;
}
.active .nav-bar {
  z-index: 40;
  background: transparent;
}
.active .nav-bar .search-btn {
  background-color: #24453E;
}
.active .nav-bar a {
  color: #fff !important;
}
.active .nav-bar .menu li a {
  color: #fff !important;
}
.active .logo-white {
  fill: #fff;
}

.logo-white {
  transition: all 300ms ease;
}

.menu {
  position: relative;
  z-index: 99;
}

.search-actual {
  z-index: 1030;
  padding-top: 250px;
  padding-bottom: 150px;
  background: #0B332A;
  position: fixed;
  width: 100%;
}

.search-appear {
  z-index: 20;
  position: fixed;
  width: 100%;
  top: -150vh;
  transition: all 300ms ease;
}
.search-appear::before {
  top: 0;
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100vh;
  z-index: 19;
  background-color: transparent;
  transition: background-color 300ms ease;
  transition-delay: 300ms;
}

.search-form {
  padding-bottom: 20px;
}
.search-form label {
  width: 100%;
}
.search-form .search-field {
  display: block;
  width: 100%;
  border: none;
  font-size: 18px;
  color: #0B332A;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 50px;
}
.search-form .search-field:focus-visible {
  outline: none;
}
.search-form .search-field::placeholder {
  color: #0B332A;
}
@media all and (min-width: 768px) {
  .search-form .search-field {
    font-size: 28px;
  }
}
.search-form .input-icon {
  position: absolute;
  left: 10px;
  top: calc(50% - 0.5em);
  font-size: 30px;
}
.search-form .search-field-small {
  display: block;
  width: 100%;
  font-size: 16px;
  color: #0B332A;
  padding-left: 35px;
}
.search-form .search-field-small:focus-visible {
  outline: none;
}
.search-form .search-field-small::placeholder {
  color: #0B332A;
}
@media all and (min-width: 768px) {
  .search-form .search-field-small {
    font-size: 16px;
  }
}
.search-form .input-icon-small {
  position: absolute;
  left: 10px;
  top: calc(50% - 0.5em);
  font-size: 12px;
}
.search-form .search-icon {
  background: transparent;
  outline: none;
  border-radius: 100%;
  border: 1px solid #87BA26;
  color: #87BA26;
  font-size: 22px;
  padding: 10px 15px 10px 15px;
}

.mailchimp-messages {
  font-size: 14px;
}
.mailchimp-messages .mailchimp-error {
  color: red;
}
.mailchimp-messages .mailchimp-success {
  color: #BCD63D;
}

.mailchimp-submit {
  border: none;
  background-color: #0D342B;
  transition: all 0.23s ease-in-out 0s;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: normal;
  height: 32px;
  line-height: 32px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}
.mailchimp-submit::before {
  background: #BCD63D;
  height: 4px;
  display: block;
  width: 100%;
  content: "";
  z-index: 1;
  position: relative;
  top: 2rem;
}

.mega-menu-wrap {
  padding-top: 20px !important;
}

#mega-menu-wrap-left-nav #mega-menu-left-nav > li.mega-menu-flyout ul.mega-sub-menu {
  background: #fff;
}

#mega-menu-wrap-left-nav {
  background: transparent !important;
}

/* Quick Cats - Prod Archives - Fixes 14/09/22 */
.archive-filters {
  padding-bottom: 0px !important;
}

.fixed-design {
  margin-bottom: 30px;
}
.fixed-design .getshow {
  font-size: 48px;
}

/* Home Hero */
.slick-slide,
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-delay: 100ms;
}

.hero-slides .h-slider {
  visibility: hidden;
  opacity: 0;
  transition: all 100ms ease;
}
.hero-slides .h-slider.slick-initialized {
  opacity: 1;
  visibility: visible;
}
.hero-slides .container {
  position: relative;
  z-index: 10;
}
.hero-slides .black-filter {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.28);
  top: 0;
}
.hero-slides .slick-slide {
  height: 400px;
  background-size: cover;
  background-position: center;
}
.hero-slides .slick-slide .row {
  min-height: 400px;
}

.related-products {
  padding-top: 90px;
  padding-bottom: 90px;
}

.block-related-prod-content {
  padding-bottom: 40px;
  display: block;
}

.nav-bar .hidden {
  display: none !important;
}

.content-link-btn {
  color: #09332A !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  display: inline-block !important;
  line-height: 0 !important;
  padding: 0px !important;
}
.content-link-btn::before {
  background: #BCD63D;
  height: 7px;
  display: inline-block;
  width: 100%;
  content: "";
  z-index: 1;
  position: relative;
  top: 20px;
}
.content-link-btn .btn-surround {
  z-index: 2;
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
}

.news-block-header h3 {
  margin-bottom: 20px;
  font-size: 35px;
  position: relative;
}
.news-block-header h3 .getshow {
  position: absolute;
  padding-left: 10px;
  padding-top: 17px;
  font-size: 75px;
}
.news-block-header p {
  margin-bottom: 25px;
}
.news-block-header .getshow {
  font-size: 65px;
  line-height: 0;
  padding-left: 5px;
}
.news-block-header a {
  margin-top: 40px;
}

.dym-search {
  padding: 30px 0 0 0;
}
.dym-search a {
  color: #09332A;
  font-size: 17px;
  font-weight: 300;
  display: inline-block;
  line-height: 0;
  margin-right: 20px;
}
.dym-search a .findout-link {
  z-index: 3;
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 500;
  display: inline-block;
}
.dym-search a .findout-link::after {
  background: #BCD63D;
  height: 5px;
  display: inline-block;
  width: 100%;
  content: "";
  z-index: -1;
  position: absolute;
  top: 5px;
  left: 0px;
}

.content-with-image ol {
  color: #0B332A !important;
  font-weight: 300;
}
.content-with-image ol li {
  margin-bottom: 20px;
}

.search .green-header {
  padding-top: 100px;
  padding-bottom: 100px;
}
.search .getshow {
  font-size: 50px;
}

.stockists-block,
.news-block-header {
  /*
  	a {
  		color: #09332A;
  		font-size: 20px;
  		font-weight: 300;
  		display: inline-block;
  		line-height: 0;

  		.findout-link {
  			z-index: 2;
  			position: relative;
  			padding-left: 5px;
  			padding-right: 5px;
  			font-weight: bold;
  		}

  		&::before {
  			background: #BCD63D;
  			height: 7px;
  			display: inline-block;
  			width: 100%;
  			content: '';
  			z-index: 1;
  			position: relative;
  			top: 20px;
  		}
  	}
  */
}

.hero-bottom {
  padding-top: 250px;
  display: block;
}
.hero-bottom .getshow {
  font-size: clamp(5rem, 8vw, 130px);
  color: #fff;
  font-weight: 400;
}
.hero-bottom p {
  font-size: 24px;
  color: #fff;
}
.hero-bottom a {
  color: #BCD63D;
  font-size: 24px;
  font-weight: 300;
  display: inline-block;
  line-height: 0;
}
.hero-bottom a .findout-link {
  z-index: 2;
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 500;
}
.hero-bottom a::before {
  background: #09332A;
  height: 10px;
  display: inline-block;
  width: 100%;
  content: "";
  z-index: 1;
  position: relative;
  top: 12px;
}

.mid-page-banner .block-link {
  border: 1px solid #fff;
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  border-radius: 30px;
  color: #fff;
  margin-top: 20px;
  position: relative;
  display: inline-block;
  font-weight: 300;
  transition: ease 300ms all;
}
.mid-page-banner .block-link:hover {
  background: #fff;
  color: #000;
}

.title-hero {
  padding-top: 1rem;
}

.hero-promo .container-fluid {
  --bs-gutter-x: 0;
}
.hero-promo .slick-dots {
  bottom: -35px;
}
.hero-promo .slick-dots li button::before {
  font-size: 10px;
}
.hero-promo .slick-dots li.slick-active button::before {
  opacity: 0.75;
  color: #87ba26;
}

.grey-bg-news {
  background-color: #F8F8F8;
}

.news-block-main .container-fluid {
  --bs-gutter-x: 0;
}

.spacer-block-news {
  margin-bottom: 20px;
}

.media-block {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.media-block h3 {
  font-size: 18px;
}
.media-block h4 {
  color: #09332A;
  font-size: 16px;
}

.hero-slider {
  margin-bottom: 15px;
}

.image-news-box {
  position: relative;
}
.image-news-box .blog-box-large {
  position: absolute;
  bottom: 40px;
  left: 50px;
  color: #fff;
  padding-right: 30px;
}
.image-news-box .blog-box-large h3 {
  color: #fff;
}
.image-news-box .gradient-box {
  height: 70%;
}

.no-bord {
  margin-right: 0 !important;
  padding-right: 0 !important;
}

.promo-block {
  display: block;
  height: 180px;
  background-repeat: no-repeat;
  background-position: left center;
  background-position: -50px;
  position: relative;
  overflow: hidden;
}
.promo-block .right-aligned-promo {
  padding-left: 45%;
  position: absolute;
  width: 100%;
  bottom: 20px;
  padding-right: 20px;
}
.promo-block h3 {
  padding-bottom: 10px;
  font-size: 19px;
  font-weight: 400;
  line-height: 26px;
}
.promo-block.dark-green {
  background-color: #09332A;
}
.promo-block.dark-green h3,
.promo-block.dark-green p,
.promo-block.dark-green a {
  color: #50AB4A;
}
.promo-block.mid-green {
  background-color: #50AB4A;
}
.promo-block.mid-green h3,
.promo-block.mid-green p,
.promo-block.mid-green a {
  color: #09332A;
}
.promo-block.light-green {
  background-color: #BCD63D;
}
.promo-block.light-green h3,
.promo-block.light-green p,
.promo-block.light-green a {
  color: #FFFFFF;
}
.promo-block.mud-green {
  background-color: #4C6F0D;
}
.promo-block.mud-green h3,
.promo-block.mud-green p,
.promo-block.mud-green a {
  color: #50AB4A;
}
.promo-block.dark-teal {
  background-color: #00A6A5;
}
.promo-block.dark-teal h3,
.promo-block.dark-teal p,
.promo-block.dark-teal a {
  color: #EED9BB;
}
.promo-block.light-teal {
  background-color: #72ACAE;
}
.promo-block.light-teal h3,
.promo-block.light-teal p,
.promo-block.light-teal a {
  color: #EED9BB;
}
.promo-block.dark-purp {
  background-color: #670F4B;
}
.promo-block.dark-purp h3,
.promo-block.dark-purp p,
.promo-block.dark-purp a {
  color: #EED9BB;
}
.promo-block.mid-purp {
  background-color: #8F225B;
}
.promo-block.mid-purp h3,
.promo-block.mid-purp p,
.promo-block.mid-purp a {
  color: #EED9BB;
}
.promo-block.light-purp {
  background-color: #8A5979;
}
.promo-block.light-purp h3,
.promo-block.light-purp p,
.promo-block.light-purp a {
  color: #EED9BB;
}
.promo-block.dark-red {
  background-color: #A31620;
}
.promo-block.dark-red h3,
.promo-block.dark-red p,
.promo-block.dark-red a {
  color: #EED9BB;
}
.promo-block.light-red {
  background-color: #D83F3F;
}
.promo-block.light-red h3,
.promo-block.light-red p,
.promo-block.light-red a {
  color: #EED9BB;
}
.promo-block.peach {
  background-color: #F68D6B;
}
.promo-block.peach h3,
.promo-block.peach p,
.promo-block.peach a {
  color: #09332A;
}
.promo-block.orange {
  background-color: #F68032;
}
.promo-block.orange h3,
.promo-block.orange p,
.promo-block.orange a {
  color: #EDAA52;
}
.promo-block.yellow {
  background-color: #FABD2B;
}
.promo-block.yellow h3,
.promo-block.yellow p,
.promo-block.yellow a {
  color: #D83F3F;
}
.promo-block.mustard {
  background-color: #EDAA52;
}
.promo-block.mustard h3,
.promo-block.mustard p,
.promo-block.mustard a {
  color: #A31620;
}
.promo-block.navy {
  background-color: #1B2C3D;
}
.promo-block.navy h3,
.promo-block.navy p,
.promo-block.navy a {
  color: #EED9BB;
}
.promo-block.mid-grey {
  background-color: #888D92;
}
.promo-block.mid-grey h3,
.promo-block.mid-grey p,
.promo-block.mid-grey a {
  color: #BCD63D;
}
.promo-block.sand {
  background-color: #EED9BB;
}
.promo-block.sand h3,
.promo-block.sand p,
.promo-block.sand a {
  color: #1B2C3D;
}
.promo-block a {
  font-weight: 300;
}

.stockistblock {
  padding-bottom: 40px;
  display: block;
}

.stockists-block img {
  mix-blend-mode: darken !important;
}

.mid-page-banner {
  position: relative;
  overflow: hidden;
}
.mid-page-banner .container {
  position: relative;
}

.gradient-over {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 100%);
  top: 0;
}

.sort-block .container {
  position: relative;
}

.bg-image-section {
  min-height: 700px;
  background-size: cover;
  background-position: center;
}

.set-height-transform {
  height: 600px;
  display: block;
}

.content-with-image {
  position: relative;
  background-color: #F8F8F8;
}
.content-with-image a {
  line-height: 0;
  font-size: 16px;
  font-weight: 300;
  color: #09332A;
  padding: 10px 20px;
  display: inline-block;
}
.content-with-image a.btn-outline-primary {
  line-height: unset;
}
.content-with-image a .findout-link {
  z-index: 2;
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
}
.content-with-image a::before:not(.btn-outline-primary) {
  background: #BCD63D;
  height: 7px;
  display: inline-block;
  width: 100%;
  content: "";
  z-index: 1;
  position: relative;
  top: 20px;
}
.content-with-image h2 {
  color: #0D342B;
  font-style: normal;
  font-weight: 600;
  font-size: 42px;
  margin-bottom: 10px;
  padding-top: 40px;
}
.content-with-image h3 {
  color: #0D342B;
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  margin-bottom: 10px;
  padding-top: 40px;
}
.content-with-image h4 {
  color: #0D342B;
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  margin-bottom: 10px;
  padding-top: 40px;
}

.display-content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding-right: 50px;
  padding-bottom: 30px;
}

.left .display-content {
  padding-left: 50px;
  padding-right: 0 !important;
}

.stockists-block {
  background-color: #F8F8F8;
  padding-top: 90px;
  padding-bottom: 90px;
  position: relative;
}
.stockists-block h3 {
  font-size: 40px;
}
.stockists-block .getshow {
  font-size: 55px;
}
.stockists-block::before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background-image: url("images/uk-map-stockists.svg");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 700px;
}

.mid-page-banner {
  padding-top: 100px;
  padding-bottom: 100px;
  background-size: cover;
  background-position: center;
  display: block;
}
.mid-page-banner p {
  color: #fff;
}
.mid-page-banner h3 {
  color: #fff;
  font-size: 64px;
  font-weight: 400;
  line-height: 50px;
  margin-bottom: 25px;
}

.recipe-box {
  position: relative;
  overflow: hidden;
}

.recipe-blocks-builder {
  position: relative;
}
.recipe-blocks-builder .gradient-box {
  transition: 0.35s ease-in-out;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 212, 255, 0) 100%);
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 30%;
}

.block-content-recipe {
  position: absolute;
  transition: 0.35s ease-in-out;
  left: 0;
  bottom: 20px !important;
  color: #fff;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  z-index: 3;
}
.block-content-recipe h3 {
  color: #fff;
  font-weight: 300;
  font-size: 23px;
  padding-bottom: 10px;
}
.block-content-recipe .r-dets {
  padding-right: 10px;
}
.block-content-recipe .dets-block {
  padding-top: 0;
  position: relative;
}

.form-block {
  padding-top: 0;
  padding-bottom: 80px;
  background: url(images/circle-backgrounds.svg) no-repeat;
  background-size: cover;
}

.cta-buttons .btn-outline-primary {
  --bs-btn-padding-x: 1.5rem;
  --bs-btn-padding-y: 1rem;
  --bs-btn-color: #0D342B;
  --bs-btn-border-color: #0D342B;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0D342B;
  --bs-btn-hover-border-color: #0D342B;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0D342B;
  --bs-btn-active-border-color: #0D342B;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0D342B;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0D342B;
  --bs-gradient: none;
  font-weight: 700;
}

.hero-slider .slick-dots li button {
  width: 25px;
  height: 25px;
  font-size: 20px;
}
.hero-slider .slick-dots li.slick-active button:before {
  opacity: 1;
  color: #87BA26;
}
.hero-slider .slick-dots li button:before {
  font-family: slick, serif;
  font-size: 16px;
  line-height: 20px;
  opacity: 1;
  color: #f1f1f1;
}

.recipe-block-header {
  padding-top: 100px;
}

.news-block-header {
  padding-top: 90px;
  padding-bottom: 20px;
}

.news-block-main {
  padding-bottom: 60px;
}

.makers-block {
  padding-top: 100px;
  padding-bottom: 100px;
}
.makers-block .slick-slide {
  height: auto;
}
.makers-block h3 {
  font-size: 105px;
}
.makers-block p {
  font-size: 25px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 300;
}
.makers-block img {
  border-radius: 100%;
  display: inline-block;
}
.makers-block .name-box {
  display: inline-block;
  color: #747474;
  font-size: 20px;
  font-weight: 300;
}
.makers-block .business-box {
  display: block;
  color: #676767;
  font-weight: 300;
  padding-top: 10px;
  padding-bottom: 10px;
}

.makers-block .slick-dots {
  position: absolute;
  bottom: -30px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  z-index: 5;
}

.prod-cat-home {
  padding-top: 80px;
  padding-bottom: 80px;
  background: url(images/circle-backgrounds.svg) no-repeat center;
  background-size: cover;
}

.overlay-curves {
  position: absolute;
  right: 0;
  opacity: 1;
  height: 700px;
}

.post-type-archive-recipe .overlay-curves {
  position: absolute;
  right: 0;
  opacity: 1;
  height: 700px;
  z-index: 1;
}

.cat-btn {
  background: #F9F9F9;
  border-radius: 20px;
  display: block;
  font-size: 19px;
  color: #0D342B;
  width: 100%;
  padding: 1rem;
  min-height: 90px;
  margin-bottom: 20px;
  transition: all ease 300ms;
}
.cat-btn:hover {
  background: #09332A;
  color: #fff;
}
.cat-btn:hover .catlink {
  color: white;
}
.cat-btn .catimg {
  border-radius: 50%;
  height: 60px;
  width: 60px;
  background-position: center;
  background-size: cover;
  max-width: unset;
}

.catlink {
  display: inline-block;
  width: auto;
  vertical-align: middle;
  padding-top: 15px;
  word-break: break-word;
}

.stockist-loop-page {
  padding: 50px 0 90px 0;
}
.stockist-loop-page h2 {
  padding-top: 50px;
  padding-bottom: 50px;
  font-weight: 400;
  display: block;
}
.stockist-loop-page .h2-alt {
  padding-top: unset;
  padding-bottom: unset;
}

.stock-block {
  margin-bottom: 90px;
}
.stock-block h3 {
  font-weight: 400;
}
.stock-block p {
  padding-top: 15px;
  padding-bottom: 15px;
}

.page-content {
  padding-top: 90px;
  padding-bottom: 90px;
}
.page-content .container {
  z-index: 2;
  position: relative;
}
.page-content h3 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.page-content h2 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.page-content h4 {
  font-size: 18px;
  font-weight: 400;
  color: #0D342B;
  padding-top: 15px;
  padding-bottom: 15px;
}
.page-content ul {
  color: rgba(0, 0, 0, 0.655);
}
.page-content ol {
  color: rgba(0, 0, 0, 0.655);
}
.page-content a {
  color: #09332A;
  font-size: 17px;
  font-weight: 400;
  display: inline-block;
  line-height: 0;
}

.events-slider {
  padding-top: 90px;
  padding-bottom: 90px;
}
.events-slider p {
  padding-bottom: 30px;
}
.events-slider .event-box {
  border-radius: 30px;
  border: 1px solid #0B332A;
  height: 200px;
  padding-left: 20px;
  padding-top: 50px;
}
.events-slider .event-box .date1 {
  display: block;
  font-weight: 300;
  font-size: 18px;
  padding-bottom: 5px;
}
.events-slider .event-box .title1 {
  font-size: 23px;
  font-weight: 400;
  display: block;
  padding-bottom: 5px;
}
.events-slider .event-box .locat1 {
  display: block;
  font-weight: 300;
  font-size: 18px;
}
.events-slider .slick-slide {
  padding-right: 15px !important;
}
.events-slider .prev4,
.events-slider .next4 {
  background: #0B332A;
  color: #fff;
  border: none !important;
  border-radius: 100%;
  padding: 10px 15px 10px 15px;
  margin-top: 30px;
}

.faqs-block {
  padding-top: 90px;
  padding-bottom: 20px;
}
.faqs-block .accordion-button[aria-expanded=true]::before {
  transform: rotate(45deg);
}
.faqs-block .accordion-button::before {
  content: "+";
  position: absolute;
  width: auto;
  right: 20px;
  transition: ease all 300ms;
}
.faqs-block .accordion-item {
  border-radius: 0;
  margin-bottom: 20px;
  background: #fff;
  color: #fff;
  border: none !important;
}
.faqs-block .accordion-button {
  background: #0B332A;
  border-radius: 0;
  border: none;
  color: #fff;
}
.faqs-block .accordion-button:focus {
  box-shadow: none !important;
  outline: none;
}
.faqs-block .accordion-button::after {
  background: none !important;
}
.faqs-block .accordion-item:first-of-type .accordion-button {
  border-radius: 0;
}

.form-block h3 {
  display: block;
  padding-top: 30px;
  padding-bottom: 30px;
}
.form-block .container {
  background: #fff;
  border-radius: 10px;
  padding: 30px 35px;
}
.form-block input {
  width: 100%;
  display: block;
  border: none;
  border-bottom: 1px solid #838383;
  padding-bottom: 15px;
  padding-left: 10px;
  background: transparent;
  margin-bottom: 30px;
}
.form-block input:focus {
  outline: none;
  border-bottom: 1px solid #BCD63D;
}
.form-block textarea {
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #838383;
  padding-bottom: 15px;
  padding-left: 10px;
  background: transparent;
}
.form-block textarea:focus {
  outline: none;
  border-bottom: 1px solid #BCD63D;
}
.form-block .wpcf7-submit {
  display: inline-block;
  width: auto;
  border: none;
  background: #0B332A;
  color: #fff;
  padding: 15px 20px 15px 20px;
  margin-top: 30px;
  border-radius: 10px;
}

.fourohfour {
  background-color: #0B332A;
  height: 65vh;
  padding-top: 100px;
  background-image: url("images/curves.svg");
  background-repeat: no-repeat;
  background-position: center right;
  overflow: hidden;
  position: relative;
}
.fourohfour h1 {
  color: #fff;
  font-size: 75px;
  font-weight: 400;
  margin-bottom: 40px;
}
.fourohfour a {
  color: #fff;
  font-size: 18px;
  font-weight: 300;
}
.fourohfour .four-btn {
  border: 1px solid #fff;
  padding: 15px 20px;
  border-radius: 30px;
  margin-right: 20px;
}
.fourohfour .five-btn {
  color: #BCD63D;
  font-size: 20px;
  font-weight: 300;
  display: inline-block;
  line-height: 0;
}
.fourohfour .five-btn .findout-link {
  z-index: 2;
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
}
.fourohfour .five-btn::before {
  background: #fff;
  height: 3px;
  display: inline-block;
  width: 100%;
  content: "";
  z-index: 1;
  position: relative;
  top: 12px;
}

.full-width-content li {
  font-weight: 300;
  font-size: 18px;
  color: #0B332A;
}

.green-header {
  margin-top: 30px;
}
.green-header .black-filter {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
}
.green-header .container {
  position: relative;
  z-index: 1;
}

.posts-block .dets-block {
  position: relative !important;
  bottom: 0 !important;
}

.post-type-archive-recipe .dets-block {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 3;
  bottom: 20px;
}
.post-type-archive-recipe .sort-block {
  padding-top: 0;
}
.post-type-archive-recipe .top-featured-posts {
  margin-top: -250px;
  z-index: 2;
  position: relative;
  margin-bottom: 20px;
}
.post-type-archive-recipe h4 {
  padding-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 18px;
  font-weight: 300;
  color: #0D342B;
  margin-bottom: 20px;
}

.tax-meal_type .dets-block {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 3;
  bottom: 20px;
}
.tax-meal_type .sort-block {
  padding-top: 0;
}
.tax-meal_type .green-header {
  background-size: cover;
  padding-bottom: 250px;
  padding-top: 100px;
}
.tax-meal_type .top-featured-posts {
  margin-top: -250px;
  z-index: 2;
  position: relative;
  margin-bottom: 25px;
}
.tax-meal_type h4 {
  padding-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 18px;
  font-weight: 300;
  color: #0D342B;
  margin-bottom: 20px;
}

.recipe-block-header h3 {
  margin-bottom: 20px;
  font-size: 35px;
  position: relative;
}
.recipe-block-header h3 .getshow {
  position: absolute;
  padding-left: 10px;
  padding-top: 17px;
  font-size: 75px;
  line-height: 0;
}
.recipe-block-header p {
  margin-bottom: 40px;
}
.recipe-block-header .navigation-icons {
  margin-top: 50px;
  padding-right: 20px;
}

.recipe-slider .hover-overlay {
  left: 0;
  z-index: 10;
  width: 100%;
  color: #fff;
  position: absolute;
  text-align: center;
  top: calc(50% + 10px);
  font-size: 18px;
  opacity: 0;
  pointer-events: none;
  transition: 0.35s ease-in-out;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.recipe-slider .hover-overlay img {
  height: 31px;
  width: auto;
  margin: 0 10px 0 0;
}
@media all and (min-width: 768px) {
  .recipe-slider .hover-overlay {
    font-size: 24px;
  }
}

@media all and (min-width: 768px) {
  .recipe-slider a:hover .gradient-box {
    height: 90%;
  }
  .recipe-slider a:hover .hover-overlay {
    opacity: 1;
    pointer-events: all;
  }
  .recipe-slider a:hover .block-content-recipe {
    opacity: 0;
    pointer-events: none;
    transform: translateY(20px);
  }
}
.prod-clean-info {
  padding-top: 50px;
  margin-bottom: 80px;
}
.prod-clean-info h1 {
  font-size: 38px;
  margin-bottom: 30px;
  font-weight: 600;
}
.prod-clean-info .short-desc {
  margin-bottom: 30px;
  display: block;
}
.prod-clean-info .pack-size {
  padding-bottom: 50px;
  display: block;
}
.prod-clean-info .display-content {
  position: relative;
  margin-top: 0;
  padding-right: 50px;
  top: 50%;
  transform: translateY(-50%);
}
.prod-clean-info .category-link {
  color: #0B332A;
  display: block;
  margin-bottom: 20px;
}
.prod-clean-info .slick-track {
  margin-left: 0;
}

.prod-dets {
  padding-bottom: 90px;
}
.prod-dets h3 {
  display: block;
  width: 100%;
  border-bottom: 1px solid #F1F1F1;
  padding-bottom: 15px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.prod-dets h2 {
  display: block;
  width: 100%;
  border-bottom: 1px solid #F1F1F1;
  padding-bottom: 15px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.prod-dets h4 {
  font-size: 18px;
}
.prod-dets .smaller-title {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.655);
  font-weight: 300;
}
.prod-dets p {
  padding-bottom: 1rem;
}

.nutrition-individual {
  background: #FAFAFA;
  border-radius: 80px;
  display: inline-block;
  width: 6rem;
  overflow: hidden;
  margin-bottom: 15px;
  height: 220px;
}
.nutrition-individual .top-nutrition {
  font-size: 18px;
  display: block;
  color: #87BA26;
  padding-top: 40px;
  padding-bottom: 25px;
  background: #0B332A;
}
.nutrition-individual .bottom-nutrition {
  font-size: 18px;
  display: block;
  padding-top: 25px;
  padding-bottom: 40px;
  border: 3px solid #FAFAFA;
}

.slider-for .slick-slide {
  background-position: center !important;
  background-size: cover !important;
  height: 600px;
  background-repeat: no-repeat;
}

.slider-nav {
  margin-top: 15px !important;
  display: block;
  max-height: 100px;
  overflow: hidden;
}
.slider-nav .slick-slide {
  margin: 0 7.5px;
  height: 100px;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.slider-nav .slick-list {
  margin: 0 -7.5px;
}

.green-anchor {
  background: #87BA26;
  color: #fff;
  border-radius: 25px;
  padding: 10px 25px 10px 25px;
  margin-right: 15px;
}
.green-anchor:hover {
  color: #fff;
}

.outline-anchor {
  background: transparent;
  border: 1px solid #0B332A;
  transition: all ease 300ms;
  color: #0B332A;
  border-radius: 25px;
  padding: 10px 25px 10px 25px;
}
.outline-anchor:hover {
  background: #0B332A;
  color: #fff;
}

footer {
  background: #f1f1f1;
  padding-top: 60px;
  padding-bottom: 30px;
}
footer .container .row:first-of-type {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
footer .foot-nav-menu ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media all and (min-width: 960px) {
  footer .container .row:first-of-type {
    flex-direction: row;
    justify-content: flex-start;
  }
  footer .foot-nav-menu ul {
    display: block;
  }
}

.foot-logo {
  display: block;
  text-align: center;
  padding-bottom: 20px;
}
@media all and (min-width: 960px) {
  .foot-logo {
    text-align: left;
  }
}

.seperator-line {
  height: 1px;
  display: block;
  width: 100%;
  background: #CECECE;
  margin-top: 50px;
  margin-bottom: 35px;
}

.footer-legal ul {
  padding: 0px;
}
.footer-legal ul li {
  padding-left: 10px;
  padding-right: 10px;
}

.tflink {
  color: #585858;
}

.date-info {
  color: #585858;
}

.footer-sub-links .footer-sub-links-copyright,
.footer-sub-links .footer-sub-links-list,
.footer-sub-links .footer-sub-links-built-by {
  display: block;
  width: 100%;
  text-align: center;
}
@media all and (min-width: 960px) {
  .footer-sub-links {
    justify-content: space-between;
  }
  .footer-sub-links .footer-sub-links-copyright,
  .footer-sub-links .footer-sub-links-list,
  .footer-sub-links .footer-sub-links-built-by {
    width: 30%;
  }
  .footer-sub-links .footer-sub-links-copyright {
    text-align: left;
  }
  .footer-sub-links .footer-sub-links-list {
    text-align: center;
  }
  .footer-sub-links .footer-sub-links-built-by {
    text-align: right;
  }
}

.green-header {
  background-color: #0D342B;
  padding-top: 45px;
  padding-bottom: 45px;
  background-image: url("images/curves.svg");
  background-repeat: no-repeat;
  background-position: top right;
  position: relative;
  overflow: hidden;
}
.green-header .black-filter {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.578);
  top: 0;
}
.green-header h1 {
  color: #fff;
}
.green-header p {
  color: #fff;
}

.archive .green-header input {
  border: none !important;
  padding: 10px;
  padding-left: 40px;
}
.archive .green-header .search-form .input-icon-small {
  position: absolute;
  left: 10px;
  top: calc(50% - 0.5em);
  font-size: 20px;
}

.blog .green-header input {
  border: none !important;
  padding: 10px;
  padding-left: 40px;
}
.blog .green-header .search-form .input-icon-small {
  position: absolute;
  left: 10px;
  top: calc(50% - 0.5em);
  font-size: 20px;
}

.pre-posts-block {
  padding-bottom: 20px;
}
.pre-posts-block .search-field-small {
  border: 1px solid #f1f1f1;
  border-radius: 30px;
  padding: 15px;
  padding-left: 50px;
  font-size: 18px;
  margin-right: 20px;
}
.pre-posts-block .input-icon-small {
  position: absolute;
  left: 20px;
  top: calc(50% - 0.5em);
  font-size: 18px;
}
.pre-posts-block h2 {
  padding-top: 25px;
}

.recipe-btn.navy .circular-icon {
  background-color: #1B2C3D;
  color: #EED9BB;
}
.recipe-btn.dark-green .circular-icon {
  background-color: #09332A;
  color: #BCD63D;
}
.recipe-btn.light-green .circular-icon {
  background-color: #BCD63D;
  color: #09332A;
}
.recipe-btn.mud-green .circular-icon {
  background-color: #4C6F0D;
  color: #fff;
}
.recipe-btn.peach .circular-icon {
  background-color: #F68D6B;
  color: #09332A;
}
.recipe-btn.light-purp .circular-icon {
  background-color: #8A5979;
  color: #EED9BB;
}

.pre-posts-block {
  padding-top: 0px;
}

.tax-product_category .bg-green {
  margin-bottom: 0px;
  padding-top: 80px;
  padding-bottom: 80px;
  background-size: cover;
  background-position: center;
}

.blog-content ul {
  list-style: none;
  padding-left: 0px;
}
.blog-content ul li {
  display: inline-block;
}

#load_more_posts {
  background: transparent;
  border: 1px solid #53A533;
  border-radius: 40px;
  color: #0B332A;
  font-size: 20px;
  padding: 15px 30px 15px 30px;
  transition: all 300ms ease;
}
#load_more_posts:hover {
  color: white;
  background: #53A533;
}

.load-more {
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
}

.show {
  opacity: 1;
  transition: opacity 1000ms;
}

.hide {
  opacity: 0;
  transition: opacity 1000ms;
}

.end-page,
.end-page:hover {
  opacity: 0.5;
  pointer-events: none;
}

.sort-block {
  padding-top: 80px;
  padding-bottom: 40px;
}

.sort-block {
  margin-bottom: 30px;
}

#sortby {
  top: 100%;
  position: relative;
  margin-bottom: -100%;
  font-size: 15px;
  font-weight: 300;
  color: #9b9b9b;
}

.dropdown-class {
  border: none;
  font-size: 19px;
  color: #53A533;
}

.post-box {
  padding-bottom: 40px;
}
.post-box h3 {
  padding-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 18px;
  font-weight: 300;
}

.tax-product_category .container {
  z-index: 2;
  position: relative;
}

.no-image-block {
  height: 376px;
  background: #F8F8F8;
  text-align: center;
}
.no-image-block .no-img-surround {
  padding-top: 145px;
  color: #0B332A;
}

.floating-circles {
  position: absolute;
  width: 100%;
  height: 800px;
  background: url(images/circle-backgrounds.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.cat-img {
  position: relative;
  display: block;
  height: 350px;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat;
}

.posts-block {
  position: relative;
  background: url(images/archive-circles.png);
  background-repeat: repeat-y;
  background-size: 100%;
}

.blog-dets {
  margin-top: 100px;
  display: block;
  margin-bottom: 10px;
}

.blog-banner h1 {
  font-weight: 400;
  color: #fff !important;
  font-size: 40px;
}

.blog-content {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pre-posts-block .h3 {
  font-size: 25px;
}
.pre-posts-block .getshow {
  font-size: 50px;
}
.pre-posts-block p {
  padding-top: 5px;
  padding-bottom: 15px;
}

.post-details {
  display: block;
  padding-top: 25px;
  padding-bottom: 5px;
  color: #BCD63D;
  font-size: 13px;
}
.post-details .reading-time {
  color: #0B332A;
}

.blog-box-large .post-details {
  padding-bottom: 20px;
}
.blog-box-large .reading-time {
  color: #fff;
}

.media-block .post-details {
  padding-bottom: 20px;
  padding-top: 0px;
}

.blog .post-box h3 {
  padding-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 18px;
  font-weight: 300;
}

.news-two-block {
  margin-bottom: 40px;
}
.news-two-block .getshow {
  font-size: 50px;
}
.news-two-block h2 {
  font-size: 35px;
  margin-bottom: 20px;
  padding-top: 30px;
}
.news-two-block h3 {
  font-weight: 300 !important;
  font-size: 18px !important;
}

.recipe-header-archive {
  padding-bottom: 300px;
  background-size: cover;
  background-position: center;
}

.recipe-main {
  overflow: auto;
  position: relative;
}
.recipe-main h2 {
  display: block;
  width: 100%;
  padding-bottom: 15px;
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 24px;
}
.recipe-main ul {
  list-style: none;
  padding-left: 0;
}

.top-featured-posts h2 {
  display: block;
  margin-top: 30px;
}
.top-featured-posts .getshow {
  position: absolute;
  padding-left: 10px;
  padding-top: 12px;
  font-size: 53px;
  line-height: 0;
}

.mailing-list .search-field {
  width: 500px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 300;
  margin-right: 30px;
}
.mailing-list .search-form .input-icon {
  font-size: 20px;
}
.mailing-list h4 {
  color: #fff;
}

.sort-block h2 {
  display: block;
  margin-top: 30px;
}
.sort-block .getshow {
  position: absolute;
  padding-left: 10px;
  padding-top: 12px;
  font-size: 53px;
  line-height: 0;
}

.recipe-main {
  background-image: url(images/single-circle.svg);
  background-position: bottom right;
  background-repeat: no-repeat;
}

.method-box {
  padding: 35px 35px 35px 0px;
}
.method-box h3 {
  padding-top: 10px !important;
  margin-top: 0 !important;
  margin-bottom: 5px !important;
}

.time-box {
  font-weight: 300;
  color: rgba(0, 0, 0, 0.655);
}

.time-box-details {
  color: #0B332A;
  display: block;
  padding-top: 4px;
  font-size: 20px;
}

.prev1,
.prev {
  margin-right: 10px;
}

.prev1,
.prev,
.next1,
.next {
  background: transparent;
  color: #0B332A;
  border: 1px solid #0B332A !important;
  border-radius: 100%;
  padding: 10px 15px 10px 15px;
  transition: ease 300ms all;
}
.prev1:hover,
.prev:hover,
.next1:hover,
.next:hover {
  background: #0B332A;
  color: #fff;
}

.title-buttons {
  color: #0B332A;
  font-weight: 300;
  padding-left: 15px;
  padding-right: 15px;
}

.single-recipe .short-desc {
  padding-top: 20px;
}

.method-title {
  font-size: 25px;
  color: #0B332A;
  font-weight: 300;
}

.ingredients h3 {
  font-size: 25px;
  padding-top: 30px;
  color: #0B332A;
  font-weight: 300;
}

.ingredients-recipe {
  background: #FAFAFA;
  border-radius: 0;
  padding: 2rem;
}
.ingredients-recipe li {
  color: #0B332A;
}
.ingredients-recipe h2 {
  padding: 0;
  margin: 0 !important;
  display: inline-block;
  width: auto;
  font-size: 24px;
}
.ingredients-recipe .smaller_number {
  display: inline-block;
  padding-left: 10px;
  font-weight: 300;
  color: #585858;
}

.method-title {
  display: block;
  width: 100%;
  border-bottom: 1px solid #F1F1F1;
  padding-bottom: 15px;
  margin-bottom: 10px;
  margin-top: 20px;
}
.method-title .method-step-title {
  font-size: 25px;
  display: inline-block;
}
.method-title .no-circle {
  border-radius: 100%;
  padding: 12.5px 10px;
  border: none;
  outline: none;
  background: #0B332A;
  color: #BCD63D;
  transition: all 300ms ease;
  text-align: center;
  width: 70px;
  height: 70px;
  display: inline-block;
  margin-right: 20px;
  font-size: 30px;
}

.step-block {
  display: block;
  color: #585858;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
  padding: 30px 15px;
}

.ingredients-recipe ul li {
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: 1px solid #e4e4e4;
}

.height-block {
  height: 1000px;
  display: block;
  position: relative;
}

.products-in-recipe {
  margin-top: 80px;
  background: #F9F9F9;
  padding-top: 40px;
  padding-bottom: 40px;
}

.mailing-list {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #0B332A;
}

.calculator {
  color: #595959;
  font-weight: 300;
  overflow: hidden;
}
.calculator .col-sm-6 {
  position: relative;
}
.calculator .portions-text {
  font-weight: 400;
  color: #0B332A;
}
.calculator button {
  background: transparent;
  border: none;
  outline: none !important;
  color: #BCD63D;
}
.calculator .count-box {
  font-weight: 400;
}

.products-in-recipe .slick-slide {
  padding: 10px;
  height: auto !important;
}

.product-slider h3 {
  padding-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 18px;
  font-weight: 300;
}

.products-in-recipe h4 {
  padding-top: 30px;
}

.content-cr-used {
  padding-right: 20px;
}
.content-cr-used p {
  padding-bottom: 25px;
}
.content-cr-used h4 {
  font-size: 32px;
  padding-bottom: 25px;
}
.content-cr-used button {
  background: #0B332A;
  color: #BCD63D;
  border: none !important;
  border-radius: 100%;
  padding: 10px 15px 10px 15px;
}

.dets-block {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 3;
}

.posts-block .cat-img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}
.posts-block .dets-block {
  position: relative;
  bottom: 0;
}
.posts-block .dets-front {
  color: #0B332A;
}
.posts-block .dets-front i {
  color: #0B332A;
}

.sort-block h3 {
  font-size: 22px;
  position: relative;
}
.sort-block h3 .getshow {
  position: absolute;
  padding-left: 10px;
  padding-top: 10px;
  font-size: 45px;
  line-height: 0px;
  font-weight: 400;
}

.top-featured-posts {
  margin-bottom: 80px;
}
.top-featured-posts .gradient-box {
  height: 30%;
  transition: 0.35s ease-in-out;
}
.top-featured-posts .hover-overlay {
  left: 0;
  z-index: 10;
  width: 100%;
  color: #fff;
  position: absolute;
  text-align: center;
  top: calc(50% + 10px);
  font-size: 18px;
  opacity: 0;
  pointer-events: none;
  transition: 0.35s ease-in-out;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.top-featured-posts .hover-overlay img {
  height: 31px;
  width: auto;
  margin: 0 10px 0 0;
}
@media all and (min-width: 768px) {
  .top-featured-posts .hover-overlay {
    font-size: 24px;
  }
}
.top-featured-posts h3 {
  font-size: 22px;
  position: relative;
  margin-bottom: 35px;
  color: #fff;
}
.top-featured-posts h3 .getshow {
  position: absolute;
  padding-left: 10px;
  padding-top: 10px;
  font-size: 45px;
  line-height: 0;
  font-weight: 400;
}
.top-featured-posts .cat-img {
  height: 474px;
  position: relative;
}
@media all and (min-width: 768px) {
  .top-featured-posts a:hover .gradient-box {
    height: 60%;
  }
  .top-featured-posts a:hover .hover-overlay {
    opacity: 1;
    pointer-events: all;
  }
  .top-featured-posts a:hover .dets-block {
    opacity: 0;
    pointer-events: none;
    transform: translateY(20px);
  }
}

.dets-front {
  color: #fff;
}

.dets-block {
  transition: 0.35s ease-in-out;
}
.dets-block h4 {
  color: #fff;
}
@media all and (min-width: 768px) {
  .dets-block h4 {
    font-size: 26px;
  }
}

.r-dets {
  padding-right: 20px;
}

.dets-front i {
  color: #fff;
  padding-right: 5px;
}

.gradient-box {
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 212, 255, 0) 100%);
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 80px;
}

.recipes-blocks {
  padding-bottom: 130px;
  overflow-x: hidden !important;
}
.recipes-blocks .slick-list {
  overflow: visible;
  /*important, allows overflow slides to be visible*/
}

.recipe-box {
  padding-right: 20px;
}

.recipe-blocks-builder {
  height: 550px;
  background-size: cover;
  background-position: center;
}

.recipes-blocks .slick-slide {
  height: auto !important;
}

.sort-block .search-field-small {
  border: 1px solid #f1f1f1;
  border-radius: 30px;
  padding: 15px;
  padding-left: 50px;
  width: 350px;
  font-size: 18px;
  margin-right: 20px;
}
.sort-block .input-icon-small {
  position: absolute;
  left: 20px;
  top: calc(50% - 0.5em);
  font-size: 18px;
}

/* RECIPES - CATEGORIES */
.text-btn .circular-icon {
  font-weight: 600 !important;
  padding-top: 22px !important;
  padding-bottom: 22px !important;
  font-size: 18px !important;
}

.filter-recipes {
  padding-top: 20px;
  padding-bottom: 80px;
}
.filter-recipes h2 {
  margin-bottom: 30px;
}
.filter-recipes h2 .getshow {
  font-size: 55px;
  text-transform: lowercase;
}
.filter-recipes a {
  color: #0B332A;
  font-weight: 300;
  font-size: 16px;
}
.filter-recipes a:hover .circular-icon {
  background: #0B332A;
  color: #BCD63D;
  padding: 15px 20px 15px 20px;
  border-radius: 100%;
  font-size: 25px;
  display: inline-block;
  margin-bottom: 20px;
}
.filter-recipes a:hover .cat-ico-title {
  display: block;
}
.filter-recipes a .circular-icon {
  background: #BCD63D;
  color: #0B332A;
  padding: 15px 20px 15px 20px;
  border-radius: 100%;
  font-size: 25px;
  display: inline-block;
  margin-bottom: 20px;
  min-height: 68px;
  min-width: 68px;
  transition: all 300ms ease;
}
.filter-recipes a .cat-ico-title {
  display: block;
}
.filter-recipes a.current .circular-icon {
  background: #0B332A;
  color: #BCD63D;
  padding: 15px 20px 15px 20px;
  border-radius: 100%;
  font-size: 25px;
  display: inline-block;
  margin-bottom: 20px;
}

.nav-active {
  background: transparent !important;
}
.nav-active a {
  color: #fff;
}
.nav-active .search-btn {
  background-color: #24453E !important;
}

.featured-special-offer {
  min-height: 175px;
  position: relative;
  background-size: cover;
}
.featured-special-offer .black-filter {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.578);
  top: 0;
}
.featured-special-offer .special-content {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: #fff;
  font-weight: 300;
}
.featured-special-offer .special-content .special-title {
  display: block;
  color: #fff;
  font-weight: 400;
}

.active .products-ul li a {
  color: #fff;
}

.slick-dots {
  position: absolute;
  bottom: 0px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  z-index: 5;
}

.products-ul {
  position: relative;
  display: inline-block;
  list-style: none;
  top: 10px;
  padding-left: 20px;
}
.products-ul li {
  margin: 0 0px 0 0;
}
.products-ul li a {
  line-height: 40px;
  height: 40px;
  color: #585858;
}
.products-ul li a:hover {
  color: #87BA26;
}
.products-ul li a i {
  font-size: 10px;
  padding-left: 10px;
}

.prods-block {
  padding-top: 10px;
  padding-bottom: 90px;
}

.mega-menu {
  position: relative;
  padding-top: 30px;
  padding-bottom: 20px;
  min-height: 300px;
  width: 100%;
  background: #fff;
  left: 0;
  right: 0;
  top: 120px;
}
.mega-menu .nav-pills {
  border-bottom: 1px solid #b6b6b6;
  padding-bottom: 10px;
}
.mega-menu .nav-pills button {
  background: transparent;
  border: none !important;
  padding-right: 15px;
  padding-bottom: 0;
  font-weight: 300;
  color: #585858;
}
.mega-menu .nav-pills button:focus-visible {
  outline: none;
}
.mega-menu .nav-pills button::before {
  background: #fff;
  height: 4px;
  display: block;
  width: 100%;
  content: "";
  z-index: 1;
  position: relative;
  top: 1rem;
}
.mega-menu .nav-pills button .findout-link {
  z-index: 2;
  position: relative;
  font-weight: 500;
}
.mega-menu .nav-pills button:hover {
  font-weight: 400;
  color: #0D342B;
}
.mega-menu .nav-pills button:hover::before {
  background: #87BA26;
  height: 4px;
  display: block;
  width: 100%;
  content: "";
  z-index: 1;
  position: relative;
  top: 1rem;
}
.mega-menu .nav-pills button.active {
  font-weight: 400;
  color: #0D342B;
}
.mega-menu .nav-pills button.active::before {
  background: #87BA26;
  height: 4px;
  display: block;
  width: 100%;
  content: "";
  z-index: 1;
  position: relative;
  top: 1rem;
}
.mega-menu .tab-content {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 10px;
}
.mega-menu .tab-content a {
  padding-bottom: 25px;
  display: block;
  color: #0D342B;
  font-weight: 300;
  transition: all 300ms ease;
}
.mega-menu .tab-content a:hover {
  color: #87BA26;
}

@media (min-width: 992px) {
  .mega-menu {
    position: absolute;
    box-shadow: 0 23px 15px -3px rgba(0, 0, 0, 0.1);
  }
  .mega-menu .nav-pills button {
    padding-bottom: 20px;
    line-height: 20px;
  }
}
.view-more-important {
  color: #87BA26 !important;
  width: auto;
  font-weight: 300;
  display: inline-block;
  line-height: 0px;
}

.det-con-block {
  padding-bottom: 30px;
  display: block;
}

.contact-page {
  padding-bottom: 50px;
}
.contact-page p {
  font-size: 18px;
}

.contact a {
  color: rgba(0, 0, 0, 0.655);
  padding-top: 10px;
  font-size: 18px;
}
.contact .nav-pills {
  margin-top: -30px;
  padding-bottom: 20px;
}
.contact input {
  width: 100%;
  display: block;
  border: none;
  border-bottom: 1px solid #838383;
  padding-bottom: 15px;
  padding-left: 10px;
  background: transparent;
  margin-bottom: 30px;
  display: block;
  font-weight: 300;
  color: #BCD63D;
}
.contact input::placeholder {
  font-weight: 300;
  color: #0B332A;
}
.contact input:focus {
  outline: none;
  border-bottom: 1px solid #BCD63D;
}
.contact textarea {
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #838383;
  padding-bottom: 15px;
  padding-left: 10px;
  background: transparent;
  font-weight: 300;
  color: #BCD63D;
}
.contact textarea::placeholder {
  font-weight: 300;
  color: #0B332A;
}
.contact textarea:focus {
  outline: none;
  border-bottom: 1px solid #BCD63D;
}
.contact .wpcf7-submit {
  display: inline-block;
  width: auto;
  border: none;
  background: #0B332A;
  color: #fff;
  padding: 15px 20px 15px 20px;
  margin-top: 30px;
  border-radius: 10px;
}

.contact-nav-btn {
  position: relative;
  width: auto;
  border: none;
  background: #0B332A;
  color: #fff;
  padding: 10px 20px 15px 20px;
  margin-top: 30px;
  border-radius: 10px;
  margin-right: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.contact-nav-btn .button-text {
  margin-bottom: 5px;
}
.contact-nav-btn .button-line {
  background: #fff;
  height: 4px;
  width: 100%;
  content: "";
}
.contact-nav-btn.active .button-line {
  background: #BCD63D;
}

.mobile-menu-actual ul li a:hover + .sub-menu li a {
  color: #0B332A !important;
}

.btn-recipe {
  display: block;
  width: 100%;
  background: #0B332A;
  padding: 15px 20px 15px 20px;
  color: #fff !important;
  margin-bottom: 30px;
  font-size: 24px;
}

.sort-block .col-sm-7 {
  text-align: right;
}

.desktop-right {
  text-align: right;
}

.mob-nav-bar {
  background: #fff;
  position: fixed;
  width: 100%;
  z-index: 1030;
  padding-top: 20px;
  padding-bottom: 20px;
  top: 0px;
  box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1);
  transition: all ease 300ms;
}
.mob-nav-bar .mega-sub-menu {
  margin-top: -8px !important;
}
.mob-nav-bar .search-btn {
  border-radius: 100%;
  padding: 11px 16px;
  border: none;
  outline: none;
  background: #0B332A;
  color: #fff;
  transition: all 300ms ease;
  display: inline-block;
  font-size: 20px;
  margin-top: 19px;
  width: 51px !important;
  height: 52px !important;
  right: 35px;
  position: relative;
}
.mob-nav-bar.no-bg {
  background: transparent;
}
.mob-nav-bar.no-bg .search-btn {
  background-color: #24453E;
}
.mob-nav-bar .mega-menu-toggle {
  position: fixed;
  right: 10px;
}
.mob-nav-bar .mega-menu-toggle.mega-menu-open {
  z-index: 250 !important;
}

.hero-slider.mob {
  margin-bottom: 10px !important;
}
.hero-slider.mob h1 {
  line-height: 50px;
}

.recipe-block-header.mob {
  padding-top: 50px !important;
}
.recipe-block-header.mob p {
  margin-bottom: 0px !important;
}
.recipe-block-header.mob .navigation-icons {
  margin-top: 20px !important;
  margin-bottom: 30px;
}

.recipes-blocks.mob {
  padding-bottom: 50px;
}
.recipes-blocks.mob .recipe-blocks-builder {
  height: 350px;
  background-size: cover;
  background-position: center;
}

@media screen and (max-width: 767px) {
  .mixed-title {
    display: block !important;
  }
  .mixed-title .getshow {
    display: block !important;
  }
  .menu li {
    margin-bottom: 15px !important;
  }
  #mega-menu-wrap-mob-menu .mega-menu-toggle + #mega-menu-mob-menu {
    background: #0B332A !important;
  }
  #mega-menu-wrap-mob-menu #mega-menu-mob-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-mob-menu #mega-menu-mob-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-mob-menu #mega-menu-mob-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    color: #BCD63D;
    background: transparent !important;
  }
  #mega-menu-wrap-mob-menu #mega-menu-mob-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    color: #BCD63D;
    background: #24453E !important;
  }
  #mega-menu-wrap-mob-menu #mega-menu-mob-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    color: #BCD63D;
    background: #24453E;
  }
  #mega-menu-wrap-mob-menu #mega-menu-mob-menu > li.mega-menu-flyout ul.mega-sub-menu {
    border: none !important;
    background: #24453E !important;
  }
  #mega-menu-wrap-mob-menu #mega-menu-mob-menu > li.mega-menu-flyout ul.mega-sub-menu a {
    background: #24453E !important;
  }
  #mega-menu-wrap-mob-menu #mega-menu-mob-menu > li.mega-menu-flyout ul.mega-sub-menu .mega-sub-menu {
    background: #4b7068 !important;
  }
  #mega-menu-wrap-mob-menu #mega-menu-mob-menu > li.mega-menu-flyout ul.mega-sub-menu .mega-sub-menu a.mega-menu-link {
    background: #4b7068 !important;
  }
  #mega-menu-wrap-mob-menu #mega-menu-mob-menu > li.mega-menu-item {
    display: list-item;
    margin: 0;
    clear: both !important;
    border: 0;
  }
  .mega-menu-item {
    min-height: 60px !important;
  }
  .mega-sub-menu {
    margin-top: -10px !important;
    padding-top: 10px !important;
  }
  .bg-image-section {
    height: 400px !important;
    min-height: 400px !important;
    background-size: cover;
    background-position: center;
  }
  body {
    padding-top: 120px;
  }
  .news-block-main .row {
    --bs-gutter-x: 0;
    margin-top: 20px;
  }
  .news-block-main .col-7 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .hidden {
    display: none !important;
  }
  .search-appear .search-form {
    border-bottom: none !important;
  }
  .search-actual .search-icon {
    display: block;
    width: 100%;
    border-radius: 10px;
  }
  .search-actual .search-field {
    border-bottom: 1px solid #87BA26;
    margin-bottom: 20px;
    padding-left: 0px !important;
  }
  .sort-block .getshow {
    position: relative;
    padding-left: 10px;
    padding-top: 25px;
    font-size: 53px;
    line-height: 0;
    width: 100%;
    display: block;
    left: 0;
    padding-left: 0px;
    margin-left: 0px !important;
    padding-bottom: 20px;
  }
  .sort-block .col-sm-7 {
    text-align: left !important;
  }
  .posts-block {
    background: none !important;
  }
  .makers-block h3 {
    line-height: 60px;
    font-size: 60px !important;
  }
  .makers-block p {
    font-size: 18px !important;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: 300;
  }
  .filter-recipes .slick-dots {
    position: absolute;
    bottom: -50px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    z-index: 5;
  }
  .promo-block {
    background-size: 50%;
  }
  .post-type-archive-recipe .overlay-curves {
    display: none !important;
  }
  #mc_embed_signup form {
    display: block;
    position: relative;
    text-align: left;
    margin: 0px;
  }
  .mailing-list .search-field {
    width: 100%;
  }
  .prod-clean-info .display-content {
    padding-right: 0px !important;
  }
  .slider-for .slick-slide {
    height: 400px !important;
  }
  .spacer-mob {
    padding-bottom: 30px;
  }
  .method-box {
    padding: 0px;
  }
  .recipe-main {
    background: none !important;
  }
  .desktop-right {
    text-align: left;
  }
  .single-recipe .prod-clean-info {
    padding-top: 50px;
    margin-bottom: 30px;
  }
  .mapboxgl-canvas {
    position: relative;
    left: 0;
    top: 0;
  }
  .media-block .post-details {
    padding-bottom: 10px;
  }
  .media-block .cat-details {
    display: block;
  }
  body, html {
    padding-top: 60px !important;
  }
  .mega-menu-toggle {
    top: 40px;
    margin-left: 20px;
  }
  .dym-search a {
    display: block;
    text-align: center;
    width: 100%;
    line-height: 16px !important;
    border: 1px solid #0D342B;
    padding: 15px 0px 30px 0px;
    margin-bottom: 10px;
    border-radius: 10px;
  }
  .dym-search a::before {
    background: transparent !important;
  }
  .wpcf7-form {
    height: auto !important;
  }
  .tab-content .active {
    max-height: 100% !important;
  }
  .content-with-image .py4 {
    margin: 0px !important;
  }
  .cta-buttons a {
    display: block;
    text-align: center;
    width: 100%;
    line-height: 16px !important;
    border: 1px solid #0D342B;
    padding: 15px 0px 30px 0px !important;
    margin-bottom: 10px;
    font-size: 17px !important;
    font-weight: 400 !important;
    border-radius: 10px;
  }
  .cta-buttons a::before {
    background: transparent !important;
  }
}
.search-system {
  padding-top: 50px;
  padding-bottom: 30px;
  background: url(images/circle-backgrounds.svg) !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

.head-nav-btn {
  font-weight: 600;
  border: none;
  border-bottom: 1px solid #CCCCCC;
  display: block;
  width: 100%;
  text-align: left;
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
  color: #0D342B;
  background: transparent;
}
.head-nav-btn.first-btn:after {
  position: absolute;
  font: var(--fa-font-light);
  content: "\f061";
  position: absolute;
  right: 10px;
}
.head-nav-btn.back-btn i {
  padding-right: 10px;
}

.mob-menu {
  background: #f1f1f1;
  height: 100vh;
  position: fixed;
  left: -420px;
  top: 0;
  padding: 20px;
  width: 300px;
  z-index: 10000;
  transition: ease 300ms all;
  overflow: scroll;
}
.mob-menu.transition-left {
  left: 0px;
}
.mob-menu ul {
  padding-left: 0px;
  padding-top: 0px;
}
.mob-menu ul li {
  padding-left: 0px;
}
.mob-menu ul li a {
  background: transparent;
  color: #0D342B;
  border: none;
  display: block;
  width: 100%;
  text-align: left;
  position: relative;
  padding: 10px;
  padding-left: 0px;
  font-size: 14px;
}
.mob-menu .dropdown:after {
  font: var(--fa-font-light);
  content: "\f061";
  position: absolute;
  right: 10px;
  top: 10px;
}
.mob-menu .dropdown ul {
  display: none;
}
.mob-menu .dropdown .show-children {
  display: block;
}

.show-children:after {
  transform: rotate(90deg);
}
.show-children ul {
  display: block !important;
  padding-left: 15px;
  background: #e6e6e6;
}
.show-children ul li a {
  color: #375951;
}

.sect-btn .show-children {
  display: block;
}

.mob-menu .menu li {
  display: block;
}

.prod-mob-menu {
  background: #f1f1f1;
  height: 100vh;
  position: fixed;
  top: 0px;
  padding: 20px;
  width: 300px;
  z-index: 10010;
  left: -420px;
  transition: all 300ms ease;
  overflow: scroll;
}
.prod-mob-menu.transition-left {
  left: 0px;
  display: block;
}

.prod-full-mob-menu {
  background: #f1f1f1;
  height: 100%;
  position: fixed;
  left: -420px;
  top: 0px;
  padding: 20px;
  width: 300px;
  transition: all 300ms ease;
  z-index: 10200;
  overflow: scroll;
}
.prod-full-mob-menu.transition-left {
  left: 0px;
}

.actual-prods-menu {
  list-style: none;
  padding-left: 0px;
}
.actual-prods-menu li a {
  background: transparent;
  color: #0D342B;
  border: none;
  width: 100%;
  text-align: left;
  position: relative;
  padding: 10px;
  padding-left: 0px;
  font-size: 14px;
  padding-right: 25px;
  display: flex;
}

.parents-ul {
  list-style: none;
  padding-left: 0px;
  display: block;
  padding-bottom: 30px;
}
.parents-ul li button {
  background: transparent;
  color: #0D342B;
  border: none;
  display: block;
  width: 100%;
  text-align: left;
  position: relative;
  padding: 10px;
  padding-left: 0px;
  font-size: 14px;
}
.parents-ul li button:after {
  font: var(--fa-font-light);
  content: "\f061";
  position: absolute;
  right: 10px;
  top: 15px;
}

.blur-bg {
  z-index: 1035;
  background: rgba(53, 53, 53, 0.5);
  backdrop-filter: blur(5px);
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
}

.close-btn-mob {
  position: fixed;
  right: 10px;
  top: 30px;
  z-index: 10400;
  background: #0D342B;
  color: #fff;
  border: none;
  font-size: 20px;
  padding: 7px 15px 7px 15px;
  border-radius: 100%;
}

.mob-menu-trigger {
  border-radius: 100%;
  padding: 11px 16px;
  border: none;
  outline: none;
  background: #0B332A;
  color: #fff;
  transition: all 300ms ease;
  display: inline-block;
  font-size: 20px;
  margin-top: 19px;
  width: 51px !important;
  height: 52px !important;
  right: 20px;
  position: relative;
}

.btn-line {
  color: #09332A;
  font-size: 20px !important;
  font-weight: 600 !important;
  display: inline-block;
  line-height: 20px !important;
  text-decoration: none;
  text-align: center;
  position: relative;
  z-index: 2;
  padding: 20px !important;
  padding-bottom: 15px !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.btn-line:hover {
  color: #09332A;
}
.btn-line:before {
  background: #BCD63D;
  height: 7px;
  display: inline-block;
  width: 0%;
  content: "";
  z-index: 1;
  position: absolute;
  left: 0px;
  bottom: 16px;
  transition: all 300ms ease;
}
.btn-line:hover:before {
  width: 100%;
}
.btn-line .btn-text {
  position: relative;
  z-index: 2;
}

.tools-page-links {
  margin-top: 100px;
  margin-bottom: 100px;
}

.tool-card {
  background-color: #0B332A;
  border-radius: 10px;
  padding-left: 75px;
  padding-right: 75px;
  padding-top: 80px;
  padding-bottom: 80px;
}

.tool-card h3 {
  color: #FFFFFF;
}

.tool-card p {
  color: #FFFFFF;
}

.tool-card a {
  font-weight: 500;
  color: #fff;
  font-size: 20px;
}

.tool-card .icon-circle {
  background-color: #CFE167;
  height: 70px;
  width: 70px;
  text-align: center;
  display: inline-block;
  border-radius: 100%;
  margin-bottom: 20px;
}

.tool-card .icon-circle i {
  font-size: 28px;
  padding-top: 20px;
}

/* Profit Calculator */
.profit-calc {
  margin-top: 100px;
  margin-bottom: 100px;
}

.btn-resources {
  font-size: 20px;
  color: #0B332A;
  font-weight: 500;
}

.btn-resources:hover {
  font-size: 20px;
  color: #0B332A;
  font-weight: 500;
}

.input-row {
  display: block;
  padding: 10px;
  position: relative;
  margin-bottom: 20px;
}

.gpc_input input {
  position: absolute;
  right: 0;
  top: 0px;
}

.gpc_output {
  bottom: 10px;
  position: absolute;
}

.vat-box input[type=radio] {
  appearance: none; /* Reset default styles */
  top: 3px;
  position: relative;
  width: 20px;
  height: 20px;
  border: 4px solid b rgba(255, 255, 255, 0.2) !important;
  outline: #CFE167 solid 2px !important;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
}

input[type=radio]:checked {
  background-color: #0B332A; /* Add a checked effect */
  border: 4px solid #CFE167 !important;
  outline: #0B332A solid 2px !important;
}

.profit-calc {
  padding-bottom: 60px;
}

.calc-box {
  border-radius: 5px;
  background: #FAFAFA;
  height: 525px;
  padding: 10px;
  position: relative;
}

.calc-cta a {
  text-transform: uppercase;
  font-size: 35px;
}

.calc-box h3 {
  color: #0B332A;
  font-weight: 400;
  padding-bottom: 10px;
  padding-top: 10px;
  display: block;
  text-align: center;
}

.vat-box {
  background: #0B332A;
  border-radius: 5px;
  padding: 15px;
  padding-top: 25px;
  margin-bottom: 30px;
  margin-top: 20px;
}

.vat-title {
  color: #fff;
  font-size: 22px;
}

.vat-num-box {
  background: rgba(255, 255, 255, 0.2);
  font-size: 18px;
  color: #CFE167;
  margin-right: 20px;
  padding: 10px 15px 10px 15px;
  border-radius: 5px;
  transition: all 300ms ease;
}

.vat-num-box label {
  padding-left: 10px;
}

.vat-num-box.checked {
  background: #CFE167;
  color: #0B332A;
}

.vat-num-box.first {
  margin-left: 20px;
}

.gpc_input label {
  display: inline-block;
  color: #0B332A;
  font-size: 16px;
}

.gpc_input input {
  display: inline-block;
  border: none;
  outline: none;
  border-bottom: 0.792px solid #D0D0D0;
  background-color: transparent;
  padding: 10px;
}

.box-for-calc {
  padding: 15px;
  border: 1px solid #DCDCDC;
  margin-top: 20px;
  border-radius: 5px;
  padding-top: 25px;
}

/* Catering Calculator */
.party-box {
  margin-top: 100px;
  margin-bottom: 100px;
}

.party-calc {
  padding: 15px;
  border: 1px solid #DCDCDC;
  margin-top: 20px;
  border-radius: 5px;
}

.calculate-button {
  background-color: #0B332A;
  color: #fff;
  font-weight: 400;
  padding: 15px 20px 15px 20px;
  border: none;
  outline: none;
  border-radius: 1000px;
  font-size: 20px;
  margin-left: 140px;
}

.calculator-main {
  background-color: #FAFAFA;
  padding: 30px;
  border-radius: 5px;
  padding-top: 30px;
  padding-bottom: 50px;
}

.calculator-main h3 {
  padding-top: 15px;
  padding-bottom: 20px;
  font-weight: 400;
}

#party-type {
  width: 30%;
  display: inline-block;
  background-color: transparent;
  border: none;
  outline: none;
  border-bottom: 1px solid #D0D0D0;
  padding: 15px;
  color: #585858;
  font-size: 20px;
  margin-right: 20px;
}

#num-people {
  width: 30%;
  display: inline-block;
  background-color: transparent;
  border: none;
  outline: none;
  border-bottom: 1px solid #D0D0D0;
  padding: 15px;
  padding-left: 0px;
  padding-right: 0px;
  color: #585858;
  font-size: 20px;
}

.reset-btn {
  padding: 10px 15px 10px 15px;
  background-color: transparent;
  font-weight: 400;
  color: #0B332A;
  outline: none;
  border: none;
  font-size: 20px;
  margin-left: 30px;
}

.reset-btn i {
  margin-right: 10px;
}

.results-box {
  margin-top: 20px;
  background-color: #fff;
  padding: 20px;
  padding-left: 25px;
  border-radius: 10px;
}

.results-box .results-reveal {
  font-size: 22px;
}

.results-box ul {
  list-style: none;
  padding-left: 0px;
  border: 1px solid #f1f1f1;
  border-radius: 3px;
  margin-top: 30px;
}

.results-box ul li {
  padding-left: 0;
  font-size: 20px;
  font-weight: 300;
  border-bottom: 1px solid #f1f1f1;
  position: relative;
}

.results-box ul li .portions {
  position: absolute;
  right: 15px;
  padding: 10px 15px 10px 15px;
}

.results-box ul li .results-type {
  min-width: 200px;
  display: inline-block;
  border-right: 1px solid #f1f1f1;
  padding: 10px 15px 10px 15px;
}

.results-box ul li i {
  color: #0B332A;
  min-width: 30px;
}

.results-box ul li:last-child {
  border-bottom: none;
}

.calc-party-title {
  padding-top: 15px;
  padding-bottom: 20px;
  font-weight: 400;
  font-size: 24px;
  display: block;
  color: #0B332A;
}

.map-banner {
  position: relative;
  overflow: hidden;
  height: 600px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.map-content {
  z-index: 4;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.map-content h3 {
  font-size: 33px;
  font-weight: 300px;
  color: #fff;
}

.map-content p {
  color: #FFFFFF;
  font-weight: 300;
  font-size: 18px;
}

.map-content a {
  color: #FFFFFF;
  font-weight: 300;
  font-size: 18px;
  display: inline-block;
  padding: 15px 25px 15px 25px;
  border-radius: 1000px;
  border: 1px solid #fff;
}

.map-container {
  position: absolute;
  width: 100%;
  top: 0;
}

.grey-over-left {
  position: absolute;
  width: 50%;
  height: 600px;
  background: linear-gradient(270deg, rgba(88, 88, 88, 0) 4.55%, #585858 100%);
  z-index: 1;
  left: 0;
  top: 0;
}

.contact-block {
  background-color: #F1F1F1;
  padding-top: 50px;
  padding-bottom: 50px;
}

.contact-form-member {
  background-color: #fff;
  padding: 30px;
}

.contact-block h3 {
  font-size: 35px;
  margin-top: 40px;
  padding-right: 20px;
}

.contact-block h4 {
  font-size: 22px;
  font-weight: 500;
  color: #0C4A45;
  margin-bottom: 30px;
}

.email-title, .call-title, .office-title {
  font-size: 18px;
  font-weight: 500;
  display: block;
  margin-top: 24px;
  color: #0B332A;
}

.contact-a {
  font-size: 18px;
  font-weight: 300;
  color: #0B332A;
}

.contact-block address {
  font-size: 18px;
  font-weight: 300;
  color: #0B332A;
  max-width: 80%;
}

.wpcf7-text {
  border: none;
  border-bottom: 1px solid #D3D3D3;
  padding: 10px;
}

.wpcf7-text::placeholder {
  font-weight: 300;
  color: #265E5A;
}

.wpcf7-textarea {
  height: 150px;
  border: none;
  border-bottom: 1px solid #D3D3D3;
  padding: 10px;
  width: 100%;
}

.wpcf7-textarea::placeholder {
  font-weight: 300;
  color: #265E5A;
}

.wpcf7-text:focus, .wpcf7-textarea:focus {
  outline: none;
  border: none;
  border-bottom: 1px solid #0C4A45;
}

.wpcf7-submit {
  background-color: #0B332A;
  padding: 10px 15px 10px 15px;
  border: none;
  outline: none;
  color: #fff;
}

.faqs-member h3 {
  font-size: 24px;
  margin-bottom: 30px;
  color: #0B332A;
}

.faqs-member h4 {
  font-size: 18px;
  font-weight: 400;
  color: #0B332A;
}

.question-btn {
  background-color: transparent;
  border: none;
  outline: none;
  display: block;
  width: 100%;
  text-align: left;
  padding-left: 0px;
  font-size: 18px;
  font-weight: 500;
  color: #0B332A;
}

.question-block {
  background-color: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 15px;
  transition: all 300ms ease;
  position: relative;
}

.question-block.green-q {
  background: rgba(132, 196, 128, 0.2);
  border-color: rgba(132, 196, 128, 0.2);
}

.show {
  color: #0B332A;
  font-weight: 300;
  font-size: 16px;
  margin-top: 10px;
  opacity: 1 !important;
  height: 100% !important;
}

.answer {
  display: block;
  opacity: 0;
  height: 0;
}

.rotate-45 {
  transform: rotate(90deg);
}

.faqs-member i {
  transition: all 300ms ease;
  position: absolute;
  right: 30px;
  top: 20px;
}

.member-hero {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 380px;
  position: relative;
  overflow: hidden;
}

.hero-over-member {
  height: 380px;
  position: absolute;
  width: 100%;
  background-color: #1D1D1D;
  opacity: 0.75;
  top: 0;
}

.member-hero-content {
  position: absolute;
  z-index: 1;
  bottom: 30px;
}

.member-hero-content p {
  color: #fff;
}

.member-hero-content a {
  color: #BCD63D;
  font-size: 18px;
  font-weight: 300;
  display: inline-block;
  line-height: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}

.member-hero-content a:before {
  color: #BCD63D;
  font-size: 24px;
  font-weight: 300;
  display: inline-block;
  line-height: 0;
}

.member-hero-content a .findout-link {
  z-index: 2;
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 500;
}

.member-hero-content h1 {
  color: #fff;
  font-family: "get_show", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  font-weight: normal;
  font-display: swap;
  font-size: 100px;
  line-height: 50px;
  margin-bottom: 30px;
}

.actual-member-content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.member-content-block {
  margin-top: 60px;
  margin-bottom: 60px;
}

.slider-image {
  width: 100%;
  height: 593px;
  display: block;
  background-size: cover;
}

.banner-overlay-slider {
  height: 150px;
  bottom: 0px;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}

.member-slider {
  position: relative;
}

.member-slider .slick-dots {
  background-color: red;
  padding-bottom: 40px;
  padding-top: 40px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}

.member-slider .slick-dots li.slick-active button:before {
  background-color: #BCD63D;
  opacity: 1;
  font-size: 16px;
  outline: #BCD63D;
}

.member-slider .slick-dots li button:before {
  color: transparent;
  opacity: 1;
  font-size: 16px;
  border: 2px solid #BCD63D;
  border-radius: 100%;
}

.timeline-content {
  display: block;
  margin-bottom: 20px;
}

.member-timeline {
  margin-top: 60px;
  margin-bottom: 60px;
}

.member-timeline .slick-list {
  overflow: visible;
}

.member-timeline .slick-slide {
  margin: 0 10px;
}

.slick-slide:first-child .timeline-line .line {
  left: 20px;
}

.slick-slide:last-child .timeline-line .line {
  left: 0px;
  width: 10%;
}

.slick-current .timeline-line .circle {
  background-color: #bcd63d;
}

.timeline-line {
  position: relative;
  display: block;
  z-index: 3;
}

.timeline-line .line {
  height: 1px;
  width: 100%;
  background-color: #fff;
  position: absolute;
  top: 150px;
}

.timeline-line .circle {
  height: 2px;
  width: 100%;
  background-color: #fff;
  position: absolute;
  top: 140px;
  left: 20px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #FFF;
  border: 4px solid #bcd63d;
}

/* the parent */
.member-timeline .slick-list {
  margin: 0 -10px;
}

.timeline-data {
  position: absolute;
  bottom: 20px;
  z-index: 2;
  color: #fff;
  padding: 20px;
  padding-bottom: 0px;
}

.dark-gradient {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  height: 100%;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.timeline-year {
  font-weight: 600;
  display: block;
  font-size: 18px;
}

.timeline-desc {
  font-size: 16px;
  font-weight: 300;
}

.arrow-left {
  background-color: #0B332A;
  color: #fff;
  border-radius: 100%;
  outline: none;
  border: none;
  width: 40px;
  height: 40px;
  top: 50px;
  position: relative;
}

.arrow-right {
  background-color: #0B332A;
  color: #fff;
  border-radius: 100%;
  outline: none;
  border: none;
  width: 40px;
  height: 40px;
  top: 50px;
  position: relative;
}

.signature-hero {
  padding-top: 100px;
  padding-bottom: 100px;
  background-size: cover;
}
.signature-hero h1 {
  color: #fff;
  margin-bottom: 20px;
}
.signature-hero p {
  color: #fff;
}

.signature-full-width {
  padding-top: 80px;
  padding-bottom: 80px;
}
.signature-full-width h2 {
  margin-bottom: 20px;
}

.signature-content-w-image {
  background-color: #f1f1f1;
}
.signature-content-w-image .half-image {
  min-height: 700px;
  width: 50%;
  position: absolute;
  background-size: cover;
}
.signature-content-w-image .content-min {
  height: 700px;
}
.signature-content-w-image .block-content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 30px;
}
.signature-content-w-image h3 {
  margin-bottom: 30px;
}
.signature-content-w-image strong {
  font-weight: 500;
}

.signature-banner-download {
  background-size: cover;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
  overflow: hidden;
}
.signature-banner-download .gradient-half {
  position: absolute;
  width: 55%;
  height: 700px;
  left: 0;
  background: linear-gradient(90deg, #000 25.45%, rgba(0, 0, 0, 0) 100%);
  top: 0;
}
.signature-banner-download a {
  border: 1px solid #fff;
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  border-radius: 30px;
  color: #fff;
  margin-top: 20px;
  position: relative;
  display: inline-block;
  font-weight: 300;
  transition: ease 300ms all;
}
.signature-banner-download h3 {
  color: #fff;
  font-size: 64px;
  font-weight: 400;
  line-height: 50px;
  margin-bottom: 25px;
  position: relative;
}
.signature-banner-download p {
  color: #fff;
  position: relative;
}

/* Quick Cats - Prod Archives - Fixes 14/09/22 */
.archive-filters {
  padding-bottom: 0px !important;
}

.fixed-design {
  margin-bottom: 30px;
}
.fixed-design .getshow {
  font-size: 48px;
}

/* Home Hero */
.slick-slide,
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-delay: 100ms;
}

.hero-slides .h-slider {
  visibility: hidden;
  opacity: 0;
  transition: all 100ms ease;
}
.hero-slides .h-slider.slick-initialized {
  opacity: 1;
  visibility: visible;
}
.hero-slides .container {
  position: relative;
  z-index: 10;
}
.hero-slides .black-filter {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.28);
  top: 0;
}
.hero-slides .slick-slide {
  height: 400px;
  background-size: cover;
  background-position: center;
}
.hero-slides .slick-slide .row {
  min-height: 400px;
}

.related-products {
  padding-top: 90px;
  padding-bottom: 90px;
}

.block-related-prod-content {
  padding-bottom: 40px;
  display: block;
}

.nav-bar .hidden {
  display: none !important;
}

.content-link-btn {
  color: #09332A !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  display: inline-block !important;
  line-height: 0 !important;
  padding: 0px !important;
}
.content-link-btn::before {
  background: #BCD63D;
  height: 7px;
  display: inline-block;
  width: 100%;
  content: "";
  z-index: 1;
  position: relative;
  top: 20px;
}
.content-link-btn .btn-surround {
  z-index: 2;
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
}

.news-block-header h3 {
  margin-bottom: 20px;
  font-size: 35px;
  position: relative;
}
.news-block-header h3 .getshow {
  position: absolute;
  padding-left: 10px;
  padding-top: 17px;
  font-size: 75px;
}
.news-block-header p {
  margin-bottom: 25px;
}
.news-block-header .getshow {
  font-size: 65px;
  line-height: 0;
  padding-left: 5px;
}
.news-block-header a {
  margin-top: 40px;
}

.dym-search {
  padding: 30px 0 0 0;
}
.dym-search a {
  color: #09332A;
  font-size: 17px;
  font-weight: 300;
  display: inline-block;
  line-height: 0;
  margin-right: 20px;
}
.dym-search a .findout-link {
  z-index: 3;
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 500;
  display: inline-block;
}
.dym-search a .findout-link::after {
  background: #BCD63D;
  height: 5px;
  display: inline-block;
  width: 100%;
  content: "";
  z-index: -1;
  position: absolute;
  top: 5px;
  left: 0px;
}

.content-with-image ol {
  color: #0B332A !important;
  font-weight: 300;
}
.content-with-image ol li {
  margin-bottom: 20px;
}

.search .green-header {
  padding-top: 100px;
  padding-bottom: 100px;
}
.search .getshow {
  font-size: 50px;
}

.stockists-block,
.news-block-header {
  /*
  	a {
  		color: #09332A;
  		font-size: 20px;
  		font-weight: 300;
  		display: inline-block;
  		line-height: 0;

  		.findout-link {
  			z-index: 2;
  			position: relative;
  			padding-left: 5px;
  			padding-right: 5px;
  			font-weight: bold;
  		}

  		&::before {
  			background: #BCD63D;
  			height: 7px;
  			display: inline-block;
  			width: 100%;
  			content: '';
  			z-index: 1;
  			position: relative;
  			top: 20px;
  		}
  	}
  */
}

.hero-bottom {
  padding-top: 250px;
  display: block;
}
.hero-bottom .getshow {
  font-size: clamp(5rem, 8vw, 130px);
  color: #fff;
  font-weight: 400;
}
.hero-bottom p {
  font-size: 24px;
  color: #fff;
}
.hero-bottom a {
  color: #BCD63D;
  font-size: 24px;
  font-weight: 300;
  display: inline-block;
  line-height: 0;
}
.hero-bottom a .findout-link {
  z-index: 2;
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 500;
}
.hero-bottom a::before {
  background: #09332A;
  height: 10px;
  display: inline-block;
  width: 100%;
  content: "";
  z-index: 1;
  position: relative;
  top: 12px;
}

.mid-page-banner .block-link {
  border: 1px solid #fff;
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  border-radius: 30px;
  color: #fff;
  margin-top: 20px;
  position: relative;
  display: inline-block;
  font-weight: 300;
  transition: ease 300ms all;
}
.mid-page-banner .block-link:hover {
  background: #fff;
  color: #000;
}

.title-hero {
  padding-top: 1rem;
}

.hero-promo .container-fluid {
  --bs-gutter-x: 0;
}
.hero-promo .slick-dots {
  bottom: -35px;
}
.hero-promo .slick-dots li button::before {
  font-size: 10px;
}
.hero-promo .slick-dots li.slick-active button::before {
  opacity: 0.75;
  color: #87ba26;
}

.grey-bg-news {
  background-color: #F8F8F8;
}

.news-block-main .container-fluid {
  --bs-gutter-x: 0;
}

.spacer-block-news {
  margin-bottom: 20px;
}

.media-block {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.media-block h3 {
  font-size: 18px;
}
.media-block h4 {
  color: #09332A;
  font-size: 16px;
}

.hero-slider {
  margin-bottom: 15px;
}

.image-news-box {
  position: relative;
}
.image-news-box .blog-box-large {
  position: absolute;
  bottom: 40px;
  left: 50px;
  color: #fff;
  padding-right: 30px;
}
.image-news-box .blog-box-large h3 {
  color: #fff;
}
.image-news-box .gradient-box {
  height: 70%;
}

.no-bord {
  margin-right: 0 !important;
  padding-right: 0 !important;
}

.promo-block {
  display: block;
  height: 180px;
  background-repeat: no-repeat;
  background-position: left center;
  background-position: -50px;
  position: relative;
  overflow: hidden;
}
.promo-block .right-aligned-promo {
  padding-left: 45%;
  position: absolute;
  width: 100%;
  bottom: 20px;
  padding-right: 20px;
}
.promo-block h3 {
  padding-bottom: 10px;
  font-size: 19px;
  font-weight: 400;
  line-height: 26px;
}
.promo-block.dark-green {
  background-color: #09332A;
}
.promo-block.dark-green h3,
.promo-block.dark-green p,
.promo-block.dark-green a {
  color: #50AB4A;
}
.promo-block.mid-green {
  background-color: #50AB4A;
}
.promo-block.mid-green h3,
.promo-block.mid-green p,
.promo-block.mid-green a {
  color: #09332A;
}
.promo-block.light-green {
  background-color: #BCD63D;
}
.promo-block.light-green h3,
.promo-block.light-green p,
.promo-block.light-green a {
  color: #FFFFFF;
}
.promo-block.mud-green {
  background-color: #4C6F0D;
}
.promo-block.mud-green h3,
.promo-block.mud-green p,
.promo-block.mud-green a {
  color: #50AB4A;
}
.promo-block.dark-teal {
  background-color: #00A6A5;
}
.promo-block.dark-teal h3,
.promo-block.dark-teal p,
.promo-block.dark-teal a {
  color: #EED9BB;
}
.promo-block.light-teal {
  background-color: #72ACAE;
}
.promo-block.light-teal h3,
.promo-block.light-teal p,
.promo-block.light-teal a {
  color: #EED9BB;
}
.promo-block.dark-purp {
  background-color: #670F4B;
}
.promo-block.dark-purp h3,
.promo-block.dark-purp p,
.promo-block.dark-purp a {
  color: #EED9BB;
}
.promo-block.mid-purp {
  background-color: #8F225B;
}
.promo-block.mid-purp h3,
.promo-block.mid-purp p,
.promo-block.mid-purp a {
  color: #EED9BB;
}
.promo-block.light-purp {
  background-color: #8A5979;
}
.promo-block.light-purp h3,
.promo-block.light-purp p,
.promo-block.light-purp a {
  color: #EED9BB;
}
.promo-block.dark-red {
  background-color: #A31620;
}
.promo-block.dark-red h3,
.promo-block.dark-red p,
.promo-block.dark-red a {
  color: #EED9BB;
}
.promo-block.light-red {
  background-color: #D83F3F;
}
.promo-block.light-red h3,
.promo-block.light-red p,
.promo-block.light-red a {
  color: #EED9BB;
}
.promo-block.peach {
  background-color: #F68D6B;
}
.promo-block.peach h3,
.promo-block.peach p,
.promo-block.peach a {
  color: #09332A;
}
.promo-block.orange {
  background-color: #F68032;
}
.promo-block.orange h3,
.promo-block.orange p,
.promo-block.orange a {
  color: #EDAA52;
}
.promo-block.yellow {
  background-color: #FABD2B;
}
.promo-block.yellow h3,
.promo-block.yellow p,
.promo-block.yellow a {
  color: #D83F3F;
}
.promo-block.mustard {
  background-color: #EDAA52;
}
.promo-block.mustard h3,
.promo-block.mustard p,
.promo-block.mustard a {
  color: #A31620;
}
.promo-block.navy {
  background-color: #1B2C3D;
}
.promo-block.navy h3,
.promo-block.navy p,
.promo-block.navy a {
  color: #EED9BB;
}
.promo-block.mid-grey {
  background-color: #888D92;
}
.promo-block.mid-grey h3,
.promo-block.mid-grey p,
.promo-block.mid-grey a {
  color: #BCD63D;
}
.promo-block.sand {
  background-color: #EED9BB;
}
.promo-block.sand h3,
.promo-block.sand p,
.promo-block.sand a {
  color: #1B2C3D;
}
.promo-block a {
  font-weight: 300;
}

.stockistblock {
  padding-bottom: 40px;
  display: block;
}

.stockists-block img {
  mix-blend-mode: darken !important;
}

.mid-page-banner {
  position: relative;
  overflow: hidden;
}
.mid-page-banner .container {
  position: relative;
}

.gradient-over {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 100%);
  top: 0;
}

.sort-block .container {
  position: relative;
}

.bg-image-section {
  min-height: 700px;
  background-size: cover;
  background-position: center;
}

.set-height-transform {
  height: 600px;
  display: block;
}

.content-with-image {
  position: relative;
  background-color: #F8F8F8;
}
.content-with-image a {
  line-height: 0;
  font-size: 16px;
  font-weight: 300;
  color: #09332A;
  padding: 10px 20px;
  display: inline-block;
}
.content-with-image a.btn-outline-primary {
  line-height: unset;
}
.content-with-image a .findout-link {
  z-index: 2;
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
}
.content-with-image a::before:not(.btn-outline-primary) {
  background: #BCD63D;
  height: 7px;
  display: inline-block;
  width: 100%;
  content: "";
  z-index: 1;
  position: relative;
  top: 20px;
}
.content-with-image h2 {
  color: #0D342B;
  font-style: normal;
  font-weight: 600;
  font-size: 42px;
  margin-bottom: 10px;
  padding-top: 40px;
}
.content-with-image h3 {
  color: #0D342B;
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  margin-bottom: 10px;
  padding-top: 40px;
}
.content-with-image h4 {
  color: #0D342B;
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  margin-bottom: 10px;
  padding-top: 40px;
}

.display-content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding-right: 50px;
  padding-bottom: 30px;
}

.left .display-content {
  padding-left: 50px;
  padding-right: 0 !important;
}

.stockists-block {
  background-color: #F8F8F8;
  padding-top: 90px;
  padding-bottom: 90px;
  position: relative;
}
.stockists-block h3 {
  font-size: 40px;
}
.stockists-block .getshow {
  font-size: 55px;
}
.stockists-block::before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background-image: url("images/uk-map-stockists.svg");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 700px;
}

.mid-page-banner {
  padding-top: 100px;
  padding-bottom: 100px;
  background-size: cover;
  background-position: center;
  display: block;
}
.mid-page-banner p {
  color: #fff;
}
.mid-page-banner h3 {
  color: #fff;
  font-size: 64px;
  font-weight: 400;
  line-height: 50px;
  margin-bottom: 25px;
}

.recipe-box {
  position: relative;
  overflow: hidden;
}

.recipe-blocks-builder {
  position: relative;
}
.recipe-blocks-builder .gradient-box {
  transition: 0.35s ease-in-out;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 212, 255, 0) 100%);
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 30%;
}

.block-content-recipe {
  position: absolute;
  transition: 0.35s ease-in-out;
  left: 0;
  bottom: 20px !important;
  color: #fff;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  z-index: 3;
}
.block-content-recipe h3 {
  color: #fff;
  font-weight: 300;
  font-size: 23px;
  padding-bottom: 10px;
}
.block-content-recipe .r-dets {
  padding-right: 10px;
}
.block-content-recipe .dets-block {
  padding-top: 0;
  position: relative;
}

.form-block {
  padding-top: 0;
  padding-bottom: 80px;
  background: url(images/circle-backgrounds.svg) no-repeat;
  background-size: cover;
}

.cta-buttons .btn-outline-primary {
  --bs-btn-padding-x: 1.5rem;
  --bs-btn-padding-y: 1rem;
  --bs-btn-color: #0D342B;
  --bs-btn-border-color: #0D342B;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0D342B;
  --bs-btn-hover-border-color: #0D342B;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0D342B;
  --bs-btn-active-border-color: #0D342B;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0D342B;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0D342B;
  --bs-gradient: none;
  font-weight: 700;
}

.hero-slider .slick-dots li button {
  width: 25px;
  height: 25px;
  font-size: 20px;
}
.hero-slider .slick-dots li.slick-active button:before {
  opacity: 1;
  color: #87BA26;
}
.hero-slider .slick-dots li button:before {
  font-family: slick, serif;
  font-size: 16px;
  line-height: 20px;
  opacity: 1;
  color: #f1f1f1;
}

.recipe-block-header {
  padding-top: 100px;
}

.news-block-header {
  padding-top: 90px;
  padding-bottom: 20px;
}

.news-block-main {
  padding-bottom: 60px;
}

.makers-block {
  padding-top: 100px;
  padding-bottom: 100px;
}
.makers-block .slick-slide {
  height: auto;
}
.makers-block h3 {
  font-size: 105px;
}
.makers-block p {
  font-size: 25px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 300;
}
.makers-block img {
  border-radius: 100%;
  display: inline-block;
}
.makers-block .name-box {
  display: inline-block;
  color: #747474;
  font-size: 20px;
  font-weight: 300;
}
.makers-block .business-box {
  display: block;
  color: #676767;
  font-weight: 300;
  padding-top: 10px;
  padding-bottom: 10px;
}

.makers-block .slick-dots {
  position: absolute;
  bottom: -30px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  z-index: 5;
}

.prod-cat-home {
  padding-top: 80px;
  padding-bottom: 80px;
  background: url(images/circle-backgrounds.svg) no-repeat center;
  background-size: cover;
}

.overlay-curves {
  position: absolute;
  right: 0;
  opacity: 1;
  height: 700px;
}

.post-type-archive-recipe .overlay-curves {
  position: absolute;
  right: 0;
  opacity: 1;
  height: 700px;
  z-index: 1;
}

.cat-btn {
  background: #F9F9F9;
  border-radius: 20px;
  display: block;
  font-size: 19px;
  color: #0D342B;
  width: 100%;
  padding: 1rem;
  min-height: 90px;
  margin-bottom: 20px;
  transition: all ease 300ms;
}
.cat-btn:hover {
  background: #09332A;
  color: #fff;
}
.cat-btn:hover .catlink {
  color: white;
}
.cat-btn .catimg {
  border-radius: 50%;
  height: 60px;
  width: 60px;
  background-position: center;
  background-size: cover;
  max-width: unset;
}

.catlink {
  display: inline-block;
  width: auto;
  vertical-align: middle;
  padding-top: 15px;
  word-break: break-word;
}

.stockist-loop-page {
  padding: 50px 0 90px 0;
}
.stockist-loop-page h2 {
  padding-top: 50px;
  padding-bottom: 50px;
  font-weight: 400;
  display: block;
}
.stockist-loop-page .h2-alt {
  padding-top: unset;
  padding-bottom: unset;
}

.stock-block {
  margin-bottom: 90px;
}
.stock-block h3 {
  font-weight: 400;
}
.stock-block p {
  padding-top: 15px;
  padding-bottom: 15px;
}

.page-content {
  padding-top: 90px;
  padding-bottom: 90px;
}
.page-content .container {
  z-index: 2;
  position: relative;
}
.page-content h3 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.page-content h2 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.page-content h4 {
  font-size: 18px;
  font-weight: 400;
  color: #0D342B;
  padding-top: 15px;
  padding-bottom: 15px;
}
.page-content ul {
  color: rgba(0, 0, 0, 0.655);
}
.page-content ol {
  color: rgba(0, 0, 0, 0.655);
}
.page-content a {
  color: #09332A;
  font-size: 17px;
  font-weight: 400;
  display: inline-block;
  line-height: 0;
}

.events-slider {
  padding-top: 90px;
  padding-bottom: 90px;
}
.events-slider p {
  padding-bottom: 30px;
}
.events-slider .event-box {
  border-radius: 30px;
  border: 1px solid #0B332A;
  height: 200px;
  padding-left: 20px;
  padding-top: 50px;
}
.events-slider .event-box .date1 {
  display: block;
  font-weight: 300;
  font-size: 18px;
  padding-bottom: 5px;
}
.events-slider .event-box .title1 {
  font-size: 23px;
  font-weight: 400;
  display: block;
  padding-bottom: 5px;
}
.events-slider .event-box .locat1 {
  display: block;
  font-weight: 300;
  font-size: 18px;
}
.events-slider .slick-slide {
  padding-right: 15px !important;
}
.events-slider .prev4,
.events-slider .next4 {
  background: #0B332A;
  color: #fff;
  border: none !important;
  border-radius: 100%;
  padding: 10px 15px 10px 15px;
  margin-top: 30px;
}

.faqs-block {
  padding-top: 90px;
  padding-bottom: 20px;
}
.faqs-block .accordion-button[aria-expanded=true]::before {
  transform: rotate(45deg);
}
.faqs-block .accordion-button::before {
  content: "+";
  position: absolute;
  width: auto;
  right: 20px;
  transition: ease all 300ms;
}
.faqs-block .accordion-item {
  border-radius: 0;
  margin-bottom: 20px;
  background: #fff;
  color: #fff;
  border: none !important;
}
.faqs-block .accordion-button {
  background: #0B332A;
  border-radius: 0;
  border: none;
  color: #fff;
}
.faqs-block .accordion-button:focus {
  box-shadow: none !important;
  outline: none;
}
.faqs-block .accordion-button::after {
  background: none !important;
}
.faqs-block .accordion-item:first-of-type .accordion-button {
  border-radius: 0;
}

.form-block h3 {
  display: block;
  padding-top: 30px;
  padding-bottom: 30px;
}
.form-block .container {
  background: #fff;
  border-radius: 10px;
  padding: 30px 35px;
}
.form-block input {
  width: 100%;
  display: block;
  border: none;
  border-bottom: 1px solid #838383;
  padding-bottom: 15px;
  padding-left: 10px;
  background: transparent;
  margin-bottom: 30px;
}
.form-block input:focus {
  outline: none;
  border-bottom: 1px solid #BCD63D;
}
.form-block textarea {
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #838383;
  padding-bottom: 15px;
  padding-left: 10px;
  background: transparent;
}
.form-block textarea:focus {
  outline: none;
  border-bottom: 1px solid #BCD63D;
}
.form-block .wpcf7-submit {
  display: inline-block;
  width: auto;
  border: none;
  background: #0B332A;
  color: #fff;
  padding: 15px 20px 15px 20px;
  margin-top: 30px;
  border-radius: 10px;
}

.fourohfour {
  background-color: #0B332A;
  height: 65vh;
  padding-top: 100px;
  background-image: url("images/curves.svg");
  background-repeat: no-repeat;
  background-position: center right;
  overflow: hidden;
  position: relative;
}
.fourohfour h1 {
  color: #fff;
  font-size: 75px;
  font-weight: 400;
  margin-bottom: 40px;
}
.fourohfour a {
  color: #fff;
  font-size: 18px;
  font-weight: 300;
}
.fourohfour .four-btn {
  border: 1px solid #fff;
  padding: 15px 20px;
  border-radius: 30px;
  margin-right: 20px;
}
.fourohfour .five-btn {
  color: #BCD63D;
  font-size: 20px;
  font-weight: 300;
  display: inline-block;
  line-height: 0;
}
.fourohfour .five-btn .findout-link {
  z-index: 2;
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
}
.fourohfour .five-btn::before {
  background: #fff;
  height: 3px;
  display: inline-block;
  width: 100%;
  content: "";
  z-index: 1;
  position: relative;
  top: 12px;
}

.full-width-content li {
  font-weight: 300;
  font-size: 18px;
  color: #0B332A;
}

.green-header {
  margin-top: 30px;
}
.green-header .black-filter {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
}
.green-header .container {
  position: relative;
  z-index: 1;
}

.posts-block .dets-block {
  position: relative !important;
  bottom: 0 !important;
}

.post-type-archive-recipe .dets-block {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 3;
  bottom: 20px;
}
.post-type-archive-recipe .sort-block {
  padding-top: 0;
}
.post-type-archive-recipe .top-featured-posts {
  margin-top: -250px;
  z-index: 2;
  position: relative;
  margin-bottom: 20px;
}
.post-type-archive-recipe h4 {
  padding-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 18px;
  font-weight: 300;
  color: #0D342B;
  margin-bottom: 20px;
}

.tax-meal_type .dets-block {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 3;
  bottom: 20px;
}
.tax-meal_type .sort-block {
  padding-top: 0;
}
.tax-meal_type .green-header {
  background-size: cover;
  padding-bottom: 250px;
  padding-top: 100px;
}
.tax-meal_type .top-featured-posts {
  margin-top: -250px;
  z-index: 2;
  position: relative;
  margin-bottom: 25px;
}
.tax-meal_type h4 {
  padding-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 18px;
  font-weight: 300;
  color: #0D342B;
  margin-bottom: 20px;
}

.recipe-block-header h3 {
  margin-bottom: 20px;
  font-size: 35px;
  position: relative;
}
.recipe-block-header h3 .getshow {
  position: absolute;
  padding-left: 10px;
  padding-top: 17px;
  font-size: 75px;
  line-height: 0;
}
.recipe-block-header p {
  margin-bottom: 40px;
}
.recipe-block-header .navigation-icons {
  margin-top: 50px;
  padding-right: 20px;
}

.recipe-slider .hover-overlay {
  left: 0;
  z-index: 10;
  width: 100%;
  color: #fff;
  position: absolute;
  text-align: center;
  top: calc(50% + 10px);
  font-size: 18px;
  opacity: 0;
  pointer-events: none;
  transition: 0.35s ease-in-out;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.recipe-slider .hover-overlay img {
  height: 31px;
  width: auto;
  margin: 0 10px 0 0;
}
@media all and (min-width: 768px) {
  .recipe-slider .hover-overlay {
    font-size: 24px;
  }
}

@media all and (min-width: 768px) {
  .recipe-slider a:hover .gradient-box {
    height: 90%;
  }
  .recipe-slider a:hover .hover-overlay {
    opacity: 1;
    pointer-events: all;
  }
  .recipe-slider a:hover .block-content-recipe {
    opacity: 0;
    pointer-events: none;
    transform: translateY(20px);
  }
}
@font-face {
  font-family: "get_show";
  src: url("fonts/get_show-webfont.woff2") format("woff2"), url("fonts/get_show-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
html, body {
  font-family: "Poppins", sans-serif;
  overflow-x: hidden;
  max-width: 100%;
  padding-top: 70px;
}

.mapboxgl-map {
  height: 600px;
}

img {
  max-width: 100%;
  height: auto;
}

i {
  font-display: block !important;
}

a {
  border-bottom: none;
  text-decoration: none;
}

.tar {
  text-align: right !important;
}

.tac {
  text-align: center !important;
}

[x-cloak] {
  display: none !important;
}

.member-content {
  padding-bottom: 90px;
}

.b2t {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 1000;
  opacity: 0;
  transition: all ease 300ms;
  background: white;
  color: black;
  border: none;
  mix-blend-mode: difference;
  border-radius: 100%;
}
.b2t.display-button {
  opacity: 1;
}

h1 {
  color: #0D342B;
  font-size: 30px;
  font-weight: 400;
}

h2 {
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  color: #0D342B;
}
h2 strong {
  font-weight: 600;
  font-style: normal;
}

h3 {
  color: #0D342B;
}

p {
  font-weight: 300;
  font-size: 18px;
  color: #0B332A;
}

.our-members .content-with-image .display-content {
  margin-top: 80px;
}

.single-post p a {
  color: #0C4A45 !important;
  font-weight: 600;
}
.single-post h3 {
  color: #0C4A45;
  padding-top: 20px;
  padding-bottom: 20px;
  display: inline-block;
  font-weight: 600;
}
.single-post h2 {
  color: #0C4A45 !important;
  font-weight: 600;
}

.single {
  background-image: url(images/circle-bg.svg);
  background-position: top left;
  background-repeat: no-repeat;
}

nav {
  --bs-link-color: #585858;
  --bs-link-hover-color: #87BA26;
  list-style: none;
}
nav .dropdown-menu {
  --bs-dropdown-border-radius: 0;
  --bs-dropdown-border-width: 0;
}
nav .dropdown-item {
  --bs-dropdown-link-hover-color: #87BA26;
  --bs-dropdown-link-hover-bg: white;
  --bs-dropdown-link-active-bg: #87BA26 ;
}
nav #header-menu__left, nav #header-menu__middl, nav #header-menu__right {
  flex-basis: 33.3333333333%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.mixed-title {
  display: inline-flex;
  align-items: center;
}
.mixed-title span:nth-of-type(2) {
  margin: -5px 0 0 7px;
}

.news-block-main .row {
  max-width: 100%;
}

/*# sourceMappingURL=site.css.map */