/** Shopify CDN: Minification failed

Line 1534:0 Unexpected "}"

**/
/* Base.css Overrides ------------------------ */

@media screen and (min-width: 990px) {
    .page-width--narrow {
        max-width: 92.6rem;
    }
}

.text-body {
    letter-spacing:normal;
}

.caption-with-letter-spacing {
    font-size: 1.8rem;
}

.caption-with-letter-spacing--medium {
    font-size: 2rem;
}

.caption-with-letter-spacing--large {
    font-size: 2.2rem;
}

.link,
.customer a {
    font-size: 1.6rem;
}

/* may not be necessary? */
*:focus-visible {
    outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
    outline-offset: 0.3rem;
    box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

@media screen and (max-width: 749px) {

    .grid--1-col-mobile-down .grid__item {
        width: 100%;
        max-width: 100%;
    }

}

/* Buttons ------------------------------- */
.rc-login .rc-login-form-button,
.rc-login .rc-enter-code-btn,
input.SPCMP_Add[type=button].new_SPCMP_Btn,
.shopify-payment-button [role='button'],
.cart__dynamic-checkout-buttons [role='button'],
.cart__dynamic-checkout-buttons iframe {
    --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);
    --shadow-vertical-offset: var(--buttons-shadow-vertical-offset);
    --shadow-blur-radius: var(--buttons-shadow-blur-radius);
    --shadow-opacity: var(--buttons-shadow-opacity);
    --shadow-visible: var(--buttons-shadow-visible);
    --border-offset: var(--buttons-border-offset); /* reduce radius edge artifacts */
    --border-opacity: calc(1 - var(--buttons-border-opacity));
    border-radius: var(--buttons-radius-outset);
    position: relative;
}

.rc-login .rc-login-form-button,
.rc-login .rc-enter-code-btn,
input.SPCMP_Add[type=button].new_SPCMP_Btn {
    min-width: calc(12rem + var(--buttons-border-width) * 2);
    min-height: calc(4.8rem + var(--buttons-border-width) * 2);
}

.button,
.shopify-challenge__button,
.customer button {
    padding: 0 3.8rem;
}

.shopify-payment-button__button--branded {
    z-index: auto;
}

.cart__dynamic-checkout-buttons iframe {
    box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius)
    rgba(var(--color-shadow), var(--shadow-opacity));
}

.rc-login .rc-login-form-button,
.rc-login .rc-enter-code-btn,
input.SPCMP_Add[type=button].new_SPCMP_Btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 0;
    padding: 0 3.8rem;
    cursor: pointer;
    font: inherit;
    font-size: 1.5rem;
    text-decoration: none;
    color: rgb(var(--color-button-text));
    transition: box-shadow var(--duration-short) ease;
    -webkit-appearance: none;
    appearance: none;
    background-color: rgba(var(--color-button), var(--alpha-button-background));
}

.rc-login .rc-login-form-button:before,
.rc-login .rc-enter-code-btn:before,
input.SPCMP_Add[type=button].new_SPCMP_Btn:before,
.shopify-payment-button [role='button']:before,
.cart__dynamic-checkout-buttons [role='button']:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: var(--buttons-radius-outset);
    box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius)
    rgba(var(--color-shadow), var(--shadow-opacity));
}

.rc-login .rc-login-form-button:after, .rc-login .rc-enter-code-btn:after,
input.SPCMP_Add[type=button].new_SPCMP_Btn:after {
    content: '';
    position: absolute;
    top: var(--buttons-border-width);
    right: var(--buttons-border-width);
    bottom: var(--buttons-border-width);
    left: var(--buttons-border-width);
    z-index: 1;
    border-radius: var(--buttons-radius);
    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset))
    rgba(var(--color-button-text), var(--border-opacity)),
    0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background));
    transition: box-shadow var(--duration-short) ease;
}
.rc-login .rc-login-form-button:hover::after, .rc-login .rc-enter-code-btn:hover::after,
input.SPCMP_Add[type=button].new_SPCMP_Btn:hover::after {
    --border-offset: 1.3px;
    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset))
    rgba(var(--color-button-text), var(--border-opacity)),
    0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button), var(--alpha-button-background));
}


.rc-login .rc-login-form-button:focus-visible, .rc-login .rc-enter-code-btn:focus-visible,
.rc-login .rc-login-form-button:focus, .rc-login .rc-enter-code-btn:focus,
input.SPCMP_Add[type=button].new_SPCMP_Btn:focus-visible,
input.SPCMP_Add[type=button].new_SPCMP_Btn:focus,
input.SPCMP_Add[type=button].new_SPCMP_Btn.focused,
.shopify-payment-button__button--unbranded:focus-visible,
.shopify-payment-button [role='button']:focus-visible,
.shopify-payment-button [role='button']:focus {
    outline: 0;
    box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0 0.5rem rgba(var(--color-foreground), 0.5),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.shopify-payment-button [role='button']:focus:not(:focus-visible):not(.focused) {
    box-shadow: inherit;
}

.rc-login .rc-login-form-button, .rc-login .rc-enter-code-btn,
input.SPCMP_Add[type=button].new_SPCMP_Btn,
.button,
.button-label,
.shopify-challenge__button,
.customer button {
    font-size: 1.8rem;
    letter-spacing: 0;
    line-height: calc(1 + 0.2 / var(--font-body-scale));
    font-weight: 800;
    text-transform: uppercase;
}

input.SPCMP_Add[type=button].new_SPCMP_Btn {
    display: flex;
    width: 100%;
}

/* outline and border styling for Windows High Contrast Mode */
@media (forced-colors: active) {

    input.SPCMP_Add[type=button].new_SPCMP_Btn {
        border: transparent solid 1px;
    }
    input.SPCMP_Add[type=button].new_SPCMP_Btn:focus-visible,
    input.SPCMP_Add[type=button].new_SPCMP_Btn:focus {
        outline: solid transparent 1px;
    }

}

/* Element Hovers: Vertical Lift, 3d Lift */

@media (prefers-reduced-motion: no-preference) and (hover: hover) {
    .button--secondary:hover{
        color: #fff;
        background: #000;
    }

    .rc-login .rc-login-form-button, .rc-login .rc-enter-code-btn,
    input.SPCMP_Add[type=button].new_SPCMP_Btn {
        transition: transform var(--duration-long) ease, box-shadow var(--duration-long) ease;
        transform-origin: center;
    }

    .rc-login .rc-login-form-button:hover, .rc-login .rc-enter-code-btn:hover,
    input.SPCMP_Add[type=button].new_SPCMP_Btn:hover {
        transition: transform var(--duration-extended) ease, box-shadow var(--duration-long) ease; /* Slow the transition speed while hover is active. */
        transform: rotate(1deg);
        box-shadow: -1rem -1rem 1rem -1rem rgba(0, 0, 0, 0.05), 1rem 1rem 1rem -1rem rgba(0, 0, 0, 0.05),
        0 0 0.5rem 0 rgba(255, 255, 255, 0), 0 2rem 3.5rem -2rem rgba(0, 0, 0, 0.5);
        color: white;
    }

}

/* Form Updates */
.select .icon-caret,
.customer select + svg {
    right: calc(var(--inputs-border-width) + 1.5rem);
}

/* TO DO: update so it does not require so many rules */
.quantity{width:20px}
@media (min-width:220px){.quantity{width:20px}}
@media (min-width:307px){.quantity{width:50px}}
@media (min-width:310px){.quantity{width:63px}}
@media (min-width:320px){.quantity{width:63px}}
@media (min-width:330px){.quantity{width:73px}}
@media (min-width:340px){.quantity{width:83px}}
@media (min-width:350px){.quantity{width:93px}}
@media (min-width:360px){.quantity{width:103px}}
@media (min-width:370px){.quantity{width:113px}}
@media (min-width:380px){.quantity{width:123px}}
@media (min-width:390px){.quantity{width:133px}}
@media (min-width:400px){.quantity{width:143px}}
@media (min-width:410px){.quantity{width:153px}}
@media (min-width:420px){.quantity{width:163px}}
@media (min-width:430px){.quantity{width:173px}}
@media (min-width:440px){.quantity{width:183px}}
@media (min-width:450px){.quantity{width:193px}}
@media (min-width:460px){.quantity{width:203px}}
@media (min-width:470px){.quantity{width:213px}}
@media (min-width:480px){.quantity{width:223px}}
@media (min-width:490px){.quantity{width:233px}}
@media (min-width:500px){.quantity{width:243px}}
@media (min-width:510px){.quantity{width:253px}}
@media (min-width:520px){.quantity{width:263px}}
@media (min-width:530px){.quantity{width:273px}}
@media (min-width:540px){.quantity{width:283px}}
@media (min-width:550px){.quantity{width:293px}}
@media (min-width:560px){.quantity{width:303px}}
@media (min-width:570px){.quantity{width:313px}}
@media (min-width:580px){.quantity{width:323px}}
@media (min-width:590px){.quantity{width:333px}}
@media (min-width:600px){.quantity{width:343px}}
@media (min-width:610px){.quantity{width:353px}}
@media (min-width:620px){.quantity{width:363px}}
@media (min-width:750px){.quantity{width:493px}}
@media (min-width:751px){.quantity{width:92px}}
@media (min-width:991px){.quantity{width:82px}}
@media (min-width:1010px){.quantity{width:92px}}
@media (min-width:1412px){.quantity{width:100px}}

.cart-item__quantity-wrapper .quantity {
    width: 120px;
}

.quantity__input {
    font-size: 1.4rem;
}

.quantity__rules {
    margin-top: 1.2rem;
}

/* Announcement Bar */
@media screen and (min-width: 750px) {
    .announcement-bar .slider-button--next {
        margin-right: -3.2rem;
    }

    .announcement-bar .slider-button--prev {
        margin-left: -3.2rem;
    }
}

@media screen and (min-width: 990px) {
    body:has(.section-header .header:not(.drawer-menu)) .announcement-bar-section .announcement-bar .slider-button--next {
        margin-right: -1.8rem;
    }

    body:has(.section-header .header:not(.drawer-menu)) .announcement-bar-section .announcement-bar .slider-button--prev {
        margin-left: -1.8rem;
    }

    .announcement-bar-slider {
        width: 60%;
    }
}

.announcement-bar__link {
    padding: 1rem 0;
}

.announcement-bar__link .announcement-bar__message {
    padding: 0;
}

.announcement-bar__message {
    min-height:1px;
}

.announcement-bar p {
    text-align: center;
    padding: 1rem 0;
    margin: 0;
}

/* Header */
.section-header.shopify-section-group-header-group {
    z-index: 30;
}

.header__icons {
    padding-right:0;
    align-items: center;
    gap: 24px;
}

.header__icon {
  width:auto;
  height:auto;
}

.header__icon .icon.icon-hamburger {
  height: 4rem;
  width: 4rem;
}

.header__icon--cart {
  margin-right:0;
}

.header__icon--cart .icon {
    height: 2.2rem;
    width: 2.2rem;
}

/* TO DO: update so it does not require so many rules */
@media screen and (min-width: 1250px) {
  
    .header--middle-left {
        column-gap: 0;
    }
  
    .header--middle-left .header__inline-menu {
        margin-left: auto;
        margin-right: auto;
        padding-left: 21px;
    }
}
@media screen and (min-width:1260px){.header--middle-left .header__inline-menu{padding-left:25px}}
@media screen and (min-width:1270px){.header--middle-left .header__inline-menu{padding-left:30px}}
@media screen and (min-width:1280px){.header--middle-left .header__inline-menu{padding-left:35px}}
@media screen and (min-width:1290px){.header--middle-left .header__inline-menu{padding-left:40px}}
@media screen and (min-width:1300px){.header--middle-left .header__inline-menu{padding-left:45px}}
@media screen and (min-width:1310px){.header--middle-left .header__inline-menu{padding-left:50px}}
@media screen and (min-width:1320px){.header--middle-left .header__inline-menu{padding-left:55px}}
@media screen and (min-width:1340px){.header--middle-left .header__inline-menu{padding-left:60px}}
@media screen and (min-width:1350px){.header--middle-left .header__inline-menu{padding-left:65px}}
@media screen and (min-width:1360px){.header--middle-left .header__inline-menu{padding-left:75px}}
@media screen and (min-width:1370px){.header--middle-left .header__inline-menu{padding-left:75px}}
@media screen and (min-width:1380px){.header--middle-left .header__inline-menu{padding-left:80px}}
@media screen and (min-width:1390px){.header--middle-left .header__inline-menu{padding-left:80px}}
@media screen and (min-width:1400px){.header--middle-left .header__inline-menu{padding-left:85px}}
@media screen and (min-width:1410px){.header--middle-left .header__inline-menu{padding-left:90px}}
@media screen and (min-width:1420px){.header--middle-left .header__inline-menu{padding-left:97px}}

.header__menu-item:hover span {
    text-decoration-color: #FFB81C;;
    text-decoration-thickness: 3px;
}

details[open] > .header__menu-item {
    text-decoration: none;
}

details[open] > .header__menu-item .icon-caret {
    transform: rotate(360deg);
}

.header__submenu.list-menu {
    padding: 2.4rem 0;
}

.header__submenu .header__submenu {
    padding: 0.5rem 0;
    margin: 0.5rem 0;
}

.header__submenu .header__menu-item {
    padding: 0.8rem 2.4rem;
}

.header__submenu .header__submenu .header__menu-item {
    padding-left: 3.4rem;
}

.badge {
    border: 0px solid transparent;
    border-radius:0;
    font-size: 1.7rem;
    padding: 0;
    background-color: #FFB81C;
    color: #000;
}

.global-media-settings {
    border: 0;
}


/* Custom Styles ------------------------ */

/* Custom Fonts */
@font-face {
  font-family: 'eveleth';
  font-weight: normal;
  font-style: normal;
  src: url('/cdn/shop/files/EvelethRegular.ttf') format('truetype');
}


/*STYLE GUIDE*/
:root {
  --alpha-link: .85;
  --color-link-hover: #00A1E0;
  --half-page-width: calc(var(--page-width) / 2);
}

.underlined-link,
.customer a {
  color: var(--color-link);
}

.underlined-link:hover,
.customer a:hover,
.inline-richtext a:hover {
  color: var(--color-link-hover);
}

.field__button,
.rc-login-form-email,
.field__input,
.select__select,
.customer .field input,
.customer select {
  height: 5.6rem;
}

.field__button>.svg-wrapper,
.field__button {
  width: 5.6rem;
}

.field__button>.svg-wrapper {
  height: 5.6rem;
}

#MainContent .rc-login-form-email,
.field__input,
.select__select,
.customer .field input,
.customer select {
  border-radius: 2px;
  border: 2px solid #E2E2E2;
}

.field:after,
.select:after,
.customer .field:after,
.customer select:after,
.localization-form__select:after {
  display: none;
}

#MainContent .rc-login-form-email:focus,
.field__input:focus,
.select__select:focus,
.customer .field input:focus,
.customer select:focus,
.localization-form__select:focus.localization-form__select:after,
*:focus-visible {
  outline: none;
  box-shadow: none;
  border: 2px solid #FBB040;
  background: #FBEDC1;
}

.header__search details[open]>.search-modal {
  background-color: #fff;
  z-index: 999;
}

.header__search details[open] .modal-overlay:after {
  top: 0;
}

#MainContent .rc-login-form-email,
#MainContent .rc-login {
  max-width: 70rem;
  font-family: var(--font-body-family);
}

.rc-login .rc-login-form-button,
.rc-login .rc-enter-code-btn {
  min-width: 185px;
  height: 56px;
  padding: 21px 0px 17px 0px;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background: #FFB81C;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  color: #3D3D3D;
  line-height: normal;
  text-transform: uppercase;
}

.rc-login .rc-login-form-button:hover,
.rc-login .rc-enter-code-btn:hover {
  color: #fff;
}
#homepage-featured-collection{
padding-bottom:60px !important;
  padding-top:60px !important;
}
#homepage-featured-collection .collection__title.title-wrapper{
    padding-bottom:0 !important;
  margin-bottom:0 !important;
}
#homepage-featured-collection .collection{
    padding-bottom:0 !important;
  margin-bottom:0 !important;
  padding-top:0px !important;
  margin-top:0px !important;
}
#homepage-featured-collection div.featured-collection>div.collection{
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}
h1,
h2,
h3,
h4 {
  font-size: 60px;
  font-style: italic;
  font-weight: 900;
  line-height: normal;
  /* text-transform: uppercase; */
}

h1.small-heading-pre{
  font-size: 1em;
  color: #fff;
   text-transform: uppercase;
}

h2 {
  font-size: 50px;
}

h3 {
  font-size: 40px;
  text-transform: none;
  margin-bottom: 0px;
  margin-top: 30px;
}

h4 {
  font-size: 32px;
  text-transform: none;
}

p.form__message {
  border-radius: 2px;
  border: 2px solid #39B54A;
  background: #FFF;
  padding: 20px;
}

.form__message {
  font-weight: normal;
  font-style: normal;
}

.button--secondary:hover {
  background: #222;
  color: #fff;
}

.energy-fit-system .button--secondary:hover {
  color: #000;
  background: #FFB81C;
}

@media screen and (min-width: 750px) {
  .customer:not(.account):not(.order) {
    max-width: 60rem !important;
  }
}

.collection-top-desc .image-with-text__text{
  margin:0;
}

/*STYLE GUIDE ENDS*/

.hide {
  display: none;
}

input.SPCMP_Add[type='button'].new_SPCMP_Btn,
input.SPCMP_Add[type='button'].new_SPCMP_Btn:hover,
.shopify-payment-button__button,
.button {
  font-weight: 800;
  font-size: 1.7rem;
  text-transform: uppercase;
  font-family: var(--font-heading-family);
}

/*button border color scheme*/
.color-background-1 .button--primary {
  border: 1px solid rgba(var(--color-border), var(--alpha-button-background));
}

.color-background-1 .button--secondary {
  border: 1px solid rgba(var(--color-button), var(--alpha-button-background));
}

.color-background-2 .button--primary {
  border: 1px solid rgba(var(--color-border), var(--alpha-button-background));
}

.color-background-2 .button--secondary {
  border: 1px solid rgba(var(--color-button), var(--alpha-button-background));
}


@media screen and (max-width: 749px) {
  .header {
    grid-template-areas: 'heading left-icons ';
    grid-template-columns: 1fr;
  }

  .header__heading-logo {
    max-width: 126px;
  }

  .header__icon--menu .icon.icon-hamburger {
    width: 4rem;
    height: 4rem;
  }

  .header__icon--menu .icon.icon-close {
    width: 2.6rem;
    height: 2.6rem;
  }

  .header__icons {
    display: block;
    position: absolute;
    right: 90px;
    top: 20px;
  }

  .header__search, .header__icon--account {
    display:none;
  }

  
}

/*account*/
.header__icon.header__icon--account {
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
  font-family: var(--font-heading-family);
  font-size: 1.6rem;
}

/*menu*/
header-menu .link {
  text-decoration: none;
}

.header__menu-item,
header-menu .link {
  font-style: italic;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 1);
  font-family: var(--font-heading-family);
  font-size: 1.7rem;
}

summary .icon-caret {
  top: calc(50% - 0.4rem);
}

.summary-link.mega-menu__link {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.header__menu-item .icon-caret {
  right: 1.2rem
}

/*Menu*/

.header__submenu,
.mega-menu__content {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

header-menu .tabhover .header__submenu,
header-menu .tabhover .mega-menu__content,
header-menu details:hover .header__submenu,
header-menu details:hover .mega-menu__content {
  visibility: visible;
  opacity: 1;
  transition-delay: 0.3s;
}

/* 
header-menu details>a.header__menu-item {
  text-decoration: underline;
  text-decoration-color: #FFB81C;
  text-decoration-thickness: 0.1rem;
} */

/* header-menu details:hover .header__menu-item{
  text-decoration: underline;
  text-decoration-color: #FFB81C;;
  text-decoration-thickness: 3px;
} */

/* header-menu details:hover>a.header__menu-item {
  text-decoration: solid;
  text-decoration-thickness: 0.3rem;
} */

header-menu details>summary.header__menu-item .icon-caret {
  transform: rotate(0deg)
}

header-menu details:hover>summary.header__menu-item .icon-caret {
  transform: rotate(180deg);
  transition-delay: 0.3s;
}

header-menu summary.list-menu__item {
  padding-right: 0;
}

header-menu details a.link {
  padding-right: 2.7rem !important;
}

.header__menu-item {
  min-height: 80px;
  padding-top: 0;
  padding-bottom: 0;
}

.header__submenu.list-menu {
  padding-top: 0;
  padding-bottom: 0;
}

div#menu-product-collection {
  display: none;
}

div#menu-product-collection.show {
  display: block;
}

.dd-menu a.header__menu-item {
  text-transform: capitalize;
  font-style: normal;
  min-height: 64px;
  color: #000;
  font-family: var(--font-heading-family);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

#menu-product-content .card .card__inner {
  max-height: 170px;
}

#menu-product-content .card .card__inner .card__media img {
  max-height: 160px;
}

#menu-product-content .card .card__heading.h5 {
  font-size: 1.5rem;
  text-transform: capitalize;
}

#menu-product-content .price,
#menu-product-content .card__link {
  display: none
}

.mobile-only {
  display: block;
}

.dog-food-section {
  background-image: url("/cdn/shop/files/mountain_430x.svg?v=1689687537");
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.dog-food-section .title-wrapper-with-link h2.title {
  color: rgba(var(--color-foreground));
  text-align: center;
  font-family: var(--font-heading-family);
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  font-style: italic;
}

.dog-food-section .grid {
  flex-direction: column-reverse;
}

.dog-food-section .content-container {
  font-size: 1.8rem;
  line-height: 23px;
}

.dog-food-section .multicolumn-card__image-wrapper {
  position: absolute;
  bottom: -90px;
  right: -15px;
  margin: 0 !important;
}

.dog-food-section .multicolumn-card__image-wrapper .media {
  margin-left: auto !important;
}

.dog-food-section .multicolumn-card__image-wrapper img {
  object-fit: contain !important;
}

.dog-food-section ul li.multicolumn-list__item:first-child .multicolumn-card__info {
  background-color: #FFB81C;
  padding: 2rem;
  color: rgba(var(--color-foreground))
}

.dog-food-section ul li.multicolumn-list__item:first-child {
  margin-bottom: 0 !important;
}

.dog-food-section ul li:first-child .multicolumn-card {
  max-width: 360px;
  margin: auto;
}

.dog-food-section ul li.multicolumn-list__item:first-child .multicolumn-card__info {
  padding: 3rem;
}

.dog-food-section ul li.multicolumn-list__item:first-child .multicolumn-card__info ul li {
  list-style: none;
  background-image: url("/cdn/shop/files/check_430x.svg");
  background-position: left center;
  background-size: 22px;
  background-repeat: no-repeat;
  padding: 1rem 3rem;
  border-bottom: 1pX solid rgba(var(--color-foreground), 1);
  font-size: 1.6rem;
  font-weight: 600;
  font-family: var(--font-body-family);
}

.dog-food-section ul li.multicolumn-list__item:first-child .multicolumn-card__info ul li:last-child {
  border-bottom: 0;
}

.dog-food-section .multicolumn-list h3 {
  margin: 0;
  color: rgba(var(--color-foreground), 1);
  font-family: var(--font-heading-family);
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: left;
}

.dog-food-section .button--secondary {
  width: 100%;
}

/* Multicolumn drops .page-width padding on mobile; restore the standard 1.5rem gutter for the copy column */
@media screen and (max-width: 749px) {
  .dog-food-section .multicolumn-list__item .multicolumn-card__info {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.dog-food-section .in-column-button {
  display: none;
}

.dog-food-section .bottom-button {
  display: flex;
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
}

.desktop-only {
  display: none;
}

.tablet-up {
  display: none;
}

/*Homepage Energy Fit Section*/
.collection-top-desc,
.energy-fit-system {
  background: linear-gradient(90deg, rgba(62, 62, 62, 1) 49.99%, rgba(34, 34, 34, 1) 49.99%);
  padding: 0px;
  margin: 0 0 0rem;
  padding-top: 0 !important;
  padding-bottom: 1px !important;
}

.energy-fit-system {
  background: linear-gradient(90deg, rgba(62, 62, 62, 1) 49.99%, rgb(0 0 0) 49.99%);
}

.energy-fit-system .image-with-text__grid {
  flex-direction: column-reverse;
}

.energy-fit-system .image-with-text__grid .grid__item>div {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.energy-fit-system .image-with-text__media-item {
  bottom: 0px;
}

.energy-fit-system .image-with-text__media-item .image-with-text__media {
  background-color: #000;
}

.energy-fit-system .image-with-text__media-item .image-with-text__media img {
  padding: 1.5rem;
  border: 0;
  object-fit: contain;
}

.energy-fit-system .global-media-settings {
  border: 0;
}

.energy-fit-system .flex-content {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
}

.energy-fit-system .flex-content h4,
.energy-fit-system .flex-content h2 {
  margin: 0;
  line-height: 1;
}

.energy-fit-system .flex-content h4 {
  color: #FBB040;
  font-family: var(--font-body-family);
  font-size: 1.4rem;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-top: 2rem;
}

.energy-fit-system .flex-content h2 {
  color: #FFF;
  font-family: var(--font-heading-family);
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
}

.energy-fit-system .image-with-text__text p {
  color: #EEE;
  font-size: 1.8rem;
}

.energy-fit-system .with-image {
  display: block;
  background-color: #222;
  width: 100%;
}

.energy-fit-system .image-with-text__media-item {
  background-color: #222;
}

.energy-fit-system .with-image .button {
  background-color: unset;
  width: 100%;
}

.energy-fit-system .with-text {
  display: none;
}

/*testimonial*/
.testimonial-section {
  background-color: #E89D2E;
  background: url('/cdn/shop/files/testimonial_480a1fc4-0f59-4dcd-80f6-538e1572b18a_430x.svg'), rgba(255, 184, 28, 1);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 56.5rem;
  display: flex;
  width: 100%;
  padding: 6rem 1.5rem 10rem;
  position: relative;

}

.testimonial-section .heading-content {
  max-width: 40rem;
}

@media screen and (max-width: 1275px) {
  .testimonial-section .heading-content {
    max-width: 71rem;
  }
}

.testimonial-section .heading-content a {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4rem;
  text-align: center;
  text-decoration: none;
  color: #000;
  font-family: var(--font-heading-family);
  font-size: 17px;
  font-style: italic;
  font-weight: 700;
  line-height: 23px;
  /* 135.294% */
  text-transform: uppercase;
}

.testimonial-section .heading-content a span {
  border-bottom: 2px solid #000;
  padding-top: 2px;
}

.testimonial-section .heading-content a svg {
  width: 1rem;
  height: 1rem;
  transform: rotate(270deg);
  margin-left: 4px;
}

.testimonial-section .testimonial-section__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
}

.testimonial-section .testimonial-section__wrapper .heading-content h2 {
  color: #222;
  font-family: var(--font-heading-family);
  font-style: italic;
  font-weight: 900;
  text-transform: uppercase;
  margin-top: 0;

  text-align: center;
  font-size: 3.2rem;
  line-height: 1;
}

.testimonial-section slideshow-component {
  background: #fff;
  max-width: 76rem;
  min-height: 45rem;
  padding: 3.7rem 1.2rem 3.9rem 1.8rem;
  display: flex;
  justify-content: space-between;
  border-radius: 10px;
}

.testimonial-section slideshow-comonent .slideshow__text-wrapper {
  padding: 3rem;
}

.testimonial-section slideshow-component.page-width .slideshow__text {
  background: unset;
}

.testimonial-section slideshow-component .slideshow.banner {
  padding-bottom: 5rem;
  z-index: 10;
}

.testimonial-section slideshow-component .slideshow__controls.dots {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  border: 0;
}

.testimonial-section .slider-counter__link--dots .dot {
  width: 1.5rem;
  height: 1.5rem;
}

.testimonial-section slideshow-component .slideshow__controls.arrows {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0rem;
  right: 0rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  border: 0;
  /* display: none; */
}

.testimonial-section slideshow-component .slider-button .icon {
  height: 4rem;
}

.testimonial-section .star-section {
  display: flex;
  gap: 4px;
  margin-bottom: 2rem;
}

.testimonial-section slideshow-component svg.icon.icon-star {
  height: 4rem;
  text-align: left;
  display: flex;
  justify-content: start;
  width: 3rem;
}

.testimonial-section .slideshow__text.banner__box.banner__text:first-child {
  margin-bottom: 2rem;
  font-size: 2rem;
}

.testimonial-section .slideshow__text.banner__box .banner__text {
  color: #000;
  font-family: var(--font-heading-family);
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
}

.testimonial-section .slideshow__text.banner__box .banner__text p {
  color: #000;
}

.testimonial-section .banner__text+.banner__text {
  margin-top: 2rem;
}

.testimonial-section .slider-content {
  max-width: calc(100% - 1.5rem);
}

.homepage .slider-counter--dots {
  position: absolute;
  left: 0;
  bottom: 40px;
}

.kennel-program.image-with-text {
  padding: 0 !important;
}

.kennel-program.image-with-text .button {
  width: 100%;
}

.kennel-program.image-with-text .button:hover {
  background: #222;
  border-color: #222;
}

@media screen and (max-width: 749px) {

  .collection__view-all {
    padding: 0 1.5rem;
  }

  .collection__view-all .button {
    width: 100%;
  }

  .header__heading,
  .header__heading-link {
    margin-right: auto;
  }

  .dog-food-section .grid--2-col-tablet-down .grid__item {
    width: 100%;
    max-width: unset;
  }

  .energy-fit-system .image-with-text__content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media screen and (min-width: 450px) {
  .dog-food-section .multicolumn-card__image-wrapper {
    right: -35px;
  }
}

.contact-page-section {
  overflow: hidden;
}

.contact-page-section,
.contact-page-section .contact {
  position: relative;
}


.contact-page-section .contact {
  z-index: 10;
}

.contact-page-section:after {
  display: block;
  position: absolute;
  content: ' ';
  background-image: url('contact-form-mobile.svg');
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 823px;
  bottom: -3px;
  left: 0;
}

.testimonial-section slideshow-component .slideshow__controls.arrows {
  left: 1.5rem;
  right: 1.5rem;
  display: flex;
}

.testimonial-section slideshow-component {
  padding-left: 5rem;
  padding-right: 5rem;
}

@media screen and (max-width: 750px) {
  .slider-button {
    display: none !important;
  }

  .slider-button-resources {
    display: flex !important;
  }

  .testimonial-section slideshow-component {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .homepage .slider-counter--dots {
    left: 50%;
    transform: translate(-50%, 0);
  }
}

@media screen and (min-width: 750px) {
  .tablet-up {
    display: flex;
  }

  .mobile-only {
    display: none;
  }

  .header.page-width {
    padding-top: 0;
    padding-bottom: 0;
  }

  .dog-food-section .grid {
    flex-direction: unset;
  }

  .dog-food-section .title-wrapper-with-link h2.title {
    font-size: 28px;
    font-weight: 700;
  }

  .dog-food-section .content-container {
    font-size: 1.8rem;
    line-height: 23px;
  }

  .dog-food-section ul li.multicolumn-list__item:first-child .multicolumn-card__info {
    padding: 2rem;
  }

  .dog-food-section ul li.multicolumn-list__item:first-child {
    margin-bottom: 6rem;
  }

  .dog-food-section .multicolumn-card {
    max-width: 360px;
    margin: auto;
  }

  .dog-food-section ul li.multicolumn-list__item:first-child .multicolumn-card__info {
    padding: 3rem;
  }

  .dog-food-section ul li.multicolumn-list__item:first-child .multicolumn-card__info ul li {
    padding: 1rem 3rem;
    font-size: 1.6rem;
    font-weight: 600;
  }

  .dog-food-section ul li.multicolumn-list__item:first-child .multicolumn-card__info ul li:last-child {
    border-bottom: 0;
  }

  .dog-food-section .multicolumn-list h3 {
    margin: 0;
    font-size: 2rem;
    text-align: left;
  }

  .dog-food-section .button--secondary {
    width: unset;
  }

  .dog-food-section .grid--1-col-tablet-down .grid__item {
    width: unset;
  }

  .dog-food-section .in-column-button {
    display: inline-flex;
  }

  .dog-food-section .bottom-button {
    display: none;
  }

  .energy-fit-system .image-with-text__grid {
    flex-direction: row-reverse;
  }

  .energy-fit-system .image-with-text__grid .grid__item>div {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .energy-fit-system .flex-content {
    display: flex;
    flex-direction: row;
  }

  .energy-fit-system .flex-content h4 {
    margin-top: 0;
  }

  .energy-fit-system .flex-content h2 {
    text-transform: none;

  }

  .energy-fit-system .flex-content h4,
  .energy-fit-system .flex-content h2 {
    padding-left: 2rem;
    margin-top: 0rem;
  }

  .energy-fit-system .with-image {
    display: none;
  }

  .energy-fit-system .with-text {
    display: flex;
  }

  .testimonial-section {
    padding: 6.5rem 4rem;
    padding-bottom: 6.5rem;
  }

  .testimonial-section slideshow-component {
    padding-left: 7rem;
    padding-right: 7rem;
  }

  .testimonial-section slideshow-component .slideshow.banner {
    padding-bottom: 0;
  }

  .testimonial-section .slideshow__text-wrapper.banner__content {
    padding: 1rem 4rem;
  }

  .testimonial-section .heading-content a {
    position: relative;
    left: unset;
    right: unset;
    bottom: unset;
    margin-bottom: 4rem;
    display: block;
    text-align: left;
  }

  .testimonial-section .testimonial-section__wrapper .heading-content h2 {
    text-align: left;
    font-size: 5.0rem;
    line-height: 1;
  }

  .testimonial-section .slider-content {
    max-width: unset;
  }

  /**/
  /* .testimonial-section slideshow-component .slideshow__controls.arrows { */
  left: 3.5rem;
  right: 3.5rem;
  display: flex;
}

.testimonial-section slideshow-component .slideshow__controls.dots {
  display: flex;
  justify-content: start;
  /* left: 30px; */
}

.testimonial-section .slideshow__text.banner__box .banner__text {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.6rem;
}

.testimonial-section .slideshow__text.banner__box .banner__text p {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.6rem;
}

.testimonial-section .banner__text+.banner__text {
  margin-top: 2rem;
}

.kennel-program.image-with-text .button {
  width: auto;
}

.contact-page-section {
  background-image: url('contact-footer-bg2-solid-strong.svg'), url('contact-footer-bg-light.svg');
  background-position: bottom center;
  background-size: contain;
  padding-bottom: 6rem;
  background-repeat: no-repeat;
  background-attachment: unset;
}

.contact-page-section:after {
  display: none;
  content: '';
}
}

@media screen and (min-width: 887px) {
  .contact-page-section {
    padding-bottom: 10rem;
  }
}

@media screen and (min-width: 1175px) {
  .contact-page-section {
    padding-bottom: 18rem;
  }
}

@media screen and (min-width: 1800px) {
  .contact-page-section {
    padding-bottom: 25rem;
  }
}

@media screen and (min-width: 2145px) {
  .contact-page-section {
    padding-bottom: 31rem;
  }
}

@media screen and (min-width: 2660px) {
  .contact-page-section {
    padding-bottom: 41rem;
  }
}

/*Tablet*/
@media screen and (min-width: 990px) {
  .dog-food-section .title-wrapper-with-link {
    justify-content: center;
  }

  .dog-food-section .title-wrapper-with-link h2.title {
    max-width: 65rem;
    font-size: 32px;
    font-weight: 900;
    line-height: 100%;
    font-style: italic;
    text-align: center;
    margin-bottom: 3rem;
  }

  .desktop-only {
    display: flex;
  }

  .dog-food-section .multicolumn-card__image-wrapper {
    right: -55px;
  }

  .dog-food-section .grid {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }

  .dog-food-section .multicolumn-card {
    max-width: 46rem;
    margin: auto;
  }

  .dog-food-section .multicolumn-card .rte {
    margin-bottom: 4rem;
  }

  .testimonial-section slideshow-component .slideshow__controls.arrows {
    left: 3.5rem;
    right: 3.5rem;
  }

  .energy-fit-system .image-with-text__media-item .image-with-text__media img {
    padding: 4rem;
  }
}

/*Desktop*/
@media screen and (min-width: 1199px) {}

/*breadcrumbs*/
.breadcrumbs__list {
  list-style: none;
  display: -webkit-inline-box;
  padding: 0;
  margin: 0;
}

.breadcrumbs__link {
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  text-decoration-line: underline;
}

.breadcrumbs__item {
  padding-right: 10px;
}

.breadcrumbs__item:after {
  content: '>';
  padding-left: 10px;
  display: inline-block;
  content: url(/cdn/shop/files/icon-caret.svg);
  width: 10px;
  transform: rotate(270deg);
  padding: 0;
}

.breadcrumbs__item:last-child:after {
  content: ''!important;
}

.breadcrumbs__item:last-child .breadcrumbs__link {
  text-decoration-line: none;
  font-weight: 700;
}

.collection-top-desc .breadcrumbs__item:after, .energy-fit-system .breadcrumbs__item:after, .contact-page--hero .breadcrumbs__item:after {
  content: url(/cdn/shop/files/icon-caret-white.svg);
}

/*Product List Page*/
.text-with-slider .image-with-text__grid:after,
.collection-top-desc .image-with-text__grid:after {
  background-position: bottom center;
  background-repeat: repeat-x;
  content: ' ';
  position: absolute;
  width: 100%;
  z-index: 3;
  left: 0;
  right: 0;
  bottom: -2px;
}

.collection-top-desc .image-with-text__grid .image-with-text__media>img {
  object-fit: cover;
}

.collection-top-desc .image-with-text__heading {
  text-transform: capitalize;
  font-size: 40px;
  line-height: 100%;
  font-style: normal;
  color: #fff;
}

.collection-top-desc .image-with-text__heading strong {
  color: #FFB81C;
  font-weight: 900;
}

.collection-top-desc .image-with-text__text {
  /*  padding-bottom: 125px;*/
}

.collection-top-desc .image-with-text__content .image-with-text__text p {
  color: #FFF;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 150%;
}

.collection-card-slider {
  background-image: url(section-bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  background-attachment: unset;
}

.collection-card-slider .collection .collection__title .title {
  font-size: 3.2rem;
  line-height: normal;
  /* font-style: normal; */
  color: #222;
}

.collection-card-slider .collection .collection__title .title:before {
  background-image: url(EnergyFit-1c-blk-logo.png);
  height: 119px;
  width: 100%;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 29px
}

.collection-card-slider .icon-img {
  text-align: center;
  margin-bottom: 6px;
}

.collection-card-slider .description {
  max-width: 70%;
  margin: 0 auto 66px;
  font-size: 1.8rem;
  text-align: center;
}

.collection-card-slider .slider {
  margin: 0 auto;
  justify-content: stretch;
}

.collection-card-slider .slider .card-container {
  border-radius: 6px;
  border: 2px solid #000;
  display: flex;
  height: 100%;
  padding: 27px 13px 23px 13px;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  background-color: #fefefe;
}

.collection-card-slider .slider .card-container>* {
  z-index: 1;
}

.collection-card-slider .slider .card-container:after {
  z-index: 0;
  content: "";
  width: 100%;
  background-image: url(cardbg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #fefefe;
  height: 100%;
  background-position: center;
  position: absolute;
  opacity: 0.2;
  top: 0;
}

.collection-card-slider .slider .card-container .tag {
  align-self: flex-start;
  padding: 2px 20px;
  color: #000;
  text-align: center;
  font-family: var(--font-heading-family);
  font-size: 24px;
  font-style: italic;
  font-weight: 700;
  line-height: 1;
  margin-left: -13px;
}

.collection-card-slider .slider .card-container .content {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 131.5%;
  /* 26.3px */
  text-align: center;
}

.collection-card-slider .slideshow__controls {
  border: 0;
}

.collection-card-slider .slick-initialized .slider__slide {
  margin-right: 17px;
}

.collection-card-slider .slider .slider__slide {
  transition: all 0.3s ease-in-out;
}

.collection-card-slider .slider .slider__slide.slick-center {
  transform: scale(1.1);
}

.collection-card-slider .slider .slick-list.draggable {
  padding-top: 20px !important;
  padding-bottom: 30px !important;
}

.collection-card-slider button.slider-button.slider-button--next,
.collection-card-slider button.slider-button.slider-button--prev {
  display: none;
}

.collection-card-slider a.card-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-indent: -999px;
    overflow:hidden;
}

#featured-dog-treat .collection {
  padding-bottom: 99px;
  padding-top: 125px !important;
}

#featured-dog-treat .collection .collection__title .title {
  text-align: left;
  margin-top: 20px;
  font-style: normal;
}

#featured-dog-treat .collection .collection__description {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

#featured-dog-treat:before,
#featured-dog-treat:after {
  z-index: -1;
  content: "";
  width: 100%;
  background-image: url(featuredbg.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 50%;
  background-position: top;
  position: absolute;
  opacity: 0.2;
  top: 50%;
}

#featured-dog-treat:before {
  background-image: url(white-bg.svg);
  opacity: 1;
  background-size: contain;
  background-position: top;
  height: 114px;
  top: -1px;
  background-repeat: repeat-x;
}

#featured-dog-treat>* {
  z-index: 1;
}

#featured-dog-treat .collection__title.title-wrapper {
  max-width: 912px;
}

.product-grid-container .collection .grid {
  row-gap: 40px;
  justify-content: center;
}

@media (max-width: 750px) {
  .product-grid-container .collection .grid {
    row-gap: 25px;
  }
}

.collection-text h2 {
  color: #000;
  font-family: var(--font-heading-family);
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
}

.collection-text .rich-text__text {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.kennel-program-section .image-with-text__heading {
  /* font-style: normal; */
}

.tabbed-content .accordion__content {
  color: #000;
  display: none;
}

.tabbed-content .accordion.active .accordion__content {
  display: block;
}

@media (min-width: 1440px) {

  .collection-text.isolate .page-width,
  #ProductGridContainer .page-width,
  #featured-dog-treat .page-width {
    padding-left: 13rem;
    padding-right: 13rem;
  }

  .collection-top-desc .image-with-text__content {
    margin-right: 9rem;
  }
}

@media (min-width: 1199px) and (max-width: 1600px) {
  .collection-top-desc .image-with-text__text {
    /*    padding-bottom: 115px;*/
  }
}

@media screen and (min-width: 1024px) {
  .product-grid-container .collection .grid {
    column-gap: 100px;
    row-gap: 40px;
  }

  .collection-card-slider .slider .card-container .tag {
    white-space: nowrap;
  }
}

@media screen and (min-width: 990px) {
  .product-grid-container .collection .grid.grid--3-col-desktop .grid__item {
    width: calc(25.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    max-width: calc(25.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }
}

@media (max-width: 989px) {
  li.breadcrumbs__item:before {
    padding-left: 0;
    padding-right: 5px;
  }

  #featured-dog-treat .collection {
    padding-top: 60px;
  }

  .product-grid-container .collection .grid.grid--1-col-tablet-down .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .collection-card-slider {
    background-position: right top;
    background-attachment: unset;
  }

  .collection-card-slider .slider--tablet.grid--peek.grid--2-col-tablet .grid__item,
  .collection-card-slider .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item {
    margin-bottom: 6.5rem;
  }

  .collection-card-slider .slider.slider--tablet .slider__slide {
    min-width: 234px;
    height: 100%;
    transition: transform 3s;
  }

  .collection-card-slider .slider-buttons {
    margin-top: 30px;
  }

  .collection-card-slider .slider-buttons .slider-counter__link--dots .dot {
    width: 1.6rem;
    height: 1.6rem;
  }

  .collection-card-slider .slider.slider--tablet .slider__slide[aria-focus="true"] {
    transform-origin: 0 0;
    transform: scaleX(1.1) scaleY(1.1);
    margin: 0 40px;
    padding-bottom: 40px;
  }

  .page-type__collection .rich-text__blocks {
    max-width: 100%;
  }
}

@media (min-width: 751px) and (max-width: 989px) {
  .collection-top-desc .image-with-text__heading {
    font-size: 30px;
  }

  .collection-top-desc .image-with-text__content>*+* {
    margin-top: 0;
    margin-bottom: 1.5rem;
  }

  .collection-top-desc .image-with-text__heading {
    margin-top: 1.5rem;
  }

  .collection-top-desc .image-with-text__content .image-with-text__text p {
    font-size: 1.5rem;
  }
}

@media (min-width : 751px) {
  .mobile-only-img {
    display: none !important;
  }
}

@media (max-width : 750px) {
  .kennel-program-section .image-with-text__content .image-with-text__text+.button {
    width: 100%;
  }

  .desktop-only-img {
    display: none !important;
  }

  a.breadcrumbs__link,
  li.breadcrumbs__item:before {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
  }

  #featured-dog-treat .collection {
    padding-bottom: 9rem !important;
    padding-top: 6rem !important;
  }

  .collection-text .rich-text {
    padding-bottom: 57px !important;
    padding-top: 75px !important;
  }

  .collection-text .rich-text__wrapper {
    width: calc(100% - 1rem / var(--font-body-scale));
  }

  .collection-top-desc .image-with-text__heading {
    margin-top: 5px;
  }

  .collection-top-desc .image-with-text__text {
    margin-top: 0;
    margin-bottom: 2rem;
    padding-bottom: 0;
  }

  .collection-top-desc .image-with-text__content {
    padding: 4rem calc(1.8rem / var(--font-body-scale)) 6rem calc(2.4rem / var(--font-body-scale));
  }

  .collection-card-slider {
    background-position: top right;
    background-attachment: unset;
    background-repeat: no-repeat;
    padding-bottom: 23px;
  }

  .collection-card-slider .collection__title.title-wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .collection-card-slider .collection__title .title,
  .collection-card-slider .description {
    max-width: 100%;
    text-align: left;
  }

  .collection-card-slider .slider .card-container .content {
    font-weight: normal;
  }

  div#featured-dog-treat .grid,
  .product-grid-container .collection .grid {
    margin-left: 25px;
    margin-right: 25px;
  }

  div#featured-dog-treat .grid {
    margin-top: 40px;
  }

  .product-grid-container .collection .grid.grid--1-col-tablet-down .grid__item {
    width: 100%;
    max-width: 100%;
    box-shadow: -1px 2px 6px 0px rgba(0, 0, 0, 0.05);
  }

  .collection-top-desc .grid {
    flex-direction: column-reverse;
  }

  li.breadcrumbs__item:after,
  li.breadcrumbs__item:last-child {
    display: none;
  }

  li.breadcrumbs__item:before {
    content: '<';
    padding-left: 0;
  }

  .collection-card-slider .grid--1-col-tablet-down .grid__item {
    width: 80%;
    max-width: 80%;
  }

  .collection-card-slider .slick-dots {
    bottom: -53px;
  }

  #featured-dog-treat {
    background-image: url(featured-white-top.svg);
    background-position: top right;
    background-size: contain;
    padding-top: 10rem;
    background-attachment: unset;
    background-repeat: no-repeat;
  }

  #featured-dog-treat:after {
    background-image: url(featured-gray-bottom.svg);
    background-size: contain;
    background-repeat: repeat-x;
    background-position: top center;
    top: 75%;
    bottom: 0;
    height: 100%;
    opacity: .5;
  }

  #featured-dog-treat:before {
    display: none;
  }

  .collection .grid__item:only-child {
    max-width: 293px;
    margin: 0 auto;
  }

  .collection-card-slider .collection .collection__title .title {
    font-size: 3rem;
  }
}

@media (max-width: 350px) {
  .collection-card-slider .slider .slick-list.draggable {
    padding-bottom: 90px !important;
  }
}

/*custom dropdown*/
.field:hover.field:after,
.select:hover.select:after,
.select__select:hover.select__select:after,
.customer .field:hover.field:after,
.customer select:hover.select:after,
.localization-form__select:hover.localization-form__select:after,
.quantity {}

.dropdown {
  display: inline-block;
  background-color: transparent;
  transition: all .5s ease;
  position: relative;
  font-size: 16px;
  height: 100%;
  text-align: center;
  width: 100%;
  box-shadow: none;
  cursor: pointer;
}

.dropdown .select {
  cursor: pointer;
  display: block;
  background: #fff;
  height: 47px;
  line-height: 47px;
  border-radius: 2px;
  border: 2px solid #E2E2E2;
}

.product-form__input--dropdown select {
  margin:0!important;
  height: 47px;
  line-height: 47px!important;
  color: rgba(var(--color-foreground), 1);
}

.dropdown .select>i {
  font-size: 13px;
  color: #000;
  cursor: pointer;
  transition: all .3s ease-in-out;
  float: right;
  line-height: 20px
}

.dropdown.active .select>i {
  transform: rotate(-90deg)
}

.dropdown .dropdown-menu {
  position: absolute;
  background-color: #fff;
  width: 100%;
  left: 0;
  margin-top: 1px;
  overflow: hidden;
  display: none;
  max-height: 144px;
  overflow-y: auto;
  z-index: 9;
  box-shadow: 2px 2px 10px 0px #00000026;
}

.product-form__quantity .dropdown .dropdown-menu {
  min-height: 252px;
  max-height: auto;
}

.dropdown .dropdown-menu li {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  padding: 1px;
  transition: all .2s ease-in-out;
  cursor: pointer;
  height: 25px;
  line-height: normal;
}

.dropdown .dropdown-menu {
  padding: 0;
  list-style: none
}

.dropdown .dropdown-menu li:active,
.dropdown .dropdown-menu li[selected="selected"],
.dropdown .dropdown-menu li:hover {
  background-color: #FBEDC1
}

/*recharge widget*/
.product__info-container .recharge-subscription-widget label.rc-radio,
.product__info-container .recharge-subscription-widget label.rc-radio.subscription-radio {
  border-radius: 2px;
  border: 2px solid #E2E2E2;
  height: 62px;
  background: #FFF;
  margin-bottom: 10px;
  width: 100%;
}

.rc-selling-plans {
  margin-bottom: 10px;
  padding-left: 0px !important;
  padding-right: 0px !important;
  text-align: center;
  margin-top: -10px;
}

.product__info-container .recharge-subscription-widget .rc-radio .rc-radio__input[type="radio"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  appearance: none;
  /* For iOS < 15 to remove gradient background */
  background-color: #fff;
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 2.8rem;
  height: 2.8rem;
  border: 0.15em solid currentColor;
  border-radius: 50%;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
  cursor: pointer;
}

.product__info-container .recharge-subscription-widget .rc-radio .rc-radio__input[type="radio"]::before {
  content: "";
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  background-color: #FBB040;
  z-index: 1;
}

.product__info-container .recharge-subscription-widget .rc-radio .rc-radio__input[type="radio"]:checked::before {
  transform: scale(1.1);
}

.product__info-container .recharge-subscription-widget .rc-subscription-details {
  padding-left: 0;
}

.product__info-container .recharge-subscription-widget .rc-subscription-details .rc-subscription-details__button {
  padding: 5px 7px;
  margin: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 103.7%;
  border-radius: 2px;
  background: #E2E2E2;
}

.product__info-container .recharge-subscription-widget {
  margin-bottom: -3.2rem;
}

/*cookie banner*/
body>.cc-window {
  justify-content: center;
  background-color: rgb(34 34 32 / 78%) !important;
}

body>.cc-window .cc-message {
  flex: initial;
  margin-right: 20px;
}

body>.cc-window .cc-btn:last-child {
  border-radius: 5px;
  cursor: pointer !important;
}

body>.cc-window {
  left: 0;
  right: 0;
  bottom: 0;
}

body>.cc-window .cc-link {
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  position: relative;
}

body>.cc-window .cc-link:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  background-color: #FBB040;
  left: 0;
  bottom: 2px;
}

@media (max-width:990px) {
  body>.cc-window .cc-btn {
    border-radius: 5px;
    max-width: 200px;
  }

  body>.cc-window.cc-floating {
    max-width: 100%;
  }
}

.hero-banner .icon-wrap {
  margin-bottom: 3.2rem;
  display: flex;
  gap: 1rem;
  align-items: center;
}

.hero-banner .icon-madeinusa {
  display: block;
  width: auto;
  height: 50px;
  aspect-ratio: 4500 / 1798;
}

/* DogFoodAdvisor logo matches the USA logo's height */
.hero-banner .icon-wrap > a > svg {
  width: auto;
  height: 50px;
}

/* DogFoodAdvisor note (hero slider "DogFoodAdvisor note" setting) sits under the logo row */
.hero-banner .hero-banner__rating-note {
  margin: -2rem 0 3.2rem;
  color: #fff;
  font-family: var(--font-body-family);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 767px) {
  .hero-banner .icon-wrap > a > svg {
    width: 100%;
    max-width: 200px;
    height: auto;
  }

  .hero-banner .hero-banner__rating-note {
    color: #121212;
  }
}

@media (max-width: 767px) {
  /* Mobile hero text sits on white, so flip the white logo to black (and its black "USA" to white) */
  /* Matches the DogFoodAdvisor badge's 67px height; shrinks on very narrow phones instead of overflowing */
  .hero-banner .icon-madeinusa {
    width: 168px;
    height: auto;
    min-width: 0;
    flex: 0 1 auto;
    filter: invert(1);
  }
}

@media (min-width: 768px) {
  .hero-banner .hero-primary-image.mobile-only {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hero-banner .hero-primary-image.desktop-only {
    display: none !important;
  }
}

/*General Content*/
.general-content-faq.contact-form .collapsible-content-form,
.general-content-multirow .image-with-text__grid,
.hero-content-light {
  background-image: url(mountains.png);
  background-position: bottom center;
  background-size: contain;
  background-repeat: repeat-x;
}

.hero-content-light .image-with-text__heading strong,
.hero-content-light .image-with-text__heading,
.hero-content .image-with-text__heading strong,
.hero-content .image-with-text__heading {
  color: #FFB81C;
  font-family: var(--font-heading-family);
  font-size: 70px;
  font-style: italic;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.hero-content .image-with-text__text {
  color: #000;
  font-family: var(--font-body-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 120% */
}

.hero-content-light .image-with-text__heading strong {
  color: #000;
}

.hero-content-light .image-with-text__grid .image-with-text__content {
  max-width: calc(var(--half-page-width) - 5rem);
}

@media screen and (min-width: 1440px) {
  .hero-content-light .image-with-text__grid .image-with-text__content {
    margin-left: 8rem;
  }

  .hero-content-light .image-with-text__grid--reverse .image-with-text__content {
    margin-right: 8rem;
    margin-left: auto;
  }
}

.hero-content .image-with-text__text,
.hero-content .image-with-text__heading strong {
  color: #fff;
}

.hero-content-light.image-with-text__content .image-with-text__text+.button,
.hero-content.image-with-text__content .image-with-text__text+.button {
  min-width: 31.8rem;
}

.general-content-menu {
  text-align: center;
}

.general-content-menu ul li:first-child a>span {
  border-bottom: 3px solid;
}

.general-content-dark {
  margin: 0 auto;
}

.general-content-dark .rich-text__blocks {
  max-width: 100%;
}

.general-content-faq h2,
.general-content-dark .rich-text__heading {
  font-size: 36px;
  font-style: italic;
  font-weight: 900;
  line-height: normal;
  text-transform: none;
}

h1.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in {
  font-size: 60px;
}

h2.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in {
  font-size: 32px;
}

h4.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in {
  font-size: 32px;
}

h5.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in {
  font-size: 28px;
}

h6.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in {
  font-size: 22px;
}

h1.rich-text__heading.rte.inline-richtext.h2.scroll-trigger.animate--slide-in {
  font-size: 22px;
}

h2.rich-text__heading.rte.inline-richtext.h2.scroll-trigger.animate--slide-in {
  font-size: 22px;
}

h3.rich-text__heading.rte.inline-richtext.h2.scroll-trigger.animate--slide-in {
  font-size: 22px;
}

h4.rich-text__heading.rte.inline-richtext.h2.scroll-trigger.animate--slide-in {
  font-size: 22px;
}

h5.rich-text__heading.rte.inline-richtext.h2.scroll-trigger.animate--slide-in {
  font-size: 22px;
}

h6.rich-text__heading.rte.inline-richtext.h2.scroll-trigger.animate--slide-in {
  font-size: 22px;
}

h1.rich-text__heading.rte.inline-richtext.h0.scroll-trigger.animate--slide-in {
  font-size: 50px;
}

h2.rich-text__heading.rte.inline-richtext.h0.scroll-trigger.animate--slide-in {
  font-size: 50px;
}

h3.rich-text__heading.rte.inline-richtext.h0.scroll-trigger.animate--slide-in {
  font-size: 50px;
}

h4.rich-text__heading.rte.inline-richtext.h0.scroll-trigger.animate--slide-in {
  font-size: 50px;
}

h5.rich-text__heading.rte.inline-richtext.h0.scroll-trigger.animate--slide-in {
  font-size: 50px;
}

h6.rich-text__heading.rte.inline-richtext.h0.scroll-trigger.animate--slide-in {
  font-size: 50px;
}

h1.rich-text__heading.rte.inline-richtext.hxl.scroll-trigger.animate--slide-in {
  font-size: 60px;
}

h2.rich-text__heading.rte.inline-richtext.hxl.scroll-trigger.animate--slide-in {
  font-size: 60px;
}

h3.rich-text__heading.rte.inline-richtext.hxl.scroll-trigger.animate--slide-in {
  font-size: 60px;
}

h4.rich-text__heading.rte.inline-richtext.hxl.scroll-trigger.animate--slide-in {
  font-size: 60px;
}

h5.rich-text__heading.rte.inline-richtext.hxl.scroll-trigger.animate--slide-in {
  font-size: 60px;
}

h6.rich-text__heading.rte.inline-richtext.hxl.scroll-trigger.animate--slide-in {
  font-size: 60px;
}


.general-content-faq .caption-with-letter-spacing,
.general-content-dark .rich-text__text {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.general-content-faq .caption-with-letter-spacing {
  text-transform: none;
}

.general-content-faq h2,
.general-content-faq .caption-with-letter-spacing,
.general-content-bgyellow .rich-text__heading,
.general-content-bgyellow .rich-text__text {
  color: #000;
}

.general-content-multirow .multirow__inner {
  row-gap: 0;
}

.general-content-multirow .image-with-text__text {
  max-width: 40rem;
}

.general-content-multirow .image-with-text__grid .image-with-text__content {
  max-width: var(--half-page-width);
  padding: 9rem;
}

.general-content-multirow .collapse-padding .image-with-text__grid--reverse .image-with-text__content:not(.image-with-text__content--desktop-center) {
  padding-left: 9rem;
}

.general-content-multirow .image-with-text__grid .media>img {
  object-position: right center;
}

.general-content-multirow .image-with-text__grid--reverse .media>img {
  object-position: left center;
}

.general-content-multirow .grid .image-with-text__text-item:after {
  background-position: right bottom;
  background-repeat: no-repeat;
}

.general-content-multirow .image-with-text__grid--reverse .image-with-text__text-item:after {
  background-position: -25px bottom;
  background-repeat: no-repeat;
}

.general-content-faq .caption-with-letter-spacing {
  margin-bottom: 8rem;
}

.general-content-faq .caption-with-letter-spacing+h2 {
  margin-bottom: 1rem;
}

.general-content-faq .accordion {
  border: 2px solid #FBB040;
  border-width: 1px 0;
}

.general-content-faq .collapsible-content summary {
  padding: 2.5rem 0;
}

.general-content-faq .collapsible-content summary:hover {
  background: none;
}

.general-content-faq .collapsible-content .accordion__title {
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}

.general-content-faq .collapsible-content summary:hover .accordion__title {
  text-decoration: none;
}

.general-content-faq summary .icon-caret {
  height: 2rem;
  width: 2rem;
  top: calc(50% - 1.2rem);
}

/* .general-content-multirow .image-with-text__grid.image-with-text__grid--reverse .image-with-text__content{
  margin-left: 8rem !important;
  max-width: var(--half-page-width);
} */
.general-content-faq .collapsible-content__header {
  display: flex;
  flex-direction: column-reverse;
}

.general-content-wrapper {
  background-image: url(yellow-mark-bg.svg);
  background-size: contain;
  background-repeat: repeat;
  background-position: center;
  background-color: rgba(232, 157, 46, 0.80);
  padding: 10rem 0;
}

.general-content-wrapper .general-content-bgyellow .page-width {
  padding: 0;
}

.general-content-wrapper .gradient {
  background: none !important;
}

.general-content-wrapper .general-content-bgyellow.multicolumn .page-width slider-component {
  border-bottom: 2px solid #000;
}

.general-content-wrapper .general-content-bgyellow.multicolumn h3 {
  color: #000;
  font-size: 96px;
  font-style: italic;
  font-weight: 900;
  line-height: 1;
  max-width: 36rem;
}

.general-content-wrapper h2.rich-text__heading {
  text-align: center;
  max-width: 58rem;
  margin: auto;
}

.general-content-wrapper .rte img {
  border: 0;
}

.general-content-wrapper .general-content-bgyellow.multicolumn .page-width slider-component .multicolumn-list__item:last-child .multicolumn-card__info {
  margin-left: auto;
  margin-right: 0;
}

.general-content-wrapper .general-content-bgyellow.multicolumn .multicolumn-card__info {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 139.99%;
  max-width: 50rem;
}

.general-content-faq.contact-form {
  position: relative;
}

.general-content-faq.contact-form::before {
  content: ' ';
  background-repeat: repeat-x;
  background-size: contain;
  background-position: left bottom;
  /*  background-image: url(seperator.png);*/
  background-attachment: initial;
  position: absolute;
  height: 4.5px;
  width: 100%;
}

.general-content-faq.contact-form .grid__item {
  align-self: center;
}

.general-content-faq.contact-form .collapsible-content-form {
  background-repeat: no-repeat;
  background-size: 60vw;
  background-position: left bottom;
  background-image: url(mountains3.svg);
  background-attachment: initial;
}

.general-content-faq.contact-form .collapsible-content-form .grid__item.img-icon {
  text-align: center;
}

.general-content-faq.contact-form .collapsible-content-form::before {
  content: " ";
  background-repeat: no-repeat;
  background-attachment: initial;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
  z-index: 0;
  background-position: left top;
}

@media screen and (min-width: 2000px) {
  .general-content-faq.contact-form .collapsible-content-form::before {
    background-position: right top;
  }
}

.general-content-faq .accordion__content p {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.general-content-faq.contact-form .field {
  margin-bottom: 20px;
  flex-direction: column-reverse;
}

.general-content-faq.contact-form .field .field__label {
  position: relative;
  left: 5px;
  top: 0;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #000;
  font-family: 'proxima-nova';
  margin-bottom: 0px;
}

.general-content-faq.contact-form .img-icon {
  visibility: hidden;
}

.general-content-blogs .blog__posts .card .card__inner {
  background-color: #FFF;
}

.general-content-blogs .blog__posts .card__heading,
.general-content-blogs .blog__posts .article-card__info,
.general-content-blogs .blog__posts .article-card__excerpt,
.general-content-blogs .blog__posts .card--standard>.card__content {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.general-content-blog-post h1.article-template__title {
  text-transform: none;
}

.general-content-blog-post .article-template__content {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 139.713%;
}

.general-content-blog-post .article-template__content h2 {
  font-size: 27px;
  font-style: normal;
  font-weight: 600;
  line-height: 135.99%;
  text-transform: none;
}

.general-content-blog-post .article-template__content h3 {
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}

.general-content-blogs .blog__posts .article-card__info {
  text-transform: none;
}

.general-content-blogs .blog__posts .article-card__excerpt {
  margin-top: 2.8rem;
  height: 120px;
}

.general-content-blogs .blog__posts h3.card__heading.h2 {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  min-height: 48px;
}

.general-content-blogs .blog__posts .card .card__inner .card__media img {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
}

.general-content-blogs .blog__posts .card .card__inner .card__media {
  border-radius: 10px 10px 0px 0px;
}

.general-content-blog-post {
  margin-bottom: 3rem;
}

.general-content-blogs .button {
  background-color: transparent;
}

.general-content-blogs .blog__posts .card-wrapper {
  width: 85%;
  margin: 0 auto;
}

.general-content-blogs .grid--peek.slider .grid__item:first-of-type {
  /* margin-left: 2rem; */
}

.general-content-blogs .slider-button {
  position: absolute;
  top: 50%;
  left: 0;
}

.general-content-blogs .slider-button.slider-button--next {
  right: 0;
  left: auto;
}

.general-content-blog-post .article-template__content.rte img {
  margin: 2rem 0;
  width: 100%;
}

.general-content-testimonial.testimonial-section .testimonial-section__wrapper {
  justify-content: center;
}

.general-content-testimonial.testimonial-section slideshow-component {
  max-width: 110rem;
  background: none;
  padding: 0;
  border-radius: 0;
}

.general-content-testimonial.testimonial-section slideshow-component .grid__item {
  background: #fff;
  padding: 3.7rem 1.2rem 3.9rem 1.8rem;
  border-radius: 10px;
  max-width: 335px;
}

.general-content-testimonial.testimonial-section slideshow-component .slideshow.banner {
  gap: 45px;
}

.general-content-testimonial.testimonial-section {
  /* margin: 3.3rem auto; */
  padding-bottom: 8rem;
}

.general-content-testimonial.testimonial-section .slideshow__text.banner__box .banner__text {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}

/*general content page css ends*/
.spr-form-message-success {
  padding: 0.8em 0;
  margin: 0 0 1em 0;
}

.transcriptmodal {
  margin-top: 36px;
  margin-bottom: 70px;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration-line: underline;
}

@media (min-width: 1366px) {
  .general-content-testimonial.testimonial-section slideshow-component .slideshow__controls.arrows .slider-button--prev {
    position: absolute;
    left: -9rem;
  }

  .general-content-testimonial.testimonial-section slideshow-component .slideshow__controls.arrows .slider-button--next {
    position: absolute;
    right: -9rem;
  }

  .general-content-testimonial.testimonial-section .slider-counter--dots {
    margin: 1rem;
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
  }
}

@media (max-width : 1366px) {
  .general-content-wrapper {
    padding: 10rem;
  }

  .general-content-testimonial .slider-counter--dots {
    margin: 0 1.2rem;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
  }

  .general-content-testimonial.testimonial-section slideshow-component .slideshow__controls.arrows {
    bottom: -70px;
  }

  .general-content-testimonial.testimonial-section .slider-content {
    max-width: calc(100% - 1.5rem);
  }

  .general-content-testimonial.testimonial-section slideshow-component .slideshow.banner {
    gap: 20px !important;
  }

  .general-content-testimonial.testimonial-section .slideshow__text-wrapper.banner__content {
    padding: 1rem;
  }

  .general-content-testimonial.testimonial-section slideshow-component .slideshow__controls.arrows {
    left: -45px;
    right: -45px;
  }

  .general-content-faq.contact-form .collapsible-content-form:before {
    background-size: cover;
    background-position: center bottom;
  }

  h1.article-template__title {
    margin-bottom: 2rem;
  }

  /* .general-content-blogs button.slider-button.slider-button--next{
    transform: rotate(0);
  } */
  .general-content-wrapper .general-content-bgyellow.multicolumn h3,
  .general-content-wrapper .general-content-bgyellow.multicolumn .multicolumn-card__info {
    max-width: 100%;
  }

  .general-content-multirow .image-with-text__grid .image-with-text__content {
    padding: 2rem;
  }

  .general-content-multirow .collapse-padding .image-with-text__grid--reverse .image-with-text__content:not(.image-with-text__content--desktop-center) {
    padding-left: 3rem;
  }

  .general-content-testimonial.testimonial-section slideshow-component .grid__item {
    width: 100%;
  }
}

@media (max-width : 767px) {

  .hero-content-light .image-with-text__heading strong,
  .hero-content-light .image-with-text__heading,
  .hero-content .image-with-text__heading strong,
  .hero-content .image-with-text__heading {
    font-size: 45px;
    line-height: 43px;
    /* 95.556% */
  }

  .hero-content-light .image-with-text__content {
    padding-bottom: 4rem;
  }

  .general-content-dark .rich-text {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .general-content-multirow .multirow__inner .image-with-text__content img,
  .hero-content-light .image-with-text__content .image-with-text__text+.button {
    margin: 0 auto;
    width: 100%;
  }

  .general-content-multirow .multirow__inner .image-with-text__content .image-with-text__text+.button,
  .general-content-multirow .multirow__inner .image-with-text__content img {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .general-content-multirow .multirow__inner .image-with-text__text-item {
    padding: 36px 36px 5px;
  }

  .general-content-multirow .collapse-padding .image-with-text__grid--reverse .image-with-text__content:not(.image-with-text__content--desktop-center) {
    padding-left: 0;
  }

  .general-content-multirow .image-with-text__grid .image-with-text__content {
    padding: 0;
  }

  .general-content-wrapper {
    /* padding: 36px 36px 0; */
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .general-content-wrapper .general-content-bgyellow.multicolumn h3 {
    font-size: 71px;
  }

  .general-content-wrapper .general-content-bgyellow.multicolumn .image-with-text__text p {
    font-size: 1.6rem;
  }

  .general-content-wrapper .general-content-bgyellow.multicolumn .multicolumn-card__info {
    font-size: 20px;
    line-height: 139.99%;
  }

  .general-content-faq.contact-form .grid__item,
  .general-content-wrapper .general-content-bgyellow .page-width.rich-text__wrapper {
    width: 100%;
  }

  .general-content-wrapper h2.rich-text__heading {
    text-align: left;
    line-height: 1.2;
  }

  .general-content-wrapper .general-content-dark .rich-text .rich-text__image {
    /* width: calc( 100% + 72px); */
    /* margin-left: -36px; */
    width: 100%;
  }

  .general-content-wrapper .general-content-dark .rich-text .rich-text__image img {
    width: 100%;
  }

  .general-content-faq .caption-with-letter-spacing+h2 {
    font-size: 28px;
    line-height: 1;
  }

  .general-content-faq .caption-with-letter-spacing {
    margin-bottom: 3rem;
  }

  .general-content-faq .caption-with-letter-spacing,
  .general-content-dark .rich-text__text {
    /*    padding: 32px 32px 0;*/
    font-size: 18px;
    line-height: 22px;
  }

  .general-content-dark .rich-text__heading,
  .general-content-wrapper .multicolumn {
    /*    padding: 32px 32px 0;*/
  }

  .general-content-faq .collapsible-content .accordion__title {
    line-height: 22px;
  }

  .general-content-faq .caption-with-letter-spacing {
    font-weight: 600;
  }

  .general-content-faq.contact-form .grid__item {
    max-width: 100%;
    margin-top: 70px;
  }

  .general-content-faq.contact-form .collapsible-content-form:before {
    background-position: 0 -55px;
    height: 420px;
    width: 100%;
  }

  .general-content-faq h2 {
    text-align: center;
    font-size: 28px;
    font-style: italic;
    line-height: 29.5px;
  }

  .shopify-section hr {
    display: none;
  }

  .general-content-faq.contact-form .button {
    width: 100%;
  }

  .general-content-faq.contact-form:before {
    display: none;
  }

  .general-content-blog-post h1.article-template__title {
    font-size: 48px;
    font-weight: 900;
    line-height: normal;
    text-transform: none;
  }

  .general-content-blog-post .article-template__content h2 {
    font-size: 24px;
  }

  .general-content-blog-post .article-template__content.rte img {
    width: calc(100% + 30px);
    margin: 0 -15px;
    max-width: calc(100% + 30px);
  }

  .general-content-blog-post .article-template__content h4 {
    font-size: 32px;
  }

  .general-content-testimonial.testimonial-section slideshow-component .grid__item {
    max-width: 90%;
  }

  .general-content-testimonial.testimonial-section slideshow-component .slideshow.banner {
    gap: 20px !important;
    max-width: 88%;
    margin: 0 auto;
  }

  .general-content-testimonial.testimonial-section slideshow-component .slideshow__controls.arrows {
    left: -30px;
    right: -15px;
    z-index: 11;
  }

  .general-content-testimonial.testimonial-section slideshow-component .slideshow__controls.arrows {
    bottom: -30px;
  }

  .general-content-testimonial.testimonial-section slideshow-component .grid__item {
    max-width: 94%;
  }

  .general-content-testimonial.testimonial-section {
    padding-bottom: 3.6rem;
  }

  .video-section span.deferred-media__poster-button.motion-reduce {
    width: 6.1rem;
    height: 6.1rem;
  }
}


@media (max-width : 590px) {
  /* .grid__item {} */

  .general-content-faq.contact-form .grid__item {
    margin-top: 0px;
  }
}

.slider-mobile-gutter>ul.multicolumn-list {
  margin-bottom: 6em !important;
}


.accordion__content.rte ul li {
  display: flex;
  flex-direction: row;
  align-items: start;
  margin-bottom: 8px;
}

.accordion__content.rte ul li::before {
  display: block;
  content: '•';
  margin-right: 12px;
}

.BackToLogin {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* margin-bottom: 16px; */
}

.BackToLogin>a {
  margin-top: 24px;
  margin-bottom: 8px;
}

.active-facets__button-wrapper .active-facets__button-remove span,
.active-facets.active-facets-desktop .active-facets__button-inner,
.template-search .facets__heading,
.template-search .facet-filters__label {
  font-size: 16px !important;
  color: #000000;
}

.template-search .facets__heading,
.template-search .facet-filters__label {
  text-transform: uppercase;
}

.template-search .facets__reset,
.active-facets__button-wrapper .active-facets__button-remove.underlined-link {
  color: #000000;
}

div.featured-collection>div.collection {
  padding-top: 90px !important;
  padding-left: 13rem;
  padding-right: 13rem;
}

@media (max-width: 475px) {
  div.featured-collection>div.collection {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (max-width: 600px) {
  div.featured-collection>div.collection {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

div#product-category-active-dog-food .collection {
  padding-top: 0px !important;
}

div.featured-collection>div.collection .collection__title.title-wrapper {
  margin-bottom: 70px !important;
}

.search__item .card.article-card .card__heading>a,
.search__card .search__content .search__heading>a {
  font-size: 20px !important;
  font-style: normal !important;
  font-weight: 700 !important;
}

.search__item .article-card__info.caption-with-letter-spacing {
  /* Font size:18px, Font weight: 400px */
  font-size: 16px !important;
  font-weight: 400 !important;
  padding-top: 8px;
  padding-bottom: 8px;
}

.search__item .card--card:after {
  box-shadow: -1px 2px 6px 0px rgba(0, 0, 0, 0.15);
  ;
}

.KentHeader {
  position: relative;
  background-color: #000;
  min-height: 600px;
  overflow: hidden;
}

.KentHeader-bgContainer {
  position: absolute;
  height: 100%;
  width: auto;
  right: 0;
  z-index: 1;
}

.KentHeader-bgContainer .page-width {
  display: none;
}

.KentHeader-background {
  width: 100%;
  height: auto;
  mask-image: linear-gradient(to left, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, .5) 70%, rgba(0, 0, 0, 0) 100%);
}

.KentHeader:after {
  position: absolute;
  /* content: url('./white-bg.svg'); */
  content: ' ';
  background-image: url('./white-bg.svg');
  background-repeat: repeat-x;
  transform: scaleY(-1);


  bottom: -5px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 1;
  pointer-events: none;
}

.KentHeader-text {
  position: absolute;
  z-index: 2;
  max-width: 575px;
  width: 100%;
}

.KentHeader-text .banner__heading {
  font-size: 70px;
  font-style: italic;
  font-weight: 900;
  line-height: 82%;
  /* 57.4px */
  text-transform: uppercase;
  margin-bottom: 30px;
}

.KentHeader-text .banner__text p {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 120% */
}

.KentHeader-text .banner__heading,
.KentHeader-text .banner__text p {
  color: white;
}

.KentHeader-text .banner__heading strong,
.KentHeader-text .banner__heading span {
  color: #FFBE33;
  font-weight: 900;
}

/* color: #FFF;

font-family: Source Sans Pro;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-decoration-line: underline; */

.KentHeader-text .breadcrumbs {
  padding-top: 55px;
}

.KentHeader-text .breadcrumbs__item {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration-line: underline;
}

.KentHeader-text .breadcrumbs__item:after {
  color: white;
}

@media (max-width: 767px) {
  .KentHeader {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    min-height: unset;
    height: 100%;
    background-color: #fff;
  }

  .KentHeader-bgContainer {
    position: relative;
    background-color: black;
  }

  .KentHeader-bgContainer .page-width {
    display: block;
  }

  .KentHeader-bgContainer .page-width {
    position: absolute;
    z-index: 5;
  }

  .KentHeader-bgContainer .page-width .breadcrumbs {
    margin-top: 20px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    color: black;
  }

  .KentHeader-bgContainer .page-width .breadcrumbs li.breadcrumbs__item:before {
    content: '<';
    color: white;
  }

  .KentHeader-bgContainer:after {
    position: absolute;
    content: ' ';
    background-image: url('./kennel-program-mobile-cutout.svg');
    background-repeat: repeat-x;
    background-position: bottom center;
    /* transform: scaleY(-1); */

    bottom: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 1;
    pointer-events: none;
  }

  .KentHeader-background {
    position: relative;
    height: auto;
    width: 100%;
    z-index: 1;
  }

  .KentHeader>.page-width>.KentHeader-text {
    position: relative;
  }

  .KentHeader-text .banner__heading,
  .KentHeader-text .banner__text p {
    color: black;
  }

  .KentHeader-text .banner__heading {
    font-size: 45px;
    line-height: 43px;
  }

  .KentHeader-text .banner__text p {
    font-size: 16px;
    font-weight: 600;
  }

  .KentHeader>.page-width>.KentHeader-text .breadcrumbs {
    display: none;
  }

  .KentHeader:after {
    content: '';
    display: none;
  }
}

.IconBanner {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  margin-top: 63px;
}

.IconBanner-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  max-width: 255px;
  width: 100%;
}

.IconBanner-item h3 {
  padding-top: 0;
  padding-bottom: 13px;
  margin: 0;

  text-align: center;
  color: #000;

  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.IconBanner-item h2 {
  padding-top: 0;
  padding-bottom: 13px;
  margin: 0;

  text-align: center;
  color: #000;

  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.IconBanner-item p {
  text-align: center;
  color: #000;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 25.2px */
}

.IconBanner-item p a {
  font-weight: bold;
  color: black;
}

.IconBanner-item img {
  height: 60px;
}

@media (max-width: 767px) {
  .IconBanner {
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
  }

  .IconBanner-item {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    max-width: 75%;
  }

  .IconBanner-item h3 {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .IconBanner-item p {
    margin: 0;
  }
}

.YellowBanner {
  margin-top: 90px;
  background-color: #FFB81C;
  padding: 20px 0;
}

.YellowBanner .page-width,
.YellowBanner .page-width h3 {
  text-align: center;
}

.YellowBanner .page-width h3 {
  margin: 0;
  color: #000;

  text-align: center;
  font-size: 40px;
  font-style: italic;
  font-weight: 900;
  line-height: normal;
}

@media (max-width: 1000px) {
  .YellowBanner .page-width h3 {
    font-size: 28px;
  }
}

.MenuProducts {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  column-gap: 15px;
}

@media (min-width: 768px) {
  .contact h2.title.h1 {
    margin-bottom: 52px !important;
  }

  .collection-text.home-product-collection-fix {
    padding-top: 120px;
    padding-bottom: 64px;
  }

  .collection-text.home-product-collection-fix .rich-text.content-container {
    padding-top: 0;
    padding-bottom: 0;
  }

}

.field__input:focus~.field__label,
.field__input:not(:placeholder-shown)~.field__label,
.field__input:-webkit-autofill~.field__label,
.customer .field input:focus~label,
.customer .field input:not(:placeholder-shown)~label,
.customer .field input:-webkit-autofill~label {
  margin-top: 0px;
}

.field__label,
.customer .field label {
  margin-top: 18px;
}

.menu-drawer__search .field__label {
  margin-top:0;
  line-height:2.1;
}

.KennelFormContainer>.page-width {
  display: grid;
  grid-template-columns: 2fr 1fr;
}

.KennelFormContainer.scroll-trigger.animate--slide-in {
  background-color: #f5f5f5;
}

.KennelForm {
  padding-top: 35px;
  padding-right: 111px;

}

.KennelFormImage img {
  position: sticky;
  top: 0;
}

.KennelFormImage-mobile {
  display: none;
}

.KennelFormImage-desktop {
  display: block;
}

@media (max-width: 768px) {
  .KennelFormContainer>.page-width {
    display: flex;
    flex-direction: column-reverse;
    padding-left: 0;
    padding-right: 0;
  }

  .KennelForm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .KennelFormImage img {
    position: relative;
  }

  .KennelFormImage-mobile {
    display: block;
    width: 100vw;
    height: auto;
  }

  .KennelFormImage-desktop {
    display: none;
  }
}

.CustomerTestimonials {
  position: relative;
  /*    padding-top: 150px;*/
  /* padding-bottom: 78px; */
  padding-bottom: 272px;
  background-color: #F5F5F5;
}

@media (max-width: 768px) {
  .CustomerTestimonials {
    padding-bottom: 0px;
  }
}

.CustomerTestimonials-row {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
}

.CustomerTestimonials-row:nth-child(odd):before {
  position: absolute;
  content: url('customer-testimonial-dots-1.svg');
  z-index: 0;
  right: 0;
  top: -150px;
  opacity: 0.25;
}

.CustomerTestimonials-row:nth-child(even):before {
  position: absolute;
  content: url('customer-testimonial-dots-2.svg');
  z-index: 0;
  left: 0;
  bottom: -150px;
  opacity: 0.25;
}

.CustomerTestimonials-row:not(:first-of-type) {
  margin-top: 78px;
}

.CustomerTestimonials-row:nth-child(even) {
  flex-direction: row-reverse;
}



.CustomerTestimonials-text {
  background-color: #3E3E3E;
  padding: 82px 120px;

  width: 56%;
  z-index: 5;
}

.CustomerTestimonials-text h3 {
  color: #FFF;
  font-size: 45px;
  font-style: normal;
  font-weight: 900;
  line-height: 129%;
  /* 58.05px */
  text-transform: capitalize;
}

.CustomerTestimonials-text h4 {
  color: #FFB81C;
  font-size: 30px;
  font-style: italic;
  font-weight: 900;
  line-height: 129%;
  text-transform: capitalize;
  margin-top: 0px;
  margin-bottom: 22px;
}

.CustomerTestimonials-text p {
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 120% */
}

.CustomerTestimonials-image {
  display: flex;
  align-items: flex-start;
  padding-top: 88px;
  width: 44%;
  z-index: 4;
}

.CustomerTestimonials-image img {
  max-height: 690px;
  width: 100%;
  height: auto;
  object-fit: cover;
}

@media (max-width: 768px) {

  .CustomerTestimonials-row,
  .CustomerTestimonials-row:nth-child(even) {
    flex-direction: column;
    margin-top: 0;
  }

  .CustomerTestimonials-row:nth-child(odd):before,
  .CustomerTestimonials-row:nth-child(even):before {
    content: '';
    display: none;
  }

  .CustomerTestimonials-text,
  .CustomerTestimonials-image {
    width: 100%;
  }

  .CustomerTestimonials-image {
    order: 1;
    padding-top: 0;
  }

  .CustomerTestimonials-text {
    order: 2;
    padding-left: 48px;
    padding-right: 48px;
  }
}

.WhyNativeHeader {
  display: block;
  position: relative;
  width: 100%;
  padding: 96px 0;
  background-image: url('yellow-mark-bg.svg');
  background-size: contain;
  background-repeat: repeat;
  background-position: center;
  background-color: #FFB81C;
}

.WhyNativeHeader-container {
  display: flex;
  flex-direction: column;
}

.WhyNativeHeader-main {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 52px;
  margin-bottom: 78px;
  border-bottom: 2px solid #000;
}

.WhyNativeHeader-title {
  width: 38%;
}

.WhyNativeHeader-text {
  width: 50%;
}

.WhyNativeHeader-main h1,
.WhyNativeHeader-main p,
.WhyNativeHeader-subHeader h2 {
  margin: 0;
}

.WhyNativeHeader-main h1 {
  color: #000;
  /* font-size: 96px; */
  font-size: 60px;
  font-style: italic;
  font-weight: 900;
  /* line-height: 96px; */
  line-height: 60px;

}

.WhyNativeHeader-main p {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 139.99%;
  /* 33.598px */
}

.WhyNativeHeader-sub {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;

}

.WhyNativeHeader-subHeader {
  display: flex;
  flex-direction: column;
  width: 49%;
}

.WhyNativeHeader-subHeader h2 {
  font-size: 36px;
  font-style: italic;
  font-weight: 900;
  line-height: 42px;
  letter-spacing: 0px;
}

.WhyNativeHeader-subtext ul {
  list-style: disc;
  columns: 2;
  width: 100%;
  padding-left: 20px;
}

.WhyNativeHeader-subtext ul li {
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0px;
}

.WhyNativeHeader-subImage {
  width: 50%;
  max-height: 420px;
  height: 100%;
  overflow: hidden;
}

.WhyNativeHeader-subImage img {
  width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  .WhyNativeHeader-main {
    flex-direction: column;
  }

  .WhyNativeHeader-sub {
    flex-direction: column-reverse;
  }

  .WhyNativeHeader-title,
  .WhyNativeHeader-text,
  .WhyNativeHeader-subHeader,
  .WhyNativeHeader-subImage {
    width: 100%;
  }

  .WhyNativeHeader-main {
    padding-bottom: 50px;
    margin-bottom: 44px;
  }


  .WhyNativeHeader-main h1 {
    padding-bottom: 35px;
    /* font-size: 71px; */
    /* line-height: 71px; */
  }

  .WhyNativeHeader-main p {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0px;
  }
}

.BlackBackgroundContent {
  background-color: #000;
  padding-top: 45px;
  padding-bottom: 15px;
}

.BlackBackgroundContent h3 {
  font-size: 36px;
  font-style: italic;
  font-weight: 900;
  line-height: 36px;
  letter-spacing: 0px;
  color: white;
}

.BlackBackgroundContent-text p,
.BlackBackgroundContent-text ul {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0px;
  color: white;
}

.BlackBackgroundContent-video iframe {
  width: 100%;
  height: 615px;
}

.dog-treat-slick {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.dog-treat-slide {
  max-width: 32%;
  margin-right: 12px;
  display: flex;
  align-items: center;
}

.dog-treat-slide:last-child {
  margin-right: 0;
}

.dog-treat-slide img {
  width: 100%;
  height: auto;
}


.dog-treat-slick:after {
  /*    content: '';*/
}

@media (max-width: 768px) {
  .dog-treat-slick {
    display: block;
  }

  .dog-treat-slick:after {
    content: 'flickity';
    display: none;
    /* hide :after */
  }

  .dog-treat-slide,
  .dog-treat-slide:last-child {
    margin: auto 6px;
  }

  .dog-treat-slide {
    /* max-width: 80%; */
    max-width: unset;
    width: 80%;
    height: 525px;
    transition: all 0ms ease-in-out;
    background-color: #1094d0;
  }

  .dog-treat-slide:not(.is-selected) {
    height: 525px;
    background: white;
  }
}

@media (max-width: 575px) {
  .dog-treat-slide {
    height: 450px;
  }

  .dog-treat-slide:not(.is-selected) {
    height: 450px;
  }
}

@media (max-width: 500px) {
  .dog-treat-slide {
    height: 350px;
  }

  .dog-treat-slide:not(.is-selected) {
    height: 350px;
  }
}

/*
.dog-treat-slide {
    margin: 0 12px;
    transition: all 250ms ease-in-out;
    transform-origin: center;
}

.dog-treat-slide img {
    width: 100%;
    height: auto;
}

@media (max-width: 768px) {
    .dog-treat-slide.slick-current {
        margin: 0 6px;
    }


    .dog-treat-slide.slick-current img {
    }
}
*/
/*
#product-category-active-dog-food .featured-collection-custom-images {
    display: none;
}
*/
/*
.featured-collection-custom-images img {
  max-width:33%;
}
*/

/*
.featured-collection-custom-images {
  width: 100%;
  margin-left: 0px;
  margin-top: -30px;
  margin-bottom: 20px;
}

@media (min-width: 1415px) {
  .featured-collection-custom-images {
    width: 1290px;
    margin-left: -70px;
  }
}

@media (max-width: 915px) {
  .featured-collection-custom-images {
    display:none;
  }
}
*/

.featured-collection-custom-images {
  margin-top: -99px;
  margin-bottom: -99px;
}

@media (max-width: 768px) {
  .featured-collection-custom-images {
    margin-top: -99px;
    margin-bottom: -30px;
  }
}

.product__media.media.media--transparent {
  margin-left: 0px;
}

@media (max-width: 420px) {
  .product__media.media.media--transparent {
    margin-left: -30px;
  }
}


.image_banner_mobile {
  display: none;
}

.image_banner_tablet {
  display: none;
}

.image_banner_desktop {
  display: none;
}


@media (max-width: 750px) {
  .image_banner_mobile {
    display: block;
  }
}

@media (max-width: 990px) and (min-width:751px) {
  .image_banner_mobile {
    display: none;
  }

  .image_banner_tablet {
    display: block;
  }
}

@media (min-width: 991px) {
  .image_banner_desktop {
    display: block;
  }
}

.page-type__index slider-component.slider-mobile-gutter.page-width1.page-width-desktop1.scroll-trigger.animate--slide-in {
  margin-top: -150px;
}

.section-template--19839541903649__featured_collection-padding .featured-collection-custom-images {
  display: none;
}

#product-category-active-dog-food .featured-collection-custom-images {
  display: none;
}

input.sa_cmp_addcart {
  cursor: pointer;
}

.sp_compare_tbl {
  font-family: 'proxima-nova';
  margin-bottom: 30px;
}

.sp_compare_tbl ul.sp_product_heading>li,
.sp_compare_tbl ul.sp_product_con>li {
  padding: 30px;
}

.sa_cmp_title {
  font-style: italic;
  font-weight: 900;
  font-size: 60px !important;
  line-height: 60px !important;
  margin-left: 30px;
  padding-top: 30px;
  padding-bottom: 20px;
}

.sp_compare_tbl .sp_desc {
  overflow-y: scroll;
}

.CustomerTestimonials-text a {
  color: #cccccc;
}

.CustomerTestimonials-text a:hover {
  color: #fff;
}

.CustomerTestimonials-text a:active {
  color: #fff;
}

#MainProduct-template--21568428966177__main input.SPCMP_Add.new_SPCMP_Btn.btn {
  display: none;
}

.slider-mobile-gutter {
  padding: 0px;
}



.hbspt-form * {
  font-family: proxima-nova;
}

.hbspt-form label {
  font-family: proxima-nova;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: left;
  display: block;
  margin-bottom: 10px;
}

.hbspt-form .input {
  font-family: proxima-nova;
  font-size: 16px;
}

.hbspt-form .input:placeholder {
  font-family: proxima-nova;
  font-size: 16px;
}

.hbspt-form .hs-button {
  background: #FFB81C !important;
  color: #000 !important;
  text-transform: uppercase;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 18px !important;
  border: none;
  margin-top: 20px;
  margin-bottom: 100px;
  font-weight: 800;
  border-radius: 5px;
}

.hbspt-form .hs-button:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: var(--buttons-radius-outset);
  box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity));
}

.hbspt-form .hs-button:hover:after {
  --border-offset: 1.3px;
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button), var(--alpha-button-background));
}

.hbspt-form .hs-button:hover {
  cursor: pointer;
  color: #fff !important;
}

.hbspt-form .inputs-list {
  column-count: 2;
  padding-left: 0px;
}

.hbspt-form .hs_accepts_marketing .inputs-list {
  column-count: 1;
}

.hbspt-form .hs_state_u_s_ {
  margin-top: 20px;
}

.hbspt-form .invalid {
  border: 2px solid #D42121 !important;
}

.hbspt-form label.hs-error-msg.hs-main-font-element {
  color: #C30000;
  font-family: source-sans-pro;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-top: 0px;
}

.hbspt-form label.hs-error-msg.hs-main-font-element:before {
  content: url('/cdn/shop/files/message-error.svg?v=1704138571');
  float: left;
  margin-right: 5px;
  margin-top: -2px;
}

.hbspt-form .hs-fieldtype-text .hs-input,
.hbspt-form .hs-fieldtype-phonenumber .hs-input {
  min-width: 217px;
  height: 40px;
  border-radius: 2px;
  border: 2px solid #E2E2E2;
  padding-left: 10px;
  font-family: source-sans-pro;
  font-size: 16px;
}

.hbspt-form .hs-fieldtype-text .hs-input:active,
.hbspt-form .hs-fieldtype-phonenumber .hs-input:active {
  border: 2px solid #FBB040;
}

.hbspt-form .hs-fieldtype-text .hs-input:focus,
.hbspt-form .hs-fieldtype-phonenumber .hs-input:focus {
  border: 2px solid #FBB040;
}

.hbspt-form .hs-fieldtype-text label,
.hbspt-form .hs-fieldtype-phonenumber label {
  margin-top: 20px;
}

.hbspt-form .hs-fieldtype-checkbox label {
  font-size: 20px;
  margin-top: 40px;
}

label.hs-form-checkbox-display {
  font-size: 16px !important;
  margin-top: 0px !important;
}

.hbspt-form ul {
  list-style-type: none;
}

.hbspt-form .field {
  display: block;
}

.hbspt-form .hs-fieldtype-checkbox .input {
  border: none;
  min-width: 0px;
}

.hbspt-form .submitted-message {
  color: #222 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  border-radius: 2px;
  border: 2px solid #39B54A;
  padding: 20px;
  display: block;
  width: 300px;
}

.hbspt-form .submitted-message::before {
  content: url('/cdn/shop/files/success.svg?v=1704136520');
  display: block;
  width: 22px;
  margin-top: 2px;
  float: left;
}

.hbspt-form .hs-interests___read_only {
  display: none;
}

.col-md-6.col-md-offset-3.columns.six.offset-by-five.small-6.small-offset-3.grid__item.medium-up--one-half.medium-up--push-one-quarter.large--one-half.push--large--one-quarter {
  width: 100% !important;
  margin: auto;
  margin-top: 80px;
  margin-bottom: 80px;
}

.BottomBar.svelte-1ulzomv.svelte-1ulzomv {
  left: 20% !important;
}

@media (max-width: 1300px) {
  .BottomBar.svelte-1ulzomv.svelte-1ulzomv {
    left: 30% !important;
  }
}

@media (max-width: 880px) {
  .BottomBar.svelte-1ulzomv.svelte-1ulzomv {
    left: 40% !important;
  }
}

@media (max-width: 650px) {
  .BottomBar.svelte-1ulzomv.svelte-1ulzomv {
    left: 50% !important;
  }
}

@media (max-width: 749px) {
  .rich-text-breadcrumb {
    justify-content: left !important;
  }
}

.buy__label {
  float: left;
  display: block;
  position: fixed;
  margin-top: 108px;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  font-family: var(--font-heading-family);
}

.rich-text-breadcrumb {
  margin-top: 30px;
}

.rich-text-breadcrumb a {
  color: #000;
}

.rich-text__text h6 {
  color: #000;
  font-family: 'source-sans-pro';
  font-size: 27px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: -2rem !important;
}

#sa_ca_wrapper .ca_flap {
  color: #000 !important;
  font-family: 'proxima-nova';
  font-weight: 900;
}

.compare-button {
  color: #000 !important;
  font-family: 'proxima-nova' !important;
  font-weight: 900 !important;
}

h1.article-template__title {
  line-height: 100%;
}

.KennelFormContainer .page-width {
  padding-right: 0px;
}

svg.spr-star {
  width: 39.17px !important;
  height: 40.94px !important;
}

.button--collection {
  background-color: #ffb81d;
  color: #000;
  border-color: #ffb81d;
}

.button--collection:after {
  box-shadow: none;
}

.button--collection:hover {
  box-shadow: none;
}

.above-header-bar {
  color: #fff;
  background-color: #000 !important;
}

.BottomBar-tabs-title.svelte-z1nch7 {
  color: #222 !important;
  font-family: 'proxima-nova' !important;
  font-size: 32px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: normal !important;
}

.title.svelte-17g9gv5 {
  font-family: 'source-sans-pro' !important;
}

.subtitle.svelte-17g9gv5 {
  font-family: 'source-sans-pro' !important;
}

.DiscountField.svelte-1705rze.DiscountField--HIDDEN {
  font-family: 'source-sans-pro' !important;
}

.svelte-1ulzomv {
  font-family: 'source-sans-pro' !important;
}

span.ButtonPrimaryCTA--label.svelte-1tbcq0n {
  font-family: 'proxima-nova' !important;
  color: #3D3D3D !important;
  text-align: center !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  line-height: normal !important;
  text-transform: uppercase !important;
}

button.ButtonPrimaryCTA.ButtonPrimaryCTA--rounded.svelte-1tbcq0n {
  border-radius: 5px !important;
  background: #FFB81C !important;
}

html {
  scroll-padding-top: 80px;
}

#faqForm p.form-success,
.contact p.form-success {
  color: #000;
  font-family: var(--font-heading-family);
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  padding: 16px 24px;
}

#shopify-block-a7d38f22-eba5-4714-9272-b2c619280920 {
  margin-bottom: 100px;
}

.cartel-item-slider__select {
  display:none !important;
}

.cartel-item-slider__slide_info-name {
  font-family: 'proxima-nova';
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  font-style: normal;
  min-height: 50px;
}

.cartel-item-slider__slide_info-description {
  font-family: 'proxima-nova';
  font-size: 18px;
  font-weight: 400;
  line-height: 29px;
  font-style: normal;
}

.cartel-item-slider__image {
  background-color: white !important;
}

.cartel-item-slider__image img {
  position: relative !important;
  width: 70% !important;
  margin: auto;
}

.cartel-item-slider__grid-item {
  box-shadow: -1px 2px 6px 0px #00000026;
}

.slide-image-item {
    height:100%;
    width:0%;
}

@media (min-width: 500px) {
  li.ProductSlider_grid__item__aWN1z.ProductSlider_slider__slide__3RA1C {
      max-width: 50%;
  }
}

/* Bazaar Integration ----------------- */

/* Make popup show when clicking on write a review */
div[data-bv-show] {
  display:block!important;
}

/* Review container for Bazaar */
.review-container {
  background-color: #fff;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.review-container h2.text__heading{
  display:none;
}

/* this animation causes issues when viewing a review popup, so we are disabling it */
.review-container .scroll-trigger.animate--slide-in {
  animation:none!important;
  transform:none!important;
  opacity:1!important;
}

@media (max-width: 1080px) {

  .review-container:before {
    top: -8vw;
  }

}

@media (max-width: 750px) {

  .review-container:after {
    display:none;
  }

}


/* Custom Popup ----------------- */
.popup {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
font-size:16px;
z-index:99;
display:none;
}

.popup * {
font-family: "proxima-nova", sans-serif !important;
}

.popup-content {
margin:0;
padding: 40px 30px 30px 30px;
min-width: 300px;
max-width: 640px;
overflow:auto;
color: black;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-sizing: border-box;
text-align:center;
background:#FFF url(https://kentfeeds.com/wp-content/uploads/native-new-look-bg.png) no-repeat center bottom;
}

.close {
position: absolute;
right: 20px;
top: 20px;
width: 20px;
display: block;
cursor: pointer;
}

.close span {
cursor: pointer;
position: fixed;
width: 20px;
height: 3px;
background: #000;
&:nth-child(1) {
transform: rotate(45deg);
}
&:nth-child(2) {
transform: rotate(135deg);
}
}

.popup h2 {
margin:0 auto;
font-weight: 900;
font-size: 3em;
line-height: 1;
text-align: center;
text-transform: uppercase;
font-style: italic;
color:#000;
max-width:600px;
}

.popup h2 span {
color:#FFB81C;
}

.popup img {
display:block;
margin:0 auto;
max-width:100%;
height:auto!important;
}

.popup a.button {
display:inline-block;
margin: 20px 0 0 0;
background: #FFF;
color: #000;
padding: 14px 32px;
cursor: pointer;
border-radius: 7px;
font-weight: 800;
font-size: 1.5em;
line-height:1;
text-decoration:none;
}

.popup .button:hover {
background: #000;
color: #FFF;
}

@media (max-width: 600px) {
  
  .popup h2 {
  font-size: 2em;
  line-height: 1;
  }
  
}

/* Other Styles */

@media screen and (min-width: 750px){
    .customer:not(.account):not(.order) {
        max-width: 60rem;
    }
}

div#rc_login {
    display: none !important;
}

.testimonial-mobile {
    flex: 0 0 100%;
    max-width: 100%;
}

.testimonial-mobile .grid__item {
    width: 100%;
    max-width: 100%;
}

.utility-bar .icon-caret path {
  fill:#FFF;
}

#shopify-block-AeHgyUHArdmtHZjJhQ__bazaarvoice_reviews_photos_rating_summary_block_RyTJdG .bv_ratings_summary{
  margin-top:12px !important;
}

#shopify-block-AeHgyUHArdmtHZjJhQ__bazaarvoice_reviews_photos_rating_summary_block_RyTJdG .bv_ratings_summary .bv_stars_component_container svg{
  width:20px !important;
  height:20px !important;
}
/* Trademark in bold text: trademark.js swaps ™ for "TM" letters so it matches the surrounding weight */
.tm {
  font-size: 0.55em;
  font-weight: inherit;
  line-height: 0;
  vertical-align: super;
  margin-right: 0.1em;
}

h1 .tm,
h2 .tm,
h3 .tm,
h4 .tm,
.h0 .tm,
.h1 .tm,
.h2 .tm {
  font-size: 0.4em;
}