/********************************************************/
/*
/*      Typography CSS
/*
/********************************************************/

	.h1 {
		font-family: var(--wp--preset--font-family--rebond-grotesque) !important;
		font-size: var(--wp--preset--font-size--x-large) !important;
		line-height: 1 !important;
		font-weight: 800 !important;
	}
	
	.h2 {
		font-family: var(--wp--preset--font-family--rebond-grotesque) !important;
		font-size: var(--wp--preset--font-size--large) !important;
		line-height: 1 !important;
		font-weight: 800 !important;
		letter-spacing: .5px !important;
	}
	
	.h3 {
		font-family: var(--wp--preset--font-family--rebond-grotesque) !important;
		font-size: var(--wp--preset--font-size--medium-large) !important;
		line-height: 1.026 !important;
		font-weight: 800 !important;
		letter-spacing: .5px !important;
	}
	
	.h4 {
		font-size: var(--wp--preset--font-size--medium) !important;
		line-height: 0.8 !important;
		font-weight: 500 !important;
	}
	
	.h5 {
		font-family: var(--wp--preset--font-family--rebond-grotesque) !important;
		font-size: var(--wp--preset--font-size--small) !important;
		line-height: 1.2 !important;
		font-weight: 600 !important;
	}
	
	.h6 {
		font-family: var(--wp--preset--font-family--rebond-grotesque) !important;
		font-size: var(--wp--preset--font-size--x-small) !important;
		line-height: 1.2 !important;
		font-weight: 600 !important;
	}

	a[href] {
		transition: color .3s;
	}
	
	@media (width <= 500px) {
		h1, h2, h3, h4, h5, h6, p, span, label, blockquote, q, b, strong, i, em, mark, small, li, dt, dd {
			overflow-wrap: break-word;
			hyphens: auto;
			hyphenate-limit-chars: 12 6 6; /* Prevent hyphenation on shorter words */
		}
	}