#results .whatson-result{display:inline-block}
#results .whatson-dateheader{width:100%;clear:both}
#results a{color:inherit}
#results h3{font-size:100%}

body{font-family:'Gabarito',sans-serif}

.navbar .btn, .filters-nav-expanded {transition:all ease-in-out 0.75s}
#nav-header-info,#whatson-topnav-logo {transition:all ease-in 0.25s}

#nav-fixedheader,.navbar,.caret {transition:all ease-in 0.25s}

a{text-decoration:none}

h4,.font-condensed{font-family:'Gabarito', serif}

.footer-links>span:after{display:inline-block;content:"\b7\a0";padding:0 5px;opacity:0.5}
#confirmation{overflow:hidden;z-index:100;max-height:0px;opacity:0;bottom:1rem}
#confirmation[data-visible="1"]{opacity:1;max-height:1000px}

body[data-loading="0"] #whatson-loading,
body[data-loading="2"] #whatson-loading,
body[data-loading="0"] #whatson-loading-more,
body[data-loading="1"] #whatson-loading-more{display:none!important}

body[data-loading="1"]{background:rgba(0,0,0,0.01)}

#whatson-templates{display:none}

#whatson-categories a{text-shadow:1px 1px 5px rgba(0,0,0,0.5);position:relative}
#whatson-categories a>div:before{display:block;background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.05) 90%, rgba(0,0,0,0.05) 100%);content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-radius:0 0 6px 6px}
#whatson-categories a:hover{opacity:0.9}

#whatson-categories a>div{height:100px;background-size:cover;background-position:center center;background-repeat:no-repeat;border:1px inset rgba(255,255,255,0.8);box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);z-index:2}

#whatson-categories a i{font-size:80px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:rgba(255,255,255,0.5);text-shadow:none}
#whatson-categories h6{z-index:2}

.whatson-dateset{display:block;width:100%}
.whatson-dateset-partial{display:none!important}

.result-weekend{background:#fafafa}
.result-tags{position:relative;top:-4px;font-weight:normal}
.result-tags>span{font-weight:normal;font-size:70%;margin-right:5px;position:relative}

.whatson-dateset-expand button{opacity:0.75;display:block;width:100%;font-size:100%}
.whatson-dateset-expand button:not(:hover){filter:grayscale(100%)}
.whatson-dateset[data-expanded="0"] .result-secondary{display:none!important}
.whatson-dateset[data-expanded="1"] .result-secondary{display:inline-block!important;background1:green!important}
.whatson-dateset[data-expanded="1"] .whatson-dateset-expand{display:none}


#nav-fixedheader{font-size:120%;font-weight:500}

body[data-filters-toggle="1"] #nav-filters-toggle-caret{transform:rotate(180deg)}

.interaction,#confirmation,.has-tooltip:before,.has-tooltip:after{transition:all ease-in-out 0.3s}

.interaction{display:inline-block;vertical-align:middle;cursor:pointer}

.interaction-event{width:16px;height:16px;background-image:url(/resources-whatson/bootstrap-icons-1.9.1/heart.svg);background-size:14px auto;background-position:center center;background-repeat:no-repeat}
.interaction-event:hover,.interaction-event[data-value="1"]{background-image:url(/resources-whatson/bootstrap-icons-1.9.1/heart-fill-primary.svg)}

.interaction-venue:after{content:"Follow Venue"}
.interaction-venue[data-value="1"]{background:#0000FF;border-color:#0000FF}
.interaction-venue[data-value="1"]:after{content:"Following";color:#fff}

#confirmation{z-index:10000}
#confirmation>span.text-bg-danger{padding-left:20px;padding-right:20px}
#confirmation>span.text-bg-danger svg{display:none}



.whatson-result .dropdown>.interaction{opacity:0.75}
.whatson-result .dropdown>.btn svg{color:#000;opacity:0.5}

.input-icon{position:relative}
.input-icon-icon{position:absolute;top:50%;left:1rem;transform:translateY(-50%);z-index:2;opacity:0.5;pointer-events:none}
.input-icon>.input-icon-inner{z-index:1}
.input-icon>.input-icon-inner>button,.input-icon>select.input-icon-inner,.input-icon>input.input-icon-inner{padding-left:2.5rem!important}

.input-icon>svg{pointer-events:none}

#whatson-topnav-logo{margin-left:0.5rem;width:170px;height:40px;margin-top:-0.4%;background-image:url(/resources-whatson/images/logo4.svg);background-size:auto 100%;background-position:center left;background-repeat:no-repeat}

.venue-details{width:300px;left:50%;transform:translateX(-50%)}

#filters-nav[data-distance="0"] #location-col-distance{display:none}
#filters-nav[data-distance="0"] #location-col-dropdown{width:100%!important}
@media(max-width:767px){
    #whatson-topnav-logo{margin-top:-0.8%}
    #results .whatson-result{width:100%}

    body[data-filters-toggle="0"] #whatson-body{padding-top:105px}
    body[data-filters-toggle="0"] #filters-nav{transition:all ease-in 0.75s;z-index:1010;position:fixed;padding:0!important}

    body[data-signedin="1"]{padding-bottom:70px}
    body[data-filters-toggle="0"] .filters-nav-expanded{max-height:0;height:0;overflow:hidden}


    body[data-filters-toggle="0"] #whatson-search .card,body[data-filters-toggle="0"] #whatson-search .card-footer{border-color:#fff;border-radius:0}
    body[data-filters-toggle="0"] #whatson-search .card{border-bottom:1px solid rgba(0,0,0,0.2);box-shadow:0 5px 8px rgba(0,0,0,0.15);background:linear-gradient(to top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%)}
    body[data-filters-toggle="1"] #whatson-search{padding:0.5rem}
    body[data-filters-toggle="1"] .filters-nav-expanded{max-height:none;height:100%}

    body1[data-scrolled="0"] #nav-header-info{opacity:0;visibility:hidden}
    body[data-scrolled="1"] #whatson-topnav-logo1{margin-left:0!important;width:0px;opacity:0}
    #whatson-topnav-logo{width:35px!important}
    #nav-header-info{margin-left:50px}
}



#filters-toggle-btn{border-color:transparent;width:40px}
.dropdown-scrollable{overflow-y:scroll;max-width:100%;width:100%;overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis}

body[data-filters-toggle="1"] #filters-toggle-btn{background:rgba(0,0,0,0.5)}

#results .result-title{font-size:120%;position:relative;margin-top:-20px;display:inline;margin-bottom:10px}

#nav-header-info{position:absolute;z-index:2;top:20px;left:0.25rem;transform:translateY(-50%)}

.whatson-result-body{padding-top:10px}

@media(min-width:768px){

    #results .result-title{font-size:150%}

    .whatson-result-body{height:150px}
    #results .whatson-result{width:25rem}
    .whatson-dateset-expand{width:51rem}

    #nav-header-info{left:25%;transform:translateY(-50%)}

}


.result-thumbnail>div{width:50px;height:50px}

#results .whatson-result .result-venue-img{background-image:url(/resources-whatson/images/categories/AdobeStock_794756727.jpeg);background-size:cover;background-position:top center;background-repeat:no-repeat;width:90px;height:60px;position:relative}
#results .whatson-result.listing-has-image .result-venue-img{background-position:center center}
#results .whatson-result.listing-has-image-venue .result-venue-img{background-size:auto}
#results .whatson-result.listing-has-image-venue-contain .result-venue-img{background-size:contain}

#results .whatson-result .badge{margin-top:3px}



.result-venue-name-initial{font-size:200%}

.whatson-result .venue-details,
.whatson-result.showvenue .has-tooltip:before,
.whatson-result.showvenue .has-tooltip:after{display:none}

.whatson-result:hover{z-index:1000}
.whatson-result.showvenue{z-index:1001}


.whatson-result.showvenue .venue-details{display:block}


.has-tooltip{position:relative}
.has-tooltip:hover:before,.has-tooltip:hover:after{display:block;position:absolute;top:100%;left:50%;transform:translateX(-50%);visibility:hidden;opacity:0}
.has-tooltip:hover:before{content:"";margin-top:1px;width:0;height:0;border-bottom:6px solid rgba(50,50,50,1);border-left:6px solid transparent;border-right:6px solid transparent}
.has-tooltip:hover:after{background:rgba(50,50,50,1);color:#fff;border-radius:5px;content:attr(data-tooltip);margin-top:5px;font-size:90%;padding:0.25rem 0.75rem;white-space:nowrap}

.has-tooltip:hover:before,.has-tooltip:hover:after{visibility:visible;opacity:1}

/* Logo */

.logo{position:absolute;right:0;bottom:-8%;width:100%;height:40%;overflow:hidden;z-index:0}
.logo>div{width:40px;height:40px;border-radius:1000px;display:inline-block;background:#000;position:absolute;bottom:5%;left:50%;transform:translateX(-50%);z-index:2}
.logo>div:nth-child(1){margin-left:-17%}
.logo>div:nth-child(2){margin-left:17%}

.logo>div:nth-child(3),.logo>div:nth-child(4){width:70px;height:70px;z-index:3;bottom:50%}
.logo>div:nth-child(3){margin-left:-20%}
.logo>div:nth-child(4){margin-left:20%}

.logo>div:nth-child(5),.logo>div:nth-child(6){width:180px;height:180px;z-index:3;top:-85%;display:none}
.logo>div:nth-child(5){margin-left:-15%}
.logo>div:nth-child(6){margin-left:15%}


.logo>div:nth-child(3),.logo>div:nth-child(4){border:0px solid #ff0000;background:#ffffff}
.logo>div:nth-child(5),.logo>div:nth-child(6){border:1px solid #00ff00;background:none}



.dropdown-menu .btn-check:checked + .btn{background:#f5f5f5!important;border:none}



.dropdown-item.opacity-50{cursor:default}

#app-nav{z-index:10000;white-space:nowrap;height:70px}
#app-nav>a{font-size:75%;text-align:center;color:inherit;display:block;width:20%;position:absolute;bottom:5px}
#app-nav>a>div:last-child{text-align:center;margin-bottom:10px}
#app-nav>a>div.label{text-align:center;margin-bottom:7px}
.mobile-nav-icon{height:25px;width:auto;position:relative;display:inline-block}
#app-nav>a:nth-child(1),#app-nav>a:nth-child(4){border-right:1px solid rgba(0,0,0,0.03)}
#app-nav>a .label,.mobile-nav-icon svg{opacity:0.5}

.mobile-nav-icon>span{position:relative;display:inline-block}
.mobile-nav-icon svg{vertical-align:bottom}

.badge-count{width:18px;height:18px;display:inline-block;border-radius:100px;position:relative}
.badge-count>span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.mobile-nav-icon .badge-count{position:absolute;left:100%;top:0;transform:translate(-50%, -50%)}

.badge-icon{padding-left:2em;position:relative}
.badge-icon>span{display:block;content:"";width:14px;height:70%;top:15%;position:absolute;left:0.45em}


.badge-icon-lni{background-image:none!important;font-size:120%}
.badge-icon-lni>i{position:absolute;top:50%;transform:translate(-50%,-50%)}

.badge-count{background-color:#9674ED!important;font-size:85%;font-weight:500}

.space{font-size:40%}

#locations-dropdown-items{max-height:400px;overflow-y:auto}
#locations-dropdown-items .dropdown-item{font-size:90%}
#locations-dropdown-items a>span{opacity:0.5;margin-left:0.5em;font-size:90%}
#locations-dropdown-items *[data-filterable-visible="0"]{display:none}

#locations-dropdown-items b{font-weight:600}

#locations-dropdown-items a.filterable.venue,
#locations-dropdown-items a.filterable.location{position:relative;padding-left:2.5em}

#locations-dropdown-items a.filterable.venue::before,
#locations-dropdown-items a.filterable.location::before{font-family:'Lineicons';padding-right:0.5em;opacity:0.5;content:"\f679";position:absolute;top:50%;transform:translateY(-50%);left:1em}
#locations-dropdown-items a.filterable.venue::before{content:"\ed7f";}


.result-on{width:9px;height:9px;border-radius:20px;display:none;background-color:mediumseagreen;position:absolute;right:5px;top:5px}

.result-actions{float:right;margin:-0.5rem -0.8rem -0.5rem 0.15rem}
.separator-dot{opacity1:0.5}

.theme{color:#fff}
.theme-red{background-color:indianred}
.theme-blue{background-color:dodgerblue}
.theme-blue2{background-color:steelblue}
.theme-blue3{background-color:slateblue}
.theme-lightgreen{background-color:honeydew;color:darkgreen}
.theme-yellow{background-color:darkgoldenrod}

.theme-green{background-color:lightseagreen}
.theme-pink{background-color:hotpink}
.theme-teal{background-color:teal}

.theme-orange{background-color:darkorange}

.theme-grey{background-color:grey}

.bg-dark,.btn-primary,.theme-indigo,.btn-outline-dark:hover,input[type="range"]::-webkit-slider-thumb{background-color:#6544B8!important;border-color:#6544B8!important}

.btn-outline-dark,.btn-outline-primary{border-color:#6544B8!important}
.btn-outline-dark:not(:hover),.text-primary,.btn-outline-primary{color:#6544B8!important}

.btn-outline-light{background:none!important}

body[data-view="browse"] #app-nav a[data-view="browse"] svg,
body[data-view="browse"] #app-nav a[data-view="browse"] .label,
body[data-view="search"] #app-nav a[data-view="search"] svg,
body[data-view="search"] #app-nav a[data-view="search"] .label,
body[data-view="saved"] #app-nav a[data-view="saved"] svg,
body[data-view="saved"] #app-nav a[data-view="saved"] .label,
body[data-view="myvenues"] #app-nav a[data-view="myvenues"] svg,
body[data-view="myvenues"] #app-nav a[data-view="myvenues"] .label{color:#6544B8!important;opacity:1}


.lni{-webkit-font-smoothing:subpixel-antialiased!important}