/************************************
/*----------------------------------
/* CUSTOM PROPERTIES
/*----------------------------------
/*************************************/

/* --primary-color: #0091e2;
--secondary-color: #e56524;
--third-color: #005a8c;
--white: #ffffff;
--black: #000000;
--light-gray: #bababa;
--medium-gray: #dddddd;
--barely-gray: #f5f5f5;
--dark-gray: #333333;
--alt-gray-text: #5b5b5b; */

:root {
    /*----- Row Width -----*/
    --row-max-width-px: 1200px;
    --row-max-width-rem: 75rem;
    /*----- Colors -----*/
    --color-primary: #0091e2; /* rgb(0, 145, 226) */
    /* --color-primary-dark:#005a8c; rgb(186,91,10) */
    --color-secondary: #e56524; /* rgb(229, 101, 36) */
    /* --color-secondary-dark:#142742; rgb(20,39,66) */
    --color-tertiary: #005a8c;
    /*--color-tertiary-dark:#005a90;*/
    --color-base: #333333; /* rgb(51, 51, 51) */
    --color-gray-accent: #f5f5f5; /* rgb(245,245,245) */
    --color-gray-accent-dark: #1f1f1f;
    --color-medium-gray: #dddddd;
    --color-white: #ffffff; /* rgb(255, 255 ,255) */
    --color-black: #000000; /* rgb(0, 0, 0) */
    --color-nav-accent01: #f5f5f5; /* rgb(245,245,245) */
    --color-nav-accent02: #e8e8e8; /* rgb(232,232,232) */
    --color-nav-accent03: #6b6b6b;
    --color-nav-accent04: #d4d4d4;
    --color-transparent: 0,0,0; /* Callouts & Lighbox, must be rgb */
    /*----- Font Families -----*/
    --font-primary: 'Open Sans', sans-serif; /* 400 & 700 */
    /*--font-secondary:'Open Sans', sans-serif;*/ /* 400 & 700 */
    /*----- Font Sizes -----*/
    --font-size-base: 1.188rem;
    --font-size-h6: 1.5rem;
    --font-size-h5: 1.125rem;
    --font-size-h4: 1.375rem;
    --font-size-h3: 1.5rem;
    --font-size-h2: 1.875rem;
    --font-size-h1: 2rem;
    /*----- Border Radius -----*/
    --button-radius: 30px;
}
@media all and (min-width:64rem) {
    /*- 1024px and up -*/
    :root {
        /*----- Font Sizes -----*/
        --font-size-base: 1.188rem;
        --font-size-h6: 1.5rem;
        --font-size-h5: 1.125rem;
        --font-size-h4: 1.375rem;
        --font-size-h3: 1.5rem;
        --font-size-h2: 1.875rem;
        --font-size-h1: 2.25rem;
    }
}



/************************************
/*----------------------------------
/* CUSTOM RESETS
/*----------------------------------
/*************************************/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth; /* Smooth Scrolling for any Anchor Links */
}
html, html a, body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html, body {
    height: auto;
    min-height: 100%;
}
body {
    line-height: 1;
    box-sizing: border-box;
    margin: 0;
    overflow-x: hidden;
}
blockquote, q {
    quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
    content: '';
    content: none;
}
::-moz-focus-inner {
    padding: 0;
    border: 0;
}
/*---> Box Model Reset <---*/
/* *, *::before, *::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
} */
/*---> Form Resets <---*/
input, label, select, button, textarea {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    line-height: 1;
    /* Browsers have different default form fonts */
    /* font-size:13px; */
    font-family: inherit;
}
/* These elements are usually rendered a certain way by the browser */
button, input[type=reset], input[type=button], input[type=submit], input[type=checkbox], input[type=radio], select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
::-webkit-search-decoration {
    display: none;
}
button, input[type="reset"], input[type="button"], input[type="submit"] {
    /* Fix IE7 display bug */
    overflow: visible;
    width: auto;
}
::-webkit-file-upload-button {
    padding: 0;
    border: 0;
    background: none;
}
textarea {
    vertical-align: top;
    overflow: auto;
}
select[multiple] {
    vertical-align: top;
}


/************************************
/*----------------------------------
/* FOUNDATION RESETS
/*----------------------------------
/*************************************/

.row {
    max-width: var(--row-max-width-px);
    max-width: var(--row-max-width-rem);
}
/*---> Reset Card Styling <---*/
.card {
    /* display: block; */
    /* margin-bottom: 0; */
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: initial;
    color: inherit;
}
/* .card > :last-child {
    margin-bottom: inherit;
} */
/*---> Reset Button Styling <---*/
.button {
    display: initial;
    vertical-align: initial;
    margin: 0;
    font-family: inherit;
    padding: 0;
    -webkit-appearance: none;
    border: 0;
    border-radius: 0;
    transition: none;
    font-size: inherit;
    line-height: inherit;
    text-align: inherit;
    cursor: inherit;
    background-color: transparent;
    color: inherit;
}
/*---> Reset Callout Styling <---*/
.callout {
    position: relative;
    margin: 0;
    margin-bottom: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    color: inherit;
}
@media all and (min-width:40rem) {
    /* 640px and up */
    .medium-uncollapse > .columns {
        padding-right: .625rem;
        padding-left: .625rem;
    }
    .medium-shrink {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 100%;
    }
    .medium-expand {
        max-width: 100%;
    }
    .medium-align-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .medium-align-left {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .medium-align-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .medium-align-justify {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .medium-align-spaced {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .medium-align-top {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .medium-align-self-top {
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
    .medium-align-bottom {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .medium-align-self-bottom {
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
    .medium-align-middle {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .medium-align-self-middle {
        -ms-flex-item-align: center;
        align-self: center;
    }
    .medium-align-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .medium-align-self-stretch {
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }
    .medium-align-center-middle {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
    }
}
@media all and (min-width:64rem) {
    /*- 1024px and up -*/
    .large-uncollapse > .columns {
        padding-right: .625rem;
        padding-left: .625rem;
    }
    .large-shrink {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 100%;
    }
    .large-expand {
        max-width: 100%;
    }
    .large-align-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .large-align-left {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .large-align-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .large-align-justify {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .large-align-spaced {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .large-align-top {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .large-align-self-top {
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
    .large-align-bottom {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .large-align-self-bottom {
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
    .large-align-middle {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .large-align-self-middle {
        -ms-flex-item-align: center;
        align-self: center;
    }
    .large-align-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .large-align-self-stretch {
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }
    .large-align-center-middle {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
    }
}


/************************************
/*----------------------------------
/* BASE STYLES
/*----------------------------------
/*************************************/


body {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: var(--font-size-base);
    color: var(--color-base);
    line-height: 1.6;
}
/*- Set Vertical Spacing between Block Elements -*/
blockquote, dl, figcaption, form, h1, .like-h1, h2, .like-h2, h3, .like-h3, h4, .like-h4, h5, .like-h5, h6, .like-h6, hr, ol, p, table, ul, .h1-styled, .h2-styled, .h3-styled {
    margin-bottom: 1rem;
}
a {
    color: var(--color-primary);
    font-weight: 700;
    transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
}
a:hover {
    color: var(--color-primary-dark);
}
a:active {
    color: var(--color-primary-dark);
}
a:is(:active, :focus, :focus-visible) {
    text-decoration: underline;
}
a:is(:focus, :focus-visible) {
    color: var(--color-primary);
    outline: 0;
}
/* p {
	font-size:var(--font-size-base);
}
p, dl, ol, ul {
	line-height: 1.625;
} */
blockquote, blockquote p, cite {
    font-size: inherit;
    line-height: inherit;
    color: var(--color-base);
}
i, /* Legacy */
em {
    /* Replaces Legacy <i> */
    font-style: italic;
}
strong {
    font-weight: bold;
}
small {
    font-size: 80%;
}
h1, h2, h3, h4, h5, h6, .h1-styled, .h2-styled, .h3-styled {
    line-height: 1.3;
}
h1, .like-h1, .h1-styled {
    font-size: var(--font-size-h1);
}
h2, .like-h2, .h2-styled {
    font-size: var(--font-size-h2);
}
h3, .like-h3, .h3-styled {
    font-size: var(--font-size-h3);
    font-weight: bold;
}
h4, .like-h4 {
    font-size: var(--font-size-h4);
}
h5, .like-h5 {
    font-size: var(--font-size-h5);
}
h6 {
    font-size: var(--font-size-h6);
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: var(--font-size-h6);
    color: inherit;
    line-height: inherit;
    display: block;
}
ul li::marker, ol li::marker {
    /* color: var(--color-primary); */
    font-weight: bold;
}
/* ul {
	list-style: none;
}
ul li::before {
	content:"\2022";
	color:var(--color-primary);
	font-weight:bold;
	display:inline-block; 
	width:1rem;
	margin-left:-1rem;
}  
ol {
	list-style:none;
}
ol li {
	counter-increment:step-counter;
}
ol li::marker {
	content:counter(step-counter) ". ";
	color:var(--color-primary);
	font-weight:bold;   
} */
label, fieldset legend {
    /* font-size:var(--font-size-base); */
    font-size: inherit;
    font-weight: 400;
    line-height: 1;
    color: var(--color-base);
}
/* Should I remove the "form" before the selectors? */
form input[type=text], form input[type=email], form input[type=tel], form textarea, form select, select {
    background-color: var(--color-white);
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 46px;
    margin: 0;
    padding: .688rem .875rem;
    font-family: inherit;
    font-size: var(--font-size-base);
    font-weight: 400;
    line-height: 1;
    color: var(--color-base);
    border: 2px solid #949494;
    border-radius: 6px;
    box-shadow: none;
    transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
form textarea {
    height: auto;
}
form select, select, form select:focus, select:focus, form select:focus-visible, select:focus-visible {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 998 582'%3E%3Cpath d='M998,83c0,8.67-3.33,16.33-10,23l-466,466c-6.67,6.67-14.33,10-23,10s-16.33-3.33-23-10L10,106C3.33,99.33,0,91.67,0,83s3.33-16.33,10-23L60,10C66.67,3.33,74.33,0,83,0s16.33,3.33,23,10L499,403,892,10c6.67-6.67,14.33-10,23-10s16.33,3.33,23,10l50,50c6.67,6.67,10,14.33,10,23Z'/%3E%3C/svg%3E");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 12px 7px;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}
form input[type=text]:focus, form input[type=email]:focus, form input[type=tel]:focus, form textarea:focus, form select:focus, select:focus, form input[type=text]:focus-visible, form input[type=email]:focus-visible, form input[type=tel]:focus-visible, form textarea:focus-visible, form select:focus-visible, select:focus-visible {
    background-color: var(--color-white);
    border: 2px solid var(--color-primary);
    outline: 0;
    box-shadow: none;
}
form input[type=radio]:focus, form input[type=checkbox]:focus, form input[type=radio]:focus-visible, form input[type=checkbox]:focus-visible {
    outline: 0;
    border: 0;
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
}
form input[type=text]:active, form input[type=email]:active, form input[type=tel]:active, form textarea:active, form select:active {
    background-color: var(--color-white);
    border: 2px solid var(--color-primary-dark);
    box-shadow: none;
}
form input[type=radio]:active, form input[type=checkbox]:active {
    outline: 0;
    border: 0;
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
}
form input[type=radio], form input[type=checkbox] {
    margin: 0 .313rem .250rem 0;
}
/***********************

	The submit and button styling should match the button styling selected from the SuperTemplate - Adjust border-radius etc

***********************/
/* input[type="submit"], button, input[type="button"] {
    display: inline-block;
    width: auto;
    padding: 1rem 1.813rem;
    margin: 0;
    position: relative;
    background-color: var(--color-primary);
    font-size: var(--font-size-base);
    font-weight: 700;
    color: var(--color-white);
    line-height: 1;
    text-align: center;
    border: 0;
    border-radius: var(--button-radius);
    box-shadow: none;
    cursor: pointer;
    transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
}
button, input[type="button"] {
    background-color: var(--color-secondary);
} */
/* input[type="submit"]:hover {
    background-color: var(--color-primary-dark);
    color: var(--color-white);
}
input[type="submit"]:active {
    background-color: var(--color-primary-dark);
    color: var(--color-white);
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
}
input[type="submit"]:focus, input[type="submit"]:focus-visible {
    background-color: var(--color-primary);
    border: 0;
    outline: 0;
    color: var(--color-white);
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
}
button:hover, input[type="button"]:hover {
    background-color: var(--color-secondary-dark);
    color: var(--color-white);
}
button:active, input[type="button"]:active {
    background-color: var(--color-secondary-dark);
    color: var(--color-white);
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary-dark);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary-dark);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary-dark);
}
button:focus, button:focus-visible, input[type="button"]:focus, input[type="button"]:focus-visible {
    border: 0;
    outline: 0;
    background-color: var(--color-secondary);
    color: var(--color-white);
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary);
}
[type="button"]:focus, [type="button"]:focus-visible, [type="submit"]:focus, [type="submit"]:focus-visible {
    outline: 0;
} */

/************************************
/*----------------------------------
/* COMMON STYLES
/*----------------------------------
/*************************************/


/*---> Branding <---*/
.branding-link {
    display: block;
    width: 100%;
}

.branding-link:active {
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
}
.branding-link:is(:focus, :focus-visible) {
    border: 0;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
}
.branding-link svg {
    display: block;
    width: 100%;
    height: auto;
    fill: var(--color-base);
    transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
}
.branding-link:is(:hover, :active) svg {
    fill: var(--color-primary-dark);
}
.branding-link:is(:focus, :focus-visible) svg {
    fill: var(--color-primary);
}
/*---> Social List <---*/
.social-list {
    margin-left: 0;
    display: flex;
    list-style: none;
}
.social-list__item {
    line-height: 1;
}
.social-list__item:not(:last-of-type) {
    margin-right: 2rem;
}
.social-list__item::before {
    display: none;
}
.social-link {
    display: inline-block;
}
.social-link:active {
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
}
.social-link:is(:focus, :focus-visible) {
    border: 0;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
}
.social-link__icon {
    fill: var(--color-base);
    transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
}
.social-link:is(:hover, :active) .social-link__icon {
    fill: var(--color-primary-dark);
}
.social-link:is(:focus, :focus-visible) .social-link__icon {
    fill: var(--color-primary);
}
/* Alternate Circle Social Links */
.social-list__item--has-round:not(:last-of-type) {
    margin-right: .625rem;
}
.social-link--is-round {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: var(--color-base);
    position: relative;
}
.social-link--is-round:is(:hover, :active) {
    background: var(--color-primary-dark);
}
.social-link--is-round:is(:focus, :focus-visible) {
    background: var(--color-primary);
}
.social-link__icon--for-round {
    position: absolute;
    inset: 0;
    margin: auto;
}
.social-link__icon--for-round, .social-link--is-round:is(:hover, :active, :focus, :focus-visible) .social-link__icon--for-round {
    fill: var(--color-white);
}



/************************************
/*----------------------------------
/*  STYLE GUIDE
/*----------------------------------
/*************************************/


.anchor {
    font-weight: inherit;
    color: inherit;
    pointer-events: none;
}
.style-guide-header {
    position: relative;
    padding: 1.5rem 0 .5rem;
    margin-bottom: 1rem;
}
.style-guide-header:before {
    display: block;
    margin: 0 auto;
    width: 100vw;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: -50vw;
    right: -50vw;
    background: var(--color-gray-accent);
    z-index: -1;
}
.code-block {
    margin-bottom: 1rem;
}
.code-block-live, .code-block-color {
    border: 1px dotted var(--color-base);
    margin-bottom: 1rem;
    -webkit-box-shadow: 0 10px 25px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 10px 25px 0 rgba(0,0,0,.15);
    box-shadow: 0 10px 25px 0 rgba(0,0,0,.15);
}
.code-block-live {
    padding: 1.5rem 1.5rem .5rem;
}
.code-block-color {
    padding: 0 1.5rem .5rem;
}
.code-block-color div[class^="background"] {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-bottom: 1rem;
}
.code-block-color div.background-white {
    border-bottom: 1px solid var(--color-gray-accent);
}
pre[class*="language-"]::after, pre[class*="language-"]::before {
    display: none !important;
}
.dev-hint {
    background: #e8f5e1;
    border: 1px solid #addb94;
    padding: 1.5rem 1.5rem .5rem;
    margin-bottom: 1rem;
}
.dev-hint h6, .dev-hint p {
    color: #244116;
}


.section__subtitle {
    color: var(--color-secondary);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.125rem;
    margin-bottom: .5rem;
}

.section__subtitle--gray {
    color: #bababa;
}

/*~~~~ Text by Module ~~~~*/

/*~~~~ Text by Module: Split Hero ~~~~*/

.hero__block__txt__title {
    color: var(--color-white);
    font-size: 2.25rem;
    line-height: 1;
    margin-bottom: .5rem;
}

.hero__block__txt__subtitle {
    text-transform: uppercase;
    color: var(--color-white);
}

.hero__divider__txt {
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1;
}

/*~~~~ Text by Module: Messaging ~~~~*/

.messaging__title {
    font-weight: normal;
    /* line-height: 1;
    font-size: 1.25rem; */
    text-transform: none;
}

/*~~~~ Text by Module: Products Slides ~~~~*/

.slider__head__title {
    text-transform: uppercase;
    /* font-weight: 600; */
    /* font-size: 1rem; */
    /* ADA NOTES: bumped font-weight up to true bold and increased font size in an effort to resolve issues */
    font-weight: bold;
    font-size: 1.2rem;
    max-width: 50%;
}

@media screen and (min-width:40rem) {
    .slider__head__title {
        max-width: none;
    }
}

.slide__txt__title.slide__txt__title--bg, .slide__txt__desc.slide__txt__desc--bg {
    color: var(--color-white);
}

.slider-wrap--res-btfh {
    background-color: var(--color-gray-accent);
}

/*~~~~ Text by Module: Testimonials ~~~~*/

.testify__quote__txt {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
}

.testify__quote__cite {
    font-size: 1.25rem;
    line-height: 1.3;
}

/*~~~~ Text by Module: Content-Area ~~~~*/

.content-area__main p:not([class]) {
    /* font-size: 1rem; */
    line-height: 1.5;
}

/*~~~~ Text by Module: Blockquote ~~~~*/

blockquote {
    padding: 0;
}

.blockquote {
    position: relative;
    border: 2px solid #e4ebf4;
    border-radius: 8px;
    background-color: var(--color-white);
}

p.blockquote__text {
    padding-left: 9%;
    padding-right: 10%;
    color: var(--color-black);
}

p.blockquote__text:first-child {
    margin-top: 2rem;
    position: relative;
}

p.blockquote__text:first-child::before, p.blockquote__text:first-child::after {
    content: '';
    width: 40px;
    height: 31px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
}

p.blockquote__text:first-child::before {
    background-image: url(../images/test-quote-open.png);
    left: -.625rem;
}

p.blockquote__text:first-child::after {
    background-image: url(../images/test-quote-close.png);
    right: -.625rem;
}

p.blockquote__text--cite {
    margin: 2rem 0 0;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: #f3f7fd;
    border-top: 2px solid #e4ebf4;
    color: var(--color-primary);
    font-weight: bold;
    font-size: 1.25rem;
    border-radius: 0 0 8px 8px;
}

.blockquote__text--cite::before {
    content: "\2013";
    padding-right: .5rem;
}

/*~~~~ Text by Module: Blockquote Variant FEATURED ~~~~*/

.blockquote--featured {
    background-color: #e4ebf4;
    border: none;
}

.blockquote__title {
    color: var(--color-primary);
    font-size: 1.625rem;
    margin-top: 2rem;
    margin-bottom: 0;
    text-transform: uppercase;
}

.blockquote__subtitle {
    color: #5b5b5b;
    font-size: 1.25rem;
    /* font-family: 'Open Sans Condensed', 'Arial Narrow', sans-serif; */
    font-stretch: condensed;
    font-weight: bold;
}

.blockquote__txt-wrap {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.blockquote__img-wrap {
    line-height: 0;
}

p.blockquote__text--featured {
    padding-left: 0;
    padding-right: 0;
}

p.blockquote__btn-wrap {
    margin-bottom: 2rem;
}

/*~~~~ Text by Module: RG Family ~~~~*/

.rg-family__banner {
    line-height: 1.3;
}

/*~~~~ Text by Module: Design Your Own Court ~~~~*/

.dyoc__banner__title {
    color: var(--color-base);
    font-size: 1.875rem;
    line-height: 1;
}

.dyoc__banner__txt {
    font-size: 1.125rem;
    line-height: 1.4;
}

.dyoc__court__title {
    font-weight: normal;
    text-transform: uppercase;
}

.reveal--dyoc {
    width: auto;
    max-width: 66.875rem;
}

/*~~~~ Text by Module: Footer ~~~~*/

.global-footer p {
    /* font-size: .938rem; */
    line-height: 1.4;
}

/*~~~~ Text by Module: Reveal Modal ~~~~*/

.modal__title {
    font-weight: 600;
}

/*~~~~ Text by Module: Forms ~~~~*/

.formElements h2 {
    color: var(--color-primary);
    /* font-size: 1.375rem; */
    font-size: var(--font-size-h2);
    margin-bottom: 1rem;
}

.contact-form .formElements h2 {
    text-align: center;
}

.contact-form label {
    font-size: .75rem;
    font-weight: bold;
}

/*~~~~ Links ~~~~*/

a {
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    text-decoration: none;
    color: var(--color-primary);
    font-weight: bold;
}

a:hover, a:active, a:focus {
    text-decoration: underline;
    color: var(--color-tertiary);
}

.main a:hover, .main a:focus {
    font-weight: bold;
}

.bread_crumbs .bread_crumbs {
    /* font-family: 'Open Sans Condensed', 'Arial Narrow', sans-serif; */
    font-stretch: condensed;
    font-weight: bold;
    color: #6b6b6b;
}

.bread_crumbs .bread_crumbs:last-child {
    color: var(--color-primary);
}

.bread_crumbs .current-page {
    color: var(--color-primary);
}

.ico-link {
    color: var(--color-secondary);
    font-weight: bold;
}

.ico-link--ext::after {
    content: url(../images/icons/outbound.svg);
    position: relative;
    vertical-align: baseline;
    padding-left: .5rem;
}

.btn, .currentForm input[type=submit], .contact-form .hs-button {
    display: inline-block;
    border-radius: 7px;
    font-weight: bold;
    font-stretch: condensed;
    text-align: center;
    padding: .5rem 2.5rem;
    color: var(--color-white);
    background-color: transparent;
    text-transform: uppercase;
}

.btn.btn--block {
    display: block;
}

.btn-row .btn {
    margin-bottom: .5rem;
}

.btn--primary, .currentForm input[type=submit], .btn-primary, .contact-form .hs-button {
    background-color: var(--color-primary);
}

.btn--secondary, .btn-secondary {
    background-color: var(--color-secondary);
}

.btn--accent {
    background-color: var(--color-tertiary);
}

.btn.btn--ghost, .btn-ghost {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    text-transform: uppercase;
    /* font-size: .875rem; */
    /* font-family: 'Open Sans Condensed', 'Arial Narrow', sans-serif; */
    font-stretch: condensed;
    font-weight: bold;
}

.btn.btn--large, .btn-large {
    font-size: 1.388rem;
}

.btn:hover, .currentForm input[type=submit]:hover, .btn:focus, .currentForm input[type=submit]:focus {
    -webkit-box-shadow: 0 9px 8px -8px rgba(6, 6, 6, .4);
    box-shadow: 0 9px 8px -8px rgba(6, 6, 6, .4);
    text-decoration: none;
    color: var(--color-white);
}

.btn--ghost.btn--primary, .btn-ghost.btn-primary {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.btn--ghost.btn--ghost--primary:hover, .btn--ghost.btn--ghost--primary:focus, .btn-ghost.btn-primary:hover, .btn-ghost.btn-primary:focus {
    background-color: var(--color-secondary);
}

.btn--ghost.btn--ghost--secondary:hover, .btn--ghost.btn--ghost--secondary:focus {
    background-color: var(--color-tertiary);
}

.btn--ghost.btn--ghost--white:hover, .btn--ghost.btn--ghost--white:focus {
    background-color: var(--color-white);
    color: var(--color-tertiary);
}

.btn--ghost.btn--secondary, .btn-ghost.btn-secondary {
    border-color: var(--color-secondary);
    color: var(--color-secondary);
}

.btn--ghost.btn--accent, .btn-ghost.btn-accent {
    border-color: var(--color-tertiary);
    color: var(--color-tertiary);
}

.btn--ghost.btn--primary:hover, .btn--ghost.btn--primary:focus, .btn-ghost.btn-primary:hover, .btn-ghost.btn-primary:focus {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    color: var(--color-white);
}

.btn--ghost.btn--secondary:hover, .btn--ghost.btn--secondary:focus, .btn-ghost.btn-secondary:hover, .btn-ghost.btn-secondary:focus {
    border-color: var(--color-secondary);
    background-color: var(--color-secondary);
    color: var(--color-white);
}

.btn--ghost.btn--accent:hover, .btn--ghost.btn--accent:focus, .btn-ghost.btn-accent:hover, .btn-ghost.btn-accent:focus {
    border-color: var(--color-tertiary);
    background-color: var(--color-tertiary);
    color: var(--color-white);
}

.currentForm input[type=submit], .contact-form .hs-button {
    border: none;
    cursor: pointer;
    /* font-family: 'Open Sans Condensed', 'Arial Narrow', sans-serif; */
    font-stretch: condensed;
    font-weight: bold;
    margin-bottom: .5rem;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.contact-form .hs-button {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 40rem) {
    .btn {
        width: 100%;
        margin-bottom: 1rem;
    }
}

/*~~~~ Links by Module ~~~~*/

/*~~~~ Links by Module: Utility Bar ~~~~*/

.utility {
    line-height: 0;
    box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, 0.15);
}

@media screen and (min-width: 40rem) {
    .utility {
        line-height: inherit;
    }
}

.utility__link {
    color: var(--color-white);
    padding: .5rem;
    font-size: .75rem;
}

.utility__link:hover, .utility__link:focus {
    color: var(--color-white);
}

.utility__link__ico {
    fill: var(--color-white);
    margin: 0 .5rem;
}

.utility__link__ico--left {
    margin-left: 0;
}

.utility__link__ico--right {
    margin-right: 0;
}

/*~~~~ Links by Module: RG Family ~~~~*/

.rg-family a {
    color: #5d5d5d;
    font-size: .813rem;
    font-weight: normal;
}

.rg-family a:hover, .rg-family a:focus {
    color: #5c5c5c;
    text-decoration: none;
}

/*~~~~ Links by Module: Design Your Own Court ~~~~*/

.dyoc__court {
    color: var(--color-base);
}

.dyoc__court:hover, .dyoc__court:focus {
    color: var(--color-primary);
    text-decoration: none;
}

.dyoc__court__img {
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.dyoc__court:hover .dyoc__court__img, .dyoc__court:focus .dyoc__court__img {
    fill: var(--color-primary);
}

.dyoc__court__title {
    -webkit-transition: color 200ms ease-out;
    -o-transition: color 200ms ease-out;
    transition: color 200ms ease-out;
}

.dyoc__court:hover .dyoc__court__title, .dyoc__court:focus .dyoc__court__title {
    /*font-weight: bold;*/
    color: var(--color-primary);
}

/*~~~~ Lists (and Icon Headings, I know it doesn't really fit here, but it uses many/most of the styles from the ico-lists ~~~~*/

.ico-title {
    color: #5b5b5b;
    /* font-family: 'Open Sans Condensed', 'Arial Narrow', sans-serif; */
    font-stretch: condensed;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.2;
    position: relative;
    padding-left: 2.25rem;
    margin-bottom: 1rem;
}

.ico-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.ico-list, .check-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    color: #5b5b5b;
    /* font-family: 'Open Sans Condensed', 'Arial Narrow', sans-serif; */
    font-stretch: condensed;
    font-weight: bold;
    font-size: 1.25rem;
}

.ico-list--secondary {
    color: var(--color-secondary);
}

.ico-list--white {
    color: var(--color-white);
}

.ico-list li, .check-list li {
    line-height: 1.2;
    position: relative;
    padding-left: 2.875rem;
    margin-bottom: 1rem;
}

.ico-list li {
    line-height: 1.35;
}

.check-list li::before, .ico-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    vertical-align: middle;
}

.ico-list li::before {
    width: 25px;
    height: 25px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.check-list li::before {
    content: url(../images/icons/ico-checked.svg);
}

.ico-basketball::before {
    background-image: url(../images/icons/ico-basketball.svg);
}

.ico-basketballcourt::before {
    background-image: url(../images/icons/ico-basketballcourt.svg);
}

.ico-artwork::before {
    background-image: url(../images/icons/ico-artwork.svg);
}

.ico-bball-goals::before {
    background-image: url(../images/icons/ico-bball-goals.svg);
}

.ico-bounce::before {
    background-image: url(../images/icons/ico-bounce.svg);
}

.ico-contain::before {
    background-image: url(../images/icons/ico-contain.svg);
}

.ico-futsal::before {
    background-image: url(../images/icons/ico-futsal.svg);
}

.ico-hockey-net::before {
    background-image: url(../images/icons/ico-hockey-net.svg);
}

.ico-joint::before {
    background-image: url(../images/icons/ico-joint.svg);
}

.ico-lighting::before {
    background-image: url(../images/icons/ico-lighting.svg);
}

.ico-multisport::before {
    background-image: url(../images/icons/ico-multisport.svg);
}

.ico-net::before {
    background-image: url(../images/icons/ico-net.svg);
}

.ico-pickleball::before {
    background-image: url(../images/icons/ico-pickleball.svg);
}

.ico-pickle-equip::before {
    background-image: url(../images/icons/ico-pickle-equip.svg);
}

.ico-rebound::before {
    background-image: url(../images/icons/ico-rebound.svg);
}

.ico-shoe::before {
    background-image: url(../images/icons/ico-shoe.svg);
}

.ico-shuffle::before {
    background-image: url(../images/icons/ico-shuffleboard.svg);
}

.ico-shuffle-acc::before {
    background-image: url(../images/icons/ico-shuffle-acc.svg);
}

.ico-skate::before {
    background-image: url(../images/icons/ico-skate.svg);
}

.ico-slide::before {
    background-image: url(../images/icons/ico-slide.svg);
}

.ico-thermo::before {
    background-image: url(../images/icons/ico-thermo.svg);
}

.ico-tennis::before {
    background-image: url(../images/icons/ico-tennis.svg);
}

.ico-versatile::before {
    background-image: url(../images/icons/ico-versatile.svg);
}

.ico-volleyball::before {
    background-image: url(../images/icons/ico-volleyball.svg);
}

.ico-custom-logo::before {
    background-image: url(../images/icons/ico-custom-logo.svg);
}

.ico-badminton::before {
    background-image: url(../images/icons/ico-badminton.svg);
}

.ico-warning::before {
    background-image: url(../images/icons/ico-warning.svg);
}
.ico-cornhole::before {
    background-image: url(../images/icons/ico-cornhole.svg);
}
.ico-cornhole-alt::before {
    background-image: url(../images/icons/ico-cornhole-alt.svg);
}
.ico-tennis--secondary::before {
    background-image: url(../images/icons/ico-tennis--orange.svg);
}

.ico-pickleball--secondary::before {
    background-image: url(../images/icons/ico-pickleball--orange.svg);
}

.ico-basketball--secondary::before {
    background-image: url(../images/icons/ico-basketball--orange.svg);
}

.ico-volleyball--secondary::before {
    background-image: url(../images/icons/ico-volleyball--orange.svg);
}

.ico-badminton--secondary::before {
    background-image: url(../images/icons/ico-badminton--orange.svg);
}

.ico-hockey--secondary::before {
    background-image: url(../images/icons/ico-hockey--orange.svg);
}

.ico-soccer--secondary::before {
    background-image: url(../images/icons/ico-soccer--orange.svg);
}

.ico-shuffleboard--secondary::before {
    background-image: url(../images/icons/ico-shuffleboard--orange.svg);
}

.ico-4-square--secondary::before {
    background-image: url(../images/icons/ico-4-square--orange.svg);
}

.ico-hopscotch--secondary::before {
    background-image: url(../images/icons/ico-hopscotch--orange.svg);
}

.ico-tictactoe--secondary::before {
    background-image: url(../images/icons/ico-tictactoe--orange.svg);
}

.ico-batter--secondary::before {
    background-image: url(../images/icons/ico-baseball--orange.svg);
}
.ico-maintenance::before {
    background-image: url(../images/icons/ico-maintenance.svg);
}

.expand-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.expand-list__item {
    margin-bottom: .75rem;
}

.expand-list__title {
    font-weight: bold;
    position: relative;
    cursor: pointer;
}

.expand-list__title::after, .accordion-title::after {
    content: '';
    display: inline-block;
    width: 17px;
    height: 17px;
    position: relative;
    top: 2px;
    margin-left: .75rem;
    background-image: url(../images/icons/ico-circled-arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.expand-list__details {
    max-height: 0;
    opacity: 0;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.expand-list__item--show .expand-list__title::after, .is-active .accordion-title::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.expand-list__item--show .expand-list__details {
    max-height: 600px;
    opacity: 1;
}

/*----------  ##Layout  ----------*/

/*~~~~ Layout by Module ~~~~*/

/*~~~~ Layout by Module: Header Tabs ~~~~*/

.global-header {
    position: relative;
    line-height: 0;
}

.residential .global-header::after {
    content: 'RESIDENTIAL';
    background-color: var(--color-secondary);
    line-height: 1.5;
}

.commercial .global-header::after {
    content: 'COMMERCIAL';
    background-color: var(--color-primary);
    line-height: 1.5;
}

.global-header::after {
    color: var(--color-white);
    font-size: .875rem;
    font-weight: bold;
    display: block;
    text-align: center;
    padding: .25rem .5rem;
    letter-spacing: 2px;
    line-height: 1.5;
}

/*~~~~ Layout by Module: Split Hero ~~~~*/

.hero {
    position: relative;
    text-align: center;
    background-color: var(--color-tertiary);
    line-height: 0;
}

.hero__block {
    position: relative;
    overflow: hidden;
}

.hero__block__img, .hero img {
    width: 100%;
}

.hero__logo-image, .hero img.hero__logo-image {
    width: 60%;
}

.hero--index img {
    width: auto;
}

.hero__block__txt {
    position: absolute;
    right: 0;
    left: 0;
}

.hero__block__txt__subtitle {
    margin: 0;
}

.hero__block__txt--1st {
    top: 0;
    bottom: 0;
    padding-top: 2rem;
}

.hero__block__txt--2nd {
    bottom: 0;
    padding-bottom: 2rem;
}

.hero__divider {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-color: var(--color-white);
    border: 5px solid var(--color-secondary);
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
}

/*~~~~ Layout by Module: Revised Homepage Hero ~~~~*/

.hero--index {
    background-position: center top;
    background-size: cover;
}

.hero__wrap {
    height: 500px;
}

.hero__buttons .btn + .btn {
    margin-top: 1rem;
}

.hero--index::after {
    content: '';
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(../images/down-arrow.png) no-repeat center;
    left: 0;
    right: 0;
    bottom: 1.5rem;
    margin: 0 auto;
    text-align: center;
}

.hero__video {
    position: relative;
}

.hero__video::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../images/video-pattern.png);
    background-repeat: repeat;
    opacity: .4;
}

.hero__wrap--us-main {
    background-color: var(--color-tertiary);
    background-image: url(../images/mobile-hero--home.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

/*~~~~ Layout by Module: Interior Hero ~~~~*/

.hero--interior .columns {
    position: relative;
    text-align: center;
}

.hero__title-wrap {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    width: 100%;
    max-width: 95%;
    margin: 0 auto;
    z-index: 1;
}

.hero__title {
    color: var(--color-white);
    text-align: center;
    line-height: 1;
    text-shadow: 1px 2px 6px rgba(0, 0, 0, .41);
    display: inline-block;
    padding: .5rem 3rem;
    /* font-family: 'Open Sans Condensed', 'Arial Narrow', sans-serif; */
    font-stretch: condensed;
    text-transform: uppercase;
    /* background-color: rgba(255,255,255,.4); */
    font-size: 2.813rem;
}

.hero__wrap .hero__title {
    padding: 0;
}

/* .residential .hero__title {
    background-color: rgba(229, 101, 36,1);
}

.commercial .hero__title {
    background-color: rgba(0, 145, 226,1);
} */

/*~~~~ Layout by Module: Interior Split Hero ~~~~*/

.split-header {
    position: relative;
    overflow: hidden;
}

.split-header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.split-header__text {
    position: relative;
    background-color: #005a90;
    background-image: url("../images/bg-logo-deco.svg");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 3rem 2rem;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .7);
    box-shadow: 0 3px 12px rgba(0, 0, 0, .7);
}

.split-header__title {
    color: var(--color-white);
    font-size: 2.25rem;
    margin: 0;
}

.split-header__media > img {
    width: 100%;
}

.split-header__media {
    position: relative;
}

.contract-logo {
    position: absolute;
    max-width: 200px;
    bottom: .5rem;
    right: 1rem;
}

@media all and (min-width: 1024px) {
    .contract-logo {
        /* max-width: 100%; */
        right: auto;
        left: 1rem;
        bottom: 1rem;
    }
}

/*~~~~ Layout by Module: Financing Tab ~~~~*/

.financing-tab {
    display: none;
}

/*~~~~ Layout by Module: Messaging ~~~~*/

.messaging {
    padding: 28px 0;
}

/*~~~~ Layout by Module: Homepage Slider (both Tile and Apps) ~~~~*/

.slider-wrap {
    position: relative;
}

.slider__head {
    position: absolute;
    top: 40px;
    z-index: 100;
}

.slide__graphic__img {
    margin: 0 auto;
}

.slide__txt__btn {
    margin: 2rem 0 3rem;
}

.slider-controls {
    position: absolute;
    top: 26px;
    right: 0;
    z-index: 300;
}

.slider-controls--steps {
    top: 380px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*~~~~ Layout by Module: Slider Arrows ~~~~*/

.slider-arrow {
    width: 57px;
    height: 57px;
    background-color: var(--color-white);
    border-radius: 50%;
    -webkit-box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, .41);
    box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, .41);
}

.slider-arrow--prev {
    margin: 0 .25rem 0 .625rem;
}

.slider-arrow--next {
    margin: 0 .625rem 0 .25rem;
}

.ico-arrow {
    fill: var(--color-secondary);
}

.ico-arrow--prev {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.ico-arrow--next {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

/*~~~~ Layout by Module: Products ~~~~*/

.slide--bg {
    background-color: var(--color-tertiary);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.slide--bg-pickleball-pro {
    background-image: url(../cmss_files/imagelibrary/homepage_ctas/lg-bg-slide--pickleball-pro.jpg);
}

.slide--bg-pro-tile {
    background-image: url(../cmss_files/imagelibrary/homepage_ctas/lg-bg-slide--protile.jpg);
}

.slide--bg-boost-tile {
    background-image: url(../cmss_files/imagelibrary/homepage_ctas/lg-bg-slide--boost-court.jpg);
}

.slide__graphic--halfbg {
    position: relative;
    height: 283px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.slide__graphic--halfbg::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-shadow: inset 0 100px 100px -30px rgba(31, 31, 31, .85);
    box-shadow: inset 0 100px 100px -30px rgba(31, 31, 31, .85);
}

.slide__graphic--tile {
    padding-top: 108px;
    padding-bottom: 1rem;
}

.slide__graphic--acc {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/*~~~~ Layout by Module: Applications ~~~~*/

.slide__graphic__img--halfbg {
    width: 100%;
}

.slide__txt__title {
    line-height: 1;
    font-weight: normal;
}

.slide__txt__title--halfbg {
    margin-top: 2.25rem;
}

.slide__txt__desc--halfbg {
    margin-bottom: 1.5rem;
}

/*~~~~ Layout by Module: Testimonials ~~~~*/

.testimonials {
    background-image: url(../images/bg-pattern.png);
    background-repeat: repeat;
    padding-bottom: 3rem;
}

.testify {
    margin: 0;
    padding: 0;
    border: none;
}

.testify__img {
    margin-top: -2rem;
    margin-bottom: 2.25rem;
    -webkit-box-shadow: 4px 7px 16px 0 rgba(12, 12, 12, .29);
    box-shadow: 4px 7px 16px 0 rgba(12, 12, 12, .29);
    border-radius: 50%;
}

/*~~~~ Layout by Module: Features Numbered Lists ~~~~*/

.feature-count {
    list-style: none;
    margin: 3rem 0 0;
    padding: 0;
    counter-reset: feature-list;
}

.feature-count__item {
    position: relative;
    padding-left: 90px;
    margin-bottom: 1.75rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.feature-count__item::before {
    content: counter(feature-list);
    counter-increment: feature-list;
    position: absolute;
    width: 77px;
    height: 77px;
    border-radius: 50%;
    color: var(--color-white);
    font-size: 2rem;
    font-weight: bold;
    background-color: var(--color-primary);
    border: 9px solid #d1e9f7;
    display: flex;
    justify-content: center;
    align-items: center;
    /* position: absolute; */
    left: 0;
    /* top: 6px; */
    flex: 0 0 auto;
}

.feature-count__item--secondary, .feature-count__item--primary {
    padding-left: 3.75rem;
}

.feature-count__item--secondary::before, .feature-count__item--primary::before {
    font-size: 1.125rem;
    width: 2.375rem;
    height: 2.375rem;
    background-color: #ff640d;
    border: none;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .349);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .349);
}

.feature-count__item--primary::before {
    background-color: var(--color-primary);
}

.feature-count h3 {
    margin-bottom: .5rem;
}

/*~~~~ Layout by Module: Bread Crumbs ~~~~*/

.bread_crumbs:not([a]) {
    margin: 1rem 0 1.25rem;
    /* font-family: 'Open Sans Condensed', 'Arial Narrow', sans-serif; */
    font-stretch: condensed;
    font-weight: bold;
    color: #6b6b6b;
}

.bread__ico {
    fill: var(--color-primary);
    margin: 0 .5rem;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

/*~~~~ Layout by Module: Content Area ~~~~*/

.content-area {
    position: relative;
    padding-bottom: 77px;
    overflow-x: hidden;
}

main > .band--reinventing:last-child {
    margin-bottom: -77px;
}

.overflow-wrapper {
    overflow-x: hidden;
}

.content-area::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 77px;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/$white+0,eeeeee+100 */
    background: white;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, white 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#eeeeee));
    background: linear-gradient(to bottom, white 0%, #eeeeee 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.content-area img {
    border-radius: 5px;
}

.content-area img.squared-img, .content-area img.radius-0, .radius-0 {
    border-radius: 0;
}

.content-area img.round-img {
    border-radius: 100%;
}

.content-area--full {
    padding-bottom: 0;
}

.content-area--full::after {
    display: none;
}

/*~~~~ Layout by Module: Mapped product features ~~~~*/

.products {
    position: relative;
    z-index: 10;
    -webkit-box-shadow: 0 15px 10px -15px rgba(0, 0, 0, .33);
    box-shadow: 0 15px 10px -15px rgba(0, 0, 0, .33);
}

.products__media {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    line-height: 0;
}

.products__image {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.products__body {
    padding: 1rem 0;
    text-align: center;
}

.products__pill {
    /* background: var(--color-secondary); */
    background-color: var(--color-tertiary);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem .75rem;
    border-radius: 50px;
    border: 2px solid var(--color-white);
    margin: .5rem 0;
    -webkit-box-shadow: 0 8px 12px 0 rgba(0, 0, 0, .33);
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, .33);
    color: var(--color-white);
}

.products__pill:hover {
    text-decoration: none;
}

.products__pill--hover:hover {
    background-color: var(--color-white);
    color: var(--color-tertiary);
    border-color: var(--color-tertiary);
}

.products__pill__logo {
    max-width: 60px;
    margin-right: .25rem;
}

.products__pill__text {
    color: var(--color-white);
    /* font-weight: 600; */
    /* font-size: .875rem; */
    font-size: 1.375rem;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.products__pill--hover:hover .products__pill__text {
    color: var(--color-tertiary);
}

.products .products__media .products__image {
    border-radius: 0;
}

/*~~~~ Layout by Module: Cards ~~~~*/

.card {
    border-radius: 0;
    background-color: var(--color-gray-accent);
}

.card--white {
    background-color: var(--color-white);
}

.card--borderless {
    border: none;
}

.card--thick-border {
    background-color: var(--color-white);
    border: 8px solid #dddddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2.375rem .875rem;
}

.card--thick-border > :last-child {
    margin-bottom: 0;
}

.card--thick-border .card__icon {
    margin-bottom: 1rem;
}

.card--thick-border .card__title {
    margin-bottom: 1rem;
}

.card__image, .card img.card__image {
    border-radius: 0;
}

.card__media > a {
    display: block;
}

.card__media--has-video-trigger {
    position: relative;
}

.card__media--spaced {
    text-align: center;
    padding: 1rem;
}

.card__body {
    padding: 1.3125rem 1.375rem 1.125rem 1.375rem;
}

.card__image {
    width: 100%;
}

.card__image--centered {
    width: auto;
}

.card__title {
    color: var(--color-tertiary);
    font-weight: bold;
    font-size: 1.375rem;
    text-transform: uppercase;
}

.card__title > a {
    text-decoration: none;
    color: currentColor;
}

.card__title--contrast {
    color: var(--color-white);
}

.card__header {
    background-color: var(--color-tertiary);
    padding: 1.3125rem 1rem;
    text-align: center;
}

.card__header .card__title {
    margin: 0;
}

.card__header--bordered {
    border: 1px solid #0d3b6a;
}

.card__action {
    margin-top: auto;
    padding: 0 1.375rem 1.125rem;
}

/*~~~~ Layout by Module: Highlight blurb ~~~~*/

.highlight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.highlight__title {
    color: var(--color-secondary);
    text-transform: uppercase;
    font-size: 1.125rem;
}

.highlight__image, .content-area img.highlight__image {
    border: 3px solid var(--color-white);
    border-radius: 100%;
    -webkit-box-shadow: 0 1px 5px #00000043;
    box-shadow: 0 1px 5px #00000043;
    width: 6.375rem;
    height: 6.375rem;
    margin: .875rem;
}

.highlight-link {
    display: inline-block;
    text-decoration: none;
}

.highlight-link:hover {
    text-decoration: none;
}

/*~~~~ Layout by Module: Video Modal ~~~~*/

.reveal--video {
    padding: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.reveal--video .responsive-embed {
    margin-bottom: 0;
}

.video-trigger {
    position: relative;
    display: block;
}

.video-trigger::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cg transform='translate(-1356 -1729)'%3E%3Ccircle cx='45' cy='45' r='45' transform='translate(1356 1729)' fill='%23fff'/%3E%3Cpath d='M19,0,38,28H0Z' transform='translate(1418.5 1756.5) rotate(90)' fill='%23e56524'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 90px;
    height: 90px;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.video-trigger:hover::after {
    -webkit-box-shadow: 0 3px 6px #00000075;
    box-shadow: 0 3px 6px #00000075;
}

.close-button {
    width: auto;
    height: auto;
    padding: .5rem;
    line-height: 1;
    background-color: transparent;
}

/*~~~~ Layout by Module: Shaded Box ~~~~*/

.shaded-box {
    background-color: var(--color-gray-accent);
    padding: .75rem .5rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-radius: 7px;
}

/*~~~~ Layout by Module: Forms ~~~~*/

.formRow li:only-child {
    width: 100%;
}

.contact-form .formElements .formRow > ul > li:nth-last-child(n+2):nth-last-child(-n+2):first-child, .contact-form .formElements .formRow > ul > li:nth-last-child(n+2):nth-last-child(-n+2):first-child ~ li {
    width: 50%;
    padding-right: 5px;
}

.contact-form .formElements .formRow > ul > li:nth-last-child(n+2):nth-last-child(-n+2):first-child ~ li:nth-child(2) {
    padding-left: 5px;
    padding-right: 0;
}

.contact-form .formElements .formRow > ul > li:nth-last-child(n+3), .contact-form .formElements .formRow > ul > li:nth-last-child(n+3) ~ li {
    width: 37%;
    padding-right: .625rem;
}

.contact-form .formElements .formRow > ul > li:nth-last-child(n+3) ~ li:nth-child(3) {
    width: 26%;
    padding-right: 0;
}

/*~~~~ Layout by Module: Photo Galleries ~~~~*/

.lbThumb {
    border: none;
    border-radius: 5px;
    background-color: transparent;
    margin: 0 1.25rem 1.25rem 0;
    line-height: 0;
}

/*~~~~ Layout by Module: Design Bands ~~~~*/

.bg-accent {
    background-color: var(--color-tertiary);
}

.bg-full {
    position: relative;
    width: 100vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.bg-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    background-color: var(--color-tertiary);
}

.bg-img--full-width {
    position: relative;
    width: 100vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.bg-img--full-width > .row, .row:not(.expanded) .bg-img--full-width > .row {
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
}

.bg-img.bg-img--commercial {
    background-image: url(../images/lg-bg--court-design.jpg);
}

.bg-img.bg-img--residential {
    background-image: url(../images/lg-bg--residential-home.jpg);
}

.bg-img.bg-img--bball-tile-benefits {
    background-image: url(../images/lg-bg--bball-tile-benefits.jpg);
}
.bg-img.bg-img--indoor-basketball {
    background-image: url(../images/lg-bg--indoor-basketball.jpg);
}

.bg-img.bg-img--pickleball-2023 {
    background-image: url(../images/lg-bg-slide--pickleball-2023.jpg);
}

.bg-img.bg-img--ballhog-benefits {
    background-image: url(../images/lg-bg--ballhog-benefits.jpg);
}

.bg-img.bg-img--megaslam-goals {
    background-image: url(../images/bg-megaslam-goals.jpg);
}

.bg-img.bg-img--game-outdoor {
    background-image: url(../images/lg-bg-slide--game-outdoor.jpg);
}

.bg-img.bg-img--bball-court {
    background-image: url(../images/lg-bg--bball-gallery.jpg);
}
.bg-img.bg-img--bball-driveway {
    background-image: url(../images/lg-bg--bball-driveway.jpg);
}

.bg-img.bg-img--bball-driveway-alt {
    background-image: url(../images/lg-bg--bball-driveway-alt.jpg);    
}
.bg-img.bg-img--tennis-tile-benefits {
    background-image: url(../images/lg-bg--tennis-tile-benefits.jpg);
}

.bg-img.bg-img--tennis-court {
    background-image: url(../images/lg-bg--tennis-gallery.jpg);
}

.bg-img.bg-img--multi-sport-tile-benefits {
    background-image: url(../images/lg-bg--multi-sport-tile-benefits.jpg);
}

.bg-img.bg-img--multi-sport-court {
    background-image: url(../images/lg-bg--multi-sport-gallery.jpg);
}

.bg-img.bg-img--shuffleboard-tile-benefits {
    background-image: url(../images/lg-bg--shuffleboard-tile-benefits.jpg);
}

.bg-img.bg-img--shuffleboard-court {
    background-image: url(../images/lg-bg--shuffleboard-gallery.jpg);
}

.bg-img.bg-img--pickleball-tile-benefits {
    background-image: url(../images/lg-bg--pickleball-tile-benefits.jpg);
}

.bg-img.bg-img--pickleball-court {
    background-image: url(../images/lg-bg--pickleball-gallery.jpg);
}

.bg-img.bg-img--volleyball-tile-benefits {
    background-image: url(../images/lg-bg--volleyball-tile-benefits.jpg);
}
.bg-img.bg-img--pickleball-performance-tile {
    background-image: url(../images/lg-bg--pickleball-performance-tile.jpg);
}
.bg-img.bg-img--verscourt-game-court-tile {
    background-image: url(../images/lg-bg--verscourt-game-court-tile.jpg);
}
.bg-img.bg-img--game-court-vs-pickleball-performance {
    background-image: url(../images/lg-bg--game-court-vs-pickleball-performance.jpg);
}
.bg-img.bg-img--volleyball-court {
    background-image: url(../images/lg-bg--volleyball-gallery.jpg);
}

.bg-img.bg-img--cornhole-court {
    background-image: url(../images/lg-bg--skating-gallery.jpg);
}

.bg-img.bg-img--hockey-tile-benefits {
    background-image: url(../images/lg-bg--hockey-tile-benefits.jpg);
}

.bg-img.bg-img--hockey-court {
    background-image: url(../images/lg-bg--hockey-gallery.jpg);
}

.bg-img.bg-img--commercial-hockey-tile-benefits {
    background-image: url(../images/lg-bg--commercial-hockey-tile-benefits.jpg);
}

.bg-img.bg-img--commercial-hockey-court {
    background-image: url(../images/lg-bg--commercial-hockey-gallery.jpg);
}

.bg-img.bg-img--hockey-rink {
    background-image: url(../images/bg-hockey-rink.jpg);
}

.bg-img.bg-img--industry {
    background-image: url(../images/bg-industry.jpg);
}

.bg-img.bg-img--cornhole-res {
    background-image: url(../images/lg-bg--cornhole-res.jpg);
}

.bg-img.bg-img--cornhole-com {
    background-image: url(../images/lg-bg--cornhole-com.jpg);
}
.bg-img--skillfully-engineered {
    background-image: url(../images/bg-skillfully-engineered.jpg);
}
.bg-img--pickleball-performance {
    background-image: url(../images/bg-pickleball-performance.jpg);
}
.bg-img--salvation-army {
    background-image: url(../images/bg-salvation-army.jpg);
}
.columns.small-2.large-2.logo--cornhole--band img {
    margin: 12.5rem 0;
}

.row.bg--cornhole--band {
    max-width: 100%;
    background-color: var(--color-tertiary);
    background-image: url(../images/band-bg-cornhole-lrg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    max-height: auto;
}

.cornhole--section--1 .container {
    max-width: 25rem;
    margin: 2rem .5rem;
    margin-left: auto;
}

.section__title {
    color: #ffffff;
}

.title--span {
    font-size: 1.875rem;
    color: #d03d2b;
}

.cornhole--section--2 {
    padding: 0;
}

.txt-card__btn {
    margin: 2rem 0 0;
}

.txt-card--design {
    padding: 5rem 0 2rem;
}

.design-image {
    margin-bottom: 5rem;
}

/*~~~~ Layout by Module: Brand ~~~~*/

.brand__img {
    width: 100%;
    height: 33px;
    margin: 1.5rem auto;
}

.brand__img--index {
    height: auto;
}

.brand__img--foot {
    width: auto;
    height: auto;
}

/*~~~~ Layout by Module: Court Tile Block ~~~~*/

.court-tile__highlights {
    margin-top: 1.75rem;
    margin-bottom: 1rem;
}

.court-tile__apps h3 {
    margin-bottom: 1rem;
}

.court-tile__btn {
    margin-top: 1rem;
}

/*~~~~ Layout by Module: Featured Video ~~~~*/

.featured-video {
    margin-bottom: 0;
}

.featured-video iframe {
    border: none;
}

/*~~~~ Layout by Module: Player ~~~~*/

.player {
    position: relative;
    -webkit-box-shadow: -3px 4px 32px 0 rgba(0, 0, 0, .4);
    box-shadow: -3px 4px 32px 0 rgba(0, 0, 0, .4);
    margin: 2rem 0;
}

.player__overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all .8s cubic-bezier(.25, .46, .45, .94);
    -o-transition: all .8s cubic-bezier(.25, .46, .45, .94);
    transition: all .8s cubic-bezier(.25, .46, .45, .94);
}

.player__poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.player__icon {
    position: relative;
    z-index: 10;
}

.player__info {
    z-index: 10;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    padding: 1rem 0;
}

.player__info__text {
    color: var(--color-white);
    margin: 0;
    line-height: 1;
    font-size: .875rem;
}

.player__info__action {
    margin: 0;
    line-height: 1;
    font-size: .875rem;
    color: var(--color-secondary);
    font-weight: 600;
}

.player__video__wrapper {
    position: relative;
}

.player.is-active .player__overlay {
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

/*~~~~ Layout by Module: Feature Boards ~~~~*/

.board {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: var(--color-white);
    margin-right: -.625rem;
    margin-left: -.625rem;
    padding-right: .625rem;
    padding-left: .625rem;
}

.board--gray, .band--gray {
    background: var(--color-gray-accent);
}

.board--primary {
    background: var(--color-tertiary);
}

.board--allstars {
    background: var(--color-tertiary);
}

.board__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 3rem 0;
    padding-right: 2rem;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.board__content--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.board__content--case {
    padding-left: 4rem;
    padding-right: 4rem;
}

.board__image {
    background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7));
}

.board__image, .content-area img.board__image {
    border-radius: 0;
    width: 100%;
}

.board__image-wrapper--overlay {
    position: absolute;
    top: 0;
    left: 0;
}

.board__image--overlay {
    position: relative;
    width: 50vw;
    height: auto;
    max-width: 385px;
}

.board__flagged::after {
    content: attr(data-flag-label);
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: bold;
    color: var(--color-white);
}

.board__flagged--before::after {
    left: 2rem;
    bottom: 2rem;
}

.board__media {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    position: relative;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.board__media--slider {
    width: 100%;
}

.board__caption {
    color: var(--color-white);
    /*  */
    font-style: italic;
    font-size: 1.125rem;
    line-height: 1;
    position: absolute;
    bottom: 1.25rem;
    left: 1.5rem;
}

.board__caption--flip {
    left: auto;
    right: 1.5rem;
}

.board__video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.board__media--embed {
    height: 0;
    padding-bottom: 56.25%;
    width: 100%;
}

.board__embed {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media all and (min-width:1024px) {
    .board__media--embed {
        height: 100%;
        padding-bottom: 0;
        width: 50vw;
        position: absolute;
        left: 50%;
        top: 0;
        bottom: 0;
        overflow: hidden;
    }
    .board__embed {
        /* width: 50vw;
    height: 100%;
    padding-bottom: 0;
    min-width: 177.77vh; */
        width: 100vw;
        height: 700px;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: -10;
    }
}

.board__subtitle {
    /*  */
    font-size: 1rem;
    font-style: italic;
    font-weight: bold;
    /* color: #727272; */
    margin-bottom: .75rem;
}

.board__subtitle--alt {
    color: var(--color-secondary);
    font-style: normal;
    text-transform: uppercase;
}

.board__subtitle--extended {
    line-height: 1.333;
}

.board__title {
    /* font-size: 1.25rem; */
    margin-bottom: 1.25rem;
    position: relative;
}

.board__title__icon {
    position: absolute;
    bottom: 0;
    left: -2.5rem;
}

.board__text {
    /* font-size: 1rem;
    line-height: 1.5; */
    margin-bottom: 2rem;
}

.board__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.board__list__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    border-bottom: 1px solid #dfdfdf;
    padding: .5rem 0;
    position: relative;
    padding-left: 1.25rem;
}

.board__list__item:before {
    content: " \2219 ";
    font-weight: 900;
    font-size: 1.25rem;
    color: var(--color-secondary);
    margin-left: -1rem;
    margin-right: .25rem;
}

.board__list__title {
    font-style: normal;
    text-transform: uppercase;
    font-size: 1rem;
    margin-bottom: .5rem;
    line-height: 1.5;
}

.board + .board {
    margin-top: 0;
}

.board__slider {
    margin: 0;
    height: 310px;
}

.board__slider .slick-list, .board__slider .slick-track, .board__slider .board__slide, .board__slider .slick-slide > div {
    height: 100%;
}

.board__slide {
    position: relative;
    background-repeat: no-repeat;
}

.board__slider-image, .content-area img.board__slider-image {
    border-radius: 0;
}

.board__slider-caption {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
    padding: .75rem 1.875rem;
}

.board__slider-title {
    margin-bottom: 0;
    color: var(--color-white);
    font-size: 1rem;
    font-weight: 600;
    font-style: italic;
}

.band {
    position: relative;
    z-index: 1;
}

.btfh-title {
    font-size: 2.125rem;
}

.btfh__social {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    margin-top: 2rem;
}

.btfh__social__item {
    margin: 0 .25rem;
}

/*~~~~ Layout by Module: Content Bands ~~~~*/

.band::before, .band::after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 50vw;
    z-index: -1;
}
.band.background-gray-accent::before,
.band.background-gray-accent::after {
    background-color:inherit;
}
.band::before {
    right: 50%;
}

.band::after {
    left: 50%;
}

.band--help, .band--reinventing {
    position: relative;
    padding: 5rem 0;
}

.band--primary {
    background-color: var(--color-primary);
}

.band--primary::before, .band--primary::after {
    background-color: var(--color-primary);
}

.band--third {
    background-color: var(--color-tertiary);
}

.band--third::before, .band--third::after {
    background-color: var(--color-tertiary);
}

.band--swisstrax::before {
    position: relative;
    display: block;
    left: auto;
    right: auto;
    width: 100vw;
    height: 15.625rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.band--swisstrax-commercial::before {
    background-color: var(--color-tertiary);
    background-image: url(../images/band-case-study-sema.jpg);
}

.band--swisstrax-residential::before {
    background-color: var(--color-tertiary);
    background-image: url(../images/band-case-study-patio.jpg);
}

.band--swisstrax-general::before {
    background-color: var(--color-tertiary);
    background-image: url(../images/band-case-study-plotts-garage.jpg);
}

.band--swisstrax::after {
    background-color: var(--color-tertiary);
    background-image: url("../images/band-bg-swisstrax-tile.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100vw;
    right: 0;
    left: 0;
}

.band--game-lines::after {
    display: none;
}

.band--game-lines::before {
    background-color: var(--color-tertiary);
    background-image: url(../images/lg-bg--bball-tile-benefits.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100vw;
    right: 0;
    left: 0;
}

.band--wildcats {
    background-color: var(--color-gray-accent);
}

.band--wildcats::before {
    display: none;
    background-color: var(--color-gray-accent);
}

.band--wildcats::after {
    background-color: var(--color-tertiary);
    background-image: url(../images/band-custom-logos-wildcats.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 15.625rem;
    display: block;
    left: 0;
}

.band-blurb {
    padding: 4.5rem .625rem;
    position: relative;
    z-index: 12;
}

.band-blurb__flag {
    position: absolute;
    top: 0;
}

.band-blurb__logo, .band-blurb__title, .band-blurb__text {
    margin-bottom: 2rem;
}

.band-blurb__tile {
    display: block;
    margin: -200px auto 2rem;
    width: 10rem;
}

.band--help::before, .band--reinventing::before {
    width: 100vw;
    left: -9999px;
    right: -9999px;
    margin: 0 auto;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: var(--color-tertiary);
    background-image: url("../images/help-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.band--reinventing::before {
    background-color: var(--color-tertiary);
    background-image: url("../images/reinventing-bg.jpg");
}

.band--ball-hog::before, .band--versacourt::before {
    width: 100vw;
    background-image: url("../images/jumbo-hog.svg");
    background-repeat: no-repeat;
    right: 0;
    left: 0;
    background-size: contain;
    background-position: center 200px;
}

.band--versacourt::before {
    background-image: url("../images/bg-versacourt.svg");
}

.band--ball-hog::after, .band--versacourt::after {
    display: none;
}

.help-band__text {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.375rem;
}

.help-band__title {
    font-size: 2.8rem;
}

.help-band__text, .help-band__title {
    margin-bottom: 0;
    text-shadow: -1px 2px 5px rgba(0, 0, 0, .45);
}

.band--accent {
    background-color: var(--color-tertiary);
}

.band--accent::before, .band--accent::after {
    background-color: var(--color-tertiary);
}

.dealer-offerings {
    background-image: url(../images/bg-dealer-support.jpg);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 3.875rem;
    padding-bottom: 2.875rem;
}

.dealer-offerings__title, .section-title {
    font-size: 1.75rem;
    color: var(--color-secondary);
}

/*~~~~ Layout by Module: Info Cards ~~~~*/

.info-card {
    background: var(--color-white);
    -webkit-box-shadow: -1px 6px 10px 0 rgba(0, 0, 0, .08);
    box-shadow: -1px 6px 10px 0 rgba(0, 0, 0, .08);
    margin: 1rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.info-card__header {
    position: relative;
    margin-bottom: 4.5rem;
}

.info-card__display__image {
    width: 100%;
}

.info-card__image, .content-area img.info-card__image {
    border: 7px solid var(--color-white);
    border-radius: 50%;
    max-width: 30%;
    width: 100%;
}

.info-card__image__wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    text-align: center;
}

.info-card__body {
    padding: 0 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.info-card__title {
    text-align: center;
    margin-bottom: 1rem;
    color: var(--color-primary);
    font-size: 1.25rem;
    text-transform: uppercase;
    font-weight: bold;
}

.info-card__text {
    font-size: 1rem;
    line-height: 1.8;
    margin-bottom: 1.5rem;
}

.info-card__action {
    margin-top: auto;
}

/*~~~~ Layout by Module: Bring the Fun Home ~~~~*/

.fun-home {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 1rem 0;
}

.fun-home__messaging {
    background-color: rgba(24, 69, 124, .9);
    color: var(--color-white);
    padding: 2rem;
}

/*~~~~ Layout by Module: Brand Cards ~~~~*/

.brand-card {
    margin-top: 1rem;
    background-color: rgba(24, 69, 124, .9);
    color: var(--color-white);
    padding: 2rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.brand-card__logo {
    margin-bottom: .5rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: auto;
    margin-right: auto;
    height: 96px;
}

.brand-card__points {
    text-align: left;
}

.brand-card__action {
    margin-top: auto;
}

/*~~~~ Layout by Module: Design Your Own Court Callout Band ~~~~*/

.dyoc__banner {
    margin-top: 2.5rem;
}

.dyoc__banner__title {
    max-width: 250px;
    margin: 0 auto;
}

.dyoc__banner p {
    margin-top: 1em;
}

.dyoc__court {
    border-bottom: 1px solid #c6c6c6;
    margin: 1.5rem 2rem 0;
}

.dyoc__court__title {
    margin: .5em 0 1em;
}

/*~~~~ Layout by Module: Specials Banner ~~~~*/

.banner {
    background-color: var(--color-tertiary);
    color: var(--color-white);
    position: relative;
    z-index: 2000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.banner__graphic {
    margin-bottom: .75rem;
}

.banner__title {
    color: var(--color-white);
    font-weight: 600;
    font-size: 1rem;
    text-align: center;
    text-transform: none;
    line-height: 1;
    margin: 0;
}

.banner__title-accent {
    display: block;
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 700;
}

.banner__icon {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.banner--fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    -webkit-animation: navSlide .75s ease-in-out forwards;
    animation: navSlide .75s ease-in-out forwards;
}

.banner__text {
    font-size: 1.125rem;
    line-height: 1.4;
}

.banner__content--small {
    font-size: .75rem;
}

@-webkit-keyframes navSlide {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes navSlide {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

/*~~~~ Layout by Module: RG Family ~~~~*/

.rg-family {
    padding-bottom: 3rem;
}

.rg-family__banner {
    padding: 23px 12vw;
    margin: 0;
}

.rg-family__brand {
    margin-top: 10px;
    margin-bottom: 10px;
}

.rg-family__brand p {
    margin: 1em 0;
    line-height: normal;
}

.rg-family__brand__logos {
    text-align: center;
}

.rg-family__brand__txt {
    border-left: 1px solid #8a8a8a;
    padding-left: 2rem;
}

.rg-family__logo-main {
    padding: 35px 0 25px;
}

.rg-family__brand__logos img {
    margin: 0 auto;
}

/*~~~~ Layout by Module: Photo Gallery ~~~~*/

.photo-gallery .lbThumb {
    margin: 0 .625rem 20px .625rem;
    border: 0 none;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
}

.photo-gallery .lbThumb img {
    width: 100%;
}

.photo-gallery .lbThumb:nth-child(n+6) {
    display: none;
    visibility: hidden;
}

.lightBoxImgs {
    width: 100%;
    max-width: 75rem;
    margin: 0 auto;
}

.columns .lightBoxImgs {
    max-width: none;
    margin: 0 -.625rem;
}

.lightBoxImgs .lbThumb {
    width: 50%;
    width: calc(50% - 1.25rem);
    margin: 0 .625rem 1.25rem;
}

/*~~~~ Layout by Module: Slideblock (Gallery Callouts) ~~~~*/

.slideblock {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    height: 0;
    padding-bottom: 56.25%;
    margin-bottom: .625rem;
}

.slideblock, .slideblock * {
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.slideblock__img {
    position: absolute;
    top: -9999px;
    right: -9999px;
    bottom: -9999px;
    left: -9999px;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: 125%;
}

.slideblock__caption {
    background-color: rgba(24, 69, 124, .75);
    padding: .5rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-bottom: 0;
}

.slideblock__caption__title, .slideblock__caption__desc {
    color: var(--color-white);
    text-transform: uppercase;
    text-align: center;
}

.slideblock__caption__title {
    margin-bottom: 0;
    font-size: 1.5rem;
}

.slideblock__caption__desc {
    font-size: .875rem;
}

.slideblock:hover .slideblock__caption, .slideblock:focus .slideblock__caption {
    background-color: rgba(24, 69, 124, .9);
}

/*  */
.panel {
    width: 100vw;
    max-width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    z-index: 100;
    overflow: hidden;
    background-color: #f4f4f4;
}
.panel > .row,
.panel > .row.expanded {
	margin-left:auto;
	margin-right:auto;	    
}
.panel > .row:not(.expanded) {
	width:100%;
	max-width:var(--row-max-width-px);
	max-width:var(--row-max-width-rem);	
}
.panel > .row:not(.expanded).columns {
	margin-left:auto !important;
	margin-right:auto !important;	
	padding-right:0.625rem !important;
	padding-left:0.625rem !important;
}
/*~~~~ Layout by Module: Global Footer ~~~~*/

.global-footer {
    padding: 16px 0 52px;
}

.footer__logo {
    vertical-align: top;
}

.footer__links-list {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.footer__links-list-item:not(:last-child)::after {
    content: '|';
    display: inline-block;
    margin-left: .25rem;
    margin-right: .25rem;
    color: var(--color-white);
}

/*~~~~ Layout by Module: Social Icons ~~~~*/

.social {
    margin-bottom: 1rem;
}

.social__link {
    margin: 0 .5rem;
    display: block;
}

.social__ico {
    fill: var(--color-white);
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.social__link.social__link--last {
    margin-right: 0;
}

.social__link:hover .social__ico--fb, .social__link:focus .social__ico--fb {
    fill: #36609f;
}

.social__link:hover .social__ico--tw, .social__link:focus .social__ico--tw {
    fill: #2caae1;
}

.social__link:hover .social__ico--yt, .social__link:focus .social__ico--yt {
    fill: #ee3537;
}

.social__link:hover .social__ico--li, .social__link:focus .social__ico--li {
    fill: #0077b5;
}

.social__link:hover .social__ico--pin, .social__link:focus .social__ico--pin {
    fill: #bd081c;
}

.social__link:hover .social__ico--insta, .social__link:focus .social__ico--insta {
    fill: #833ab4;
}

/*~~~~ Layout by Module: Color Options ~~~~*/

.colors {
    background: var(--color-tertiary);
    border-top: 6px solid var(--color-primary);
    border-bottom: 6px solid var(--color-primary);
    color: var(--color-white);
    padding: 4em 0;
}

.colors__wrapper {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.colors__tag {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    margin: 0;
    font-size: 1.25rem;
}

.colors__title {
    font-weight: 700;
    margin: 0 0 1rem 0;
    line-height: 1;
}

.colors__selection {
    position: relative;
    min-height: 250px;
}

.colors__selection__image {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.colors__selection__image.active {
    opacity: 1;
}

.colors__selector {
    background: var(--color-primary);
    margin: 2em 0;
    padding: 1em .5rem;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.colors__selector__item {
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    text-align: center;
    margin: .25rem 0;
    cursor: pointer;
    position: relative;
}

.colors__selector__item::before {
    content: '';
    display: block;
    width: 49px;
    height: 49px;
    padding-top: 100%;
    -webkit-box-shadow: 0 2px 7px 0 rgba(14, 19, 25, .41);
    box-shadow: 0 2px 7px 0 rgba(14, 19, 25, .41);
}

.tooltip {
    padding: 0;
}

.colors__selector__item--black::before {
    background-color: #222121;
}

.colors__selector__item--graphite::before {
    background-color: #494443;
}

.colors__selector__item--gray::before {
    background-color: #cfcfcf;
}

.colors__selector__item--titanium::before {
    background-color: #969e9f;
}

.colors__selector__item--emerald::before {
    background-color: #007a53;
}

.colors__selector__item--slate-green::before {
    background-color: #516556;
}

.colors__selector__item--olive::before {
    background-color: #74885e;
}

.colors__selector__item--pistachio::before {
    background-color: #b7c27d;
}

.colors__selector__item--navy::before {
    background-color: #6083b5;
}

.colors__selector__item--royal-blue::before {
    background-color: #3083c2;
}

.colors__selector__item--lt-blue::before {
    background-color: #96bcea;
}

.colors__selector__item--ice-blue::before {
    background-color: #c8d1d3;
}

.colors__selector__item--brt-red::before {
    background-color: #d52833;
}

.colors__selector__item--burgundy::before {
    background-color: #893d3e;
}

.colors__selector__item--rust-red::before {
    background-color: #a9694c;
}

.colors__selector__item--sand::before {
    background-color: #cfb183;
}

.colors__selector__item--purple::before {
    background-color: #664887;
}

.colors__selector__item--orange::before {
    background-color: #e16434;
}

.colors__selector__item--yellow::before {
    background-color: #fdbb3c;
}

.colors__selector__item--white::before {
    background-color: #fafafa;
}

.colors__selector__tooltip {
    position: absolute;
    background: var(--color-white);
    color: transparent;
    width: 250%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -125%;
    line-height: 2rem;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 2px rgba(50, 50, 50, .75);
    box-shadow: 0 2px 2px rgba(50, 50, 50, .75);
    white-space: nowrap;
    text-align: center;
    height: 0;
    width: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden;
}

.colors__selector__tooltip:before, .colors__selector__tooltip:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 0 solid transparent;
}

.colors__selector__tooltip:before {
    border-top-color: var(--color-white);
    position: absolute;
    top: 32px;
    left: 50%;
    z-index: 2;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.colors__selector__tooltip:after {
    border-top-color: var(--color-base);
    position: absolute;
    top: 34px;
    left: 50%;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.colors__selector__tooltip.active {
    -webkit-animation: tooltip .3s ease-out forwards;
    animation: tooltip .3s ease-out forwards;
    height: auto;
    overflow: visible;
    height: auto;
    width: 250%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #222222;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.colors__selector__tooltip.active:before, .colors__selector__tooltip.active:after {
    border: 10px solid transparent;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.colors__selector__tooltip.active:before {
    border-top-color: var(--color-white);
}

.colors__selector__tooltip.active:after {
    border-top-color: var(--color-base);
}

.colors__selection img {
    -webkit-filter: drop-shadow(0px 40px 8px rgba(0, 0, 0, .25));
    filter: drop-shadow(0px 40px 8px rgba(0, 0, 0, .25));
}

.colors__selector__text {
    background: #17272f;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(14, 19, 25, .41);
    box-shadow: 0 2px 4px 0 rgba(14, 19, 25, .41);
    color: var(--color-white);
    margin: 0 auto;
    padding: 8px;
    position: relative;
    text-align: center;
    /* width: 230px; */
    width: 100%;
    max-width: 260px;
}

.colors__selector__text:before {
    content: '';
    height: 0;
    width: 0;
    border: 10px solid transparent;
    border-bottom-color: #17272f;
    position: absolute;
    top: -20px;
    left: 50%;
    z-index: 2;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* Localization Popup and Trigger Styling */

.utility__link__ico--flag {
    max-height: 24px;
    width: auto;
    vertical-align: top;
}

.localization-trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: .25rem;
    padding-bottom: .25rem;
}

.localizer {
    text-align: center;
}

.localizer__logo {
    margin-bottom: 2.5rem;
}

.localizer__title {
    color: var(--color-black);
    font-size: 2rem;
    margin-bottom: 2.5rem;
}

.region__map {
    border-radius: 16px;
    margin-bottom: 1.5rem;
}

.region__languages, .region__languages__item {
    list-style: none;
    text-align: left;
}

.region__title {
    color: var(--color-primary);
    font-size: 1.625rem;
    text-transform: uppercase;
    padding-bottom: 1rem;
    border-bottom: 1px solid #c6c6c6;
}

/* GDPR Cookie Messaging */

.cookies {
    background-color: var(--color-primary);
    color: var(--color-white);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1rem;
    z-index: 999;
}

.cookies__title {
    color: var(--color-white);
}

.cookies__text {
    font-size: .75rem;
}

.cookies__accept {
    display: inline-block;
    border-radius: 7px;
    font-weight: bold;
    text-align: center;
    padding: .5rem 2.5rem;
    color: var(--color-white);
    background-color: transparent;
    border: 1px solid var(--color-white);
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    margin-top: 1rem;
}

.cookies__accept:hover {
    background-color: var(--color-secondary);
}

.dreamcourt {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.dreamcourt__title {
    text-transform: uppercase;
    font-size: 2rem;
}

.dreamcourt__subtitle {
    text-transform: uppercase;
    /* font-weight: 600;
  font-size: 1.125rem; */
    /* ADA NOTES: increased font weight and size to resolve accessibility issues */
    font-weight: 700;
    font-size: 1.2rem;
}

/* Our Work Slider 9-6-18 */

.work {
    position: relative;
    z-index: 1;
}

.work:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.work__tag {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 800;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 1rem;
    color: var(--color-secondary);
    display: inline-block;
}

.work__tag__icon {
    font-size: 1.25rem;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    position: relative;
    display: inline-block;
}

.work__tag:hover .work__tag__icon {
    text-decoration: none;
    -webkit-transform: translateX(.5rem);
    -ms-transform: translateX(.5rem);
    transform: translateX(.5rem);
}

.work__slider__wrapper {
    position: relative;
}

.work__slider {
    height: 100%;
}

.work__slider__controls {
    position: absolute;
    top: 71%;
    left: 50%;
    z-index: 300;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.work__slide__txt-half {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.work__slide__image-half {
    padding: 0;
}

.work__slide__image-half img {
    border-radius: 0;
}

.work__title {
    font-size: 1.5rem;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.work .work__title__image, .slick-slide img.work__title__image {
    display: inline-block;
    margin-left: .5rem;
    margin-right: .5rem;
}

.work__subtitle {
    color: var(--color-secondary);
    text-transform: uppercase;
    /* font-size: 1rem; */
    margin-bottom: 1.5rem;
}

.work__text {
    margin-bottom: 1rem;
}

.profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1.5rem 0;
}

.profile__image__wrapper {
    border-radius: 50%;
    height: 100px;
    width: 100px;
    overflow: hidden;
    border: 3px solid var(--color-white);
    margin-right: 1.5rem;
    min-width: 100px;
}

.profile__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.profile__info__title {
    color: var(--color-white);
}

.profile__info__title--color {
    color: var(--color-base);
}

.profile__info__title--work {
    color: var(--color-base);
}

.profile__info__name {
    color: var(--color-white);
    font-size: 1.125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.profile__info__name--color {
    color: #007dc3;
}

.profile__info__name--work {
    color: #007dc3;
}

.work__slider__controls {
    display: none;
}

.theater {
    background: var(--color-base);
    position: fixed;
    top: 50% !important;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    max-height: 98vh;
    width: 100%;
    max-width: 1200px;
    padding: 0;
    border: 0;
    border-radius: 0;
    min-height: 0;
    height: auto;
}

.theater:focus, .theater *:focus {
    outline: none;
}

.theater__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.theater__video__container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.theater__close {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    width: 30px;
    background: var(--color-secondary);
    z-index: 1;
    border-radius: 0;
}

.theater__close__icon {
    color: var(--color-white);
}

.reveal-overlay {
    background: rgba(0, 0, 0, .75);
    z-index: 3001;
}

/* Interior video header 9-11-18 */

.hero--video {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.hero__video__wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.hero__video__wrapper:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("../images/video-pattern.png");
    background-repeat: repeat;
    opacity: .4;
    z-index: 1;
}

.hero__video__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
}

/* Commercial page updates 01-08-20 */

.tiles__title {
    color: var(--color-base);
    font-size: 30px;
    font-weight: 800;
}

.tile {
    height: calc(100% - 2rem);
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-radius: 7px;
    background-color: var(--color-white);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.tile:hover {
    text-decoration: none;
    background-color: rgba(0, 145, 226, .05);
}

.tile__media {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    text-align: center;
}

.tile__image {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.tile:hover .tile__image {
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
}

.tile__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tile__badge {
    display: inline-block;
    font-size: 14px;
    background-color: var(--color-secondary);
    color: var(--color-white);
    text-transform: uppercase;
    font-weight: 900;
    padding: .15rem .5rem;
    border-radius: 7px;
    line-height: 1;
    margin-bottom: .25rem;
}

.tile__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .8rem;
    text-align: center;
}

.tile__action__icon {
    margin-left: .5rem;
}

.btn-group {
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.btn-group .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: .25rem;
    margin-bottom: .25rem;
}

.btn-stack .btn {
    margin-bottom: 0;
    width: 300px;
}

@media screen and (min-width:64rem) {
    .btn-stack .btn {
        width: auto;
    }
}

.bg-img.bg-img--event {
    background-image: url(../images/lg-bg--event.jpg);
}

.bg-img.bg-img--nerva {
    background-image: url(../images/lg-bg--nerva.jpg);
}

.strip {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: rgba(0, 0, 0, .75);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.strip--nerva {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.strip__media {
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.strip__media--nerva {
    padding: 0;
    margin-top: -1rem;
}

.strip__image {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.strip__content {
    text-align: center;
    padding-left: 2rem;
    padding-right: 2rem;
}

.strip__subtitle {
    color: var(--color-secondary);
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    text-transform: uppercase;
    margin-bottom: .25rem;
}

.strip__title {
    color: var(--color-white);
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}

.strip__text {
    color: var(--color-white);
}

.border-0 {
    border: 0;
}

.border-top {
    border-top: 6px solid;
}

.border-bottom {
    border-bottom: 6px solid;
}

.border-vert {
    border-top: 6px solid;
    border-bottom: 6px solid;
}

.border-left {
    border-left: 6px solid;
}

.border-right {
    border-right: 6px solid;
}

.border-horiz {
    border-left: 6px solid;
    border-right: 6px solid;
}

.border-color-accent {
    border-color: var(--color-primary);
}

.fancy-number-list {
    list-style: none;
    counter-reset: my-awesome-counter;
    margin: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.fancy-number-list__item {
    color: var(--color-white);
    font-size: 22px;
    font-weight: 800;
    counter-increment: my-awesome-counter;
    position: relative;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-left: 4rem;
}

.fancy-number-list__item--dark {
    color: var(--color-base);
}

.fancy-number-list__item::before {
    content: counter(my-awesome-counter);
    height: 38px;
    width: 38px;
    background-color: #ff640d;
    color: var(--color-white);
    font-size: 18px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .36);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .36);
}

.card__title--alt {
    color: var(--color-primary);
    font-size: 22px;
    font-weight: 800;
    text-align: center;
}

.font-weight-400 {
    font-weight: 400;
}

.bg-shadow-logo {
    background-image: url("../images/shadow-logo-bg.png");
    background-repeat: no-repeat;
    background-position: -20% 40%;
}

.ar--board {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50vw;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: none;
    overflow: hidden;
}

.ar__media--board {
    height: 100%;
}

.content-area img.ar__image--board, .ar__image--board {
    border-radius: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.ar__body {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

.ar__pill {
    background: var(--color-secondary);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem .75rem;
    border-radius: 50px;
    border: 2px solid var(--color-white);
    margin: .5rem 0;
    -webkit-box-shadow: 0 8px 12px 0 rgba(0, 0, 0, .33);
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, .33);
    color: var(--color-white);
    font-weight: 600;
    font-size: .875rem;
    position: absolute;
    top: 0;
    left: 0;
}

.ar__pill__icon {
    max-width: 60px;
    margin-right: .25rem;
}

.ar__pill:hover {
    background-color: var(--color-white);
    border-color: var(--color-secondary);
    color: var(--color-secondary);
    text-decoration: none;
}

.board__title--lg {
    font-size: 34px;
}

.font-sm {
    font-size: 16px;
}

.font-md {
    font-size: 22px;
}

.font-lg {
    font-size: 28px;
}

.font-xl {
    font-size: 34px;
}

.uppercase {
    text-transform: uppercase;
}

.normalcase {
    text-transform: none;
}

.court-tabs, .court-tabs__content {
    background: none transparent;
    border: none;
}

.court-tabs__image {
    width: 100%;
}

.court-tabs .tabs-title {
    margin-right: .25rem;
    margin-bottom: 1.25rem;
}

.court-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.btn--pill, .court-tabs .btn--pill {
    background-color: var(--color-secondary);
    color: var(--color-white);
    /*font-size: .8125rem;*/
    font-size:1.188rem;
    border-radius: 3.125rem;
    border: 3px solid var(--color-secondary);
    /*width: 10.625rem;*/
    width:12.375rem;
    padding: .625rem 0;
}

.court-tabs .btn--pill:hover {
    color: var(--color-secondary);
}

.btn--pill:focus, .court-tabs .btn--pill:focus, .btn--pill[aria-selected=true], .court-tabs .btn--pill[aria-selected=true] {
    border-color: var(--color-white);
    background-color: var(--color-secondary);
    color: var(--color-white);
}

.thumbs-gallery {
    position: relative;
}

.thumbs-gallery__slider {
    padding: 0;
    margin: 0;
}

.thumbs-gallery__slide-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.thumbs-gallery__pager-link {
    display: block;
    width: 100%;
}

.thumbs-gallery__pager-link--selected {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .16);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .16);
}

.thumbs-gallery__pager-image {
    display: block;
    width: 100%;
}

.thumbs-gallery__pager-title {
    margin-bottom: 0;
    padding: .25rem .5rem;
    background-color: var(--color-gray-accent);
    color: var(--color-base);
    font-weight: normal;
    font-size: .875rem;
}

.thumbs-gallery__pager {
    position: relative;
}

.thumbs-gallery__pager::before {
    content: 'Click Images Below to Enlarge';
    display: block;
    font-size: 1.125rem;
    color: var(--color-primary);
    font-weight: bold;
    text-align: center;
    margin-bottom: .5rem;
    width: 100%;
}

.thumb-callout {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 0;
}

.thumb-callout:hover {
    text-decoration: none;
}

.thumb-callout__image {
    width: 100%;
}

.thumb-callout__title {
    color: var(--color-primary);
    background-color: var(--color-gray-accent);
    padding: .25rem .5rem;
}

.content-spacing {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: .625rem;
    padding-right: .625rem;
    -ms-flex-item-align: center;
    align-self: center;
}

.dots-slider {
    padding: 0;
    margin: 0;
    line-height: 0;
}

.dots-slider__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.dots-slider .slick-dots {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.dots-slider .slick-dots li {
    padding: 1rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.dots-slider .slick-dots li:first-child {
    margin-left: auto;
}

.dots-slider .slick-dots li:last-child {
    margin-right: auto;
}

.dots-slider .slick-dots li.slick-active button {
    background-color: var(--color-secondary);
}

.dots-slider .slick-dots button {
    display: block;
    width: .75rem;
    height: .75rem;
    border-radius: 100%;
    background-color: var(--color-white);
    position: relative;
    text-indent: -999rem;
}

.special-together {
    position: relative;
    background-image: url(../images/bg-special-together-mobile.jpg);
    background-position: center;
    background-repeat: repeat-y;
    background-size: contain;
}

.special-together__messaging, .special-together__title, .special-together__subtitle {
    color: var(--color-white);
}

.special-together__messaging {
    padding-left: .9375rem;
    padding-right: .9375rem;
    padding-top: 1.25rem;
    padding-bottom: .625rem;
}

.special-together__block-text {
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 22.5rem;
}

.special-together__title, .special-together__subtitle {
    font-weight: 300;
    line-height: 1;
}

.special-together__subtitle {
    font-size: 2.15625rem;
}

.special-together__subtitle strong {
    font-size: 169%;
}

.special-together__title {
    font-size: 3rem;
}

.special-together__title strong {
    font-size: 128%;
}

.special-together__title strong.larger-text {
    font-size: 163%;
}

.accordion-item {
    background-color: var(--color-gray-accent);
    margin-bottom: 1.375rem;
    border: none;
}

.accordion-title {
    font-size: 1.125rem;
    border: none;
    text-transform: uppercase;
    color: var(--color-primary);
}

.accordion-title:hover, .accordion-title:active, .accordion-title:focus {
    text-decoration: none;
}

.accordion-title::before {
    display: none;
}

.accordion-content {
    border: none;
    background: none transparent;
}

:last-child:not(.is-active) > .accordion-title, :last-child > .accordion-content:last-child {
    border: none;
}

table.comparison-chart {
    border-collapse: collapse;
}

table.comparison-chart thead {
    border: none;
    background: none transparent;
}

table.comparison-chart thead th {
    padding-bottom: 0;
    text-align: center;
}

table.comparison-chart tbody {
    border: none;
    background-color: var(--color-white);
    text-align: center;
    font-size: 1.125rem;
}

table.comparison-chart tbody th, table.comparison-chart tbody td {
    padding-top: 1rem;
    padding-bottom: 1.125rem;
}

table.comparison-chart .comparison-chart__text-header {
    background-color: #ff640d;
    color: var(--color-white);
    font-size: 1.625rem;
}

.steps-block {
    margin-bottom: 3rem;
}

.steps-block__content {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.375rem;
}

.steps-block__number, .title-number {
    color: var(--color-secondary);
    font-size: 5.125rem;
    line-height: 1;
    display: inline-block;
}

.steps-block__image {
    width: 100%;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .16);
    box-shadow: 0 3px 12px rgba(0, 0, 0, .16);
}

.content-area .steps-block img {
    border-radius: 0;
}

.title-number {
    line-height: .8;
}

.slide-in-cta {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 31.25rem;
    margin-left: auto;
    margin-right: auto;
    z-index: 3999;
}

.slide-in-cta__content {
    background-color: var(--color-secondary);
    color: var(--color-white);
    text-align: center;
    padding: 1.25rem;
    border: 8px solid var(--color-white);
    border-bottom: none;
    position: relative;
    -webkit-animation: slide-in-elliptic-bottom-bck .7s cubic-bezier(.25, .46, .45, .94) 8s both;
    animation: slide-in-elliptic-bottom-bck .7s cubic-bezier(.25, .46, .45, .94) 8s both;
}

.cta-closed .slide-in-cta__content {
    /* -webkit-animation: slide-out-bck-center .5s cubic-bezier(.55, .085, .68, .53) both;
    animation: slide-out-bck-center .5s cubic-bezier(.55, .085, .68, .53) both; */
    display: none;
}

.slide-in-cta__content .close-button {
    color: var(--color-white);
    top: -.25rem;
    right: .5rem;
}

.slide-in-cta__title {
    color: var(--color-white);
    font-size: 1.75rem;
}

/**************** Markets Page *****************/
.info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: .5rem 0;
    padding: 1.25rem;
}

.info__wrapper {
    margin: 3rem 0;
}

.info__icon {
    height: 30px;
}

.info__icon__wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    padding-top: 1rem;
    text-align: center;
}

.info__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 85%;
    flex: 0 0 85%;
}


.detail-band {
    padding: 1rem 0;
    position: relative;
    z-index: 1;
    width: 100%;
}

.detail-band:before, .detail-band:after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 50vw;
    background: var(--color-gray-accent);
    z-index: -1;
}

.detail-band:before {
    right: 50%;
}

.detail-band:after {
    left: 50%;
}

.detail-band--gray {
    background: #ededed;
}

.img-gray-overlay {
    filter: brightness(.7);
}

.btn-gap {
    gap: 5px;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-6-14 15:43:13
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-elliptic-bottom-bck
 * ----------------------------------------
 */

@-webkit-keyframes slide-in-elliptic-bottom-bck {
    0% {
        -webkit-transform: translateY(600px) rotateX(-30deg) scale(6.5);
        transform: translateY(600px) rotateX(-30deg) scale(6.5);
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 500px;
        transform-origin: 50% 500px;
        opacity: 1;
    }
}

@keyframes slide-in-elliptic-bottom-bck {
    0% {
        -webkit-transform: translateY(600px) rotateX(-30deg) scale(6.5);
        transform: translateY(600px) rotateX(-30deg) scale(6.5);
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 500px;
        transform-origin: 50% 500px;
        opacity: 1;
    }
}

/* ----------------------------------------------
 * Generated by Animista on 2021-6-14 17:4:7
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-out-bck-center
 * ----------------------------------------
 */

@-webkit-keyframes slide-out-bck-center {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-1100px);
        transform: translateZ(-1100px);
        opacity: 0;
    }
}

@keyframes slide-out-bck-center {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-1100px);
        transform: translateZ(-1100px);
        opacity: 0;
    }
}

.steps-slider-container {
    position: relative;
}

.steps-slider__content {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: left;
    padding: 2rem;
    min-height: 380px;
}

.steps-slider__number {
    display: inline-block;
    width: 3.625rem;
    height: 3.625rem;
    background-color: var(--color-secondary);
    color: var(--color-white);
    font-size: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 1rem;
}

.steps-slider__title {
    text-transform: uppercase;
    color: var(--color-primary);
    font-size: 1.75rem;
    line-height: 1.2;
    margin-bottom: 0;
}

.steps-slider__image {
    width: 100%;
}

.steps-slider .slick-dots {
    position: absolute;
    left: 1.375rem;
    top: 340px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    list-style: none;
    margin: 0;
    padding: 0;
}

.steps-slider .slick-dots button {
    position: relative;
    text-indent: -999rem;
    display: inline-block;
    width: 13px;
    height: 13px;
    background-color: rgba(229, 101, 36, 0);
    border: 2px solid var(--color-secondary);
    border-radius: 50%;
    margin: .25rem;
    -webkit-transition: background-color 350ms ease-in;
    -o-transition: background-color 350ms ease-in;
    transition: background-color 350ms ease-in;
}

.steps-slider .slick-dots .slick-active button {
    background-color: var(--color-secondary);
}

.lbThumb a[class^='PIN_'] {
    position: absolute;
    bottom: .5rem;
    left: .5rem;
}

.teaser {
    position: relative;
    z-index: 1;
}

.teaser::before {
    content: '';
    position: absolute;
    top: 30%;
    display: block;
    width: 100%;
    height: 400px;
    max-height: 80%;
    background-image: url(../cmss_files/imagelibrary/cornhole/acl-decoration.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.teaser__header {
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 3rem;
}

.teaser__image {
    width: 100%;
}

.teaser__content {
    position: relative;
    z-index: 10;
}

.teaser__graphic--fade {
    position: relative;
}

.teaser__graphic--fade::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    height: 3.75rem;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(black));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, black 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, black 100%);
    z-index: 1;
}

@media only screen and (min-width: 40rem) {
    .bg-versacourt {
        position: relative;
        z-index: 1;
    }

    .bg-versacourt::after {
        content: '';
        display: block;
        z-index: -1;
        background-image: url(../images/bg-versacourt-logo-full.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 60.125rem;
        height: 33.6875rem;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (min-width: 48rem) {
    .products__media {
        position: relative;
        height: auto;
        width: auto;
        position: relative;
        z-index: 0;
    }

    .products__body {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }

    .products__pill {
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    .products__pill--rev-hockey {
        top: 16%;
        left: 34%;
    }

    /* .products__pill--rev-tennis {
        top: 18%;
        left: 54%;
    } */

    .products__pill--rev-shuffleboard {
        top: 26%;
        left: 74%;
    }

    .products__pill--rev-volleyball {
        top: 48%;
        left: 36%;
    }

    .products__pill--rev-4-square {
        top: 61%;
        left: 48.5%;
    }

    .products__pill--rev-basketball {
        top: 45.5%;
        left: 60.5%;
    }

    .products__pill--rev-custom {
        top: 77%;
        left: 62%;
    }

    .products__pill--rev-pickleball {
        /* top: 37%;
        left: 51%; */
        top: 18%;
        left: 54%;
    }

    .card {
        height: calc(100% - 1rem);
    }

    .highlight {
        text-align: left;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    }

    .highlight__title {
        margin-bottom: 0;
    }

    .work__slider__controls {
        width: 57px;
        top: 26px;
        right: 0;
        left: 50%;
        top: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .work__slider__controls .ico-arrow--prev {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .work__slider__controls .ico-arrow--next {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .work__slide__txt-half {
        padding-top: 5rem;
        padding-bottom: 5rem;
        padding-right: 3.5rem;
        padding-left: calc((100vw - 1200px) / 2 + 0px);
    }

    .work__slide__image-half {
        padding-top: 0;
        padding-right: 0;
    }

    .work__slide__image {
        height: 100%;
    }

    .work__slide__image img {
        border-radius: 0;
        max-width: none;
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .hero--video {
        height: 28rem;
    }

    .hero__video__wrapper {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    .hero__video__wrapper iframe {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}

@media screen and (min-width: 48rem) {
    .band--ball-hog::before, .band--versacourt::before {
        width: 50vw;
        right: 50%;
        left: auto;
        margin-right: 6.25rem;
        background-size: auto;
        background-position: right center;
    }
}

@media only screen and (min-width: 64rem) {
    .slider-controls--steps {
        left: 50%;
        top: 50%;
        right: auto;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .hero--video {
        height: calc(28rem + 10vw);
    }

    .special-together__messaging {
        padding-top: 0;
        padding-bottom: 0;
    }

    .special-together__block-text {
        margin-left: 0;
    }

    .special-together__subtitle {
        font-size: 2.5rem;
    }

    .special-together__title {
        font-size: 3.4375rem;
    }

    .special-together {
        background-image: url(../images/bg-special-together.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .special-together > .row {
        height: 40rem;
    }

    .steps-block {
        margin-bottom: 5.625rem;
    }

    .steps-block__content {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .steps-slider .slick-dots {
        top: auto;
        left: 3.125rem;
        bottom: 3.125rem;
    }

    .steps-slider__content {
        padding: 3.125rem;
    }

    .teaser::before {
        height: 100%;
        max-height: 100%;
        width: 50%;
        top: 0;
        left: 0;
        background-size: 70%;
    }

    .teaser__header {
        text-align: left;
        padding: 0;
    }

    .teaser__logo {
        position: absolute;
        top: 50%;
        left: 100%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .teaser__image {
        -o-object-fit: cover;
        object-fit: cover;
        height: 45.625rem;
        width: 100%;
    }

    .teaser__graphic--fade::before {
        height: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: auto;
        width: 3.75rem;
        background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(black));
        background: -o-linear-gradient(right, rgba(0, 0, 0, 0) 0%, black 100%);
        background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, black 100%);
    }
}

@media screen and (min-width: 640px) {
    .work__slider .slick-list, .work__slider .slick-track, .work__slider .row, .work__slider .columns {
        min-height: 100%;
    }

    .work__title {
        font-size: 1.875rem;
    }
}

@media print,
screen and (min-width: 40em) {
    .padded {
        padding: 1rem;
    }

    .padded-vert {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .padded-horiz {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .padded-top {
        padding-top: 1rem;
    }

    .padded-bottom {
        padding-bottom: 1rem;
    }

    .padded-left {
        padding-left: 1rem;
    }

    .padded-right {
        padding-right: 1rem;
    }

    .padded-2x {
        padding: 2rem;
    }

    .padded-2x-vert {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .padded-2x-horiz {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .padded-2x-top {
        padding-top: 2rem;
    }

    .padded-2x-bottom {
        padding-bottom: 2rem;
    }

    .padded-2x-left {
        padding-left: 2rem;
    }

    .padded-2x-right {
        padding-right: 2rem;
    }

    .padded-3x {
        padding: 3rem;
    }

    .padded-3x-vert {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .padded-3x-horiz {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .padded-3x-top {
        padding-top: 3rem;
    }

    .padded-3x-bottom {
        padding-bottom: 3rem;
    }

    .padded-3x-left {
        padding-left: 3rem;
    }

    .padded-3x-right {
        padding-right: 3rem;
    }

    .medium-padded {
        padding: 1rem;
    }

    .medium-padded-vert {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .medium-padded-horiz {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .medium-padded-top {
        padding-top: 1rem;
    }

    .medium-padded-bottom {
        padding-bottom: 1rem;
    }

    .medium-padded-left {
        padding-left: 1rem;
    }

    .medium-padded-right {
        padding-right: 1rem;
    }

    .medium-padded-2x {
        padding: 2rem;
    }

    .medium-padded-2x-vert {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .medium-padded-2x-horiz {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .medium-padded-2x-top {
        padding-top: 2rem;
    }

    .medium-padded-2x-bottom {
        padding-bottom: 2rem;
    }

    .medium-padded-2x-left {
        padding-left: 2rem;
    }

    .medium-padded-2x-right {
        padding-right: 2rem;
    }

    .medium-padded-3x {
        padding: 3rem;
    }

    .medium-padded-3x-vert {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .medium-padded-3x-horiz {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .medium-padded-3x-top {
        padding-top: 3rem;
    }

    .medium-padded-3x-bottom {
        padding-bottom: 3rem;
    }

    .medium-padded-3x-left {
        padding-left: 3rem;
    }

    .medium-padded-3x-right {
        padding-right: 3rem;
    }

    .marg {
        margin: 1rem;
    }

    .marg--vert {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .marg--horiz {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .marg--top {
        margin-top: 1rem;
    }

    .marg--bottom {
        margin-bottom: 1rem;
    }

    .marg--left {
        margin-left: 1rem;
    }

    .marg--right {
        margin-right: 1rem;
    }

    .marg--2x {
        margin: 2rem;
    }

    .marg--2x--vert {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .marg--2x--horiz {
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .marg--2x--top {
        margin-top: 2rem;
    }

    .marg--2x--bottom {
        margin-bottom: 2rem;
    }

    .marg--2x--left {
        margin-left: 2rem;
    }

    .marg--2x--right {
        margin-right: 2rem;
    }

    .marg--3x {
        margin: 3rem;
    }

    .marg--3x--vert {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .marg--3x--horiz {
        margin-left: 3rem;
        margin-right: 3rem;
    }

    .marg--3x--top {
        margin-top: 3rem;
    }

    .marg--3x--bottom {
        margin-bottom: 3rem;
    }

    .marg--3x--left {
        margin-left: 3rem;
    }

    .marg--3x--right {
        margin-right: 3rem;
    }

    .marg--0--medium {
        margin: 0 !important;
    }

    .medium-align-left {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .medium-align-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .medium-align-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .btn {
        /* padding: .5rem 2rem; */
        padding: .5rem 1.125rem;
    }

    .btn-row .btn {
        margin-right: .5rem;
    }

    .utility {
        position: relative;
        z-index: 1001;
    }

    .utility__link {
        border-left: 1px solid var(--color-tertiary);
        padding: .25rem 1.5rem;
        /* font-size: 1rem; */
        /* ADA NOTE: adjusted this font size up to meet contrast requirements 5/9/23 - MKM */
        font-size: 1.25rem;
    }

    .utility__link--search-trigger {
        padding-left: .25rem;
        padding-right: .25rem;
        display: flex;
    }

    /* .localization-trigger {
        border-left: none;
    } */

    .utility__link:last-child {
        border-right: 1px solid var(--color-tertiary);
    }

    .global-header {
        z-index: 1000;
    }

    .global-header::after {
        display: none;
    }

    .global-header .brand {
        position: relative;
    }

    .residential .global-header, .commercial .global-header {
        -webkit-box-shadow: 0 5px 55px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 55px rgba(0, 0, 0, .5);
    }

    .residential .global-header .brand::after {
        content: 'RESIDENTIAL';
        background-color: var(--color-secondary);
    }

    .commercial .global-header .brand::after {
        content: 'COMMERCIAL';
        background-color: var(--color-primary);
    }

    .commercial--de .global-header .brand::after {
        content: 'KOMMERZIELL';
    }

    .residential--de .global-header .brand::after {
        content: 'PRIVAT';
    }

    .global-header .brand::after {
        color: var(--color-white);
        font-size: .875rem;
        font-weight: bold;
        display: block;
        text-align: center;
        padding: .25rem .5rem .313rem;
        position: absolute;
        bottom: -41px;
        left: 0;
        letter-spacing: 2px;
        -webkit-box-shadow: inset 0 12px 15px -12px rgba(0, 0, 0, .5);
        box-shadow: inset 0 12px 15px -12px rgba(0, 0, 0, .5);
        line-height: 1.5;
    }

    .brand__img {
        width: auto;
        height: 54px;
        margin: 1.25rem auto;
    }

    .brand__img--foot {
        margin: 0;
    }

    .brand__img--index {
        height: auto;
    }

    .check-list li::before, .ico-list li::before, .ico-title::before {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        vertical-align: middle;
    }

    .slider__head__title, .work__tag {
        font-size: 1.32rem;
    }

    .hero__block__txt__subtitle--1st {
        color: var(--color-secondary);
    }

    .hero__block__txt__subtitle--2nd {
        color: var(--color-primary);
    }

    .hero__block__txt--1st {
        border-bottom: 10px solid var(--color-secondary);
    }

    .hero__block__txt--2nd {
        border-bottom: 10px solid var(--color-primary);
    }

    .hero__block__link {
        display: block;
        position: relative;
    }

    .hero__block__link--1st::after {
        content: '';
        width: 10px;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        right: -4px;
        z-index: 100;
        background-color: var(--color-white);
    }

    .hero__divider {
        z-index: 200;
    }

    .hero__block__txt {
        background-color: rgba(24, 69, 124, .9);
        padding: 3rem 0;
        -webkit-transition: all 200ms ease-out;
        -webkit-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

    .hero__block:hover .hero__block__txt, .hero__block:focus .hero__block__txt {
        padding: 4rem 0;
    }

    .hero__block__txt__title {
        font-size: 2.625rem;
    }

    .hero__text {
        margin-bottom: auto;
    }

    .hero__buttons {
        margin-top: 2rem;
    }

    .hero__buttons .btn + .btn {
        margin-top: 0;
    }

    .hero__buttons .btn:first-child {
        margin-right: .5rem;
    }

    .hero__buttons .btn:last-child {
        margin-left: .5rem;
    }

    .hero__wrap .brand {
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    /*@supports (mix-blend-mode: multiply) {
        .hero__block__txt {
            background-color: transparent;
        }
        .hero__block__txt::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: rgba(39,63,100,1);
            mix-blend-mode: multiply;
        }
        .hero__block__txt > div {
            position: relative;
        }
    }*/

    .hero__block__txt--1st {
        top: auto;
        bottom: 0;
    }

    .hero__title {
        /* font-size: 3rem; */
        font-size: 4.5rem;
    }

    .slick-vertical .slick-slide {
        border: none;
    }

    .slider__head--tile, .slider__head--products {
        margin-left: 4.875rem;
        top: 3.75rem;
    }

    .slider__head--halfbg, .slider__head--sport {
        top: 3.75rem;
        left: 50%;
        margin-left: 3.5rem;
    }

    .slider__head--space {
        top: 3.75rem;
    }

    .slide__txt {
        padding-left: 5.5rem;
        padding-top: 8.3rem;
    }

    .index .slide--bg .slide__txt {
        padding-top: 10.3rem;
    }

    .slide__txt__title {
        font-size: 2.25rem;
        margin-top: 0;
    }

    .slide--bg > .row {
        height: 688px;
    }

    .slide--halfbg > .row, .slide__graphic--halfbg, .slider-wrap--res-btfh {
        height: 770px;
    }

    .slide__txt--halfbg {
        padding-left: 3.5rem;
        padding-right: calc((100vw - 1200px) / 2 + 40px);
    }

    .slide__txt--halfbg--space, .slide__txt--halfbg--res-btfh {
        padding-right: 3.5rem;
        padding-left: calc((100vw - 1200px) / 2);
    }

    .slide__graphic--halfbg::after {
        display: none;
    }

    .slider-arrow--prev {
        margin: 0 0 .25rem;
    }

    .slider-arrow--next {
        margin: .25rem 0 0;
    }

    .ico-arrow--prev:not(.hero__divider__arrow) {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .ico-arrow--next:not(.hero__divider__arrow) {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .ico-arrow--prev.ico-arrow--prev--horiz {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .ico-arrow--next.ico-arrow--next--horiz {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .slider-controls {
        width: 57px;
    }

    .slider-controls--bg {
        left: calc((100vw - 1200px) / 2);
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .slider-controls--halfbg {
        left: 50%;
        top: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
    }

    .bg-img {
        border: 6px solid var(--color-primary);
        border-width: 6px 0;
    }

    .border--bottom {
        border-bottom: 6px solid var(--color-primary);
    }

    .bg-img > .row {
        min-height: 488px;
    }

    .messaging {
        padding: 3rem 0;
    }

    .messaging__title {
        /* font-size: 1.875rem; */
        font-size: 2.25rem;
        line-height: 1.25;
        margin-bottom: 0;
    }

    .contact-form label {
        font-size: .875rem;
    }

    .contact-form .formElements .formRow > ul > li:nth-last-child(n+3), .contact-form .formElements .formRow > ul > li:nth-last-child(n+3) ~ li {
        width: 40%;
        padding-right: .625rem;
    }

    .contact-form .formElements .formRow > ul > li:nth-last-child(n+3) ~ li:nth-child(3) {
        width: 20%;
        padding-right: 0;
    }

    .contact-form .formElements .row > ul > li > span, .contact-form .formElements .formRow > ul > li span {
        display: inline-block;
    }

    .contact-form .formElements .row > ul > li > span:not(:last-child), .contact-form .formElements .formRow > ul > li span:not(:last-child) {
        margin-right: 1rem;
    }

    .contact-form .currentForm {
        text-align: center;
    }

    .contact-form .formElements .formRow {
        text-align: left;
    }

    /*~~~~ Layout by Module: Court Tile Block ~~~~*/

    .court-tile {
        margin-bottom: 2rem;
    }

    .court-tile__btn {
        margin-top: 2rem;
    }

    .court-tile__txt {
        padding-left: 2rem;
    }

    .court-tile__txt--left {
        padding-right: 2rem;
    }

    .testify__img {
        margin: 0;
    }

    .testify__quote::before {
        content: '';
        display: block;
        width: 65px;
        height: 51px;
        background-image: url("../images/lg-test-quote.png");
        background-repeat: no-repeat;
        background-position: center;
        margin: 2rem auto 1rem;
    }

    .txt-card--design {
        padding-bottom: 5rem;
    }

    .design-image {
        margin-bottom: 0;
    }

    /*~~~~ Layout by Module: Bring the Fun Home ~~~~*/

    .fun-home {
        padding: 0 0 3rem;
    }

    /*~~~~ Layout by Module: Brand Cards ~~~~*/

    .brand-card {
        padding: 2rem;
        margin-top: 10rem;
    }

    /*~~~~ Layout by Module: Product Boards ~~~~*/

    .board__list__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .board__list__item--single {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    /*~~~~ Layout by Module: Info Cards ~~~~*/

    .info-card {
        height: calc(100% - 2rem);
    }

    /*~~~~ Layout by Module: Design Your Own Court Callout Band ~~~~*/

    .dyoc {
        padding-bottom: 4rem;
    }

    .dyoc__banner__title {
        max-width: none;
        margin: 0 1rem;
    }

    .dyoc__banner p {
        margin: .25rem 0 1rem;
    }

    .dyoc__banner .dyoc__banner__btn {
        margin: 0;
    }

    .dyoc__court {
        border: none;
        margin: 0;
        padding: 2rem 2rem 0;
        position: relative;
        overflow: hidden;
    }

    .dyoc__court::before, .dyoc__court::after {
        content: '';
        background-color: var(--color-primary);
        height: 3px;
        width: 100%;
        position: absolute;
        opacity: 0;
        -webkit-transform: scale(1) translateX(100%);
        -ms-transform: scale(1) translateX(100%);
        transform: scale(1) translateX(100%);
        -webkit-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }

    .dyoc__court::before {
        top: 0;
    }

    .dyoc__court::after {
        bottom: 0;
    }

    .dyoc__court:hover::before, .dyoc__court:hover::after, .dyoc__court:focus::before, .dyoc__court:focus::after {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0);
        -ms-transform: scale(1) translateX(0);
        transform: scale(1) translateX(0);
    }

    .dyoc__court__title {
        margin-bottom: .5em;
    }

    .dyoc__court__img.dyoc__court__img--short {
        margin: 20px auto 19px;
    }

    .dyoc__row {
        border: 1px solid #c6c6c6;
        border-width: 1px 0;
    }

    /*~~~~ Layout by Module: RG Family ~~~~*/

    .rg-family__logo-main {
        padding-top: 50px;
    }

    .rg-family__brand__logos {
        position: relative;
        text-align: center;
    }

    .rg-family__brand__logos::after {
        content: '';
        height: 1px;
        width: 55px;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0 auto;
        background-color: #dadada;
    }

    .rg-family__brand p {
        position: relative;
        height: 0;
        padding-bottom: 33%;
        width: 100%;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .rg-family__brand__logos img {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
        -webkit-transition: all 200ms ease-in-out;
    }

    .rg-family__brand__logos img:nth-child(2) {
        display: block;
        opacity: 0;
    }

    a:hover .rg-family__brand__logos img:nth-child(2), a:focus .rg-family__brand__logos img:nth-child(2) {
        opacity: 1;
    }

    a:hover .rg-family__brand__logos img:first-child, a:focus .rg-family__brand__logos img:first-child {
        opacity: 0;
    }

    .rg-family__brand__txt {
        border: none;
        padding-left: .625rem;
        text-align: center;
    }

    .photo-gallery .lbThumb:first-child {
        width: calc(50% - 1.25rem);
        height: 370px;
    }

    .photo-gallery .lbThumb:nth-child(n+2) {
        width: calc(25% - 1.25rem);
        height: 175px;
    }

    .lightBoxImgs .lbThumb {
        width: 33.3333%;
        width: calc(33.3333% - 1.25rem);
    }

    .global-footer {
        padding: 2rem 0 1rem;
    }

    .blockquote--featured::before {
        content: '';
        width: 98px;
        height: 98px;
        background-image: url(../images/test-featured-quote-open.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        top: 50%;
        left: -49px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .blockquote__txt-wrap {
        padding-left: 3%;
        padding-right: 6%;
    }

    .blockquote__img--featured {
        border-radius: 8px 0 0 8px;
    }

    .colors {
        padding: 6em 0;
    }

    .colors__wrapper {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .colors__selector {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .colors__selector__item {
        -ms-flex: 1 1 auto;
        -webkit-box-flex: 1;
        flex: 1 1 auto;
    }

    .colors__selector__item::before {
        width: 100%;
        height: auto;
    }

    .colors__selection {
        min-height: 350px;
    }

    .colors__selector__item {
        margin: 0 .25rem;
    }

    .reveal--localizer {
        width: 90%;
        max-width: 120rem;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .cookies__text {
        font-size: .875rem;
    }

    .bg-img + .bg-img {
        border-top: 0;
    }
}

@media screen and (min-width: 40em) {
    .photo-gallery .lbThumb img {
        max-width: none;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .slideblock {
        margin-bottom: 1.25rem;
    }

    .slideblock__caption {
        height: auto;
        background-color: rgba(24, 69, 124, .9);
        padding: .5rem 1rem;
    }

    .slideblock:hover .slideblock__caption, .slideblock:focus .slideblock__caption {
        padding: 1.5rem 1rem;
    }

    .court-tabs .tabs-title {
        margin-right: 1.25rem;
    }

    .court-tabs {
        margin-right: -20px;
    }

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

    .content-spacing--left {
        padding-right: 3.5rem;
        padding-left: calc((100vw - 1200px) / 2 + 0px);
    }

    .content-spacing--right {
        padding-left: 3.5rem;
        padding-right: calc((100vw - 1200px) / 2 + 0px);
    }
}

@media (min-width: 768px) {
    .tile__action {
        font-size: 1rem;
    }

    .btn-group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .btn-group .btn {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0;
        margin-left: .75rem;
        margin-right: .75rem;
    }

    .btn-group .btn:first-of-type {
        margin-left: 0;
    }

    .btn-group .btn:last-of-type {
        margin-right: 0;
    }
}

@media screen and (min-width: 768px) {
    .hero__logo-image, .hero img.hero__logo-image {
        width: auto;
    }

    .theater {
        overflow: hidden;
    }
}

@media screen and (min-width: 796px) {
    .banner__title {
        font-size: 1.438rem;
        line-height: 1;
        margin: 0;
    }

    .banner__title-accent {
        display: block;
        font-size: 2.375rem;
        text-transform: uppercase;
        font-weight: 700;
    }

    .banner--fixed .banner__title-accent {
        display: inline;
        font-size: 1.438rem;
    }

    .banner--fixed .banner__icon {
        width: 25px;
    }

    .global-header .brand::after {
        /* bottom: -30px; */
        bottom: -31px;
        width: 100%;
    }

    .hero__wrap {
        height: 800px;
    }
}

@media screen and (min-width: 1024px) {
    .split-header__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    }

    .split-header__text {
        width: 40%;
        padding-left: 1rem;
        padding-right: 1rem;
        background-size: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 100%;
    }

    .split-header__media {
        width: 60%;
    }

    .split-header__media > img {
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .financing-tab {
        display: block;
        position: fixed;
        z-index: 3000;
        right: 0;
        top: 30%;
        -webkit-transform: translateX(86%);
        -ms-transform: translateX(86%);
        transform: translateX(86%);
        -webkit-transition: -webkit-transform 350ms ease-in-out;
        transition: -webkit-transform 350ms ease-in-out;
        -o-transition: transform 350ms ease-in-out;
        transition: transform 350ms ease-in-out;
        transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
    }

    .financing-tab:hover {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .financing-tab__block {
        position: relative;
        background-color: var(--color-primary);
        width: 25rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row nowrap;
        flex-direction: row nowrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .financing-tab__title {
        color: var(--color-white);
        white-space: nowrap;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-bottom: 0;
    }

    .financing-tab__graphic {
        padding: 1rem;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        position: relative;
    }

    .financing-tab__tab {
        position: relative;
    }

    .video-trigger {
        position: absolute;
        width: 100%;
        height: 100%;
        width: 50vw;
    }

    .video-trigger--flip {
        right: 0;
    }

    .video-trigger--card {
        position: relative;
        height: 100%;
        width: 100%;
    }

    .board__media--slider {
        width: auto;
    }

    .board__slider {
        height: 510px;
        width: 50vw;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .board__slide {
        background-size: cover;
    }

    .board__slider-image, .content-area img.board__slider-image {
        width: 50vw;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .slide--bg > .row {
        /* height: 508px; */
        height: 560px;
    }

    .slide--halfbg > .row, .slide__graphic--halfbg, .slider-wrap--res-btfh {
        height: 620px;
    }

    .img-slider--sport--xl .slide--halfbg > .row, .img-slider--sport--xl .slide__graphic--halfbg {
        height: 700px;
    }

    .hero__wrap--us-main {
        background: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
    }

    .banner__link {
        pointer-events: none;
        cursor: default;
    }

    .banner__link:hover {
        text-decoration: none;
        color: currentColor;
    }

    .board {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        position: relative;
        z-index: 1;
        margin: 0;
        padding: 0;
        margin-top: 1.5rem;
    }

    .board--no-space-top {
        margin-top: 0;
    }

    .board:before {
        content: '';
        position: absolute;
        top: 0;
        right: 50%;
        width: 50vw;
        height: 100%;
        background: var(--color-white);
        z-index: -1;
    }

    .board--gray:before {
        background: #eeeeee;
    }

    .board--primary::before {
        background: var(--color-tertiary);
    }

    .board--allstars::before {
        background-color: var(--color-tertiary);
        background-image: url(../images/split-bg-allstars.jpg);
        background-position: right top;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .board--flip:before {
        right: auto;
        left: 50%;
    }

    .board__content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .board__content--taller {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .board__content--flip {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-left: 5rem;
    }

    .board__content--narrower {
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
    }

    .board__media {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .board__media--flip {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .board__media--wider {
        -ms-flex-preferred-size: 55%;
        flex-basis: 55%;
    }

    .board__image {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 50vw;
        -o-object-fit: cover;
        object-fit: cover;
        max-width: none;
    }

    .board__image--overlay {
        position: relative;
        width: auto;
        height: auto;
        max-width: 385px;
        -o-object-fit: none;
        object-fit: none;
    }

    .board__image--flip {
        left: auto;
        right: 0;
    }

    .board__video {
        position: absolute;
        top: 0;
        left: 0;
        /* -o-object-position: top left;
    object-position: top left; */
        width: 50vw;
    }

    .board__list__item--no-line {
        border-bottom: 0;
    }

    .marg {
        margin: 1.5rem;
    }

    .marg--vert {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .marg--horiz {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

    .marg--top {
        margin-top: 1.5rem;
    }

    .marg--bottom {
        margin-bottom: 1.5rem;
    }

    .marg--left {
        margin-left: 1.5rem;
    }

    .marg--right {
        margin-right: 1.5rem;
    }

    .marg--2x {
        margin: 3rem;
    }

    .marg--2x--vert {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .marg--2x--horiz {
        margin-left: 3rem;
        margin-right: 3rem;
    }

    .marg--2x--top {
        margin-top: 3rem;
    }

    .marg--2x--bottom {
        margin-bottom: 3rem;
    }

    .marg--2x--left {
        margin-left: 3rem;
    }

    .marg--2x--right {
        margin-right: 3rem;
    }

    .marg--3x {
        margin: 4.5rem;
    }

    .marg--3x--vert {
        margin-top: 4.5rem;
        margin-bottom: 4.5rem;
    }

    .marg--3x--horiz {
        margin-left: 4.5rem;
        margin-right: 4.5rem;
    }

    .marg--3x--top {
        margin-top: 4.5rem;
    }

    .marg--3x--bottom {
        margin-bottom: 4.5rem;
    }

    .marg--3x--left {
        margin-left: 4.5rem;
    }

    .marg--3x--right {
        margin-right: 4.5rem;
    }

    .marg--0--large {
        margin: 0 !important;
    }

    .large-align-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .thumbs-gallery__pager::before {
        position: absolute;
        top: -2.25rem;
        left: 0;
        text-align: left;
        margin-bottom: 0;
        width: auto;
    }

    .thumbs-gallery {
        margin-bottom: 11rem;
    }

    .thumbs-gallery__pager {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transform: translateY(60%);
        -ms-transform: translateY(60%);
        transform: translateY(60%);
    }
}

@media all and (min-width: 1024px) {
    .band--swisstrax::before {
        position: absolute;
        width: 50vw;
        height: 100%;
        right: 50%;
        left: auto;
        top: 0;
        bottom: 0;
    }

    .band--swisstrax::after {
        width: 50vw;
        right: 0;
        left: auto;
    }

    .band--wildcats::before {
        display: block;
    }

    .band--wildcats::after {
        position: absolute;
        width: 50vw;
        right: 0;
        left: auto;
        height: 100%;
    }

    .band--wildcats {
        background-color: transparent;
        padding-top: 11rem;
        padding-bottom: 11rem;
    }

    .band-blurb {
        margin-left: 50%;
        width: 50%;
        max-width: 37.5rem;
        padding-left: 7rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 29.5rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .band-blurb__tile {
        width: auto;
        position: absolute;
        left: 0;
        top: 50%;
        margin: 0;
        -webkit-transform: translate(-153px, -50%);
        -ms-transform: translate(-153px, -50%);
        transform: translate(-153px, -50%);
    }
    .board__image, .content-area img.board__image {
        width: 50vw;
    }
}

@media screen and (min-width: 1200px) {
    .split-header__text {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: calc((100vw - 1200px) / 2);
    }

    .global-header .brand::after {
        left: .625rem;
        right: .625rem;
        width: calc(100% - 20px);
    }

    .hero__title {
        font-size: 4.5rem;
    }

    .bg-img {
        background-position: center;
    }
}

@media screen and (min-screen: 48.0625rem) {
    .cornhole--section--1 {
        background-color: var(--color-tertiary);
        background-image: url(../images/band-bg-cornhole-1.jpg);
    }

    .cornhole--section--1 .container {
        width: 25.75rem;
        margin: 2rem auto;
        padding-left: 0rem;
    }

    .row.bg--cornhole--band {
        max-height: 739px;
    }

    .columns.small-2.large-2.logo--cornhole--band img {
        margin: 12.5rem 0;
    }
}
.sequenced-steps {
    /* list-style: none; */
    margin: 0;
    padding: 0;
    /* counter-reset: sequenced-steps; */
}
.sequenced-steps__step {
    /* counter-increment: sequenced-steps; */
    position: relative;
    padding-left: 6rem;
    margin-bottom: 1.875rem;
}
.sequenced-steps__step::before {
    /* content: counter(sequenced-steps); */
    content: attr(data-sequence);
    display: flex;
    flex: 0 0 auto;
    width: 4.625rem;
    height: 4.625rem;
    border-radius: 100%;
    background-color: var(--color-gray-accent);
    color: var(--color-primary);
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.875rem;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 350ms ease-in-out;
}
.slider-pager--active .sequenced-steps__step::before, .slick-active .sequenced-steps__step::before {
    background-color: var(--color-primary);
    color: var(--color-white);
}
.sequenced-steps__title {
    font-size: 1.375rem;
}
.sequenced-steps__subtitle {
    color: var(--color-secondary);
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
}
@media (min-width:1024px) {
    .board__map .products {
        width: 50vw;
        height: 100%;
        position: absolute;
    }
    .board__map .products__media {
        height: 100%;
    }
}

.timeline {
    /* max-width: 62.5rem; */
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.plot-point {
    /* max-width: 20.1875rem; */
    position: relative;
    margin-bottom: 2.5rem;
    padding-top: 1.0625rem;
    margin-left: auto;
    margin-right: auto;
}

/* .plot-point__image {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.16);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.16);
  border-radius: 5px;
} */

.plot-point__title {
    /* color: var(--alt-gray-text); */
    color: var(--color-base);
    font-size: 1.375rem;
    text-transform: none;
}

.plot-point__subtitle {
    color: var(--color-secondary);
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: bold;
}

.plot-point__text {
    margin-top: 1.0625rem;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.plot-point__caret {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    fill: var(--color-tertiary);
    margin-top: .4375rem;
    margin-right: .4375rem;
}

.plot-point__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 5.8125rem;
    height: 5.8125rem;
    border-radius: 50%;
    background-color: var(--color-gray-accent);
    /* border: 2px solid #bababa; */
    font-weight: 900;
    font-size: 1.75rem;
    letter-spacing: .56px;
    /* color: #bababa; */
    color: var(--color-primary);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: 0;
    right: -1.625rem;
}

@media only screen and (min-width: 64rem) {
    .timeline {
        z-index: 1;
        /* padding-bottom: 6rem; */
    }

    .timeline::before {
        content: '';
        display: block;
        width: 2px;
        /* height: 55.5rem; */
        height: calc(100% - 500px);
        position: absolute;
        left: calc(50% - 1px);
        /* background-color: #bababa; */
        background-color: var(--color-medium-gray);
        top: 0;
    }

    .plot-point {
        /* margin-bottom: -6rem; */
        max-width: calc(645px - 106px);
        display: flex;
        margin-bottom: 0;
    }

    .plot-point--left {
        margin-left: 0;
    }

    .plot-point--right {
        margin-right: 0;
        flex-flow: row-reverse;
    }

    .plot-point__content {
        flex: 1 1 50%;
    }

    .plot-point--left .plot-point__content {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .plot-point--right .plot-point__content {
        padding-left: 1.5rem;
    }

    .plot-point__graphic {
        flex: 1 1 50%;
    }

    /* .plot-point__date {
    top: 5.5rem;
  } */

    /* .plot-point__date::before {
    content: '';
    display: block;
    height: 0;
    width: 9.375rem;
    border-bottom: 1px dashed #dddddd;
    position: absolute;
    z-index: -1;
  } */

    .plot-point__date--left {
        right: auto;
        left: -6.075rem;
    }

    .plot-point__date--left::before {
        right: -6.075rem;
    }

    .plot-point__date--right {
        right: -6.075rem;
    }

    .plot-point__date--right::before {
        left: -6.075rem;
    }
}

/* Super Template Components and New Modules */
.callout-grid {
    /* width:100vw;
	max-width:100vw; */
    position: relative;
    /* left:50%;
	right:50%;
	margin-left:-50vw !important;
	margin-right:-50vw !important; */
    overflow: hidden;
}
.callout-grid__item {
    position: relative;
    /* Set Background color for ADA Compliance */
    background-color: var(--color-black);
}
.callout-grid__item:is(:focus, :focus-visible) {
    outline: 0;
}
.callout-grid__media {
    position: relative;
    z-index: 1;
}
.callout-grid__img {
    display: block;
    position: relative;
    width: 100%;
    z-index: -3;
}
.callout-grid__link {
    display: block;
    position: relative;
    z-index: initial;
}
.callout-grid__link:is(:active, :focus, :focus-visible) {
    text-decoration: none;
}
.callout-grid__link:active {
    box-shadow: inset 0 0 0 2px var(--color-primary-dark), inset 0 0 0 4px var(--color-white);
}
.callout-grid__link:is(:focus, :focus-visible) {
    box-shadow: inset 0 0 0 2px var(--color-primary), inset 0 0 0 4px var(--color-white);
    border: 0;
    outline: 0;
}
.callout-grid__link::before {
    content: "";
    background: linear-gradient(to top, rgba(var(--color-transparent),.70), rgba(var(--color-transparent),0));
    height: 100%;
    max-height: 250px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transition: max-height 350ms cubic-bezier(.25,.46,.45,.94);
    pointer-events: none;
    z-index: -2;
}
.callout-grid__link:is(:hover, :active)::before {
    max-height: 100%;
}
.callout-grid__link:hover::before {
    background: rgba(var(--color-transparent),.70);
}
.callout-grid__link:active::before {
    background: rgba(var(--color-transparent),.90);
}
.callout-grid__link::after {
    display: block;
    background: var(--color-secondary);
    width: 70px;
    height: 70px;
    content: "+";
    font-size: 2rem;
    font-weight: bold;
    color: var(--color-white);
    text-align: center;
    line-height: 70px;
    position: absolute;
    top: calc(100% - 250px);
    right: 0;
    opacity: 0;
    transition: top 350ms cubic-bezier(.25,.46,.45,.94);
    pointer-events: none;
    z-index: -1;
}
.callout-grid__link:is(:hover, :active)::after {
    top: 0;
    opacity: 1;
}
.callout-grid__body {
    padding: 0 12%;
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2rem;
    z-index: 2;
}
.callout-grid__title {
    /* font-size: var(--font-size-h2); */
    font-size: var(--font-size-base);
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
}
.callout-grid__title, .callout-grid__text {
    color: var(--color-white);
}
.callout-grid__overflow {
    max-height: 0;
    overflow: hidden;
    transition: max-height 350ms cubic-bezier(.25,.46,.45,.94);
}
.callout-grid__item:is(:hover, :active) .callout-grid__overflow {
    max-height: 15.625rem;
}
@media screen and (min-width: 64rem) {
    .callout-grid__title {
        font-size: var(--font-size-h2);
    }
}
@media all and (max-width:1199px) {
    .callout-grid .medium-up-2 > .columns {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.tabs--pill {
    list-style: none;
    padding: .438rem;
    margin: 0;
    background-color: var(--color-white);
    border: 0;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-radius: 35px;
    position: relative;
}
.tabs--pill::after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid var(--color-white);
}
.tabs-title {
    margin: .313rem;
}
.tabs--pill .tabs-title > a {
    border-radius: 35px;
    color: var(--color-base);
    text-transform: uppercase;
    font-size: var(--font-size-base);
    padding-top: .875rem;
    padding-bottom: .875rem;
}
.tabs-title>a:focus, .tabs-title>a[aria-selected=true] {
    background-color: var(--color-tertiary);
    color: var(--color-white);
}
.tabs-content--seamless {
    border: none;
    background-color: transparent;
}
.tabs-content--seamless .tabs-panel {
    padding: 0;
}

.graphic-engineered__title {
    font-size: 1.375rem;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
}
.graphic-engineered__icon {
    margin-bottom: .5rem;
}
@media screen and (min-width:64rem) {
    .graphic-engineered__squish-image {
        position: relative;
        margin-top: -8rem;
        margin-bottom: -8rem;
    }
}

.court-tiles__link {
    display: flex;
    flex-direction: column;
    /* align-items: flex-start; */
    justify-content: space-between;
    height: calc(100% - 1rem);
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center;
    font-weight: normal;
    color: var(--color-white);
}
.court-tiles__link:hover, .court-tiles__link:focus {
    color: var(--color-gray-accent);
}
.court-tiles__tile {
    margin-bottom: .75rem;
}
.court-tiles__title {
    font-stretch: condensed;
    font-weight: bold;
    font-size: 1.375rem;
    text-transform: uppercase;
}

.split-panel {
	width:100vw;
	max-width:100vw;
	position:relative;
	left:50%;
	right:50%;
	margin-left:-50vw !important;
	margin-right:-50vw !important;
	isolation:isolate;
	overflow:hidden;
}
.split-panel__media {
    position:relative;
}
.split-panel__img,
.split-panel__img--support {
    display:block;
    width:100%;
    border-radius: 0px !important;
}
.split-panel__img--support {
    position:absolute;
    top:50%;
    left:0;
    right:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);

}
.split-panel__content {
    padding:3rem 0.625rem;
}
.split-panel__title {
    /* Default h4 size. Set size so can use whatever header is appropriate */
    font-size:var(--font-size-h2);
    color: var(--color-tertiary);
    font-weight:normal;
}
@media all and (min-width:1024px) {
	.split-panel > .row {
		align-items:stretch;
	}
    .split-panel__content {
		padding:10% 0.625rem calc(10% - 1rem);
    }
    .split-panel__content > .row > .columns {
        max-width:590px !important;
    }
    .split-panel__content > .row.align-left > .columns {
        padding-left:16.66667%;
    }
    .split-panel__content > .row.align-right > .columns {
        padding-right:16.66667%;
    }
	.split-panel > .row > .columns:nth-of-type(2) { /*Middle Align the Content if Shorter than the image */
		-ms-flex-item-align:center;
		-ms-grid-row-align:center;
		align-self:center;
	}
    .split-panel__media {
		min-height:525px;
		height:100%;
	}
    .split-panel__img {
        height:100%;
        -o-object-fit:cover;
        object-fit:cover;
	}    
}
/*- Split Panel with Video -*/
.split-panel__media--has-video {
    height:0;
    overflow:hidden;
    padding-bottom:56.25%;
}
.split-panel__iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
@media all and (min-width:1024px) {
    .split-panel__media--has-video {
        padding-bottom:0;
        padding-top:0;
        margin:0;
        width:100%;
        height:100%;
        min-height:570px;
    }
    .split-panel__iframe {
        width:50vw;
        height:100%;
        min-width:177.77vh; /* Given a 640:360 aspect ratio, 640/360*100 = 177.77 */
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%);
    }
}
.split-panel--border-y {
    border-top:6px solid var(--color-primary);
    border-bottom:6px solid var(--color-primary);
}
.search-form {
    display: flex;
    flex-wrap: wrap;
}
.search-form__label {
    flex-grow: 1;
    flex-basis: 100%;
    width: 100%;
    text-align: center;
}
.search-form__input {
    flex: 1 0 75%;
}
.search-form__button {
    flex: 1 1 25%;
    width: auto;
    margin-bottom: 0;
    padding: .25rem;
}
form input[type=text].search-form__input, .search-form__button {
    /* height: 100%; */
    height: 3.125rem;
}
@media screen and (min-width: 64rem) {
    .search-form__input {
        flex-basis: 85%;
    }
    .search-form__button {
        flex-basis: 15%;
    }
}
/*- Multisport Court Blog Filter Added 8/11/23 by EAE -*/
.sort { /* form class */
}
.sort-btn {
    display:inline-block;
    width:auto;
    padding:0 0 0 2.625rem;
    margin:0.875rem 0 !important;
    position:relative;
    top:0;
    background:transparent;
    border:0;
    font-size:1.188rem;
    font-weight:600;
    color:#444444;
    line-height:1;
    text-align:left;
    text-decoration:none;
    text-transform:none;
    border-radius:0;
    cursor:pointer;
    -webkit-transition: all 350ms linear 50ms !important;
    transition: all 350ms linear 50ms !important;	
}
.sort-btn:before {
    display:block;
    width:27px;
    height:27px;
    padding-right:0.313rem;
    content:"";
    background-color:#0091e2;
    text-align:right;
    line-height:27px;
    position:absolute;
    top:-0.313rem;
    left:0;
    border-radius:100%;
    -webkit-transition: all 350ms linear 50ms !important;
    transition: all 350ms linear 50ms !important;
}
.sort-btn:hover {
    color:#0091e2;
    background:transparent;
    top:0;
}
.sort-btn:hover:before {
    /*background-color:#e56524;*/
    box-shadow: 0 9px 8px -8px rgba(6,6,6,.4);
}
.sort-btn-reset {
    color:#005a8c;
}
.sort-btn.mixitup-control-active:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.568' height='12.019' viewBox='0 0 14.568 12.019'%3E%3Cpath d='M206.208,390.007c.226.513.419,1.039.607,1.568.384-.481.773-.961,1.18-1.427,1.832-2.1,5.6-5.962,8.605-5.8.9.049.871.326.122.683-3.237,1.545-5.938,5.728-7.805,8.706a7.382,7.382,0,0,1-1.9,2.464,1.644,1.644,0,0,1-1.6-.106c-.866-.565-1.9-3.362-2.5-4.422a1.848,1.848,0,0,1,3.3-1.667Z' transform='translate(-202.711 -384.344)' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");
}
/*- Review Board Added 5/21/23 by EAE -*/
.review-board {
    /*background-color:#f4f4f4; This is set using background classes */
    padding-top:1rem;
    padding-bottom:2rem;
}
.review-carousel {
    /*
	padding-left:15px;
	padding-right:15px;
    */
}
.js-review-carousel { /* JS Hook, don't style */
}
.review-carousel.slick-initialized .slick-slide {
}
.review__slide {
}
.review__slide img {
	display:inline;
	width:auto;
	left:0;
	right:0;
	margin:0 auto;    
}
.review__item {
    display:-ms-flexbox !important;
    display:flex !important;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    /* Align Middle
    -ms-flex-align:center;
    align-items:center; */
    margin-left:-0.625rem;
    margin-right:-0.625rem;
}
.review__item img {
    /* Slick Resets */
	display:inline;
	width:auto;  
}
.review__snippet,
.review__foot {
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    padding-right:0.625rem;
    padding-left:0.625rem;
}
.review__snippet {
    -ms-flex-order:2;
    order:2;
}
.review__text {
    margin-top:1rem;
    font-style:italic;
}
.review__foot {
    -ms-flex-order:1;
    order:1;
    text-align:center;
}
.review__score {
    margin-top:1.875rem;
}
.review__star {
    height:25px;
}
.review__cite {
    margin-top:0.5rem;
    font-weight:600;
    line-height:1;
}
.review__cite::before {
    content: '\2014 \0020 \0020';
    color:var(--color-primary);
}
.review__btn {
    width:100%;
    padding-left:1.5rem;
    padding-right:1.5rem;
    margin-bottom:0.875rem;
}
/*---> Arrows <---*/
.review-carousel .slick-prev, .review-carousel .slick-next {
    background-color:rgba(0,0,0,0.07);
	width:30px;
	height:30px;
    color: transparent;
    position:absolute;
    top:2rem;
    z-index:1;
    cursor:pointer;
}
.review-carousel .slick-prev {
	left:0;
}
.review-carousel .slick-next {
	left:auto;
	right:0;
}
.review-carousel .slick-prev:before,
.review-carousel .slick-next:before {
	left:0;
	right:auto;
	width:30px;
	height:30px;
	top:0;
	-webkit-transform:translateY(0);
	transform:translateY(0);
}
.review-carousel .slick-prev:before {
	content: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 2048 2048' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1331 672q0 13-10 23l-393 393 393 393q10 10 10 23t-10 23l-50 50q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l50 50q10 10 10 23z' fill='%23444444' /%3E%3C/svg%3E");
}
.review-carousel .slick-next:before {
	content: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 2048 2048' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1299 1088q0 13-10 23l-466 466q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l466 466q10 10 10 23z' fill='%23444444' /%3E%3C/svg%3E");
}
.review-carousel .slick-prev:hover:before {
	content: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 2048 2048' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1331 672q0 13-10 23l-393 393 393 393q10 10 10 23t-10 23l-50 50q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l50 50q10 10 10 23z' fill='%23e56524' /%3E%3C/svg%3E");
}
.review-carousel .slick-next:hover:before {
	content: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 2048 2048' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1299 1088q0 13-10 23l-466 466q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l466 466q10 10 10 23z' fill='%23e56524' /%3E%3C/svg%3E");
}
@media all and (min-width:1024px) {
    .review-board {
        padding-bottom:1rem;
    }
    .review__snippet {
        -ms-flex:1 1 0px;
        flex:1 1 0px;
    }
    .review__foot {
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        text-align:left;
    }
    .review__score {
        margin-top:1rem;
    }
    .review__btn {
        margin-top:0.875rem;
    }
    .review-carousel.slick-initialized .slick-slide {
        min-height:155px; /* Enough height for arrows */
    }
    /* Arrows */
    .review-carousel .slick-prev, .review-carousel .slick-next {
        top:auto;
        bottom:1.875rem;
    }
    .review-carousel .slick-prev {
        left:0px;
    }
    .review-carousel .slick-next {
        left:40px;
        right:auto;
    }
}
/*- Hubspot Main form Styling -*/
.contact-form .hs-form {
    margin-bottom: 2rem;
}
.contact-form .hs-form label {
    vertical-align: baseline;
}
.contact-form .hs-form fieldset {
    max-width: 100%;
    margin-bottom: .25rem;
}
.contact-form .hs-form .form-columns-1 .hs-input {
    width: 100%;
}
.contact-form .hs-form .form-columns-1 .input, .contact-form .hs-form .form-columns-2 .input, .contact-form .hs-form .form-columns-3 .input {
    margin-right: 0;
}
.contact-form .hs-form .form-columns-2, .contact-form .hs-form .form-columns-3 {
    display: flex;
    gap: 8px;
}
.contact-form .hs-form .form-columns-2 .hs-form-field, .contact-form .hs-form .form-columns-3 .hs-form-field {
    float: none;
}
.contact-form .hs-form .form-columns-3 .hs-form-field {
    width: 33.33%;
}
.contact-form .hs-form-field {
    padding-bottom: 5px;
}
.contact-form .inputs-list {
    list-style: none;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.contact-form .inputs-list .hs-form-checkbox {
    /* flex: 1 1 50%; */
    flex: 0 0 auto;
    margin-right: 1rem;
}
.contact-form .hs-form .inputs-list .hs-input {
    width: auto;
    margin-bottom: 0;
}
.contact-form .legal-consent-container {
    font-size: .875rem;
}
.contact-form .hs-form-booleancheckbox-display {
    display: flex;
}
.contact-form .legal-consent-container .hs-form-booleancheckbox-display>span {
    margin-left: 0;
}
.contact-form .inputs-list .hs-form-checkbox-display {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

/*- Hubspot Subscribe Added 5/29/23 by EAE -*/
.hubspot-opt-in {
    background-color:var(--color-tertiary);
    padding-top:2rem;
    padding-bottom:2rem;
}
.hubspot-opt-in .hbspt-form form {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    margin-bottom:0;
}
.hubspot-opt-in .hs-email {
    -ms-flex:0 0 calc(100% - 135px);
    flex: 0 0  calc(100% - 135px);
    -ms-flex-order:1;
    order:1;
}
.hubspot-opt-in .legal-consent-container {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex-order:3;
    order:3;
}
.hubspot-opt-in .hs-submit {
    padding-left:0.625rem;
    padding-top:1.875rem;
    -ms-flex: 0 0 135px;
    flex: 0 0 135px;
    -ms-flex-order: 2;
    order: 2;
}
.hubspot-opt-in .hbspt-form label,
.hubspot-opt-in .hbspt-form .hs-error-msgs label,
.hubspot-opt-in .hbspt-form .submitted-message {
    color:var(--color-white);
}
.hubspot-opt-in .hbspt-form .hs-error-msgs label {
    margin-top:0.5rem;
    margin-bottom:1rem;
    font-weight:600;
}
.hubspot-opt-in .hbspt-form input.hs-input.error {
    border-color:var(--color-secondary);
}
.hubspot-opt-in .hbspt-form label .hs-form-required {
    color:var(--color-secondary);
}
.hubspot-opt-in .hbspt-form input[type="email"] {
    border-color:var(--color-white);
    border-radius:0;
}
.hubspot-opt-in .hbspt-form input[type="checkbox"] {
    margin: 0.125rem .313rem 0 0;
}
.hubspot-opt-in .hbspt-form .inputs-list {
    list-style:none;
    margin-left:0;
    margin-bottom:0;
}
.hubspot-opt-in .hbspt-form .hs-button {
    display:block;
    width:100%;
    padding:0.875rem 0;
    background-color: var(--color-secondary);
    font-weight:bold;
    font-stretch:condensed;
    text-align:center;
    color:var(--color-white);
    text-transform: uppercase;
    border:0;
    border-radius:7px;
}
.hubspot-opt-in .hbspt-form .hs-button:hover {
    text-decoration: none;
    color: var(--color-white);
    -webkit-box-shadow:0 9px 8px -8px rgba(6, 6, 6, .4);
    box-shadow:0 9px 8px -8px rgba(6, 6, 6, .4);
}
.court-designer-embed--alt {
    width: 100%;
    min-height: 400px;
    height: auto;
    height: 100dvh;
    margin-bottom: 0;
}
@media all and (min-width: 1024px) {
    .court-designer-embed--alt {
        height: 100vh;
    }
}

.icon-callout {
    text-align:center;
    max-width:290px;
    margin-left:auto;
    margin-right:auto;
}
.icon-callout__title {
    /* Default h6 size. Set size so can use whatever header is appropriate */
    font-size:var(--font-size-h6);
}
/* .icon-callout__text {
} */
.icon-callout__icon-container {    
    display: flex;
    align-items: center;
    justify-content: center;
}
/* .icon-callout__icon {
} */
.icon-callout__circle {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:100px;
    height:100px;
    border-radius:100%;
    background:var(--color-primary);
}
.icon-callout__icon--for-circle {
    position:absolute;
    inset:0;
    margin:auto;
}