@font-face {
  font-family: "MindBoggleDots-Regular";
  src: url("../fonts/MindBoggleDots-Regular.eot");
  src: url("../fonts/MindBoggleDots-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/MindBoggleDots-Regular.svg#MindBoggleDots-Regular")
      format("svg"),
    url("../fonts/MindBoggleDots-Regular.ttf") format("truetype"),
    url("../fonts/MindBoggleDots-Regular.woff") format("woff"),
    url("../fonts/MindBoggleDots-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MindBoggle-Regular";
  src: url("../fonts/MindBoggle-Regular.eot");
  src: url("../fonts/MindBoggle-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/MindBoggle-Regular.svg#MindBoggle-Regular") format("svg"),
    url("../fonts/MindBoggle-Regular.ttf") format("truetype"),
    url("../fonts/MindBoggle-Regular.woff") format("woff"),
    url("../fonts/MindBoggle-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/HelveticaNeue.eot");
  src: url("../fonts/HelveticaNeue.eot?#iefix") format("embedded-opentype"),
    url("../fonts/HelveticaNeue.svg#HelveticaNeue") format("svg"),
    url("../fonts/HelveticaNeue.ttf") format("truetype"),
    url("../fonts/HelveticaNeue.woff") format("woff"),
    url("../fonts/HelveticaNeue.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Intro Rust G Base";
  src: url("../fonts/IntroRustG-Base.woff2") format("woff2"),
    url("../fonts/IntroRustG-Base.woff") format("woff"),
    url("../fonts/IntroRustG-Base.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Intro Rust L Base 2 Line";
  src: url("../fonts/IntroRustL-Base2Line.woff2") format("woff2"),
    url("../fonts/IntroRustL-Base2Line.woff") format("woff"),
    url("../fonts/IntroRustL-Base2Line.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Intro Rust Base";
  src: url("../fonts/IntroRust-Base.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Intro Rust H2 Base 2 Line";
  src: url("../fonts/IntroRustH2-Base2Line.woff2") format("woff2"),
    url("../fonts/IntroRustH2-Base2Line.woff") format("woff")
    url("../fonts/IntroRustH2-Base2Line.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Zing Script Rust SB Demo Base";
  src: url("../fonts/ZingScriptRustSBDemo-Base.woff2") format("woff2"),
    url("../fonts/ZingScriptRustSBDemo-Base.woff") format("woff"),
    url("../fonts/ZingScriptRustSBDemo-Base.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/HelveticaNeue-Roman.woff2") format("woff2"),
    url("../fonts/HelveticaNeue-Roman.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

#main-column .post,
#main-column .page {
  border: 0;
  margin-bottom: 20px;
  padding: 0;
}
#site-footer {
  background: #f5f5f5;
  border-top: 0;
  padding: 0;
}
html,
body,
.page-container,
.site-content,
.container-fluid {
  height: 100%;
}
body {
  font-family: "Helvetica Neue";
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Intro Rust Base";
}

p {
  font-size: 20px;
}
.fs-64 {
  font-size: 4rem;
}
.logo-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.site-loader {
  background: #035c4a;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 320px;
  z-index: 9999999;
}
.site-loader .site-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 8;
  width: auto;
  text-align: center;
  padding: 30px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.taglineLogo {
  margin-top: 30px;
}
.loaderLogo {
  display: inline-block;
  position: relative;
}
.secondaryLogo {
  position: absolute;
  right: -20px;
  top: -37px;
}
/* .animate-color-bar { height: 25%; width: 100%; margin-right: 100%; }
.animate-color-bar.color-bar-1 { background: #fbbc43; }
.animate-color-bar.color-bar-2 { background: #e84b0f; }
.animate-color-bar.color-bar-3 { background: #69b760; }
.animate-color-bar.color-bar-4 { background: #702784; } */
.site-header .container-fluid {
  height:96px;
}
.page-template-template-intro .site-header {
  display: none;
}
#site-footer {
  display: none;
}
/* .container { max-width: 1200px; } */
/* .page-template-template-welcome .site-title-heading img { max-width: 139px; }
.page-template-template-home .site-title-heading img { max-width: 141px; } */
.site-title-heading img {
  max-width: 104px;
}
.homebanner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100%;
  min-height: 600px;
  text-align: center;
}
.container-section {
  height: 100%;
  padding-top: 12.125rem;
}
.farmlogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  padding-top: 125px;
  padding-left: 15px;
  padding-right: 15px;
}
.farmlogo a {
  position: relative;
}
.farmlogo a img {
  -webkit-transition: 0.3s cubic-bezier(0.43, 0.07, 0.61, 0.95);
  -o-transition: 0.3s cubic-bezier(0.43, 0.07, 0.61, 0.95);
  transition: 0.3s cubic-bezier(0.43, 0.07, 0.61, 0.95);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
.farmlogo a:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.clicktoenter {
  font-family: MindBoggle-Regular;
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
  color: #fff;
  text-align: left;
  position: absolute;
  top: -48px;
  left: -28px;
  padding-right: 50px;
  pointer-events: none;
  opacity: 0;
  -webkit-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
  animation: fadeIn ease 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.clicktoenter svg {
  position: absolute;
  right: 0;
  bottom: 0;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.welcomebanner {
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  position: absolute;
  top: 0;
  left: 0;
}
.banner {
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top left;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media screen and (min-width: 1300px) {
  .bannericon {
    margin-right: 30px;
  }
}
.right-content-section {
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* .container, .fullscreen { height: 100%; } */
.entry-content p {
  color: #000000;
  margin-bottom: 30px;
}
.entry-title a {
  font-size: 52px;
  color: #000000;
  font-family: MindBoggle-Regular;
}
.entry-title {
  margin-bottom: 25px;
}
.page-template-template-welcome .right-content-section {
  padding-left: 70px;
}
.right-content-section {
  height: 100%;
}
.col-20 {
  width: 20%;
  text-align: center;
  margin-top: 65px;
}
.explore-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.5rem;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.explore-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.explore-icon.complete {
  position: relative;
}
.explore-icon.complete:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -29px;
  background-image: url("../img/right.png");
  width: 58px;
  height: 58px;
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
}
/* .explore-section {
  width: 100%;
  text-align: center;
} */
/* .explore-section p {
  font-size: 18px;
} */
.fullscreen {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* .explore-section h2 {
  text-transform: uppercase;
  margin-bottom: 23px;
  font-family: MindBoggle-Regular;
} */
.downarrow {
  position: absolute;
  right: 15px;
  bottom: 90px;
  cursor: pointer;
}
.section-down-arrow-wrap {
  cursor: pointer;
  width: 58px;
  margin-left: auto;
  margin-right: auto;
}
.grains-section {
  text-align: center;
}
.grains-section {
  margin-top: 140px;
}
h2 span {
  color: #035c4a;
}
.video-sec {
  position: relative;
  top: 10px;
}
.videoicon {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.grains-section h2 {
  margin-bottom: 40px;
}
.scroller {
  cursor: pointer;
}
.m-t-40 {
  margin-top: 40px;
}
.m-t-55 {
  margin-top: 55px;
}
.slide-section {
  margin-top: 105px;
  width: 100%;
}
.slide-section .col-md-10 {
  max-width: 930px;
}
.explore-icon span {
  font-size: 35px;
  font-family: "Intro Rust Base";
  margin-top: 40px;
  display: inline-block;
}
.grains-card-list {
  max-width: 955px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  padding-left: 15px;
  padding-right: 15px;
}
.grains-card span {
  background-image: url("../img/shapes.png");
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 37px;
  height: 67px;
  font-family: MindBoggle-Regular;
  padding-left: 12px;
  line-height: 67px;
  color: #ffffff;
}
.grains-card {
  position: relative;
}
.grain-name {
  font-family: MindBoggle-Regular;
  font-size: 37px;
  line-height: 37px;
  padding: 12px;
}
/* h2 {
  margin-bottom: 30px;
} */
.tooltip-section .col-md-10 {
  max-width: 80%;
}
.refinedgrain {
  margin-left: 55px;
  margin-bottom: 25px;
  position: relative;
  max-width: 305px;
}
.wholegrain {
  text-align: right;
  position: relative;
}
.seedsec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.tooltipsec {
  margin-left: auto;
  margin-right: auto;
}
.tooltip-section .container {
  height: auto;
}
.text-white {
  color: #ffffff;
}
.video-slide-section {
  position: relative;
}
.video-slide-section:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0px;
  background-color: #035c4a;
  height: 734px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: -1;
}
.tooltip-section {
  position: relative;
}
.tooltip-section:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0px;
  background-color: #035c4a;
  height: 500px;
  top: auto;
  bottom: 29px;
  margin: auto;
  z-index: -1;
}
.tooltipsec {
  width: 100%;
}
.wholegrain {
  max-width: 360px;
  margin-left: auto;
}
.plusicon {
  width: 56px;
  height: 56px;
  background-color: #035c4a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  box-sizing: border-box;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 3px solid #fff;
  color: #ffffff;
}
.plusicon.active {
  background-color: #c1cc22;
}
.tooltipicon {
  position: absolute;
}
.tipicon1 {
  top: 0;
  left: 34%;
}
.tipicon2 {
  top: 27%;
  left: 49%;
}
.tipicon3 {
  top: 68%;
  left: 20%;
}
.tipicon4 {
  top: 47%;
  left: 51%;
  -webkit-transform: translateX(-51%);
  -ms-transform: translateX(-51%);
  transform: translateX(-51%);
}
.popover {
  width: 100%;
}
.question-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 960px;
  width: 100%;
  margin: auto;
  border: 1px solid #e4e4e6;
  border-radius: 30px;
  margin-top: 30px;
  -webkit-box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.1);
}
.question-image {
  background-repeat: no-repeat;
  background-position: bottom left 25%;
  height: 100%;
  border-radius: 30px 0 0 30px;
}
.click-to-hear {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: center;
  margin-right: 5px;
  font-size: 22px;
  gap: 10px;
}
.click-to-hear img {
  height: 20px;
  object-fit: contain;
}
.answers li {
  list-style: none;
  margin-bottom: 20px;
  line-height: 26px;
}
.question-section .answers-col .answer.active:before {
  background-color: #99c769;
  box-shadow: 0 0 0 3px #fff inset;
}
.question-section .answers-col .answer:before {
  content: "";
  padding: 2px;
  width: 26px;
  height: 26px;
  border: 2px solid #99c769;
  border-radius: 50%;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.question-section .answers-col .answer input {
  position: absolute;
  top: -50px;
}
.question-section .answers-col .answer {
  display: block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: background 0.15s linear, color 0.15s linear;
  -o-transition: background 0.15s linear, color 0.15s linear;
  transition: background 0.15s linear, color 0.15s linear;
  text-transform: none;
  font-size: 18px;
  padding-left: 50px;
}
.answers {
  padding-left: 0;
  margin-bottom: 38px;
  margin-top: 20px;
}
.click-to-hear span {
  /* width: 90px; */
  /* margin-bottom: 10px; */
  /* margin-right: 5px; */
}
.default-btn {
  background-color: #035c4a;
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  font-family: "Intro Rust Base";
  height: 50px;
  width: 165px;
  border-radius: 40px;
  line-height: 34px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
}
.default-btn:hover {
  background-color: #035c4a;
  color: #fff;
}
.question-section .col-sm-5 {
  padding-left: 0px;
}
.question-section .col-sm-7 {
  padding-top: 20px;
  padding-bottom: 45px;
  padding-left: 35px;
}
.m-t-80 {
  margin-top: 80px;
}
.m-t-140 {
  margin-top: 140px;
}
.m-b-25 {
  margin-bottom: 25px;
}
.nice-work-section a {
  margin-top: 35px;
}
.m-b-110 {
  margin-bottom: 110px;
}
.popover .arrow {
  display: none;
}
.popover .close {
  opacity: 1;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 25px;
}
.popover {
  max-width: 365px;
  border: 1px solid #b5b5b5;
  border-radius: 35px;
  padding: 45px 25px 15px 35px;
  -webkit-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1);
}
.popover p {
  font-size: 16px;
}
.popover h5 {
  font-size: 22px;
}
h3 {
  font-size: 30px;
  /* font-family: MindBoggle-Regular; */
}
.answers-col h3 {
  margin-bottom: 30px;
  font-family: "Zing Script Rust SB Demo Base";
}
.answers-col p {
  font-size: 18px;
  margin-right: 35px;
  margin-bottom: 30px;
}
.right-section,
.wrong-section {
  height: 550px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 960px;
  margin: auto;
  border: 1px solid #e4e4e6;
  border-radius: 30px;
  text-align: center;
  margin-top: 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  -webkit-box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.1);
}
.right-section p,
.wrong-section p {
  font-size: 22px;
}
.wrong-section p {
  margin-bottom: 30px;
}
/* .right-section p {
  text-align: left;
} */
.right-sec h3,
.wrong-sec h3 {
  margin-top: 55px;
  margin-bottom: 30px;
  font-size: 3.5rem;
}
.green-btn {
  background-color: #035c4a;
  color: #fff;
}
.green-btn:hover {
  background-color: #035c4a;
}
.right-section,
.wrong-section {
  display: none;
}
.sliderouter {
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
}
.grains-card-list.large-container {
  max-width: 1370px;
}
.grains-col {
  -ms-flex: 0 0 285px;
  flex: 0 0 285px;
  max-width: 285px;
  position: relative;
  outline: none !important;
}
.grains-col:nth-child(even) {
  margin-left: 35px;
  margin-right: 35px;
}
.grains-col.active {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.grains-col:not(.completed) {
  cursor: pointer;
}
.grains-col.completed .gc-image::before {
  content: "";
  display: inline-block;
  width: 58px;
  height: 58px;
  position: absolute;
  top: 12px;
  right: 12px;
  background: url("../img/right.png") no-repeat center center/contain;
  z-index: 1;
}
.grains-card {
  overflow: hidden;
}
.gc-image {
  position: relative;
}
.gc-content {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  left: 285px;
  visibility: hidden;
  height: 100%;
}
.gc-content-inner {
  /* max-width: 680px;  */
  padding: 0 8% 0 8%;
  margin-right: -18px;
}
.grains-card.active {
  width: 100% !important;
}
.grains-card.active .gc-content {
  visibility: visible;
}
/* .grains-card.active { overflow: visible; } */
.gc-title {
  font-size: 37px;
  font-family: MindBoggle-Regular;
  margin-bottom: 15px;
}
.grains-card.active + .grain-name {
  display: none;
}
.leftarrow {
  position: absolute;
  bottom: 0;
  line-height: 0;
}
.gc-content-close {
  display: inline-block;
  width: 44px;
  height: 44px;
  background: url("../img/arrows.svg") no-repeat center center/contain;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.modal-dialog {
  max-width: 1165px;
}
.modal .close {
  opacity: 1;
}
.popup-content a {
  font-weight: normal;
}
.after-continue,
.last-continue {
  display: none;
}
.modal-content {
  min-height: 625px;
  border: 1px solid #c9c9c9;
  border-radius: 50px;
}
.before-continue .popup-content {
  text-align: center;
}
.modal-backdrop.show {
  opacity: 0;
}
.popup-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 594px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 900px;
  margin: auto;
  text-align: center;
}
.popuptitle {
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 35px;
  font-family: "Intro Rust Base";
}
.before-continue a {
  font-family: "Zing Script Rust SB Demo Base";
  font-size: 20px;
  color: #035c4a;
}
a.btn i {
  font-size: 23px;
  margin-left: 8px;
}

/* Explore */
.page-template-template-explore article {
  padding-top: 120px;
  padding-bottom: 80px;
}
.page-template-template-explore article header,
.page-template-template-explore article footer {
  display: none;
}
.page-template-template-explore .entry-content p {
  font-size: 35px;
  font-family: MindBoggle-Regular;
  color: #ffffff;
  text-align: center;
  margin-bottom: 0;
}
.page-template-template-explore .entry-content {
  background-color: #035c4a;
  height: 220px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 15px;
  padding-right: 15px;
}
.page-template-template-explore .container {
  height: auto;
}

.productimage {
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px 0px 0px 30px;
  background-position: top left 60%;
}
.dairy-slider {
  max-width: 930px;
  margin: auto;
  background-color: #ffffff;
  border-radius: 30px;
  -webkit-box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.1);
  margin-top: 60px;
}
.dairyslide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 500px;
  border-radius: 30px;
}
.font37 {
  font-size: 37px;
}
.dairyslide .col-sm-5 {
  padding-left: 0;
}
.product-title {
  font-family: MindBoggle-Regular;
  font-size: 37px;
}
.product-description {
  margin-top: 30px;
}
.product-description p {
  font-size: 18px;
}
.productdetails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 40px;
  padding-right: 55px;
}
.product-section {
  margin-top: 110px;
  width: 100%;
}
.m-t-120 {
  margin-top: 120px;
}
.product-slider .slick-prev,
.product-slider .slick-next {
  background-image: url("../img/arrows.svg");
  width: 58px;
  height: 58px;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}
.product-slider .slick-prev:before,
.product-slider .slick-next:before {
  display: none;
}
.product-slider .slick-prev {
  transform: rotate(90deg);
  left: -10%;
}
.product-slider .slick-next {
  transform: rotate(270deg);
  right: -10%;
}
.product-slider .slick-prev.slick-disabled,
.product-slider .slick-next.slick-disabled {
  opacity: 0.5;
}
.cow-item {
  position: relative;
}
.cow-item img {
  width: 100%;
}
.cows-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cow-details {
  padding-left: 27px;
  padding-right: 27px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  color: #ffffff;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.cow-details:not(.completed) {
  cursor: pointer;
}
.cow-details.completed::before {
  content: "";
  display: inline-block;
  width: 58px;
  height: 58px;
  position: absolute;
  top: 22px;
  left: 22px;
  background: url("../img/right.png") no-repeat center center/contain;
  z-index: 1;
}
.cow-name {
  font-family: "Intro Rust Base";
  font-size: 24px;
  margin-bottom: 14px;
}
.cow-details.active {
  background: #035c4a;
}
.cow-details .cow-name {
  transform: translateY(350%);
  transition: all 0.3s ease;
  position: absolute;
}
.cow-details.active .cow-name {
  transform: translateY(0%);
  position: relative;
}
.cow-description {
  opacity: 0;
}
.cow-details.active .cow-description {
  opacity: 1;
}
.w-100 {
  width: 100%;
}
.poll-form ul {
  padding-left: 0;
  list-style: none;
}
.poll-form ul li {
  border: 2px solid transparent;
  font-size: 20px;
  padding: 15px 23px;
  -webkit-box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.1);
  text-align: left;
  margin-bottom: 25px;
}
.poll-form ul li.active {
  border: 2px solid #035c4a;
}

.video-slide-section.no-bg:after {
  display: none;
}
.activity-section {
  padding-top: 130px;
}
.activities {
  border: 1px solid #c9c9c9;
  height: 660px;
  border-radius: 30px;
  -webkit-box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 15px;
}
.farmer-img {
  padding-left: 15px;
  padding-right: 15px;
}
.farmer-descrip {
  margin-right: 19%;
}
.activity-btn {
  width: 247px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.activity-list {
  display: none;
  width: 100%;
}
.start-activity {
  display: block;
}
.start-activity .activity-btn {
  margin-top: 30px;
}
.chicken-activity,
.lamb-activity,
.sound-activity {
  max-width: 840px;
  margin: auto;
  text-align: center;
}
.activity-question h2 {
  margin-bottom: 10px;
}
.m-t-35 {
  margin-top: 35px;
}
.m-t-25 {
  margin-top: 25px;
}
.animal-with-name {
  position: relative;
}
.animal-name {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  font-size: 25px;
  color: #000;
  font-family: MindBoggle-Regular;
  z-index: 1;
  text-shadow: 0 0 4px #fff
}
.sound-activity .activity-question H2 {
  margin-bottom: 20px;
}
.thank-activity img {
  max-width: 165px;
  margin-bottom: 45px;
}
.m-t-65 {
  margin-top: 65px;
}

.second-activities .start-activity {
  max-width: 920px;
  margin: auto;
}
.second-activities .farmer-descrip {
  margin-right: 0;
  padding-right: 5%;
}
.second-activities .animal-name {
  position: relative;
  top: 0;
  bottom: 0;
  margin-top: 15px;
  color: #000;
  font-size: 20px;
}
.second-activities .sound-activity {
  max-width: 962px;
}
.continuenext {
  vertical-align: bottom;
  display: inline-block;
}
#container5-6 .popupimg img,
#container7-8 .popupimg img {
  margin-left: 28px;
  margin-right: 28px;
}
.popupimg img {
  cursor: pointer;
}

.m-t-105 {
  margin-top: 105px;
}
.need-section ul {
  padding-left: 17px;
}
.need-section ul li {
  font-size: 20px;
  font-family: "Helvetica Neue";
}
.need-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}
.need-section .downarrow {
  position: relative;
  bottom: 0;
}

.m-t-85 {
  margin-top: 85px;
}
.seed-item .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.seed-item {
  max-width: 820px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.seed {
  border: 1px solid #d9d9d9;
  border-radius: 30px;
  -webkit-box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 6px 2px rgba(226, 162, 162, 0.1);
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  min-height: 240px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
}
.seed-description p {
  font-size: 22px;
  font-family: "Helvetica Neue";
}
.seed-details {
  padding-right: 20px;
}

.download-btn {
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 10px;
}
.page-template-template-colouringactivity .right-content-section p {
  margin-bottom: 25px;
}
.farm-to-see a {
  font-family: MindBoggle-Regular;
  font-size: 32px;
  color: #035c4a;
  display: inline-block;
  margin-top: 10px;
}
.farm-to-see-section {
  height: 100%;
}
.m-b-40 {
  margin-bottom: 40px;
}
.h-100 {
  height: 100%;
}
.p-l-10 {
  padding-left: 10px;
}
.sponsors-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sponsors-section h2 {
  font-size: 35px;
}
.sponsors-section {
  width: 100%;
  margin-top: 120px;
}
.m-t-60 {
  margin-top: 60px;
}
.m-t-45 {
  margin-top: 45px;
}
.support-sponsors {
  margin-top: 85px;
}
.sponsors-list {
  margin-top: 60px;
}
.sponsors-list .col-md-3 {
  margin-bottom: 50px;
}
.sponsors-section {
  margin-bottom: 95px;
}
.page-template-template-welldone .top-footer {
  display: none;
}
.page-template-template-welldone #site-footer {
  display: block;
}
.page-template-template-welldone .bottom-footer {
  background: #035c4a;
  color: #fff;
  font-family: HelveticaNeue;
  font-size: 14px;
  padding: 25px 0;
}
.bottom-footer .container-fluid {
  padding-left: 25px;
  padding-right: 25px;
}

.page-template-template-welldone .container-section {
  height: 100%;
  display: table;
  width: 100%;
}
.fullscreen {
  height: 100vh;
}

#tool-tip,
#quick-question {
  padding-top: 110px;
}
.p-t-140 {
  padding-top: 140px;
}
.p-t-110 {
  padding-top: 110px;
}

.seedsec span {
  color: #fff;
  font-size: 22px;
  font-family: "Intro Rust Base";
  position: relative;
}
.seedsec .wholegrain,
.seedsec .refinedgrain {
  text-align: center;
}
.seedsec .wholegrain span {
  top: 10px;
}
.seedsec .refinedgrain span {
  top: 35px;
}

.growing-seeds-section .seed-item {
  opacity: 0.5;
}
.growing-seeds-section .seed-item:first-child {
  opacity: 1;
}
.growing-seeds-section .seed-item.active {
  opacity: 1;
}

.poll-form ul.percentage {
  display: none;
}
.poll-form ul.percentage li {
  position: relative;
  font-weight: 500;
  border: none;
  padding: 0;
}
.poll-form ul.percentage li .progress {
  height: 62px;
  border-radius: 0;
  background-color: #fff;
}
.poll-form ul.percentage li .progress .progress-bar {
  font-size: 20px;
  font-family: HelveticaNeue;
  text-align: left;
  padding-left: 23px;
  color: #035c4a;
  background-color: #035c4a;
  font-weight: 600;
  overflow: visible;
}

.activity-answers {
  position: relative;
  max-width: 258px;
  margin: auto;
}
.second-activities .activity-answers {
  max-width: 218px;
}
.activity-answers span.answer,
.cotton-image span.answer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border-radius: 30px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}
.activity-answers.active {
  width: 218px;
  margin: auto;
}
.sound-activity .activity-answers.active {
  width: auto; /* reset inside sound-activity */
}
.activity-answers.active span.wrong-answer,
.cotton-image.active span.wrong-answer {
  border: 2px solid #e84b0f;
  background-color: rgba(232, 75, 15, 0.4);
  background-image: url("../img/wrong.svg");
}
.activity-answers.active span.right-answer,
.cotton-image.active span.right-answer {
  border: 2px solid #035c4a;
  background-color: rgba(193, 204, 34, 0.4);
  background-image: url("../img/right.svg");
}
.sound-activity .col-md-3:nth-child(3) .activity-answers span.answer {
  border-radius: 25px;
}

.explore-icon a img {
  -webkit-transition: 0.3s cubic-bezier(0.43, 0.07, 0.61, 0.95);
  -o-transition: 0.3s cubic-bezier(0.43, 0.07, 0.61, 0.95);
  transition: 0.3s cubic-bezier(0.43, 0.07, 0.61, 0.95);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
.explore-icon a:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.question-section .col-sm-5 {
  height: 100%;
}
.quick-sec {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.wrong-section .quick-sec,
.right-section .quick-sec {
  height: 100%;
}

.redMeatImage {
  position: relative;
}

@media (min-width: 992px) {
  .grains-card-list,
  .grains-col {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  .grains-card-slider[data-active-card="1"] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .grains-card-slider[data-active-card="3"] {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .gc-content-inner {
    max-height: 370px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .gc-image {
    -ms-flex: 0 0 285px;
    flex: 0 0 285px;
    max-width: 285px;
  }
  .gc-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
  }
  .grains-card.active .gc-content {
    opacity: 1;
  }
}
@media screen and (max-width: 1200px) {
  .explore-icon {
    padding-left: 15px;
    padding-right: 15px;
  }
  .dairy-slider {
    max-width: 80%;
  }
  .product-section {
    margin: auto;
  }
  .gc-content .gc-text p {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cow-name {
    font-size: 18px;
  }
  .cow-description p {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) {
  .right-content-section,
  .welldone-content {
    min-height: 700px;
  }
  .welldone-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 991px) {
  .banner {
    background-size: cover;
  }
  .question-section,
  .right-section,
  .wrong-section {
    margin-left: 15px;
    margin-right: 15px;
  }
  .product-slider .slick-prev,
  .product-slider .slick-next {
    max-width: 35px;
  }
}
@media (max-width: 767px) {
  .site-header .header-2 .col-md-4:first-child {
    order: 2;
  }
  .site-header .header-2 .col-md-4:nth-child(2) {
    order: 1;
    max-width: 85px;
  }
  .site-header .header-2 .col-md-4:last-child {
    order: 3;
    width: 70px;
  }
  .page-template-template-welcome .site-title-heading img {
    max-width: 85px;
  }
  .homebanner {
    min-height: 540px;
  }
  .farmlogo a {
    max-width: 280px;
  }
  .welcomebanner {
    position: relative;
    padding-top: 85%;
    height: auto;
    margin-top: 70px;
  }
  .right-content-section {
    left: 0;
    height: auto;
  }
  .page-template-template-welcome .right-content-section {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 30px;
  }
  .page-template-template-welcome .introduction-content {
    margin-top: 0;
  }
  .downarrow {
    position: relative;
    text-align: center;
    bottom: auto;
    margin-top: 50px;
  }
  .fullscreen {
    height: auto;
  }
  .col-20 {
    width: 50%;
    margin-top: 35px;
  }
  .explore-icons span {
    width: 100%;
  }
  .explore-section {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .banner {
    background-size: cover;
    position: relative;
    background-position: center;
    height: auto;
    padding-top: 60%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .bannericon img {
    max-width: 170px;
  }
  .bannericon {
    position: relative;
    top: 55px;
  }
  .introduction-content {
    margin-top: 90px;
    text-align: center;
  }
  .grains-section {
    margin-top: 0;
  }
  .videoicon img {
    max-width: 80px;
  }
  #tool-tip,
  #quick-question {
    padding-top: 60px;
  }
  .slide-section {
    margin-top: 60px;
  }
  .tooltip-section:after {
    height: 350px;
  }

  .entry-title a {
    font-size: 30px;
  }
  h2 {
    font-size: 28px;
  }
  p {
    font-size: 18px;
  }
  .seedsec span {
    font-size: 18px;
  }

  .question-section,
  .dairyslide {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .productdetails {
    padding-left: 0;
    padding-right: 0;
  }
  .video-slide-section {
    margin-top: 50px;
  }
  .sliderouter {
    margin-top: 50px;
  }
  .page-template-template-grains .sliderouter {
    margin-top: 0px;
  }
  .cows-section {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .cow-item {
    margin-bottom: 30px;
  }
  .page-template-template-explore .entry-content p {
    font-size: 30px;
  }
  .farmer-descrip {
    margin-right: 0;
    margin-top: 30px;
    text-align: center;
  }
  .activities {
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .activity-list .col-md-4 {
    margin-bottom: 30px;
  }
  .second-activities .farmer-descrip {
    padding-right: 0;
  }
  .second-activities .farmer-img {
    margin-top: 30px;
  }
  .need-section ul li {
    font-size: 18px;
    list-style: none;
  }
  .seed-details {
    text-align: center;
    padding-right: 0;
    margin-top: 30px;
  }
  .downarrow {
    right: 0;
  }
  .farm-to-see-section {
    margin-top: 60px;
    margin-bottom: 60px;
    height: auto;
  }
  .finishlogo {
    text-align: center;
    padding-top: 130px;
  }
  .page-template-template-welldone .site-content {
    text-align: center;
  }
  .animal-with-name {
    margin-bottom: 25px;
  }
  .sound-activity .col-md-3 {
    margin-bottom: 30px;
  }
  .entry-content p {
    margin-bottom: 20px;
  }
}
@media (min-width: 575px) {
  .modal-content {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (max-width: 575px) {
  .question-image,
  .productimage {
    padding-top: 250px;
    border-radius: 30px 30px 0 0px;
  }
  .question-section .col-sm-5,
  .dairyslide .col-sm-5 {
    padding-right: 0;
  }
  .dairyslide {
    height: auto;
  }
  .product-slider .slick-prev,
  .product-slider .slick-next {
    width: 35px;
    height: 35px;
  }
  .product-slider .slick-prev {
    left: -13%;
  }
  .product-slider .slick-next {
    right: -13%;
  }
  .product-slider .productdetails {
    margin-top: 15px;
    text-align: center;
  }
  .product-slider .product-description {
    margin-top: 15px;
  }
  .cows-section .col-md-4 {
    width: 100%;
  }
  .activity-btn {
    width: 230px;
  }
  .refinedgrain {
    margin-left: 15px;
  }
  .tooltipicon img {
    max-width: 16px;
  }
  .tooltipicon .plusicon {
    width: 36px;
    height: 36px;
  }
  .product-title,
  .cow-name,
  .sponsors-section h2 {
    font-size: 28px;
  }
  .sponsors-list .col-md-3 {
    margin-bottom: 30px;
  }
  .question-section .col-sm-5 {
    height: auto;
  }
  .right-sec p {
    text-align: center;
  }
}

@media (max-width: 480px) {
  .site-title-heading img {
    max-width: 75px;
  }
  .site-header .header-2 .col-md-4:first-child {
    padding-right: 0px;
  }
  .site-header .header-2 .col-md-4:last-child {
    padding-right: 0;
    padding-left: 0;
  }
  .header-2 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .seedsec span {
    font-size: 16px;
  }
  .clicktoenter {
    top: -60px;
    left: 0;
  }
  .popover {
    max-width: 300px;
    padding-left: 20px;
  }
  .product-slider .slick-prev {
    left: -17%;
  }
  .product-slider .slick-next {
    right: -17%;
  }
  .explore-icon span {
    font-size: 16px;
  }
  .videoicon img {
    max-width: 60px;
  }
}
@media (max-width: 400px) {
  .explore-icon.complete:after {
    width: 40px;
    height: 40px;
    top: -20px;
  }
  .farm-to-see a {
    font-size: 26px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 70rem;
  }
}
@media (min-width: 1600px) {
  .container {
    max-width: 90rem;
  }
}
/* Landing Page - Colours of Queensland */
.bekka-section {
  padding: 2rem 0;
}
.bekka-subtitle {
  font-family: "Zing Script Rust SB Demo Base";
  font-size: 2.25rem;
}
.bekka_text {
  font-size: 1.375rem;
}
.queensland-section {
  padding: 5rem 0;
}
.opacity-0 {
  opacity: 0;
}
/* Landing Page - Colours of Queensland */

.hero-sec-title {
  font-family: "Intro Rust G Base";
  font-size: 4rem;
}
.hero-sec-subtitle {
  font-family: "Zing Script Rust SB Demo Base";
  font-size: 2.25rem;
}
.line-image {
  z-index: -1;
}
.location-hero-section {
  padding-bottom: 5rem;
}
.location-hero-section.northqld-hero-section {
  padding-top: 5rem;
}
.page-section {
  padding: 8rem 0;
}
.section-title {
  font-size: 3.5rem;
}
.section-subtitle,
.section-subtitle p {
  font-size: 1.375rem;
  font-family: "Helvetica Neue";
}

/* Queensland Page  */
.queenslandLineImage {
  left: 0;
  bottom: 1rem;
}
.downSectionArrow {
  width: 3.625rem;
  margin: 0 auto;
  position: relative;
  bottom: -5rem;
  cursor: pointer;
}
.custom-video-wrapper {
  aspect-ratio: 1203 / 627;
  width: 100%;
  max-width: 1203px;
  margin: 0 auto;
  border: 1px solid #d9d9d9;
  border-radius: 1rem;
  overflow: hidden;
  background: #000;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}
.custom-video-wrapper video {
  width: 100%;
  height: auto;
  display: block;
}
.custom-video-wrapper iframe {
  width: 100%;
  height: 100%;
  object-fit: cover; /* keeps proportions inside */
  border-radius: inherit; /* matches container */
}
.custom-video-wrapper .video-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.custom-video-wrapper .video-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mb-50 {
  margin-bottom: 3.125rem;
}
.custom-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 2;
}
.section-sub-title {
  font-family: "Zing Script Rust SB Demo Base";
  font-size: 2.25rem;
}
.explore-section p.section-subtitle {
  font-family: "Zing Script Rust SB Demo Base";
}
.section-paragraph,
.section-paragraph p {
  font-size: 1.375rem;
}
.half-section-bg {
  position: relative;
}
.half-section-bg::before {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 50%;
  background-color: #035c4a;
}
.page-section.half-section-bg {
  padding-bottom: 10rem;
}
.font-style-italic p:last-child {
  font-style: italic;
}
.queenslandCard {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.queenslandCard .card-body::after {
  content: "";
  padding-bottom: 121.53%;
  display: block;
}
.card-text {
  font-family: "Helvetica Neue";
}
.card-img-top,
.card-img-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.card-img-overlay {
  opacity: 0;
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
}
.queenslandCard.active .card-img-overlay {
  opacity: 1;
  transform: translate(0);
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
}
.queenslandCard.active .card-img-top {
  opacity: 0;
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.beensCard {
  background-color: #f9c832;
  color: #000;
}
.bananaCard {
  background-color: #99c769;
  color: #000;
}
.bananaCard .card-img-top img {
  width: 15rem;
  height: 13.063rem;
  object-fit: contain;
}
.bg-position-center {
  background-position: center;
  background-size: contain;
}
/* Queensland Page  */

.explore-section {
  padding: 10rem 0;
}
.cottonCard {
  max-width: 73.125rem;
  border: 1px solid #c9c9c9;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  padding: 4.375rem;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}
.cottonCard .section-title {
  font-size: 2.25rem;
}
.cotton-box {
  border: 1px solid #d9d9d9;
  position: relative;
  border-radius: 30px;
  overflow: hidden;
  text-align: center;
}
.cotton-box::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.cotton-box .cotton-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.cotton-name {
  font-size: 1.125rem;
  text-align: center;
}
.btn-secondary.page-btn {
  background-color: #99c769;
  border-color: #99c769;
  text-transform: uppercase;
  font-size: 20px;
  font-family: "Intro Rust Base";
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
}
.southQldImg {
  margin-top: -6rem;
}

.endScreenSection {
  margin-top: -6rem;
  padding-top: 7rem;
}
.loaderTagline {
  font-size: 5.313rem;
  font-family: "Intro Rust G Base";
  color: #ffffff;
}
.page-section.banana-hero-section {
  padding-top: 5rem;
}
.bg-image-size {
  background-size: 60%;
}
.grainQueImage {
  background-position: center;
  background-size: 60%;
}

.popover{
  font-family: "Helvetica Neue";
}
.redMeatImage .plusicon {
  font-size: 2rem;
  font-family: "Intro Rust Base";
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.redMeatImage .plusicon:hover {
  color: #ffffff;
}
.redMeatTooltip_1 {
  top: 0%;
  left: 16%;
}
.redMeatTooltip_2 {
  top: 8%;
  left: 55%;
}
.redMeatTooltip_3 {
  top: 48%;
  left: 50%;
}
.redMeatTooltip_4 {
  bottom: 24%;
  left: 44%;
}
.redMeatTooltip_5 {
  bottom: 24%;
  right: 8%;
}
.redMeatTooltip_6 {
  top: 9%;
  right: 9%;
}

.featuresImage {
  height: 57rem;
  display: inline-block;
  position: relative;
  width: auto;
}
.featuresImgContainer .tooltip_1 {
  top: 9%;
  left: 22%;
}
.featuresImgContainer .tooltip_2 {
  top: 43%;
    right: 16%;
}
.featuresImgContainer .tooltip_3 {
      left: 43%;
    bottom: 33%;
}
.featuresImgContainer .tooltip_4 {
  left: 36%;
  bottom: 18%;
}
.featuresImgContainer .tooltip_5 {
  right: 33%;
  bottom: 14%;
}
.featuresImgContainer .tooltip_6 {
  left: 44%;
  bottom: -3%;
}
@media (max-width: 1399.98px) {
  .fs-64,
  .hero-sec-title {
    font-size: 3rem;
  }
  .bekka-subtitle,
  .hero-sec-subtitle {
    font-size: 1.75rem;
  }
  .bekka-text p {
    font-size: 1rem;
  }
  .section-title {
    font-size: 2.5rem;
  }
  .section-subtitle p {
    font-size: 1.25rem;
  }
  .queenslandLineImage {
    bottom: 3rem;
    width: 48rem;
  }
}
@media (max-width: 1199.98px) {
  .queenslandLineImage {
    bottom: 5rem;
    width: 35rem;
  }
}
@media (max-width: 991.98px) {
  .container-section {
    padding-top: 9rem;
  }
  .queensland-section {
    padding: 3rem 0;
  }
  .fs-64 {
    font-size: 2rem;
  }
  .bekka-subtitle {
    font-size: 1.25rem;
  }
  .bekka-text p {
    font-size: 0.875rem;
  }
  .queenslandLineImage {
    bottom: 6rem;
    width: 26rem;
  }
  .loaderTagline {
    font-size: 3.313rem;
  }
  .featuresImage{
        height: 40rem;
  }
}
@media (max-width: 767.98px) {
  .container-section {
    padding-top: 7rem;
  }
  .location-hero-section {
    padding-top: 3rem;
  }
  .queenslandLineImage {
    bottom: 11rem;
    width: 9rem;
  }
  .loaderTagline {
    font-size: 2.313rem;
  }
  .redMeatImage .plusicon {
    width: 26px;
    height: 26px;
    font-size: 0.75rem;
  }
  .featuresImage {
    height: auto;
  }
}
@media (max-width: 575.98px) {
  .cottonCard {
    padding: 1.5rem;
  }
  .cottonCard .section-title {
    font-size: 1.5rem;
  }
  .cottonCard .section-subtitle,
  .cotton-name {
    font-size: 1rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle,
  .section-subtitle p {
    font-size: 1rem;
  }
  .mb-50 {
    margin-bottom: 2rem;
  }
}

.wp-video-shortcode {
  border-radius: 25px 25px 25px 25px;
}
.mejs-controls {
  border-radius: 0 0 25px 25px;
}
.qldMap.disabled {
  pointer-events: none;
  opacity: .2;
}

/* .qldMap{
  opacity: 0.5;
  pointer-events: none;
}
.qldMap.active{
  opacity: 1;
  pointer-events: all;
}
.qldMap.completed .opacity-0{
  opacity: 1;
} */