/** GLOBAL VARIABLES **/
:root {
    
--pup-orange: #C48775;
--pup-yellow: #F5BB47;
--pup-green:#7B8680;
--pup-tan:#dcd9ce;
--pup-dkblue:#617782;
--pup-body-color: #434343;
--pup-dk-grey: #323232;
--pup-md-grey: #4d4d4d;
--pup-lt-grey: #d0d0d0;
--pup-xlt-grey: #f4f4f4;
--black: #000000;   
--white: #ffffff;
--pup-primary-font: "Poppins", "Helvetica", "Arial", sans-serif;
--pup-secondary-font: "Poppins", "Helvetica", "Arial", sans-serif;
    
--bs-body-font-size: 1rem;
--bs-body-line-height: 1.6;
    
    
--mmx-paragraph-s-size: 0.875rem;
--mmx-paragraph-s-line-height: 1.6;
    
}

.pup_orange,
.pup-orange{
    color: var(--pup-orange);
}
.bg_pup_orange,
.bg-pup-orange{
    color: var(--pup-orange);
}

.pup_yellow,
.pup-yellow{
    color: var(--pup-yellow);
}
.bg_pup_yellow,
.bg-pup-yellow{
    color: var(--pup-yellow);
}

.pup_green,
.pup-green{
    color: var(--pup-green);
}
.bg_pup_green,
.bg-pup-green{
    color: var(--pup-green);
}

.pup_tan,
.pup-tan{
    color: var(--pup-tan);
}
.bg_pup_tan,
.bg-pup-tan{
    color: var(--pup-tan);
}

.pup_dkblue,
.pup-dkblue{
    color: var(--pup-dkblue);
}
.bg_pup_dkblue,
.bg-pup-dkblue{
    color: var(--pup-dkblue);
}


html, body{
    color: var(--pup-body-color); 
    font-family: var(--pup-primary-font); 
}

p{
 line-height:2;
}
.img-fluid{
    width:100%;
    min-width:100%;
    height:auto;
}
.column-block-spacer{
    display:block;
    width:100%;
    height:0.125rem;
}


.o-layout--justify-evenly {
    justify-content:space-evenly;
}
.c-button{
    font-weight: 600 !important;
    border-radius: 36px !important;
    text-transform:lowercase;
    letter-spacing:0.5pt;
    font-size:1rem;
    line-height:1;
    padding:calc(1rem - var(--default-border-width)) calc(2.25rem - var(--default-border-width));
}
.c-button-transparent {
	background-color: var(--transparent);
}
.c-button.x-toggle-password{
    border: 0 none;
    outline:none;
    border-radius: 50%;
    color: var(--gray-600);
    font-size: 1.5em;
    margin-top: -0.125em;
    padding: 0.25em;
    position: absolute;
    right: 0.5em;
    top: 50%;
    transform: translateY(-50%);
}
.c-button.x-toggle-password:hover{
    border:0 none !important;
    outline:none !important;
}
.c-button-small,
.c-button-sm{
    padding: calc(0.75rem - var(--default-border-width)) calc(1.25rem - var(--default-border-width));
	font-size:0.775rem;
     min-width:160px;
}

.c-button-large,
.c-button-lg{
     padding: calc(1.325rem - var(--default-border-width)) calc(1.75rem - var(--default-border-width));
	font-size:1.125rem;
    min-width:240px;
}

.c-button-orange,
.t-basket_coupon-form input:invalid + .c-button{
	background-color: var(--pup-orange) !important;
	outline-color: var(--pup-orange) !important;
    border-color: var(--pup-orange) !important;
	color: var(--white) !important;
}
.c-button-orange:hover,
.c-button-orange:active,
.c-button-orange:focus,
.t-basket_coupon-form input:invalid + .c-button:hover,
.t-basket_coupon-form input:invalid + .c-button:active,
.t-basket_coupon-form input:invalid + .c-button:focus{
	background-color: var(--white) !important;
	color: var(--pup-orange) !important;
	outline-color: var(--pup-orange) !important;
    border-color: var(--pup-orange) !important;
}

.c-button-yellow {
	background-color: var(--pup-yellow) !important;
	outline-color: var(--pup-yellow) !important;
    border-color: var(--pup-yellow) !important;
	color: var(--white) !important;
}
.c-button-yellow:hover,
.c-button-yellow:active,
.c-button-yellow:focus {
	background-color: var(--white) !important;
	color: var(--pup-yellow) !important;
	outline-color: var(--pup-yellow) !important;
    border-color: var(--pup-yellow) !important;
}

.c-button-dkblue {
	background-color: var(--pup-dkblue) !important;
	outline-color: var(--pup-dkblue) !important;
    border-color: var(--pup-dkblue) !important;
	color: var(--white) !important;
}
.c-button-dkblue:hover,
.c-button-dkblue:active,
.c-button-dkblue:focus {
	background-color: var(--white) !important;
	color: var(--pup-dkblue) !important;
	outline-color: var(--pup-dkblue) !important;
    border-color: var(--pup-dkblue) !important;
}

.c-button-white {
	background-color: var(--white) !important;
	outline-color: var(--white) !important;
    border-color: var(--white) !important;
	color: var(--pup-orange) !important;
}
.c-button-white:hover,
.c-button-white:active,
.c-button-white:focus {
	background-color: var(--pup-orange) !important;
	color: var(--white) !important;
	outline-color: var(--pup-orange) !important;
    border-color: var(--pup-orange) !important;
}

.c-button-large,
.c-button-lg{
     padding: calc(1.325rem - var(--default-border-width)) calc(1.75rem - var(--default-border-width));
	font-size:1.125rem;
    min-width:240px;
}

.c-button-outline-small{
    background-color:transparent !important;
    color: var(--pup-md-grey) !important;
	outline-color: var(--pup-md-grey) !important;
    border-color: var(--pup-md-grey) !important;
    
    font-size:0.875rem;
    font-weight:700;
    padding:0.5rem 1rem !important;
    
    text-decoration:none !important;
}
.c-button-outline-small:hover,
.c-button-outline-small:active,
.c-button-outline-small:focus{
    background-color:var(--pup-md-grey) !important;
    color: var(--white) !important;
	outline-color: var(--pup-md-grey) !important;
    border-color: var(--pup-md-grey) !important;
    
    text-decoration:none !important;
}


.c-button-white-shadow{
    background-color:var(--white) !important;
    color: var(--pup-yellow) !important;
	outline-color: transparent !important;
    border-color: transparent !important;
    
    font-size:1.125rem;
    font-weight:700;
    padding:1.125rem 1.75rem !important;
    
    box-shadow: 6px 3px 8px -3px rgba(0,0,0,0.7);
    -webkit-box-shadow: 6px 3px 8px -3px rgba(0,0,0,0.7);
    -moz-box-shadow: 6px 3px 8px -3px rgba(0,0,0,0.7);
    
    text-decoration:none !important;
}
.c-button-white-shadow:hover,
.c-button-white-shadow:active,
.c-button-white-shadow:focus{
    background-color:var(--pup-yellow) !important;
    color: var(--white) !important;
	outline-color: transparent !important;
    border-color: transparent !important;
    
    box-shadow: -6px -6px 12px -3px rgba(0,0,0,0.7);
    -webkit-box-shadow: -6px -6px 12px -3px rgba(0,0,0,0.7);
    -moz-box-shadow: -6px -6px 12px -3px rgba(0,0,0,0.7);
    
    text-decoration:none !important;
}
.c-form-input{
    border-radius: 36px !important;
    padding: calc(1.1em - var(--default-border-width)) calc(1.7em - var(--default-border-width)) !important;
}

/*
.c-button {
	border-radius: 0;
	padding: calc(0.75rem - var(--default-border-width)) calc(1.25rem - var(--default-border-width));
    font-size:0.875rem;
}

.c-button-min-width,
.c-button-medium{
	min-width:200px;
}

.c-button-small {
    padding: calc(0.625rem - var(--default-border-width)) calc(0.75rem - var(--default-border-width));
	font-size:0.775rem;
     min-width:160px;
}

.c-button-large{
     padding: calc(0.825rem - var(--default-border-width)) calc(1rem - var(--default-border-width));
	font-size:1rem;
    min-width:240px;
}
.c-button-outline-red {
	background-color: var(--transparent);
	border-color: var(--mp-red);
	color: var(--white);
}

.c-button-outline-red-alt {
	background-color: var(--transparent);
	border-color: var(--mp-red);
	color: var(--black);
}

.c-button-outline-red-alt:hover {
	background-color: var(--mp-red) !important;
	border-color: var(--mp-red) !important;
	color: var(--white) !important;
}

.c-form-input{
   border: var(--default-border-width) solid var(--mp-lt-grey);
   border-radius: 0px;
   font-size:0.875rem;
   padding: calc(0.74rem - var(--default-border-width)) calc(1.25rem - var(--default-border-width)); 
}
.c-form-input:focus{
    box-shadow:none;
    outline:none;  
}
.c-form-input.t-site-header__search-field{
    border: var(--default-border-width) solid var(--white);
}
.c-form-input.t-newsletter-form__input {
	background-color: var(--black);
    color: var(--white);
    border: var(--default-border-width) solid var(--white);
}
.c-form-input.t-newsletter-form__input:focus{
    background-color:var(--mp-dk-grey);
}

*/

@media screen and (min-width: 48em) {
    
}
@media screen and (min-width: 60em) {
    
}
@media screen and (min-width: 75em) {
    
}
@media screen and (min-width: 90em) {
    
}



/* Form select inputs
  =========================================== */
.c-form-select {
	border-radius: 24px;
}

/**
* Gradient to hide the overflow of long labels
*/
.c-form-select::before {
	border-radius: 0 23px 23px 0 !important;
	width: 3em !important;
    background: none !important;
	background-color: var(--pup-yellow) !important;
    top: 0px;
    right: 0px;
    height: 100%;
    
}

/**
* Custom drop-down indicator icon
*/
.c-form-select::after {
	background:none !Important;
    
	height: 1em;
	margin-bottom: 0.25em;
	pointer-events: none;
	position: absolute;
	right: 1.375em;
	top: 50%;
	transform: translateY(-50%);
	width: 0.75em;
    
    color:#ffffff;
    content:'\f078';
    font-family:'Font Awesome 6 Pro';
    font-weight:700;
}


.c-form-select__dropdown {
	background-color: var(--white);
	border: var(--default-border-width) solid var(--gray-400);
	border-radius: 24px;
	box-shadow: none !important;
	cursor: pointer;
	font-size: 0.825rem;
	padding: calc(1.25em - var(--default-border-width)) calc(1.7em - var(--default-border-width));
	transition: none !important;
	width: 100%;
}

.c-form-select__dropdown

.x-product-layout-purchase__options{
    margin-bottom:2.25rem !important;
}

/* Mobile Nav
     =========================================== */

.t-site-header__masthead .t-site-header__mobile button.u-icon-search{
    font-weight:700;
    color: var(--black);
    font-size:1.25rem;
    width:30px;
    height:26px;
    margin:0px 0 0 14px;
    display:block;
    text-align:center;
    border:none;
    outline:none;
    background-color:transparent;
    
    position:relative;
    float:left;
    
}
#mobile-nav-trigger{
display: block;
    align-items: center;
    align-self: start;
        justify-content: center;
    position:relative;
    float:left;
     margin:4px 0 0 4px;
    /*
        position:absolute;
        z-index:9999;
        float:right;
        right:1rem;
        top:50%;
        */
    
        width:26px;
        height:26px;
         text-decoration:none;
    /* transform:translateY(-50%); */
        background-color:transparent;
}
@media (min-width: 60em) {
    #mobile-nav-trigger{
    }
}
#mobile-nav-trigger span{
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    background-color: var(--black);
    border-radius:2px;
    transform: rotate(0deg);
    transition: .2s ease-in-out;
}
#mobile-nav-trigger span:nth-child(1) {
	top: 0px;
}
#mobile-nav-trigger span:nth-child(2),
#mobile-nav-trigger span:nth-child(3){
     top: 9px;
}
#mobile-nav-trigger span:nth-child(4) {
    top: 18px;
                
}
#mobile-nav-trigger.open{
   background-color:transparent;
}
#mobile-nav-trigger.open span{
    background-color:var(--black);
}
#mobile-nav-trigger.open span:nth-child(1) {
				top: 8px;
				width: 0%;
				left: 50%;
}
#mobile-nav-trigger.open span:nth-child(2) {
				transform: rotate(45deg);
}	
#mobile-nav-trigger.open span:nth-child(1) {
				top: 8px;
				width: 0%;
				left: 50%;
}
#mobile-nav-trigger.open span:nth-child(3) {
				transform: rotate(-45deg);
}	
#mobile-nav-trigger.open span:nth-child(4) {
	  			top: 8px;
	  			width: 0%;
	  			left: 50%;
}

.t-site-header__mobile_search{
    padding-top:0.75rem;
    display:none;
}
button.t-site-mobile__search-button{
    border: none;
    outline: none;
    background-color: var(--white);
    width: 42px;
    height: 42px;
    text-align: center;
    border-radius: 50%;
    margin: 0.125rem;
    font-size: 18px;
    line-height: 30px;
}
#x_search_preview{
    z-index:20;
}
/* Circle Text Element
     =========================================== */
.circle-text-inner-col{
        position:relative;
        padding: 5rem 0.5rem 4rem 4.25rem;
    }
.circle-text-inner-col:before{
        content:'';
        display:block;
        position:absolute;
        z-index:0;
        
        float:left;
        left:0px;
        top:0px;
        
        width:300px;
        height:300px;
            
        background-position:top left;
        background-repeat:no-repeat;
        background-size:contain;  
            
        }
.circle-text-inner-col .circle-text-sub-title,
.circle-text-inner-col h2{
       font-size:1rem;
        line-height:1.2;
        font-weight:400;
        position:relative;
        letter-spacing:0.5pt;
    }
.circle-text-inner-col .circle-text-title,
.circle-text-inner-col h3{
        position:relative;
        font-size:1.375rem;
        font-weight:700;
        line-height:1.2;
        letter-spacing:0.5pt;
    }

@media screen and (min-width: 48em) {
     .circle-text-inner-col{
        padding: 6.25rem 2rem 6rem 5rem;
    }
    .circle-text-inner-col:before{
        width:320px;
        height:320px;
    }
.circle-text-inner-col .circle-text-sub-title,
.circle-text-inner-col h2{
       font-size:0.925rem;
    }
.circle-text-inner-col .circle-text-title,
.circle-text-inner-col h3{
        font-size:2rem;
    }
}
@media screen and (min-width: 60em) {
    .circle-text-inner-col{
        padding: 6.5rem 2rem 6rem 5.25rem;
    }
    .circle-text-inner-col:before{
        width:340px;
        height:340px;
    }
.circle-text-inner-col .circle-text-sub-title,
.circle-text-inner-col h2{
       font-size:1rem;
    }
.circle-text-inner-col .circle-text-title,
.circle-text-inner-col h3{
        font-size:2.75rem;
    }
}
@media screen and (min-width: 75em) {
    
}



/* Section Dog Element
     =========================================== */
.section-dog{
    display: block;
    position: absolute;
    z-index: 0;
    
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    
    
}
@media screen and (min-width: 60em) {
    .section-dog{
    }
}
/* Site Navbar
    =========================================== */
.t-site-header__top-navigation{
    color:var(--white);
    background-color:var(--pup-orange);
    font-weight: var(--font-medium); 
    display:none !important;
}
.t-site-header__top-navigation-inner{
  padding: 0.75rem 2rem;  
}
.t-site-header__top-navigation span{
    display: inline-block;
    position:relative;
}
.t-site-header__message_item{
    position:relative;
    font-size: 0.725rem;
	font-weight: var(--font-medium);
}

@media screen and (min-width: 60em) {
    .t-site-header__message_item{
     font-size: 0.85rem;
    }
}
.t-site-header__message_shipping{
    padding-left: 40px;
}
.t-site-header__message_shipping:before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';
    width: 32px;
    height: 20px;
    background-image: url('../../graphics/00000001/1/icon-shipping.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position:center center;
    display: block;
}
@media screen and (min-width: 60em) {
    .t-site-header__message_shipping{
    padding-left: 46px;
}
    .t-site-header__message_shipping:before {
    width: 36px;
    height: 22px;
}
}
.t-site-header__links {
	font-size: 0.85rem;
	font-weight: var(--font-medium);
}

.t-site-header__links a {
	margin: 0 1rem;
	padding: 0;
	text-decoration: none;
}

.t-site-header__links a:hover {
	text-decoration: underline;
}


/* Site Header
   =========================================== */
.t-site-header {
    position:relative;
    background-color:var(--white);
}

.t-site-header__message {
	display: inline-block;
	padding: 0.75rem 2rem;
}

.t-site-header__links {
	font-size: 0.8125rem;
}

.t-site-header__links a {
	margin: 0 1rem;
	padding: 0;
	text-decoration: none;
}

.t-site-header__links a:hover {
	text-decoration: underline;
}

.t-site-header__links .o-layout__item {
	padding: 0.75rem;
}

@media (min-width: 48em) {
	.t-site-header__links .o-layout__item:not(:first-of-type) {
		border-left: var(--default-border-width) solid var(--gray-400);
		flex-grow: 0;
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
}
.t-site-header__links .x-transfigure-navigation__footer {
	display: flex;
	justify-content: flex-end;
}

.t-site-header__basket-link--mobile {
	display: flex;
	font-size: 2rem;
}

.t-site-header__basket-link-quantity--mobile {
	border-radius: 50%;
	display: inline-block;
	font-size: 0.75rem;
	height: 2em;
	line-height: 2;
	min-width: 2em;
	padding: 0 0.25em;
	text-align: center;
	touch-action: none;
	transform: translate(-0.75em, -1em);
	z-index: -1;
}

.t-global-account {
	background-color: var(--white);
	border: var(--default-border-width) solid var(--gray-200);
	border-radius: var(--default-border-radius);
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.08);
	max-width: 18.25rem;
	padding: 1.5rem 1.25rem 2rem;
	position: absolute;
	right: 0;
	top: 100%;
	width: 100vw;
}

.t-global-account__form {
	margin-bottom: 0;
}

.t-global-account__form .c-form-list__item:first-of-type {
	margin-bottom: 1rem;
}

.t-site-header__masthead {
	position: relative;
    margin: 0 1rem !important;
    padding: 0.5rem 0 1rem 0;
}
@media (min-width: 48em) {
    .t-site-header__masthead {
        margin: 0 2rem !important;
        padding: 1rem 0 2rem 0;
    }
    
}
.t-site-header__masthead:after{
    display:block;
    content:'';
    position:absolute;
    width:100%;
    height:3px;
    
    left:0px;
    bottom:0px;
    
    background-image: url(../../graphics/00000001/1/line-dotted-black.png);
    background-repeat: repeat-x;
    background-size: auto auto;
    background-position:0px 0px;
}
@media (min-width: 60em) {
	.t-site-header__masthead {
	}
}
.t-site-header__logo {
	margin-bottom: 0;
}
.t-site-header__logo a{
    display:block;
    max-width:280px;
}
.t-site-header__logo img {
	width: auto;
    display:block;
}

.t-site-header__search-form {
	
	margin-bottom: 0;
	position: relative;
}

.t-site-header__search-form:focus-within .c-form-list {
	/* border-radius: var(--default-border-radius); */
    border-radius: 6px;
	outline: var(--default-border-width) solid var(--pup-orange);
}
.t-site-header__search-form .c-form-list{
    border: 1px solid var(--black);
	border-radius: 22px;
}

.t-site-header__search-form .c-form-list__item {
	margin-bottom: 0;
	margin-left: auto;
}

.t-site-header__search-icon {
    align-self: stretch;
    padding: calc(0.725rem - var(--default-border-width));
    font-size: 1rem;
    font-weight: 700;
    color:var(--pup-orange);
    border-radius: 50%;
    margin: 1px;
}
.t-site-header__search-field {
	margin-bottom: 0;
	padding: calc(0.675rem - var(--default-border-width)) 0.275rem !important;

}

.t-site-header__search-field:focus-visible {
	outline: none;
}

.t-site-header__search-form .t-site-header__search-button {
	display: none;
}

@media (pointer: coarse) {
	.t-site-header__search-form .t-site-header__search-button {
		font-size: var(--default-spacing-unit);
		flex: 0 0 fit-content;
		display: inline-flex;
		padding: var(--default-spacing-unit);
	}
}
@media (max-width: 59.999em) {
	.t-site-header {
		position: relative;
		z-index: 1;
	}
	.t-site-header__search {
		height: 0;
		opacity: 0;
		overflow: hidden;
		transition: height ease-in-out 0.3s;
	}
	.t-site-header.search-is-active .t-site-header__search {
		height: -moz-fit-content;
		height: fit-content;
		opacity: 1;
		overflow: visible;
	}
	.t-site-header.search-is-active::after {
		background-color: rgba(34, 34, 34, 0.8);
		content: "";
		height: 100vmax;
		position: absolute;
		width: 100%;
		z-index: -1;
	}
	.t-site-header__search-form {
		margin: 0 var(--default-spacing-unit) var(--default-spacing-unit);
	}
	.t-site-header__search-icon {
		display: none;
	}
	.t-site-header__search-field::placeholder {
		opacity: 0;
	}
}
.t-site-header__masthead-links {
	align-items: center;
	justify-content: flex-end;
}

.t-site-header__masthead-links button:hover {
	opacity: 0.75;
	text-decoration: none;
	transition: 0.3s;
}

.t-site-header__masthead-links .t-global-account-toggle {
	align-items: center;
	background-color: var(--transparent);
	border: 0 none;
	display: inline-flex;
	margin:0rem 0rem 0rem 1rem;
	padding: 0.5em calc(1em + var(--default-border-width));
	text-decoration: none;
    min-width: 99px;
}

.t-site-header__masthead-links .t-global-account-toggle > * {
	margin-left: 0.5em;
	pointer-events: none;
}

.t-site-header__basket-link {
	align-items: center;
	background-color: var(--transparent);
	border: 0 none;
	color: var(--black);
	cursor: pointer;
	display: inline-flex;
	padding: 0;
	text-decoration: none;
}

.t-site-header__basket-link:focus-visible {
	outline-color: var(--focus);
}

.t-site-header__basket-link :is(.u-icon-cart-empty, .u-icon-cart-full) {
	font-size: 2rem;
	pointer-events: none;
}

.t-site-header__basket-link .u-icon-cart-full + .t-site-header__basket-link-quantity {
    display: block;
    max-width: none;
    min-width:none;
    /* max-width: fit-content; */
    /* min-width: 4ch; */
    opacity: 1;
    padding: 0;
    font-size: 0.775rem;
    line-height: 26px;
    font-weight: 700;
    background-color: var(--pup-orange);
    color: var(--white);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: relative;
    top: -8px;
    left: -12px;
    text-align:center;
}

}

.t-site-header__basket-link-quantity {
	display: inline-block;
	max-width: 0;
	min-width: 1rem;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	text-align: center;
}

@media (min-width: 60em) {
	.t-site-header__basket-link {
		margin-left: 1em;
		padding: 0.5em;
	}
	.t-site-header__basket-link-quantity {
		min-width: 0;
	}
}
.t-site-navigation {
}

.t-site-navigation__wrap {
	font-size: 0.8125rem;
	margin-left: auto;
	margin-right: auto;
	max-width: 62.5rem;
	position: relative;
	width: 100%;
}

@media (min-width: 60em) {
	.t-site-navigation {
	}
}




/* Site Primary Nav
    =========================================== */
.t-site-primary_nav{
    display:none;
}

@media (min-width: 60em) {
.t-site-primary_nav{
    display:flex;
}
}

.t-site-primary_nav_wrapper{
    
}
.primary_nav_menu_layout_item{
   margin: 0 !important; 
    padding:0;
}
#primary_nav{
   margin:0 0rem;
   padding:0;
   list-style:none;
    
   display:flex; 
   justify-content:space-between;
   align-items:center;
   align-content:center;
    
}
#primary_nav li{
    margin:0;
    padding:0;
    list-style:none;
    flex-grow:1;
}
#primary_nav li a{
    display:block;
    position:relative;
    margin:0 2rem;
    padding:1.125rem 1rem;
    
    font-size:1rem;
    line-height:1;
    font-weight:500;
    letter-spacing:0.5pt;
    text-decoration:none;
    
    transition: all 125ms ease-in-out;
    overflow:hidden;
}
#primary_nav li a span{
    display:block;
    position:relative;
    z-index:1;
    text-transform:lowercase;
}
#primary_nav li a:hover,
#primary_nav li.active a{
    overflow:visible;
    color:var(--pup-orange);
}
#primary_nav li a:before{
    content:'';
    display:block;
    position:absolute;
    z-index:0;
    top:-6px;
    left:50%;
    
    width:1px;
    height:1px;
    
    transition: all 250ms ease-in-out;
    
    background-color:var(--pup-orange);
}
#primary_nav li a:hover:before,
#primary_nav li.active a:before{
    top:-5px;
    height:6px;
    left:0px;
    width:100%;
}

/* Site Megamenus
    =========================================== */
.t-site-megamenu{
    display:none;
    width: 100%;
    position: absolute;
    z-index: 400;
    left: 0px;
    top: 99.75%;
    border-top:solid 1px var(--pup-orange);
    border-bottom:solid 1px var(--pup-orange);
    background-color:var(--pup-xlt-grey);
    padding:0.5rem 2rem 1.25rem 2rem;
}
.megamenu_layout{  
    padding: 1rem 0.5rem;
}
@media screen and (min-width: 40em) {
	.megamenu_layout {
		padding: 1rem 1rem 0.75rem 1rem;
	}
}
@media screen and (min-width: 60em) {
	.megamenu_layout {
		padding: 1.25rem 2.75rem 1rem 2.75rem;
	}
}
.megamenu_item{
    
}
.megamenu_item-inner{
    padding:0 1rem;
}

.megamenu_spacer{
    display:block;
    width:100%;
    height:1rem;
}

.megamenu_title{
    
}
.megamenu_title-inner{
    padding:0.5rem 1.5rem;
    position:relative;
}
.megamenu_title h3{
    position:relative;
    z-index:1;
    margin:0 0 1rem 0;
    padding:0;
    
    font-size:1.5rem;
    line-height:1;
    font-weight:600;
    
}
.megamenu_title h3 span{
   display:inline-block;
    background-color:var(--pup-xlt-grey);
    padding:0 0.75rem 0 0;
}
.megamenu_title h3:before{
    display:block;
    content:'';
    position:absolute;
    z-index:-1;
    width:100%;
    height:3px;
    
    left:0px;
    bottom:50%;
    
    background-image: url(../../graphics/00000001/1/line-dotted-black.png);
    background-repeat: repeat-x;
    background-size: auto auto;
    background-position:center left;
}

.megamenu_level_1{
    
    
}
.megamenu_item .navigation-set,
.megamenu_item .navigation-set ul{
    display:block;
    margin:0;
    padding:0;
    list-style:none;
}
.megamenu_item .navigation-set ul{
    padding-top:0.5rem;
}
.megamenu_item .navigation-set li{
    display:block;
    margin:0 0 0.5rem 0;
    padding:0;
}
.megamenu_item .navigation-set li a{
    display:block;
    margin:0;
    padding:0.25rem 0.5rem 0.25rem 0.5rem;
    
    font-size:1rem;
    line-height:1;
    font-weight:700;
    letter-spacing:0;
    
    text-decoration:none;
    
    color:var(--pup-dk-grey);
    
    transition: all 125ms ease-in-out;
}
.megamenu_item .navigation-set li a:hover{
    text-decoration:none;
    color:var(--pup-dk-grey);
}


.megamenu_item .navigation-set li.level-2{
    display:block;
    margin:0 0 0.25rem 0;
    padding:0;
}
.megamenu_item .navigation-set li.level-2 a{
    position:relative;
    display:block;
    margin:0 0 0rem 0;
    padding:0.25rem 0.5rem 0.25rem 0.5rem;
    
    font-size:0.875rem;
    line-height:1;
    font-weight:400;
    letter-spacing:0;
    
    text-decoration:none;
    
    color:var(--pup-dk-grey);
    transition: all 125ms ease-in-out;
}
.megamenu_item .navigation-set li.level-2 a:hover{
    text-decoration:none;
    color:var(--pup-orange);
}


.megamenu_images .megamenu_side_image{
        margin-bottom:1.5rem;
    }
.megamenu_images .megamenu_side_image:last-of-type {
        margin-bottom:0;
    } 

/* Mobile Nav Element
     =========================================== */

#mobile-nav-login{
  position: absolute;
    right: 20px;
    float: right;
    top: 24px;
}
#mobile-nav-login a{
       text-decoration:none;
        font-size:0.725rem;
        line-height:20px;
        font-weight:700;
        text-transform:lowercase;
        color: var(--pup-orange);
    }
@media (min-width: 380px) {
    #mobile-nav-login{
    right: 20px;
    top: 18px;
    }
  #mobile-nav-login a{  
    font-size:0.775rem;
    }
}
#mobile-nav-login a:hover{
    color: var(--sv-red);
}
#mobile-nav-login a span{
    display:inline-block;
    margin-left:0.325rem;
    font-size:1rem;
    line-height:20px;
}
#mobile-nav-login span.mobile-nav-link-sep{
display:inline-block;
margin:4px 0.25rem 0 0.25rem;
width:1px;
height:14px;
background-color: var(--pup-orange);
}

.mm-navbar{
    height:80px !important;
}
.mm-navbar a.mm-title:first-of-type{
    background-image:url('/mm5/graphics/00000001/1/puppered-logo-lower.png');
    background-repeat:no-repeat;
    background-size:contain;
    background-position:left center;
    width:100%;
    height:30px;
    margin-top:20px;
    
    overflow:hidden;
    text-indent:-9999px;
    
    float: left;
    margin-left: -20px;
}
@media (min-width: 380px) {
     .mm-navbar a.mm-title:first-of-type{   
    height:42px;
    margin-top:12px;
    }
}
.mm-navbar a.mm-title{
    font-size:1.25rem;
    font-weight:700;
    margin-top:20px;
    color: var(--pup-orange) !important;
    text-align: left;
    margin-left: 0.5rem;
}

.mm-panels>.mm-panel>.mm-navbar+.mm-listview{
    margin-top:20px !important;
}
.mm-btn.mm-prev {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 16px;
}
.mm-btn.mm-prev:before{
    width:16px;
    height:16px;
    border-color: var(--pup-orange) !important;
}



/* Main Element
     =========================================== */

.t-main-content-element {
}

.t-input-font-size {
	font-size: var(--default-input-font-size);
}

.t-main-content-element-layout{
    margin:0 0 0 0;
    padding-left:0;
}
.t-main-content-element-wrapper{
   position:relative;
    z-index:2;
}


/* Site Footer
    =========================================== */
.t-site-footer {
    position:relative;
    
	padding-top: 1rem;
    
    color:var(--white);
    background-color:#232B2F;
    font-weight: var(--font-medium); 
    
}
.t-site-footer:before,
.t-site-footer:after{
    content:'';
    position:absolute;
    z-index:1;
    display:block;
    bottom:0px;
    width:33.3%;
    height:300px;
    
    
    background-repeat: no-repeat;
    background-size: contain;
}
.t-site-footer:before{
    left:0px;
    float:left;
    background-position:left bottom;
    background-image: url(../../graphics/00000001/1/footer-background-pattern-left.png);
}

.t-site-footer:after{
    right:0px;
    float:right;
    background-position:right bottom;
    background-image: url(../../graphics/00000001/1/footer-background-pattern-right.png);
}


.t-site-footer__wrapper {
    position:relative;
    z-index:2;
}

.t-site-footer__content {
	padding-top: 2em;
}

.t-site-footer .c-menu__title,
.t-site-footer .c-collapsible-menu__label {
    color:var(--white);
}

.t-site-footer__content .c-menu__link:not([class*=" u-icon-"]) {
	line-height: 3;
	text-decoration: none;
    color:var(--white);
}

.t-site-footer__content .c-menu__link:hover {
	text-decoration: underline;
}

.t-site-footer .c-menu__title {
     color:var(--pup-yellow);
    
    font-size:1.125rem;
    line-height:1.2;
    font-weight:700;
    margin:0 0 1rem 0;
    padding:0;
}
.t-site-footer .navigation-element ul{
    display:block;
    margin:0 0 0 0;
    padding:0;
    list-style:none;
}
.t-site-footer .navigation-element ul li{
    margin:0 0 0.375rem 0;
    padding:0;
    list-style:none;
    font-size:0.925rem;
    font-weight:700;
    line-height:1.2;
}
.t-site-footer .navigation-element ul li a{
    text-decoration:none;
    display:block;
    padding:0.375rem 0;
    color:var(--white);
    text-transform:lowercase;
}
.t-site-footer .navigation-element ul li a:hover{
    text-decoration: none;
    color:var(--pup-yellow);
}

.t-site-footer .navigation-element ul li li,
.t-site-footer .footer_company_nav--item .navigation-element ul li,
.t-site-footer .footer_contact_details_nav--item p:not(.c-menu__title){
    font-size:0.875rem;
    font-weight:400;
    line-height:1.4;
    margin:0 0 0 0;
}

.t-site-footer .footer_company_nav--item{
    margin-bottom:2rem;
}
@media (min-width: 60em) {
.t-site-footer .footer_company_nav--item{
    margin-bottom:1rem;
}  
}
.t-site-footer .footer_contact_details_nav--item p:not(.c-menu__title){
 margin-bottom:0.75rem;   
}
.t-site-footer .footer_contact_details_nav--item a{
    text-decoration:none;
    color:var(--white);
}
.t-site-footer .footer_contact_details_nav--item a:hover{
    text-decoration:none;
    color:var(--pup-yellow);
}


.t-global-footer-social__list {
	display: grid;
	font-size: 1.5rem;
	gap: 1rem;
	grid-auto-rows: auto;
	grid-template-columns: repeat(auto-fill, 2rem);
	grid-template-rows: 2rem;
	list-style: none;
	margin: 0 0 2rem -0.5rem;
	padding: 0;
	place-items: center;
}

.t-global-footer-social__link {
	padding: 0.5em 0.125rem;
	text-decoration: none;
    color:var(--white);
    font-size: 1.5rem;
}

.t-global-footer-social__link:focus-visible {
	text-decoration: none;
}

.t-global-footer-social__link:hover {
    color:var(--pup-yellow);
    text-decoration: none;
}



#newsletter-form{
    margin-bottom:2rem;
    position:relative; 
    display:block !important;
}
#newsletter-form legend{
    display:none;
}
#newsletter-form .t-newsletter-form__input{
    font-size: 0.825rem;
    border-radius:36px !important;
    position:relative;
    padding: 14px 80px 14px 24px !important;
}
#newsletter-form .t-newsletter-form__submit{
    border-radius:0px 36px 36px 0px !important;
    padding-left: 1rem;
    background-color:var(--pup-yellow);
    color:var(--white);
    position:absolute;
    right:0px;
    top:0px;
    float:right;
    width:80px;
    height:50px;
    outline:none;
    border:none;
}
#newsletter-form .t-newsletter-form__submit:hover{
    background-color:var(--pup-orange);
    color:var(--white);
    outline:none;
    border:none;
}
/*
.t-newsletter-form fieldset {
	display: flex;
	flex-wrap: wrap;
	gap: 0rem;
	justify-content: flex-end;
}

.t-newsletter-form__input {
	flex: 1 1 fit-content;
    font-size: 0.775rem;
    border-radius:36px 0px 0px 36px !important;
    
    padding: calc(1.32em - var(--default-border-width)) calc(1.7em - var(--default-border-width)) !important;
}
.t-newsletter-form__submit {
    border-radius:0px 36px 36px 0px !important;
    padding-left: 1rem;
}
*/

.t-site-footer__copyright {
	padding-bottom: 0.25rem;
	padding-top: 1rem;
    
    color:var(--white);
    text-align:center;
    vertical-align:middle;
}
.t-site-footer__copyright span{
    display:inline-block;
}
.t-site-footer__copyright span,
.t-site-footer__copyright a{
    font-size:0.75rem;
}

.t-site-footer__copyright a,
.t-site-footer__copyright a:hover{
    color:var(--white) !important;
}
.t-site-footer__copyright a:hover{
    text-decoration:underline;
}
.t-site-footer__copyright span.copyright-sep{
    width:100%;
    height:12px;
    background-color:transparent;
     display:block;
    margin:0;
}

@media (min-width: 60em) {
 .t-site-footer__copyright span.copyright-sep{
    width:1px;
    height:12px;
    background-color:var(--white);
    display:inline-block;
    margin:0.25rem 0.5rem 0 0.5rem;
    
}   
    
    
}
@media (max-width: 47.999em) {
	.t-site-footer .x-collapsible-content__toggle {
	}
	.t-site-footer .x-collapsible-content .c-menu__title {
		display: none;
	}
	.t-site-footer .x-collapsible-content__toggle [class^=u-icon-] {
	}
	.t-site-footer .x-collapsible-content__item {
		margin-top: 1rem;
	}
}
@media (min-width: 48em) {
	.t-site-footer__wrapper {
		padding-left: calc(var(--default-spacing-unit) * 2);
		padding-right: calc(var(--default-spacing-unit) * 2);
	}
	.t-site-footer .x-collapsible-content__toggle {
		display: none;
	}
	.t-site-footer .x-collapsible-content__item {
		max-height: none;
		opacity: 1;
		overflow: visible;
		visibility: visible;
	}
	.t-site-footer__content .c-menu__link:not([class*=" u-icon-"]) {
		font-size: 0.8125rem;
		line-height: 2.5;
	}
	.t-site-footer__content {
		padding-bottom: 2em;
	}
}
@media (min-width: 60em) {
	.t-site-footer .x-collapsible-content__item:not(#social_active):not(fieldset) {
		display: inline-grid;
		grid-auto-flow: column;
		grid-template-rows: repeat(6, auto);
		width: 100%;
	}
}
@media (min-width: 48em) {
	.t-site-footer {
		padding-top: 4rem;
	}
	.t-site-footer__content {
		padding-bottom: 3.75rem;
	}
	.t-global-footer-social__list {
		margin-bottom: 3rem;
	}
}



/* SFNT Hero
     =========================================== */

.t-site-hero{
    background-color:var(--pup-tan); 
    position:relative;
    padding-top:2rem;
    padding-bottom:10rem;
}
@media screen and (min-width: 48em) {
    .t-site-hero{
    padding-top:2rem;
    padding-bottom:11rem;
    }   
    
}
@media screen and (min-width: 60em) {
  .t-site-hero{
    padding-bottom:10rem;
    }  
    
}
.t-site-hero:before{
        display:block;
        content:'';
        
        width:33%;
        height:260px;
        
        
        background-image:url('../../graphics/00000001/1/hero-background-pattern-left.png');
        background-position: top left;
        background-repeat:no-repeat;
        background-size:contain;
        
        position:absolute;
        z-index:0;
        left:0px;
        top:0px;
        
    }
    
.t-site-hero:after{
         display:block;
        content:'';
        
        width:33%;
        height:260px;
    
        
        background-image:url('../../graphics/00000001/1/hero-background-pattern-right.png');
        background-position: top right;
        background-repeat:no-repeat;
        background-size:contain;
        
        position:absolute;
        z-index:0;
        float:right;
        right:0px;
        top:0px;
        
    }


#hero-carousel{
    padding-top:0px;
    padding-bottom:0px;
    
    width:100%;
}
#hero-carousel .hero-carousel-item{
    display:block;
    padding-top:0px;
    padding-bottom:0px;
    
    width:100%     
    }

#hero-carousel .hero-content-column{
      justify-content: center;       
    }
@media screen and (min-width: 60em) {
 #hero-carousel .hero-content-column{   
        justify-content: flex-end;
    }
}

#hero-content{
    padding-top:0px;
    padding-bottom:0px;
    position:relative;
    z-index:2;
}

.hero_item_item_content-layout{
    justify-content: center;
}
@media screen and (min-width: 60em) {
.hero_item_item_content-layout{
    justify-content: flex-start;
    }
}
#hero-carousel .hero_item_item_content-inner{
    position:relative;
    padding:0rem 1.25rem;
}
@media screen and (min-width: 48em) {
  #hero-carousel .hero_item_item_content-inner{
    padding:2rem;
    }  
}
#hero-content .hero-title{
        font-size:2.25rem;
        line-height:1.1;
        font-weight:700;
        margin-bottom:2rem;
    }
#hero-content .hero-text{
    font-size:0.875rem;
    margin-bottom:2rem;
    }
@media screen and (min-width: 48em) {
  #hero-content .hero-title{
        font-size:3.25rem;
    }  
}
@media screen and (min-width: 60em) {
    #hero-carousel{
       position:absolute;
        width:100%;
        height:100%;
        top:0px;   
        left:0px;
        z-index:1;
        
    }
    #hero-carousel .hero_item_item_content-inner{
    padding-top:3rem;
    }
    
    #hero-content{
       padding-top:6rem;
       padding-bottom:12rem;
    }
    #hero-content .hero-title{
        font-size:3.75rem;
    }  
    #hero-content .hero-text{
        font-size:1.125rem;
    }
}
@media screen and (min-width: 75em) {
     #hero-content .hero-title{
        font-size:4.125rem;
    } 
}
@media screen and (min-width: 90em) {
    #hero-content .hero-title{
        font-size:4.5rem;
    } 
}

#hero-carousel .hero-carousel-image{
  margin: 0 auto;
  padding-bottom: 0rem;
}
#hero-carousel .hero-carousel-icon{
   display: block;
    position: absolute;
    z-index: 2;
    float: right;
    
    right: 0%;
        bottom: 40px;
        width: 120px;
        height: 120px;
        margin: 0;
        padding: 0;
}

@media screen and (min-width: 60em) {
#hero-carousel .hero-carousel-icon{
    right: 0%;
        bottom: 40px;
        width: 180px;
        height: 180px;
}
}

#hero-carousel .owl-prev span,
#hero-carousel .owl-next span{
    font-size:1;
    line-height:0;
    margin:0;
    padding:0;
    color:var(--white);
    
    width:36px;
    height:36px;
    text-indent:-9999px;
    
    display:block;
    position:relative;
    
    /* text-shadow: 0px 0px 15px rgba(0,0,0,0.25);
    overflow:hidden; */
}
#hero-carousel .owl-prev span:after,
#hero-carousel .owl-next span:after{
    display:block;
    position:absolute;
    z-index:3;
    top:0px;
    right:0px;
    float:right;
    text-indent:0;
    
    color:var(--white);
    text-shadow: 0px 0px 8px rgba(0,0,0,0.45);
    font-family:'Font Awesome 6 Pro';
    font-size:30px;
    line-height:30px;
    
    
    
    width:32px;
    height:32px;
}
#hero-carousel .owl-prev,
#hero-carousel .owl-next{
    position:absolute;
    top:50%;
    transform: translateY(-50%);
}
#hero-carousel .owl-prev{
    float:left;
    left:1rem;
}
#hero-carousel .owl-prev span:after{
    content:'\f053'; 
}
#hero-carousel .owl-next{
    float:right;
    right:1rem;
}
#hero-carousel .owl-next span:after{
   content:'\f054'; 
}

.owl-carousel-prev-next{
    display:block;
    position:absolute;
    z-index:10;
    top:20%;
    transform:translateY(-50%);
    
    text-decoration:none;
    
    font-size:1.25rem;
    line-height:50px;
    text-align:center;
    
    width:36px;
    height:48px;
    
    color:var(--white);
    background-color:rgba(255,255,255,0.1);
    text-shadow: 0px 0px 8px rgba(0,0,0,0.45);
    border-radius: 0px 4px 4px 0px;
}

@media screen and (min-width: 60em) {
   .owl-carousel-prev-next{
    top:50%;
    }
    
}




.owl-carousel-prev-next:hover,
.owl-carousel-prev-next:active,
.owl-carousel-prev-next:focus{
    text-decoration:none;
    background-color:rgba(255,255,255,0.3);
    text-shadow: 0px 0px 12px rgba(0,0,0,0.7);
}
.owl-carousel-prev-next.light{
    color:var(--white);
    background-color:rgba(255,255,255,0.1);
    text-shadow: 0px 0px 8px rgba(0,0,0,0.45);
    
}
.owl-carousel-prev-next.light:hover,
.owl-carousel-prev-next.light:active,
.owl-carousel-prev-next.light:focus{
    background-color:rgba(255,255,255,0.3);
    text-shadow: 0px 0px 12px rgba(0,0,0,0.7);
}

.owl-carousel-prev-next.dark{
    color:var(--white);
    background-color:rgba(0,0,0,0.1);
    text-shadow: 0px 0px 8px rgba(0,0,0,0.45);
    
}
.owl-carousel-prev-next.dark:hover,
.owl-carousel-prev-next.dark:active,
.owl-carousel-prev-next.dark:focus{
    background-color:rgba(0,0,0,0.3);
    text-shadow: 0px 0px 12px rgba(0,0,0,0.7);
}
.owl-carousel-prev-next.owl-carousel-prev-trigger{
    float:left;
    left:0px;
}
.owl-carousel-prev-next.owl-carousel-next-trigger{
    float:right;
    right:0px;
}

.t-site-hero-section-dog{
    float: left;
    left: 8.5%;
    bottom: 0px;
    width: 80%;
    height: 280px;
    background-image: url('../../graphics/00000001/1/puppered-dog.png');
    /* background-image: url('../../graphics/00000001/1/Family-with-pup.png'); */
}
@media screen and (min-width: 48em) {
    
}
@media screen and (min-width: 60em) {
 .t-site-hero-section-dog{
    left: 6%;
    width: 580px;
    height: 28rem;
}   
}
@media screen and (min-width: 75em) {
    
}
@media screen and (min-width: 90em) {
    
}


/* SFNT Product Callout
     =========================================== */

.t-site-product-callout{
    position:relative;
    background: rgb(123,134,128);
    background: -webkit-linear-gradient(rgba(123,134,128,1) 55%, rgba(116,127,121,1) 42%, rgba(116,127,121,1) 99%);
    background: -o-linear-gradient(rgba(123,134,128,1) 55%, rgba(116,127,121,1) 42%, rgba(116,127,121,1) 99%);
    background: linear-gradient(rgba(123,134,128,1) 55%, rgba(116,127,121,1) 42%, rgba(116,127,121,1) 99%);
    
    color:var(--white);
    padding-bottom:9rem;
    
}
@media screen and (min-width: 48em) {
.t-site-product-callout{
    padding-top:4rem;
      padding-bottom:6rem;
    }
}
@media screen and (min-width: 60em) {
.t-site-product-callout{
    padding-top:4rem;
      padding-bottom:10rem;
    }
}


.t-site-product-callout:before{
        display:block;
        content:'';
        
        width:33%;
        height:260px;
    
        background-position: top left;
        background-repeat:no-repeat;
        background-size:contain;
        
        position:absolute;
        z-index:0;
    
        background-image:url('../../graphics/00000001/1/solo_duo-background-pattern-left.png');
        left:0px;
        top:0px;
        
    }
    
.t-site-product-callout:after{
        display:block;
        content:'';
        
        width:33%;
        height:260px;
    
        background-position: top right;
        background-repeat:no-repeat;
        background-size:contain;
        
        position:absolute;
        z-index:0;
    
        background-image:url('../../graphics/00000001/1/solo_duo-background-pattern-right.png');
        float:right;
        right:0px;
        top:0px;
        
    }
.t-site-product-callout .product-callout-content-column{
      justify-content: center;       
    }
@media screen and (min-width: 60em) {
.t-site-product-callout .product-callout-content-column{
        justify-content: flex-end;
    }
}

.t-site-product-callout .product-callout-content-layout{
    justify-content: center;
}

@media screen and (min-width: 60em) {
.t-site-product-callout .product-callout-content-layout{
        justify-content: flex-start;
    }
}

.product-callout_item_item_content{
    
}
.product-callout_item_item_content-inner{
    
}
.product-callout_item_item_content-inner:before{
    background-image:url('../../graphics/00000001/1/solo-duo-circle-text.png');
}

#product-callout-carousel{
    position:relative;
    z-index:1;
    width:100%;
}

.product-callout_carousel_item_item_content-inner{
    position:relative;
    padding-top:6rem;
}
#product-callout-carousel .product-callout_carousel_item_item-icon{
        display:block;
        position:absolute;
        z-index:2;
        
        float:right;
        right:2%;
        bottom:4rem;
        
        
        width:120px;
        height:120px;
        
        margin:0;
        padding:0;
        
    }
@media screen and (min-width: 48em) {
   #product-callout-carousel .product-callout_carousel_item_item-icon{
        right:2%;
        bottom:6.5rem;
        width:200px;
        height:200px;
    } 
    
}
@media screen and (min-width: 60em) {
   #product-callout-carousel .product-callout_carousel_item_item-icon{
        right:2%;
        bottom:6.5rem;
        width:240px;
        height:240px;
    } 
    
}
#product-callout-carousel ul.product-callout_carousel_item_item-items{
       display:flex !important;
        justify-content:center;
        align-items:center;
        align-content:center;
        margin:0;
        padding:0;
        list-style:none;
        width:200px;
        position:relative;
        transform: translateX(-50%);
    
        top:-20px;
        left: 50%;
    
    }

#product-callout-carousel ul.product-callout_carousel_item_item-items li.product-callout_carousel_item_item-items-item{
            margin:0;
            padding:0.75rem 1rem;
            list-style:none;
            flex-basis:50%;
            text-align:center;
            border-right:solid 2px var(--pup-yellow);
        }
#product-callout-carousel ul.product-callout_carousel_item_item-items li.product-callout_carousel_item_item-items-item h3{
              
                font-size:1.25rem;
                line-height:1.2;
                font-weight:700;
                margin:0;
                padding:0;
            }
#product-callout-carousel ul.product-callout_carousel_item_item-items li.product-callout_carousel_item_item-items-item h4{
                font-size:0.875rem;
                line-height:1.2;
                font-weight:400;
                margin:0;
                padding:0;
            }
#product-callout-carousel ul.product-callout_carousel_item_item-items li.product-callout_carousel_item_item-items-item:last-of-type{
                border-right:none;
            }
@media screen and (min-width: 48em) {
    #product-callout-carousel ul.product-callout_carousel_item_item-items{
        width:240px;
        top: -100px;
    }
    
}
@media screen and (min-width: 60em) {
    #product-callout-carousel ul.product-callout_carousel_item_item-items{
        width:240px;
        top: -100px;
    }

#product-callout-carousel ul.product-callout_carousel_item_item-items li.product-callout_carousel_item_item-items-item{
            padding:1rem 1.5rem;
            flex-basis:50%;
        }
#product-callout-carousel ul.product-callout_carousel_item_item-items li.product-callout_carousel_item_item-items-item h3{
                font-size:1.5rem;
                line-height:1.2;
            }
#product-callout-carousel ul.product-callout_carousel_item_item-items li.product-callout_carousel_item_item-items-item h4{
                font-size:1rem;
                line-height:1.2;
            }
#product-callout-carousel ul.product-callout_carousel_item_item-items li.product-callout_carousel_item_item-items-item:last-of-type{
            }
    
}
#product-callout-carousel .owl-dots {
    position:absolute;
    z-index:2;
        bottom: 4rem;
        width: 120px;
        right: 27%;
        /* transform:translateX(-40%); */
        float: right;
    text-align:center;
    }
#product-callout-carousel  .owl-dot span{
   display:inline-block;
    width:16px;
    height:16px;
    
    background-color:var(--pup-yellow);
    border:solid 2px var(--white);
    border-radius:50%;
    margin:0 0.5rem;
}
#product-callout-carousel  .owl-dot.active span{
   background-color:var(--white);
    border:solid 2px var(--pup-yellow);
}



#product-callout-content{
   position:relative;
    z-index:2; 
    padding-top:0rem;
    
    
}
@media screen and (min-width: 48em) {
    #product-callout-content{
    padding-top:0rem; 
        padding-bottom:8rem;
        margin-top:0px;
}
}
@media screen and (min-width: 60em) {
    #product-callout-carousel{
       position:absolute;
        width:100%;
        height:100%;
        top:0px;   
        left:0px;
        z-index:1;
    }
    #product-callout-content{
       padding-top:4rem;
        padding-bottom:14rem;
    }
    
}
@media screen and (min-width: 75em) {
}
@media screen and (min-width: 90em) {
}



.t-site-product-callout-section-dog{
    float: left;
    left: 9.5%;
    bottom: 0px;
    width: 80%;
    height: 280px;
    background-image: url('../../graphics/00000001/1/Family-with-pup.png');
}
@media screen and (min-width: 48em) {
    
}
@media screen and (min-width: 60em) {
.t-site-product-callout-section-dog{
    left: 10%;
    width: 600px;
    height: 28rem;
}
}
@media screen and (min-width: 75em) {
 .t-site-product-callout-section-dog{
    left: 14%;
}   
}
@media screen and (min-width: 90em) {
    
}



/* SFNT Featured Products
     =========================================== */

.t-site-featured-products{
    background-color:var(--pup-tan); 
    position:relative;
    padding: 3rem 0 14rem 0;
    
}
@media screen and (min-width: 48em) {
    .t-site-featured-products{
    padding: 4.5rem 0 15rem 0;
    
    }
}
@media screen and (min-width: 60em) {
    .t-site-featured-products{
    padding: 6rem 0 16rem 0;
    
    }
}
.t-site-featured-products:before{
        display:block;
        content:'';
        
        width:33%;
        height:260px;
        
        
        background-image:url('../../graphics/00000001/1/hero-background-pattern-left.png');
        background-position: top left;
        background-repeat:no-repeat;
        background-size:contain;
        
        position:absolute;
        z-index:0;
        left:0px;
        top:0px;
        
    }
    
.t-site-featured-products:after{
         display:block;
        content:'';
        
        width:33%;
        height:260px;
    
        
        background-image:url('../../graphics/00000001/1/hero-background-pattern-right.png');
        background-position: top right;
        background-repeat:no-repeat;
        background-size:contain;
        
        position:absolute;
        z-index:0;
        float:right;
        right:0px;
        top:0px;
        
    }

.featured-products-wrapper{
    position:relative;
    z-index:2;
}
.t-site-featured-products .featured-product-items-layout{
    padding-left:0px;
}
.featured-products_item_content-inner,
.related-products_item_content-inner{
    padding-bottom:2.5rem;
}
.t-site-featured-products .featured-products-title,
.t-site-related-products .related-products-title{
    font-size: 2rem;
    font-weight: 900;
    line-height: 1;
    margin-bottom:1.5rem;
}
.t-site-featured-products .featured-products-sub-title,
.t-site-related-products .related-products-sub-title{
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom:1.5rem;
}

#featured_products_carousel,
#featured_soaps_carousel,
#related_products_carousel,
#also_bought_products_carousel{ 
        padding: 0 2.5rem;
}

@media screen and (min-width: 48em) {
    
}
@media screen and (min-width: 60em) {
    .t-site-featured-products .featured-products-title,
    .t-site-related-products .related-products-title{
        font-size: 2.75rem;
    }
    .t-site-featured-products .featured-products-sub-title,
    .t-site-related-products .related-products-sub-title{
        font-size: 1.5rem;
    }
    
    #featured_products_carousel,
    #featured_soaps_carousel,
    #related_products_carousel,
    #also_bought_products_carousel{ 
            padding: 0 3rem;
    }  
}
@media screen and (min-width: 75em) {
    #featured_products_carousel,
    #featured_soaps_carousel,
    #related_products_carousel,
    #also_bought_products_carousel{ 
            padding: 0 5rem;
    }  
}
@media screen and (min-width: 90em) {
    
}



#featured_products_carousel .owl-prev span,
#featured_products_carousel .owl-next span,
#featured_soaps_carousel .owl-prev span,
#featured_soaps_carousel .owl-next span,
#related_products_carousel .owl-prev span,
#related_products_carousel .owl-next span,
#also_bought_products_carousel .owl-prev span,
#also_bought_products_carousel .owl-next span{
    font-size:1;
    text-align:center;
    line-height:0;
    margin:0;
    padding:0;
    color:var(--white);
    
    width:22px;
    height:22px;
    text-indent:-9999px;
    
    display:block;
    position:relative;
    /* text-shadow: 0px 0px 15px rgba(0,0,0,0.25);
    overflow:hidden; */
}
#featured_products_carousel .owl-prev span:after,
#featured_products_carousel .owl-next span:after,
#featured_soaps_carousel .owl-prev span:after,
#featured_soaps_carousel .owl-next span:after,
#related_products_carousel .owl-prev span:after,
#related_products_carousel .owl-next span:after,
#also_bought_products_carousel .owl-prev span:after,
#also_bought_products_carousel .owl-next span:after{
    display:block;
    position:absolute;
    z-index:3;
    top:0px;
    text-indent:0;
    
    color:var(--white);
    text-shadow: 0px 0px 8px rgba(0,0,0,0.45);
    font-family:'Font Awesome 6 Pro';
    font-size:22px;
    line-height:22px;
    text-align:center;
    
    
    width:100%;
    height:22px;
}

@media screen and (min-width: 60em) {
    #featured_products_carousel .owl-prev span,
    #featured_products_carousel .owl-next span,
    #featured_soaps_carousel .owl-prev span,
    #featured_soaps_carousel .owl-next span,
    #related_products_carousel .owl-prev span,
    #related_products_carousel .owl-next span,
    #also_bought_products_carousel .owl-prev span,
    #also_bought_products_carousel .owl-next span{
    width:32px;
    height:32px;
    
    }
    #featured_products_carousel .owl-prev span:after,
    #featured_products_carousel .owl-next span:after,
    #featured_soaps_carousel .owl-prev span:after,
    #featured_soaps_carousel .owl-next span:after,
    #related_products_carousel .owl-prev span:after,
    #related_products_carousel .owl-next span:after,
    #also_bought_products_carousel .owl-prev span:after,
    #also_bought_products_carousel .owl-next span:after{
    font-size:30px;
    line-height:30px;
    width:32px;
    height:32px;
    
    }
    
}

#featured_products_carousel .owl-prev,
#featured_products_carousel .owl-next,
#featured_soaps_carousel .owl-prev,
#featured_soaps_carousel .owl-next,
#related_products_carousel .owl-prev,
#related_products_carousel .owl-next,
#also_bought_products_carousel .owl-prev,
#also_bought_products_carousel .owl-next{
    position:absolute;
    top:50%;
    transform: translateY(-50%);
}
#featured_products_carousel .owl-prev,
#featured_soaps_carousel .owl-prev,
#related_products_carousel .owl-prev,
#also_bought_products_carousel .owl-prev{
    float:left;
    left:0.5rem;
}
#featured_products_carousel .owl-prev span:after,
#featured_soaps_carousel .owl-prev span:after,
#related_products_carousel .owl-prev span:after,
#also_bought_products_carousel .owl-prev span:after{
    content:'\f053'; 
}
#featured_products_carousel .owl-next,
#featured_soaps_carousel .owl-next,
#related_products_carousel .owl-next,
#also_bought_products_carousel .owl-next{
    float:right;
    right:0.5rem;
}
#featured_products_carousel .owl-next span:after,
#featured_soaps_carousel .owl-next span:after,
#related_products_carousel .owl-next span:after,
#also_bought_products_carousel .owl-next span:after{
   content:'\f054'; 
}
@media screen and (min-width: 60em) {
    #featured_products_carousel .owl-prev,
    #featured_soaps_carousel .owl-prev,
    #related_products_carousel .owl-prev,
    #also_bought_products_carousel .owl-prev{
    left:1rem;
}
   #featured_products_carousel .owl-next,
   #featured_soaps_carousel .owl-next,
   #related_products_carousel .owl-next,
    #also_bought_products_carousel .owl-next{
    right:1rem;
} 
}



#filter-items-container{
   display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:1.5rem;
}
#filter-items-container label{
    display:none;
}
#filter-items-container .sorting{
    flex-basis:56%;
}
#filter-items-container .per-page{
    flex-basis:40%;
}
@media screen and (min-width: 60em) {
    #filter-items-container .sorting{
    flex-basis:30%;
}
#filter-items-container .per-page{
    flex-basis:30%;
}
}
@media screen and (min-width: 75em) {
    #filter-items-container .sorting{
    flex-basis:24%;
}
#filter-items-container .per-page{
    flex-basis:24%;
}
}



.t-site-featured-products-section-dog{
    float: left;
    left: 50%;
    bottom: 0px;
    width: 300px;
    height: 300px;
    transform:translateX(-50%);
    background-image: url('../../graphics/00000001/1/doggo-soap.png');
}
@media screen and (min-width: 48em) {
    
}
@media screen and (min-width: 60em) {
   .t-site-featured-products-section-dog{
    left: 50%;
    width: 420px;
    height: 420px;
    transform:translateX(-50%);
} 
}
@media screen and (min-width: 75em) {
    
}
@media screen and (min-width: 90em) {
    
}





/* SFNT Tabbed Content
     =========================================== */

.t-site-tabbed-content{
    position:relative;
    background-color:var(--pup-orange);
    color:var(--white);
}
.t-site-tabbed-content:before{
        display:block;
        content:'';
        
        width:33%;
        height:260px;
    
        background-position: top left;
        background-repeat:no-repeat;
        background-size:contain;
        
        position:absolute;
        z-index:0;
    
        background-image:url('../../graphics/00000001/1/tabs-background-pattern-left.png');
        left:0px;
        top:0px;
        
    }
    
.t-site-tabbed-content:after{
        display:block;
        content:'';
        
        width:33%;
        height:260px;
    
        background-position: top right;
        background-repeat:no-repeat;
        background-size:contain;
        
        position:absolute;
        z-index:0;
    
        background-image:url('../../graphics/00000001/1/tabs-background-pattern-right.png');
        float:right;
        right:0px;
        top:0px;
        
    }


/*
.t-site-tabbed-content .tabbed-content-triggers-layout{
    margin-left:0px;
}
*/

.t-site-tabbed-content-item{
    padding-top:4rem;
    padding-bottom:1rem;
    
}

#tabbed-content-carousel{
    
    
}
/*
#tabbed-content-carousel .tabbed-content-carousel_item-inner{
    padding:2rem 1rem 0rem 1rem;
}
*/


#tabbed-carousel-triggers,
#tabbed-product-triggers{
    position:relative;
    z-index:2;
    border-radius:32px;
        align-items:center;
        display:flex;
        justify-content:space-between;
        flex-direction: column;
    
        background: rgb(255,255,255);
        background: -webkit-linear-gradient(rgba(255,255,255,1) 50%, rgba(243,243,243,1) 50%);
        background: -o-linear-gradient(rgba(255,255,255,1) 50%, rgba(243,243,243,1) 50%);
        background: linear-gradient(rgba(255,255,255,1) 50%, rgba(243,243,243,1) 50%);
    
    
    margin-bottom:2.5rem;
    
}




#tabbed-carousel-triggers a.tabbed-carousel-trigger,
#tabbed-product-triggers a.tabbed-product-trigger{
            flex-basis:100%;
            width:100%;
            font-size:0.875rem;
            font-weight:700;
            line-height:1;
            
            
            color:var(--pup-body-color);
            background-color:transparent;
            
            border-radius:32px;
            
            text-decoration:none;
            margin:0;
            padding:1.25rem 2rem;
            
            text-align:center;
            
            -webkit-transition: all 200ms cubic-bezier(0.120, 0.645, 0.220, 0.945);
            -moz-transition: all 200ms cubic-bezier(0.120, 0.645, 0.220, 0.945);
            -o-transition: all 200ms cubic-bezier(0.120, 0.645, 0.220, 0.945);
            transition: all 200ms cubic-bezier(0.120, 0.645, 0.220, 0.945);

            -webkit-transition-timing-function: cubic-bezier(0.200, 0.645, 0.220, 0.945);
            -moz-transition-timing-function: cubic-bezier(0.200, 0.645, 0.220, 0.945);
            -o-transition-timing-function: cubic-bezier(0.200, 0.645, 0.220, 0.945);
            transition-timing-function: cubic-bezier(0.200, 0.645, 0.220, 0.945);
            
        }
#tabbed-carousel-triggers a.tabbed-carousel-trigger:hover,
#tabbed-carousel-triggers a.tabbed-carousel-trigger.active,
#tabbed-product-triggers a.tabbed-product-trigger:hover,
#tabbed-product-triggers a.tabbed-product-trigger.active{
               color:var(--white);
                background-color:var(--pup-yellow);
                text-decoration:none;
            }
.tabbed-content-carousel_item_content-inner{
    position:relative;
    padding: 4.25rem 2rem 4rem 3.5rem;
}
@media screen and (min-width: 48em) {
.tabbed-content-carousel_item_content-inner{
    position:relative;
    padding: 4.25rem 2.25rem 5rem 5rem;
}   
}
@media screen and (min-width: 60em) {
#tabbed-carousel-triggers,
#tabbed-product-triggers{
       flex-direction: row;
}
#tabbed-carousel-triggers a.tabbed-carousel-trigger,
#tabbed-product-triggers a.tabbed-carousel-trigger{
        font-size:1rem;
        flex-basis:25%;
        width:25%;
}
    
.tabbed-content-carousel_item_content-inner{
    position:relative;
    padding: 4.25rem 3rem 6rem 7rem;
}
    
}
@media screen and (min-width: 75em) {
    
}
@media screen and (min-width: 90em) {
    
}
.tabbed-content-carousel_item_content-inner:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    float: left;
    left: 0px;
    top: 0px;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    
    width: 300px;
    height: 300px;
}
#entrepreneurs .tabbed-content-carousel_item_content-inner:before {
    background-image: url('../../graphics/00000001/1/Circle-Text-Entrepreneurs.png');
}

#groomers .tabbed-content-carousel_item_content-inner:before {
    background-image: url('../../graphics/00000001/1/Circle-text-groomers.png');
}

#retail-stores .tabbed-content-carousel_item_content-inner:before {
    background-image: url('../../graphics/00000001/1/Circle-Text-retails-stores.png');
}

#homeowners-builders .tabbed-content-carousel_item_content-inner:before {
    background-image: url('../../graphics/00000001/1/Circle-Text-Homeowners.png');
}
.tabbed-section-title{
font-size: 0.875rem;
}

.tabbed-section-content h3{
    font-size: 1.5rem;
    font-weight:900;
    line-height:1.2;
}

@media screen and (min-width: 48em) {
  .tabbed-section-title{
font-size: 1.125rem;
}

.tabbed-section-content h3{
    font-size: 2.125rem;
}  
}
@media screen and (min-width: 60em) {
.tabbed-content-carousel_item_content-inner:before {
    width: 360px;
    height: 360px;
}
.tabbed-section-title{
font-size: 1.25rem;
}

.tabbed-section-content h3{
    font-size: 2.75rem;
}
}
@media screen and (min-width: 75em) {
    
}
@media screen and (min-width: 90em) {
    
}
.tabbed-bullets-content{
        padding:5rem 0 0 0;
}
.tabbed-bullets-content ul.tabbed-bullets{
            display:block;
            margin:0;
            padding:0;
            list-style:none;
}
.tabbed-bullets-content ul.tabbed-bullets li.tabbed-bullet{
                display:flex;
                justify-content: flex-start;
                align-items:center;
                align-content: flex-start;
                
                
                text-align:left;
                margin:0 0 1rem 0;
                padding:0;
}
.tabbed-bullets-content ul.tabbed-bullets li.tabbed-bullet span.tabbed-bullet-icon{
                    display:inline-block;
                    float:left;
                    margin:0 1rem 0 0;
                    vertical-align:middle;
    
                    width:44px;
                }
.tabbed-bullets-content ul.tabbed-bullets li.tabbed-bullet span.tabbed-bullet-title{
                   display:inline-block;
                    
                    float:left;
                    line-height:1.4;
                    vertical-align:middle;
    
                    width:65%;
                    font-size: .875rem;
                }
@media screen and (min-width: 48em) {
    
}
@media screen and (min-width: 60em) {
    
}
@media screen and (min-width: 75em) {
    
}
@media screen and (min-width: 90em) {
    
}


.tabbed-content-carousel_item_image{
    align-self:end;
}







.tabbed-product-content-container{
    display:none;
}
.tabbed-product-content-container.active{
    display:block;
}
.tabbed-product-content-container-inner{
  padding:1rem 0;
    font-size:0.875rem;
    line-height:1.6;
    
}

@media screen and (min-width: 60em) {
 .tabbed-product-content-container-inner{
  padding:1rem 2rem;
    font-size:1rem;
}   
    
    
}




/* SFNT Call Us Callout
     =========================================== */

.t-site-call-us-callout{
    position: relative;
    
    background-color: rgb(58, 62, 65);
    color:var(--white);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    
    background-image: url('../../graphics/00000001/1/shampoo-section-image.jpg');
    padding: 6rem 0 11.5rem 0;
}
@media screen and (min-width: 60em) {
    .t-site-call-us-callout{
    padding: 6rem 0;
}
}
.t-site-call-us-callout h2 {
    font-size: 1rem;
    letter-spacing: .5pt;
    line-height: 1.2;
    font-weight: 400;
    color: var(--pup-yellow);
}

.t-site-call-us-callout h3 {
    font-weight:900;
    line-height: 1.2;
    letter-spacing: -0.25pt;
    margin-top: 0;
    
    padding-bottom: 3.5rem;
    font-size: 1.75rem;
}
.t-site-call-us-callout p {
    font-size:0.925rem;
    line-height: 1.8;
    letter-spacing: 0pt;
    margin-bottom:2rem;
    
}

.t-site-call-us-callout p a{
   color: var(--pup-yellow);
    text-decoration:none;
}

.t-site-call-us-callout p a:hover{
   color: var(--pup-orange);
    text-decoration:none;
}
@media screen and (min-width: 48em) {
.t-site-call-us-callout h2 {
    font-size: 1.25rem;
}

.t-site-call-us-callout h3 {
    padding-bottom: 4rem;
    font-size: 2.5rem;
}
.t-site-call-us-callout p {
    font-size:1.25rem;
    margin-bottom:2rem;
    
}
}
@media screen and (min-width: 60em) {
    
}
@media screen and (min-width: 75em) {
    
}
@media screen and (min-width: 90em) {
    
}
.call-us-callout_item_content{
    position: relative;
    z-index:2;
}
.call-us-callout_item_content-inner{
   position: relative;
   padding: 3rem 2rem 3rem 2rem;
}
@media screen and (min-width: 48em) {
.call-us-callout_item_content-inner{
   padding: 5.75rem 3rem 4rem 3rem;
}  
}
@media screen and (min-width: 60em) {
.call-us-callout_item_content-inner{
   padding: 7.5rem 4rem 6rem 4rem;
} 
}
@media screen and (min-width: 75em) {
    
}
@media screen and (min-width: 90em) {
    
}
.call-us-callout_item_content-inner:before{
   background-image: url('../../graphics/00000001/1/text-lockup-shampoo.png');
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    float: left;
    top: 0px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    
    width: 50%;
    height: 50%;
    left: 25%;
}
@media screen and (min-width: 48em) {
    
}
@media screen and (min-width: 60em) {
    
}
@media screen and (min-width: 75em) {
    
}
@media screen and (min-width: 90em) {
    
}

.t-site-call-us-callout-section-dog{
    float: left;
    left: 9.5%;
    bottom: 0px;
    width: 80%;
    height:220px;
    background-image: url('../../graphics/00000001/1/pit-frenchie.png');
}
@media screen and (min-width: 48em) {
    
}
@media screen and (min-width: 60em) {
 .t-site-call-us-callout-section-dog{
    left: 9.5%;
    width: 380px;
    height:380px;
}   
}
@media screen and (min-width: 75em) {
    
}
@media screen and (min-width: 90em) {
    
}

/* Site Breadcrumbs
    =========================================== */
.x-breadcrumbs a {
	display: inline-block;
	text-decoration: none;
    
    font-size:0.875rem;
    text-transform:lowercase;
    
}


/* CTGY Content
     =========================================== */
.t-site-ctgy-header-inner{
    margin-bottom:2rem;
}
.t-site-ctgy-header-title-description{
    
}
.t-site-ctgy-header-title-description-inner{

}
.t-site-ctgy-header-title-description h1{
    text-transform:lowercase;
}
.t-site-ctgy-header-title-description h2{
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom:1.5rem;
    font-weight:700;
}
@media screen and (min-width: 60em) {
  .t-site-ctgy-header-title-description h2{
    font-size: 1.5rem;
} 
    
}


.t-site-ctgy-spacer{
   display:block;
    width:100%;
    height:2rem; 
}
@media screen and (min-width: 48em) {
 .t-site-ctgy-spacer{
    height:3rem; 
}   
}
.t-site-ctgy-banner{
   padding:1rem 0.5rem 1rem 0.5rem;
    margin-bottom:3rem;
}








.t-main-content-element-not-sfnt{
    position:relative;
    background-color:var(--pup-tan);
}
.t-main-content-element-not-sfnt:before{
        display:block;
        content:'';
        
        width:33%;
        height:260px;
    
        background-position: top left;
        background-repeat:no-repeat;
        background-size:contain;
        
        position:absolute;
        z-index:0;
    
        background-image:url('../../graphics/00000001/1/hero-background-pattern-left.png');
        left:0px;
        top:0px;
        
    }
    
.t-main-content-element-not-sfnt:after{
        display:block;
        content:'';
        
        width:33%;
        height:260px;
    
        background-position: top right;
        background-repeat:no-repeat;
        background-size:contain;
        
        position:absolute;
        z-index:0;
    
        background-image:url('../../graphics/00000001/1/hero-background-pattern-right.png');
        float:right;
        right:0px;
        top:0px;
        
    }


/*
.mmx-product-list__header,
.mmx-product-list__details{
   color:var(--pup-md-grey);
    border-bottom:solid 1px var(--pup-md-grey);
    
}
.mmx-product-list__facets-header{
    display:none;
}
*/


.x-category-tree{
    padding-right:0rem;
}

.x-category-tree .x-category-tree__heading{
    font-size: var(--title-three);
    color:var(--pup-dkblue);
    text-transform:lowercase;
    text-decoration:none;
}
.x-category-tree .x-category-tree__list--level-1{
    border-top:solid 1px #979797;
}

.x-category-tree .x-category-tree__list--level-2{
}

.x-category-tree .x-category-tree__list--level-1 .x-category-tree__link{
    margin:0 0 0.25rem 0;
    padding:0.5rem 0 0 0;
    font-size:1rem;
    text-transform:lowercase;
}

.x-category-tree .x-category-tree__list--level-2 .x-category-tree__link{
    margin:0 0 0.5rem 0;
    padding:0.25rem 0.5rem 0.25rem 0.5rem;
    font-size:0.875rem;
    text-transform:lowercase;
}

.x-category-tree .x-category-tree__link.x-category-tree__link--current{
    color:var(--pup-dkblue);
    font-weight:700;
    text-decoration:none;
}
.x-category-tree .x-category-tree__link:hover{
    color:var(--pup-dkblue);
    text-decoration:none;
}
@media screen and (min-width: 48em) {
    
}
@media screen and (min-width: 60em) {
  .x-category-tree{
    padding-right:2rem;
}  
}
@media screen and (min-width: 75em) {
    
}
@media screen and (min-width: 90em) {
    
}



/* PROD Content
     =========================================== */

.x-product-layout,
.x-product-tabs{
    margin-left:0px;
}


.x-product-layout-purchase .c-form-list__item{
    margin-bottom:1rem;
}
.x-product-layout-images__figure{
    background-color:var(--white);
    padding:1.5rem;
    border-radius:1.5rem;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
}
.x-filmstrip__picture{
    background-color:var(--white);
    padding:0.5rem;
    border-radius:0.5rem;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
}


.x-product-layout-purchase__pricing-current{
    font-size:1.5rem;
}
.x-product-layout-short-description-inner{
  padding-bottom:1rem;  
}
.x-product-layout-short-description{
   line-height:1.8;
    margin-bottom:1rem;
}
.x-product-layout-purchase__cta .x-quantify {
    height: 3rem;
    width:auto;
    margin-bottom:1rem;
}
@media screen and (min-width: 60em) {
   .x-product-layout-purchase__cta .x-quantify {
    margin-bottom:0rem;
} 
}

.x-quantify{
    border:none;
    border-radius:0px;
    grid-template-columns: 2.625rem 3.5rem 2.625rem;
}
.x-quantify button{
    color:var(--white);
    font-weight:700;
}
.u-button-quantity{
    border:none;
    outline:none;
    
    background-color:var(--pup-yellow);
    color:var(--white);
}
.u-button-quantity.u-icon-subtract{
     border-radius:26px 0px 0px 26px;
}
.u-button-quantity.u-icon-add{
    border-radius:0px 26px 26px 0px;
}
input.u-input-quantity{
    border:none;
    outline:none;
}
.x-product-layout-purchase__options-quantity label{
    display:none;
}

.add-to-wishlist{
    display:none !important;
    margin-top:2rem;
}


.x-product-layout-purchase__name{
    margin-bottom:0.5rem;
}
.x-product-layout-purchase__name span.x-product-layout-purchase__sku{
    font-size:1rem;
    
}

.x-product-layout-purchase__name span.x-product-layout-product_title{
    text-transform:lowercase;
}

.x-product-layout{
    padding:3rem 0;
    margin-bottom:0px;
}
.x-product-layout-image-padding,
.x-product-layout-purchase-padding{
    padding:0.25rem 0.25rem;
}
@media screen and (min-width: 60em) {
.x-product-layout-image-padding,
.x-product-layout-purchase-padding{
    padding:0.5rem 1.5rem;
} 
}


.x-product-layout-icons-mobile{
    display:block;
    padding:1rem 0.25rem;
}
.x-product-layout-icons-desktop{
    display:none;
    padding:2rem 1rem;
    text-align:center;
}
@media screen and (min-width: 60em) {
    
.x-product-layout-icons-mobile{
    display:none;
}
.x-product-layout-icons-desktop{
    display:block;
}    
}
.x-product-layout-icons-padding{
}
.x-product-icon{
    display:inline-block;
    position:relative;
    
    padding:0 0 0 3.125rem;
    
    margin:1rem;
    
    font-size:0.875rem;
    font-weight:700;
    line-height:42px;
    
    text-decoration:none !important;
    color:var(--pup-dkblue);
}
.x-product-icon:hover{
    cursor:pointer;
    text-decoration:none;
    color:var(--pup-orange);
}
.x-product-icon:before{
    
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0px;
    
    width: 42px;
    height: 42px;
    left:0;
    
    
}
.x-product-icon .c-button--as-link,
.x-product-icon .c-button--as-link:active,
.x-product-icon .c-button--as-link:focus,
.x-product-icon .c-button--as-link:hover{
    text-decoration:none;
    font-size:0.875rem;
    font-weight:700;
    cursor:pointer;
}


.x-product-icon.x-product-icon-warranty:before{
    background-image: url('../../graphics/00000001/1/icon-product-warranty.png');
}
.x-product-icon.x-product-icon-support:before{
    background-image: url('../../graphics/00000001/1/icon-product-support.png');
}
.x-product-icon.x-product-icon-wishlist:before{
    background-image: url('../../graphics/00000001/1/icon-product-wishlist.png');
}
.x-product-layout-icons-mobile .x-product-icon{
    padding:0 0 0 2.75rem;
    line-height:36px;
}
.x-product-layout-icons-mobile .x-product-icon:before{
    width: 36px;
    height: 36px;
}


.features-list-2-column{
    margin:0;
    padding:1rem 0 0 0;
    list-style:none;   
    
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content:flex-start;
    align-items:flex-start;
}
.features-list-2-column li{
    display:block;
    flex-basis:98%;
    position:relative;
    padding:0 0 0 24px;
    margin:0 0 0.75rem 0;
    font-size:0.775rem;
    line-height:1.4;
}

@media screen and (min-width: 60em) {
.features-list-2-column{ 
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;
    align-items:flex-start;
}    
.features-list-2-column li{
    flex-basis:47%;
    }
}

.features-list-2-column li strong{
    display:block;
}
.features-list-2-column li:before{
    position:absolute;
    top:0px;
    left:0px;
    
    width:20px;
    height:20px;
    
    font-size:1rem;
    line-height:20px;
    
    content:'\f058';
    font-family:'Font Awesome 6 Pro';
}



.x-product-tabs{
    
}

.x-product-tabs{
    position:relative;
    background: rgb(123,134,128);
    /*
    background: -webkit-linear-gradient(rgba(123,134,128,1) 55%, rgba(116,127,121,1) 42%, rgba(116,127,121,1) 99%);
    background: -o-linear-gradient(rgba(123,134,128,1) 55%, rgba(116,127,121,1) 42%, rgba(116,127,121,1) 99%);
    background: linear-gradient(rgba(123,134,128,1) 55%, rgba(116,127,121,1) 42%, rgba(116,127,121,1) 99%);
    */
    
    color:var(--white);
    margin-bottom:0px;
    padding:4rem 0;;
    
}
.x-product-tabs:before{
        display:block;
        content:'';
        
        width:33%;
        height:260px;
    
        background-position: top left;
        background-repeat:no-repeat;
        background-size:contain;
        
        position:absolute;
        z-index:0;
    
        background-image:url('../../graphics/00000001/1/solo_duo-background-pattern-left.png');
        left:0px;
        top:0px;
        
    }
    
.x-product-tabs:after{
        display:block;
        content:'';
        
        width:33%;
        height:260px;
    
        background-position: top right;
        background-repeat:no-repeat;
        background-size:contain;
        
        position:absolute;
        z-index:0;
    
        background-image:url('../../graphics/00000001/1/solo_duo-background-pattern-right.png');
        float:right;
        right:0px;
        top:0px;
        
    }
.x-product-tabs-wrapper{
    position:relative;
    z-index:2;
}





.x-product-related{
    position:relative;
    background-color:var(--pup-tan);
    
    padding:4rem 0;
}
.x-product-related:before{
        display:block;
        content:'';
        
        width:33%;
        height:260px;
    
        background-position: top left;
        background-repeat:no-repeat;
        background-size:contain;
        
        position:absolute;
        z-index:0;
    
        background-image:url('../../graphics/00000001/1/hero-background-pattern-left.png');
        left:0px;
        top:0px;
        
    }
    
.x-product-related:after{
        display:block;
        content:'';
        
        width:33%;
        height:260px;
    
        background-position: top right;
        background-repeat:no-repeat;
        background-size:contain;
        
        position:absolute;
        z-index:0;
    
        background-image:url('../../graphics/00000001/1/hero-background-pattern-right.png');
        float:right;
        right:0px;
        top:0px;
        
    }

.x-product-related-wrapper{
    position:relative;
    z-index:2;
}


/* Product Item
    =========================================== */
.product-item{
    position:relative;
    text-align:center;
    margin-bottom:2rem;
}

.product-item .padding{
    position:relative;
    background-color: var(--white);
    border-radius:1rem;
    padding:1.5rem;
    
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
    
    transition: all .5s ease-in-out;
    
}
.product-item .padding:hover{
     -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}
.product-item .x-product-banner{
    display:block;
    position:absolute;
    top:-16px;
    left:25%;
    width:50%;
    
    color:var(--white);
    background-color:var(--pup-orange);
    
    text-align:center;
    font-size:0.825rem;
    line-height:32px;
    font-weight:700;
    border-radius:17px;
}
.product-item .product-details{
    margin-bottom:1rem;
}
.product-item .product-name{
    padding:1rem 0 0.5rem 0;
}

.product-item .product-name a{
    text-decoration:none;
    font-size:0.875rem;
    font-weight:700;
    line-height:1.4;
    text-transform:lowercase;
    
}
.product-item .padding:hover .product-name a,
.product-item .product-name a:hover{
    text-decoration:none;
    color:var(--pup-orange);
}

.product-item .product-code{
    font-size:0.725rem;
}
.product-item .product-price{
    padding:0.5rem 0 0.5rem 0;
    font-size:0.925rem;
    color:var(--pup-orange);
}

.product-item .product-quantity{
    display:none;
}
.product-item .purchase-buttons{
    
}






/* AFFIRM Addition
     =========================================== */

.x-product-layout .affirm-as-low-as {
    padding:1.25rem 0 0.5rem 0;
    font-size: 0.825rem;
    font-weight: 400;
    text-transform: none;
}
@media screen and (min-width: 40em) {
.x-product-layout .affirm-as-low-as {
        font-size: 0.825rem;
    }
}

.product-item .affirm-as-low-as {
    padding:0.25rem 0 0.25rem 0;
    font-size: 0.625rem;
    font-weight: 400;
    text-transform: none;
}
@media screen and (min-width: 40em) {
.product-item .affirm-as-low-as {
        font-size: 0.625rem;
    }
}

.t-basket__order-summary .affirm-as-low-as {
    padding:0.25rem 0 0.25rem 0;
    font-size: 0.775rem;
    font-weight: 400;
    text-transform: none;
    text-align:center;
    line-height:1.4;
}
.t-basket__product-contents .affirm-as-low-as {
    padding:0.25rem 0 0.25rem 0;
    font-size: 0.775rem;
    font-weight: 400;
    text-transform: none;
     line-height:1.4;
    
}
@media screen and (min-width: 40em) {
.t-basket__order-summary .affirm-as-low-as {
        font-size: 0.825rem;
    }
.t-basket__product-contents .affirm-as-low-as {
        font-size: 0.825rem;
    }
}






/* Global Messages
    =========================================== */
.t-global-messages{
    margin-bottom:2.5rem;
}




/* Checkout Pages
    =========================================== */
.t-logn-block {
	padding: 0 1.5rem;
}

.t-logn-block:nth-child(2) {
	/* border-left: var(--default-border-width) solid var(--gray-400); */
}

:is(.t-page-invc, .t-page-logn, .t-page-ordl, .t-page-ords, .t-page-ocst, .t-page-osel, .t-page-opay, .t-page-acln, .t-page-oprc, .t-page-bask) .t-main-content-element {
		padding:4rem 0;
	}

:is(.t-page-invc, .t-page-ords) .t-basket {
	padding-top: 0;
}

@media (max-width: 59.999em) {
	:is(.t-page-invc, .t-page-logn, .t-page-ordl, .t-page-ords, .t-page-ocst, .t-page-osel, .t-page-opay, .t-page-acln, .t-page-oprc, .t-page-bask) .t-main-content-element {
	}
}
@media (max-width: 47.999em) {
	.t-logn-block {
	}
	.t-logn-block:nth-child(2) {
	}
}

.t-account-landing-section .x-category-tree__list--level-1 .x-category-tree__link-set{
    font-size:1rem;
    font-weight:700;
}
.t-account-landing-section .x-category-tree__list--level-1 .x-category-tree__link{
    font-size:0.825rem;
}
.t-account-landing-section .c-heading-foxtrot{
    /* color:var(--pup-orange); */
}

#helpful_info{
    margin-top:1.25rem;
    padding:1rem;
}




.t-order-complete-heading {
    border-bottom: var(--default-border-width) solid var(--gray-400);
    padding-bottom: 2rem;
	margin-bottom: 2rem;
    
}

.t-account-at-checkout {
	border-top: var(--default-border-width) solid var(--gray-400);
	margin-top: 1.5rem;
	padding-top: 2rem;
}

.t-account-at-checkout .c-form-list__item {
	max-width: 30rem;
}

.t-account-at-checkout .c-form-inline-set span {
	flex: 1;
}

.t-account-at-checkout .c-form-inline-set .c-form-input {
	margin-bottom: 0;
}

.t-account-at-checkout .c-form-inline-set .c-button {
	align-self: flex-end;
}

.t-order-complete-content {
	background-color: var(--white);
	margin-bottom: 1rem;
	padding:2.5rem !important;
    border-radius:16px;
}

@media (min-width: 48em) {
	.t-order-complete-heading {
	}
	.t-order-complete-content {
	}
}

.x-quantify :is(.c-button, .c-form-input) {
    padding: 0 !important;
    border-radius: 0px !important;
}

.t-page-ntfd .t-main-content-element-layout{
    padding-bottom:4rem;
}
@media (min-width: 60em) {
    .t-page-ntfd .t-main-content-element-layout{
        padding-bottom:16rem;
    }   
}





/* Mini-basket
     =========================================== */
#mini_basket{
    
}
#mini_basket .x-mini-basket__subtotal{
        padding-bottom: 0.75rem;
}
#mini_basket .x-mini-basket__line{
        padding: 1.125rem 0;
}
#mini_basket .x-mini-basket__item-name{
    text-transform:lowercase;
    font-weight:700;
    text-decoration:none;
    
    margin-bottom: 0;
}
#mini_basket .x-mini-basket__total span{
 color:var(--pup-orange);
    font-weight:700;
}







/* Basket
     =========================================== */
.t-basket__product-contents .t-basket__product-information{
       padding: 1rem 0; 
}
.t-basket__product-name{
    text-transform:lowercase;
    font-weight:700;
    text-decoration:none;
}


.t-basket__order-summary .t-basket__order-total span{
     color:var(--pup-orange);
    font-weight:700;
}


#checkout_basket_summary span.x-mini-basket__item-name{
    text-transform:lowercase;
    font-weight:700;
    text-decoration:none;
}


/* ROI Calculator
     =========================================== */
#roi-calculator{
    margin:1rem auto 1rem auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    
    justify-content:space-between;
    align-items:center;
    align-content:center;
    row-gap:0.5rem;
}
#roi-calculator .header-row{
    width:100%;
    padding:1rem;
    background-color:var(--pup-yellow);
    border-radius:20px;
    margin-bottom:1rem;
    }
#roi-calculator .header-row h3{
    font-size:1rem;
    line-height:1;
    font-weight:700;
    margin:0;
    padding:0;
    }
@media screen and (min-width: 60em) {
    #roi-calculator .header-row h3{
        font-size:1.25rem;
    }
}
#roi-calculator .section-spacer{
    display:block;
    width:100%;
    height:1.5rem;
}
#roi-calculator .section-spacer-lg{
    height:1.5rem;
}

@media screen and (min-width: 60em) {
#roi-calculator .section-spacer{
    height:2rem;
}
#roi-calculator .section-spacer-lg{
    height:5.5rem;
}   
}
#roi-calculator .footer-row{
    background-color:var(--pup-yellow);
        padding:1rem 1rem 280px 1rem;
        border-radius:32px;
        
        position:relative;
        
        width:100%;
        
        background-image:url('../../graphics/00000001/1/help-background.png');
        background-position: center right;
        background-repeat:no-repeat;
        background-size:cover;  
    
        text-align:left;
    }
#roi-calculator .footer-row:after{
        content:'';
        position:absolute;
        z-index:3;
        display:block;
        width:100%;
        right:0;
        bottom:0px;
        
        height:260px;
        
        background-image:url('../../graphics/00000001/1/roi-calculator-woman-w-dog.png');
        background-position: right bottom;
        background-repeat:no-repeat;
        background-size:contain;
        border-radius:0 0 32px 32px;
        background-color:rgba(123,44,233, 0.3);
    
}


#roi-calculator .footer-row .output-col{
    padding:0.25rem;
    position:relative;
    z-index:4;
    }
#roi-calculator .footer-row span.output-col-title{
    display:block;
    font-size:0.875rem;
    line-height:1.4;
    font-weight:500;
    margin:0 0 0.5rem 0;
    padding:0;
    }
#roi-calculator .footer-row h4.output-col-value{
    display:block;
    font-size:2.25rem;
    font-weight:500;
    letter-spacing:-0.5pt;
    line-height:1.2;
    margin:0;
    padding:0;
    }

@media screen and (min-width: 60em) {
 #roi-calculator .footer-row{
    background-color:var(--pup-yellow);
        padding:2rem 48% 2rem 2rem;
        border-radius:64px;
    }
#roi-calculator .footer-row:after{
        width:46%;
        height:118%;
       border-radius:0 0 64px 0px;
}  
#roi-calculator .footer-row .output-col{
    padding:1rem;
    }
    
#roi-calculator .footer-row span.output-col-title{
    font-size:1rem;
    }
#roi-calculator .footer-row h4.output-col-value{
    font-size:2.75rem;
    }
    
}
    

#roi-calculator p:empty{
    display:none;
}



#roi-calculator .item-row{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    
    justify-content:space-between;
    align-items:flex-start;
    
    align-content:center;
    column-gap:2rem;
    
    width:100%;
    margin-bottom:0.5rem;
    }

#roi-calculator .label-col{
text-align:left;   
display:block;
    width:100%;
flex-basis:100%;
    margin-bottom:0.25rem;
}

#roi-calculator .input-col{
text-align:left;   
display:block;
    width:100%;
flex-basis:100%;
}


 @media screen and (min-width: 60em) {
 #roi-calculator .item-row{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    
    justify-content:space-between;
    align-items:center;
    
    align-content:center;
    column-gap:2rem;
    
    width:100%;
    margin-bottom:0.5rem;
    }

#roi-calculator .label-col{
text-align:right;   
flex-basis:50%;
margin-bottom:0;
}

#roi-calculator .input-col{
text-align:center;  
flex-basis:50%;
}    
     
}

#roi-calculator span.roi-output{
    display:none;
    font-size:0.875rem;
    font-weight:700;
    letter-spacing:-0.5pt;
    line-height:1.2;
    margin:0;
    padding:0.25rem 0.5rem;
    
    }

#roi-calculator label{
font-size:0.875rem;
font-weight:700;
line-height:1.2;
margin:0;
padding:0.25rem 0.5rem;
}

#roi-calculator input[type="number"]{
display:block;
font-size:1rem;
font-weight:300;
line-height:1.2;
margin:0;
padding:0.5rem 0.5rem 0.5rem 20px;
border-radius:12px;
width: 98%;
text-align: left;

position:relative;
border:none;   
}
@media screen and (min-width: 60em) {
  #roi-calculator input[type="number"]{
      border-radius:20px;
      width: 45%;
    }
}
#roi-calculator input[type="number"].roi-hidden{
 display:none;  
    }
    
    
#roi-calculator .input-currency{
 position:relative; 
}
#roi-calculator .input-currency input[type="number"]{
  position:relative;  
z-index:1;
padding-left:24px;  
    }

#roi-calculator .input-currency span.dollar{
    position: absolute;
    z-index: 2;
    left: 4px;
    top: 8px;
    /* transform:translateY(-50%); */
    content: 'X';
    display: block;
    width: 26px;
    font-size: 1.125rem;
    line-height:1;
    margin: 0;
    padding: 0;
    text-align: center;
    }



/* Product Page Sections
    =========================================== */


/* column-4-icons
    =========================================== */
.column-4-icons{
    
}
.column-4-icons .column-4-icons-item{
    
}
.column-4-icons .column-4-icons-item-inner{
    padding:1rem;
    text-align:center;
    background-color:rgba(123,22,234,0.2);
}
.column-4-icons img.icon{
    display:block;
    
    width:86px;
    margin:0 auto 1rem auto;
    
}
.column-4-icons h4{
    font-size:1.25rem;
    font-weight:700;
    line-height:1.2;
    
    position:relative;
    padding:0 0 1.5rem 0;
    
}
.column-4-icons h4:after{
    display:block;
    content:'';
    position:absolute;
    
    width:60%;
    height:4px;
    
    
    
    left:20%;
    bottom:0px;
    
    background-image:url('../../graphics/00000001/1/dotted-line.png');
    background-position: center center;
    background-repeat:repeat-x;
    background-size:auto auto;
}
.column-4-icons p{
    
}
@media screen and (min-width: 48em) {
.column-4-icons{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-evenly;
    align-items:flex-start;
    
}
.column-4-icons .column-4-icons-item{
    display:block;
    flex-basis:48%;
}
.column-4-icons .column-4-icons-item-inner{
    padding:1rem;
    background-color:rgba(11,122,234,0.2);
}
.column-4-icons img.icon{
}
.column-4-icons h4{
    font-size:1.25rem;
    padding:0 0 1.5rem 0;
}
.column-4-icons h4:after{
    width:60%;
    left:20%;
}
.column-4-icons p{
    
}
}
@media screen and (min-width: 60em) {
.column-4-icons{
    flex-wrap:nowrap;
}
.column-4-icons .column-4-icons-item{
    flex-basis:24%;
}
.column-4-icons .column-4-icons-item-inner{
    padding:1rem;
    background-color:rgba(113,122,33,0.2);
}
.column-4-icons img.icon{
}
.column-4-icons h4{
    font-size:1.25rem;
    padding:0 0 1.5rem 0;
}
.column-4-icons h4:after{
    width:60%;
    left:20%;
}
.column-4-icons p{
    
}    
}


/* how-it-works
    =========================================== */
.how-it-works{
   background-color:var(--pup-yellow);
    border:solid 2px var(--pup-dkblue);
    border-radius:24px;
    
}
.how-it-works-inner{
    padding:1.25rem;
}
.how-it-works h3{
    text-align:center;
    font-size:1.5rem;
    font-weight:700;
    line-height:1.2;
}
.how-it-works-items{
    display:block;
    width:100%:
}
.how-it-works-list-item{
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-evenly;
    align-items:flex-start;
}
.how-it-works-list-item .icon-col{
    display:block;
    flex-basis:16%;
}
.how-it-works-list-item .text-col{
    display:block;
    flex-basis:74%;
    padding:0.25rem;
}
.how-it-works-list-item p{
    font-size:1.125rem;
    font-weight:700;
    line-height:1.4;
}
@media screen and (min-width: 48em) {
.how-it-works{
    border-radius:32px;
}
.how-it-works-inner{
    padding:2rem;
}
.how-it-works h3{
    font-size:1.675rem;
}
.how-it-works-items{
    width:90%;
    margin:0 auto;
}
.how-it-works-list-item{
}
.how-it-works-list-item .icon-col{
    flex-basis:auto;
}
.how-it-works-list-item .text-col{
    flex-basis:80%;
    padding:0.25rem;
}
.how-it-works-list-item p{
    font-size:1.25rem;
    font-weight:700;
}  
}
@media screen and (min-width: 60em) {
.how-it-works{
    border-radius:32px;
}
.how-it-works-inner{
    padding:2rem;
}
.how-it-works h3{
    font-size:1.675rem;
}
.how-it-works-items{
    width:80%;
    margin:0 auto;
}
.how-it-works-list-item{
}
.how-it-works-list-item .icon-col{
    flex-basis:auto;
}
.how-it-works-list-item .text-col{
    flex-basis:80%;
    padding:0.25rem;
}
.how-it-works-list-item p{
    font-size:1.25rem;
    font-weight:700;
}     
}




/* whats-included
    =========================================== */

.whats-included{
   
    
}
.whats-included-items{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-evenly;
    align-items:flex-start;
    
    row-gap: 1.5rem;
    column-gap: 3rem;
    
}
.whats-included-item{
    background-color:var(--white);
    display:block;
    flex-basis:100%;
    
    
    text-align:center;
    border-radius: 20px;
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .19);
        -webkit-box-shadow: 0px 0px12px 0px rgba(0,0,0,.19);
        -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,.19);
}
.whats-included-item-img{
    border-radius: 20px 20px 0px 0px;
}

.whats-included-item-img img{
    border-radius: 20px 20px 0px 0px;
}
.whats-included-item-text{
    padding:1.25rem 2.25rem;
    
}
.whats-included-item-icon{
    position:relative;
    display:block;
    
    width: 56px;
    height: 56px;
    margin: -36px 12px -1rem 12px;
    
    
}
.whats-included-item p{
    font-size:1rem;
    line-height:1.4;
}

@media screen and (min-width: 48em) {
.whats-included-items{
  row-gap: 1.75rem;
  column-gap: 1.25rem;
    
}
.whats-included-item{
    flex-basis:48%;   
}
}

@media screen and (min-width: 60em) {
 .whats-included-items{
  row-gap: 1.5rem;
  column-gap: 1.25rem;
    
}
.whats-included-item{
    flex-basis:23%;   
}   
    
}


/* warranty-blocks
    =========================================== */
.warranty-blocks{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-evenly;
    align-items:flex-start;
}
.warranty-block{
    background-position: center center;
    background-repeat:no-repeat;
    background-size:cover;
    
    display:block;
    flex-basis:100%;
    
    background-color:var(--pup-dkblue);
}
.warranty-block-inner{
    padding:4rem;
}
.warranty-block .warranty-block-icon{
    width:86px;
    margin:0 auto 1rem auto;
    display:block;
}
.warranty-block .warranty-block-text{
    padding:0.5rem 2rem;
}


/* Site Emergence JS animation classes/settings
    =========================================== */
.de-fade {
	transition: opacity .5s ease-in-out;
}
.de-fade-up,
.de-fade-down,
.de-left-in,
.de-right-in {
	transition: all .5s ease-in-out;
}

.de-fade[data-emergence="hidden"] {
	opacity: 0;
}
.de-fade[data-emergence="visible"] {
	opacity: 1;
}
.de-fade-up[data-emergence="hidden"] {
	transform: translateY(3.75rem);
	opacity: 0;
}
.de-fade-up[data-emergence="visible"] {
	transform: translateY(0rem);
	opacity: 1;
}
.de-fade-down[data-emergence="hidden"] {
	transform: translateY(-2.75rem);
	opacity: 0;
}
.de-fade-down[data-emergence="visible"] {
	transform: translateY(0rem);
	opacity: 1;
}
.de-left-in[data-emergence="hidden"] {
	 transform: translateX(-2.75rem);
	opacity: 0;
}
.de-left-in[data-emergence="visible"] {
	transform: translateX(0);
	opacity: 1;
}
.de-right-in[data-emergence="hidden"] {
    transform: translateX(2.75rem);
    opacity: 0;
}
.de-right-in[data-emergence="visible"] {
	transform: translateX(0);
	opacity: 1;
}

.delay_250,
.delay-250{
    transition-delay: 250ms;
}
.delay_500,
.delay-500{
    transition-delay: 500ms;
}
.delay_750,
.delay-750{
    transition-delay: 750ms;
}
.delay_1000,
.delay-1000{
    transition-delay: 1000ms;
}