/** Shopify CDN: Minification failed

Line 112:1 Unexpected "@media"

**/
/* Breakpoints 
  --bp-small:  480px;
  --bp-medium: 768px; 
  --bp-large:  1024px;
  --bp-xlarge: 1280px;
*/




:root {
  /* CSS Vars */
  --color-cyan: #00b7c1;
  --color-navy: #363c74;
  --color-orange: #e9500e;

  --color-grey: #F4F6F8;
  --element-radius: 30px;

  --color-cyan-rgb: 0, 183, 193;
  --color-navy-rgb: 54, 60, 116;
  --color-orange-rgb: 233, 80, 14;

  --page-width: 1350px;
}

html, body {
  /* overflow-x: hidden; */
}

/* Add Grandmaster Font */
/* ============================================================ */
@font-face {
  font-family: Grandstander;
  font-weight: 800;
  font-style: normal;
  font-display: fallback;
  src: url("//southwestpets.myshopify.com/cdn/fonts/grandstander/grandstander_n8.ef8d0081ec66a01d49c74b01f3fef1c9d81ed824.woff2?h1=c291dGh3ZXN0cGV0cy5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=a14d51dc8ed692b5b308fcc47134b8e743c7159671d66b07b3fdd2579ba4bbd0") format("woff2"),
       url("//southwestpets.myshopify.com/cdn/fonts/grandstander/grandstander_n8.dd05f9ffffe87a756b17d98696a70738c315604f.woff?h1=c291dGh3ZXN0cGV0cy5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=324672635161bb5a60f7c2821ca2e82318c4c9c3932f292693258996f9b6430d") format("woff");
}

@font-face {
  font-family: Grandstander;
  font-weight: 800;
  font-style: normal;
  font-display: fallback;
  src: url("//southwestpets.myshopify.com/cdn/fonts/grandstander/grandstander_n8.ef8d0081ec66a01d49c74b01f3fef1c9d81ed824.woff2?h1=c291dGh3ZXN0cGV0cy5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=a14d51dc8ed692b5b308fcc47134b8e743c7159671d66b07b3fdd2579ba4bbd0") format("woff2"),
       url("//southwestpets.myshopify.com/cdn/fonts/grandstander/grandstander_n8.dd05f9ffffe87a756b17d98696a70738c315604f.woff?h1=c291dGh3ZXN0cGV0cy5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=324672635161bb5a60f7c2821ca2e82318c4c9c3932f292693258996f9b6430d") format("woff");
}


/* Product Block Img Size */
/* ============================================================ */
.product-block img.rimage__image {
  width: 100% !important;
  height: 100% !important;
}

.product-block .rimage-outer-wrapper {
  width: 100% !important;
  max-width: 100% !important;

  height: 100% !important;
  max-height: 100% !important;
}

.product-block__image {
  line-height: 0;
}

.product-block__image-container .product-block__image--shape-portrait-45 > img[src*="no-image"] {
  /* height: 390px; */
  object-fit: contain;

  --product-grid-width: calc( 1350px + 30px );
  --product-item-width-padded: calc( var(--product-grid-width) / 4 );
  --product-item-width: calc( var(--product-item-width-padded) - 30px );

  --product-img-height: calc( var(--product-item-width) * 1.25 );

  height: var(--product-img-height);
}


/* Misc */
/* ============================================================ */

.icon--stroke-only {
  stroke-width: 1.75;
}
.rich-text-section__title {
  margin-top: 15px;
}

@media screen and (min-width: 940px) {
  .biggest-title {
    font-size: 64px;
  }
}

@media screen and (min-width: 940px) {
  .breadcrumbs-container {
    min-height: 30px;
    height: auto;
  }
}
*@media screen and (min-width: 1280px) {
  .breadcrumbs-container {
    min-height: 51px;
  }
}

.image-with-text__text p > a:first-child,
.image-with-text__text p > a + a {

  --button-hover-filter: brightness(1.1);
  
  display: inline-block;
  color: white;
  text-decoration: none;
  background: var(--color-cyan);
  border-radius: 30px;

  margin: 15px 5px 0 5px;

  padding: 8px 22px;
  min-width: 118px;
}

.image-with-text__text p > a:first-child:hover ,
.image-with-text__text p > a + a:hover {
  filter: var(--button-hover-filter);
  /* box-shadow: 0 0 0 1px var(--button-border-color); */
  transform: none;
}

/* Footer */

.footer-block__heading {
  font-weight: 600;
  font-size: 20px;
}

footer .nav__link,
footer .small-nav__link {
  color: white;
  transition: all .25s;
  position: relative;
}

footer .nav__link:hover,
footer .small-nav__link:hover {
  opacity: 1;
}

footer .nav__link:before,
footer .small-nav__link:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1.5px;
  width: 0;
  background: currentColor;

  transition: width .25s;
}

footer .small-nav__link:before {
  height: 1px;
}
footer .nav__link:hover:before {
  width: calc(100% + 1em);
}
footer .small-nav__link:hover:before {
  width: calc(100% - 15px);
}


/* section-rich-text */

main > .shopify-section:first-child > .large-row {
  margin-top: 0;
}

.input-wrapper,
.cc-select__btn, .cc-select__btn:hover {
  border-radius: 12px;
}

@media screen and (min-width: 767.98px) {
  .large-section {
    /* padding-top: 24px; */
    /* padding-bottom: 24px; */
  }
  .rich-text-section {
    /* padding-bottom: 0; */
  }
  .image-with-text .image-with-text__content {
    min-height: 28rem;
    display: flex;
    align-items: center;
  }
}

/* Navigation */
/* ============================================================ */

.site-nav__dropdown {
  border-bottom: none;
  box-shadow: unset;
  font-size: 16px;

  border-top: 1px solid rgba( var(--color-navy-rgb), 0.1);

  color: var(--color-navy);
  overflow-y: visible;

  background: var(--color-grey);
  /* border-top: 1px solid #cfd1df; */
}


.site-nav__dropdown.small-dropdown:before {
  /* height: calc(100% - 5px); */
}

.site-nav .site-nav__dropdown-link {
  color: var(--color-navy);
  opacity: 1;
  font-weight: 400;
  position: relative;
  display: inline-block;
}

.site-nav .site-nav__dropdown-link:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1.5px;
  width: 0;
  background: currentColor;

  transition: width .25s;
}

.site-nav .site-nav__dropdown-link:hover:before {
  width: 100%;
}

.site-nav .small-dropdown__item {
  margin-bottom: 6px;
}

@media screen and (min-width: 1024px) {
  .site-nav .site-nav__dropdown {
    padding: 28px 30px;
  }
}

.site-nav {
  overflow-x: visible;
}

.site-nav > .site-nav__item.nav-btn {
  margin-left: 12px;
}

.site-nav > .site-nav__item.nav-btn > .site-nav__link {
  color: #fff;
}

.site-nav > .site-nav__item.nav-btn > .site-nav__link:after {
  transform: scaleY(0)
}

.site-nav > .site-nav__item.nav-btn > .site-nav__link:before {
  
  content: "";
  position: absolute;
  z-index: -1;
  /* width: 100%; */
  background: var(--color-orange);
  border-radius: 20px;
  left: -4px;
  right: -4px;
  transition: transform 0.25s, height .25s, top .25s;
  
  --added-height: 4px;
  
  top: calc( var(--added-height) / -2 );
  height: calc(100% - 12px + var(--added-height) );
  
}

.site-nav>.site-nav__item.nav-btn > .site-nav__link:hover:before {
  _height: calc(100% + 8px);
  _top: -8px;
  _width: calc(100% + 16px);
  transform: scale(1.06);
  transform-origin: center;
}

.site-nav__promo-image {
 border-radius: 20px; 
}


/* Slider Nav Tweaks */
/* ============================================================ */

.full-width-slideshow .slick-dots {
  height: 36px;
  margin-top: 8px;
}

.full-width-slideshow-controls .icon {
  height: 30px;
  width: 30px;
}

.full-width-slideshow-controls {
  bottom: 4px;
  height: 30px;
}

.slick-dots li button {
  background: var(--color-navy);
}

.slick-dots li.slick-active button {
  border-color: var(--color-navy);
}

/* Overlays */
/* ============================================================ */

.full-width .overlay {

  padding: 40px 40px 45px !important;
  /* margin-top: 1rem !important; */
  /* margin-left: 1rem !important; */

  border-radius: 0;
  /* margin: 0 !important; */
  /* width: 100% !important; */
  /* height: 100% !important; */
  /* max-width: 100% !important; */
}

.overlay__bg {
  border-radius: 21px;
  top: 9px;
  left: 9px;
  right: 9px;
  bottom: 9px;

  width: unset;
  height: unset;
}

/* @media screen and (max-width: 767.98px) {
  .full-width .overlay {
    border-radius: 0;
  }
} */
/* @media screen and (min-width: 767.98px) {
  .full-width .overlay {
    padding: 64px 64px 72px;
  }
} */
/* .full-width .overlay__content {
  width: 380px;
  max-width: 100%;
} */

.full-width .overlay__content h2 {
  line-height: 1;
  text-transform: uppercase;
  font-family: Grandstander, sans-serif;

  margin-top: 12px;
}

/* body.template-metaobject\/location .full-width .overlay__content h2 {
  margin-top: 1em;
} */

/* Buttons */
/* ============================================================ */

button,
input[type="submit"],
.btn,
.btn--primary {
  padding: 8px 2rem;
} 

/* Account */
/* ============================================================ */

.address-card {
  border-radius: var(--element-radius);
  padding: 28px 30px;
}
.address-card .row {
  margin-bottom: 0;
}
.address-card .address__name {
  font-size: 22px;
}
.address-card label {
  font-weight: 700;
} 

/* Blogs & Articles */
/* ============================================================ */

.template-article .article {
  max-width: 60ch;
}

.article-page .split-column-layout .article__title {
  margin-bottom: 28px;
}

@media screen and (min-width: 1280px) {
  .article-page .split-column-layout .article-container {
    padding-left: 90px;
    padding-right: 90px;
    padding-top: 60px;
  }
  .article-page .article__title {
    font-size: 38px;
  }
}

.featured-blog .overlay-text {
  text-transform: lowercase;
}
.featured-blog .overlay-text:first-letter {
  text-transform: uppercase;
}

/* Docked Header Shadow */
/* ============================================================ */

.docked-header--dock .docked-navigation-container__inner {
  box-shadow: none;
  border-bottom: 1px solid rgba(54, 60, 116, 0.15);
}

/* Collection Headers */
/* ============================================================ */
.collection-header {
  background: var(--color-orange);
}

.collection-header * {
  color: white;
}

.collection-header .large-title {
  font-size: calc(32px * 1.18);
}

.collection-header .large-row {
  padding-top: 60px;
  padding-bottom: 60px;
  margin-top: 0;
  margin-bottom: 0;
}



/* .collection-header--split .collection-header__image-container .rimage-wrapper {
  padding-top: 200px !important;
} */

/* .collection-header--split .collection-header__image-container .rimage-wrapper img {
  object-fit: cover;
} */

/* Plain Collection List */
/* ============================================================ */

.collection-list-plain .product-block__title {
  position: absolute;
  z-index: 1;
  bottom: 30px;
  padding: 30px;
  pointer-events: none;
}

.collection-list-plain .product-block__title a {
  text-decoration: none;
  background: var(--color-cyan);
  color: white;
  border-radius: 30px;
  padding: 8px 22px;
  min-width: 118px;
  display: inline-block;

  --button-border-color: var(--color-cyan);
  --button-hover-filter: contrast(90%) brightness(1.1);
}

.collection-list-plain .hover-images:hover .product-block__image {
  transform: none;
}

.collection-list-plain .hover-images:hover + .product-block__title a {
  filter: var(--button-hover-filter);
  box-shadow: 0 0 0 1px var(--button-border-color);
}

.collection-list-plain .product-block {
  display: flex;
  flex-direction: column;
}

.collection-list-plain .product-block .hover-images,
.collection-list-plain .product-block__image,
.collection-list-plain .rimage-outer-wrapper {
  height: 100%;
}

.collection-list-plain .rimage-wrapper {
  padding-top: 75% !important;
}

.collection-list-plain .rimage__image {
  object-fit: cover;  
}

/* Map Section Horizontal (Custom Section) */
/* ============================================================ */

.map-section--horizontal .map-section__content-wrapper {
  margin: 0;
  height: 100%;

  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.map-section--horizontal .map-section__content {
  background: transparent;
  width: 100%;
}

.map-section--horizontal .map-section__container {
  height: 100%;
}

.map-section--horizontal .map-section__background-wrapper {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* Featured Collection Section */
/* ============================================================ */

@media screen and (min-width: 1280px) {
  .featured-collection.container {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

/* Products */
/* ============================================================ */

.product-detail__title {
  font-weight: 400;
  font-size: 24px;
}

.product-block__title-link:hover {
  text-decoration: underline;
  color: inherit;
}

/* .product-block .product-price,
.product-detail .theme-money {
  font-weight: 600;
} */

.product-detail .theme-money {
  font-size: 36px;
  margin-top: 8px;
  display: inline-block;
}

.product-detail__vendor {
  font-weight: 600;
}

.product-detail__vendor a {
  color: var(--color-navy);
}

.product-inventory {
  font-size: 16px;
}

.product-inventory:not(.product-inventory--none) {
  margin-bottom: 10px;
}

/* Header Cart */
/* ============================================================ */

.cart-summary__product-title {
  
}

.header-cart .cart-summary {
  border: none;
  box-shadow: none;
  background-color: var(--color-grey);
  /* color: white; */
  font-size: 16px;
  line-height: 1.5;
}

.theme-money,
.theme_money {
  font-weight: 600;
}

.cart-summary__total-price-row {
  font-weight: 600;
}


/* Animations */
/* ============================================================ */

.footer-group--shift-up {
  margin-top: 0;
}

/* Resets */
.animation {
  line-height: 0;
}

.section-animation:last-child .container {
  /* Keep bottom margin if last section on page */
  margin-bottom: 30px;
}
.section-animation .container,
.footer-group .section-animation .container {
  /* Remove top & bottom section spacing */
  margin: 0;
}

/* Width */
/* Note var(--animation-width) already has a unit (px) defined */
.animation--wrapper {
  width: var(--animation-width);
  z-index: 9999;
}

@media screen and (max-width: 1199px) {
  .animation--wrapper {
    width: calc( var(--animation-width) * 0.66 );
  }
}

@media screen and (max-width: 767px) {
  .animation--wrapper {
    width: calc( var(--animation-width) * 0.5 );
  }
}



/* Alignment */
.animation-align--center {
  margin-left: auto;
  margin-right: auto;
}
.animation-align--left {
  margin-right: auto;
}
.animation-align--right {
  margin-left: auto;
}

.animation-position--relative {
  position: relative;
}

.animation-position--fixed {
  /* stays in viewport */
  position: fixed;
}

.animation-position--absolute-page,
.animation-position--absolute-screen {
  position: absolute;
}

.animation-position--absolute.animation-align--center,
.animation-position--fixed.animation-align--center {
  left: calc(50% - var(--animation-width) / 2 );
}

.animation-position--absolute-page.animation-align--left,
.animation-position--absolute-screen.animation-align--left,
.animation-position--fixed.animation-align--left {
  left: 0;
}

.animation-position--absolute-page.animation-align--right,
.animation-position--absolute-screen.animation-align--right,
.animation-position--fixed.animation-align--right {
  right: 0;
}

.animation-flip--true .animation {
  transform: scaleX(-1); /* Flips the animation horizontally */
  transform-origin: center; /* Ensure the animation is flipped around its center */
}

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

  /* Home Header 'Panel' Animation */
  #shopify-section-template--23349329658150__animation_BL4tJG .animation--wrapper {
    transform: translateY(calc(var(--animation-width) * -0.615)) !important;
    /* right: unset; */
    /* left: calc(50% - var(--animation-width) / 2 * 0.5 );  */
    /* Remember 0.66 scale on tablet  */
  }

  /* Rewards page header */
  #shopify-section-template--24146559205670__animation_qrJXBB .animation--wrapper.animation--wrapper {
    transform: translateY(calc(var(--animation-width) * -0.75)) !important;
    right: 12px;
  }

  /* Pet Page Header Animation */
  #shopify-section-template--23916425281830__animation_yJCwAk .animation--wrapper {
    transform: translateY(calc(var(--animation-width) * -0.75)) !important;
    right: 12px;
    /* left: calc(50% - var(--animation-width) / 2 * 0.5 );  */
    /* Remember 0.66 scale on tablet  */
  }
}

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

  /* Rewards page header */
  #shopify-section-template--24146559205670__animation_qrJXBB .animation--wrapper.animation--wrapper {
    transform: translateY(calc(var(--animation-width) * -1.05)) !important;
    right: unset;
    left: calc(50% - var(--animation-width) / 2 * 0.5 ); 
  }

  /* Home Header 'Panel' Animation */
  #shopify-section-template--23349329658150__animation_BL4tJG .animation--wrapper {
    transform: translateY(calc(var(--animation-width) * -1.133)) !important;
    right: unset;
    left: calc(50% - var(--animation-width) / 2 * 0.5 ); 
    /* Remember 0.5 scale on mobile  */
  }

  /* Pet Page Header Animation */
  #shopify-section-template--23916425281830__animation_yJCwAk .animation--wrapper {
    transform: translateY(calc(var(--animation-width) * -1.2)) !important;
    right: unset;
    left: calc(50% - var(--animation-width) / 2 * 0.5 ); 
    /* Remember 0.5 scale on mobile  */
  }

  #shopify-section-template--23916425281830__animation_yJCwAk .animation--wrapper:before {
    content: '';
    display: block;
    position: absolute;
    background: var(--color-orange);
    width: calc(100vw - 58px);
    height: calc(var(--animation-width) * 0.5 + 24px);
    /* left: calc( 100vw - 56px - calc( * 0.25) ); */

    left: calc( calc(50vw - 29px - calc(var(--animation-width) * .25)) * -1 );
    top: -8px;

    border-top-left-radius: 21px;
    border-top-right-radius: 21px;
  }

  /* Remove transition for slides */
  .full-width-slideshow .slide .overlay, 
  .full-width-slideshow .slide .image-product-label__inner {
      transition: none;
      /* opacity: 0; */
  }
}

#shopify-section-template--23349329658150__animation_BL4tJG .page-width {
  height: 0;
}

#shopify-section-template--23349329658150__animation_BL4tJG .animation--wrapper {
  z-index: 99;
}

.section-template--23349329658150__testimonials_VnfMAj .testimonials {
  z-index: 999;
}

body.template-metaobject\/pet_page [data-anim-name^="ollie-"] svg {
    transform: scale(1.66) !important;
    transform-origin: 40% 60%;
}

body.template-metaobject\/pet_page [data-anim-name="ollie-dog"] svg {
    transform: scale(1) !important;
}

body.template-metaobject\/pet_page [data-anim-name="ollie-cat"] svg {
    transform: scale(1.5) !important;
    transform-origin: 66% 55%;
}

body.template-metaobject\/pet_page [data-anim-name="ollie-poultry"] svg {
    transform: scale(1.6) !important;
    transform-origin: 60% 60%;
}

body.template-metaobject\/pet_page [data-anim-name="ollie-rabbit"] svg {
    transform: scale(2.2) !important;
    transform-origin: 44% 66%;
}
