/*
 * This file is automatically generated.
 * Do not update it manually.
 * To recreate this file, run the script: node mergeCss.js
 */

:root{
   --page-padding-vertical: 0;
   --page-padding-horizontal: calc(100vw - 20);    
   --page-max-width: 1180px;
   --main-max-width: 1180px;   
    --base-font-family: 'RobotoDraft', sans-serif;
    --base-font-size: 12px;
    --bg-color: #FFF;
    --base-font-color: #000;
   --mobile-breakpoint: 600px;
    --color-primary: #0067CE;
    --color-muted: #666;
   --h2-min-size: 1.5em;
   --h2-max-size: 1.8em;
   --h3-min-size: 1.4em;
   --h3-max-size: 1.6em;
   --h4-min-size: 1.3em;
   --h4-max-size: 1.4em;
   --fsize-d-xsmall: clamp(9px, calc(9px + 0.25vw), 11px);
   --d-mb: 0.75em; /* dynamic margin bottom */ 
   --border-radius: 4px;  
   --border-radius-lg: calc(var(--border-radius) * 2);
   --spacing: 1rem; /*margin*/
   --spacing-bottom: 1rem;
   --box-shadow-default: 0 2px 4px rgba(0, 0, 0, 0.2);
   --border-default: 1px solid #E5E5E5;
   --btn-bg-color: #000;
   --btn-border-radius: 4px;
   --btn-events-bg-color: var(--btn-bg-color);
   --svg-icon-filter-blue: brightness(0) saturate(100%) invert(28%) sepia(93%) saturate(4005%) hue-rotate(169deg) brightness(94%) contrast(103%);

  /* Semantic font colors */
  --text-default: #2B2B2B;    /* Primary body text */
  --text-secondary: #575757;  /* Subheadings or labels */
  --text-muted: #808080;      /* Placeholder text, less emphasis */
  --text-light: #ABABAB;      /* Disabled text, help text */   
}
html {
    font-family: var(--base-font-family);
    font-size: var(--base-font-size);
   -webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   text-size-adjust: 100%;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;    
}

html *{
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   font-family: var(--base-font-family);
}   

body {
   background-color: var(--bg-color);
   color: var(--base-font-color);
   font-family: var(--base-font-family);
   font-size: var(--base-font-size);
   margin: 0;
   padding: 0;
}


body.scroll-lock{
   height: 100vh;
   overflow-y: hidden;   
}




p, ul, ul li{
   margin: 0;
   padding: 0;
}

/* Anchor links */
a, a:link, a:hover, a:visited, .fakeLink{
   color: var(--color-primary);
   text-decoration: none;
   cursor: pointer;
}

.underline-hover{
   cursor: pointer;
}

a:hover, .fakeLink:hover, .underline-hover:hover {
   text-decoration: underline;
}

table {
   border: none;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
   text-align: left;
   width: 100%;
}
table.striped tr:nth-of-type(2n) {
   background-color: var(--bg-secondary-color);
}
td,
th {
   padding: 1.2rem 0.4rem;
   vertical-align: middle;
}
thead {
   border-bottom: 2px solid var(--color-lightGrey);
}
tfoot {
   border-top: 2px solid var(--color-lightGrey);
}


p, ul li, ul lh{
   font-size: 1.15rem;
   line-height: 1.2;   
   color: #000;   
}
main:not(.is-static) p, main:not(.is-static) ul li, main:not(.is-static) ul lh{
   font-size: clamp(1.15rem, 1.0731rem + 0.3077vw, 1.3rem);
   line-height: 1.36;
}


main:not(.is-static) p:not(.is-custom), main:not(.is-static) ul:not(.is-custom), main:not(.is-static) figure:not(.is-custom){
   margin-bottom: var(--d-mb); 
}





img {
   max-width: 100%;
   height: auto;
   border-style: none;
}



main, header, footer{
   width: 100%;
}



main{

}

section, nav{
   margin-bottom: clamp(1.5rem, 2vw, 3.5rem);
}

main section{
   margin-bottom: clamp(2.5rem, 6vw, 4rem);
}







.star-icon {
    color: #ddd;
    position: relative;
}
.star-icon.full:before {
    color: #FF6600; /*orange by default*/
    content: '\2605'; /* Full star in UTF8 */
    position: absolute;
    left: 0;
 }
 .star-icon.half:before {
    color: #FF6600;
    content: '\2605'; /* Full star in UTF8 */
    position: absolute;
    left: 0;
    width: 50%;
    overflow: hidden;
}


.tag{
   border-radius: 4px;
   font-size: smaller;
   line-height: unset;
   padding: 4px;
   line-height: 18px;
   display: inline-flex;
}

.tag.tag-starred{
   color: #0067ce;
   background: #F5F9FD;
}

.tag.tag-trending{
   color: #38755b; /* Darker green text color */
   background: #E3EFE3;
}


.tag.tag-starred::before {
   content: url('https://icongr.am/material/check.svg?color=0067ce&size=16');
   margin-right: 0.3em;
   height: 16px;

}

.tag.tag-trending::before {
   content: url('https://icongr.am/material/chart-line-variant.svg?color=38755b&size=16');
   margin-right: 0.3em;
   height: 16px;
}


.tag.tag-verified-customer{
   color:white;
   background:#47a347;   
}
/* cyrillic-ext */
@font-face {
  font-family: 'RobotoDraft';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDYZGBLgJnUjLre-wxFG1W-E7c9YRHR.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'RobotoDraft';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDYZGBLgJnUjLre-wxFG1W-E749YRHR.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'RobotoDraft';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDYZGBLgJnUjLre-wxFG1W-E7Y9YRHR.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'RobotoDraft';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDYZGBLgJnUjLre-wxFG1W-E7k9YRHR.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'RobotoDraft';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDYZGBLgJnUjLre-wxFG1W-E7U9YRHR.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'RobotoDraft';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDYZGBLgJnUjLre-wxFG1W-E7Q9YRHR.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'RobotoDraft';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDYZGBLgJnUjLre-wxFG1W-E7o9YQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'RobotoDraft';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDFZGBLgJnUjLre-wxFG1W-G0kedCPwsxYl.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'RobotoDraft';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDFZGBLgJnUjLre-wxFG1W-G0kedCrwsxYl.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'RobotoDraft';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDFZGBLgJnUjLre-wxFG1W-G0kedCLwsxYl.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'RobotoDraft';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDFZGBLgJnUjLre-wxFG1W-G0kedC3wsxYl.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'RobotoDraft';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDFZGBLgJnUjLre-wxFG1W-G0kedCHwsxYl.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'RobotoDraft';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDFZGBLgJnUjLre-wxFG1W-G0kedCDwsxYl.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'RobotoDraft';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDFZGBLgJnUjLre-wxFG1W-G0kedC7wsw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'RobotoDraft';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDaZGBLgJnUjLre-wxFG1W2I7glZQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'RobotoDraft';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDaZGBLgJnUjLre-wxFG1W_I7glZQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'RobotoDraft';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDaZGBLgJnUjLre-wxFG1W3I7glZQ.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'RobotoDraft';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDaZGBLgJnUjLre-wxFG1W4I7glZQ.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'RobotoDraft';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDaZGBLgJnUjLre-wxFG1W0I7glZQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'RobotoDraft';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDaZGBLgJnUjLre-wxFG1W1I7glZQ.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'RobotoDraft';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDaZGBLgJnUjLre-wxFG1W7I7g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'RobotoDraft';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDHZGBLgJnUjLre-wxFG11IAK0XRCzotw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'RobotoDraft';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDHZGBLgJnUjLre-wxFG11IAK0eRCzotw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'RobotoDraft';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDHZGBLgJnUjLre-wxFG11IAK0WRCzotw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'RobotoDraft';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDHZGBLgJnUjLre-wxFG11IAK0ZRCzotw.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'RobotoDraft';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDHZGBLgJnUjLre-wxFG11IAK0VRCzotw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'RobotoDraft';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDHZGBLgJnUjLre-wxFG11IAK0URCzotw.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'RobotoDraft';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDHZGBLgJnUjLre-wxFG11IAK0aRCw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'RobotoDraft';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDHZGBLgJnUjLre-wxFG10ABq0XRCzotw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'RobotoDraft';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDHZGBLgJnUjLre-wxFG10ABq0eRCzotw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'RobotoDraft';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDHZGBLgJnUjLre-wxFG10ABq0WRCzotw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'RobotoDraft';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDHZGBLgJnUjLre-wxFG10ABq0ZRCzotw.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'RobotoDraft';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDHZGBLgJnUjLre-wxFG10ABq0VRCzotw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'RobotoDraft';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDHZGBLgJnUjLre-wxFG10ABq0URCzotw.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'RobotoDraft';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotodraft/v17/2sDHZGBLgJnUjLre-wxFG10ABq0aRCw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
h1,h2,h3,h4,h5,h6 {
   font-weight: 500;
   margin: 0;
   padding: 0;
}
h1{
   margin-bottom: 2rem;
}
h2{
   font-size: 1.65rem;
   margin-bottom: 1.5rem;
}
h3{
   margin-bottom: 1rem;
}
h4, h5, h6{
   margin-bottom: 0.75rem;
}


/*
   Spacing and sizes are dynamic when we're within a main
   unless static is specified.

   Font-sizes are calculated. Then margins are applied with em, which is relative to
   the element's font-size. 
*/
main:not(.is-static) h1{
   font-size: clamp(1.75rem, 3.5vw, 2.1rem);   
}

main:not(.is-static) h2{
   font-size: clamp(1.5rem, 3vw, 1.8rem);
}

main:not(.is-static) h3{
   font-size: clamp(1.3rem, 2.6vw, 1.6em);
}

main:not(.is-static) h4{
   font-size: clamp(1.2rem, 2.3vw, 1.5em);
}


main:not(.is-static) :is(h4, h5, h6){

}

main:not(.is-static) :is(h1, h2, h3, h4, h5, h6){
   margin-bottom: var(--d-mb);
}


/* margin comes from the meta if it's present */
main:not(.is-static) :is(h1.has-meta, h2.has-meta, h3.has-meta, h4.has-meta, h5.has-meta, h6.has-meta) {
   margin-bottom: 0;
 }
 



h1 + .is-heading-meta {
   margin-top: 0.32rem;
}





/*
   A header group includes a header with some related content.
   These typically want less space under the header.
*/
hgroup h1, hgroup h2, hgroup h3, hgroup h4, hgroup h5, hgroup h6{   
}



main:not(.is-static) p .is-headline{
   font-size: 1.05em; 
}

/* Default styling for headlines */
main:not(.is-static) p .is-headline, main:not(.is-static) p .is-headline-group {
   display: block;
   margin-bottom: var(--d-mb); /* Default margin */
}

/* Styling for headlines inside a headline group */
main:not(.is-static) p .is-headline-group .is-headline {
   margin-bottom: calc(var(--d-mb) * 0.5); /* Reduced margin inside a headline group */
}

/* Styling for headlines inside a headline group and followed by a span */
main:not(.is-static) p .is-headline-group .is-headline + span {
   margin-bottom: calc(var(--d-mb) * 0.25); /* Even smaller margin if followed by a <span> */
}

/* Styling for the trailing <span> that follows a headline */
p .is-headline + span {
   display: block;
   font-size: smaller;
}



.fsize-12-14.dy{
   font-size: clamp(12px, calc((2 * (100vw - 600px) / 600) + 12px), 14px);
}


.fsize-14-16.dy{
   font-size: clamp(14px, calc((2 * (100vw - 600px) / 600) + 14px), 16px);
}



/* backwards support for font sizes */
.fsize-20{
   font-size: 20px;
}
.fsize-24{
   font-size: 24px;
}

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

.text-default {
   color: var(--text-default);
 }
 
 
 .text-secondary {
   color: var(--text-secondary);
 }
 
 .text-muted {
   color: var(--text-muted);
 }
 
 .text-light {
   color: var(--text-light);
 }
 
a.is-button{
   color: unset;
   text-decoration: unset;
   border:unset;
}

.is-button,
[type=button],
[type=reset],
[type=submit],
button,
a.is-button {
   height: 32px;
   line-height: 32px;
   background: white;
   border: none;
   border-radius: var(--btn-border-radius);
   color: black;
   cursor: pointer;
   display: inline-block;
   padding: 0 1rem;
   text-align: center;
   text-decoration: none;
   -webkit-transform: scale(1);
   transform: scale(1);
   -webkit-transition: opacity .2s ease;
   transition: opacity .2s ease;
   font-weight: 500;
   font-size: 1.15rem;
   white-space: nowrap; /* Prevent text from wrapping */
   overflow: hidden;    /* Hide any overflow if the text is too long */
   text-overflow: ellipsis; /* Adds ellipsis if text overflows */      
}






.is-button:hover,
[type=button]:hover,
[type=reset]:hover,
[type=submit]:hover,
button:hover {
   opacity: .8;
   -moz-box-shadow: unset;
   -webkit-box-shadow: unset;
   box-shadow: unset;   
}



button.button-is-medium, a.is-button.button-is-medium{
   height: 36px;
   line-height: 36px;
}


button.button-is-large, a.is-button.button-is-large{
   height: 48px;
   line-height: 48px;
}








.btn-alt{
   background: black;
   color: white;
}

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


button.is-clear,
.is-button.is-clear{
   background: none;
   color: unset;
   padding: unset;
   box-shadow: none;
   -webkit-box-shadow: none;
}

button.is-clear:hover,
.is-button.is-clear:hover{
   opacity: initial;
   box-shadow: none;
   -webkit-box-shadow: none;   
}




button.is-rounded-xtra{
   border-radius: calc(var(--btn-border-radius) * 2);
}


.is-button.button-is-link,
[type=button].button-is-link,
[type=reset].button-is-link,
[type=submit].button-is-link,
button.button-is-link{
   color: var(--color-primary);
   padding-left: 0;
   padding-right: 0;
   background: none;
}


a.is-button[data-look='outline'], button[data-look='outline']{
   border: 1px solid;
}

a.is-button[data-look='outline']:hover, button[data-look='outline']:hover{
   background: #F1F1F1;
}


a.is-button[data-pill='small'], button[data-pill='small']{
   padding: 8px 16px;
   border-radius: 16px;
   line-height: unset; 
}

a.is-button[data-pill='xsmall'], button[data-pill='xsmall']{
   padding: 4px 8px;
   border-radius: 8px;
   line-height: unset; 
}

/* Good for buttons at the end of a list */
.button-align-left{
   padding-left: 0;
}
header#header-page{
   background: var(--color-primary);
   overflow: hidden;
   height: 64px;
   position: relative;
}

header#header-page nav{
   height: 100%;
   padding: 0 8px;
}

header#header-page a{
   color: white;
   text-decoration: none;
}

header#header-page a[data-component='logo']{
   padding: 12px 0;
   height: 100%;
   float: left;
   margin-right: 8px
}

header#header-page [data-component='logo'] img{
   height:100%;
}

header#header-page ul{
   overflow-x: hidden;
   text-wrap: nowrap;
}

header#header-page ul li{
   line-height: 64px;
   margin: unset;

border-left: 1px solid #0067ce;
    border-right: 1px solid #0067ce;
    text-align: center;  
}

header#header-page ul li a{
  padding-left: clamp(12px, calc(1vw + 8px), 24px);
  padding-right: clamp(12px, calc(1vw + 8px), 24px);   
   }


header#header-page ul li:hover{
    background: #0061c1;
    border-color: #0076ec;   
}


@media (max-width: 600px){
   header#header-page{
      height: 48px;
   }
   header#header-page ul li{
      line-height: 48px;
   }
   header#header-page a{
      font-weight: bold;
      text-transform: uppercase;
   }
   header#header-page ul{
      overflow-x:auto;
   }            
}






footer#footer-page{

}


footer nav{

}



footer#footer-page{
  background: #222;
  padding: 30px 0;
  font-size: 12px;
}

#footer-page .centered {
  max-width: 1000px;
  margin: 0 auto;
}

#footer-page .row1 {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #333;
  display: flex;
}

#footer-page .row1 .col1 {
  width: 34%;
}

#footer-page .row1 .col2 {
       border-left: 1px solid #333;
  width: 66%;
}

#footer-page .row1 .col2 .inner-wrapper {
  padding-left: 30px;
}

#footer-page nav ul {
  width: 25%;
  float: left;
  list-style-type: none;
  padding: 0;
  margin: 0;
}


@media (max-width: 800px) {
   #footer-page nav ul{
      width: 50%;
      margin-bottom: 24px;
   }    
}


@media (max-width: 600px) {
   #footer-page .row1{
      display: block;
   }
   #footer-page .row1 .col2, #footer-page .row1 .col1{
      width: 100%;
      border: none;
   }
   #footer-page .row1 .col1{
      display: none;
   }
   #footer-page .row1{
      padding-bottom: 0;
   }
   
}




#footer-page nav li {
  color: #444;
  margin-bottom: 15px;
}

#footer-page nav li a {
  color: #666;
  font-weight: bold;
  text-decoration: none;
}

#footer-page nav li a:hover {
  color: #999;
}

#footer-page p {
  padding: 0;
  margin: 0;
  line-height: 1.2;
  color: #666;
  text-align: center;
  font-size: inherit;
}

#footer-page .color-header {
  color: #444;
}

/* Additional styles for mobile app section */
#footer-page .mobile-apps {
  margin-bottom: 20px;
}

#footer-page .mobile-apps .app-icon {
  position: relative;
  padding-left: 80px;
  margin-bottom: 20px;
  color: white;
}

#footer-page .mobile-apps .app-icon img {
  position: absolute;
  left: 0;
  top: 0;
}

#footer-page .mobile-apps .app-title {
  font-size: 20px;
  margin-bottom: 5px;
}

#footer-page .mobile-apps .app-stores img {
  height: 40px;
  margin-right: 15px;
}





section.hero{
   margin: 0;   
   background-size: cover;
   height: 24vw; /* Sets the height to 30% of the viewport width */
   min-height: 120px; /* Ensures the height does not go below 120px */
   max-height: 280px; /* Ensures the height does not exceed 400px */
   display: flex;
   justify-content: center;
   align-items: center;
   position:relative;
   color:white;
   flex-direction: column;   
}

.has-mask{
   position: relative;
}
.hero::before, .has-mask::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(0, 0, 0, 0.6); /* Black overlay with 50% opacity */
   z-index: 1; /* Ensures the overlay is above the background image but below any content */
}

/* reduce spacing for title sections */
main section[data-component="title"]{
   margin-bottom: var(--spacing-bottom);
}

[data-component="title"]{
   margin-top: var(--spacing-bottom);   
}

[data-component="title"] [data-role="breadcrumbs"]{
   margin-bottom: var(--spacing-bottom);
}

[data-component="title"] [data-role="breadcrumbs"] li{
   display: inline-block;
   margin: unset;
}

[data-component="title"] [data-role="breadcrumbs"],
[data-component="title"] [data-role="breadcrumbs"] a,
[data-component="title"] [data-role="breadcrumbs"] span {
   color: var(--text-muted);
}


section.hero .breadcrumbs{
   font-size: 1em;
   margin-bottom: 1em;
}

.breadcrumbs .list-row li{
   margin: unset;
}


.hero h1{
   font-size: clamp(1.5rem, 5vw, 3.5rem);
   color:white; 
   font-weight: bold;
   text-align: center;
   max-width: 740px;
   padding-left: 32px;
   padding-right: 32px;
}
.hero *{
   z-index: 2;
}
.hero a{
   color: white;
}



.breadcrumbs li{
   display: inline;
}





/* A skeleton is a placeholder while content is loading */
@keyframes pulse {
   0% {
     opacity: 1;
   }
   50% {
     opacity: 0.5;
   }
   100% {
     opacity: 1;
   }
 }

 
 .skeleton .sk-block,  .skeleton .sk-raw {
   background: #E9E9E9;
   animation: pulse 1.5s ease-in-out infinite;
 }
 
 .skeleton .sk-block {
   margin-bottom: 10px;
   height: 20px;
   border-radius: 4px;
 }
 
 .skeleton .sk-block:last-of-type {
   margin-bottom: 0;
 }


/* Fullscreen overlay */
.page-blocker {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(255, 255, 255, 0.85);
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 9999;
 }
 

/* Reusable loading indicator component */
.loading-indicator {
   display: flex;
   flex-direction: column;        /* Make spinner and message stack vertically */
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 100%;
   position: relative;
}

/* Spinner */
.loading-indicator::before {
   content: "";
   width: 30px;
   height: 30px;
   border: 4px solid #ccc;        /* Outer circle color */
   border-top: 4px solid #0067ce; /* Spinner color */
   border-radius: 50%;
   animation: spin 1s linear infinite;
}

/* Message under spinner */
.loading-message {
   font-size: 2rem;
   color: #333;
   font-weight: 500;
   text-align: center;
   margin-top: 16px;              /* Spacing below spinner */
}



/* Spinner animation */
@keyframes spin {
   0% {
      transform: rotate(0deg);
   }
   100% {
      transform: rotate(360deg);
   }
}


.ht-widget {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 20px;
   box-sizing: border-box;
   background: #F8F8F8;
   border-radius: 8px;
   margin: 40px 4px;
   border: 1px solid #E5E5E5;
 }
 
 .ht-widget-header {
   margin-bottom: 12px;
   text-align: center;
   font-size: 24px;
 }
 
 .ht-widget p:not(.ht-widget-header) {
   margin-bottom: 24px;
   text-align: center;
 }
 

 .ht-widget-buttons {
   display: flex;
   justify-content: center;
   gap: 16px; /* space between buttons */
 }
 


 .ht-widget button {
   border-radius: 24px;
   width: 80px;
   line-height: 36px;
   height: 36px;
   border: 1px solid #e5e5e5;
   transition: background 0.25s, color 0.25s, box-shadow 0.25s, transform 0.2s;
 }
 
 /* Example hover effect: subtle scale and shadow */
 .ht-widget button:hover, .ht-widget button:focus {
   background: #000000;
   color: #FFF;
   box-shadow: 0 2px 8px rgba(0,0,0,0.07);
   transform: scale(1.07);
 }
 
:root{
   --preview-hero-height: 270px;   
}

.card{
   background: white;
   border-radius: 8px;
   padding: 12px;
   position: relative;
   cursor: pointer;
}

.card.card-static{
   cursor: unset;
}

.slide .card{
   display: block;
}

a.card{
   color: black;
   text-decoration: none;
}

.card-inner{
   position: relative;
   height:100%;
   width: 100%;
}

.card.card-alt{
   background: #F8F8F8;
}

.card:not(.card-static).card-alt:hover{
   background: #F1F1F1;
}

a.card:not(.card-static).card-alt:hover, .card[class^="go-to"]:not(.card-static):hover{
   scale: 0.99;
}

.card.card-alt button, .card.card-alt .is-button{
   color: white;
   background: black;
   border-radius: var(--border-radius-lg);
}

.card[data-cdtheme='event'].card-alt button,
.card[data-cdtheme='event'].card-alt .is-button{
   color: white;
   background: #0067CE;
   border-radius: var(--border-radius-lg);
}


.card[data-cdtheme='header']{
   align-items: unset;
   height: 150px;
}



.card[data-cdtheme='preview']{
   align-items: unset;
   height: 180px;
}


.card[data-cdtheme='event']{
   align-items: unset;
   height: 120px;
}

.card[data-cdtheme='information']{
   align-items: unset;
   height: 120px;
}





/*
   This card has the layout of hero image,
   header, preview content, footer. It assumes that you are showing a little
   content and will have a cta for the user to see more.
   The card has a fixed height and clamps the preview content.   
*/
.card[data-cdtheme='preview+hero']{
   align-items: unset;
   height: var(--preview-hero-height);
}

.card[data-cdtheme='event'] .card-inner  > *:not(figure)
.card[data-cdtheme='preview+hero'] .card-inner  > *:not(figure){
   padding: 0 4px; /*small indentation for better readability*/
}

.card[data-cdtheme='preview+hero'] figure{
   border-radius: 8px;
   overflow:hidden;
   width: 100%;
   height: auto;
   margin-bottom: 0.75rem;
}

.card[data-cdtheme='preview+hero'] figure img {
   width: 100%;
   height: 100%;
   aspect-ratio: 13/7;
   transition: transform 0.5s ease;
   object-fit: cover; /* Ensure the image covers the area without distortion */
   border-radius: 8px;
   min-height: 72px;
   max-height: 108px;
   filter: brightness(0.8);
}

.slider[data-slides='1'] .card[data-cdtheme='preview+hero'] figure img{
   height: 40vw;
   min-height: 90px;
   max-height: 128px;
}

.card[data-cdtheme='event'] header,
.card[data-cdtheme='preview+hero'] header  :is(h1, h2, h3, h4, h5, h6),
.card[data-cdtheme='preview'] header  :is(h1, h2, h3, h4, h5, h6){
   margin-bottom: 0;
   font-size: clamp(1.32rem, 1.32rem + 0.05vw, 1.48rem);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-weight: 500;   
}

.card[data-cdtheme='preview+hero'] header[data-long='true']  :is(h1, h2, h3, h4, h5, h6){
   font-size: clamp(1.16rem, 1.20rem + 0.05vw, 1.32rem);
}

.card[data-cdtheme='preview+hero'] header,
.card[data-cdtheme='event'] header{
   margin-bottom: 0.5rem;
}

.card[data-cdtheme='event'] header{
   margin-bottom: 0.25rem;
}

.card[data-cdtheme='event'] time{
   margin-bottom: 0.4em;
   display: block;
   font-size: 1.04rem;
}





.card[data-cdtheme='event'] p,
.card[data-cdtheme='preview+hero'] p,
.card[data-cdtheme='preview'] p{
   font-size: small;
   margin-bottom: 0;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   white-space: unset;
   line-height: 1.2; 
   overflow: hidden;
   text-overflow: ellipsis;  
}
.card[data-cdtheme='event'] p{
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.card[data-cdtheme='event'] footer,
.card[data-cdtheme='preview+hero'] footer,
.card[data-cdtheme='preview'] footer,
.card[data-cdtheme='header'] footer{
   position: absolute;
 bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.card[data-cdtheme='preview+hero'] footer .aside,
.card[data-cdtheme='event'] footer .aside{
  flex-grow: 1;
  align-self: flex-start;
}
.card[data-cdtheme='event'] footer .aside{
   line-height: 36px;
}

.card[data-cdtheme='preview+hero'] footer button, 
.card[data-cdtheme='preview+hero'] footer .is-button, 
.card[data-cdtheme='preview'] footer button, 
.card[data-cdtheme='preview'] footer .is-button, 
.card[data-cdtheme='header'] footer button, 
.card[data-cdtheme='header'] footer .is-button, 
.card[data-cdtheme='event'] footer button, 
.card[data-cdtheme='event'] footer .is-button {
   margin-left: auto;
   font-size: clamp(12px, 1.6vw, 15px);
   height: clamp(32px, 3vw, 36px);
   line-height: clamp(32px, 3vw, 36px);
}


.card img{
   border-radius: 8px;
}


/*
   This card is just a hero image with some content
   on top.
*/
.card[data-cdtheme='hero']{
   color: white;
}

.card[data-cdtheme='hero'] figure{
}

.card[data-cdtheme='hero'] .mask{
}






.card[data-cdtheme='event'] .aside.tag{
   border-radius: 4px;
   font-size: smaller;
   line-height: unset;
   flex-grow: unset;
   display: flex;
   position: absolute;
   left: 0;
   bottom: 0;
   padding: 4px;
   line-height: 16px;
}

.card[data-cdtheme='event'] .aside.tag.tag-starred{
   color: #0067ce;
   background: #0067ce0a;
}

.card[data-cdtheme='event'] .aside.tag.tag-trending{
   color: #38755b; /* Darker green text color */
   background: #b1e7b138;
}


.card[data-cdtheme='event'] .aside.tag.tag-starred::before {
   content: url('https://icongr.am/material/check.svg?color=0067ce&size=16');
   margin-right: 0.3em;
}

.card[data-cdtheme='event'] .aside.tag.tag-trending::before {
   content: url('https://icongr.am/material/chart-line-variant.svg?color=38755b&size=16');
   margin-right: 0.3em;
}


/* No ellipsis */
.card[data-cdtheme='event']:not(:has(p)) header{
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   white-space: unset;
   overflow: hidden;
   text-overflow: ellipsis; 
}

@media (max-width: 599px){
   .card[data-cdtheme='event'] header{
      font-size: 1.20rem;
   }

   .card[data-cdtheme='event'] {
      height: 108px;
  }
  .card[data-cdtheme='event'] .aside.tag {
     padding: 2px 4px;
  }  
  .card[data-cdtheme='event'] p{
   font-size: 1.04rem;   
   } 
}





/* 
This style has an image at the top, a header and a CTA
*/
.card[data-cdtheme='showcase']{
   padding: 0;
}


.card[data-cdtheme='showcase'] figure{
   position: relative;
   border-radius: 8px;
   overflow: hidden;
   width: 100%;
   height: auto;
   margin-bottom: 0.4em;
   line-height: 1;    
}
.card[data-cdtheme='showcase'] figure .is-mask{
   position: absolute;
   z-index: 4;
   background: rgb(0 0 0 / 70%);
   color: white;
   text-align: center;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 500;
   font-size: clamp(0.5rem, 2vw, 1.3rem);
   padding: 8px;
}
.card[data-cdtheme='showcase'] figure img{
   width: 100%;
   height: 100%;
   aspect-ratio: 13/7;
   transition: transform 0.5s ease;
   object-fit: cover; /* Ensure the image covers the area without distortion */
   border-radius: 8px;
   min-height: 72px;
   filter: brightness(0.8);   
}


.card[data-cdtheme='showcase'] figure img:hover{
   transform: scale(1.1);
}

.card[data-cdtheme='showcase'] header{
   font-weight: bold;
   font-size: clamp(0.8rem, 2vw, 1.3em);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   line-height: 1;
}

.card[data-cdtheme='showcase'] header + footer {
   margin-top: 0.2em; /* Ensures spacing after header */
}

.card[data-cdtheme='showcase'] footer{
   font-size: small;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;   
}



.card[data-cdtheme='information'] [slot="header"]{
   font-weight: bold;
   font-size: 18px;
   margin-bottom: 12px;
   display: block;
}

.card[data-cdtheme='information'] [slot="header"].has-icon{
   padding-left: 28px;
}
.card[data-cdtheme='information'] [slot="header"].has-icon::before{
   height: 20px;
   width: 20px;
   opacity: 0.8; /*reduce intensity*/
}

.card[data-cdtheme='information'] p{

   margin-bottom: 0;
}









/* Zone */
.card[data-model='zone'] {

}

.card[data-model='zone'] header {
   font-weight: bold;
   font-size: 18px;
   margin-bottom: 16px;
}



.card.is-preview:hover {
   transform: scale(.99);
}


.card.is-preview,
.card.is-preview-open {
   transition: transform 0.3s ease, opacity 0.3s ease;
}

.card.is-preview {
   transform: scale(1); /* Default state */
   opacity: 1;
}



.card[data-model='zone'], .card[data-model='review'], .card[data-model='seatRating'], .card[data-model='question']{
   max-width: 768px;
}





.card[data-model='zone'].is-preview [data-kind='content']{
   margin-bottom: 0;
   display: -webkit-box;
   -webkit-line-clamp: 3; /*hack to work with inline-block; will dbl to 6*/
   -webkit-box-orient: vertical;
   white-space: unset;
   overflow: hidden;
   text-overflow: ellipsis;   
}

.card[data-model='zone'].is-preview [data-kind='content'] p, .card[data-model='zone'].is-preview [data-kind='content'] ul{
   display: inline-block;
}

.card[data-model='review'].is-preview [data-kind='review']{
   margin-bottom: 0;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   white-space: unset;
   overflow: hidden;
   text-overflow: ellipsis;
   
}


.card[data-model='zone'].is-preview, .card[data-model='review'].is-preview, .card[data-model='seatRating'].is-preview, .card[data-model='question'].is-preview {
   position: relative;
   padding-bottom: 48px;
}


.card[data-model='zone'].is-preview:after, .card[data-model='review'].is-preview:after, .card[data-model='seatRating'].is-preview:after, .card[data-model='question'].is-preview:after{
   position: absolute;
   content: "Read More";
   bottom: 16px;
   right: 16px;
   font-size: 14px;
   font-weight: 500;
}

.card[data-model='zone'].is-preview-open:after, .card[data-model='review'].is-preview-open:after, .card[data-model='seatRating'].is-preview-open:after, .card[data-model='question'].is-preview-open:after{
   position: absolute;
   content: "Read less";
   bottom: 16px;
   right: 16px;
   font-size: 14px;
   font-weight: 500;
}



/* Review */
.card[data-model='review'] {

}

.card[data-model='review'] header {

}

.card[data-model='review'] [data-kind='content']{

}

.card[data-model='review'].is-preview [data-kind='content']{
   margin-bottom: 0;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   white-space: unset;
   overflow: hidden;
   text-overflow: ellipsis;
}

.card[data-model='review'] [data-kind='date'] {

}

/* SeatRating */
.card[data-model='seatRating'] {

}

.card[data-model='seatRating'] header {
   margin-bottom: 8px;
}

.card[data-model='seatRating'] header [data-kind='stars'] {
   font-size: 18px;
   margin-bottom: 8px;   
}

.card[data-model='seatRating'] header [data-kind='caption'], .card[data-model='review'] header [data-kind='caption'], .card[data-model='question'] header [data-kind='question']{
   font-size: 16px;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   line-height: 1.2;
   overflow: hidden;
   text-overflow: ellipsis;
   position: relative;
   font-weight: 500;
}

.card[data-model='seatRating'] [data-kind='seats']{
   font-size: 13px;
}

.card[data-model='seatRating'] [data-kind='metadesc']{

}


.card[data-model='seatRating'].is-preview [data-kind='review']{
   display: none;
}


.card[data-model='seatRating'].is-preview-open [data-kind='review']{
   margin-top: 16px;
}



.card[data-model='seatRating'].is-preview [data-kind='date'] {
   display: none;
}

/* Question */
.card[data-model='question'] {

}

.card[data-model='question'] header {

}

.card[data-model='question'] [data-kind='answer'] {

}



.card[data-model='question'] [data-kind='date'] {

}


.card[data-model='question'].is-preview [data-kind='answer'], .card[data-model='question'].is-preview [data-kind='date']{
   display: none;
}


.card[data-cdtheme='ticket-plain']{
   border: 1px solid #CCC;
   border-radius: 8px;
   height: 216px;
}


.card[data-cdtheme='ticket-plain'] .price{
   font-size: 28px;
   color: #0067CE;
   line-height: 56px;
}

.card[data-cdtheme='ticket-plain'] li{
text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
}


.card[data-cdtheme='ticket-plain'] [data-kind='attributes'] li{
   font-size: 14px;
}

.card[data-cdtheme='ticket-plain'] [data-kind='features'] li{
   font-weight: bold;
   font-size: 15px;
}




.pos-rel{
   position: relative;
}
.pos-rel.pos-imp{
   position: relative !important;
}


.pos-abs{
   position: absolute;
}

.pos-abs.pos-imp{
   position: absolute !important;
}

.pos-sticky{
   position: fixed;
   top: 0;
   width: 100%; /* or adjust as necessary */
   z-index: 1000;   
}

/* Custom utility classes for margin */
.m-1 {
   margin: 0.5rem;
}
.m-2 {
   margin: 1rem;
}
.m-3 {
   margin: 1.5rem;
}
/* Margin for individual sides */
.mt-1 { margin-top: 0.5rem; }
.mt-2 { margin-top: 1rem; }
.mt-3 { margin-top: 1.5rem; }

.mb-1 { margin-bottom: 0.5rem; }
.mb-2 { margin-bottom: 1rem; }
.mb-3 { margin-bottom: 1.5rem; }
.mb-4 { margin-bottom: 2rem; }

.ml-1 { margin-left: 0.5rem; }
.ml-2 { margin-left: 1rem; }
.ml-3 { margin-left: 1.5rem; }

.mr-1 { margin-right: 0.5rem; }
.mr-2 { margin-right: 1rem; }
.mr-3 { margin-right: 1.5rem; }




/* Custom utility classes for padding */
.p-1 {
   padding: 0.5rem;
}
.p-2 {
   padding: 1rem;
}
.p-3 {
   padding: 1.5rem;
}
/* Padding for individual sides */
.pt-1 { padding-top: 0.5rem; }
.pt-2 { padding-top: 1rem; }
.pt-3 { padding-top: 1.5rem; }

.pb-1 { padding-bottom: 0.5rem; }
.pb-2 { padding-bottom: 1rem; }
.pb-3 { padding-bottom: 1.5rem; }

.pl-1 { padding-left: 0.5rem; }
.pl-2 { padding-left: 1rem; }
.pl-3 { padding-left: 1.5rem; }

.pr-1 { padding-right: 0.5rem; }
.pr-2 { padding-right: 1rem; }
.pr-3 { padding-right: 1.5rem; }


.ell{

}

.fl-left{
   float: left !important;
}
.fl-right{
   float: right !important;
}


.autoflow{
   overflow: auto !important;
}


.text-white{
   color: white;
}

/* Ellipsis Overflow */
.text-ell {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

.text-ell[data-lines="1"]{
   max-width: 100%;
}

/* Used to "wrap" links around content that shouldn't be linked (div, li, etc.) */

.link-spanner{
   position:absolute;
   width:100%;
   height:100%;
   top:0;
   left:0;
   z-index:1;
}

.is-hidden, .is-collapsed{
   display: none;
}

.has-shadow, .on-hover-shadow:hover {
   -webkit-box-shadow: var(--box-shadow-default);
   -moz-box-shadow: var(--box-shadow-default);
   box-shadow: var(--box-shadow-default);
}

.has-border {
   border: var(--border-default);
}

/* Zoom effect on hover */
.on-hover-zoom-img{
   overflow:hidden;
}
.on-hover-zoom-img img{
   transition: transform 0.5s ease;
   opacity: 0.97;
}

.on-hover-zoom-img:hover img{
   transform: scale(1.1);
   opacity: 1;
}




/* 
   Base class to enable horizontal scrolling with hidden vertical scrolling.
   Ensures content remains in a single line using `white-space: nowrap`.
*/
.has-scroll-x {
   overflow-y: hidden; /* Hides vertical scrolling */
   overflow-x: auto; /* Enables horizontal scrolling */
   white-space: nowrap; /* Prevents content wrapping to a new line */
}

.has-scroll-x-touch{

}


/* 
   Media query targeting touch devices (pointer: coarse).
   Hides scrollbars while retaining scrolling functionality for touch devices.
*/
@media (pointer: coarse)
{
   .has-scroll-x-touch{
      overflow-y: hidden; /* Hides vertical scrolling */
      overflow-x: auto; /* Enables horizontal scrolling */
      white-space: nowrap; /* Prevents content wrapping to a new line */   
   }

   .has-scroll-x, .has-scroll-x-touch {
      scrollbar-width: none; /* Hides scrollbars in Firefox */
      -ms-overflow-style: none; /* Hides scrollbars in IE and Edge */
   }

   .has-scroll-x::-webkit-scrollbar, .has-scroll-x-touch::-webkit-scrollbar {
      display: none; /* Hides scrollbars in Chrome, Safari, and Edge */
   }
}




/* General Styles for Tabs Container */
.rys_tabs .tab-item{
   list-style-type: none;
   margin: 0;
   padding: 0;
   background: #fff;
   position: relative;
   z-index: 10;
   cursor: pointer;
   color: #555;
}
.rys_tabs .tab-item:hover{
   color: #00468c;
}

/* Horizontal Tabs (default) */
.rys_tabs.tabs-h .tab-items{
   display: flex;
   flex-direction: row;
   border-bottom: 1px solid #ddd;
   margin-bottom: 0;
}

.rys_tabs.tabs-h .tab-item {
   padding: 10px 20px;
   cursor: pointer;
   
   font-weight: 500;
   transition: color 0.3s ease, border-bottom 0.3s ease, font-weight 0.3s ease;
}

.rys_tabs.tabs-h .tab-item.is-selected {
   border-bottom: 2px solid #0067ce;
   color: #0067ce;
   font-weight: bold;
}

/* Vertical Tabs */
.rys_tabs.tabs-v {
   display: flex;
   flex-direction: column;
   border-right: 1px solid #ddd;
}

.rys_tabs.tabs-v .tab-item {
   padding: 10px 20px;
   cursor: pointer;
   color: #555;
   font-weight: 500;
   transition: color 0.3s ease, border-right 0.3s ease, font-weight 0.3s ease;
   border-bottom: none;
}

.rys_tabs.tabs-v .tab-item.is-selected {
   border-right: 2px solid #0067ce;
   color: #0067ce;
   font-weight: bold;
}

/* Tab Panels */
.rys_tabs .tab-panel {
   display: none;
}

.rys_tabs .tab-panel.is-active {
   display: block;
}


/* reset styles */
figure{
   margin: 0;
   padding: 0;
   display: block;
}

figure figcaption {
   padding: calc(var(--spacing) * 0.5);
   color: var(--color-muted);
   font-weight: 500;
}

figure.caption-overlay{
   position: relative;
}

figure.caption-overlay figcaption{
   position: absolute;
   background: rgba(0, 0, 0, 0.6);
   color: white;
}

figure.caption-overlay figcaption[data-position="sw"]{
   bottom: 0;
   left: 0;
}

figure.caption-overlay figcaption[data-position="nw"]{
   top: 0;
   left: 0;
}

figure figcaption[data-position="under"]{

}
:root{
   --grid-gutter: 2rem;
}

.container{
   width: 100%;
   max-width: var(--page-max-width);
   margin: 0px auto;
   overflow: hidden;
   padding: 0 clamp(12px, 12px, 16px);
}


.row.row-col-responsive {
    display: flex;
    flex-wrap: nowrap; /* Prevents wrapping of columns */
    gap: 4vw; /* Fixed gap between columns to prevent exceeding container width */
}

.row.row-col-responsive .col {
    box-sizing: border-box; /* Ensures padding/border are included in width calculations */
    overflow: hidden;
}

.row.row-col-responsive .col.col-main {
    flex: 0 0 calc(70% - 2vw); /* Reduce width slightly to account for gap */
    overflow: auto;
}

.row.row-col-responsive .col.col-side {
    flex: 0 0 calc(30% - 2vw); /* Reduce width slightly to account for gap */
}

@media (max-width: 959px) {
    .row.row-col-responsive {
        flex-direction: column;
    }

    .row.row-col-responsive .col-main,
    .row.row-col-responsive .col-side {
        flex: 0 0 100%;
        max-width: 100%; /* Prevents any overflow on mobile */
    }

    .row.row-col-responsive .col-side.hide-sm {
        display: none;
    }
}


.rys_grid .grid-row,
.rys_grid [class*="grid-row-"] {
   -webkit-box-direction: normal;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   justify-content: flex-start;
   margin-left: calc(var(--grid-gutter) / -2);
   margin-right: calc(var(--grid-gutter) / -2);
}

.rys_grid .grid-row,
.rys_grid [class*="grid-row-"],
.rys_grid .grid-row.reverse,
.rys_grid [class*="grid-row-"].reverse {
   -webkit-box-orient: horizontal;
}

.rys_grid .grid-row.reverse,
.rys_grid [class*="grid-row-"].reverse {
   -webkit-box-direction: reverse;
   -ms-flex-direction: row-reverse;
   flex-direction: row-reverse;
}
 .rys_grid .grid-col {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
 }
 .rys_grid .grid-col,
 .rys_grid [class*=" grid-col-"],
 .rys_grid [class^="grid-col-"] {
   margin: 0 calc(var(--grid-gutter) / 2) calc(var(--grid-gutter) / 2);
 }
 .rys_grid .grid-col-1 {
   -ms-flex: 0 0 calc(8.33333% - var(--grid-gutter));
   flex: 0 0 calc(8.33333% - var(--grid-gutter));
   max-width: calc(8.33333% - var(--grid-gutter));
 }
 .rys_grid .grid-col-1,
 .rys_grid .grid-col-2 {
   -webkit-box-flex: 0;
 }
 .rys_grid .grid-col-2 {
   -ms-flex: 0 0 calc(16.66667% - var(--grid-gutter));
   flex: 0 0 calc(16.66667% - var(--grid-gutter));
   max-width: calc(16.66667% - var(--grid-gutter));
 }
 .rys_grid .grid-col-3 {
   -ms-flex: 0 0 calc(25% - var(--grid-gutter));
   flex: 0 0 calc(25% - var(--grid-gutter));
   max-width: calc(25% - var(--grid-gutter));
 }
 .rys_grid .grid-col-3,
 .rys_grid .grid-col-4 {
   -webkit-box-flex: 0;
 }
 .rys_grid .grid-col-4 {
   -ms-flex: 0 0 calc(33.33333% - var(--grid-gutter));
   flex: 0 0 calc(33.33333% - var(--grid-gutter));
   max-width: calc(33.33333% - var(--grid-gutter));
 }
 .rys_grid .grid-col-5 {
   -ms-flex: 0 0 calc(41.66667% - var(--grid-gutter));
   flex: 0 0 calc(41.66667% - var(--grid-gutter));
   max-width: calc(41.66667% - var(--grid-gutter));
 }
 .rys_grid .grid-col-5,
 .rys_grid .grid-col-6, .rys_grid .grid-row-6 .grid-col {
   -webkit-box-flex: 0;
 }
 .rys_grid .grid-col-6, .rys_grid .grid-row-6 .grid-col {
   -ms-flex: 0 0 calc(50% - var(--grid-gutter));
   flex: 0 0 calc(50% - var(--grid-gutter));
   max-width: calc(50% - var(--grid-gutter));
 }
 .rys_grid .grid-col-7 {
   -ms-flex: 0 0 calc(58.33333% - var(--grid-gutter));
   flex: 0 0 calc(58.33333% - var(--grid-gutter));
   max-width: calc(58.33333% - var(--grid-gutter));
 }
 .rys_grid .grid-col-7,
 .rys_grid .grid-col-8 {
   -webkit-box-flex: 0;
 }
 .rys_grid .grid-col-8 {
   -ms-flex: 0 0 calc(66.66667% - var(--grid-gutter));
   flex: 0 0 calc(66.66667% - var(--grid-gutter));
   max-width: calc(66.66667% - var(--grid-gutter));
 }
 .rys_grid .grid-col-9 {
   -ms-flex: 0 0 calc(75% - var(--grid-gutter));
   flex: 0 0 calc(75% - var(--grid-gutter));
   max-width: calc(75% - var(--grid-gutter));
 }
 .rys_grid .grid-col-10,
 .rys_grid .grid-col-9 {
   -webkit-box-flex: 0;
 }
 .rys_grid .grid-col-10 {
   -ms-flex: 0 0 calc(83.33333% - var(--grid-gutter));
   flex: 0 0 calc(83.33333% - var(--grid-gutter));
   max-width: calc(83.33333% - var(--grid-gutter));
 }
 .rys_grid .grid-col-11 {
   -ms-flex: 0 0 calc(91.66667% - var(--grid-gutter));
   flex: 0 0 calc(91.66667% - var(--grid-gutter));
   max-width: calc(91.66667% - var(--grid-gutter));
 }
 .rys_grid .grid-col-11,
 .rys_grid .grid-col-12 {
   -webkit-box-flex: 0;
 }
 .rys_grid .grid-col-12 {
   -ms-flex: 0 0 calc(100% - var(--grid-gutter));
   flex: 0 0 calc(100% - var(--grid-gutter));
   max-width: calc(100% - var(--grid-gutter));
 }


@media screen and (max-width: 599px) {
   .rys_grid .grid-col,
   .rys_grid .grid-row-6 .grid-col,
   .rys_grid [class*="grid-row-"][class*="grid-col-"],
   .rys_grid [class*="grid-col-"] {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
      flex: 0 1 100%;
      max-width: 100%;
   }
}



 @media screen and (min-width: 900px) {
   .rys_grid .grid-col-1-md {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(8.33333% - var(--grid-gutter));
     flex: 0 0 calc(8.33333% - var(--grid-gutter));
     max-width: calc(8.33333% - var(--grid-gutter));
   }
   .rys_grid .grid-col-2-md {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(16.66667% - var(--grid-gutter));
     flex: 0 0 calc(16.66667% - var(--grid-gutter));
     max-width: calc(16.66667% - var(--grid-gutter));
   }
   .rys_grid .grid-col-3-md {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(25% - var(--grid-gutter));
     flex: 0 0 calc(25% - var(--grid-gutter));
     max-width: calc(25% - var(--grid-gutter));
   }
   .rys_grid .grid-col-4-md {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(33.33333% - var(--grid-gutter));
     flex: 0 0 calc(33.33333% - var(--grid-gutter));
     max-width: calc(33.33333% - var(--grid-gutter));
   }
   .rys_grid .grid-col-5-md {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(41.66667% - var(--grid-gutter));
     flex: 0 0 calc(41.66667% - var(--grid-gutter));
     max-width: calc(41.66667% - var(--grid-gutter));
   }
   .rys_grid .grid-col-6-md, .rys_grid .grid-row-6 .grid-col-md {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(50% - var(--grid-gutter));
     flex: 0 0 calc(50% - var(--grid-gutter));
     max-width: calc(50% - var(--grid-gutter));
   }
   .rys_grid .grid-col-7-md {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(58.33333% - var(--grid-gutter));
     flex: 0 0 calc(58.33333% - var(--grid-gutter));
     max-width: calc(58.33333% - var(--grid-gutter));
   }
   .rys_grid .grid-col-8-md {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(66.66667% - var(--grid-gutter));
     flex: 0 0 calc(66.66667% - var(--grid-gutter));
     max-width: calc(66.66667% - var(--grid-gutter));
   }
   .rys_grid .grid-col-9-md {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(75% - var(--grid-gutter));
     flex: 0 0 calc(75% - var(--grid-gutter));
     max-width: calc(75% - var(--grid-gutter));
   }
   .rys_grid .grid-col-10-md {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(83.33333% - var(--grid-gutter));
     flex: 0 0 calc(83.33333% - var(--grid-gutter));
     max-width: calc(83.33333% - var(--grid-gutter));
   }
   .rys_grid .grid-col-11-md {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(91.66667% - var(--grid-gutter));
     flex: 0 0 calc(91.66667% - var(--grid-gutter));
     max-width: calc(91.66667% - var(--grid-gutter));
   }
   .rys_grid .grid-col-12-md {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(100% - var(--grid-gutter));
     flex: 0 0 calc(100% - var(--grid-gutter));
     max-width: calc(100% - var(--grid-gutter));
   }
 }
 @media screen and (min-width: 1200px) {
   .rys_grid .grid-col-1-lg {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(8.33333% - var(--grid-gutter));
     flex: 0 0 calc(8.33333% - var(--grid-gutter));
     max-width: calc(8.33333% - var(--grid-gutter));
   }
   .rys_grid .grid-col-2-lg {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(16.66667% - var(--grid-gutter));
     flex: 0 0 calc(16.66667% - var(--grid-gutter));
     max-width: calc(16.66667% - var(--grid-gutter));
   }
   .rys_grid .grid-col-3-lg {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(25% - var(--grid-gutter));
     flex: 0 0 calc(25% - var(--grid-gutter));
     max-width: calc(25% - var(--grid-gutter));
   }
   .rys_grid .grid-col-4-lg {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(33.33333% - var(--grid-gutter));
     flex: 0 0 calc(33.33333% - var(--grid-gutter));
     max-width: calc(33.33333% - var(--grid-gutter));
   }
   .rys_grid .grid-col-5-lg {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(41.66667% - var(--grid-gutter));
     flex: 0 0 calc(41.66667% - var(--grid-gutter));
     max-width: calc(41.66667% - var(--grid-gutter));
   }
   .rys_grid .grid-col-6-lg, .rys_grid .grid-row-6 .grid-col-lg {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(50% - var(--grid-gutter));
     flex: 0 0 calc(50% - var(--grid-gutter));
     max-width: calc(50% - var(--grid-gutter));
   }
   .rys_grid .grid-col-7-lg {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(58.33333% - var(--grid-gutter));
     flex: 0 0 calc(58.33333% - var(--grid-gutter));
     max-width: calc(58.33333% - var(--grid-gutter));
   }
   .rys_grid .grid-col-8-lg {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(66.66667% - var(--grid-gutter));
     flex: 0 0 calc(66.66667% - var(--grid-gutter));
     max-width: calc(66.66667% - var(--grid-gutter));
   }
   .rys_grid .grid-col-9-lg {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(75% - var(--grid-gutter));
     flex: 0 0 calc(75% - var(--grid-gutter));
     max-width: calc(75% - var(--grid-gutter));
   }
   .rys_grid .grid-col-10-lg {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(83.33333% - var(--grid-gutter));
     flex: 0 0 calc(83.33333% - var(--grid-gutter));
     max-width: calc(83.33333% - var(--grid-gutter));
   }
   .rys_grid .grid-col-11-lg {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(91.66667% - var(--grid-gutter));
     flex: 0 0 calc(91.66667% - var(--grid-gutter));
     max-width: calc(91.66667% - var(--grid-gutter));
   }
   .rys_grid .grid-col-12-lg {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(100% - var(--grid-gutter));
     flex: 0 0 calc(100% - var(--grid-gutter));
     max-width: calc(100% - var(--grid-gutter));
   }
 }
 

ol,ul{
   list-style-image: none;
   list-style-position: outside;
   list-style-type: none;
   margin: 0;
   padding: 0;
}
li, lh{
   display: list-item;
   list-style-image: none;
   list-style-position: outside;
   list-style-type: none;
}

/* li a {
   display: block;
   width: 100%;
   height: 100%;
} */




ul.list-row, ol.list-row, ul.list-col, ol.list-col {
   padding: 0; /* Removes default padding */
   margin: 0; /* Removes default margin */
}

ul.list-row li, ol.list-row li, ul.list-row lh, ol.list-row lh{
   display:inline-block;
}

ul.list-row > li, ol.list-row > li {
   margin-right: 1rem; /* Adds spacing between the list items */
}

ul.list-row > li:last-child, ol.list-row > li:last-child {
   margin-right: 0; /* Removes the margin for the last item to keep it consistent */
}

ul.list-row.list-may-wrap > li, ol.list-row.list-may-wrap > li {
   margin-top: 0.25rem; /* simulates bottom spacing for items that may wrap */
   margin-bottom: 0.25rem;  /* simulates bottom spacing for items that may wrap */   
}



ul.list-col li , ol.list-col li{
   margin-bottom: 1rem;
}

ul.list-col  > li:last-child , ol.list-col > li:last-child {
   margin-bottom: 0;
}


/* This scrolls and does not wrap */
ul.list-scroll {
   overflow-y: hidden;
   overflow-x: auto;
   white-space: nowrap;   
}


ul.bulleted li:not(.is-event):not(.sk-block), .lists-do-bullet ul li:not(.is-event):not(.sk-block){
   margin-bottom:10px;list-style-type:disc; list-style-position:outside;margin-left:20px;}
.lists-do-indent ul {padding-left:1em;}

/* OMNI */
/* events.css  */

/* Filters above event list scroll by default */
.list-events-filter-bar ul.list-filter{
   overflow-y: hidden;
   overflow-x: auto;
   white-space: nowrap;   
}
/* non-touch device remove scroll from the filter bar; these wrap instead */
@media (pointer: fine){
   .list-events-filter-bar ul.list-filter{
      overflow: initial;
      white-space: initial;   
   }   
}

.list-events-filter-bar{
   border-bottom: 1px solid #E5E5E5;
}

.list-events-filter-bar ul.list-filter li{
   margin: 0;
   font-size: 1.1rem;
   border: 1px solid #E5E5E5;
   text-align: center;
   padding: 8px 16px;
   margin-right: clamp(8px, 2vw, 16px);
   margin-bottom: clamp(8px, 2vw, 16px);
   display: inline-block;
   position: relative;
   border-radius: 20px;
   background: white;
   max-width: 160px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;   
}

.list-events-filter-bar ul.list-filter li.is-selected, .list-events-filter-bar ul.list-filter li:hover{
   background: var(--btn-events-bg-color);
   color: white;
   cursor: pointer;
}
.list-events-filter-bar ul.list-filter li.is-selected{
   font-weight: 500;
}


ul.list-events{
   container-type:inline-size; /* needed for container query */
}

.list-events li.is-event {
   border: 1px solid #fff;
   border-bottom-color: #f1f1f1;
   position: relative;
   border-radius: 8px;
   background: white;
   line-height: unset;     
}

.list-events li.is-event a {
   color: #000;
   text-decoration: none
}


.list-events li.is-event .link-wrapper {
   position: relative;
   width: 100%;
   display: block;
   height: 100%;
   padding: 20px 12px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;   
}









.list-events .date-block,.list-events .event-block {
   display: inline-grid
}

.list-events .date-block {
   width: 92px;
   line-height: 18px;
   font-size: 1rem;
}

.list-events .event-block {
   width: calc(100% - 184px)
}

.list-events .date-block span.date {
   display: block;
   font-size: 1.1rem;
   font-weight: 500
}

.list-events .date-block span.time {
   display: block
}

.list-events .date-block span.time span.dow, .list-events .date-block span.when span.dow{
   display:inline;
}

.list-events .date-block span.time span.dow:after{
   content: " - ";
}

.list-events .date-block span.when{
   line-height: 1.1; /*in case it wraps*/
}


.list-events .event-block .event-name {
   color: #000;
   font-weight: 700;
   font-size: 1.3rem;
   margin-bottom: .2rem;
   display: block
}

.list-events .event-block .event-name span{
   display: block;
   font-size: 80%;
   line-height: 1.5;
}

/* Main CTA */
.list-events li.is-event button {
   color: #fff;
   background: var(--btn-events-bg-color);
   height: 36px;
   line-height: 36px;
   border-radius: 4px;
   font-size: 1.2rem;
   border: 0;
   position: absolute;
   right: 12px;
}

/* Fill in button text with css */
.list-events li.is-event button:after{
   content: "Tickets";
}
.list-events li.is-event button.select-btn:after{
   content: "Select";
}

.list-events .event-block .event-details {
   display: block;
   font-size: 1.1rem;
   color: #222
}

.list-events li.is-event:not([data-active='0']) .event-block .event-details {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden
}



.list-events li.is-event:not([data-active='0']):hover {
   cursor: pointer;
   webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
   -moz-box-shadow: 0 2px 4px rgba(0,0,0,.2);
   box-shadow: 0 2px 4px rgb(0 0 0/20%);
   border: 1px solid #E5E5E5;
   transition: box-shadow 200ms ease-out 0s;
   z-index: 1
}

.list-events li.is-event:not([data-active='0']) .event-name:hover {
   text-decoration: underline
}

.list-events li.is-event:not([data-active='0']) button:hover {
   opacity: .7;
   transition: all 100ms ease 0s
}




/* Narrow event lists have a condensed UI */
@container (max-width: 480px) {
   .list-events li.is-event .date-block > *, .list-events li.is-event .event-block > *, .list-events li.is-event button {
      transform: scale(0.888); 
   }
   .list-events li.is-event .date-block{
      width: 84px;
   }
   .list-events li.is-event .event-block{
      width: calc(100% - 164px);
   }   

   .list-events li.is-event a.link-wrapper {
      padding: 16px 12px;
   }   
}

/* Wide event lists have more space for the date */
@container (min-width: 540px){
   .list-events .date-block {
      width: 108px;
   }
   .list-events li.is-event .event-block{
      width: calc(100% - 200px);
   }   
}

/* Super-wide event lists have more prominent CTAs */
@container (min-width: 660px){
   .list-events li.is-event .event-block{
      width: calc(100% - 236px);
   }
   .list-events li.is-event button{
      width: 108px;
   }
   .list-events li.is-event button:after{
      content: "Shop Tickets";
   }  
   .list-events li.is-event button.select-btn:after{
      content: "Select";
   }      
}



/* Very narrow event lists have a condensed UI */
@container (max-width: 424px){
   .list-events  li.is-event button {
      background: none;
      color: var(--btn-events-bg-color);
      transform: none;
      line-height: 1;
      top: calc(50% - 20px);
      height: 32px;
      padding: 0;
   }
   .list-events li.is-event button:after{
      content: "›";
      font-size: 32px;
   }

   .list-events li.is-event .date-block{
      width: 48px;
   }

   .list-events li.is-event .event-block{
      width: calc(100% - 88px);
   }
   .list-events li.is-event a.link-wrapper {
      padding: 12px 4px;
   }
   .list-events .date-block span.time span.dow{
      display: none;
   }
}



/* Makes filters stack vertically (used with filterWall or stacked modes) */
.list-events-filter-bar ul.list-filter.stacked-filters {
   display: flex;
   flex-direction: column;
   align-items: stretch;
   gap: 16px;
   overflow-x: unset;
   overflow-y: unset;
   white-space: normal;
   border-bottom: none;
 }
 
 .list-events-filter-bar ul.list-filter.stacked-filters li {
   display: block;
   margin: 0;
   margin-bottom: 0; /* Already covered by gap above */
   font-size: 1.25rem;
   border-radius: 12px;
   border-width: 2px;
   box-shadow: 0 2px 6px rgba(0,0,0,0.04);
   padding: 18px 20px;
   background: #fff;
   transition: background .15s, color .15s, box-shadow .2s;
 }
 
 .list-events-filter-bar ul.list-filter.stacked-filters li.is-selected,
 .list-events-filter-bar ul.list-filter.stacked-filters li:hover {
   background: var(--btn-events-bg-color, #1976d2);
   color: #fff;
   font-weight: 600;
   box-shadow: 0 6px 16px rgba(25, 118, 210, 0.10);
 }
 


 /* Shows filter wall message when no filter picked */
.filter-wall-message {
   padding: 2em 1em;
   text-align: center;
   font-size: 1.2rem;
   color: #555;
   background: #f8fafb;
   border-radius: 6px;
   margin-top: 24px;
 }
 


 [data-theme="dark"] {
   --btn-events-bg-color: #0a304d;
   background: #181D1F;
   color: #f5f6fa;
 }
 
 [data-theme="light"] {
   --btn-events-bg-color: #1976d2;
   background: #fff;
   color: #111;
 }
 
 /* You can add any palette/brand adjustments in a new theme variable group */
 


 .event-search-box {
   padding: 12px;

   width: 100%;
   border-radius: 8px;
   border: 1px solid #E5E5E5;
   font-size: 1.1em;
   transition: border-color 0.2s;
   background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg>');
   background-repeat: no-repeat;
   background-position: 12px center;
   padding-left: 40px;   
 }
 .event-search-box:focus {
   border-color: var(--btn-events-bg-color, #1976d2);
   outline: none;
 }
 


 .month-bar {
   display: flex;
   gap: 10px;
   justify-content: flex-start;
   margin: 19px 0;
   padding-bottom: 7px;
   border-bottom: 1px solid #ededed;
 }
 
 .month-bar button {
   background: #f0f3f9;
   color: #1a2337;
   border: 0;
   border-radius: 19px;
   padding: 0.7em 1.4em;
   cursor: pointer;
   font-size: 1rem;
   transition: background 0.14s, color 0.13s;
 }
 
 .month-bar button.selected, .month-bar button:focus {
   background: var(--btn-events-bg-color, #1976d2);
   color: #fff;
 }
 

 .event-search-wrapper {
   position: relative;
   display: inline-block;
   width: 100%;
   max-width: 400px;
   margin-bottom: 16px;;
 }
 .event-search-box {
   width: 100%;
   padding-right: 32px; /* space for clear button */
 }
 .search-clear-btn {
   position: absolute;
   right: 0px;
   top: 50%;
   transform: translateY(-50%);
   border: none;
   background: none;
   cursor: pointer;
   font-size: 1.35em;
   color: #999;
   padding: 0;
   margin: 0;
   line-height: 1;
   z-index: 1;
   display: none;
   width: 32px;
 }
 
 .no-results-message{
    padding: 40px;
    text-align: center;
 }
.has-icon{
   position: relative;
   line-height: 24px;
   padding-left: 24px;   
}

.has-icon::before{
   position: absolute;
   left: 0;
   height: 24px;
   width: 24px;
}

.has-icon.has-icon-small{
   position: relative;
   line-height: 16px;
   padding-left: 20px;   
}

.has-icon.has-icon-small::before{
   position: absolute;
   left: 0;
   height: 16px;
   width: 16px;
}

.tag.has-icon.has-icon-small.tag{
   padding-left: 24px;   
}

.tag.has-icon.has-icon-small.tag::before{
   position: absolute;
   left: 4px;
}

.has-icon[data-color='0067ce']::before{

}



.has-icon[data-icon='back']{
   padding-left: 16px; /* because chevron has bad padding */   
}

.has-icon[data-icon='back']::before{
   content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='m10.8 12l3.9 3.9q.275.275.275.7t-.275.7t-.7.275t-.7-.275l-4.6-4.6q-.15-.15-.212-.325T8.425 12t.063-.375t.212-.325l4.6-4.6q.275-.275.7-.275t.7.275t.275.7t-.275.7z'/%3E%3C/svg%3E");
   left: -8px;
}


.has-icon[data-icon='location']::before{
   content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M12 12q.825 0 1.413-.587T14 10t-.587-1.412T12 8t-1.412.588T10 10t.588 1.413T12 12m0 7.35q3.05-2.8 4.525-5.087T18 10.2q0-2.725-1.737-4.462T12 4T7.738 5.738T6 10.2q0 1.775 1.475 4.063T12 19.35M12 22q-4.025-3.425-6.012-6.362T4 10.2q0-3.75 2.413-5.975T12 2t5.588 2.225T20 10.2q0 2.5-1.987 5.438T12 22m0-12'/%3E%3C/svg%3E");
}

.has-icon[data-icon='cart']::before{
   content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M17 18a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2c0-1.11.89-2 2-2M1 2h3.27l.94 2H20a1 1 0 0 1 1 1c0 .17-.05.34-.12.5l-3.58 6.47c-.34.61-1 1.03-1.75 1.03H8.1l-.9 1.63l-.03.12a.25.25 0 0 0 .25.25H19v2H7a2 2 0 0 1-2-2c0-.35.09-.68.24-.96l1.36-2.45L3 4H1zm6 16a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2c0-1.11.89-2 2-2m9-7l2.78-5H6.14l2.36 5z'/%3E%3C/svg%3E");
}

.has-icon[data-icon='sale']::before{
   content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='m21.41 11.58l-9-9A2 2 0 0 0 11 2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 .59 1.42l9 9A2 2 0 0 0 13 22a2 2 0 0 0 1.41-.59l7-7A2 2 0 0 0 22 13a2 2 0 0 0-.59-1.42M13 20l-9-9V4h7l9 9M6.5 5A1.5 1.5 0 1 1 5 6.5A1.5 1.5 0 0 1 6.5 5'/%3E%3C/svg%3E");
}

.has-icon[data-icon=check]::before {
   content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTIxIDdMOSAxOWwtNS41LTUuNWwxLjQxLTEuNDFMOSAxNi4xN0wxOS41OSA1LjU5eiIvPjwvc3ZnPg==");
}

.has-icon[data-icon='star']::before {
   content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzAwMDAwMCIgZD0ibTguODUgMTYuODI1bDMuMTUtMS45bDMuMTUgMS45MjVsLS44MjUtMy42bDIuNzc1LTIuNGwtMy42NS0uMzI1bC0xLjQ1LTMuNGwtMS40NSAzLjM3NWwtMy42NS4zMjVsMi43NzUgMi40MjV6bTMuMTUtLjcyM2wtMy42MyAyLjE5MnEtLjE2LjA3OS0uMjk3LjA2NHEtLjEzNi0uMDE2LS4yNjUtLjA5NHEtLjEzLS4wOC0uMTk2LS4yMjZ0LS4wMTItLjMxOWwuOTY2LTQuMTFsLTMuMTk1LTIuNzdxLS4xMzUtLjExLS4xNzgtLjI2M3QuMDE5LS4yOTN0LjE2NS0uMjNxLjEwNC0uMDg3LjI4LS4xMThsNC4yMTYtLjM2OGwxLjY0NC0zLjg5MnEuMDY4LS4xNjUuMTk2LS4yMzhUMTIgNS4zNjR0LjI4OC4wNzN0LjE5NS4yMzhsMS42NDQgMy44OTJsNC4yMTUuMzY4cS4xNzcuMDMuMjgxLjExOXEuMTA0LjA4OC4xNjYuMjI5cS4wNjEuMTQuMDE4LjI5M3QtLjE3OC4yNjNsLTMuMTk1IDIuNzdsLjk2NiA0LjExcS4wNTYuMTcxLS4wMTEuMzE4dC0uMTk3LjIyNnEtLjEyOC4wOC0uMjY1LjA5NXEtLjEzNi4wMTUtLjI5Ni0uMDY0em0wLTMuODUyIi8+PC9zdmc+");
}

.has-icon[data-icon='lightning']::before {
   content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJtMTIuNTkzIDIzLjI1OGwtLjAxMS4wMDJsLS4wNzEuMDM1bC0uMDIuMDA0bC0uMDE0LS4wMDRsLS4wNzEtLjAzNXEtLjAxNi0uMDA1LS4wMjQuMDA1bC0uMDA0LjAxbC0uMDE3LjQyOGwuMDA1LjAybC4wMS4wMTNsLjEwNC4wNzRsLjAxNS4wMDRsLjAxMi0uMDA0bC4xMDQtLjA3NGwuMDEyLS4wMTZsLjAwNC0uMDE3bC0uMDE3LS40MjdxLS4wMDQtLjAxNi0uMDE3LS4wMThtLjI2NS0uMTEzbC0uMDEzLjAwMmwtLjE4NS4wOTNsLS4wMS4wMWwtLjAwMy4wMTFsLjAxOC40M2wuMDA1LjAxMmwuMDA4LjAwN2wuMjAxLjA5M3EuMDE5LjAwNS4wMjktLjAwOGwuMDA0LS4wMTRsLS4wMzQtLjYxNHEtLjAwNS0uMDE4LS4wMi0uMDIybS0uNzE1LjAwMmEuMDIuMDIgMCAwIDAtLjAyNy4wMDZsLS4wMDYuMDE0bC0uMDM0LjYxNHEuMDAxLjAxOC4wMTcuMDI0bC4wMTUtLjAwMmwuMjAxLS4wOTNsLjAxLS4wMDhsLjAwNC0uMDExbC4wMTctLjQzbC0uMDAzLS4wMTJsLS4wMS0uMDF6Ii8+PHBhdGggZmlsbD0iIzAwMDAwMCIgZD0ibTkuNjUgNGwtMy4xMTEgN2gzLjQ0N2MuNjkgMCAxLjE3Ni42NzUuOTU4IDEuMzNsLTEuNjU2IDQuOTY3TDE2LjU4NiAxMGgtMi41N2ExLjAxIDEuMDEgMCAwIDEtLjkwMy0xLjQ2MkwxNS4zODIgNHpNOC4wODQgMi42Yy4xNjItLjM2NS41MjMtLjYuOTIzLS42aDcuOTc3Yy43NSAwIDEuMjM5Ljc5LjkwMyAxLjQ2MkwxNS42MTggOGgzLjM1OGMuOSAwIDEuMzUgMS4wODguNzE0IDEuNzI0TDcuNzM3IDIxLjY3N2MtLjc1NC43NTQtMi4wMS0uMDIyLTEuNjcyLTEuMDMzTDguNjEzIDEzSDUuMDE1YTEuMDEgMS4wMSAwIDAgMS0uOTIzLTEuNDJ6Ii8+PC9nPjwvc3ZnPg==");
}

.has-icon[data-icon='lock']::before {
   content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTYgMjJxLS44MjUgMC0xLjQxMi0uNTg3VDQgMjBWMTBxMC0uODI1LjU4OC0xLjQxMlQ2IDhoMVY2cTAtMi4wNzUgMS40NjMtMy41MzdUMTIgMXQzLjUzOCAxLjQ2M1QxNyA2djJoMXEuODI1IDAgMS40MTMuNTg4VDIwIDEwdjEwcTAgLjgyNS0uNTg3IDEuNDEzVDE4IDIyem0wLTJoMTJWMTBINnptNi0zcS44MjUgMCAxLjQxMy0uNTg3VDE0IDE1dC0uNTg3LTEuNDEyVDEyIDEzdC0xLjQxMi41ODhUMTAgMTV0LjU4OCAxLjQxM1QxMiAxN005IDhoNlY2cTAtMS4yNS0uODc1LTIuMTI1VDEyIDN0LTIuMTI1Ljg3NVQ5IDZ6TTYgMjBWMTB6Ii8+PC9zdmc+");
}

.has-icon[data-icon='ai']::before {
   content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzAwMDAwMCIgZD0ibTkgNGwyLjUgNS41TDE3IDEybC01LjUgMi41TDkgMjBsLTIuNS01LjVMMSAxMmw1LjUtMi41em0wIDQuODNMOCAxMWwtMi4xNyAxTDggMTNsMSAyLjE3TDEwIDEzbDIuMTctMUwxMCAxMXpNMTkgOWwtMS4yNi0yLjc0TDE1IDVsMi43NC0xLjI1TDE5IDFsMS4yNSAyLjc1TDIzIDVsLTIuNzUgMS4yNnptMCAxNGwtMS4yNi0yLjc0TDE1IDE5bDIuNzQtMS4yNUwxOSAxNWwxLjI1IDIuNzVMMjMgMTlsLTIuNzUgMS4yNnoiLz48L3N2Zz4=");
}

.has-icon[data-icon='diamond']::before {
   content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTYgM2gxMWwzLjkgNS41N0wxMS41IDIyTDIuMSA4LjU3em00LjE2IDFsLTEuNyA0aDYuMDhsLTEuNy00ek04LjMzIDlsMy4xNyA5Ljc2TDE0LjY3IDl6TTMuNzIgOGgzLjY2bDEuNy00SDYuNXptLS4xIDFsNi44MiA5Ljc1TDcuMjggOXptMTUuNjYtMUwxNi41IDRoLTIuNThsMS43IDR6bS4xIDFoLTMuNjZsLTMuMTYgOS43NXoiLz48L3N2Zz4=");
}

.has-icon[data-icon='sale']::before {
   content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzAwMDAwMCIgZD0ibTIxLjQxIDExLjU4bC05LTlBMiAyIDAgMCAwIDExIDJINGEyIDIgMCAwIDAtMiAydjdhMiAyIDAgMCAwIC41OSAxLjQybDkgOUEyIDIgMCAwIDAgMTMgMjJhMiAyIDAgMCAwIDEuNDEtLjU5bDctN0EyIDIgMCAwIDAgMjIgMTNhMiAyIDAgMCAwLS41OS0xLjQyTTEzIDIwbC05LTlWNGg3bDkgOU02LjUgNUExLjUgMS41IDAgMSAxIDUgNi41QTEuNSAxLjUgMCAwIDEgNi41IDUiLz48L3N2Zz4=");
}

.has-icon[data-icon='double']::before {
   content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTkuNSAxNi41aDV2LTFoLTR2LTIuMzg0cTAtLjI3LjE3My0uNDQzdC40NDMtLjE3M2gxLjc2OXEuNjkgMCAxLjE1My0uNDYydC40NjItMS4xNTRWOS4xMTVxMC0uNjktLjQ2Mi0xLjE1M1QxMi44ODUgNy41SDkuNXYxaDMuMzg1cS4yNjkgMCAuNDQyLjE3M3QuMTczLjQ0M3YxLjc2OXEwIC4yNjktLjE3My40NDJ0LS40NDIuMTczaC0xLjc3cS0uNjkgMC0xLjE1My40NjNUOS41IDEzLjExNnpNNS42MTYgMjBxLS42OTEgMC0xLjE1My0uNDYyVDQgMTguMzg0VjUuNjE2cTAtLjY5MS40NjMtMS4xNTNUNS42MTYgNGgxMi43NjlxLjY5IDAgMS4xNTMuNDYzVDIwIDUuNjE2djEyLjc2OXEwIC42OS0uNDYyIDEuMTUzVDE4LjM4NCAyMHptMC0xaDEyLjc2OXEuMjMgMCAuNDIzLS4xOTJ0LjE5Mi0uNDI0VjUuNjE2cTAtLjIzMS0uMTkyLS40MjRUMTguMzg0IDVINS42MTZxLS4yMzEgMC0uNDI0LjE5MlQ1IDUuNjE2djEyLjc2OXEwIC4yMy4xOTIuNDIzdC40MjMuMTkyTTUgNXYxNHoiLz48L3N2Zz4=");
}

.has-icon[data-icon='deal']::before {
   content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTkuNSA3Yy44MyAwIDEuNS42NyAxLjUgMS41UzEwLjMzIDEwIDkuNSAxMFM4IDkuMzMgOCA4LjVTOC42NyA3IDkuNSA3bTUgN2MuODMgMCAxLjUuNjcgMS41IDEuNXMtLjY3IDEuNS0xLjUgMS41cy0xLjUtLjY3LTEuNS0xLjVzLjY3LTEuNSAxLjUtMS41bS02LjA5IDNMNyAxNS41OUwxNS41OSA3TDE3IDguNDF6TTE4LjY1IDIuODVsLjYxIDMuODZsMy41MSAxLjc5TDIxIDEybDEuNzggMy41bC0zLjU0IDEuNzlsLS42MSAzLjg2bC0zLjg5LS42MWwtMi43NyAyLjc3bC0yLjc4LTIuODFsLTMuODYuNjRsLS42Mi0zLjg5bC0zLjQ5LTEuNzhMMyAxMS45N0wxLjIzIDguNWwzLjUxLTEuODFsLjYxLTMuODJsMy44Ny42M0wxMiAuNjk1bDIuNzYgMi43NjV6bTEuNDUgNi41MkwxNy41IDhMMTcgNS4xMWwtMi45LjQyTDEyIDMuNUw5LjkgNS41M0w3IDUuMTFMNi41IDhMMy45IDkuMzdMNS4yIDEybC0xLjMgMi42M0w2LjUgMTZsLjUgMi44OWwyLjktLjQyTDEyIDIwLjVsMi4xLTIuMDNsMi45LjQybC41LTIuODlsMi42LTEuMzdMMTguOCAxMnoiLz48L3N2Zz4=");
}

.has-icon[data-icon='mobile']::before {
   content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTEwLjIzIDE5LjY1NGgzLjU0di0uNzdoLTMuNTR6TTcuNjE3IDIycS0uNjkxIDAtMS4xNTMtLjQ2MlQ2IDIwLjM4NVYzLjYxNXEwLS42OS40NjMtMS4xNTJUNy42MTYgMmg4Ljc2OXEuNjkgMCAxLjE1Mi40NjNUMTggMy42MTZ2MTYuNzY5cTAgLjY5LS40NjIgMS4xNTNUMTYuMzg0IDIyek03IDE3LjUzOHYyLjg0NnEwIC4yMzEuMTkyLjQyNHQuNDIzLjE5Mmg4Ljc3cS4yMyAwIC40MjMtLjE5MnQuMTkyLS40MjR2LTIuODQ2em0wLTFoMTBWNS41SDd6TTcgNC41aDEwdi0uODg1cTAtLjIzLS4xOTItLjQyM1QxNi4zODQgM0g3LjYxNnEtLjIzMSAwLS40MjQuMTkyVDcgMy42MTZ6bTAgMTMuMDM5VjIxek03IDQuNVYzeiIvPjwvc3ZnPg==");
}

.has-icon[data-icon='warning']::before {
   content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTExIDE1aDJ2MmgtMnptMC04aDJ2NmgtMnptMS01QzYuNDcgMiAyIDYuNSAyIDEyYTEwIDEwIDAgMCAwIDEwIDEwYTEwIDEwIDAgMCAwIDEwLTEwQTEwIDEwIDAgMCAwIDEyIDJtMCAxOGE4IDggMCAwIDEtOC04YTggOCAwIDAgMSA4LThhOCA4IDAgMCAxIDggOGE4IDggMCAwIDEtOCA4Ii8+PC9zdmc+");
}

.has-icon[data-icon='umbrella']::before {
   content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTEyIDRDOC45IDQgNi4xOCA2LjAzIDUuMyA5aDEzLjRBNyA3IDAgMCAwIDEyIDRtMC0yYTkgOSAwIDAgMSA5IDloLTh2OGEzIDMgMCAwIDEtMyAzYTMgMyAwIDAgMS0zLTN2LTFoMnYxYTEgMSAwIDAgMCAxIDFhMSAxIDAgMCAwIDEtMXYtOEgzYTkgOSAwIDAgMSA5LTkiLz48L3N2Zz4=");
}

.has-icon[data-icon='view']::before {
   content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48ZyBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzMiI+PGNpcmNsZSBjeD0iMzkyIiBjeT0iMzQ0IiByPSI4OCIvPjxjaXJjbGUgY3g9IjEyMCIgY3k9IjM0NCIgcj0iODgiLz48cGF0aCBkPSJNMjA4IDM0NFYxMjhjMC0yNi41LTE2LTQ4LTQ0LTQ4Yy0zNSAwLTQ2LjUgMjEuNS01NyA0OGMwIDAtNDguNSAxMjcuODMzLTcxIDE4OS41TTIwOCAxODRzMTYuNS04IDQ4LThzNDggOCA0OCA4bS05NiA4OHMxNi41LTggNDgtOHM0OCA4IDQ4IDhtMCA3MlYxMjhjMC0yNi41IDE2LTQ4IDQ0LTQ4YzM1IDAgNDYuNSAyMS41IDU3IDQ4YzAgMCA0OC41IDEyNy44MzMgNzEgMTg5LjUiLz48L2c+PC9zdmc+");
}

.has-icon[data-icon='bell']::before {
   content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJtNDUwLjI3IDM0OC41NjlsLTQzLjY3LTgwLjYyNFYxODRjMC04My44MTMtNjguMTg3LTE1Mi0xNTItMTUycy0xNTIgNjguMTg3LTE1MiAxNTJ2ODMuOTQ1bC00My42NzIgODAuNjIzQTI0IDI0IDAgMCAwIDgwLjAzMSAzODRoODYuOTM1YTg5IDg5IDAgMCAwLS4zNjcgOGE4OCA4OCAwIDAgMCAxNzYgMGMwLTIuNy0uMTI5LTUuMzY0LS4zNjctOGg4Ni45MzVhMjQgMjQgMCAwIDAgMjEuMS0zNS40MzFaTTMxMC42IDM5MmE1NiA1NiAwIDEgMS0xMTEuNDE5LThoMTEwLjgzN2E1NiA1NiAwIDAgMSAuNTgyIDhNOTMuNDYyIDM1Mmw0MS4xMzgtNzUuOTQ1VjE4NGExMjAgMTIwIDAgMCAxIDI0MCAwdjkyLjA1NUw0MTUuNzM2IDM1MloiLz48L3N2Zz4=");
}

.has-icon[data-icon='sun-cloud']::before {
   content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTguOTk5IDdhMi41IDIuNSAwIDAgMC0yLjUgMi41di41SDUuNWExLjUgMS41IDAgMCAwIDAgM2g3YTEuNSAxLjUgMCAwIDAgMC0zaC0xbC0uMDAxLS41YTIuNSAyLjUgMCAwIDAtMi41LTIuNU01LjUzNSA5YTMuNSAzLjUgMCAwIDEgNi45MjkgMGguMDM2YTIuNSAyLjUgMCAwIDEgMCA1aC03YTIuNSAyLjUgMCAwIDEgMC01em0zLjI1Mi02LjE4YS41LjUgMCAxIDAtLjg4My0uNDdsLS40MjYuODAzYS41LjUgMCAwIDAgLjg4My40N3ptLTMuNzcyLS43NDdhLjUuNSAwIDEgMC0uOTU3LjI5M2wuMjY3Ljg3YS41LjUgMCAwIDAgLjk1Ni0uMjkzek02IDRjLjkxNiAwIDEuNzM1LjQxIDIuMjg1IDEuMDU2cS0uNTg0LjA5NC0xLjEwNy4zMjhBMiAyIDAgMCAwIDQuMzg2IDguMThhMy41IDMuNSAwIDAgMC0uOS40NTZBMyAzIDAgMCAxIDYgNG0tNC4xOC4yMTRhLjUuNSAwIDEgMC0uNDcuODgzbC44MDMuNDI2YS41LjUgMCAwIDAgLjQ3LS44ODN6bS40MTYgNC40NjNhLjUuNSAwIDAgMC0uMjkzLS45NTZsLS44Ny4yNjZhLjUuNSAwIDEgMCAuMjkzLjk1NnoiLz48L3N2Zz4=");
}

.has-icon[data-icon='chairback']::before {
   content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTE1IDV2N0g5VjV6bTAtMkg5Yy0xLjEgMC0yIC45LTIgMnY5aDEwVjVjMC0xLjEtLjktMi0yLTJtNyA3aC0zdjNoM3pNNSAxMEgydjNoM3ptMTUgNUg0djZoMnYtNGgxMnY0aDJ6Ii8+PC9zdmc+");
}

.has-icon[data-icon='stairs']::before {
   content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIyIDVoLTV2NWgtNXY1SDd2NUgyIi8+PC9zdmc+");
}

.has-icon[data-icon='stairs-upper']::before {
   content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIyIDZoLTV2NWgtNXY1SDd2NUgybTQtMTFWM00zIDZsMy0zbDMgMyIvPjwvc3ZnPg==");
}

.has-icon[data-icon='stairs-lower']::before {
   content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIyIDIxaC01di01aC01di01SDdWNkgybTE2LTN2N20tMy0zbDMgM2wzLTMiLz48L3N2Zz4=");
}

.has-icon[data-icon='stairs-up']::before {
   content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0ibTMgMTFsOS05TTggMmg0djRNMiAyMGg1di01aDV2LTVoNVY1aDUiLz48L3N2Zz4=");
}

.has-icon[data-icon='stairs-down']::before {
   content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0ibTEyIDJsLTkgOW0wLTR2NGg0bS01IDloNXYtNWg1di01aDVWNWg1Ii8+PC9zdmc+");
}

.has-icon[data-icon='rows-alt']::before {
   content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAyMiI+PHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTE1IDRIN1YyaDhtMSA2SDZWNmgxMG0xIDZINXYtMmgxMm0xIDZINHYtMmgxNG0xIDZIM3YtMmgxNloiLz48L3N2Zz4=");
}

.has-icon[data-icon='rows']::before {
   content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHBhdGggZD0iTTIgMTZoMTB2NEgyem0yLTRoMTB2NEg0em0yLTRoMTB2NEg2em0yLTRoMTB2NEg4eiIvPjxwYXRoIGQ9Ik0xMiAyMGgxMFY0aC00Ii8+PC9nPjwvc3ZnPg==");
}

.has-icon[data-icon='price']::before {
   content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkPSJNMyA5LjRjMC0yLjI0IDAtMy4zNi40MzYtNC4yMTZhNCA0IDAgMCAxIDEuNzQ4LTEuNzQ4QzYuMDQgMyA3LjE2IDMgOS40IDNoNS4yYzIuMjQgMCAzLjM2IDAgNC4yMTYuNDM2YTQgNCAwIDAgMSAxLjc0OCAxLjc0OEMyMSA2LjA0IDIxIDcuMTYgMjEgOS40djUuMmMwIDIuMjQgMCAzLjM2LS40MzYgNC4yMTZhNCA0IDAgMCAxLTEuNzQ4IDEuNzQ4QzE3Ljk2IDIxIDE2Ljg0IDIxIDE0LjYgMjFIOS40Yy0yLjI0IDAtMy4zNiAwLTQuMjE2LS40MzZhNCA0IDAgMCAxLTEuNzQ4LTEuNzQ4QzMgMTcuOTYgMyAxNi44NCAzIDE0LjZ6Ii8+PHBhdGggZD0iTTE1LjMzMyA3LjcyMkgxMm0wIDBoLTEuNjY3QzkuMDQ1IDcuNzIyIDggOC42OCA4IDkuODYyQzggMTEuMDQxIDkuMDQ1IDEyIDEwLjMzMyAxMkgxMm0wLTQuMjc4VjYuNW0wIDEuMjIyVjEybTAgMGgxLjY2N2MxLjI4OCAwIDIuMzMzLjk1OCAyLjMzMyAyLjEzOXMtMS4wNDUgMi4xMzktMi4zMzMgMi4xMzlIMTJNMTIgMTJ2NC4yNzhtMCAwSDhtNCAwVjE3LjUiLz48L2c+PC9zdmc+");
}

.has-icon[data-icon='tickets']::before {
   content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='m4.656 2.255l-.39.09a1.19 1.19 0 0 1-.91 1.43a1.22 1.22 0 0 1-1.44-.92l-.78.16a.81.81 0 0 0-.61 1s.36 1.67.78 3.55m10.85-5.32a1.32 1.32 0 1 1-2.44-1l-.81-.38a.89.89 0 0 0-1.16.47l-3.36 7.91l-.44 1a.89.89 0 0 0 .47 1.16l4.06 1.73a.89.89 0 0 0 1.16-.47l3.8-8.94a.89.89 0 0 0-.43-1.13z'/%3E%3C/svg%3E");   
}

.has-icon[data-icon='calendar']::before {
   content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 3h-1V1h-2v2H8V1H6v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.11 0 2-.89 2-2V5a2 2 0 0 0-2-2m0 16H5V9h14zm0-12H5V5h14z'/%3E%3C/svg%3E");
}

.has-icon[data-icon='history']::before {
   content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M12 21q-3.45 0-6.012-2.287T3.05 13H5.1q.35 2.6 2.313 4.3T12 19q2.925 0 4.963-2.037T19 12t-2.037-4.962T12 5q-1.725 0-3.225.8T6.25 8H9v2H3V4h2v2.35q1.275-1.6 3.113-2.475T12 3q1.875 0 3.513.713t2.85 1.924t1.925 2.85T21 12t-.712 3.513t-1.925 2.85t-2.85 1.925T12 21m2.8-4.8L11 12.4V7h2v4.6l3.2 3.2z'/%3E%3C/svg%3E");
}

.has-icon[data-icon='trending']::before {
   content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M2.7 17.625q-.3-.3-.288-.712t.288-.688l5.275-5.35Q8.55 10.3 9.4 10.3t1.425.575l2.575 2.6l5.2-5.15H17q-.425 0-.712-.288T16 7.326t.288-.712t.712-.288h4q.425 0 .713.288t.287.712v4q0 .425-.288.713t-.712.287t-.712-.287t-.288-.713v-1.6L14.825 14.9q-.575.575-1.425.575t-1.425-.575L9.4 12.325l-5.3 5.3q-.275.275-.7.275t-.7-.275'/%3E%3C/svg%3E")
}

.has-icon[data-icon='bleacher']::before {
   content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE1MCAxNTAiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICMwMDA7CiAgICAgICAgc3Ryb2tlLXdpZHRoOiAwcHg7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIGlkPSJMYXllcl8xIiBkYXRhLW5hbWU9IkxheWVyIDEiPgogICAgPGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+CiAgICAgIDxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMTguMjkiIHk9IjMwLjI5IiB3aWR0aD0iMTEzLjk1IiBoZWlnaHQ9IjUuNDQiLz4KICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjE4LjI5IDY5LjkxIDIzLjA4IDY5LjkxIDEyNy40NSA2OS45MSAxMzIuMjQgNjkuOTEgMTMyLjI0IDY0Ljk5IDE4LjI5IDY0Ljk5IDE4LjI5IDY5LjkxIi8+CiAgICAgIDxwb2x5bGluZSBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMjMuMDggMzAuMjkgMTguMjkgMzAuMjkgMTguMjkgNjkuOTEgMjMuMDggNjkuOTEiLz4KICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjEyNy4xMiAzMC4yOSAxMzIuMjQgMzAuMjkgMTMyLjI0IDY5LjkxIDEyNy40NSA2OS45MSAxMjcuMTIgMzAuMjkiLz4KICAgIDwvZz4KICAgIDxnIGlkPSJMYXllcl81IiBkYXRhLW5hbWU9IkxheWVyIDUiPgogICAgICA8cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjI3LjY2IiB5PSI2OC42NiIgd2lkdGg9IjMuNSIgaGVpZ2h0PSIxNC40MyIvPgogICAgPC9nPgogICAgPGcgaWQ9IkxheWVyXzYiIGRhdGEtbmFtZT0iTGF5ZXIgNiI+CiAgICAgIDxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iNDAuNjciIHk9IjY4LjA4IiB3aWR0aD0iMy41IiBoZWlnaHQ9IjEzLjc4Ii8+CiAgICA8L2c+CiAgICA8ZyBpZD0iTGF5ZXJfNyIgZGF0YS1uYW1lPSJMYXllciA3Ij4KICAgICAgPHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxMDUuMDYiIHk9IjY5LjExIiB3aWR0aD0iMy41IiBoZWlnaHQ9IjEzLjQ2Ii8+CiAgICA8L2c+CiAgICA8ZyBpZD0iTGF5ZXJfOCIgZGF0YS1uYW1lPSJMYXllciA4Ij4KICAgICAgPHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxMTcuOTQiIHk9IjY5LjExIiB3aWR0aD0iMy41NiIgaGVpZ2h0PSIxMy4wMSIvPgogICAgPC9nPgogICAgPGcgaWQ9IkxheWVyXzkiIGRhdGEtbmFtZT0iTGF5ZXIgOSI+CiAgICAgIDxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMiIgeT0iODEuMTMiIHdpZHRoPSIxNDYiIGhlaWdodD0iMy41NiIvPgogICAgPC9nPgogICAgPGcgaWQ9IkxheWVyXzEwIiBkYXRhLW5hbWU9IkxheWVyIDEwIj4KICAgICAgPHJlY3QgY2xhc3M9ImNscy0xIiB4PSIyIiB5PSI5My40NCIgd2lkdGg9IjE0NiIgaGVpZ2h0PSIzLjU2Ii8+CiAgICA8L2c+CiAgICA8ZyBpZD0iTGF5ZXJfMTEiIGRhdGEtbmFtZT0iTGF5ZXIgMTEiPgogICAgICA8cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjIiIHk9IjgzLjczIiB3aWR0aD0iMy41NCIgaGVpZ2h0PSIxMC45Ii8+CiAgICA8L2c+CiAgICA8ZyBpZD0iTGF5ZXJfMTIiIGRhdGEtbmFtZT0iTGF5ZXIgMTIiPgogICAgICA8cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjE0NC40NSIgeT0iODMuNjciIHdpZHRoPSIzLjU1IiBoZWlnaHQ9IjExLjAyIi8+CiAgICA8L2c+CiAgICA8ZyBpZD0iTGF5ZXJfMTMiIGRhdGEtbmFtZT0iTGF5ZXIgMTMiPgogICAgICA8cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjEzMS4wOCIgeT0iOTUuNzciIHdpZHRoPSIzLjQ5IiBoZWlnaHQ9IjI4LjE4Ii8+CiAgICA8L2c+CiAgICA8ZyBpZD0iTGF5ZXJfMTQiIGRhdGEtbmFtZT0iTGF5ZXIgMTQiPgogICAgICA8cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjExOC4wOCIgeT0iOTYuMDEiIHdpZHRoPSIzLjM3IiBoZWlnaHQ9IjI3LjkzIi8+CiAgICA8L2c+CiAgICA8ZyBpZD0iTGF5ZXJfMTUiIGRhdGEtbmFtZT0iTGF5ZXIgMTUiPgogICAgICA8cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjExOS43NiIgeT0iMTIwLjQ2IiB3aWR0aD0iMTIuMjIiIGhlaWdodD0iMy40OSIvPgogICAgPC9nPgogICAgPGcgaWQ9IkxheWVyXzE2IiBkYXRhLW5hbWU9IkxheWVyIDE2Ij4KICAgICAgPHJlY3QgY2xhc3M9ImNscy0xIiB4PSIyNy41MiIgeT0iOTUuNjUiIHdpZHRoPSIzLjYxIiBoZWlnaHQ9IjI4LjMiLz4KICAgIDwvZz4KICAgIDxnIGlkPSJMYXllcl8xNyIgZGF0YS1uYW1lPSJMYXllciAxNyI+CiAgICAgIDxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMTQuNTciIHk9Ijk1Ljg5IiB3aWR0aD0iMy40MyIgaGVpZ2h0PSIyOC4wNiIvPgogICAgPC9nPgogICAgPGcgaWQ9IkxheWVyXzE4IiBkYXRhLW5hbWU9IkxheWVyIDE4Ij4KICAgICAgPHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxNy4yMiIgeT0iMTIwLjM0IiB3aWR0aD0iMTEuMDIiIGhlaWdodD0iMy42MSIvPgogICAgPC9nPgogIDwvZz4KICA8ZyBpZD0iTGF5ZXJfMi0yIiBkYXRhLW5hbWU9IkxheWVyIDIiPgogICAgPHJlY3QgY2xhc3M9ImNscy0xIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjAiIHk9IjE0OSIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPgogICAgPHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxNDkiIHk9IjE0OSIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPgogICAgPHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxNDkiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4KICA8L2c+Cjwvc3ZnPg==");
}

.has-icon[data-icon='beer']::before{
   content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M17 11h1a3 3 0 0 1 0 6h-1m-8-5v6m4-6v6m1-10.5c-1 0-1.44.5-3 .5s-2-.5-3-.5s-1.72.5-2.5.5a2.5 2.5 0 0 1 0-5c.78 0 1.57.5 2.5.5S9.44 2 11 2s2 1.5 3 1.5s1.72-.5 2.5-.5a2.5 2.5 0 0 1 0 5c-.78 0-1.5-.5-2.5-.5'/%3E%3Cpath d='M5 8v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8'/%3E%3C/g%3E%3C/svg%3E");
}

.has-icon[data-icon='service']::before{
   content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M3 19q-.425 0-.712-.288T2 18t.288-.712T3 17h18q.425 0 .713.288T22 18t-.288.713T21 19zm0-3v-1q0-3.2 1.963-5.65T10 6.25V6q0-.825.588-1.412T12 4t1.413.588T14 6v.25q3.1.65 5.05 3.1T21 15v1zm2.05-2h13.9q-.35-2.6-2.325-4.3T12 8T7.388 9.7T5.05 14M12 14'/%3E%3C/svg%3E");
}

.has-icon[data-icon='drink']::before{
   content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000000' d='m273.637 128l3.809 32h96.43l-8 64H252.573l-7.442-64h.089l-3.809-32l-.045-.389l-9.041-77.745L230.247 32H104v32h97.753l7.442 64h-91.319l40.5 323.969A32.05 32.05 0 0 0 190.125 480h147.75a32.05 32.05 0 0 0 31.753-28.031L410.124 128Zm-119.513 32h58.792l7.442 64h-58.234Zm183.765 288H190.124l-24-192h57.955l13.953 120h32.215l-13.954-120H361.88Z'/%3E%3C/svg%3E");
}
.has-icon[data-icon='food']::before{
   content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000000' d='M1.338 1.961C1.495 1.362 2.041 1 2.615 1c.354 0 .676.133.921.35a1.5 1.5 0 0 1 1.928 0A1.38 1.38 0 0 1 6.385 1c.574 0 1.12.362 1.277.961C7.812 2.533 8 3.455 8 4.5a3.5 3.5 0 0 1-1.595 2.936c-.271.177-.405.405-.405.6v.396q0 .034.004.066c.034.248.157 1.169.272 2.124c.113.937.224 1.959.224 2.378a2 2 0 1 1-4 0c0-.42.111-1.44.224-2.378c.115-.955.238-1.876.272-2.124L3 8.432v-.396c0-.195-.134-.423-.405-.6A3.5 3.5 0 0 1 1 4.5c0-1.045.188-1.967.338-2.539M6 5a.5.5 0 0 1-1 0V2.5a.5.5 0 0 0-1 0V5a.5.5 0 0 1-1 0V2.385A.385.385 0 0 0 2.615 2c-.166 0-.28.099-.31.215A9.2 9.2 0 0 0 2 4.5a2.5 2.5 0 0 0 1.14 2.098c.439.285.86.786.86 1.438v.396q0 .1-.013.2c-.034.246-.156 1.161-.27 2.11c-.116.965-.217 1.914-.217 2.258a1 1 0 1 0 2 0c0-.344-.1-1.293-.217-2.259c-.114-.948-.236-1.863-.27-2.11A2 2 0 0 1 5 8.433v-.396c0-.652.421-1.153.86-1.438A2.5 2.5 0 0 0 7 4.5c0-.932-.168-1.764-.305-2.285C6.665 2.1 6.55 2 6.385 2A.385.385 0 0 0 6 2.385zm3 .5A4.5 4.5 0 0 1 13.5 1a.5.5 0 0 1 .5.5v5.973l.019.177a261 261 0 0 1 .229 2.24c.123 1.256.252 2.664.252 3.11a2 2 0 1 1-4 0c0-.446.129-1.854.252-3.11c.063-.637.126-1.247.173-1.699l.02-.191H10a1 1 0 0 1-1-1zm2.997 2.053l-.021.202a386 386 0 0 0-.228 2.233c-.127 1.287-.248 2.63-.248 3.012a1 1 0 1 0 2 0c0-.383-.121-1.725-.248-3.012a315 315 0 0 0-.228-2.233l-.021-.201L13 7.5V2.035A3.5 3.5 0 0 0 10 5.5V7h1.5a.5.5 0 0 1 .497.553'/%3E%3C/svg%3E");
}
.has-icon[data-icon='food-drink']::before{
   content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M1 22c0 .54.45 1 1 1h13c.56 0 1-.46 1-1v-1H1zM8.5 9C4.75 9 1 11 1 15h15c0-4-3.75-6-7.5-6m-4.88 4c1.11-1.55 3.47-2 4.88-2s3.77.45 4.88 2zM1 17h15v2H1zM18 5V1h-2v4h-5l.23 2h9.56l-1.4 14H18v2h1.72c.84 0 1.53-.65 1.63-1.47L23 5z'/%3E%3C/svg%3E");
}
.has-icon[data-icon='no-view']::before{
   content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000000' d='m5.24 22.51l1.43-1.42A14.06 14.06 0 0 1 3.07 16C5.1 10.93 10.7 7 16 7a12.4 12.4 0 0 1 4 .72l1.55-1.56A14.7 14.7 0 0 0 16 5A16.69 16.69 0 0 0 1.06 15.66a1 1 0 0 0 0 .68a16 16 0 0 0 4.18 6.17'/%3E%3Cpath fill='%23000000' d='M12 15.73a4 4 0 0 1 3.7-3.7l1.81-1.82a6 6 0 0 0-7.33 7.33zm18.94-.07a16.4 16.4 0 0 0-5.74-7.44L30 3.41L28.59 2L2 28.59L3.41 30l5.1-5.1A15.3 15.3 0 0 0 16 27a16.69 16.69 0 0 0 14.94-10.66a1 1 0 0 0 0-.68M20 16a4 4 0 0 1-6 3.44L19.44 14a4 4 0 0 1 .56 2m-4 9a13.05 13.05 0 0 1-6-1.58l2.54-2.54a6 6 0 0 0 8.35-8.35l2.87-2.87A14.54 14.54 0 0 1 28.93 16C26.9 21.07 21.3 25 16 25'/%3E%3C/svg%3E");
}
.has-icon[data-icon='table']::before{
   content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='m21.96 9.73l-1.43-5a.996.996 0 0 0-.96-.73H4.43c-.45 0-.84.3-.96.73l-1.43 5c-.18.63.3 1.27.96 1.27h2.2L4 20h2l.67-5h10.67l.66 5h2l-1.2-9H21c.66 0 1.14-.64.96-1.27M6.93 13l.27-2h9.6l.27 2zm-2.6-4l.86-3h13.63l.86 3z'/%3E%3C/svg%3E");
}
.has-icon[data-icon='bleacher']::before{
   content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M5.75 4A2.75 2.75 0 0 0 3 6.75v5.3a2.5 2.5 0 0 0 0 4.9v2.3a.75.75 0 0 0 1.5 0V17h15v2.25a.75.75 0 0 0 1.5 0v-2.3a2.5 2.5 0 0 0 0-4.9v-5.3A2.75 2.75 0 0 0 18.25 4zm13.75 8h-15V6.75c0-.69.56-1.25 1.25-1.25h12.5c.69 0 1.25.56 1.25 1.25zm1 3.5h-17a1 1 0 1 1 0-2h17a1 1 0 1 1 0 2'/%3E%3C/svg%3E");
}
.has-icon[data-icon='family']::before{
   content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23000000' stroke-linecap='round' stroke-width='4'%3E%3Cpath d='M10 19s-5.143 2-6 9m34-9s5.143 2 6 9m-26-9s4.8 1.167 6 7m6-7s-4.8 1.167-6 7m-4 8s-4.2.75-6 6m14-6s4.2.75 6 6'/%3E%3Ccircle cx='24' cy='31' r='5' stroke-linejoin='round'/%3E%3Ccircle cx='34' cy='14' r='6' stroke-linejoin='round'/%3E%3Ccircle cx='14' cy='14' r='6' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
}
.has-icon[data-icon='fan']::before{
   content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M9 2a4 4 0 1 0 0 8a4 4 0 0 0 0-8M6 6a3 3 0 1 1 6 0a3 3 0 0 1-6 0m-1.991 5A2 2 0 0 0 2 13c0 1.691.833 2.966 2.135 3.797C5.417 17.614 7.145 18 9 18q.617 0 1.21-.057a5.5 5.5 0 0 1-.618-.958Q9.301 17 9 17c-1.735 0-3.257-.364-4.327-1.047C3.623 15.283 3 14.31 3 13c0-.553.448-1 1.009-1h5.59q.277-.538.658-1zM19 14.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0m-4.024-2.64a.494.494 0 0 0-.952 0l-.477 1.532H12c-.484 0-.686.647-.294.944l1.25.947l-.477 1.532c-.15.48.378.88.77.583l1.25-.947l1.25.947c.392.297.92-.103.77-.583l-.477-1.532l1.25-.947c.392-.297.19-.944-.294-.944h-1.545z'/%3E%3C/svg%3E");
}

.has-icon[data-icon='confetti']::before{
   content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000000' d='M114.32 49.8a19.79 19.79 0 0 0-32.6 7.2l-52.5 144.41A19.82 19.82 0 0 0 47.75 228a20 20 0 0 0 6.84-1.22L199 174.28a19.79 19.79 0 0 0 7.24-32.6Zm-10.13 133.41l-31.4-31.4l10.15-27.91l49.16 49.16Zm-40.42-6.51l15.53 15.56l-24.45 8.89ZM157 164L92 99l10-27.58L184.57 154ZM128 40V16a12 12 0 0 1 24 0v24a12 12 0 0 1-24 0m116.48 83.51a12 12 0 0 1-17 17l-16-16a12 12 0 0 1 17-17Zm-.69-40.13l-24 8a12 12 0 0 1-7.59-22.77l24-8a12 12 0 1 1 7.59 22.77M156.6 65.93C159.83 47.47 173.39 36 192 36c6.45 0 8.69-2.49 10-4.92a18 18 0 0 0 2-7.22V24a12 12 0 0 1 24 0c0 14.47-9.59 36-36 36c-4.94 0-10.21 1.19-11.76 10.06A12 12 0 0 1 168.43 80a12.4 12.4 0 0 1-2.08-.18a12 12 0 0 1-9.75-13.89'/%3E%3C/svg%3E");
}
[data-model='zone'] [data-kind='content'] ul, [data-model='question'] [data-kind='content'] ul{
   padding-left: 8px;
}

[data-model='zone'] [data-kind='content'] li, [data-model='question'] [data-kind='content'] li{
   margin-bottom:8px;
   list-style-type:disc;
   list-style-position:outside;
   margin-left:16px;;
}