html{
  margin:0;
  padding:0;
}

body{
  font-family:'Raleway', sans-serif;
  font-size:14px;
}

*{
  box-sizing:border-box;
}

*:focus {
  outline:none;
}

button:focus{
  outline:none;
}

img{
  max-width:100%;
}

a{
  color:#231F20;
}

a:hover{
  color:#231F20;
  text-decoration:none;
  opacity:0.8;
}

.writeup::-webkit-scrollbar-track{
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
  /*border-radius: 10px;*/
  background-color: #f2eae0;
}

.writeup::-webkit-scrollbar{
  width: 12px;
  background-color: #f2eae0;
}

.writeup::-webkit-scrollbar-thumb{
  /*border-radius: 10px;*/
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
  background-color: #fff;
  cursor:pointer;
}

/*a img{
  overflow:hidden;
  transition:0.2s;
  opacity:1;
}

a img:hover{
  transform:scale(1.05);
}*/

.viewport:after {
  display:none;
  content:'XS, smaller than 576px';
  font-size:10px;
  background-color:#eee;
  color:#999;
  padding:5px;
  position:fixed;
  top:0;
  left:0;
  z-index:999; 
}

h1{
  font-size:30px;
  font-weight:600;
  font-family:'Noto Serif', sans-serif;
}

h5{
  font-family:'Noto Serif', sans-serif;
  font-size:18px;
  margin-bottom:0;
  display:inline-block;
}

h5.sans{
  font-family:'Raleway', sans-serif;
  font-weight:700;
}

.main{
  padding-top:65px;
}

.button {
  background-color:#EBE729;
  border:2px solid #EBE729;
  padding:12px 20px;
  font-size:12px;
  font-weight:600;
  display:inline-block;
  text-transform:uppercase;
}

.button:hover {
  background-color:transparent;
  opacity:1;
}

.nav-col{
  display:none;
  width:100%;
  padding:4vh 15px 0 15px;
  background-color:#FAFAFA;
  height:100vh;
  position:relative;
}

.nav-col .logo img{
  height:4vh;
  margin-top:4px;
}

nav{
  font-weight:700;
  width:calc(100% - 30px);
  position:absolute;
  top:45%;
  transform:translateY(-45%);
}

nav ul.primary{
  margin-bottom:2vh;
  border-bottom:1px solid #eee;
  font-size:12px;
  padding:0 0 2vh 0;
}

nav .primary li{
  margin-bottom:2vh;
}

nav ul.primary li a{
  position:relative;
}

nav ul.primary li a:hover{
  opacity:1;
}

nav ul.primary li a.active:after{
  content:'';
  display:inline-block;
  background-color:#EBE729;
  height:1.5vh;
  width:calc(100% + 5px);
  position:absolute;
  left:0px;
  top:0.6vh;
  z-index:-1;
}

nav .secondary{
  font-weight:400;
  font-size:12px;
}

nav .primary li:last-of-type{
  margin-bottom:0;
}


nav .secondary li{
  margin-bottom:1.5vh;
}

nav .instagram {
  background:#FAF5EF;
  padding:10px;
  display:flex;
  align-items:center;
  margin-left:-15px;
  margin-right:-15px;
}

nav .instagram img {
  height: 3.2vh;
  /*width:35px;
  height:35px;*/
  /*margin-left:10px;*/
}

nav .instagram span {
  font-weight:400;
  font-size:11px;
  padding-left:7px;
}

nav .instagram strong{
  /*font-size:0.85vw;*/
  font-size:0.7vw;
  display:block;
  margin-top:-0.2vh;
}

nav .instagram.fb{
  margin-top: 10px;
}

nav ul.secondary li a{
  position:relative;
}

nav ul.secondary li a.active:after{
  content:'';
  display:inline-block;
  background-color:#EBE729;
  height:1.2vh;
  width:calc(100% + 5px);
  position:absolute;
  left:-2px;
  bottom:-0.4vh;
  z-index:-1;
}

.nav-col .tertiary{
  font-size:10px;
  position:absolute;
  bottom:2vh;
  width:calc(100% - 30px);
}

.nav-col .tertiary li{
  color:#231F20;
  font-weight:300;
  text-align:center;
  margin-top:1.4vh;
}

.nav-col .tertiary .copyright{
  color:#231F20;
  opacity:0.6;
}

.nav-col .tertiary img {
  width:auto;
  /*height:3.5vh;*/
height:8vh;
  margin-right:0;
}

.nav-col ul{
  margin:0;
  padding:0;
}

.nav-col ul li{
  list-style-type:none;
}

.nav-col ul li img {
  width:20px;
  margin-right:10px;
}

.nav-col .searchbar{
  width:100%;
  border-radius:20px;
  background:white;
  height:35px;
  display:flex;
  margin:2vh 0 0 0;
  border:1px solid #eee;
  display:none;
}

.nav-col input {
  width:82%;
  font-size:12px;
  margin:0;
  padding:10px 10px;
  border:none;
  background:transparent;
}

.nav-col .searchbar button {
  width:30px;
  height:33px;
  border:none;
  background:transparent;
}

/*mobile nav*/
.mobile-header{
  position:fixed;
  top:0;
  background-color:white;
  width:100%;
  box-shadow:1px 4px 4px rgba(0,0,0,0.3);
  padding:15px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  z-index:3;
}

.mobile-header .logo{
}

.mobile-header .logo img{
}

.mobile-header .hamburger{
  cursor:pointer;
}

.mobile-menu{
  position:fixed;
  width:100%;
  height:100%;
  background-color:#FAFAFA;
  top:-100vh;
  transition:0.5s;
  z-index:2;
  padding-top:1vh;
}

.mobile-menu.active{
  display:block;
  top:64px;
}

.mobile-menu .row{
  margin-left:15px;
  margin-right:15px;
  display:flex;
  border-bottom:1px solid #F2F2F2;
}

.mobile-menu .row.single{
  justify-content:center;
}

.mobile-menu .row a{
  text-align:center;
  padding-top:3vh;
  padding-bottom:3vh;
  flex:1;
}

.mobile-menu .row a:first-of-type{
  border-right:1px solid #F2f2f2;
}

.mobile-menu .row a.active .wrap:after{
  content:'';
  background-color:#EBE729;
  height:10px;
  position:absolute;
  display:inline-block;
  width:100%;
  left:0;
  bottom:0;
  z-index:-1;
}

.mobile-menu .row a.active .wrap{
  position:relative;
  display: inline-block;
}

.mobile-menu .row.single a{
  border-right:0;
  display:inline-block;
}

.mobile-menu .row img{
  height:5vh;
}

.mobile-menu .row .text{
  margin-top:1vh;
  display:block;
}

.mobile-menu .secondary{
  background-color:#FAF5EF;
}

.mobile-menu .secondary .row{
  margin-left:0;
  margin-right:0;
}

.mobile-menu .secondary a{
  padding-top:2vh;
  padding-bottom:2vh;
  font-size:12px;
}

.mobile-menu .footer{
  text-align:center;
  padding:4vh 0 0 0;
}

.mobile-menu .footer img{
  height:8vh;
/*height:5vh;*/
}

.mobile-menu .footer .copyright{
  margin-top:2vh;
  font-size:13px;
}

.home-store-carousel{
  display:flex;
  flex-direction:row-reverse; 
  align-items:center;
}

.home-store-carousel .store{
  position:relative;
  margin-bottom:10px;
  overflow:hidden;
  
}

.home-store-carousel .store:hover{
  opacity:1;
}

.home-store-carousel .store img{
  width:auto;
  transition:0.2s;
}

.home-store-carousel .store:hover img{
  transform:scale(1.05);
}

.home-store-carousel .slick-list{
  margin-left:0;
  margin-right:0;
}

.home-whatson-carousel .item{
  position:relative;
  padding-left:15px;
  margin-right:15px;
}

.home-whatson-carousel .item .button{
  margin-left:-15px;
}

.store-name, .store-unit {
  color:white;
}

.store-details {
  position:absolute;
  background-image:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9));
  bottom:-2px;
  width:100%;
  padding:10px;
  font-size:12px;
}

.store-detail-carousel .slick-next:after{
  width:20px;
  margin-top:0;
}

.stores-col{
  width:100%;
  padding:20px 15px 10px 15px;
  order:2;
}

.store-title {
  display:inline-block;
  margin-bottom:20px;
}

.whatson-title{
  display:inline-block;
  font-family:'Noto Serif', sans-serif;
  margin-bottom:20px;
}

.underlined:after{
  content:'';
  background-color:#EBE729;
  height:10px;
  margin-top:2px;
  display:block;
  width:calc(100% + 20px);
}

.short.underlined:after{
  width:100px;
}


/* Home - What's On */
.whatson-col{
  width:100%;
  padding:30px 15px 0 15px;
  order:1;
  position:relative;
}

.whatson-image img {
  width:100%;
}

.whatson-col h1{
  margin-bottom:15px;
  margin-left:-15px;
  /*new css method for truncation*/
  overflow: hidden;
  /*display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;*/
}

.whatson-col .writeup{
  width:100%;
  margin-bottom:15px;
  font-size:14px;
  margin-left:-15px;
  /*height:8vh;*/
  /*new css method for truncation*/
  overflow: hidden;
  /*display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;*/
}

.whatson-col .thumb{
  margin:20px -15px 0 -15px;
}

/* Home Widgets */
.widgets-col{
  background-color:#FAF5EF;
  width:100%;
  padding:20px 15px 0 15px;
  order:3;
  position:relative;
}

.local-title {
  display:inline-block;
  font-family:'Noto Serif', sans-serif;
}

.local-writeup {
  margin-top:15px;
}

.instagram-title {
  display:inline-flex;
  flex-wrap:wrap;
  padding-bottom:15px;
  font-family:'Noto Serif', sans-serif;
}

.instagram-title:after{
  content:'';
  background-color:#EBE729;
  height:7px;
  margin-top:2px;
  display:block;
  width:100%;
}

.instagram-title img {
  width:20px;
  height:20px;
  margin-right:10px;
}

.home-featured-widget.locals {
  background:#FAF5EF;
  padding-bottom:20px;
}

.home-featured-widget.instagram{
  background:white;
  padding:20px 15px;
  margin:0 -15px 0 -15px;
}

.home-featured-widget.instagram .item a:first-of-type{
  display:block;
  margin-bottom:10px;
}

/* home featured carousel */
.home-featured-carousel{
  margin-top:15px;
}

.home-featured-carousel .item{
  margin:0 5px;
  position:relative;
}

.home-featured-carousel .item:hover{
  opacity:0.95;
}

.home-featured-carousel .item img{
  object-fit:cover;
}

.home-featured-carousel .item .store-details{
  text-align:center;
  display:block;
}

/* slick stuff*/
.slick-list{
  margin-left:-5px;
  margin-right:-5px;
}

.slick-slide img{
  width:100%;
}

.slick-dots {
  list-style:none;
  padding:0 10px 0 0;
  display:none;
}

.slick-dots button {
  border-radius:16px;
  width:16px;
  height:16px;
  text-indent:-999vw;
}

.home-store-carousel .slick-dots .custom-dot, .home-whatson-carousel .slick-dots .custom-dot{
  width:14px;
  height:14px;
  border-radius:14px;
  cursor:pointer;
  
}

.home-store-carousel .slick-dots li{
  margin-bottom:15px;
}

.home-store-carousel .slick-dots li:last-of-type{
  margin-bottom:0;
}

.slick-active button{
  background-color:transparent;
  border:2px yellow solid;
  color:transparent;
}

.home-store-carousel .slick-dots li:first-of-type .custom-dot,
.home-whatson-carousel .slick-dots li:first-of-type .custom-dot{
  background-color:#EBE729;
  border:2px solid #EBE729;
}

.home-store-carousel .slick-dots li:nth-of-type(2) .custom-dot,
.home-whatson-carousel .slick-dots li:nth-of-type(2) .custom-dot{
  background-color:#8CC63F;
  border:2px solid #8CC63F;
}

.home-store-carousel .slick-dots li:nth-of-type(3) .custom-dot,
.home-whatson-carousel .slick-dots li:nth-of-type(3) .custom-dot{
  background-color:#439539;
  border:2px solid #439539;
}

.home-store-carousel .slick-dots li:nth-of-type(4) .custom-dot,
.home-whatson-carousel .slick-dots li:nth-of-type(4) .custom-dot{
  background-color:#00703C;
  border:2px solid #00703C;
}

.home-store-carousel .slick-dots li:nth-of-type(5) .custom-dot,
.home-whatson-carousel .slick-dots li:nth-of-type(5) .custom-dot{
  background-color:#78BDE8;
  border:2px solid #78BDE8;
}

.home-store-carousel .slick-dots .slick-active .custom-dot,
.home-whatson-carousel .slick-dots .slick-active .custom-dot{
  background-color:transparent!important;
}

.slick-prev{
  display:none!important;
}

.home-featured-widget.locals .slick-next {
  background-color:rgba(243, 241, 127,0.7);
  display:none;
}

.home-featured-widget.instagram .slick-next {
  background-color:rgba(235, 231, 41,0.7);
}

.slick-next, .slick-prev{
  position:absolute;
  top:0;
  right:0;
  height:100%;
  text-indent:-999999px;
  border:0;
}

.slick-prev{
  left:0;
  opacity:0.6;
}

.whatson-col .slick-dots{
  padding:0;
  margin:0;
  position:absolute;
  width:100%;
  bottom:5px;
  text-align:center;
}

.whatson-col .slick-list{
  margin:0;
}

.whatson-col .slick-dots li{
  display:inline-block;
  margin-right:2%;
}

.whatson-col .slick-dots li:last-of-type{
  margin-right:0;
}

/* next arrow */
.slick-next:after{
  content:'';
  display:block;
  color:#fff;
  height:8vh;
  width:15px;
  margin-top:15vh;
  background:url("../images/next-arrow.svg") no-repeat;
}

/* prev arrow */
.slick-prev:after{
  content:'';
  display:block;
  color:#fff;
  height:8vh;
  width:15px;
  margin-top:15vh;
  background:url("../images/prev-arrow.svg") no-repeat;
}

.shop-pass-widget{
  border:2px solid #EBE729;
  margin-top:20px;
  margin-bottom:20px;
  background-color:#FAF5EF;
}

.shop-pass-widget .logo-text{
  display:flex;
  padding:2vh 15px;
  align-items:center;
  justify-content:center;
}

.shop-pass-widget .logo-text .logo{
  margin-right:4%;
}

.shop-pass-widget .logo-text .text{
  font-family:'Noto Serif', sans-serif;
  font-size:14px;
}

.shop-pass-widget .button{
  display:block;
  text-align:center;
  border:0;
}

.shop-pass-widget .button:hover{
  background-color:#EBE729;
  opacity:0.8;
}

/* listing page */

.highlight {
  background:#EBE729;
  height:11px;
  width:115px;
  margin:-12px 0 0px;
  margin-left:2px;
}

.content-col{
  width:100%;
  padding:30px 15px 0 15px;
}

.content-col.stores, 
.content-col.search, 
.content-col.detail-pg, 
.content-col.whatson.listing{
  padding:0;
}

.directory-box {
  width:100%;
  position:relative;
}

.wavylines{
  display:none;
}

.category-box {
  width:100%;
  background-color:#FAF5EF;
  position:relative;
  padding:30px 30px 0 30px;
  background-image:url('../images/wavylines.png');
  background-repeat:no-repeat;
  background-size:70%;
  background-position:250% 25px;
}

.category-content {
  padding-bottom:70px;
}

.dotted-bg{
  background-image:url(../images/dotted-bg.png);
  background-color:#fff;
  height:103px;
  margin:0 -30px 0 -30px;
}

.dotted-bg.footer{
  /*position:absolute;
  bottom:0;*/
  width:100%;
  height:100px;
  margin:30px 0 0 0;
}

.title{
  display:inline-block;
}

.title .underline {
  background:#8CC63F;
}

.details h4{
  font-family:'Noto Serif', sans-serif;
}

.category-box .title {
  padding:0 0 15px 0;
  font-size:14px;
}

.category-box .description {
  padding:0 20% 20px 0;
  font-size:14px;
}

.store-search{
    width:100%;
    background:rgba(255,255,255);
    height:40px;
    display:flex;
    margin:0;
    border-radius:20px;
}

.store-search input {
  width:86%;
  margin:0;
  background:rgba(255,255,255,0.6);
  padding:15px 15px;
  border:none;
  height:40px;
  border-radius:20px;
}

.store-search button {
    width:14%;
    border:none;
    background:rgba(255,255,255,0.6);
    height:40px;
    border-radius:20px;
}

.stores-container{
  position:absolute;
  top:200px;
  width:100%;
}

.store-listing-carousel{
  padding:0 30px;
  /*position:absolute;
  top:-150px;*/
}

.store-listing-carousel .store{
  box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  margin-bottom:15px;
  position:relative;
  display:block;
}

.store-listing-carousel .item .store .thumb{
  position:relative;
}

.store-listing-carousel .detail-wrap{
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:5px 15px;
}

.store-listing-carousel .detail-wrap .left{
  color:#231F20;
  text-transform:uppercase;
  font-weight:700;
  font-size:12px;
  padding-right:5%;
}

.store-listing-carousel .detail-wrap .left .storename{
  line-height:120%;
  display:block;
}

.store-listing-carousel .detail-wrap .unit-no{
  font-weight:400;
}

.store-listing-carousel .detail-wrap .right{
  width:25%;
  text-align:right;
}

.store-listing-carousel .detail-wrap .right img{
  max-height:50px;
  border:1px solid #eee;
}

/* detail page */
.title-logo-wrap{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
}

.title-logo-wrap .title{
  width:75%;
  text-transform:uppercase;
}

.title-logo-wrap .title:after{
  width:100%;
}

.title-logo-wrap .logo{
  width:20%;
  box-shadow:3px 3px 5px rgba(0,0,0,0.1);
}

/*.detail-pg .title{
	margin-bottom:0;
  padding-bottom:0;
}

.detail-pg .title.underlined:after{
  width:100%;
}
*/
.detail-pg .slick-arrow{
  background:rgba(192,192,192,0.4);
  padding-left:15px;
  padding-right:15px;
}

.detail-pg .slick-list{
  margin-left:0;
  margin-right:0;
}

.detail-pg .social-wrap{
  margin:15px 0;
  display:flex;
}

.detail-pg .social-wrap a{
  background-repeat:no-repeat;
  display:block;
  height:35px;
  margin-bottom:10px;
  padding-top:1px;
  margin-right:7px;
}

.detail-pg .social-wrap img{
  height:100%;
}

.detail-pg .category-box .title{
    padding-bottom:0;
  }

/* color theme:yellow */
.yellow.underlined:after,
.yellow .underlined:after,
.detail-pg.yellow .backbtn, 
.detail-pg.yellow .underlined:after,
.detail-pg.yellow .button,
.item .tag.yellow{
  background-color:#EBE729;
}

.yellow .store-listing-carousel .slick-prev,
.yellow .store-listing-carousel .slick-next{
  background-color:rgba(235,231,41, 0.9);
}

.detail-pg.yellow .social-wrap .fb{
  background-image:url('https://wheelockplace.com/wp-content/themes/wheelock-wp/images/icon-fb-yellow.svg');
}

.detail-pg.yellow .social-wrap .ig{
  background-image:url('https://wheelockplace.com/wp-content/themes/wheelock-wp/images/icon-ig-yellow.svg');
}

.detail-pg.yellow .social-wrap .twitter{
  background-image:url('https://wheelockplace.com/wp-content/themes/wheelock-wp/images/icon-twitter-yellow.svg');
}

.yellow .category-box{
  background-image:url('../images/wavylines-yellow.svg');
}

/* color theme:lightgreen */
.lightgreen.underlined:after,
.lightgreen .underlined:after,
.detail-pg.lightgreen .backbtn, 
.detail-pg.lightgreen .underlined:after,
.detail-pg.lightgreen .button,
.search .item .tag.lightgreen{
  background-color:#8CC63F;
}

.lightgreen .store-listing-carousel .slick-prev,
.lightgreen .store-listing-carousel .slick-next{
  background-color:rgba(140, 198, 63, 0.9);
}

.detail-pg.lightgreen .social-wrap .fb{
  background-image:url('../images/icon-fb-lightgreen.svg');
}

.detail-pg.lightgreen .social-wrap .ig{
  background-image:url('../images/icon-ig-lightgreen.svg');
}

.detail-pg.lightgreen .social-wrap .twitter{
  background-image:url('../images/icon-twitter-lightgreen.svg');
}

.lightgreen .category-box{
  background-image:url('../images/wavylines-lightgreen.svg');
}

/* color theme:green */
.green.underlined:after,
.green .underlined:after, 
.detail-pg.green .backbtn, 
.detail-pg.green .underlined:after,
.detail-pg.green .button,
.search .item .tag.green{
  background-color:#00703C;
}

.green .store-listing-carousel .slick-prev,
.green .store-listing-carousel .slick-next{
  background-color:rgba(0,112,60, 0.9);
}

.detail-pg.green .social-wrap .fb{
  background-image:url('../images/icon-fb-green.svg');
}

.detail-pg.green .social-wrap .ig{
  background-image:url('../images/icon-ig-green.svg');
}

.detail-pg.green .social-wrap .twitter{
  background-image:url('../images/icon-twitter-green.svg');
}

.green .category-box{
  background-image:url('../images/wavylines-green.svg');
}

/* color theme:purple */
.purple.underlined:after,
.purple .underlined:after, 
.detail-pg.purple .backbtn, 
.detail-pg.purple .underlined:after,
.detail-pg.purple .button,
.search .item .tag.purple{
  background-color:#C3ABD2;
}

.purple .store-listing-carousel .slick-prev,
.purple .store-listing-carousel .slick-next{
  background-color:rgba(195,171,210, 0.9);
}

.detail-pg.purple .social-wrap .fb{
  background-image:url('../images/icon-fb-purple.svg');
}

.detail-pg.purple .social-wrap .ig{
  background-image:url('../images/icon-ig-purple.svg');
}

.detail-pg.purple .social-wrap .twitter{
  background-image:url('../images/icon-twitter-purple.svg');
}

.purple .category-box{
  background-image:url('../images/wavylines-purple.svg');
}

/*color theme:dark purple*/
.dark-purple.underlined:after,
.dark-purple .underlined:after, 
.detail-pg.dark-purple .backbtn, 
.detail-pg.dark-purple .underlined:after,
.detail-pg.dark-purple .button,
.search .item .tag.dark-purple{
  background-color:#7A68AE;
}

.dark-purple .store-listing-carousel .slick-prev,
.dark-purple .store-listing-carousel .slick-next{
  background-color:rgba(122,104,174, 0.9);
}

.detail-pg.dark-purple .social-wrap .fb{
  background-image:url('../images/icon-fb-darkpurple.svg');
}

.detail-pg.dark-purple .social-wrap .ig{
  background-image:url('../images/icon-ig-darkpurple.svg');
}

.detail-pg.dark-purple .social-wrap .twitter{
  background-image:url('../images/icon-twitter-darkpurple.svg');
}

.dark-purple .category-box{
  background-image:url('../images/wavylines-darkpurple.svg');
}

/*color theme:lightblue*/
.lightblue.underlined:after,
.lightblue .underlined:after, 
.detail-pg.lightblue .backbtn, 
.detail-pg.lightblue .underlined:after,
.detail-pg.lightblue .button,
.search .item .tag.lightblue{
  background-color:#78BDE8;
}

.lightblue .store-listing-carousel .slick-prev,
.lightblue .store-listing-carousel .slick-next{
  background-color:rgba(120,189,232, 0.9);
}

.detail-pg.lightblue .social-wrap .fb{
  background-image:url('https://wheelockplace.com/wp-content/themes/wheelock-wp/images/icon-fb-lightblue.svg');
}

.detail-pg.lightblue .social-wrap .ig{
  background-image:url('https://wheelockplace.com/wp-content/themes/wheelock-wp/images/icon-ig-lightblue.svg');
}

.detail-pg.lightblue .social-wrap .twitter{
  background-image:url('https://wheelockplace.com/wp-content/themes/wheelock-wp/images/icon-twitter-lightblue.svg');
}

.lightblue .category-box{
  background-image:url('../images/wavylines-lightblue.svg');
}

/*color theme:indigo*/
.indigo.underlined:after,
.indigo .underlined:after, 
.detail-pg.indigo .backbtn, 
.detail-pg.indigo .underlined:after,
.detail-pg.indigo .button,
.search .item .tag.indigo{
  background-color:#221E72;
}

.indigo .store-listing-carousel .slick-prev,
.indigo .store-listing-carousel .slick-next{
  background-color:rgba(34, 30, 114, 0.9);
}

.detail-pg.indigo .social-wrap .fb{
  background-image:url('../images/icon-fb-indigo.svg');
}

.detail-pg.indigo .social-wrap .ig{
  background-image:url('../images/icon-ig-indigo.svg');
}

.detail-pg.indigo .social-wrap .twitter{
  background-image:url('../images/icon-twitter-indigo.svg');
}

.indigo .category-box{
  background-image:url('../images/wavylines-indigo.svg');
}


.detail-pg .category-content{
  padding-bottom:0;
}

.detail-pg .category-content .item{
  background-repeat:no-repeat;
  padding-left:25px;
  height:24px;
  margin-bottom:15px;
  background-position:1.1% center;
  padding-left:8%;
  font-weight:700;
}

.detail-pg .item.unit{
  background-image:url(../images/icon-marker.png);
}

.detail-pg .item.contact-no{
  background-image:url(../images/icon-phone.png);
}

.detail-pg .item.url{
  background-image:url(../images/icon-png.png);
}

.detail-pg .item.voucher{
  background-image:url(../images/icon-voucher.png);
}

.detail-pg .directory-box{
  display:flex;
  flex-wrap:wrap-reverse;
}

.detail-pg .stores-container{
  position:relative;
  top:0;
  overflow:hidden;
}

.detail-pg .dotted-bg.footer{
  display:none;
}

.detail-pg .dotted-bg{
  margin-left:-15px;
  margin-right:-15px;
  height:64px;
}

.detail-pg .category-box{
  padding:30px 15px 0 15px;
  background-image:none;
}

.detail-pg .category-box .description{
  padding:0;
}

.detail-pg .backbtn{
  display:none;
}

.detail-pg .button{
  background-color:#8CC63F;
  color:#fff!important;
  border:0;
  padding:15px 20px;
  margin-top:30px;
  text-align:center;
  font-size:14px;
  margin-left:-15px;
  margin-right:-15px;
  display:block;
}

.store-promo-wrap{
  position:relative;
}

.store-promo-wrap .tag, .store-listing-carousel .whatsontag{
  background-color:#78BDE8;
  display:inline-block;
  padding:0.5vh 3%;
  color:#fff;
  font-weight:700;
  position:absolute;
  top:-20px;
  font-size:1.8vh;
  box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  z-index:1;
  left:0;
}

.store-listing-carousel .whatsontag{
  top:-22px;
  font-size:12px;
}

.store-promo-wrap .item{
  background-color:#EBE729;
  display:flex;
  padding:15px;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #fff;
}

.store-promo-wrap .item .title{
  background-color:#EBE729;
  font-family:'Noto Serif', sans-serif;
  font-size:18px;
  width:70%;
  padding-right:15px;
  line-height:120%;
}

.store-promo-wrap .item .bluebtn{
  padding:10px;
  background-color:#78BDE8;
  color:#fff;
  display:inline-block;
  text-transform:uppercase;
  font-weight:700;
  white-space:nowrap;
  width:30%;
  text-align:center;
}

.store-promo-wrap .item button:hover{
  opacity:1;
}

/* whats on */
.mobile-title{
  display:inline-block;
  margin-bottom:15px;
}

.whatson.detail-pg{
  padding:30px 15px 0 15px;
}

.whatson.detail-pg .thumb-carousel-col .title{
  display:none
}

.whatson .main-img{
  margin-left:-15px;
  margin-right:-15px;
}

.whatson .article-carousel{
  position:relative;
  display:none;
}

.whatson .article-carousel button{
  background-color:#78BDE8;
}

.whatson .store-listing-carousel .detail-wrap{
  font-weight:700;
  padding:10px 15px;
}

.whatson .article-carousel .slick-next{
  opacity:0.9;
}

.whatson .article-carousel .slick-prev{
  display:block!important;
  z-index:1;
}

.whatson .article-carousel .slick-prev.slick-disabled,
.whatson .article-carousel .slick-next.slick-disabled{
  display:none!important;
}

.article-wrap .description .text-wrap .writeup a{
  text-decoration:underline;
}

.article-wrap .description .share-wrap .title{
  text-transform:uppercase;
  font-weight:600;
  display:block;
}

.article-wrap .description .share-wrap .divider{
  content:'';
  display:block;
  height:10px;
  background-color:#78BDE8;
  margin-bottom:1.3vh;
}

.article-wrap .description .share-wrap .icons{
  display:inline-block;
}

.article-wrap .description .share-wrap .icons a{
  margin-right:7px;
}

.article-wrap .description .share-wrap .icons img{
  height:40px;
}

.article-wrap .description .share-wrap .icons:before{
    content:'';
    display:block;
    height:10px;
    margin:10px 0 15px 0;
    background-color:#78BDE8;
  }

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

.whatson .description-col{
  margin-top:15px;
}

.article-wrap .description .text-wrap h1{
  margin-bottom:25px;
  font-size:20px;
}

.article-wrap .description .text-wrap h1:after{
  margin-top:10px;
}

.article-wrap .more-wrap{
  background-color:#FAF5EF;
  padding:30px 15px 15px 15px;
  margin-left:-15px;
  margin-right:-15px;
  background-image:url('../images/wavylines-blue.svg');
  background-repeat:no-repeat;
  background-size:85%;
  background-position:250% 2%;
}

.whatson .dotted-bg.footer{
  margin:0;
  width:auto;
}

.article-wrap .more-wrap .articles-wrap{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin-top:30px;
}

.article-wrap .more-wrap .articles-wrap .item{
  width:48%;
  margin-bottom:15px;
  box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  position:relative;
}

.article-wrap .more-wrap .articles-wrap .item .lala{
  position:absolute;
  bottom:0;
  padding:10px;
  background-image:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9));
  width:100%;
  color:#fff;
  font-size:14px;
  font-weight:700;
}

.search .category-content{
  padding-bottom:50px;
}

.search .stores-container{
  top:140px;
}

.whatson .stores-container{
  top:220px;
}

.item .tag{
  background-color:#78BDE8;
  display:inline-block;
  padding:5px 10px;
  color:#231F20;
  font-weight:700;
  position:absolute;
  top:10px;
  left:10px;
  font-size:12px;
  box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  z-index:1;
}

.item .tag.whatson{
  left:0;
  bottom:0;
  padding-top:10px;
  padding-bottom:10px;
  top:unset;
  width:100%;
  background-color:rgba(120,189,232,0.9);
  color:#fff;
}

/*about*/

.about-pg{
}

.about-pg h1{
  margin-bottom:20px;
  font-size:22px;
  font-weight:700;
}

.about-pg h1.underlined:after{
  margin-top:20px;
  width:58%;
}

.about-pg .whatson-col{
  padding:0;
}

.tabs{
    margin-top:20px;
  }

.about-pg .whatson-col .title{
  padding:30px 15px 20px 15px;
}

.about-pg .whatson-col img{
  width:100%;
  object-fit:cover;
}

.about-pg .address .title{
  width:100%;
  font-weight:600;
}

.about-pg .widgets-col, .about-pg .home-featured-widget.locals, .about-pg .stores-col{
  background-color:#fff;
}

/* tabs */
.tabs {
  width:100%;
}

.tab-links{
  margin:0;
  padding:0;
  display:flex;
}

.tab-links:after {
  display:block;
  clear:both;
  content:'';
}

.tab-links li {
  list-style:none;
  flex:1;
  margin-right:0.5%;
}

.tab-links li:last-of-type{
  margin-right:0;
}

.tab-links a {
  display:block;
  text-align:center;
  font-size:16px;
  font-weight:600;
  background-color:#FAF5EF;
  padding-top:15px;
  padding-bottom:5px;
  transition:all linear 0.15s;
}

.tab-links .thumb{
  display:block;
  height:50px;
  padding-bottom:10px;
}

.tab-links .thumb img{
  height:100%;
}

.tab-links .thumb.car img{
  height:80%;
  margin-top:0.7vh;
}

.tab-links a:hover {
  background:#EBE729;
  opacity:1;
  text-decoration:none;
}

li.active a, li.active a:hover {
  background:#EBE729;
  color:#231F20;
  opacity:1;
}

.tab-content {
  background:#EBE729;
  padding:15px;
}

.tab-content .writeup .parking{
  margin-top:15px;
}

.tab-content .writeup .parking .item{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-top:10px;
}

.tab-content .writeup .parking .left{
  width:80%;
}

.tab-content .writeup .parking .right{
  text-align:right;
  width:20%;
  font-weight:600;
}

.tab-content .writeup .parking .title{
  width:100%;
  font-weight:600;
}

.tab-content .writeup .parking .title img{
  margin-right:1%;
}

.tab {
  display:none;
}

.tab.active {
  display:block;
}

.voucher-col{
  padding:30px 15px 15px 15px;
  width:100%;
}

.voucher-pg .title{
  margin-bottom:20px;

}

.voucher-pg .hero{
  display:none;
}

.voucher-pg .mobile-hero{
  margin-left:-15px;
  margin-right:-15px;
  width:auto;
  box-shadow:3px 3px 5px rgba(0,0,0,0.1);
}

.voucher-pg .mobile-hero img{
  width:100%;
}

.voucher-pg .tabs{
  margin-left:-15px;
  margin-right:-15px;
  width:auto;
}

.voucher-pg .liner{
  font-size:20px;
  font-family:'Noto Serif',serif;
  margin-top:20px;
  font-weight:700;
}

.voucher-pg .hero .img-wrap{
  box-shadow:3px 3px 5px rgba(0,0,0,0.1);
}

.voucher-pg .tab-content{
  background-color:#FAF5EF;
  box-shadow:3px 5px 5px rgba(0,0,0,0.1);
  padding-top:30px;
}

.voucher-pg .tab-content .column .item .store{
  font-weight:600;
}

.voucher-pg .tab-links{
  font-family:'Noto Serif',serif;
}

.voucher-pg .tab-links a{
  background-color:#fff;
  box-shadow:3px 0px 5px rgba(0,0,0,0.1);
  font-weight:400;
  height:54px;
  font-size:15px;
  padding-top:15px;
}

.voucher-pg .tab-links li.active a{
  background-color:#FAF5EF;
}

.voucher-pg .tab-links span{
  display:block;
  white-space:nowrap;
}

.voucher-pg .tab-links li:first-of-type span{
  white-space:normal;
  padding-top:8px;
  line-height:120%;
}

.voucher-pg .tab-links li:first-of-type a{
  padding:0;
}

.voucher-pg .tab-links li:first-of-type .underlined:after{
  margin-top:8px;
}

.voucher-pg .tab-links .underlined:after{
  margin-top:15px;
  width:100%;
}

/*.voucher-pg .lightgreen.underlined:after{
  margin-top:3px;
}*/

.voucher-pg .tab-links a.twolines{
  padding-top:8px;
  line-height:120%;
}

.voucher-pg .tab-links a.twolines span:after{
  margin-top:8px;
}

.voucher-pg .store-voucher-wrap .item{
  display:flex;
  margin-bottom:10px;
}


.voucher-pg .store-voucher-wrap .item .store{
  flex:3;
}

.voucher-pg .store-voucher-wrap .item .unit{
  text-align:right;
}

/*contact us*/
.contact-pg .intro-col{
  width:100%;
  padding:30px 15px 20px 15px;
}

.contact-pg .intro-col .subtitle{
  margin-top:10px;
  font-size:16px;
}

.contact-pg .form-col{
  width:100%;
}

.contact-pg .form-col .content{
  background-color:#FAF5EF;
  box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  padding:15px 15px 0 15px;
}

.contact-pg .form-col .content .item .answer.select{
  margin:0;
  padding:0;
}

.contact-pg .form-col .content .item .answer.select label{
  padding:9px 18px;
  background-color:#fff;
  border-radius:18px;
  font-weight:600;
  cursor:pointer;
  list-style-type:none;
  display:inline-block;
  margin-right:5px;
  margin-bottom:0;
}

.contact-pg .form-col .content .item .answer.select input{
  opacity:0;
  position:absolute;
  width:0;
}

.contact-pg .form-col .content .item .answer.select label.error{
  opacity: 1;
  padding: 0;
  background-color: transparent;
  font-weight: 400;
  border-radius: unset;
  cursor: auto;
  margin: 1vh 0 0 0;
}

.contact-pg .form-col .content .item .answer.select input:checked+label{
  background-color:#EBE729;
}

.contact-pg .form-col .content .item input{
  width:100%;
  background-color:#fff;
  padding:12px;
  border:0;
  font-size:16px;
}

.contact-pg .form-col .content .item textarea{
  width:100%;
  border:0;
  height:12vh;
}

.contact-pg .form-col .content .item{
  margin-bottom:20px;
}

.contact-pg .form-col .content .item .label{
  display:inline-block;
  margin-bottom:10px;
  font-weight:600;
}

.contact-pg .form-col .content .item .label:after{
  content:'';
  background-color:#EBE729;
  height:7px;
  margin-top:2px;
  display:block;
  width: calc(100% + 20px);
}

.contact-pg .form-col .content .item.submit{
  margin-left:-15px;
  margin-right:-15px;
  margin-bottom:0;
}

.contact-pg .form-col .content .item.submit button{
  -moz-appearance:none;
  -webkit-appearance:none;
  appearance:none;
  border:0;
  padding:15px;
  text-align:center;
  background-color:#EBE729;
  width:100%;
  font-weight:600;
}

.contact-pg .dotted-bg{
  margin-left:0;
  margin-right:0;
  height:55px;
}

.contact-pg .error{
  color:red;
  padding:1vh 0 0 0;
  margin:0;
}

.contact-pg .form-col .content .item.ty{
  /*background-color:#8CC63F;*/
  border:2px dashed #8CC63F;
  color:#8CC63F;
  padding:1.5vh;
  text-align:center;
  font-weight:700;
  display:none;
}

.contact-pg .form-col .content .item.ty img{
  vertical-align:middle;
  height:2vh;
}

.contact-pg .form-col .content .item.pdpa input{
  width:15px;
  display:inline-block;
  margin-right:1%;
}

.contact-pg .form-col .content .item.pdpa .answer a{
  text-decoration:underline;
}

.contact-pg .form-col .content .item.pdpa label{
  /*width:100%;*/
  margin-bottom:0;
}

.privacy-pg ol, .privacy ul{
  padding:0 0 0 15px;
  margin:0;
}

.privacy-pg .tab-content ol li, .privacy-pg .tab-content ul li{
  margin-bottom:15px;
}

.privacy-pg .tab-content a{
  text-decoration:underline;
}

.voucher-pg.privacy-pg .tabs{
  margin-left:0;
  margin-right:0;
}

.voucher-pg.privacy-pg .tab-links a{
  box-shadow:none;
}

.voucher-pg.privacy-pg .tab-links li{
  margin-right:0;
}

.cookiebar{
  width:100%;
  position:fixed;
  right:0;
  bottom:0;
  padding:15px;
  font-size:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background-color:rgba(235, 231, 41, 0.9);
  box-shadow:3px -5px 5px rgba(0,0,0,0.2);
  transition:0.5s;
  flex-wrap:wrap;
}

.cookiebar.closed{
  bottom:-150px;
}

.cookiebar .text{
  font-weight:700;
  margin-bottom:15px;
  width:100%;
  text-align:center;
}

.cookiebar a{
  text-decoration:underline;
  white-space:nowrap;
  width:100%;
  text-align:center;
}

.cookiebar .blockbtn{
  background-color:#231F20;
  color:#fff;
  border-radius:0;
  padding:10px 0;
  text-decoration:none;
}

.home-store-carousel .store{
  display:none;
}

.home-store-carousel .store.mob{
  display:block;
}

.contact-pg .form-col .content .answer, .contact-pg .form-col .content .answer{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
}{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
}

.contact-pg .form-col .content .item input{
  order:1!important;
}


.contact-pg .form-col .content .item .text{
  order:2;
}

.contact-pg .form-col .content .item .error{
  order:3;
  width:100%;
}

.overlay{
  background-color:rgba(0,0,0,0.5);
  position:absolute;
  width:100%;
  height:100%;
  display:block;
  top:0;
}

.overlay{
  display:none;
}

.shop-pass-popup{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  border:2px solid #EBE729;
  background-color:#FAF5EF;
  left:0;
  right:0;
  margin:0 15px;
  width:calc(100% - 30px);
}

.shop-pass-popup .close{
  position:absolute;
  top:10px;
  right:10px;
  cursor:pointer;
  opacity:1;
}

.shop-pass-popup .underlined:after{
  width:100%;
}

.shop-pass-popup .two, .shop-pass-popup .bottom.two{
  display:none;
}

.shop-pass-popup .text a{
  text-decoration:underline;
}

.shop-pass-popup .top{
  padding:6vh 3%;
}

.shop-pass-popup .top .text{
  max-height:50vh;
  overflow-y:auto;
}

.shop-pass-popup .top h5{
  margin-bottom:3vh;
  font-weight:700;
}

.shop-pass-popup .top ol{
  padding:0 0 0 15px;
  margin:0;
}

.shop-pass-popup .bottom a,
.shop-pass-popup .bottom.one{
  background-color:#EBE729;
  width:100%;
  text-align:center;
  padding:1.5vh 0;
  display:flex;
  justify-content:center;
  align-items:center;
  cursor:pointer;
  font-weight:700;
}

.shop-pass-popup .bottom .text{
  margin-right:2%;
  line-height:100%;
}

.shop-pass-popup .bottom img{
  height:35px;
}

.shop-pass-popup .bottom.two .flexed{
  display:flex;
  justify-content:space-around;
}

.shop-pass-popup .bottom.two a{
  width:50%;
  display:block;
}

.shop-pass-popup .bottom.two a.agree{
  background-color:#F7F328;
}

.no-results{
  padding:0 15px 20px 15px;
  margin-bottom:-30px;
  background-color:#FAF5EF;
}

.no-results ul{
    margin:15px 0 0 0;
    padding-left:15px;
  }

.no-results .title{
  font-weight:bold;
  font-size:16px;
}

/*iOS only*/
@supports (-webkit-overflow-scrolling: touch) {
  
}

@supports not (-webkit-overflow-scrolling: touch) {
  /* CSS for other than iOS devices */ 
}

.contact-pg .form-col .content .item.pdpa label{
  width:95%;
}

.contact-pg .form-col .content .item.pdpa .answer{
  align-items:flex-start;
}

.contact-pg .form-col .content .item.pdpa input{
  margin-top:5px;
}