@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar {
  background: transparent;
  transition: background-color 1000ms linear;
}

.navbar.tanColor {
      background: linear-gradient(180deg, #FFFFFF 0%, #EBEBEB 100%);
         transition: background-color 1000ms linear;
}

.favFlavor.pabsolute {
  position: absolute;
  top: 105px;
  width: 100%;
  left: 0;
}

.logo-sm-expand {
  display: none;
}

.tanColor .logo-sm-expand {
  display: block;
}

.tanColor .logo-sm {
  display: none;
}

.main {
  background: linear-gradient(180deg, #00321C 0%, #1A6305 100%);
}
.page-node-type-careers-page .main {
  background: #fff;
}

.navbar-toggler {
  background-color: #fe7d01;
  display: block;
  padding: 10px 10px;
  border-radius: 40px;
  border: 0;
  margin-right: 0;
}

.carousel-indicators li {
  display: inline-block;
  width: 60px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #2D9900;
  border-radius: 10px; 
  opacity: 1;
  border: 0px solid #2D9900;
  margin-right: 5px;

}

.carousel-indicators .active {
  background-color: #FFB800;
}

body {
  font-family: 'Roboto', sans-serif;
}

p {
  font-family: 'Roboto', sans-serif;
  font-size: 1.05em;
}

h1, h2 {
font-family: "Oswald", "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif; font-weight:600; font-stretch:condensed;
}

h1 {
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  color: #fff;
  font-size: 3.5rem;
}

h1 img.bigHeaderLogo {
  max-width: 335px;
  margin-bottom: 25px;
}

.brand-product h1 span {
  font-family: monospace;
  font-weight: bold;
}

h1 span.amp {
  font-family: monospace;
  font-weight: bold;
}

span.amp {
  font-family: monospace;
  font-weight: bold;
}

.mainImage {
  max-width: 100%;
  max-height: 100%;
}

header {
  z-index: 9999999999;
  width: 100%;
}

.global-header {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  background: #fff; 
}

.halfCircle {
    width: 240px;
    height: 120px;
    background-color: #fff;
    border-radius: 0 0 120px 120px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 3;
    margin: auto;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    top: 65px;
}

/**
COFFEE
**/
.page-node-type-coffee-page .global-header, .page-node-type-coffee-page footer {
  display: none;
}

.mw-100 {
  max-width: 100%;
}

.coffeeHeader {
  width: 100%;
}
.page-node-type-coffee-page, .flavorDescription, .page-node-type-coffee-page .main {
  background: #2A2A2B;
}


.page-node-type-coffee-page .footerLinks .footer-left, .page-node-type-coffee-page .footerLinks {
  background: #1B1B1B;
}
/**
END COFFEE
**/

.navbar-nav {
  color: #1A6305;
}

.global-header .navbar-nav > li {
  flex: 1 1 calc(100% / 8);
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
}

.views-field-field-product-images {
  margin-top: 20px;
}

.navbar-light .navbar-nav .nav-link {
  color: #1A6305;
  font-weight: bold;
  font-size: 18px;
}

.navbar-light ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
  min-height: 88px;
}


.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: #1A6305;
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
  color: #FE7D01;
}

.logo-sm {
  max-width: 85px;
  height: auto;
}

@media (max-width: 991px) {
  .navbar-light .navbar-nav .nav-link {
    font-size: 35px;
font-family: "Oswald", "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif; font-weight:600; font-stretch:condensed;
    line-height: 50px;
    font-weight: normal;
    text-transform: uppercase;
  }

  .navbar-nav {
    padding-bottom: 30px;
  }


  .favFlavor.pabsolute {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
  }

}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-collapse {
    display: block !important;
    flex-basis: auto; 
  }
  .navbar-expand-lg {
        height: 105px;
        padding-top: 20px;
        position: relative;
        z-index: 4;
        background: #fff;
  }
}

.search-block-form .button.js-form-submit.form-submit.btn.btn-primary {
  display: none;
}

.search-block-form .form-item {
  margin: 0;
}

.nav-item form {
  padding: 0.8rem 1rem;
}

.region-content {
  padding: 0;
}

.calcLogo {
  color: #1a6305;
  font-weight: bold;
}

.product-page, .brands, .brand-product, .resources, .cost-comparison, .views-element-container, .dispenser-info, .dispenser-form, .contact, .page {
  background: linear-gradient(180deg, rgba(0,50,28,1) 0%, rgba(26,99,5,1) 100%);
  background-repeat: no-repeat;
  min-height: 100vh;
  background-position: top center;
  background-size: contain;
}

.path-search .block-system-main-block {
  background: linear-gradient(180deg, rgba(0,50,28,1) 0%, rgba(26,99,5,1) 100%);
  background-repeat: no-repeat;
  min-height: 100vh;
  padding: 250px 0;
}

.form-search {
  width: 100%;
}

.search-help-link {
  display: none;
}

#edit-submit {
  max-width: 20%;
  width: 100%;
  padding: 8px 0;
  top: -2px;
  position: relative;
}
.button.js-form-submit.form-submit.btn.btn-primary {
  width: 100%;
  padding: 9px;
  margin-top: 15px;
}

.view-product-finder, .view-flavor-finder {
  padding: 100px 0 100px 0;

}

.path-search .col-md-3 {
  max-width: 100%;
}

.path-search .form-type-search.col-md-3 {
  max-width: 70%;
  padding: 0;
}

.path-search .item-list {
  padding: 50px 30px 80px 30px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.5);
}

.copyRight {
  background: #00130b;
  text-align: center;
  padding-top: 20px;
}

.copyright p {
  color: #878787;
  font-size: 14px;
}

.path-search h2 {
  margin-top: 50px;
  margin-bottom: 0;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}

.path-search .item-list {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.path-search .container-inline {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
}
@media (min-width: 768px) {
  .path-search .item-list, .path-search .container-inline {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .path-search .item-list, .path-search .container-inline {
    width: 970px;
  }

  .carousel-indicators {
    margin-left: 25px;
    justify-content: left;
  }
}
@media (min-width: 1200px) {
  .path-search .item-list, .path-search .container-inline {
    width: 1170px;
  }
}
.alert-danger {
  display: none;
}

a {
  color: #1a6305;
}

.path-search .container-inline {
  margin-top: 100px;
}
.path-search .item-list {
  margin-top: 50px;
}

#edit-submit-product-finder {
  width: 100%;
  padding: 9px;
  margin-top: 15px;
}


.labels label:first-child {
  margin-top: 0;
}

.labels label.required:after {
  content: ' *';
  color: red;
}

.brands, .brand-product, .resources, .cost-comparison, .dispenser-info, .dispenser-form, .page {
  padding-bottom: 200px;
}

.button.clear {
  border-color: #1a6305;
  color: #1a6305;
  font-weight: bold;
        padding: 10px;
    margin-top: 20px;
}

.calculate {
  width: 200px;
  margin-right: 0;
}

.home {
  min-height: 100vh;
  padding-bottom: 200px;
}

.about {
  background: rgb(0,50,28);
  background: linear-gradient(180deg, rgba(0,50,28,1) 0%, rgba(26,99,5,1) 100%);
  min-height: 100vh;
  padding-bottom: 200px;
}

.productSection {
  background: #fff;
}

.mb-100 {
  margin-bottom: 100px;
}

.aboutHeader {
  height: 375px;
  background: url(../img/restaurants-terrace-with-black-green-awnings.png) no-repeat;
  background-size: cover;
  background-position: center;
}

.dispenserHeader1 {
  background: url(../img/dispenserPour.png) no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 380px;
}

.resourceHeader {
  background: url(../img/resources.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 380px;
}

.costHeader1 {
  background: url(../img/costComparison.png) no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 380px;
}

.favFlavor {
  height:360px;
  background: url(../img/findYourFlavor.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.productHeader {
  height:360px;
  background: url(../img/brandsHeader.png) no-repeat;
  background-size: cover;
  background-position: center;
}

.mt-200 {
  margin-top: 320px;
}

.favFlavor h1 {
  font-size: 60px;
  color: #fff;
  text-transform: uppercase;
}

.brandsHeader {
  padding-top: 80px;
}

.resourcesHeader, .dispenserHeader {
 padding-top: 80px;
} 

.costHeader {
  padding-top: 70px;
}

.productsHeader {
  padding-top: 120px;
}

.productStart {
  padding-top: 120px;
  padding-bottom: 120px;
}

.brandsSection {
  margin-top: 0px;
}

.homeHeader {
  background: url(../img/drinkUp.png) top center no-repeat;
  background-size: 100% auto;
  height: 47vw;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 991px) {
  .homeHeader {
    background: url(../img/drinkUp.png) top center no-repeat;
    background-size: cover;
    display: flex;
  align-items: center;
  justify-content: center;
    height: 620px;
  }

  .homeHeader  h1{
    font-size: 8vh;
  }
  h1 img.bigHeaderLogo {
    width: 55%;
  }
}

.global-header {

}

.white {
  padding: 50px 30px 80px 30px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.5);
}

.page-node-type-contact .white {
  padding: 50px 100px 80px 100px;
}

.dispenserForm .white {
  padding-bottom: 20px;
}
.mainImageContainer {
  width: 100%;
  background: #fff;
  text-align: center;
  padding: 50px;
  border: 1px solid #eee;
  border-radius: 3px;
  margin-bottom: 10px;
}

.endForm {
  color: #005a0e;
  font-size: 18px;
}

.endForm a, .endForm a:hover, .endForm a:active {
  color: #005a0e;
  text-decoration: underline;
}

h3 {
  color: #1a6305;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
}

.thumbContainer {
  width: 24%;
  height: 108px;
  display: inline-block;
  background: #fff;
  text-align: center;
  border: 1px solid #eee;
  border-radius: 3px;
  padding: 7px;
}

.productThumbs:hover {
  text-decoration: none;
}

.productActive .thumbContainer {
  border: 2px solid #1a6305;
}

.number {
  font-family: 'Chau Philomene One', sans-serif;
  font-size: 40px;
  color: #fff;
}

.whiteText {
  color: #fff;
}

.instruction p {
  color: #fff;
  font-family: 'Roboto', sans-serif;
  padding-right: 10px;
  padding-top: 5px;
}

.dropdown-menu {
  margin-top: 0;
  background: #00321c;
}
.dropdown-menu li:last-child {
  display: none;
}

.dropdown:hover > .dropdown-menu {
  display: block;
}

label.error {
  color: red;
  text-transform: none;
  font-size: 14px;
}


.productThumb {
  max-height: 100%;
  max-width: 100%;
}

.allThumbContainer {
  text-align: left;
}

h1.product {
  color: #1a6305;
  font-size: 36px;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-top: 30px;
}

.viewsHeader {
  font-size: 60px;
  color: #fff;
  text-align: center;
  margin-bottom: 50px;
  text-transform: uppercase;
}

.homeHeader h1 {
  color: #fff;
  font-size: 151px;
  text-transform: uppercase;
  margin-bottom: 0;
  text-align: center;
font-family: "Oswald", "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif; font-weight:600; font-stretch:condensed;
  margin-bottom: 0;
  text-shadow: 0 0 40px rgba(54, 54, 54, 0.85);
}

.homeHeader h3 { 
font-family: "Oswald", "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif; font-weight:600; font-stretch:condensed;
  color: #fff;
  font-size: 41px;
  text-shadow: 0 0 40px rgba(54, 54, 54, 0.85);
  text-align: center;
}

.brandsHeader h1, .productsHeader h1, .resourcesHeader h1, .costHeader h1, .dispenserHeader h1 {
  color: #fff;
  font-size: 60px;
  text-transform: uppercase;
  margin-bottom: 30px;
  text-align: center;
}

.resourcesHeader p, .costHeader p, .dispenserHeader p {
  color: #fff;
  font-size: 20px;
}

.productInfoContainer p, .relatedProductContainer p, .footerForm p {
  color: #1a6305;
}

hr.green {
  border-color: #1a6305;
  border-width: 3px;
}

button.accordion {
  color: #1a6305;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  border-top: 1px solid #1a6305;
}

.card-header {
  padding: 0.75rem 0rem;
  background-color: transparent;
  border: 0;
}

.card-body {
  border-bottom: 1px solid #1a6305;
}

.card {
  border: 0;
  border-radius: 0;
}

.accordion {
  background-color: transparent;
  color: #444;
  cursor: pointer;
  padding: 18px;
  padding-left: 0;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
/*
.active, .accordion:hover {
  background-color: #ccc;
}
*/
/* Style the accordion panel. Note: hidden by default */
.panel {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.accordion {
  background: url(/img/plus.png) right no-repeat;
}

.accordion.active {
  background: url(/img/minus.png) right no-repeat;
}

.button {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 14px;
}

.button.green, .btn-primary, .btn-primary:hover, .btn-primary:active, .more-link a {
  background-color: #2d9900 !important;
  color: #fff;
  font-weight: bold;
  margin: 0;
}

input.button.green {
  background-color: #2d9900 !important;
  color: #fff;
  font-weight: bold;
  border: 0;
  padding: 15px 60px;
  border-radius: 5px;
}

.more-link a {
  padding: 15px 50px;
  border-radius: 3px;
}

.btn-primary {
  border: none;
}

.more-link {
  padding-top: 35px;
  text-align: center;
}

.form--inline .form-item {
  margin: 0;
}

.form-item label {
  color: #fff;
}

.views-exposed-form {
  background: #125200;
  padding: 20px 30px;
  margin-bottom: 40px;
  border-radius: 10px;
}

.button.green.share {
  padding: 10px 20px;
}

a.button.green:hover {
  color: #fff;
}

.shareToEmailContainer {
  border-top: 1px solid #1a6305;
  padding-top: 45px;
}

.shareImg {
  margin-right: 10px;
}

h2.relatedProductsHeader {
  font-family: 'Chau Philomene One', sans-serif;
  font-size: 48px;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  margin-top: 100px;
}

.home-carousel {
  position: relative;
  color: #fff;
  background: linear-gradient(180deg, #00321C -32.85%, #1A6305 100%);
  padding-bottom: 30px;
}

.home-carousel .carousel {
  padding-bottom: 100px;
}

.home-carousel .brand-text p {
  font-size: 18px;
}

.home-carousel img {
  max-width: 100%;
}

.home-carousel h2 {
  font-size: 35px;
  color: #fff;
  width: 100%;
  text-align: center;
  z-index: 100;
  text-transform: uppercase;
}

.brand-text {
  padding-top: 30px;
}

.brand-logo {
  max-width: 200px;
}

.home-carousel img.brand-logo {
  max-width: 200px;
}


@media screen and (max-width: 991px) {
  .home-carousel .brand-products {
    max-width: 90%;
    max-height: 230px;
  }
    .global-header {
    background: none;
    box-shadow: none;
    position: absolute;
  }

  .halfCircle {
    display: none;
  }

  .homeHeader h3 {
    font-size: 35px;
  }
}

@media screen and (min-width: 992px) {
  .home-carousel h2 {
    margin-top: 80px;
    margin-bottom: 65px;
    font-size: 55px;
    line-height: 60px;
  }

}

.brandSection .textBox p {
  font-size: 16px;
  color: #0A4513;
}

.dispenserSection h2 {
  color: #1a6305;
  font-size: 36px;
  text-transform: uppercase;
}

.dispenserForm h2 {
  color: #1a6305;
  font-size: 30px;
  text-transform: uppercase;
}

.videoSection {
  margin-top: 100px;
}

.videoSection h2 {
  color: #FFF;
  font-size: 40px;
  text-transform: uppercase;
  text-align: center;
}

.videoSection h3 {
  color: #fff;
}

.videoSection p {
  color: #FFF;
}

.dispenserSection p {
  color: #222222;
  font-size: 18px;
}

.textBox h2 {
  font-size: 40px;
  color: #1A6305;
  text-transform: uppercase;
}

.textBox h2.darkerGreen { 
  color: #0A4513;
}

.textBox p {
  font-size: 16px;
  color: #222;
}

.path-frontpage .split-0 .textBox p {
  color: #fff;
}

.scrollDown {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.views-field-field-product-images, .dispenserImg {
  width: 100%;
}

.views-field-field-product-images .field-content {
  width: 100%;
  background: #fff;
  padding: 20px;
  text-align: center;
  border-radius: 3px;
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.35);
}

.views-field-field-product-images a img {
  transition: all 1s;
}

.views-field-field-product-images:hover a img{
  scale: 1.1;
}

.views-field-field-brand {
  margin-top: 10px;
}

.views-field-field-brand a {
  font-weight: bold;
  color: #FFF;
}

a.productName {
  color: #fff;
}

.views-field-title a {
  color: #1a6305;
}

.views-field-title a:hover {
  text-decoration: none;
}

.views-field-field-brand a:hover {
  text-decoration: none;
}


.item-list li {
  list-style: none;
}

.views-field-field-product-images img {
  max-height: 100%;
  max-width: 100%;
  height: auto;
  width: auto;
}

.footerForm h2 {
font-family: "Oswald", "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif; font-weight:600; font-stretch:condensed;
  font-size: 45px;
  color: #1a6305;
  text-transform: uppercase;
  text-align: center;
}

.relatedProductContainer p {
  text-align: center;
  color: #fff;
}

.file {
  display: inline-block;
  min-height: 16px;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: left center;
}

.file--application-pdf {
  background-image: url(/core/themes/classy/images/icons/application-pdf.png);
}

.relatedProductsContainer {
  width: 100%;
  text-align: center;
  background-color: #fbfbfd;
  border-radius: 3px;
  padding: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0px 5px 15px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px 1px rgba(0, 0, 0, 0.5);
}

.relatedProductsContainer img {
  transition: all 1s ease;
}

.relatedProductsContainer img:hover {
  transform: scale(1.03);
}

.relatedProductImage {
  max-height: 100%;
}

.relatedProductsName a {
  color: #FFF;
}

.relatedProductsName {
  margin-bottom: 50px;
}

.footerForm {
  padding: 50px 100px 80px 100px;
  position: relative;
  top: -100px;
}

footer {
  background: #1a6305;
  padding-bottom: 0;
}

.page-node-type-contact footer {
  padding-top: 0;
}

label {
  font-family: 'Roboto', sans-serif;
  color: #838383;
  font-weight: bold;
  text-transform: uppercase;
}

.footerLinks {
  background-color: #00321c;
}

.footerLinks .row > div {
  padding: 30px;
}

.footerLinks .footer-left {
  background: #005A0E;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footerLinks h5 {
  font-family: 'Chau Philomene One', sans-serif;
  color: #fff;
  font-size: 19px;
  text-transform: uppercase;
  line-height: 1.25;
}

.footer-links-primary {
  font-weight: 600;
  border-bottom: 1px solid #80998e;
}

.footer-links-primary,
.footer-links-secondary a {
  line-height: 2;
}

.social-links a {
  display: inline-block;
  margin: 10px 15px 20px 0;
}

.footerLinks p {
  color: #fff;
  font-size: 14px;
}

.footerLinks a, .footerLabel {
  color: #fff;
  font-family: 'Roboto', sans-serif;
}

@media only screen and (min-width: 992px) {
  .footerLinks .row > div {
    padding-top: 55px;
  }
}

.breadCrumbs {
  font-family: 'Roboto', sans-serif;
  color: #1a6305;
  font-size: 14px;
}

.brandSection {
  color: #1a6305;
  text-align: center;
  background-color: #F7F8E7; 
}

.brandSection p {
  margin-bottom: 0;
  font-size: 22px;
}

.brandSection h2 {
  text-transform: uppercase;
  font-size: 60px;
}

.homeBrandImg {
  max-width: 100%;
}

.homeBrandBox * {
  color: #fff;
}

.textBox {
  text-align: left;
  display: flex;
  align-items: center;
}

.textBox.whiteBackground {
  background-color: #fff;
}

.split-0 .textBox h2 {
  color: #fff;
}

.split-0 .textBox {
  background: #FF7E4A;
}

.split-1 .textBox {
  color: #fff !important;
}

.split-1 .textBox {
  background: #00321C;
}

.path-frontpage .split-1 .textBox {
  background: #F7F8E7;
}

.path-frontpage .split-1 .textBox, .path-frontpage .split-1 .textBox p {
  color: #1A6305 !important;
}



.splitImg {
  height: 100%;
  max-width: 100%;
  width: 100%;
  object-fit: cover;
}

.textBoxContent {
  padding: 10% 15%;
}

.imageBox, .textBox {
  padding: 0;
}

.imageBox.productListContainer {
  padding: 20px;
}

.imageBox.productListContainer img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 10px;
}

.brandImgContainer {
  background: #fff;
  padding: 15px;
  border-radius: 10px;
}

.button.green {
  text-transform: uppercase;
  min-width: 200px;
  margin: 0;
  padding: 10px;
  margin-top: 20px
}

.aboutHeader h2 {
  color: #FFF;
  font-size: 60px;
  text-transform: uppercase;
}

.aboutHeader p {
  color: #1a6305;
}
.boxImageContainer {
  text-align: center;
}

.boxImageContainer img {
  max-width: 100%;
}

.innerBorder {
  border: 2px solid #000;
  height: 100%;
}

.globalArea h2, .globalArea p {
  color: #fff;
}

.iconImg {
  max-width: 100%;
  margin-top: 30px;
}

.infoBox {
  background-color: transparent;
  padding: 10px;
  height: 100%
}

.infoBoxWhite {
  background-color: #fff;
  padding: 10px;
  height: 100%
}

.boxInfo {
  padding: 15px;
}

.boxInfo h3 {
font-family: "Oswald", "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif; font-weight:600; font-stretch:condensed;
  font-size: 24px;
}

.boxInfo p {
  color: #fff;
}

.infoBoxWhite .boxInfo p {
  color: #222222;
}

.globalArea {
  margin-top: 80px;
}

.globalArea h2 {
font-family: "Oswald", "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif; font-weight:600; font-stretch:condensed;
  font-size: 48px;
  text-transform: uppercase;
  color: #FFF;
  margin-bottom: 25px;
}

.globalArea p {
  font-size: 16px;
  color: #FFF;
}

img.globalImg {
  margin-top: 25px;
  max-width: 100%;
}

.brandsImageBox {
  background: #fff;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.productListContainer p {
  color: #FFF;
  margin-left: 4%;
  margin-top: 10px;
}

.costInstructions {
  background: #125200;
  padding: 40px 10px 30px 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.calculatorContainer {
  background: #fff;
  padding: 50px;
}

.nowrap {
  white-space: nowrap;
}


/* CAREERS PAGE STYLES START */

.page-node-type-careers-page {
  font-size: 16px;
  line-height: 24px;
}

.page-node-type-careers-page .footer {
  margin-top: 0;
}

.page-node-type-careers-page::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 200px;
  width: 100%;
  background: #1F6A36;
}

.page-node-type-careers-page .field--type-entity-reference-revisions {
  border: none;
  margin: 0;
}

.field--name-field-careers-cta a {
  padding: 15px 30px;
  text-transform: uppercase;
  background: #019F0F;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  transition: all .3s;
  text-decoration: none;
}

.field--name-field-careers-cta a:hover {
  background: #00860c;
}

.field--name-field-careers-cta a::after {
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 23px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: center right;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath d='M12.832 7.04883L8.14453 11.7363C7.96875 11.9121 7.73438 12 7.5 12C7.23633 12 7.00195 11.9121 6.82617 11.7363C6.44531 11.3848 6.44531 10.7695 6.82617 10.418L9.90234 7.3125H0.9375C0.410156 7.3125 0 6.90234 0 6.375C0 5.87695 0.410156 5.4375 0.9375 5.4375H9.90234L6.82617 2.36133C6.44531 2.00977 6.44531 1.39453 6.82617 1.04297C7.17773 0.662109 7.79297 0.662109 8.14453 1.04297L12.832 5.73047C13.2129 6.08203 13.2129 6.69727 12.832 7.04883Z' fill='white'/%3E%3C/svg%3E");
}

.field--name-field-careers-menu-item,
.field--name-field-careers-title {
  font-family: 'Chau Philomene One', sans-serif;
}

.paragraph--type--hero {
  padding: 40px 0 100px;
  background: linear-gradient(180deg, #1F6A36 56.99%, #134F2A 82.44%, #07321E 109.42%);
  color: #fff;
}

.paragraph--type--hero .field--name-field-careers-title {
  font-size: 70px;
  line-height: 96px;
}

.paragraph--type--hero .field--name-field-careers-title::after {
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='290' height='22' viewBox='0 0 290 22' fill='none'%3E%3Cpath d='M288.975 10.4735C286.54 10.4468 284.281 10.5394 281.964 10.5727C281.725 10.7461 281.485 10.9781 281.245 11.1514C283.139 11.7587 285.034 12.366 287.224 13.0938C284.724 13.477 282.404 13.8622 279.131 14.3543C281.198 15.4913 282.91 16.4485 285.626 17.9446C281.167 18.3064 277.419 18.7933 273.617 18.869C263.101 19.0471 252.587 19.0493 242.072 19.1688C239.399 19.1396 236.725 19.2276 233.993 19.2563C211.894 19.425 189.735 19.6516 167.577 19.8196C148.27 19.9602 128.906 19.9242 109.657 20.2413C103.775 20.3529 97.4865 19.6389 91.8262 21.2192C90.5751 21.5575 87.7345 20.5879 85.7732 20.6837C64.3743 22.0331 42.8165 21.6212 21.3194 21.0925C20.0721 21.0789 18.7654 21.0646 17.5182 21.0509C14.0153 20.8953 8.84293 21.3079 7.24894 20.4106C4.00286 18.4981 1.2377 16.063 0.550664 13.7093C-0.477964 10.0028 0.217095 6.19784 0.436366 2.44633C0.511169 1.03944 1.94367 0.409919 5.49892 1.21135C7.51379 1.64399 10.1265 1.73125 12.4428 1.75661C28.5977 1.93347 44.8121 2.11098 60.9703 1.9946C97.5636 1.75001 134.159 1.27083 170.754 0.908943C191.843 0.729237 212.931 0.666825 233.961 0.486469C242.039 0.457603 250.118 0.428737 258.139 0.281926C264.615 0.176857 270.489 0.71041 275.995 2.41302C277.889 3.0203 280.802 2.81757 283.114 3.19481C284.3 3.38376 286.074 4.10704 285.952 4.45763C285.337 6.32785 286.27 7.98039 288.926 9.47584C289.221 9.65504 288.921 10.0037 288.916 10.4142L288.975 10.4735Z' fill='%23F47D20'/%3E%3C/svg%3E");
  width: 290px;
  height: 22px;
}

.field--name-field-careers-menu-item {
  position: relative;
  z-index: 1;
  background: #EFF0EF;
  border-radius: 6px;
  margin: auto;
  text-align: center;
  display: flex;
  justify-content: space-around;
  max-width: 900px;
  padding: 10px 20px;
}

.field--name-field-careers-menu-item a {
  font-weight: 400;
  text-decoration: none;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: #757575;
  transition: all .3s;
}

.field--name-field-careers-menu-item a:hover {
  color: #1F6A36;
}

.paragraph--type--careers-two-columns {
  background: #fff;
  padding-bottom: 80px;
}

.paragraph--type--careers-two-columns .field--name-field-careers-title {
  color: #1F6A36;
  font-size: 45px;
  line-height: 62px;
}

.paragraph--type--careers-two-columns .field--name-field-careers-title::after {
  display: block;
  width: 72px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='10' viewBox='0 0 72 10' fill='none'%3E%3Cpath d='M71.9195 4.7307C71.3139 4.72407 70.7521 4.76488 70.1757 4.78205C70.1159 4.85183 70.0558 4.94509 69.9959 5.01488C70.466 5.25482 70.9361 5.49477 71.4795 5.78247C70.8574 5.94002 70.2795 6.09805 69.4648 6.30045C69.9769 6.75217 70.4011 7.13249 71.0742 7.72685C69.9646 7.87906 69.0317 8.08017 68.0859 8.11677C65.4702 8.20553 62.8552 8.22387 60.2398 8.28915C59.5751 8.28187 58.9099 8.32155 58.2302 8.33759C52.7337 8.44177 47.2222 8.56927 41.7109 8.6733C36.9089 8.7616 32.0929 8.77932 27.3049 8.93822C25.8418 8.99264 24.2789 8.71725 22.8685 9.35924C22.5568 9.49671 21.8519 9.11332 21.364 9.15494C16.0396 9.7306 10.6786 9.60147 5.33287 9.42555C5.02269 9.42215 4.69773 9.41859 4.38755 9.4152C3.51659 9.3587 2.22949 9.53245 1.83453 9.17593C1.03037 8.41578 0.346685 7.44562 0.179717 6.50461C-0.069963 5.02265 0.109221 3.49843 0.169982 1.99639C0.190921 1.43311 0.548245 1.17874 1.43115 1.49365C1.93155 1.66348 2.5812 1.69407 3.15726 1.70038C7.17489 1.74436 11.2073 1.78851 15.2262 1.71511C24.3278 1.55647 33.4304 1.30393 42.5325 1.09834C47.7779 0.991407 53.0227 0.931427 58.2534 0.824333C60.2627 0.799371 62.272 0.774409 64.2671 0.702331C65.8779 0.649526 67.3381 0.85335 68.7046 1.52574C69.1747 1.76569 69.8995 1.6797 70.474 1.82687C70.7686 1.90053 71.2087 2.18711 71.1776 2.32765C71.0217 3.07729 71.2508 3.73723 71.909 4.33143C71.9821 4.40267 71.9067 4.54272 71.9049 4.70706L71.9195 4.7307Z' fill='%23F47D20'/%3E%3C/svg%3E");
}

.paragraph--type--testimonials {
  position: relative;
  z-index: 2;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 70%);
}

.paragraph--type--testimonials .carousel-indicators {
  padding-top: 20px;
}

.paragraph--type--testimonials .carousel-indicators li {
  width: auto;
  height: auto;
  padding: 3px;
  background: transparent;
  border-color: transparent;
}

.paragraph--type--testimonials .carousel-indicators li.active {
  border-color: #F47D20;
}

.paragraph--type--testimonials .carousel-indicators li span {
  background: #F47D20;
  opacity: 0.5;
  display: block;
  border-radius: 50%;
  width: 11px;
  height: 11px;
}

.paragraph--type--testimonials .carousel-indicators li.active span {
  opacity: 1;
}

#brand-carousel h3 {
  color: #fff;
  font-family: "Helvetica Neue", "Arial";
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}

.paragraph--type--testimonial {
  background: #1F6A36;
  color: #fff;
  border-radius: 6px;
  padding-top: 70px;
  padding-bottom: 90px;
  overflow: hidden;
}

.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0; 
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    color: #ffb800;
    text-align: center;
    opacity: 0.5;
    transition: opacity 0.15s ease;
    background: none;
    border: none;
}

.carousel-control-prev {
  left: -35px;
}

  carousel-control-next {
    right: -35px;
  }

.carousel-control-prev-icon, .carousel-control-next-icon {
    display: inline-block;
    width: 23px;
    height: 38px;
    background: 50% / 100% 100% no-repeat;
}

.carousel-control-next-icon {
  background-image: url(../img/right.svg);
}

.carousel-control-prev-icon {
    background-image: url(../img/left.svg);
}

.paragraph--type--testimonial .field--name-field-careers-description {
  font-size: 20px;
  line-height: 34px;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
}

.paragraph--type--testimonial .quote {
  padding-left: 60px;
  padding-right: 50px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='30' viewBox='0 0 40 30' fill='none'%3E%3Cpath d='M35.5834 0C36.2526 0 36.6708 0.215589 36.8381 0.646766C37.0054 1.07794 37.0891 1.47595 37.0891 1.8408C37.0556 2.27197 36.9051 2.66998 36.6374 3.03483C36.4032 3.39967 36.1021 3.73134 35.734 4.02985C35.366 4.32836 34.9812 4.62687 34.5797 4.92537C34.2116 5.19071 33.877 5.45605 33.5759 5.72139C33.1075 6.18574 32.6223 6.69983 32.1205 7.26368C31.6186 7.82753 31.1669 8.42454 30.7654 9.05473C30.3639 9.68491 30.0293 10.3317 29.7616 10.995C29.4939 11.6584 29.3601 12.3217 29.3601 12.9851C29.3601 13.2504 29.3936 13.5323 29.4605 13.8308C29.5609 14.1294 29.8954 14.2786 30.4642 14.2786C31.5349 14.2786 32.6223 14.4444 33.7265 14.7761C34.8641 15.1078 35.9013 15.6053 36.8381 16.2687C37.775 16.932 38.5278 17.7612 39.0966 18.7562C39.6989 19.7181 40 20.8458 40 22.1393C40 23.3997 39.7992 24.5274 39.3977 25.5224C38.9962 26.4842 38.4274 27.2969 37.6913 27.9602C36.9552 28.6236 36.0853 29.1376 35.0816 29.5025C34.1113 29.8342 33.0238 30 31.8193 30C29.7449 30 28.0552 29.6186 26.7503 28.8557C25.4789 28.0597 24.4918 27.1144 23.7892 26.0199C23.0866 24.8922 22.6182 23.7313 22.3839 22.5373C22.1497 21.3101 22.0326 20.2488 22.0326 19.3532C22.0326 17.5622 22.3003 15.8043 22.8356 14.0796C23.4044 12.3549 24.1573 10.7297 25.0941 9.20398C26.0309 7.67828 27.1016 6.28524 28.3061 5.02488C29.5107 3.73134 30.7486 2.60365 32.0201 1.64179C32.522 1.27695 33.0908 0.912106 33.7265 0.547264C34.3956 0.182421 35.0146 0 35.5834 0ZM13.5508 0C14.22 0 14.6382 0.215589 14.8055 0.646766C14.9728 1.07794 15.0565 1.47595 15.0565 1.8408C15.023 2.27197 14.8724 2.66998 14.6048 3.03483C14.3706 3.39967 14.0694 3.73134 13.7014 4.02985C13.3333 4.32836 12.9486 4.62687 12.5471 4.92537C12.179 5.19071 11.8444 5.45605 11.5433 5.72139C11.0749 6.18574 10.5897 6.69983 10.0878 7.26368C9.58595 7.82753 9.13425 8.42454 8.73275 9.05473C8.33124 9.68491 7.99665 10.3317 7.72898 10.995C7.46131 11.6584 7.32748 12.3217 7.32748 12.9851C7.32748 13.2504 7.36094 13.5323 7.42785 13.8308C7.52823 14.1294 7.86282 14.2786 8.43162 14.2786C9.5023 14.2786 10.5897 14.4444 11.6939 14.7761C12.8315 15.1078 13.8687 15.6053 14.8055 16.2687C15.7424 16.932 16.4952 17.7612 17.064 18.7562C17.6662 19.7181 17.9674 20.8458 17.9674 22.1393C17.9674 23.3997 17.7666 24.5274 17.3651 25.5224C16.9636 26.4842 16.3948 27.2969 15.6587 27.9602C14.9226 28.6236 14.0527 29.1376 13.0489 29.5025C12.0786 29.8342 10.9912 30 9.7867 30C7.71225 30 6.02258 29.6186 4.71769 28.8557C3.44626 28.0597 2.45922 27.1144 1.75659 26.0199C1.05395 24.8922 0.585529 23.7313 0.351317 22.5373C0.117106 21.3101 0 20.2488 0 19.3532C0 17.5622 0.26767 15.8043 0.803011 14.0796C1.37181 12.3549 2.12463 10.7297 3.06148 9.20398C3.99833 7.67828 5.06901 6.28524 6.27353 5.02488C7.47804 3.73134 8.71602 2.60365 9.98745 1.64179C10.4893 1.27695 11.0581 0.912106 11.6939 0.547264C12.363 0.182421 12.982 0 13.5508 0Z' fill='%23F47D20'/%3E%3C/svg%3E");
}

.testimonial-author {
  padding-top: 30px;
  font-size: 25px;
  line-height: 30px;
  font-family: 'Chau Philomene One', sans-serif;
  text-transform: uppercase;
}

.testimonial-author .first-word {
  color: #F47D20;
}

.paragraph--type--testimonial .field--name-field-careers-image {
  width: 170px;
  margin: auto;
  text-align: center;
  position: relative;
}

.paragraph--type--testimonial .field--name-field-careers-image:after {
  display: block;
  content: "";
  width: 77px;
  height: 65px;
  position: absolute;
  bottom: -5px;
  left: 0;
  /*background: url(img/orange-headshot.png) no-repeat;*/
}

.paragraph--type--testimonial .field--name-field-careers-image img {
  border-radius: 50%;
  border: 6px solid #F47D20;
}

.paragraph--type--cards .field--name-field-careers-cta {
  margin: 60px auto 80px;
  text-align: center;
}

.paragraph--type--card {
  overflow: hidden;
  border-radius: 6px;
  background: #fff;
  padding-bottom: 30px;
}

.paragraph--type--card .field--name-field-careers-image {
  margin-bottom: 30px;
}

.paragraph--type--card .field--name-field-careers-description {
  margin: 16px 30px;
}

.paragraph--type--card .field--name-field-careers-title {
  margin: 16px 30px 0;
  color: #1F6A36;
  font-size: 25px;
  line-height: 34px;
  text-transform: uppercase;
}

.paragraph--type--card .field--name-field-careers-location {
  margin: 0 30px;
}

.paragraph--type--card .field--name-field-careers-location a {
  display: inline-block;
  padding: 4px 8px 4px 26px;
  background-color: #F47D20;
  background-repeat: no-repeat;
  background-position: 8px center;
  border-radius: 6px;
  text-decoration: none;
  color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='15' viewBox='0 0 11 15' fill='none'%3E%3Cpath d='M4.59375 14.4219C3.17188 12.6445 0 8.40625 0 6C0 3.10156 2.32422 0.75 5.25 0.75C8.14844 0.75 10.5 3.10156 10.5 6C10.5 8.40625 7.30078 12.6445 5.87891 14.4219C5.55078 14.832 4.92188 14.832 4.59375 14.4219ZM5.25 7.75C6.20703 7.75 7 6.98438 7 6C7 5.04297 6.20703 4.25 5.25 4.25C4.26562 4.25 3.5 5.04297 3.5 6C3.5 6.98438 4.26562 7.75 5.25 7.75Z' fill='white'/%3E%3C/svg%3E");
}

.paragraph--type--team {
  border-top: 1px solid #EFF0EF;
  padding: 35px;
}

.paragraph--type--faq-item:last-child,
.paragraph--type--team:last-child {
  border-bottom: 1px solid #EFF0EF;
}

.paragraph--type--team .field--name-field-careers-image img {
  border-radius: 6px;
}

.paragraph--type--team .field--name-field-careers-title {
  color: #1F6A36;
  font-size: 25px;
  line-height: 34px;
  text-transform: uppercase;
}

.paragraph--type--team .field--name-field-careers-image,
.paragraph--type--team .field--name-field-careers-html {
  padding-top: 20px;
}

.paragraph--type--team .field--name-field-careers-html ul {
  column-count: 2;
  column-gap: 40px;
  list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='13' viewBox='0 0 15 13' fill='none'%3E%3Cpath d='M13.6875 7.71875L8.6875 12.7188C8.5 12.9062 8.25 13 8 13C7.71875 13 7.46875 12.9062 7.28125 12.7188C6.875 12.3438 6.875 11.6875 7.28125 11.3125L10.5625 8H1C0.4375 8 0 7.5625 0 7C0 6.46875 0.4375 6 1 6H10.5625L7.28125 2.71875C6.875 2.34375 6.875 1.6875 7.28125 1.3125C7.65625 0.90625 8.3125 0.90625 8.6875 1.3125L13.6875 6.3125C14.0938 6.6875 14.0938 7.34375 13.6875 7.71875Z' fill='%23F47D20'/%3E%3C/svg%3E");
}

.paragraph--type--team .field--name-field-careers-html ul li {
  line-height: 2;
  padding-left: 4px;
}

.paragraph--type--teams {
  background: #fff;
  padding-bottom: 60px;
}

.field--item:nth-child(7) .paragraph--type--grid {
  padding-bottom: 180px;
}

.field--item:nth-child(7) .paragraph--type--grid,
.field--item:nth-child(11) .paragraph--type--grid {
  background: #07321E;
  color: #fff;
}

.field--item:nth-child(7) .paragraph--type--grid .field--name-field-careers-title,
.field--item:nth-child(11) .paragraph--type--grid .field--name-field-careers-title {
  color: #fff;
}

.field--item:nth-child(11) .paragraph--type--grid .field--name-field-careers-grid-items {
  gap: 70px;
}

.field--item:nth-child(11) .paragraph--type--grid .field--name-field-careers-grid-items .field--item {
  flex: 1 0 calc(33% - 140px);
}

.field--item:nth-child(10) .paragraph--type--grid .field--name-field-careers-title {
  color: #1F6A36;
}

.field--item:nth-child(10) .paragraph--type--grid .paragraph--type--simple-grid-item {
  background: #fff;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}

.paragraph--type--grid {
  text-align: center;
  padding-bottom: 100px;
  background: #fff;
}

.paragraph--type--grid .field--name-field-careers-grid-items {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  align-items: stretch;
  justify-content: center;
}

.paragraph--type--grid .field--name-field-careers-grid-items > .field--item {
  display: flex;
  justify-content: center;
}

.paragraph--type--grid .paragraph--type--simple-grid-item {
  padding: 40px 30px;
}

.paragraph--type--grid .field--name-field-careers-grid-items .field--item {
  flex: 1 0 calc(33% - 30px);
}

.paragraph--type--grid .field--name-field-careers-title {
  font-size: 25px;
  line-height: 34px;
  padding-bottom: 20px;
  text-transform: uppercase;
}

.paragraph--type--grid .paragraph--type--simple-grid-item .field--name-field-careers-image {
  background: #F8F7F7;
  width: 130px;
  height: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: 0 auto 30px;
}

.paragraph--type--iframe {
  background: #EFF0EF;
  position: relative;
  z-index: 2;
  padding: 50px 0;
}

.paragraph--type--iframe .container {
  background: #fff;
  border-radius: 6px;
  padding: 50px;
}

.paragraph--type--iframe iframe {
  overflow: hidden;
  height: 1411px;
  border: none;
}

.paragraph--type--iframe .careers-heading {
  padding-top: 20px;
  padding-bottom: 20px;
}

.paragraph--type--profile-teaser {
  padding: 0 30px;
}

.paragraph--type--profile-teaser .field--name-field-careers-title {
  max-width: 300px;
  text-align: center;
}

.paragraph--type--profile-teaser .field--name-field-careers-image {
  text-align: center;
  padding-bottom: 30px;
}

.paragraph--type--profile-teaser .field--name-field-careers-image img {
  display: block;
  margin: auto;
  border-radius: 50%;
  width: 180px;
  height: 180px;
}

.paragraph--type--profile-teaser .profile-modal-content .field--name-field-careers-image img {
  width: 240px;
  height: 240px;
}

.paragraph--type--faqs {
  background: #fff;
  padding-bottom: 70px;
}

.paragraph--type--faq-item {
  border-top: 1px solid #EFF0EF;
  padding: 35px;
}

.paragraph--type--faq-item .field--name-field-careers-title {
  color: #1F6A36;
  font-size: 25px;
  line-height: 34px;
  text-transform: uppercase;
}

.paragraph--type--faq-item .field--name-field-careers-description {
  padding-top: 30px;
}

.view-profile {
  color: #019F0F;
  cursor: pointer;
}

.view-profile::after {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='13' viewBox='0 0 15 13' fill='none'%3E%3Cpath d='M13.6875 7.71875L8.6875 12.7188C8.5 12.9062 8.25 13 8 13C7.71875 13 7.46875 12.9062 7.28125 12.7188C6.875 12.3438 6.875 11.6875 7.28125 11.3125L10.5625 8H1C0.4375 8 0 7.5625 0 7C0 6.46875 0.4375 6 1 6H10.5625L7.28125 2.71875C6.875 2.34375 6.875 1.6875 7.28125 1.3125C7.65625 0.90625 8.3125 0.90625 8.6875 1.3125L13.6875 6.3125C14.0938 6.6875 14.0938 7.34375 13.6875 7.71875Z' fill='%23F47D20'/%3E%3C/svg%3E");
}

.profile-modal-content {
  background: #fff;
  padding: 40px 50px;
  border-radius: 6px;
  position: relative;
}

.profile-modal-content .close {
  position: absolute;
  top: 25px;
  right: 30px;
}

.profile-modal-content .field--name-field-careers-title {
  color: #1F6A36 !important;
  margin: 0 auto;
}

.profile-modal-content .field--name-field-careers-html {
  text-align: left;
  color: #021322;
}

.careers-toggle {
  display: inline-block;
  width: 26px;
  height: 26px;
  overflow: hidden;
  text-indent: 9999px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='26' viewBox='0 0 25 26' fill='none'%3E%3Cpath d='M0 12.6248C0 5.73999 5.56641 0.124756 12.5 0.124756C19.3848 0.124756 25 5.73999 25 12.6248C25 19.5583 19.3848 25.1248 12.5 25.1248C5.56641 25.1248 0 19.5583 0 12.6248ZM8.20313 11.4529C7.51953 11.4529 7.03125 11.99 7.03125 12.6248C7.03125 13.3083 7.51953 13.7966 8.20313 13.7966H16.7969C17.4316 13.7966 17.9688 13.3083 17.9688 12.6248C17.9688 11.99 17.4316 11.4529 16.7969 11.4529H8.20313Z' fill='%231F6A36'/%3E%3C/svg%3E");
}

.careers-toggle.collapsed {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='26' viewBox='0 0 25 26' fill='none'%3E%3Cpath d='M0 12.625C0 5.74023 5.56641 0.125 12.5 0.125C19.3848 0.125 25 5.74023 25 12.625C25 19.5586 19.3848 25.125 12.5 25.125C5.56641 25.125 0 19.5586 0 12.625ZM12.5 18.0938C13.1348 18.0938 13.6719 17.6055 13.6719 16.9219V13.7969H16.7969C17.4316 13.7969 17.9688 13.3086 17.9688 12.625C17.9688 11.9902 17.4316 11.4531 16.7969 11.4531H13.6719V8.32812C13.6719 7.69336 13.1348 7.15625 12.5 7.15625C11.8164 7.15625 11.3281 7.69336 11.3281 8.32812V11.4531H8.20313C7.51953 11.4531 7.03125 11.9902 7.03125 12.625C7.03125 13.3086 7.51953 13.7969 8.20313 13.7969H11.3281V16.9219C11.3281 17.6055 11.8164 18.0938 12.5 18.0938Z' fill='%231F6A36'/%3E%3C/svg%3E");
}

.careers-heading {
  text-align: center;
  padding: 80px 40px 50px;
  max-width: 750px;
  margin: 0 auto;
}

.careers-heading .field--name-field-careers-title {
  font-size: 45px;
  line-height: 62px;
  text-transform: uppercase;
  color: #1F6A36;
}

.careers-heading .field--name-field-careers-html a {
  text-decoration: underline;
  color: #019F0F;
}

.careers-heading .field--name-field-careers-title::after {
  display: block;
  width: 72px;
  height: 10px;
  margin: 24px auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='10' viewBox='0 0 72 10' fill='none'%3E%3Cpath d='M71.9195 4.7307C71.3139 4.72407 70.7521 4.76488 70.1757 4.78205C70.1159 4.85183 70.0558 4.94509 69.9959 5.01488C70.466 5.25482 70.9361 5.49477 71.4795 5.78247C70.8574 5.94002 70.2795 6.09805 69.4648 6.30045C69.9769 6.75217 70.4011 7.13249 71.0742 7.72685C69.9646 7.87906 69.0317 8.08017 68.0859 8.11677C65.4702 8.20553 62.8552 8.22387 60.2398 8.28915C59.5751 8.28187 58.9099 8.32155 58.2302 8.33759C52.7337 8.44177 47.2222 8.56927 41.7109 8.6733C36.9089 8.7616 32.0929 8.77932 27.3049 8.93822C25.8418 8.99264 24.2789 8.71725 22.8685 9.35924C22.5568 9.49671 21.8519 9.11332 21.364 9.15494C16.0396 9.7306 10.6786 9.60147 5.33287 9.42555C5.02269 9.42215 4.69773 9.41859 4.38755 9.4152C3.51659 9.3587 2.22949 9.53245 1.83453 9.17593C1.03037 8.41578 0.346685 7.44562 0.179717 6.50461C-0.069963 5.02265 0.109221 3.49843 0.169982 1.99639C0.190921 1.43311 0.548245 1.17874 1.43115 1.49365C1.93155 1.66348 2.5812 1.69407 3.15726 1.70038C7.17489 1.74436 11.2073 1.78851 15.2262 1.71511C24.3278 1.55647 33.4304 1.30393 42.5325 1.09834C47.7779 0.991407 53.0227 0.931427 58.2534 0.824333C60.2627 0.799371 62.272 0.774409 64.2671 0.702331C65.8779 0.649526 67.3381 0.85335 68.7046 1.52574C69.1747 1.76569 69.8995 1.6797 70.474 1.82687C70.7686 1.90053 71.2087 2.18711 71.1776 2.32765C71.0217 3.07729 71.2508 3.73723 71.909 4.33143C71.9821 4.40267 71.9067 4.54272 71.9049 4.70706L71.9195 4.7307Z' fill='%23F47D20'/%3E%3C/svg%3E");
}

.d-flex {
  display: flex;
}

.flex-center-v {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
}

.field--name-field-page-sections {
  overflow: hidden;
}

.field--name-field-page-sections > .field--item:nth-child(2) {
  padding-bottom: 80px;
}

.field--name-field-page-sections > .field--item:nth-child(2),
.field--name-field-page-sections > .field--item:nth-child(8) {
  background: #fff;
  position: relative;
}

.field--name-field-page-sections > .field--item:nth-child(2)::before,
.field--name-field-page-sections > .field--item:nth-child(8)::before {
  display: block;
  content: '';
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: -80px;
  left: 50%;
  margin-left: -1400px;
  height: 780px;
  width: 2800px;
  z-index: 0;
}

@media screen and (max-width: 1500px) {
.carousel-control-prev {
  left: -20px;
}

  carousel-control-next {
    right: -20px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .paragraph--type--hero .field--name-field-careers-title {
    font-size: 50px;
    line-height: 60px;
  }

  .paragraph--type--hero .row.d-flex {
    padding-top: 80px;
  }

  .field--name-field-page-sections > .field--item:nth-child(2)::before {
    top: -50px;
  }

  .paragraph--type--careers-two-columns .field--name-field-careers-image {
    min-width: 375px;
  }

  .paragraph--type--testimonial .field--name-field-careers-image img {
    margin-bottom: 30px;
  }

  .paragraph--type--card .field--name-field-careers-title {
    font-size: 24px;
  }

  .paragraph--type--grid .field--name-field-careers-grid-items .field--item {
    flex: 1 0 calc(50% - 30px);
  }

  .field--item:nth-child(11) .paragraph--type--grid .field--name-field-careers-grid-items .field--item {
    flex: 1 0 calc(50% - 140px);
  }
}

@media screen and (max-width: 767px) {

    .description {
        padding-top: 75px;
    }

  .paragraph--type--hero .field--name-field-careers-title {
    font-size: 50px;
    line-height: 60px;
  }

  .paragraph--type--careers-two-columns .row.d-flex,
  .paragraph--type--hero .row.d-flex {
    flex-direction: column-reverse;
  }

  .paragraph--type--hero .row.d-flex {
    padding-top: 50px;
  }

  .paragraph--type--careers-two-columns .field--name-field-careers-image {
    padding-bottom: 30px;
  }

  .paragraph--type--hero .field--name-field-careers-cta {
    text-align: center;
  }

  .paragraph--type--compact-menu {
    margin-left: 15px;
    margin-right: 15px;
  }

  .field--name-field-careers-menu-item {
    flex-direction: column;
  }

  .field--name-field-page-sections > .field--item:nth-child(2)::before {
    top: -50px;
  }

  .field--name-field-careers-menu-item .field--item {
    padding: 4px 0;
  }

  .paragraph .paragraph--type--testimonial {
    border-radius: 0;
  }

  .paragraph--type--testimonial .field--name-field-careers-description {
    font-size: 16px;
    line-height: 26px;
  }

  .paragraph--type--testimonial .field--name-field-careers-image img {
    margin-bottom: 30px;
  }

  .paragraph--type--careers-two-columns .field--name-field-careers-title,
  .careers-heading .field--name-field-careers-title {
    font-size: 40px;
    line-height: 48px;
  }

  .paragraph--type--cards .row.d-flex {
    flex-direction: column;
    gap: 30px;
  }

  .paragraph--type--iframe {
    padding-bottom: 0;
  }

  .paragraph--type--iframe .container {
    padding: 15px;
  }

  .paragraph--type--grid .field--name-field-careers-grid-items {
    flex-direction: column;
  }

  .paragraph--type--grid .paragraph--type--simple-grid-item {
    padding-bottom: 0;
    padding-top: 30px;
  }

  .profile-modal-content {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
/* CAREERS PAGE STYLES END */



@media only screen and (min-width: 1440px) {
  .product-page, .home, .brands, .about, .page {
    background-size: 100%;
  }

  .aboutHeader {
    padding-top: 10%;
  }
}

@media only screen and (min-width: 1200px) {
  .dispenserQuestion {
    padding-right: 40px;
  }
}

@media only screen and (min-width: 992px) {
  .dispenserQuestion {
    padding-right: 33px;
  }

  .home-carousel .carousel {
    min-height: 580px;
  }
}


@media only screen and (max-width: 1200px) {
  .brandSection .textBox h2 {
    font-size: 25px;
  }
}

@media only screen and (max-width: 991px) {
  .brandsImageBox {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .product-page, .brands, .brand-product, .resources, .page {
    background-size: auto;
  }

  .home {
    background-size: auto;
  }

  .navbar-expand-lg .navbar-toggler {
    display: inline;
  }

  .nav-item {
    text-align: center;
  }

  .home-carousel {
    padding: 50px 0;
  }

  .home-carousel .brand-products {
    margin-bottom: 20px;
  }

}

@media only screen and (max-width: 991px) {
  .navbar-nav .dropdown-toggle::after {
    margin-top: 9px;
  }

  .dispenserQuestionContainer {
    padding: 0 !important;
  }

  .brandSection h2 {
    font-size: 40px;
  }

  label {
    font-size: .8em;
  }
  .footerForm {
    padding: 50px 10px 80px 10px;
  }

  .navbar-nav {
    text-align: center;
  }

  .relatedProductsContainer {
    padding: 30px;
  }

  .homeHeader h1 {
    font-size: 13vw;
  }

  .breadCrumbs {
    margin-top: 20px;
  }

  .page-node-type-contact .white {
    padding: 50px 30px 80px 30px;
  }
}

@media only screen and (max-width: 600px) {
.dispenserQuestionContainer {
  padding-right: 20px !important;
}
.carousel-control-prev {
    left: 0;
}
.carousel-control-next {
    right: 0;
}
}