/* Simpler Recycling */

:root {
    --primary: #76B82A;
    --secondary: #378CB9;
    --text: #1D1D1B;
    --main-font: Arial,'Helvetica Neue' ,Helvetica,sans-serif;
}

/* Focus */
.site-header a:focus, .site-header button:focus, .site-header .button:focus, .site-header__links:focus, .site-footer__logo .identity__link:focus, .site-footer__group .list__link:focus, .site-footer__link:focus, .site-footer__text:focus, .site-footer__links:focus, .site-footer__social > nav > ul > li > a:focus, .site-footer__social > nav > ul > li > a:active {
    outline: 3px solid var(--text) !important;
    outline-offset: 4px;
}

#js-menu > div.menu-navigation__inner > div > nav > ul > li > a:focus, #js-menu > div.menu-navigation__inner > div > nav > ul > li > a:active, #js-menu-toggle-inner:focus {
    outline: 3px solid var(--text) !important;
    outline-offset: 4px;
}

a:focus, .form__label--upload:focus, .form__label--image-upload:focus, .widget--myaccount-sign-in a:focus, .widget--myaccount-api-links a:focus, .widget--myaccount-organisation-account-links a:focus, .widget--myaccount-organisation-links a:focus, #contact-modal button:focus, #contact-modal button:active {
    outline: 3px solid var(--text) ;
    outline-offset: 4px;
}

/* Topography */
body{
    font-family: var(--main-font) !important;
    color: var(--text);
}
a {
    font-family: var(--main-font);
}
h1, .h1, h2:not(.download__heading), .h2, h3, .form__heading, .h3, h4, .h4, h5, .h5, h6, .h6, .widget__heading, .listing .listing__link, .listing .listing__link:visited {
    font-family:  var(--main-font);
    font-weight: normal;
    color: var(--text);
    letter-spacing: 0.04rem;
}

h1 {
    font-size: clamp(28px, calc(1.75rem + ((1vw - 7.68px) * 0.434)), 33px) !important;
    min-height: 0vw;
    color: var(--text);
}

h2:not(h2.hero-heading) {
    font-size: clamp(21px, calc(1.3125rem + ((1vw - 7.68px) * 0.434)), 26px) !important;
    min-height: 0vw;
    color: var(--text);
}

h3, blockquote p:first-child {
    font-size: clamp(16px, calc(0.9375rem + ((1vw - 7.68px) * 0.434)), 20px) !important;
    min-height: 0vw;
    color: var(--text);
}

h4, h5 {
    font-size: clamp(16px, calc(1rem + ((1vw - 7.68px) * 0)), 16px) !important;
    min-height: 0vw;
    color: var(--text);
}

h5 {
    text-transform: none;
    font-weight: 600;
    color: var(--text);
}

/* Bullet points */
.editor ul:not([class]):not([type]) li::before, .editor ul:not([class]):not([type]) .list__item::before, .list--unordered li::before, .list--unordered .list__item::before {
    background-color: var(--text);
    border-radius: 0px;
}

.editor ol:not([class]):not([type]) {
    list-style: auto;
}

.editor ol:not([class]):not([type]) li::before {
    content: none;
}

/* Site header/footer */


.site-header, .site-footer {
    background-color: var(--primary);
}

@media screen and (max-width: 599px) {
    .site-header>.container {
        display: flex;
        padding: 0 .8rem;
    }

    .identity__logo {
        width: 3rem;
    }
}

.nav--primary-navigation .button__text {
    color:  var(--text);
}

.nav--primary-navigation .button:hover{
    background-color:var(--text) !important;
}

.nav--primary-navigation .button {
    padding: 1rem;
}

.toggle-icon::before, .toggle-icon::after, .toggle-icon .toggle-icon__line {
    background-color:  var(--text);
}

.site-footer__text, .site-footer__links, .site-footer__link {
    color:  var(--text);
}

.nav--social-links .icon {
    background-color: var(--text);
}

.site-footer__group .list__link {
    color: var(--text);
}

ul.list.list--inline {
    padding-left: 24px;
}

.icon-social-twitter {
    background-image: url(data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20height%3D%2264%22%20preserveAspectRatio%3D%22xMinYMid%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20viewBox%3D%220%200%2064%2064%22%20width%3D%2264%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m37.31%2024.61%2022.78-24.61h-5.51l-19.74%2021.32-15.94-21.32h-18.74l24.33%2032.52-24.49%2026.44h5.51l21.43-23.15%2017.32%2023.15h18.74zm-29.05-20.55h8.62l38.03%2050.85h-8.62z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
}

.icon-accessibility {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' class='bi bi-universal-access' viewBox='0 0 16 16'%3E%3Cpath d='M9.5 1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM6 5.5l-4.535-.442A.531.531 0 0 1 1.531 4H14.47a.531.531 0 0 1 .066 1.058L10 5.5V9l.452 6.42a.535.535 0 0 1-1.053.174L8.243 9.97c-.064-.252-.422-.252-.486 0l-1.156 5.624a.535.535 0 0 1-1.053-.174L6 9V5.5Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.nav--primary-navigation .button {
    border-radius: 0;
}


/* Pagination */
.pagination {
    background-color: var(--tertiary);
}

.pagination__item--next::after, .pagination__item--previous::after {
    border-left: 4px solid var(--text);
}

.pagination__label {
    font-family:  var(--main-font);
    font-weight: 100;
    text-transform: none;
}

.pagination__link .pagination__meta, .pagination__link:visited .pagination__meta {
    color: var(--text);
    font-family: var(--main-font);
    font-weight: bold;
}


/* Buttons */
.site-main .button:before, .site-main .button:visited::before {
    border-radius: unset;
    border: unset;
}

.site-main .button:hover::before {
    border-color: var(--text);
}

.site-main .button:not(#a11y-toggle-1) {
    font-family:  var(--main-font);
    background-color: var(--primary);
    border-radius: unset;
    border-color: var(--text) !important;
    color: var(--text);
    text-transform: none;
    padding: 1rem;
}

.site-main .button:hover {
    border-radius: 0px !important;
    border-color: var(--text) !important;
    background-color: var(--secondary) !important;
}

.site-main .button:focus {
     background-color: #EA5B0C !important;
}


/* Menu */
.menu-navigation .list__link {
    background-image: none;
    background-position: 0 -4px;
    text-transform: none;
    color: #242424;
}

.menu-navigation .list__link:hover, .menu-navigation .list__link:focus, .menu-navigation .list__link:visited {
    color: #242424;
    background: #fff;
}

.menu-navigation .menu-navigation__inner {
    background-color: var(--primary);
    width: 400px;
}

@media screen and (max-width: 450px) {
    .menu-navigation .menu-navigation__inner {
        width: 100%;
    }
}

/* Tables */
td, th {
    border: 1px solid var(--text);
}

.data-table th, .page-content table:not([class]) th, .widget--myaccount-cxm-cases-verbose-table .my-cases__table th {
    background-color: var(--text);
    color: #fff;
}

.data-table td, .page-content table:not([class]) td, .widget--myaccount-cxm-cases-verbose-table .my-cases__table td {
    color: (var(--text))
}

.nav--primary-navigation .button .icon-ui-search {
  background-image: url(data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20preserveAspectRatio%3D%22xMinYMid%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M57.64%2C53.46l-15-15a23%2C23%2C0%2C1%2C0-4.18%2C4.18l15%2C15a3%2C3%2C0%2C0%2C0%2C4.18-4.17Zm-33.19-46a17%2C17%2C0%2C1%2C1-17%2C17A17.06%2C17.06%2C0%2C0%2C1%2C24.45%2C7.41Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E);
}


.nav--primary-navigation .button:hover .icon-accessibility {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236ee0ce' class='bi bi-universal-access' viewBox='0 0 16 16'%3E%3Cpath d='M9.5 1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM6 5.5l-4.535-.442A.531.531 0 0 1 1.531 4H14.47a.531.531 0 0 1 .066 1.058L10 5.5V9l.452 6.42a.535.535 0 0 1-1.053.174L8.243 9.97c-.064-.252-.422-.252-.486 0l-1.156 5.624a.535.535 0 0 1-1.053-.174L6 9V5.5Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

/* Search overlay */
.site-search--header::before {
    background-color: rgb(46 117 59 / 91%);
}

.site-search--header .form__field {
    border-bottom: 6px solid var(--primary);
    color: #242424;
    background: #FFFFFF;
    font-family: "Arial", sans-serif;
}

.site-search--header .form__field:focus {
    outline: 2px solid var(--primary);
    padding-left: 0.625rem;
}

.site-search--header .js-search-toggle {
    background-color: var(--primary);
}

.site-search--header .button {
    background-color: var(--primary);
    border-radius: 0px !important;
    width: auto;
}
.site-search--header .button:hover{
    background-color: var(--secondary);
}

.site-search--header .button .icon {
    height: 3.75rem;
    margin: 0 0 1.1rem;
}

.site-search--header .button {
    border-bottom: none;
}


/* Download page */
.download__heading {
    font-family: var(--main-font);
    font-size: 1.2rem !important;
    padding-bottom: 17px;
}

@media screen and (min-width: 600px) {
    .download__link .download__heading-inner, .download__meta, .download__link:visited .download__heading-inner {
        color: var(--link);
        font-size: 1.1rem;
    }
}

/* Hide submit events */
#content > div > div > div.aside.aside--sidebar > a {
    display: none;
}


/* Resets */
[data-a11y-toggle]:not([aria-controls]), [aria-hidden='true'] {
    display: unset;
}

.widget-image .image {
    border-bottom: 10px solid var(--primary);
}

.nav--pages-in {
    background-color:var(--primary);
}
.nav--pages-in .nav__heading {
    color: #242424;
    font-family: arial;
    margin-bottom: 1rem;
    text-transform: none;
}
.nav--pages-in .nav__list {
    background-color: var(--primary);
    color: #242424;
}
.nav--pages-in .list__item .list__link-text, .nav--pages-in .list__item.is-active .list__link {
    color:#242424
}
.nav--pages-in .nav__list::before
{
    border-color: var(--primary) transparent transparent;
}
 
 
/*Jadu link in the footer */
.site-footer__supplier .site-footer__link {
    display: none;
}