/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 09 2024 | 13:53:35 */
/* CONTENT

Margins and spacing adjustements
Hide on mobile
Bug lightbox
Styling bullets
Full screen fix if needed
Link underline if needed
set div-clickable mouse pointer
Make entire div clickable
Icon list alignment
*/
.e-con.e-child{
    --container-default-padding-top: 0;
    --container-default-padding-right: 0;
    --container-default-padding-bottom: 0;
    --container-default-padding-left: 0;
}


/* remove default body margin to fix random border issue on the screen */
body{
    margin:0;
}
a, button, .filter-item, .filter-item label, .filter-item input{
	cursor: pointer !important;
}
*:focus,
button:focus{
	outline: none !important;
}
a:-webkit-any-link {
    color: inerit !important;
}

strong {
    font-weight: 600;
}



/* on first child p does have 0px margin top*/
.elementor-text-editor p:first-child{margin-top:0;}

/* 
Default: Margin bottom applies to all widgets except for the last child
<p> tag adds a default 1em top and bottom, bottom except for the last child*/

/* Remove the margin bottom of the last <p>and the margin top of the first <p>*/
.elementor-text-editor p:last-child{margin-bottom:0;}
.elementor-text-editor p:first-child{margin-top:0;}

/* Use the class to remove all top and bottom margin <p>*/
.no-margin,.no-margin p{margin:0 !important;}

/* default spacing */
/*for desktop only*/
@media only screen and (min-width: 991px) {
section.elementor-section-boxed{
    padding:4%
}
}
/*for ipad only*/
@media only screen and (min-width: 749px)  and (max-width: 990px) {
section.elementor-section-boxed{
    padding:10% 4%;
}
}
/*for phone only*/
@media only screen and (max-width: 748px) {
section.elementor-section-boxed{
    padding:15% 4%;
}
}

/* Use class to show/hide on mobile device */

/*for other screen than phone (ipad + desktop)*/
@media only screen and (min-width: 749px) {
 .show-on-mobile{ display:none !important; height:0px !important; width:0px !important; }
 .hide-on-mobile{ visibility:visible !important; }
}
/*for phone only*/
@media only screen and (max-width: 748px) {
	.show-on-mobile{ visibility:visible !important;}
	.hide-on-mobile{  display:none !important; height:0px !important; width:0px !important; }
}
/*for ipad only*/
@media only screen and (min-width: 749px) and (max-width: 990px) {
}
/*for phone + ipad only*/
@media only screen and (max-width: 990px) {
   .show-on-desktop{ display:none !important; height:0px !important; width:0px !important; }
   .hide-on-desktop{ visibility:visible !important; }
}
/*for desktop only*/
@media only screen and (min-width: 991px) {
	.show-on-desktop{ visibility:visible !important;}
	.hide-on-desktop{  display:none !important; height:0px !important; width:0px !important; }
}
/*end show/hide on mobile device */

/* fix the styling issue on lightbox header */
header.elementor-slideshow__header {
    flex-direction: row !important;
}

/* Remove the underline on the cross on the lightbox */
.dialog-lightbox-close-button{
    text-decoration: none !important;
}

/* set div-clickable mouse pointer */
.div-clickable{ cursor:pointer; }

/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

/* Safari bug on burger menu */
.ee-menu a:focus,
.elementor-nav-menu a:focus{
    background: transparent !important;
    border: none !important;
	outline: none !important;
}

/********* Style default bullet list **********/
/* To keep same bullet style on post template need to add the class .post-content in post content widget */

.elementor-text-editor ul,
.elementor-widget-text-editor ul,
.timeline-item__content__wysiwyg ul,
.elementor-tab-content ul,
.post-content ul{
  list-style: none;
  padding-left: 20px;/* Remove default bullets */
}
.elementor-text-editor ul li,
.elementor-widget-text-editor ul li,
.timeline-item__content__wysiwyg ul li,
.elementor-tab-content ul li,
.post-content ul li{
display: table;
}

.elementor-text-editor ul li:not(:last-child),
.elementor-widget-text-editor ul li:not(:last-child),
.timeline-item__content__wysiwyg ul li:not(:last-child),
.post-content ul li:not(:last-child){
margin-bottom: 0.5em;
}

.elementor-text-editor ul li:before,
.elementor-widget-text-editor ul li:before,
.timeline-item__content__wysiwyg ul li:before,
.elementor-tab-content ul li:before,
.post-content ul li:before{
  content: "•";
  display: table-cell;
  font-size: 1em; /* to change */  
  line-height: 1;
  /*transform: translateY(3px); */  
  padding-right: 10px;
  color: inherit; /* to change */  
}




/* Icon list alignment */
.elementor-icon-list-item a{
    align-items: flex-start !important;
}
.elementor-icon-list-item a .elementor-icon-list-icon{
    margin-top:5px;
	align-self: flex-start;
}

/* elementor post navigation */
.elementor-post-navigation__prev{
    padding-right: 20px;
}
.elementor-post-navigation__next{
    padding-left: 20px;
}

/* Style of the <a> tag */
.elementor-widget-text-editor a,
.elementor-widget-theme-post-content a:not(.elementor-button){
    color: inherit !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}
.elementor-widget-text-editor a:hover,
.elementor-widget-theme-post-content a:not(.elementor-button):hover{
 text-decoration: none !important;
}

/* fix icon-list visibility issue */
.elementor-widget.elementor-icon-list--layout-inline .elementor-widget-container {
  overflow: visible !important;
}


body.single-mec-events #main-content{
    max-width: 100% !important;
}



.elementor-widget-button i.iconportalclient-2{
    font-size: 1.2em;
    line-height: 0em;
}

/*.skin-post .elementor-widget-image{
    transition: 0.3s ease-in-out;
}
.skin-post:hover .elementor-widget-image{
    transform: translateY(-10px);
}
*/
.skin-post .elementor-icon{
    opacity: 0;
    transition: 0.3s ease-in-out;
}
.skin-post:hover .elementor-icon{
    opacity: 1;
}
.skin-post .elementor-icon{
    opacity: 0;
    transition: 0.3s ease-in-out;
}
.skin-post .elementor-widget-image img{
    z-index: -1;
}
.skin-post .elementor-widget-image .elementor-widget-container::after{
    content: '';
    width: 100%;
    height: 100%;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.3s ease-in-out;
    -webkit-box-shadow: inset 0px 0px 0px 15px var(--post-color);
    -moz-box-shadow: inset 0px 0px 0px 15px var(--post-color);
    box-shadow: inset 0px 0px 0px 15px var(--post-color);

}
.skin-post:hover .elementor-widget-image .elementor-widget-container::after{
    opacity: 1;
}

.skin-brand:hover{
    -webkit-box-shadow: 0px 5px 10px -4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 10px -4px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 10px -4px rgba(0,0,0,0.2);
}
.skin-brand .elementor-icon-wrapper{
    transition: 0.3s ease-in-out;
}
.skin-brand:hover .elementor-icon{
	transform: rotate(45deg);
}
.skin-brand {
    align-items: flex-start;
}
.skin-brand .square-effect{
    width: 100%;
}

.news-top-section{
    height: 40vh;
}

.show-category-toggle .elementor-tab-title a:before{
    content: 'Show '
}
.show-category-toggle .elementor-tab-title.elementor-active a:before{
    content: 'Hide '
}
.show-category-toggle .elementor-tab-content ul li::before{
    display: none !important;
}

/* Search */
.elementor-widget-bdt-search .bdt-search-result{
    max-width: calc(100% - 25px) !important;
    border-radius: 0 0 10px 10px
}



/* Filter */
.filter-container .e-filter button:before {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    border: solid 1px var(--e-global-color-primary);
    margin-right: 8px;
}

.filter-container .e-filter button[aria-pressed="true"]:before{
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.8em;
    line-height: 1.4;
    text-align: center;
}


.shadow-button a{
    transition: 0.3s
}
.shadow-button a:hover{
    box-shadow: -3px 3px 0px 0px transparent !important;
    transform: translate(-3px,3px);
}

.bg-image,
.bg-image img{
    height: 100% !important;
}


.e-loop-item.content_type-video .img-container::after{
    content: '\e800';
    font-family: "icon-play";
    font-size: 4.5em;
    color: white;
    position: absolute;;
    z-index: 1;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	opacity: 0.7;
	transition: 0.3s;
}
.e-loop-item.content_type-video .img-container:hover::after{
	opacity: 1;
}

.color-bullet-term ul{
    list-style: none;
    padding: 0;
    display: flex;
}
.color-bullet-term li:not(:last-child)::after{
    content: '|';
	padding: 0 5px;
}
.color-bullet-term li:not(:first-child) i{
    display: none;
}
.color-bullet-term li i{
    padding-right: 5px;
}
.color-bullet-term li{
    color: var( --e-global-color-secondary );
    font-size: 0.8rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.3em;
    letter-spacing: 0.5px;
}


/* Filter directory */
.filter-sidebar .filter-item{
    font-size: 1rem;
    font-weight: 400;
    line-height: var(--e-global-typography-f572d85-line-height);
}
.filter-sidebar .filter-item:not(:last-child){
    padding-bottom: 5px
}
.filter-sidebar .filter-item input{
    margin-bottom: 0px !important;
    background: transparent !important;
    appearance: none;
    webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: solid 1px #999;
    margin-right: 10px;
	display: block;
	float: left;
}
.filter-sidebar .filter-item input:after{
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.9em;
    color: var(--e-global-color-accent);
    padding: 0 0 0px 2px;
    opacity: 0;
}
.filter-sidebar .filter-item input:checked:after{
    opacity: 1;
}
div.olc-filter-items::-webkit-scrollbar {
    -webkit-appearance: none;
}

div.olc-filter-items::-webkit-scrollbar:vertical {
    width: 11px;
    background-color: rgb(0 0 0 / 8%);
}

div.olc-filter-items::-webkit-scrollbar-thumb {
    border-radius: 8px;
    max-height: 10px;
    background-color: rgb(0 0 0 / 23%);
}
div#olc-active-filters {
    padding-left: 0;
    display: flex;
    column-gap: 10px;
	row-gap: 10px;
	padding-bottom: 30px;
}
div#olc-active-filters .active-filter{
    font-size: var(--e-global-typography-f572d85-font-size);
    font-weight: var(--e-global-typography-f572d85-font-weight);
    line-height: var(--e-global-typography-f572d85-line-height);
    padding: 0 !important;
    border-radius: 0!important;
    background-color: var( --e-global-color-01b3d7b ) !important;
    color: var( --e-global-color-primary ) !important;
}
@media screen and (max-width: 767px) {
div#olc-active-filters{
	padding-top: 20px !important;
	}
}
.olc-filter{
    margin: 10px 0;
}
.olc-filter-items ul {
    margin: 0;
}

#olc-active-filters{
   flex-wrap: wrap;
}

/* Loader in directory pages */
#olc-filter-status.loading{
   content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    background-color: var(--e-global-color-88f72f9 );
    top: 0;
    left:  0;
   display:block;
}
#olc-filter-status.loading span {
    content: '';
    color: transparent;
    z-index: 999;
    top: 50%;
    left: calc(50% + 100px);
	position: fixed;
	width: 56px;
    height: 56px;
    display:block;
}
#olc-filter-status.loading span::after{
    content: '';
    display:block;
	width: 100%;
    height: 100%;
    border-radius: 50%;
    background: conic-gradient(#0000 10%,#B29D66);
    -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 0);
    animation: spinner-zp9dbg 1s infinite linear;
}

@keyframes spinner-zp9dbg {
   to {
      transform: rotate(1turn);
   }
}



.directory-filter .elementor-toggle .elementor-tab-content ul li::before{
    display:none;
}
@media screen and (min-width: 991px) {
.directory-filter .elementor-toggle-title{
		display: none;
}
.directory-filter .elementor-tab-content{
		padding-top: 0!important;
}
.directory-filter .elementor-toggle-title,
.directory-filter .elementor-toggle-title:hover,
.directory-filter .elementor-tab-title a{
    pointer-events: none !important;
    cursor: none !important;
}
.directory-filter .elementor-toggle .elementor-tab-content{
    display: block!important;
    padding: 20px 0 0 0;
    border-bottom: 0
}
.directory-filter .elementor-toggle .elementor-tab-content ul li::before,
.directory-filter .elementor-toggle-icon,
.directory-filter .elementor-toggle-title:before{
    display:none !important;
}
.directory-filter .elementor-toggle-title:hover{
    pointer-events: none !important;
}
}

@media screen and (max-width: 990px) {
.show-result .active-filter{
	font-size: 1rem;
    font-weight: 400;
    line-height: var(--e-global-typography-f572d85-line-height);
}
.show-result .active-filter .remove{
    transform: translateY(-2px) !important;
}


.directory-filter .elementor-toggle .elementor-tab-content div.olc-filter-items{
    max-height: 100%;
}
.directory-filter .elementor-toggle {
    padding-bottom: 20px;
}
}

.show-result span.active-filter{
    background-color: transparent;
    padding: 0;
    color: var(--e-global-color-primary);
    margin-right: 20px;
}
.show-result .active-filter .remove{
    color: var(--e-global-color-primary);
    font-size: 1px;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 3px;
    position: relative;
    transform: translateY(2px);
}
.show-result .active-filter .remove::before{
    content: '\e864';
    font-family: "olc-icons";
    font-style: normal;
    font-weight: normal;
    font-size: 1.5rem;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
}
.show-result .active-filter .remove:hover{
    color: var(--e-global-color-accent);
}


.post-related-list .type-Event .post-date,
.post-related-list .type-Brand .post-date,
.post-related-list .type-Brand .post-category{
    display:none;
}

.term-post-count .term-count {
    font-size: 0.7em;
    margin-left: 5px;
    transform: translateY(-50%);
    display: inline-block;
	opacity: 0.7;
}
.brand-section >  a:hover *{
    color: var(--e-global-color-accent);
}
.brand-section >  a .elementor-heading-title{
    border-bottom: solid 1px transparent;
}
.brand-section >  a:hover .elementor-heading-title{
    border-bottom: solid 1px var(--e-global-color-accent);
}
.brand-section >  a.active .elementor-heading-title{
    color: var(--e-global-color-accent) !important;
}
.brand-section .term-count{
    position: absolute;
}

div:not(.whitebg) .elementor-widget-image.blk-img{
    display:none;
}
.whitebg .elementor-widget-image:not(.blk-img){
    display:none;
}
.whitebg .elementor-widget-image.blk-img{
    display:flex !important;
}
.whitebg .brand-section >  a *{
    color: var(--e-global-color-primary);
}
.whitebg .brand-section >  a:hover *{
    color: var(--e-global-color-50cb726);
}
.brand-section >  div:hover{
    cursor: pointer;
}
@media screen and (max-width: 767px) {
.elementor-tab-content  .brand-section img{
    display: none;
}
.elementor-tab-content  .brand-section{
    flex-direction: row;
    column-gap: 30px
}
.elementor-tab-content  .brand-section > a{
    width: auto;
}
.elementor-tab-content  .brand-section .term-post-count{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 7px;
}
.elementor-tab-content .brand-section .term-count{
    position: relative !important;
    margin: 0 !important;
}
}  

a.skin-post .elementor-widget-image{
    color: #F7F5F1;
}


/* Square effect */

/* Homepage*/
.square-effect .swiper-container a,
.square-effect.elementor-widget-image img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}


/* Search icon */
.elementor-search-form__toggle .fa-search:before{
    content: '\e8fe';
    font-family: "olc-icons";
    font-style: normal;
    font-weight: normal;
    transform: scaleX(-1) translate(-50%,-50%) !important;
    transform-origin: top left;
}


/* Tab */
/* tab filters */
.elementor-widget-n-tabs .e-n-tab-title[aria-selected="false"] .e-n-tab-title-text:hover{
    font-family: var(--e-global-typography-3dba3f0-font-family), Sans-serif !important;;
    font-size: 1.58em !important;
	text-transform: none !important;
	line-height: 0 !important;
}
.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text{
    color: var( --e-global-color-accent );
}

.elementor-widget-n-tabs .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{
    border: none !important;
	background: transparent !important;
	color: var( --e-global-color-primary );
}

.elementor-search-form .elementor-search-form__icon i:before{
    content: '\e8fe';
    font-family: "olc-icons";
}


/* map */
button.ae-infowindow-close-btn {
    display:none;
}

/* Guide & News */
@media screen and (max-width: 767px) {
.elementor-widget-taxonomy-filter .e-filter{
    gap: 10px !important;
}
.elementor-widget-taxonomy-filter .e-filter .e-filter-item{
	font-size: 1.1rem !important;
}
/*.elementor-widget-taxonomy-filter {
    width: 100% !important;
}*/
}


.elementor-widget-text-editor p{
    margin-top: 0 !important;
}
.elementor-widget-text-editor p + p{
    margin-top: 1em !important;
}

@media screen and (max-width: 990px) {
.ae-dynamic-map-wrapper,
.ae-map-listing{
    min-height: 600px;
}
}


/* Map search form */
.elementor-widget-ae-dynamic-map div[data-map-address]{
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #F0F0F0;
}

@media screen and (min-width: 991px) {
	.ae-map-listing .map-search-form { width: 100%; }
}
.ae-map-listing .scroll-container{ height:calc(90%); }
.map-search-form {
    padding: 10px 20px;
}
.map-search-form input{
    width: 100%; 
    font-size: 1rem;
    font-weight: var(--e-global-typography-2817905-font-weight);
    font-family: "Hanken Grotesk", Sans-serif;
    padding: 6px 20px;
    border-radius: 20px;
    border: solid 1px #d0d0d0;
}
.map-search-form input:focus{
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.05);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.05);
}

@media screen and (max-width: 990px) {
.map-search-form.active{
    display:none;
}
}

.add-scroll-thumb .mec-load-more-wrap{
    display: none;
}


.related-brand-container .elementor-widget-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.no-link a{
    pointer-events: none;
    cursor: none !important;
}

/* hide slider images untile fully loaded */
div.swiper-wrapper:not([style]) .elementor-widget-image img { display:none !important; }



/* Luxury category style 
button.e-filter-item[data-filter="luxury"] {
    color: var(--e-global-color-50cb726);
    font-family: var(--e-global-typography-3dba3f0-font-family), Sans-serif;
    font-size: var(--e-global-typography-3dba3f0-font-size);
    font-style: var(--e-global-typography-3dba3f0-font-style);
    border: none !important;
    color: var(--e-global-color-accent);
    font-size: 1.5rem !important;
    text-transform: none !important;
    padding-top:4px !important;
    padding-bottom: 3px !important
}

button.e-filter-item[data-filter="travel"] {
	display: none;
}
*/



/* Map sochic pin zindex */

.ae-map-marker-icon-wrapper:has(img[src="https://www.sochic.sg/wp-content/uploads/2023/12/SoChic-marker.png"]) { z-index: 2 !important; }




/* Restaurant button on top header */
.restaurants.elementor-widget-button svg {
    width: 28px;
    stroke: #fff; /* Sets the stroke color to black */
    stroke-width: 2px;
	transition: all .3s;
}
.restaurants.elementor-widget-button a:hover svg{
    stroke: var( --e-global-color-accent );
}
.restaurants.elementor-widget-button .elementor-button-content-wrapper{
    display: flex;
    align-items: center;
}
.restaurants.elementor-widget-button .elementor-button-text{
    margin-bottom: -4px;
}



.category-cta .elementor-cta__content .elementor-cta__description {
    border: solid 1px;
    padding: 30% 15px ;
}
@media screen and (max-width: 767px) {
.category-cta .elementor-cta__content .elementor-cta__description {
    padding: 15px 15px ;
}
}
.category-cta .elementor-cta {
    height: 100%;
}

.offerscarousel .swiper-wrapper:hover .skinofferscarousel {
    opacity: 0.5;
}
.offerscarousel .swiper-wrapper:hover .skinofferscarousel:hover {
    opacity: 1;
}

.ae-map-render .ae-map-infowindow-wrapper{
	z-index: 3 !important;
}


body:not(.elementor-editor-active) .tiktok-section-hide{
    display:none;
}


.check-link.nolink a{
    pointer-events: none !important;
}
.check-link a{
    color: inherit !important;
}