/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

.uk-navbar-brand img { filter: grayscale(100%); }
 
.the-tagged-items .uk-article-meta { display: none; }

.lang-th .uk-navbar-nav { padding: 0px 60px; }
.lang-th .uk-navbar-nav > li { margin-right: 30px; }
.lang-cn .uk-navbar-nav { padding: 0px 170px; }
.lang-cn .uk-navbar-nav > li { margin-right: 30px; }
div.mod-languages img { width: 20px; }
div.mod-languages a {
	border: solid 0px #788692;
	padding: 0px;
	border-radius: 50px;
	font-weight: bold;
	color: #788692;
	/*-webkit-filter: grayscale(100%);
  	filter: grayscale(100%);
	opacity: 0.5;*/
}
div.mod-languages li.lang-active a {
	color: #ffb80e;
	/*-webkit-filter: grayscale(0%);
  	filter: grayscale(0%);
	opacity: 1;*/
}
div.mod-languages li a:hover {
	color: #425363;
	background-color: rgba(66, 83, 99, 0);
	-webkit-filter: grayscale(50%);
  	filter: grayscale(50%);
	opacity: 0.8;
}
div.mod-languages li { margin: 10px; float: left; }
.tm-navbar.uk-active div.mod-languages a {
	font-size: 12px;
	padding: 5px;
}
div.mod-languages .dropdown-menu { min-width: 100px; padding-left: 0px; background: rgba(39, 48, 61, 0.5); left: 50px; top: -10px; }

article .uk-panel-space-detail hr { margin-top: 15px; margin-bottom: 15px; }

.uk-panel-space-detail > .uk-width-medium-1-2 { padding-right: 20px; }
.uk-panel-space-detail > .uk-width-medium-1-2 ~ .uk-width-medium-1-2 { padding-right: 0px; }
.uk-tab > li.uk-tab-responsive > a { padding: 10px 0px!important; }
#tm-bottom-c a.uk-icon-hover { color: #ffffff; }

.mtt-weather {
	display: block;
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 999;
	color: #ffffff!important;
	width: 250px;
}
.mtt-socialmenu {
	display: block;
	position: absolute;
	top: 25%;
	right: 0px;
	z-index: 999;
	font-size: 20px;
	color: #ffffff!important;
	width: 10px;
	height: auto;
	padding: 20px;
	background-color: #28303d;
	border-radius: 10px 0px 0px 10px;
}
.mtt-socialmenu .uk-icon-hover + .uk-icon-hover {
	margin-left: 0px;
	margin-top: 10px;
}
.mtt-socialmenu .uk-icon-hover:hover { color: #ffffff; }
.mtt-search {
	position: absolute;
	right: 20px;
	top: 0px;
	z-index: 9999;
}
.mtt-social-media { padding: 0px; margin-top: 30px; text-align: left; }
.mtt-social-media .uk-icon-button { margin: 0px 2px; color: #ffffff; }
.mtt-social-media .uk-icon-button:hover { color: #ffffff; }

.mtt-event-menu .mtt-event-image:hover img { max-width: 100%; margin-left: 0%; margin-top: 0%; }
.mtt-event-menu .mtt-event-image { padding-left: 0%; background-color: #000; }
.mtt-event-menu .mtt-event-content { display: none; }
.highlight { color: #ff0000!important; }

.mtt-allcategory .tm-tag-1 .uk-article a:hover,
.mtt-allcategory .tm-tag-2 .uk-article a:hover,
.mtt-allcategory .tm-tag-3 .uk-article a:hover,
.mtt-allcategory .tm-tag-4 .uk-article a:hover,
.mtt-allcategory .tm-tag-5 .uk-article a:hover,
.mtt-allcategory .tm-tag-6 .uk-article a:hover,
.mtt-allcategory .tm-tag-7 .uk-article a:hover,
.mtt-allcategory .tm-tag-8 .uk-article a:hover {
  color: rgba(250,250,250,0.5)!important;
}
.uk-panel-space-detail .uk-overlay img { padding: 0px!important; } 
.uk-panel-space-detail img { padding: 20px 0px 45px; }
.uk-grid.uk-panel-space { display: block; position: relative; }
.mtt-allcategory .mtt-rate { display: none; }
.mtt-rate {
	background-color: #27303d;
	color: #f5b81e;
	padding: 5px 10px;
	margin: 10px -10px 0px -10px;
	font-size: 14px;
    text-align: left;
	letter-spacing: 3px;
}


.flickity-slider li { width: 250px; height: 350px; }
.flickity-slider .guydido { width: 100%; height: auto; }
.flickity-button { width: 30px; height: 30px; top: 50%; z-index: 999; }
.flickity-button.previous { left: 0px!important; }
.flickity-button.next { left: 1050px!important; }


/*.ifancybox-skin { background:none!important; }
.ifancybox-close { top:80px!important; right:60px!important; }*/

/* Tablets and bigger */
@media (max-width: 768px) {
	div.mod-languages img { width: 30px; }
	.mod-languages { text-align: center; margin-top: 30px; }
	div.mod-languages a { color: #8e9091; border:solid 0px #8e9091; }
    div.mod-languages li { margin: 10px 5px; }
	div.mod-languages li a:hover { color: #ffffff; background-color: transparent; }
	.cmb-tag-1 #tm-main.uk-block,
	.cmb-tag-3 #tm-main.uk-block,
	.cmb-tag-4 #tm-main.uk-block,
	.cmb-tag-5 #tm-main.uk-block { padding-top: 70px; }
    .mtt-socialmenu { display: none; }
    .mtt-search { right: 60px; top: 40px; }
    .mtt-event-menu .mtt-event-image { padding-left: 0%; }
    span.highlight { color: #ff0000; }
    .mtt-allcategory .uk-panel-box.tm-tag-1,
    .mtt-allcategory .uk-panel-box.tm-tag-3,
    .mtt-allcategory .uk-panel-box.tm-tag-5,
    .mtt-allcategory .uk-panel-box.tm-tag-7 { padding-right: 5px; margin-top: 10px; }
    .mtt-allcategory .uk-panel-box.tm-tag-2,
    .mtt-allcategory .uk-panel-box.tm-tag-4,
    .mtt-allcategory .uk-panel-box.tm-tag-6,
    .mtt-allcategory .uk-panel-box.tm-tag-8 { padding-left: 5px; margin-top: 10px; }
    .uk-button-link { display: none; }
    .uk-grid-width-medium-1-4 .uk-article { padding: 5px; }
    .mtt-rate { text-align: center; }
    .mtt-social-media { text-align: center; }
    .uk-panel-space-detail > .uk-width-medium-1-2 { padding-right: 0px; padding-bottom: 30px; text-align: center; }
    .uk-panel-space-detail .uk-overlay img { padding: 0px!important; } 
    .uk-panel-space-detail img { padding: 20px 0px; }
    #tm-bottom-c { text-align: center; }
}

@media (min-width: 768px) {
    ul.tm-tab-fullheight {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    ul.tm-tab-fullheight > li { flex: 1 1 0%; }
}

.tm-tabs .uk-dropdown,
.tm-tabs .uk-tab-responsive.uk-active {
    width: 100%;
    border: none;
}

.tm-tabs .uk-dropdown h3 {
    word-break: break-word;
    white-space: initial;
}

.tm-tabs .uk-dropdown { margin: 0; }

.tm-tabs .uk-tab > li { cursor: pointer; }
.mtt-event .uk-tab > li { border-bottom: 1px solid #e1e1e1; }
/*.mtt-event .uk-tab > li:nth-child(2) { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }*/

.mtt-event .uk-tab-left > li > a,
.mtt-event .uk-tab-right > li > a {
  padding: 15px 20px 5px !important;
  /*min-height: 120px;*/
  color: #3c3c3b;
  text-align: left;
  text-transform: inherit;
}

.mtt-event .uk-tab-left > li > a:hover,
.mtt-event .uk-tab-right > li > a:hover,
.mtt-event .uk-tab-left > li > a:focus,
.mtt-event .uk-tab-right > li > a:focus,
.mtt-event .uk-tab-left > li.uk-active > a,
.mtt-event .uk-tab-right > li.uk-active > a {
	/*background-color: #dadada;*/
	color: #3c3c3b;
}

.mtt-event .uk-tab-left > li > a h3,
.mtt-event .uk-tab-right > li > a h3 {
  padding-bottom: 10px;
  text-transform: uppercase;
  font-size: 14px;
}

.mtt-whatson-all {
    position: relative;
    height: 0px;
    top: -55px;
    right: 30px;
    text-align: right;
}
.mtt-whatson-all a { font-size: 16px; color: rgba(250, 250, 250, 1); }
.mtt-whatson-all a:hover { color: rgba(250, 250, 250, 0.5); }

.mtt-allcategory .uk-article a,
.uk-article .uk-width-1-1.uk-width-medium-1-1,
.mtt-event-menu .mtt-event-image { overflow: hidden; }
.mtt-allcategory .uk-article img,
img.mtt-imgborder,
.mtt-event-menu .mtt-event-image img { scale: 1; transition: scale .4s;  }
.mtt-allcategory .uk-article img:hover,
img.mtt-imgborder:hover,
.mtt-event-menu .mtt-event-image:hover img { scale: 1.1; transition: scale .4s;  }

.sg_protected_by { opacity: 0!important; }

/* Tablets and bigger */
@media (max-width: 768px) {
	.mtt-event-content {
		/*display: none;*/
	}
	uk-tab-responsive {}
	.mtt-event .uk-tab-left > li > a,
	.mtt-event .uk-tab-right > li > a {
	  	min-height: inherit !important;
	}
}
/*.mtt-event .uk-tab-left > li > a.link,
.mtt-event .uk-tab-right > li > a.link {
  padding: 0px !important;
  min-height: inherit !important;
  position: absolute;
}

.mtt-event .uk-width-medium-22-3 img {
	width: auto;
    position: absolute;
	overflow: hidden;
}
*/