@charset "UTF-8";

:root {
    --font-heading: Raleway, Arial, Helvetica, sans-serif;
    --font-body: Open Sans, Arial, Helvetica, sans-serif;
}

:root {
    --colour-green: #00704b;
    --colour-green-1: #13a575;
    --colour-green-2: #47c898;
    --colour-green-3: #a2f6da;
    --colour-green-4: #e0fff5;
    --colour-green-5: #f5fffc;
    --colour-black: #000;
    --colour-black-1: #717171;
    --colour-black-2: #9e9e9e;
    --colour-black-3: #c7c7c7;
    --colour-black-4: #e6e6e6;
    --colour-black-5: #fafafa;
    --colour-black-0: #5a5a5a;
    --colour-black-45: #f0f0f0;
    --colour-white: #fff;
    --colour-tuliptree: #e5b53b;
    --colour-tuliptree-l: #e8c058;
    --colour-tuliptree-lr: #f1d797;
    --colour-tuliptree-d: #9d7714;
    --colour-tuliptree-dr: #5e470c;
    --colour-robinsegg: #41c1c4;
    --colour-robinsegg-l: #00f9f7;
    --colour-robinsegg-lr: #42fffd;
    --colour-robinsegg-xl: #89fffd;
    --colour-robinsegg-d: #006b6a;
    --colour-endeavour: #0057b3;
    --colour-endeavour-l: #0079f9;
    --colour-endeavour-lr: #429eff;
    --colour-endeavour-xl: #89c2ff;
    --colour-endeavour-d: #00346b;
    --colour-apple: #6cb33f;
    --colour-apple-l: #96cd73;
    --colour-apple-lr: #bee0a8;
    --colour-apple-d: #4f842e;
    --colour-apple-dr: #2f4f1b;
    --colour-jazzberry: #9d115c;
    --colour-jazzberry-l: #e11884;
    --colour-jazzberry-lr: #ec54a6;
    --colour-jazzberry-xl: #f395c7;
    --colour-jazzberry-d: #600a38;
    --colour-error: #a30000;
    --colour-error-text: #fff;
    --colour-warning: #662500;
    --colour-warning-text: #fff;
    --colour-info: #e0fff5;
    --colour-info-text: #000;
    --colour-warning-alt: #feae57;
    --colour-warning-alt-text: #000;
    --font-heading: Raleway, Arial, Helvetica, sans-serif;
    --font-body: Open Sans, Arial, Helvetica, sans-serif;
}

/*
$button-primary-color: var(--colour-green) !default;
$button-primary-text: var(--colour-white) !default;
$button-primary-color-hover: var(--colour-green-2) !default;
$button-primary-text-hover: var(--colour-black) !default;

$button-secondary-color: var(--colour-white) !default;
$button-secondary-text: var(--colour-green) !default;
$button-secondary-color-hover: var(--colour-green-4) !default;
$button-secondary-text-hover: var(--colour-black) !default;


$background: var(--colour-white) !default;
$background-active: var(--colour-white) !default;
$foreground: var(--colour-black) !default;
$foreground-accent: var(--colour-black-1) !default;
$hover: var(--colour-green-xl) !default;
$fieldset-border: var(--colour-black-5) !default;
$accent-disabled: var(--colour-black-3) !default;
$background-disabled: var(--colour-black-5) !default;
$foreground-disabled: var(--colour-black-5) !default;
*/
/* Position Options
	- top / block-start
	- right / inline-end
	- bottom / block-end
	- left / inline-start
*/
:root {
    --font-heading: Raleway, Arial, Helvetica, sans-serif;
    --font-body: Open Sans, Arial, Helvetica, sans-serif;
}

header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    grid-column: 1/-1;
}

    header svg {
        z-index: -10;
        grid-column: 1/-1;
        grid-row: 1/-1;
    }

        header svg text {
            -webkit-transform: translate(-1rem, 7.25rem);
            transform: translate(-1rem, 7.25rem);
            font-size: 10rem;
            font-weight: 700;
            font-family: Raleway, Arial, Helvetica, sans-serif;
            fill: var(--colour-black-45);
        }

    header > div {
        display: -ms-grid;
        display: grid;
        grid-column: 1/-1;
        -ms-grid-columns: subgrid;
        grid-template-columns: subgrid;
        -ms-grid-rows: subgrid;
        grid-template-rows: subgrid;
        height: 100%;
    }

        header > div > *:nth-child(1) {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
        }

@media (max-width: 768px) {
    header > div {
        display: block;
    }
}

header > div div:nth-of-type(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
}

    header > div div:nth-of-type(1) h1 {
        margin: 1rem 0;
        padding: 0 1rem;
    }

        header > div div:nth-of-type(1) h1 a, header > div div:nth-of-type(1) h1 a:visited {
            border-bottom: none;
            color: var(--colour-black);
            font-family: Raleway, Arial, Helvetica, sans-serif;
            font-size: 2.5rem;
            font-weight: 700;
            margin: 0;
            padding: 0;
            text-decoration: none;
        }

            header > div div:nth-of-type(1) h1 a img, header > div div:nth-of-type(1) h1 a:visited img {
                height: 4.5rem;
            }

        header > div div:nth-of-type(1) h1:has(a img) {
            padding: 0;
        }

header > div:has(> :last-child:nth-child(2)) div:last-child {
    grid-column: -3/-1;
    margin: 0 1rem;
    --am: test;
}

@media (min-width: 768px) {
    header > div:has(> :last-child:nth-child(2)) div:last-child {
        text-align: right;
    }
}

@media (max-width: 768px) {
    header > div:has(> :last-child:nth-child(2)) div:last-child h2 {
        margin: 0;
    }
}

header:has(svg) {
    -ms-grid-rows: 1rem 1rem 2rem 1.5rem 1rem;
    grid-template-rows: 1rem 1rem 2rem 1.5rem 1rem;
}

.product header, .product-header header {
    border-bottom: 0.5rem solid var(--colour-green);
}

/* latin */
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(fonts/open-sans-400/open-sans-400.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(fonts/open-sans-400/open-sans-400.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 400;
    src: url(fonts/raleway-modified-400/raleway-modified-400.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 400;
    src: url(fonts/raleway-modified-400/raleway-modified-400.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

h1 {
    color: var(--colour-black);
    font-family: "Raleway", Arial, Helvetica, sans-serif;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1.25em;
    margin: 2rem 0;
}

@media (max-width: 768px) {
    h1 {
        font-size: 2.75rem;
    }
}

h2 {
    color: var(--colour-black);
    font-family: "Raleway", Arial, Helvetica, sans-serif;
    font-size: 1.75rem;
    font-weight: normal;
    line-height: 1.25em;
    margin: 2rem 0 0.5rem 0;
}

@media (max-width: 768px) {
    h2 {
        font-size: 2rem;
    }
}

h3 {
    color: var(--colour-black);
    font-family: "Raleway", Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.25em;
    margin: 2rem 0 0.5rem 0;
}

@media (max-width: 768px) {
    h3 {
        font-size: 1.75rem;
    }
}

h4 {
    color: var(--colour-black);
    font-family: "Raleway", Arial, Helvetica, sans-serif;
    font-size: 1.25rem;
    font-weight: normal;
    line-height: 1.5em;
    margin: 1rem 0 0.5rem 0;
}

@media (max-width: 768px) {
    h4 {
        font-size: 1.25rem;
    }
}


p, h5, h6 {
    color: var(--colour-black);
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    margin: 0 0 1.25rem 0;
}

/*h5, h6 {
    color: transparent;
}

    h5::before, h6::before {
        color: red;
        content: "We do not use this heading level.";
        font-family: "Comic Sans MS", "Comic Sans", cursive;
    }

p {
    color: var(--colour-black);
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    margin: 0 0 1.25rem 0;
}*/

ol, ul {
    margin: 0 0 0 1.25rem;
    padding: 0 0 0 1.25rem;
}

    ol li, ul li {
        color: var(--colour-black);
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        margin: 0 0 1.25rem 0;
        margin: 0 0 0.25rem 0;
    }

        ol li:last-of-type, ul li:last-of-type {
            margin: 0 0 1.25rem 0;
        }

label {
    font-family: var(--font-body);
    margin: 0 0 0.25rem 0;
}

input:not([type=radio]),
input:not([type=checkbox]),
input:not(.password-field) input:not([type=password]) {
    border: 1px solid var(--colour-green);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--colour-black);
    font-family: var(--font-body);
    font-size: 1rem;
    min-width: clamp(100%, 25rem, 100%);
    padding: 0.5rem;
    width: 75%;
}

@media (max-width: 992px) {
    input:not([type=radio]),
    input:not([type=checkbox]),
    input:not(.password-field) input:not([type=password]) {
        width: 100%;
        min-width: auto;
    }
}

@media (max-width: 768px) {
    input:not([type=radio]),
    input:not([type=checkbox]),
    input:not(.password-field) input:not([type=password]) {
        width: 100%;
        min-width: 100%;
    }
}

input:not([type=radio]):focus,
input:not([type=checkbox]):focus,
input:not(.password-field) input:not([type=password]):focus {
    background-color: var(--colour-black-45);
}


@media (min-width: 768px) {
    input:not([type=radio])[type=number], input:not([type=radio])[type=password], input:not([type=radio]).short,
    input:not([type=checkbox])[type=number],
    input:not([type=checkbox])[type=password],
    input:not([type=checkbox]).short,
    input:not(.password-field) input:not([type=password])[type=number],
    input:not(.password-field) input:not([type=password])[type=password],
    input:not(.password-field) input:not([type=password]).short {
        width: 10rem;
        min-width: 10rem;
    }
}


input:not([type=radio]) option,
input:not([type=checkbox]) option,
input:not(.password-field) input:not([type=password]) option {
    padding: 0.5rem;
    margin: 2rem;
}

input:not([type=radio]):-moz-read-only, input:not([type=checkbox]):-moz-read-only, input:not(.password-field) input:not([type=password]):-moz-read-only {
    border: 1px solid var(--colour-black-3);
    background-color: var(--colour-black-5);
    color: var(--colour-black-0);
    opacity: 1;
    outline: none;
}

input:not([type=radio]):disabled, input:not([type=radio]):read-only,
input:not([type=checkbox]):disabled,
input:not([type=checkbox]):read-only,
input:not(.password-field) input:not([type=password]):disabled,
input:not(.password-field) input:not([type=password]):read-only {
    border: 1px solid var(--colour-black-3);
    background-color: var(--colour-black-5);
    color: var(--colour-black-0);
    opacity: 1;
    outline: none;
}

input:not([type=radio])[inputmode=number], input:not([type=radio])[inputmode=decimal],
input:not([type=checkbox])[inputmode=number],
input:not([type=checkbox])[inputmode=decimal],
input:not(.password-field) input:not([type=password])[inputmode=number],
input:not(.password-field) input:not([type=password])[inputmode=decimal] {
    text-align: right;
}

:has(> input:required) label::before {
    color: red;
    padding: 0 0.15rem 0 0;
    content: "*";
}

:has(> input:not([type=radio])),
:has(> input:not([type=checkbox])),
:has(> input:not(input.password-field)),
:has(> input:not([type=password])) {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: (-webkit-max-content)[2] auto;
    -ms-grid-rows: (max-content)[2] auto;
    grid-template-rows: repeat(2, -webkit-max-content) auto;
    grid-template-rows: repeat(2, max-content) auto;
    margin: 0 0 1rem 0;
    min-width: 0;
}

label {
    margin: 0 0 0.25rem 0;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--colour-white);
    border: 1px solid var(--colour-green);
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--colour-black);
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 1rem;
    min-width: 25rem;
    padding: 0.5rem 1.5rem 0.5rem 0.5rem;
    width: 75%;
    background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" xml:space="preserve"><path d="M7.41,8.59L12,13.17l4.59-4.58L18,10l-6,6l-6-6L7.41,8.59z"/><path fill="none" d="M0,0h24v24H0V0z"/></svg>');
    background-position: center right;
    background-repeat: no-repeat;
}

@media (max-width: 992px) {
    select {
        width: 100%;
        min-width: auto;
    }
}

@media (max-width: 768px) {
    select {
        width: 100%;
        min-width: 100%;
    }
}

select option {
    padding: 0.5rem;
    margin: 2rem;
}

select:focus {
    background-color: var(--colour-black-45);
}

select:disabled {
    background-color: var(--colour-white);
    border: 1px solid var(--colour-black-3);
    color: var(--colour-black-1);
}

@media (min-width: 768px) {
    select.short {
        width: 10rem;
        min-width: 10rem;
    }
}

:has(> select:required) label::before {
    color: red;
    padding: 0 0.15rem 0 0;
    content: "*";
}

:has(> select) {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: (-webkit-max-content)[2] auto;
    -ms-grid-rows: (max-content)[2] auto;
    grid-template-rows: repeat(2, -webkit-max-content) auto;
    grid-template-rows: repeat(2, max-content) auto;
    margin: 0 0 1rem 0;
    min-width: 0;
}

fieldset:has(div > input[type=radio]) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid var(--colour-black-4);
    -ms-grid-columns: (-webkit-max-content)[2];
    -ms-grid-columns: (max-content)[2];
    grid-template-columns: repeat(2, -webkit-max-content);
    grid-template-columns: repeat(2, max-content);
    margin: 0 0 1rem 0;
    padding: 0 1rem;
}

    fieldset:has(div > input[type=radio]):has(legend:empty) {
        border: none;
    }

        fieldset:has(div > input[type=radio]):has(legend:empty) legend {
            display: none;
        }

    fieldset:has(div > input[type=radio]) legend {
        margin-bottom: 0.5rem;
    }

    fieldset:has(div > input[type=radio]):has(:required) legend::before {
        color: red;
        content: "*";
        padding: 0 0.15rem 0 0;
    }

    fieldset:has(div > input[type=radio]):has(:required) label:before {
        content: "";
    }

    fieldset:has(div > input[type=radio]) > div {
        -webkit-column-gap: 2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: -webkit-max-content;
        -ms-grid-columns: max-content;
        grid-template-columns: -webkit-max-content;
        grid-template-columns: max-content;
    }

@media (min-width: 768px) {
    fieldset:has(div > input[type=radio]).short > div {
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
    }
}

fieldset:has(div > input[type=radio]) div:has(> input) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-grid;
    display: grid;
    gap: 0.5rem;
    -ms-grid-columns: -webkit-max-content 0.5rem -webkit-max-content;
    -ms-grid-columns: max-content 0.5rem max-content;
    grid-template-columns: repeat(2, -webkit-max-content);
    grid-template-columns: repeat(2, max-content);
    margin: 0 0 1rem 0;
}

    fieldset:has(div > input[type=radio]) div:has(> input) input[type=radio] {
        -webkit-appearance: initial;
        -moz-appearance: initial;
        appearance: initial;
        background-color: transparent;
        border: none;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
        -ms-grid-rows: 1.25rem;
        grid-template-rows: 1.25rem;
        margin: 0;
        min-width: initial;
        padding: 0;
    }

        fieldset:has(div > input[type=radio]) div:has(> input) input[type=radio] > *:nth-child(1) {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
        }

        fieldset:has(div > input[type=radio]) div:has(> input) input[type=radio]:focus::before {
            outline: 0.125rem auto black;
        }

        fieldset:has(div > input[type=radio]) div:has(> input) input[type=radio] * {
            -ms-grid-column: 1;
            grid-column: 1;
            -ms-grid-row: 1;
            grid-row: 1;
        }

        fieldset:has(div > input[type=radio]) div:has(> input) input[type=radio]::before {
            background-color: var(--colour-white);
            border-radius: 50%;
            border: 1px solid var(--colour-green);
            content: " ";
            height: calc(1.25rem - 2px);
            position: relative;
            top: -0.25rem;
            visibility: visible;
            width: calc(1.25rem - 2px);
        }

        fieldset:has(div > input[type=radio]) div:has(> input) input[type=radio]:checked::before {
            background: var(--colour-green);
            background: radial-gradient(circle, var(--colour-black-1) 50%, var(--colour-white) 50%, var(--colour-white) 100%);
        }

        fieldset:has(div > input[type=radio]) div:has(> input) input[type=radio]:disabled::before {
            background: var(--colour-black-5);
            border: 1px solid var(--colour-black-3);
        }

        fieldset:has(div > input[type=radio]) div:has(> input) input[type=radio]:disabled:checked::before {
            background: var(--colour-black-5);
            background: radial-gradient(circle, var(--colour-black-0) 47%, var(--colour-black-5) 52%, var(--colour-black-5) 100%);
        }

    fieldset:has(div > input[type=radio]) div:has(> input) > label {
        display: inline;
        -ms-grid-column: 2;
        grid-column: 2;
        margin: 0;
    }

input[type=checkbox] {
    -webkit-appearance: initial;
    -moz-appearance: initial;
    appearance: initial;
    background-color: transparent !important;
    border: transparent !important;
    display: -ms-grid;
    display: grid;
}

    input[type=checkbox]:focus::before {
        outline: 0.125rem auto black;
    }

    input[type=checkbox] * {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 1;
        grid-row: 1;
    }

    input[type=checkbox]::before {
        border-radius: 0.125rem;
        border: 1px solid var(--colour-green);
        content: " ";
        height: calc(1.25rem - 2px);
        position: relative;
        top: -0.125rem;
        visibility: visible;
        width: calc(1.25rem - 2px);
    }

    input[type=checkbox]:checked::before {
        background-image: url("agricorp-icons.svg");
        background-size: calc((1.25rem - 2px) * 10) calc((1.25rem - 2px) * 10);
        background-position: calc((1.25rem - 2px) * 6 * -1) calc((1.25rem - 2px) * 0 * -1);
    }

fieldset:has(div > input[type=checkbox]) {
    border: 1px solid var(--colour-black-4);
    padding: 0;
}

    fieldset:has(div > input[type=checkbox]) legend {
        left: -0.5rem;
        margin: 0;
        padding: 0 1rem 1rem 1rem;
    }

div:has(> input[type=checkbox]) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-grid;
    display: grid;
    gap: 0.5rem;
    grid-auto-rows: 1.5rem;
    -ms-grid-columns: 2rem 0.5rem auto;
    grid-template-columns: 2rem auto;
    -ms-grid-rows: none;
    grid-template-rows: none;
    padding: 0 1rem;
}

    div:has(> input[type=checkbox]) > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    div:has(> input[type=checkbox]) > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }

    div:has(> input[type=checkbox]) > label {
        -ms-grid-row-align: end;
        align-self: end;
        display: inline;
        -ms-grid-column: 2;
        grid-column: 2;
        margin: 0;
    }

    div:has(> input[type=checkbox]):has(> .short) {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (2rem auto)[2];
        grid-template-columns: repeat(2, 2rem auto);
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }

        div:has(> input[type=checkbox]):has(> .short) label {
            grid-column: auto;
            padding-right: 2rem;
        }

button:not([class*=agricorp-icon]),
input[type=button],
input[type=submit],
input[type=reset] {
    background-color: var(--colour-white);
    border: 1px solid var(--colour-green);
    border-radius: 0.25rem;
    color: var(--colour-green);
    font-family: var(--font-body);
    font-weight: bold;
    font-size: 1.15rem;
    margin: 0 0 1rem 0;
    min-width: 160px;
    padding: 0.5rem 2rem;
}

    button:not([class*=agricorp-icon]):hover, button:not([class*=agricorp-icon]):active, button:not([class*=agricorp-icon]):focus,
    input[type=button]:hover,
    input[type=button]:active,
    input[type=button]:focus,
    input[type=submit]:hover,
    input[type=submit]:active,
    input[type=submit]:focus,
    input[type=reset]:hover,
    input[type=reset]:active,
    input[type=reset]:focus {
        background-color: var(--colour-green-4);
        color: var(--colour-black);
    }

    button:not([class*=agricorp-icon]).btn-primary,
    input[type=button].btn-primary,
    input[type=submit].btn-primary,
    input[type=reset].btn-primary {
        background-color: var(--colour-green);
        color: var(--colour-white);
    }

        button:not([class*=agricorp-icon]).btn-primary:hover, button:not([class*=agricorp-icon]).btn-primary:active, button:not([class*=agricorp-icon]).btn-primary:focus,
        input[type=button].btn-primary:hover,
        input[type=button].btn-primary:active,
        input[type=button].btn-primary:focus,
        input[type=submit].btn-primary:hover,
        input[type=submit].btn-primary:active,
        input[type=submit].btn-primary:focus,
        input[type=reset].btn-primary:hover,
        input[type=reset].btn-primary:active,
        input[type=reset].btn-primary:focus {
            background-color: var(--colour-green-2);
            color: var(--colour-black);
        }

        button:not([class*=agricorp-icon]).btn-primary:disabled,
        input[type=button].btn-primary:disabled,
        input[type=submit].btn-primary:disabled,
        input[type=reset].btn-primary:disabled {
            font-weight: bold;
        }

    button:not([class*=agricorp-icon]):disabled,
    input[type=button]:disabled,
    input[type=submit]:disabled,
    input[type=reset]:disabled {
        border: 1px solid var(--colour-black-3);
        background-color: var(--colour-black-5);
        color: var(--colour-black-0);
        font-weight: normal;
    }

        button:not([class*=agricorp-icon]):disabled:hover, button:not([class*=agricorp-icon]):disabled:active, button:not([class*=agricorp-icon]):disabled:focus,
        input[type=button]:disabled:hover,
        input[type=button]:disabled:active,
        input[type=button]:disabled:focus,
        input[type=submit]:disabled:hover,
        input[type=submit]:disabled:active,
        input[type=submit]:disabled:focus,
        input[type=reset]:disabled:hover,
        input[type=reset]:disabled:active,
        input[type=reset]:disabled:focus {
            border: 1px solid var(--colour-black-3);
            background-color: var(--colour-black-5);
            color: var(--colour-black-0);
        }

button[class^=agricorp-icon] {
    max-width: 2rem;
}

:has(> button),
:has(> input[type=button]) :has(> input[type=submit]),
:has(> input[type=reset]) {
    gap: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

    :has(> button) .btn-primary,
    :has(> input[type=button]) :has(> input[type=submit]) .btn-primary,
    :has(> input[type=reset]) .btn-primary {
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

[class^=notification-box] {
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    padding: 1rem;
}

    [class^=notification-box] h2, [class^=notification-box] h3, [class^=notification-box] h4, [class^=notification-box] p, [class^=notification-box] p a {
        font-size: 1rem;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        -ms-grid-column: 2;
        grid-column: 2;
    }

        [class^=notification-box] a, [class^=notification-box] p a {
            border-bottom: 1px solid var(--colour-black-3);
            text-decoration: none;
        }

    [class^=notification-box]:has(> span[class*=icon]) {
        -webkit-column-gap: 0.5rem;
        -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: -webkit-max-content 0.5rem auto;
        -ms-grid-columns: max-content 0.5rem auto;
        grid-template-columns: -webkit-max-content auto;
        grid-template-columns: max-content auto;
    }

        [class^=notification-box]:has(> span[class*=icon]) > span[class*=icon] {
            -ms-grid-column: 1;
            grid-column: 1;
        }

.notification-box-error {
    background-color: var(--colour-error);
    color: var(--colour-error-text);
}

    .notification-box-error h2, .notification-box-error h3, .notification-box-error h4, .notification-box-error p, .notification-box-error p a {
        color: var(--colour-error-text) !important;
    }

    .notification-box-error span {
        color: var(--colour-error-text) !important;
    }

    .notification-box-error a {
        color: var(--colour-error-text);
    }

.notification-box-warning {
    background-color: var(--colour-warning);
    color: var(--colour-warning-text);
}

    .notification-box-warning h2, .notification-box-warning h3, .notification-box-warning h4, .notification-box-warning p, .notification-box-warning p a {
        color: var(--colour-warning-text) !important;
    }

    .notification-box-warning span {
        color: var(--colour-warning-text) !important;
    }

    .notification-box-warning a {
        color: var(--colour-warning-text);
    }

.notification-box-notify {
    background-color: var(--colour-notify);
    color: var(--colour-notify-text);
}

    .notification-box-notify h2, .notification-box-notify h3, .notification-box-notify h4, .notification-box-notify p, .notification-box-notify p a {
        color: var(--colour-notify-text) !important;
    }

    .notification-box-notify span {
        color: var(--colour-notify-text) !important;
    }

    .notification-box-notify a {
        color: var(--colour-notify-text);
    }

.notification-box-info {
    background-color: var(--colour-info);
    color: var(--colour-info-text);
}

    .notification-box-info h2, .notification-box-info h3, .notification-box-info h4, .notification-box-info p, .notification-box-info p a {
        color: var(--colour-info-text) !important;
    }

    .notification-box-info span {
        color: var(--colour-info-text) !important;
    }

    .notification-box-info a {
        color: var(--colour-info-text);
    }

.notification-box-info {
    border: none;
}

    .notification-box-info span {
        color: var(--colour-black-1) !important;
    }

form.search-field {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: calc(100% - 2.25rem) 0 2.25rem;
    grid-template-columns: calc(100% - 2.25rem) 2.25rem;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    gap: 0;
}

    form.search-field > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    form.search-field > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }

    form.search-field > * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    form.search-field > input {
        -ms-grid-row: 1;
        grid-row: 1;
        grid-column: 1/-1;
        -ms-grid-row-align: stretch;
        align-self: stretch;
        border: 1px solid var(--colour-green);
        background-color: rgba(255, 255, 255, 0.5);
        color: var(--colour-black);
        font-family: sans-serif;
        font-size: 1rem;
        max-width: 100%;
        min-width: 100%;
        padding: 0 2.5rem 0 0.5rem;
        place-self: stretch;
        z-index: 1;
    }

        form.search-field > input:focus {
            background-color: var(--colour-white);
        }

    form.search-field > button {
        background-color: transparent;
        border: none;
        color: transparent;
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 1;
        grid-row: 1;
        height: 2.25rem;
        overflow: hidden;
        width: 2.25rem;
        z-index: 2;
    }

        form.search-field > button::before {
            margin-top: calc(0.25rem + 2px);
        }

:has(> .activity-link) {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -ms-grid;
    display: grid;
    gap: 0.5rem;
    overflow: hidden;
    text-align: center;
    width: 100%;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

    :has(> .activity-link) .activity-link {
        background-color: var(--colour-green);
        border-radius: 0.25rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        float: left;
        height: 2.5rem;
        line-height: 2rem;
        margin-right: 10px;
        padding: 0 10px;
        position: relative;
        text-align: left;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        color: white;
        text-decoration: none;
    }

        :has(> .activity-link) .activity-link:before {
            border-bottom: 20px solid transparent;
            border-left: 10px solid var(--colour-green);
            border-radius: 4px;
            border-top: 20px solid transparent;
            content: "";
            height: 0;
            position: absolute;
            right: -9px;
            width: 0;
        }

        :has(> .activity-link) .activity-link:after {
            content: "";
            height: 0;
            left: -1px;
            position: absolute;
            width: 0;
        }

        :has(> .activity-link) .activity-link.disabled {
            background-color: var(--colour-black-3);
            color: var(--colour-black-0);
            cursor: default;
        }

            :has(> .activity-link) .activity-link.disabled:before {
                border-left: 10px solid var(--colour-black-3);
                color: var(--colour-black-0);
            }

[role=tooltip] {
    background: #fff;
    border-radius: 0.5rem;
    color: #000;
    -webkit-filter: drop-shadow(0 3px 3px hsla(0deg, 0%, 0%, 0.15)) drop-shadow(0 12px 12px hsla(0deg, 0%, 0%, 0.15));
    filter: drop-shadow(0 3px 3px hsla(0deg, 0%, 0%, 0.15)) drop-shadow(0 12px 12px hsla(0deg, 0%, 0%, 0.15));
    font-family: sans-serif;
    font-size: 1rem;
    font-weight: 400;
    inline-size: -webkit-max-content;
    inline-size: -moz-max-content;
    inline-size: max-content;
    line-height: initial;
    margin: 0;
    max-inline-size: 25rem;
    opacity: 0;
    padding: 0.75rem 1.5rem;
    pointer-events: none;
    position: absolute;
    text-align: start;
    -webkit-transform: translate(var(--tooltip-x, 0)) translateY(var(--tooltip-y, 0));
    transform: translate(var(--tooltip-x, 0)) translateY(var(--tooltip-y, 0));
    -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
    transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
    transition: opacity 0.2s ease, transform 0.2s ease;
    transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: filter;
    z-index: 10;
}

    [role=tooltip]::before {
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        clip: rect(1px, 1px, 1px, 1px);
        content: "; Has tooltip: ";
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    [role=tooltip]::after {
        background: #fff;
        content: "";
        inset: 0;
        -webkit-mask: var(--tooltip-pointer);
        mask: var(--tooltip-pointer);
        position: absolute;
        z-index: -1;
    }

    [role=tooltip]:is([tip-position=top], [tip-position=block-start], :not([tip-position]), [tip-position=bottom], [tip-position=block-end]) {
        text-align: center;
    }

    [role=tooltip]:is([tip-position=top], [tip-position=block-start], :not([tip-position])) {
        inset-inline-start: 50%;
        inset-block-end: calc(100% + 0.75rem + 1rem);
        --tooltip-x: calc(50% * -1);
    }

        [role=tooltip]:is([tip-position=top], [tip-position=block-start], :not([tip-position]))::after {
            --tooltip-pointer: conic-gradient(from -30deg at bottom, rgba(0, 0, 0, 0), #000 1deg 60deg, rgba(0, 0, 0, 0) 61deg) bottom/100% 50% no-repeat;
            inset-block-end: -1rem;
            -webkit-border-after: 1rem solid transparent;
            border-block-end: 1rem solid transparent;
        }

    [role=tooltip]:is([tip-position=right], [tip-position=inline-end]) {
        inset-inline-start: calc(100% + 1.5rem + 1rem);
        inset-block-end: 50%;
        --tooltip-y: 50%;
    }

        [role=tooltip]:is([tip-position=right], [tip-position=inline-end])::after {
            --tooltip-pointer: conic-gradient(from 60deg at left, rgba(0, 0, 0, 0), #000 1deg 60deg, rgba(0, 0, 0, 0) 61deg) left/50% 100% no-repeat;
            inset-inline-start: -1rem;
            -webkit-border-start: 1rem solid transparent;
            border-inline-start: 1rem solid transparent;
        }

    [role=tooltip]:is([tip-position=bottom], [tip-position=block-end]) {
        inset-inline-start: 50%;
        inset-block-start: calc(100% + 0.75rem + 1rem);
        --tooltip-x: calc(50% * -1);
    }

        [role=tooltip]:is([tip-position=bottom], [tip-position=block-end])::after {
            --tooltip-pointer: conic-gradient(from 150deg at top, rgba(0, 0, 0, 0), #000 1deg 60deg, rgba(0, 0, 0, 0) 61deg) top/100% 50% no-repeat;
            inset-block-start: -1rem;
            -webkit-border-before: 1rem solid transparent;
            border-block-start: 1rem solid transparent;
        }

    [role=tooltip]:is([tip-position=left], [tip-position=inline-start]) {
        inset-inline-end: calc(100% + 1.5rem + 1rem);
        inset-block-end: 50%;
        --tooltip-y: 50%;
    }

        [role=tooltip]:is([tip-position=left], [tip-position=inline-start])::after {
            --tooltip-pointer: conic-gradient(from -120deg at right, rgba(0, 0, 0, 0), #000 1deg 60deg, rgba(0, 0, 0, 0) 61deg) right/50% 100% no-repeat;
            inset-inline-end: -1rem;
            -webkit-border-end: 1rem solid transparent;
            border-inline-end: 1rem solid transparent;
        }

@media (prefers-color-scheme: dark) {
    [role=tooltip] {
        background: #1f2127;
        color: #fff;
        -webkit-filter: drop-shadow(0 3px 3px hsla(0deg, 0%, 0%, 0.5)) drop-shadow(0 12px 12px hsla(0deg, 0%, 0%, 0.5));
        filter: drop-shadow(0 3px 3px hsla(0deg, 0%, 0%, 0.5)) drop-shadow(0 12px 12px hsla(0deg, 0%, 0%, 0.5));
    }

        [role=tooltip]::after {
            background: #1f2127;
        }
}

:has(> [role=tooltip]) {
    position: relative;
}

    :has(> [role=tooltip]):is(:hover, :focus-visible, :active) > [role=tooltip] {
        opacity: 1;
        -webkit-transition-delay: 300ms;
        transition-delay: 300ms;
    }

@media (prefers-reduced-motion: no-preference) {
    :has(> [role=tooltip]:is([tip-position=top], [tip-position=block-start], :not([tip-position]))):not(:hover):not(:active) [role=tooltip] {
        --tooltip-y: 3px;
    }

    :has(> [role=tooltip]:is([tip-position=right], [tip-position=inline-end])):not(:hover):not(:active) [role=tooltip] {
        --tooltip-x: calc(-1 * -3px * -1);
    }

    :has(> [role=tooltip]:is([tip-position=bottom], [tip-position=block-end])):not(:hover):not(:active) [role=tooltip] {
        --tooltip-y: -3px;
    }

    :has(> [role=tooltip]:is([tip-position=left], [tip-position=inline-start])):not(:hover):not(:active) [role=tooltip] {
        --tooltip-x: calc(-1 * 3px * -1);
    }
}

dialog {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--colour-black);
    position: fixed;
    background-color: var(--colour-white);
    width: 100%;
    max-width: 500px;
    margin: auto;
    padding: 0;
}

    dialog::-ms-backdrop {
        background-color: rgba(246, 244, 231, 0.5);
        background-color: rgba(var(--colour-black), 0.25);
    }

    dialog::backdrop {
        background-color: rgba(246, 244, 231, 0.5);
        background-color: rgba(var(--colour-black), 0.25);
    }

    dialog h2 {
        background-color: var(--colour-green);
        color: white;
        padding: 1rem;
        font-family: sans-serif;
    }

    dialog > div {
        padding: 0 1rem 1rem 1rem;
    }

a {
    border-bottom: 1px solid var(--colour-black-0);
    color: var(--colour-green);
    font-family: sans-serif;
    text-decoration: none;
}

    a:visited {
        border-bottom: 1px solid var(--colour-black-3);
        color: var(--colour-green);
        text-decoration: none;
    }

[class*=c2a-link] {
    background-color: var(--colour-green);
    border-radius: 0.5rem;
    color: var(--colour-white) !important;
    display: table;
    font-size: 1.25rem !important;
    line-height: 2rem;
    margin: 0.5rem 0;
    padding: 0.5rem 2rem;
    text-underline-offset: 0.4rem;
}

    [class*=c2a-link]:visited {
        color: var(--colour-white) !important;
    }

.c2a-link-green {
    background-color: var(--colour-green);
    color: var(--colour-white) !important;
}

    .c2a-link-green:visited {
        color: var(--colour-white) !important;
    }

.c2a-link-tuliptree {
    background-color: var(--colour-tuliptree);
    color: var(--colour-black) !important;
}

    .c2a-link-tuliptree:visited {
        color: var(--colour-black) !important;
    }

.c2a-link-robinsegg {
    background-color: var(--colour-robinsegg);
    color: var(--colour-black) !important;
}

    .c2a-link-robinsegg:visited {
        color: var(--colour-black) !important;
    }

.c2a-link-endeavour {
    background-color: var(--colour-endeavour);
    color: var(--colour-white) !important;
}

    .c2a-link-endeavour:visited {
        color: var(--colour-white) !important;
    }

.c2a-link-apple {
    background-color: var(--colour-apple);
    color: var(--colour-black) !important;
}

    .c2a-link-apple:visited {
        color: var(--colour-black) !important;
    }

.c2a-link-jazzberry {
    background-color: var(--colour-jazzberry);
    color: var(--colour-white) !important;
}

    .c2a-link-jazzberry:visited {
        color: var(--colour-white) !important;
    }

fieldset {
    border: 1px solid var(--colour-black-4);
    border-radius: 0;
    margin: 0 0 1rem 0;
    padding: 1rem 1rem 0 1rem;
}

    fieldset > legend {
        float: none;
        font-family: var(--font-body);
        font-size: 1rem;
        margin: 0 0 0 -0.875rem;
        padding: 0 1rem 0 0.125rem;
    }

    fieldset:not(:has(> legend)), fieldset.quiet {
        border: none;
        display: -ms-grid;
        display: grid;
        gap: 1rem;
        margin: 0;
        padding: 0;
    }

        fieldset:not(:has(> legend)) > legend, fieldset.quiet > legend {
            margin: 0;
        }

details summary {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 1.25rem;
    font-weight: normal;
}

.partner-logos {
    background-color: var(--colour-white);
    display: block;
    width: 100%;
}

/*! icons */
[class*=agricorp-icon-sm] {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    color: var(--colour-black-1);
    padding-left: 1.25rem;
    position: relative;
}

    [class*=agricorp-icon-sm]::before {
        content: " ";
        display: block;
        height: 1rem;
        left: 0;
        margin-right: 0.25rem;
        position: absolute;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        top: 0;
        width: 1rem;
        display: inline-block;
        vertical-align: center;
        background-color: currentColor;
        -webkit-mask-image: url("agricorp-icons.svg");
        mask-image: url("agricorp-icons.svg");
        -webkit-mask-size: 10rem 10rem;
        mask-size: 10rem 10rem;
    }

.agricorp-icon-sm-blank::before {
    -webkit-mask-position: 1rem 1rem;
    mask-position: 1rem 1rem;
    background-color: transparent;
}

.agricorp-icon-sm-search::before {
    -webkit-mask-position: 0rem 0rem;
    mask-position: 0rem 0rem;
}

.agricorp-icon-sm-directory::before {
    -webkit-mask-position: -1rem 0rem;
    mask-position: -1rem 0rem;
}

.agricorp-icon-sm-hide-password::before {
    -webkit-mask-position: -2rem 0rem;
    mask-position: -2rem 0rem;
}

.agricorp-icon-sm-show-password::before {
    -webkit-mask-position: -3rem 0rem;
    mask-position: -3rem 0rem;
}

.agricorp-icon-sm-email::before {
    -webkit-mask-position: -4rem 0rem;
    mask-position: -4rem 0rem;
}

.agricorp-icon-sm-delete::before {
    -webkit-mask-position: -5rem 0rem;
    mask-position: -5rem 0rem;
}

.agricorp-icon-sm-check::before {
    -webkit-mask-position: -6rem 0rem;
    mask-position: -6rem 0rem;
}

.agricorp-icon-sm-close::before {
    -webkit-mask-position: -7rem 0rem;
    mask-position: -7rem 0rem;
}

.agricorp-icon-sm-calculator::before {
    -webkit-mask-position: -8rem 0rem;
    mask-position: -8rem 0rem;
}

.agricorp-icon-sm-incomplete::before {
    -webkit-mask-position: 0rem -1rem;
    mask-position: 0rem -1rem;
}

.agricorp-icon-sm-info::before {
    -webkit-mask-position: -1rem -1rem;
    mask-position: -1rem -1rem;
}

.agricorp-icon-sm-help::before {
    -webkit-mask-position: -2rem -1rem;
    mask-position: -2rem -1rem;
}

.agricorp-icon-sm-checked-circle::before {
    -webkit-mask-position: -3rem -1rem;
    mask-position: -3rem -1rem;
}

.agricorp-icon-sm-circle-arrow-right::before {
    -webkit-mask-position: -4rem -1rem;
    mask-position: -4rem -1rem;
}

.agricorp-icon-sm-warning::before {
    -webkit-mask-position: -5rem -1rem;
    mask-position: -5rem -1rem;
}

.agricorp-icon-sm-add::before {
    -webkit-mask-position: -6rem -1rem;
    mask-position: -6rem -1rem;
}

.agricorp-icon-sm-cancel::before {
    -webkit-mask-position: -7rem -1rem;
    mask-position: -7rem -1rem;
}

.agricorp-icon-sm-time::before {
    -webkit-mask-position: -8rem -1rem;
    mask-position: -8rem -1rem;
}

.agricorp-icon-sm-error::before {
    -webkit-mask-position: -9rem -1rem;
    mask-position: -9rem -1rem;
}

.agricorp-icon-sm-security::before {
    -webkit-mask-position: 0rem -2rem;
    mask-position: 0rem -2rem;
}

.agricorp-icon-sm-fire::before {
    -webkit-mask-position: -1rem -2rem;
    mask-position: -1rem -2rem;
}

.agricorp-icon-sm-firstaid::before {
    -webkit-mask-position: -2rem -2rem;
    mask-position: -2rem -2rem;
}

.agricorp-icon-sm-recommend::before {
    -webkit-mask-position: -3rem -2rem;
    mask-position: -3rem -2rem;
}

.agricorp-icon-sm-discourage::before {
    -webkit-mask-position: -4rem -2rem;
    mask-position: -4rem -2rem;
}

.agricorp-icon-sm-edit::before {
    -webkit-mask-position: -5rem -2rem;
    mask-position: -5rem -2rem;
}

.agricorp-icon-sm-arrow-up::before {
    -webkit-mask-position: -6rem -2rem;
    mask-position: -6rem -2rem;
}

.agricorp-icon-sm-arrow-right::before {
    -webkit-mask-position: -7rem -2rem;
    mask-position: -7rem -2rem;
}

.agricorp-icon-sm-arrow-down::before {
    -webkit-mask-position: -8rem -2rem;
    mask-position: -8rem -2rem;
}

.agricorp-icon-sm-arrow-left::before {
    -webkit-mask-position: -9rem -2rem;
    mask-position: -9rem -2rem;
}

[class*=agricorp-icon-md] {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    color: var(--colour-black-1);
    padding-left: 1.75rem;
    position: relative;
}

    [class*=agricorp-icon-md]::before {
        content: " ";
        display: block;
        height: 1.5rem;
        left: 0;
        margin-right: 0.25rem;
        position: absolute;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        top: 0;
        width: 1.5rem;
        left: 0;
        position: absolute;
        top: 0;
        -webkit-transform: translateY(-0.125rem);
        transform: translateY(-0.125rem);
        background-color: currentColor;
        -webkit-mask-image: url("agricorp-icons.svg");
        mask-image: url("agricorp-icons.svg");
        -webkit-mask-size: 15rem 15rem;
        mask-size: 15rem 15rem;
    }

.agricorp-icon-md-blank::before {
    -webkit-mask-position: 1.5rem 1.5rem;
    mask-position: 1.5rem 1.5rem;
    background-color: transparent;
}

.agricorp-icon-md-search::before {
    -webkit-mask-position: 0rem 0rem;
    mask-position: 0rem 0rem;
}

.agricorp-icon-md-directory::before {
    -webkit-mask-position: -1.5rem 0rem;
    mask-position: -1.5rem 0rem;
}

.agricorp-icon-md-hide-password::before {
    -webkit-mask-position: -3rem 0rem;
    mask-position: -3rem 0rem;
}

.agricorp-icon-md-show-password::before {
    -webkit-mask-position: -4.5rem 0rem;
    mask-position: -4.5rem 0rem;
}

.agricorp-icon-md-email::before {
    -webkit-mask-position: -6rem 0rem;
    mask-position: -6rem 0rem;
}

.agricorp-icon-md-delete::before {
    -webkit-mask-position: -7.5rem 0rem;
    mask-position: -7.5rem 0rem;
}

.agricorp-icon-md-check::before {
    -webkit-mask-position: -9rem 0rem;
    mask-position: -9rem 0rem;
}

.agricorp-icon-md-close::before {
    -webkit-mask-position: -10.5rem 0rem;
    mask-position: -10.5rem 0rem;
}

.agricorp-icon-md-calculator::before {
    -webkit-mask-position: -12rem 0rem;
    mask-position: -12rem 0rem;
}

.agricorp-icon-md-incomplete::before {
    -webkit-mask-position: 0rem -1.5rem;
    mask-position: 0rem -1.5rem;
}

.agricorp-icon-md-info::before {
    -webkit-mask-position: -1.5rem -1.5rem;
    mask-position: -1.5rem -1.5rem;
}

.agricorp-icon-md-help::before {
    -webkit-mask-position: -3rem -1.5rem;
    mask-position: -3rem -1.5rem;
}

.agricorp-icon-md-checked-circle::before {
    -webkit-mask-position: -4.5rem -1.5rem;
    mask-position: -4.5rem -1.5rem;
}

.agricorp-icon-md-circle-arrow-right::before {
    -webkit-mask-position: -6rem -1.5rem;
    mask-position: -6rem -1.5rem;
}

.agricorp-icon-md-warning::before {
    -webkit-mask-position: -7.5rem -1.5rem;
    mask-position: -7.5rem -1.5rem;
}

.agricorp-icon-md-add::before {
    -webkit-mask-position: -9rem -1.5rem;
    mask-position: -9rem -1.5rem;
}

.agricorp-icon-md-cancel::before {
    -webkit-mask-position: -10.5rem -1.5rem;
    mask-position: -10.5rem -1.5rem;
}

.agricorp-icon-md-time::before {
    -webkit-mask-position: -12rem -1.5rem;
    mask-position: -12rem -1.5rem;
}

.agricorp-icon-md-error::before {
    -webkit-mask-position: -13.5rem -1.5rem;
    mask-position: -13.5rem -1.5rem;
}

.agricorp-icon-md-security::before {
    -webkit-mask-position: 0rem -3rem;
    mask-position: 0rem -3rem;
}

.agricorp-icon-md-fire::before {
    -webkit-mask-position: -1.5rem -3rem;
    mask-position: -1.5rem -3rem;
}

.agricorp-icon-md-firstaid::before {
    -webkit-mask-position: -3rem -3rem;
    mask-position: -3rem -3rem;
}

.agricorp-icon-md-recommend::before {
    -webkit-mask-position: -4.5rem -3rem;
    mask-position: -4.5rem -3rem;
}

.agricorp-icon-md-discourage::before {
    -webkit-mask-position: -6rem -3rem;
    mask-position: -6rem -3rem;
}

.agricorp-icon-md-edit::before {
    -webkit-mask-position: -7.5rem -3rem;
    mask-position: -7.5rem -3rem;
}

.agricorp-icon-md-arrow-up::before {
    -webkit-mask-position: -9rem -3rem;
    mask-position: -9rem -3rem;
}

.agricorp-icon-md-arrow-right::before {
    -webkit-mask-position: -10.5rem -3rem;
    mask-position: -10.5rem -3rem;
}

.agricorp-icon-md-arrow-down::before {
    -webkit-mask-position: -12rem -3rem;
    mask-position: -12rem -3rem;
}

.agricorp-icon-md-arrow-left::before {
    -webkit-mask-position: -13.5rem -3rem;
    mask-position: -13.5rem -3rem;
}

[class*=agricorp-icon-lg] {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    color: var(--colour-black-1);
    padding-left: 2.25rem;
    position: relative;
}

    [class*=agricorp-icon-lg]::before {
        content: " ";
        display: block;
        height: 2rem;
        left: 0;
        margin-right: 0.25rem;
        position: absolute;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        top: 0;
        width: 2rem;
        left: 0;
        position: absolute;
        top: 0;
        -webkit-transform: translateY(-0.25rem);
        transform: translateY(-0.25rem);
        background-color: currentColor;
        -webkit-mask-image: url("agricorp-icons.svg");
        mask-image: url("agricorp-icons.svg");
        -webkit-mask-size: 20rem 20rem;
        mask-size: 20rem 20rem;
    }

.agricorp-icon-lg-blank::before {
    -webkit-mask-position: 2rem 2rem;
    mask-position: 2rem 2rem;
    background-color: transparent;
}

.agricorp-icon-lg-search::before {
    -webkit-mask-position: 0rem 0rem;
    mask-position: 0rem 0rem;
}

.agricorp-icon-lg-directory::before {
    -webkit-mask-position: -2rem 0rem;
    mask-position: -2rem 0rem;
}

.agricorp-icon-lg-hide-password::before {
    -webkit-mask-position: -4rem 0rem;
    mask-position: -4rem 0rem;
}

.agricorp-icon-lg-show-password::before {
    -webkit-mask-position: -6rem 0rem;
    mask-position: -6rem 0rem;
}

.agricorp-icon-lg-email::before {
    -webkit-mask-position: -8rem 0rem;
    mask-position: -8rem 0rem;
}

.agricorp-icon-lg-delete::before {
    -webkit-mask-position: -10rem 0rem;
    mask-position: -10rem 0rem;
}

.agricorp-icon-lg-check::before {
    -webkit-mask-position: -12rem 0rem;
    mask-position: -12rem 0rem;
}

.agricorp-icon-lg-close::before {
    -webkit-mask-position: -14rem 0rem;
    mask-position: -14rem 0rem;
}

.agricorp-icon-lg-calculator::before {
    -webkit-mask-position: -16rem 0rem;
    mask-position: -16rem 0rem;
}

.agricorp-icon-lg-incomplete::before {
    -webkit-mask-position: 0rem -2rem;
    mask-position: 0rem -2rem;
}

.agricorp-icon-lg-info::before {
    -webkit-mask-position: -2rem -2rem;
    mask-position: -2rem -2rem;
}

.agricorp-icon-lg-help::before {
    -webkit-mask-position: -4rem -2rem;
    mask-position: -4rem -2rem;
}

.agricorp-icon-lg-checked-circle::before {
    -webkit-mask-position: -6rem -2rem;
    mask-position: -6rem -2rem;
}

.agricorp-icon-lg-circle-arrow-right::before {
    -webkit-mask-position: -8rem -2rem;
    mask-position: -8rem -2rem;
}

.agricorp-icon-lg-warning::before {
    -webkit-mask-position: -10rem -2rem;
    mask-position: -10rem -2rem;
}

.agricorp-icon-lg-add::before {
    -webkit-mask-position: -12rem -2rem;
    mask-position: -12rem -2rem;
}

.agricorp-icon-lg-cancel::before {
    -webkit-mask-position: -14rem -2rem;
    mask-position: -14rem -2rem;
}

.agricorp-icon-lg-time::before {
    -webkit-mask-position: -16rem -2rem;
    mask-position: -16rem -2rem;
}

.agricorp-icon-lg-error::before {
    -webkit-mask-position: -18rem -2rem;
    mask-position: -18rem -2rem;
}

.agricorp-icon-lg-security::before {
    -webkit-mask-position: 0rem -4rem;
    mask-position: 0rem -4rem;
}

.agricorp-icon-lg-fire::before {
    -webkit-mask-position: -2rem -4rem;
    mask-position: -2rem -4rem;
}

.agricorp-icon-lg-firstaid::before {
    -webkit-mask-position: -4rem -4rem;
    mask-position: -4rem -4rem;
}

.agricorp-icon-lg-recommend::before {
    -webkit-mask-position: -6rem -4rem;
    mask-position: -6rem -4rem;
}

.agricorp-icon-lg-discourage::before {
    -webkit-mask-position: -8rem -4rem;
    mask-position: -8rem -4rem;
}

.agricorp-icon-lg-edit::before {
    -webkit-mask-position: -10rem -4rem;
    mask-position: -10rem -4rem;
}

.agricorp-icon-lg-arrow-up::before {
    -webkit-mask-position: -12rem -4rem;
    mask-position: -12rem -4rem;
}

.agricorp-icon-lg-arrow-right::before {
    -webkit-mask-position: -14rem -4rem;
    mask-position: -14rem -4rem;
}

.agricorp-icon-lg-arrow-down::before {
    -webkit-mask-position: -16rem -4rem;
    mask-position: -16rem -4rem;
}

.agricorp-icon-lg-arrow-left::before {
    -webkit-mask-position: -18rem -4rem;
    mask-position: -18rem -4rem;
}

/*! / icons */
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    color: var(--colour-black);
    margin: 0;
    padding: 0;
}

.skip-link {
    position: absolute;
    left: -9999px;
}

:has(> #reported:empty) {
    display: none;
}

.form-finalize {
    background-color: var(--colour-black-4);
    padding: 1rem 1rem 0 1rem;
}

.variance {
    grid-column: 1/-1;
}

.container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin: 0 auto;
    max-width: 1024px;
    width: 100%;
}

@media (max-width: 768px) {
    .container {
        -ms-grid-columns: 1rem 0 calc(50vw - 2rem) 0 calc(50vw - 2rem) 0 1rem;
        grid-template-columns: 1rem repeat(2, calc(50vw - 2rem)) 1rem;
        margin: 0 1rem;
        max-width: 100%;
        width: 100%;
        gap: 0;
    }
}

.container nav {
    background-color: var(--colour-green);
    grid-column: 1/-1;
    height: 2.5rem;
}

.container aside {
    border-left: 1px solid var(--colour-black-4);
    padding: 20rem 1rem 1rem 1rem;
    -ms-grid-column: 4;
    grid-column: 4;
}

.container main {
    padding: 1rem 0 0 0;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
    min-width: 0;
}

.container.product-header nav, .container.product-header aside {
    display: none;
}

.container.product-header main {
    grid-column: 1/-1;
    margin: 0 1rem;
}

.container.product-header footer {
    border-top: 1px solid var(--colour-green);
    grid-column: 1/-1;
    margin: 1rem 0;
    padding: 0;
}

    .container.product-header footer .partner-logos {
        padding: 1rem;
        background-color: var(--colour-white);
    }

    .container.product-header footer div:not(.partner-logos) {
        background-color: var(--colour-green);
        color: white;
        font-family: "Open Sans";
        padding: 1rem;
    }

.notes.closed > div {
    display: none;
}

.notes.closed a span:nth-of-type(1) {
    display: none;
}

.notes.closed a span:nth-of-type(2) {
    display: block;
}

.notes a {
    cursor: pointer;
}

    .notes a span:nth-of-type(2) {
        display: none;
    }

@media (min-width: 768px) {
    .notes a {
        display: none;
    }
}

.field-single {
    margin-bottom: 1rem;
}

[class*=form-layout-] {
    display: -ms-grid;
    display: grid;
    gap: 1rem;
    -ms-grid-columns: 1fr 1rem 1fr;
    grid-template-columns: repeat(2, 1fr);
}

    [class*=form-layout-].form-layout-1-col {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

@media (max-width: 768px) {
    [class*=form-layout-] {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

[class*=form-layout-] fieldset {
    -ms-grid-columns: 1/-1;
    grid-template-columns: 1/-1;
}

.h1 {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    display: -ms-grid;
    display: grid;
    gap: 2rem;
    margin: 0 0 1rem 0;
}

@media (min-width: 768px) {
    .h1 {
        gap: 2rem;
        -ms-grid-columns: auto 2rem auto;
        grid-template-columns: repeat(2, auto);
    }
}

.h1 h1 {
    margin-bottom: 0;
}

.h1 p {
    margin-bottom: 0;
    display: inline;
}

@media (min-width: 768px) {
    .h1 p {
        -ms-grid-column-align: end;
        justify-self: end;
        text-align: right;
    }
}

.hidden {
    display: none !important;
}

h1.hidden {
    display: block;
    position: absolute;
    left: -9999px;
    grid-column: 1/-1;
}

h2.hidden {
    display: block;
    position: absolute;
    left: -9999px;
    grid-column: 1/-1;
}

h3.hidden {
    display: block;
    position: absolute;
    left: -9999px;
    grid-column: 1/-1;
}

h4.hidden {
    display: block;
    position: absolute;
    left: -9999px;
    grid-column: 1/-1;
}

section .arrangement-tabs {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    -ms-grid-columns: -webkit-max-content;
    -ms-grid-columns: max-content;
    grid-template-columns: -webkit-max-content;
    grid-template-columns: max-content;
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
    gap: 0.5rem;
    margin: 1rem 0;
    overflow-x: scroll;
    padding: 1rem 0;
}

    section .arrangement-tabs li {
        place-items: center;
        display: -ms-grid;
        display: grid;
        display: inline;
        padding: 0.5rem 1rem;
        cursor: pointer;
    }

        section .arrangement-tabs li:last-child {
            margin: 0 0 0.25rem 0;
        }

        section .arrangement-tabs li.selected {
            border-bottom: 2px solid var(--colour-green);
        }

section .arrangement {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

@media (max-width: 768px) {
    section .arrangement {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

section .arrangement h4 {
    grid-column: 1/-1;
}

.notification-error-element, .validation-message {
    color: var(--colour-error);
    display: block;
    font-family: var(--font-body);
    margin-bottom: 1rem;
}

fieldset:has(legend input) {
    height: 0.5rem;
    overflow: hidden;
}

    fieldset:has(legend input):has(legend input:not(:checked)) {
        border: none !important;
    }

    fieldset:has(legend input):has(legend input:checked) {
        height: auto;
        border: 1px solid var(--colour-black-4);
    }

    fieldset:has(legend input) .props, fieldset:has(legend input) .props div {
        margin: 1rem 1rem 1rem 1.25rem;
    }

    fieldset:has(legend input) legend, fieldset:has(legend input) legend div {
        padding: 0 !important;
    }

span[data-block-name] {
    background-color: #5c7abf;
    background-color: rgb(178, 195, 236) !important;
    color: white !important;
    padding: 0.125rem 0.25rem !important;
    border: black 1px solid !important;
    margin-bottom: 0.125rem;
    font-family: var(--font-body);
    display: block;
}

    span[data-block-name]:empty {
        display: none;
    }

.dm-hidden-field {
    background-color: rgb(178, 195, 236) !important;
    border: black 1px solid !important;
    margin-bottom: 0.125rem;
}

.sortable thead td, .sortable thead th {
    cursor: pointer;
}

    .sortable thead td:after, .sortable thead th:after {
        content: "∆";
        color: transparent;
        margin-left: 0.5rem;
    }

    .sortable thead td.sortable-desc:after, .sortable thead th.sortable-desc:after {
        content: "∆";
        margin-left: 0.5rem;
        color: black;
    }

    .sortable thead td.sortable-asc:after, .sortable thead th.sortable-asc:after {
        content: "∇";
        margin-left: 0.5rem;
        color: black;
    }

.agricorp-icon-md-error {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .agricorp-icon-md-error::before {
        margin: 0 0.25rem 0 0;
        background-color: var(--colour-error);
        display: inline-block;
    }

div#review {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: -webkit-max-content auto;
    -ms-grid-columns: max-content auto;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
    -ms-grid-columns: (50%)[2];
    grid-template-columns: repeat(2, 50%);
}

    div#review > div {
        grid-column: 1/-1;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: subgrid;
        grid-template-columns: subgrid;
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem;
        row-gap: 0.5rem;
        font-family: var(--font-body);
        border: 1px solid var(--colour-black-4);
        margin: 0 0 1rem 0;
        padding: 1rem;
    }

        div#review > div h2 {
            grid-column: 1/-1;
            -ms-grid-row: 1;
            grid-row: 1;
            margin: 0.5rem 0;
        }

        div#review > div span.edit-button {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: start;
            cursor: pointer;
            display: -ms-grid;
            display: grid;
            -ms-grid-column: 2;
            grid-column: 2;
            -ms-grid-row: 1;
            grid-row: 1;
            -ms-grid-columns: (-webkit-max-content)[2];
            -ms-grid-columns: (max-content)[2];
            grid-template-columns: repeat(2, -webkit-max-content);
            grid-template-columns: repeat(2, max-content);
            -ms-grid-column-align: end;
            justify-self: end;
        }

#review-edit-dialog {
    max-width: calc(100vw - 10rem);
    max-height: calc(100vh - 10rem);
    position: fixed;
}

err {
    color: coral !important;
}

.valid.modified:not([type=checkbox]) {
    outline: none;
}

.rounded-3:is(fieldset) {
    border-radius: 0 !important;
}

.p-3:is(fieldset) {
    padding: 0 1rem !important;
}

.border:is(fieldset) {
    border: 1px solid var(--colour-black-4) !important;
}
/*# sourceMappingURL=css.css.map */