/* -- Labeling -- */
@import url("labeling-style.css");

/* --- Base --- */
*,
*:after,
*:before {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-smooth: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
:root {
    --white: #fff;
    --black: #000;
    --light-gray: #f2f2f2;
    --charcoal: #444;
    --purple: #393049;
    --medium-gray: #ccc;
   
    --primary-blue: #00a3e0;
    --primary-gray: #2d3e49;
    --primary-dark-gray: #394049;
    --primary-green: #c4d600;

    --primary-gray-rgba: rgba(45, 62, 73, .65);
    --primary-blue-rgba: rgba(0,163, 224,.65);

}
html {
    width: 100%;
    overflow-x: hidden;
	font-size: 62.5%;
}
body#base {
	background: var(--white);
	color: var(--charcoal);
	font-family: museo-sans, sans-serif;
	font-size: 1.8rem;
    font-weight: 300;
    overflow-x: hidden;
}
body#base section#main :is(p, ul) {
    margin-bottom: 30px;
}
body#base :is(a:focus, input:focus) {
    outline: 0;
}
.copyCleanse, .copyCleanse span {
    line-height: inherit !important;
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
}
summary {
    font-family: museo-sans-condensed, sans-serif;
    font-size: 2.2rem;
    font-weight: 500;
}
details p {
    padding: 10px 24px;
}
.greenText {
    color: var(--primary-green);
}
/*
img[src=""] {
   display: none;
}
*/


/* --- Language Exclusives --- */
.es, .de, .fr, .nl, .it, .pt, .ru {
    display: none;
}
html[lang=en] .en, html[lang=es] .es, html[lang=de] .de, html[lang=fr] .fr, html[lang=nl] .nl, html[lang=it] .it, html[lang=pt] .pt, html[lang=ru] .ru {
    display: flex;
}


/* --- Header --- */
header {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 60px;
    background-color: var(--primary-blue);
}
header .row > div:nth-of-type(2) {
    text-align: center;
}
header .row > div:nth-of-type(2) a {
    display: inline-block;
    width: 200px;
    height: 30px;
    margin: 15px;
    background-image: url('/images/default-source/default-album/header-logo.png');
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
}
header .row > div:nth-of-type(2) a:hover {
    background-position: bottom;
}

/* --- Nav --- */
nav {
    position: fixed;
    top: 60px;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 150px;
    padding: 0 50px;
    background-color: var(--white);
    border-bottom: 1px solid #f2f2f2;
}
nav .row {
    align-items: center;
    height: 100%;
    margin: 0;
}

/* --- Nav > Logo --- */
nav .navLogo {
    max-width: 380px;
}


/* --- Nav > Menu --- */
nav .navMenu .sfNavWrp {
    text-align: right;
}
.navMenu .sfNavHorizontalDropDown {
    display: inline-block;
    background-color: transparent;
}
.navMenu .sfNavHorizontalDropDown li {
    padding: 0 20px;
    border: none !important;
    display: inline-block;
}
.navMenu .sfNavHorizontalDropDown .k-item>a.k-link {
    display: inline;
    height: auto;
    line-height: normal;
    padding: 0;
    font-family: museo-sans-condensed, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    z-index: 1000000000;
}
.navMenu .sfNavHorizontalDropDown .k-item>a.k-link:hover {
    background-color: transparent;
    color: var(--primary-blue);
}
.navMenu .sfNavHorizontalDropDown .k-item :is(a.k-link.sfSel, a.k-link.sfSel:hover) {
    margin-top: 0;
    background-color: transparent;
}
.navMenu .sfNavHorizontalDropdown .k-first .k-menu-group .k-link.sfSel, .navMenu .sfNavHorizontalDropdown .k-first .k-menu-group .k-link.sfSel:hover {
    background-color: rgba(255, 255, 255, 0.8);
}
.navMenu .sfNavHorizontalDropDownWrp > ul > .k-item > a.k-link.sfSel {
    padding-bottom: 5px;
    border-bottom: 3px solid var(--primary-green);
}

.navMenu div {
    float: right; 
    left: auto !important;
}

/* --- Nav > Menu > Dropdown Arrow --- */
.navMenu .sfNavHorizontalDropDown .k-menu-link .k-menu-expand-arrow {
    margin-left: 5px !important;
    margin-right: -3px !important;
    display: none;
}
.navMenu .sfNavHorizontalDropDown .k-menu-link .k-menu-expand-arrow:before {
    display: none !important;
}
.navMenu .menuDropDrop > a i {
    font-size: 1.2rem;
}

/* --- Nav > Menu > Contact Button --- */
.navMenu .sfNavHorizontalDropDown>.k-item:last-of-type a.k-link {
    background-color: var(--primary-blue);
    color: var(--white);
    padding: 10px 20px;
    border-radius: 20px;
    transition: .25s;
}
.navMenu .sfNavHorizontalDropDown>.k-item:last-of-type :is(a.k-link:hover, a.k-link.sfSel:hover) {
    background-color: var(--primary-dark-gray);
}
.navMenu .sfNavHorizontalDropDown>.k-item:last-of-type a.k-link.sfSel {
    padding: 10px 20px;
    border: none;
    background-color: var(--primary-green);
}


/* --- Nav > Menu > Dropdown --- */
.navMenu .k-animation-container {
    padding-top: 123px !important;
}
.navMenu .sfNavHorizontalDropDown .k-popup {
    padding: 20px;
    background-color: var(--light-gray);
    box-shadow: 0 19px 35px rgb(0 0 0 / 11%);
}
.navMenu .sfNavHorizontalDropDown .k-popup li {
    border: none !important;
    text-align: left;
    display: block;
}
.navMenu .sfNavHorizontalDropDown .k-group .k-item>a.k-link {
    display: block;
    padding: 7px;
    font-family: museo-sans, sans-serif;
    font-weight: 300;
    text-transform: initial;
}


/* --- Nav > Search --- */
nav .navSearch {
    max-width: 50px;
    text-align: right;
}
.navSearch .search-icon {
    display: inline-block;
    margin-top: -5px;
    font-size: 2rem;
    cursor: pointer;
}
.navSearch .search-icon:hover {
    color: var(--primary-blue);
}


/* --- Language Toggle --- */
.languageToggle {

    height: 60px;
    line-height: 60px;
}
.languageToggle select {
    border: none;
    background: transparent;
    color: var(--white);
    font-family: museo-sans-condensed, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}
.languageToggle select:hover, .languageToggle select option {
    color: var(--primary-dark-gray);
}
.languageToggle select option {
    color: var(--primary-dark-gray);
    font-weight: normal;
    text-transform: none;
}
.languageToggle:after {
    content: '|';
    padding: 0 10px;
    color: var(--white);
    font-weight: bold;
}


/* --- BW Company Nav Menu --- */
.toggle-button {
    position: relative;
    width: 40px;
    height: 40px;
    padding: 9px;
    transition: .25s;
    z-index: 15;
    background: var(--primary-blue);
    margin-top: 10px;
}
.toggle-button:hover {
    cursor: pointer;
}
.toggle-button .menu-bar {
    position: absolute;
    border-radius: 15px;
    width: 50%;
    transition: .5s;
}
.toggle-button .menu-bar-top {
    border: 2px solid var(--white);
    top: 10px;
}
.toggle-button .menu-bar-middle {
    height: 4px;
    background-color: var(--white);
    margin-top: 7px;
    margin-bottom: 7px;
    top: 10px;
}
.toggle-button .menu-bar-bottom {
    border: 2px solid var(--white);
    top: 24px;
}
.button-open {
    right: 0px;
    background: none;
}
.button-open .menu-bar-top {
    border-color: var(--white);
    transform: rotate(45deg) translate(8px, 8px);
    transition: .5s;
}
.button-open .menu-bar-middle {
    background-color: var(--white);
    transform: translate(230px);
    transition: .1s ease-in;
    opacity: 0;
}
.button-open .menu-bar-bottom {
    border-color: var(--white);
    transform: rotate(-45deg) translate(2px, -2px);
    transition: .5s;
}
.menu-wrapper {
    position: fixed;
    top: 0;
    right: -280px;
    z-index: 11;
    overflow: auto;
    width: 280px;
    height: 100%;
    background-color: var(--primary-blue);
    font-size: 1em;
    font-weight: 700;
    transition: .25s
}
.menu-show {
    right: 0;
    box-shadow: 6px 0 15px 0 var(--black);
}
.menu-sidebar {
    position: relative;
    top: 40px;
}
.menu-sidebar ul.menu {
    list-style: none;
    margin-top: 20px;
    padding: 0;
}
.menu-sidebar ul.menu>li {
    line-height: initial;
    padding: 10px 20px;
}
.menu-sidebar li ul li {
    line-height: initial;
    padding: 10px 20px 0;
}
.menu-sidebar li > a {
    position: relative;
    color: var(--white) !important;
    font-family: museo-sans-condensed, sans-serif;
    font-size: 2rem;
    font-weight: 500;
    text-decoration: none !important
}
.menu-sidebar li > a:hover {
    color: var(--primary-dark-gray) !important
}
.menu-sidebar .menu-item-has-children {
    position: relative
}


/* --- Main --- */
section#main {
    margin-top: 210px;
    position: relative;
    display: block;
}
section#main .container {
    max-width: 70%;
    padding: 100px 0;
}
body.post section#main .infoPhotoContent .container {
    max-width: 50%;
}
section#main hr {
    margin: 40px 0;
    background-color: var(--primary-dark-gray);
}
section#main a {
    color: var(--primary-blue);
}
section#main a:hover {
    color: var(--primary-dark-gray);
}
section#main .midSection {
    margin: 60px 0;
}
section#main .midSection img {
    min-width: 100%;
}


/* --- Main > Headings --- */
section#main h1 {
    margin-bottom: 20px;
    color: var(--primary-blue);
    font-family: museo-sans-condensed, sans-serif;
    font-size: 6rem;
    font-weight: 500;
    text-transform: uppercase;
}
section#main h2 {
    margin-bottom: 20px;
    font-size: 4.4rem;
    font-weight: 500;
}
section#main h3 {
    border: none;
    font-size: 3rem;
    font-weight: 500;
}
section#main h4 {
    margin-bottom: 15px;
    font-size: 2.4rem;
}


/* --- Main > Button --- */
.button {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 15px 30px;
    border-radius: 50px;
    font-family: museo-sans-condensed, sans-serif;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: .5px;
    text-transform: uppercase;
    transition: ease-in-out 0.3s;
}
.button:hover {
    background-color: var(--primary-dark-gray) !important;
}
.button.green {
    background-color: var(--primary-green);
    color: var(--charcoal) !important;
}
.button.blue {
    background-color: var(--primary-blue);
    color: var(--white) !important;
}
.button span {
    position: relative;
    z-index: 2;
}


/* --- Main > Info Header --- */
.infoHeader {
    position: relative;
    height: 300px;
    color: var(--white);
    text-align: center;
}
.infoHeader:before, .infoHeader:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}
.infoHeader:before {
    z-index: -1;
    background-color: var(--primary-blue);
    clip-path: polygon(0% 0%, 100% 0%, 100% 35%, 50% 100%, 0% 35%);
}
.infoHeader:after {
    z-index: -2;
    background-color: var(--medium-gray);
    clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 50% 98%, 0% 50%);
}
section#main .infoHeader h1 {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, 0);
    margin: 0;
    color: var(--white);
    letter-spacing: 2px;
}
.infoContent h2 {
    font-size: 4rem !important;
    margin-top: 60px !important;
    text-transform: capitalize;
}
.infoSectionGray {
    background-color: var(--light-gray);
}


/* --- Main > Info Photo Content --- */
.infoPhotoContent {
    position: relative;
    padding: 200px 0 0;
    background-color: var(--light-gray);
    clip-path: polygon(0% 0%, 50% 200px, 100% 0%, 100% 100%, 0% 100%);
}
.infoPhotoContent:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--medium-gray);
    clip-path: polygon(0% 0%, 100% 0%, 100% 40px, 50% 190px, 0% 40px)
}
.infoPhotoContent h2 {
    margin-top: 60px !important;
    color: var(--primary-blue);
    font-family: museo-sans-condensed, sans-serif;
    font-size: 4rem !important;
    text-transform: capitalize;
}


/* --- Main > Info Photo Header --- */
.infoPhotoHeader .container {
    padding-bottom: 0 !important;
}
.infoPhotoHeader :is(.row > div:first-of-type, .sf_colsOut:first-of-type > div) {
    height: 400px;
    overflow: hidden;
}
.infoPhotoHeader :is(.row > div:first-of-type > div, .sf_colsOut:first-of-type > div > div) {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.infoPhotoHeader :is(.row > div:first-of-type img, .sf_colsOut:first-of-type > div img) {
    display: block;
    width: 100%;
    max-height: 400px;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center;
}
.infoPhotoHeader :is(.row > div, .sf_colsOut > div) {
    padding: 0 15px;
}


/* --- Main > Brochure Download --- */
.brochureDownload {
    background-color: var(--primary-blue);
    color: var(--white);
}
.brochureDownload h4 {
    margin: 0 !important;
    padding: 0 !important;
    font-family: museo-sans-condensed, sans-serif;
    font-size: 4rem !important;
    font-weight: 500 !important;
    text-transform: capitalize;
}
.brochureDownload .sf_2cols_2_50 {
    text-align: right;
}
.brochureDownload .downloadPopup {
    position: absolute;
    display: none;
    padding: 10px;
    border-radius: 10px;
    background-color: var(--light-gray);
}
.brochureDownload .downloadPopup .sfdownloadList {
    margin: 0 !important;
}
.brochureDownload .downloadPopup .sfdownloadList .sfdownloadFile {
    display: inline-block;
    margin: 0 10px;
    padding: 0;
    list-style-type: none;
}
.brochureDownload .downloadPopup .sfdownloadList .sfdownloadFile .sfMetaInfo {
    display: none;
}


/* --- Main > Companies Listings --- */
.companyListings > div {
    display: flex;
    padding-top: calc(var(--bs-gutter-x)* .5);
    padding-bottom: calc(var(--bs-gutter-x)* .5);
}
.companyListings .companyCard {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 30px 30px 50%;
    background-color: var(--white);
    background-image: url('/images/default-source/default-album/solutionCard-bg-2.png');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
}
.companyListings .companyCard h2 {
    margin-top: 0 !important;
}
.companyListings .companyCard img {
    margin-bottom: 30px;
}
.companyListings .companyCard address {
    font-weight: 300;
}
.companyListings .companyCard .button {
    position: absolute;
    left: 30px;
    bottom: 30px;
}
.companyListings .companyCard .button:hover {
    background-color: var(--white) !important;
    color: var(--primary-dark-gray) !important;
}
.locationsMapBlock h2 {
    margin-top: 0 !important;
    color: var(--white);
    font-family: museo-sans, sans-serif !important;
    font-size: 4.4rem !important;
    font-weight: 500 !important;
}


/* --- Main > Companies Listings > Aftermarket --- */
.companyListings.aftermarket .companyCard {
    background-color: var(--light-gray);
}
.aftermarket .bw-packaging-systems {
    display: none;
}


/* --- Main > Locations --- */
.locationsMap iframe {
    width: 100%;
    margin-bottom: 40px;
    border: 0;
}
.locationsListings > div {
    padding: 15px;
}
.locationInside {
    height: 100%;
    padding: 30px;
    background-color: var(--light-gray);
    box-shadow: 0px 10px 20px rgb(0 0 0 / 20%);
}
.locationInside h3 {
    color: var(--primary-dark-gray);
    font-family: museo-sans-condensed, sans-serif;
    font-weight: 700;
}
.locationInside span {
    display: block;
    padding-bottom: 20px;
    font-family: museo-sans-condensed, sans-serif;
    text-transform: uppercase;
}


/* --- Main > Events --- */
.companyEventListings {
    margin-top: 60px;
}
.companyEventListings .col {
    padding: 30px;
}
.companyEventListings .bw-packaging-systems {
    display: none;
}
.eventsListings .row {
    padding: 30px;
    background-color: rgba(0,0,0,0.05);
}
.eventsListings .row:nth-of-type(even) {
    background-color: var(--white);
}
.eventsListings .row > div:first-of-type img {
    max-width: 60%;
}
.eventsListings .row > div:nth-of-type(2) h3 {
    padding-bottom: 30px;
}
.eventsListings .row > div:nth-of-type(2) ul li i {
    display: inline-block;
    width: 20px;
    text-align: center;
}
.eventsListings .row > div:last-of-type {
    text-align: center;
}


/* --- Main > Industry Associations --- */
.industryAssociations > div {
    padding: 15px;
}
.associationInside {
    height: 100%;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 20%);
}
.associationImage {
    position: relative;
    height: 300px;
    overflow: hidden;
    background-color: var(--white);
}
.associationImage img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    max-height: 80%;
}
.associationInfo {
    height: calc(100% - 300px);
    padding: 30px;
    background-color: var(--light-gray);
}
.associationInfo h3 {
    padding-bottom: 20px;
    color: var(--primary-dark-gray);
    font-family: museo-sans-condensed, sans-serif;
    font-weight: 700;
}


/* --- Main > Leaders Listings --- */
.leadersListings > div {
    padding: 15px;
}
.leadersListings .leaderPhoto img {
    width: 100%;
}
.leadersListings .leaderInfo {
    margin-top: 10px;
}
.leadersListings .leaderInfo h3 {
    color: var(--primary-blue);
    font-family: museo-sans-condensed, sans-serif;
}
.leadersListings .leaderInfo em {
    font-family: museo-sans-condensed, sans-serif;
    font-style: normal;
    text-transform: uppercase;
}


/* --- Main > About Us --- */
.aboutCols > .sf_cols {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.aboutCols .col-xl-3 > div, .aboutCols .col-xl-3 > div > div {
    height: 100%;
}
.aboutCard {
    height: 100%;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 20%);
}
.aboutCard-img {
    position: relative;
    height: 300px;
    overflow: hidden;
    background-color: var(--white);
}
.aboutCard-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
}
.aboutCard-body {
    height: calc(100% - 300px);
    padding: 30px;
    background-color: var(--light-gray);
}
.aboutCard-body h3 {
    padding-bottom: 20px;
    color: var(--primary-dark-gray);
    font-family: museo-sans-condensed, sans-serif;
    font-weight: 700;
}
.aboutCard-body .card-text:last-child {
    margin-bottom: 0 !important;
}


/* --- Main > Culture --- */
.cultureCards .cultureInside {
    height: 100%;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 20%);
    text-align: center;
}
.cultureCards .cultureInside img {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center;
}
.cultureCards .cultureInside h3 {
    padding-top: 30px;
    padding-bottom: 20px;
    color: var(--primary-dark-gray);
    font-family: museo-sans-condensed, sans-serif;
    font-size: 2.5rem !important;
}
.cultureCards .cultureInside a {
    margin-bottom: 30px;
}


/* --- Main > Business Tools --- */
.businessTools > div {
    padding: 15px;
}
.businessToolInside {
    height: 100%;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 20%);
}
.businessToolImage {
    position: relative;
    height: 300px;
    overflow: hidden;
    background-color: var(--white);
}
.businessToolImage img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    max-height: 80%;
}
.businessToolInfo {
    height: calc(100% - 300px);
    padding: 30px;
    background-color: var(--light-gray);
}
.businessToolInside:hover .businessToolInfo {
    background-color: var(--primary-dark-gray);
}
.businessToolInfo h3 {
    padding-bottom: 20px;
    color: var(--primary-dark-gray);
    font-family: museo-sans-condensed, sans-serif;
    font-weight: 700;
}
.businessToolInfo p {
    color: var(--charcoal);
}
.businessToolInfo span {
    padding: 5px 10px;
    border-radius: 50px;
    background-color: var(--primary-blue);
    color: var(--white);
    font-family: museo-sans-condensed, sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
    text-transform: uppercase;
}
.businessToolInside:hover .businessToolInfo :is(h3, p) {
    color: var(--white);
}
.businessToolInside:hover .businessToolInfo span {
    background-color: var(--white);
    color: var(--primary-dark-gray);
}


/* --- Main > Case Study --- */
.caseStudyHeader {
    background-color: var(--primary-dark-gray);
}
.csTitle {
    position: relative;
    width: 100%;
    height: 800px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 200%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 50% 100%, 0% 75%);
}
.csTitle:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--primary-blue);
    opacity: 0.9;
    z-index: 1;
}
.csTitle h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    margin: 0 !important;
    color: var(--white) !important;
    font-size: 7.5rem !important;
    font-weight: 700 !important;
    text-align: center;
    text-transform: initial !important;
    z-index: 2;
}
.csCopy {
    width: 60%;
    margin: 0 20%;
    padding: 100px 0;
    color: var(--white);
}
.csQuote {
    align-items: center;
    font-size: 4.4rem;
    font-weight: 500;
}
.csQuote div:first-of-type:before {
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url('/images/default-source/default-album/quotes.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.csQuote em {
    color: var(--medium-gray);
    font-size: 2.4rem;
    font-style: normal;
}
.csQuote div:last-of-type {
    text-align: right;
}
.caseStudySection h3 {
    margin-top: 0 !important;
    font-family: museo-sans-condensed, sans-serif;
    font-size: 4rem !important;
    text-transform: uppercase;
}
.caseStudySection ul li {
    margin-left: 24px;
    list-style-type: disc;
}
.caseStudyPhotos {
    position: relative;
    background-color: var(--primary-blue);
}
.caseStudyPhotos:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/images/default-source/default-album/package-bg.png);
    opacity: 0.1;
    z-index: 1;
}
.caseStudyPhotos .slick-slider {
    z-index: 3;
}
.caseStudyPhotos .slick-slide {
    position: relative;
    height: 300px;
    margin: 0 15px;
    overflow: hidden;
}
.caseStudyPhotos .slick-slide img {
    max-width: inherit;
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.caseStudyPhotos .slick-dots {
    bottom: auto;
    margin-top: 20px;
}
.caseStudyPhotos .slick-dots li button {
    background-color: var(--white);
    border: 2px solid var(--white);
    border-radius: 50px;
}
.caseStudyPhotos .slick-dots li.slick-active button {
    background-color: var(--primary-green);
}
.caseStudyPhotos .slick-dots li button::before {
    content: none;
}



/* --- Main > Solutions > Main Listings --- */
.solutionsListings {
    position: relative;
}
.solutionsListings:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/images/default-source/default-album/package-bg.png');
    opacity: 0.2;
    z-index: 1;
}
.solutionsListings .solutionCard {
    height: 500px;
    padding: 15px;
    perspective: 1000px;
    z-index: 2;
}
.solutionsListings .solutionCardInside {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}
.solutionsListings .solutionCardFront {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--primary-dark-gray);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}
.solutionsListings .solutionCardFront a {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    color: var(--white) !important;
}
.solutionsListings .solutionCardFront a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--black);
    opacity: 0.3;
}
.solutionsListings .solutionCardFront a:hover:after {
    background-color: var(--primary-blue);
    opacity: 0.8;
}
.solutionsListings .solutionCardFront a img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.solutionsListings .solutionCardFront h3 {
    position: absolute;
    right: 30px;
    bottom: 30px;
    left: 30px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    font-family: museo-sans-condensed, sans-serif;
    text-transform: uppercase;
}


/* --- Main > Solutions > Header --- */
.solutionsHeader .container {
    padding-bottom: 0 !important;
}
.solutionsHeader .row > div:first-of-type {
    /*height: 400px;*/
    overflow: hidden;
}
.solutionsHeader .row > div:first-of-type > div {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.solutionsHeader .row > div:first-of-type img {
    display: block;
    width: 100%;
    max-height: 300px;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center;
}
.solutionsHeader .row > div {
    padding: 0 15px;
}
/*.solutionsHeader:after {
    content: '';
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: -1;
    display: block;
    margin-top: -100px;
    border-top: 200px solid var(--white);
    border-right: 1300px solid var(--primary-blue);
    border-left: 1300px solid var(--primary-blue);
}*/
.solutionsHeader .row > div span {
    line-height: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
}


/* --- Main > Solutions > CTA --- */
.ctaSection {
    position: relative;
    padding: 220px 0 0;
    background-color: var(--light-gray);
    color: var(--primary-dark-gray);
    text-align: center;
    clip-path: polygon(0% 0%, 50% 200px, 100% 0%, 100% 100%, 0% 100%);
}
.ctaSection:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--medium-gray);
    clip-path: polygon(0% 0%, 100% 0%, 100% 40px, 50% 190px, 0% 40px);
}
.ctaSection .container {
    padding: 50px 0 !important;
}
.ctaSection > div {
    position: relative;
    z-index: 3;
}
.solutionAnchor {
    display: inline-block;
    width: 200px;
    font-family: museo-sans-condensed, sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    text-transform: uppercase;
}
.solutionAnchor .sfimageWrp {
    width: 200px;
    margin: 0 auto 20px;
    overflow: hidden;
}
.solutionAnchor .sfimageWrp img {
    max-width: initial ;
    height: 80px;
}


/* --- Main > Solutions > Solution Section Header --- */
.solutionsSectionHeader {
    margin-top: -300px;
    padding-top: 300px;
}


/* --- Main > Solutions > Solution Section Listings --- */
.solutionsSectionListings {
    position: relative;
    overflow: hidden;
    background-color: var(--primary-blue);
    color: var(--white);
}
.solutionsSectionListings:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/images/default-source/default-album/package-bg.png');
    opacity: 0.1;
    z-index: 1;
}
.solutionsSectionListings .container {
    position: relative;
    z-index: 2;
}
.solutionsSectionListings.marketListings, .solutionsSectionListings.segmentSecond {
    background-color: var(--light-gray);
    color: var(--primary-dark-gray);
}
.solutionsSectionListings.marketListings:after {
    content: none;
}
.solutionsSectionListings .row {
    margin-top: 50px;
}
.solutionsSectionListings .solutionCard {
    height: 600px;
    padding: 15px;
    perspective: 1000px;
    z-index: 2;
}
.solutionsSectionListings .solutionCardInside {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}
.solutionsSectionListings .solutionCard:hover .solutionCardInside {
    transform: rotateY(180deg);
}
.solutionsSectionListings.marketListings .solutionCardBack {
    column-count: 1;
    -moz-column-count: 1;
    -webkit-column-count: 1;
}
.solutionsSectionListings.marketListings .solutionCardBack a {
    font-weight: bold;
}
.solutionsSectionListings.marketListings .solutionCardBack a:hover {
    background-color: var(--white) !important;
    color: var(--primary-gray) !important;
}
.solutionsSectionListings :is(.solutionCardFront, .solutionCardBack) {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 20px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.solutionsSectionListings .solutionCardFront {
    background-color: var(--primary-dark-gray);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    overflow: hidden;
}
.solutionsSectionListings.packagingTypeListings  .solutionCardFront {
    background-size: auto;
}
.solutionsSectionListings .solutionCardFront:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--black);
    opacity: 0.3;
    z-index: 2;
}
.solutionsSectionListings.packagingTypeListings .solutionCardFront:before, .solutionsSectionListings .solutionCard:hover .solutionCardFront:before {
    display: none;
}
.solutionsSectionListings .solutionCardFront h3 {
    position: absolute;
    right: 30px;
    bottom: 30px;
    left: 30px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 3;
    font-family: museo-sans-condensed, sans-serif;
    text-transform: uppercase;
}
.solutionsSectionListings .solutionCard:hover .solutionCardInside h3 {
    display: none;
}
.solutionsSectionListings .solutionCardFront img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    max-width: inherit;
    min-width: 100%;
    height: 100%;
    z-index: 1;
}
.solutionsSectionListings .solutionCard:hover .solutionCardFront img {
    display: none;
}
.solutionsSectionListings.marketListings .solutionCardFront a {
    display: block;
    width: 100%;
    height: 100%;
    color: var(--white) !important;
}
.solutionsSectionListings.marketListings .solutionCard:hover .solutionCardInside h3 {
    display: block;
}
.solutionsSectionListings .solutionCardBack {
    background-color: var(--primary-dark-gray);
    /*background-image: url('/images/default-source/default-album/solutionCard-bg.png');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;*/
    color: var(--white);
    transform: rotateY(180deg);
    z-index: 2;
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-fill: auto;
}
.solutionsSectionListings .solutionCardBack h4 {
    font-family: museo-sans-condensed, sans-serif;
    text-transform: uppercase;
    column-span: all;
    -webkit-column-span: all;
}
.solutionsSectionListings .solutionCardBack li {
    display: flex;
    break-inside: avoid;
    page-break-inside: avoid;
    -webkit-break-inside: avoid;
}
.solutionsSectionListings .solutionCardBack li:before {
    content: '\203A';
    display: inline-block;
    width: 20px;
    padding-right: 10px;
}
.solutionsSectionListings .solutionCardBack a {
    font-weight: 300;
}
.solutionsSectionListings .solutionCardBack a:hover {
    color: var(--white) !important;
}
.solutionCard .redirectLink[href=""] {
    display: none !important;
}
.solutionCard .redirectLink {
    position: absolute;
    top: 0;
    left: 0;
}


/* --- Main > Solutions > Supporting Content --- */
.solutionsSupportingContent .row .sfimageWrp {
    position: relative;
    width: 100%;
    height: 100%;
}
.solutionsSupportingContent .row .sfimageWrp img {
    display: block;
    width: 100%;
    max-height: 400px;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 6px 0px, rgba(0, 0, 0, 0.06) 0px 0px 4px 0px;
}
.solutionsSupportingContent .row > div {
    padding: 0 15px;
}
.solutionsSupportingContent .row > div span {
    line-height: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
}
.supporting-content {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--light-gray);
}
.supporting-content:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}
.supporting-content p:last-of-type {
    margin-bottom: 0 !important;
}
.supportingContent1 :is(.Video .sfimageWrp, .Image .video-embed), .supportingContent-1 :is(.Video .sfimageWrp, .Image .video-embed) {
    display: none;
}
.supportingContent2 :is(.Video .sfimageWrp, .Image .video-embed), .supportingContent-2 :is(.Video .sfimageWrp, .Image .video-embed) {
    display: none;
}
.supportingContent3 :is(.Video .sfimageWrp, .Image .video-embed), .supportingContent-3 :is(.Video .sfimageWrp, .Image .video-embed) {
    display: none;
}
.supportingContent4 :is(.Video .sfimageWrp, .Image .video-embed), .supportingContent-4 :is(.Video .sfimageWrp, .Image .video-embed) {
    display: none;
}
.supporting-content:nth-of-type(even) {
    flex-direction: row-reverse;
}


/* --- Main > Solutions > FAQs --- */
.faqs {
    background-color: var(--light-gray);
}
.faq {
    border-top: 1px solid var(--medium-gray);
}
.faq details summary {
    position: relative;
    list-style: none;
    line-height: 33px;
    padding: 30px 40px 30px 0;
    font-size: 28px;
    font-weight: 500;
}
.faq details summary i {
    position: absolute;
    right: 0;
    color: var(--medium-gray);
    font-size: 30px;
    transition: ease-in-out 0.3s;
}
.faq details[open] summary i {
    color: var(--primary-blue);
    transform: rotate(45deg);
}
.faq details span {
    display: block;
    padding-bottom: 30px;
}


/* --- Main > Solutions > Related Posts --- */
.relatedPosts {
    background-color: var(--light-gray);
}
body.pet-food .relatedPosts, body.markets.food .relatedPosts {
    background-color: var(--white);
}
.relatedPosts .container {
    position: relative;
}
.relatedPosts .slideVP {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 570px;
}
.relatedPosts .row {
    margin-top: 60px;
}
.relatedPosts .row.cssSlide {
    position: relative;
    top: 0;
    left: 0;
    flex-wrap: nowrap;
    transition: ease-in-out 0.3s;
    margin: 0;
}
.relatedPosts .arrowLeft, .relatedPosts .arrowRight {
    position: absolute;
    top: 50%;
    display: block;
    width: 60px;
    height: 60px;
    opacity: .5;
    cursor: pointer;
    transition: ease-in-out 0.3s;
}
.relatedPosts .arrowLeft {
    left: -20px;
}
.relatedPosts .arrowRight {
    right: -20px;
}
.relatedPosts .arrowLeft i, .relatedPosts .arrowRight i {
    color: var(--primary-blue);
    font-size: 6rem;
}
.relatedPosts .arrowLeft:hover, .relatedPosts .arrowRight:hover {
    transform: scale(1.25);
    opacity: 1;
}
.relatedPostsInside {
    height: 100%;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 20%);
}
.relatedPosts .row.cssSlide .relatedPostsInside {
    box-shadow: none;
}
.relatedPostsImage {
    position: relative;
    height: 300px;
    overflow: hidden;
}
.relatedPostsImage img {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    max-width: inherit;
    min-width: 100%;
    height: 100%;
}
.relatedPostsInfo {
    height: calc(100% - 300px);
    padding: 30px;
    background-color: var(--light-gray);
    transition: ease-in-out 0.25s;
}
.relatedPosts .row.cssSlide .relatedPostsInfo {
    background-color: var(--white);
}
.relatedPostsInside:hover .relatedPostsInfo, .relatedPosts .row.cssSlide .relatedPostsInside:hover .relatedPostsInfo {
    background-color: var(--primary-dark-gray);
}
.relatedPostsInfo h4 {
    color: var(--primary-dark-gray);
    font-family: museo-sans-condensed, sans-serif;
    font-weight: 700;
    transition: ease-in-out 0.25s;
}
.relatedPostsInside:hover .relatedPostsInfo h4 {
    color: var(--white);
}
.relatedPostsMeta {
    display: flex;
    align-items: center;
    gap: 20px;
    color: var(--primary-dark-gray);
    font-family: museo-sans-condensed, sans-serif;
    transition: ease-in-out 0.25s;
}
.relatedPostsInside:hover .relatedPostsInfo .relatedPostsMeta {
    color: var(--white);
}
.relatedPostsMeta .authorImg {
    width: 80px;
}
.relatedPostsMeta .authorImg img {
    max-width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    border-radius: 100px;
}
.relatedPostsMeta strong {
    display: block;
}


/* --- Main > Sustainability --- */
.sustainGoals {
    margin-top: 50px;
}
.sustainGoals .sfContentBlock {
    padding: 0 20px;
    border-left: 2px solid var(--primary-green);
    text-align: center;
}
.sustainGoals .sf_colsOut:first-of-type .sfContentBlock {
    border: 0;
}
.sustainGoals h2 {
    margin-top: 20px !important;
    color: var(--primary-blue);
}
.sustainContents {
    flex-wrap: wrap;
}
.sustainContents .row {
    padding: 60px 0 0;
}
.sustainContents .row:nth-of-type(even) {
    flex-direction: row-reverse;
}
.sustainContents i {
    color: var(--primary-green);
    font-size: 10rem;
}
.sustainContents .row:nth-of-type(even) .col-xl-2 {
    text-align: right;
}
.sustainContents a {
    display: none;
}
.sustainContents a[href^="/"] {
    display: inline-block;
}
.sustainCommitments .blogCard:first-of-type {
    max-width: 100%;
    flex: 0 0 100%;
}
.sustainCommitments .blogCardBack {
    padding: 30px;
    color: var(--white) !important;
    overflow-y: scroll;
}
.sustainCommitments .blogCardBack a {
    display: inline;
    padding: 0;
    color: var(--primary-blue) !important;
}
.sustainCommitments .blogCardBack a:hover {
    color: var(--white) !important;
}
.sustainSolutions .solutionCardBack {
    column-count: 1;
    -moz-column-count: 1;
    -webkit-column-count: 1;
}
.sustainSolutions .solutionCardBack li {
    display: block;
    padding-left: 20px;
}
.sustainSolutions .solutionCardBack li:before {
    margin-left: -20px;
}
.sustainAnchor {
    display: block;
    font-family: museo-sans-condensed, sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}
.sustainAnchor .sfimageWrp {
    width: 200px;
    margin: 0 auto;
    overflow: hidden;
}
.sustainAnchor .sfimageWrp img {
    max-width: initial ;
    height: 80px;
}

/* --- Edits made by Hannah */

.sustainPartnerLogo a img {
    display: block;
    margin: 20px auto;
}
.flexslider.stories, .flexslider.stories .slides {
    height: auto !important;
}
.story-wrapper {
    display: grid;
    grid-template-columns: 40% 58%;
    column-gap: 2%;
    width: 90%;
    margin: 0 auto;
    align-items: center;
}
.story-wrapper h3 {
    margin-bottom: 16px;
}

/* --- Blog > Title --- */
.blog-cat-title ul li {
    display: none;
    font-size: 4.5rem;
}
body.agriculture-chemicals .blog-cat-title ul li.Agriculture, 
body.beverage .blog-cat-title ul li.Beverage, 
body.dairy .blog-cat-title ul li.Dairy, 
body.food .blog-cat-title ul li.Food, 
body.personal-care-household-products .blog-cat-title ul li.Personal, 
body.pet-food .blog-cat-title ul li.Pet.Food, 
body.pharma .blog-cat-title ul li.Pharma, 
body.accraply .blog-cat-title ul li.Accraply, 
body.bw-flexible-systems .blog-cat-title ul li.BW.Flexible, 
body.bw-integrated-systems .blog-cat-title ul li.BW.Integrated, 
body.pneumatic-scale-angelus .blog-cat-title ul li.Pneumatic, 
body.synerlink .blog-cat-title ul li.Synerlink, 
body.automation .blog-cat-title ul li.Automation, 
body.integration .blog-cat-title ul li.Integration, 
body.performance .blog-cat-title ul li.Performance, 
body.sustainable .blog-cat-title ul li.Sustainability {
    display: block;
}
body.food .blog-cat-title ul li.Pet.Food {
    display: none !important;
}


/* --- Blog > Filter --- */
.blog-filter-key {
    margin: 0 0 15px;
    padding: 30px;
    background-color: var(--light-gray);
}
.blog-filter-key .sf_colsOut:first-of-type .row {
    margin: 0;
}
.blog-filter-key .sf_colsOut:last-of-type {
    text-align: right;
}
.blog-filter-key .sf_colsOut:first-of-type .col {
    position: relative;
    margin-right: 20px;
}
.blog-filter-drop {
    position: absolute;
    z-index: 10;
    overflow: hidden;
    width: 100%;
    height: 60px;
    margin: 0 !important;
    padding: 10px 15px;
    border-bottom: 1px solid var(--medium-gray);
}
.blog-filter-drop:hover {
    height: auto;
    background-color: var(--white);
    border-bottom: none;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 20%);
}
.blog-filter-drop li {
    margin: 10px 0;
    line-height: 24px;
}
.blog-filter-drop li a {
    display: block;
}
.blog-filter-drop li:first-of-type {
    line-height: 40px;
    margin: 0;
    font-family: museo-sans-condensed, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}
.blog-filter-drop li em {
    position: absolute;
    top: 20px;
    right: 15px;
    font-size: 14px;
}


.blogFilter .row {
    align-items: center;
    margin-bottom: 40px;
}
.blogFilter .row .col:first-of-type {
    font-family: museo-sans-condensed, sans-serif;
    font-weight: 500;
    text-align: right;
    text-transform: uppercase;
}
.blogDropdown {
    position: absolute;
    z-index: 10;
    display: inline-block;
    width: auto;
    height: 30px;
    margin: -14px 0 0 !important;
    padding: 0 !important;
    vertical-align: bottom;
    overflow: hidden;
    background-color: var(--light-gray);
    transition: 0.3s ease-in-out;
}
.blogDropdown:hover {
    height: 300px;
    padding-bottom: 30px;
}
.blogDropdown li {
    list-style: none;
    height: 30px;
    padding: 0 30px;
    cursor: pointer;
}
.blogDropdown li:hover {
    color: var(--primary-blue);
}
.blogDropdown li:first-of-type {
    line-height: 30px;
    font-size: 1.2rem;
    text-align: right;
}
.blogDropdown:hover li:first-of-type em {
    color: var(--primary-blue);
}
.seeAllPosts {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 50px;
    background-color: var(--primary-blue);
    color: var(--white);
    font-family: museo-sans-condensed, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    transition: .25s;
    cursor: pointer;
}
.seeAllPosts:hover {
    color: var(--primary-dark-gray);
}


/* --- Blog > Listings --- */
.blogCard {
    height: 400px;
    padding: 15px !important;
    z-index: 2;
    transition: ease-in-out 0.3s;
}
.blogCard:first-of-type {
    max-width: 66.66666666%;
    flex: 0 0 66.666666%;
}
.blogCardInside {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.blogCardInside:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom,rgba(15,15,15,0),rgba(15,15,15,.75) 100%);
    z-index: 1;
}
.blogCard :is(.blogCardFront, .blogCardBack) {
    position: absolute;
    width: 100%;
    height: 100%;
}
.blogCardFront {
    padding: 30px;
    background-color: var(--primary-dark-gray);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}
.blogCardFront > div {
    position: absolute;
    right: 20px;
    bottom: 20px;
    left: 20px;
    z-index: 1;
}
.blogCardFront h2 {
    line-height: 1;
    margin-bottom: 0 !important;
    font-family: museo-sans-condensed, sans-serif;
    font-size: 3.2rem !important;
    font-weight: 300 !important;
    text-shadow: 0 0 5px var(--primary-dark-gray);
}
.blogCardFront p {
    margin-top: 20px;
    margin-bottom: 0 !important;
}
.blogCard:first-of-type .blogCardFront > div {
    right: 45%;
}
.blogCardBack {
    background-color: var(--primary-dark-gray);
    z-index: 2;
    top: 100%;
    transition: ease-in-out .25s;
}
.blogCardInside:hover .blogCardBack {
    top: 0;
}
.blogCardBack a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 30px;
    color: var(--white) !important;
}
.blogCardBack .button:before {
    content: none;
}


/* --- Blog > Detail --- */
.blogPostHeader .sfimageWrp img {
    max-width: 100% !important;
}
.blogPostCats .sfCategoriesList {
    margin-bottom: 10px !important;
}
.blogPostCats .sfCategoriesList li {
    display: inline-block;
    margin: 0 5px 5px -5px;
    padding: 5px 10px;
    border-radius: 50px;
    background: var(--primary-green);
    color: var(--white);
    font-size: 1.5rem;
    font-family: museo-sans-condensed, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}
.blogPostHeader h1 {
    text-transform: none !important;
}
.blogPostHeader h2 {
    margin: -20px 0 30px !important;
    font-family: museo-sans-condensed, sans-serif;
    font-size: 2.8rem !important;
}
.blogPostMeta {
    font-weight: 500;
}
.blogPostContent h2 {
    margin-top: 60px !important;
    font-size: 4rem !important;
}
.blogPostContent h3 {
    margin-bottom: 20px;
}
.blogPostContent ul li {
    list-style-type: disc;
    margin-left: 20px;
}
.blogPostAuthor span.authorImg {
    position: relative;
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 100px;
    overflow: hidden;
}
.blogPostAuthor span.authorImg img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.blogPostAuthor h4 {
    font-family: museo-sans-condensed, sans-serif;
    text-transform: uppercase;
}
.blogPostMore h5 {
    margin: 60px 0 30px;
    color: var(--primary-blue);
    font-family: museo-sans-condensed, sans-serif;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
}


/* --- Footer --- */
footer {
    position: relative;
    width: 100%;
    padding: 40px 0;
    color: var(--white);
}
footer .container {
    max-width: 70%;
}
.footerBG, .footerBG .bgOverlay, .footerBG .bgImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.footerBG .bgOverlay {
    background-color: var(--primary-dark-gray);
    opacity: 0.95;
    z-index: 2;
}
.footerBG .bgImage {
    background-image: url('/images/default-source/default-album/footer-background.jpg');
    background-size: cover;
}
footer .footerLogo {
    max-width: 500px;
}
footer .footerIconLogo {
    max-height: 120px;
}
footer .sfNavHorizontal {
    margin-top: 20px;
}
footer .sfNavHorizontal li {
    border: none;
    background: transparent;
}
footer .sfNavHorizontal li:before {
    content: '/';
    margin: 0 5px 0 10px;
}
footer .sfNavHorizontal li:first-of-type:before {
    content: none;
}
footer .sfNavHorizontal a {
    display: inline;
    line-height: normal;
    padding: 0;
    color: var(--primary-blue);
    text-transform: uppercase;
}
footer .sfNavHorizontal :is(a.sfSel, a.sfSel:hover) {
    margin: 0;
    padding: 0;
    background-color: transparent;
    font-weight: normal;
}
footer .sfNavHorizontal a:hover {
    background-color: transparent;
    color: var(--white);
}
footer .sf_2cols_2_50 {
    text-align: right;
}
footer .social-wrapper {
    height: 72.5px;
    line-height: 72.5px;
    margin-bottom: 20px;
}
footer .social-wrapper li {
    display: inline-block;
    margin: 0 20px;
}
footer .social-wrapper li:last-of-type {
    margin-right: 0;
}
footer .social-wrapper li a {
    color: var(--white);
    font-size: 3.2rem;
    transition: ease-in-out 0.3s;
}
footer .social-wrapper li a:hover {
    color: var(--primary-blue);
    font-size: 3.2rem;
}
footer .copyright-wrapper {
    text-align: right;
    text-transform: uppercase;
}


/* --- Privacy Notice
--------------------------------------------------------------------------*/
#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings {
    color: var(--primary-blue) !important;
    font-weight: 700 !important;
    border: none !important;
    background: transparent;
    padding: 0 !important;
    line-height: inherit !important;
    text-transform: uppercase;
    white-space: nowrap !important;
    letter-spacing: .5px;
}

#ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.optanon-show-settings:hover {
    color: var(--primary-dark-gray) !important;
    border: none !important;
    background: transparent !important;
}


/* --- Search Window --- */
section#search {
    position: fixed;
    top: -100%;
    left: 0;
    z-index: 102;
    width: 100%;
    padding: 40px 0 80px;
    background-color: var(--white);
    color: var(--medium-gray);
    transition: ease-in-out .25s;
}
section#search.drop {
    top: 0;
}
section#search .container {
    position: relative;
    height: 70px;
    border-bottom: 5px solid var(--primary-blue);
}
section#search .container:after {
    content: 'Hit enter to search';
    position: absolute;
    bottom: -40px;
    left: 0;
}
section#search .searchBar {
    position: absolute;
    left: 0;
    width: 90%;
}
section#search .searchBar input {
    width: 100%;
    margin-top: -5px;
    padding: 0;
    border: none;
    color: var(--primary-dark-gray);
    font-family: museo-sans-condensed, sans-serif;
    font-size: 4rem;
    font-weight: bold;
    text-indent: 0;
    text-transform: uppercase;
}
section#search .searchBar button {
    display: none;
}
section#search .search-icon {
    position: absolute;
    right: 0;
    cursor: pointer;
}
section#search .search-icon:before {
    content: '\58';
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: rgba(0,0,0,.05);
    border-radius: 100%;
    font-family: 'Font Awesome 6 Pro';
    font-size: 2.2rem;
    text-align: center;
    transition: .25s;
    color: var(--charcoal);
    font-weight: 700;
}
section#search .search-icon:hover:before {
    background-color: var(--purple);
    color: var(--white);
}


/* --- Overlay --- */
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 101;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    transition: .25s;
}
.overlay.turnOn {
    display: block;
}


/* --- Backend Tweaks --- */
body.sfPageEditor :is(header, nav) {
    position: relative;
}
body.sfPageEditor .solutionsSectionListings:after {
    display: none;
}


/* --- Home Page > Flexslider --- */
@font-face {
    font-family: 'flexslider-icon';
    src:url('App_Themes/fonts/flexslider-icon.eot');
    src:url('App_Themes/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
        url('App_Themes/fonts/flexslider-icon.woff') format('woff'),
        url('App_Themes/fonts/flexslider-icon.ttf') format('truetype'),
        url('App_Themes/fonts/flexslider-icon.svg#flexslider-icon') format('svg');
    font-weight: normal;
    font-style: normal
}
.flexslider {
    height: 800px;
}
.flex-direction-nav a:before {
    font-size: 3.5rem !important;
}
.flexslider .slides {
    height: 800px;
}
.flexslider .slides > li {
    position: relative;
    height: 100%;
}
.flexslider .slide-wrapper {
    position: absolute;
    top: 15%;
    left: 10%;
    right: 10%;
    z-index: 3;
}
.slider-copy { 
    width: 60%;
}
.slider-copy p {
    color: var(--white);
    font-size: 1.8rem;
    line-height: 32px;
}
.flexslider .slide {
    content: '';
}
.flexslider .slides h1 {
    line-height: 1;
    color: var(--primary-blue);
    font-family: museo-sans-condensed, sans-serif;
    font-size: 8rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}
.flexslider .slides h1 strong {
    display: block;
    color: var(--white);
    font-size: 10rem;
}
.flexslider .slide-image {
    position: relative;
    height: 800px;
    overflow: hidden;
    clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 50% 100%, 0% 75%);
    z-index: 2;
}
.flexslider .slide-image img {
    width: auto !important;
    max-width: inherit;
    min-width: 100%;
    max-height: 100%;
    min-height: 100%;
}
.flexslider .slide-image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-dark-gray);
    opacity: 0.8;
}
.flexslider .slide-highlight {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--medium-gray);
    clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 50% 99%, 0% 80%);
    z-index: 1;
}
.flex-control-nav {
    display: none !important;
}


/* --- Home Page > Solution Tabs > Title --- */
.explore-content h3 {
    line-height: 1 !important;
    color: var(--primary-blue);
    font-family: museo-sans-condensed, sans-serif;
    font-size: 7.2rem !important;
    font-weight: 700 !important;
    text-align: center;
    text-transform: uppercase;
}
.explore-content h3 strong {
    display: block;
    font-size: 6rem !important;
    font-weight: 500;
}


/* --- Home Page > Solution Tabs > Buttons --- */
.our-solutions-wrapper .nav-tabs {
    border-bottom: none;   
}
.our-solutions-wrapper .nav-tabs .nav-item {
    width: calc(100% / 3);
    border-bottom: 5px solid var(--light-gray);
}
.our-solutions-wrapper .nav-tabs .nav-item.active {
    border-bottom: 5px solid var(--primary-green) !important;
}
.our-solutions-wrapper .nav-tabs .nav-item button {
    margin: 0 auto;
    padding: 25px 30px;
    border: none !important;
    outline: 0;
    background-color: var(--white);
    color: var(--primary-dark-gray);
    font-family: museo-sans-condensed, sans-serif;
    font-size: 2rem;
    text-align: center;
    text-transform: uppercase;
}
.our-solutions-wrapper .nav-tabs .nav-item.active button {
    color: var(--primary-blue);
}
.our-solutions-wrapper .nav-tabs .nav-item button img {
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto;
}


/* --- Home Page > Solution Tabs > Listings --- */
.our-solutions-wrapper .tab-content .row .col-xl-4 {
    padding: 15px;
}
.our-solutions-wrapper .tab-content .row .col-xl-4:last-of-type i {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin-bottom: 30px;
    border: 3px solid var(--primary-blue);
    border-radius: 100px;
    color: var(--primary-blue);
    font-size: 3.6rem;
    text-align: center;
}
.our-solutions-wrapper .tab-content .row .col-xl-4:last-of-type p {
    line-height: 1.2;
    color: var(--primary-blue);
    font-family: museo-sans-condensed, sans-serif;
    font-size: 2.8rem;
    font-weight: 700;
}
.our-solutions-wrapper .tab-content .solution-tab-item {
    position: relative;
    height: 400px;
}
.our-solutions-wrapper .tab-content .solution-tab-item .solution-img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--primary-dark-gray);
}
.our-solutions-wrapper .tab-content .solution-tab-item .solution-img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--black);
    opacity: 0.3;
    z-index: 1;
}
.our-solutions-wrapper .tab-content div[data-solution='packaging-type'] .solution-tab-item .solution-img:before {
    content: none;
}
.our-solutions-wrapper .tab-content .solution-tab-item:hover .solution-img:before {
    background-color: var(--primary-blue);
    opacity: 0.8;
}
.our-solutions-wrapper .tab-content div[data-solution='packaging-type'] .solution-tab-item:hover .solution-img {
    background-color: var(--primary-blue);
}
.our-solutions-wrapper .tab-content .solution-tab-item .solution-img img {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center;
}
.our-solutions-wrapper .tab-content .solution-tab-item h4 {
    position: absolute;
    right: 30px;
    bottom: 30px;
    left: 30px;
    margin: 0 !important;
    color: var(--white) !important;
    font-family: museo-sans-condensed, sans-serif;
    font-size: 3rem !important;
    font-weight: 500;
    text-transform: uppercase;
    z-index: 2;
}
.our-solutions-wrapper .tab-content .solution-tab-item .solution-title h4 a {
    color: var(--white) !important;
}
.tab-content div[data-solution="markets"] {
    display: none;
}
.tab-content div[data-solution="packaging-type"] {
    display: none;
}
.is-hidden {
    display: none;
}


/* --- Home Page > Stats --- */ 
.stats-wrapper {
    position: relative;
    display: flex;
    width: 100%;
    height: 300px;
}
.stats-wrapper > .stats-item {
    position: relative;
    display: block;
    flex-basis: 100%;
    text-align: center;
    overflow: hidden;
}
.stats-wrapper .stats-item .stats-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: inherit;
    min-width: 100%;
    max-height: 150%;
    min-height: 100%;
    transition: all 0.3s ease;
    z-index: -1;
}
.stats-wrapper .stats-item .bg-color {
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0.8;
}
.stats-wrapper .stats-item:nth-of-type(odd) .bg-color {
    background-color: rgb(45, 62, 73);
    order: 1
}
.stats-wrapper .stats-item:nth-child(even) .bg-color {
    background-color: rgb(0,163, 224);
    order: 2;
} 
.stats-wrapper .stats-item .stats-content {
    display: block;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    font-family: museo-sans-condensed, sans-serif;
    z-index: 5;
}
.stats-wrapper .stats-item .stats-content p {
    line-height: 1;
    margin-bottom: 0px !important;
    color: var(--white);
    font-size: 7.2rem;
    font-weight: 700;
}
.stats-wrapper .stats-item .stats-content > span {
    color: var(--white);
    font-weight: 700;
    text-transform: uppercase;
}


/* --- Home Page > Locations --- */ 
div.locations {
    width: 100%;
    background-image: url('/images/default-source/default-album/locations.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    margin: 100px 0;
}
div.locations h3 {
    margin-top: 0 !important;
    font-family: museo-sans-condensed, sans-serif;
    font-size: 6.2rem !important;
    font-weight: 700 !important;
}
div.locations h3 strong {
    display: block;
    color: var(--primary-blue) !important;
    font-size: 4rem !important;
}


/* --- Home Page > Culture --- */ 
.cultureHome {
    margin: 0 0 100px;
    text-align: right;
}
.cultureHome h3 {
    margin-top: 0 !important;
    margin-bottom: 40px;
    font-family: museo-sans-condensed, sans-serif;
    font-size: 5rem !important;
    font-weight: 700 !important;
    text-align: right;
    text-transform: uppercase;
}
.cultureHome h3 strong {
    display: block;
    color: var(--primary-blue) !important;
    font-size: 6.2rem !important;
}


/* --- Image Map --- */ 
body.image-map {
    width: 100% !important;
    height: 100% !important;
}
.image-wrapper-container {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 40px 0; 
}
.image-wrapper {
	position: relative;
	display: block;
	text-align: center;
}
.image-map-key {
    display: none;
}
.image-map { 
	display: inline-block;
	position: relative;
	margin: 0 auto;
}
.image-wrapper-container .image-map img {
	margin: 0 auto;
	display: block;
    width: 100%;
    height: 100%;
} 
.image-wrapper-container .image-map, .image-wrapper-container .pin-coordinates { 
	width: 100%; 
	height: 100%; 
}
.image-wrapper-container .pin-coordinates { 
	z-index: 10;
}
.pin {
	display: none;
}
.tool-tip-up, .tool-tip-down { 
	position: absolute;
	width: 40px;
	height: 40px;
    cursor: pointer;
}
.tool-tip-up:before {
    position: absolute;
    top: 10px;
    left: 10px;
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    background-color: var(--primary-blue);
}
.tool-tip-up:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    border: 3px solid var(--primary-blue);
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
}
@keyframes pulsate {
    0% {transform: scale(0.1, 0.1); -webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}
.tool-tip {
    position: absolute;
	top: 40px;
	left: 0;
    z-index: 999;
	display: none;
	min-width: 300px;
	margin-left: -130px;
	padding: 20px;
    border-radius: 4px;
	color: var(--white);
	background-color: rgba(0,0,0,0.7);
    transition: ease-in-out 0.3s;
}
.tool-tip::after {
	content: '';
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translate(-50%, 0);
	border-bottom: 10px solid var(--black);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
    opacity: 0.7;
}
.tool-tip h2 {
    margin: 0 0 10px !important;
	font-size: 2.2rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}
.tool-tip p {
    margin-bottom: 15px !important;
}
.tool-tip .button {
    font-size: 1.6rem;
}
.small-text { 
	font-size: 1.1rem;
}
.noCompleteLines div[class*="complete-packaging-lines"] {
    display: none;
}
.ctaCallout {
    font-size: 2.5rem;
}
.ctaCallout .container {
    padding: 50px 0 !important;
}
.ctaCallout .sf_cols {
    display: flex;
    align-items: center;
}
.ctaCallout .sf_cols .sf_colsOut:nth-of-type(2) {
    text-align: right;
}
.imageMapMobile {
    display: none;
}


/* --- Search Results --- */
.search-result-box {
    position: relative;
    text-align: center;
}
.search-result-box input {
    width: 50%;
    padding: 0;
    border-top: none;
    border-right: none;
    border-bottom: 5px solid var(--primary-blue);
    border-left: none;
    color: var(--primary-dark-gray);
    font-family: museo-sans-condensed, sans-serif;
    font-size: 3rem;
    font-weight: bold;
    text-indent: 0;
    text-transform: uppercase;
}
.search-result-box:before {
    content: 'Search';
    padding-right: 10px;
    color: var(--medium-gray);
    font-family: museo-sans-condensed, sans-serif;
    font-size: 3rem;
    font-weight: bold;
    text-transform: uppercase;
}
.search-result-box button {
    display: none;
}
.search-result-listing > div:first-of-type {
    display: inline-block;
}
.search-result-listing > div:nth-of-type(2) {
    float: right;
}
.search-result-listing > div {
    margin-top: 40px;
}
.search-result-listing > div > div > strong {
    font-family: museo-sans-condensed, sans-serif;
    font-size: 2.2rem;
}
.search-result-listing .sfHighlight {
    color: var(--primary-gray);
    border-bottom: 2px solid var(--primary-green);
}


/* --- Back to Top --- */
.backTop {
    position: fixed;
    bottom: -40px;
    right: 40px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 10px;
    background-color: var(--light-gray);
    color: var(--primary-blue) !important;
    font-size: 2.4rem;
    text-align: center;
    transition: ease-in-out 0.3s;
    z-index: 101;
}
.backTop:hover {
    color: var(--primary-dark-gray) !important;
}
.backTop.slide-up {
    bottom: 40px;
}


/* --- Thank You Pg --- */
.thank-you h2 {
    text-align: center;
}
.thank-you img.hs-cta-img {
    display: block;
    width: 537px;
    height: auto;
    margin: 20px auto;
}
.thank-you iframe {
    border: none;
    margin-top: 20px;
}
.thank-you .hs-cta-wrapper a img {
    margin-bottom: 65px;
}
.thank-you input[type="button"].backBTN {
    display: block;
    width: auto;
    height: auto;
    margin: 0 auto;
    background-color: var(--primary-blue);
    color: var(--white);
    padding: 10px 20px;
    border-radius: 20px;
    transition: .25s;
    border: none;
}
.thank-you input[type="button"].backBTN:hover {
    background-color: var(--primary-dark-gray);
}


/* --- Legal --- */
.legal-contacts {
    border: 0 !important;
}
.legal-contacts td {
    padding: 10px !important;
    border: 3px solid var(--white) !important;
}
.legal-contacts td:first-of-type {
    width: 20%;
    background-color: var(--primary-blue);
    color: var(--white);
    font-weight: bold;
    text-align: right;
    vertical-align: top;
}
.legal-contacts td:last-of-type {
    width: 80%;
    background-color: var(--light-gray);
}


/* --- Video Embed --- */
.video-embed a {
    position: relative;
    display: block;
}
.video-embed img {
    display: block;
    width: 100%;
    max-height: 400px;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 6px 0px, rgba(0, 0, 0, 0.06) 0px 0px 4px 0px;
}
.video-embed i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 80px;
    z-index: 1;
}


/* --- Tooltips --- */
.sfContentBlock span[style='text-decoration: underline'], .blogPostContent span[style='text-decoration: underline'] {
    cursor: pointer;
    position: relative;
}
.sfContentBlock span[style='text-decoration: underline'] sup, .blogPostContent span[style='text-decoration: underline'] sup {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -100%);
    display: none;
    min-width: 300px;
    line-height: inherit;
    padding: 10px;
    border-radius: 10px;
    background-color: var(--primary-gray);
    color: var(--white);
    font-weight: bold;
    cursor: text;
}
.sfContentBlock span[style='text-decoration: underline'] sup.showTip, .blogPostContent span[style='text-decoration: underline'] sup.showTip {
    display: block;
}
.sfContentBlock span[style='text-decoration: underline'] sup:after, .blogPostContent span[style='text-decoration: underline'] sup:after {
    content: '';
    position: absolute;
    bottom: -9px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 0;
    height: 10px;
    border-width: 10px 10px 0 10px;
    border-style: solid;
    border-color: var(--primary-gray) transparent transparent transparent;
}

/* --- Tooltip --- */
.tooltip {
    font-size: 1.2rem;
}