/*
    CSS Overview:

        - Copy of kennelclub.css taken as a base for the rebranding project

        - Existing classes modified in place where needed

        - New functionality, controls and classes added under titled headings at the bottom of the file (amendments to existing code added with the existing code for that area where possible)

    Responsive Screen Sizes:

        - Desktop: 1040px to 1140px (max width for actual content)

        - Tablet: Between 761px and 1039px

        - Mobile: 760px and less
*/

/* Shared Variables */

:root {
    --rkc-green: #005950;
    --rkc-green-hover: #00423C;
    --rkc-gold: #D2B470;
    --rkc-gold-hover: #AB8735;
    --rkc-orange: #C4541D;
    --rkc-orange-hover: #A3400F;
    --rkc-sage: #95A6A0;
    --rkc-sage-600: #BFCAC6;
    --rkc-sage-300: #DFE4E3;
    --rkc-sage-200: #EAEDEC;
    --rkc-sage-100: #F4F6F5;
    --rkc-charcoal: #3F4547;
    --rkc-charcoal-600: #8C8F91;
    --rkc-charcoal-300: #C5C7C8;
    --rkc-charcoal-200: #D9DADA;
    --rkc-charcoal-100: #ECECED;
    --rkc-male: #0986B8;
    --rkc-female: #E5234B;
    --rkc-white-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(325deg) brightness(108%) contrast(101%);
    --rkc-green-filter: brightness(0) saturate(100%) invert(26%) sepia(29%) saturate(1736%) hue-rotate(131deg) brightness(95%) contrast(101%);
    --rkc-sage300-filter: brightness(0) saturate(100%) invert(93%) sepia(5%) saturate(119%) hue-rotate(118deg) brightness(103%) contrast(83%);
    --rkc-sage200-filter: brightness(0) saturate(100%) invert(97%) sepia(6%) saturate(51%) hue-rotate(109deg) brightness(95%) contrast(99%);
    --rkc-sage100-filter: brightness(0) saturate(100%) invert(94%) sepia(3%) saturate(87%) hue-rotate(97deg) brightness(104%) contrast(96%);
    --top-padding: 64px;
    --nav-top: 50px;
}

/* Existing Classes */

.pika-single {
    font-size: .875rem;
    line-height: 1.5;
    display: block;
    position: relative;
    z-index: 1000;
    border: 2px solid var(--rkc-sage-200);
    color: inherit;
    background-color: #fff;
    font-family: inherit
}

    .pika-single:before, .pika-single:after {
        display: table;
        content: " "
    }

    .pika-single:after {
        clear: both
    }

@media screen and (min-width: 760px) {
    .pika-single {
        font-size: 1rem
    }
}

.pika-single.is-hidden {
    display: none
}

.pika-single.is-bound {
    position: absolute
}

.pika-single.top-aligned {
    margin-top: 2px
}

.pika-single.bottom-aligned {
    margin-top: -2px
}

.pika-lendar {
    margin: 0.5rem;
    float: left;
    width: 15rem
}

.pika-title {
    text-align: center
}

.pika-select {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer
}

.pika-label {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22%23262449%22%20d%3D%22M207.029%20381.476L12.686%20187.132c-9.373-9.373-9.373-24.569%200-33.941l22.667-22.667c9.357-9.357%2024.522-9.375%2033.901-.04L224%20284.505l154.745-154.021c9.379-9.335%2024.544-9.317%2033.901.04l22.667%2022.667c9.373%209.373%209.373%2024.569%200%2033.941L240.971%20381.476c-9.373%209.372-24.569%209.372-33.942%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: .875em 1em;
    display: inline-block;
    padding-right: calc(0.875em + 1em);
    position: relative;
    background-position: top 50% right .5em;
    font-weight: 500
}

    .pika-label + .pika-label {
        margin-left: 0.5rem
    }

.pika-prev, .pika-next {
    display: none
}

.pika-table {
    margin-top: 0.5rem;
    width: 100%;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0
}

    .pika-table th, .pika-table td {
        width: 14.2857142857%;
        padding: 0;
        text-align: center
    }

    .pika-table thead th {
        border-width: 1px 0;
        border-style: solid;
        border-color: var(--rkc-sage-200)
    }

.pika-button {
    display: block;
    width: 100%;
    border: 0;
    color: inherit;
    background-color: transparent;
    cursor: pointer
}

.is-selected .pika-button {
    color: #fff;
    background-color: var(--rkc-green)
}

.is-disabled .pika-button, .is-outside-current-month .pika-button {
    color: #828585;
    opacity: .3;
    pointer-events: none;
    cursor: default
}

.pika-button:hover, .pika-button:focus {
    color: var(--rkc-green);
    background-color: var(--rkc-green)
}

.select2-hidden-accessible {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.select2-container {
    display: block;
    width: 100%;
    position: relative
}

    .select2-container .select2-selection {
        display: block
    }

    .select2-container .select2-selection__rendered {
        display: block;
        list-style-type: none
    }

        .select2-container .select2-selection__rendered:before, .select2-container .select2-selection__rendered:after {
            display: table;
            content: " "
        }

        .select2-container .select2-selection__rendered:after {
            clear: both
        }

    .select2-container .select2-selection__choice {
        float: left
    }

    .select2-container .select2-dropdown {
        width: 100%;
        position: absolute;
        left: -100000px;
        z-index: 1000
    }

    .select2-container .select2-results {
        display: block
    }

    .select2-container .select2-results__options {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .select2-container .select2-results__option {
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .select2-container .select2-results__option[data-selected] {
            cursor: pointer
        }

    .select2-container .select2-search__field {
        width: 100%
    }

        .select2-container .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none;
            appearance: none
        }

    .select2-container .select2-search--dropdown {
        display: block
    }

    .select2-container .select2-search--hide {
        display: none
    }

    .select2-container .select2-search--inline {
        float: left
    }

.select2-container--open .select2-dropdown {
    left: 0
}

@-ms-viewport {
    width: device-width
}

@-o-viewport {
    width: device-width
}

@viewport {
    width: device-width
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    vertical-align: baseline;
    box-sizing: border-box
}

    *::before, *::after {
        box-sizing: inherit
    }

html {
    background-color: #fff;
    font-size: 16px;
    overflow-x: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block
}

    details:not([open]) > *:not(summary) {
        display: none
    }

audio, canvas, progress, video {
    display: inline-block
}

audio, canvas, img, progress, svg, video {
    max-width: 100%;
    height: auto
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

img {
    border-style: none;
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

template, [hidden] {
    display: none !important
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

    a:active, a:hover {
        outline-width: 0
    }

body {
    text-rendering: optimizeLegibility;
    word-wrap: break-word;
    word-break: break-word;
    font-family: 'Maison Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    font-size: 1rem;
    color: var(--rkc-charcoal);
    background-color: transparent;
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit
}

abbr[title] {
    border-bottom: none;
    font-variant: small-caps;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    text-transform: lowercase;
    cursor: help
}

b, strong {
    font-weight: inherit;
    font-weight: bolder
}

code, kbd, pre, samp {
    font-family: monospace;
    font-size: 1em
}

del {
    text-decoration: line-through
}

dfn {
    font-style: italic
}

ins {
    text-decoration: underline
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

figure {
    margin: 1em 40px
}

hr {
    height: 0;
    overflow: visible;
    box-sizing: content-box
}

q {
    quotes: "“" "”" "‘" "’"
}

button, input, select, textarea {
    margin: 0;
    font: inherit
}

optgroup {
    font-weight: bold
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button
}

    button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
        padding: 0;
        border-style: none
    }

    button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
        outline: 1px dotted ButtonText
    }

fieldset {
    margin: 0 2px;
    padding: .35em .625em .75em;
    border: 1px solid silver
}

legend {
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    padding: 0;
    box-sizing: border-box
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

    [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

@media screen and (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto
    }
}

a:focus, input:focus, textarea:focus, select:focus, button:focus, [contenteditable]:focus, [tabindex]:focus, details summary:focus {
    outline: 3px solid #80bdff;
    outline-offset: 0
}

html[data-whatintent=mouse] a:focus, html[data-whatintent=mouse] input:focus, html[data-whatintent=mouse] textarea:focus, html[data-whatintent=mouse] select:focus, html[data-whatintent=mouse] button:focus, html[data-whatintent=mouse] [contenteditable]:focus, html[data-whatintent=mouse] [tabindex]:focus, html[data-whatintent=mouse] details summary:focus {
    outline: 0
}

@media only print {
    *, *::before, *::after {
        color: #000 !important;
        background-color: transparent !important
    }

    .a-button, .a-continue, .a-back, .a, .o-footer__inner, .o-footer__legal, .o-header__controls, .o-header__navigation {
        display: none !important
    }

    h1, h2, h3, h4, h5, h6 {
        break-after: avoid
    }
}

.a-autocomplete {
    position: relative
}

    .a-autocomplete .select2-selection {
        padding-right: 1rem;
        padding-left: 1rem;
        border-radius: 8px;
        border: 1px solid var(--rkc-sage-300);
        min-height: 56px;
    }

@media only print {
    .a-autocomplete .select2-selection {
        border-color: currentColor
    }
}

.a-autocomplete .select2-selection--single {
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22%23262449%22%20d%3D%22M207.029%20381.476L12.686%20187.132c-9.373-9.373-9.373-24.569%200-33.941l22.667-22.667c9.357-9.357%2024.522-9.375%2033.901-.04L224%20284.505l154.745-154.021c9.379-9.335%2024.544-9.317%2033.901.04l22.667%2022.667c9.373%209.373%209.373%2024.569%200%2033.941L240.971%20381.476c-9.373%209.372-24.569%209.372-33.942%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: .875em 1em;
    padding-right: calc(.875em + 1em);
    background-position: top 50% right .5em
}

.a-autocomplete .select2-selection--multiple {
    cursor: text
}

    .a-autocomplete .select2-selection--multiple .select2-selection__rendered {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center
    }

.a-autocomplete .select2-selection span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.a-autocomplete .select2-selection__choice {
    font-size: .875rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    display: inline-flex;
    flex-direction: row-reverse;
    align-items: center;
    border-radius: 3px;
    background-color: var(--rkc-sage-200);
    color: var(--rkc-charcoal);
    line-height: 1;
    cursor: pointer
}

@media screen and (min-width: 760px) {
    .a-autocomplete .select2-selection__choice {
        font-size: 1rem
    }
}

.a-autocomplete .select2-selection__choice__remove {
    margin-left: 0.5rem;
    color: #e00132
}

.a-autocomplete .select2-selection__clear {
    float: right
}

.a-autocomplete .select2-search .select2-search__field {
    width: 100%;
    border-width: 0 0 2px 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    -webkit-appearance: textfield;
    appearance: textfield
}

.a-autocomplete .select2-search:not(.select2-search--inline) .select2-search__field {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 1rem;
    padding-left: 1rem;
    display: block;
    border-bottom: 2px solid var(--rkc-sage-200)
}

.a-autocomplete .select2-search.select2-search--inline .select2-search__field {
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
    min-width: 8rem;
    border: 1px solid transparent
}

.a-autocomplete .select2-container {
    width: calc(100% + 2px);
    left: 0 !important
}

.a-autocomplete .select2-dropdown {
    background-color: #fff;
    color: var(--rkc-green);
    border: 2px solid var(--rkc-sage-200);
    border-radius: 8px;
}

.a-autocomplete .select2-dropdown--below {
    margin-top: -2px
}

.a-autocomplete .select2-dropdown--above {
    margin-bottom: -2px
}

.a-autocomplete .select2-results__group {
    padding: 0.5rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    display: block;
    color: #828585
}

.a-autocomplete .select2-results__option[role=option] {
    padding: 0.5rem
}

.a-autocomplete .select2-results__option--highlighted {
    color: #FFF;
    background-color: var(--rkc-green)
}

.a-autocomplete .select2-results__option[data-selected=true] {
    color: #99a8a6
}

.a-autocomplete .select2-results__options {
    max-height: 20rem;
    overflow: auto
}

.a-autocomplete .select2-results__options--nested {
    max-height: none
}

    .a-autocomplete .select2-results__options--nested .select2-results__option {
        padding-left: 1rem
    }

@media screen and (min-width: 760px) {
    .a-autocomplete .select2-results__options--nested .select2-results__option {
        padding-left: 1.25rem
    }
}

.a-autocomplete .select2-results__message {
    padding: 0.5rem;
    color: #828585
}

#select2-datamodel_Filter_Breeds-results {
    max-height: 360px;
    overflow-y: auto;
}

    #select2-datamodel_Filter_Breeds-results::-webkit-scrollbar {
        width: 10px;
    }

    #select2-datamodel_Filter_Breeds-results::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 8px;
    }

    #select2-datamodel_Filter_Breeds-results::-webkit-scrollbar-thumb {
        background: var(--rkc-sage);
        border-radius: 8px;
        border: 2px solid #f0f2f5;
    }

        #select2-datamodel_Filter_Breeds-results::-webkit-scrollbar-thumb:hover {
            background: #6f7580;
        }

    #select2-datamodel_Filter_Breeds-results::-webkit-scrollbar-button {
        display: none;
        width: 0;
        height: 0;
    }

.a-button {
    font-family: 'Maison Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    text-transform: uppercase;
    border: 2px solid;
    text-decoration: none;
    letter-spacing: .04em;
    cursor: pointer;
    vertical-align: baseline;
    -webkit-appearance: none;
    transition-property: background-color,border-color;
    transition-duration: .3333s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    border-radius: 4px;
    background: var(--rkc-orange);
    border-color: var(--rkc-orange);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    min-width: 72px;
    min-height: 40px;
    padding: 8px 16px;
    flex-shrink: 0;
    width: fit-content;
}

.o-search-form__inner .a-button {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    height: 100%;
}

.a-button:hover, .a-button:focus {
    border-color: var(--rkc-orange-hover);
    background-color: var(--rkc-orange-hover);
}

.a-button--secondary {
    color: #fff;
    border-color: var(--rkc-green);
    background-color: var(--rkc-green)
}

    .a-button--secondary:hover, .a-button--secondary:focus {
        border-color: var(--rkc-green-hover);
        background-color: var(--rkc-green-hover);
    }

.a-button--tertiary {
    color: #fff;
    border-color: var(--rkc-gold);
    background-color: var(--rkc-gold)
}

    .a-button--tertiary:hover, .a-button--tertiary:focus {
        border-color: var(--rkc-gold-hover);
        background-color: var(--rkc-gold-hover);
    }

.a-button--primary {
    color: #FFF !important;
    border-color: var(--rkc-orange);
    background-color: var(--rkc-orange);
}

    .a-button--primary:hover, .a-button--primary:focus {
        border-color: var(--rkc-orange-hover);
        background-color: var(--rkc-orange-hover);
    }

.a-button--negative {
    color: #e00132;
    background-color: transparent;
    border: 2px solid currentColor
}

    .a-button--negative:hover, .a-button--negative:focus {
        border-color: currentColor;
        background-color: #ffd4dd
    }

.a-button[disabled] {
    opacity: .4;
    filter: saturate(40%);
    pointer-events: none;
    cursor: default
}

.a-button[aria-busy=true] {
    position: relative
}

    .a-button[aria-busy=true]::after {
        margin-left: 0.5rem;
        content: "";
        display: inline-block;
        width: 1em;
        height: 1em;
        border: 2px solid currentColor;
        border-right-color: transparent;
        border-radius: 50%;
        animation-name: aButtonWorkingAnimation;
        animation-duration: 1s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        line-height: 0
    }

.a-button--boss {
    font-size: 1rem;
    padding-top: 0.5rem;
    padding-right: 1.25rem;
    padding-bottom: 0.5rem;
    padding-left: 1.25rem
}

.a-button--alignright,
.a-button--alignright-desktop {
    float: right;
}

@media screen and (max-width: 760px) {
    .a-button--alignright-desktop {
        float: unset !important;
    }
}

@media screen and (min-width: 760px) {
    .a-button--boss {
        padding-right: 1rem
    }
}

@media screen and (min-width: 760px) {
    .a-button--boss {
        padding-left: 1rem
    }
}

.a-button--minion {
    font-size: .875rem;
    padding-top: 0.25rem;
    padding-right: 0.5rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem
}

@media screen and (min-width: 760px) {
    .a-button--minion {
        font-size: 1rem
    }
}

.a-button--elastic {
    width: 100%
}

    .a-button--elastic + .a-button--elastic {
        margin-top: 0.5rem
    }

@media screen and (min-width: 420px) {
    .a-button--elastic {
        width: auto
    }
}

.a-button--block {
    width: 100%
}

.a-button .a-icon {
    margin-right: 0.25rem
}

@keyframes aButtonWorkingAnimation {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(359deg)
    }
}

.a-cart-indicator {
    position: relative;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
}

.a-cart-indicator__item-count {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    margin-left: 0.25rem;
    word-break: initial;
}

.a-cart-indicator--receiving-item {
    animation-name: aCartIndicatorReceivingItem;
    animation-duration: 2s;
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-fill-mode: both
}

@keyframes aCartIndicatorReceivingItem {
    0% {
        background-color: rgba(163,233,83,0)
    }

    25% {
        box-shadow: 0 0 0 0 rgba(163,233,83,.5);
        background-color: var(--rkc-green)
    }

    75% {
        box-shadow: 0 0 0 2rem rgba(163,233,83,0);
        background-color: var(--rkc-green)
    }

    100% {
        background-color: rgba(163,233,83,0)
    }
}

.a-checkbox {
    line-height: 1.5;
    display: block;
    padding-left: calc(1.5em + 0.5rem);
    position: relative
}

    .a-checkbox a,
    .a-checkbox a:visited {
        color: var(--rkc-green);
        text-decoration: none;
    }

        .a-checkbox a:hover,
        .a-checkbox a:focus {
            color: var(--rkc-green-hover);
            text-decoration: underline;
        }

.a-checkbox__input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    bottom: 0
}

    .a-checkbox__input:checked ~ .a-checkbox__label::before {
        border-color: var(--rkc-green)
    }

@media only print {
    .a-checkbox__input:checked ~ .a-checkbox__label::before {
        border-color: currentColor
    }
}

.a-checkbox__input:checked ~ .a-checkbox__label::after {
    content: "✓";
    color: #FFF;
    padding-left: 3px;
    line-height: 1.25;
}

@media only print {
    .a-checkbox__input:checked ~ .a-checkbox__label::after {
        content: "■";
        transform: translate(3px, -2px);
        background-image: none
    }
}

.a-checkbox__input:checked ~ .a-checkbox__more {
    display: block
}

.a-checkbox__input:focus ~ .a-checkbox__label::before {
    outline: 3px solid #80bdff;
    outline-offset: 0
}

html[data-whatintent=mouse] .a-checkbox__input:focus ~ .a-checkbox__label::before {
    outline: 0
}

.a-checkbox__input:disabled ~ .a-checkbox__label::before {
    border-color: var(--rkc-sage-200);
    background-color: var(--rkc-sage-200)
}

.a-checkbox__input[aria-invalid=true] ~ .a-checkbox__label::before {
    border-color: #e00132
}

.a-checkbox__label::before, .a-checkbox__label::after {
    width: 1.25em;
    height: 1.25em;
    position: absolute
}

.a-checkbox__label::before {
    content: "";
    top: .125em;
    left: .125em;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid var(--rkc-sage-600);
}

.a-checkbox__label {
    color: var(--rkc-charcoal);
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.a-checkbox__input:checked + .a-checkbox__label {
    font-weight: 700;
}

@media only print {
    .a-checkbox__label::before {
        border-color: currentColor
    }
}

.a-checkbox__label::after {
    background-color: var(--rkc-green);
    top: .125em;
    left: .125em;
    border-radius: 4px;
    border: 1px solid var(--rkc-green);
}

.a-checkbox__hint {
    display: block;
    color: #828585
}

.a-checkbox__more {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    display: none;
    margin-left: -1.375em;
    padding-left: 1.15em;
    border-left: .25em solid var(--rkc-green)
}

.a-continue, .a-back, .a {
    color: var(--rkc-green);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    text-decoration: none;
}

    .a-continue:hover, .a-continue:focus, .a-back:hover, .a-back:focus, .a:hover, .a:focus {
        text-decoration: underline;
    }

    .a-continue::after {
        margin-left: 0.25rem;
        content: "›";
        speak: none
    }

    .a-back::before {
        margin-right: 0.25rem;
        content: "‹";
        speak: none
    }

.a-details {
    margin-top: 16px;
    clear: both;
    max-width: 38rem;
    margin-right: auto;
    margin-left: auto;
    position: relative
}

    .a-details + .a-details {
        margin-top: 4px;
    }

.a-details__summary, .a-details__content {
    padding-left: 1.5rem
}

.a-details__summary {
    padding: 1rem;
    color: var(--rkc-green);
    background-color: var(--rkc-sage-200);
    font-weight: 700;
    cursor: pointer;
    list-style-type: none;
    border-radius: 8px;
    position: relative;
    display: flex;
    align-items: stretch;
    padding-left: 2rem;
    min-height: 53px;
}

    .a-details__summary::-webkit-details-marker {
        display: none
    }

    .a-details__summary::before {
        content: "+";
        display: inline-block;
        width: 1rem;
        margin-right: .5rem;
        font-weight: 700;
        text-align: center;
        speak: none;
        position: absolute;
        top: 0;
        bottom: 0;
        padding: 1rem;
        margin-left: -2rem;
    }

.t-breed-a-z .a-details__summary::before {
    top: -16px !important;
    margin-left: -30px !important;
}

.a-details__summary:hover, .a-details__summary:active {
    background-color: var(--rkc-sage-300)
}

.a-details__summary .a-icon {
    margin-right: 0.5rem;
    vertical-align: text-bottom
}

.a-details__content {
    padding: 1rem
}

.a-details[open] .a-details__summary {
    color: #fff;
    background-color: var(--rkc-green)
}

    .a-details[open] .a-details__summary::before {
        content: "-"
    }

.a-details--hint {
    margin-top: 0;
    margin-bottom: 0
}

    .a-details--hint .a-details__summary {
        padding: 0;
        color: var(--rkc-green);
        background-color: transparent
    }

    .a-details--hint .a-details__content {
        padding: 0
    }

    .a-details--hint[open] .a-details__summary {
        color: #005443;
        background-color: transparent
    }

.a-donut-chart {
    position: relative;
    line-height: 0
}

.a-donut-chart__hole {
    fill: #fff
}

.a-donut-chart__ring, .a-donut-chart__segment {
    fill: transparent;
    stroke-width: 2
}

.a-donut-chart__ring {
    stroke: var(--rkc-green)
}

.a-donut-chart__segment {
    stroke: #82ba42
}

.a-donut-chart__segment--secondary {
    stroke: #628c32
}

.a-donut-chart__label {
    width: 100%;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    color: var(--rkc-charcoal);
    text-align: center;
    transform: translateY(-50%)
}

.a-donut-chart__label-number {
    font-size: 1.5rem;
    line-height: 1;
    display: block;
    font-weight: 700
}

@media screen and (min-width: 760px) {
    .a-donut-chart__label-number {
        font-size: 1.75rem
    }
}

.a-donut-chart__label-text {
    padding-right: 1rem;
    padding-left: 1rem;
    display: block
}

.a-file-upload {
    padding: 1rem;
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--rkc-sage-300);
    height: 56px;
    color: var(--rkc-charcoal);
    background-color: #fff;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

    .a-file-upload[aria-invalid=true] {
        border-color: #e00132
    }

.a-icon {
    width: 1em;
    height: 1em
}

.a-icon--female {
    stroke: #e51f47
}

.a-icon--male {
    stroke: #0685b7
}

.a-input {
    width: 100%;
    background-color: #fff;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 8px;
    border: 1px solid var(--rkc-sage-300);
    color: var(--rkc-charcoal);
    font-family: "Maison Neue";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    height: 56px;
    padding: 16px 12px;
}

    .a-input::placeholder {
        color: var(--rkc-sage);
    }

.t-search__form-inner .a-input {
    border: unset !important;
}

@media only print {
    .a-input {
        border-color: currentColor
    }
}

.a-input[aria-invalid=true] {
    border-color: #e00132
}

.a-input[type=number] {
    -moz-appearance: textfield
}

    .a-input[type=number]::-webkit-inner-spin-button, .a-input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

.a-input[type=date]::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none
}

.a-input[type=search] {
    -webkit-appearance: none;
    appearance: none
}

.a-input[disabled] {
    opacity: .6;
    filter: saturate(40%)
}

.a-input--length-20 {
    max-width: 19em
}

.a-input--length-10 {
    max-width: 11em
}

.a-input--length-4 {
    max-width: 5.5em
}

.a-input--length-3 {
    max-width: 4.5em
}

.a-input--length-2 {
    max-width: 3.5em
}

.a-input[data-card] {
    padding-right: 3.372549019rem;
    background-image: url("../images/cc/generic.png");
    background-size: 2.372549019rem 1.5rem;
    background-repeat: no-repeat;
    background-position: top 50% right .5rem
}

    .a-input[data-card][data-card=visa] {
        background-image: url("../images/cc/visa.png")
    }

    .a-input[data-card][data-card=mastercard] {
        background-image: url("../images/cc/mastercard.png")
    }

    .a-input[data-card][data-card=amex] {
        background-image: url("../images/cc/amex.png")
    }

    .a-input[data-card][data-card=maestro] {
        background-image: url("../images/cc/maestro.png")
    }

    .a-input[data-card][data-card=diners-club] {
        background-image: url("../images/cc/dinersclub.png")
    }

    .a-input[data-card][data-card=discover] {
        background-image: url("../images/cc/discover.png")
    }

    .a-input[data-card][data-card=jcb] {
        background-image: url("../images/cc/jcb.png")
    }

.a-loading-indicator {
    display: block;
    width: 7rem;
    height: 7rem;
    position: relative;
    background-color: #fff;
    animation-duration: 5s;
    animation-timing-function: linear
}

    .a-loading-indicator, .a-loading-indicator::before, .a-loading-indicator::after {
        animation-name: aLoadingIndicatorSpin;
        animation-iteration-count: infinite
    }

        .a-loading-indicator::before, .a-loading-indicator::after {
            content: "";
            width: 3.5rem;
            height: 7rem;
            border-style: solid;
            border-color: var(--rkc-green);
            background-color: inherit;
            position: absolute;
            top: 0;
            bottom: 0;
            animation-duration: 2s;
            animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
        }

        .a-loading-indicator::before {
            border-width: .5rem 0 .5rem .5rem;
            border-top-left-radius: 3.5rem;
            border-bottom-left-radius: 3.5rem;
            left: 0;
            transform-origin: 3.5rem 3.5rem
        }

        .a-loading-indicator::after {
            border-width: .5rem .5rem .5rem 0;
            border-top-right-radius: 3.5rem;
            border-bottom-right-radius: 3.5rem;
            right: 0;
            animation-delay: 1.5s;
            transform-origin: 0 3.5rem
        }

.a-loading-indicator--padded {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    margin-right: auto;
    margin-left: auto
}

@media screen and (min-width: 760px) {
    .a-loading-indicator--padded {
        margin-top: 3.75rem
    }
}

@media screen and (min-width: 760px) {
    .a-loading-indicator--padded {
        margin-bottom: 3.75rem
    }
}

@keyframes aLoadingIndicatorSpin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(359deg)
    }
}

.a-media {
    display: block;
    width: 100%;
    position: relative;
    line-height: 0;
    border-radius: inherit;
}

.a-media__image {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
}

@media screen and (min-width: 600px) {
    .a-media__image_mobile, .a-media__multiimage_mobile {
        display: none;
    }
}

@media screen and (max-width: 599px) {
    .a-media__image_flex, .a-media__multiimage_flex {
        display: none;
    }
}

.a-media--1x1 .a-media__image, .a-media--4x3 .a-media__image, .a-media--5x3 .a-media__image, .a-media--16x9 .a-media__image {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.a-media--1x1 {
    padding-top: 100%
}

.a-media--4x3 {
    padding-top: 75%
}

.a-media--5x3 {
    padding-top: 60%
}

.a-media--16x9 {
    padding-top: 56.25%
}

.a-media--promo-2col, .a-media--promo-3col {
    grid-column: span 1;
    display: block;
}

.a-media--promo-mini {
    display: flex;
    padding: 15px;
    flex-direction: unset !important;
}

    .a-media--promo-mini .a-media__image {
        border-radius: 5px;
    }

    .a-media--promo-mini .m-card__media, .a-media--promo-flex .m-card__media {
        background-color: transparent;
        background-image: none;
    }

    .a-media--promo-mini .m-card__body {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }


    .a-media--promo-mini .m-card__title {
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        text-decoration: none;
    }

        .a-media--promo-mini .m-card__title:hover,
        .a-media--promo-mini .m-card__title:focus {
            text-decoration: underline;
        }

.a-media--width-two-thirds {
    width: 66.6666%;
    min-width: 66.6666%
}

.a-media--width-three-fifths {
    width: 60%;
    min-width: 60%
}

.a-media--width-one-half {
    width: 50%;
    min-width: 50%
}

.a-media--width-two-fifths {
    width: 40%;
    min-width: 40%
}

.a-media--width-one-third {
    width: 33.3333%;
    min-width: 33.3333%
}

.a-media--promo-2col {
    grid-column: span 2;
    display: flex;
}


.a-media--promo-3col {
    grid-column: span 3;
    display: flex;
}

.a-media--cover .a-media__image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.a-media--round .a-media__image {
    border-radius: 50%
}

.a-mpu {
    text-align: center;
    line-height: 0
}

    /* Add border radius to adverts */
    .a-mpu a img {
        border-radius: 8px;
    }

.a-mpu__label {
    font-size: .875rem;
    line-height: 1.15;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    padding: 0.25rem;
    display: block;
    color: #99a8a6
}

@media screen and (min-width: 760px) {
    .a-mpu__label {
        font-size: 1rem
    }
}

.a-payment-card {
    width: 2.372549019rem;
    height: 1.5rem;
    border-radius: 3px;
    vertical-align: middle
}

.a-radio {
    line-height: 1.5;
    display: block;
    padding-left: calc(1.5em + 0.5rem);
    position: relative
}

.a-radio__input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    bottom: 0
}

    .a-radio__input:checked ~ .a-radio__label::before {
        border-color: var(--rkc-green)
    }

    .a-radio__input:checked ~ .a-radio__label::after {
        content: ""
    }

@media only print {
    .a-radio__input:checked ~ .a-radio__label::after {
        content: "●";
        transform: translate(-1px, -50%)
    }
}

.a-radio__input:checked ~ .a-radio__more {
    display: block
}

.a-radio__input:focus ~ .a-radio__label::before {
    outline: 3px solid #80bdff;
    outline-offset: 0
}

html[data-whatintent=mouse] .a-radio__input:focus ~ .a-radio__label::before {
    outline: 0
}

.a-radio__input:disabled ~ .a-radio__label::before {
    background-color: var(--rkc-sage-200)
}

.a-radio__input:disabled ~ .a-radio__label::after {
    background-color: #fff
}

.a-radio__input[aria-invalid=true] ~ .a-radio__label::before {
    border-color: #e00132
}

.a-radio__label::before, .a-radio__label::after {
    position: absolute;
    border-radius: 50%
}

.a-radio__label::before {
    content: "";
    width: 1.25em;
    height: 1.25em;
    top: .125em;
    left: .125em;
    border: 2px solid var(--rkc-sage);
    background-color: #fff
}

@media only print {
    .a-radio__label::before {
        border-color: currentColor
    }
}

.a-radio__label::after {
    width: .75em;
    height: .75em;
    top: .375em;
    left: .375em;
    background-color: var(--rkc-green)
}

.a-radio__hint {
    display: block;
    color: #828585
}

.a-radio__more {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    display: none;
    margin-left: -1.375em;
    padding-left: 1.15em;
    border-left: .25em solid var(--rkc-green)
}

.a-range {
    position: relative
}

.a-range__input {
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    cursor: grab;
}

    .a-range__input::-webkit-slider-runnable-track {
        width: 100%;
        height: 6px;
        border: none;
        border-radius: 0;
        background-color: #d6dddb;
        border-radius: 16px;
    }

    .a-range__input::-moz-range-track {
        width: 100%;
        height: 6px;
        border: none;
        border-radius: 0;
        background-color: #d6dddb
    }

    .a-range__input::-ms-track {
        width: 100%;
        height: 6px;
        border: none;
        border-radius: 0;
        border-color: transparent;
        border-width: 6px 0;
        background: transparent;
        color: transparent
    }

    .a-range__input::-ms-fill-lower, .a-range__input::-ms-fill-upper {
        background-color: #d6dddb
    }

    .a-range__input::-webkit-slider-thumb {
        width: 18px;
        height: 18px;
        margin-top: -6px;
        border: none;
        border-radius: 50%;
        background-color: var(--rkc-green);
        -webkit-appearance: none;
        appearance: none
    }

    .a-range__input::-moz-range-thumb {
        width: 18px;
        height: 18px;
        margin-top: -6px;
        border: none;
        border-radius: 50%;
        background-color: var(--rkc-green);
        appearance: none
    }

    .a-range__input::-ms-thumb {
        width: 18px;
        height: 18px;
        margin-top: -6px;
        border: none;
        border-radius: 50%;
        background-color: var(--rkc-green);
        appearance: none
    }

    .a-range__input:focus {
        outline: none
    }

        .a-range__input:focus::-webkit-slider-thumb {
            outline: 3px solid #80bdff;
            outline-offset: 0
        }

html[data-whatintent=mouse] .a-range__input:focus::-webkit-slider-thumb {
    outline: 0
}

.a-range__input:focus::-moz-range-thumb {
    outline: 3px solid #80bdff;
    outline-offset: 0
}

html[data-whatintent=mouse] .a-range__input:focus::-moz-range-thumb {
    outline: 0
}

.a-range__input:focus::-ms-thumb {
    outline: 3px solid #80bdff;
    outline-offset: 0
}

html[data-whatintent=mouse] .a-range__input:focus::-ms-thumb {
    outline: 0
}

.a-range__value {
    text-align: right;
    color: var(--rkc-green);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.a-select {
    display: block;
    width: 100%;
    color: inherit;
    background-color: transparent;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

@media only print {
    .a-select {
        border-color: currentColor
    }
}

.m-form__error-group .a-select {
    border-color: #e00132
}

.a-select__input {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22%23262449%22%20d%3D%22M207.029%20381.476L12.686%20187.132c-9.373-9.373-9.373-24.569%200-33.941l22.667-22.667c9.357-9.357%2024.522-9.375%2033.901-.04L224%20284.505l154.745-154.021c9.379-9.335%2024.544-9.317%2033.901.04l22.667%2022.667c9.373%209.373%209.373%2024.569%200%2033.941L240.971%20381.476c-9.373%209.372-24.569%209.372-33.942%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: .875em 1em;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    padding-right: calc(.875em + 1em);
    color: var(--rkc-charcoal);
    background-color: #fff;
    background-position: top 50% right .5em;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 8px;
    border: 1px solid var(--rkc-sage-300);
    height: 56px;
}

    .a-select__input::-ms-expand {
        display: none
    }

.a-skiplink {
    font-family: 'Maison Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    font-size: 1rem;
    line-height: 1.5;
    padding: 0.5rem;
    color: var(--rkc-green);
    font-weight: 500;
    text-decoration: none;
    display: block;
    position: absolute;
    top: -9999em;
    left: -9999em;
    background-color: #fff;
    text-align: center;
    z-index: 9000
}

@media screen and (min-width: 760px) {
    .a-skiplink {
        font-size: 1.125rem
    }
}

.a-skiplink:hover, .a-skiplink:focus {
    color: var(--rkc-green);
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.a-skiplink:focus {
    position: fixed;
    top: 1rem;
    left: 1rem
}

.a-stepper {
    display: flex
}

.a-stepper__input {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
    order: 2;
    border-right-width: 0;
    border-left-width: 0;
    border-color: var(--rkc-sage-200);
    text-align: center;
    border-radius: unset !important;
}

.a-stepper__button {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-shrink: 0;
    min-width: 2em;
    border: 2px solid var(--rkc-green);
    color: #fff;
    background-color: var(--rkc-green);
    font-weight: 700;
    cursor: pointer;
}

    .a-stepper__button:hover, .a-stepper__button:focus {
        border-color: #005443;
        background-color: #005443
    }

.a-stepper__button--up {
    order: 3;
    border-left-width: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.a-stepper__button--down {
    order: 1;
    border-right-width: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.a-table__table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    background-color: #fff;
    border-radius: 16px;
}

.a-wysiwyg .a-table table {
    width: 100% !important;
}

.a-table th:first-child {
    border-top-left-radius: 8px;
}

.a-table th:last-child {
    border-top-right-radius: 8px;
}

.a-table th:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.a-table caption {
    margin-bottom: 0.5rem;
    text-align: left
}

.a-table thead th {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400;
    border-bottom: none;
    color: #fff;
    background-color: var(--rkc-green);
    vertical-align: bottom;
    opacity: 1
}

@media screen and (min-width: 760px) {
    .a-table thead th {
        font-size: 1rem
    }
}

.a-table tbody th {
    font-weight: 700;
    background-color: var(--rkc-sage-200)
}

.a-table th, .a-table td {
    font-size: .875rem;
    box-sizing: content-box;
    padding-top: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--rkc-sage-200);
    text-align: left;
    vertical-align: top;
    word-break: initial;
}

@media screen and (min-width: 760px) {
    .a-table th, .a-table td {
        font-size: 1rem
    }
}

.a-table th[data-datatype~=thumbnail], .a-table td[data-datatype~=thumbnail] {
    min-width: 50px;
    max-width: 50px;
    line-height: 0
}

    .a-table th[data-datatype~=thumbnail] img, .a-table td[data-datatype~=thumbnail] img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        -o-object-fit: cover;
        object-fit: cover
    }

.a-table th[data-datatype~=label], .a-table td[data-datatype~=label] {
    vertical-align: middle
}

.a-table th[data-datatype~=control], .a-table th[data-datatype~=numerical], .a-table td[data-datatype~=control], .a-table td[data-datatype~=numerical] {
    text-align: right
}

.a-table th[data-datatype~=numerical], .a-table td[data-datatype~=numerical] {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums
}

.a-table th[data-datatype~=nowrap], .a-table td[data-datatype~=nowrap] {
    white-space: nowrap
}

.a-table th a, .a-table td a {
    color: var(--rkc-green);
    font-weight: 500;
    text-decoration: none
}

    .a-table th a:hover, .a-table th a:focus, .a-table td a:hover, .a-table td a:focus {
        color: var(--rkc-green);
        box-shadow: inset 0 -0.15em 0 0 currentColor
    }

    .a-table th a:visited, .a-table td a:visited {
        color: var(--rkc-green)
    }

.a-table th small, .a-table td small {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400;
}

@media screen and (min-width: 760px) {
    .a-table th small, .a-table td small {
        font-size: 1rem
    }
}

.a-table th .a-icon, .a-table td .a-icon {
    vertical-align: middle
}

.a-table__dog-photo, .a-table__dog-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: .5rem;
    float: left
}

.a-table__dog-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: var(--rkc-sage-200)
}

    .a-table__dog-icon .a-icon {
        width: 25px;
        height: 25px
    }

@media only screen and (max-width: 36rem) {
    .a-table--no-responsive {
        overflow-x: auto
    }

    .a-table:not(.a-table--no-responsive) thead {
        display: none
    }

    .a-table:not(.a-table--no-responsive) tbody th, .a-table:not(.a-table--no-responsive) tbody td {
        display: block
    }

        .a-table:not(.a-table--no-responsive) tbody th:before, .a-table:not(.a-table--no-responsive) tbody th:after, .a-table:not(.a-table--no-responsive) tbody td:before, .a-table:not(.a-table--no-responsive) tbody td:after {
            display: table;
            content: " "
        }

        .a-table:not(.a-table--no-responsive) tbody th:after, .a-table:not(.a-table--no-responsive) tbody td:after {
            clear: both
        }

    .a-table:not(.a-table--no-responsive) tbody td {
        overflow: hidden;
        display: block;
        padding-right: 0;
        padding-left: 7rem;
        border: none
    }

        .a-table:not(.a-table--no-responsive) tbody td::before {
            content: attr(data-th);
            display: inline-block;
            margin-right: .5rem;
            margin-left: -7rem;
            font-weight: 700;
            width: 6.5rem;
            float: left
        }

        .a-table:not(.a-table--no-responsive) tbody td:first-child {
            border-top: 1px solid var(--rkc-sage-200)
        }

        .a-table:not(.a-table--no-responsive) tbody td.bt-hide {
            display: none
        }

    .a-table:not(.a-table--no-responsive) th[data-datatype~=control], .a-table:not(.a-table--no-responsive) th[data-datatype~=numerical], .a-table:not(.a-table--no-responsive) td[data-datatype~=control], .a-table:not(.a-table--no-responsive) td[data-datatype~=numerical] {
        text-align: left
    }

    .a-table:not(.a-table--no-responsive).a-table--two-axis tr th:first-of-type {
        border-bottom: none
    }
}

.a-tag {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    display: inline-block;
    border-radius: 1rem;
    background-color: var(--rkc-sage-600);
    color: #FFF;
    font-weight: 500;
    white-space: nowrap
}

@media screen and (min-width: 760px) {
    .a-tag {
        font-size: 1rem
    }
}

.a-tag--success {
    background-color: #eefbe0;
    color: var(--rkc-green)
}

.a-tag--warning {
    background-color: #ffefd5;
    color: #fe5c01
}

.a-tag--danger {
    background-color: #ffd4dd;
    color: #e00132
}

.a-textarea {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 1rem;
    padding-left: 1rem;
    width: 100%;
    min-height: 8em;
    color: inherit;
    background-color: transparent;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    resize: vertical;
    border: 1px solid var(--rkc-sage-300);
    border-radius: 8px;
}

@media only print {
    .a-textarea {
        border-color: currentColor
    }
}

.a-textarea[aria-invalid=true] {
    border-color: #e00132
}

.a-toggle {
    line-height: 1.5;
    display: block;
    padding-left: calc(2.5em + 0.5rem);
    position: relative
}

.a-toggle__input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    bottom: 0
}

    .a-toggle__input:checked ~ .a-toggle__label::before {
        border-color: var(--rkc-green)
    }

    .a-toggle__input:checked ~ .a-toggle__label::after {
        left: calc(1.5em + 2px);
        background-color: var(--rkc-green)
    }

    .a-toggle__input:checked ~ .a-toggle__more {
        display: block
    }

    .a-toggle__input:focus ~ .a-toggle__label::before {
        outline: 3px solid #80bdff;
        outline-offset: 0
    }

html[data-whatintent=mouse] .a-toggle__input:focus ~ .a-toggle__label::before {
    outline: 0
}

.a-toggle__input:disabled ~ .a-toggle__label {
    color: var(--rkc-sage-200)
}

    .a-toggle__input:disabled ~ .a-toggle__label::before {
        border-color: var(--rkc-sage-200);
        background-color: var(--rkc-sage-200)
    }

    .a-toggle__input:disabled ~ .a-toggle__label::after {
        background-color: #fff
    }

.a-toggle__label::before, .a-toggle__label::after {
    content: "";
    position: absolute;
    transition-property: background-color,left;
    transition-duration: .25s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
}

.a-toggle__label::before {
    width: 2.5em;
    height: 1.25em;
    top: .125em;
    left: .125em;
    border: 2px solid var(--rkc-sage-200);
    border-radius: .625em;
    background-color: #fff
}

.a-toggle__label::after {
    width: .75em;
    height: .75em;
    top: .375em;
    left: .375em;
    border-radius: 50%;
    background-color: #7b8d8b
}

.a-toggle__hint {
    display: block;
    opacity: .67
}

.a-toggle__more {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    display: none;
    margin-left: -1.375em;
    padding-left: 1.15em;
    border-left: .25em solid var(--rkc-green)
}

.a-wysiwyg, .a-table caption {
    font-family: 'Maison Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    line-height: 1.5
}

    .a-wysiwyg p, .a-table caption p, .a-wysiwyg ul, .a-table caption ul, .a-wysiwyg ol, .a-table caption ol, .a-wysiwyg dl, .a-table caption dl {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

@media screen and (min-width: 760px) {
    .a-wysiwyg p, .a-table caption p, .a-wysiwyg ul, .a-table caption ul, .a-wysiwyg ol, .a-table caption ol, .a-wysiwyg dl, .a-table caption dl {
        margin-top: 1.25rem
    }
}

@media screen and (min-width: 760px) {
    .a-wysiwyg p, .a-table caption p, .a-wysiwyg ul, .a-table caption ul, .a-wysiwyg ol, .a-table caption ol, .a-wysiwyg dl, .a-table caption dl {
        margin-bottom: 1.25rem
    }
}

.a-wysiwyg p:first-child, .a-table caption p:first-child, .a-wysiwyg ul:first-child, .a-table caption ul:first-child, .a-wysiwyg ol:first-child, .a-table caption ol:first-child, .a-wysiwyg dl:first-child, .a-table caption dl:first-child {
    margin-top: 0
}

.a-wysiwyg p:last-child, .a-table caption p:last-child, .a-wysiwyg ul:last-child, .a-table caption ul:last-child, .a-wysiwyg ol:last-child, .a-table caption ol:last-child, .a-wysiwyg dl:last-child, .a-table caption dl:last-child {
    margin-bottom: 0
}

@media only print {
    .a-wysiwyg p, .a-table caption p, .a-wysiwyg ul, .a-table caption ul, .a-wysiwyg ol, .a-table caption ol, .a-wysiwyg dl, .a-table caption dl {
        max-width: none
    }
}

.a-wysiwyg ul, .a-table caption ul, .a-wysiwyg ol, .a-table caption ol {
    padding-left: 1.5rem
}

    .a-wysiwyg ul li + li, .a-table caption ul li + li, .a-wysiwyg ol li + li, .a-table caption ol li + li {
        margin-top: 0.5rem
    }

.a-wysiwyg h1, .a-table caption h1, .a-wysiwyg h2, .a-table caption h2, .a-wysiwyg h3, .a-table caption h3, .a-wysiwyg h4, .a-table caption h4, .a-wysiwyg h5, .a-table caption h5, .a-wysiwyg h6, .a-table caption h6, .a-wysiwyg p, .a-table caption p {
    hanging-punctuation: first
}

.a-wysiwyg h1, .a-table caption h1, .a-wysiwyg h2, .a-table caption h2, .a-wysiwyg h3, .a-table caption h3, .a-wysiwyg h4, .a-table caption h4, .a-wysiwyg h5, .a-table caption h5, .a-wysiwyg h6, .a-table caption h6 {
    font-family: 'Maison Neue', Trebuchet, 'Trebuchet MS', sans-serif;
    line-height: 1.15;
    font-weight: 700;
    color: var(--rkc-green)
}

.a-wysiwyg h1, .a-table caption h1 {
    padding-top: 2.5rem;
    padding-bottom: 1.5rem;
    font-size: 2.5rem
}

@media screen and (min-width: 760px) {
    .a-wysiwyg h1, .a-table caption h1 {
        padding-top: 3.75rem
    }
}

@media screen and (min-width: 760px) {
    .a-wysiwyg h1, .a-table caption h1 {
        padding-bottom: 2.5rem
    }
}

@media screen and (min-width: 760px) {
    .a-wysiwyg h1, .a-table caption h1 {
        font-size: 3.125rem
    }
}

.a-wysiwyg h2, .a-table caption h2 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    font-size: 34px;
}

.a-wysiwyg h3, .a-table caption h3 {
    margin-top: 1.25rem;
    margin-bottom: 1rem;
    font-size: 1.5rem
}

.a-wysiwyg h4, .a-table caption h4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.a-wysiwyg h5, .a-table caption h5 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.a-wysiwyg h6, .a-table caption h6 {
    margin-top: 1rem;
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp"
}

.a-wysiwyg abbr, .a-table caption abbr {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.a-wysiwyg code, .a-table caption code {
    background-color: #eee
}

.a-wysiwyg dt, .a-table caption dt {
    padding-top: 0.5rem;
    font-weight: 700
}

    .a-wysiwyg dt:first-child, .a-table caption dt:first-child {
        margin-top: 0
    }

.a-wysiwyg a {
    color: var(--rkc-green);
    font-weight: 700;
    text-decoration: none
}

    .a-wysiwyg a:not(.a-button):hover,
    .a-wysiwyg a:not(.a-button):focus,
    .a-table caption a:not(.a-button):hover {
        color: var(--rkc-green-hover) !important;
        text-decoration: underline;
    }

    .a-wysiwyg a:visited {
        color: var(--rkc-green)
    }

.a-wysiwyg img {
    border-radius: 16px;
}

.box-ruffle-Green .a-wysiwyg a,
.box-ruffle-Green .a-wysiwyg a:visited,
.box-ruffle-Green .a-wysiwyg a:hover,
.box-ruffle-Green .a-table caption a:hover,
.box-ruffle-Green .a-wysiwyg a:focus,
.box-ruffle-Green .m-form__label,
.box-ruffle-Green .t-landing__content,
.box-ruffle-Green .o-ykc-join-banner__item-text {
    color: #FFF !important;
}

@media only print {
    .a-wysiwyg a, .a-table caption a {
        text-decoration: underline
    }

        .a-wysiwyg a::after, .a-table caption a::after {
            content: " (" attr(href) ")"
        }
}

.a-wysiwyg--centred p, .a-wysiwyg--centred ul, .a-wysiwyg--centred ol, .a-wysiwyg--centred dl {
    margin-right: auto;
    margin-left: auto
}

.m-account {
    color: var(--rkc-charcoal);
    background-color: #fff
}

.m-account__header {
    color: #fff;
    background-color: var(--rkc-green)
}

.m-account__profile--current {
    padding: 1rem;
    display: flex;
    align-items: center
}

    .m-account__profile--current .m-account__profile-icon {
        color: var(--rkc-green);
        background-color: var(--rkc-sage-100);
    }

    .m-account__profile--current .m-account__profile-name {
        color: #fff
    }

.m-account__profile + .m-account__profile {
    border-top: 1px solid var(--rkc-sage-200)
}

.m-account__profile-link {
    padding: 1rem;
    display: flex;
    align-items: center;
    color: inherit;
    text-decoration: none
}

    .m-account__profile-link:hover .m-account__profile-name, .m-account__profile-link:focus .m-account__profile-name {
        box-shadow: inset 0 -0.15em 0 0 currentColor
    }

    .m-account__profile-link[aria-current=true] {
        background-color: var(--rkc-sage-200)
    }

.m-account__profile-icon {
    margin-right: 1rem;
    flex: 0 0 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    color: #fff;
    background-color: var(--rkc-green)
}

    .m-account__profile-icon .a-icon {
        width: 1.5rem;
        height: 1.5rem;
        stroke: currentColor
    }

.m-account__profile-name {
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    color: var(--rkc-green)
}

.m-account__profile-subtitle {
    font-size: .875rem;
    display: block;
    opacity: .67
}

@media screen and (min-width: 760px) {
    .m-account__profile-subtitle {
        font-size: 1rem
    }
}

.m-account__navigation {
    max-height: 60vh;
    list-style-type: none;
    overflow: auto;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.m-account__controls {
    padding: 1rem;
    padding-top: 0;
    font-size: .875rem;
    display: flex;
    justify-content: space-between;
}

@media screen and (min-width: 760px) {
    .m-account__controls {
        font-size: 1rem
    }
}

.m-account__controls-item {
    color: #fff;
    text-decoration: none
}

    .m-account__controls-item:not(:first-child) {
        margin-left: 1rem;
    }

    .m-account__controls-item:hover, .m-account__controls-item:focus {
        box-shadow: inset 0 -0.15em 0 0 currentColor
    }

.m-account--popover {
    border-bottom-width: 2px;
    border-style: solid;
    border-color: var(--rkc-green);
    position: absolute;
    z-index: 9000;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

@media screen and (min-width: 420px) {
    .m-account--popover {
        border-right-width: 2px;
        border-left-width: 2px
    }
}

.m-alert {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    display: flex;
    flex-direction: column;
    background-color: var(--rkc-sage-200);
    border-radius: 8px;
}

@media screen and (min-width: 760px) {
    .m-alert {
        margin-top: 2rem
    }
}

@media screen and (min-width: 760px) {
    .m-alert {
        margin-bottom: 2rem
    }
}

@media screen and (min-width: 420px) {
    .m-alert {
        flex-direction: row
    }
}

@media only print {
    .m-alert {
        flex-direction: row;
        border: 2px solid currentColor
    }
}

.m-alert__icon-container {
    padding: 0.25rem;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    margin-top: -0.5rem;
    color: var(--rkc-green);
    background-color: var(--rkc-green);
    border-radius: 8px;
}

@media only print {
    .m-alert__icon-container {
        margin-left: -2px;
        margin-top: -2px;
        border: 2px solid currentColor
    }
}

.m-alert__icon-container .a-icon {
    width: 1.5rem;
    height: 1.5rem
}

.m-alert__inner {
    padding: 1rem;
    flex-grow: 1
}

.m-alert__title {
    font-size: 1.25rem;
    line-height: 1.15;
    display: block
}

@media screen and (min-width: 760px) {
    .m-alert__title {
        font-size: 1.5625rem
    }
}

.m-alert__title + .m-alert__content {
    margin-top: 0.25rem
}

.m-alert--success .m-alert__icon-container, .m-alert--warning .m-alert__icon-container, .m-alert--danger .m-alert__icon-container {
    fill: #fff;
    color: #fff;
}

.m-alert--success {
    background-color: #eefbe0
}

    .m-alert--success .m-alert__icon-container {
        background-color: var(--rkc-green);
    }

.m-alert--warning {
    background-color: #ffefd5
}

    .m-alert--warning .m-alert__icon-container {
        background-color: #fe5c01
    }

.m-alert--danger {
    background-color: #ffd4dd
}

    .m-alert--danger .m-alert__icon-container {
        background-color: #e00132
    }

.m-article-card {
    border-radius: 16px;
}

.m-article-card__link {
    padding: 15px;
    display: flex;
    align-items: flex-start;
    height: 100%;
    color: inherit;
    text-decoration: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

    .m-article-card__link:hover .m-article-card__title, .m-article-card__link:focus .m-article-card__title {
        box-shadow: inset 0 -0.15em 0 0 currentColor
    }

    .m-article-card__link .a-media__image {
        border-radius: 8px;
    }

.m-article-card__media {
    flex: 0 0 80px;
    margin-right: 1rem
}

.m-article-card__title {
    font-weight: 500
}

.m-article-card__content {
    margin-top: 0.5rem
}

.m-breadcrumbs {
    font-size: .875rem;
    line-height: 1.15;
    background-color: var(--rkc-sage-200);
    border-bottom: 1px solid #fff
}

@media screen and (min-width: 760px) {
    .m-breadcrumbs {
        font-size: 1rem
    }
}

.m-breadcrumbs__list {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    list-style-type: none;
    white-space: nowrap;
    overflow: hidden
}

.m-breadcrumbs__item {
    display: inline-block;
    position: relative
}

@media screen and (max-width: 599px) {
    .m-breadcrumbs__item::before {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
        speak: none;
        color: var(--rkc-sage);
        content: "";
        width: 0.5rem;
        height: 0.5rem;
        position: absolute;
        top: calc(50% - 0.25rem);
        border-width: 1px 1px 0 0;
        border-style: solid;
        border-color: var(--rkc-sage);
        transform: rotate(225deg);
    }

    .m-breadcrumbs__item:nth-last-child(n+3), .m-breadcrumbs__item:last-child {
        display: none
    }
}

@media screen and (min-width: 600px) {
    .m-breadcrumbs__item::after {
        content: "";
        width: 0.5rem;
        height: 0.5rem;
        position: absolute;
        top: calc(50% - 0.25rem);
        border-width: 1px 1px 0 0;
        border-style: solid;
        border-color: var(--rkc-sage);
        transform: rotate(45deg);
    }

    .m-breadcrumbs__item:first-child .m-breadcrumbs__link, .m-breadcrumbs__item:first-child .m-breadcrumbs__label {
        padding-left: 0.25rem
    }

    .m-breadcrumbs__item:last-child::after {
        content: none
    }
}

@media only print {
    .m-breadcrumbs__item:nth-child(n+2)::before {
        content: ">";
        margin: 0 .3em
    }
}

.m-breadcrumbs__link, .m-breadcrumbs__label {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    display: inline-block;
    position: relative;
    z-index: 1;
    color: var(--rkc-green);
    text-decoration: none
}

    .m-breadcrumbs__link[aria-current=true], .m-breadcrumbs__label[aria-current=true] {
        font-weight: 500
    }

    .m-breadcrumbs__link:hover, .m-breadcrumbs__link:focus {
        text-decoration: underline
    }

.m-breed-card {
    display: flex;
    flex-direction: column;
}

.m-breed-card__link {
    display: block;
    color: currentColor;
    text-decoration: none
}

.m-breed-card__header {
    padding: 1rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    background-color: var(--rkc-green);
    background-image: linear-gradient(to top, var(--rkc-gold) 1rem, transparent 1rem);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.m-breed-card__image, .m-breed-card__level {
    margin-right: 1rem;
    flex-shrink: 0;
    width: 5em
}

.m-breed-card__image {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem
}

    .m-breed-card__image img {
        border: .25em solid var(--rkc-green);
        border-radius: 50%;
        background-color: #fff;
        -o-object-fit: contain;
        object-fit: contain
    }

.m-breed-card__level {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5em;
    border: .25em solid var(--rkc-green);
    border-radius: 50%
}

.m-breed-card__level-text {
    font-size: 2rem;
    font-weight: 700
}

@media screen and (min-width: 760px) {
    .m-breed-card__level-text {
        font-size: 2.125rem
    }
}

.m-breed-card__category {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .m-breed-card__category {
        font-size: 1rem
    }
}

.m-breed-card__body {
    padding-bottom: 0.5rem;
}

.m-breed-card__title {
    font-size: 1.25rem;
    line-height: 1;
    min-height: calc(1.2em * 2);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media screen and (min-width: 760px) {
    .m-breed-card__title {
        font-size: 1.5625rem
    }
}

.m-breed-card__summary {
    margin-top: 1rem;
    color: var(--rkc-charcoal);
    background-color: var(--rkc-sage-100);
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.m-breed-card--padded .m-breed-card__summary {
    margin-top: 0;
    padding: 1rem;
}

.m-breed-card--judge-level .m-breed-card__link:hover .m-breed-card__title, .m-breed-card--judge-level .m-breed-card__link:focus .m-breed-card__title {
    color: var(--rkc-green)
}

.m-breed-card--judge-level .m-breed-card__header {
    padding: 0;
    color: var(--rkc-charcoal);
    background-color: transparent;
    background-image: none
}

.m-breed-card--judge-level .m-breed-card__title {
    font-size: 1rem
}

@media screen and (min-width: 760px) {
    .m-breed-card--judge-level .m-breed-card__title {
        font-size: 1.125rem
    }
}

.m-breed-colour-swatch {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none
}

@supports(display: grid) {
    .m-breed-colour-swatch {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
        grid-auto-rows: 1fr;
        grid-gap: 1rem
    }
}

.m-breed-colour-swatch__item {
    margin-right: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    max-width: 8rem;
    background-color: var(--rkc-sage-200)
}

@supports(display: grid) {
    .m-breed-colour-swatch__item {
        margin-right: 0;
        margin-bottom: 0;
        max-width: none
    }
}

.m-breed-colour-swatch__swatch {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    line-height: 0
}

    .m-breed-colour-swatch__swatch::before, .m-breed-colour-swatch__swatch::after {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-size: cover
    }

    .m-breed-colour-swatch__swatch::before {
        content: "";
        opacity: .7;
        background-color: rgba(0,0,0,.1)
    }

@supports(mix-blend-mode: multiply) {
    .m-breed-colour-swatch__swatch::before {
        background-color: transparent;
        background-image: url("../images/furswatch.jpg");
        mix-blend-mode: multiply
    }
}

.m-breed-colour-swatch__swatch::after {
    background-image: linear-gradient(15deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%);
    opacity: .7
}

@supports(mix-blend-mode: hard-light) {
    .m-breed-colour-swatch__swatch::after {
        background-image: url("../images/furmerle.png");
        mix-blend-mode: hard-light
    }
}

.m-breed-colour-swatch__swatch--merle::after {
    content: ""
}

.m-breed-colour-swatch__swatch--no-swatch {
    color: #e00132
}

    .m-breed-colour-swatch__swatch--no-swatch::before, .m-breed-colour-swatch__swatch--no-swatch::after {
        display: none
    }

    .m-breed-colour-swatch__swatch--no-swatch .a-icon {
        width: 3rem;
        height: 3rem;
        position: absolute;
        top: calc(50% - 1.5rem);
        left: calc(50% - 1.5rem)
    }

.m-breed-colour-swatch__label {
    padding: 0.5rem
}

    .m-breed-colour-swatch__label strong {
        font-size: .875rem;
        text-transform: uppercase;
        font-feature-settings: "cpsp";
        display: block;
        font-weight: 700;
    }

@media screen and (min-width: 760px) {
    .m-breed-colour-swatch__label strong {
        font-size: 1rem
    }
}

.m-breed-summary__list {
    column-width: 18em;
    column-gap: 30px;
}

.t-litter-advert__other-puppies .m-breed-summary__list {
    padding-top: 16px;
}

.m-breed-summary__item {
    padding-top: 4px;
    padding-bottom: 4px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    break-inside: avoid;
}

@media (min-width: 601px) and (max-width: 1040px) {
    .m-breed-summary__item {
        display: block;
    }

    .m-breed-summary__key,
    .m-breed-summary__value {
        display: block;
    }

    .m-breed-summary__value {
        margin-top: 0.25rem;
    }
}

.m-breed-summary__key {
    display: inline-flex;
    align-items: center;
    margin-right: 8px;
    flex: 1 0 auto;
}

.t-litter-advert__other-puppies .m-breed-summary__key {
    width: 56px;
    flex: 0 0 auto;
}

.m-breed-summary__key .a-icon {
    margin-right: 0.5rem;
    flex-grow: 0;
    flex-shrink: 0;
    width: 1.25em;
    height: 1.25em;
    stroke: currentColor
}

.m-breed-summary__key-label {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: -0.4px;
}

.m-breed-summary__value {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -0.45px;
    flex: 0 0 auto;
}

.t-litter-advert__other-puppies .m-breed-summary__value {
    flex: 1 1 auto;
}

.m-breeder-card {
    padding: 1rem;
    background-color: #fff
}

.m-breeder-card__title {
    font-size: 1.5rem;
    line-height: 1
}

@media screen and (min-width: 760px) {
    .m-breeder-card__title {
        font-size: 1.75rem
    }
}

.m-breeder-card__link {
    color: var(--rkc-green);
    font-weight: 500;
    text-decoration: none
}

    .m-breeder-card__link:hover, .m-breeder-card__link:focus {
        color: var(--rkc-green);
        box-shadow: inset 0 -0.15em 0 0 currentColor
    }

    .m-breeder-card__link:visited {
        color: var(--rkc-green)
    }

.m-breeder-card__location {
    margin-top: 0.25rem;
    font-weight: 700
}

.m-breeder-card__location-distance {
    font-size: .875rem;
    display: block;
    font-weight: 400;
    color: #828585
}

@media screen and (min-width: 760px) {
    .m-breeder-card__location-distance {
        font-size: 1rem
    }
}

.m-breeder-card__details {
    margin-top: 1rem
}

.m-breeder-card__detail + .m-breeder-card__detail {
    margin-top: 0.5rem
}

.m-breeder-card__detail dt {
    margin-right: 0.25rem;
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    display: block;
    color: #828585
}

@media screen and (min-width: 760px) {
    .m-breeder-card__detail dt {
        font-size: 1rem
    }
}

.a-media__multiimage_mobile {
    border-radius: 0;
    padding-top: 15px;
}

.a-media__multiimage_body {
    width: 100%;
    padding-right: 15px;
    display: grid;
    grid-template-rows: auto 1fr;
    height: 100%;
    min-height: 0;
}

@media screen and (max-width: 599px) {
    .a-media__multiimage_body {
        padding-right: unset;
        height: unset;
    }
}

@media screen and (min-width: 600px) {
    .a-media__multiimage_flex-left {
        border-radius: 0rem 1.5rem 1.5rem 0rem;
        object-fit: unset;
    }

    .a-media__multiimage_flex-right {
        border-radius: 1.5rem 0rem 0rem 1.5rem;
    }
}

@media screen and (max-width: 599px) {
    .a-media__multiimage_flex-left {
        border-radius: 1.5rem 1.5rem 1.5rem 1.5rem;
    }

    .a-media__multiimage_flex-right {
        border-radius: 1.5rem 1.5rem 1.5rem 1.5rem;
    }
}

.o-promo-banner, .m-card {
    border-radius: 16px !important;
}

.m-card {
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.m-card-row,
.m-card-row-reverse {
    flex-direction: row !important;
}

@media screen and (max-width: 599px) {
    .m-card-row {
        flex-direction: column !important;
    }

    .m-card-row-reverse {
        flex-direction: column-reverse !important;
    }

    .a-media--width-two-thirds,
    .a-media--width-one-third,
    .a-media--width-three-fifths {
        width: 100%;
        min-width: 100%
    }
}

@media screen and (min-width: 599px) {
    .m-card-multiImage {
        flex-direction: unset;
    }
}

.m-card-multiImage .a-media {
    border-radius: unset;
}

.m-card-transparent {
    background-color: transparent;
}

.m-card__media, .m-card__icon-container {
    margin-bottom: 1rem;
    color: var(--rkc-green);
}

@media screen and (min-width: 760px) {
    .m-card__media, .m-card__icon-container {
        margin-bottom: 1.25rem
    }
}

.m-card__media {
    color: #fff;
    background-image: url("../images/royal/RKC-Crest-green-RGB.svg");
    background-size: 60% auto;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}

.m-card__body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 30px 20px;
}

    .m-card__body .m-card__body-cta {
        margin-top: auto;
        padding-top: 8px;
    }

.m-card__cta,
.a-link,
.m-service-card__cta {
    margin-top: auto;
    align-self: flex-start;
}

.m-card__icon-container {
    padding: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (min-width: 760px) {
    .m-card__icon-container {
        padding: 2rem
    }
}

.m-card__icon-container .a-icon {
    width: 3.25rem;
    height: 3.25rem
}

.m-card__overlay-container {
    position: relative
}

.m-card__title {
    margin-bottom: 16px;
    font-size: 28px;
    line-height: 1;
    display: block;
    color: inherit;
}

.m-card__body .a-continue,
.m-card__body .a-back,
.m-card__body .a {
    margin-top: 1rem
}

.m-card__content {
    margin-bottom: 16px;
    font-weight: 500;
    font-size: 18px;
}

.m-card--padded .m-card__media, .m-card--padded .m-card__icon-container {
    margin-bottom: 0
}

.carousel .m-card--padded .m-card__body {
    padding: 24px 16px;
}

.m-card--overlay .m-card__title {
    font-size: 34px;
    font-weight: 700;
    line-height: 34px;
    color: var(--rkc-green);
}

.m-card-White {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

.m-card-White,
.m-article-card-White,
.m-service-card-White,
.t-landing__intro-White,
.m-section-header--secondary-White {
    background-color: #FFF !important;
    color: var(--rkc-green) !important;
}

.m-card-Green,
.m-article-card-Green,
.m-service-card-Green,
.t-landing__intro-Green,
.m-section-header--secondary-Green {
    background-color: var(--rkc-green) !important;
    color: #FFF !important;
}

.m-card-BackgroundLight,
.m-article-card-BackgroundLight,
.m-service-card-BackgroundLight,
.t-landing__intro-BackgroundLight,
.m-section-header--secondary-BackgroundLight {
    background-color: var(--rkc-sage-100) !important;
    color: var(--rkc-green) !important;
}

.m-card-BackgroundMedium,
.m-article-card-BackgroundMedium,
.m-service-card-BackgroundMedium,
.t-landing__intro-BackgroundMedium,
.m-section-header--secondary-BackgroundMedium {
    background-color: var(--rkc-sage-200) !important;
    color: var(--rkc-green) !important;
}

.m-card-BackgroundDark,
.m-article-card-BackgroundDark,
.m-service-card-BackgroundDark,
.t-landing__intro-BackgroundDark,
.m-section-header--secondary-BackgroundDark {
    background-color: var(--rkc-sage-300) !important;
    color: var(--rkc-green) !important;
}

    .m-card__body .m-card__content,
    .m-card-White .m-card__content,
    .m-card-BackgroundLight .m-card__content,
    .m-card-BackgroundMedium .m-card__content,
    .m-card-BackgroundDark .m-card__content,
    .m-section-header--secondary-White .m-section-header__content,
    .m-section-header--secondary-BackgroundLight .m-section-header__content,
    .m-section-header--secondary-BackgroundMedium .m-section-header__content,
    .m-section-header--secondary-BackgroundDark .m-section-header__content {
        color: var(--rkc-charcoal) !important;
    }

.m-card-Green .m-card__title,
.m-card-Green .m-card__content,
.m-card-Green .a-link,
.m-card-Green .a-continue,
.m-card-Green .m-ykc-event-card__content,
.t-landing__intro-Green .t-landing__title,
.t-landing__intro-Green .t-landing__blurb,
.t-landing__intro-Green .o-ykc-join-banner__heading,
.t-landing__intro-Green .o-ykc-join-banner__item-text {
    color: #FFF !important;
}

@media screen and (min-width: 600px) {
    .m-card--horizontal {
        display: flex;
        flex-direction: row
    }

        .m-card--horizontal.m-card--flip {
            flex-direction: row-reverse;
        }

        .m-card--horizontal .m-card__overlay-container {
            flex: 0 0 66%
        }

        .m-card--horizontal .m-card__title {
            top: 1rem;
            bottom: auto
        }

        .m-card--horizontal .m-card__media {
            margin-bottom: 0
        }

        .m-card--horizontal .m-card__body {
            padding: 60px 30px;
        }
}

#TrainingSearch-SearchQuery {
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
}

.t-search .m-club-advert-card {
    border-radius: 8px;
}

.m-club-advert-card {
    padding: 1rem;
    background-color: #fff
}

@media screen and (min-width: 600px) {
    .m-club-advert-card__header {
        display: flex;
        flex-direction: row
    }
}

.m-club-advert-card__header {
    padding-bottom: 8px;
}

.m-club-advert-card__name {
    padding-bottom: 8px;
}

.m-club-advert-card__link {
    color: var(--rkc-green);
    text-decoration: none;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: var(--line-height-28, 28px);
}

    .m-club-advert-card__link:hover, .m-club-advert-card__link:focus {
        color: var(--rkc-green);
        box-shadow: inset 0 -0.15em 0 0 currentColor
    }

    .m-club-advert-card__link:visited {
        color: var(--rkc-green)
    }

.m-club-advert-card__kcai {
    display: flex;
    flex-direction: row;
    align-items: center
}

    .m-club-advert-card__kcai > * {
        width: auto;
        height: 2.25rem
    }

        .m-club-advert-card__kcai > * + * {
            margin-left: 0.5rem
        }

@media screen and (min-width: 600px) {
    .m-club-advert-card__kcai {
        margin-left: auto;
        text-align: right
    }
}

.m-club-advert-card__location {
    margin-top: 0.25rem;
    font-weight: 700
}

.m-club-advert-card__location-distance {
    font-size: .875rem;
    display: block;
    font-weight: 400;
    color: #828585
}

@media screen and (min-width: 760px) {
    .m-club-advert-card__location-distance {
        font-size: 1rem
    }
}

.m-club-advert-card__detail {
    display: inline-flex;
    gap: 8px;
}

    .m-club-advert-card__detail dt {
        color: var(--rkc-charcoal);
        font-size: 18px;
        font-weight: 400;
        line-height: normal;
    }

    .m-club-advert-card__detail dd {
        color: var(--rkc-charcoal);
        font-size: 18px;
        font-weight: 700;
        line-height: normal;
    }

.m-dashboard-card {
    border: 2px solid var(--rkc-sage-200);
    background-color: #fff;
    padding: 1rem;
    border-radius: 8px;
}

    .m-dashboard-card + .m-dashboard-card {
        margin-top: 0.5rem
    }

.u-card-grid .m-dashboard-card + .m-dashboard-card {
    margin-top: 0
}

.m-dashboard-card__header {
    display: flex;
    justify-content: space-between;
    align-items: baseline
}

.m-dashboard-card__price-amount {
    word-break: initial;
}

.m-dashboard-card__title, .m-dashboard-card__price-amount {
    font-size: 1.25rem
}

@media screen and (min-width: 760px) {
    .m-dashboard-card__title, .m-dashboard-card__price-amount {
        font-size: 1.5625rem
    }
}

.m-dashboard-card__subtitle, .m-dashboard-card__price-frequency {
    margin-top: 0.25rem;
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400;
    display: block
}

@media screen and (min-width: 760px) {
    .m-dashboard-card__subtitle, .m-dashboard-card__price-frequency {
        font-size: 1rem
    }
}

.m-dashboard-card__title {
    line-height: 1.15;
    flex-grow: 1;
    font-weight: 700;
    color: var(--rkc-green)
}

    .m-dashboard-card__title a {
        color: var(--rkc-green);
        font-weight: 500;
        text-decoration: none
    }

        .m-dashboard-card__title a:hover, .m-dashboard-card__title a:focus {
            color: var(--rkc-green);
            box-shadow: inset 0 -0.15em 0 0 currentColor
        }

.m-dashboard-card__subtitle {
    font-weight: 400
}

.m-dashboard-card__price {
    margin-left: 0.5rem;
    text-align: right
}

.m-dashboard-card__body {
    margin-top: 1rem
}

.m-dashboard-card__details {
    font-size: .875rem;
    color: #828585
}

@media screen and (min-width: 760px) {
    .m-dashboard-card__details {
        font-size: 1rem
    }
}

.m-dashboard-card__details-item + .m-dashboard-card__details-item {
    margin-top: 0.25rem
}

.m-dashboard-card__details-key, .m-dashboard-card__details-value {
    display: inline
}

.m-dashboard-card__actions {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem
}

    .m-dashboard-card__actions > * {
        flex: 1 1 auto
    }

        .m-dashboard-card__actions > *:nth-child(n+2) {
            margin-left: .5rem
        }

.m-datalist__item + .m-datalist__item {
    margin-top: 1rem
}

.m-datalist__key {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 700
}

@media screen and (min-width: 760px) {
    .m-datalist__key {
        font-size: 1rem
    }
}

html:not(.cssgrid) .m-datalist--horizontal {
    display: flex;
    flex-wrap: wrap
}

html.cssgrid .m-datalist--horizontal {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(12rem, 16rem));
    grid-gap: 1rem
}

.m-datalist--horizontal .m-datalist__item + .m-datalist__item {
    margin-top: 0
}

html:not(.cssgrid) .m-datalist--horizontal .m-datalist__item {
    margin-right: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    max-width: 12rem
}

#DamDetails .m-dog-card, #DamDetails .m-dog-card__header,
#SireOneDetails .m-dog-card, #SireOneDetails .m-dog-card__header,
#SireTwoDetails .m-dog-card, #SireTwoDetails .m-dog-card__header {
    border-radius: 8px;
    background-color: var(--rkc-sage-100);
    padding-top: 16px;
}

#DamDetails .m-dog-card__header,
#SireOneDetails .m-dog-card__header,
#SireTwoDetails .m-dog-card__header {
    padding-top: 16px;
}

.m-dog-card {
    background-color: #FFF;
    border-radius: 16px;
}

.p-change-of-ownership .m-dog-card {
    background-color: var(--rkc-sage-200) !important;
}

.p-change-of-ownership .m-dog-card__header {
    background-color: var(--rkc-sage-200) !important;
    padding-top: 1rem;
    border-radius: 16px;
}

.m-dog-card__link {
    display: block;
    color: currentColor;
    text-decoration: none
}

.m-dog-card__header {
    padding: 1rem;
    padding-top: 0;
    display: flex;
    flex-direction: column;
    background-color: #FFF;
}

.m-dog-card__image, .m-dog-card__icon {
    margin-bottom: 1rem;
    width: 5em;
}

    .m-dog-card__image img {
        border: .25em solid var(--rkc-green);
        border-radius: 50%;
        background-color: #fff;
        -o-object-fit: cover;
        object-fit: cover
    }

.m-dog-card__photo {
    margin-right: auto;
    margin-left: auto
}

.m-dog-card__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5em;
    border: .25em solid var(--rkc-green);
    border-radius: 50%;
    color: var(--rkc-green);
    background-color: var(--rkc-sage-200)
}

    .m-dog-card__icon .a-icon {
        width: 3em;
        height: 3em
    }

.t-litter-advert .m-dog-card__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--rkc-green);
    background-color: var(--rkc-sage-100);
    margin: auto;
    width: 100%;
    min-height: 200px;
    height: 100%;
    border-radius: 16px 16px 0px 0px !important;
    border: unset !important;
}

.m-dog-card__category {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: -0.4px;
    text-transform: uppercase;
    padding-bottom: 8px;
}

.m-dog-card__title {
    color: var(--rkc-green);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    min-height: 56px;
}

a .m-dog-card__title:hover,
a .m-dog-card__title:focus {
    text-decoration: underline;
    color: var(--rkc-green-hover);
}

.m-dog-card__summary {
    padding: 0px 16px 16px 16px;
    color: var(--rkc-charcoal);
    min-height: 60%;
    display: flex;
    flex-direction: column;
}

.m-breed-summary.m-dog-card__summary-list {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.m-breed-summary__content {
    margin-top: auto;
}

.m-dog-list {
    list-style-type: none
}

.m-dog-list__item {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-width: 1px 0;
    border-style: solid;
    border-color: var(--rkc-sage-200)
}

    .m-dog-list__item + .m-dog-list__item {
        border-top-width: 0
    }

.m-dog-list__item-header {
    display: flex
}

.m-dog-list__name {
    display: block
}

.m-dog-list__name--secondary {
    font-size: .875rem
}

@media screen and (min-width: 760px) {
    .m-dog-list__name--secondary {
        font-size: 1rem
    }
}

.m-dog-list__link {
    color: var(--rkc-green);
    font-weight: 500;
    text-decoration: none
}

    .m-dog-list__link:hover, .m-dog-list__link:focus {
        color: var(--rkc-green);
        box-shadow: inset 0 -0.15em 0 0 currentColor
    }

    .m-dog-list__link:visited {
        color: var(--rkc-green)
    }

.m-dog-list__details {
    margin-top: 0.5rem;
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start
}

@media screen and (min-width: 760px) {
    .m-dog-list__details {
        font-size: 1rem
    }
}

.m-dog-list__details-item {
    margin-right: 1rem
}

.m-dog-list__details-key {
    font-weight: 700
}

.m-dog-list__details-value .a-icon {
    vertical-align: middle
}

.m-dog-list__controls {
    margin-top: 1rem
}

.m-download-link {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    display: flex;
    flex-direction: column;
    color: var(--rkc-charcoal);
    background-color: var(--rkc-sage-200)
}

@media screen and (min-width: 760px) {
    .m-download-link {
        margin-top: 2rem
    }
}

@media screen and (min-width: 760px) {
    .m-download-link {
        margin-bottom: 2rem
    }
}

@media screen and (min-width: 420px) {
    .m-download-link {
        flex-direction: row
    }
}

@media only print {
    .m-download-link {
        display: none
    }
}

.m-download-link__icon-container {
    padding: 1rem;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    margin-top: -0.5rem;
    color: var(--rkc-green);
    background-color: var(--rkc-green)
}

    .m-download-link__icon-container .a-icon {
        width: 2rem;
        height: 2rem
    }

.m-download-link__inner {
    padding: 1rem;
    flex-grow: 1
}

.m-download-link__title {
    font-size: 1.5rem;
    display: block
}

@media screen and (min-width: 760px) {
    .m-download-link__title {
        font-size: 1.75rem
    }
}

.m-download-link__content {
    margin-top: 0.25rem
}

.m-download-link__list {
    max-width: 30em;
    margin-top: 0.5rem;
    list-style-type: none
}

.m-download-link__item + .m-download-link__item {
    margin-top: 0.25rem
}

.m-download-link__link {
    color: var(--rkc-green);
    font-weight: 500;
    text-decoration: none
}

    .m-download-link__link:hover, .m-download-link__link:focus {
        color: var(--rkc-green);
        box-shadow: inset 0 -0.15em 0 0 currentColor
    }

.m-download-link__link-type {
    opacity: .67
}

.m-ebv-gauge {
    text-align: center
}

.m-ebv-gauge__graphic-container {
    padding-top: 7.8947%;
    position: relative
}

.m-ebv-gauge__graphic {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.m-ebv-gauge__track {
    stroke: var(--rkc-sage-200);
    stroke-width: .5
}

.m-ebv-gauge__tick {
    fill: rgba(255,255,255,.4)
}

.m-ebv-gauge__midpoint {
    fill: #1f3e3b
}

.m-ebv-gauge__marker {
    fill: #fff;
    stroke: #000;
    stroke-width: 2
}

.m-ebv-gauge__body {
    margin-top: 0.5rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start
}

.m-ebv-gauge__result {
    text-align: left
}

.m-ebv-gauge__score {
    font-size: 1.25rem
}

@media screen and (min-width: 760px) {
    .m-ebv-gauge__score {
        font-size: 1.5625rem
    }
}

.m-ebv-gauge__risk {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400;
    display: block
}

@media screen and (min-width: 760px) {
    .m-ebv-gauge__risk {
        font-size: 1rem
    }
}

.m-ebv-gauge__details {
    font-size: .875rem;
    text-align: right
}

@media screen and (min-width: 760px) {
    .m-ebv-gauge__details {
        font-size: 1rem
    }
}

.m-empty-state {
    padding: 1rem;
    text-align: center
}

@media screen and (min-width: 760px) {
    .m-empty-state {
        padding: 1.25rem
    }
}

.m-empty-state__icon .a-icon {
    width: 8em;
    height: 8em;
    color: #5c7370
}

.m-empty-state__messaging, .m-empty-state__cta {
    margin-top: 1rem
}

@media screen and (min-width: 760px) {
    .m-empty-state__messaging, .m-empty-state__cta {
        margin-top: 1.25rem
    }
}

.m-empty-state__messaging p {
    margin-right: auto;
    margin-left: auto
}

.m-event-card {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-left: .5rem solid #002320;
    background-color: var(--rkc-sage-200)
}

    .m-event-card + .m-event-card {
        margin-top: 0.5rem
    }

.m-event-card__name {
    display: block
}

.m-event-card__link {
    color: var(--rkc-green);
    font-weight: 500;
    text-decoration: none
}

    .m-event-card__link:hover, .m-event-card__link:focus {
        color: var(--rkc-green);
        box-shadow: inset 0 -0.15em 0 0 currentColor
    }

.m-event-card__date {
    margin-bottom: 0.25rem;
    display: block;
    color: #828585
}

.m-event-card__controls {
    margin-top: 0.5rem
}

.m-figure {
    margin: 0;
    margin-top: 1rem;
    margin-bottom: 1rem
}

@media screen and (min-width: 760px) {
    .m-figure {
        margin-top: 1.25rem
    }
}

@media screen and (min-width: 760px) {
    .m-figure {
        margin-bottom: 1.25rem
    }
}

.m-figure__caption {
    margin-top: 30px
}

.m-figure__cta {
    margin-top: 0.5rem
}

.m-figure__button, .m-figure__form {
    margin-top: 1rem
}

@media screen and (min-width: 760px) {
    .m-figure__button, .m-figure__form {
        margin-top: 1.25rem
    }
}

.m-figure__media {
    border-radius: 16px;
}

@media screen and (min-width: 760px) {
    .m-figure:not(.m-figure--portrait) {
        display: flex;
        flex-direction: row;
        align-items: flex-start
    }

        .m-figure:not(.m-figure--portrait) .m-figure__media {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: calc(150px + ((100% - 330px) / 12 * 6))
        }

        .m-figure:not(.m-figure--portrait) .m-figure__caption {
            width: 100%;
            margin-top: 0;
            margin-left: 30px
        }

        .m-figure:not(.m-figure--portrait).m-figure--reverse {
            flex-direction: row-reverse
        }

            .m-figure:not(.m-figure--portrait).m-figure--reverse .m-figure__caption {
                margin-left: 0;
                margin-right: 30px
            }
}

.m-file-list {
    list-style-type: none
}

.m-file-list__item {
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .m-file-list__item + .m-file-list__item {
        border-top: 1px solid var(--rkc-sage-200)
    }

.m-file-list__tag {
    margin-bottom: 0.25rem
}

.m-file-list__label {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    margin-right: 1rem
}

.m-file-list__link {
    color: var(--rkc-green);
    font-weight: 500;
    text-decoration: none
}

    .m-file-list__link:hover, .m-file-list__link:focus {
        color: var(--rkc-green);
        box-shadow: inset 0 -0.15em 0 0 currentColor
    }

    .m-file-list__link:visited {
        color: var(--rkc-green)
    }

.m-file-list__type {
    opacity: .67
}

.m-footnote {
    font-size: .875rem;
    line-height: 1.5
}

@media screen and (min-width: 760px) {
    .m-footnote {
        font-size: 1rem
    }
}

.m-footnote::before {
    content: "("
}

.m-footnote::after {
    content: ")"
}

.m-footnote--enhanced::before, .m-footnote--enhanced::after {
    content: none
}

.m-footnote--enhanced .m-footnote__num {
    cursor: pointer
}

@media screen and (min-width: 1020px) {
    .m-footnote--enhanced .m-footnote__num {
        cursor: default
    }
}

.m-footnote--enhanced .m-footnote__toggle {
    display: none
}

@media screen and (max-width: 1019px) {
    .m-footnote--enhanced .m-footnote__toggle:checked + .m-footnote__content {
        display: block
    }
}

.m-footnote--enhanced .m-footnote__content a {
    color: inherit
}

@media screen and (max-width: 1019px) {
    .m-footnote--enhanced .m-footnote__content {
        padding: 1rem;
        display: none;
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1000;
        color: #fff;
        background-color: #002320
    }
}

@media screen and (min-width: 1020px) {
    .m-footnote--enhanced .m-footnote__content {
        margin-top: 1rem;
        margin-left: 1rem;
        margin-bottom: 1rem;
        padding-left: 1rem;
        display: block;
        width: 16rem;
        border-left: 2px solid var(--rkc-sage-200);
        float: right;
        clear: right;
        color: #828585
    }
}

.m-form__fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

    .m-form__fieldset:before, .m-form__fieldset:after {
        display: table;
        content: " "
    }

    .m-form__fieldset:after {
        clear: both
    }

.m-form__legend, .m-form__label, .m-form__error, .m-form__hint {
    margin-bottom: 0.25rem
}

.m-form__legend {
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    line-height: inherit;
    overflow: hidden;
    white-space: normal;
    color: var(--rkc-charcoal);
}

    .m-form__legend h1, .m-form__legend h2, .m-form__legend h3 {
        line-height: 1.15;
        color: var(--rkc-green)
    }

    .m-form__legend h1 {
        font-size: 2.5rem;
        margin-bottom: 1.5rem
    }

@media screen and (min-width: 760px) {
    .m-form__legend h1 {
        font-size: 3.125rem
    }
}

@media screen and (min-width: 760px) {
    .m-form__legend h1 {
        margin-bottom: 2.5rem
    }
}

.m-form__legend h2 {
    font-size: 2rem;
    margin-top: 1.5rem;
    margin-bottom: 1rem
}

@media screen and (min-width: 760px) {
    .m-form__legend h2 {
        font-size: 2.125rem
    }
}

@media screen and (min-width: 760px) {
    .m-form__legend h2 {
        margin-top: 2.5rem
    }
}

@media screen and (min-width: 760px) {
    .m-form__legend h2 {
        margin-bottom: 1.5rem
    }
}

.m-form__legend h3 {
    font-size: 1.5rem;
    margin-top: 1rem;
    margin-bottom: 1rem
}

@media screen and (min-width: 760px) {
    .m-form__legend h3 {
        font-size: 1.75rem
    }
}

@media screen and (min-width: 760px) {
    .m-form__legend h3 {
        margin-top: 1.5rem
    }
}

.m-form__legend h4 {
    font-size: 1.25rem;
    margin-top: 1rem;
    margin-bottom: 0.25rem
}

@media screen and (min-width: 760px) {
    .m-form__legend h4 {
        font-size: 1.5625rem
    }
}

.m-form__legend em, .m-form__legend small, .m-form__label em, .m-form__label small {
    opacity: .67
}

.m-form__legend em, .m-form__label em {
    display: block;
    font-style: normal
}

.m-form__legend small, .m-form__label small {
    font-size: 1rem;
    font-weight: normal;
    text-transform: none
}

@media screen and (min-width: 760px) {
    .m-form__legend small, .m-form__label small {
        font-size: 1.125rem
    }
}

.m-form__row {
    margin-bottom: 1.25rem
}

@media screen and (min-width: 760px) {
    .m-form__row {
        margin-bottom: 2rem
    }
}

.m-form__row--inline > span, .m-form__row--inline > .m-form__group, .m-form__row--inline > .a-checkbox, .m-form__row--inline > .a-radio {
    margin-right: 0.5rem;
    display: inline-block
}

.m-form__row--columns {
    column-width: 16rem;
    column-gap: .5rem
}

    .m-form__row--columns > span, .m-form__row--columns > .m-form__group, .m-form__row--columns > .a-checkbox, .m-form__row--columns > .a-radio {
        break-inside: avoid
    }

.m-form__row--stretch {
    display: flex;
    align-items: flex-end
}

    .m-form__row--stretch > *:not(.a-button) {
        flex-grow: 1
    }

.m-form__row--actions {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: 2px solid var(--rkc-sage-200);
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background-color: #fff
}

.m-form__row--right {
    text-align: right
}

.m-form__label {
    display: block
}

.m-form__error-group {
    margin-bottom: 1.25rem;
    margin-left: -1rem;
    padding-left: .75rem;
    border-left: .25rem solid #e00132
}

@media screen and (min-width: 760px) {
    .m-form__error-group {
        margin-bottom: 2rem
    }
}

.m-form__error-group .m-form__row:last-of-type {
    margin-bottom: 0
}

.m-form__error {
    display: block;
    color: #e00132;
    font-weight: 700
}

.m-form__hint {
    opacity: .67;
    padding-left: 1rem;
    padding-top: 0.5rem;
}

.m-form--embedded {
    max-width: 32.5rem
}

.m-gallery__preview, .m-gallery__link {
    box-sizing: content-box;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0
}

.m-gallery__preview {
    margin: 0;
    margin-bottom: 0.5rem;
    flex-direction: column;
    text-align: center
}

.m-gallery__preview-image {
    max-height: 20rem
}

.m-gallery__caption {
    padding: 1rem;
    width: 100%;
    color: var(--rkc-charcoal);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.m-gallery__gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.m-gallery__thumbnail {
    width: 74px;
    height: 74px;
    border-radius: 16px;
    object-fit: cover;
}

.m-gallery__link {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
    margin-top: 0.5rem;
}

@media screen and (min-width: 760px) {
    .m-gallery__thumbnail {
        width: 120px;
        height: 120px;
    }
}

.m-gallery__link:hover, .m-gallery__link:focus {
    border-color: var(--rkc-green)
}

.m-image-upload__list {
    list-style-type: none
}

html.cssgrid .m-image-upload__list {
    display: grid;
    grid-gap: .5rem;
    grid-template-columns: repeat(auto-fill, 170px);
    margin: .5rem
}

.m-image-upload__item {
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    background-color: var(--rkc-sage-200)
}

.m-image-upload__thumbnail {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 154px;
    margin-bottom: auto;
    background-color: #fff
}

.m-image-upload__image {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%
}

.m-image-upload__radio {
    margin-top: 0.5rem
}

.m-judge-card {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    border: 1px solid var(--rkc-sage-300);
    background-color: var(--rkc-sage-300);
}

@media screen and (min-width: 600px) {
    .m-judge-card {
        flex-direction: row;
        justify-content: space-between
    }
}

.m-judge-card__title {
    font-size: 1.5rem;
    line-height: 1
}

@media screen and (min-width: 760px) {
    .m-judge-card__title {
        font-size: 1.75rem
    }
}

.m-judge-card__link {
    color: var(--rkc-green);
    font-weight: 500;
    text-decoration: none
}

    .m-judge-card__link:hover, .m-judge-card__link:focus {
        color: var(--rkc-green);
        box-shadow: inset 0 -0.15em 0 0 currentColor
    }

    .m-judge-card__link:visited {
        color: var(--rkc-green)
    }

.m-judge-card__summary {
    margin-top: 0.5rem;
    color: #828585
}

.m-judge-card__location {
    margin-top: 0.25rem;
    font-weight: 700
}

.m-judge-card__location-distance {
    margin-left: 0.5rem;
    font-size: .875rem;
    font-weight: 400;
    color: #828585
}

@media screen and (min-width: 760px) {
    .m-judge-card__location-distance {
        font-size: 1rem
    }
}

.m-lms-assessment-navigation {
    font-size: .875rem
}

@media screen and (min-width: 760px) {
    .m-lms-assessment-navigation {
        font-size: 1rem
    }
}

.m-lms-assessment-navigation__section-list {
    list-style-type: none
}

.m-lms-assessment-navigation__section + .m-lms-assessment-navigation__section {
    margin-top: 1rem
}

@media screen and (min-width: 760px) {
    .m-lms-assessment-navigation__section + .m-lms-assessment-navigation__section {
        margin-top: 1.25rem
    }
}

.m-lms-assessment-navigation__title {
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    margin-bottom: 0.25rem;
    display: block;
    color: var(--rkc-charcoal)
}

.m-lms-assessment-navigation__question-list {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none
}

.m-lms-assessment-navigation__question {
    padding: 0.25rem;
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
    display: inline-block;
    min-width: 1.75em;
    color: var(--rkc-charcoal);
    background-color: var(--rkc-sage-200);
    text-align: center
}

.m-lms-assessment-navigation__question--complete, .m-lms-assessment-navigation__question--correct, .m-lms-assessment-navigation__question--incorrect {
    color: #fff
}

.m-lms-assessment-navigation__question--complete, .m-lms-assessment-navigation__question--correct {
    color: var(--rkc-green);
    background-color: #d2e3dd
}

.m-lms-assessment-navigation__question--incorrect {
    background-color: #e00132
}

.m-lms-assessment-navigation__question--current {
    animation-name: mLMSAssessmentNavigationInProgress;
    animation-duration: 5s;
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-iteration-count: infinite
}

.m-lms-assessment-navigation__question a {
    color: inherit;
    text-decoration: none
}

@keyframes mLMSAssessmentNavigationInProgress {
    0%,100% {
        background-color: var(--rkc-sage-200)
    }

    50% {
        background-color: #e4eeeb
    }
}

.m-navigation {
    padding-right: 0px;
    padding-left: 0px
}

.m-navigation__close {
    font-size: .875rem;
    display: inline-block;
    color: #e00132;
    cursor: pointer
}

@media screen and (min-width: 760px) {
    .m-navigation__close {
        font-size: 1rem
    }
}

.m-navigation__close::before {
    margin-right: 0.25rem;
    content: "‹"
}

.m-navigation__list {
    display: flex;
    flex-direction: column;
    list-style-type: none
}

.m-navigation__link {
    font-feature-settings: "cpsp";
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    border-bottom: .25rem solid transparent;
    padding-bottom: 1rem;
}

@media screen and (min-width: 1041px) {
    .m-navigation__close {
        display: none
    }

    .m-navigation__list {
        width: 100%;
        height: 100%;
        flex-direction: row;
        justify-content: flex-end;
        align-items: stretch
    }

    .m-navigation__list--secondary {
        display: none
    }

    .m-navigation__item {
        position: relative;
        word-break: initial;
    }

        .m-navigation__item + .m-navigation__item::before {
            content: "";
            position: absolute;
            height: 20px;
            width: 1px;
            opacity: 0.5;
            margin: auto;
            top: 50%;
            bottom: 50%;
            left: 0;
            border-left: 1px solid var(--rkc-sage);
        }

        .m-navigation__item:last-child .m-navigation__link {
            padding-right: 0;
        }

    .m-navigation__link {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        padding: 1.5rem 1rem;
        padding-top: 27px;
        text-align: center
    }

        .m-navigation__link:hover, .m-navigation__link:focus {
            border-bottom: 3px solid var(--rkc-orange);
        }
}

.m-navigation_sub__item {
    color: var(--rkc-green);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}

.m-navigation-controls__inner {
    height: 100%;
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
}

.m-navigation-controls__lead-text, .m-navigation-controls__control {
    font-size: .875rem;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 760px) {
    .m-navigation-controls__lead-text, .m-navigation-controls__control {
        font-size: 1rem
    }
}

.m-navigation-controls__control {
    font-feature-settings: "cpsp";
    display: flex;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    padding-right: 1rem;
    font-size: 14px;
    font-weight: 600;
    color: var(--rkc-green);
    letter-spacing: -0.07px;
    height: 100%;
}

    .m-navigation-controls__control::after {
        content: "";
        position: absolute;
        right: 0;
        top: 0.5em;
        bottom: 0.5em;
        width: 1px;
        opacity: 0.5;
        background: var(--rkc-sage);
    }

    .m-navigation-controls__control:last-of-type::after {
        content: none;
    }

    .m-navigation-controls__control:hover, .m-navigation-controls__control[aria-expanded=true] {
        color: var(--rkc-green-hover) !important;
    }

.m-navigation-controls__control--menu[aria-expanded=true] {
    color: var(--rkc-green-hover) !important;
}

.m-navigation-controls__control .a-icon {
    flex-shrink: 0;
    flex-basis: 1.3rem;
    width: 20px;
    height: 20px;
}

.m-navigation-controls__label + .m-navigation-controls__label::before {
    content: "•";
    margin: 0 8px 0 4px;
    color: var(--rkc-sage);
    font-size: 0.9em;
}

.m-navigation-controls__control:last-of-type {
    padding-right: 0;
}

.m-navigation-controls__label {
    margin-left: 4px;
    white-space: nowrap;
}

@media screen and (max-width: 419px) {
    .m-navigation-controls__control--account .m-navigation-controls__label, .m-navigation-controls__control--search .m-navigation-controls__label {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        overflow: hidden;
        clip: rect(0 0 0 0)
    }
}

@media screen and (max-width: 599px) {
    .m-navigation-controls__lead-text {
        display: none
    }

    .m-navigation-controls__control {
        padding: 1rem
    }
}

@media screen and (max-width: 1040px) {
    .m-navigation-controls__control--link {
        display: none
    }
}

@media screen and (min-width: 600px) {
    .m-navigation-controls__control--menu {
        display: none
    }
}

@media only screen and (max-width: 768px) {
    .m-navigation-controls__inner {
        gap: unset;
    }

    .m-navigation-controls__label {
        display: none;
    }

    .m-navigation-controls__control {
        height: 48px;
    }

    .m-navigation-controls__control--account + .m-navigation-controls__control--account::before {
        content: unset;
    }

    .m-navigation-controls__control::after {
        content: none;
    }
}

@media only screen and (max-width: 1040px) {
    .o-header__controls {
        height: 48px !important;
    }
}

.m-pagination {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media screen and (min-width: 600px) {
    .m-pagination {
        justify-content: space-between
    }
}

.m-pagination__status {
    color: var(--rkc-charcoal);
    font-size: 16px;
    font-weight: 500;
    padding: 0.5rem;
}

.m-pagination__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none;
    gap: 44px;
}

.m-pagination__item {
    flex-shrink: 0;
    min-width: 70px;
}

.m-pagination__link {
    padding: 0.5rem;
    color: var(--rkc-green);
    font-weight: 500;
    display: block;
    min-width: 1em;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
}

    .m-pagination__link:hover, .m-pagination__link:focus {
        color: var(--rkc-green-hover);
    }

.m-pagination__link--prev::before {
    margin-right: 0.25rem;
    content: "‹";
    speak: none;
    display: inline-block;
    transform: scale(1.25);
    transform-origin: center;
    padding-bottom: 8px;
}

.m-pagination__link--next::after {
    margin-left: 0.25rem;
    content: "›";
    speak: none;
    display: inline-block;
    transform: scale(1.25);
    transform-origin: center;
    padding-bottom: 8px;
}

.m-pagination__link[aria-current=true] {
    background-color: var(--rkc-green);
    color: #FFF;
}

.m-pedigree-graph {
    padding: 1rem;
    background-color: var(--rkc-sage-200);
    text-align: center;
    overflow-x: auto;
    border-radius: 8px;
}

.m-pedigree-graph__list {
    display: flex;
    flex-direction: row;
    list-style-type: none
}

.m-pedigree-graph__item {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column
}

.m-pedigree-graph__bracket {
    align-self: center;
    width: 50%;
    height: 1.5rem;
    margin-top: 1.5rem;
    position: relative;
    border-width: 3px 3px 0 3px;
    border-style: solid;
    border-color: var(--rkc-green)
}

    .m-pedigree-graph__bracket::before {
        content: "";
        display: inline-block;
        width: 0;
        height: 1.5rem;
        border-left: 3px solid var(--rkc-green);
        position: absolute;
        left: calc(50% - 1.5px);
        top: -1.5rem
    }

.m-pedigree-graph__dog {
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    display: inline-block;
    min-width: 8rem;
    padding: .5rem
}

.m-pedigree-graph__dog--current .m-pedigree-graph__dog-link {
    font-weight: 700
}

.m-pedigree-graph__dog-gender span {
    display: block;
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .m-pedigree-graph__dog-gender span {
        font-size: 1rem
    }
}

.m-pedigree-graph__dog-link {
    color: var(--rkc-green);
    font-weight: 500;
    text-decoration: none
}

    .m-pedigree-graph__dog-link:hover, .m-pedigree-graph__dog-link:focus {
        color: var(--rkc-green);
        box-shadow: inset 0 -0.15em 0 0 currentColor
    }

.m-product-card {
    display: flex;
    flex-direction: column;
}

.m-product-card__link {
    display: block;
    color: inherit;
    text-decoration: none
}

    .m-product-card__link:hover .m-product-card__title, .m-product-card__link:focus .m-product-card__title {
        box-shadow: inset 0 -0.15em 0 0 currentColor
    }

.m-product-card__media-container {
    margin-bottom: 1rem
}

@media screen and (min-width: 760px) {
    .m-product-card__media-container {
        margin-bottom: 1.25rem
    }
}

.m-product-card__media {
    color: #fff;
    background-color: var(--rkc-sage-300);
    background-image: url("../images/royal/RKC-Crest-green-RGB.svg");
    background-size: 60% auto;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 16px;
}

.m-product-card__body > .m-form__row:last-child {
    margin-bottom: 0
}

.m-product-card__price {
    float: left;
    margin-top: 5px;
}

.m-product-card__title {
    display: inline-block;
    color: var(--rkc-green);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    padding-top: 10px;
}

.m-product-card__actions {
    margin-top: auto;
    padding-top: 20px;
}

.m-product-card__price-price {
    font-size: 1.5rem;
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .m-product-card__price-price {
        font-size: 1.75rem
    }
}

.m-product-card__price-note {
    color: var(--RKC-Charcoal, #3F4547);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: -0.4px;
    text-transform: uppercase;
}

.m-product-card--padded .m-product-card__media-container {
    margin-bottom: 0
}

.m-product-card__body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.m-product-card--padded .m-product-card__body {
    padding: 1rem
}

@media screen and (min-width: 760px) {
    .m-product-card--padded .m-product-card__body {
        padding: 1.25rem
    }
}

.m-product-card--wide:before, .m-product-card--wide:after {
    display: table;
    content: " "
}

.m-product-card--wide:after {
    clear: both
}

.m-product-card--wide .m-product-card__media-container {
    margin-left: 1rem;
    width: 40%;
    float: right
}

.m-pullquote {
    margin: 0;
    padding: 1.5rem;
    background-color: var(--rkc-sage-200)
}

.m-pullquote__quote p::before {
    content: "“"
}

.m-pullquote__quote p:last-child::after {
    content: "”"
}

.m-pullquote__citation {
    margin-top: 1rem;
    text-align: right
}

    .m-pullquote__citation::before {
        content: " —"
    }

.m-puppy-advert-card {
    display: flex;
    flex-direction: column;
    background-color: var(--rkc-sage-200);
    border-radius: 16px;
    padding: unset;
}

@media screen and (min-width: 600px) {
    .m-puppy-advert-card {
        flex-direction: row;
        padding: 16px;
    }
}

.m-puppy-advert-card__media {
    border-radius: 4px;
}

@media screen and (min-width: 1041px) {
    .m-puppy-advert-card__media .m-puppy-advert-card__image {
        height: 100%;
    }
}

@media screen and (max-width: 599px) {
    .m-puppy-advert-card__media .m-puppy-advert-card__image {
        border-top-right-radius: 16px;
        border-top-left-radius: 16px;
        border-bottom-right-radius: unset;
        border-bottom-left-radius: unset;
    }
}

@media screen and (min-width: 600px) {
    .m-puppy-advert-card__media, .m-puppy-advert-card__additional {
        flex: 0 0 25%
    }
}

@media screen and (max-width: 599px) {
    .m-puppy-advert-card__media {
        margin-bottom: 1rem
    }
}

.m-puppy-advert-card__body {
    padding-left: 24px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-top: 16px;
    flex-grow: 1;
}

@media screen and (max-width: 599px) {
    .m-puppy-advert-card__body {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: unset;
        padding-top: unset;
    }
}

.m-puppy-advert-card__additional {
    padding-left: 8px;
    padding-bottom: 16px;
    padding-top: 8px;
}

.m-puppy-advert-card__link {
    color: var(--rkc-green);
    text-decoration: none;
    font-size: 28px;
    font-weight: 600;
    line-height: 28px;
}

    .m-puppy-advert-card__link:hover, .m-puppy-advert-card__link:focus {
        color: var(--rkc-green);
        box-shadow: inset 0 -0.15em 0 0 currentColor
    }

    .m-puppy-advert-card__link:visited {
        color: var(--rkc-green)
    }

.m-puppy-advert-card__location {
    margin-top: 8px;
    color: var(--rkc-charcoal);
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
}

.m-puppy-advert-card__location-distance {
    margin-left: 0.5rem;
    font-size: .875rem;
    font-weight: 400;
    color: #828585
}

.m-puppy-advert-card__about {
    margin-top: 1rem
}

.m-puppy-advert-card__about-title {
    margin-bottom: 0.25rem;
    font-feature-settings: "cpsp";
    display: block;
    color: var(--rkc-charcoal);
    font-size: 16px;
    font-weight: 700;
    line-height: 27px;
}

.m-puppy-advert-card__description {
    color: var(--rkc-charcoal);
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}

.m-puppy-advert-card__feature-icon,
.m-puppy-advert-card__breeder-icon {
    margin-right: 16px;
    flex-shrink: 0;
    flex-grow: 0;
    display: inline-block;
    padding: .75em;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    color: var(--rkc-charcoal);
    background-color: #FFF
}

    .m-puppy-advert-card__feature-icon .a-icon, .m-puppy-advert-card__breeder-icon .a-icon {
        width: 27px;
        height: 27px
    }

.m-puppy-advert-card__details {
    margin-top: 1rem;
    display: flex
}

.m-puppy-advert-card__detail {
    flex: 1 1 1px;
    text-align: left
}

    .m-puppy-advert-card__detail + .m-puppy-advert-card__detail {
        margin-left: 1rem
    }

    .m-puppy-advert-card__detail dt {
        margin-bottom: 0.25rem;
        font-feature-settings: "cpsp";
        display: block;
        color: var(--rkc-charcoal);
        font-size: 16px;
        font-weight: 700;
        line-height: 27px;
    }

    .m-puppy-advert-card__detail dd {
        color: var(--rkc-charcoal);
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        display: inline-block;
        margin-right: 1rem;
        vertical-align: middle;
    }

        .m-puppy-advert-card__detail dd .a-icon--female {
            stroke: var(--rkc-female);
        }

        .m-puppy-advert-card__detail dd .a-icon--male {
            stroke: var(--rkc-male);
        }

.m-puppy-advert-card__feature {
    margin-top: 8px;
    display: flex;
    align-items: center
}

.m-puppy-advert-card__feature-label {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

.m-puppy-advert-card__breeder {
    display: flex;
    align-items: center
}

.m-puppy-advert-card__breeder-icon {
    color: var(--rkc-green);
    background-color: var(--rkc-green)
}

.m-puppy-advert-card__breeder-label {
    margin-bottom: 0.25rem;
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400;
    line-height: 1;
    display: block
}

@media screen and (min-width: 760px) {
    .m-puppy-advert-card__breeder-label {
        font-size: 1rem
    }
}

.m-search-result {
    padding: 1rem;
    background-color: #fff
}

.m-search-result__link {
    display: block;
    color: currentColor;
    text-decoration: none
}

.m-search-result__title {
    font-size: 1.25rem;
    color: var(--rkc-green);
    text-decoration: none;
    font-weight: 500
}

@media screen and (min-width: 760px) {
    .m-search-result__title {
        font-size: 1.5625rem
    }
}

.m-search-result__title:hover, .m-search-result__title:focus {
    color: var(--rkc-green);
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.m-search-result__content {
    margin-top: 0.5rem
}

.m-section-header__title {
    text-align: center;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
}

@media screen and (max-width: 760px) {
    .m-section-header__title {
        font-size: 42px;
    }
}

.m-section-header--primary .m-section-header__content {
    width: 40%;
    display: inline-block;
    padding-top: 12px;
}

.m-section-header__content a {
    color: inherit;
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.m-section-header--primary {
    position: relative;
    overflow: hidden
}

    .m-section-header--primary .m-section-header__link {
        color: var(--rkc-charcoal);
        text-decoration: none;
        display: flex;
        height: 100%;
    }

.t-landing__intro .m-section-header__media,
.t-article__header .m-section-header__media {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

@media screen and (min-width: 1020px) {
    .m-section-header--primary .m-section-header__media {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0
    }

    .m-section-header--primary .m-section-header__media--video {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.m-section-header--primary .m-section-header__inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

@media screen and (min-width: 1020px) {
    .m-section-header--primary .m-section-header__inner {
        padding: 3.75rem 0
    }
}

/* If carousel is visible move up a little bit */
body:has(.carousel) .m-section-header--primary .m-section-header__inner {
    top: 40%;
}

.m-section-header--primary .m-section-header__body {
    padding: 1.5rem;
    position: relative;
    z-index: 1;
    color: #FFF
}

.m-section-header--secondary {
    position: relative;
    height: unset !important;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

    .m-section-header--secondary .m-section-header__title {
        text-align: left;
        font-size: 34px;
        padding-bottom: 12px;
    }

.m-section-header__link:hover .m-section-header__title,
.m-section-header__link:focus-visible .m-section-header__title,
.m-section-header__link-flipped:hover .m-section-header__title,
.m-section-header__link-flipped:focus-visible .m-section-header__title {
    text-decoration: underline;
}

@media screen and (min-width: 760px) {
    .m-section-header--secondary {
        flex-direction: row
    }
}

.m-section-header--secondary .m-section-header__link {
    color: currentColor;
    text-decoration: none;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

.m-section-header--secondary .m-section-header__link-flipped {
    color: currentColor;
    text-decoration: none;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

    .m-section-header--secondary .m-section-header__link:hover .m-section-header__title-inner,
    .m-section-header--secondary .m-section-header__link:focus .m-section-header__title-inner,
    .m-section-header--secondary .m-section-header__link-flipped:hover .m-section-header__title-inner,
    .m-section-header--secondary .m-section-header__link-flipped:focus .m-section-header__title-inner {
        box-shadow: inset 0 -0.15em 0 0 currentColor
    }

@media screen and (min-width: 760px) {
    .m-section-header--secondary .m-section-header__media {
        width: calc(210px + ((100% - 330px) / 12 * 8));
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        overflow: hidden
    }

    .m-section-header--secondary .m-section-header__media-fliped {
        width: calc(210px + ((100% - 330px) / 12 * 8));
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        overflow: hidden
    }
}

@media screen and (max-width: 759px) {
    .m-section-header--secondary {
        border-top-right-radius: unset;
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
    }

        .m-section-header--secondary .m-section-header__link {
            color: currentColor;
            text-decoration: none;
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
            border-bottom-left-radius: unset;
            border-bottom-right-radius: unset;
        }

        .m-section-header--secondary .mobile-ruffle {
            display: block;
            position: absolute;
            bottom: -1px; /* Take off 1px to compensate for pixel tearing */
            width: 101%;
            z-index: 2;
            pointer-events: none;
        }

        .m-section-header--secondary .desktop-ruffle {
            display: none;
        }
}

.m-section-header--secondary .m-section-header__body {
    padding: 1rem;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    border-top-right-radius: unset;
    border-top-left-radius: unset;
}

.m-section-header--secondary .m-section-header__body-flipped {
    padding: 1rem;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    border-top-right-radius: unset;
    border-top-left-radius: unset;
}


@media screen and (min-width: 760px) {
    .m-section-header--secondary .m-section-header__body {
        width: calc(90px + ((100% - 270px) / 12 * 4));
        margin-left: calc(210px + ((100% - 330px) / 12 * 8));
        padding: 30px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px;
        border-top-left-radius: unset;
        border-bottom-left-radius: unset;
    }

    .m-section-header--secondary .m-section-header__body-flipped {
        width: calc(101px + ((100% - 270px) / 12 * 4));
        padding: 30px;
        border-top-left-radius: 16px;
        border-bottom-left-radius: 16px;
        border-top-right-radius: unset;
        border-bottom-right-radius: unset;
    }
}

.m-section-header__title-inner {
    width: 65%;
    display: inline-block;
}

@media screen and (max-width: 760px) {
    .m-section-header__title-inner {
        width: 80%;
    }
}

.m-section-header--tertiary .m-section-header__link {
    color: currentColor;
    text-decoration: none
}

    .m-section-header--tertiary .m-section-header__link:hover .m-section-header__title-inner,
    .m-section-header--tertiary .m-section-header__link:focus .m-section-header__title-inner {
        box-shadow: inset 0 -0.15em 0 0 currentColor
    }

.m-section-header--tertiary .m-section-header__media {
    position: relative;
    z-index: 1
}

.m-section-header--tertiary .m-section-header__inner {
    margin-bottom: 2rem;
    padding-top: 1rem;
    padding-bottom: calc(2.5rem + 2rem);
    color: #FFF;
}

@media only screen {
    .m-section-header--tertiary .m-section-header__inner {
        position: relative;
        background-color: var(--rkc-green)
    }

        .m-section-header--tertiary .m-section-header__inner::before, .m-section-header--tertiary .m-section-header__inner::after {
            content: "";
            width: 50vw;
            height: 100%;
            position: absolute;
            top: 0;
            z-index: -1;
            background-color: var(--rkc-green)
        }

        .m-section-header--tertiary .m-section-header__inner::before {
            right: 50%
        }

        .m-section-header--tertiary .m-section-header__inner::after {
            left: 50%
        }
}

@media screen and (min-width: 760px) {
    .m-section-header--tertiary .m-section-header__inner {
        padding-top: 2.5rem
    }
}

.m-section-header--tertiary .m-section-header__media + .m-section-header__inner {
    margin-top: -2rem;
    padding-top: calc(2.5rem + 2rem)
}

@media screen and (min-width: 760px) {
    .m-section-header--tertiary .m-section-header__body {
        display: flex
    }
}

@media screen and (min-width: 760px) {
    .m-section-header--tertiary .m-section-header__title {
        width: calc(90px + ((100% - 330px) / 12 * 4));
        margin-right: 30px
    }
}

@media screen and (min-width: 760px) {
    .m-section-header--tertiary .m-section-header__content {
        max-width: 20em
    }
}

.m-service-card {
    background-color: #fff;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.m-service-card__media-container {
    margin-bottom: 1rem;
    padding-top: 50%;
    position: relative;
    color: #fff;
    background-color: var(--rkc-green);
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 760px) {
    .m-service-card__media-container {
        margin-bottom: 1.25rem
    }
}

.m-service-card__media-container .a-icon {
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: calc(50% - 2rem);
    left: calc(50% - 2rem)
}

.m-service-card__body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.m-service-card__title {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1;
    display: block;
}

@media screen and (min-width: 760px) {
    .m-service-card__title {
        margin-bottom: 1.25rem
    }
}

.m-service-card__content {
    padding-bottom: 1rem
}

.m-service-card--padded .m-service-card__media-container {
    margin-bottom: 0;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.m-service-card--padded .m-service-card__body {
    padding: 1rem
}

@media screen and (min-width: 760px) {
    .m-service-card--padded .m-service-card__body {
        padding: 1.25rem
    }
}

.m-service-card--centred .m-service-card__body {
    text-align: center
}

.m-service-card--centred .m-service-card__content p {
    margin-right: auto;
    margin-left: auto
}

.m-show-card {
    background-color: #fff
}

@media screen and (min-width: 600px) {
    .m-show-card {
        display: flex;
        flex-direction: row
    }
}

.m-show-card__date, .m-show-card__body {
    padding: 1rem
}

.m-show-card__date {
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    line-height: 1;
    display: block;
    color: #fff;
    background-color: var(--rkc-green);
    border-radius: 8px;
}

@media screen and (min-width: 600px) {
    .m-show-card__date {
        flex: 0 1 200px
    }
}

.m-show-card__date-segment {
    overflow: hidden
}

    .m-show-card__date-segment span {
        font-size: 2rem;
        margin-right: 0.5rem;
        display: block
    }

@media screen and (min-width: 760px) {
    .m-show-card__date-segment span {
        font-size: 2.125rem
    }
}

.m-show-card__date-segment--divider {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem
}

.m-show-card__title {
    font-size: 1.5rem;
    line-height: 1
}

@media screen and (min-width: 760px) {
    .m-show-card__title {
        font-size: 1.75rem
    }
}

.m-show-card__link {
    color: var(--rkc-green);
    font-weight: 500;
    text-decoration: none
}

    .m-show-card__link:hover, .m-show-card__link:focus {
        color: var(--rkc-green);
        box-shadow: inset 0 -0.15em 0 0 currentColor
    }

    .m-show-card__link:visited {
        color: var(--rkc-green)
    }

.m-show-card__location, .m-show-card__activities {
    margin-top: 0.25rem
}

.m-signpost {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    background-color: #fff
}

@media screen and (min-width: 760px) {
    .m-signpost {
        padding: 1.25rem
    }
}

.m-signpost__header, .m-signpost__body, .m-signpost__footer {
    position: relative;
    z-index: 1
}

.m-signpost__heading {
    font-size: 2rem;
    display: block;
    color: var(--rkc-green);
    line-height: 1.125
}

@media screen and (min-width: 760px) {
    .m-signpost__heading {
        font-size: 2.125rem
    }
}

.m-signpost__body, .m-signpost__footer {
    padding-top: 1rem
}

@media screen and (min-width: 760px) {
    .m-signpost__body, .m-signpost__footer {
        padding-top: 1.25rem
    }
}

.m-signpost__footer {
    margin-top: auto
}

.m-social-links {
    display: flex;
    list-style-type: none
}

.m-social-links__item + .m-social-links__item {
    margin-left: 1rem
}

.m-social-links__link {
    font-size: 1.5rem;
    padding: 0.25rem;
    display: inline-block;
    text-decoration: none;
    line-height: 0;
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease;
    color: var(--rkc-gold);
}

    .m-social-links__link:hover, .m-social-links__link:focus {
        color: var(--rkc-gold-hover);
    }

.m-social-links__link--twitter svg {
    width: 28.764px;
    height: 26px;
    flex-shrink: 0;
    fill: var(--rkc-gold);
}

    .m-social-links__link--twitter svg:hover, .m-social-links__link--twitter svg:focus {
        fill: var(--rkc-gold-hover);
    }

@media screen and (min-width: 760px) {
    .m-social-links__link {
        font-size: 1.75rem
    }
}

.m-social-links__link svg {
    width: 28px;
    height: 28px;
}

.m-subscription-card {
    padding: 1rem;
    border-left: .5rem solid #002320;
    background-color: var(--rkc-sage-200)
}

    .m-subscription-card + .m-subscription-card {
        margin-top: 0.5rem
    }

.m-subscription-card__header {
    margin-bottom: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media screen and (min-width: 420px) {
    .m-subscription-card__header {
        flex-direction: row
    }
}

.m-subscription-card__price small {
    font-size: .875rem
}

@media screen and (min-width: 760px) {
    .m-subscription-card__price small {
        font-size: 1rem
    }
}

.m-step-programme {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center;
    counter-reset: step
}

@media screen and (min-width: 760px) {
    .m-step-programme {
        flex-direction: row
    }
}

.m-step-programme__item {
    margin: 0;
    flex: 1 1 1px;
    counter-increment: step
}

@media screen and (max-width: 759px) {
    .m-step-programme__item:nth-child(n+2) {
        margin-top: 1.25rem
    }
}

@media screen and (max-width: 759px)and (min-width: 760px) {
    .m-step-programme__item:nth-child(n+2) {
        margin-top: 2rem
    }
}

@media screen and (min-width: 760px) {
    .m-step-programme__item:nth-child(n+2) {
        margin-left: 1.25rem
    }
}

@media screen and (min-width: 760px)and (min-width: 760px) {
    .m-step-programme__item:nth-child(n+2) {
        margin-left: 2rem
    }
}

.m-step-programme__media {
    max-width: 10rem;
    margin: 1rem auto;
    position: relative
}

    .m-step-programme__media::before {
        font-size: 2.5rem;
        content: counter(step) ".";
        display: block;
        width: 5rem;
        height: 5rem;
        position: absolute;
        top: -1rem;
        left: -1rem;
        z-index: 1;
        border-radius: 50%;
        color: var(--rkc-green);
        background-color: var(--rkc-green);
        font-weight: 700;
        line-height: 5rem
    }

@media screen and (min-width: 760px) {
    .m-step-programme__media::before {
        font-size: 3.125rem
    }
}

.m-step-programme__media img {
    border: 2px solid #fff
}

.m-step-programme__title {
    font-size: 1.25rem;
    display: block;
    margin-bottom: 1rem;
    font-weight: 700
}

@media screen and (min-width: 760px) {
    .m-step-programme__title {
        font-size: 1.5625rem
    }
}

.m-step-programme__content {
    font-size: .875rem;
    max-width: 20rem;
    margin-right: auto;
    margin-left: auto
}

@media screen and (min-width: 760px) {
    .m-step-programme__content {
        font-size: 1rem
    }
}

.m-tabs__nav {
    font-size: .875rem;
    display: flex;
    flex-direction: row;
    overflow: auto
}

@media screen and (min-width: 760px) {
    .m-tabs__nav {
        font-size: 1rem
    }
}

@media only print {
    .m-tabs__nav {
        display: none
    }
}

.m-tabs__tab {
    padding-right: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    display: flex;
    align-items: flex-end;
    padding-top: calc(.5rem + 2px);
    text-decoration: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    word-break: initial;
    color: var(--rkc-charcoal) !important;
    font-weight: 500 !important;
}

@media screen and (min-width: 760px) {
    .m-tabs__tab {
        padding-right: 1.25rem
    }
}

@media screen and (min-width: 760px) {
    .m-tabs__tab {
        padding-left: 1.25rem
    }
}

.m-tabs__tab[aria-selected=true] {
    border-top: 4px solid var(--rkc-green);
    background-color: var(--rkc-sage-200)
}

.m-tabs__panel {
    margin-top: -8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.m-tabs.is-enhanced .m-tabs__panel:not(:first-of-type) {
    border-top-left-radius: 8px;
}

.m-tabs.is-enhanced .m-tabs__panel {
    padding: 1.5rem;
    background-color: var(--rkc-sage-200)
}

@media only print {
    .m-tabs.is-enhanced .m-tabs__panel {
        margin-top: 1rem
    }

        .m-tabs.is-enhanced .m-tabs__panel[hidden] {
            display: block !important
        }
}

.m-tabs.is-enhanced .m-tabs__panel .a-wysiwyg h1:first-child, .m-tabs.is-enhanced .m-tabs__panel .a-table caption h1:first-child, .a-table .m-tabs.is-enhanced .m-tabs__panel caption h1:first-child, .m-tabs.is-enhanced .m-tabs__panel .a-wysiwyg h2:first-child, .m-tabs.is-enhanced .m-tabs__panel .a-table caption h2:first-child, .a-table .m-tabs.is-enhanced .m-tabs__panel caption h2:first-child, .m-tabs.is-enhanced .m-tabs__panel .a-wysiwyg h3:first-child, .m-tabs.is-enhanced .m-tabs__panel .a-table caption h3:first-child, .a-table .m-tabs.is-enhanced .m-tabs__panel caption h3:first-child, .m-tabs.is-enhanced .m-tabs__panel .a-wysiwyg h4:first-child, .m-tabs.is-enhanced .m-tabs__panel .a-table caption h4:first-child, .a-table .m-tabs.is-enhanced .m-tabs__panel caption h4:first-child, .m-tabs.is-enhanced .m-tabs__panel .a-wysiwyg h5:first-child, .m-tabs.is-enhanced .m-tabs__panel .a-table caption h5:first-child, .a-table .m-tabs.is-enhanced .m-tabs__panel caption h5:first-child, .m-tabs.is-enhanced .m-tabs__panel .a-wysiwyg h6:first-child, .m-tabs.is-enhanced .m-tabs__panel .a-table caption h6:first-child, .a-table .m-tabs.is-enhanced .m-tabs__panel caption h6:first-child {
    margin-top: 0
}

.m-tips {
    counter-reset: tipCounter;
    list-style-type: none
}

html.cssgrid .m-tips {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px
}

@media screen and (min-width: 1020px) {
    html.cssgrid .m-tips {
        grid-template-columns: repeat(2, 1fr)
    }

    html:not(.cssgrid) .m-tips {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap
    }
}

.m-tips__item {
    padding-left: 4rem;
    counter-increment: tipCounter
}

@media screen and (min-width: 1020px) {
    html:not(.cssgrid) .m-tips__item {
        margin-bottom: 30px;
        padding-right: 30px;
        flex: 0 0 50%
    }
}

.m-tips__title {
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    display: block;
    color: var(--rkc-charcoal);
}

@media screen and (min-width: 760px) {
    .m-tips__title {
        font-size: 1.5625rem
    }
}

.m-tips__title::before {
    font-size: 1rem;
    content: counter(tipCounter);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -0.35em;
    margin-left: -4rem;
    width: 3rem;
    height: 3rem;
    float: left;
    border-radius: 50%;
    color: #fff;
    background-color: var(--rkc-green);
    vertical-align: baseline
}

@media screen and (min-width: 760px) {
    .m-tips__title::before {
        font-size: 1.125rem
    }
}

.m-wizard {
    scrollbar-width: none;
    overflow-x: auto
}

    .m-wizard::-webkit-scrollbar {
        display: none
    }

.m-wizard__list {
    display: flex;
    flex-direction: row;
    list-style-type: none
}

.m-wizard__item {
    padding-top: 0.5rem;
    position: relative;
    flex-basis: 1px;
    flex-grow: 1;
    flex-shrink: 0
}

    .m-wizard__item::before {
        content: "";
        width: 100%;
        height: .5rem;
        position: absolute;
        top: 0;
        left: 0;
        background-color: var(--rkc-sage-200)
    }

    .m-wizard__item + .m-wizard__item {
        margin-left: 0.25rem
    }

.m-wizard__item--current::before {
    animation-name: mWizardInProgress;
    animation-duration: 5s;
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-iteration-count: infinite
}

.m-wizard__item--complete::before {
    background-color: var(--rkc-green)
}

.m-wizard__label {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400;
    display: block;
    color: var(--rkc-charcoal);
    text-decoration: none
}

@media screen and (min-width: 760px) {
    .m-wizard__label {
        font-size: 1rem
    }
}

@keyframes mWizardInProgress {
    0%,100% {
        background-color: var(--rkc-green)
    }

    50% {
        background-color: var(--rkc-sage-200)
    }
}

.o-account-navigation {
    font-size: .875rem
}

@media screen and (min-width: 760px) {
    .o-account-navigation {
        font-size: 1rem
    }
}

.o-account-navigation__current {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 1rem;
    padding-left: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-width: 2px 0;
    border-style: solid;
    border-color: var(--rkc-sage-200);
    color: inherit;
    background-color: #fff;
    cursor: pointer
}

    .o-account-navigation__current .a-icon {
        width: 1.5em;
        height: 1.5em
    }

    .o-account-navigation__current[aria-expanded=true] > .a-icon {
        transform: rotate(180deg)
    }

.o-account-navigation__current-label {
    display: inline-flex;
    align-items: center
}

    .o-account-navigation__current-label .a-icon {
        margin-right: 1rem;
        opacity: .8
    }

.o-account-navigation__section {
    margin-bottom: 1.25rem
}

@media screen and (min-width: 760px) {
    .o-account-navigation__section {
        margin-bottom: 2rem
    }
}

.o-account-navigation__title {
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    margin-bottom: 0.25rem;
    padding-right: 1rem;
    display: block;
    padding-left: calc(1.5em + 1.5rem);
    color: var(--rkc-charcoal)
}

.o-account-navigation__list {
    list-style-type: none
}

.o-account-navigation__list--parent {
    border-bottom: 2px solid var(--rkc-green)
}

.o-account-navigation__link {
    padding-top: 0.5rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    display: flex;
    align-items: center;
    color: var(--rkc-charcoal);
    text-decoration: none
}

    .o-account-navigation__link:hover, .o-account-navigation__link:focus {
        color: var(--rkc-green)
    }

        .o-account-navigation__link:hover .a-icon, .o-account-navigation__link:focus .a-icon {
            color: var(--rkc-green);
            stroke: var(--rkc-green);
            opacity: 1
        }

    .o-account-navigation__link[aria-current=true] {
        color: var(--rkc-green);
        background-color: #fff;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

        .o-account-navigation__link[aria-current=true] .a-icon {
            color: var(--rkc-green);
            stroke: var(--rkc-green);
            opacity: 1
        }

    .o-account-navigation__link .a-icon {
        margin-right: 1rem;
        flex-shrink: 0;
        flex-grow: 0;
        width: 1.5em;
        height: 1.5em;
        opacity: .4
    }

@media screen and (max-width: 1019px) {
    .o-account-navigation__list--parent {
        padding-top: 1.25rem;
        padding-right: 30px;
        padding-left: 30px;
        border-bottom: 2px solid var(--rkc-sage-200);
        background-color: #fff
    }
}

@media screen and (max-width: 1019px)and (min-width: 760px) {
    .o-account-navigation__list--parent {
        padding-top: 2rem
    }
}

@media screen and (min-width: 420px)and (max-width: 1019px) {
    .o-account-navigation__list--parent {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap
    }

    .o-account-navigation__section {
        flex: 0 0 50%
    }

        .o-account-navigation__section:nth-child(2n+1) {
            padding-right: 1rem
        }
}

@media screen and (min-width: 1020px) {
    .o-account-navigation__current {
        display: none
    }

    .o-account-navigation__list--parent {
        border-bottom: none
    }
}

.o-breed-header {
    margin: auto
}

.o-breed-header__summary,
.o-breed-header-container {
    max-width: 1140px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    align-items: flex-end;
    display: flex;
    justify-content: flex-start;
}

@media screen and (max-width: 759px) {
    .o-breed-header-container {
        align-items: unset;
    }

    .o-breed-header__summary {
        display: block;
        width: 95%;
        margin: auto;
    }
}

.o-breed-header__header {
    color: #fff;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

@media only screen {
    .o-breed-header__header {
        position: relative;
        background-color: var(--rkc-green)
    }

        .o-breed-header__header::before, .o-breed-header__header::after {
            content: "";
            width: 50vw;
            height: 100%;
            position: absolute;
            top: 0;
            z-index: -1;
            background-color: var(--rkc-green)
        }

        .o-breed-header__header::before {
            right: 50%
        }

        .o-breed-header__header::after {
            left: 50%
        }
}

@media screen and (min-width: 760px) {
    .o-breed-header__header {
        padding-top: 2rem
    }
}

@media screen and (min-width: 760px) {
    .o-breed-header__header {
        padding-bottom: 2rem
    }
}

@media screen and (min-width: 420px) {
    .o-breed-header__header {
        display: flex;
        justify-content: flex-start;
        align-items: center
    }
}

@media screen and (min-width: 760px) {
    .o-breed-header__header {
        align-items: flex-end
    }
}

.o-breed-header__image {
    position: relative;
    z-index: 1
}

@media screen and (max-width: 419px) {
    .o-breed-header__image {
        margin-bottom: 1.25rem;
        width: 7rem
    }
}

@media screen and (max-width: 419px)and (min-width: 760px) {
    .o-breed-header__image {
        margin-bottom: 2rem
    }
}

@media screen and (min-width: 420px) {
    .o-breed-header__image {
        flex-shrink: 0;
        width: calc(60px + ((100% - 330px) / 12 * 3));
        margin-right: 30px
    }
}

@media screen and (min-width: 760px) {
    .o-breed-header__image {
        margin-bottom: -5rem
    }
}

@media only print {
    .o-breed-header__image {
        width: 10rem
    }
}

.o-breed-header__image img {
    border-radius: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    background-color: #fff
}

@media screen and (min-width: 760px) {
    .o-breed-header__image img {
        border: .5em solid var(--rkc-green)
    }
}

@media screen and (min-width: 420px) {
    .o-breed-header__body {
        width: calc(240px + ((100% - 330px) / 12 * 9))
    }
}

.o-breed-header__category {
    text-transform: uppercase;
    font-feature-settings: "cpsp"
}

.o-breed-header__title {
    margin-bottom: 0.5rem;
    font-size: 2.5rem;
    line-height: 1
}

@media screen and (min-width: 760px) {
    .o-breed-header__title {
        font-size: 3.125rem
    }
}

.o-breed-header__tagline {
    font-size: 1.25rem;
    line-height: 1.15
}

@media screen and (min-width: 760px) {
    .o-breed-header__tagline {
        font-size: 1.5625rem
    }
}

.o-breed-header__summary {
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: var(--rkc-green)
}

@media only screen {
    .o-breed-header__summary {
        position: relative;
        background-color: var(--rkc-sage-200)
    }

        .o-breed-header__summary::before, .o-breed-header__summary::after {
            content: "";
            width: 50vw;
            height: 100%;
            position: absolute;
            top: 0;
            z-index: -1;
            background-color: var(--rkc-sage-200)
        }

        .o-breed-header__summary::before {
            right: 50%
        }

        .o-breed-header__summary::after {
            left: 50%
        }
}

@media screen and (min-width: 760px) {
    .o-breed-header__summary {
        padding-top: 1.25rem
    }
}

@media screen and (min-width: 760px) {
    .o-breed-header__summary {
        padding-bottom: 1.25rem
    }
}

@media screen and (min-width: 760px) {
    .o-breed-header__summary-list {
        width: calc(240px + ((100% - 330px) / 12 * 9));
        margin-left: calc(90px + ((100% - 330px) / 12 * 3))
    }
}

.o-carousel {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    position: relative;
    background-color: var(--rkc-sage-200);
    list-style: none;
    overflow: hidden;
    z-index: 1
}

.o-carousel__wrapper {
    box-sizing: content-box;
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    transition-property: transform;
    transform: translate3d(0px, 0, 0)
}

.o-carousel__slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.o-carousel__slide--invisible-blank {
    visibility: hidden
}

@media screen and (min-width: 760px) {
    .o-carousel__slide {
        display: flex;
        flex-direction: row-reverse
    }

        .o-carousel__slide > * {
            flex: 0 0 50%
        }
}

.o-carousel__slide-media-sizer {
    position: relative;
    padding-top: 100%
}

    .o-carousel__slide-media-sizer > * {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

.o-carousel__slide-body {
    padding: 1rem;
    padding-bottom: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center
}

@media screen and (min-width: 760px) {
    .o-carousel__slide-body {
        padding: 1.25rem
    }
}

@media screen and (min-width: 760px) {
    .o-carousel__slide-body {
        padding-bottom: 3.75rem
    }
}

.o-carousel__slide-body > * + * {
    margin-top: 1rem
}

@media screen and (min-width: 760px) {
    .o-carousel__slide-body > * + * {
        margin-top: 1.25rem
    }
}

@media screen and (min-width: 760px) {
    .o-carousel__slide-body {
        padding: 1.25rem
    }
}

@media screen and (min-width: 760px)and (min-width: 760px) {
    .o-carousel__slide-body {
        padding: 2rem
    }
}

.o-carousel__slide-body .a-button::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.o-carousel__slide-title {
    font-size: 2.5rem;
    line-height: 1;
    color: var(--rkc-green)
}

@media screen and (min-width: 760px) {
    .o-carousel__slide-title {
        font-size: 3.125rem
    }
}

.o-carousel--vertical > .o-carousel__wrapper {
    flex-direction: column
}

.o-carousel--multirow > .o-carousel__wrapper {
    flex-wrap: wrap
}

.o-carousel--multirow-column > .o-carousel__wrapper {
    flex-direction: column;
    flex-wrap: wrap
}

.o-carousel--free-mode > .o-carousel__wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.o-carousel--android .o-carousel__slide {
    transform: translate3d(0px, 0, 0)
}

.o-carousel--autoheight, .o-carousel--autoheight .o-carousel__slide {
    height: auto
}

    .o-carousel--autoheight .o-carousel__wrapper {
        align-items: flex-start;
        transition-property: transform,height
    }

.o-carousel__pagination {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    text-align: center
}

@media screen and (min-width: 760px) {
    .o-carousel__pagination {
        right: 50%
    }
}

.o-carousel__pagination-bullet {
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    width: 1rem;
    height: 1rem;
    margin-right: .125rem;
    margin-left: .125rem;
    border: 2px solid #c2b196;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    transition: background-color .333s ease
}

.o-carousel__pagination-bullet--active {
    background-color: #c2b196
}

.o-cart {
    list-style-type: none
}

.o-cart__group {
    padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    border-width: 2px 0;
    border-style: solid;
    border-color: var(--rkc-green);
    background-color: #fff;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
}

@media screen and (min-width: 760px) {
    .o-cart__group {
        padding-top: 1.25rem
    }
}

@media screen and (min-width: 760px) {
    .o-cart__group {
        padding-bottom: 1.25rem
    }
}

.o-cart__group + .o-cart__group {
    border-top-width: 0
}

.o-cart__group--summary {
    background-color: var(--rkc-sage-200);
    border: none
}

.o-cart__group.is-removed {
    background-color: #ffd4dd
}

.o-cart__item {
    display: flex;
    justify-content: space-between
}

    .o-cart__item + .o-cart__item {
        margin-top: 0.25rem
    }

.o-cart__item--child {
    color: #828585
}

.o-cart__name, .o-cart__price {
    display: inline-block;
    position: relative
}

.o-cart__name {
    padding-right: 0.5rem;
    font-weight: 500
}

.o-cart__link {
    color: var(--rkc-green);
    font-weight: 500;
    text-decoration: none
}

    .o-cart__link:hover, .o-cart__link:focus {
        color: var(--rkc-green);
        box-shadow: inset 0 -0.15em 0 0 currentColor
    }

.o-cart__price {
    padding-left: 0.5rem;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    word-break: auto-phrase;
    min-width: 100px;
    text-align: right;
}

.o-cart__editors {
    margin-top: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

    .o-cart__editors > * {
        margin-right: 1rem
    }

@media only print {
    .o-cart__editors {
        display: none
    }
}

.o-cart__delete {
    color: #828585
}

    .o-cart__delete:hover, .o-cart__delete:focus {
        color: #e00132
    }

    .o-cart__delete input {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        overflow: hidden;
        clip: rect(0 0 0 0)
    }

        .o-cart__delete input:checked + span {
            color: #e00132
        }

            .o-cart__delete input:checked + span .a-icon {
                display: inline-block
            }

        .o-cart__delete input:focus + span {
            outline: 3px solid #80bdff;
            outline-offset: 0
        }

html[data-whatintent=mouse] .o-cart__delete input:focus + span {
    outline: 0
}

.o-cart__delete span {
    display: flex;
    align-items: center;
    cursor: pointer
}

    .o-cart__delete span .a-icon {
        display: none;
        margin-left: 0.25rem
    }

.o-dog-header {
    position: relative;
    background-color: var(--rkc-sage-200);
}

@media only screen {
    .o-dog-header__header {
        width: 95%;
        max-width: 1140px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }
}

@media screen and (min-width: 600px) {
    .o-dog-header__header {
        display: flex;
        justify-content: flex-start;
        align-items: center
    }
}

.o-dog-header__image {
    position: relative;
    z-index: 1;
    border: .5rem solid var(--rkc-green);
    border-radius: 50%;
    overflow: hidden
}

@media screen and (max-width: 599px) {
    .o-dog-header__image {
        margin-bottom: 1.25rem;
        width: 7rem;
        height: 7rem
    }
}

@media screen and (max-width: 599px)and (min-width: 760px) {
    .o-dog-header__image {
        margin-bottom: 2rem
    }
}

@media screen and (min-width: 600px) {
    .o-dog-header__image {
        flex-shrink: 0;
        width: calc(60px + ((100% - 330px) / 12 * 3));
        margin-right: 30px
    }
}

.o-dog-header__image img {
    background-color: var(--rkc-green);
    -o-object-fit: cover;
    object-fit: cover
}

.o-dog-header__image--editable:hover .o-dog-header__image-label, .o-dog-header__image--editable:focus-within .o-dog-header__image-label {
    opacity: 1
}

.o-dog-header__image--no-image {
    border-color: var(--rkc-green)
}

.o-dog-header__image-icon {
    padding-top: 100%;
    background-color: var(--rkc-sage-100);
    color: var(--rkc-green)
}

    .o-dog-header__image-icon .a-icon {
        width: 3em;
        height: 3em;
        position: absolute;
        top: calc(50% - 1.5em);
        left: calc(50% - 1.5em)
    }

.o-dog-header__image-label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    border-radius: 50%;
    background-color: rgba(0,0,0,.67);
    opacity: 0;
    cursor: pointer
}

    .o-dog-header__image-label .a-icon {
        width: 3rem;
        height: 3rem;
    }

.o-dog-header__image-input, .o-dog-header__image-submit {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.o-dog-header__category {
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    opacity: .67
}

.o-dog-header__title {
    margin-bottom: 0.5rem;
    font-size: 2.5rem;
    line-height: 1;
    color: var(--rkc-green)
}

@media screen and (min-width: 760px) {
    .o-dog-header__title {
        font-size: 3.125rem
    }
}

.o-dog-header__details-item {
    display: inline
}

    .o-dog-header__details-item + .o-dog-header__details-item::before {
        content: "·"
    }

.o-dog-header__details-key, .o-dog-header__details-value {
    display: inline
}

.o-dog-header__awards {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

@media only screen {
    .o-dog-header__awards {
        position: relative;
        background-color: var(--rkc-green)
    }
}

.o-dog-header__awards-item {
    margin: 0.5rem;
    display: inline-block;
    width: 8rem;
    vertical-align: top
}

.o-dog-header__awards-icon .a-icon {
    width: 2.5rem;
    height: 2.5rem
}

.o-dog-header__awards-label {
    font-size: .875rem
}

@media screen and (min-width: 760px) {
    .o-dog-header__awards-label {
        font-size: 1rem
    }
}

.o-filterable-list__group + .o-filterable-list__group {
    margin-top: 1.25rem
}

@media screen and (min-width: 760px) {
    .o-filterable-list__group + .o-filterable-list__group {
        margin-top: 2rem
    }
}

.o-filterable-list__group:target {
    margin-left: -1rem;
    padding-left: .75rem;
    border-left: .25rem solid var(--rkc-green)
}

.o-filterable-list__group-header {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    display: block;
    position: relative;
    font-weight: 700
}

@media screen and (min-width: 760px) {
    .o-filterable-list__group-header {
        font-size: 1.5625rem
    }
}

.o-filterable-list__group-header::before {
    content: "";
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-top: 2px solid var(--rkc-sage-200)
}

.o-filterable-list__group-header strong, .o-filterable-list__group-header em {
    font-weight: inherit;
    font-style: inherit
}

.o-filterable-list__group-header-hl {
    margin-left: 0.5rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    display: inline-block;
    background-color: #fff;
    position: relative
}

.o-filterable-list__empty {
    color: #828585
}

.o-filterable-list__navigation {
    margin-bottom: 1.25rem;
    font-weight: 700
}

@media screen and (min-width: 760px) {
    .o-filterable-list__navigation {
        margin-bottom: 2rem
    }
}

.o-filterable-list__navigation-list {
    list-style-type: none
}

.o-filterable-list__navigation-item {
    margin-right: 0.25rem;
    display: inline
}

    .o-filterable-list__navigation-item del, .o-filterable-list__navigation-item a {
        padding: 0.25rem;
        display: inline-block
    }

    .o-filterable-list__navigation-item del {
        color: #828585;
        text-decoration: none
    }

    .o-filterable-list__navigation-item a {
        color: var(--rkc-green);
        font-weight: 500;
        text-decoration: none
    }

        .o-filterable-list__navigation-item a:hover, .o-filterable-list__navigation-item a:focus {
            color: var(--rkc-green);
            box-shadow: inset 0 -0.15em 0 0 currentColor
        }

.o-footer__ruffle {
    height: 28px;
    background-image: url('/dst/images/ruffles/footer-ruffle.svg');
    background-repeat: repeat-x;
    background-size: auto 100%;
    margin-top: -28px;
    position: relative;
    z-index: 1;
    bottom: -1px;
}

.o-footer {
    color: #fff
}

@media only screen {
    .o-footer {
        position: relative;
        background-color: var(--rkc-green);
    }
}

.o-footer__inner, .o-footer__footer {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    padding-top: 64px;
}

.o-footer__inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

@media screen and (min-width: 760px) {
    .o-footer__inner {
        padding-top: 32px
    }
}

@media screen and (min-width: 760px) {
    .o-footer__inner {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }
}

.o-footer__footer {
    padding-top: 24px;
    padding-bottom: 24px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #386763;
    margin-top: 24px;
    align-items: flex-end;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    gap: 16px;
}

@media screen and (max-width: 759px) {
    .o-footer__footer {
        flex-direction: column;
        margin-top: 16px;
        padding-bottom: 16px;
    }
}

.o-footer__brand {
    margin-bottom: 32px;
    text-align: center
}

@media screen and (min-width: 760px) {
    .o-footer__brand {
        width: calc(60px + ((100% - 330px) / 12 * 3))
    }
}

.o-footer__logo {
    margin-bottom: 0.5rem;
    /*    width: 240px;*/
    height: 45px;
}

.o-footer__links {
    font-size: 16px;
    justify-content: space-between;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

@media screen and (min-width: 760px) {
    .o-footer__links {
        width: calc(240px + ((100% - 330px) / 12 * 9));
        margin-left: 30px
    }
}

.o-footer__links-section {
    margin-bottom: 1rem;
    padding-right: 0.5rem;
    flex: 0 0 50%
}

@media screen and (min-width: 600px) {
    .o-footer__links-section {
        flex-basis: 33.3333%;
        padding-right: 30px
    }
}

.o-footer__links-header {
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    margin-bottom: 0.5rem;
    display: block;
    color: var(--rkc-gold);
    font-weight: 700;
}

.o-footer__links-list {
    list-style-type: none
}

.o-footer__links-item {
    margin-bottom: 0.5rem
}

.o-footer__links-link {
    border-bottom: .15em solid transparent;
    color: #fff;
    text-decoration: none
}

    .o-footer__links-link:hover, .o-footer__links-link:focus {
        border-bottom-color: #fff
    }

.o-footer__boilerplate {
    display: block;
    font-size: inherit;
}

@media only screen and (max-width: 759px) {
    .o-footer__boilerplate {
        width: 100%;
    }

    .o-footer__social-links {
        justify-content: center
    }

    .o-footer__inner {
        padding-top: 16px;
        flex-direction: column;
    }

    .o-footer__links {
        grid-template-columns: repeat(2, 1fr);
        margin-left: unset;
        padding-left: 20px;
    }

    .o-footer__links-section {
        margin-bottom: 1rem;
        padding-right: 2rem;
        flex: 0 0 50%
    }

    .o-footer__footer {
        padding-top: 32px;
        padding-left: 20px;
    }

    .o-footer__legal {
        width: 100%;
        flex-wrap: wrap;
    }

    .o-footer__legal-link:first-child {
        padding-left: 0;
    }
}

.o-footer__legal {
    display: block;
}

.o-footer__legal-link {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    padding: 0 0.75rem;
}

    .o-footer__legal-link::after {
        content: "";
        position: absolute;
        right: 0;
        top: 0.2em;
        bottom: 0.2em;
        width: 1px;
        background: #386763;
    }

    .o-footer__legal-link:first-child {
        padding-left: 0;
    }

    .o-footer__legal-link:last-child {
        padding-right: 0;
    }

        .o-footer__legal-link:last-child::after {
            display: none;
        }

    .o-footer__legal-link:hover, .o-footer__legal-link:focus {
        text-decoration: underline;
        text-decoration-color: #fff;
        text-underline-offset: .15em;
    }

.o-footer__btt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    position: absolute;
    right: 0;
    z-index: 1;
    top: -45px;
    color: var(--rkc-green);
    background-color: var(--rkc-gold);
    border-radius: 16px;
}

@media screen and (max-width: 759px) {
    .o-footer__btt {
        top: -40px;
    }
}

.o-footer__btt:hover, .o-footer__btt:focus {
    background-color: var(--rkc-gold-hover);
}

.o-footer__btt .a-icon {
    width: 1.5rem;
    height: 1.5rem;
    stroke: currentColor
}

.open-new-tab-icon {
    width: 12.8px;
    height: 12px;
    flex-shrink: 0;
    fill: #FFF;
    margin-left: 4px;
}

.o-footer__links-item .open-new-tab-icon {
    fill: #FFF;
}

.o-footer__disclaimer {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    padding-bottom: 1rem;
    text-align: center;
    width: 95%;
}

@media screen and (max-width: 759px) {
    .o-footer__disclaimer {
        padding-left: 20px;
        text-align: left;
    }
}

.m-navigation_v3_lvl1_sub_details .open-new-tab-icon, .m-navigation_v3_lvl2_sub_details .open-new-tab-icon {
    fill: var(--rkc-green);
    width: 20px;
    height: 20px;
}

@media only screen {
    .o-further-reading {
        position: relative;
        background-color: var(--rkc-sage-200)
    }

        .o-further-reading::before, .o-further-reading::after {
            content: "";
            width: 50vw;
            height: 100%;
            position: absolute;
            top: 0;
            z-index: -1;
            background-color: var(--rkc-sage-200)
        }

        .o-further-reading::before {
            right: 50%
        }

        .o-further-reading::after {
            left: 50%
        }
}

@media screen and (min-width: 760px) {
    html:not(.cssgrid) .o-further-reading__body {
        display: flex;
        flex-direction: row
    }

        html:not(.cssgrid) .o-further-reading__body > * {
            flex: 0 0 calc(50% - 15px)
        }
}

html.cssgrid .o-further-reading__body {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px
}

@media screen and (min-width: 760px) {
    html.cssgrid .o-further-reading__body {
        grid-template-columns: repeat(2, 1fr)
    }
}

.o-further-reading__cards > * + * {
    margin-top: 1rem
}

.o-gdpr-banner {
    padding: 1rem;
    border-top: .5rem solid var(--rkc-green);
    background-color: #fff;
    position: fixed;
    bottom: 0;
    z-index: 1000
}

@media screen and (min-width: 760px) {
    .o-gdpr-banner {
        padding: 1.5rem
    }
}

html.no-js .o-gdpr-banner {
    display: none
}

.o-gdpr-banner__title {
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    line-height: 1.15
}

@media screen and (min-width: 760px) {
    .o-gdpr-banner__title {
        font-size: 1.5625rem
    }
}

.o-gdpr-banner__content {
    margin-bottom: 1rem;
    font-size: .875rem
}

@media screen and (min-width: 760px) {
    .o-gdpr-banner__content {
        font-size: 1rem
    }
}

.o-gdpr-banner__content p {
    max-width: none
}

.o-gdpr-banner__form legend {
    font-weight: 700
}

.o-gdpr-banner__options {
    margin-bottom: 1rem
}

.o-header__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 3000;
    height: 64px;
}

@media (max-width: 1040px) {
    .o-header__inner {
        height: 72px;
        z-index: unset;
    }
}

.o-header__branding {
    max-width: 200px;
    line-height: 0
}

    .o-header__branding a {
        display: block;
        text-align: center
    }

.o-header__button {
    display: none
}

@media screen and (max-width: 599px) {
    .o-header__branding {
        margin-top: 1rem;
        margin-bottom: 1rem
    }
}

@media screen and (max-width: 599px)and (min-width: 760px) {
    .o-header__branding {
        margin-top: 1.5rem
    }
}

@media screen and (max-width: 599px)and (min-width: 760px) {
    .o-header__branding {
        margin-bottom: 1.5rem
    }
}

@media screen and (max-width: 1040px) {
    .o-header__navigation {
        width: 270px;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9000;
        background-color: #fff;
        overflow: auto;
        animation-duration: .5s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: both
    }

    html.nav-open .o-header__navigation {
        display: block;
        transform: translateX(0)
    }

    html.nav-fadein .o-header__navigation {
        animation-name: oHeaderNavigationSlideIn
    }

    html.nav-fadeout .o-header__navigation {
        animation-name: oHeaderNavigationSlideOut
    }
}

@keyframes oHeaderNavigationSlideIn {
    from {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes oHeaderNavigationSlideOut {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@media screen and (min-width: 600px) {
    .o-header__inner {
        padding-right: 0.5rem;
        padding-left: 0.5rem
    }

    .o-header__navigation {
        flex-grow: 1;
        width: 100%
    }
}

@media screen and (min-width: 600px)and (max-width: 1019px) {
    .o-header__branding {
        margin-top: 1rem;
        margin-bottom: 1rem
    }
}

@media screen and (min-width: 600px)and (max-width: 1019px)and (min-width: 760px) {
    .o-header__branding {
        margin-top: 1.5rem
    }
}

@media screen and (min-width: 1020px) {
    .o-header__inner {
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch
    }

    .o-header__branding {
        flex-shrink: 0;
        display: inline-block;
        margin: .25rem 1rem .5rem 0;
        align-self: center
    }

    .o-header__button {
        display: inline-flex;
        margin-left: 1rem;
        white-space: nowrap
    }
}

.o-jumbotron {
    position: relative;
    color: #fff;
    background-color: var(--rkc-green)
}

.o-jumbotron__media, .o-jumbotron__media::after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

    .o-jumbotron__media::after {
        content: "";
        background-color: rgba(0,0,0,.5)
    }

.o-jumbotron__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 760px) {
    .o-jumbotron__inner {
        padding-top: 3.75rem
    }
}

@media screen and (min-width: 760px) {
    .o-jumbotron__inner {
        padding-bottom: 3.75rem
    }
}

.o-jumbotron__heading {
    font-size: 2.5rem;
    margin-bottom: 1rem
}

@media screen and (min-width: 760px) {
    .o-jumbotron__heading {
        font-size: 3.125rem
    }
}

.o-jumbotron__content {
    font-size: .875rem;
    max-width: 40em
}

@media screen and (min-width: 760px) {
    .o-jumbotron__content {
        font-size: 1rem
    }
}

.o-jumbotron__cta {
    margin-top: 1rem
}

@media screen and (min-width: 760px) {
    .o-jumbotron__cta {
        margin-top: 1.25rem
    }
}

.o-jumbotron--centred {
    text-align: center
}

    .o-jumbotron--centred .o-jumbotron__content {
        margin-right: auto;
        margin-left: auto
    }

.o-points-of-a-dog {
    font-size: 20px
}

.o-points-of-a-dog__navigation {
    display: flex;
    align-items: center;
    background-color: var(--rkc-sage-200)
}

.o-points-of-a-dog__navigation-item {
    display: inline-flex;
    align-items: center;
    padding: .5rem;
    color: var(--rkc-green);
    cursor: pointer
}

    .o-points-of-a-dog__navigation-item + .o-points-of-a-dog__navigation-item {
        margin-left: .25rem
    }

    .o-points-of-a-dog__navigation-item .a-icon {
        flex-shrink: 0
    }

        .o-points-of-a-dog__navigation-item .o-points-of-a-dog__navigation-label + .a-icon, .o-points-of-a-dog__navigation-item .a-icon + .o-points-of-a-dog__navigation-label {
            margin-left: .25rem
        }

    .o-points-of-a-dog__navigation-item:hover, .o-points-of-a-dog__navigation-item:focus {
        color: #fff;
        background-color: var(--rkc-green)
    }

@media screen and (max-width: 759px) {
    .o-points-of-a-dog__navigation-label {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        overflow: hidden;
        clip: rect(0 0 0 0)
    }
}

.o-points-of-a-dog__navigation-current {
    margin-right: auto;
    padding: .5rem;
    line-height: 1
}

.o-points-of-a-dog__view {
    text-align: center
}

.o-points-of-a-dog__title {
    font-size: 2.5rem;
    line-height: 1.15
}

@media screen and (min-width: 760px) {
    .o-points-of-a-dog__title {
        font-size: 3.125rem
    }
}

.o-points-of-a-dog__image-container {
    display: inline-block;
    transform-origin: top left
}

.o-points-of-a-dog__image {
    display: inline-block;
    position: relative;
    line-height: 0
}

    .o-points-of-a-dog__image > img {
        max-width: none
    }

.o-points-of-a-dog__section-selector {
    line-height: 1.15;
    display: flex;
    flex-direction: column;
    padding: 1em;
    position: absolute;
    width: calc(50% + 2px);
    height: calc(50% + 2px);
    border: 2px solid var(--rkc-green);
    background-color: rgba(255,255,255,.8);
    cursor: pointer;
    transition-property: color,background-color;
    transition-duration: .3333s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
}

    .o-points-of-a-dog__section-selector:hover, .o-points-of-a-dog__section-selector:focus {
        color: var(--rkc-green);
        background-color: rgba(163,233,83,.8)
    }

    .o-points-of-a-dog__section-selector[id=sHeadAndNeck] {
        top: 0;
        left: 0;
        justify-content: flex-start;
        align-items: flex-start;
        text-align: left
    }

    .o-points-of-a-dog__section-selector[id=sBody] {
        top: 0;
        left: 50%;
        justify-content: flex-start;
        align-items: flex-end;
        text-align: right
    }

    .o-points-of-a-dog__section-selector[id=sForequarters] {
        top: 50%;
        left: 0;
        justify-content: flex-end;
        align-items: flex-start;
        text-align: left
    }

    .o-points-of-a-dog__section-selector[id=sRearquarters] {
        top: 50%;
        left: 50%;
        justify-content: flex-end;
        align-items: flex-end;
        text-align: right
    }

    .o-points-of-a-dog__section-selector strong {
        font-size: 1.5625em;
        font-weight: 700
    }

.o-points-of-a-dog__label {
    line-height: 1.15;
    width: 8em;
    position: absolute;
    border-radius: 4px;
    transform: translate(-50%, -50%)
}

    .o-points-of-a-dog__label.is-incorrect .o-points-of-a-dog__select {
        border-color: #e00132;
        animation-name: oPointsOfADogIncorrect;
        animation-duration: .3333s;
        animation-iteration-count: 1;
        animation-timing-function: linear
    }

    .o-points-of-a-dog__label.is-correct {
        animation-name: oPointsOfADogCorrect;
        animation-duration: 1.5s;
        animation-iteration-count: 1;
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
    }

    .o-points-of-a-dog__label:focus-within {
        z-index: 1
    }

    .o-points-of-a-dog__label[id=q0] {
        top: 40px;
        left: 450px
    }

    .o-points-of-a-dog__label[id=q1] {
        top: 115px;
        left: 675px
    }

    .o-points-of-a-dog__label[id=q2] {
        top: 40px;
        left: 100px
    }

    .o-points-of-a-dog__label[id=q3] {
        top: 535px;
        left: 290px
    }

    .o-points-of-a-dog__label[id=q4] {
        top: 475px;
        left: 165px
    }

    .o-points-of-a-dog__label[id=q5] {
        top: 40px;
        left: 275px
    }

    .o-points-of-a-dog__label[id=q6] {
        top: 375px;
        left: 95px
    }

    .o-points-of-a-dog__label[id=q7] {
        top: 40px;
        left: 625px
    }

    .o-points-of-a-dog__label[id=q8] {
        top: 475px;
        left: 595px
    }

    .o-points-of-a-dog__label[id=q9] {
        top: 475px;
        left: 415px
    }

    .o-points-of-a-dog__label[id=q10] {
        top: 40px;
        left: 95px
    }

    .o-points-of-a-dog__label[id=q11] {
        top: 70px;
        left: 95px
    }

    .o-points-of-a-dog__label[id=q12] {
        top: 535px;
        left: 95px
    }

    .o-points-of-a-dog__label[id=q13] {
        top: 70px;
        left: 415px
    }

    .o-points-of-a-dog__label[id=q14] {
        top: 195px;
        left: 95px
    }

    .o-points-of-a-dog__label[id=q15] {
        top: 280px;
        left: 95px
    }

    .o-points-of-a-dog__label[id=q16] {
        top: 345px;
        left: 95px
    }

    .o-points-of-a-dog__label[id=q17] {
        top: 410px;
        left: 95px
    }

    .o-points-of-a-dog__label[id=q18] {
        top: 470px;
        left: 95px
    }

    .o-points-of-a-dog__label[id=q19] {
        top: 535px;
        left: 95px
    }

    .o-points-of-a-dog__label[id=q20] {
        top: 40px;
        left: 275px
    }

    .o-points-of-a-dog__label[id=q21] {
        top: 535px;
        left: 275px
    }

    .o-points-of-a-dog__label[id=q22] {
        top: 430px;
        left: 470px
    }

    .o-points-of-a-dog__label[id=q23] {
        top: 410px;
        left: 650px
    }

    .o-points-of-a-dog__label[id=q24] {
        top: 430px;
        left: 110px
    }

    .o-points-of-a-dog__label[id=q25] {
        top: 115px;
        left: 405px
    }

    .o-points-of-a-dog__label[id=q26] {
        top: 290px;
        left: 110px
    }

    .o-points-of-a-dog__label[id=q27] {
        top: 40px;
        left: 505px
    }

    .o-points-of-a-dog__label[id=q28] {
        top: 40px;
        left: 680px
    }

    .o-points-of-a-dog__label[id=q29] {
        top: 535px;
        left: 680px
    }

    .o-points-of-a-dog__label[id=q30] {
        top: 535px;
        left: 505px
    }

    .o-points-of-a-dog__label[id=q31] {
        top: 230px;
        left: 670px
    }

    .o-points-of-a-dog__label[id=q32] {
        top: 430px;
        left: 305px
    }

    .o-points-of-a-dog__label[id=q33] {
        top: 290px;
        left: 670px
    }

    .o-points-of-a-dog__label[id=q34] {
        top: 400px;
        left: 670px
    }

    .o-points-of-a-dog__label[id=q35] {
        top: 465px;
        left: 670px
    }

    .o-points-of-a-dog__label[id=q36] {
        top: 530px;
        left: 670px
    }

    .o-points-of-a-dog__label[id=q37] {
        top: 255px;
        left: 690px
    }

    .o-points-of-a-dog__label[id=q38] {
        top: 150px;
        left: 670px
    }

    .o-points-of-a-dog__label[id=q39] {
        top: 65px;
        left: 590px
    }

    .o-points-of-a-dog__label[id=q40] {
        top: 80px;
        left: 365px
    }

    .o-points-of-a-dog__label[id=q41] {
        top: 105px;
        left: 120px
    }

    .o-points-of-a-dog__label[id=q42] {
        top: 265px;
        left: 155px
    }

    .o-points-of-a-dog__label[id=q43] {
        top: 410px;
        left: 80px
    }

    .o-points-of-a-dog__label[id=q44] {
        top: 550px;
        left: 235px
    }

    .o-points-of-a-dog__label[id=q45] {
        top: 405px;
        left: 420px
    }

    .o-points-of-a-dog__label[id=q46] {
        top: 280px;
        left: 440px
    }

    .o-points-of-a-dog__label[id=q47] {
        top: 110px;
        left: 540px
    }

    .o-points-of-a-dog__label[id=q48] {
        top: 550px;
        left: 515px
    }

    .o-points-of-a-dog__label[id=q49] {
        top: 215px;
        left: 685px
    }

    .o-points-of-a-dog__label[id=q50] {
        top: 550px;
        left: 685px
    }

.o-points-of-a-dog__answer, .o-points-of-a-dog__select {
    padding: .25em;
    border: 2px solid var(--rkc-green);
    border-radius: 4px;
    font-size: 1.125em;
    text-align: center
}

.o-points-of-a-dog__select {
    width: 100%;
    background: var(--rkc-sage-200);
    white-space: normal;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    text-align-last: center;
    transition-property: border-color;
    transition-duration: .3333s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
}

.o-points-of-a-dog__answer {
    color: #fff;
    background-color: var(--rkc-green)
}

@keyframes oPointsOfADogCorrect {
    0% {
        box-shadow: 0 0 0 0 rgba(0,105,84,.5)
    }

    100% {
        box-shadow: 0 0 0 2em rgba(0,105,84,0)
    }
}

@keyframes oPointsOfADogIncorrect {
    0% {
        transform: skewX(-15deg)
    }

    25% {
        transform: skewX(15deg)
    }

    50% {
        transform: skewX(-15deg)
    }

    75% {
        transform: skewX(15deg)
    }

    100% {
        transform: skewX(0deg)
    }
}

.o-promo-banner {
    padding: 1.25rem;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    color: #fff;
    background-color: var(--rkc-green);
    text-align: center;
    overflow: hidden;
}

@media screen and (min-width: 760px) {
    .o-promo-banner::after {
        content: "";
        position: absolute;
        inset: 0;
        background: url("../images/royal/RKC-Crest-sage-RGB.svg") right -24px bottom -24px / 320px no-repeat;
        opacity: 0.15;
        pointer-events: none;
        z-index: 0;
        background-repeat: no-repeat;
        background-size: var(--wm-size);
        background-position: left calc(33.333% - (var(--wm-size) / 2)) bottom 24px;
    }
}

@media screen and (min-width: 760px) {
    .o-promo-banner {
        padding: 2rem
    }
}

@media only print {
    .o-promo-banner {
        display: none
    }
}

.o-promo-banner__media {
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

    .o-promo-banner__media::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0,105,84,.8)
    }

.o-promo-banner__inner {
    position: relative
}

.o-promo-banner__title {
    font-size: 2rem;
    line-height: 1.15
}

@media screen and (min-width: 760px) {
    .o-promo-banner__title {
        font-size: 2.125rem
    }
}

.o-promo-banner__content {
    max-width: 34em;
    margin-top: 0.5rem;
    margin-right: auto;
    margin-left: auto;
    font-size: 18px;
}

.o-promo-banner__cta {
    margin-top: 1rem
}

@media screen and (min-width: 760px) {
    .o-promo-banner__cta {
        margin-top: 1.25rem
    }
}

.o-promo-banner__second-cta-label, .o-promo-banner__second-cta {
    margin-left: 0.5rem
}

.o-promo-banner__second-cta {
    color: inherit
}

.o-promo-banner--large {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

@media screen and (min-width: 760px) {
    .o-promo-banner--large {
        padding-top: 3.75rem
    }
}

@media screen and (min-width: 760px) {
    .o-promo-banner--large {
        padding-bottom: 3.75rem
    }
}

.o-promo-banner--large .o-promo-banner__title {
    font-size: 3rem
}

@media screen and (min-width: 760px) {
    .o-promo-banner--large .o-promo-banner__title {
        font-size: 4.1875rem
    }
}

.o-search-form__form {
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.o-search-form__form-input, .o-search-form__form-button {
    margin-bottom: 0
}

.o-search-form__form-input {
    flex-grow: 1
}

.o-search-form__form-input--narrow {
    max-width: 280px
}

.o-search-form__form-button {
    flex-grow: 0;
    flex-shrink: 0
}

.o-search-form__label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin-bottom: 0.5rem;
    font-weight: 700
}

.o-search-form__help {
    margin-top: 1rem;
    font-size: .875rem;
    text-align: right
}

@media screen and (min-width: 760px) {
    .o-search-form__help {
        font-size: 1rem
    }
}

.o-search-form__help-link {
    color: var(--rkc-green);
    font-weight: 500;
    text-decoration: none
}

    .o-search-form__help-link:hover, .o-search-form__help-link:focus {
        color: var(--rkc-green);
        box-shadow: inset 0 -0.15em 0 0 currentColor
    }

.o-search-form--popover {
    padding: 1rem;
    width: 100%;
    border-bottom-width: 2px;
    border-style: solid;
    border-color: var(--rkc-green);
    position: absolute;
    z-index: 9000;
    background-color: #fff;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

@media screen and (min-width: 761px) {
    .o-search-form--popover {
        border-right-width: 2px;
        border-left-width: 2px
    }
}

.o-search-form--popover .a-input {
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
}

.o-site-banner {
    font-size: .875rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: var(--rkc-charcoal);
    border-bottom: 4px solid #ffaf03;
    background-color: #ffefd5
}

@media screen and (min-width: 760px) {
    .o-site-banner {
        font-size: 1rem
    }
}

.o-site-banner__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

.o-section {
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    position: relative
}

.t-my-account__inner .o-section {
    width: 100% !important;
}

.o-section__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    position: relative
}

.t-homepage .o-section,
.t-homepage .o-section__inner {
    width: 100% !important;
}

.o-section__header {
    margin-bottom: 1.25rem
}

@media screen and (min-width: 760px) {
    .o-section__header {
        margin-bottom: 2rem
    }
}

@media (max-width: 760px) {
    .o-section__header {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: column; /* stack children vertically */
        align-items: flex-start; /* align left instead of centered */
    }

        .o-section__header .a-button {
            margin-top: 1rem; /* add some spacing below the title */
            align-self: flex-start; /* keep button left-aligned */
        }
}

.o-section__media {
    margin-bottom: 1.25rem;
    max-width: 34em;
    margin-right: auto;
    margin-left: auto
}

@media screen and (min-width: 760px) {
    .o-section__media {
        margin-bottom: 2rem
    }
}

.o-section__title {
    font-size: 34px;
    line-height: 1.15;
    color: var(--rkc-green);
}

.o-section__blurb {
    margin-top: 0.5rem;
    max-width: 40em
}

.o-section__footer {
    margin-top: 1rem
}

@media screen and (min-width: 760px) {
    .o-section__footer {
        margin-top: 1.25rem
    }
}

.o-section__footer--centred {
    text-align: center
}

.o-section--padded {
    padding-bottom: 2.5rem
}

@media screen and (min-width: 760px) {
    .o-section--padded {
        padding-bottom: 3.75rem
    }
}

.o-section--padded + .o-section--padded {
    margin-top: 0
}

.o-section--left {
    text-align: left;
    display: inline-block;
}

.o-section--centred .o-section__header {
    text-align: center
}

.o-section--centred .o-section__title, .o-section--centred .o-section__blurb {
    margin-right: auto;
    margin-left: auto
}

.o-section--dashboard {
    margin-top: 1.5rem
}

@media screen and (min-width: 760px) {
    .o-section--dashboard {
        margin-top: 2.5rem
    }
}

.o-section--subsection {
    margin-top: 1.25rem
}

@media screen and (min-width: 760px) {
    .o-section--subsection {
        margin-top: 2rem
    }
}

.o-section--subsection .o-section__title {
    font-size: 1.5rem;
    line-height: 1
}

@media screen and (min-width: 760px) {
    .o-section--subsection .o-section__title {
        font-size: 1.75rem
    }
}

.t-article {
    min-height: 600px;
}

@media screen and (max-width: 760px) {
    .t-article {
        min-height: unset;
    }
}

.t-article__header {
    color: var(--rkc-green);
    text-align: center;
    min-height: 250px;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: var(--rkc-sage-200);
}

.t-article__content {
    margin-block: auto;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 60px;
    width: 95%;
    max-width: 70%;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (max-width: 760px) {
    .t-article__content {
        max-width: unset;
    }
}

.t-article__title {
    font-size: 50px;
    line-height: 1;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

@media screen and (max-width: 760px) {
    .t-article__title {
        font-size: 40px;
        max-width: 75%;
    }
}

.t-article__title em {
    display: block;
    font-style: normal;
    opacity: .67
}

.t-article__pubdate {
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: block;
    color: var(--rkc-green);
    position: relative;
}

.t-article__body {
    max-width: 34em;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 2.5rem;
    padding-top: 20px;
}

    /* If content is directly under body without ruffles (like on generic pages with no ruffles added) */
    .t-article__body > .a-wysiwyg,
    .t-article__body > .a-details,
    .t-article__body > .t-article__related,
    .t-article__body > .m-form,
    .t-article__body > .m-tabs,
    .t-article__body > .t-article__figure,
    .o-filterable-list {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

@media print {
    .t-article__body {
        max-width: none
    }
}

.t-article__body > .a-wysiwyg + .a-wysiwyg, .a-table .t-article__body > caption + .a-wysiwyg, .a-table .t-article__body > .a-wysiwyg + caption, .a-table .t-article__body > caption + caption, .t-article__body > .a-details + .a-wysiwyg {
    margin-top: 1rem
}

@media screen and (min-width: 760px) {
    .t-article__body > .a-wysiwyg + .a-wysiwyg, .a-table .t-article__body > caption + .a-wysiwyg, .a-table .t-article__body > .a-wysiwyg + caption, .a-table .t-article__body > caption + caption, .t-article__body > .a-details + .a-wysiwyg {
        margin-top: 1.25rem
    }
}

.t-article__body > .m-tabs, .t-article__body > .m-pullquote, .t-article__body > .m-download-link {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    clear: both
}

.t-article__lead {
    font-size: 1.25rem
}

@media screen and (min-width: 760px) {
    .t-article__lead {
        font-size: 1.5625rem
    }
}

.t-article__figure {
    margin: 0
}

.t-article__figure--full {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    clear: both
}

.t-article__figcaption {
    padding: 1rem;
    font-size: .875rem;
    color: #fff;
    background-color: var(--rkc-green);
    margin-top: 6px;
    border-radius: 16px;
}

@media screen and (min-width: 760px) {
    .t-article__figcaption {
        font-size: 1rem
    }
}

.a-youtube-video {
    border-radius: 16px;
}


.t-article__figure--small, .t-article__advert {
    margin-bottom: 0.5rem;
    width: 100%;
    max-width: 300px
}

@media screen and (max-width: 599px) {
    .t-article__figure--small, .t-article__advert {
        margin-top: 1rem;
        margin-right: auto;
        margin-left: auto
    }
}

@media screen and (min-width: 600px) {
    .t-article__figure--small, .t-article__advert {
        margin-left: 0.75rem !important;
        float: right;
        clear: right
    }
}

@media print {
    .t-article__figure--small, .t-article__advert {
        margin-left: 0.75rem !important;
        float: right;
        clear: right
    }
}

.t-article__advert {
    width: 300px
}

.t-article__ad-bar {
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    padding-top: 16px;
}

@media only screen and (min-width: 44em) {
    .t-article .t-article__body .t-article__ad-bar {
        margin-right: -5em;
        margin-left: -5em
    }
}

.t-article__related {
    clear: both;
    color: var(--rkc-green)
}

@media only screen {
    .t-article__related {
        position: relative;
    }
}

.t-article__columns {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 600px) {
    .t-article__columns {
        flex-direction: row
    }
}

@media screen and (max-width: 599px) {
    .t-article__column + .t-article__column {
        margin-top: 1rem
    }
}

@media screen and (max-width: 599px)and (min-width: 760px) {
    .t-article__column + .t-article__column {
        margin-top: 1.25rem
    }
}

@media screen and (min-width: 600px) {
    .t-article__column {
        flex: 0 1 50%
    }

        .t-article__column + .t-article__column {
            margin-left: 30px
        }
}

.t-breed-information__inner {
}

.t-breed-information__header {
    margin-bottom: 2.5rem
}

@media screen and (max-width: 1019px) {
    .t-breed-information__split > *:first-child {
        margin-bottom: 1rem
    }
}

@media screen and (max-width: 1019px)and (min-width: 760px) {
    .t-breed-information__split > *:first-child {
        margin-bottom: 1.25rem
    }
}

@media screen and (min-width: 1020px) {
    .t-breed-information__split {
        display: flex;
        justify-content: space-between;
        align-items: flex-start
    }

        .t-breed-information__split > * {
            flex: 0 0 calc(150px + ((100% - 330px) / 12 * 6))
        }
}

.t-breed-information__tabs-title {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1;
    color: var(--rkc-green)
}

@media screen and (min-width: 760px) {
    .t-breed-information__tabs-title {
        font-size: 1.75rem
    }
}

.t-breed-information__registration-colours {
    margin-top: 1rem;
    border: 1px solid var(--rkc-charcoal)
}

.t-breed-information__registration-colours-title {
    padding: 0.5rem;
    text-align: center
}

.t-breed-information__registration-colours-list {
    font-size: .875rem;
    list-style-type: none;
    column-width: 11em;
    column-gap: 0;
    column-rule: 1px solid var(--rkc-charcoal)
}

@media screen and (min-width: 760px) {
    .t-breed-information__registration-colours-list {
        font-size: 1rem
    }
}

.t-breed-information__registration-colours-list li {
    padding: 0.5rem;
    border-top-width: 1px;
    border-style: solid;
    border-color: var(--rkc-charcoal);
    break-inside: avoid;
    page-break-inside: avoid
}

.t-breed-information__breed-watch {
    padding: 1rem;
    border: 2px solid var(--rkc-sage-200);
    border-radius: 8px;
}

.t-breed-information__adopt {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    color: #fff;
    background-color: var(--rkc-green);
    max-width: 1140px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

@media only screen {
    .t-breed-information__adopt {
        position: relative;
        background-color: var(--rkc-green)
    }

        .t-breed-information__adopt::before, .t-breed-information__adopt::after {
            content: "";
            width: 50vw;
            height: 100%;
            position: absolute;
            top: 0;
            z-index: -1;
            background-color: var(--rkc-green)
        }

        .t-breed-information__adopt::before {
            right: 50%
        }

        .t-breed-information__adopt::after {
            left: 50%
        }
}

@media screen and (min-width: 760px) {
    .t-breed-information__adopt {
        padding-top: 3.75rem
    }
}

@media screen and (min-width: 760px) {
    .t-breed-information__adopt {
        padding-bottom: 3.75rem
    }
}

@media only print {
    .t-breed-information__adopt {
        display: none
    }
}

.t-breed-information__adopt .o-section__title {
    color: #fff !important
}

.t-breed-information__adopt-cta {
    margin-top: 1rem
}

@media screen and (min-width: 760px) {
    .t-breed-information__adopt-cta {
        margin-top: 1.25rem
    }
}

.t-breed-information__tools {
    margin-top: 0;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-bottom: 4rem;
    max-width: 1140px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.t-breed-information__related {
    max-width: 1140px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.t-breed-information__main {
    max-width: 1140px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

@media only screen {
    .t-breed-information__tools {
        position: relative;
        background-color: var(--rkc-sage-200)
    }

        .t-breed-information__tools::before, .t-breed-information__tools::after {
            content: "";
            width: 50vw;
            height: 100%;
            position: absolute;
            top: 0;
            z-index: -1;
            background-color: var(--rkc-sage-200)
        }

        .t-breed-information__tools::before {
            right: 50%
        }

        .t-breed-information__tools::after {
            left: 50%
        }
}

@media only print {
    .t-breed-information__tools {
        display: none
    }
}

.t-breeder-profile {
    margin-bottom: 2.5rem;
    padding-right: 15px;
    padding-left: 15px
}

@media screen and (min-width: 760px) {
    .t-breeder-profile {
        margin-bottom: 3.75rem
    }
}

.t-breeder-profile__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

.t-breeder-profile__header {
    margin-bottom: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    color: var(--rkc-green)
}

@media only screen {
    .t-breeder-profile__header {
        position: relative;
        background-color: var(--rkc-sage-200)
    }

        .t-breeder-profile__header::before, .t-breeder-profile__header::after {
            content: "";
            width: 50vw;
            height: 100%;
            position: absolute;
            top: 0;
            z-index: -1;
            background-color: var(--rkc-sage-200)
        }

        .t-breeder-profile__header::before {
            right: 50%
        }

        .t-breeder-profile__header::after {
            left: 50%
        }
}

@media screen and (min-width: 760px) {
    .t-breeder-profile__header {
        margin-bottom: 3.25rem
    }
}

@media screen and (min-width: 760px) {
    .t-breeder-profile__header {
        padding-top: 3.25rem
    }
}

@media screen and (min-width: 760px) {
    .t-breeder-profile__header {
        padding-bottom: 3.25rem
    }
}

.t-breeder-profile__assured-breeder {
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-size: .875rem;
    display: flex;
    align-items: center;
    font-weight: 500
}

@media screen and (min-width: 760px) {
    .t-breeder-profile__assured-breeder {
        font-size: 1rem
    }
}

.t-breeder-profile__assured-breeder .a-icon {
    margin-right: 0.5rem;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    color: var(--rkc-green)
}

.t-breeder-profile__name {
    font-size: 2.5rem;
    line-height: 1;
    color: var(--rkc-green)
}

@media screen and (min-width: 760px) {
    .t-breeder-profile__name {
        font-size: 3.125rem
    }
}

.t-breeder-profile__name em {
    margin-top: 0.5rem;
    font-size: 1rem;
    display: block;
    font-style: normal;
    font-weight: normal
}

@media screen and (min-width: 760px) {
    .t-breeder-profile__name em {
        font-size: 1.125rem
    }
}

.t-breeder-profile__accolades-summary {
    margin-top: 1rem;
    font-size: 1.5rem;
    color: var(--rkc-green)
}

@media screen and (min-width: 760px) {
    .t-breeder-profile__accolades-summary {
        font-size: 1.75rem
    }
}

.t-breeder-profile__accolades {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    text-align: center
}

html.cssgrid .t-breeder-profile__accolades {
    display: grid;
    grid-template-columns: repeat(auto-fit, 9rem);
    grid-gap: 30px
}

html:not(.cssgrid) .t-breeder-profile__accolades-item {
    width: 9rem;
    margin-right: 30px;
    margin-bottom: 30px
}

.t-breeder-profile__accolades-item .a-icon {
    margin-bottom: 0.5rem;
    width: 4rem;
    height: 4rem
}

.t-breeder-profile__accolades-label {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400;
    display: block
}

@media screen and (min-width: 760px) {
    .t-breeder-profile__accolades-label {
        font-size: 1rem
    }
}

.t-breeder-profile__body {
    margin-top: 2rem
}

@media screen and (min-width: 760px) {
    .t-breeder-profile__body {
        margin-top: 3.25rem
    }
}

html:not(.cssgrid) .t-breeder-profile__details {
    display: flex;
    flex-wrap: wrap
}

html.cssgrid .t-breeder-profile__details {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(12rem, 16rem));
    grid-gap: 1rem;
    color: #FFF;
}

.t-breeder-profile__detail dt {
    color: var(--rkc-gold);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px;
}

.t-breeder-profile__detail dd {
    font-size: 18px;
}

.t-breeder-profile__detail .u-link {
    color: #FFF;
}

@media screen and (min-width: 760px) {
    .t-breeder-profile__detail dt {
        font-size: 1rem
    }
}

html:not(.cssgrid) .t-breeder-profile__detail {
    margin-right: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    max-width: 12rem
}

@media only screen {
    .t-breeder-profile__contact, .t-breeder-profile__adverts {
        position: relative;
        background-color: var(--rkc-sage-200)
    }

        .t-breeder-profile__contact::before, .t-breeder-profile__contact::after, .t-breeder-profile__adverts::before, .t-breeder-profile__adverts::after {
            content: "";
            width: 50vw;
            height: 100%;
            position: absolute;
            top: 0;
            z-index: -1;
            background-color: var(--rkc-sage-200)
        }

        .t-breeder-profile__contact::before, .t-breeder-profile__adverts::before {
            right: 50%
        }

        .t-breeder-profile__contact::after, .t-breeder-profile__adverts::after {
            left: 50%
        }
}

.t-breeder-profile__footnotes {
    margin-top: 1rem;
    font-size: .875rem;
    color: #828585
}

@media screen and (min-width: 760px) {
    .t-breeder-profile__footnotes {
        font-size: 1rem
    }
}

.t-cart {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: var(--top-padding);
    margin-bottom: 2.5rem
}

@media screen and (min-width: 760px) {
    .t-cart {
        margin-bottom: 3.75rem
    }
}

.t-cart__inner {
    max-width: 45rem;
    margin-right: auto;
    margin-left: auto
}

    .t-cart__inner:before, .t-cart__inner:after {
        display: table;
        content: " "
    }

    .t-cart__inner:after {
        clear: both
    }

.t-cart__header {
    margin-top: 2.5rem;
    margin-bottom: 1.25rem
}

@media screen and (min-width: 760px) {
    .t-cart__header {
        margin-top: 3.75rem
    }
}

@media screen and (min-width: 760px) {
    .t-cart__header {
        margin-bottom: 2rem
    }
}

@media screen and (min-width: 760px) {
    .t-cart__header {
        display: flex;
        justify-content: space-between;
        align-items: baseline
    }
}

.t-cart__title {
    font-size: 2.5rem;
    line-height: 1;
    color: var(--rkc-green);
    margin-bottom: 0.5rem;
}

@media screen and (min-width: 760px) {
    .t-cart__title {
        font-size: 3.125rem;
        margin-bottom: unset;
    }
}

.t-cart__continue {
    margin-top: 0.5rem
}

@media only print {
    .t-cart__continue {
        display: none
    }
}

.t-cart__controls {
    margin-top: 1rem;
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 760px) {
    .t-cart__controls {
        margin-top: 1.25rem
    }
}

@media screen and (min-width: 420px) {
    .t-cart__controls {
        flex-direction: row
    }
}

@media only print {
    .t-cart__controls {
        display: none
    }
}

@media screen and (min-width: 420px) {
    .t-cart__cart-options {
        width: calc(150px + ((100% - 330px) / 12 * 6));
        margin-right: 30px
    }
}

.t-cart__checkout {
    text-align: center
}

@media screen and (min-width: 420px) {
    .t-cart__checkout {
        width: calc(150px + ((100% - 330px) / 12 * 6));
        text-align: right
    }
}

.t-cart__voucher {
    margin-top: 0.5rem
}

.t-cart__voucher-form.is-modal {
    padding: 1rem;
    width: 100%;
    max-width: 300px;
    border-width: 2px;
    border-style: solid;
    border-color: var(--rkc-green);
    border-radius: 8px;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9000;
    transform: translate(-50%, -50%)
}

    .t-cart__voucher-form.is-modal h2 {
        margin-top: 0
    }

.t-cart__update, .t-cart__update-alert {
    margin-bottom: 1rem
}

@media screen and (min-width: 760px) {
    .t-cart__update, .t-cart__update-alert {
        margin-bottom: 1.25rem
    }
}

.t-cart__empty {
    margin-top: 2.5rem;
    text-align: center
}

@media screen and (min-width: 760px) {
    .t-cart__empty {
        margin-top: 3.75rem
    }
}

.t-cart__empty-icon {
    margin-bottom: 1.25rem;
    padding: 2.5rem;
    display: inline-block;
    position: relative;
    border-radius: 50%;
    color: #fff;
    background-color: #151331;
    overflow: hidden
}

@media screen and (min-width: 760px) {
    .t-cart__empty-icon {
        margin-bottom: 2rem
    }
}

@media screen and (min-width: 760px) {
    .t-cart__empty-icon {
        padding: 3.75rem
    }
}

.t-cart__empty-icon::before, .t-cart__empty-icon::after {
    content: "";
    border-radius: 50%;
    position: absolute
}

.t-cart__empty-icon::before {
    width: 100%;
    height: 30%;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #30448b
}

.t-cart__empty-icon::after {
    width: 20%;
    height: 20%;
    top: 10%;
    left: 5%;
    background-color: #929293
}

.t-cart__empty-icon .a-icon {
    width: 10rem;
    height: 10rem;
    position: relative
}

.t-cart__empty-icon span {
    font-size: 1.25rem;
    top: 25%;
    right: 40%;
    animation-name: tCartYAxis
}

@media screen and (min-width: 760px) {
    .t-cart__empty-icon span {
        font-size: 1.5625rem
    }
}

.t-cart__empty-icon span:nth-of-type(1), .t-cart__empty-icon span:nth-of-type(1)::after {
    animation-delay: 1s
}

.t-cart__empty-icon span:nth-of-type(2), .t-cart__empty-icon span:nth-of-type(2)::after {
    animation-delay: 2s
}

.t-cart__empty-icon span:nth-of-type(3), .t-cart__empty-icon span:nth-of-type(3)::after {
    animation-delay: 3s
}

.t-cart__empty-icon span:nth-of-type(4), .t-cart__empty-icon span:nth-of-type(4)::after {
    animation-delay: 4s
}

.t-cart__empty-icon span, .t-cart__empty-icon span::after {
    position: absolute;
    animation-duration: 4s;
    animation-timing-function: ease;
    animation-fill-mode: both;
    animation-iteration-count: infinite
}

    .t-cart__empty-icon span::after {
        content: "Z";
        animation-name: tCartXAxis;
        font-weight: 700
    }

.t-cart__empty-messaging p {
    margin-right: auto;
    margin-left: auto
}

@keyframes tCartYAxis {
    0% {
        opacity: 0;
        transform: translateY(0) scale(0.4)
    }

    50% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translateY(-4rem) scale(1.2)
    }
}

@keyframes tCartXAxis {
    0% {
        transform: translateX(0)
    }

    20% {
        transform: translateX(0.6rem)
    }

    100% {
        transform: translateX(0rem)
    }
}

.t-datasheet {
    padding-top: var(--top-padding)
}

.t-datasheet__header {
    padding-top: 2rem;
    padding-bottom: 2rem;
    min-height: 200px;
}

.t-datasheet__header__container {
    width: 95%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

.t-datasheet__header h1 {
    text-align: left;
    padding-bottom: 0px;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}

@media only screen {
    .t-datasheet__header {
        position: relative;
        background-color: var(--rkc-sage-200)
    }
}

@media screen and (min-width: 760px) {
    .t-datasheet__header {
        padding-top: 3.25rem
    }
}

@media screen and (min-width: 760px) {
    .t-datasheet__header {
        padding-bottom: 3.25rem
    }
}

.t-datasheet__title {
    font-size: 2.5rem;
    line-height: 1;
    color: var(--rkc-green);
    text-align: center;
    padding-top: 40px;
    padding-bottom: 60px;
}

@media screen and (min-width: 760px) {
    .t-datasheet__title {
        font-size: 3.125rem
    }
}

.t-datasheet__title em {
    margin-top: 0.5rem;
    font-size: 1rem;
    display: block;
    font-style: normal;
    font-weight: normal;
    opacity: .67
}

@media screen and (min-width: 760px) {
    .t-datasheet__title em {
        font-size: 1.125rem
    }
}

.t-datasheet__pretitle, .t-datasheet__subtitle {
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-size: .875rem
}

@media screen and (min-width: 760px) {
    .t-datasheet__pretitle, .t-datasheet__subtitle {
        font-size: 1rem
    }
}

.t-datasheet__pretitle {
    margin-bottom: 0.5rem
}

.t-datasheet__subtitle {
    margin-top: 0.5rem
}

.t-datasheet__aside {
    padding: 1rem;
    background-color: var(--rkc-sage-200)
}

@media screen and (min-width: 760px) {
    .t-datasheet__aside {
        padding: 1.5rem
    }
}

@media only screen {
    .t-datasheet__section {
        padding-top: 12px;
    }
}

.t-datasheet__body {
    padding-bottom: 2.5rem;
}

.t-datasheet__columns {
    display: grid
}

.t-datasheet.p-club-profile .p-club-profile__item strong {
    margin-bottom: 0.5rem;
    display: block
}

.t-datasheet.p-club-profile .p-club-profile__item-name {
    color: var(--rkc-green)
}

.t-datasheet.p-club-profile .p-club-profile__kcai {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    max-width: 1140px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

    .t-datasheet.p-club-profile .p-club-profile__kcai img {
        margin-right: 1rem;
        width: 80px;
        height: auto
    }

.t-datasheet.p-club-profile .p-club-profile__kcai-description strong {
    display: block
}

.t-datasheet.p-club-profile .p-club-profile__kcai-description small {
    font-size: .875rem
}

@media screen and (min-width: 760px) {
    .t-datasheet.p-club-profile .p-club-profile__kcai-description small {
        font-size: 1rem
    }
}

.t-show-details .t-datasheet__body,
.p-club-profile .t-datasheet__body {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1140px;
}

.t-dog-profile {
    padding-top: var(--top-padding);
}

@media screen and (min-width: 760px) {
    .t-dog-profile {
        margin-bottom: 3.75rem
    }
}

.t-dog-profile__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

html:not(.cssgrid) .t-dog-profile__details {
    display: flex;
    flex-wrap: wrap
}

html.cssgrid .t-dog-profile__details {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(12rem, 16rem));
    grid-gap: 1rem
}

.t-dog-profile__detail dt {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 700
}

@media screen and (min-width: 760px) {
    .t-dog-profile__detail dt {
        font-size: 1rem
    }
}

html:not(.cssgrid) .t-dog-profile__detail {
    margin-right: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    max-width: 12rem
}

.t-dog-profile__card {
    padding: 1rem;
    background-color: var(--rkc-sage-200);
    border-radius: 8px;
}

.t-dog-profile__card--centred {
    text-align: center
}

.t-dog-profile__card-title, .t-dog-profile__card-result, .t-dog-profile__card-detail {
    display: block
}

.t-dog-profile__card-title {
    margin-bottom: 0.5rem;
    color: var(--rkc-green)
}

.t-dog-profile__card-result {
    font-size: 1.25rem
}

@media screen and (min-width: 760px) {
    .t-dog-profile__card-result {
        font-size: 1.5625rem
    }
}

.t-dog-profile__card-detail {
    margin-top: 0.5rem;
    font-size: .875rem;
    color: #828585
}

@media screen and (min-width: 760px) {
    .t-dog-profile__card-detail {
        font-size: 1rem
    }
}

.t-dog-profile__modal.is-modal {
    padding: 1rem;
    width: 100%;
    max-width: 300px;
    border-width: 2px;
    border-style: solid;
    border-color: var(--rkc-green);
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9000;
    transform: translate(-50%, -50%);
    border-radius: 8px;
}

    .t-dog-profile__modal.is-modal h2 {
        margin-top: 0
    }

s .t-homepage {
    position: relative;
    z-index: 10;
}

.t-homepage .m-section-header--primary {
    height: 800px;
}

.t-landing__intro:has(.m-section-header__media),
.t-article__header:has(.m-section-header__media) {
    min-height: 300px;
}

@media screen and (min-width: 760px) {
    .t-landing__intro:has(.m-section-header__media),
    .t-article__header:has(.m-section-header__media) {
        min-height: 480px;
    }
}

@media screen and (min-width: 2000px) {
    .t-landing__intro,
    .t-article__header {
        min-height: 300px;
    }
}

@media screen and (min-width: 3440px) {
    .t-homepage .m-section-header--primary {
        height: 1200px;
    }

    .t-landing__intro,
    .t-article__header {
        min-height: 400px;
    }

        .t-landing__intro:has(.m-section-header__media),
        .t-article__header:has(.m-section-header__media) {
            min-height: 600px;
        }
}

.t-page__inner {
    margin-right: auto;
    margin-left: auto
}

.t-homepage__inner > * + * {
    margin-top: 2.5rem
}

@media screen and (min-width: 760px) {
    .t-homepage__inner > * + * {
        margin-top: 3.75rem
    }
}

.t-homepage .m-section-header--secondary {
    z-index: 1
}

    .t-homepage .m-section-header--secondary + .o-section__body {
        padding-bottom: 2.5rem;
        padding-top: calc(30px + 5rem);
        margin-top: -5rem
    }

@media only screen {
    .t-homepage .m-section-header--secondary + .o-section__body {
        position: relative;
        background-color: var(--rkc-sage-200)
    }

        .t-homepage .m-section-header--secondary + .o-section__body::before, .t-homepage .m-section-header--secondary + .o-section__body::after {
            content: "";
            width: 50vw;
            height: 100%;
            position: absolute;
            top: 0;
            z-index: -1;
            background-color: var(--rkc-sage-200)
        }

        .t-homepage .m-section-header--secondary + .o-section__body::before {
            right: 50%
        }

        .t-homepage .m-section-header--secondary + .o-section__body::after {
            left: 50%
        }
}

@media screen and (min-width: 760px) {
    .t-homepage .m-section-header--secondary + .o-section__body {
        padding-bottom: 3.75rem
    }
}

.t-judge-profile {
    margin-bottom: 3.75rem;
}

.t-judge-profile__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

.t-judge-profile__header {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    background-color: var(--rkc-sage-200);
}

.t-judge-profile__header__container {
    width: 95%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 760px) {
    .t-judge-profile__header {
        padding-top: 2rem
    }
}

@media screen and (min-width: 760px) {
    .t-judge-profile__header {
        padding-bottom: 2rem
    }
}

.t-judge-profile__name {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center
}

.t-judge-profile__id {
    margin-left: 1.25rem;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

@media screen and (min-width: 760px) {
    .t-judge-profile__id {
        margin-left: 2rem
    }
}

.t-judge-profile__id-item {
    margin-right: 1rem
}

.t-judge-profile__title {
    margin-bottom: 0.5rem;
    font-size: 2.5rem;
    line-height: 1.15;
    color: var(--rkc-green)
}

@media screen and (min-width: 760px) {
    .t-judge-profile__title {
        font-size: 3.125rem
    }
}

html:not(.cssgrid) .t-judge-profile__details {
    display: flex;
    flex-wrap: wrap
}

html.cssgrid .t-judge-profile__details {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(12rem, 16rem));
    grid-gap: 1rem
}

.t-judge-profile__detail dt {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .t-judge-profile__detail dt {
        font-size: 1rem
    }
}

html:not(.cssgrid) .t-judge-profile__detail {
    margin-right: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    max-width: 12rem
}

.t-judge-profile__long-list {
    column-width: 15em;
    column-gap: 30px
}

    .t-judge-profile__long-list li {
        padding-bottom: .5rem
    }

        .t-judge-profile__long-list li + li {
            margin-top: 0 !important
        }

.t-landing__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    padding-top: 2.5rem;
}

.t-landing__intro {
    color: #fff;
    text-align: center;
    min-height: 250px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.t-landing__content {
    margin-block: auto;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 70px;
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
}

.t-landing__title {
    margin-bottom: 0.5rem;
    font-size: 50px;
    line-height: 1;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    color: var(--rkc-green);
}

@media screen and (max-width: 760px) {
    .t-landing__title {
        font-size: 42px;
        max-width: 80%;
    }
}

.t-landing__blurb {
    margin-top: 1rem;
    margin-bottom: 1rem;
    max-width: 62.5%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    color: var(--rkc-charcoal);
    font-size: 18px;
}

    .t-landing__blurb > p {
        margin-right: auto;
        margin-left: auto
    }

.t-landing__inner > * {
    padding-bottom: 2.5rem; /* space between children */
}

@media screen and (min-width: 760px) {
    .t-landing__inner > * {
        padding-bottom: 3.75rem; /* space between children */
    }
}

@media only screen {
    .t-landing__shop, .t-landing__other {
        position: relative;
    }
}

.t-litter-advert {
    padding-top: var(--top-padding);
}

.t-litter-advert__page_inner {
    margin-right: auto;
    margin-left: auto
}

.t-litter-advert__inner {
    margin-right: auto;
    margin-left: auto
}

.t-litter-advert__header {
    padding-top: 4rem;
    padding-bottom: 4rem;
    position: relative;
    background-color: var(--rkc-sage-200)
}

.t-litter-advert .o-section__header:not(.about-the-litter-title) {
    margin-bottom: 16px !important;
}

@media screen and (max-width: 600px) {
    .t-litter-advert__header {
        text-align: center;
    }
}

.t-litter-advert__header_inner {
    max-width: 1140px;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    min-height: 100px;
}

.t-litter-advert__title {
    color: var(--rkc-green);
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    width: 50%
}

.t-litter-advert__location {
    margin-top: 0.25rem;
    color: var(--rkc-charcoal);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
    width: 50%
}

.t-litter-advert__location-distance {
    margin-left: 0.5rem;
    font-size: .875rem;
    font-weight: 400;
}

@media screen and (max-width: 600px) {
    .t-litter-advert__title {
        width: 100%
    }

    .t-litter-advert__location {
        width: 100%
    }
}

.about-the-litter-title {
    margin-bottom: 0px !important;
}

    .about-the-litter-title h2 {
        color: var(--rkc-charcoal);
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 27px;
    }

.litter-parents-title {
    padding-top: 52px;
}

.t-litter-advert__opening,
.t-litter-advert__other-puppies,
.t-litter-advert__contact,
.t-litter-kc_insurance,
.t-litter-advert__guide {
    max-width: 1140px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.t-litter-advert__opening {
    margin-bottom: 40px;
}

@media screen and (min-width: 600px) {
    .t-litter-advert__opening {
        display: flex;
        flex-direction: row-reverse
    }
}

.t-litter-advert__gallery .m-gallery__preview-image {
    border-radius: 16px;
    width: 100%;
    max-height: unset !important;
}

.t-breed-information .m-gallery__preview-image {
    border-radius: 16px;
}

@media screen and (max-width: 600px) {
    .t-litter-advert__gallery .m-gallery__preview-image {
        margin-top: 20px;
    }
}

@media screen and (min-width: 600px) {
    .t-litter-advert__gallery, .t-litter-advert__info {
        width: 50%
    }
}

@media screen and (min-width: 600px) {
    .t-litter-advert__gallery {
        position: relative;
        margin-top: -150px;
        margin-left: 30px
    }
}

.t-litter-advert__details {
    margin-top: 1rem;
}

.t-litter-advert__detail dd {
    font-size: 18px;
}

    .t-litter-advert__detail dd svg {
        vertical-align: middle;
    }

.t-litter-advert__detail dt {
    color: var(--rkc-charcoal);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
}

.t-litter-advert__detail dd .u-link {
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: -0.2px;
}

html:not(.cssgrid) .t-litter-advert__details {
    display: flex;
    flex-wrap: wrap
}

html.cssgrid .t-litter-advert__details {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(12rem, 16rem));
    grid-gap: 24px
}

html:not(.cssgrid) .t-litter-advert__detail {
    margin-right: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    max-width: 12rem
}

.t-litter-advert__breeder {
    display: flex;
    align-items: center
}

.t-litter-advert__feature-Icon {
    padding: 0;
    margin-right: 0.5rem;
    flex-shrink: 0;
    flex-grow: 0;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: var(--rkc-charcoal);
    background-color: var(--rkc-sage-200);
}

.t-litter-kc_insurance .t-litter-advert__feature-label {
    color: var(--rkc-green);
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

.t-litter-advert__breeder-icon, .t-litter-advert__feature-icon {
    margin-right: 0.5rem;
    flex-shrink: 0;
    flex-grow: 0;
    display: inline-block;
    padding: .75em;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    color: var(--rkc-charcoal);
    background-color: var(--rkc-gold);
}

    .t-litter-advert__breeder-icon .a-icon, .t-litter-advert__feature-icon .a-icon {
        width: 1.5em;
        height: 1.5em
    }

.t-litter-advert__breeder-icon, .t-litter-advert__feature-icon--abs {
    color: var(--rkc-green);
    background-color: var(--rkc-green)
}

.t-litter-advert__breeder-label {
    margin-bottom: 0.25rem;
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400;
    line-height: 1;
    display: block
}

@media screen and (min-width: 760px) {
    .t-litter-advert__breeder-label {
        font-size: 1rem
    }
}

.t-litter-advert__feature {
    margin-top: 1rem
}

.t-litter-advert__feature-label {
    font-size: .875rem;
    display: block
}

@media screen and (min-width: 760px) {
    .t-litter-advert__feature-label {
        font-size: 1rem
    }
}

.t-litter-advert__feature-item {
    margin-top: 0.5rem;
    display: flex;
    align-items: center
}

.t-litter-kc_insurance .t-litter-advert__feature-item {
    padding-top: 1rem;
}

.t-litter-kc_insurance .a-details__content {
    font-size: 18px;
}

.t-litter-advert__guide,
.t-litter-advert__contact,
.t-litter-advert__other-puppies {
    padding-top: 2.5rem;
}

@media only screen {
    .t-litter-advert__contact, .t-litter-advert__guide {
        position: relative;
    }
}

.t-litter-advert__guide .a-wysiwyg {
    padding-bottom: 24px;
}

.t-litter-advert__awardlist {
    list-style-type: none;
    padding-top: 16px;
    color: var(--rkc-charcoal);
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -0.18px;
}

.t-litter-advert__awardlist-item {
    display: flex;
    align-items: center;
    font-size: 16px;
}

    .t-litter-advert__awardlist-item + .t-litter-advert__awardlist-item {
        margin-top: 8px
    }

    .t-litter-advert__awardlist-item .a-icon {
        margin-right: 0.5rem;
        width: 1.25rem;
        height: 1.25rem
    }

.t-litter-advert .o-section__body .a-wysiwyg {
    padding-top: 4px;
    font-size: 18px;
}

.t-lms-assessment {
    margin-bottom: 2.5rem;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: var(--top-padding);
}

@media screen and (min-width: 760px) {
    .t-lms-assessment {
        margin-bottom: 3.75rem
    }
}

.p-my-applications .m-alert__icon-container svg {
    fill: #fff;
}

.t-lms-assessment .m-alert__icon-container svg {
    fill: #fff;
}

.t-lms-assessment__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    /*padding-bottom: 10.5rem*/
}

    .t-lms-assessment__inner:before, .t-lms-assessment__inner:after {
        display: table;
        content: " "
    }

    .t-lms-assessment__inner:after {
        clear: both
    }

    .t-lms-assessment__inner .o-section__footer {
        display: inline-block;
    }

.t-lms-assessment__header {
    /*margin-bottom: 2rem;*/
    padding-top: 2rem;
    padding-bottom: 2rem
}

@media only screen {
    .t-lms-assessment__header {
        position: relative;
        background-color: var(--rkc-sage-200)
    }

        .t-lms-assessment__header::before, .t-lms-assessment__header::after {
            content: "";
            width: 50vw;
            height: 100%;
            position: absolute;
            top: 0;
            z-index: -1;
            background-color: var(--rkc-sage-200)
        }

        .t-lms-assessment__header::before {
            right: 50%
        }

        .t-lms-assessment__header::after {
            left: 50%
        }
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__header {
        /*margin-bottom: 3.25rem*/
    }
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__header {
        padding-top: 3.25rem
    }
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__header {
        padding-bottom: 3.25rem
    }
}

.t-lms-assessment__breadcrumbs {
    margin-bottom: 1.25rem
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__breadcrumbs {
        margin-bottom: 2rem
    }
}

.t-lms-assessment__title {
    font-size: 2.5rem;
    line-height: 1;
    color: var(--rkc-green)
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__title {
        font-size: 3.125rem
    }
}

.t-lms-assessment__title em {
    display: block;
    font-style: normal;
    opacity: .67
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__form, .t-lms-assessment__body {
        width: calc(210px + ((100% - 330px) / 12 * 8));
        max-width: 32.5rem;
        float: left
    }
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__body {
        width: calc(210px + ((100% - 330px) / 12 * 8));
        float: left
    }
}

.t-lms-assessment__body > .a-wysiwyg h2, .a-table .t-lms-assessment__body > caption h2 {
    margin-top: 1.5rem;
    margin-bottom: 1rem
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__body > .a-wysiwyg h2, .a-table .t-lms-assessment__body > caption h2 {
        margin-top: 2.5rem
    }
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__body > .a-wysiwyg h2, .a-table .t-lms-assessment__body > caption h2 {
        margin-bottom: 1.5rem
    }
}

.t-lms-assessment__body > .a-wysiwyg h3, .a-table .t-lms-assessment__body > caption h3 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__body > .a-wysiwyg h3, .a-table .t-lms-assessment__body > caption h3 {
        margin-top: 1.5rem
    }
}

.t-lms-assessment__sidebar {
    margin-bottom: 1.25rem
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__sidebar {
        margin-bottom: 2rem
    }
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 1.5rem;
        width: calc(90px + ((100% - 330px) / 12 * 4));
        margin-right: 30px;
        float: left
    }
}

.t-lms-assessment__details {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.t-lms-assessment__detail {
    margin-bottom: 1rem
}

    .t-lms-assessment__detail dt {
        margin-bottom: 0.25rem;
        font-size: .875rem;
        text-transform: uppercase;
        font-feature-settings: "cpsp";
        font-weight: 400;
        display: block
    }

@media screen and (min-width: 760px) {
    .t-lms-assessment__detail dt {
        font-size: 1rem
    }
}

@media screen and (min-width: 600px) {
    .t-lms-assessment__detail--time-remaining {
        margin-left: auto
    }
}

.t-lms-assessment__timer {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums
}

.t-lms-assessment__progress {
    margin-top: 1rem
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__progress {
        margin-top: 1.5rem
    }
}

.t-lms-assessment__result {
    margin-bottom: 2.5rem;
    position: relative;
    border: 6px solid var(--rkc-sage-200)
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__result {
        margin-bottom: 3.75rem
    }
}

.t-lms-assessment__result-background {
    width: 100%;
    height: 20vh
}

.t-lms-assessment__result-inner {
    padding: 2rem;
    position: relative
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__result-inner {
        padding: 3.25rem
    }
}

.t-lms-assessment__result-title {
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    display: block;
    font-weight: bold
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__result-title {
        font-size: 1.75rem
    }
}

.t-lms-assessment__review-answer {
    padding: .5rem;
    padding-left: 2.25rem;
    display: flex;
    align-items: center
}

    .t-lms-assessment__review-answer .a-icon {
        width: 1.25rem;
        height: 1.25rem;
        margin-right: .5rem;
        flex-shrink: 0
    }

.t-lms-assessment__review-answer--selected, .t-lms-assessment__review-answer--correct {
    padding-left: .5rem
}

    .t-lms-assessment__review-answer--selected .a-icon {
        stroke: #e00132
    }

.t-lms-assessment__review-answer--correct {
    color: var(--rkc-green);
    background-color: #eefbe0
}

.t-lms-assessment__navigation {
    padding-top: 1rem;
    padding-bottom: 1rem;
    right: 15px;
    left: 15px;
    border-top: 2px solid var(--rkc-sage-200);
    position: fixed;
    bottom: 0;
    background-color: #fff
}

.t-lms-assessment__navigation-inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

@media screen and (min-width: 600px) {
    .t-lms-assessment__navigation-inner {
        display: flex
    }
}

.t-lms-assessment__navigation-link {
    font-size: .875rem;
    padding: 0.5rem;
    flex: 1 1 33.3333%;
    display: block;
    width: 100%;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    line-height: 3em;
    text-align: left
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__navigation-link {
        font-size: 1rem
    }
}

@media screen and (min-width: 600px) {
    .t-lms-assessment__navigation-link {
        font-size: 1rem
    }
}

@media screen and (min-width: 600px)and (min-width: 760px) {
    .t-lms-assessment__navigation-link {
        font-size: 1.125rem
    }
}

.t-lms-assessment__navigation-link small {
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    display: block
}

@media screen and (min-width: 600px) {
    .t-lms-assessment__navigation-link small {
        font-size: .875rem
    }
}

@media screen and (min-width: 600px)and (min-width: 760px) {
    .t-lms-assessment__navigation-link small {
        font-size: 1rem
    }
}

.t-lms-assessment__navigation-link .a-icon {
    width: 1.5em;
    height: 3em
}

.t-lms-assessment__navigation-link--next {
    color: var(--rkc-green)
}

    .t-lms-assessment__navigation-link--next .a-icon {
        margin-left: 0.5rem;
        float: right
    }

@media screen and (min-width: 600px) {
    .t-lms-assessment__navigation-link--next {
        order: 3;
        text-align: right
    }
}

.t-lms-assessment__navigation-link--prev, .t-lms-assessment__navigation-link--overview {
    color: #828585
}

    .t-lms-assessment__navigation-link--prev:hover, .t-lms-assessment__navigation-link--prev:focus, .t-lms-assessment__navigation-link--overview:hover, .t-lms-assessment__navigation-link--overview:focus {
        color: var(--rkc-green)
    }

    .t-lms-assessment__navigation-link--prev .a-icon {
        margin-right: 0.5rem;
        display: none;
        float: left
    }

@media screen and (min-width: 600px) {
    .t-lms-assessment__navigation-link--prev .a-icon {
        display: block
    }
}

@media screen and (min-width: 600px) {
    .t-lms-assessment__navigation-link--prev {
        order: 1
    }
}

.t-lms-course {
    margin-bottom: 2.5rem;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: var(--top-padding);
}

@media screen and (min-width: 760px) {
    .t-lms-course {
        margin-bottom: 3.75rem
    }
}

.t-lms-course .m-alert__icon-container svg {
    fill: #fff;
}

.t-lms-course__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

.t-lms-course__header, .t-lms-course__body {
    max-width: 750px;
    margin-right: auto;
    margin-left: auto
}

.t-lms-course__header {
    padding-top: 2rem;
    padding-bottom: 2rem
}

@media only screen {
    .t-lms-course__header {
        position: relative;
        background-color: var(--rkc-sage-200)
    }

        .t-lms-course__header::before, .t-lms-course__header::after {
            content: "";
            width: 50vw;
            height: 100%;
            position: absolute;
            top: 0;
            z-index: -1;
            background-color: var(--rkc-sage-200)
        }

        .t-lms-course__header::before {
            right: 50%
        }

        .t-lms-course__header::after {
            left: 50%
        }
}

@media screen and (min-width: 760px) {
    .t-lms-course__header {
        padding-top: 3.25rem
    }
}

@media screen and (min-width: 760px) {
    .t-lms-course__header {
        padding-bottom: 3.25rem
    }
}

.t-lms-course__title {
    font-size: 2.5rem;
    line-height: 1;
    color: var(--rkc-green)
}

@media screen and (min-width: 760px) {
    .t-lms-course__title {
        font-size: 3.125rem
    }
}

.t-lms-course__title em {
    display: block;
    font-style: normal;
    opacity: .67
}

.t-lms-course__blurb {
    margin-top: 1rem
}

.t-lms-course__body {
    margin-top: 2rem
}

@media screen and (min-width: 760px) {
    .t-lms-course__body {
        margin-top: 3.25rem
    }
}

.t-lms-course__module-header, .t-lms-course__module-intro {
    margin-bottom: 1rem
}

@media screen and (min-width: 420px) {
    .t-lms-course__module-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-start
    }

        .t-lms-course__module-header .a-tag {
            margin-left: 0.5rem
        }
}

.t-lms-course__module-title {
    font-size: 1.25rem
}

@media screen and (min-width: 760px) {
    .t-lms-course__module-title {
        font-size: 1.5625rem
    }
}

.t-lms-course__footer {
    margin-top: 1.25rem
}

@media screen and (min-width: 760px) {
    .t-lms-course__footer {
        margin-top: 2rem
    }
}

.t-lms-module {
    margin-bottom: 2.5rem;
    padding-right: 15px;
    padding-left: 15px
}

@media screen and (min-width: 760px) {
    .t-lms-module {
        margin-bottom: 3.75rem
    }
}

.t-lms-module__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

.t-lms-module__header {
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center
}

@media only screen {
    .t-lms-module__header {
        position: relative;
        background-color: var(--rkc-sage-200)
    }

        .t-lms-module__header::before, .t-lms-module__header::after {
            content: "";
            width: 50vw;
            height: 100%;
            position: absolute;
            top: 0;
            z-index: -1;
            background-color: var(--rkc-sage-200)
        }

        .t-lms-module__header::before {
            right: 50%
        }

        .t-lms-module__header::after {
            left: 50%
        }
}

@media screen and (min-width: 760px) {
    .t-lms-module__header {
        padding-top: 3.25rem
    }
}

@media screen and (min-width: 760px) {
    .t-lms-module__header {
        padding-bottom: 3.25rem
    }
}

.t-lms-module__title {
    font-size: 2.5rem;
    line-height: 1;
    color: var(--rkc-green)
}

@media screen and (min-width: 760px) {
    .t-lms-module__title {
        font-size: 3.125rem
    }
}

.t-lms-module__title em {
    display: block;
    font-style: normal;
    opacity: .67
}

.t-lms-module__blurb {
    margin-top: 1rem;
    max-width: 34em;
    margin-right: auto;
    margin-left: auto
}

.t-lms-module__body {
    max-width: 34em;
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-right: auto;
    margin-left: auto
}

    .t-lms-module__body:before, .t-lms-module__body:after {
        display: table;
        content: " "
    }

    .t-lms-module__body:after {
        clear: both
    }

@media screen and (min-width: 760px) {
    .t-lms-module__body {
        margin-top: 3.25rem
    }
}

@media screen and (min-width: 760px) {
    .t-lms-module__body {
        margin-bottom: 3.25rem
    }
}

@media print {
    .t-lms-module__body {
        max-width: none
    }
}

.t-lms-module__body > .a-wysiwyg + .a-wysiwyg, .a-table .t-lms-module__body > caption + .a-wysiwyg, .a-table .t-lms-module__body > .a-wysiwyg + caption, .a-table .t-lms-module__body > caption + caption {
    margin-top: 1rem
}

@media screen and (min-width: 760px) {
    .t-lms-module__body > .a-wysiwyg + .a-wysiwyg, .a-table .t-lms-module__body > caption + .a-wysiwyg, .a-table .t-lms-module__body > .a-wysiwyg + caption, .a-table .t-lms-module__body > caption + caption {
        margin-top: 1.25rem
    }
}

.t-lms-module__body > .a-wysiwyg h2, .a-table .t-lms-module__body > caption h2 {
    margin-top: 1.5rem;
    margin-bottom: 1rem
}

@media screen and (min-width: 760px) {
    .t-lms-module__body > .a-wysiwyg h2, .a-table .t-lms-module__body > caption h2 {
        margin-top: 2.5rem
    }
}

@media screen and (min-width: 760px) {
    .t-lms-module__body > .a-wysiwyg h2, .a-table .t-lms-module__body > caption h2 {
        margin-bottom: 1.5rem
    }
}

.t-lms-module__body > .a-wysiwyg h3, .a-table .t-lms-module__body > caption h3 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

@media screen and (min-width: 760px) {
    .t-lms-module__body > .a-wysiwyg h3, .a-table .t-lms-module__body > caption h3 {
        margin-top: 1.5rem
    }
}

.t-lms-module__body > .m-tabs, .t-lms-module__body > .m-pullquote, .t-lms-module__body > .m-download-link {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    clear: both
}

@media screen and (min-width: 760px) {
    .t-lms-module__body > .m-tabs, .t-lms-module__body > .m-pullquote, .t-lms-module__body > .m-download-link {
        margin-top: 2.5rem
    }
}

@media screen and (min-width: 760px) {
    .t-lms-module__body > .m-tabs, .t-lms-module__body > .m-pullquote, .t-lms-module__body > .m-download-link {
        margin-bottom: 2.5rem
    }
}

.t-lms-module__figure {
    margin: 0;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    clear: both
}

@media screen and (min-width: 760px) {
    .t-lms-module__figure {
        margin-top: 2.5rem
    }
}

@media screen and (min-width: 760px) {
    .t-lms-module__figure {
        margin-bottom: 2.5rem
    }
}

.t-lms-module__navigation {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: 2px solid var(--rkc-sage-200);
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background-color: #fff
}

@media print {
    .t-lms-module__navigation {
        display: none
    }
}

@media screen and (min-width: 600px) {
    .t-lms-module__navigation-inner {
        display: flex
    }
}

.t-lms-module__navigation-link {
    font-size: .875rem;
    padding: 0.5rem;
    flex: 1 1 33.3333%;
    display: block;
    width: 100%;
    text-align: left;
    text-decoration: none;
    cursor: pointer
}

@media screen and (min-width: 760px) {
    .t-lms-module__navigation-link {
        font-size: 1rem
    }
}

@media screen and (min-width: 600px) {
    .t-lms-module__navigation-link {
        font-size: 1rem
    }
}

@media screen and (min-width: 600px)and (min-width: 760px) {
    .t-lms-module__navigation-link {
        font-size: 1.125rem
    }
}

.t-lms-module__navigation-link small {
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    display: block
}

@media screen and (min-width: 600px) {
    .t-lms-module__navigation-link small {
        font-size: .875rem
    }
}

@media screen and (min-width: 600px)and (min-width: 760px) {
    .t-lms-module__navigation-link small {
        font-size: 1rem
    }
}

.t-lms-module__navigation-link .a-icon {
    width: 1.5em;
    height: 1.5em
}

.t-lms-module__navigation-link--next {
    color: var(--rkc-green)
}

    .t-lms-module__navigation-link--next:hover, .t-lms-module__navigation-link--next:focus {
        color: var(--rkc-green)
    }

    .t-lms-module__navigation-link--next .a-icon {
        margin-left: 0.5rem;
        float: right
    }

@media screen and (min-width: 600px) {
    .t-lms-module__navigation-link--next {
        order: 3;
        text-align: right
    }
}

.t-lms-module__navigation-link--prev, .t-lms-module__navigation-link--overview {
    color: #828585
}

    .t-lms-module__navigation-link--prev:hover, .t-lms-module__navigation-link--prev:focus, .t-lms-module__navigation-link--overview:hover, .t-lms-module__navigation-link--overview:focus {
        color: var(--rkc-green)
    }

    .t-lms-module__navigation-link--prev .a-icon {
        margin-right: 0.5rem;
        display: none;
        float: left
    }

@media screen and (min-width: 600px) {
    .t-lms-module__navigation-link--prev .a-icon {
        display: block
    }
}

@media screen and (min-width: 600px) {
    .t-lms-module__navigation-link--prev {
        order: 1;
        text-align: left
    }
}

@media screen and (min-width: 600px) {
    .t-lms-module__navigation-link--overview {
        order: 2;
        text-align: center
    }
}

.t-my-account {
    padding-top: var(--top-padding);
    padding-bottom: 64px;
    background-color: var(--rkc-sage-200)
}

@media screen and (max-width: 1040px) {
    .t-my-account {
        padding-top: 96px;
    }
}

.t-my-account .t-process {
    padding-top: unset !important;
    max-width: unset !important;
}

.t-my-account .t-my-account__inner .a-wysiwyg h1,
.t-my-account .t-my-account__inner .a-wysiwyg .a-details__content {
    padding: unset !important;
}

.t-my-account__container {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 1020px) {
    .t-my-account__container {
        flex-direction: row
    }
}

.t-my-account__navigation, .t-my-account__inner {
    width: 100%
}

@media screen and (max-width: 1019px) {
    .t-my-account__navigation, .t-my-account__inner {
        margin-right: auto;
        margin-left: auto
    }
}

@media screen and (max-width: 1019px) {
    .t-my-account__navigation {
        margin-bottom: 1rem
    }
}

@media screen and (max-width: 1019px)and (min-width: 760px) {
    .t-my-account__navigation {
        margin-bottom: 1.5rem
    }
}

@media screen and (min-width: 1020px) {
    .t-my-account__navigation {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
        width: calc(60px + ((100% - 330px) / 12 * 3))
    }
}

@media screen and (min-width: 1020px)and (min-width: 760px) {
    .t-my-account__navigation {
        margin-top: 3.75rem
    }
}

@media screen and (min-width: 1020px)and (min-width: 760px) {
    .t-my-account__navigation {
        margin-bottom: 3.75rem
    }
}

.t-my-account__inner {
    max-width: calc(32.5rem + 60px);
    background-color: #fff;
    border-radius: 8px;
}

    .t-search__inner .m-dog-card,
    .t-my-account__inner .m-dog-card {
        background-color: var(--rkc-sage-100) !important;
    }

    .t-search__inner .m-dog-card__header,
    .t-my-account__inner .m-dog-card__header {
        background-color: var(--rkc-sage-100) !important;
        padding-top: 16px;
        border-top-right-radius: 16px;
        border-top-left-radius: 16px;
    }

@media screen and (max-width: 1019px) {
    .t-my-account__inner {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media screen and (max-width: 1019px)and (min-width: 760px) {
    .t-my-account__inner {
        padding-top: 3.75rem
    }
}

@media screen and (max-width: 1019px)and (min-width: 760px) {
    .t-my-account__inner {
        padding-bottom: 3.75rem
    }
}

@media screen and (min-width: 1020px) {
    .t-my-account__inner {
        padding: 30px
    }
}

.t-my-account__header {
    margin-bottom: 1.5rem
}

@media screen and (min-width: 760px) {
    .t-my-account__header {
        margin-bottom: 2.5rem
    }
}

.t-my-account__header--home {
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--rkc-sage-200)
}

.t-my-account__breadcrumbs {
    margin-bottom: 0.5rem
}

.t-my-account__title {
    font-family: 'Maison Neue', Trebuchet, 'Trebuchet MS', sans-serif;
    font-size: 2.5rem;
    line-height: 1.15;
    color: var(--rkc-green)
}

@media screen and (min-width: 760px) {
    .t-my-account__title {
        font-size: 3.125rem
    }
}

.t-my-account__blurb {
    max-width: 30em;
    margin-bottom: 1.25rem
}

@media screen and (min-width: 760px) {
    .t-my-account__blurb {
        margin-bottom: 2rem
    }
}

@supports(display: grid) {
    .t-my-account__dashboard-grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 30px
    }

    @media screen and (min-width: 600px) {
        .t-my-account__dashboard-grid {
            grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr))
        }
    }
}

.t-my-account__segment-header {
    margin-bottom: 0.5rem
}

.t-my-account__segment-link {
    padding-top: 0.5rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    background-color: var(--rkc-green);
    text-decoration: none
}

    .t-my-account__segment-link:hover, .t-my-account__segment-link:focus {
        background-image: linear-gradient(to left, var(--rkc-green), var(--rkc-green));
        background-position: center right;
        background-repeat: no-repeat;
        background-size: 8rem 100%
    }

.t-my-account__segment-title {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    line-height: 1
}

@media screen and (min-width: 760px) {
    .t-my-account__segment-title {
        font-size: 1rem
    }
}

.t-my-account.p-my-dogs .t-my-account__inner, .t-my-account.p-pet-record .t-my-account__inner {
    max-width: none
}

.t-my-account.p-pet-record .p-pet-record__header {
    margin-bottom: 1.25rem;
    width: 100%
}

@media screen and (min-width: 760px) {
    .t-my-account.p-pet-record .p-pet-record__header {
        margin-bottom: 2rem
    }
}

.t-my-account.p-pet-record .p-pet-record__header .o-dog-header__header {
    padding-top: 0;
    padding-bottom: 0
}

@media only screen {
    .t-my-account.p-pet-record .p-pet-record__header .o-dog-header__header {
        position: relative;
        background-color: transparent
    }

        .t-my-account.p-pet-record .p-pet-record__header .o-dog-header__header::before, .t-my-account.p-pet-record .p-pet-record__header .o-dog-header__header::after {
            content: "";
            width: 50vw;
            height: 100%;
            position: absolute;
            top: 0;
            z-index: -1;
            background-color: transparent
        }

        .t-my-account.p-pet-record .p-pet-record__header .o-dog-header__header::before {
            right: 50%
        }

        .t-my-account.p-pet-record .p-pet-record__header .o-dog-header__header::after {
            left: 50%
        }
}

.t-process {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: var(--top-padding);
    margin-bottom: 2.5rem
}

@media screen and (min-width: 760px) {
    .t-process {
        margin-bottom: 3.75rem
    }
}

.t-process__wizard, .t-process__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
}

.t-process__wizard {
    margin-bottom: 2.5rem
}

@media screen and (min-width: 760px) {
    .t-process__wizard {
        margin-bottom: 3.75rem
    }
}

.t-process__header {
    margin-bottom: 2.5rem
}

@media screen and (min-width: 760px) {
    .t-process__header {
        margin-bottom: 3.75rem
    }
}

.t-process__title {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    line-height: 1;
    font-size: 2.5rem;
    color: var(--rkc-green)
}

@media screen and (min-width: 760px) {
    .t-process__title {
        margin-bottom: 2.5rem;
        margin-top: 2.5rem;
        font-size: 3.125rem;
    }
}

.t-process__title em, .t-process__title small {
    opacity: .67
}

.t-process__title em {
    display: block;
    font-style: normal
}

.t-process__title small {
    font-size: 1rem;
    font-weight: normal;
    text-transform: none
}

@media screen and (min-width: 760px) {
    .t-process__title small {
        font-size: 1.125rem
    }
}

.t-process__body {
    width: 100%;
    max-width: 32.5rem
}

.t-process__sticky {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: 2px solid var(--rkc-sage-200);
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background-color: #fff
}

.t-process:not(.t-process--wide) .t-process__wizard, .t-process:not(.t-process--wide) .t-process__inner {
    max-width: 32.5rem
}

@media screen and (max-width: 1019px) {
    .t-process--wide .t-process__header, .t-process--wide .t-process__body {
        max-width: 32.5rem;
        margin-right: auto;
        margin-left: auto
    }
}

@media screen and (min-width: 1020px) {
    .t-process--wide .t-process__inner {
        display: flex
    }

    .t-process--wide .t-process__header {
        flex-shrink: 0;
        width: calc(90px + ((100% - 330px) / 12 * 4));
        margin-right: 30px
    }

    .t-process--wide .t-process__body {
        max-width: none
    }

    .t-process--wide .m-form {
        max-width: 32.5rem
    }
}

.t-process.p-litter-registration .p-litter-registration__lookup {
    position: relative;
    padding-right: calc(2.5rem - 2px)
}

.t-process.p-litter-registration .p-litter-registration__lookup-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    background-color: var(--rkc-sage-200)
}

    .t-process.p-litter-registration .p-litter-registration__lookup-icon .a-icon {
        width: 1.5rem;
        height: 1.5rem
    }

.t-process.p-litter-registration .p-litter-registration__lookup-icon--loader .a-icon {
    animation: pLitterRegistrationLookupSpinner 3s linear infinite
}

.t-process.p-litter-registration .p-litter-registration__lookup-icon--positive {
    background-color: var(--rkc-green)
}

.t-process.p-litter-registration .p-litter-registration__lookup-icon--negative {
    background-color: #e00132
}

.t-process.p-litter-advert-creation {
    width: 95%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

    .t-process.p-litter-advert-creation .p-litter-advert-creation__thumbnail {
        margin: 0
    }

        .t-process.p-litter-advert-creation .p-litter-advert-creation__thumbnail:before, .t-process.p-litter-advert-creation .p-litter-advert-creation__thumbnail:after {
            display: table;
            content: " "
        }

        .t-process.p-litter-advert-creation .p-litter-advert-creation__thumbnail:after {
            clear: both
        }

        .t-process.p-litter-advert-creation .p-litter-advert-creation__thumbnail + .p-litter-advert-creation__thumbnail {
            margin-top: 0.5rem
        }

    .t-process.p-litter-advert-creation .p-litter-advert-creation__image {
        margin-right: 0.5rem;
        width: auto;
        height: 104px;
        border: 2px solid var(--rkc-sage-200);
        float: left
    }

    .t-process.p-litter-advert-creation .p-litter-advert-creation__image--primary {
        border-color: var(--rkc-green)
    }

    .t-process.p-litter-advert-creation .p-litter-advert-creation__caption {
        font-size: .875rem
    }

@media screen and (min-width: 760px) {
    .t-process.p-litter-advert-creation .p-litter-advert-creation__caption {
        font-size: 1rem
    }
}

.t-process.p-litter-advert-creation .p-litter-advert-creation__image-upload {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
    background-color: var(--rkc-sage-200)
}

@media screen and (min-width: 760px) {
    .t-process.p-litter-advert-creation .p-litter-advert-creation__image-upload {
        margin-top: 1.25rem
    }
}

@media screen and (min-width: 760px) {
    .t-process.p-litter-advert-creation .p-litter-advert-creation__image-upload {
        margin-bottom: 1.25rem
    }
}

@media screen and (min-width: 760px) {
    .t-process.p-litter-advert-creation .p-litter-advert-creation__image-upload {
        padding: 1.25rem
    }
}

.t-process.p-litter-advert-creation .p-litter-advert-creation__image-upload .m-form__row:last-child {
    margin-bottom: 0
}

.t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__result {
    padding: 1rem;
    background-color: var(--rkc-sage-200);
    border-radius: 16px;
}

    .t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__result + .p-inbreeding-coefficient__result {
        margin-top: 0.5rem
    }

.t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__result-title, .t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__result-result, .t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__result-detail {
    display: block
}

.t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__result-best {
    margin-bottom: 1rem;
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    display: flex;
    align-items: center;
    opacity: .67
}

@media screen and (min-width: 760px) {
    .t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__result-best {
        font-size: 1rem
    }
}

.t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__result-best .a-icon {
    margin-right: 0.5rem;
    width: 1em;
    height: 1em
}

.t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__result-title {
    margin-bottom: 0.5rem
}

.t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__result-result {
    font-size: 1.25rem
}

@media screen and (min-width: 760px) {
    .t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__result-result {
        font-size: 1.5625rem
    }
}

.t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__result-detail {
    margin-top: 0.5rem;
    font-size: .875rem;
    color: #828585
}

@media screen and (min-width: 760px) {
    .t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__result-detail {
        font-size: 1rem
    }
}

.t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__radio {
    padding: 1rem;
    margin-top: 0.5rem;
    background-color: var(--rkc-sage-200)
}

.t-process.p-health-test-lookup .p-health-test-lookup__radio {
    padding: 1rem;
    margin-top: 0.5rem;
    background-color: var(--rkc-sage-200)
}

.t-process.p-pet-matching .p-pet-matching__address {
    padding: 1rem;
    border: 2px solid var(--rkc-sage-200);
    background-color: #fff
}

@keyframes pLitterRegistrationLookupSpinner {
    0% {
        transform: rotate(0deg)
    }

    13% {
        transform: rotate(128deg)
    }

    32% {
        transform: rotate(314deg)
    }

    38% {
        transform: rotate(181deg)
    }

    44% {
        transform: rotate(39deg)
    }

    61% {
        transform: rotate(216deg)
    }

    79% {
        transform: rotate(323deg)
    }

    96% {
        transform: rotate(244deg)
    }

    100% {
        transform: rotate(359deg)
    }
}

.t-product {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 2.5rem
}

@media screen and (min-width: 760px) {
    .t-product {
        margin-bottom: 3.75rem
    }
}

.t-product__header, .t-product__body, .t-product__section {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

.t-product__header {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

@media only screen {
    .t-product__header {
        position: relative;
        background-color: var(--rkc-sage-200)
    }

        .t-product__header::before, .t-product__header::after {
            content: "";
            width: 50vw;
            height: 100%;
            position: absolute;
            top: 0;
            z-index: -1;
            background-color: var(--rkc-sage-200)
        }

        .t-product__header::before {
            right: 50%
        }

        .t-product__header::after {
            left: 50%
        }
}

@media screen and (min-width: 760px) {
    .t-product__header {
        padding-top: 3.75rem
    }
}

@media screen and (min-width: 760px) {
    .t-product__header {
        padding-bottom: 3.75rem
    }
}

.t-product__title {
    font-size: 2.5rem;
    line-height: 1;
    color: var(--rkc-green)
}

@media screen and (min-width: 760px) {
    .t-product__title {
        font-size: 3.125rem
    }
}

.t-product__price {
    margin-top: 0.5rem
}

.t-product__price-price {
    font-size: 1.5rem;
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .t-product__price-price {
        font-size: 1.75rem
    }
}

.t-product__price-note {
    color: #828585
}

.t-product__body {
    position: relative
}

    .t-product__body:before, .t-product__body:after {
        display: table;
        content: " "
    }

    .t-product__body:after {
        clear: both
    }

.t-product__image {
    margin-top: 1.25rem;
    border-radius: 8px;
}

@media screen and (min-width: 760px) {
    .t-product__image {
        margin-top: 2rem
    }
}

.t-product__information {
    margin-top: 1.25rem
}

@media screen and (min-width: 760px) {
    .t-product__information {
        margin-top: 2rem
    }
}

.t-product__options {
    margin-top: 1.25rem
}

@media screen and (min-width: 760px) {
    .t-product__options {
        margin-top: 2rem
    }
}

@media only print {
    .t-product__options {
        display: none
    }
}

.t-product__section {
    margin-top: 2.5rem
}

@media screen and (min-width: 760px) {
    .t-product__section {
        margin-top: 3.75rem
    }
}

@media screen and (min-width: 760px) {
    .t-product__header-inner {
        width: calc(330px + (100% - 330px))
    }

    .t-product__description {
        width: calc(150px + ((100% - 330px) / 12 * 6));
        float: left
    }

    .t-product__options {
        width: calc(150px + ((100% - 330px) / 12 * 6));
        float: right
    }
}

@media screen and (min-width: 1020px) {
    .t-product__header-inner {
        width: calc(180px + ((100% - 330px) / 12 * 7))
    }

    .t-product__description {
        width: calc(180px + ((100% - 330px) / 12 * 7))
    }

    .t-product__options {
        width: calc(120px + ((100% - 330px) / 12 * 5))
    }
}

@media screen and (min-width: 760px) {
    .t-search__form {
        margin-top: 3.75rem
    }
}

.t-search__disclaimer {
    padding-top: 16px;
}

.t-search__inner {
}

.t-search__body {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

.t-search__top {
    background-color: var(--rkc-sage-200);
    padding-bottom: 16px;
}

.t-search__intro {
    padding-top: 2.5rem;
    text-align: center;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1140px;
}

.t-search__title {
    margin-bottom: 0.5rem;
    font-size: 2.5rem;
    line-height: 1;
    color: var(--rkc-green)
}

@media screen and (min-width: 760px) {
    .t-search__title {
        font-size: 3.125rem
    }
}

.t-search__blurb {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

    .t-search__blurb p {
        margin-right: auto;
        margin-left: auto
    }

.t-search__form {
    max-width: 36rem;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
    position: relative;
    border-radius: 8px;
    margin-top: 2.5rem;
}

@media screen and (max-width: 600px) {
    .t-search__form {
        width: 95%;
    }
}

.t-search__form-tabs {
    padding: 1rem;
    display: flex
}

.t-search__form-tab {
    flex: 1 1 1px;
    display: block;
    position: relative;
    color: currentColor;
    text-decoration: none;
    text-align: center;
    cursor: pointer
}

    .t-search__form-tab input {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        overflow: hidden;
        clip: rect(0 0 0 0)
    }

        .t-search__form-tab input:focus + .t-search__form-tab-label {
            outline: 3px solid #80bdff;
            outline-offset: 0
        }

html[data-whatintent=mouse] .t-search__form-tab input:focus + .t-search__form-tab-label {
    outline: 0
}

.t-search__form-tab-label:hover,
.t-search__form-tab[aria-current=true] .t-search__form-tab-label,
.t-search__form-tab input:checked + .t-search__form-tab-label {
    color: #FFF;
    background-color: var(--rkc-green);
    border-radius: 8px;
}

    .t-search__form-tab[aria-current=true] .t-search__form-tab-label::after, .t-search__form-tab input:checked + .t-search__form-tab-label::after {
        content: ""
    }

.t-search__form-tab + .t-search__form-tab {
    margin-left: 0.5rem
}

.t-search__form-tab-label {
    padding: 1rem;
    display: block;
    background-color: var(--rkc-sage-100);
    color: var(--rkc-charcoal);
    border-radius: 8px;
}

.t-search__form-inner > * + * {
    margin-top: 1rem
}

.t-search__filters {
    margin-top: 1rem;
    font-size: 1rem;
    padding-left: 16px;
    padding-bottom: 8px;
    line-height: 1.5;
    display: flex;
    flex-wrap: wrap
}

.t-search__filters-label, .t-search__filter {
    margin-right: 0.5rem
}

.t-search__filters-reset,
.t-search__filters-more,
.fap-filter_popout-close {
    color: var(--rkc-green);
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
    margin-left: auto
}

    .t-search__filters-reset:hover, .t-search__filters-reset:focus, .t-search__filters-more:hover, .t-search__filters-more:focus {
        color: var(--rkc-green);
        box-shadow: inset 0 -0.15em 0 0 currentColor
    }

.t-search__filter--modified .t-search__filter-title {
    background-color: var(--rkc-green)
}

.t-search__filter--sort {
    margin-left: 0;
    order: -1
}

.t-search__filter-title {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
    cursor: pointer;
    color: var(--rkc-charcoal);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    display: block;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: break-word;
}

    .t-search__filter-title::-webkit-details-marker {
        display: none
    }

    .t-search__filter-title:hover {
        color: var(--rkc-green)
    }

.t-search__filter-body {
    padding: 1rem;
    width: calc(100% + 4px);
    min-width: 18rem;
    border: 2px solid var(--rkc-sage-200);
    position: absolute;
    top: 100%;
    left: -2px;
    right: -2px;
    z-index: 10;
    background-color: #fff;
    border-radius: 16px;
}

.t-search__navigation {
    margin-bottom: 1.25rem;
    font-weight: 700;
    text-align: center
}

@media screen and (min-width: 760px) {
    .t-search__navigation {
        margin-bottom: 2rem
    }
}

.t-search__navigation-list {
    list-style-type: none
}

.t-search__navigation-item {
    margin-right: 0.25rem;
    display: inline
}

    .t-search__navigation-item del, .t-search__navigation-item a {
        padding: 0.25rem;
        display: inline-block
    }

    .t-search__navigation-item del {
        color: #828585;
        text-decoration: none
    }

    .t-search__navigation-item a {
        color: var(--rkc-green);
        font-weight: 500;
        text-decoration: none
    }

        .t-search__navigation-item a:hover, .t-search__navigation-item a:focus {
            color: var(--rkc-green);
            box-shadow: inset 0 -0.15em 0 0 currentColor
        }

body:not(:has(.m-breadcrumbs)) .t-search,
body:not(:has(.m-breadcrumbs)) .t-article {
    padding-top: var(--top-padding); /* Only apply when breadcrumb is not present as breadcrumb handles required padding */
}

.t-search .t-search__body {
    padding-bottom: 2.5rem;
}

.t-search__metadata {
    margin-top: 12px;
    margin-bottom: 16px;
    text-align: center;
    color: var(--rkc-charcoal);
    font-size: 16px;
    font-style: normal;
    width: 95%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

.t-search__metadata-results {
    text-transform: uppercase;
    color: var(--rkc-charcoal);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1.92px;
}

.t-search__metadata a,
.t-search__metadata a:visited {
    color: var(--rkc-green);
}

    .t-search__metadata a:hover,
    .t-search__metadata a:focus {
        color: var(--rkc-green-hover);
    }

.t-search__pagination {
    margin-top: 16px;
    margin-bottom: 16px;
}

.t-search__footnotes {
    margin-top: 1rem;
    color: var(--rkc-charcoal);
    padding-bottom: 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.p-find-a-club__filters > :last-child, .p-find-a-judge__filters > :last-child {
    margin-bottom: 0
}

.p-find-a-judge__result-table {
    background-color: #fff
}

.u-backdrop {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 8000
}

.u-backdrop--close::after {
    padding: 0.5rem;
    content: "×";
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 0rem;
    right: 0rem;
    font-size: 3rem;
    line-height: 1;
    cursor: pointer;
    color: #FFF;
    background-color: var(--rkc-green);
    border-bottom-left-radius: 8px;
}

.u-backdrop--black {
    background-color: rgba(0,0,0,.95)
}

html.backdropfilter .u-backdrop--black {
    background-color: rgba(0,0,0,.8);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

.u-backdrop--white {
    background-color: rgba(255,255,255,.95)
}

html.backdropfilter .u-backdrop--white {
    background-color: rgba(255,255,255,.8);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

.u-backdrop.is-fadein, .u-backdrop.is-fadeout {
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both
}

.u-backdrop.is-fadein {
    animation-name: uBackdropFadeIn
}

.u-backdrop.is-fadeout {
    animation-name: uBackdropFadeOut
}

@keyframes uBackdropFadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes uBackdropFadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

html.cssgrid .u-card-grid {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 1fr;
    list-style-type: none
}

.t-search__body .u-card-grid {
    grid-gap: 8px !important;
}

.t-breed-a-z .t-search__body .u-card-grid {
    grid-gap: 30px !important;
}

@media screen and (min-width: 600px) {
    html.cssgrid .u-card-grid--columns-2, html.cssgrid .u-card-grid--columns-4 {
        grid-template-columns: repeat(2, calc(50% - 30px / 2))
    }
}

@media screen and (max-width: 599px) {
    html.cssgrid .u-card-grid--columns-3 {
        column-gap: 0px !important;
    }
}

@media screen and (min-width: 601px) {
    html.cssgrid .u-card-grid--columns-3 {
        grid-template-columns: repeat(3, calc(33.3333% - (30px * 2) / 3))
    }
}

@media screen and (min-width: 1280px) {
    html.cssgrid .u-card-grid--columns-4 {
        grid-template-columns: repeat(4, calc(25% - (30px * 3) / 4))
    }
}

html:not(.cssgrid) .u-card-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    overflow: hidden;
    list-style-type: none
}

    html:not(.cssgrid) .u-card-grid > * {
        flex-grow: 0;
        flex-shrink: 1;
        width: 100%;
        margin-right: 15px;
        margin-bottom: 30px;
        margin-left: 15px
    }

@media screen and (min-width: 600px) {
    html:not(.cssgrid) .u-card-grid--columns-2 > *, html:not(.cssgrid) .u-card-grid--columns-4 > * {
        flex-basis: calc(50% - 30px)
    }
}

@media screen and (min-width: 600px) {
    html:not(.cssgrid) .u-card-grid--columns-3 > * {
        flex-basis: calc(33.3333% - 30px)
    }
}

@media screen and (min-width: 1280px) {
    html:not(.cssgrid) .u-card-grid--columns-4 > * {
        flex-basis: calc(25% - 30px)
    }
}

.u-decision__option {
    position: relative
}

    .u-decision__option + .u-decision__option {
        margin-top: 2.5rem;
        padding-top: 2.5rem
    }

        .u-decision__option + .u-decision__option::before, .u-decision__option + .u-decision__option::after {
            position: absolute;
            border-width: 0;
            border-style: solid;
            border-color: var(--rkc-sage-200)
        }

        .u-decision__option + .u-decision__option::before {
            content: "";
            top: -1px;
            right: 0;
            left: 0;
            border-top-width: 2px
        }

        .u-decision__option + .u-decision__option::after {
            content: "or";
            display: flex;
            justify-content: center;
            align-items: center;
            width: 3rem;
            height: 3rem;
            top: -1.5rem;
            left: calc(50% - 1.5rem);
            border-width: 2px;
            border-radius: 50%;
            color: #7b8d8b;
            background-color: #fff;
            font-weight: 700;
            text-transform: uppercase
        }

@media screen and (min-width: 760px) {
    .u-decision--horizontal {
        display: flex;
        flex-direction: row
    }

        .u-decision--horizontal .u-decision__option {
            flex: 1 0 1px
        }

            .u-decision--horizontal .u-decision__option + .u-decision__option {
                margin-top: 0;
                margin-left: 2.5rem;
                padding-top: 0;
                padding-left: 2.5rem
            }

                .u-decision--horizontal .u-decision__option + .u-decision__option::before {
                    top: 0;
                    bottom: 0;
                    left: -1px;
                    border-top-width: 0;
                    border-left-width: 2px
                }

                .u-decision--horizontal .u-decision__option + .u-decision__option::after {
                    top: calc(50% - 1.5rem);
                    left: -1.5rem
                }
}

.a-wysiwyg .a-table,
.a-table caption .a-table {
    width: 100% !important
}

@media screen and (max-width: 1239px) {
    .a-wysiwyg .a-table {
        overflow-x: scroll !important;
    }
}

.a-wysiwyg .a-table tr, .a-table caption .a-table tr, .a-wysiwyg .a-table th, .a-table caption .a-table th, .a-wysiwyg .a-table td, .a-table caption .a-table td {
    width: auto !important;
    height: auto !important
}

.u-tooltip {
    display: inline;
    position: relative
}

.u-tooltip__tip {
    display: inline-block;
    width: 16rem;
    padding: .5rem;
    position: absolute;
    z-index: 1;
    color: #fff;
    background-color: #000;
    text-align: left
}

.u-tooltip__tip--hidden {
    display: none
}

.u-tooltip__tip::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute
}

.u-tooltip__tip[data-side=top] {
    margin-bottom: .5rem;
    bottom: 100%;
    left: 50%
}

    .u-tooltip__tip[data-side=top]::before {
        top: 100%;
        border-width: .5rem .5rem 0 .5rem;
        border-color: #000 transparent transparent transparent
    }

.u-tooltip__tip[data-side=right] {
    margin-left: .5rem;
    top: 50%;
    left: 100%
}

    .u-tooltip__tip[data-side=right]::before {
        right: 100%;
        border-width: .5rem .5rem .5rem 0;
        border-color: transparent #000 transparent transparent
    }

.u-tooltip__tip[data-side=bottom] {
    margin-top: .5rem;
    top: 100%;
    left: 50%
}

    .u-tooltip__tip[data-side=bottom]::before {
        bottom: 100%;
        border-width: 0 .5rem .5rem .5rem;
        border-color: transparent transparent #000 transparent
    }

.u-tooltip__tip[data-side=left] {
    margin-right: .5rem;
    top: 50%;
    right: 100%
}

    .u-tooltip__tip[data-side=left]::before {
        left: 100%;
        border-width: .5rem 0 .5rem .5rem;
        border-color: transparent transparent transparent #000
    }

.u-tooltip__tip[data-side=top], .u-tooltip__tip[data-side=bottom] {
    transform: translateX(-50%)
}

    .u-tooltip__tip[data-side=top]::before, .u-tooltip__tip[data-side=bottom]::before {
        left: calc(50% - 0.5rem)
    }

.u-tooltip__tip[data-side=left], .u-tooltip__tip[data-side=right] {
    transform: translateY(-50%)
}

    .u-tooltip__tip[data-side=left]::before, .u-tooltip__tip[data-side=right]::before {
        top: calc(50% - 0.5rem)
    }

.u-screenreader {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.u-placeholder {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--rkc-sage-200);
    background-image: repeating-linear-gradient(-45deg, transparent 0px, transparent 10px, #D6DDDB 10px, #D6DDDB 20px);
    font-weight: bold
}

@media screen and (min-width: 760px) {
    .u-placeholder {
        font-size: 1rem
    }
}

.u-link {
    color: var(--rkc-green);
    font-weight: 500;
    text-decoration: none
}

    .u-link:not(.a-button):hover,
    .u-link:not(.a-button):focus {
        color: var(--rkc-green);
    }

    .u-link:not(.a-button):visited {
        color: var(--rkc-green)
    }

.u-button-group {
    display: flex
}

@media screen and (max-width: 419px) {
    .u-button-group {
        flex-direction: column
    }

        .u-button-group .a-button + .a-button {
            margin-top: 0.5rem
        }
}

@media screen and (min-width: 420px) {
    .u-button-group {
        flex-direction: row
    }

        .u-button-group .a-button + .a-button {
            margin-left: 0.5rem
        }
}

[class*="u-!-margin-0"] {
    margin: 0 !important
}

[class*="u-!-padding-0"] {
    padding: 0 !important
}

[class*="u-!-margin-1"] {
    margin: 0.25rem !important
}

[class*="u-!-padding-1"] {
    padding: 0.25rem !important
}

[class*="u-!-margin-2"] {
    margin: 0.5rem !important
}

[class*="u-!-padding-2"] {
    padding: 0.5rem !important
}

[class*="u-!-margin-3"] {
    margin: 1rem !important
}

[class*="u-!-padding-3"] {
    padding: 1rem !important
}

[class*="u-!-margin-4"] {
    margin: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-4"] {
        margin: 1.25rem !important
    }
}

[class*="u-!-padding-4"] {
    padding: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-4"] {
        padding: 1.25rem !important
    }
}

[class*="u-!-margin-5"] {
    margin: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-5"] {
        margin: 1.5rem !important
    }
}

[class*="u-!-padding-5"] {
    padding: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-5"] {
        padding: 1.5rem !important
    }
}

[class*="u-!-margin-6"] {
    margin: 1.25rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-6"] {
        margin: 2rem !important
    }
}

[class*="u-!-padding-6"] {
    padding: 1.25rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-6"] {
        padding: 2rem !important
    }
}

[class*="u-!-margin-7"] {
    margin: 1.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-7"] {
        margin: 2.5rem !important
    }
}

[class*="u-!-padding-7"] {
    padding: 1.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-7"] {
        padding: 2.5rem !important
    }
}

[class*="u-!-margin-8"] {
    margin: 2rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-8"] {
        margin: 3.25rem !important
    }
}

[class*="u-!-padding-8"] {
    padding: 2rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-8"] {
        padding: 3.25rem !important
    }
}

[class*="u-!-margin-9"] {
    margin: 2.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-9"] {
        margin: 3.75rem !important
    }
}

[class*="u-!-padding-9"] {
    padding: 2.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-9"] {
        padding: 3.75rem !important
    }
}

[class*="u-!-margin-top-0"] {
    margin-top: 0 !important
}

[class*="u-!-padding-top-0"] {
    padding-top: 0 !important
}

[class*="u-!-margin-top-1"] {
    margin-top: 0.25rem !important
}

[class*="u-!-padding-top-1"] {
    padding-top: 0.25rem !important
}

[class*="u-!-margin-top-2"] {
    margin-top: 0.5rem !important
}

[class*="u-!-padding-top-2"] {
    padding-top: 0.5rem !important
}

[class*="u-!-margin-top-3"] {
    margin-top: 1rem !important
}

[class*="u-!-padding-top-3"] {
    padding-top: 1rem !important
}

[class*="u-!-margin-top-4"] {
    margin-top: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-top-4"] {
        margin-top: 1.25rem !important
    }
}

[class*="u-!-padding-top-4"] {
    padding-top: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-top-4"] {
        padding-top: 1.25rem !important
    }
}

[class*="u-!-margin-top-5"] {
    margin-top: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-top-5"] {
        margin-top: 1.5rem !important
    }
}

[class*="u-!-padding-top-5"] {
    padding-top: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-top-5"] {
        padding-top: 1.5rem !important
    }
}

[class*="u-!-margin-top-6"] {
    margin-top: 1.25rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-top-6"] {
        margin-top: 2rem !important
    }
}

[class*="u-!-padding-top-6"] {
    padding-top: 1.25rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-top-6"] {
        padding-top: 2rem !important
    }
}

[class*="u-!-margin-top-7"] {
    margin-top: 1.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-top-7"] {
        margin-top: 2.5rem !important
    }
}

[class*="u-!-padding-top-7"] {
    padding-top: 1.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-top-7"] {
        padding-top: 2.5rem !important
    }
}

[class*="u-!-margin-top-8"] {
    margin-top: 2rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-top-8"] {
        margin-top: 3.25rem !important
    }
}

[class*="u-!-padding-top-8"] {
    padding-top: 2rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-top-8"] {
        padding-top: 3.25rem !important
    }
}

[class*="u-!-margin-top-9"] {
    margin-top: 2.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-top-9"] {
        margin-top: 3.75rem !important
    }
}

[class*="u-!-padding-top-9"] {
    padding-top: 2.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-top-9"] {
        padding-top: 3.75rem !important
    }
}

[class*="u-!-margin-right-0"] {
    margin-right: 0 !important
}

[class*="u-!-padding-right-0"] {
    padding-right: 0 !important
}

[class*="u-!-margin-right-1"] {
    margin-right: 0.25rem !important
}

[class*="u-!-padding-right-1"] {
    padding-right: 0.25rem !important
}

[class*="u-!-margin-right-2"] {
    margin-right: 0.5rem !important
}

[class*="u-!-padding-right-2"] {
    padding-right: 0.5rem !important
}

[class*="u-!-margin-right-3"] {
    margin-right: 1rem !important
}

[class*="u-!-padding-right-3"] {
    padding-right: 1rem !important
}

[class*="u-!-margin-right-4"] {
    margin-right: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-right-4"] {
        margin-right: 1.25rem !important
    }
}

[class*="u-!-padding-right-4"] {
    padding-right: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-right-4"] {
        padding-right: 1.25rem !important
    }
}

[class*="u-!-margin-right-5"] {
    margin-right: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-right-5"] {
        margin-right: 1.5rem !important
    }
}

[class*="u-!-padding-right-5"] {
    padding-right: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-right-5"] {
        padding-right: 1.5rem !important
    }
}

[class*="u-!-margin-right-6"] {
    margin-right: 1.25rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-right-6"] {
        margin-right: 2rem !important
    }
}

[class*="u-!-padding-right-6"] {
    padding-right: 1.25rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-right-6"] {
        padding-right: 2rem !important
    }
}

[class*="u-!-margin-right-7"] {
    margin-right: 1.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-right-7"] {
        margin-right: 2.5rem !important
    }
}

[class*="u-!-padding-right-7"] {
    padding-right: 1.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-right-7"] {
        padding-right: 2.5rem !important
    }
}

[class*="u-!-margin-right-8"] {
    margin-right: 2rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-right-8"] {
        margin-right: 3.25rem !important
    }
}

[class*="u-!-padding-right-8"] {
    padding-right: 2rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-right-8"] {
        padding-right: 3.25rem !important
    }
}

[class*="u-!-margin-right-9"] {
    margin-right: 2.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-right-9"] {
        margin-right: 3.75rem !important
    }
}

[class*="u-!-padding-right-9"] {
    padding-right: 2.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-right-9"] {
        padding-right: 3.75rem !important
    }
}

[class*="u-!-margin-bottom-0"] {
    margin-bottom: 0 !important
}

[class*="u-!-padding-bottom-0"] {
    padding-bottom: 0 !important
}

[class*="u-!-margin-bottom-1"] {
    margin-bottom: 0.25rem !important
}

[class*="u-!-padding-bottom-1"] {
    padding-bottom: 0.25rem !important
}

[class*="u-!-margin-bottom-2"] {
    margin-bottom: 0.5rem !important
}

[class*="u-!-padding-bottom-2"] {
    padding-bottom: 0.5rem !important
}

[class*="u-!-margin-bottom-3"] {
    margin-bottom: 1rem !important
}

[class*="u-!-padding-bottom-3"] {
    padding-bottom: 1rem !important
}

[class*="u-!-margin-bottom-4"] {
    margin-bottom: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-bottom-4"] {
        margin-bottom: 1.25rem !important
    }
}

[class*="u-!-padding-bottom-4"] {
    padding-bottom: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-bottom-4"] {
        padding-bottom: 1.25rem !important
    }
}

[class*="u-!-margin-bottom-5"] {
    margin-bottom: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-bottom-5"] {
        margin-bottom: 1.5rem !important
    }
}

[class*="u-!-padding-bottom-5"] {
    padding-bottom: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-bottom-5"] {
        padding-bottom: 1.5rem !important
    }
}

[class*="u-!-margin-bottom-6"] {
    margin-bottom: 1.25rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-bottom-6"] {
        margin-bottom: 2rem !important
    }
}

[class*="u-!-padding-bottom-6"] {
    padding-bottom: 1.25rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-bottom-6"] {
        padding-bottom: 2rem !important
    }
}

[class*="u-!-margin-bottom-7"] {
    margin-bottom: 1.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-bottom-7"] {
        margin-bottom: 2.5rem !important
    }
}

[class*="u-!-padding-bottom-7"] {
    padding-bottom: 1.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-bottom-7"] {
        padding-bottom: 2.5rem !important
    }
}

[class*="u-!-margin-bottom-8"] {
    margin-bottom: 2rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-bottom-8"] {
        margin-bottom: 3.25rem !important
    }
}

[class*="u-!-padding-bottom-8"] {
    padding-bottom: 2rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-bottom-8"] {
        padding-bottom: 3.25rem !important
    }
}

[class*="u-!-margin-bottom-9"] {
    margin-bottom: 2.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-bottom-9"] {
        margin-bottom: 3.75rem !important
    }
}

[class*="u-!-padding-bottom-9"] {
    padding-bottom: 2.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-bottom-9"] {
        padding-bottom: 3.75rem !important
    }
}

[class*="u-!-margin-left-0"] {
    margin-left: 0 !important
}

[class*="u-!-padding-left-0"] {
    padding-left: 0 !important
}

[class*="u-!-margin-left-1"] {
    margin-left: 0.25rem !important
}

[class*="u-!-padding-left-1"] {
    padding-left: 0.25rem !important
}

[class*="u-!-margin-left-2"] {
    margin-left: 0.5rem !important
}

[class*="u-!-padding-left-2"] {
    padding-left: 0.5rem !important
}

[class*="u-!-margin-left-3"] {
    margin-left: 1rem !important
}

[class*="u-!-padding-left-3"] {
    padding-left: 1rem !important
}

[class*="u-!-margin-left-4"] {
    margin-left: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-left-4"] {
        margin-left: 1.25rem !important
    }
}

[class*="u-!-padding-left-4"] {
    padding-left: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-left-4"] {
        padding-left: 1.25rem !important
    }
}

[class*="u-!-margin-left-5"] {
    margin-left: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-left-5"] {
        margin-left: 1.5rem !important
    }
}

[class*="u-!-padding-left-5"] {
    padding-left: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-left-5"] {
        padding-left: 1.5rem !important
    }
}

[class*="u-!-margin-left-6"] {
    margin-left: 1.25rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-left-6"] {
        margin-left: 2rem !important
    }
}

[class*="u-!-padding-left-6"] {
    padding-left: 1.25rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-left-6"] {
        padding-left: 2rem !important
    }
}

[class*="u-!-margin-left-7"] {
    margin-left: 1.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-left-7"] {
        margin-left: 2.5rem !important
    }
}

[class*="u-!-padding-left-7"] {
    padding-left: 1.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-left-7"] {
        padding-left: 2.5rem !important
    }
}

[class*="u-!-margin-left-8"] {
    margin-left: 2rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-left-8"] {
        margin-left: 3.25rem !important
    }
}

[class*="u-!-padding-left-8"] {
    padding-left: 2rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-left-8"] {
        padding-left: 3.25rem !important
    }
}

[class*="u-!-margin-left-9"] {
    margin-left: 2.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-left-9"] {
        margin-left: 3.75rem !important
    }
}

[class*="u-!-padding-left-9"] {
    padding-left: 2.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-left-9"] {
        padding-left: 3.75rem !important
    }
}

.u-width-full {
    width: 100%
}

.u-width-four-fifths {
    width: 80%
}

.u-width-three-quarters {
    width: 75%
}

.u-width-two-thirds {
    width: 66.6666%
}

.u-width-three-fifths {
    width: 60%
}

.u-width-one-half {
    width: 50%
}

.u-width-two-fifths {
    width: 40%
}

.u-width-thirty {
    width: 30%;
}

.u-width-one-third {
    width: 33.3333%
}

.u-width-one-quarter {
    width: 25%
}

.u-width-one-fifth {
    width: 20%
}

.a-JEP-Evidence {
    margin-top: 1em;
    padding-bottom: 1em;
    border: none;
}

    .a-JEP-Evidence:not(:last-of-type) {
        border-bottom: solid;
        border-bottom-color: lightgray;
        border-bottom-width: 3px;
    }

    .a-JEP-Evidence a, .a-JEP-Evidence label {
        font-size: 1.2em;
    }

.JEP-Card-Review {
    background-color: var(--rkc-sage-200);
    padding: 15px;
    padding-bottom: 0px;
    clear: both;
}

.JEP-Card {
    background-color: var(--rkc-sage-200);
    padding: 15px;
    border-color: darkgray;
    border-style: solid;
    border-width: thin;
    border-radius: 8px;
}

.noMargin {
    margin: 0px;
}
/* Custom Styles */
.health-card {
    position: relative;
}

.health-test-link {
    position: absolute;
    padding: 0;
    margin-left: -0.75rem;
    padding-left: 0.75rem;
    font-size: 2rem;
    background-color: transparent;
    bottom: -1.2rem;
}

    .health-test-link:focus,
    .health-test-link:active,
    .health-test-link:visited,
    .health-test-link:hover {
        background-color: transparent;
    }

.dark-grey-color {
    color: darkgrey
}

.health-symbol {
    overflow: hidden;
    min-height: 40px;
    min-width: 40px;
}

.breeder-symbol,
.m-puppy-advert-card__feature-icon .insurance-symbol {
    overflow: hidden;
    min-height: 40px;
    min-width: 40px;
    margin: 7px;
    padding: 4px;
}

.t-litter-advert__feature-Icon .insurance-symbol {
    overflow: hidden;
    min-height: 40px;
    min-width: 40px;
}

.search-result-symbol {
    margin: 7px;
    padding: 6px;
}

.litter-advert-symbol {
    padding: 10px
}

/* ================================
    New Royal Kennel Club Rebranding Classes

    Broken Down Into Specific Sections
================================ */

/*
    Shared / Generic
*/

.page-content {
    margin: auto;
}

.t-homepage .page-content {
    padding-top: 30px;
}

.page-content [class^="box-ruffle-"]:last-child,
.page-content:has(> .t-landing__inner:first-child:last-child) > .t-landing__inner {
    padding-bottom: 16px;
}

/*
    Section Ruffles
*/

.header-ruffle-wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.box-ruffle-White,
.section-ruffle-wrap-White,
.header-ruffle-wrap-White {
    background-color: #FFF;
}

.box-ruffle-Green,
.section-ruffle-wrap-Green,
.header-ruffle-wrap-Green {
    background-color: var(--rkc-green);
}

    .box-ruffle-Green h1:not(.m-ykc-heading__text),
    .box-ruffle-Green h2:not(.m-ykc-heading__text),
    .box-ruffle-Green .a-wysiwyg:not(.m-card__content, .m-ykc-event-card__content),
    .box-ruffle-Green .a-continue:not(.m-ykc-event-card__link) {
        color: #FFF !important;
    }

    .box-ruffle-Green .u-link:hover,
    .box-ruffle-Green .u-link:focus {
        color: #FFF !important;
    }

.box-ruffle-BackgroundLight, .section-ruffle-wrap-BackgroundLight, .header-ruffle-wrap-BackgroundLight {
    background-color: var(--rkc-sage-100);
}

.box-ruffle-BackgroundMedium, .section-ruffle-wrap-BackgroundMedium, .header-ruffle-wrap-BackgroundMedium {
    background-color: var(--rkc-sage-200);
}

.box-ruffle-BackgroundDark, .section-ruffle-wrap-BackgroundDark, .header-ruffle-wrap-BackgroundDark {
    background-color: var(--rkc-sage-300);
}

.section-ruffle {
    display: block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    max-width: none;
    width: 100%;
    background-repeat: repeat-x;
    background-size: auto 100%;
}

.section-ruffle-White, .card-ruffle-White {
    filter: var(--rkc-white-filter);
}

.section-ruffle-Green, .card-ruffle-Green, .icon-Green {
    filter: var(--rkc-green-filter);
}

.section-ruffle-BackgroundLight, .card-ruffle-BackgroundLight {
    filter: var(--rkc-sage100-filter);
}

.section-ruffle-BackgroundMedium, .card-ruffle-BackgroundMedium {
    filter: var(--rkc-sage200-filter);
}

.section-ruffle-BackgroundDark, .card-ruffle-BackgroundDark {
    filter: var(--rkc-sage300-filter);
}

.section-ruffle-top {
    bottom: -1px; /* Take off 1px to compensate for pixel tearing */
}

.section-ruffle-top-Style1 {
    background-image: url(/dst/images/ruffles/large-top-ruffle-Style1.svg);
    bottom: -1px; /* Take off 1px to compensate for pixel tearing */
}

.section-ruffle-top-Style2 {
    background-image: url(/dst/images/ruffles/large-top-ruffle-Style2.svg);
    bottom: -1px; /* Take off 1px to compensate for pixel tearing */
}

.section-ruffle-top-Style3 {
    background-image: url(/dst/images/ruffles/large-top-ruffle-Style3.svg);
    bottom: -1px; /* Take off 1px to compensate for pixel tearing */
}

.section-ruffle-bottom {
    top: -1px; /* Take off 1px to compensate for pixel tearing */
}

.section-ruffle-bottom-Style1 {
    background-image: url(/dst/images/ruffles/large-bottom-ruffle-Style1.svg);
    top: -1px; /* Take off 1px to compensate for pixel tearing */
}

.section-ruffle-bottom-Style2 {
    background-image: url(/dst/images/ruffles/large-bottom-ruffle-Style2.svg);
    top: -1px; /* Take off 1px to compensate for pixel tearing */
}

.section-ruffle-bottom-Style3 {
    background-image: url(/dst/images/ruffles/large-bottom-ruffle-Style3.svg);
    top: -1px; /* Take off 1px to compensate for pixel tearing */
}

/*
    Misc Ruffles
*/

.home-header-ruffle {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 101%;
    object-fit: cover;
    z-index: 2;
    pointer-events: none;
}

.header-ruffle {
    display: block;
    width: 100%;
    object-fit: cover;
}

.img-ruffle {
    display: block;
    position: absolute;
    left: 50%;
    bottom: -1px; /* Take off 1px to compensate for pixel tearing */
    transform: translateX(-50%) translateZ(0);
    z-index: 10;
    width: 101%;
    pointer-events: none;
    overflow: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.vertical-ruffle {
    position: absolute;
    top: 0;
    right: -2px; /* Take off px to compensate for pixel tearing */
    z-index: 2;
    height: 101%;
    pointer-events: none;
    transform: translateZ(0);
    overflow: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.vertical-ruffle-mirrored {
    position: absolute;
    top: 0;
    left: -2px; /* Take off px to compensate for pixel tearing */
    z-index: 2;
    transform: scaleX(-1) translateZ(0);
    height: 101%;
    pointer-events: none;
    overflow: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.mobile-ruffle {
    display: none;
}

@media screen and (max-width: 599px) {
    .mobile-ruffle {
        display: block;
        position: absolute;
        bottom: -2px; /* Take off px to compensate for pixel tearing */
        width: 101%;
        z-index: 2;
        pointer-events: none;
    }

    .desktop-ruffle {
        display: none;
    }

    .vertical-ruffle {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        pointer-events: none;
        height: 101%;
    }
}

.section-break-title {
    font-size: 50px !important;
    width: 75% !important;
    margin-left: auto;
    margin-right: auto;
}

.section-break-body {
    font-size: 18px !important;
    width: 60% !important;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
}

/*
    Img Border Radius Overrides
*/

.default-border-radius {
    border-radius: 16px;
}

.right-radius {
    border-bottom-right-radius: 16px !important;
    border-top-right-radius: 16px !important;
}

.left-radius {
    border-bottom-left-radius: 16px !important;
    border-top-left-radius: 16px !important;
}

.left-radius-small {
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
}

.no-right-radius {
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.no-left-radius {
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

.no-bottom-left-radius {
    border-bottom-left-radius: 0px !important;
}

.bottom-left-radius {
    border-bottom-left-radius: 16px !important;
}

.no-bottom-right-radius {
    border-bottom-right-radius: 0px !important;
}

.bottom-right-radius {
    border-bottom-right-radius: 16px !important;
}

.no-bottom-radius {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.bottom-radius {
    border-bottom-right-radius: 16px !important;
    border-bottom-left-radius: 16px !important;
}

.top-radius {
    border-top-right-radius: 16px !important;
    border-top-left-radius: 16px !important;
}

.top-right-radius {
    border-top-right-radius: 16px !important;
}

.top-right-radius-mid {
    border-top-right-radius: 8px !important;
}

.top-right-radius-small {
    border-top-right-radius: 4px !important;
}

.top-left-radius {
    border-top-left-radius: 16px !important;
}

.top-left-radius-mid {
    border-top-left-radius: 8px !important;
}

.top-left-radius-small {
    border-top-left-radius: 4px !important;
}

@media screen and (max-width: 599px) {
    .bottom-radius-mobile {
        border-bottom-right-radius: 16px !important;
        border-bottom-left-radius: 16px !important;
    }

    .top-radius-mobile {
        border-top-right-radius: 16px !important;
        border-top-left-radius: 16px !important;
    }

    .no-bottom-radius-mobile {
        border-bottom-right-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
    }

    .no-top-radius-mobile {
        border-top-right-radius: 0px !important;
        border-top-left-radius: 0px !important;
    }
}

.no-border-radius {
    border-radius: unset !important;
}

/*
    New Header Banner / Badge (Including Tweaks To Existing Header Areas As Needed)
*/
.hero__rail {
    margin: 0 auto;
    padding-inline: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0px;
    margin-top: -58px;
    z-index: 5000;
}

.brand {
    display: flex;
    align-items: center;
    background: var(--rkc-green);
    color: #fff;
    padding: 20px 32px;
    border-radius: 0 0 24px 24px;
    height: 82px;
}

.brand__logo {
    height: 45px;
    max-width: unset;
}

.brand__logo-alt {
    max-height: 100px;
    max-width: unset;
    display: none;
}

@media screen and (max-width: 1040px) {
    .hero__rail {
        left: 0px;
        position: absolute;
        margin-top: -48px;
    }

    .brand {
        height: 114px;
        padding: 20px 12px;
    }

    .brand__logo {
        display: none;
    }

    .brand__logo-alt {
        display: unset;
    }
}

.o-header__controls {
    border-top: 4px solid var(--rkc-green);
    background-color: var(--rkc-sage-300);
    color: var(--rkc-green);
    font-weight: 600;
    font-size: 14px;
    height: 40px;
}

.o-header {
    position: relative;
    z-index: 100;
}

    .o-header::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 104px;
        background: transparent;
        z-index: -1;
    }

@media (max-width: 1040px) {
    .o-header::before {
        background: #fff;
        height: 72px;
        top: 48px;
        position: absolute;
        z-index: 4000;
        background-color: white;
    }
}

@media (max-width: 768px) {
    .o-header::before {
        top: 48px;
    }
}

@supports not (width:100dvw) {
    .o-header::before {
        width: 100vw
    }
}

.m-navigation-controls {
    position: relative;
    z-index: 3000;
}

.m-navigation_sub__content {
    z-index: 5000;
}

body:has(.m-breadcrumbs) .o-header {
    min-height: auto;
}

body:has(.m-breadcrumbs) .o-header__inner {
    position: relative;
    left: auto;
    right: auto;
    z-index: auto;
}

body:has(.m-breadcrumbs) .m-breadcrumbs {
    position: relative;
    z-index: 0;
}

/*
    Navigation V3
*/

/* =================================
   Responsive hamburger trigger
================================= */
.m-menu-trigger {
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    z-index: 3;
}

.m-menu-trigger__btn {
    all: unset;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    cursor: pointer;
    color: #0b5a4a;
    line-height: 1;
    white-space: nowrap;
}

.m-menu-trigger__label {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

@media (min-width: 1041px) {
    .m-menu-trigger {
        display: none;
    }
}

/* =================================
   Navigation V1 / V2 Rebrand Updates
================================= */
body:has(.m-breadcrumbs) .m-navigation__link,
body:has(.t-cart) .m-navigation__link,
body:has(.t-search) .m-navigation__link,
body:has(.t-my-account) .m-navigation__link,
body:has(.t-process) .m-navigation__link,
body:has(.t-lms-assessment) .m-navigation__link,
body:has(.t-lms-course) .m-navigation__link,
body:has(.t-dog-profile) .m-navigation__link,
body:has(.t-litter-advert) .m-navigation__link,
body:has(.t-judge-profile) .m-navigation__link,
body:has(.t-article) .m-navigation__link,
body:has(.t-datasheet) .m-navigation__link {
    color: var(--rkc-green);
}

/* =================================
   Navigation V3
================================= */

/*
    Overwrite the default white navigation item colour where needed 
    Whenever we add to the below we need to also add it to the above for V1 and V2 navs
*/
body:has(.m-breadcrumbs) .m-navigation_v3__link,
body:has(.t-cart) .m-navigation_v3__link,
body:has(.t-search) .m-navigation_v3__link,
body:has(.t-my-account) .m-navigation_v3__link,
body:has(.t-process) .m-navigation_v3__link,
body:has(.t-lms-assessment) .m-navigation_v3__link,
body:has(.t-lms-course) .m-navigation_v3__link,
body:has(.t-dog-profile) .m-navigation_v3__link,
body:has(.t-litter-advert) .m-navigation_v3__link,
body:has(.t-judge-profile) .m-navigation_v3__link,
body:has(.t-article) .m-navigation_v3__link,
body:has(.t-datasheet) .m-navigation_v3__link {
    color: var(--rkc-green) !important;
}

.m-navigation_v3__link, .m-navigation__item > label.m-navigation_v3__link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 100%;
    padding: 1.5rem 1rem;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    font-feature-settings: "cpsp";
    color: #fff;
    cursor: pointer;
    border-bottom: 3px solid transparent;
}

.m-navigation_v3__link_chevron {
    display: none;
}

.m-navigation__item:last-child .m-navigation_v3__link {
    padding-right: 0;
}

.m-navigation__item:is(:hover, :focus-within) > .m-navigation_v3__link {
    color: var(--rkc-orange) !important;
    border-bottom-color: var(--rkc-orange) !important;
}

.m-navigation_v3_lvl0__content {
    --pad: 24px;
    --gap: 16px;
    --tile-min-h: 116px;
    --lvl2-h: 260px;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 100dvw;
    transform: translate(-50%, 6px);
    margin: 0;
    padding: var(--pad);
    box-sizing: border-box;
    background: #fff;
    border-top: 1px solid var(--rkc-charcoal-200);
    opacity: 0;
    pointer-events: none;
    will-change: transform, opacity;
    z-index: 200;
    row-gap: 0;
    display: grid;
    grid-template-rows: auto auto;
    align-content: start;
}

@supports not (width: 100dvw) {
    .m-navigation_v3_lvl0__content {
        width: 100vw;
    }
}

/* =================================
   Show matching dropdowns (indices 1–7)
   (kept per-index mapping)
   (desktop nav only)
================================= */
@media (min-width: 1041px) {
    .m-navigation:has(.m-navigation__item[data-idx="1"]:is(:hover, :focus-within)) #navigation_v3_sub-Dropdown-1, .m-navigation:has(#navigation_v3_sub-Dropdown-1:is(:hover, :focus-within)) #navigation_v3_sub-Dropdown-1, .m-navigation:has(.m-navigation__item[data-idx="2"]:is(:hover, :focus-within)) #navigation_v3_sub-Dropdown-2, .m-navigation:has(#navigation_v3_sub-Dropdown-2:is(:hover, :focus-within)) #navigation_v3_sub-Dropdown-2, .m-navigation:has(.m-navigation__item[data-idx="3"]:is(:hover, :focus-within)) #navigation_v3_sub-Dropdown-3, .m-navigation:has(#navigation_v3_sub-Dropdown-3:is(:hover, :focus-within)) #navigation_v3_sub-Dropdown-3, .m-navigation:has(.m-navigation__item[data-idx="4"]:is(:hover, :focus-within)) #navigation_v3_sub-Dropdown-4, .m-navigation:has(#navigation_v3_sub-Dropdown-4:is(:hover, :focus-within)) #navigation_v3_sub-Dropdown-4, .m-navigation:has(.m-navigation__item[data-idx="5"]:is(:hover, :focus-within)) #navigation_v3_sub-Dropdown-5, .m-navigation:has(#navigation_v3_sub-Dropdown-5:is(:hover, :focus-within)) #navigation_v3_sub-Dropdown-5, .m-navigation:has(.m-navigation__item[data-idx="6"]:is(:hover, :focus-within)) #navigation_v3_sub-Dropdown-6, .m-navigation:has(#navigation_v3_sub-Dropdown-6:is(:hover, :focus-within)) #navigation_v3_sub-Dropdown-6, .m-navigation:has(.m-navigation__item[data-idx="7"]:is(:hover, :focus-within)) #navigation_v3_sub-Dropdown-7, .m-navigation:has(#navigation_v3_sub-Dropdown-7:is(:hover, :focus-within)) #navigation_v3_sub-Dropdown-7 {
        opacity: 1;
        transform: translate(-50%, 0);
        pointer-events: auto;
        padding-top: 58px;
        min-height: 175px;
    }
}

/* =================================
   Colour logic when a dropdown is open
   – others green; triggering link orange
================================= */

/* Make ALL top-level links green while ANY dropdown (1–7) is open
   (either its L0 trigger is hovered/focused AND that panel exists, or the panel itself is hovered/focused) */
.m-navigation:has(#navigation_v3_sub-Dropdown-1):has(.m-navigation__item[data-idx="1"]:is(:hover, :focus-within)) .m-navigation_v3__link, .m-navigation:has(#navigation_v3_sub-Dropdown-2):has(.m-navigation__item[data-idx="2"]:is(:hover, :focus-within)) .m-navigation_v3__link, .m-navigation:has(#navigation_v3_sub-Dropdown-3):has(.m-navigation__item[data-idx="3"]:is(:hover, :focus-within)) .m-navigation_v3__link, .m-navigation:has(#navigation_v3_sub-Dropdown-4):has(.m-navigation__item[data-idx="4"]:is(:hover, :focus-within)) .m-navigation_v3__link, .m-navigation:has(#navigation_v3_sub-Dropdown-5):has(.m-navigation__item[data-idx="5"]:is(:hover, :focus-within)) .m-navigation_v3__link, .m-navigation:has(#navigation_v3_sub-Dropdown-6):has(.m-navigation__item[data-idx="6"]:is(:hover, :focus-within)) .m-navigation_v3__link, .m-navigation:has(#navigation_v3_sub-Dropdown-7):has(.m-navigation__item[data-idx="7"]:is(:hover, :focus-within)) .m-navigation_v3__link, .m-navigation:has(#navigation_v3_sub-Dropdown-1:is(:hover, :focus-within)) .m-navigation_v3__link, .m-navigation:has(#navigation_v3_sub-Dropdown-2:is(:hover, :focus-within)) .m-navigation_v3__link, .m-navigation:has(#navigation_v3_sub-Dropdown-3:is(:hover, :focus-within)) .m-navigation_v3__link, .m-navigation:has(#navigation_v3_sub-Dropdown-4:is(:hover, :focus-within)) .m-navigation_v3__link, .m-navigation:has(#navigation_v3_sub-Dropdown-5:is(:hover, :focus-within)) .m-navigation_v3__link, .m-navigation:has(#navigation_v3_sub-Dropdown-6:is(:hover, :focus-within)) .m-navigation_v3__link, .m-navigation:has(#navigation_v3_sub-Dropdown-7:is(:hover, :focus-within)) .m-navigation_v3__link {
    color: var(--rkc-green) !important;
}

/* Keep the triggering link orange while its dropdown is open (L0 hovered/focused OR panel hovered/focused) */
.m-navigation:has(#navigation_v3_sub-Dropdown-1):has(.m-navigation__item[data-idx="1"]:is(:hover, :focus-within)) .m-navigation__item[data-idx="1"] > .m-navigation_v3__link, .m-navigation:has(#navigation_v3_sub-Dropdown-1:is(:hover, :focus-within)) .m-navigation__item[data-idx="1"] > .m-navigation_v3__link, .m-navigation:has(#navigation_v3_sub-Dropdown-2):has(.m-navigation__item[data-idx="2"]:is(:hover, :focus-within)) .m-navigation__item[data-idx="2"] > .m-navigation_v3__link, .m-navigation:has(#navigation_v3_sub-Dropdown-2:is(:hover, :focus-within)) .m-navigation__item[data-idx="2"] > .m-navigation_v3__link, .m-navigation:has(#navigation_v3_sub-Dropdown-3):has(.m-navigation__item[data-idx="3"]:is(:hover, :focus-within)) .m-navigation__item[data-idx="3"] > .m-navigation_v3__link, .m-navigation:has(#navigation_v3_sub-Dropdown-3:is(:hover, :focus-within)) .m-navigation__item[data-idx="3"] > .m-navigation_v3__link, .m-navigation:has(#navigation_v3_sub-Dropdown-4):has(.m-navigation__item[data-idx="4"]:is(:hover, :focus-within)) .m-navigation__item[data-idx="4"] > .m-navigation_v3__link, .m-navigation:has(#navigation_v3_sub-Dropdown-4:is(:hover, :focus-within)) .m-navigation__item[data-idx="4"] > .m-navigation_v3__link, .m-navigation:has(#navigation_v3_sub-Dropdown-5):has(.m-navigation__item[data-idx="5"]:is(:hover, :focus-within)) .m-navigation__item[data-idx="5"] > .m-navigation_v3__link, .m-navigation:has(#navigation_v3_sub-Dropdown-5:is(:hover, :focus-within)) .m-navigation__item[data-idx="5"] > .m-navigation_v3__link, .m-navigation:has(#navigation_v3_sub-Dropdown-6):has(.m-navigation__item[data-idx="6"]:is(:hover, :focus-within)) .m-navigation__item[data-idx="6"] > .m-navigation_v3__link, .m-navigation:has(#navigation_v3_sub-Dropdown-6:is(:hover, :focus-within)) .m-navigation__item[data-idx="6"] > .m-navigation_v3__link, .m-navigation:has(#navigation_v3_sub-Dropdown-7):has(.m-navigation__item[data-idx="7"]:is(:hover, :focus-within)) .m-navigation__item[data-idx="7"] > .m-navigation_v3__link, .m-navigation:has(#navigation_v3_sub-Dropdown-7:is(:hover, :focus-within)) .m-navigation__item[data-idx="7"] > .m-navigation_v3__link {
    color: var(--rkc-orange) !important;
    border-bottom-color: var(--rkc-orange) !important;
}

/* Header white strip while matching item or panel is active */
.o-header:has(.m-navigation__item[data-idx="1"]:is(:hover, :focus-within)):has(#navigation_v3_sub-Dropdown-1)::before, .o-header:has(.m-navigation__item[data-idx="2"]:is(:hover, :focus-within)):has(#navigation_v3_sub-Dropdown-2)::before, .o-header:has(.m-navigation__item[data-idx="3"]:is(:hover, :focus-within)):has(#navigation_v3_sub-Dropdown-3)::before, .o-header:has(.m-navigation__item[data-idx="4"]:is(:hover, :focus-within)):has(#navigation_v3_sub-Dropdown-4)::before, .o-header:has(.m-navigation__item[data-idx="5"]:is(:hover, :focus-within)):has(#navigation_v3_sub-Dropdown-5)::before, .o-header:has(.m-navigation__item[data-idx="6"]:is(:hover, :focus-within)):has(#navigation_v3_sub-Dropdown-6)::before, .o-header:has(.m-navigation__item[data-idx="7"]:is(:hover, :focus-within)):has(#navigation_v3_sub-Dropdown-7)::before, .o-header:has(#navigation_v3_sub-Dropdown-1:is(:hover, :focus-within))::before, .o-header:has(#navigation_v3_sub-Dropdown-2:is(:hover, :focus-within))::before, .o-header:has(#navigation_v3_sub-Dropdown-3:is(:hover, :focus-within))::before, .o-header:has(#navigation_v3_sub-Dropdown-4:is(:hover, :focus-within))::before, .o-header:has(#navigation_v3_sub-Dropdown-5:is(:hover, :focus-within))::before, .o-header:has(#navigation_v3_sub-Dropdown-6:is(:hover, :focus-within))::before, .o-header:has(#navigation_v3_sub-Dropdown-7:is(:hover, :focus-within))::before {
    background: #fff;
}

/* Show ONLY the matching Level-2 list when its L1 is hovered/focused */
.m-navigation_v3_lvl0__content:has( .m-navigation_v3_lvl1_sub[data-l1="1"]:is(:hover, :focus-within), .m-navigation_v3_lvl1_sub_link[data-l1="1"]:is(:hover, :focus-within), .m-navigationv3_level2__container[data-parent="1"]:is(:hover, :focus-within) ) > .m-navigationv3_level2__container[data-parent="1"],
.m-navigation_v3_lvl0__content:has( .m-navigation_v3_lvl1_sub[data-l1="2"]:is(:hover, :focus-within), .m-navigation_v3_lvl1_sub_link[data-l1="2"]:is(:hover, :focus-within), .m-navigationv3_level2__container[data-parent="2"]:is(:hover, :focus-within) ) > .m-navigationv3_level2__container[data-parent="2"],
.m-navigation_v3_lvl0__content:has( .m-navigation_v3_lvl1_sub[data-l1="3"]:is(:hover, :focus-within), .m-navigation_v3_lvl1_sub_link[data-l1="3"]:is(:hover, :focus-within), .m-navigationv3_level2__container[data-parent="3"]:is(:hover, :focus-within) ) > .m-navigationv3_level2__container[data-parent="3"],
.m-navigation_v3_lvl0__content:has( .m-navigation_v3_lvl1_sub[data-l1="4"]:is(:hover, :focus-within), .m-navigation_v3_lvl1_sub_link[data-l1="4"]:is(:hover, :focus-within), .m-navigationv3_level2__container[data-parent="4"]:is(:hover, :focus-within) ) > .m-navigationv3_level2__container[data-parent="4"] {
    display: grid;
}

/* Keep the matching Level-1 tile in its hover state while its Level-2 panel is hovered/focused */
.m-navigation_v3_lvl0__content:has(.m-navigationv3_level2__container[data-parent="1"]:is(:hover, :focus-within))
.m-navigation_v3_lvl1_sub[data-l1="1"],
.m-navigation_v3_lvl0__content:has(.m-navigationv3_level2__container[data-parent="1"]:is(:hover, :focus-within))
.m-navigation_v3_lvl1_sub_link[data-l1="1"] {
    background: #fff;
    border-color: var(--rkc-sage-200);
}

.m-navigation_v3_lvl0__content:has(.m-navigationv3_level2__container[data-parent="2"]:is(:hover, :focus-within))
.m-navigation_v3_lvl1_sub[data-l1="2"],
.m-navigation_v3_lvl0__content:has(.m-navigationv3_level2__container[data-parent="2"]:is(:hover, :focus-within))
.m-navigation_v3_lvl1_sub_link[data-l1="2"] {
    background: #fff;
    border-color: var(--rkc-sage-200);
}

.m-navigation_v3_lvl0__content:has(.m-navigationv3_level2__container[data-parent="3"]:is(:hover, :focus-within))
.m-navigation_v3_lvl1_sub[data-l1="3"],
.m-navigation_v3_lvl0__content:has(.m-navigationv3_level2__container[data-parent="3"]:is(:hover, :focus-within))
.m-navigation_v3_lvl1_sub_link[data-l1="3"] {
    background: #fff;
    border-color: var(--rkc-sage-200);
}

.m-navigation_v3_lvl0__content:has(.m-navigationv3_level2__container[data-parent="4"]:is(:hover, :focus-within))
.m-navigation_v3_lvl1_sub[data-l1="4"],
.m-navigation_v3_lvl0__content:has(.m-navigationv3_level2__container[data-parent="4"]:is(:hover, :focus-within))
.m-navigation_v3_lvl1_sub_link[data-l1="4"] {
    background: #fff;
    border-color: var(--rkc-sage-200);
}

.m-navigation_v3_lvl0__content:has(.m-navigationv3_level2__container[data-parent="5"]:is(:hover, :focus-within))
.m-navigation_v3_lvl1_sub[data-l1="5"],
.m-navigation_v3_lvl0__content:has(.m-navigationv3_level2__container[data-parent="5"]:is(:hover, :focus-within))
.m-navigation_v3_lvl1_sub_link[data-l1="5"] {
    background: #fff;
    border-color: var(--rkc-sage-200);
}

.m-navigation_v3_lvl0__content:has(.m-navigationv3_level2__container[data-parent="6"]:is(:hover, :focus-within))
.m-navigation_v3_lvl1_sub[data-l1="6"],
.m-navigation_v3_lvl0__content:has(.m-navigationv3_level2__container[data-parent="6"]:is(:hover, :focus-within))
.m-navigation_v3_lvl1_sub_link[data-l1="6"] {
    background: #fff;
    border-color: var(--rkc-sage-200);
}

.m-navigation_v3_lvl0__content:has(.m-navigationv3_level2__container[data-parent="7"]:is(:hover, :focus-within))
.m-navigation_v3_lvl1_sub[data-l1="7"],
.m-navigation_v3_lvl0__content:has(.m-navigationv3_level2__container[data-parent="7"]:is(:hover, :focus-within))
.m-navigation_v3_lvl1_sub_link[data-l1="7"] {
    background: #fff;
    border-color: var(--rkc-sage-200);
}

/* =================================
   Level-1 (top row) tiles
================================= */

.m-navigationv3_level1__container {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    width: 1140px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

.m-navigation_v3_lvl1_sub, .m-navigation_v3_lvl1_sub_link {
    display: grid;
    align-items: start;
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--rkc-sage-200);
    border-radius: 8px;
    background: var(--rkc-sage-200);
    cursor: pointer;
    z-index: 15;
}

    .m-navigation_v3_lvl1_sub:hover, .m-navigation_v3_lvl1_sub_link:hover, .m-navigation_v3_lvl1_sub:focus-within {
        background: #fff;
        border-color: var(--rkc-sage-200);
    }

.m-navigation_v3_lvl1_sub_img {
    border-radius: 4px;
    height: 64px;
    width: 64px;
}

.m-navigation_v3_lvl2_link {
    color: var(--rkc-green) !important;
}

    .m-navigation_v3_lvl2_link:hover,
    .m-navigation_v3_lvl2_linkfocus {
        text-decoration: underline;
    }

.m-navigation_v3_lvl1_sub, .m-navigation_v3_lvl2_link {
    text-decoration: none;
}

    .m-navigation_v3_lvl1_sub:has(.m-navigation_v3_lvl1_sub_img), .m-navigation_v3_lvl2_link:has(.m-navigation_v3_lvl1_sub_img) {
        display: grid;
        grid-template-columns: 64px 1fr;
        gap: 12px;
    }

.m-navigation_v3_lvl3_link {
    display: grid;
    gap: 12px;
    text-decoration: none;
}

.m-navigation_v3_lvl1_sub_image {
    border-radius: 4px;
}

.m-navigation_v3_lvl1_sub_details {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.m-navigation_v3_lvl1_sub__caption {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--rkc-green);
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
}

.m-navigation_v3_lvl1_sub__description {
    margin-top: 4px;
    color: var(--rkc-charcoal);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

@media (max-width: 600px) {
    /* Hide descriptions on mobile */
    .m-navigation_v3_lvl1_sub__description,
    .m-navigation_v3_lvl2_sub__description {
        display: none !important;
    }
}

/* =================================
   Level-2 (bottom area) — natural flow
================================= */
.m-navigationv3_level2__container {
    grid-row: 2;
    grid-column: 1 / -1;
    display: none;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    width: 1140px;
    margin: 0 auto;
    list-style: none;
    padding-top: 48px;
    padding-bottom: 68px;
    position: relative;
    z-index: 50;
}

    .m-navigationv3_level2__container::before {
        content: "";
        position: absolute;
        top: 25px;
        left: 0;
        right: 0;
        height: 1px;
        background: var(--rkc-sage-300);
        pointer-events: none;
    }

.m-navigation_v3_lvl2_sub {
    padding: 16px 12px 16px 12px;
    border: 1px solid var(--rkc-sage-300);
    border-radius: 8px;
}

    .m-navigation_v3_lvl2_sub:hover {
        background: var(--rkc-sage-300);
        cursor: pointer;
    }

.m-navigation_v3_lvl2_sub__caption {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--rkc-green);
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
}

.m-navigation_v3_lvl2_sub__description {
    margin-top: 4px;
    color: var(--rkc-charcoal);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

/* ============================
   Mobile off-canvas navigation
============================ */
.m-navigation__item_utility_links {
    display: none;
}

@media (max-width: 1040px) {
    .m-navigation__item_utility_links {
        padding-top: calc(var(--banner-height, 50px) + 30px);
        display: block;
        list-style-type: none;
        border-bottom: 1px solid var(--rkc-sage-300);
        padding-left: 24px;
        padding-bottom: 16px;
    }

    .m-navigation__item_utility_link {
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .m-navigation__item_utility_link a {
            text-decoration: none;
            color: var(--rkc-green);
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 24px;
            letter-spacing: -0.08px;
            height: 100%;
            width: 100%;
            display: block;
        }

    .m-navigation__item {
        border-bottom: 1px solid var(--rkc-sage-300);
        padding-left: 24px;
        height: 75px;
    }

    .m-navigation_v3__link {
        height: 100% !important;
        padding: 29px 0px 25px 0px !important;
        display: flex;
        align-items: center;
        justify-content: space-between !important;
    }

    .m-navigation__link {
        color: var(--rkc-green);
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.08px;
        padding-bottom: 22px;
        padding-top: 26px;
    }

    .m-navigation_v3__link_chevron {
        display: inline-flex;
        flex-shrink: 0;
        margin-left: 16px;
        margin-right: 16px;
        width: 20px;
        height: 20px;
        fill: var(--rkc-green);
    }

    .m-navigation__link:hover,
    .m-navigation__link:focus,
    .m-navigation__item_utility_link a:hover {
        color: var(--rkc-orange) !important;
        fill: var(--rkc-orange);
    }

    .m-navigation__item a {
        width: 100%;
        height: 100%;
    }

    body:has(.o-site-banner) {
        --nav-top: 100px;
    }

    .m-navigation {
        position: fixed;
        left: 0;
        width: 100vw;
        height: 100dvh;
        background: #fff;
        transform: translateX(-100%);
        transition: transform .28s ease;
        z-index: 1000;
        overflow-y: hidden;
        top: var(--nav-top);
        bottom: 0;
    }

        .m-navigation.is-open {
            transform: translateX(0);
        }

    body.nav-open {
        overflow: hidden;
        touch-action: none;
        position: fixed;
        width: 100%;
    }

    .m-navigation__item .m-navigation_v3__link,
    .m-navigation__item > label.m-navigation_v3__link {
        justify-content: flex-start;
        height: auto;
        padding: 14px 8px;
        color: var(--rkc-green);
        border-bottom: none;
    }

    .m-menu-trigger {
        z-index: 5000;
    }
}

@media (max-height: 500px) {
    .m-navigation__item_utility_link {
        display: none !important;
    }
}

/* Icon swap */
.m-menu-trigger__icon {
    display: block;
    width: 22px;
    height: 22px;
}

    .m-menu-trigger__icon .icon-bars, .m-menu-trigger__icon .icon-close {
        transform-origin: 12px 12px;
        transition: opacity .22s ease, transform .22s ease;
    }

    .m-menu-trigger__icon .icon-bars {
        opacity: 1;
        transform: scale(1);
    }

    .m-menu-trigger__icon .icon-close {
        opacity: 0;
        transform: scale(.9);
    }

body.nav-open .m-menu-trigger__icon .icon-bars {
    opacity: 0;
    transform: scale(.9);
}

body.nav-open .m-menu-trigger__icon .icon-close {
    opacity: 1;
    transform: scale(1);
}

.m-menu-trigger__label::after {
    content: "MENU";
}

body.nav-open .m-menu-trigger__label::after {
    content: "CLOSE";
}

.t-article__body-right {
    margin-right: 0px;
}

/* ===== Mobile drawer for nav ===== */

#navigation .nav-drawer {
    display: none;
}

@media (max-width: 1040px) {
    /* hide desktop dropdown panels on mobile */
    #navigation .m-navigation_v3_lvl0__content {
        display: none !important;
    }

    /* Drawer lives inside #navigation and overlays the list area */
    #navigation .nav-drawer {
        position: absolute;
        inset: 0;
        display: none; /* toggled by .is-open */
        z-index: 5000;
    }

        #navigation .nav-drawer.is-open {
            display: block;
        }

        /* Backdrop over the nav area only */
        #navigation .nav-drawer::before {
            content: "";
            position: absolute;
            inset: 0;
            background: rgba(0,0,0,.35);
        }

    /* Sliding panel overlays from the right */
    #navigation .nav-drawer__panel {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
        background: #fff;
        box-shadow: -2px 0 12px rgba(0,0,0,.15);
        transform: translateX(100%);
        transition: transform .25s ease;
        overflow: hidden;
        padding-top: 66px;
    }

    #navigation .nav-drawer.is-open .nav-drawer__panel {
        transform: translateX(0);
    }

    /* Header inside drawer */
    #navigation .nav-drawer__header {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 16px 24px;
        border-bottom: 1px solid var(--rkc-sage-300);
        padding-top: calc(var(--banner-height, 50px) - 36px)
    }

    #navigation .nav-drawer__back {
        appearance: none;
        border: 0;
        background: transparent;
        cursor: pointer;
        padding: 8px;
        margin: -8px 0 -8px -8px;
        color: var(--rkc-green);
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.08px;
    }

    #navigation .nav-drawer__title {
        margin: 0;
        font-weight: 700;
        font-size: 18px;
    }

    /* Lists as single-column in drawer */
    #navigation .nav-drawer .m-navigationv3_level1__container,
    #navigation .nav-drawer .m-navigationv3_level2__container {
        max-width: 100%;
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 16px 24px;
        display: grid;
    }

    #navigation .nav-drawer .m-navigationv3_level2__container {
        padding-bottom: 100px;
    }

        #navigation .nav-drawer .m-navigationv3_level2__container::before {
            display: none;
        }

    /* Nav vertical scrolling */
    @media (max-height: 500px) {
        .m-navigation__list {
            max-height: calc(100dvh - 150px) !important
        }
    }

    /* Nav vertical scrolling */
    @media (max-width: 1040px) {
        .m-navigation__list {
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            flex: 1 1 auto;
            min-height: 0;
            max-height: calc(100dvh - 300px);
            padding-bottom: 100px;
        }

        .nav-drawer__content {
            position: relative;
            height: 100%;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            padding-bottom: 24px;
            max-height: calc(100% - 170px);
        }
    }

    #navigation .m-navigation_v3__link {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #navigation span.m-navigation_v3__link {
        cursor: pointer;
    }

    .m-navigation_v3_lvl1_sub_img {
        display: none;
    }

    .m-navigation_v3_lvl1_sub:has(.m-navigation_v3_lvl1_sub_img),
    .m-navigation_v3_lvl2_link:has(.m-navigation_v3_lvl1_sub_img) {
        grid-template-columns: unset;
    }
}

@media (max-width: 1040px) {
    #navigation .nav-drawer__sub:empty {
        display: none;
    }
}

/* ============================
   Misc
============================ */

/* Override the location of the Google ReCaptcha badge so it doesnt sit over the cookie policy button */
.grecaptcha-badge {
    z-index: 100;
    bottom: 40px !important;
}

.tab-heading {
    display: none !important;
}

.body-full-width {
    width: 100% !important;
    text-align: center;
}

.disclaimer {
    padding-top: 16px;
}

.article-link {
    text-decoration: none;
    transition: all 300ms ease-out;
    border-radius: 16px;
}

    .article-link:hover {
        transform: scale(1.03);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
        opacity: 1;
    }

    /* Small fix for article link hover effect
        Counters pixel tearing on the ruffle/img when hover effect is applied */
    .article-link .m-card__media {
        overflow: hidden;
        transform: translateZ(0);
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }

.a-link {
    color: var(--rkc-green);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    text-decoration: none;
}

    .a-link:hover,
    .a-link:focus {
        text-decoration: underline;
    }

    .a-link::after {
        content: " >";
    }

.u-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
}

.card-body-flex {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.card-link-wrap {
    margin-top: auto;
}

.mobile-only {
    display: none;
}

@media (max-width: 599px) {
    .mobile-only {
        display: unset;
    }
}

.breed-key {
    font-weight: 700;
    padding-top: 12px;
    padding-bottom: 12px;
}

@media (max-width: 1140px) and (min-width: 1041px) {
    .current-user {
        max-width: 100px;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.p-find-a-judge__result-table-wrapper {
    padding-bottom: 1rem;
}

.margin-top-25 {
    margin-top: 2.5rem;
}

.padding-top-25 {
    padding-top: 2.5rem;
}

.padding-top-10 {
    padding-top: 1.0rem;
}

.body--no-scroll {
    overflow: hidden;
}

.home-carousel-overlay,
.home-banner-overlay,
.header-media-overlay {
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%);
    position: absolute;
    left: 0;
}

.home-carousel-overlay {
    display: none;
}

.header-media-overlay {
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
    position: absolute;
    left: 0;
}

.content-alignment-Left {
    text-align: left !important;
    margin-right: unset !important;
    margin-left: unset !important;
}

.content-alignment-Center {
    text-align: center !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.in-height-unset {
    min-height: unset !important;
}

#hdr_imageReplace {
    z-index: 0;
}

.t-search__filter:not([open]) .t-search__filter-body {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.t-search__filter[open] .t-search__filter-body {
    display: block;
    opacity: 1;
    visibility: visible;
}

.t-search__filter {
    overflow: hidden;
}

    .t-search__filter[open] {
        overflow: visible;
    }

/* Override for splitter controls on desktop */
@media screen and (min-width: 600px) {
    .splitter {
        min-height: 400px !important;
    }

        .splitter .m-card__overlay-container .m-card__media {
            height: 100%;
            padding: 0 !important;
            aspect-ratio: auto !important;
            position: relative;
        }

            .splitter .m-card__overlay-container .m-card__media > img.a-media__image {
                position: absolute;
                inset: 0;
                width: 100% !important;
                height: 100% !important;
                object-fit: fill !important;
                display: block;
            }

            .splitter .m-card__overlay-container .m-card__media > img:not(.a-media__image) {
                position: absolute;
                pointer-events: none;
            }
}

/* ============================
   FAP Component
============================ */
.a-media--promo-2col_updown {
    grid-column: span 2;
    display: flex;
}

.puppy-component .t-search__form-puppy-component .m-form__row {
    margin-bottom: 0rem;
}

.puppy-component .t-search__form {
    border: none;
    margin-top: 0px;
    display: flex;
    min-width: 128px;
    align-items: center;
    border-radius: 8px;
    margin-left: unset !important;
    margin-right: unset !important;
    width: 100% !important;
    max-width: unset !important;
}

.puppy-component .m-card__title {
    width: 100%;
    text-align: center;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 39px;
    margin-block: auto;
}

@media (max-width: 760px) {
    .puppy-component .m-card__title {
        margin-block: revert !important;
    }
}

.t-search__form-puppy-component .a-autocomplete .select2-selection {
    border: none;
    padding-left: 0px;
}

.t-search__form-puppy-component .border-seperator {
    border-right: 2px solid var(--rkc-sage-200);
}

.t-search__form-puppy-component.o-search-form__inner .a-button {
    height: 100%;
}

.t-search__form .m-form__label {
    color: var(--rkc-charcoal) !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 0;
}

.puppy-component .t-search__form-puppy-component {
    width: 100%;
    padding: 0 !important;
    margin-top: auto;
}

.puppy-component .t-search__intro {
    padding: unset !important;
}

.puppy-component .o-search-form__form {
    display: flex;
    align-items: stretch;
    padding: 14px 8px 14px 24px;
    min-height: 72px;
    width: 100%;
    gap: 16px;
}

    .puppy-component .o-search-form__form .m-form__row {
        flex: 1 1 0;
        align-self: stretch;
    }

    .puppy-component .o-search-form__form .o-search-form__form-button {
        flex: 0 0 auto;
        align-self: stretch;
        display: flex;
    }

        .puppy-component .o-search-form__form .o-search-form__form-button .a-button {
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
        }

.puppy-component .a-autocomplete .select2-search.select2-search--inline .select2-search__field {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.puppy-component .a-autocomplete .select2-selection {
    min-height: unset;
}

.puppy-component .a-autocomplete .select2-container .select2-search--inline .select2-search__field::placeholder {
    color: var(--rkc-charcoal);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    opacity: 1;
}

.puppy-component t-search__filter-title-location {
    padding-left: 0px !important;
}

.puppy-component p {
    text-align: center;
}

.puppy-component .o-search-form__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.puppy-component .m-form__row.o-search-form__form-button {
    min-height: 56px;
    min-width: 56px;
    padding: 8px 8px 8px 8px;
}

    .puppy-component .m-form__row.o-search-form__form-button .a-button.a-button--primary {
        height: 56px;
        min-width: 56px;
        border-radius: 4px !important;
    }

.puppy-component .t-search__filter-title {
    padding-left: 0;
}

.puppy-component .m-card__body.a-media--cover {
    padding-top: 0px;
    padding-bottom: 27px;
    padding-left: 27px;
    padding-right: 27px;
}

.puppy-component .border-seperator {
    border-right: 1px solid var(--rkc-sage-300);
}

.m-form__multi-values {
    position: absolute;
    z-index: 110;
    color: black;
    max-height: 456px;
    width: 397px;
    overflow-x: hidden;
    overflow-y: scroll;
    border-radius: 8px;
    border: 1px solid #BFCAC6;
    background: #FFF;
    box-shadow: 0 24px 40px 0 rgba(0, 0, 0, 0.10);
    padding-top: 20px;
}

.puppy-component.m-form__multi-values {
    margin-top: 15px;
    margin-left: -23px;
}

.m-form__multi-values:not(.active),
.m-form__multi-values-item:not(.active) {
    display: none;
}

.m-form__multi-values.active,
.m-form__multi-values-item.active {
    display: block;
}

.m-form__multi-values-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 0 0;
    align-self: stretch;
    margin-bottom: 20px;
    color: var(--rkc-charcoal);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.m-form__multi-values-item-label {
    margin-left: 12px;
    cursor: pointer;
}

    .m-form__multi-values-item-label:has(input:checked) {
        font-weight: 700;
    }

    .m-form__multi-values-item-label span {
        margin-left: 8px;
    }

.m-form__multi-values-item-check {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    cursor: pointer;
    bottom: -4px;
    position: relative;
    border-radius: 4px;
    border: 1px solid var(--rkc-sage-600);
}

    .m-form__multi-values-item-check:checked {
        background-color: var(--rkc-green);
        border-color: var(--rkc-green);
    }

        .m-form__multi-values-item-check:checked::after {
            content: "✓";
            color: #FFF;
            font-size: 12px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            line-height: 1;
        }

.puppy-component .a-select {
    border: none !important;
}

.puppy-component input:focus {
    outline: none;
}

.a-select--breeds .a-select__chips {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
    min-height: 24px;
    cursor: text;
    padding-right: 17px;
}

.a-select--breeds .chip {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .2rem .5rem;
    border-radius: 3px;
    background: var(--rkc-sage-200);
    font-size: 16px;
    color: var(--rkc-charcoal);
}

.a-select--breeds .chip__remove {
    border: 0;
    background: transparent;
    cursor: pointer;
    line-height: 1;
    font-size: 1rem;
    color: #E00132;
}

.a-select--breeds {
    position: relative;
}

.a-select__input.m-form__multi-value {
    background-image: none;
    padding: 0;
    border: none;
    height: unset;
}

.a-select__input::placeholder {
    color: var(--rkc-charcoal);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    opacity: 1 !important;
}

@media (max-width: 760px) {
    .puppy-component .o-search-form__form {
        display: unset;
        padding: 12px 24px 0px 24px;
    }

    .puppy-component .o-search-form__inner {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .puppy-component .m-form__row {
        width: 100% !important;
        flex: 1 1 100%;
        padding-top: 12px;
    }

    .puppy-component .border-seperator {
        border-right: 0;
        border-bottom: 1px solid var(--rkc-sage-300);
        padding-bottom: 12px;
        margin-bottom: 12px;
    }

    .puppy-component .m-form__row.o-search-form__form-button {
        align-self: stretch;
        padding: 0px 24px 0px 24px;
    }

        .puppy-component .m-form__row.o-search-form__form-button .a-button.a-button--primary {
            width: 100%;
            height: 48px;
            min-width: 0;
        }
}

.m-form__multi-values::-webkit-scrollbar {
    width: 8px;
}

.m-form__multi-values::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 4px;
}

.m-form__multi-values::-webkit-scrollbar-thumb {
    background: #BFCAC6;
    border-radius: 4px;
}

    .m-form__multi-values::-webkit-scrollbar-thumb:hover {
        background: #BFCAC6;
    }

#datamodel_Filter_Location,
.puppy-component .a-input {
    border: 1px solid var(--rkc-sage-300) !important;
}

.t-search__filter-body .m-form__row:nth-of-type(2) {
    padding-top: 12px;
}

.t-search__filter-body .m-form__label {
    padding-bottom: 6px;
}

/* ============================
   Floating Menu
============================ */
.floating-menu-container {
    width: 95%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

.floating-menu {
    margin-top: 25px;
    width: 260px;
    z-index: 50;
    border-right: var(--rkc-sage-200) 3px solid;
    background-color: white;
    max-height: 600px;
    overflow-y: auto;
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media screen and (min-width: 3440px) {
    .floating-menu {
        margin-top: 60px;
    }
}

body:has(#bm-box:not([hidden])) .t-article__body {
    /* If menu visible, shift the main content to the right to make room */
    margin-left: 40dvw;
    margin-right: 0;
}

@media screen and (min-width: 2000px) {
    body:has(#bm-box:not([hidden])) .t-article__body {
        /* On larger screens shift it even more */
        margin-left: 45dvw;
    }
}

.floating-menu a,
.floating-menu h3 {
    display: block;
    font-weight: 500;
    padding: 8px 8px 8px 8px;
}

.floating-menu h3 {
    color: var(--rkc-green);
    font-size: 18px;
    font-weight: 700;
    line-height: 39px;
}

.floating-menu a {
    text-decoration: none;
    color: var(--rkc-charcoal);
    font-size: 16px;
    line-height: 24px;
}

    .floating-menu a:hover,
    .floating-menu:focus,
    .floating-menu a.is-active {
        border-radius: 4px 0 0 4px;
        background-color: var(--rkc-sage-200);
        font-weight: 700;
    }

.floating-menu::-webkit-scrollbar {
    width: 8px;
}

.floating-menu::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 4px;
}

.floating-menu::-webkit-scrollbar-thumb {
    background-color: var(--rkc-sage-300);
    border-radius: 4px;
}

.floating-menu::-webkit-scrollbar-button {
    display: none;
    height: 0;
    width: 0;
}

/* ============================
  Carousel
============================ */

/* Carousel container */
.carousel {
    position: relative;
    margin: auto;
    overflow: hidden;
    z-index: 10;
}

.home-carousel .o-section__inner {
    padding-bottom: 0px !important;
}

/* Carousel slides */
.shop-slides,
.home-slides {
    display: flex !important;
    transition: transform 0.5s ease-in-out;
    width: 100%;
}

/* Individual slide - shop */
.shop-slide {
    min-width: 245px;
    box-sizing: border-box;
}

    .shop-slide .a-media__image {
        height: 197px !important;
    }

    .shop-slide .m-product-card__media {
        height: 197px !important;
    }

    .shop-slide .a-media--4x3 {
        padding: unset;
    }

/* Individual slide - home */
.home-slide {
    min-width: 360px;
    box-sizing: border-box;
    flex: 1 1 0;
    height: unset;
}

    .shop-slide img, .home-slide img {
        width: 100%;
        display: block;
    }

.carousel .home-slides .t-landing__intro-Green a,
.carousel .home-slides .t-landing__intro-Green a:visited {
    color: #FFF;
}

.carousel .home-slides .t-landing__intro-BackgroundLight a,
.carousel .home-slides .t-landing__intro-BackgroundLight a:visited,
.carousel .home-slides .t-landing__intro-BackgroundMedium a,
.carousel .home-slides .t-landing__intro-BackgroundMedium a:visited
.carousel .home-slides .t-landing__intro-BackgroundDark a,
.carousel .home-slides .t-landing__intro-BackgroundDark a:visited {
    color: var(--rkc-green);
}

.carousel .home-slides h2 {
    margin-bottom: 8px;
    font-size: 21px;
    font-weight: 700;
    line-height: 24px;
}

.carousel .home-slides p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.carousel .home-slide m-card__body {
    padding: 24px;
}

.carousel .home-slide.home-slide-default {
    background-color: var(--rkc-sage-200);
    color: var(--rkc-green);
}

    .carousel .home-slide.home-slide-default a,
    .carousel .home-slide.home-slide-default a:visited {
        color: var(--rkc-green);
        font-weight: 600;
    }

.carousel .home-slide.home-slide-active {
    background-color: var(--rkc-sage-600);
    color: var(--rkc-charcoal);
}

    .carousel .home-slide.home-slide-active a,
    .carousel .home-slide.home-slide-active a:visited {
        color: var(--rkc-charcoal);
        font-weight: 600;
    }

/* Navigation buttons */
.nav-shop-container {
    float: right;
}

.nav-shop.prev-shop {
    float: right;
    margin-left: 8px;
}

.nav-shop.next-shop {
    float: right;
    margin-left: 8px;
}

@media screen and (max-width: 760px) {
    .nav-shop-container {
        width: 100%;
    }

    .nav-shop.prev-shop {
        margin-top: 16px;
    }

    .nav-shop.next-shop {
        margin-top: 16px;
    }
}

.nav-shop {
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    border-radius: 4px;
    line-height: 24px;
    width: 32px;
    background-color: var(--rkc-sage);
}

.nav-home {
    position: absolute;
    top: -38px;
    transform: translateY(-50%);
    background-color: white;
    color: black;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 10;
    padding-left: 15px;
    padding-right: 15px;
}

    .nav-home.prev {
        border-radius: 10px 0px 0px 10px;
    }

    .nav-home.next {
        left: 43px;
        border-radius: 0px 10px 10px 0px;
    }

/* Dots for manual navigation */
.dots {
    text-align: center;
    margin-top: 30px;
}

.dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 5px;
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    cursor: pointer;
}

    .dot.active {
        background-color: var(--rkc-charcoal);
    }

/* ============================
  FAP V2
============================ */

.t-search__additional-filters {
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    max-width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

.puppy-form .t-search__form {
    max-width: 56rem;
    border: none;
    border-radius: 16px;
    margin-top: 0px;
    width: 95%;
}

.puppy-form .m-form__row.o-search-form__form-button {
    padding: 12px 14px 12px 0px !important;
}

.fap-filter_popout-cover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    display: none;
}

.fap-filter_popout {
    position: fixed;
    top: 0;
    right: 0;
    width: 50vw;
    max-width: 1000px;
    min-width: 1000px;
    height: 100vh;
    background-color: var(--rkc-sage-200);
    border: 2px solid var(--rkc-sage-200);
    z-index: 9999;
    padding: 100px;
    display: none;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

@media screen and (max-width: 1000px) {
    .fap-filter_popout {
        width: 100vw;
        min-width: 0;
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

.fap-filter_popout-body {
    margin-top: 50px;
}

.fap-filter_popout-close {
    float: right;
    color: var(--rkc-charcoal);
    font-size: 16px;
    font-weight: 700;
    line-height: 27px;
}

    .fap-filter_popout-close .close-label {
        vertical-align: top;
        margin-right: 8px;
    }

    .fap-filter_popout-close .close-x {
        font-size: 46px;
        font-weight: normal;
        color: var(--rkc-charcoal);
    }

.t-search__filters-clear-container {
    padding-top: 24px;
    text-align: center;
}

.t-search__filters-clear {
    color: var(--rkc-green);
    font-size: 16px;
    font-weight: 700;
    line-height: 27px;
    text-decoration: none;
}

    .t-search__filters-clear:hover,
    .t-search__filters-clear:focus {
        text-decoration: underline;
    }

.fap-filter_popout-body .m-form__legend {
    color: var(--rkc-charcoal);
    font-size: 16px;
    font-weight: 700;
    line-height: 27px;
}

@media screen and (max-width: 760px) {
    .puppy-form .m-form__row.o-search-form__form-button {
        padding: 0px 24px 24px 24px !important;
    }
}

/* ============================
  FAR
============================ */
.rescue-component .a-select__chips {
    padding-top: 16px;
    padding-left: 12px;
}

.rescue-component .o-search-form__form-button {
    min-height: 56px;
}

.rescue-component .a-select__input::placeholder {
    color: var(--rkc-sage);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

/* ============================
  FAP V2 Filter Options Checkbox Styling
============================ */

.fap-filter_popout-body .m-form__label {
    font-size: 16px;
    font-weight: 700;
    line-height: 27px;
    margin-bottom: 4px;
}

.fap-filter_popout-body .m-form__fieldset-2-columns .m-form__row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

    .fap-filter_popout-body .m-form__fieldset-2-columns .m-form__row .a-checkbox {
        width: 100%;
    }

.fap-filter_popout-body .a-checkbox {
    width: 100%;
    padding-left: unset;
}

.fap-filter_popout-body .a-checkbox__input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.fap-filter_popout-body .a-checkbox__label {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 80px;
    box-sizing: border-box;
    padding: 16px 18px 16px 56px;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid var(--rkc-sage-300);
    background-color: #FFF;
    color: var(--rkc-charcoal);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

    .fap-filter_popout-body .a-checkbox__label::before {
        content: "";
        position: absolute;
        width: 26px;
        height: 26px;
        background: #ffffff;
        flex: none;
        top: 50%;
        left: 18px;
        border-radius: 4px;
        border: 1px solid var(--rkc-charcoal);
        transform: translateY(-50%);
        box-sizing: border-box;
    }

    .fap-filter_popout-body .a-checkbox__label:hover {
        border-color: var(--rkc-green);
        box-shadow: 0 1px 0 rgba(0,0,0,.04);
    }

.fap-filter_popout-body .a-checkbox__input:checked + .a-checkbox__label {
    background: var(--rkc-green);
    color: #FFF;
    border-color: var(--rkc-green);
    font-weight: 400;
    padding-left: 56px;
}

    .fap-filter_popout-body .a-checkbox__input:checked + .a-checkbox__label::before {
        border-color: #ffffff;
        background: #ffffff;
    }

.fap-filter_popout-body .a-checkbox__input:focus + .a-checkbox__label {
    box-shadow: 0 0 0 3px rgba(0, 88, 79, 0.2);
}

.fap-filter_popout-body .a-checkbox__input:checked ~ .a-checkbox__label::after {
    content: "✓";
    color: var(--rkc-charcoal);
    padding-left: 22px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 700;
    background-color: unset;
    border: unset;
    top: 50%;
    transform: translateY(-50%);
}

/* ============================
  YKC Shared
============================ */

.m-ykc-heading__prefix {
    font-size: 34px;
    line-height: 1;
    color: var(--rkc-green);
}

.m-ykc-heading__text {
    font-size: 1.75rem;
    line-height: 1;
    color: var(--rkc-gold) !important;
    padding-top: 1rem;
}

/* ============================
  YKC Join Banner
============================ */

.o-ykc-join-banner {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    position: relative;
}

@media screen and (min-width: 760px) {
    .o-ykc-join-banner {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem;
    }
}

.o-ykc-join-banner__inner {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: calc(330px + (100% - 330px));
    grid-template-areas: "heading" "items" "cta"
}

@media screen and (min-width: 760px) {
    .o-ykc-join-banner__inner {
        grid-template-columns: calc(60px + ((100% - 330px) / 12 * 3)) calc(150px + ((100% - 330px) / 12 * 6)) calc(60px + ((100% - 330px) / 12 * 3));
        grid-template-areas: "heading heading ." "items items items" "cta cta cta"
    }
}

@media screen and (min-width: 1020px) {
    .o-ykc-join-banner__inner {
        grid-template-columns: calc(60px + ((100% - 330px) / 12 * 3)) calc(240px + ((100% - 330px) / 12 * 9));
        grid-template-areas: "heading items" "cta items"
    }
}

.o-ykc-join-banner__heading {
    font-size: 34px;
    line-height: 1;
    grid-area: heading;
    color: var(--rkc-green);
}

.o-ykc-join-banner__items {
    grid-area: items;
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (min-width: 760px) {
    .o-ykc-join-banner__items {
        flex-direction: row;
        gap: 60px
    }
}

.o-ykc-join-banner__item {
    display: flex;
    align-items: center
}

@media screen and (min-width: 760px) {
    .o-ykc-join-banner__item {
        flex: 1 1 1px;
        flex-direction: column;
        align-items: flex-start
    }
}

.o-ykc-join-banner__item-image {
    padding-right: 0.5rem;
    width: 4rem
}

@media screen and (min-width: 760px) {
    .o-ykc-join-banner__item-image {
        padding-bottom: 0.5rem;
        width: 9.25rem
    }
}

.o-ykc-join-banner__item-text {
    max-width: 20em;
    font-weight: 500;
    font-size: 18px;
}

.o-ykc-join-banner__cta {
    grid-area: cta
}

/* ============================
  YKC Jumbotron
============================ */

.o-ykc-jumbotron {
    position: relative;
    color: #fff
}

.o-ykc-jumbotron__inner {
    display: flex;
    flex-direction: column-reverse;
    position: relative
}

.o-ykc-jumbotron__media {
    border-radius: 16px;
}

@media screen and (min-width: 760px) {
    .o-ykc-jumbotron__inner {
        flex-direction: row-reverse;
        align-items: center
    }

    .o-ykc-jumbotron__media {
        flex: 0 0 calc(50% + 3rem);
    }
}

.o-ykc-jumbotron__body {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    flex-grow: 1;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 760px) {
    .o-ykc-jumbotron__body {
        padding: 3.75rem;
    }

    .o-ykc-jumbotron__heading {
        margin-bottom: 2rem
    }

    .o-ykc-jumbotron__cta {
        margin-top: 1.25rem
    }
}

.o-ykc-jumbotron__heading {
    margin-bottom: 1.25rem
}

.o-ykc-jumbotron__content {
    max-width: 30em;
    font-weight: 500;
    font-size: 18px;
    color: var(--rkc-charcoal);
}

.o-ykc-jumbotron__cta {
    margin-top: 1rem
}

.o-ykc-jumbotron--alt {
    position: relative;
}

@media screen and (min-width: 760px) {
    .o-ykc-jumbotron--reversed .o-ykc-jumbotron__inner {
        flex-direction: row
    }
}

@media screen and (min-width: 760px) {
    .o-ykc-jumbotron--reversed .o-ykc-jumbotron__media {
        margin-right: unset
    }
}

/* ============================
  YKC Fame
============================ */

.o-ykc-photo-banner__inner {
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 760px) {
    .o-ykc-photo-banner__inner {
        display: flex;
        flex-direction: row;
        align-items: center
    }
}

.o-ykc-photo-banner__body {
    flex-grow: 1;
    position: relative
}

    .o-ykc-photo-banner__body::before, .o-ykc-photo-banner__body::after {
        display: block;
        position: absolute;
        background-repeat: no-repeat;
        background-size: contain;
        pointer-events: none
    }

@media screen and (min-width: 760px) {
    .o-ykc-photo-banner__body {
        padding-right: 2.5rem
    }
}

@media screen and (min-width: 760px)and (min-width: 760px) {
    .o-ykc-photo-banner__body {
        padding-right: 3.75rem
    }
}

.o-ykc-photo-banner__heading {
    margin-bottom: 1.25rem;
    max-width: 30em;
}

@media screen and (min-width: 760px) {
    .o-ykc-photo-banner__heading {
        margin-bottom: 2rem
    }
}

.o-ykc-photo-banner__content {
    max-width: 30em;
    font-weight: 500;
    font-size: 18px;
    color: var(--rkc-charcoal);
}

.o-ykc-photo-banner__cta {
    margin-top: 1rem;
    max-width: 30em;
}

@media screen and (min-width: 760px) {
    .o-ykc-photo-banner__cta {
        margin-top: 1.25rem
    }
}

.o-ykc-photo-banner__photo {
    width: 100%;
    margin-top: 1.5rem;
}

@media screen and (min-width: 760px) {
    .o-ykc-photo-banner__photo {
        width: 50%;
        margin-top: -2rem;
        margin-bottom: -2rem
    }
}

.o-ykc-photo-banner__photo-image {
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 16px;
}

/* ============================
  YKC Events & Articles
============================ */

.m-ykc-event-card {
    --ribbon-width: 66px;
    --ribbon-height: 93px;
    display: flex;
    flex-direction: column;
    color: #fff;
    border-radius: 16px;
}

.m-ykc-event-card__media {
    flex: 0 0 var(--ribbon-width);
    position: relative;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
}

.m-ykc-event-card__ribbon {
    width: var(--ribbon-width);
    height: var(--ribbon-height);
    position: relative;
    top: -0.5rem;
    background-image: url("../images/ykc/ribbon.png");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 100;
}

.m-ykc-event-card__ribbon-text {
    font-size: .875rem;
    line-height: 1;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    letter-spacing: .05em;
    display: block;
    width: 100%;
    padding: 0 .5rem 0 .75rem;
    position: absolute;
    top: calc(var(--ribbon-width) / 2);
    color: #006954;
    font-weight: 700;
    text-align: center;
    transform: translateY(-50%);
}

@media screen and (min-width: 760px) {
    .m-ykc-event-card__ribbon-text {
        font-size: 1rem
    }
}

.m-ykc-event-card__body {
    padding: 1rem;
    margin-bottom: 16px;
    font-weight: 500;
    font-size: 18px;
}

.m-ykc-event-card__title {
    font-size: 1.5rem;
    line-height: 1.15;
    display: block;
}

@media screen and (min-width: 760px) {
    .m-ykc-event-card__title {
        font-size: 1.75rem
    }
}

.m-ykc-event-card__meta {
    margin-top: 0.25rem;
    color: var(--rkc-gold);
}

.m-ykc-event-card__content {
    margin-top: 1rem;
    display: none;
    margin-bottom: 16px;
    font-weight: 500;
    font-size: 18px;
    color: var(--rkc-charcoal);
}

@media screen and (min-width: 760px) {
    .m-ykc-event-card__content {
        margin-top: 1.25rem
    }
}

.m-ykc-event-card__link {
    margin-top: 1rem;
    color: inherit
}

@media screen and (min-width: 760px) {
    .m-ykc-event-card {
        --ribbon-width: 88px;
        --ribbon-height: 117px;
    }

        .m-ykc-event-card .m-ykc-event-card__media {
            flex-basis: auto
        }

        .m-ykc-event-card .m-ykc-event-card__ribbon {
            position: absolute;
            top: calc(100% - 3.5rem);
            right: 1rem
        }

        .m-ykc-event-card .m-ykc-event-card__body {
            display: flex;
            flex-direction: column;
            height: 100%
        }

        .m-ykc-event-card .m-ykc-event-card__title {
            padding-right: var(--ribbon-width)
        }

        .m-ykc-event-card .m-ykc-event-card__content {
            display: block
        }

        .m-ykc-event-card .m-ykc-event-card__cta {
            margin-top: auto
        }
}

/* ============================
  YKC Misc
============================ */

.ykc-post-photo-container {
    position: relative;
}

.ykc-post-photo {
    border-radius: 16px;
}

/* ============================
  Cookie Policy (Cookieless)
    Overriding styles in website css for now as we dont currently have access to where the styles are provided by 3rd party
============================ */

.qc-cmp2-persistent-link {
    background-color: var(--rkc-gold) !important;
    border-top-left-radius: 8px !important;
}

#qc-cmp2-ui {
    border-radius: 16px !important;
    background-color: var(--rkc-sage-100) !important;
}


    #qc-cmp2-ui .logo-container {
        margin-bottom: 15px !important;
    }

    #qc-cmp2-ui #save-and-exit,
    #qc-cmp2-ui #accept-btn,
    #qc-cmp2-ui #more-options-btn {
        color: #FFF !important;
        border-color: var(--rkc-orange) !important;
        background-color: var(--rkc-orange) !important;
        border-radius: 8px;
    }

        #qc-cmp2-ui #save-and-exit:hover,
        #qc-cmp2-ui #save-and-exit:focus,
        #qc-cmp2-ui #accept-btn:hover,
        #qc-cmp2-ui #accept-btn:focus,
        #qc-cmp2-ui #more-options-btn:hover,
        #qc-cmp2-ui #more-options-btn:focus {
            border-color: var(--rkc-orange-hover) !important;
            background-color: var(--rkc-orange-hover) !important;
        }

    #qc-cmp2-ui .qc-cmp2-header-links button,
    #qc-cmp2-ui .qc-cmp2-footer-links button,
    #qc-cmp2-ui .qc-cmp2-link-inline {
        color: var(--rkc-green) !important;
    }

        #qc-cmp2-ui .qc-cmp2-header-links button:hover, #qc-cmp2-ui .qc-cmp2-header-links button:focus,
        #qc-cmp2-ui .qc-cmp2-footer-links button:hover, #qc-cmp2-ui .qc-cmp2-footer-links button:focus,
        #qc-cmp2-ui .qc-cmp2-link-inline:hover, #qc-cmp2-ui .qc-cmp2-link-inline:focus{
            text-decoration: underline !important;
        }

.css-1xhwf5h.css-1xhwf5h .qc-cmp2-scrollable-section::-webkit-scrollbar-thumb {
    background: var(--rkc-sage) !important;
    border-radius: 8px !important;
}

#qc-cmp2-ui .qc-cmp2-home-button,
#qc-cmp2-ui .qc-cmp2-toggle-legal-button,
#qc-cmp2-ui .qc-cmp2-expandable-list li a,
#qc-cmp2-ui .css-qnkb5k {
    color: var(--rkc-green) !important;
}

#qc-cmp2-ui .css-6fw087,
#qc-cmp2-ui .qc-cmp2-list-item.qc-cmp2-expanded {
    background-color: var(--rkc-sage-100) !important;
}

#qc-cmp2-ui .css-i5klq5 use {
    fill: var(--rkc-green) !important;
}

#qc-cmp2-ui .line-scale div {
    background: var(--rkc-green) !important;
}

#qc-cmp2-ui .qc-cmp2-toggle[aria-checked="false"] {
    background: var(--rkc-sage-300) !important;
    border: 1px solid var(--rkc-sage-300) !important;
}

    #qc-cmp2-ui .qc-cmp2-toggle[aria-checked="false"] .text.off {
        color: var(--rkc-charcoal) !important;
    }

#qc-cmp2-ui .qc-cmp2-toggle[aria-checked="true"] {
    background: var(--rkc-green) !important;
    border: 1px solid var(--rkc-green) !important;
}

    #qc-cmp2-ui .qc-cmp2-toggle[aria-checked="true"] .text.on {
        color: var(--rkc-green) !important;
    }