/*
Theme Name:   	Storefront Child
Template:     storefront
Version:      	0.0.5
Text Domain:  	storefront-child
*/

@font-face {
  font-family: myCustomFont;
  font-weight: 100;
  src: url('css/BEBASNEUE.OTF');
  letter-spacing: 0.10rem;
}

@font-face {
  font-family: fontRoboto;
  font-weight: 100;
  src: url('css/roboto/Roboto-Regular.ttf');
  letter-spacing: 0.0rem;
}

@font-face {
  font-family: fontBeBas;
  font-weight: 100;
  src: url('css/BEBASNEUE.OTF');
  letter-spacing: 0.0rem;
}

html, body {
  font-family: myCustomFont;
  width:100%; height:100%;
}

html, body, h1, h2, h3, h4, h5, b, i, u{

}

.brightness-hover{
  width:100%;
  max-width:260px;
  cursor: pointer;
}
.brightness-hover:hover{
  -webkit-filter: brightness(120%);
  filter: brightness(120%);
}

.fontRoboto{font-family: fontRoboto;}
.fontBeBas{font-family: fontBeBas;}

/*
#fullpage{ margin-top: 28px !important; }
*/

@media only screen and (max-width: 768px) {
  .bg-180{background-image:url('./images/bg-180.png'); background-size:cover; background-repeat:no-repeat; text-align:center; background-position:center top;}
  .bg-black-provider{background-image:none;}
  .color-header-provider{color:black; font-size:3.2rem;}

  .gallery-item div{margin:0.25rem;}

  .mobile{}
  .desktop{display:none;}

  .my-product-block{height:180px;}

  .bg-desk-picture, .bg-desk-infographics, .bg-desk-video{background-color:White;}

  .single-thaimed-post-header{font-size:1.2em; padding:0 0 0rem 0; border-bottom:solid 1px #6d6d6d; width:38%;}
  .single-thaimed-post-content{margin:0rem 0 0 0; padding:0rem 0 0 0;}

  .display-text-header-thaimed-provider{font-size:1.2rem; max-height:240px; overflow-y:scroll; width:100%;}
}

@media only screen and (min-width: 769px) {
  .bg-180{background-color:white;}
  .bg-black-provider{background-image:url('./images/bg-black.png');}
  .color-header-provider{color:white; font-size:3.2rem;}

  .mobile{display:none;}
  .desktop{}

  .my-product-block{height:300px;}

  .bg-desk-picture{
    background-image:url('./images/desktop/d-picture.jpg');
    background-size:cover; background-repeat:no-repeat; text-align:center; background-position:center bottom;
  }

  .bg-desk-infographics{
    background-image:url('./images/desktop/d-infographics.jpg');
    background-size:cover; background-repeat:no-repeat; text-align:center; background-position:center bottom;
  }

  .bg-desk-video{
    background-image:url('./images/desktop/d-video.jpg');
    background-size:cover; background-repeat:no-repeat; text-align:center; background-position:center bottom;
  }

  .single-thaimed-post-header{font-size:2em; padding:0 0 0rem 0; border-bottom:solid 1px #6d6d6d;}
  .single-thaimed-post-content{margin:0rem 0 0 0; padding:0rem 0 0 0; }

  .display-text-header-thaimed-provider{font-size:2.0rem; max-height:320px; overflow-y:scroll; width:100%;}

}

.carousel-title-mobile{color:#555; position:absolute; left:0; bottom:0; width:100%; padding:1rem; text-align:left;}
.carousel-title-mobile .header{font-size:2rem;}
.carousel-title-mobile .content{max-height:4rem; overflow:hidden;}

.bg-default{background-image:url('./images/default-bg.jpg'); background-size:cover; background-repeat:no-repeat; text-align:center; background-position:center top;padding:3em 0}
.bg-whythailand{background-image:url('./images/frontpage/whythailand/bg.jpg'); background-size:cover; background-repeat:no-repeat; text-align:center; background-position:center bottom;}
.bg-whythailand-white{background-image:url('./images/bg-white.png');}
.bg-white{background-image:url('./images/bg-white.png');}
.bg-black{background-image:url('./images/bg-black.png');}
.background-white{background-color:white;}
.background-black{background-color:black;}


.bg-desk-activity{
  background-image:url('./images/desktop/d-activity.jpg');
  background-size:cover; background-repeat:no-repeat; text-align:center; background-position:center bottom;
}
.bg-desk-news{
  background-image:url('./images/desktop/d-news.jpg');
  background-size:cover; background-repeat:no-repeat; text-align:center; background-position:center bottom;
}
.bg-desk-product{
  background-image:url('./images/desktop/d-product.jpg');
  background-size:cover; background-repeat:no-repeat; text-align:center; background-position:center bottom;
}
.bg-desk-why{
  background-image:url('./images/desktop/d-why.jpg');
  background-size:cover; background-repeat:no-repeat; text-align:center; background-position:center bottom;
}

.bg-ads-products{background-image:url('./images/frontpage/product/bg.jpg'); background-size:cover; background-repeat:no-repeat; text-align:center; background-position:center center;}
.bg-ads-activity{background-image:url('./images/frontpage/activity/bg.jpg'); background-size:cover; background-repeat:no-repeat; text-align:center; background-position:center center;}
.bg-ads-media{background-image:url('./images/frontpage/media/bg.jpg'); background-size:cover; background-repeat:no-repeat; text-align:center; background-position:center center;}
.bg-ads-contact-us{background-image:url('./images/frontpage/contactus/bg.jpg'); background-size:cover; background-repeat:no-repeat; text-align:center; background-position:center center;}

.ads-picture{display:inline-block; width:48%; padding:0; margin:0;}
.ads-picture img{width:100%; min-width:180px;}

.thaimed-template{display:inline-block; width:90%; max-width:1200px; padding:1rem; text-align:left;}
.thaimed-bg{background-color:#f5f5f5;}
.thaimed-color{color:orange;}
.my-col-padding{padding:1rem 0.5rem;}
.my-padding{padding:1rem;}
.my-background{background-size:cover; background-repeat:no-repeat; text-align:center; background-position:center center; width:100%;}

.table-container {
  display: table; width:100%;
}

.table-container .table-row {
  height: 100%;
  display: table-row;
}

.table-container .table-row .table-col {
  display: table-cell;
  float: none;
  vertical-align: top;
}

a.inherit{color:inherit;}
a.inherit:hover{color:inherit;}

.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.d-inline-block{display:inline-block; margin:0.1rem;}

.footer-head{
	color:#F3989F; font-weight:bold; font-size:2.8rem; border-bottom:solid 1px #f3989f;
}
.pink-head{color:#F3989F;}

/*
.mega-sub-menu li, .mega-menu-link{white-space: nowrap; display:block;}
*/

#wpcf7-form-contactus input[type=submit]{
	background-color:#EC7E97; color:#ffffff; box-shadow:0 0.3rem #C42254; padding:0.5rem 2rem; font-size:1.5rem; width:100%;
}
#wpcf7-form-contactus input[type=submit]:hover{
	color:black;
}

input[type=text], input[type=email], input[type=password]{
	background-color:white; border:solid 1px #c0c0c0; width:100%; margin:1rem 0;
}
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus,
input[type=text]:active, input[type=email]:active, input[type=password]:active{
	background-color:white; border:solid 1px #999;
}

#wpcf7-form-contactus input[type=text], input[type=email]{
	background-color:white; border:solid 1px #c0c0c0; width:100%; margin:1rem 0;
}
#wpcf7-form-contactus input[type=text]:active, input[type=text]:focus, input[type=email]:active, input[type=email]:focus{
	background-color:white; border:solid 1px #999;
}

#wpcf7-form-contactus textarea{
	background-color:white; border:solid 1px #c0c0c0; height:50px; width:100%; margin:1rem 0;
}
#wpcf7-form-contactus textarea:active{
	background-color:white; border:solid 1px #999;
}

.btn-view-more-mobile{background-color:#555; color:white;}
.btn-view-more-mobile:hover{background-color:#999; color:white;}


.btn-view-more2{background-color: transparent; border:solid 1px white; color:white;}
.btn-view-more2:hover{background-color: transparent; border:solid 1px #999; color:#999;}

.btn-view-more{background-color:#FCC932; color:#5B3417; box-shadow:0 0.3rem #CC631F; padding:0.5rem 2rem; font-size:1.5rem;}
.btn-submit-pink{background-color:#EC7E97; color:#ffffff; box-shadow:0 0.3rem #C42254; padding:0.5rem 2rem; font-size:1.5rem;}
.btn-submit-blue{background-color:#14ABE2; color:#ffffff; box-shadow:0 0.3rem #1E6DBC; padding:0.5rem 2rem; font-size:1.5rem;}

/*default a*/
a{color:#14ABE2; text-decoration:none;}
a:hover{text-decoration:underline;}

a[rel~="prev"], a[rel~="next"]{
  /*
  color:#14ABE2;
  */
   color:#9B8E85;
}

.text-italic{font-style: italic;}

.f-0{font-size:0.0rem;}
.f-1{font-size:1.0rem;}
.f-2{font-size:2.0rem;}
.f-3{font-size:3.0rem;}
.f-4{font-size:4.0rem;}
.f-5{font-size:5.0rem;}
.f-6{font-size:6.0rem;}

.m-0{margin:0;}
.m-1{margin:1rem;}
.m-2{margin:2rem;}
.m-3{margin:3rem;}
.m-4{margin:4rem;}
.m-5{margin:5rem;}

.mt-0{margin-top:0;}
.mt-1{margin-top:1rem;}
.mt-2{margin-top:2rem;}
.mt-3{margin-top:3rem;}
.mt-4{margin-top:4rem;}
.mt-5{margin-top:5rem;}

.mb-0{margin-bottom:0;}
.mb-1{margin-bottom:1rem;}
.mb-2{margin-bottom:2rem;}
.mb-3{margin-bottom:3rem;}
.mb-4{margin-bottom:4rem;}
.mb-5{margin-bottom:5rem;}

.ml-0{margin-left:0;}
.ml-1{margin-left:1rem;}
.ml-2{margin-left:2rem;}
.ml-3{margin-left:3rem;}
.ml-4{margin-left:4rem;}
.ml-5{margin-left:5rem;}

.mr-0{margin-right:0;}
.mr-1{margin-right:1rem;}
.mr-2{margin-right:2rem;}
.mr-3{margin-right:3rem;}
.mr-4{margin-right:4rem;}
.mr-5{margin-right:5rem;}

.w-24{width:24%;}
.w-25{width:25%;}
.w-40{width:40%;}
.w-50{width:50%;}
.w-60{width:60%;}
.w-70{width:70%;}
.w-80{width:80%;}
.w-100{width:100%;}
.p-0{padding:0;}
.p-1{padding:1rem;}
.p-2{padding:2rem;}
.p-3{padding:3rem;}
.p-4{padding:4rem;}
.p-5{padding:5rem;}
.p-6{padding:6rem;}
.my-min-width{min-width:220px;}

.pt-0{padding-top:0;}
.pt-1{padding-top:1rem;}
.pt-2{padding-top:2rem;}
.pt-3{padding-top:3rem;}
.pt-4{padding-top:4rem;}
.pt-5{padding-top:5rem;}
.pt-6{padding-top:6rem;}

.pb-0{padding-bottom:0;}
.pb-1{padding-bottom:1rem;}
.pb-2{padding-bottom:2rem;}
.pb-3{padding-bottom:3rem;}
.pb-4{padding-bottom:4rem;}
.pb-5{padding-bottom:5rem;}
.pb-6{padding-bottom:6rem;}

.pl-0{padding-left:0;}
.pl-1{padding-left:1rem;}
.pl-2{padding-left:2rem;}
.pl-3{padding-left:3rem;}
.pl-4{padding-left:4rem;}
.pl-5{padding-left:5rem;}
.pl-6{padding-left:6rem;}

.pr-0{padding-right:0;}
.pr-1{padding-right:1rem;}
.pr-2{padding-right:2rem;}
.pr-3{padding-right:3rem;}
.pr-4{padding-right:4rem;}
.pr-5{padding-right:5rem;}
.pr-6{padding-right:6rem;}

/*** Margin ***/
.mt-0{margin-top:0;}
.mt-1{margin-top:1rem;}
.mt-2{margin-top:2rem;}
.mt-3{margin-top:3rem;}
.mt-4{margin-top:4rem;}
.mt-5{margin-top:5rem;}
.mt-6{margin-top:6rem;}

.mb-0{margin-bottom:0;}
.mb-1{margin-bottom:1rem;}
.mb-2{margin-bottom:2rem;}
.mb-3{margin-bottom:3rem;}
.mb-4{margin-bottom:4rem;}
.mb-5{margin-bottom:5rem;}
.mb-6{margin-bottom:6rem;}

.ml-0{margin-left:0;}
.ml-1{margin-left:1rem;}
.ml-2{margin-left:2rem;}
.ml-3{margin-left:3rem;}
.ml-4{margin-left:4rem;}
.ml-5{margin-left:5rem;}
.ml-6{margin-left:6rem;}

.mr-0{margin-right:0;}
.mr-1{margin-right:1rem;}
.mr-2{margin-right:2rem;}
.mr-3{margin-right:3rem;}
.mr-4{margin-right:4rem;}
.mr-5{margin-right:5rem;}
.mr-6{margin-right:6rem;}

.ads-product-item{position:relative; width:100%;}
.ads-product-item .title{color:#555; text-align:left; position:absolute; left:0; bottom:0; width:100%; padding:1rem 2rem; font-size:2rem;}
.ads-product-item .title-none-bg{color:#ffffff; text-align:left; position:absolute; left:0; bottom:0; width:100%; padding:1rem 2rem; font-size:2rem;}
.ads-product-item .title .header, .ads-product-item .title-none-bg .header{
	height:3.8rem; overflow:hidden;
}

.tme-cloud{text-align:left;}
.tme-cloud a{color:inherit; text-decoration:none;}
.tme-cloud a:hover{
	color:white; background-color:#F3989F; text-decoration:underline;
}
.tme-cloud h4, .tme-cloud h5{
	font-style: italic; font-weight: bold; border-bottom:dashed 2px #ccc;
}

.thaimed-post-header{color:#9B8E85;}
.thaimed-post-header-size{font-size:2.0rem;}
.thaimed-post-header-size2{font-size:4.0rem;}
.thaimed-post-btn-readmore{background-color:transparent; color:white; border:solid 1px white; border-radius:0;}
.thaimed-post-btn-readmore:hover{background-color:white; color:block; border:solid 1px white; border-radius:0;}
.thaimed-post-btn-date{
  font-size:2.0rem; padding:0 0 0 0.5rem;
}
.thaimed-post-icon{
  color:white; background-color:#F3989D; border-radius:50%; width:32px; height:32px;
  display:flex; align-items: center; justify-content: center;
}

.wpcf7-form input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select, textarea {width:100% !important;}

.main-product-block{
  position:relative; width:100%; vertical-align:top; max-height:300px; margin:0rem 0 2rem 0;
}
.main-product-block .hover-block{
  top:0; left:0;
  position:absolute; z-index:999; width:100%; height:100%; display:none; font-size:4rem;
}
.main-product-block .hover-block a{color:white;}
.main-product-block:hover .hover-block{
  display:flex;
  align-items: center;
  justify-content: center;
}
.main-product-block .hover-block2{
  top:0; left:0;
  position:absolute; z-index:999; width:100%; height:100%; display:none; font-size:4rem;
}

.main-product-block .title{position:absolute; bottom:0; left:0; width:100%; color:white; padding:1rem; text-align:left;}
.main-product-block .title .header{padding:0.5rem 0; margin-bottom:0.5rem; max-height:3.4rem; overflow:hidden; font-size:1.8rem;}
.main-product-block .title .sub-header{padding:0.5rem 0 0 0; max-height:2.4rem; font-size:1.4rem; border-top:solid 1px #8a8a8a; margin-bottom:1rem;}
.main-product-block .title a{color:white;}
.main-product-block .title a:hover{color:white;}
.main-product-block .title a.readmore{color:#8a8a8a;}
.main-product-block .title a.readmore:hover{color:#ccc;}


.main-activity-block{position:relative; width:100%; vertical-align:top; height:300px; margin:0rem 0 2rem 0;}
.main-activity-block .title{position:absolute; bottom:0; left:0; width:100%; color:white; padding:1rem; text-align:left;}
.main-activity-block .title .header{padding:0.5rem 0; margin-bottom:0.5rem; max-height:3.4rem; overflow:hidden; font-size:1.8rem;}
.main-activity-block .title .sub-header{padding:0.5rem 0 0 0; max-height:2.4rem; font-size:1.4rem; border-top:solid 1px #8a8a8a; margin-bottom:1rem;}
.main-activity-block .title a{color:white;}
.main-activity-block .title a:hover{color:white;}
.main-activity-block .title a.readmore{color:#8a8a8a;}
.main-activity-block .title a.readmore:hover{color:#ccc;}

.main-activity-block .title2{position:absolute; bottom:0; left:0; width:100%; color:#333; padding:1rem; text-align:left; background-color: white; opacity:0.8;}
.main-activity-block .title2 .header{padding:0.5rem 0; margin-bottom:0.5rem; max-height:3.4rem; overflow:hidden; font-size:1.8rem;}
.main-activity-block .title2 .sub-header{padding:0.5rem 0 0 0; max-height:2.4rem; font-size:1.4rem; overflow:hidden; border-top:solid 1px #8a8a8a; margin-bottom:1rem;}
.main-activity-block .title2 a{color:#333;}
.main-activity-block .title2 a:hover{color:#777;}
.main-activity-block .title2 a.readmore{color:#333;}
.main-activity-block .title2 a.readmore:hover{color:#777;}


img.ads-posts{width:100%;}
.d-ads-posts-block{display:inline-block; margin:0rem 0.25rem 0.5rem 0.25rem; padding:0; text-align:left; position:relative; width:85%; vertical-align:top;}
.d-ads-posts-block:hover{box-shadow:0 0 2rem #777;}
.d-ads-posts-block .title{position:absolute; width:100%; background-color:#464646; color:#8A8A8A; bottom:0; left:0; padding:1rem;}
.d-ads-posts-block .title .header{padding:0.5rem 0; margin-bottom:0.5rem; max-height:3.4rem; overflow:hidden; font-size:1.8rem;}
.d-ads-posts-block .title .sub-header{padding:0.5rem 0 0 0; max-height:2.4rem; font-size:1.4rem; overflow:hidden; border-top:solid 1px #8a8a8a; margin-bottom:1rem;}
.d-ads-posts-block a{color:white;}
.d-ads-posts-block a:hover{color:white;}
.d-ads-posts-block a.readmore{color:#8a8a8a;}
.d-ads-posts-block a.readmore:hover{color:#ccc;}
b.ads-posts-header{color:#605E5F; font-size:3.8rem;}
b.ads-posts-header2{color:#ffffff; font-size:3.8rem;}

.d-media-block{display:inline-block; margin:0.5rem 0.25rem; padding:0; text-align:left; position:relative; width:24%; vertical-align:top; min-width:220px;}
/*background-repeat:no-repeat; background-position:center center; background-size:cover; height:240px;*/
.d-media-block:hover{box-shadow:0 0 2rem #aaa;}
.d-media-block .title{position:absolute; width:100%; background-color:black; color:white; bottom:0; left:0; padding:1rem;}
.d-media-block a{color:white;}
.d-media-block a:hover{color:white;}
.d-media-block a img{width:100%;}

.btn-blue, input[name=edit_profile], input[name=wp-submit], input[name=register]{background-color:#00A1E1; box-shadow:solid 0.5rem #00A1E1; color:white; margin:1rem 0; padding:0.8rem 2.5rem; border-radius:8px; font-size:2rem; font-weight:bold;}
.btn-blue:hover, input[name=edit_profile]:hover, input[name=wp-submit]:hover, input[name=register]:hover{color:#00A1E1; background-color:white;}

.thaimed-post-pagination-left-arrow, .thaimed-post-pagination-right-arrow{
  color:white; background-color:#A8A9AD; border-radius:15px; padding:5px;
}
.pagination{border:none; padding:0; margin:0;}
.page-numbers {
  /*
  border: 1px solid #eee;
  border-radius: 2px;
	font-weight: 600;
  */

  color:#00A1E1;
  font-size:2rem;
	display: inline-block;
	padding: 5px 10px;
	margin: 0 2px 0 0;
	line-height: 1;
	text-decoration: none;
}
.page-numbers.current,
a.page-numbers:hover {
  /*
	background: #f9f9f9;
  */
  color:#999;
}

.vertical-top{vertical-align: top;}
.icon-flag{width:100%; max-width:32px; min-width:18px; border:none;}

.logo-header{width:25%; max-width:72px; min-width:48px;}
.container{width:90%; max-width:1200px; font-size:2rem;}
.container2{display:inline-block; width:90%; max-width:1200px; font-size:2rem;}

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

#search-term::placeholder{color:#ccc;}

#search-term{
  background-color: #fff; width: 80%; max-width: 200px;
  outline: none; box-shadow: none; background: transparent; border: transparent;
}

.no-wrap{
	white-space: nowrap;
}
.has-search {
  white-space: nowrap;
  border-radius:20px; border:solid 1px #999; padding:0rem 1rem;
}
.has-search input[type=text]{
	font-size:1.5rem;
	line-height:1.2rem; margin:0; padding:0; height:1.2rem;
}

.main-product-header{
  font-size:4rem; padding:1rem; margin-top:2rem;
  background-color:#ED5F99; color:white;
}

.main-provider-header{
  font-size:4rem; padding:1rem; margin-top:2rem;
  background-color:#6AC0F1; color:white; text-align:center;
}

.main-media-header{
  font-size:4rem; color:#9B8E85; text-align:center; font-weight:bold;
}


#myForm input[type=text]{
	font-size:1.5rem; display:inline-block; line-height:1.7rem; height:2.8rem; padding:0.25rem; width:100%; max-width:200px;
}
#myForm select{
  font-size:1.5rem; display:inline-block; line-height:1.7rem; padding:0.25rem;
}

.bg-media{
  background-color:#f9f9f9;
}

.carousel-ads-product .carousel-indicators li {
	width:12px; height:12px;
	background-color: #7C7D7F;
}
.carousel-ads-product .carousel-indicators .active {
	width:12px; height:12px;
	background-color: #ffffff;
}

.carousel-ads-product .carousel-indicators {
  bottom:-7rem;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}