:root {
    --white: #fff;
    --black: #000;
    --light-gray: rgba(249, 249, 249, 1);
    --charcoal: #444;
    --purple: #393049;
    --medium-gray: #ccc;
    --border-gray: #d9d9d9;
   
    --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);
    --transparent-gray: rgba(57, 64, 73, 0.90);
    --card-background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 10%, rgba(57, 64, 73, 1) 10%, rgba(57, 64, 73, 1) 100%);

    --bs-body-font-size: 1.8rem;

    --font-museo-sans: "museo-sans", sans-serif;
    --font-museo-sans-cond: "museo-sans-condensed", sans-serif;
}

/* --- 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;
}
html {
    width: 100%;
    overflow-x: hidden;
	font-size: 62.5%;
}
body {
	background: var(--white);
	color: var(--charcoal);
	font-family: var(--font-museo-sans) !important;
	font-size: var(--bs-body-font-size) !important;
    font-weight: 300;
    overflow-x: hidden;
}
body section#main :is(p, ul) {
    margin-bottom: 30px;
}
body section#main li p {
    margin-bottom: 0 !important;
}
body :is(a:focus, input:focus) {
    outline: 0;
}
/*:target::before {
    content: "";
    display: block;
    height: 150px;
    margin: -150px 0 0;
}*/
.copyCleanse, .copyCleanse span {
    line-height: inherit !important;
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
}
.greenText {
    color: var(--primary-green);
}
.pl-3 {
    padding-left: 2rem !important;
}
.pr-3 {
    padding-right: 2rem !important;
}
.pl-5 {
    padding-left: 3rem !important;
}
.pr-5 {
    padding-right: 3rem !important;
}
.anchor {
    scroll-margin-top: 140px;
}
.fade:not(.show) {
    display: none;
}
/*
#contact-us {
    scroll-margin-top: 150px;
}*/
#html5lightbox-watermark {
    display: none !important;
}
.html5-elem-data-box {
    display: none !important;
}
table {
    width: 100%;
}
table td {
    padding: 10px !important;
    border: 1px solid var(--border-gray);
}
.list-grid p {
    margin-top: 20px;
}
#super-header {
    padding: 0 !important;
}


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


/* --- Backgrounds --- */
.background-blue {
    background-color: var(--primary-blue);
}
.background-gray {
    background-color: var(--light-gray);
}


/* --- CTA Banner --- */
.header-cta-banner {
    position: fixed;
    top: 0;
    width: 100%;
    height: 46px;
    line-height: 46px;
    background-color: var(--primary-blue);
    color: var(--charcoal);
    font-weight: 500;
    text-align: center;
    z-index: 11;
}
.header-cta-banner a {
    color: var(--charcoal);
    text-decoration: underline;
}
.header-cta-banner:hover {
    background-color: var(--medium-gray);
}
#super-header.has-cta-banner {
    top: 46px;
}
#header.has-cta-banner {
    top: 92px;
}
#header.has-cta-banner nav.header-nav.desktop > .nav-item .nav-mega {
    top: 192px;
}
#main.has-cta-banner {
    margin-top: 192px;
}
#header.has-cta-banner nav.header-nav.mobile .mobile-menu {
    height: calc(100vh - 192px);
}


/* --- Header --- */
#header {
    position: fixed;
    top: 46px;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100px;
    background-color: var(--white);
    border-bottom: 1px solid #f2f2f2;
    transition: ease-in-out 0.3s;
}
#header > .container {
    height: 100%;
    padding: 0;
}
#header > .container > .row {
    align-items: center;
    justify-content: space-between;
    height: 100%;
    margin: 0;
}
#header > .container > .row .col-lg-6 {
    align-content: center;
    height: 100%;
    padding: 0;
    width: fit-content;
}
#header > .container img {
    max-width: 300px !important;
}
#header nav.header-nav.mobile {
    display: none;
}

/* scroll down styles */
#header.scrolldown {
    top: 0;
    height: 80px;
    line-height: 80px;
}
#super-header.scrolldown {
    top: -92px;
}
body:has(#header.scrolldown) .header-cta-banner {
    top: -46px;
    pointer-events: none;
    transition: ease-in-out 0.3s;
}
#main.scrolldown {
    margin-top: 80px;
}

/* scroll up styles */
#header.has-cta-banner.scrollup {
    top: 92px;
}
#super-header.has-cta-banner.scrollup {
    top: 46px;
}
body:has(#super-header.scrollup, #header.scrollup) .header-cta-banner {
    top: 0;
    pointer-events: none;
    transition: ease-in-out 0.3s;
}
#main.scrollup {
    margin-top: 146px;
}
#main.has-cta-banner.scrollup {
    margin-top: 192px;
}


/* --- Header > Nav --- */
#header nav.header-nav {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    column-gap: 30px;
    height: 100%;
}
#header nav.header-nav > .nav-item {
    display: flex;
    align-items: center;
    column-gap: 5px;
    height: 100%;
    font-family: var(--font-museo-sans-cond);
    font-size: 1.8rem;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
}
#header nav.header-nav > .nav-item.activeLink > span {
    color: var(--primary-blue);
}
#header nav.header-nav > .nav-item .nav-dropdown {
    position: absolute;
    top: 100px;
    transform: scaleY(0);
    transform-origin: 100% top;
    visibility: hidden;
    pointer-events: none;
    line-height: normal;
    margin-left: -15px;
    padding: 0 15px;
    border-right: 1px solid var(--border-gray);
    border-bottom: 1px solid var(--border-gray);
    border-left: 1px solid var(--border-gray);
    background: var(--white);
    z-index: 100;
    transition: opacity .14s linear, visibility .14s linear, transform .14s linear, -webkit-transform .14s linear;
    opacity: 0;
}
#header nav.header-nav > .nav-item.Dropdown.hover > .nav-dropdown {
    visibility: visible;
    pointer-events: all;
    opacity: 1;
    transform: scaleY(1);
}
#header.scrolldown nav.header-nav :is(.nav-dropdown, .nav-mega) {
    top: 80px !important;
    transition: ease-in-out 0.3s;
}
#header nav.header-nav > .nav-item .nav-dropdown a {
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid var(--border-gray);
    color: var(--charcoal);
    font-family: var(--font-museo-sans);
    text-decoration: none;
    text-transform: none;
}
#header nav.header-nav > .nav-item .nav-dropdown a:hover {
    color: var(--primary-blue);
}
#header nav.header-nav > .nav-item .nav-dropdown a:last-of-type {
    border: none;
}
#header nav.header-nav > .nav-item .nav-mega {
    position: fixed;
    top: 146px;
    left: 0;
    right: 0;
    transform: scaleY(0);
    transform-origin: 100% top;
    visibility: hidden;
    cursor: text;
    pointer-events: none;
    width: 100%;
    line-height: normal;
    margin: 0;
    padding: 30px 0;
    border-bottom: 1px solid var(--border-gray);
    background: var(--light-gray);
    z-index: 100;
    transition: opacity .14s linear, visibility .14s linear, transform .14s linear, -webkit-transform .14s linear, top 0.3s ease-in-out;
    opacity: 0;
    white-space: normal;
}
#header nav.header-nav > .nav-item.Mega.hover > .nav-mega {
    visibility: visible;
    pointer-events: all;
    opacity: 1;
    transform: scaleY(1);
}
#header nav.header-nav .nav-mega .flex-column {
    min-width: 20%;
    padding-right: 10px;
    overflow: scroll;
    flex-wrap: nowrap;
}
#header nav.header-nav .nav-mega .flex-column a {
    padding: 15px;
    color: var(--charcoal);
    text-transform: uppercase;
}
#header nav.header-nav .nav-mega .flex-column a.active {
    border-radius: 0;
    background-color: var(--white);
    color: var(--primary-blue);
}
#header nav.header-nav .nav-mega .tab-pane.active {
    display: flex !important;
}
#header nav.header-nav .nav-mega .tab-pane {
    padding: 30px;
    background-color: var(--white);
    font-family: var(--font-museo-sans);
    font-size: 1.6rem;
    font-weight: 300;
    text-transform: none;
}
#header nav.header-nav .nav-mega .tab-pane > .col:first-of-type {
    flex-grow: 2;
    padding-right: 30px;
}
#header nav.header-nav .nav-mega .tab-pane :is(p, ul) {
    margin-bottom: 30px;
}
#header nav.header-nav .nav-mega .tab-pane .col .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
#header nav.header-nav .nav-mega .tab-pane h4 {
    padding-bottom: 20px;
    font-family: var(--font-museo-sans-cond);
    font-size: 2.8rem;
    font-weight: 500;
    text-transform: uppercase;
}
#header nav.header-nav .nav-mega .tab-pane h5, #header nav.header-nav .nav-mega .tab-pane h5 a {
    color: var(--charcoal);
    font-family: var(--font-museo-sans-cond);
    font-size: 2rem !important;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
}
#header nav.header-nav .nav-mega .tab-pane h5 a:hover {
    color: var(--primary-blue);
}
#header nav.header-nav .nav-mega .tab-pane ul.bullets {
    list-style: disc;
}
#header nav.header-nav .nav-mega .tab-pane ul li {
    line-height: 24px;
}
#header nav.header-nav .nav-mega .tab-pane ul li strong {
    font-size: 1.4rem;
    font-weight: bold;
    text-transform: uppercase;
}
#header nav.header-nav .nav-mega .tab-pane ul li a {
    color: var(--charcoal);
    font-weight: 500;
    text-decoration: none;
}
#header nav.header-nav .nav-mega .tab-pane ul li a:hover {
    color: var(--primary-blue);
}
#header nav.header-nav .nav-mega .tab-pane#zepfsolutions a,
#header nav.header-nav .nav-mega .tab-pane#zepf-solutions a {
    color: var(--charcoal);
    font-weight: 500;
    text-decoration: none;
}
#header nav.header-nav .nav-mega .tab-pane#zepfsolutions a:hover,
#header nav.header-nav .nav-mega .tab-pane#zepf-solutions a:hover {
    color: var(--primary-blue);
}
#header nav.header-nav .markets .nav-mega .tab-pane ul {
    list-style-type: disc;
    column-count: 2;
}
#header nav.header-nav .nav-mega .tab-pane .button {
    text-decoration: none;
}
#header nav.header-nav .nav-mega .tab-pane .col:last-of-type img {
    max-width: inherit !important;
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    padding-left: 30px;
    border-left: 1px solid var(--border-gray);
}
#header nav.header-nav .top-link {
    display: none;
}
#header nav.header-nav .Link .nav-link {
    display: initial;
    line-height: var(--bs-body-line-height);
}
#header nav.header-nav .Link > span {
    display: none;
}
.nav-link.button {
    padding: 10px 20px;
    font-size: inherit;
}


/* Nav Mobile */
#header nav.header-nav.mobile {
    display: none;
}
#header nav.header-nav.mobile > i {
    font-size: 24px;
    cursor: pointer;
}
#header nav.header-nav.mobile .mobile-menu {
    position: absolute;
    top: 100px;
    left: 0;
    transform: scaleY(0);
    transform-origin: 100% top;
    visibility: hidden;
    pointer-events: none;
    width: 100%;
    height: calc(100vh - 146px);
    line-height: normal;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--border-gray);
    background: var(--white);
    z-index: 100;
    transition: opacity .14s linear, visibility .14s linear, transform .14s linear, -webkit-transform .14s linear, top 0.3s ease-in-out, height 0.3s ease-in-out;
    opacity: 0;
    overflow-y: auto;
}
#header.scrolldown nav.header-nav.mobile .mobile-menu {
    height: calc(100vh - 80px);
    top: 80px;
    transition: 0.3s ease-in-out;
}
#header nav.header-nav.mobile .mobile-menu.show {
    visibility: visible;
    opacity: 1;
    transform: scaleY(1);
    pointer-events: all;
}
#header nav.header-nav.mobile:has(.mobile-menu.show) > i::before {
    content: '\58';
}
#header nav.header-nav.mobile .nav-dropdown,
#header nav.header-nav.mobile .nav-mega {
    display: none;
    visibility: visible;
    opacity: 1;
    transform: none;
}
#header nav.header-nav.mobile .nav-item.activeLink .nav-dropdown {
    display: flex;
    flex-direction: column;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--border-gray);
}
#header nav.header-nav.mobile .nav-item.activeLink .nav-dropdown a {
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
    justify-content: space-between;
    font-family: var(--font-museo-sans-cond);
    font-size: 1.8rem;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--charcoal);
    cursor: pointer;
}
#header nav.header-nav.mobile .nav-item span,
#header nav.header-nav.mobile .nav-item.Link a,
#header nav.header-nav.mobile .nav-item.Mega.Menu a {
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
    justify-content: space-between;
    font-family: var(--font-museo-sans-cond);
    font-size: 1.8rem;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--charcoal);
    cursor: pointer;
}
#header nav.header-nav.mobile .nav-item.blog,
#header nav.header-nav.mobile .nav-item.news.events {
    display: none;
}
#header nav.header-nav.mobile .nav-item.activeLink > span {
    margin-bottom: 12px;
    color: var(--primary-blue);
    border-bottom: 1px solid var(--border-gray);
}
#header nav.header-nav.mobile .nav-item.Dropdown > a,
#header nav.header-nav.mobile .nav-item.Mega.Menu > span,
#header nav.header-nav.mobile .nav-item.Mega.Menu .nav-mega,
#header nav.header-nav.mobile .nav-item.Link > span {
    display: none;
}
#header nav.header-nav.mobile .secondary-nav-item:has(.secondary-nav-dropdown.show) > span {
    margin-bottom: 12px;
    border-bottom: 1px solid var(--border-gray);
}
#header nav.header-nav.mobile .secondary-nav-dropdown {
    display: none;
    visibility: hidden;
    opacity: 0;
    transform: scaleY(0);
}
#header nav.header-nav.mobile .secondary-nav-dropdown.show {
    display: block;
    visibility: visible;
    opacity: 1;
    transform: scaleY(1);
    margin-bottom: 20px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border-gray);
    font-size: 1.6rem;
}
#header nav.header-nav.mobile .nav-item.Mega.Menu.service-aftermarket > a {
    display: none;
}
#header nav.header-nav.mobile .nav-item.Mega.Menu.service-aftermarket > span {
    display: flex;
}
#header nav.header-nav.mobile .nav-item.Mega.Menu.service-aftermarket.activeLink .nav-dropdown {
    display: block;
}


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


/* --- Language Toggle --- */
.languageToggle select {
    border: none;
    background: transparent;
    color: var(--white);
    font-family: var(--font-museo-sans-cond);
    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:before {
    content: '|';
    padding: 0 10px;
    color: var(--white);
    font-weight: bold;
}


/* --- Main --- */
section#main {
    margin-top: 146px;
    position: relative;
    display: block;
    transition: ease-in-out 0.3s;
}
section#main .container {
    padding: 60px 0;
}
section#main .infoPhotoHeader .container {
    padding: 30px 0 60px;
}
.infoPhotoHeader .button {
    text-align: center;
}
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);
    text-decoration: none;
}
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 {
    line-height: 6.4rem;
    margin-bottom: 20px;
    color: var(--primary-blue);
    font-family: var(--font-museo-sans-cond);
    font-size: 6.4rem;
    font-weight: 500;
}
section#main h1 strong {
    display: block;
    color: var(--primary-dark-gray);
    font-size: 4rem;
    font-weight: 500;
}
section#main h2 {
    margin-bottom: 20px;
    font-family: var(--font-museo-sans-cond);
    font-size: 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;
    color: var(--charcoal) !important;
    font-family: var(--font-museo-sans-cond);
    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;
    color: var(--white) !important;
}
.button.green {
    background-color: var(--primary-green);
}
.button.blue {
    background-color: var(--primary-blue);
}
.button.gray {
    background-color: var(--medium-gray);
}
.button span {
    position: relative;
    z-index: 2;
}


/* --- Main > Lists --- */
.list-details .row {
    margin: 0;
}
.list-details details {
    margin-bottom: 10px;
    padding: 20px;
    border-radius: 8px;
    background-color: var(--light-gray);
    transition: ease-in-out 0.3s;
}
.list-details details:hover summary {
    color: var(--primary-blue);
}
.list-details details[open] {
    background-color: var(--border-gray);
}
.list-details details[open] summary {
    color: var(--primary-blue);
}
.list-details details summary {
    display: block;
    font-family: 'museo-sans-condensed', sans-serif;
    font-size: 28px;
    font-weight: 500;
    text-transform: uppercase;
}
.list-details details ul {
    list-style-type: none;
    margin: 0 !important;
    padding: 20px 0 0;
}
.list-details details ul li a {
    text-decoration: none;
}


/* --- Main > Breadcrumbs --- */
.breadcrumb {
    padding-bottom: 20px;
}
.breadcrumb-item {
    color: var(--primary-dark-gray) !important;
    font-family: var(--font-museo-sans-cond);
    font-weight: 500;
    text-transform: uppercase;
}
.breadcrumb-item::before {
    color: var(--primary-dark-gray) !important;
}
.breadcrumb-item+.breadcrumb-item::before {
    content: "\203A" !important;
}
.breadcrumb-item a {
    color: var(--primary-dark-gray) !important;
}


/* --- Main > Company Landing Pages > Hero --- */
.hero-detail {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hero-detail::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 62, 150, 0.80) 0%, rgba(0, 62, 150, 0.70) 45.75%, rgba(11, 153, 208, 0.80) 74.04%);
    z-index: 1;
}
.hero-detail .container {
    position: relative;
    z-index: 2;
}
.hero-detail-inner {
    width: 60%;
    color: var(--white);
}
.hero-detail-inner h1 {
    color: var(--white) !important;
}
.hero-detail .hero-bg-slider {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.hero-detail .hero-bg-slider .carousel-inner {
    height: 100%;
}
.hero-detail .hero-bg-slider .carousel-inner .carousel-item {
    height: 100%;
    float: none;
}
.hero-detail .carousel-item img {
    width: 100%;
    max-height: 110%;
    min-height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}


/* --- Main > Company Landing Pages > Nav --- */
.company-nav {
    margin-top: 60px;
}
.company-nav .button-No {
    display: none;
}


/* --- Main > Company Landing Pages > Meta --- */
.home-meta {
    margin-bottom: 60px;
    border-bottom: 1px solid #e3e3e3;
}


/* --- Main > Home > Brands --- */
.home-brands {
    position: relative;
}
.home-brands .brand-product-lines ul {
    margin: 0 !important;
    padding: 0;
}
.home-brands .brand-product-lines ul li {
    list-style-type: none;
    display: block;
    margin-bottom: 10px;
    padding: 20px;
    border-radius: 8px;
    background-color: var(--light-gray);
    font-family: 'museo-sans-condensed', sans-serif;
    font-size: 28px;
    font-weight: 500;
    text-transform: uppercase;
    transition: ease-in-out 0.3s;
}
.home-brands .col-lg-6:last-of-type img {
    position: absolute;
    right: 0;
    width: 46%;
}


/* --- Main > Additional Content --- */
.additional-content {
    padding-top: 60px;
}
.additional-content h3 {
    padding-bottom: 30px;
}
.additional-content .sfimageWrp {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.additional-content .sfimageWrp img {
    display: block;
    width: 100%;
    max-height: 400px;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center;
}
.additional-content .container:nth-of-type(even) .row {
    flex-direction: row-reverse;
}
.additional-content .col-xl-7 {
    padding-left: 3rem;
}
.additional-content .container:nth-of-type(even) .col-xl-7 {
    padding-left: 0;
    padding-right: 3rem;
}


/* --- Main > About Us Cards --- */
.card-bw {
    height: 100%;
}
.card-bw .listing-card {
    height: 100%;
}
.card-bw .listing-card-meta {
    height: calc(100% - 200px);
    padding: 24px;
}
.card-bw .listing-card-meta h3 {
    padding-bottom: 24px;
    font-size: 2.4rem !important;
}
.card-bw:hover .listing-card-meta {
    color: var(--white);
}
.card-bw:hover .listing-card-meta .button:hover {
    background-color: var(--medium-gray) !important;
    color: var(--charcoal) !important;
}


/* --- Main > Listing Cards --- */
.listing-cards {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
}
.listing-cards .listing-card {
    flex: 0 0 auto;
    width: 33.33333333%;
}
.listing-cards .listing-card.listing-card-4 {
    width: 25%;
}
.listing-cards .listing-card a {
    display: block;
    height: 100%;
    background: var(--white);
    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;
    overflow: hidden;
}
.listing-card .listing-card-photo {
    position: relative;
    width: 100%;
    padding-top: 50%;
    background-color: var(--white);
}
.listing-card .listing-card-photo img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    aspect-ratio: 2 / 1;
    object-fit: cover;
}
.listing-card .listing-card-date {
    position: absolute;
    top: 0;
    right: 20px;
    padding: 5px;
    background-color: var(--primary-gray);
    color: var(--white);
    font-size: 12px;
    text-align: center;
}
.listing-card .listing-card-date :is(.listing-card-date-month, .listing-card-date-year) {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}
.listing-card .listing-card-date .listing-card-date-day {
    display: block;
    line-height: 32px;
    font-size: 32px;
}
.listing-card .listing-card-meta {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 100px;
    height: 100%;
    border-top: 1px solid var(--light-gray);
    transition: ease-in-out 0.3s;
}
.listing-card .listing-card-meta-text {
    padding: 15px;
    display: block;
    height: 100%;
    width: 100%;
    color: var(--primary-dark-gray) !important;
    font-weight: bold;
    text-transform: uppercase;
}
.listing-card:hover .listing-card-meta {
    background: var(--primary-dark-gray);
}
.listing-card:hover .listing-card-meta-text {
    color: var(--white) !important;
}
.listing-card .listing-card-meta-text small {
    display: block;
}
.unsure {
    flex: 0 0 auto;
    width: 33.33333333%;
    font-family: var(--font-museo-sans-cond);
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
}
.unsure i {
    padding-bottom: 30px;
    font-size: 64px;
}
.listing-cards.product-listings .listing-card, .location-cards .listing-card {
    display: none;
}
.listing-cards.product-listings .listing-card.col-1-on.col-2-on.col-3-on, .location-cards .listing-card.col-1-on.col-2-on.col-3-on {
    display: block;
}
.listing-cards.brand-cards .listing-card-photo img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    min-height: initial;
    aspect-ratio: initial;
    object-fit: contain;
}
.listing-cards.brand-cards .listing-card-meta {
    height: auto;
    padding: 20px;
}
.listing-cards.brand-cards .listing-card:hover .listing-card-meta {
    color: var(--white);
}
.listing-cards.brand-cards .listing-card-meta p {
    margin-bottom: 0 !important;
}
body.products .listing-card.hide-products-Yes {
    display: none !important;
}
body.brands .listing-card.hide-brands-Yes {
    display: none !important;
}


/* --- Main > Expanding Cards --- */
.expanding-cards {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
}
.expanding-card {
    width: 100%;
    background-color: var(--white);
}
.expanding-card details {
    display: block;
    box-shadow: 0px 0px 12px rgba(68, 68, 68, 0.11);
}
.expanding-card details summary {
    align-items: center;
    height: 100px;
    margin: 0;
    font-family: var(--font-museo-sans);
}
.expanding-card .expanding-card-photo {
    position: relative;
    max-width: 120px;
    height: 100%;
    padding: 0;
    overflow: hidden;
}
.expanding-card .expanding-card-photo img {
    max-height: 100%;
    min-height: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
}
.expanding-card .expanding-card-meta {
    color: var(--charcoal);
    font-size: var(--bs-body-font-size);
    font-weight: bold;
    text-transform: uppercase;
}
.expanding-card i.col {
    max-width: 70px;
    text-align: center;
}
.expanding-card details[open] i {
    transform: rotate(180deg);
}
.expanding-card details .ps-machines {
    padding: 20px;
    border-top: 1px solid var(--light-gray);
}
.expanding-card details .ps-machines ul {
    margin: 0 !important;
}
.expanding-card details .ps-machines ul li::marker {
    color: var(--primary-blue);
}
.expanding-card details .ps-machines ul li a {
    color: var(--charcoal) !important;
}
.expanding-card details .ps-machines ul li a:hover {
    text-decoration: underline !important;
}


/* --- Main > Product Filters --- */
.product-filter-wrapper {
    margin-bottom: 30px;
    padding: 20px;
    background-color: var(--white);
}
.product-filter::part(combobox) {
    height: 46px;
    padding: 0;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid var(--medium-gray);
    box-shadow: none;
 }
 .product-filter::part(display-input) {
    color: var(--charcoal);
    font-family: var(--font-museo-sans-cond);
    font-size: 1.6rem;
    text-transform: uppercase;
 }
 .product-filter::part(expand-icon), .product-filter::part(clear-button) {
    font-size: 1.6rem;
 }
 .product-filter sl-option::part(base) {
    font-size: 1.6rem;
 }
sl-button.filter-reset-button::part(base) {
    border: none;
    background-color: transparent;
    color: var(--charcoal);
    font-family: var(--font-museo-sans-cond);
    font-size: 1.6rem;
    text-transform: uppercase;
 }
 sl-button.filter-reset-button:hover::part(base) {
    color: var(--white);
 }
 .machine-filters {
    display: none;
 }


 /* --- Main > Solutions Tabs --- */
 .search-tabs li {
    position: relative;
 }
 .search-tabs li button {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    color: var(--primary-dark-gray);
 }


/* --- Main > Company Landing Pages > Parts & Service --- */
.company-parts-service {
    position: relative;
    overflow: hidden;
    background-color: var(--primary-blue);
    background-image: url('/images/default-source/default-album/package-bg-10.png');
    color: var(--primary-gray);
    font-weight: 500;
}


/* --- Main > Company Landing Pages > Join Our Team --- */
.join-our-team-cta {
    background-attachment: fixed;
    background-image: url('/images/default-source/bwfs/join-our-team-bwfs.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--white);
}
.join-our-team-cta > div {
    background-color: var(--primary-gray-rgba);
}


/* --- Main > HubSpot Embed Forms --- */
.hubspot-embed-form :is(.form-columns-1, .form-columns-2, .form-columns-3) {
    display: flex;
    gap: 10px;
    width: 100%;
    max-width: inherit;
    margin-bottom: 15px;
}
.hubspot-embed-form .input {
    width: 100%;
    margin-right: 0 !important;
}
.hubspot-embed-form .input :is(input, select) {
    width: 100% !important;
    height: 40px;
    border: 1px solid var(--border-gray);
    background-color: var(--light-gray);
}
.hubspot-embed-form .hs-message {
    width: 100%;
}
.hubspot-embed-form .input textarea {
    width: 100% !important;
    height: 150px;
    border: 1px solid var(--border-gray);
    background-color: var(--light-gray);
}
.hubspot-embed-form label {
    margin-bottom: 5px;
    font-weight: 500;
}
.hubspot-embed-form .hs-form-required {
    color: red;
}
.hubspot-embed-form input[type=submit] {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 15px 30px;
    border: 0;
    border-radius: 50px;
    background-color: var(--primary-blue);
    color: var(--charcoal) !important;
    font-family: var(--font-museo-sans-cond);
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: .5px;
    text-transform: uppercase;
    transition: ease-in-out 0.3s;
}
.hubspot-embed-form .hs-recaptcha {
    margin: 30px 0 15px;
}
.hubspot-embed-form input[type=submit]:hover {
    background-color: var(--primary-dark-gray) !important;
    color: var(--white) !important;
}


/* --- Main > Brand Pages --- */
.brand-detail-header {
    position: relative;
    height: 300px;
    color: var(--white);
    text-align: center;
}
.brand-detail-header:before, .brand-detail-header:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}
.brand-detail-header:before {
    z-index: -1;
    background-color: var(--primary-blue);
    clip-path: polygon(0% 0%, 100% 0%, 100% 35%, 50% 100%, 0% 35%);
}
.brand-detail-header:after {
    z-index: -2;
    background-color: var(--medium-gray);
    clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 50% 98%, 0% 50%);
}
.brand-detail-header .brand-detail-header-wrapper {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, 0);
    margin: 0;
    letter-spacing: 2px;
    text-align: center;
}
section#main .brand-detail-header .brand-detail-header-wrapper h1 {
    color: var(--white);
}
.brand-detail-header .breadcrumb-item {
    color: var(--white) !important;
}
.brand-detail-header .breadcrumb-item::before {
    color: var(--white) !important;
}
.brand-detail-header .breadcrumb-item a {
    color: var(--white) !important;
}
.brand-detail .container {
    max-width: 100% !important;
}
.brand-detail .brand-detail-meta {
    column-gap: 30px;
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid var(--light-gray);
}
.brand-detail .brand-detail-meta div:first-of-type {
    overflow: hidden;
}
.brand-detail .brand-detail-meta div:first-of-type img {
    display: block;
    width: 100%;
    max-height: 400px;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center;
}
.infoContent .brand-detail h2 {
    margin-top: 0 !important;
}
.brand-detail .brand-detail-meta div:last-of-type a img {
    max-height: 50px;
}
.brand-detail .brand-detail-machines {
    padding-top: 60px;
}


/* --- Main > Products Heros --- */
.machine-company-listings {
    display: flex;
    column-gap: 30px;
}
.machine-company-listings img {
    max-height: 50px !important;
    aspect-ratio: auto !important;
}


/* --- Main > Product Groups > Machines --- */
.pl-machines-content {
    margin-bottom: 30px;
}
.pl-machines-content p {
    margin-bottom: -30px;
}


/* --- Main > Machine Detail Pages > Heading --- */
#machine-detail-heading {
    color: var(--primary-gray) !important;
}
#machine-detail-heading > span {
    display: none;
}
#machine-detail-heading.Machine.Only > span.Machine.Only, #machine-detail-heading.Company.Text > span.Company.Text, #machine-detail-heading.Company.Logo > span.Company.Logo, #machine-detail-heading.Brand.Logo > span.Brand.Logo {
    display: block;
}
#machine-detail-heading.Logo img {
    height: 50px;
}
#machine-detail-heading.Text strong {
    display: block;
    color: var(--primary-blue);
    font-family: var(--font-museo-sans-cond);
    font-size: 3.6rem;
    text-transform: uppercase;
}
#machine-detail-heading.Machine {
    color: var(--primary-blue) !important;
}
.machine-logo {
    max-width: 100%;
    height: auto !important;
    max-height: 50px;
    margin-bottom: 30px;
}


/* --- Main > Machine Detail Pages > Carousel --- */
.carousel-thumbnails {
    --slide-aspect-ratio: 3 / 2;
    height: 490px
}
.carousel-thumbnails::part(navigation-button) {
    font-size: 36px;
}
.thumbnails {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
.thumbnails__scroller {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    scrollbar-width: none;
    scroll-behavior: smooth;
    scroll-padding: 10px;
}
.thumbnails__scroller::-webkit-scrollbar {
    display: none;
}
.thumbnails__image {
    width: 90px;
    height: 55px;
    object-fit: cover;
    opacity: 0.3;
    will-change: opacity;
    transition: 250ms opacity;
    cursor: pointer;
}
.thumbnails__image.active {
    opacity: 1;
}


/* --- Main > Machine Detail Pages > Body --- */
.machine-detail-body {
    align-items: flex-start;
    padding-top: 60px;
}
.machine-detail-body > div:first-of-type {
    padding-right: 40px;
}
.machine-detail-body > div:first-of-type h3 {
    padding-bottom: 30px;
}
.machine-detail-body > div:first-of-type ul li {
    list-style-type: disc;
    margin-left: 20px;
}
.machine-detail-body .second-machine-heading-alt {
    display: none;
}


/* --- Main > Machine Detail Pages > Expandable Sections --- */
.machine-detail-body details {
    margin-top: 30px;
}
.machine-detail-body details summary {
    position: relative;
    list-style: none;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--charcoal);
    font-family: var(--font-museo-sans-cond);
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
}
.machine-detail-body details summary i {
    position: absolute;
    right: 0;
}
.machine-detail-body details[open] summary i:first-of-type {
    display: none;
}
.machine-detail-body details table td {
    padding: 10px !important;
    border: 1px solid var(--border-gray);
}
.machine-detail-body details table td:first-of-type {
    width: 20%;
    background-color: var(--primary-blue);
    color: var(--white);
    font-weight: bold;
    text-align: right;
    vertical-align: top;
}
.machine-detail-body details table td:last-of-type {
    width: 80%;
    background-color: var(--light-gray);
}
.machine-packaging-styles > span > .row {
    gap: 30px;
}
.machine-packaging-styles img {
    max-width: 100%;
}
.machine-packaging-styles .packaging-style-content h4 {
    margin-bottom: 0 !important;
    color: var(--primary-blue);
    font-size: 1.6rem !important;
    font-weight: bold;
    text-transform: uppercase;
}
.machine-packaging-styles .packaging-style-content h5 {
    margin-bottom: 10px;
    color: var(--charcoal);
    font-size: 1.6rem !important;
    font-weight: bold;
}
.machine-packaging-styles .packaging-style-content {
    color: var(--primary-blue);
    font-size: 1.6rem;
    text-align: left;
}
.machine-packaging-styles .packaging-style-content strong {
    color: var(--charcoal);
}
.machine-packaging-styles .packaging-style-content p {
    margin-bottom: 0 !important;
}


/* --- Main > Machine Detail Pages > Sidebar --- */
.sidebar {
    padding: 30px;
    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;
    background-color: var(--white);
}
.sidebar .brand-logo-link {
    display: block;
}
.sidebar img {
    height: 70px;
    margin-bottom: 30px;
}
.sidebar strong {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
}
.sidebar .button {
    width: 100%;
    text-align: center;
}
.sidebar ul {
    list-style-type: none;
    padding: 0;
}


/* --- Main > Location Cards --- */
.location-cards {
    gap: 30px;
}
.location-card {
    flex: 0 0 calc(100% / 3 - 20px);
    padding: 20px;
    border: 1px solid var(--medium-gray);
    background-color: var(--white);
}
.location-card h4 {
    margin-bottom: 0 !important;
    color: var(--primary-blue);
    font-family: var(--font-museo-sans-cond);
    font-size: 2rem !important;
    font-weight: 500;
    text-transform: uppercase;
}
.location-card strong {
    display: block;
    color: var(--charcoal);
    font-family: var(--font-museo-sans-cond);
    font-size: 2.4rem;
    font-weight: 500;
    text-transform: uppercase;
}
.location-card small {
    display: block;
    padding: 10px 0;
    color: var(--charcoal);
    font-family: var(--font-museo-sans-cond);
    font-size: 1.6rem;
    font-style: italic;
    text-transform: uppercase;
}
.location-card .location-card-contacts {
    list-style-type: none;
    margin-top: 20px;
    margin-bottom: 0 !important;
    padding-left: 20px;
}
.location-card .location-card-contacts li {
    display: flex;
    color: var(--charcoal);
    font-family: var(--font-museo-sans-cond);
    font-size: 1.6rem;
}
.location-card .location-card-contacts li i {
    width: 10px;
    margin-top: 5px;
    margin-left: -20px;
    margin-right: 10px;
    color: var(--primary-blue);
    font-size: 1.6rem;
}
.location-card .location-card-contacts address {
    font-weight: 300;
}
.location-card .location-card-contacts .location-card-contacts-email {
    display: none;
}
.location-card .listing-card-meta {
    display: none;
}


/* --- 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%);
}
.infoHeader .breadcrumb {
    position: relative;
    top: 40px;
    display: flex;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
}
.infoHeader .breadcrumb :is(.breadcrumb-item, .breadcrumb-item a) {
    color: var(--white) !important;
}
.infoHeader .breadcrumb .breadcrumb-item::before {
    color: var(--white) !important;
}
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: 0px !important;
    text-transform: capitalize;
}
.infoSectionGray {
    background-color: var(--light-gray);
}


/* --- Main > Info Photo Content --- */
.infoPhotoContent {
    position: relative;
    margin-top: 30px;
    padding: 120px 0 0;
    background-color: var(--light-gray);
    clip-path: polygon(0% 0%, 50% 100px, 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% 90px, 0% 40px)
}
.infoPhotoContent h2 {
    font-family: var(--font-museo-sans-cond);
    font-size: 4rem !important;
    text-transform: capitalize;
}
.expertise.machine-audits .infoPhotoContent h2,
.service-aftermarket.pre-owned-rebuilds .infoPhotoContent h2,
.service-aftermarket.trainings .infoPhotoContent h2,
.expertise.cutting-tools-for-thermoformed-cups .infoPhotoContent h2,
.expertise.industrial-packaging-design h2,
.expertise.dosing-expertise h2 {
    margin-top: 0;
}
.about-us .infoPhotoContent .container {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}


/* --- Main > Info Photo Header --- */
.infoPhotoHeader .container {
    padding-bottom: 0 !important;
}
.infoPhotoHeader :is(.row > div:first-of-type > div, .sf_colsOut:first-of-type > div > div) {
    position: relative;
    width: 100%;
    height: 100%;
}
.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;
    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;
}
body.our-brands .infoPhotoHeader :is(.row > div:first-of-type img, .sf_colsOut:first-of-type > div img) {
    object-fit: contain;
}
body:has(.hide-hero) .infoPhotoHeader.detail-hide {
    display: none;
}
.infoPhotoHeader nav {
    padding: 0 !important;
    height: auto !important;
}


/* --- Main > Brochure Download --- */
.brochureDownload {
    background-color: var(--primary-blue);
    color: var(--white);
}
.brochureDownload h4 {
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-museo-sans-cond);
    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;
    justify-content: space-between;
    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 {
    height: 60px;
    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: var(--font-museo-sans) !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: var(--font-museo-sans-cond);
    font-weight: 700;
}
.locationInside span {
    display: block;
    padding-bottom: 20px;
    font-family: var(--font-museo-sans-cond);
    text-transform: uppercase;
}


/* --- Main > News & Events --- */
.news-tabs {
    display: flex;
    column-gap: 10px;
    justify-content: center;
}
.news-tabs button.active {
    background-color: var(--primary-dark-gray);
    color: var(--white) !important;
    cursor: text;
}


/* --- Main > Events --- */
.event-listings {
    display: flex;
    row-gap: 20px;
    flex-wrap: wrap;
}
.event-listings > div {
    width: 100%;
    margin: 0;
    padding: 20px;
    background-color: var(--white);
    box-shadow: 0 8px 12px rgba(68, 68, 68, 0.11);
}
.event-listings > div > div:last-of-type {
    text-align: right;
}


/* --- 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: var(--font-museo-sans-cond);
    font-weight: 700;
}


/* --- Main > Leaders Listings --- */
.leader-listings {
    row-gap: 20px !important;
    column-gap: 0 !important;
}
.leader-listings .leader-photo {
    width: 100%;
}
.leader-name {
    margin: 10px 0 0;
    font-family: var(--font-museo-sans-cond);
    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: var(--font-museo-sans-cond);
    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: var(--font-museo-sans-cond);
    font-size: 2.5rem !important;
}
.cultureCards .cultureInside a {
    margin-bottom: 30px;
}


/* --- Main > Sustainability --- */
.card-sustainability {
    padding: 20px;
    background-color: var(--white);
    box-shadow: 0 8px 12px rgba(68, 68, 68, 0.11);
}
.card-sustainability .card-photo {
    text-align: center;
}
.card-sustainability .card-photo img {
    max-width: 100%;
    width: auto;
    height: 200px;
}
.card-sustainability .card-meta {
    margin-top: 20px;
    font-family: var(--font-museo-sans-cond);
    font-size: 2rem;
    text-align: center;
}
.sustain-blog .blogCard:first-of-type {
    max-width: initial;
    flex: initial;
}
.sustain-blog .blogCard:first-of-type .blogCardFront > div {
    right: initial;
}
.expertise.seamer-university .training-cards > div {
    display: flex;
}
.expertise.seamer-university .btn-tabs {
    border-bottom: 1px solid var(--border-gray);
}
.expertise.seamer-university .faq-cards .col-lg-6 {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.process-cards .col-lg-3 {
    display: flex;
}
.market-cards .col-lg-6 {
    display: flex;
}
.market-cards .card-sustainability,
.market-cards .col-lg-4 {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.market-cards img {
    height: 150px !important;
    object-fit: cover;
}


/* --- Main > Anchor Card --- */
.card-anchor {
    padding: 20px;
}
.card-anchor .card-photo {
    text-align: center;
}
.card-anchor .card-photo img {
    width: auto;
    max-width: initial;
    height: 80px;
}
.card-anchor .card-meta {
    margin-top: 20px;
    font-family: var(--font-museo-sans-cond);
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}


/* --- 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: var(--font-museo-sans-cond);
    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: var(--font-museo-sans-cond);
    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 > Market Pages --- */
.market-section-2:nth-of-type(even) {
    background-color: var(--light-gray);
}
.submarket-listings .row {
    align-items: flex-start;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid var(--border-gray);
}
.submarket-listings .row:first-of-type {
    margin-top: 0;
    border-top: none;
}
.submarket-listings .submarket-listing-photo img {
    display: block;
    width: 100%;
    max-height: 400px;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center;
}
.submarket-listings .submarket-listing-content h3 {
    margin-bottom: 20px;
}
.submarket-links {
    display: flex;
    column-gap: 10px;
    list-style: none;
    margin-left: 0 !important;
    padding-left: 0;
}
.submarket-links li {
    padding-right: 10px;
    border-right: 1px solid var(--charcoal);
    font-family: var(--font-museo-sans-cond);
    font-weight: bold;
    text-transform: uppercase;
}
.submarket-links li:is(:first-of-type, :last-of-type) {
    padding-right: 0;
    border: none;
}


/* --- Main > Solutions > Supporting Content --- */
.solutionsSupportingContent .row .sfimageWrp {
    position: relative;
    height: 400px;
    overflow: hidden;
}
.solutionsSupportingContent .row .sfimageWrp img {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    max-width: inherit;
    height: 100%;
}
.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-top: 60px;
}
.supporting-content:first-of-type {
    margin-top: 0px;
}
.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 details {
    border-bottom: 1px solid var(--medium-gray);
}
.faq details summary {
    position: relative;
    list-style: none;
    line-height: 33px;
    padding: 20px 40px 20px 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 p {
    padding: 0;
}
.faq details span {
    display: block;
    padding-bottom: 30px;
}


/* --- Main > CTA --- */
.cta .row {
    align-items: center;
}
.cta.cta-bgcolor {
    background-color: var(--primary-blue);
}
.cta .row > div:last-of-type {
    text-align: right;
}


/* --- Main > Solutions > Related Posts --- */
.relatedPosts {
    background-color: var(--light-gray);
}
.relatedPostsListings {
    margin-bottom: 15px;
}
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: var(--font-museo-sans-cond);
    font-weight: 700;
    transition: ease-in-out 0.25s;
}
.relatedPostsInside:hover .relatedPostsInfo h4 {
    color: var(--white);
}
.relatedPostsMeta {
    display: flex;
    align-items: center;
    color: var(--primary-dark-gray);
    font-family: var(--font-museo-sans-cond);
    transition: ease-in-out 0.25s;
}
.relatedPostsInside:hover .relatedPostsInfo .relatedPostsMeta {
    color: var(--white);
}
.relatedPostsMeta .authorImg {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 80px;
    margin-right: 20px;
    overflow: hidden;
}
.relatedPostsMeta strong {
    display: block;
}


/* --- Main > Testimonials --- */
.testimonial-full {
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
.testimonial-full .testimonial-full-inner {
    width: 66.666666%;
    margin: 40px 0;
    padding: 40px;
    background-color: var(--transparent-gray);
    color: var(--white);
}
.testimonial-full .testimonial-full-inner blockquote {
    line-height: 46px;
    margin-bottom: 20px;
    font-size: 36px;
    font-weight: 500;
}
.testimonial-full .testimonial-full-inner cite {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
}


/* --- 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: var(--font-museo-sans-cond);
    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: var(--font-museo-sans-cond);
    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: var(--font-museo-sans-cond);
    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: var(--font-museo-sans-cond);
    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: var(--font-museo-sans-cond);
    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: var(--font-museo-sans-cond);
    font-weight: bold;
    text-transform: uppercase;
}
.blogPostHeader h1 {
    text-transform: none !important;
}
.blogPostHeader h2 {
    margin: -20px 0 30px !important;
    font-family: var(--font-museo-sans-cond);
    font-size: 2.8rem !important;
}
.blogPostMeta {
    font-weight: 500;
}
.blogPostMeta img {
    width: 40px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 50px;
}
.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%);
    min-width: 100%;
}
.blogPostAuthor h4 {
    font-family: var(--font-museo-sans-cond);
    text-transform: uppercase;
}
.blogPostMore h5 {
    margin: 60px 0 30px;
    color: var(--primary-blue);
    font-family: var(--font-museo-sans-cond);
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
}
.blog-quote {
    float: right;
    position: relative;
    width: 30%;
    margin: 0 0 30px 30px;
    padding: 20px;
    background-color: var(--white);
    font-size: 1.5rem;
}
.blog-quote img {
    position: relative;
    left: 50%;
    transform: translate(-50%,0);
    width: 80px;
}
.blog-quote strong {
    display: block;
    margin-top: 10px;
    text-align: center;
}
.blog-quote i {
    position: absolute;
    top: -10px;
    left: -10px;
    color: var(--primary-blue);
    font-size: 64px;
}


/* --- Footer --- */
#footer {
    position: relative;
    width: 100%;
}
#footer .container {
    /*max-width: 70%;*/
    padding: 0;
}


/* --- Footer > Sitemap --- */
#footer .footer-sitemap {
    padding: 60px 0;
    background-color: var(--primary-dark-gray);
    color: var(--white);
}
#footer .footerLogo {
    max-width: 500px;
}
#footer .footerIconLogo {
    max-height: 120px;
}
#footer .social-wrapper {
    margin-top: 30px;
    font-size: 14px;
}
#footer .social-wrapper ul {
    display: flex;
    column-gap: 15px;
    margin-top: 10px !important;
    padding-left: 0;
}
#footer .footer-sitemap .social-wrapper li a {
    color: var(--white);
    font-size: 3.2rem;
    transition: ease-in-out 0.3s;
}
#footer .footer-sitemap .social-wrapper li a:hover {
    color: var(--primary-blue);
    font-size: 3.2rem;
}
#footer .footer-sitemap .nav-select {
    display: none;
}
#footer .footer-sitemap h6 {
    line-height: 29px;
    margin-bottom: 10px;
    font-size: 100%;
    text-transform: uppercase;
}
#footer .footer-sitemap ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#footer .footer-sitemap ul li {
    margin: 3px 0;
}
#footer .footer-sitemap ul li a {
    display: inline;
    line-height: 24px;
    padding: 0;
    color: var(--primary-blue);
    text-decoration: none;
}
#footer .footer-sitemap ul li a:hover {
    color: var(--white);
}


/* --- Footer > Legal Footer --- */
#footer .footer-legal {
    height: 46px;
    line-height: 44px;
    /*padding: 0 50px;*/
    background-color: #32373E;
    color: var(--white);
}
#footer nav, #footer .legal-nav {
    padding: 0;
    height: auto;
}
#footer .legal-nav ul {
    list-style-type: none;
    display: flex;
    margin: 0;
    padding: 0;
}
#footer .legal-nav li {
    border: none;
    background: transparent;
}
#footer .legal-nav li:before {
    content: '/';
    margin: 0 5px 0 10px;
    font-size: 12px;
}
#footer .legal-nav li:first-of-type:before {
    content: none;
}
#footer .legal-nav a {
    display: inline;
    line-height: normal;
    padding: 0;
    color: var(--white);
    font-size: 12px;
}
#footer .legal-nav :is(a.sfSel, a.sfSel:hover) {
    margin: 0;
    padding: 0;
    background-color: transparent;
    font-weight: normal;
}
#footer .legal-nav a:hover {
    background-color: transparent;
    color: var(--white);
    text-decoration: underline;
}
#footer .footer-legal .col-lg-4 {
    font-size: 12px;
    text-align: right;
}


/* --- 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: var(--font-museo-sans-cond);
    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: var(--font-museo-sans-cond);
    font-size: 8rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}
.flexslider .slides h1 strong {
    display: block !important;
    color: var(--white) !important;
    font-size: 10rem !important;
}
.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: var(--font-museo-sans-cond);
    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: var(--font-museo-sans-cond);
    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: var(--font-museo-sans-cond);
    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: var(--font-museo-sans-cond);
    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: var(--font-museo-sans-cond);
    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: var(--font-museo-sans-cond);
    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: var(--font-museo-sans-cond);
    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;
}


/* --- Careers --- */
.careers-card img {
    display: block;
    width: 100%;
    height: 300px !important;
    aspect-ratio: 3 / 2 !important;
    object-fit: cover !important;
    object-position: center !important;
}
.careers-card .card-meta {
    margin-top: 10px;
}
.careers-card .card-meta h3 {
    font-size: 2.4rem !important;
}
.careers-card .card-meta strong {
    display: block;
    margin-bottom: 20px;
    font-size: 1.5rem;
    font-weight: bold;
    text-transform: uppercase;
}


/* --- 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: var(--font-museo-sans-cond);
    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: var(--font-museo-sans-cond);
    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: var(--font-museo-sans-cond);
    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 --- */
#machine-detail-videos .row {
    row-gap: 20px;
}
.video-embed {
    font-size: 1.5rem;
}
.video-embed a {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    box-shadow: 0px 0px 12px rgba(68, 68, 68, 0.11);
    color: var(--white) !important;
}
.video-embed a:hover {
    color: var(--primary-blue) !important;
}
.video-embed img {
    aspect-ratio: 2 / 1;
    object-fit: cover;
    width: 100%;
    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;
    opacity: .8;
    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;
}


/* --- Backend edits --- */
.sfPageEditor #super-header {
    overflow: hidden;
}


/* --- Responsive iFrames --- */
.iframe-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}
.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}


/* --- Packaging Wizard --- */
.pw-filter {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
    margin-bottom: 30px;
}
.pw-filter span {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px;
    border-radius: 5px;
    background-color: var(--light-gray);
    text-align: center;
    cursor: pointer;
}
.pw-filter span img {
    display: block;
    width: 100%;
    max-height: 100px;
    margin-bottom: 10px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    cursor: pointer;
}
.pw-filter span p {
    margin-bottom: 0 !important;
}
.pw-filter span:hover {
    opacity: 0.5;
    cursor: pointer;
}
.listing-col-1 .pw-filter span img, .listing-col-4 .pw-filter span img {
    object-fit: contain;
}
.pw-filter span em {
    display: none;
}
.listing-col-4 .pw-filter span p {
    height: 0;
    visibility: hidden;
}
.listing-col-4 .pw-filter span em {
    display: block;
    font-style: normal;
}


/* --- Packaging Wizard > Filter Choices Box --- */
#filter-choices {
    position: relative;
    overflow: hidden;
    display: flex;
    height: 50px;
    line-height: 50px;
    margin-bottom: 30px;
    border-radius: 5px;
    background-color: var(--light-gray);
}
#filter-choices div {
    margin-right: 10px;
    padding: 0px 15px 0px 10px;
    background-color: var(--primary-dark-gray);
    color: var(--white);
    font-family: var(--font-museo-sans-cond);
    font-weight: 500;
    text-transform: uppercase;
    clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
}
#filter-choices span {
    display: inline-block;
    color: var(--primary-dark-gray) !important;
    font-family: var(--font-museo-sans-cond);
    font-weight: 500;
    text-transform: uppercase;
}
#filter-choices span img {
    display: none;
}
#filter-choices span p {
    display: inline;
    margin: 0;
}
#filter-choices span:nth-of-type(4) p {
    display: none;
}
#filter-choices span:nth-of-type(4) em {
    width: 100px;
    font-style: normal;
}
#filter-choices span:after {
    content: "\203A";
    padding: 0 10px;
}
#filter-choices span:nth-of-type(4):after {
    content: "";
    padding: 0;
}
#filter-choices a {
    position: absolute;
    right: 0;
    height: 100%;
    padding: 0 15px;
    background-color: var(--primary-blue);
    color: var(--charcoal) !important;
    font-family: var(--font-museo-sans-cond);
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}
#filter-choices a:hover {
    background-color: var(--medium-gray);
}


/* --- Packaging Wizard > Results --- */
.packaging-wizard-results {
    display: none;
}


/* --- Contact Form --- */
#contact-us .hs-richtext span {
    background: transparent !important;
    color: var(--charcoal) !important;
    font-size: inherit !important;
}
#contact-us fieldset {
    width: 100%;
    max-width: 100% !important;
    margin-bottom: 20px;
}
#contact-us fieldset label {
    font-weight: normal;
}
#contact-us fieldset .input {
    margin: 0;
}
#contact-us fieldset.form-columns-2 > div:first-of-type {
    padding-right: 10px;
}
#contact-us fieldset.form-columns-2 > div:last-of-type {
    padding-left: 10px;
}
#contact-us .hs-form-required {
    color: crimson;
}
#contact-us .hs-error-msgs {
    list-style: none;
    margin: 5px 0 0;
    padding: 0;
    color: crimson;
}
#contact-us .hs-error-msgs label {
    font-weight: 300;
}
#contact-us .hs-fieldtype-text input {
    width: 100%;
    height: 40px;
    padding: 5px;
    border: 1px solid var(--border-gray);
    background-color: var(--light-gray);
}
#contact-us .hs-fieldtype-text input.error {
    border-color: crimson;
}
#contact-us .hs-fieldtype-select select {
    width: 100%;
    height: 40px;
    padding: 5px;
    border: 1px solid var(--border-gray);
    background-color: var(--light-gray);
}
#contact-us .hs-fieldtype-phonenumber :is(select, input) {
    width: 100%;
    height: 40px;
    padding: 5px;
    border: 1px solid var(--border-gray);
    background-color: var(--light-gray);
}
#contact-us .hs-fieldtype-textarea textarea {
    width: 100%;
    padding: 5px;
    border: 1px solid var(--border-gray);
    background-color: var(--light-gray);
}
#contact-us .hs-submit {
    margin-top: 20px;
}
#contact-us .hs-submit input[type=submit] {
    padding: 15px 30px;
    border: none;
    border-radius: 50px;
    background-color: var(--primary-blue);
    color: var(--charcoal) !important;
    font-family: var(--font-museo-sans-cond);
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: .5px;
    text-transform: uppercase;
    transition: ease-in-out 0.3s;
}
#contact-us .hs-submit input[type=submit]:hover {
    background-color: var(--primary-dark-gray) !important;
    color: var(--white) !important;
}


/* --- Exceptions --- */
.integrated-packaging-solutions a[href="#explore-equipment"] {
    display: none;
}
.integrated-packaging-solutions #secondary-content {
    margin-top: -60px;
    background-color: var(--light-gray);
}
#secondary-content ul li {
    margin-left: 20px;
}