/*
	Theme Name: Great Dane 2025
	Theme URI: greatdane.com
	Description: WP Theme for Great Dane 125 Years
	Version: 2.125
	Author: Squatch Creative
	Author URI: https://squatchcreative.com

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

@font-face {
    font-family: 'Sharp Grotesk';
    src: url('fonts/SharpGroteskMedium15.woff2') format('woff2'),
        url('fonts/SharpGroteskMedium15.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp Grotesk';
    src: url('fonts/SharpGroteskSmBold15.woff2') format('woff2'),
        url('fonts/SharpGroteskSmBold15.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp GroteskItalic';
    src: url('fonts/SharpGroteskSmBoldItalic15.woff2') format('woff2'),
        url('fonts/SharpGroteskSmBoldItalic15.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

:root {
	--red:#E20005;
	--forest-green:#00280A;
	--midnight-blue:#0C2232;
	--green-mile:#285A50;
	--green-mile-mid:#D4DEDD; /*#A3ABB1;*/
	--green-mile-soft:#e4eae9;	
	--horizon-blue:#A5CDD7;
	--corn-yellow:#FFE650;
	--concrete:#C8CDD2;
	--concrete-soft:#f4f5f6;
	--asphalt:#141414;
	--light-gray:#ECECEC;
	--white:#FFFFFF;
	
	--row:1328px;
	--row-wide:1392px;
	--row-small:1128px;
	--row-post:768px;
	
	--header:86px;
	--header-scrolled:86px;
	--sticky:72px;
	
	--text-margins:1rem 0;
	--radius:16px;
	
	--transition:160ms ease all;
}

/*WP CORE
=========================*/

*,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignleft,a img.alignleft{float:left}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.gallery-caption,.wp-caption .wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

article > .alignfull, 
.container.alignfull {
	width:100%;
	max-width:100%;
	margin:0;
}

article > .alignwide,
.container.alignwide {
	width: var(--row);
	max-width: calc(100% - 2rem);
	position: relative;
	left: 0;
	margin:0 auto;
}
	
article > *:not(.alignwide, .alignfull) {
	width: 1128px;
	margin: 0 auto;
	max-width: calc(100% - 2rem);
}

.wp-block-image {
	margin-bottom:0;
}

.wp-block-image img {
    max-width: 100%;
    display: block;	
}

.wp-block-columns {
    margin-bottom: 0;
}

::selection {
    background-color: var(--wp--preset--color--midnight-blue);
    color: #ffffff;
}

html {
	font-size:18px;
	scroll-behavior: smooth;
	/*scrollbar-gutter: stable;*/
}

body {
	margin:0px; padding:0px;
	font-family: 'Noto Sans', Arial, sans-serif;
	background:#fff;
	color:var(--asphalt);
	font-size:1rem;
	line-height:150%;
	overflow-x:clip;
	width:100vw;
} 

body.no-scroll {
	height: 100vh;
    overflow-y: clip;
    /*margin-right: 17px;*/
}
main.site-content {
	overflow:clip;
}
div { 
	display:block; 
	position:relative; 
	margin:0px; 
	padding:0px; 
}
.body-wrapper {
	max-width:100%;
	width:100%; 
	overflow:clip; 
}
.container {
	margin:0px auto; 
	padding:0px 1rem;
	width:100%; 
	height:auto; 	
}
.padded-container {
	padding:4rem 0px;
}
.row {
    float: none;
    clear: both;
    margin: 0px auto;
    padding: 0px;
    width: 100%;
    height: auto;
    max-width: var(--row);
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
	padding: 0;
}
.row.small-row {
	max-width:var(--row-small);
}
.row.wide-row {
	max-width:var(--row-wide);
}
div[class*='span'] {
	margin:0; 
	padding:0; 
	height:auto;
}
.span5 { width:5%; }
.span10 { width:10%; }
.span15 { width:15%; }
.span20 { width:20%; }
.span25 { width:25%; }
.span30 { width:30%; }
.span33 { width:33.33333333%; }
.span35 { width:35%; }
.span40 { width:40%; }
.span45 { width:45%; }
.span50 { width:50%; }
.span55 { width:55%; }
.span60 { width:60%; }
.span65 { width:65%; }
.span66 { width:66.66666666%; }
.span70 { width:70%; }
.span75 { width:75%; }
.span80 { width:80%; }
.span85 { width:85%; }
.span90 { width:90%; }
.span100 { width:100%; }

h1,h2,h3,h4,h5,p {
	margin:var(--text-margins);
}

h1,h2,h3,h4,h5 {
	color:var(--midnight-blue);
}

h1 {
    font-family: 'Sharp Grotesk';
    font-size: clamp(4rem,9vw,7.25rem);
    line-height: 90%;
    text-transform: uppercase;
    font-weight: 700;
}
h2 {
	font-family: 'Sharp Grotesk';
	font-size:clamp(2.5rem,6vw,5rem);
	line-height:90%;
	text-transform:uppercase;
	font-weight:700;
}

h3 {
	font-family: 'Sharp Grotesk';
	font-size:2rem;
	line-height:95%;
	text-transform:uppercase;
	font-weight:700;
}

h1 em, 
h2 em, 
h3 em {
	font-family: 'Sharp GroteskItalic';
}

h4 {
	font-family: 'Sharp Grotesk';
	font-size: 1.44444rem;
	line-height: 110%;
	font-weight: 600;
}

h5 {
	font-size: 1rem;
	line-height: 150%;
	font-weight: bold;
}

p {
	font-size:1rem;
	line-height:150%;
	padding:0;
}

a {
	transition: var(--transition); 
	text-decoration:none;
	color:var(--red);
}
a:hover {
	color:#000000;
}

a.large-link {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:25;
}
img, a img {
	display:inline-block; 
	max-width:100%; 
	height:auto; 
	border:0px;
	padding:0px;
	margin:0px auto;
}
div.gallery {
	display: flex;
	flex-flow: row wrap;
}

div.gallery dl.gallery-item {
	margin: 0 !important;
	border: 0px;
}

div.gallery dl.gallery-item a, div.gallery dl.gallery-item img {
	display: block;
	border: 0 !important;
	padding: 0;
}

dt.gallery-icon.landscape {
	border: 0;
}
svg {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%;
}
svg path {
	transition:var(--transition);
}
figure {
	display:flex;
	position:relative;
	max-width:100%;
}
figure img {
	display:block;
	position:relative;
	width:100%;
	height:auto;
	max-width:100%;
}
small {
	display: block;
	font-size: 0.77778rem;
	line-height: 140%;
	text-wrap:balance;
}
.bold, strong {font-weight:bold;}
.italic, em { font-style:italic;}
.hidden { display:none; }
.clear {	clear:both; float:none; display:block; position:relative; }
.text-center { text-align:center; }
.text-right { text-align:right; } 
.no-gap { margin:0px auto !important; padding:0px !important; } 
.text-balance {
	text-wrap:balance;
}
hr {
	display:block; 
	clear:both; 
	position:relative;
	max-width:640px;
	border:0px;
	border-bottom:2px #efefef solid;
	height:1px;
	margin:48px auto;
}
pre {
	margin: 0;
}

blockquote {
	display: block;
	position: relative;
}
blockquote p {
	font-family: 'Sharp Grotesk';
	text-transform: uppercase;
	line-height: 88%;
	font-weight: 700;
	font-size:var(--wp--preset--font-size--headline-small); 
	text-align:center;
}
cite {
	font-weight: 600;
	font-style: normal;
	text-align:center;
}

.z-index-5 {
	position:relative;
	z-index:5;
}

/* CORE BLOCK STYLES
=============================== */
figure.circle-badge {
	width: 360px;
	margin: 0 auto;
}

blockquote.is-style-great-dane-testimonial {
	position: relative;
	margin: 0 auto;
	padding-top:68px;
}

blockquote.is-style-great-dane-testimonial:before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
	width: 40px;
	height: 32px;
	background-size:100% auto;
	background-image: url('data:image/svg+xml,%3Csvg width="40" height="32" viewBox="0 0 40 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M31.3963 31.9148C25.0363 31.9148 22.9963 29.7548 22.9963 19.9148C22.9963 7.55484 27.7963 0.714841 38.2363 0.474837V7.43484C33.9163 7.67484 31.8763 9.71484 31.3963 14.1548C31.7563 14.0348 32.2363 14.0348 32.7163 14.0348C37.3963 14.0348 39.4363 15.3548 39.4363 22.7948C39.4363 30.1148 37.3963 31.9148 31.3963 31.9148ZM9.07625 31.9148C2.71625 31.9148 0.67625 29.7548 0.67625 19.9148C0.67625 7.55484 5.59625 0.714841 16.0363 0.474837V7.43484C11.7163 7.67484 9.67625 9.71484 9.19625 14.1548C9.55625 14.0348 10.0363 14.0348 10.5163 14.0348C15.1963 14.0348 17.2363 15.3548 17.2363 22.7948C17.2363 30.1148 15.1963 31.9148 9.07625 31.9148Z" fill="%23E20005"/%3E%3C/svg%3E%0A');
}

.wp-block-cover.is-style-great-dane-center-top {
	padding: 6% 2.5rem;
	align-items: flex-start;
}

@media all and (min-width:1100px) {
	.wp-block-cover.is-style-great-dane-stagger-left .wp-block-cover__inner-container > * {
		transform: translate(-22vw, 0);
	}
	.wp-block-cover.is-style-great-dane-stagger-right .wp-block-cover__inner-container > * {
		transform: translate(22vw, 0);
	}
}

.wp-block-cover.is-style-great-dane-125 {
	overflow: visible;
	padding: 96px 1rem 150px 1rem;
}

.wp-block-cover.is-style-great-dane-125:before {
	display: block;
	position: absolute;
	content: '';
	background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8"%3F%3E%3Csvg xmlns="http://www.w3.org/2000/svg" width="249" height="38" fill="none" version="1.1" viewBox="0 0 249 38"%3E%3Cpath d="m58.938 0h138.82v38h-138.82z" style="fill:%23f9f9f9"%3E%3C/path%3E%3Cpath d="m1.5922 33.435c30.827 0.1185 46.683-12.744 54.17-33.435h193.24l-1.592 4.5653c-28.294-0.11849-42.162 12.745-49.648 33.435h-197.76zm58.12-3.7934h12.145l1.296-3.6749h-4.0679l6.1297-17.608h-3.4772l-4.8338 1.4235-1.1193 3.3195 3.9485-0.7702-4.8337 13.635h-3.8307zm23.105-8.8935h4.0696c1.3549 0 2.7703-1.0072 3.2416-2.3715l2.6525-7.5293c0.5302-1.4235-0.2356-2.49-1.5921-2.49h-8.3111l-1.1192 3.5565h6.0119c0.2357 0 0.2946 0.1777 0.2357 0.4147l-1.4744 4.3875c-0.1178 0.2962-0.2945 0.4147-0.5302 0.4147h-4.009c-1.3549 0-2.7115 0.7703-3.2416 2.2531l-3.5362 10.256h10.905l1.296-3.675h-6.7204l1.7099-4.8022c0.059-0.237 0.2357-0.4147 0.4124-0.4147zm17.862-8.8327h6.545l1.238-3.5564h-10.375l-4.2447 12.213h6.0706c0.177 0 0.236 0.1185 0.177 0.2962l-1.6511 4.8023c-0.0589 0.2369-0.1767 0.4147-0.4712 0.4147h-6.1298l-1.1782 3.5564h8.311c1.3553 0 2.6523-1.0664 3.1823-2.5492l2.712-7.6478c0.53-1.542-0.118-2.4899-1.533-2.4899h-4.4218zm20.333 11.263h1.532c1.473 0 2.947-1.0072 3.477-2.5492l4.245-12.272h-4.186l-3.713 10.789c-0.059 0.1777-0.118 0.3554-0.294 0.3554h-3.419c-0.176 0-0.294-0.1777-0.235-0.3554l3.713-10.789h-4.245l-4.127 12.272c-0.53 1.542 0.059 2.5492 1.474 2.5492h1.651l-2.24 6.4612h4.186zm13.324-2.5492h5.069l2e-3 -0.0017 1.178-3.4972h-4.952l1.71-5.0984h5.894l1.296-3.675h-10.139l-7.309 21.283h10.08l1.296-3.675h-5.953zm16.857 3.2026-2.063 5.8094h4.125l6.72-18.97c0.472-1.3643-0.235-2.3122-1.592-2.3122h-7.722c-1.296 0-2.534 0.94794-3.006 2.3122l-6.601 18.97h4.245l2.005-5.8094zm18.627 5.8094 0.471-7.0552h-2e-3c1.296-0.1778 2.299-1.1866 2.712-2.3715l3.3-9.3067c0.53-1.542-0.176-2.5492-1.651-2.5492h-9.312l-7.428 21.283h4.245l2.417-6.996h1.533l-0.471 6.996zm14.56-17.608h5.659l1.356-3.6749h-8.016c-1.296 0-2.535 0.94794-3.006 2.3122l-2.712 7.8847c-0.471 1.3644 0.059 2.3123 1.416 2.3123h3.595c0.176 0 0.235 0.1777 0.176 0.2962l-1.474 4.4468c-0.059 0.1185-0.236 0.237-0.353 0.237h-5.895l-1.356 3.7934h8.134c1.355 0 2.653-0.9479 3.124-2.3122l2.77-7.944c0.53-1.4828-0.117-2.3715-1.533-2.3715h-3.654c-0.177 0-0.236-0.1185-0.177-0.2962l1.593-4.3283c0.058-0.1778 0.235-0.3555 0.353-0.3555zm-29.59-0.1276h-2.947c-0.354 0-0.53 0.2356-0.589 0.4124l-2.771 7.8986h3.89l2.77-7.8986c0.059-0.2357-0.118-0.4124-0.353-0.4124zm16.74 0.059h-3.183l-2.594 7.1917h3.065c0.354 0 0.471-0.2356 0.53-0.4123l2.299-6.4243c0.059-0.1768 0.059-0.3535-0.117-0.3535z" clip-rule="evenodd" fill="%23e20005" fill-rule="evenodd"%3E%3C/path%3E%3C/svg%3E ');
	width: clamp(224px,26vw,400px);
	aspect-ratio: 400 / 60;
	background-size: 100% auto;
	height: auto;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 5;
}

.wp-block-cover.is-style-great-dane-125:after {
	display: block;
	position: absolute;
	content: '';
	width: clamp(180px, 16vw, 241px);
	background-image: url('data:image/svg+xml,%3Csvg width="241.38" height="63.517" fill="none" version="1.1" viewBox="0 0 241.38 63.517" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%23000"%3E%3Cpath d="m0 60.14c0.30024-0.7154 0.84066-1.0416 1.5312-1.3151 3.4327-1.3572 6.5752-3.2721 9.5475-5.471-3.6829-7.8908-3.813-15.371 2.1717-22.02 4.2133-4.6924 11.899-6.8493 20.036-2.967 0.9208-1.7044 1.8515-3.4298 2.7522-5.0922-1.1009-0.989-2.1817-1.8306-3.1024-2.8301-3.6429-3.9244-4.7838-9.9424-2.7322-14.761 1.4312-3.4088 3.803-5.6077 7.5259-5.6814 2.512-0.052605 4.3434 1.3362 5.1841 3.8507 0.9207 2.7355 0.6405 5.5236 0.03 8.2274-0.6305 2.7565-1.5612 5.4394-2.3718 8.1538-0.1101 0.3578-0.2603 0.705-0.4204 1.1153 1.8515 1.031 3.773 1.4203 5.7645 1.515 3.5228 0.1789 6.9555-0.2209 10.168-1.9148 0.7106-0.3683 1.0909-0.8628 1.311-1.7044 0.4904-1.9359 1.0609-3.8507 1.7514-5.713 0.3303-0.8837 0.8907-1.757 1.5412-2.4198 1.321-1.3257 3.2525-0.6839 3.4927 1.2099 0.1502 1.1784-0.01 2.4619-0.3202 3.6087-0.5604 2.0832-1.8615 3.7034-3.3226 5.1974-0.3803 0.3788-0.6906 0.9469-0.8006 1.4835-1.3311 6.4178-2.5921 12.867-4.8038 19.043-1.8314 5.1027-4.1633 9.9109-7.686 13.982-3.8931 4.482-8.7669 6.9439-14.471 7.6804-0.3302 0.0421-0.6505 0.1368-0.9707 0.1999h-4.6236c-0.1902-0.0631-0.3703-0.1473-0.5705-0.1684-4.4835-0.5471-8.4666-2.2935-11.839-5.4814-0.09-0.0842-0.2201-0.1368-0.3102-0.1894-0.8407 0.6733-1.6413 1.2941-2.4219 1.9674-0.7306 0.6313-1.5212 0.8838-2.492 0.8628-2.3718-0.0632-4.7537 0-7.1356-0.0316-0.80062 0-1.5912-0.0842-2.3919-0.1263v-0.2104zm17.694-5.6182c0.4804 0.3472 0.8507 0.6523 1.251 0.9048 0.6305 0.3893 1.261 0.8101 1.9415 1.0942 7.1056 2.9774 13.811 1.9253 20.066-2.4619 3.5328-2.4725 5.9747-6.0181 8.0564-9.8372 3.3126-6.1023 5.3642-12.71 7.0555-19.454 0.05-0.1894 0-0.3893 0-0.6102-5.7645 2.2831-11.539 2.483-17.324 0.4103-0.8707 1.6518-1.6513 3.2405-2.532 4.7766-0.3803 0.6733-0.3903 1.0731 0.1602 1.6939 2.2417 2.5145 3.2825 5.534 3.0323 8.9744-0.1701 2.3357-1.0008 4.3768-2.9423 5.734-1.5011 1.0521-3.4727 0.9469-4.6836-0.1894-0.9007-0.8417-1.171-2.1778-0.6606-3.2615 0.5004-1.0731 1.5913-1.6308 2.8022-1.2625 0.9007 0.2735 1.3311-0.0737 1.6313-0.8733 0.7806-2.0411 0.0801-5.3868-1.5112-6.9965-4.7137 7.7014-10.138 14.782-16.363 21.368zm-3.2525-3.7981c6.6852-5.6604 12.35-12.257 17.183-19.706-5.3341-3.3667-12.74-2.0305-16.693 2.8512-4.0132 4.9555-3.6029 12.71-0.4904 16.844zm23.248-31.195c0.5104-1.5255 1.0008-2.8617 1.4011-4.2189 0.8306-2.7986 1.4211-5.6393 1.241-8.5852-0.1201-1.978-0.8807-3.0932-2.0116-3.2615-1.1809-0.17886-2.2718 0.73647-2.9423 2.5356-0.8907 2.4198-0.9408 4.9344-0.5605 7.47 0.3303 2.2305 1.161 4.2295 2.8723 6.0707z"/%3E%3Cpath d="m151.94 57.372c-2.882 2.1779-6.105 3.3668-9.607 3.735-2.482 0.263-4.974 0.2735-7.366-0.5576-1.071-0.3683-2.142-0.8627-3.053-1.5466-2.371-1.757-2.522-4.7871-0.41-6.8913 1.862-1.8622 4.233-2.3462 6.675-2.504 4.154-0.2525 8.047 0.7785 11.71 2.8091 0.29 0.1578 0.59 0.3156 1.11 0.5997 1.161-2.2094 2.512-4.2926 3.403-6.5757 2.042-5.1974 3.753-10.532 5.785-15.729 1.381-3.5351 2.932-7.0176 4.693-10.353 0.881-1.6728 2.262-3.1458 3.663-4.4188 1.922-1.7465 4.273-2.3146 6.785-1.5256 1.422 0.4419 1.752 1.5887 0.861 2.5567-2.051-0.968-3.673-0.6734-5.024 1.273-1.011 1.4624-1.911 3.0827-2.522 4.766-1.911 5.25-3.623 10.584-5.484 15.855-1.801 5.0922-3.853 10.058-7.126 14.34-0.54 0.7154-1.131 1.3782-1.741 2.1147 1.391 1.3678 2.732 2.7776 4.183 4.0506 0.31101 0.2736 1.021 0.1473 1.531 0.0526 3.223-0.5997 6.155-1.9464 8.797-3.9454 7.196-5.4604 11.619-12.92 14.051-21.758 1.051-3.8192 1.542-7.7225 0.951-11.689-1.111-7.3858-5.284-12.131-12.31-13.846-16.763-4.0927-28.262 7.5962-31.124 19.496-0.59 2.4514-0.761 4.9344-0.32 7.4279 0.63 3.5982 3.052 5.1553 6.355 3.9454 1.171-0.4314 2.392-1.0837 3.262-1.9885 4.594-4.7555 6.626-10.542 5.865-17.318-0.1-0.8627-0.44-1.6834-0.671-2.5356 0.911-0.6523 1.942-0.4629 2.392 0.7576 0.471 1.2835 0.84101 2.7144 0.81101 4.0716-0.16 7.8592-3.072 14.393-8.967 19.327-2.202 1.8412-4.694 3.0301-7.626 2.6303-3.703-0.5156-6.285-3.5036-6.665-7.8382-0.561-6.4494 1.271-12.257 4.733-17.497 5.245-7.9328 12.58-12.352 21.657-13.635 5.665-0.7996 11.219-0.35772 16.343 2.504 7.826 4.3557 11.859 11.279 11.629 20.579-0.43 17.254-12.419 31.363-28.682 34.046-0.16999 0.0316-0.33 0.0421-0.501 0.0842-2.431 0.5471-4.593 0.4839-5.814-2.3883-0.32-0.7575-1.091-1.3151-1.661-1.9569-0.161-0.1789-0.351-0.3157-0.57099-0.505zm-3.012-2.3672c-2.332-1.8307-6.465-3.1143-9.338-2.7881-1.08 0.1263-2.171 0.4103-3.192 0.8206-0.95099 0.3788-1.541 1.231-1.591 2.3673-0.04 1.1152 0.59 1.8201 1.431 2.3567 0.25999 0.1683 0.53 0.3051 0.81 0.4103 3.673 1.494 9.178 0.0421 11.87-3.1668z"/%3E%3Cpath d="m124.69 29.829c-0.721 2.1779-1.421 4.2505-2.152 6.4599h5.264c-0.3 0.8102-0.5 1.5151-0.84 2.1463-0.13 0.2525-0.571 0.4314-0.871 0.4419-1.241 0.0526-2.482-0.021-3.723 0.0526-0.33 0.0211-0.821 0.3472-0.931 0.6523-1.181 3.4404-2.321 6.8913-3.402 10.363-0.301 0.9574-0.441 1.999-0.48099 3.009-0.06 1.6308 1.021 2.3778 2.372 1.5782 0.811-0.484 1.501-1.2731 2.122-2.0411 0.64-0.7996 1.131-1.7255 1.861-2.8512 0.261 0.5365 0.531 0.8732 0.59099 1.2415 0.06 0.4313 0 0.9153-0.12 1.3467-0.691 2.4934-1.932 4.6503-3.853 6.2915-2.933 2.5146-6.205 1.3888-7.246-2.4303-0.05-0.1894-0.11-0.3788-0.21-0.6839-0.551 0.6734-1.001 1.2731-1.491 1.8307-1.101 1.2204-2.342 2.2199-3.973 2.5145-2.262 0.3998-3.783-0.7365-4.194-3.1142-0.05-0.2736-0.08-0.5366-0.16-1.0311-0.33 0.4629-0.52 0.8101-0.79 1.0732-0.921 0.9048-1.752 1.9779-2.8127 2.6302-1.8815 1.1468-3.9431 0.5787-5.074-1.3888-0.6805-1.1994-1.0007-2.6302-1.4811-3.9454-0.03 0.0316-0.1902 0.2631-0.3703 0.463-1.1409 1.2309-2.1617 2.6302-3.4727 3.6297-1.0709 0.8207-2.4319 1.3993-3.733 1.6413-3.1124 0.5787-5.3341-1.031-6.2649-4.1979-0.08-0.263-0.1501-0.5366-0.2702-0.9364-0.4703 0.7365-0.8206 1.4625-1.331 2.0201-0.8707 0.9574-1.7314 2.0095-2.7922 2.6723-2.1917 1.3783-4.5736 0.3472-5.4342-2.1778-0.7106-2.0621-0.6405-4.1979-0.0801-6.239 0.9007-3.3457 1.9916-6.6283 3.0124-9.9424 0.12-0.3893 0.2501-0.7786 0.4103-1.2625-1.251-0.1999-2.4019-0.3788-3.6129-0.5682-0.09 0.242-0.2101 0.484-0.2802 0.747-1.6713 6.4915-4.5736 12.446-7.4058 18.433-0.1201 0.263-0.4703 0.5682-0.7105 0.5682-1.7714 0.0526-3.5328 0.021-5.5344 0.021 4.6537-6.4599 9.0271-12.867 11.369-20.453-0.9907-0.5997-1.9315-1.0837-2.7721-1.7045-1.4011-1.031-2.3118-2.4303-2.462-4.282-0.1601-2.0201 0.5905-3.5141 2.0717-4.1769 1.6212-0.7154 3.843-0.2841 4.8137 1.2731 0.6906 1.0942 1.0709 2.4724 1.3411 3.777 0.2101 1.0416 0.04 2.1568 0.04 3.4825 1.281 0.1789 2.6621 0.4103 4.0432 0.5366 0.9007 0.0841 1.8114 0 2.7121 0.0315 0.3202 0.0106 0.8907 0.1158 0.9207 0.2736 0.1001 0.4734 0.1201 1.0521-0.07 1.4729-0.2402 0.5576-0.7306 0.9995-1.0709 1.5151-2.0416 3.0721-3.3426 6.4178-3.2625 10.226 0.02 0.7891 0.1801 1.6203 0.4703 2.3462 0.4504 1.1258 1.5813 1.4414 2.502 0.6944 0.6505-0.526 1.281-1.1889 1.6613-1.9359 0.7506-1.4834 1.4411-3.0195 1.9215-4.6187 1.0808-3.5666 2.522-6.9018 5.144-9.5321 1.6313-1.6307 3.5128-2.7249 5.8746-2.4409 1.5713 0.1894 2.472 1.1153 2.8222 2.7145 1.0609 4.7344-3.7229 10.984-8.3365 10.879-0.5004-0.0105-0.9908-0.1157-1.4912-0.1788-0.6705 1.4098-0.3002 4.4714 0.7006 5.5656 0.9307 1.0206 2.1417 1.1153 3.2525 0.5892 1.1409-0.5366 2.3419-1.1994 3.1725-2.1358 1.5612-1.7675 3.1325-3.6297 4.2534-5.7129 2.592-4.8397 8.0664-5.7761 11.609-2.483 0.05 0.0421 0.12 0.0526 0.46 0.1894 0.22-1.4098 0.59-2.7565 0.61-4.1032 0.031-1.4414-0.81-2.3567-2.121-2.7144-1.471-0.4104-2.993-0.4314-3.923 0.9995-0.571 0.8837-1.181 0.9679-2.0018 0.9363-0.4704-0.021-0.9307 0-1.5412 0 0.6305-2.1147 1.7914-3.5245 3.693-4.1979 1.491-0.526 3.032-0.5576 4.563-0.1473 3.253 0.8733 4.844 3.4089 4.174 7.0281-0.361 1.9464-1.091 3.8297-1.652 5.7445-0.41 1.4098-0.92 2.7986-1.171 4.24-0.11 0.6207 0.121 1.6307 0.551 1.9464 0.43 0.3261 1.411 0.242 1.931-0.0631 0.851-0.4945 1.692-1.21 2.242-2.0411 0.951-1.473 1.822-3.0511 2.462-4.6924 1.081-2.7565 1.972-5.6077 2.932-8.4169 0.02-0.0631 0-0.1367 0-0.3682h-4.073c0.33-0.8733 0.541-1.5782 0.871-2.22 0.12-0.2314 0.53-0.4418 0.781-0.4208 2.501 0.2315 3.893-1.0942 4.583-3.4825 0-0.0315 0.03-0.0631 0.04-0.0947 0.807-2.2515 2.422-3.2124 4.844-2.8827zm-27.712 21.516c0.0801 0.0315 0.1501 0.0631 0.2302 0.0947 0.05 0.4524 0.0801 0.9048 0.1701 1.3572 0.4604 2.2199 1.9816 2.8091 3.7025 1.4309 0.111-0.0842 0.23099-0.1579 0.311-0.2736 1.201-1.757 2.412-3.514 3.592-5.2921 0.101-0.1473 0.131-0.4314 0.061-0.5786-0.681-1.4414-1.632-2.5882-3.243-2.8618-1.491-0.2525-2.7321 0.3577-3.3726 1.715-0.6505 1.3782-0.9808 2.9353-1.4512 4.4083zm-13.21-5.3342c0.6205 0.1052 1.1309 0.263 1.6413 0.2525 3.6128-0.0526 5.7945-4.6924 5.4042-7.5646-0.1001-0.7681-0.6505-1.0416-1.3411-0.8207-0.3802 0.1158-0.7706 0.2841-1.0808 0.5261-2.4219 1.8727-3.7029 4.5135-4.6236 7.6067zm-16.743-10.205c0.2402-1.5151 0.1401-2.7776-0.4104-3.9665-0.3002-0.6523-0.9007-1.1362-1.5312-0.747-0.4003 0.242-0.7405 0.9995-0.7205 1.5046 0.08 1.6307 1.251 2.4093 2.6621 3.2089z"/%3E%3Cpath d="m200.18 44.747c0.641-1.4835 1.041-2.9459 0.781-4.5241-0.2-1.2415-0.961-1.978-2.112-2.2725-1.411-0.3683-2.912-0.4314-3.773 0.8942-0.69999 1.0732-1.491 1.0732-2.452 1.0521h-1.21c0.65-2.1147 1.821-3.5561 3.742-4.2084 1.502-0.5155 3.033-0.5365 4.564-0.1157 3.082 0.8417 4.694 3.2405 4.193 6.5336-0.25 1.6202-0.76 3.1984-1.221 4.766-0.49 1.6729-1.151 3.3036-1.571 4.9975-0.23 0.9364-0.54 2.1358 0.551 2.7565 1.1 0.6313 1.871-0.3156 2.482-1.0416 1.03-1.2414 2.161-2.4934 2.792-3.9664 1.301-3.0301 2.362-6.1864 3.392-9.3322 0.451-1.3888 0.2-2.3672-0.53-3.998 1.341 0 2.632-0.0315 3.913 0.0316 0.21 0 0.55 0.4103 0.57 0.6628 0.07 0.8627 0.03 1.7465 0.03 2.7039 0.811-0.9469 1.522-1.8622 2.312-2.6934 1.001-1.0521 2.212-1.7465 3.673-1.6833 2.382 0.1052 3.953 2.1252 3.543 4.8502-0.25999 1.7044-0.841 3.3983-1.481 4.9975-0.741 1.8412-1.772 3.5561-2.542 5.3868-0.401 0.9363-0.621 2.0095-0.711 3.0405-0.1 1.1468 0.681 1.7676 1.682 1.2941 0.86-0.3998 1.691-1.031 2.321-1.757 1.942-2.1989 3.173-4.8607 4.184-7.6383 1.05-2.8512 2.392-5.5025 4.513-7.6488 1.391-1.3993 2.993-2.3567 4.964-2.5356 1.912-0.1788 3.323 0.8312 3.763 2.7145 1.131 4.7976-3.783 11.152-8.467 10.931-0.46-0.0211-0.92-0.1263-1.491-0.1999-0.31 1.8622-0.34 3.6508 0.631 5.2921 0.67 1.1257 2.101 1.5781 3.502 0.8627 1.141-0.5787 2.252-1.4204 3.073-2.4304 1.051-1.2836 1.801-2.8407 2.832-4.5451 0.28 0.4945 0.641 0.8943 0.721 1.3572 0.09 0.4945 0.01 1.0732-0.15 1.5571-0.971 2.9459-2.442 5.5552-4.864 7.4595-1.271 0.9995-2.722 1.5045-4.304 1.5676-2.912 0.1158-5.054-1.778-5.694-4.9975-0.09-0.4734-0.17-0.9469-0.27-1.5571-0.701 0.9995-1.221 2.0095-1.972 2.7776-1.161 1.1888-2.342 2.504-3.753 3.2404-3.252 1.6834-6.065-0.526-5.804-4.3346 0.14-2.0937 0.92-3.9559 1.931-5.713 1.021-1.778 2.192-3.4614 3.113-5.2921 0.66-1.3151 1.12-2.767 1.481-4.2084 0.12-0.4839-0.19-1.4098-0.551-1.6097-0.45-0.242-1.321-0.1368-1.741 0.1999-0.971 0.7786-1.902 1.6834-2.642 2.7039-3.163 4.3557-5.344 9.248-6.886 14.456-0.3 1.0206-0.3 2.1358-0.45 3.2931h-4.623c0.21-0.7049 0.42-1.3782 0.55001-1.8096-0.5 0.4629-1.131 1.0626-1.781 1.6413-2.663 2.3357-5.425 1.2941-6.055-2.2831-0.04-0.1999-0.08-0.3998-0.15-0.7259-0.341 0.4945-0.571 0.9258-0.901 1.2625-0.751 0.7891-1.461 1.6834-2.342 2.2726-2.081 1.3782-4.303 0.8101-5.524-1.4204-0.531-0.9679-0.931-2.1463-1.001-3.2615-0.21-3.1669 0.38-6.1759 2.332-8.7325 2.692-3.5351 7.025-4.0716 10.448-1.3257 0.13 0.1053 0.26 0.1999 0.46 0.3472zm-9.437 6.4178v0.3367c0.03 1.3467 0.19 2.7144 1.501 3.3141 1.291 0.5892 2.302-0.3577 3.023-1.2941 1.15-1.494 2.111-3.1458 3.132-4.7345 0.12-0.1788 0.2-0.505 0.13-0.6838-0.62-1.3888-1.521-2.4935-3.022-2.8407-1.371-0.3262-2.512 0.1368-3.383 1.2941-1.051 1.3888-1.291 3.0511-1.391 4.6187zm40.312-5.2395c1.821 0.7154 3.282 0.2736 4.583-0.8943 1.491-1.3361 2.292-3.0932 2.452-5.1237 0.05-0.6313-0.08-1.5887-0.46-1.8517-0.391-0.2631-1.201 0.1262-1.822 0.263-0.15 0.0316-0.28 0.1788-0.41 0.2946-2.202 1.8833-3.443 4.3978-4.333 7.3121z"/%3E%3C/g%3E%3C/svg%3E%0A');
	aspect-ratio: 247 / 65;
	background-size: 100% auto;
	height: auto;
	bottom: 2rem;
	left: 50%;
	transform: translate(-50%, 0%);
	z-index: 5;
}

figure.wp-block-gallery.is-style-great-dane-branding,
figure.wp-block-gallery.is-style-great-dane-swatches {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	gap: var(--gap);
	--gap: 0.5rem;
}

figure.wp-block-gallery.is-style-great-dane-swatches {
	--columns: 5;
}

figure.wp-block-gallery.is-style-great-dane-branding {
	--columns:4;
}

figure.wp-block-gallery.is-style-great-dane-swatches > figure,
figure.wp-block-gallery.is-style-great-dane-branding > figure {
	flex-grow: 0 !important;
	width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns))) !important;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	font-family: 'Sharp Grotesk';
	text-transform: uppercase;
	font-size: 1rem;
	background: linear-gradient(0deg, rgba(0, 0, 0, 1), transparent);
	text-shadow: none;
	padding: 3rem 1rem 1rem 1rem;
}

figure.wp-block-gallery.is-style-great-dane-mosaic {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 1.5rem;
	padding:1.5rem 0;
}

figure.wp-block-gallery.is-style-great-dane-mosaic > figure {
	width: 100% !important;
	height: 100%;
}

figure.wp-block-gallery.is-style-great-dane-mosaic figure:nth-of-type(5n + 1) {
	grid-column: 1 / span 4;
	aspect-ratio: 20/9;
}


figure.wp-block-gallery.is-style-great-dane-mosaic figure:nth-of-type(5n + 2) {
	grid-column: span 2;
	grid-row: span 2;
	aspect-ratio:1/1;
}

figure.wp-block-gallery.is-style-great-dane-mosaic figure:nth-of-type(5n + 3) {
	grid-column: span 2;
	grid-row: span 1;
	aspect-ratio: 20/9;
}

figure.wp-block-gallery.is-style-great-dane-mosaic figure:nth-of-type(5n + 4), 
figure.wp-block-gallery.is-style-great-dane-mosaic figure:nth-of-type(5n + 5) {
	max-height: 26vw;
}

.wp-block-group.product-card-group {
	overflow: hidden;
}

.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before {
	display: none !important;
}

.wp-block-embed__wrapper {
	width: 100%;
	height: auto;
}

.oembed-container {
	width: 100%;
	height: auto;
}

figure.wp-block-embed.wp-embed-aspect-16-9 .oembed-container {
	aspect-ratio: 16/9;
}

figure.wp-block-embed.wp-embed-aspect-21-9 .oembed-container {
	aspect-ratio: 21/9;
}

figure.wp-block-embed.wp-embed-aspect-18-9 .oembed-container {
	aspect-ratio: 18/9;
}

figure.wp-block-embed.wp-embed-aspect-16-9 .oembed-container {
	aspect-ratio: 16/9;
}

figure.wp-block-embed.wp-embed-aspect-4-3 .oembed-container {
	aspect-ratio: 4/3;
}

figure.wp-block-embed.wp-embed-aspect-3-4 .oembed-container {
	aspect-ratio: 3/;
}

figure.wp-block-embed.wp-embed-aspect-1-1 .oembed-container {
	aspect-ratio: 1/1;
}

figure.wp-block-embed.wp-embed-aspect-9-16 .oembed-container {
	aspect-ratio: 9/16;
}

ul.wp-block-list.is-style-great-dane-legend {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	gap: 0.77778rem;
	position: sticky;
	top: calc(var(--header) + 1.5rem);
}

ul.wp-block-list.is-style-great-dane-legend li {
	font-size: var(--wp--preset--font-size--title-small);
	text-transform: uppercase;
	font-family: 'Sharp Grotesk';
}

.wp-block-table thead {
	border-bottom: 3px solid black;
}

figure.wp-block-table table th, 
figure.wp-block-table table td {
	border: 0;
	padding: 1.25rem 2.5%;
	box-sizing: border-box;
}

figure.wp-block-table table th {
	text-transform: uppercase;
	font-family: 'Sharp Grotesk';
	text-align: left;
	font-size: 1.125rem;
	line-height: 140%;
}

figure.wp-block-table table td {
	font-size: 0.88889rem;
	line-height: 125%;
}

@media all and (max-width:768px) {
	.wp-block-table table {
		min-width: 400px;
		overflow: scroll;
	}
}

.wp-block-table.is-style-great-dane-red,
.wp-block-table.is-style-great-dane-midnight,
.wp-block-table.is-style-great-dane-forest,
.wp-block-table.is-style-great-dane-green-mile,
.wp-block-table.is-style-great-dane-horizon,
.wp-block-table.is-style-great-dane-asphalt {
	border-collapse: collapse;
}

.wp-block-table[class*="is-style-great-dane"] tbody tr:nth-child(even) {
	background: var(--concrete-soft);
}

.wp-block-table[class*="is-style-great-dane"] tbody tr:nth-child(odd) {
	background: #fff;
}

.wp-block-table[class*="is-style-great-dane"] th {
	color: #fff;
}

.wp-block-table.is-style-great-dane-red th {
	background: var(--red);
}

.wp-block-table.is-style-great-dane-midnight th {
	background: var(--midnight-blue);
}

.wp-block-table.is-style-great-dane-forest th {
	background: var(--forest-green);
}

.wp-block-table.is-style-great-dane-green-mile th {
	background: var(--green-mile);
}

.wp-block-table.is-style-great-dane-horizon th {
	background: var(--horizon-blue);
	color: var(--asphalt);
}

.wp-block-table.is-style-great-dane-asphalt th {
	background: var(--asphalt);
}













/* HEADER
================================*/

header {
	display: flex;
	width: 100vw;
	height: auto;
	position: relative;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: auto;
	z-index: 9999;
	background: white;
	border-bottom: 1px solid var(--concrete);
}

.header-spacer {
	height:var(--header);
}

header .row {
	max-width: var(--row-wide);
}

.header .row {
	padding: 1rem 0;
	transition: var(--transition);
	align-items: center;
	gap: 84px;
	justify-content: space-between;
}
/*
body.scrolled .header .row {
    padding:8px 0;
}
*/
.header .logo-container {
	width: 54px;
	height: 58px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.logo-container a {
    display: block;
}

.header .logo-container svg {
    display: block;
    width:100%;
    height: auto;
    max-width: 100%;
	fill:var(--red);
	transition:var(--transition);
}

.header .logo-container a:hover svg {
	fill:var(--asphalt);
}


.header nav {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;	
}

header a:not(.button,.nav-toggle, .large-link) {
	display: flex;
	flex-flow: row;
	justify-content: flex-start;
	align-items: center;
	gap: 0.5rem;
	color: var(--midnight-blue);
	font-family: 'Noto Sans';
	font-weight: 600;
	font-size: 0.888889rem;
	line-height: 120%;
}

.header .menu-bar {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 1.85rem;
}

a.nav-toggle {
	display: flex;
	flex-flow: column;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	background: transparent;
	gap: 4px;
	cursor: pointer;
	transition: var(--transition);
}

a.nav-toggle hamburger-line {
	width: 20px;
	height: 3px;
	background: var(--midnight-blue);
	transition: var(--transition);
} 

a.nav-toggle.opened {
	background: var(--light-gray);
}

a.nav-toggle.opened hamburger-line.top{
	transform: rotate(45deg) translate(3px,2px);
	transform-origin: center center;
}

a.nav-toggle.opened hamburger-line.bottom {
	transform: rotate(-45deg) translate(3px,-2px);
	transform-origin: center center;
}

.header nav.main-nav {
	gap:0.65rem;
}

.header nav.main-nav a.nav-toggle {
	margin-right: 0.5rem;
}

.header nav.main-nav a {
	padding: 0.5rem 1rem;
	border-radius: 100px;
	background: transparent;
}

.header nav.main-nav a:hover, 
.header nav.main-nav a.opened {
	background: var(--light-gray);
}

.header nav.quick-icons {
	gap: 2rem;
}

.header .quick-icons svg {
	width: 20px;
	height: auto;
	object-fit: contain;
}

.header nav.quick-icons span {
	visibility: hidden;
	display: none;
}

nav.quick-icons a:hover svg path {
	fill: var(--red);
}


#main_menu .mobile-panel {
	display:none;
}

@media all and (min-width:1128px) {
	.mobile-back, .back-panel, .mobile-panel-list {
		display:none !important;
	}
}







nav.sub-navigation .sub-menu {
	background: white;
	display: flex;
	left: 0;
	list-style: none;
	margin: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	text-align: left;
	top: -25%;
	transition: z-index .18s step-end, opacity .18s ease-in-out, pointer-events 0s linear, top .18s ease-in-out, left .18s ease-in-out;
	width: 100vw;
	z-index: -1;
	border-bottom: 1px solid var(--concrete);
}

nav.nav.sub-navigation {
	position: relative;
	width: 100vw;
	height: auto;
}

nav.sub-navigation .sub-menu.opened {
	opacity: 1;
	pointer-events: auto;
	top: var(--header);
	transition: z-index .18s step-start, opacity .18s ease-in-out, pointer-events 0s linear, top .18s ease-in-out, left .18s ease-in-out;
	z-index: 9998;	
}

.left-panel {
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex: 0 0 192px;
	border-right: 1px solid var(--concrete);
	padding: 1.5rem 1.5rem 1.5rem 0;
}

ul.panel-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	width: 100%;
	flex-flow: column;
	justify-content: flex-start;
	align-items: stretch;
	gap:0.5rem;
}

ul.panel-list li a figure {
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
}

header .sub-menu a:not(.large-link, .button) {
	padding: 0.5rem 1rem;
	border-radius: 100px;
	background: transparent;
}

header .sub-menu a.opened,
header .sub-menu a:hover {
	background: var(--light-gray);
}

header .sub-menu a.large-link, 
header .sub-menu a.large-link:hover {
	background: transparent;
}

header .sub-menu a svg {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.sub-menu .right-panel {
	display: flex;
	flex: 1;
	padding: 1.5rem 0;
	gap: 1.5rem;
}

header .sub-menu .row {
	gap: 1.5rem;
}

.menu-card {
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	align-items: stretch;
	flex: 1;
	gap: 1rem;
	min-width: 240px;
	max-width: 400px;
	border-radius:var(--radius);
	overflow:clip;
}

.menu-card.product-card {
	padding: 0 0 1rem 0;
}

.menu-card figure, 
.card.menu-card.article-card figure.featured-image {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
}

.menu-card figure img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

header .sub-menu .menu-card figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	flex-flow: column;
	justify-content: flex-end;
	align-items: flex-start;
	padding: 1.5rem;
}

header .sub-menu .menu-card figure a span {
	display: block;
	color: white;
	z-index: 1;
	font-family: 'Sharp Grotesk';
	font-size: var(--wp--preset--font-size--large);
	line-height: 100%;
}

ul.menu-card-list {
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 0.5rem;
}

.full-panel {
	width: 100%;
	display: flex;
	padding: 1.5rem 0;
	gap: 1.5rem;
	flex-flow: row wrap;
}

.menu-card.icon-card figure {
	width: 32px;
	height: 32px;
	flex: 0 0 32px;
	aspect-ratio: unset;
}

header .menu-card.icon-card a {
	height: 100%;
	min-height: 64px;
	gap: 1rem;
	border-radius: 20px;
}

.menu-card.icon-card { 
	flex: 1 1 200px; 
	min-width: 164px;
	max-width: 210px;
}


.sub-menu .right-panel.product-panel {
	padding: 2rem 0 3rem 1rem;
	gap: 2.5rem;
}

.sub-menu .right-panel.toggled-panel:not(.opened) {
	display: none;
}

.menu-card.product-card {
	padding:0 0.75rem 1rem 0.75rem;
}

.menu-card.product-card figure {
	aspect-ratio: unset;
} 

.menu-card.product-card figure img {
	position: relative;
	width: 100%;
	height: auto;
	object-fit: contain;
	top: unset;
	left: unset;
	margin-bottom: 1rem;
}

header .sub-menu .menu-card.product-card figure a {
	position: relative;
	gap: 0;
	padding: 0;
	border-radius: 0;
}

header .sub-menu .menu-card.product-card figure a:hover {
	background: transparent;
}

header .sub-menu .menu-card.product-card figure a span {
	color: var(--midnight-blue);
	font-family: 'Noto Sans';
	font-size: 0.777778rem;
	line-height:120%;
	font-weight: 500;
}

header .sub-menu .menu-card.product-card figure a span.product-title {
	color: var(--mightnight-blue);
	font-family: 'Sharp Grotesk';
	font-weight: 700;
	text-transform: uppercase;
	font-size: clamp(2rem,4.5vw,3.65rem);
}

.card.menu-card.article-card {
	background: transparent;
}

.card.menu-card .article-content {
	padding: 0 1rem 1rem 1rem;
	min-height: unset;
}






div#search-modal {
	background: #fffffffa;
	display: flex;
	left: 0;
	list-style: none;
	margin: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	text-align: left;
	top: -25%;
	transition: z-index .18s step-end, opacity .18s ease-in-out, pointer-events 0s linear, top .18s ease-in-out, left .18s ease-in-out;
	width: 100vw;
	z-index: -1;
}

#search-modal.opened {
	opacity: 1;
	pointer-events: auto;
	top: var(--header);
	transition: z-index .18s step-start, opacity .18s ease-in-out, pointer-events 0s linear, top .18s ease-in-out, left .18s ease-in-out;
	z-index: 9998;
}

#search-modal .row {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	padding: 4rem 0;
}

form.search-form {
	width: 624px;
	max-width: 100%;
	margin: 2rem 0;
}

input.has-icon.search-input {
	border-color: var(--midnight-blue);
}

.form-field.search-submit {
	visibility: hidden;
	display: none;
}



div#contact-block {
	width: 648px;
	max-width: 100%;
	background: var(--midnight-blue);
	padding: 0 2rem 2rem 2rem;
	min-height: 400px;
	margin: 0;
}

#contact-block .hs-form-frame {
    min-height: 490px;
}

.form-steps.step1 p {
	margin: 0;
}

.form-steps.step1 .custom_dropdown {
	margin-bottom: 3rem;
}














/*BRAND AND SITEWIDE ASSETS
=================================== */
 
.gd-textmark svg {
	fill: var(--red);
}

.gd-textmark svg:last-of-type {
	display: none;
}

figure.circle-badge svg {
	fill: var(--red);
}

figure.circle-badge svg .ring-text-1 {
	animation: spinner 30s linear infinite;
	transform-origin: center center;
}

figure.circle-badge svg .ring-text-2 {
	animation: spinner 30s linear infinite;
	transform-origin: center center;
	animation-direction: reverse;
}

.slick-slider .slick-list {
	overflow: visible;
	width: 100%;
	max-width: 100%;
}

.single-product.slick-slider .slick-list {
	display: flex;
	justify-content: center;
}

.slick-slider .slick-track {
	display: flex;
	flex-flow: row;
	justify-content: flex-start;
	align-items: stretch;
	gap:var(--gap);
}

.slick-initialized .slick-slide {
	display: flex;
}

.slick-track .slick-slide {
	height:auto;
}

.slick-track:before, .slick-track:after {
	display: none;
}

a.slick-arrow {
	display: flex;
	position: absolute;
	z-index: 10;
	bottom:-68px;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	color: white;
	font-size: 1rem;
	line-height: 100%;
	background: transparent;
	text-align: center;
	cursor: pointer;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	transition: var(--transition);
	border: 1px solid var(--midnight-blue);
	fill: var(--midnight-blue);
}

a.slick-prev.slick-arrow {
	right: calc(2.5rem + 48px);
}

a.slick-next.slick-arrow {
	right: 2.5rem;
}

a.slick-arrow svg {
	width: 7px;
	height: 12px;
	transition: var(--transition);
}

a.slick-arrow svg path {
	transition: unset;
}

a.slick-arrow:hover {
	border-color:var(--red);
	fill:var(--red);
}

a.slick-arrow.slick-disabled {
	pointer-events:none;
	border: 1px solid var(--green-mile-mid);
	fill: var(--green-mile-mid);
}

ul.slick-dots {
	z-index: 5;
	position: absolute;
	left: 50%;
	transform: translate(-50%,0);
	bottom: calc(-1rem - 48px);
	margin: 0;
	display: flex;
	gap: 0.4rem;
	list-style: none;
	width: auto;
	height: auto;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	background: white;
	padding: 1rem;
	border-radius: 100px;
}

ul.slick-dots li {
    margin: 0;
}

ul.slick-dots li button {
	cursor: pointer;
	font-size: 0px;
	color:transparent;
	border: 0;
	background: var(--midnight-blue);
	height: 10px;
	width: 10px;
	border-radius: 100px;
	padding: 0;
	display: block;
	transition: var(--transition);
}

ul.slick-dots li.slick-active button, 
ul.slick-dots li button:hover {
    background: var(--red);
}

ul.slick-dots li.slick-active button {
	width: 24px;
}

.fancybox-slide--html .fancybox-content {
	background: unset;
	padding: 0;
}

button.fancybox-button,
.fancybox-close-small {
	background: var(--light-gray);
	color: #141414;
	fill: var(--asphalt);
	border-radius: 50%;
	top: 1rem;
	right: 1rem;
}

.fancybox-navigation {
	display: flex;
	position: absolute;
	top: 50%;
	left: calc(50% - 4px);
	width: calc(var(--row-small) + 128px);
	justify-content: space-between;
	transform: translate(-50%, -50%);
	z-index: 99999;
}

.fancybox-button.fancybox-button--close svg path {
	fill: transparent;
	stroke: var(--asphalt);
	stroke-linejoin: round;
	stroke-width: 3;
	transition:0s;
}

.fancybox-show-nav button.fancybox-button {
	position: relative;
	top: unset;
	left: unset;
	right: unset;
	display: flex;
	width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
}

.fancybox-navigation button.fancybox-button.disabled {
	visibility: hidden;
}

.fancybox-show-nav button.fancybox-button svg path {
	fill: var(--asphalt);
	stroke: unset;
}

.fancybox-navigation .fancybox-button svg {
	width: 20px;
	height: auto;
	opacity:0.8;
}

.fancybox-navigation .fancybox-button:hover svg {
	opacity:1.0;
}

.fancybox-close-small svg {
	stroke: var(--asphalt);
}





























/* HERO BLOCK
========================================== */

.hero-block {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	align-items: flex-start;
	gap: 5rem;
	min-height:calc(80vh - var(--header));
	padding:2.5rem;
}

.hero-block.is-style-video {
	min-height: unset;
	aspect-ratio: 16 / 9;
	border-radius: var(--radius);
    overflow: clip;
}

.hero-block.is-style-video.is-style-wide-video {
	min-height: unset;
	aspect-ratio: 5/2;
}

figure.background {
	width: 100%;
	height: 100%;
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
	margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

figure.background img, figure.background video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero-content {
	position: relative;
	z-index: 10;
	width: var(--width);
	max-width: 100%;
	color: var(--text);
	margin: auto 0 0 0;
}

.hero-content h1, 
.hero-content h2, 
.hero-content h3 {
	text-wrap: balance;
	color:var(--text);
}

.hero-content h1:first-of-type, 
.hero-content h2:first-of-type, 
.hero-content h3:first-of-type {
	margin-top:0;
}

.hero-content p {
	width: 440px;
	max-width:100%;
	margin:var(--text-margins);
}

.hero-content .wp-block-buttons {
	margin: 1.5rem 0 0 0;
}

div.bg-overlay {
	display:block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1;
	background: var(--bgcolor);
	margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

.hero-block .hero-content .bg-overlay {
	display: none;
}

.hero-block.is-style-boxed .hero-content {
	padding: 3rem;
}

.hero-block.is-style-boxed > div.bg-overlay {
	display: none;
}

.hero-block.is-style-boxed .hero-content .bg-overlay {
	display: block;
}

.hero-block .hero-content *:not(.bg-overlay) {
	z-index: 10;
	position: relative;
}

.hero-block figure.gd-textmark {
	position: relative;
	z-index: 10;
	width:100%;
}

a.hero-play-video {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 11;
	border-radius: 50%;
	backdrop-filter: blur(6px);
	width: 98px;
	height: 98px;
}

.hero-block:has(.gd-textmark) a.hero-play-video {
	position: relative;
	top: unset;
	left: unset;
	transform: translate(0, 0);
	margin: 0 auto;
}

a.hero-play-video svg {
	width: 100%;
	height: auto;
	max-width: 100%;
	transition:var(--transition);
	fill:var(--text);
}


/* HERO CAROUSEL
=========================== */

.hero-carousel-block {
	visibility:hidden;
}

.hero-carousel-block.slick-initialized {
	visibility:visible;
}

.hero-carousel-block .hero-block {
	padding: 2.5rem 2.5rem 7rem 2.5rem;
	gap: 2.5rem;
	align-items: center;
	justify-content: center;
}

.hero-carousel-block .hero-content { 
	margin: 0;
	text-align: center;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	text-wrap:balance;
}

.hero-carousel-block .hero-content p {
	width: auto;
	margin: 0;
}

.hero-block.hero-carousel-slide figure.gd-textmark {
	margin-bottom: auto;
}

.hero-block.hero-carousel-slide a.hero-play-video {
	position: relative;
	top: unset;
	left: unset;
	transform: translate(0, 0);
	margin: 0 auto;
}

.hero-carousel-block a.slick-arrow {
	bottom: 50%;
	border-color:white;
	background:white;
}

.hero-carousel-block a.slick-next.slick-arrow {
	right: 2.5rem;
}

.hero-carousel-block a.slick-prev.slick-arrow {
	right: unset;
	left: 2.5rem;	
}

.hero-carousel-block ul.slick-dots {
	bottom: 2.5rem;
}





















/* CARDS
================================ */

.card-row {
	--gap: 1.5rem;
	gap: var(--gap);
	flex-flow: row;
}

.card-row .card {
	flex: 0 0 calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));
	display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
	border-radius:var(--radius);
	overflow:clip;
}

.card-row.is-style-carousel .card.slick-slide,
.card-row.is-style-gallery .card.slick-slide {
	display: flex;
	flex: auto;
	height: auto;
}

.card.image-card {
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	overflow: hidden;
	aspect-ratio: 5/7;
}

.card.image-card figure, .card.image-card img, .card.image-card video {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	--transition: 1200ms ease all;
	transition: var(--transition);
}

@media all and (min-width:969px) {
	.card.image-card.has-video:hover img {
		opacity: 0.0;
	}

	.card.image-card:not(.pop-out-card):hover img {
		transform: scale(1.1);
	}
}

.card-content {
    padding: 2rem;
	width:100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
	z-index:10;
}

.card-row.image-cards .card-content {
	padding: 1.5rem;
	justify-content: flex-end;
	gap:1rem;
}

.card-row.image-cards .card-content .card-copy {
	display: flex;
	flex-flow: column;
	gap: 0.75rem;
}

.card-row.image-cards .card-content .card-copy * {
	font-size: var(--wp--preset--font-size--title-extra-small);
}

.card-content * {
    margin: 0;	
}

.card-row.style-grid {
	flex-flow: row wrap;
}

.card-row.article-listings {
	flex-flow: row wrap;
}

.card.article-card {
    background: var(--cardbg);
    border: var(--cardborder);
}

figure.featured-image {
	overflow: hidden;
}

.card figure.featured-image {
	width: 100%;
	aspect-ratio: 12 / 5;
	height: auto;
}

.card figure.featured-image img {
	aspect-ratio: 12 / 5;
	object-fit: cover;
	transition: 480ms ease all;
}

.card:hover figure.featured-image img {
	transform:scale(1.1);
}

.card .article-content {
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	flex: 1;
	min-height: 320px;
	gap: 1rem;
	padding: 1.75rem;
}

.card.has-excerpt .article-content {
	min-height: 440px;
}

.card .article-content *:not(.button) {
	margin: 0;
}

.card .article-content .button, .card.image-card .button {
	margin: auto 0 0 0;
}

.card:hover .article-content .button, .card.image-card:hover .button {
	background:var(--light-gray);
	color: var(--midnight-blue);	
}

.card p.post-category {
	color: var(--red);
	font-family: 'Sharp Grotesk';
	font-weight: 700;
	text-transform: uppercase;
}

.image-cards:not(.is-style-scroller,.is-style-boxed) .card-content * {
	color: white;
}

.card-row.image-cards.is-style-scroller {
	/*view-timeline-name:--scroller;*/
	animation: scrollImage linear forwards;
	animation-timeline: view();
	animation-range-start: entry 20vh;
	animation-range-end: contain 50vh;
}

.card-row.image-cards.is-style-scroller .card {
	flex: 1 0 calc(100vw / var(--columns));
	align-items: flex-end;
	justify-content: flex-end;
}

.card-row.image-cards.is-style-scroller .card .card-content {
	background: white;
	height: auto;
	width: 80%;
	min-height: 120px;
	padding: 1.33333rem;
	gap: 0;
	justify-content: flex-start;
}

.card-row.image-cards.is-style-scroller .card-content p {
	font-family: 'Sharp Grotesk';
	font-weight: 700;
	color: var(--concrete);
	font-size: var(--wp--preset--font-size--headline-extra-extra-small);
	line-height: 100%;
}

@keyframes scrollImage {
	from { transform:translate(0,0); }
	to { transform:translate(calc((100vw - 100%) * -1) ,0); }
}

.card-row.image-cards.is-style-boxed {
	flex-flow: row wrap;
}

.card-row.image-cards.is-style-boxed .card {
	flex: 0 0 calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));
}

.card-row.image-cards.is-style-boxed .card.image-card {
	background: white;
	aspect-ratio: unset;
}

.card-row.image-cards.is-style-boxed .card.image-card figure {
	position: relative;
	aspect-ratio: 13/9;
	overflow: hidden;
	height: auto;
}

.card-row.image-cards.is-style-boxed .card.image-card .card-content {
	flex: 1;
	justify-content: flex-start;
	gap:1rem;
}

.card-row.image-cards.is-style-carousel .card-content,
.card-row.image-cards.is-style-gallery .card-content {
	justify-content: space-between;
	padding:2rem;
}

.is-style-carousel figure.card-background:after,
.is-style-gallery figure.card-background:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0,0,0,0.45), transparent);
}

.card-row.image-cards.is-style-carousel .card-content .card-copy,
.card-row.image-cards.is-style-gallery .card-content .card-copy {
	display: none;
}

.card-row.image-cards.is-style-gallery .card-content h2,
.card-row.image-cards.is-style-carousel .card-content h2 {
	width: 280px;
	max-width: 100%;
	line-height: 100%;
	text-wrap: balance;
}

.image-card .card-content svg.plus-sign {
	width: 40px;
	height: 40px;
	margin: auto 0 0 auto;
}

.image-card .card-content svg path.circle {
	fill: red;
}

.card.has-modal {
	cursor: pointer;
}

.card.image-card.pop-out-card {
	display: inline-flex;
	aspect-ratio: unset;
	width: var(--row-small);
	max-width: 100%;
	padding: 0;
	background: var(--red);
	margin: 0;
	border-radius: var(--radius);
	overflow: clip;
}

.card.image-card.pop-out-card figure {
	position: relative;
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
	overflow: hidden;
	max-height: 50vh;
}

.card.image-card.pop-out-card * {
	color: white;
	text-wrap: balance;
}

.card.image-card.pop-out-card .card-content svg.plus-sign {
	display: none;
}

.card.image-card.pop-out-card a.large-link {
	pointer-events: none;
	display: none;
}



.card.image-card.pop-out-card .card-content {
	padding: 2rem 4rem 4rem 4rem;
	gap: 3rem;
	flex-flow: row;
	justify-content: space-between;
}

.card.image-card.pop-out-card .card-content * {
	flex: 1;
}

.card.image-card.pop-out-card figure video {
	z-index: 5;
}

.card.image-card.gallery-card.pop-out-card {
	background: transparent;
	width: auto;
}

.card.image-card.gallery-card.pop-out-card figure {
	aspect-ratio: unset;
	width: 100%;
	max-height: 90vh;
	max-width: var(--row-small);
}

.card.image-card.gallery-card.pop-out-card figure img {
	position: relative;
	object-fit: contain;
	max-height: 90vh;
}

.card.image-card.gallery-card.pop-out-card .card-content {
	position: absolute;
	z-index: 9999999999999;
	bottom: 0;
	left: 0;
	height: auto;
	background: linear-gradient(0deg, rgba(0,0,0,0.85) 60%, transparent);
	padding: 4.5rem 1.5rem 1.5rem 1.5rem;
}

.card.product-card {
	background: white;
}

.product-card .card-content {
	padding: 3rem;
	gap: 0.5rem;
}

figure.product-card-thumb {
	width: 100%;
}

.product-card p.product-excerpt {
	color: var(--red);
	font-family: 'Noto Sans';
}

.features-holder {
	padding-bottom:2rem;
}

features-toggle {
	font-size: 12px;
	color: var(--red);
	cursor: pointer;
	padding-bottom:2rem;
}

features-toggle.collapsed:after, features-toggle.expanded:before {
	display: block;	
}

features-toggle.expanded:after {
	content: '- Show Less';
}

features-toggle.collapsed:after {
	content: '+ Show More';
}

ul.card-features {
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 1.5rem;
	list-style: none;
	margin: 0;
	padding:0;
}

ul.card-features li {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	gap: 1rem;
}

figure.feature-icon {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
}

figure.feature-icon img {
	display: block;
	width: 36px;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.feature-copy {
	color: var(--midnight-blue);
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0.5rem;
	flex:1;
}

.product-card .wp-block-buttons {
	width: 100%;
	margin-top: auto;
}

.product-card .wp-block-buttons .wp-block-button {
	flex: 1;
}

.product-cards:not(.buy-great-dane-feed) a.slick-arrow {
	fill: white;
	border-color: white;
}

.bgd-card {
	border: 1px solid var(--concrete);
}

.bgd-card figure.card-background {
	width: 100%;
	aspect-ratio: 3/2;
}

.bgd-card figure.card-background img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bgd-card .card-content {
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap:0.5rem;
	z-index: 10;
	padding: 1.5rem 1rem;
}

.bgd-card new-badge {
    z-index: 1;
    display: flex;
    position: absolute;
    top: 6px;
    left: 0;
    background: var(--red);
    color: white;
    font-family: 'sharpgrotesk-semibold15';
    width: auto;
    height: auto;
    box-sizing: border-box;
    padding: 6px 23px 6px 9px;
    clip-path: polygon(0% 0%, 100% 0, calc(100% - 12px) 50%, 100% 100%, 0% 100%);
}

.bgd-card figure.card-background {
	position: relative;
}

.bgd-card new-badge {
	z-index: 1;
	display: flex;
	position: absolute;
	top: 6px;
	left: 0;
	background: var(--red);
	font-family: 'Sharp Grotesk';
	font-size: 0.8889rem;
	color: white;
	width: auto;
	height: auto;
	box-sizing: border-box;
	padding: 6px 23px 6px 9px;
	clip-path: polygon(0% 0%, 100% 0, calc(100% - 12px) 50%, 100% 100%, 0% 100%);
}

.buy-great-dane-feed .bgd-card figure.card-background:after {display: none;}

.product-listing-info {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px 12px;
    flex: 1;
    width: 100%;
    min-height: 170px;
}

.product-listing-title-info {
    padding-right: 12px;
    flex: 1;
}

.product-listings .row > h2 {
    flex: 0 0 100%;
    width: 100%;
}

.product-listing-info h2 {
	margin: 0 0 4px 0;
	font-family: 'Noto Sans';
	font-weight: 900;
	font-size: 1rem;
	line-height: 100%;
}

.product-listing-info h2 a {
    color: #141414;
}

.product-listing-info p.product-category, 
.product-listing-info p.product-condition {
	color: var(--asphalt);
	margin: 0;
	font-size: 0.8888899rem;
}

.product-listing-info p.product-model {
	color: #141414;
	margin: 0;
	font-size: 0.88889rem;
	font-family: 'Sharp Grotesk';
	font-weight: 600;
}

.product-listing-price-location {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
    flex: 0 1 auto;
    width: 110px;
    text-align: right;
}

.product-listing-info p.product-quantity {
	color: var(--midnight-blue);
	margin: 0;
	font-size: 0.88889rem;
	font-family: 'Sharp Grotesk';
}

.product-listing-info trailer-price {
	display: block;
	font-size: 0.88889rem;
	font-weight: 700;
	margin: 2px 0 4px 0;
	line-height: 100%;
	white-space: nowrap;
	color: var(--midnight-blue);
}

.product-listing-info trailer-price a {
	color:var(--red);
}

.product-listing-info trailer-location {
    color: #141414;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 100%;
}

.product-listing-info ul.innovation-icons {
    padding-bottom: 0;
    width: 100%;
    margin-top: auto;
}

.product-listing-info ul.innovation-icons li {
    width: 30px;
    height: 30px;
    padding: 0px;
}

.product-listing-info ul.innovation-icons li img.punctureguard {
	width:24px;
	height:24px;
}


.product-listing-info ul.innovation-icons li img.microban {
	width:24px;
	height:22px;
}

span.tooltip {
    position: absolute;
    text-align: center;
    font-size: 0.777778rem;
    width: auto;
    background: var(--red);
    color: white;
    z-index: 3;
    box-sizing: border-box;
    border-radius: 6px;
    display: block;
    padding: 5px 10px;
    bottom: 0;
    left: 50%;
    transition: 240ms ease all;
    transform: translate(-50%,175%);
    pointer-events: none;
    opacity: 0.0;
}

span.tooltip:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 12px 12px;
    border-color: transparent transparent var(--red) transparent;
    position: absolute;
    content: '';
    top: -11px;
    left: calc(50% - 12px);
}

.innovation-icons li.active:hover span.tooltip {
    transform: translate(-50%,125%);
    opacity: 1.0;
} 

ul.innovation-icons {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 12px 0;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
	gap:16px;
}

ul.innovation-icons li {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid #64676b;
    margin: 0;
    opacity: 0.5;
    background: #abacad;
    padding: 4px;
    box-sizing: border-box;
	order:2;
}

ul.innovation-icons li.active {
    opacity: 1.0;
    border-color: black;
    background: white;
    order: 1;
}

ul.innovation-icons li img {
    display: block;
    height: 100%;
    width: 100%;
	object-fit:contain;
	filter: grayscale(1);
}

ul.innovation-icons li.active img {
	filter:none;
}

ul.innovation-icons img.punctureguard,
ul.innovation-icons img.microban {
    transform: translate(0,1px);
}

















/* PRODUCT SLIDER
================================ */

.product-slider-block {
	background: linear-gradient(180deg, var(--midnight-blue) 55%, white 55.1%);
	display: flex;
	flex-flow: column;
	margin-bottom: 80px;
}

.product-slider {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.product-slide {
	display:flex !important;
	flex-flow: column;
	justify-content: flex-start;
	align-items: center;
	width: var(--row-small);
	padding:0 1rem;
}

figure.product-image {
	flex-flow: column;
	width: 100%;
	height: auto;
	justify-content: flex-end;
	aspect-ratio: 1128 / 440;
	align-items: center;
	margin-bottom: 30px;
	min-height:400px;
}

.product-slider-text {
	width: 960px;
	height: auto;
	position: absolute;
	top: 0;
	left: 50%;
	max-width: 100%;
	transform: translate(-50%, 0);
}

.product-slider-text svg {
	overflow: visible;
	opacity: 0.0;
	transition: 480ms ease .25s all;
}

.slick-active .product-slider-text svg {
	opacity: 0.5;
}

.product-slider-text svg text {
	font-family: 'Sharp Grotesk';
	text-transform: uppercase;
	fill: white;
	font-size:clamp(5rem,23.5vw,376px);
	font-weight: 700;
	line-height: 100%;
}
@media all and (min-width:969px) {
	.product-slider-text.long-text svg text {
		font-size: clamp(5rem, 20vw, 320px);
		transform: translate(0, -1vw);
	}
	.product-slider a.slick-arrow {
		bottom: 50%;
		fill: white;
		border-color: white;
	}

	.product-slider a.slick-next.slick-arrow {
		right: 1rem;
	}

	.product-slider a.slick-prev.slick-arrow {
		right: unset;
		left: 1rem;
	}

	.product-slider ul.slick-dots {
		left: 50%;
		transform: translate(-50%,0);
	}
}

.product-slider h2.product-image-title {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
	text-align: center;
	color: white;
	margin: 0;
	line-height: 71%;
	pointer-events: none;
}

figure.product-image img {
	z-index: 1;
	width: calc(var(--row-small) - 5%);
}

p.product-excerpt {
	font-family: 'Sharp Grotesk';
	font-weight: 700;
	line-height: 100%;
	margin:0;
}

form.product-filter {
	position: absolute;
	top: 72%;
	left: 50%;
	z-index: 10;
	transform: translate(-50%, 0);
}







/* PRODUCT/FEATURE HIGHLIGHTS
================================= */

.product-highlights {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	--gap: 1.5rem;
	gap: var(--gap);
	background: transparent;	
}

.product-highlight {
	flex: 1 0 calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 1rem;
	border-radius:var(--radius);
	overflow: clip;
}

.product-highlights.is-style-card .product-highlight,
.product-highlights.is-style-simple-links .product-highlight {
	flex-grow:0;
}

.product-highlight figure {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.product-highlight figure img {
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
}

.product-highlights .highlight-content {
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0.5rem;
	flex:1;
}

.product-highlights h3 {
	font-size: var(--wp--preset--font-size--headline-extra-small);
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	font-family: 'Sharp Grotesk';
	text-transform: uppercase;
}

.product-highlights p {
	font-size: var(--wp--preset--font-size--title-extra-small);
}

.product-highlights .highlight-content *:not(.button-holder) {
	margin: 0;
}

.product-highlights .highlight-content:has(p.button-holder) {
	min-height: 180px;
}

.product-highlights .highlight-content p.button-holder {
	margin: auto 0 0 0;
}

.highlight-content a.button {
	font-size: var(--wp--preset--font-size--title-extra-small);
	padding: 0.77778rem 1.4444rem;
}

.product-highlights.is-style-snapshot {
	display: grid;
	grid-template-columns: repeat(var(--columns), 1fr);
	gap: 2px;
	background: var(--light-gray);
}

.product-highlights.is-style-snapshot .product-highlight {
	background: white;
	padding: 1.6rem 1.4rem;
	align-items: center;
	border-radius: 0px;
}

.product-highlights.is-style-snapshot .highlight-content {
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
	gap: 0.5rem;
}

.product-highlights.is-style-snapshot h3 {
	font-family: 'Noto Sans';
	text-transform: none;
	font-size: var(--wp--preset--font-size--title-medium);
	margin: 0;
}

.product-highlights.is-style-card,
.product-highlights.is-style-simple-links {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	--gap: 1.5rem;
	gap: var(--gap);
	background: transparent;
}

.product-highlights.is-style-card .product-highlight,
.product-highlights.is-style-simple-links .product-highlight {
	border: var(--concrete) 1px solid;
	align-items: flex-start;
	padding: 1.5rem 1.333333rem;
	background: transparent;
	transition:var(--transition);
	background:white;
}

.product-highlights.is-style-card .product-highlight h3,
.product-highlights.is-style-simple-links .product-highlight h3 {
	font-size: var(--wp--preset--font-size--headline-extra-extra-small);
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	font-family: 'Sharp Grotesk';
	text-transform: uppercase;
}

.product-highlights.is-style-card .product-highlight.has-image h3 {
	padding-left: 40px;
	padding-bottom: 0.5rem;
}

.product-highlights.is-style-card .product-highlight figure,
.product-highlights.is-style-simple-links .product-highlight figure {
	width: 24px;
	height: 24px;
}

.product-highlights.is-style-card .product-highlight figure {
	position: absolute;
	top: 1.5rem;
	left: 1.33333333rem;
}

.product-highlights.is-style-card .highlight-content p,
.product-highlights.is-style-simple-links .highlight-content p {
	font-size: var(--wp--preset--font-size--title-extra-small);
}

.product-highlights.is-style-simple-links .product-highlight {
	align-items: center;
}

.product-highlights.is-style-simple-links .highlight-content, 
.product-highlights.is-style-simple-links .highlight-content:has(p.button-holder) {
	min-height: unset;
	gap: 1.5rem;
	align-items: center;
	justify-content: center;
	text-align:center;
	width: 100%;
}

.product-highlights.is-style-simple-links .highlight-content p.button-holder {
	visibility: hidden;
	pointer-events: none;
	display: none;
}

.product-highlights.is-style-simple-links .product-highlight:hover {
	border-color: var(--red);
}

.product-highlights.is-style-statistics .product-highlight {
	border-left: 1px solid var(--midnight-blue);
	padding-left: 1rem;
}

.product-highlights.is-style-statistics .highlight-content {
	gap: 2rem;
}

.product-highlights.is-style-statistics h3 {
	font-size: var(--wp--preset--font-size--headline-extra-extra-small);
}

.product-highlights.is-style-statistics p {
	font-size: var(--wp--preset--font-size--headline-l);
	font-family: 'Sharp Grotesk';
	font-weight: 700;
	line-height: 75%;
}






















/* PRODUCT SPECS
================================= */

figure.spec-image {
	width: 100%;
}

.spec-model {
	display: none;
	flex-flow: column;
	justify-content: flex-start;
	align-items: stretch;
	gap: 2.5rem;
}

.spec-model.active {
	display:flex;
}

.spec-group {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	--gap: 1rem;
	gap: var(--gap);
	--columns: 4;
}

.spec-group .spec {
	flex: 0 0 calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
}

.spec-group h3 {
	width: 100%;
	border-bottom: 2px solid var(--midnight-blue);
	padding: 0 0 1rem 0;
}

.spec-group * {
	margin: 0;
}

p.spec-label {
	color: var(--concrete);
}

p.spec-value {
	color: var(--midnight-blue);
	font-weight: 600;
}
























/* STICKY MENU
============================ */

.sticky-menu {
	position: sticky;
	top: var(--header);
	background: white;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	height: var(--sticky);
	z-index: 99;
}

.sticky-menu .row {
	flex-flow:row;
	align-items: center;
	justify-content: space-between;
	gap:1rem;
}

.sticky-title {
	display: flex;
	flex-flow: row;
	align-items: center;
	gap: 1rem;
	white-space: nowrap;
}

.sticky-title img {
	width: auto;
	max-width: 100%;
	max-height: 32px;
	object-fit: contain;
	display: block;
}

.sticky-menu nav.standard {
	position: relative;
}

nav.standard ul.menu {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 0.65rem;
}

.sticky-menu nav.standard ul.menu {
	flex-flow:row; 
}

.sticky-menu nav.standard ul.menu li {
	flex-shrink: 0;
}

nav.standard ul.menu li a {
	display: flex;
	flex-flow: row;
	justify-content: flex-start;
	align-items: center;
	gap: 0.5rem;
	color: var(--midnight-blue);
	font-family: 'Noto Sans';
	font-weight: 600;
	font-size: 0.888889rem;
	line-height: 120%;
	padding: 0.5rem 1rem;
	border-radius: 100px;
	background: transparent;
}

nav.standard ul.menu li a.current,
nav.standard ul.menu li a:hover {
	background: var(--light-gray);
}











/* ACCORDION ITEM
================================== */

.accordion-item {
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	align-items: stretch;
	gap: 0rem;
	margin: 0 auto !important;
}

accordion-label {
	display: flex;
	position: relative;
	border-top: 1px var(--midnight-blue) solid;
	padding: 1.33333rem 1.5rem 1.333333rem 0;
	cursor: pointer;
}

accordion-label h3 {
	margin: 0;
}

accordion-label:after {
	content: '';
	display: block;
	width: 14px;
	height: 2px;
	background: var(--midnight-blue);
	position: absolute;
	top: 50%;
	right: 6px;
	transform: translate(0, -50%);
	transition: var(--transition);
}

accordion-label:before {
	content: '';
	display: block;
	width: 2px;
	height: 14px;
	background: var(--midnight-blue);
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translate(0,-50%);
	transition: var(--transition);
}

.accordion-item.expanded accordion-label:before {
	opacity: 0.0;
}

accordion-content {
	display: block;
	transition: var(--transition);
	max-height: 0px;
	overflow: hidden;
}

.accordion-item.expanded accordion-content {
	max-height: calc-size(max-content, size);
	padding-bottom:1rem;
}
@supports not (max-height: calc-size(max-content, size)) {
	.accordion-item.expanded accordion-content {
		max-height: 2500px;
	}
}





/* TAB ITEMS
========================================= */

.gd-tab-group {
	display: flex;
	flex-flow: column;
	gap: 0;
	scroll-margin-top: calc(var(--header) + 2rem);
}

.tab-item {
	display: none;
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
}

.tab-item.active {
	display: flex;
}

tab-label {
	display: none;
}

ul.tabs {
	list-style: none;
	margin-bottom: 3rem;
	border-bottom: 1px solid var(--asphalt);
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
}

ul.tabs li a {
	color: var(--asphalt);
	font-weight: 600;
	display: flex;
	padding: 0.77778rem 0.8889rem;
	font-size: var(--wp--preset--font-size--title-small);
	overflow: clip;
	position: relative;
	gap: 0.5rem;
	align-items: center;
}

ul.tabs li a:before {
	content: '';
	width: 100%;
	height: 2px;
	background: var(--asphalt);
	bottom: -2px;
	left: 0;
	position: absolute;
	display: block;
	transition: var(--transition);
}

ul.tabs li a:hover:before, ul.tabs li a.active:before {
	bottom: 0;
}

.tab-item tab-content figure {
	border-radius: var(--radius);
	overflow: hidden;
}

.tab-item tab-content figure img {
	width: 100% !important;
	height: auto;
}

@media all and (min-width:1124px) {

	.gd-tab-group.tab-type-side {
		flex-flow: row;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 3.5rem;
	}

	.gd-tab-group.tab-type-side ul.tabs {
		border: 0;
		margin: 0;
		flex-flow: column;
		flex: 0 0 248px;
		position: sticky;
		top: var(--header);
	}
	.gd-tab-group.tab-type-side ul.tabs li a::before {
		display: none;
	}

	.gd-tab-group.tab-type-side ul.tabs li a.active, .gd-tab-group.tab-type-side ul.tabs li a:hover {
		background: var(--concrete-soft);
	}

}

figcaption.wp-element-caption {
	display:block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
	font-size: 12px;
	line-height: 100%;
	text-wrap: balance;
	text-align: center;
	padding: 0.888889rem;
	z-index: 1;
	color: white;
}









/* LOCATION INFO BLOCK
=============================== */

.location-info {
	flex: 1;
	background: var(--midnight-blue);
	padding: 2.5rem;
}

.location-info * {
	color: white;
}

.location-info h2 {
	font-size: var(--wp--preset--font-size--headline-small);
}

.location-info a:hover {
	color: var(--red);
}

.location-info p {
	font-size: var(--wp--preset--font-size--title-extra-small);
	line-height: 200%;
}

.location-info p span {
	display: inline-block;
	min-width: 120px;
}

.location-info p strong {
	font-size: var(--wp--preset--font-size--medium);
}

.location-map iframe {
	width: 100%;
	max-width: 100%;
	min-height: 600px;
	height: 100%;
}

.location-map {
	flex: 0 0 60%;
}






/* TEAM MEMBERS BLOCK
============================== */

.row.card-row.team-members {
	flex-flow: row wrap;
}

.row.card-row.team-members.is-style-badges {
	gap: 2.5rem;
}

.card.team-member figure {
	height: auto;
	aspect-ratio: 1/1;
	overflow: hidden;
	width: 100%;
}

.card.team-member figure img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.card-row .card.team-member {
	align-items: stretch;
}

.member-content {
	display: flex;
	flex-flow: column;
	background: white;
	padding: 1rem;
	flex:1;
}

.member-content h3 {
	margin: 0;
	font-size: var(--wp--preset--font-size--headline-extra-extra-small);
	color: var(--text);
}

.member-content p {
	margin: 0;
	font-size: var(--wp--preset--font-size--title-extra-small);
}

.member-content p a {
	display: flex;
	gap: 0.5rem;
	align-items: center;
	color:var(--text);
}

.member-content p svg {
	flex:0 0 16px;
	height: 16px;
	object-fit: contain;
	fill: var(--text);
}

.member-content p.title {
	margin-bottom: 0.5rem;
	color: var(--text);
	font-family: 'Sharp Grotesk';
	text-transform: uppercase;
	font-weight:700;
}

.row.card-row.team-members.is-style-badges .card.team-member {
	flex-flow: row;
	gap: 1.5rem;
	align-items: center;
}

.row.card-row.team-members.is-style-badges .card.team-member figure {
	border-radius: 50%;
	flex: 0 0 124px;
}

.row.card-row.team-members.is-style-badges .member-content {
	background: transparent;
	padding: 0;
}















































/* ARTICLE/BLOG TEMPLATES
====================================== */

section.post-title {
	background: var(--midnight-blue);
	color: white;
}

section.post-title .row {
	flex-flow: column;
	justify-content: flex-start;
	gap: 1rem;
	padding: 4rem 0 2rem 0;
}

section.post-title h1 {
	color: white;
	margin: 0;
}

ul.categories {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    list-style: none;
    margin: 0;
    padding: 0;
	gap: 0.25rem 1.7777778rem;
}

ul.categories li a {
	font-family: 'Sharp Grotesk';
	text-transform: uppercase;
	font-size: var(--wp--preset--font-size--title-medium);
	line-height: 100%;
	font-weight: 700;
	color:var(--red);
}

ul.categories li a:hover {
	color: white;
}

ul.post-meta {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	list-style: none;
	margin: 2.5rem 0 1rem 0;
	padding: 0;
	gap: 1.44444rem;
}

ul.post-meta li.author, ul.post-meta li.author a {
	color: white;
}

article section.feature-image.alignfull {
	background: linear-gradient(180deg, var(--midnight-blue) 50%, white 50.1%);
	margin-bottom: 3rem;
}

figure.single-feature-image {
	width: 100%;
	height: auto;
	margin: 0;
}

section.post-content {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

article.type-post > *:not(.alignwide, .alignfull) {
	width: var(--row-post);
	margin: 1.5rem auto;
}

article.type-post h2 {
	font-size: var(--wp--preset--font-size--headline-extra-small);
}

article.type-post > ul.social {
	justify-content: flex-start;
	margin: 2rem auto 5rem auto;
}

article.type-post > ul.social li a {
	border-color: var(--midnight-blue);
	color: var(--midnight-blue);
}

#post-archive .post-archive-title-group.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: var(--wp--style--global--wide-size);
	position: relative;
    z-index: 10;
}

.post-archive-title-group .wp-block-group {
	justify-content: space-between;
	align-items: flex-start;
}

.post-archive-title-group .wp-block-group > * {
	display: block;
	position: relative;
	width: 492px;
	max-width: 100%;
}

.post-archive-title-group .wp-block-group h1, 
.post-archive-title-group .wp-block-group p {
    color: var(--text);
}

.pagination {
	display: flex;
	flex-flow: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 4rem 0 0 0;
	gap: 1.5rem;
}

#ajax-posts.loading {
	pointer-events:none;
	opacity:0.75;
}


























/* FORMS & BUTTONS
============================== */

input, textarea, select,button {
	box-sizing: border-box !important;
	display: block;
	max-width: 100%;
	width: 100%;
	height: auto;
	padding: 1rem;
	margin: 0;
	font-size: 1rem;
	line-height: 100%;
	background:transparent;
	border: 1px var(--concrete) solid;
}

a.button, 
button,
input[type="submit"], 
.links-to-buttons a, 
.wp-block-button a {
	display: flex;
	position: relative;
	justify-content: center;
	gap: 0.777778rem;
	margin: 0;
	padding: 0.88889rem 1.6666rem;
	width: auto;
	height: auto;
	font-family: 'Noto Sans';
	font-size: 0.88889rem;
	font-weight: 600;
	line-height: 100%;
	border-radius: 100px;
	background: var(--midnight-blue);
	color:white;
	border: 1px solid var(--midnight-blue);
	transition: var(--transition);
}

a.button:hover, 
button:hover,
input[type="submit"]:hover, 
button:hover, 
.wp-block-button a:hover{
    background: var(--light-gray);
	text-decoration: none;
	color:var(--midnight-blue);
}

a.button.filled, 
.wp-block-button.is-style-great-dane-fill a {
	background: var(--midnight-blue);
	color:white;
}

a.button.filled:hover, 
.wp-block-button.is-style-great-dane-fill a:hover {
	background:var(--light-gray);
	border-color:var(--light-gray);
	color: var(--midnight-blue);
}

input[type="submit"].is-style-great-dane-outline,
.wp-block-button.is-style-great-dane-outline a {
	border-color:var(--midnight-blue);
	background:transparent;
	color:var(--midnight-blue);
}

input[type="submit"].is-style-great-dane-outline:hover,
.wp-block-button.is-style-great-dane-outline a:hover {
	border-color: var(--midnight-blue);
	background: var(--light-gray);
	color: var(--midnight-blue);
}

input[type="submit"].is-style-great-dane-outline-white,
.wp-block-button.is-style-great-dane-outline-white a {
	border-color:white;
	background:transparent;
	color:white;
}

input[type="submit"].is-style-great-dane-outline-white:hover,
.wp-block-button.is-style-great-dane-outline-white a:hover {
	border-color: var(--light-gray);
	background: var(--light-gray);
	color: var(--midnight-blue);
}

input[type="submit"].is-style-great-dane-fill-white,
.wp-block-button.is-style-great-dane-fill-white a {
	border-color:white;
	background:white;
	color: var(--midnight-blue);
}

input[type="submit"].is-style-great-dane-fill-white:hover,
.wp-block-button.is-style-great-dane-fill-white a:hover {
	border-color: var(--light-gray);
	background: var(--light-gray);
	color: var(--midnight-blue);
}

input[type="submit"].is-style-great-dane-outline-red,
.wp-block-button.is-style-great-dane-outline-red a {
	border-color:var(--red);
	background:transparent;
	color:var(--red);
}

input[type="submit"].is-style-great-dane-outline-red:hover,
.wp-block-button.is-style-great-dane-outline-red a:hover {
	border-color: var(--light-gray);
	background: var(--light-gray);
	color: var(--midnight-blue);
}

input[type="submit"].is-style-great-dane-fill-red,
.wp-block-button.is-style-great-dane-fill-red a {
	border-color:var(--red);
	background:var(--red);
	color: white;
}

input[type="submit"].is-style-great-dane-fill-red:hover,
.wp-block-button.is-style-great-dane-fill-red a:hover {
	border-color: var(--light-gray);
	background: var(--light-gray);
	color: var(--midnight-blue);
}

ul.segmented-buttons {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-flow: row;
	justify-content: center;
	align-items: center;
}

ul.segmented-buttons button {
	border-radius: 0px;
	border-right: 0;
	padding: 0.75rem 1.6666rem;
	background: white;
	color: var(--midnight-blue);
}

ul.segmented-buttons button:hover {
	background:var(--light-gray);
}

ul.segmented-buttons li:last-of-type button {
	border-right: 1px solid var(--midnight-blue);
	border-radius: 0 50px 50px 0;
}

ul.segmented-buttons li:first-of-type button {
	border-radius: 50px 0 0 50px;
}

ul.segmented-buttons button.active {
	background: var(--midnight-blue);
	color: white;
}

input:focus, textarea:focus, select:focus {
	outline: 0;
	border-color: black;
}

.dark-mode input, 
.dark-mode textarea, 
.dark-mode select {
	color:white;
}

.dark-mode select option {
	background:var(--midnight-blue);
	color: white;
}

.dark-mode input:focus, 
.dark-mode textarea:focus, 
.dark-mode select:focus {
	border-color: white;
}

.dark-mode a:hover {
	color: white;
}

form, form .form-steps {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	width:100%;
	gap: var(--gap);
	--gap: 1.5rem;
}

form.pardot-form.loading {
	pointer-events: none;
}

form .form-field {
	position:relative;
	flex:1 0 calc(var(--width)* 1% - var(--gap));
}

form label {
	position: absolute;
	font-size: 13px;
	top: 2px;
	left: 1rem;
}

form input, form textarea, form select {
	padding: 1.5rem 2rem 0.5rem 1rem;
}

form .has-icon input {
	padding-left: 2.5rem;
}

form .has-icon label {
	left: 2.5rem;
}

form .form-field.has-icon > svg {
	position: absolute;
	top: 50%;
	left: 12px;
	width: 18px;
	height: 18px;
	object-fit: cover;
	transform: translate(0,-50%);
}

form label.gd-checkbox,
form label.gd-radio {
	position: relative;
	top: unset;
	left: unset;
}

.gd-checkbox, 
.gd-radio {
	display: flex;
	align-items: flex-start;
	cursor: pointer;
	font-size: 1rem;
	gap: 1rem;
}

.gd-radio {
	gap: 0.5rem;
}

.gd-checkbox input[type="checkbox"],
.gd-radio input[type="radio"] {
	opacity: 0.0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.gd-checkbox .gd-checkmark,
.gd-radio .gd-radio-button {
	width: 20px;
	flex: 0 0 20px;
	height: 20px;
	background-color: white;
	border: 2px solid var(--asphalt);
	border-radius: 0;
	position: relative;
	transition: var(--transition);
}

.dark-mode .gd-checkbox .gd-checkmark, 
.dark-mode .gd-radio .gd-radio-button {
	background: transparent;
	border-color: white;
}

.gd-radio .gd-radio-button {
	border-radius: 50%;
}

.gd-radio span {
	pointer-events:none;
}

.gd-checkbox .gd-checkmark::after {
	content: "";
	position: absolute;
	left: 4px;
	top: 0px;
	width: 8px;
	height: 14px;
	border: solid #fff;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);
	opacity: 0;
	transition: opacity 0.2s;
}

.gd-checkbox input[type="checkbox"]:checked + .gd-checkmark {
	background-color: var(--asphalt);
}

.gd-radio .gd-radio-button::after {
	content: '';
	position: absolute;
	left: 2px;
	top: 2px;
	width: 12px;
	height: 12px;
	border: 0;
	transform: none;
	border-radius: 50%;
	background: var(--asphalt);
	opacity:0.0;
	transition:0.2s opacity;
}

.gd-checkbox input[type="checkbox"]:checked + .gd-checkmark::after,
.gd-radio input[type="radio"]:checked + .gd-radio-button::after {
	opacity: 1;
}

.gd-checkbox span.text,
.gd-radio span.text {
	font-size: 1rem;
	line-height: 110%;
	display: block;
	position: relative;
}

.dark-mode .gd-checkbox .gd-checkmark, .dark-mode .gd-radio .gd-radio-button {
	background: transparent;
	border-color: white;
}

.dark-mode .gd-checkbox input[type="checkbox"]:checked + .gd-checkmark {
	background-color: white;
}

.dark-mode .gd-checkbox .gd-checkmark::after {
	border-color: var(--midnight-blue);
}

.span100.pardot-form-submit {
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	gap: 1rem;
}

button.clear-button {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	border: 0;
	background: transparent;
	position: absolute;
	top: 50%;
	right: 8px;
	width: 24px;
	height: 24px;
	margin: 0;
	padding: 0;
	transform: translate(0,-50%);
	opacity: 0.0;
	pointer-events: none;
}

.has-clear-button ~ button.clear-button {
	opacity: 1.0;
	pointer-events: all;
}

.loading button.clear-button {
	pointer-events: none !important;
}

button.clear-button svg {
	width: 16px;
	height: 16px;
}

.dark-mode button.clear-button svg {
	fill: white;
}

form.pill-selector {
	flex-flow:row;
	width: auto;
	justify-content: center;
	border-radius: 100px;
	padding: 8px 12px;
	background: var(--concrete-soft);
	align-items: center;
	margin: 0 auto;
	gap: 12px;
}

form.pill-selector label {
	display: flex;
	padding: 12px 24px;
	border-radius: 100px;
	transition: 240ms ease all;
}

form.pill-selector label.active {
	background: var(--midnight-blue);
	color: white;
}

form.pill-selector span.text {
	font-size: 0.88889rem;
	font-weight: 600;
}

form.pill-selector label:not(.active):hover {
	background: var(--concrete);
}

form.pill-selector .legend-option.gd-radio .gd-radio-button {
	background: transparent;
	display: none;
}

.dark-mode form.pill-selector .gd-checkbox .gd-checkmark,
.dark-mode form.pill-selector .gd-radio .gd-radio-button {
	border-color: var(--midnight-blue);
}


/* HUBSPOT 
========================== */
.wp-block-leadin-hubspot-form-block {
	width: 100%;
}
.hs-form-frame {
	margin-left: -40px;
	margin-top: -40px;
}

.hsfc-Form .hsfc-Step .hsfc-Step__Content {
	padding: 0 !important;
}

.hsfc-Form .hsfc-Step .hsfc-Step__Content input, 
.hsfc-Form .hsfc-Step .hsfc-Step__Content textarea {
	padding: 1.5rem 2rem 0.5rem 1rem;
}

.hsfc-Form .hsfc-Step .hsfc-Step__Content textarea {
	height: auto;
	max-height: unset;
	min-height: 110px;
}

.hsfc-Form .hsfc-Step .hsfc-Step__Content label {
	position: absolute;
	font-size: 13px;
	line-height: 170%;
	top: 2px;
	left: 1rem;
	margin: 0;
}

.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-PhoneField label {
	left: 76px;
	z-index: 1;
}

.dark-mode .hsfc-Form .hsfc-Step .hsfc-Step__Content input,
#contact-block .hsfc-Form .hsfc-Step .hsfc-Step__Content input,
#contact-block .hsfc-Form .hsfc-Step .hsfc-Step__Content textarea,
.footer .hsfc-Form .hsfc-Step .hsfc-Step__Content input {
	border: 1px solid white;
	background: transparent;
	border-color: white;
	color: white;
}

.dark-mode .hsfc-Form .hsfc-Step .hsfc-Step__Content input::placeholder,
#contact-block .hsfc-Form .hsfc-Step .hsfc-Step__Content input::placeholder,
.dark-mode .hsfc-Form .hsfc-Step .hsfc-Step__Content textarea::placeholder,
#contact-block .hsfc-Form .hsfc-Step .hsfc-Step__Content textarea::placeholder,
.footer .hsfc-Form .hsfc-Step .hsfc-Step__Content input::placeholder {
	color:#ffffffa8;
}



.dark-mode .hsfc-Form .hsfc-Step .hsfc-Step__Content label,
#contact-block .hsfc-Form .hsfc-Step .hsfc-Step__Content label,
.footer .hsfc-Form .hsfc-Step .hsfc-Step__Content label {
	color: #FFFFFF70;
}

.dark-mode .hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-RichText,
#contact-block .hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-RichText,
.footer .hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-RichText {
	color: white;
	font-size: 14px;
	line-height: 120%;
}

.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-CheckboxField label {
	position: relative;
	top: unset;
	left: unset;
	right: unset;
	bottom: unset;
}

.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-CheckboxField input {
	width: 24px;
	height: 24px;
	min-width: 24px;
	padding: 0;
}

div[data-hsfc-id="DataPrivacyField"] * {
	margin: 0 !important;
	text-wrap: balance;
	font-size: 13px !important;
	line-height: 120% !important;
}

.dark-mode .hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-CheckboxField input:after,
#contact-block .hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-CheckboxField input:after,
.footer .hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-CheckboxField input:after {
	color: white;
	background: white;
}

.dark-mode .hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-CheckboxField span,
#contact-block .hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-CheckboxField span,
.footer .hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-CheckboxField span {
	font-size: 14px;
	line-height: 130%;
	color: white;
}

.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-NavigationRow {
	margin-top: 0;
	display:flex;
	justify-content:flex-start;
}

#contact-block .hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-NavigationRow__Buttons {
	justify-content:flex-start;
}

.hsfc-Form .hsfc-Step .hsfc-Step__Content button[type="submit"] {
	display: flex;
	position: relative;
	justify-content: center;
	gap: 0.777778rem;
	margin: 0;
	padding: 0.88889rem 1.6666rem;
	width: auto;
	height: auto;
	font-family: 'Noto Sans';
	font-size: 0.88889rem;
	font-weight: 600;
	line-height: 100%;
	border-radius: 100px;
	border: 1px solid var(--midnight-blue);
	transition: var(--transition);
	border-color: var(--red);
	background: var(--red);
	color: white;
}

.hsfc-Form .hsfc-Step .hsfc-Step__Content button[type="submit"]:hover {
	border-color: var(--light-gray);
	background: var(--light-gray);
	color: var(--midnight-blue);
	transform: unset;
}

.dark-mode .hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-PhoneInput__FlagAndCaret,
#contact-block .hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-PhoneInput__FlagAndCaret {
	background: transparent !important;
}

.dark-mode .hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-PhoneField label,
#contact-block .hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-PhoneField label {
	left: 72px !important;
}

.dark-mode .hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-PhoneInput__FlagAndCaret__Caret,
#contact-block .hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-PhoneInput__FlagAndCaret__Caret {
	border-top: 6px solid white;
}

.dark-mode .hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-PhoneInput__FlagAndCaret,
#contact-block .hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-PhoneInput__FlagAndCaret {
	border-color: white;
	border-right: 0px;
}

.dark-mode .hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-DropdownInput__Caret>span,
#contact-block .hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-DropdownInput__Caret>span {
	border-top: 6px solid white;
}

.dark-mode .hsfc-Form button.clear-button svg,
#contact-block .hsfc-Form button.clear-button svg {
    fill: white;
}

.hubspot-tracking-notice {
    display: flex;
    flex-flow: column;
    gap: 1rem;
}

.dark-mode .hubspot-tracking-notice, #contact-block .hubspot-tracking-notice, .footer .hubspot-tracking-notice {
    color: white;
}

.footer .hubspot-tracking-notice {
    font-size: 0.77778rem;
    line-height: 125%;
}

body .hsfc-FormWrapper .hsfc-Row .hsfc-ErrorAlert {
	font-size: 12px;
	line-height: 125%;
	font-weight: bold;
	font-family: 'Noto Sans Display';
}






































/* FOOTER 
================================*/

footer {
	width:100vw;
	position:relative;
}

.footer.container {
	padding:2rem 1rem;
	background: var(--midnight-blue);
	display: flex;
	flex-flow: column;
	justify-content: center;
	gap: 10rem;
}

footer .row {
	max-width: var(--row-wide);
}

.footer h4 {
	color: var(--red);
	text-transform: uppercase;
	font-weight: 600;
	margin: 0 0 1.5rem 0;
}

footer .row {
	max-width: var(--row-wide);
}

.footer-actions p, .footer-actions li {
	color: white;
	font-size: 0.88889rem;
	line-height: 175%;
	margin: 0;
}

.footer-actions a {
	color: white;
}

.footer ul.menu {
	display: flex;
	flex-flow: column;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 0;
}

.footer-actions a:hover {
	color: var(--concrete);
}

.footer .row.footer-meta {
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
}

.footer .row.footer-meta svg {
	fill: var(--red);
	width: 52px;
	height: auto;
}

.row.footer-meta p {
	flex: 1;
	color: #FFFFFF90;
	font-size: 14px;
	margin: 0 auto 0 0;
}

.row.footer-meta p a {
	color: #FFFFFF90;
}

.footer input {
	background: transparent;
	border-color: white;
	color: white;
}

footer form.footer-email-subscribe small, 
footer form.footer-email-subscribe label,
footer .footer-actions form.footer-email-subscribe small a {
	color: #FFFFFF40;
}


.widget_block .nf-form-content .label-above .nf-field-label, 
.widget_block .nf-form-fields-required,
form.footer-email-subscribe .form-field.email button.clear-button {
    display: none;
}

form.footer-email-subscribe .form-field.email input {
	height: 62px;
	padding-right: 48px;
}

footer .nf-field-submit-container {
	position: absolute;
	top: 0;
	right: 0;
	width: 64px;
	height: 62px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	z-index: 10;
}

footer .nf-field-submit-container input {
	border: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0;
	font-size: 0px;
}

footer .nf-field-submit-container input:hover {
	background: transparent;
}

footer .nf-field-submit-container svg {
	display: block;
	width: 18px;
	height: auto;
}

@keyframes moveBackAndForth {
	0% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(10px);
	}
	100% {
		transform: translateX(0);
	}
}

form.footer-email-subscribe.loading .nf-field-submit-container svg {
	animation: moveBackAndForth 1s ease-in-out infinite;
}


ul.social {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 0.5rem;
}
ul.social li a {
	color: white;
	font-size: 1rem;
	margin: 0;
	width: 44px;
	height: 44px;
	border: 1px solid white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
ul.social li a:hover {
    color: var(--concrete);
    border-color: var(--concrete);
}



/* ANIMATIONS
========================*/
@supports (-webkit-animation:test) or (animation:test) {

	.animate {
		opacity:0.0; 
	}		
	.animation {
		-webkit-animation:slideIn 1s forwards;
		animation:slideIn 1s forwards;
	}

	@keyframes slideIn {
		0% 	{ opacity:0.0; }
		100% { opacity:1.0; }
	}

	@keyframes slideLeft {
		0% 	{ opacity:0.0; transform: translate(64px,0px); }
		100%		{ opacity:1.0; transform: translate(0,0); }
	}

	@keyframes slideRight {
		0% 	{ opacity:0.0; transform: translate(-64px,0px); }
		100%		{ opacity:1.0; transform: translate(0,0); }
	}

	@keyframes slideUp {
		0% 	{ opacity:0.0; transform: translate(0px,64px); }
		100%		{ opacity:1.0; transform: translate(0,0); }
	}
		
	@keyframes spinner {
		to { transform: rotate(360deg); }
	}



}



/**** MEDIA QUERIES *****/
/**** MEDIA QUERIES *****/
/**** MEDIA QUERIES *****/
@media all and (max-width:1127px) {
	
	:root {
		font-size:16px;
		--header:77px;	
		--transition:90ms ease all;
	}
	
	div[class*='span'] {
		float:none; 
		clear:both; 
		width:100%; 
	}
	
	article > .wp-block-group {
		padding-left:1rem !important;
		padding-right:1rem !important;
	}
	
	.header .logo-container {
		width: 48px;
		height: 51px;
	}
	
	nav.main-nav a:not(.nav-toggle) {
		display: none;
	}
	
	body.nav-opened .header nav.main-nav a {
		background: var(--light-gray);
	}

	body.nav-opened a.nav-toggle hamburger-line.top {
		transform: rotate(45deg) translate(3px, 2px);
		transform-origin: center center;
	}

	body.nav-opened a.nav-toggle hamburger-line.bottom {
		transform: rotate(-45deg) translate(3px, -2px);
		transform-origin: center center;
	}
	
	nav.sub-navigation .sub-menu {
		height: calc(100vh - var(--header) - var(--header));
		overflow: scroll;
		padding:0;
		top:var(--header);
		left:calc(100vw);
		opacity: 1.0;
		transition: z-index 100ms step-end, opacity 100ms ease, pointer-events 0s linear, top 100ms ease, left 100ms ease;
	}
	
	nav.sub-navigation .sub-menu.opened {
		top:var(--header);
		left:0;
		transition:z-index 100ms step-start, opacity 100ms ease, pointer-events 0s linear, top 100ms ease, left 100ms ease;
	}
	
	body.nav-add-curtain nav.sub-navigation #main_menu {
		left:-100vw;
	}

	header .sub-menu .row {
		flex-flow: column;
		gap: 0;
	}
	
	#main_menu .mobile-panel {
		display: flex;
		padding: 1.5rem 1rem;
		border-bottom: 1px solid var(--concrete);
		flex-flow: column;
		gap: 0.5rem;
	}

	.sub-menu .left-panel {
		border-right: 0;
		border-bottom: 1px solid var(--concrete);
		padding: 1rem 1rem 1.5rem 1rem;
		flex: 0 0 auto;
	}
	
	.sub-menu .full-panel {
		padding: 1.5rem 1rem 7rem 1rem;
		gap: 1rem 0.5rem;
	}
	
	.sub-menu .right-panel {
		flex-flow: row wrap;
		padding: 1rem 1rem 7rem 1rem;
		gap: 1rem;
		flex: 0 0 auto;
	}
	
	ul.panel-list {
		flex-flow: row wrap;
	}

	ul.panel-list li {
		width: calc(50% - 1rem);
		min-width: 240px;
	}
	
	ul.panel-list li.back-panel {
		width: 100%;
	}

	.menu-card {
		max-width: 100%;
	}
	
	.menu-card.product-card {
		flex: 0 0 calc(50% - 1rem);
		min-width: unset;
		padding: 0.75rem;
		border-radius: 10px;
	}

	.menu-card.icon-card {
		max-width: unset;
	}
	
	header .menu-card.icon-card a {
		min-height: 32px;
	}

	div#search-modal {
		height: calc(100dvh - var(--header) - var(--header));
		top: var(--header);
		background: white;
		left: calc(-100vw);
		opacity: 1.0;
		transition: z-index 100ms step-end, opacity 100ms ease-in-out, pointer-events 0s linear, top 100ms ease-in-out, left 100ms ease-in-out;
	}
	
	#search-modal.opened {
		left: 0;
		transition:z-index 100ms step-start, opacity 100ms ease, pointer-events 0s linear, top 100ms ease, left 100ms ease;
	}
	
	.header nav.quick-icons {
		position: fixed;
		width: 100vw;
		height: var(--header);
		background: white;
		left: 100vw;
		top:calc(100dvh - var(--header));
		pointer-events:all;
		border-top: 1px solid var(--concrete);
		justify-content: space-between;
		padding: 1rem 2rem;
		transition:var(--transition);
	}
	
	body.mobile-navigation.nav-opened .header nav.quick-icons, 
	body.mobile-navigation.search-opened .header nav.quick-icons {
		left: 0;
	}
	
	.header nav.quick-icons span {
		visibility: visible;
		display: block;
	}

			
}

@media all and (max-width:968px) {
	
	.sticky-title h2 {
		display:none;
	}
	
	.sticky-menu nav.standard {
		width: 100%;
		max-width: 100%;
		padding: 1rem 0;
		overflow: scroll;
	}
	
	.slick-slider:not(.hero-carousel-block) {
		margin-bottom: 48px !important;
	}
	
	a.slick-arrow {
		width: 30px;
		height: 30px;
		bottom: -44px;
	}
	
	a.slick-prev.slick-arrow {
		right: calc(1rem + 40px);
	}
	
	a.slick-next.slick-arrow {
		right: 1rem;
	}
	
	.hero-carousel-block a.slick-prev.slick-arrow {
		right: unset;
		left: 1rem;
		bottom: calc(1rem + 6px);
	}

	.hero-carousel-block a.slick-next.slick-arrow {
		right: 1rem;
		bottom: calc(1rem + 6px);
	}
	
	a.slick-arrow svg {
		width: 5px;
		height: 9px;
	}

	ul.slick-dots {
		bottom: -50px;
		left: 1rem;
		transform: translate(0, 0);
	}
	
	.hero-carousel-block ul.slick-dots {
		bottom: 1rem;
		left: 50%;
		transform: translate(-50%, 0);
	}
	
	.fancybox-navigation {
		position: fixed;
		width: 100px;
		transform: translate(-50%, 0);
		top: 1rem;
	}
	
	.fancybox-close-small {
		right: 0.5rem;
	}
	
	figure.wp-block-gallery.is-style-great-dane-mosaic {
		grid-gap: 0.5rem;
	}
	
	.product-highlights,
	.card-row {
		--columns: 2 !important;
		flex-flow: row wrap;
	}
	
	figure.wp-block-gallery.is-style-great-dane-branding,
	figure.wp-block-gallery.is-style-great-dane-swatches {
		--columns: 2;
	}
	
	.card.image-card:not(.pop-out-card) {
		max-height: 480px;
	}
	
	.card.has-modal {
		aspect-ratio: 1 / 1;
		min-height: 300px;
	}
	
	figure.product-image {
		min-height: 240px;
		margin-bottom: 0;
		aspect-ratio: 1128/534;
	}
	
	form.product-filter {
		top: calc(100% + 0.5rem);
		max-width: calc(100% - 2rem);
	}
	
	.card.image-card.pop-out-card .card-content {
		padding: 2rem 1.5rem;
		flex-flow: column;
		gap: 1rem;
	}
	
	.card-row .card.product-card {
		flex: 1;
	}
	
	.product-card .card-content {
		padding: 1.5rem;
	}
	
	.card-row.image-cards.is-style-scroller {
		animation: none;
		--gap: 0.75rem;
		overflow-x: scroll;
		flex-flow: row;
	}

	.card-row.image-cards.is-style-scroller .card {
		flex: 1 0 calc(70vw / var(--columns));
	}
	
	section.post-title .row {
		padding: 2rem 0 1rem 0;
	}
	
}
@media all and (max-width:768px) {
	
	h1,h2,h3,h4 {
		text-wrap:balance;
	}
	
	.product-highlights,
	.card-row {
		--columns: 1 !important;
	}
	
	.wp-block-cover[class*="is-style-great-dane"] {
		aspect-ratio: unset !important;
		min-height: 500px !important;
		padding-top: 3rem;
		padding-bottom: 3rem;
	}	
	
	.hero-block {
		padding: 2rem 1rem;
		min-height: calc(80vh - var(--header));
	}
	
	a.hero-play-video {
		position: relative;
		top: unset;
		left: unset;
		transform: unset;
		width: 64px;
		height: 64px;
		margin: 0 auto;
	}

	.product-highlights.is-style-snapshot {
		--columns: 2 !important;
	}

	.product-highlights.is-style-snapshot .product-highlight {
		align-items: flex-start;
	}

	.product-highlights.is-style-snapshot .highlight-content {
		align-items: flex-start;
		text-align: left;
	}
	
	.gd-tab-group {
		gap: 3rem;
	}
	
	ul.tabs {
		display: none;
	}
		
	.tab-item {
		display: flex;
	}	
	
	form.pill-selector {
		flex-flow: row;
		gap: 0;
		width: 100%;
		justify-content: space-evenly;
	}

	form.pill-selector label {
		padding: 8px 12px;
	}
	
	form.pill-selector span.text {
		font-size: clamp(10px, 3vw, 18px);
	}
	
	.product-slider-text svg text {
		font-size: clamp(200px, 100vw, 300px);
	}
	

	

	
	
	
	
	
	
	
	
	
	.fancybox-slide--html {
		padding: 0;
	}
	
	select {
		height: 60px;
		min-height: 60px;
		line-height:60px;
		box-sizing: content-box;
	}
	
	form .form-field {
		--width: 100 !important;
	}
		
	
	.footer.container {
		gap: 6rem;
		padding-bottom: calc(var(--header) + 2rem);
	}

	.gd-textmark svg:last-of-type {
		display: block;
	}

	.gd-textmark svg:first-of-type {
		display: none;
	}
	
	.footer-actions .span25.footer-nav {
		width: calc(50% - 0.5rem);
	}

	.row.footer-actions {
		gap: 2rem 1rem;
	}

	.row.footer-meta p {
		flex: 0 0 100%;
		order: 3;
		margin: 0;
	}

	
}
/**** MEDIA QUERIES *****/
/**** MEDIA QUERIES *****/
/**** MEDIA QUERIES *****/