/** Shopify CDN: Minification failed

Line 60:2 All "@import" rules must come first

**/
:root {
  --animation-speed-fast: .15s;
  --animation-speed-medium: .4s;
  --animation-speed-slow: .7s;
  --container-padding: 1.25rem;
  --header-change-animation-speed: var(--animation-speed-fast);
  --mobile-menu-width: 400px;
  --side-cart-width: 400px;
  --filters-width: 400px;
  --mobile-menu-button-width: 2.5em;
}

@media (max-width: 900px) {
  :root {
    --container-padding: 1rem;
  }
}
@media (max-width: 600px) {
  :root {
    --container-padding: 1rem;
    --mobile-menu-width: 246px;
    --side-cart-width: 100%;
    --filters-width: 100%;
  }
}

@font-face { font-family: 'Roseritta'; src: url('//homecourt.co/cdn/shop/t/20/assets/RoserittaBold.woff2?v=50876198723712587791641398891') format('woff2'), url('//homecourt.co/cdn/shop/t/20/assets/RoserittaBold.woff?v=64879388752753094131641398891') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }

/* 
******************** RESET ********************
*/
* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
html {padding-bottom: 0 !important;} /* Overrides Shopify's preview bar padding */
html, body {margin: 0; padding: 0; border: 0;}
a {color: inherit; text-decoration: none;}
p a, li a {text-decoration: underline;}
img {display: block; width: 100%; height: initial; border: none;}
table {width: 100%; border-collapse: collapse; vertical-align: middle; border-spacing: 0;}
input, select {vertical-align: middle;}
input, select, textarea, button {font: inherit;}
input::-ms-clear {display: none;}
ul, ol {padding-inline-start: 1.1875em;}
textarea {line-height: inherit; resize: none;}
select, textarea, input[type="button"], input[type="submit"], input[type='text'],input[type='email'], input[type='number'], input[type='search'], input[type='date'], input[type="tel"], input[type="phone"], input[type='password'], button {font: inherit; appearance:none; -moz-appearance:none; -webkit-appearance:none; border: 0; padding: 0; border-radius: 0; background: transparent;}
select, textarea, input[type='text'],input[type='email'], input[type='number'], input[type='search'], input[type='date'], input[type="tel"], input[type="phone"], input[type='password'] {display: block; width: 100%; line-height: normal;}
select, input[type="button"], input[type="submit"], button, label {cursor: pointer;}
select::-ms-expand {display: none;}

svg.icon {display: block; width: 1em; height: 1em; font-size: 1em; line-height: 100%; overflow: visible;}
svg.icon path {-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
svg.icon:focus {outline: none;}

/*
******************** FONTS ********************
*/@import url('https://fonts.googleapis.com/css?family=Raleway:400,700,900%7CRoboto:400,700&display=swap');
.body-font, html, body {font-family: 'Roboto Condensed', sans-serif; font-weight: 400; letter-spacing: 0em; line-height: 170%;}
.heading-font, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Roboto Condensed', sans-serif; font-weight: 900; letter-spacing: 0; line-height: 110%; font-style: normal; text-transform: none;}

/*
******************** THEME BASE ********************
*/
html {font-size: 16px; }
body {font-size: 1em; color: #191919; background: #FFFFFF; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent;}
body:not(.user-is-tabbing) :focus {outline: none;}
:active {outline: none; box-shadow: none;}
::selection {background: #2a4835; color: #fff;}
::-moz-selection {background: #2a4835; color: #fff;}
::-webkit-input-placeholder {color: #777777;}
:-moz-placeholder {color: #777777;}
::-moz-placeholder {color: #777777;}
:-ms-input-placeholder {color: #777777;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {margin: 0 0 0.5em; color: #000000;}
h1, .h1 {font-size: 2.5em;} h2, .h2 {font-size: 2em;} h3, .h3 {font-size: 1.75em;} h4, .h4 {font-size: 1.5em;} h5, .h5 {font-size: 1.25em;} h6, .h6 {font-size: 1em;}
p {margin: 0 0 1em 0;}
p:last-child {margin-bottom: 0;}
a {-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}

@media all and (max-width: 600px){
  h1, .h1 {font-size: 2em;} h2, .h2 {font-size: 1.5em;} h3, .h3 {font-size: 1.25em;} h4, .h4 {font-size: 1.2em;} h5, .h5 {font-size: 1.1em;} h6, .h6 {font-size: 1em;}
}

/*
******************** GENERIC ********************
*/
body {min-height: 100vh; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
#main-content {-webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1;}

.shopify-challenge__container {padding: 5em 0; }



/*
******************** BUTTONS ********************
*/
.btn {font-family: 'Roboto Condensed', sans-serif; display: inline-block; line-height: 100%; text-align: center; text-decoration: none; cursor: pointer; min-width: 11.5em; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.btn path {fill: inherit;}
/* V1 */
.btn, input.btn {background-color: #2a4835; color: #ffffff; fill: #ffffff; border: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0.5em 2em; font-size: 1.125em; text-transform: uppercase; letter-spacing: 0; font-weight: 400;}
.not-mobile .btn:hover, .not-mobile input.btn:hover {background-color: #192b20; color: #ffffff; fill: #ffffff; border: 0;}
/* V2 */
.btn.v2, input.btn.v2 {background-color: #f7f6f5; color: #000000; fill: #000000; border: 0; -webkit-border-radius: 0em; -moz-border-radius: 0em; border-radius: 0em; padding: .5em 2em; font-size: 1.125em; text-transform: uppercase; letter-spacing: 0; font-weight: 400;}
.not-mobile .btn.v2:hover, .not-mobile input.btn.v2:hover {background-color: #d7d2cb; color: #000000; fill: #000000; border: 0;}
/* V3 */
.btn.v3, input.btn.v3 {background-color: #000000; color: #ffffff; fill: #ffffff; border: 0; -webkit-border-radius: 0em; -moz-border-radius: 0em; border-radius: 0em; padding: 1em 2em; font-size: 1em; text-transform: uppercase; letter-spacing: 0; font-weight: 700;}
.not-mobile .btn.v3:hover, .not-mobile input.btn.v3:hover {background-color: #777777; color: #ffffff; fill: #ffffff; border: 0;}
/* V4 */
.btn.v4, input.btn.v4 {background-color: #000000; color: #ffffff; fill: #ffffff; border: 0; -webkit-border-radius: 0em; -moz-border-radius: 0em; border-radius: 0em; padding: 1em 2em; font-size: 1em; text-transform: uppercase; letter-spacing: 0; font-weight: 700;}
.not-mobile .btn.v4:hover, .not-mobile input.btn.v4:hover {background-color: #777777; color: #ffffff; fill: #ffffff; border: 0;}

/* button as link */
.link {text-underline-offset: 0.2em; text-decoration: underline; text-decoration-thickness: 1px; font: inherit; font-family: inherit; letter-spacing: inherit; font-weight: inherit; line-height: inherit; background-color: inherit; color: inherit; font-size: inherit; cursor: pointer; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.not-mobile .link:hover {color: #2a4835;}

/*
******************** FORMS ********************
*/
select, textarea, input[type='text'],input[type='email'], input[type='number'], input[type='search'], input[type='date'], input[type="tel"], input[type="phone"], input[type='password'] {color: #000000; font-size: 1em; letter-spacing: inherit; font-weight: inherit; border: 1px solid #ddd; border-radius: 0em; padding: 1em 1.5em; background-color: #fff;}
select {background-image: url(//homecourt.co/cdn/shop/t/20/assets/select.png?v=3914837046350567341641398891); background-repeat: no-repeat; background-position: right 10px center; background-size: 10px; padding-right: 30px; box-shadow: none;}
input.error, select.error, textarea.error {border-color: #FF0202 !important;}
label {color: ; display: inline-block; ;}
.success-msg {color: #25B831;}
.error-msg {color: #FF0202;}
@media all and (max-width: 900px){
  select, textarea, input[type='text'],input[type='email'], input[type='number'], input[type='search'], input[type='date'], input[type="tel"], input[type="phone"], input[type='password'] {font-size: 16px !important;}
}

/*
******************** ELEMENTS ********************
*/
.skip-to-content-link {position: fixed; z-index: 200; top: 0; left: 0; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;}
.skip-to-content-link:focus, .skip-to-content-link:active {width: auto; height: auto; clip: auto; padding: 0.5em 2em;}
.loader {border: 2px solid rgba(255,255,255,.2); position: absolute; left: 50%; top: 50%; border-top: 2px solid #fff; border-radius: 50%; width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; animation: spin .7s linear infinite; }
deferred-media[loaded] > .deferred-media-poster {display: none;}
[data-shopify-xr-hidden] {display: none;}

/*
******************** HEADER ********************
*/
.header-outer {position: relative; z-index: 100; border-bottom: var(--header-border);}

.header-inner {background-color: var(--header-color); color: var(--header-text-color); transition: background-color var(--header-change-animation-speed) ease-out; display: flex;}
.header-inner path { fill: var(--header-text-color); transition: fill var(--header-change-animation-speed) ease-out;}
.header-inner .item {display: flex; align-items: stretch; margin-right: 0;}
.header-inner .item:last-child,
.header-inner .item .item {margin-right: 0;}
.header-inner .has-dropdown {position: relative;}
.header-inner .submenu { background-color: var(--header-submenu-color); z-index: 1; position: absolute; top: 100%; left: 0; min-width: 10em; }
.header-inner .submenu-inner {padding: 0.5em 0;}
.header-inner .submenu .submenu {top: -0.5em; left: 100%;}

.header-main-menu {display: flex; flex-flow: row;}
.header-main-menu .nav-1 {padding: 1.5em 1em; font-size: var(--header-menu-font-size); font-weight: var(--header-menu-font-weight); letter-spacing: var(--header-menu-letter-spacing); text-transform: var(--header-menu-text-transform); color: var(--header-text-color); transition: color var(--header-change-animation-speed) ease-out; display: flex; align-items: center; justify-content: center; letter-spacing: 0.12em;}
.header-main-menu .nav-1 svg, .header-main-menu .nav-2 svg {margin-left: 0.5em;}
.header-main-menu .nav-2,
.header-main-menu .nav-3 {padding: 1.5em 1em; display: flex; align-items: center; justify-content: space-between; width: 100%;}

.header-content {width: 100%; display: flex; flex-flow: row; align-items: stretch; justify-content: flex-start; position: relative;}
.header-content .logo {margin: 1.375em 0; display: flex; align-items: center;}
.header-content .logo img {max-width: var(--header-logo-max-width); transition: max-width var(--header-change-animation-speed) ease-out;}
.header-content.logo_center {justify-content: center;}
.header-content .shop-name {font-size: 1.5em;}

.top-utils {position: absolute; right: var(--container-padding); top: 0; bottom: 0; display: flex; align-items: stretch;}
.top-utils-wrap {display: flex;}
.top-utils .item {padding: 0.5em; margin-right: 0.5em; display: inline-flex; align-items: center; background: transparent; border: 0; font-size: 1em; font-family: inherit; line-height: inherit; text-decoration: none; color: inherit; height: 100%; position: relative; text-transform: uppercase; letter-spacing: 0.12em;}
.top-utils .item:last-child {margin-right: -0.5em; }
.top-utils .icon {font-size: 1.2em; width: 1.2em; height: 1.2em; margin-right: 0.5em;}
.top-utils .icon:last-child {margin-right: 0em; }
.top-utils path {fill: var(--header-text-color);transition: fill var(--header-change-animation-speed) ease-out; }
.top-utils .cart-count {position: absolute; top: 50%; left: 0; transform: translate(-110%,-40%); line-height: 1em; width: 1.5em; height: 1.5em; display: flex; align-items: center; justify-content: center; font-size: 0.75em; border-radius: 50%; background: var(--header-text-color); color: var(--header-color); transition: all var(--header-change-animation-speed) ease-out; }
.top-utils .cart-count:empty {display: none; }

#search-bar {position: absolute; top: 100%; left: 0; right: 0; padding: 0.5em 0; background-color: var(--header-color); z-index: -1; visibility: hidden; transform: translateY(-101%); box-shadow: 0px 1px 4px 1px rgba(180, 180, 180, 0.6);}
#search-bar search-form {flex-grow: 1;}
#search-bar.close {animation: closeTransformTop var(--animation-speed-fast);}
#search-bar.open {animation: openTransformTop var(--animation-speed-fast); visibility: visible; transform: translateY(0%);}
#search-bar .container {max-width: 600px;}
#search-bar .close-search-bar {margin-left: 1em; font-size: 1.25em; margin-top: 0.7em;}

.mobile-menu-button {width: 2em; font-size: 1.125em; height: 100%; background: var(--mobile-menu-button-bg-color); display: flex; display: -webkit-flex; justify-content: center; align-items: center; padding-left: 1rem;}
.mobile-menu-button svg.icon {width: 1.2em; height: 1.2em; font-size: 1.2em;}
.mobile-menu-button svg path {fill: var(--mobile-menu-button-icon-color);}
#mobile-menu {display: none;}

@media (max-width: 1200px) {
  /* .top-utils .nav-1 span {display: none;}
  .top-utils .icon {margin-right: 0;} */
}

@media (max-width: 900px) {
  .header-main-menu {display: none;}
  .top-utils .nav-1 span,
  .top-utils .trigger-account {display: none;}
  .top-utils .icon {margin-right: 0;}
}
@media (min-width: 901px){
  .header-inner {-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}

  .header-inner .header-main-menu .item:first-child .nav-1 {padding-left: 0;}
  
  .top-utils .cart-count {transform: translate(270%,-95%); font-size: 0.75em; background: transparent; color: #000000; }

  .top-utils .icon {display: none;} 
  .header-content.logo_center .logo {margin-left: 4%; margin-right: 4%;}
  .header-content.logo_left .logo {margin-right: 4%;}
}

/*
******************** FOOTER ********************
*/
#footer {position: relative; width: 100%; text-transform: none; margin: 0; }
#footer .h3{font-size: 1.5em; letter-spacing: 0.02em; color: var(--footer-top-text-color); font-family: "itc-benguiat-condensed",sans-serif; text-transform: capitalize; font-weight: 400; margin-bottom: 0.65em;}
#footer .h4{font-size: 1em; color: var(--footer-top-text-color); font-weight: 400; text-transform: uppercase; margin-bottom: 0.25em;letter-spacing: 0.12em;}
#footer .success-msg, #footer .error-msg {display: none;}
#footer .success-msg {color: #ffffff!important;}
.not-mobile #footer a:hover {text-decoration: underline; }

#footer .social-links span{ display: none; letter-spacing: 0.06em;}
/* #footer .social-links {justify-content: start;}
#footer .social-links a {font-size: 1em; width: 2em; height: 2em; margin-right: 1em; border-radius: 50%; border: 1px solid; background: var(--footer-top-text-color); border-color: var(--footer-top-text-color); display: flex; align-items: center; justify-content: center; text-align: center; }
#footer .social-links a:last-child {margin-right: 0;}
.not-mobile #footer .social-links a:hover {background: var(--footer-top-bg-color); border-color: var(--footer-top-text-color);}
.not-mobile #footer .social-links a:hover svg path {fill: var(--footer-top-text-color);}
#footer .social-links svg path {fill: var(--footer-top-bg-color);} */

#footer .mailing-list {margin-bottom: 2em;}
#footer .mailing-list .title {display: block; padding: 0; margin-bottom: 1em; color: var(--footer-text-color);}
#footer .mailing-list .form-wrap {display: inline-block; position: relative; width: 100%;}
#footer .mailing-list input[type="email"] {width: 100%;}
#footer .mailing-list button {position: absolute; right: 0; top: 0; height: 100%;}


#footer .logo {max-width: var(--footer-logo-max-width); width: 100%; }

#footer .top .menu-links-footer {padding-top: 3em; padding-left: 0;}
#footer .top {background-color: var(--footer-top-bg-color); color: var(--footer-top-text-color); border-top: 1px solid var(--footer-top-border-color);}
#footer .top {padding: var(--footer-top-padding);}
#footer .top .subitem a {padding: 0.15em 0 0; font-size: 0.875em; letter-spacing: 0.06em;}

#footer .top .social-wrap {margin: 2em 0 0;}
#footer .top .social-links {margin: 1.5em 0 0;}
#footer .top .social-links a {fill: var(--footer-top-text-color); font-size: 1.375em; padding: 0 0.65em;}
#footer .top .social-links a:hover {opacity: 0.6;}
#footer .top .social-links a:first-child {padding-left: 0;}

#footer .top contact-form {}
#footer .top contact-form .form-wrap {position: relative;}
#footer .top contact-form .form-wrap input[type=email] {background-color: var(--footer-top-bg-color); color: var(--footer-top-text-color); border: 1px solid var(--footer-top-text-color); text-transform: uppercase; padding: 0.65em 3em 0.65em 0.65em; letter-spacing: 0.12em;}
#footer .top contact-form .form-wrap input[type=email]::placeholder { color: var(--footer-top-text-color); }
#footer .top contact-form .form-wrap input[type=email]:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px var(--footer-top-bg-color) inset; -webkit-text-fill-color: var(--footer-top-text-color); background-color: transparent; }
#footer .top contact-form .form-wrap .btn {padding: 0.6em; background: transparent; position: absolute; right: 1px; top: 1px; min-width: auto;}
#footer .top contact-form .form-wrap .btn svg{width: 0.75em;}
#footer .top contact-form .form-wrap .btn:hover {opacity: 0.6;}
#footer .top contact-form .accept {color: #B2B2B2; margin-top: 1.15em; font-size: 0.875em; line-height: 1.5em; letter-spacing: 0.06em; }
#footer .top contact-form .accept .checkbox-custom + .checkbox-custom-label:before{min-width: 16px; margin-right: 0.7em; background-color: var(--footer-top-bg-color); border:1px solid var(--footer-top-text-color);}
#footer .top contact-form .accept .checkbox-custom + .checkbox-custom-label.error:before{border-color: #ff0202;}
#footer .top contact-form .accept a {text-decoration: underline ;}
#footer .top contact-form .accept a:hover {text-decoration: none ;}

/* #footer .top .links a {display: block; margin: 0 0 1.5em;} */
/* #footer .top .links {-webkit-column-count: var(--footer-top-linklist-columns); -moz-column-count: var(--footer-top-linklist-columns); column-count: var(--footer-top-linklist-columns);} */

#footer .bottom {color: var(--footer-bottom-text-color); background-color: var(--footer-bottom-bg-color); border-top: 1px solid var(--footer-top-text-color);}
#footer .bottom {padding: var(--footer-bottom-padding);}
#footer .bottom .links a {display: inline-block; margin-right: 1em;}
#footer .bottom .links a:last-child {margin-right: 0;}

#footer .wrap-logo-copy {padding-top: 2em;}
#footer .wrap-logo-copy .copy { font-size: 0.875em; line-height: 1.5em; letter-spacing: 0.12em;}

@media (min-width: 901px){
  #footer .top .menu-links-footer {padding-top: 0; padding-left: 3em}
  #footer .top .social-wrap {margin: 0;}
  #footer .top .social-links {margin: 0;}
  #footer .top .social-links a{font-size: 1em; padding: 0;}
  #footer .top .social-links a:hover {opacity: 1;}
  #footer .top .social-links a:hover span{text-decoration: underline;}

  #footer .wrap-logo-copy {padding-top: 0; min-height: 10em;}
  #footer .wrap-logo-copy .copy { font-size: 0.75em; line-height: 2em;}

  #footer .social-links span{ display: inline-block; font-size: 0.875em;}
  #footer .social-links svg{ display: none; }
}

@media only screen and (min-width: 601px) and (max-width: 900px){
}

@media all and (max-width: 900px){
  /* #footer .top .logo {margin-bottom: 2em;}
  #footer .top .links {margin-bottom: 2em;} */

}/*
******************** PRODUCT CARD ********************
*/
.grid .product-card {margin: 0 0 2em;} 
.product-card a {display: block;}
.product-card .image-container {position: relative;}
.product-card .quickadd .image-container {margin-bottom: 1em;}
.product-card .quickadd .atc-wrapper button, .product-card .quickadd .atc-wrapper .btn {font-size: .9em;}
.product-card .image {padding-top: 125%; position: relative;}
.product-card .image .img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.product-card .image.show-hover-image .hover-img {position:absolute; top: 0; left: 0; opacity: 0.01;}
.not-mobile .product-card .image.show-hover-image:hover .hover-img {opacity: 1;}

.product-card .sort-rows { position: relative; }
.product-card .block-2 { min-height: 40px; }
.product-card .quick-view-trigger, .product-card .quick-view-bundle-trigger {position: absolute; top: -44px; height: 44px; left: 0; right: 0; opacity: 0; width: 100%; border-radius: 0; font-size: 0.875em; padding-top: 1.145em; padding-bottom: 1.145em; background-color: rgba(25, 25, 25, 0.75);}
.product-card .quick-view-trigger.btn-disabled, .product-card .quick-view-bundle-trigger.btn-disabled { background-color: rgba(128, 128, 128, 0.75);}
.not-mobile .product-card:hover .quick-view-trigger, .not-mobile .product-card:hover .quick-view-bundle-trigger, .user-is-tabbing .product-card .quick-view-trigger:focus, .user-is-tabbing .product-card .quick-view-bundle-trigger:focus{opacity: 1; background-color: rgba(25, 25, 25, 0.75);}
.not-mobile .product-card:hover .quick-view-trigger.btn-disabled, .not-mobile .product-card:hover .quick-view-bundle-trigger.btn-disabled, .user-is-tabbing .product-card .quick-view-trigger.btn-disabled:focus, .user-is-tabbing .product-card .quick-view-bundle-trigger.btn-disabled:focus{opacity: 1; background-color: rgba(128, 128, 128, 0.75); cursor: not-allowed}

@media all and (max-width: 900px){
  .featured-products .product-card { display:flex; flex-direction: column; height: 100%; }
  .featured-products .product-card .quick-view-trigger { position: initial; opacity: 1; background-color: #2a4835; padding: 0.5em 2em; margin-top: auto; }
  .featured-products .product-card .swatch-group { opacity: 1!important; margin-top: 0; margin-bottom: 0.5em; }
  .product-card .quick-view-trigger, .product-card .quick-view-bundle-trigger {position: inherit; height: 28px; }
  .product-card .block-0 { order: 3 }  
  .product-card .block-2 { min-height: 60px; }
}

.product-card .info {padding-top: 0.5em;}
.product-card .title {font-weight: 400;font-family: "itc-benguiat-condensed",sans-serif; font-size: 1.125em; line-height: 1.25em; text-transform: capitalize;}
.product-card .info .price{padding-left: 1em; letter-spacing: .05em;}
.product-card .price .compare {opacity: 0.5; text-decoration: line-through;}
.product-card .price > *:not(:last-child) {margin-right: 0.3em;}

.product-card .quickadd .info {padding-top: 0em; margin-bottom: 1em;}
.product-card .quickadd form .btn { width: 100%; margin-top: 0;}
#side-cart featured-products .keen-slider {width: 100%; max-width: 90%; margin: 0 auto; }
#side-cart featured-products .keen-arrow.prev { padding-left: 0; right: calc(100% - 24px); }
#side-cart featured-products .keen-arrow.next { padding-right: 0; left: calc(100% - 24px); }

.product-card .badges-wrapper {position: absolute; left: 0; top: 0; width: 100%;}
.product-card .badge {pointer-events: none; text-transform: uppercase; position: relative; padding: 0.5em 1.7em; font-size: 0.875em; z-index: 1; color: #fff; border: 1px solid #fff; background-color: transparent; line-height: 100%; border-radius: 4em; letter-spacing: 0.03em;}
.product-card .badge.top-left {margin-top: 1em; margin-left: 1em;}
.product-card .badge.top-right {margin-top: 1em; margin-right: 1em;}
.product-card.bundle-card .hide {display:none!important;}.badge.sold-out.top-left {color: #fff; border: 1px solid #fff;}
.show-hover-image:hover ~ .badge.sold-out,
.show-hover-image:hover .badge.sold-out {color: #fff; border: 1px solid #fff;}
  
.product-card .swatch-group {margin-top: 1.2em; padding-left: 1px;} 
.product-card .swatch-group > *:not(:last-child) {margin-right: 0.5em;}
.product-card .swatch-group .swatch {line-height: 0.75em;}
.product-card .swatch-group .color-hover {line-height: 1em;}

.product-card .swatch-group label {width: 26px; height: 26px; border-radius: 1.25px; border: 1px solid rgba(0,0,0,0);}
.not-mobile .product-card .swatch-group input:not(:checked) + label:hover {border-color: rgba(0,0,0,0.2);}
.product-card .swatch-group input:checked + label {border: 3px solid #fff; box-shadow: 0 0 0 1px rgba(0,0,1);}
.user-is-tabbing .product-card .swatch-group input:focus + label {outline-width: 2px; outline-style: solid; outline-color: Highlight;}

.product-card .swatch-group .see-more {width: 20px; height: 20px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.1); white-space: nowrap; text-align: center; color: rgba(0,0,0,0.5);}
.not-mobile .product-card .swatch-group .see-more:hover {border-color: rgba(0,0,0,0.1);}
.product-card .swatch-group .see-more span {font-size: 9px;}
.product-card .color-checked { margin-bottom: .5em;}
.product-quick-view #shopify-section-product_main {width: 1000px; max-width: 100%;}

@media (-webkit-min-device-pixel-ratio:0) {
  .user-is-tabbing .product-card .swatch-group input:focus + label {outline-color: -webkit-focus-ring-color; outline-style: auto;}
}

@media only screen and (min-width: 601px) and (max-width: 900px){
  .product-card .badge {font-size: 0.75em;}
  .product-card .info, .product-card .color-checked, .product-card .swatch-group {padding-left: 0.5em;padding-right: 0.5em;}
}
@media all and (max-width: 900px){
  .product-card a {min-height: 20em;}
  .product-card .quickadd a {min-height: 19em;}
  .product-card .badge{font-size: .75em;}
  .product-card .info .price{padding-left: 0;}
  #main-product-product_main { flex-direction: column; }
  .product-quick-view #shopify-section-product_main { max-width: 590px; }
}
@media all and (max-width: 600px){
  .product-quick-view #shopify-section-product_main { width: 100%; }
  .product-card a {min-height: 10em;}
  .product-card .color-checked { line-height: 1em;}

  .okeReviews .okeReviews-reviewsSummary {font-size: 12px;}
  .okeReviews .okeReviews-starRating--small {width: 96px !important;}
  .okeReviews .okeReviews-starRating--small .okeReviews-starRating-indicator-layer {background-size: 80px 16px !important;}
}
@media all and (min-width: 901px){
  .product-card a {min-height: 25em;}
  .product-card .title {font-size: 1.25em; line-height: 1.6em; letter-spacing: .02em;}
  .product-card .image {padding-top: 125%;}

  .product-card .swatch-group {margin-top: 0.5em;}
  
  .product-card .variant-available {margin: 3px 0 6px;}
}

@media all and (min-width: 1440px){
  .product-card a {min-height: 30em;}
}

/*
************ OVERLAYS ************
*/
.show-overlay, .show-loading-overlay {
  overflow: hidden;
}
#overlay {visibility: hidden; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 102; background-color: rgba(0,0,0,0);}
.show-overlay #overlay {visibility: visible; background-color: rgba(0,0,0,0.4);}

#loading-overlay {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background:rgba(0,0,0,.7); z-index: 999999; text-align: center; display: none;}
.show-loading-overlay #loading-overlay {display: block;}

/**** CUSTOM CHECKBOX AND RADIO STYLES ****/
.checkbox-custom, .radio-custom {opacity: 0; border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.checkbox-custom-label, .radio-custom-label {position: relative;}
.checkbox-custom-label:before, .radio-custom-label:before {-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.checkbox-custom + .checkbox-custom-label:before {content: ''; width: 16px; height: 16px; margin-right: 0.5em; margin-top: 0.2em; border: 2px solid rgba(25, 25, 25, 0.3); background: #FFFFFF url(//homecourt.co/cdn/shop/t/20/assets/checked-white.png?v=177814245546609123131641398891) no-repeat center; background-size: 0%;}
.radio-custom + .radio-custom-label:before {content: ''; border: 2px solid rgba(25, 25, 25, 0.3); border-radius: 50%; vertical-align: middle; width: 16px; height: 16px; margin-right: 0.5em; text-align: center; display: inline-block;}
.checkbox-custom:checked + .checkbox-custom-label:before {background-color: #191919; border-color: #191919; background-size: 70%;}
.radio-custom:checked + .radio-custom-label:before {background: #191919; box-shadow: inset 0 0 0 2px #FFFFFF; border-color: #191919;}/*********** FREE SHIPPING PROGRESS BAR ***********/
.free-shipping-progress {margin: 0; padding: 1em; }
.free-shipping-progress-title {text-align: left; margin-bottom: 1em; line-height: 140%; font-size: 1.125em; letter-spacing: 0.02em; margin-right: auto;}
.free-shipping-progress-title i {margin-right: 0.5em; font-style: normal; border-radius: 50%; text-transform: none; color: #2a4835; width: 1.65em; height: 1.65em; border: 1px solid; text-align: center;}
.free-shipping-progress-title i.checkmark {color: #25B831;}
.free-shipping-progress-bar {width: 100%; background: #E5E5E5; font-weight: 400; position: relative; font-size: 0.8em; height: 2px; border-radius: 1em;}
.free-shipping-progress-bar .progress {background: #191919; position: absolute; top: 0; left: 0; height: 100%; width: 0%; border-radius: 1em;}
.free-shipping-progress span.goal-achieved{color: #556D5D;}
.free-shipping-progress-bar.goal-achieved .progress {background: #556D5D;}/*
************ GLOBAL COMPONENTS ************
*/
#side-cart {display: none;}.cart-addnote {margin: 1.5em 0;}
.cart-addnote label {text-transform: none; font-weight: 400;}
.cart-addnote textarea {margin-top: 1em; height: 8em; padding: 0.5em; }/* cart-property-field */
cart-property-field {display: block; position: relative;}
cart-property-field .badge {position: absolute; visibility: hidden; bottom: 0; right: 0; opacity: 0; padding: 0.4rem; line-height: 1; font-size: 0.75em; background-color: #ccc; color: #000; transition: opacity var(--animation-speed-fast) linear;}
cart-property-field .badge.show {visibility: visible; opacity: 0.7;}

/* component-quantity */
.quantity-box {height: 3em; border: 1px solid #ddd; background-color: #fff; position: relative; width: 100%; max-width: 8em; display: flex; flex-flow: row;}
.quantity-input[type="number"] {height: 100%; width: 100%; flex-grow: 1; border: 0; padding: 0 0.5em; color: currentColor; font-size: 1.125em; font-weight: 500; text-align: center; background-color: #fff; -webkit-appearance: none; appearance: none; margin: 0 2px;}
.quantity-button {height: 100%; width: 2.5em; flex-shrink: 0; font-size: 0.875em; border: 0; background-color: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #000000;}
.quantity-button svg {width: 1em; pointer-events: none;}
.quantity-input:-webkit-autofill,
.quantity-input:-webkit-autofill:hover,
.quantity-input:-webkit-autofill:active {box-shadow: 0 0 0 10em #fff inset !important; -webkit-box-shadow: 0 0 0 10rem #fff inset !important;}
.quantity-input::-webkit-outer-spin-button,
.quantity-input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.quantity-input[type='number'] {-moz-appearance: textfield;}
.quantity-box.quantity-disabled .quantity-button {display: none;}
.quantity-box.quantity-disabled .quantity-input {background: #f5f5f5; margin: 0;}cart-discount-code {display: flex; margin-top: 1em; flex-flow: wrap;}
cart-discount-code .apply {font-size: 0.875em;}
cart-discount-code .apply, cart-discount-code input[type="text"] {padding-top: 0.5em; padding-bottom: 0.5em;}
cart-discount-code .discount-code-value {border-radius: 0.3125em; background: rgba(25, 25, 25, 0.05); padding: 0.25em 0.5em;}
cart-discount-code .discount-code-inner-title {margin-right: 0.75em;}
cart-discount-code .discount-code-wrapper {display: flex; align-items: center;}
cart-discount-code .remove-discount {padding: 0.5em; margin-left: 0.75em; font-size: 0.6875em; }
cart-discount-code .discount-code-disclaimer {font-size: 0.8125em;}.free-samples-selector {margin-top: 2em; padding: 0 1em; margin-bottom: 2em;}
.free-samples-selector p { font-size: 1.125em; }
.free-samples-selector .keen-dots {margin-bottom: 0;}
free-sample-card[data-edit="none"] {display: none;}
free-sample-card[data-edit="add"] .quantity-box, free-sample-card[data-edit="add"] .remove-sample {display: none;}
free-sample-card[data-edit="add-quantity"] .add-form, free-sample-card[data-edit="add-quantity"] .remove-sample {display: none;}
free-sample-card[data-edit="remove-quantity"] .add-form, free-sample-card[data-edit="remove-quantity"] .remove-sample {display: none;}
free-sample-card[data-edit="remove-quantity"] .quantity-button.plus {visibility: hidden;}
free-sample-card[data-edit="remove"] .add-form, free-sample-card[data-edit="remove"] .quantity-box {display: none;}
free-sample-card img {margin-bottom: 0.5em;}
free-sample-card .title {margin-bottom: 0.5em; font-size: 0.875em; font-size: 1.125em !important;}
free-sample-card .remove-sample {display: block; margin-left: auto; margin-right: auto;}
free-sample-card .btn { min-width: 100%; }

/*
******************** PAGINATION ********************
*/
.pagination {margin: 2em auto; font-size: 1.2em;}
.pagination a {display: flex; display: -webkit-flex; align-items: center; justify-content: center; margin: 0 0.5em; font-size: 1em; width: 2em; height: 2em; text-align: center; border-radius: 50%; text-decoration: none; color: ;  }
.pagination a.active , .not-mobile .pagination a.active:hover {background: #2a4835; color: #FFFFFF;}
.not-mobile .pagination a:hover {background-color: #fff; color: #2a4835; }
.pagination a.disabled, .not-mobile .pagination a.disabled:hover {color:  #b0b0b0;  cursor: default;}
.pagination a.prev, .pagination a.next {width: auto !important; margin: 0 20px;}
.pagination-num-showing {font-size: 0.8em; margin-top: 1em; opacity: 0.5; }
.pagination-loading {position: relative; height: 200px;}
.pagination-loading .loader {border-color: rgba(25, 25, 25, 0.05); border-top-color: rgba(25, 25, 25, 0.3);}
.pagination-loading.fixed {position: fixed; z-index: 90; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8);}
.infinite-scroll-up {height: 200px;}
page-manager {display: block;}


@media all and (max-width: 600px){
  .pagination {font-size: 1em;}
  .pagination a.prev, .pagination a.next {margin: 0 0.5em;}
  .pagination a {width: 1.4em; height: 1.4em;}
}

/*
************ HELPERS ************
*/
.animation {-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.ease-animation {-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.ease-animation-slow {-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.ease-animation-slow-x2 {-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -ms-transition: all 1s ease-out; transition: all 1s ease-out;}

.container {max-width: 1300px; padding: 0 var(--container-padding); margin: auto; -moz-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial;}

.slide-calculating {position: absolute !important; opacity: 0 !important; height: auto !important;}
.expandable {visibility: hidden; overflow: hidden; max-height: 0; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
.hide {display: none;}
.invisible {visibility: hidden;}
.visually-hidden {border: 0; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute;}

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

.center {margin: auto;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}

.flex {display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important;}
.flex-wrap {-webkit-box-wrap: wrap; -moz-box-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.flex-1 {-webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1;}
.direction-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.direction-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.row-reverse {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.column-reverse {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
.justify-content-start {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.justify-content-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.justify-content-around, .justify-content-evenly {-ms-flex-pack: distribute;justify-content: space-around;}
.justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.align-items-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.align-items-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.align-content-start {-webkit-align-content: flex-start; align-content: flex-start;}
.align-content-center {-webkit-align-content: center; align-content: center;}
.align-content-end {-webkit-align-content: flex-end; align-content: flex-end;}
.align-content-around {-webkit-align-content: space-around; align-content: space-around;}
.align-content-between {-webkit-align-content: space-between; align-content: space-between;}

.grid, .grid-full{display: -ms-flexbox; display: flex; display: -webkit-box; display: -webkit-flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing:border-box; margin:0; padding:0; margin-left: -20px;}
.grid-item{box-sizing:border-box; padding-left: 20px;}
.grid-full{margin-left:0}
.grid-full>.grid-item{padding-left:0}

.one-whole{width:100%}
.one-half{width:50%}
.one-third{width:33.333%}
.two-thirds{width:66.666%}
.one-quarter{width:25%}
.two-quarters{width:50%}
.three-quarters{width:75%}
.one-fifth{width:20%}
.two-fifths{width:40%}
.three-fifths{width:60%}
.four-fifths{width:80%}
.one-sixth{width:16.666%}
.two-sixths{width:33.333%}
.three-sixths{width:50%}
.four-sixths{width:66.666%}
.five-sixths{width:83.333%}
.one-eighth{width:12.5%}
.two-eighths{width:25%}
.three-eighths{width:37.5%}
.four-eighths{width:50%}
.five-eighths{width:62.5%}
.six-eighths{width:75%}
.seven-eighths{width:87.5%}
.one-tenth{width:10%}
.two-tenths{width:20%}
.three-tenths{width:30%}
.four-tenths{width:40%}
.five-tenths{width:50%}
.six-tenths{width:60%}
.seven-tenths{width:70%}
.eight-tenths{width:80%}
.nine-tenths{width:90%}

@media only screen and (max-width: 600px){
  .small--container {padding: 0 var(--container-padding); margin: auto; -moz-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial;}
  
  .small--grid, .small--grid-full{display: -ms-flexbox; display: flex; display: -webkit-box; display: -webkit-flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing:border-box; margin:0; padding:0; margin-left: -20px;}
  .small--grid-item{box-sizing:border-box; padding-left: 20px;}
  
  .small--block {display: block !important;}
  .small--inline-block {display: inline-block !important;}

  .small--expandable {visibility: hidden; overflow: hidden; max-height: 0; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
  .medium--expandable,
  .large--expandable {visibility: visible !important; max-height: initial !important;} /* reset expandable of other @media */
  
  .small--show{display:block !important}
  .small--hide{display:none !important}
  .small--text-left{text-align:left !important}
  .small--text-right{text-align:right !important}
  .small--text-center{text-align:center !important}
  .small--visually-hidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

  .small--flex {display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important;}
  .small--flex-wrap {-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
  .small--flex-1 {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
  .small--direction-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
  .small--direction-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .small--row-reverse {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
  .small--column-reverse {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
  .small--justify-content-start {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
  .small--justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
  .small--justify-content-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
  .small--justify-content-around, .small--justify-content-evenly {-ms-flex-pack: distribute;justify-content: space-around;}
  .small--justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .small--align-items-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
  .small--align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .small--align-items-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
  .small--align-content-start {-webkit-align-content: flex-start; align-content: flex-start;}
  .small--align-content-center {-webkit-align-content: center; align-content: center;}
  .small--align-content-end {-webkit-align-content: flex-end; align-content: flex-end;}

  .small--one-whole{width:100%}
  .small--one-half{width:50%}
  .small--one-third{width:33.333%}
  .small--two-thirds{width:66.666%}
  .small--one-quarter{width:25%}
  .small--two-quarters{width:50%}
  .small--three-quarters{width:75%}
  .small--one-fifth{width:20%}
  .small--two-fifths{width:40%}
  .small--three-fifths{width:60%}
  .small--four-fifths{width:80%}
  .small--one-sixth{width:16.666%}
  .small--two-sixths{width:33.333%}
  .small--three-sixths{width:50%}
  .small--four-sixths{width:66.666%}
  .small--five-sixths{width:83.333%}
  .small--one-eighth{width:12.5%}
  .small--two-eighths{width:25%}
  .small--three-eighths{width:37.5%}
  .small--four-eighths{width:50%}
  .small--five-eighths{width:62.5%}
  .small--six-eighths{width:75%}
  .small--seven-eighths{width:87.5%}
  .small--one-tenth{width:10%}
  .small--two-tenths{width:20%}
  .small--three-tenths{width:30%}
  .small--four-tenths{width:40%}
  .small--five-tenths{width:50%}
  .small--six-tenths{width:60%}
  .small--seven-tenths{width:70%}
  .small--eight-tenths{width:80%}
  .small--nine-tenths{width:90%}
}

@media only screen and (min-width: 601px) and (max-width: 900px){
  .medium--container {padding: 0 var(--container-padding); margin: auto; -moz-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial;}
  
  .medium--grid, .medium-down--grid-full{display: -ms-flexbox; display: flex; display: -webkit-box; display: -webkit-flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing:border-box; margin:0; padding:0; margin-left: -20px;}
  .medium--grid-item{box-sizing:border-box; padding-left: 20px;}

  .medium--block {display: block !important;}
  .medium--inline-block {display: inline-block !important;}

  .medium--expandable {visibility: hidden; overflow: hidden; max-height: 0; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
  .large--expandable,
  .small--expandable {visibility: visible !important; max-height: initial !important;} /* reset expandable of other @media */

  .medium--show{display:block !important}
  .medium--hide{display:none !important}
  .medium--text-left{text-align:left !important}
  .medium--text-right{text-align:right !important}
  .medium--text-center{text-align:center !important}
  .medium--visually-hidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

  .medium--flex {display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important;}
  .medium--flex-wrap {-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
  .medium--flex-1 {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
  .medium--direction-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
  .medium--direction-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .medium--row-reverse {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
  .medium--column-reverse {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
  .medium--justify-content-start {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
  .medium--justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
  .medium--justify-content-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
  .medium--justify-content-around, .medium--justify-content-evenly {-ms-flex-pack: distribute;justify-content: space-around;}
  .medium--justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .medium--align-items-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
  .medium--align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .medium--align-items-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
  .medium--align-content-start {-webkit-align-content: flex-start; align-content: flex-start;}
  .medium--align-content-center {-webkit-align-content: center; align-content: center;}
  .medium--align-content-end {-webkit-align-content: flex-end; align-content: flex-end;}

  .medium--one-whole{width:100%}
  .medium--one-half{width:50%}
  .medium--one-third{width:33.333%}
  .medium--two-thirds{width:66.666%}
  .medium--one-quarter{width:25%}
  .medium--two-quarters{width:50%}
  .medium--three-quarters{width:75%}
  .medium--one-fifth{width:20%}
  .medium--two-fifths{width:40%}
  .medium--three-fifths{width:60%}
  .medium--four-fifths{width:80%}
  .medium--one-sixth{width:16.666%}
  .medium--two-sixths{width:33.333%}
  .medium--three-sixths{width:50%}
  .medium--four-sixths{width:66.666%}
  .medium--five-sixths{width:83.333%}
  .medium--one-eighth{width:12.5%}
  .medium--two-eighths{width:25%}
  .medium--three-eighths{width:37.5%}
  .medium--four-eighths{width:50%}
  .medium--five-eighths{width:62.5%}
  .medium--six-eighths{width:75%}
  .medium--seven-eighths{width:87.5%}
  .medium--one-tenth{width:10%}
  .medium--two-tenths{width:20%}
  .medium--three-tenths{width:30%}
  .medium--four-tenths{width:40%}
  .medium--five-tenths{width:50%}
  .medium--six-tenths{width:60%}
  .medium--seven-tenths{width:70%}
  .medium--eight-tenths{width:80%}
  .medium--nine-tenths{width:90%}
}

@media only screen and (max-width: 900px){
  .medium-down--container {padding: 0 var(--container-padding); margin: auto; -moz-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial;}
  
  .medium-down--grid, .medium-down--grid-full{display: -ms-flexbox; display: flex; display: -webkit-box; display: -webkit-flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing:border-box; margin:0; padding:0; margin-left: -20px;}
  .medium-down--grid-item{box-sizing:border-box; padding-left: 20px;}

  .medium-down--block {display: block !important;}
  .medium-down--inline-block {display: inline-block !important;}

  .medium-down--expandable {visibility: hidden; overflow: hidden; max-height: 0; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
  .large--expandable {visibility: visible !important; max-height: initial !important;} /* reset expandable of other @media */

  .medium-down--show{display:block !important}
  .medium-down--hide{display:none !important}
  .medium-down--text-left{text-align:left !important}
  .medium-down--text-right{text-align:right !important}
  .medium-down--text-center{text-align:center !important}
  .medium-down--visually-hidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

  .medium-down--flex {display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important;}
  .medium-down--flex-wrap {-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
  .medium-down--flex-1 {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
  .medium-down--direction-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
  .medium-down--direction-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .medium-down--row-reverse {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
  .medium-down--column-reverse {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
  .medium-down--justify-content-start {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
  .medium-down--justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
  .medium-down--justify-content-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
  .medium-down--justify-content-around, .medium-down--justify-content-evenly {-ms-flex-pack: distribute;justify-content: space-around;}
  .medium-down--justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .medium-down--align-items-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
  .medium-down--align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .medium-down--align-items-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
  .medium-down--align-content-start {-webkit-align-content: flex-start; align-content: flex-start;}
  .medium-down--align-content-center {-webkit-align-content: center; align-content: center;}
  .medium-down--align-content-end {-webkit-align-content: flex-end; align-content: flex-end;}

  .medium-down--one-whole{width:100%}
  .medium-down--one-half{width:50%}
  .medium-down--one-third{width:33.333%}
  .medium-down--two-thirds{width:66.666%}
  .medium-down--one-quarter{width:25%}
  .medium-down--two-quarters{width:50%}
  .medium-down--three-quarters{width:75%}
  .medium-down--one-fifth{width:20%}
  .medium-down--two-fifths{width:40%}
  .medium-down--three-fifths{width:60%}
  .medium-down--four-fifths{width:80%}
  .medium-down--one-sixth{width:16.666%}
  .medium-down--two-sixths{width:33.333%}
  .medium-down--three-sixths{width:50%}
  .medium-down--four-sixths{width:66.666%}
  .medium-down--five-sixths{width:83.333%}
  .medium-down--one-eighth{width:12.5%}
  .medium-down--two-eighths{width:25%}
  .medium-down--three-eighths{width:37.5%}
  .medium-down--four-eighths{width:50%}
  .medium-down--five-eighths{width:62.5%}
  .medium-down--six-eighths{width:75%}
  .medium-down--seven-eighths{width:87.5%}
  .medium-down--one-tenth{width:10%}
  .medium-down--two-tenths{width:20%}
  .medium-down--three-tenths{width:30%}
  .medium-down--four-tenths{width:40%}
  .medium-down--five-tenths{width:50%}
  .medium-down--six-tenths{width:60%}
  .medium-down--seven-tenths{width:70%}
  .medium-down--eight-tenths{width:80%}
  .medium-down--nine-tenths{width:90%}
}

@media only screen and (min-width: 901px){
  .large--container {max-width: 1300px; padding: 0 var(--container-padding); margin: auto; -moz-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial;}
  
  .large--grid, .large-down--grid-full{display: -ms-flexbox; display: flex; display: -webkit-box; display: -webkit-flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing:border-box; margin:0; padding:0; margin-left: -20px;}
  .large--grid-item{box-sizing:border-box; padding-left: 20px;}

  .large--block {display: block !important;}
  .large--inline-block {display: inline-block !important;}

  .large--expandable {visibility: hidden; overflow: hidden; max-height: 0; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
  .medium-down--expandable,
  .small--expandable {visibility: visible !important; max-height: initial !important;} /* reset expandable of other @media */

  .large--show{display:block !important}
  .large--hide{display:none !important}
  .large--text-left{text-align:left !important}
  .large--text-right{text-align:right !important}
  .large--text-center{text-align:center !important}
  .large--visually-hidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
  .large--opacity-hidden {opacity: 0;}
  .large--flex {display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important;}
  .large--flex-wrap {-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
  .large--flex-1 {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
  .large--direction-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
  .large--direction-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .large--row-reverse {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
  .large--column-reverse {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
  .large--justify-content-start {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
  .large--justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
  .large--justify-content-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
  .large--justify-content-around, .large--justify-content-evenly {-ms-flex-pack: distribute;justify-content: space-around;}
  .large--justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .large--align-items-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
  .large--align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .large--align-items-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
  .large--align-content-start {-webkit-align-content: flex-start; align-content: flex-start;}
  .large--align-content-center {-webkit-align-content: center; align-content: center;}
  .large--align-content-end {-webkit-align-content: flex-end; align-content: flex-end;}

  .large--one-whole{width:100%}
  .large--one-half{width:50%}
  .large--one-third{width:33.333%}
  .large--two-thirds{width:66.666%}
  .large--one-quarter{width:25%}
  .large--two-quarters{width:50%}
  .large--three-quarters{width:75%}
  .large--one-fifth{width:20%}
  .large--two-fifths{width:40%}
  .large--three-fifths{width:60%}
  .large--four-fifths{width:80%}
  .large--one-sixth{width:16.666%}
  .large--two-sixths{width:33.333%}
  .large--three-sixths{width:50%}
  .large--four-sixths{width:66.666%}
  .large--five-sixths{width:83.333%}
  .large--one-eighth{width:12.5%}
  .large--two-eighths{width:25%}
  .large--three-eighths{width:37.5%}
  .large--four-eighths{width:50%}
  .large--five-eighths{width:62.5%}
  .large--six-eighths{width:75%}
  .large--seven-eighths{width:87.5%}
  .large--one-tenth{width:10%}
  .large--two-tenths{width:20%}
  .large--three-tenths{width:30%}
  .large--four-tenths{width:40%}
  .large--five-tenths{width:50%}
  .large--six-tenths{width:60%}
  .large--seven-tenths{width:70%}
  .large--eight-tenths{width:80%}
  .large--nine-tenths{width:90%}
}

/*
******************** REDUCED MOTION ********************
*/

@media (prefers-reduced-motion: reduce) {
  a, .animation, .ease-animation, .ease-animation-slow,
  .btn, a.btn, input.btn, button.btn,
  svg.icon path,
  .tingle-modal, .tingle-modal-box
  {-webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition:none !important; transition: none !important;}
}

/*
******************** Animations ********************
*/
@keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } 
}

@keyframes openTransformTop {
  0% {transform: translateY(-101%); }
  100% {transform: translateY(0%); } 
}

@keyframes closeTransformTop {
  0% {visibility: visible; transform: translateY(0%); }
  100% {transform: translateY(-101%); } 
}