/*Hybrid fonts - Dh3Mh2 - represents the font size that switches between font hierarchy across devices - desktop, mobile*/
/*Mobile*/
.h1 {
	font-family: 'F37Ginger-Regular';
	margin-bottom: 18px;
	letter-spacing: -0.5px;
	
	font-size: 36px;
	line-height: 45px;
}
.h1-brandRefresh-2022 {
	font-family: 'Balgin';
	letter-spacing: 0em;
	font-size: 2.25rem;
	line-height: 1.1em;
}
.h2 {
	font-family: 'F37Ginger-Regular';
	margin-bottom: 18px;
	letter-spacing: -0.5px;

	font-size: 22px;
	line-height: 27px;
}
.h2-brandRefresh-2022 {
	font-family: 'Balgin';
	letter-spacing: 0em;
	font-size: 1.75rem;
	line-height: 1.1em;
}
.p-brandRefresh-lore-2022 {
	font-family: 'Lore';
	letter-spacing: 0em;
	font-size: 0.8rem;
	line-height: 1.1em;
	text-transform: uppercase;
}
.h3 {
	font-family: 'F37Ginger-Regular';
	margin-bottom: 18px;
	letter-spacing: -0.5px;

	font-size: 18px;
	line-height: 27px;
}
.body-copy-light {
	font-family: 'F37Ginger-Light';
}
.body-copy-regular {
	font-family: 'F37Ginger-Regular';
}
.body-copy-bold {
	font-family: 'F37Ginger-Bold';
}
.body-copy {
	margin-bottom: 18px;
	letter-spacing: -0.5px;

	font-size: 18px;
	line-height: 27px;
}
.body-copy-small {
	margin-bottom: 18px;
	letter-spacing: -0.5px;

	font-size: 16px;
	line-height: 27px;
}
.body-copy-fix-16 {
	font-size: 16px;
	line-height: 27px;
}
.body-copy-fix-18 {
	margin-bottom: 18px;
	letter-spacing: -0.5px;
	font-size: 18px;
	line-height: 27px;
}
.body-copy-fix-20 {
	font-size: 20px;
	line-height: 28px;
}
.body-copy-fix-22 {
	font-size: 22px;
	line-height: 27px;
}
.body-copy-fix-14 {
	font-size: 14px;
	line-height: 27px;
}
.body-copy-fix-12 {
	font-size: 12px;
	line-height: 27px;
}
.footer-copy-large {
	margin-bottom: 18px;
	letter-spacing: -0.5px;

	font-size: 16px;
	line-height: 27px;
}
.footer-copy {
	margin-bottom: 18px;
	letter-spacing: -0.5px;

	font-size: 14px;
	line-height: 18px;
}
.footer-copy-small {
	margin-bottom: 18px;
	letter-spacing: -0.5px;

	font-size: 10px;
	line-height: 14px;
}
/*Hybrid Fonts - take the smaller font*/
.dh3mh1 {
	font-family: 'F37Ginger-Regular';
	margin-bottom: 18px;
	letter-spacing: -0.5px;

	font-size: 36px;
	line-height: 45px;
}
.dh3mh2 {
	font-family: 'F37Ginger-Regular';
	margin-bottom: 18px;
	letter-spacing: -0.5px;

	font-size: 22px;
	line-height: 27px;
}
/*REMOVE*/
.dh3th3mh2 {
	font-family: 'F37Ginger-Regular';
	margin-bottom: 18px;
	letter-spacing: -0.5px;

	font-size: 22px;
	line-height: 27px;
}
.dh2mh1 {
	font-family: 'F37Ginger-Regular';
	margin-bottom: 18px;
	letter-spacing: -0.5px;

	font-size: 36px;
	line-height: 45px;
}
.th3mbc {
	font-family: 'F37Ginger-Regular';
	margin-bottom: 18px;
	letter-spacing: -0.5px;

	font-size: 18px;
	line-height: 27px;
}
/*Need font*/
.tbcmfc {
	margin-bottom: 18px;
	letter-spacing: -0.5px;

	font-size: 14px;
	line-height: 18px;
}
/*Need font*/
.dbcmfc {
	margin-bottom: 18px;
	letter-spacing: -0.5px;

	font-size: 14px;
	line-height: 18px;
}
.dh3th2mh1 {
	font-family: 'F37Ginger-Regular';
	margin-bottom: 18px;
	letter-spacing: -0.5px;

	font-size: 36px;
	line-height: 45px;
}
/*This needs the font?*/
.dh3th2mfc {
	margin-bottom: 18px;
	letter-spacing: -0.5px;

	font-size: 14px;
	line-height: 18px;
}
/*This needs the font?*/
.dh3th2mbc {
	margin-bottom: 18px;
	letter-spacing: -0.5px;

	font-size: 18px;
	line-height: 27px;
}
/*Redundent?*/
.dbctbcmh2 {
	font-family: 'F37Ginger-Regular';
	margin-bottom: 18px;
	letter-spacing: -0.5px;

	font-size: 22px;
	line-height: 27px;
}
/*Redundent?*/
.dh2th2mh1 {
	font-family: 'F37Ginger-Regular';
	margin-bottom: 18px;
	letter-spacing: -0.5px;

	font-size: 36px;
	line-height: 45px;
}
.footer-copy-light {
	font-family: 'F37Ginger-Light';
}
.footer-copy-regular {
	font-family: 'F37Ginger-Regular';	
}
.footer-copy-bold {
	font-family: 'F37Ginger-Bold';
}
.input-copy {
	font-size: 18px;
	font-family: 'F37Ginger-Regular';
}
.onboarding-auto-address-copy-desktop {
	margin-bottom: 0px;
	text-align: left;
	font-size: 16px;
}
.onboarding-auto-address-copy {
	margin-bottom: 0px;
	text-align: left;
}
.onboarding-dog-breed-copy {
	margin-bottom: 0px;
	text-align: left;
	
	letter-spacing: -0.5px;

	font-size: 18px;
	line-height: 18px;
}
.zero-margin-bottom {
	margin-bottom: 0px;
}
.margin-bottom-6 {
	margin-bottom: 6px;
}
.margin-bottom-12 {
	margin-bottom: 12px;
}
.margin-bottom-8 {
	/*Used for checkout - based off the space taken up by the h3 text (-10px)*/
	margin-bottom: 8px;	
}
.onboarding-line-height-override {
	line-height: 63px!important;
}
.standard-underline-solid {
	background-image: linear-gradient(to right, #005648 100%, transparent 0%);
  	background-position-x: 0px;
  	background-position-y: 1.04em;
	background-repeat: repeat-x;
	background-size: 8px 1px;
}
.activity-level-underline-solid {
  	background-image: linear-gradient(to right, #10B193 100%, transparent 0%);
  	background-position-x: 0px;
  	background-position-y: 1.04em;
	background-repeat: repeat-x;
	background-size: 8px 2px;
}
.activity-level-underline-dashed {
	background-image: linear-gradient(to right, #10B193 50%, transparent 50%);
	background-position: 0 1.2em;
	background-repeat: repeat-x;
	background-size: 8px 2px;
}
.activity-level-underline-dashed-mobile {
	background-image: linear-gradient(to right, #10B193 50%, transparent 50%);
  	background-position-x: 0px;
  	background-position-y: 1.04em;
	background-repeat: repeat-x;
	background-size: 8px 2px;
}

.font-regular-underline {
	text-decoration-line: underline;
	cursor: pointer;
}

u {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #10B193;
	text-decoration: none;

}


@media (min-width: 375px){
	/*Standard fonts*/
	.h1 {
		font-size: 36px;
		line-height: 45px;
	}
	.h2 {
		font-size: 22px;
		line-height: 27px;
	}
	.h3 {
		font-size: 18px;
		line-height: 27px;
	}
	.body-copy-large {
		font-size: 20px;
		line-height: 27px;
	}
	.body-copy {
		font-size: 18px;
		line-height: 27px;
	}
	.body-copy-small {
		font-size: 16px;
		line-height: 27px;
	}
	.footer-copy-large {
		font-size: 16px;
		line-height: 27px;
	}
	.footer-copy {
		font-size: 14px;
		line-height: 18px;
	}
	/*Hybrid fonts*/
	/*Desktop h2, mobile to desktop h1*/
	.dh3mh1 {
		font-size: 36px;
		line-height: 45px;
	}
	/*Desktop h3, mobile to desktop h2*/
	.dh3mh2 {
		font-size: 22px;
		line-height: 27px;
	}
	.dh3th3mh2 {
		font-size: 22px;
		line-height: 27px;
	}
	.dh2mh1 {
		font-size: 36px;
		line-height: 45px;
	}
	/*Table & above h3, mobile & below bc*/
	.th3mbc {
		font-size: 18px;
		line-height: 27px;
	}
	/*Table & above bc, mobile & below fc*/
	.tbcmfc {
		font-size: 14px;
		line-height: 18px;
	}
	.dh3th2mh1 {
		font-size: 36px;
		line-height: 45px;
	}
	.dh3th2mfc {
		font-size: 14px;
		line-height: 18px;
	}
	.dh3th2mbc {
		font-size: 18px;
		line-height: 27px;
	}
	.dbctbcmh2 {
		font-size: 22px;
		line-height: 27px;
	}
	.dh2th2mh1 {
		font-size: 36px;
		line-height: 45px;
	}
}
@media (min-width: 425px){
	/*Standard fonts*/
	.h1 {
		font-size: 54px;
		line-height: 63px;
	}
	.h2 {
		font-size: 22px;
		line-height: 27px;
	}
	.h3 {
		font-size: 18px;
		line-height: 27px;
	}
	.body-copy-large {
		font-size: 20px;
		line-height: 27px;
	}
	.body-copy {
		font-size: 18px;
		line-height: 27px;
	}
	.body-copy-small {
		font-size: 16px;
		line-height: 27px;
	}
	.footer-copy-large {
		font-size: 16px;
		line-height: 27px;
	}
	.footer-copy {
		font-size: 14px;
		line-height: 18px;
	}
	/*Hybrid fonts*/
	/*Desktop h2, mobile to desktop h1*/
	.dh3mh1 {
		font-size: 54px;
		line-height: 63px;
	}
	.dh3mh2 {
		font-size: 22px;
		line-height: 27px;
	}
	.dh3th3mh2 {
		font-size: 22px;
		line-height: 27px;
	}
	.dh2mh1 {
		font-size: 54px;
		line-height: 63px;
	}
	.th3mbc {
		font-size: 18px;
		line-height: 27px;
	}
	.tbcmfc {
		font-size: 14px;
		line-height: 18px;
	}
	.dh3th2mh1 {
		font-size: 54px;
		line-height: 63px;
	}
	.dh3th2mfc {
		font-size: 14px;
		line-height: 18px;
	}
	.dh3th2mbc {
		font-size: 18px;
		line-height: 27px;
	}
	.dbctbcmh2 {
		font-size: 22px;
		line-height: 27px;
	}
	.dh2th2mh1 {
		font-size: 54px;
		line-height: 63px;
	}
}

/*Tablet*/
@media (min-width: 768px){
	/*Standard fonts*/
	.h1 {
		font-size: 63px;
		line-height: 81px;
		letter-spacing: -0.9px;
	}
	.h1-brandRefresh-2022 {
    	font-size: 3rem;
    }
	.h2 {
		font-size: 43px;
		line-height: 54px;
		letter-spacing: -0.9px;
	}
    .h2-brandRefresh-2022 {
         font-size: 2rem;
    }
	.h3 {
		font-size: 26px;
		line-height: 36px;
		letter-spacing: -0.9px;
	}
	.body-copy-large {
		font-size: 20px;
		line-height: 27px;
	}
	.body-copy {
		font-size: 18px;
		line-height: 27px;
	}
	.body-copy-small {
		font-size: 16px;
		line-height: 27px;
	}
	.footer-copy-large {
		font-size: 14px;
		line-height: 27px;
	}
	.footer-copy {
		font-size: 12px;
		line-height: 18px;
	}
	/*Hybrid fonts*/
	/*Desktop h2, mobile to desktop h1*/
	.dh3mh1 {
		font-size: 63px;
		line-height: 81px;
		letter-spacing: -0.9px;
	}
	.dh3mh2 {
		font-size: 43px;
		line-height: 54px;
		letter-spacing: -0.9px;
	}
	.dh3th3mh2 {
		font-size: 26px;
		line-height: 36px;
		letter-spacing: -0.9px;
	}
	.dh2mh1 {
		font-size: 43px;
		line-height: 54px;
		letter-spacing: -0.9px;
	}
	.th3mbc {
		font-size: 26px;
		line-height: 36px;
		letter-spacing: -0.9px;
	}
	.tbcmfc {
		font-size: 18px;
		line-height: 27px;
	}
	.dh3th2mh1 {
		font-size: 43px;
		line-height: 54px;
		letter-spacing: -0.9px;
	}
	.dh3th2mfc {
		font-size: 43px;
		line-height: 54px;
		letter-spacing: -0.9px;
	}
	.dh3th2mbc {
		font-size: 43px;
		line-height: 54px;
		letter-spacing: -0.9px;
	}
	.dbctbcmh2 {
		font-size: 18px;
		line-height: 27px;
	}
	.dh2th2mh1 {
		font-size: 43px;
		line-height: 54px;
		letter-spacing: -0.9px;
	}

}
/*Desktop*/
@media (min-width: 1024px){
	/*Standard fonts*/
	.h1 {
		font-size: 66px;
		line-height: 81px;
		letter-spacing: -0.9px;
	}
	.h2 {
		font-size: 46px;
		line-height: 63px;
		letter-spacing: -0.9px;
	}
	.h3 {
		font-size: 29px;
		line-height: 36px;
		letter-spacing: -0.9px;
	}
	.body-copy-large {
		font-size: 20px;
		line-height: 27px;
	}
	.body-copy {
		font-size: 18px;
		line-height: 27px;
	}
	.body-copy-small {
		font-size: 18px;
		line-height: 27px;
	}
	.footer-copy-large {
		font-size: 14px;
		line-height: 27px;
	}
	.footer-copy {
		font-size: 12px;
		line-height: 18px;
	}
	/*Hybrid fonts*/
	/*Desktop h2, mobile to desktop h1*/
	.dh3mh1 {
		font-size: 29px;
		line-height: 36px;
		letter-spacing: -0.9px;
	}
	.dh3mh2 {
		font-size: 29px;
		line-height: 36px;
		letter-spacing: -0.9px;
	}
	.dh3th3mh2 {
		font-size: 29px;
		line-height: 36px;
		letter-spacing: -0.9px;
	}
	.dh2mh1 {
		font-size: 46px;
		line-height: 63px;
		letter-spacing: -0.9px;
	}
	.th3mbc {
		font-size: 29px;
		line-height: 36px;
		letter-spacing: -0.9px;
	}
	.tbcmfc {
		font-size: 18px;
		line-height: 27px;
	}
	.dbcmfc {
		font-size: 18px;
		line-height: 27px;
	}
	.dh3th2mh1 {
		font-size: 29px;
		line-height: 36px;
		letter-spacing: -0.9px;
	}
	.dh3th2mfc {
		font-size: 29px;
		line-height: 36px;
		letter-spacing: -0.9px;
	}
	.dh3th2mbc {
		font-size: 29px;
		line-height: 36px;
		letter-spacing: -0.9px;
	}
	.dbctbcmh2 {
		font-size: 18px;
		line-height: 27px;
	}
	.dh2th2mh1 {
		font-size: 46px;
		line-height: 63px;
		letter-spacing: -0.9px;
	}

}
@media (min-width: 1440px){
	/*Standard fonts*/
	.h1 {
		font-size: 90px;
		line-height: 108px;
		letter-spacing: -0.9px;
	}
	.h1-brandRefresh-2022 {
    	font-size: 4rem;
    }
	.h2 {
		font-size: 63px;
		line-height: 81px;
		letter-spacing: -0.9px;
	}
	.h2-brandRefresh-2022 {
    	font-size: 2.5rem;
    }
	.h3 {
		font-size: 40px;
		line-height: 54px;
		letter-spacing: -0.9px;
	}
	.p-brandRefresh-lore-2022 {
		font-size: 1.1rem;
	}
	.body-copy-large {
		font-size: 22px;
		line-height: 27px;
	}
	.body-copy {
		font-size: 20px;
		line-height: 27px;
	}
	.body-copy-small {
		font-size: 20px;
		line-height: 27px;
	}
	.footer-copy-large {
		font-size: 16px;
		line-height: 27px;
	}
	.footer-copy {
		font-size: 14px;
		line-height: 18px;
	}
	/*Hybrid fonts*/
	.dh3mh1 {
		font-size: 40px;
		line-height: 54px;
		letter-spacing: -0.9px;
	}
	.dh3th3mh2 {
		font-size: 40px;
		line-height: 54px;
		letter-spacing: -0.9px;
	}
	.dh3mh2 {
		font-size: 40px;
		line-height: 54px;
		letter-spacing: -0.9px;
	}
	.dh2mh1 {
		font-size: 63px;
		line-height: 81px;
		letter-spacing: -0.9px;
	}
	.th3mbc {
		font-size: 40px;
		line-height: 54px;
		letter-spacing: -0.9px;
	}
	.tbcmfc {
		font-size: 20px;
		line-height: 27px;
	}
	.dbcmfc {
		font-size: 20px;
		line-height: 27px;
	}
	.dh3th2mh1 {
		font-size: 40px;
		line-height: 54px;
		letter-spacing: -0.9px;
	}
	.dh3th2mfc {
		font-size: 40px;
		line-height: 54px;
		letter-spacing: -0.9px;
	}
	.dh3th2mbc {
		font-size: 40px;
		line-height: 54px;
		letter-spacing: -0.9px;
	}
	.dbctbcmh2 {
		font-size: 20px;
		line-height: 27px;
	}
	.dh2th2mh1 {
		font-size: 63px;
		line-height: 81px;
		letter-spacing: -0.9px;
	}
}