/*
Theme Name: AMORE Child
Template: amore_tcd028
Theme URI: https://tcd-theme.com/tcd028
Description: WordPressテーマ「AMORE」Child Theme
Author: ESTH Team
Author URI: https://tcd-theme.com/
Version: 4.2.4
Text Domain:tcd-amore
*/

/* 
=================================
Font that only use for Thai site
=================================
*/
@font-face {
  font-family: "THSarabunNew";
  src: url("fonts/THSarabunNew.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
:lang(th) {
  font-family: "THSarabunNew", sans-serif;
}
:lang(th) body {
  font-size: 25px;
}
.third-banner-body:lang(th) {
  line-height: 135% !important;
  height: 140px !important;
}
h3.top-headline2:lang(th) {
  font-size: 25px;
}
/* =================== Contact form ========================= */
:lang(th) .whiteText {
  color: #fff;
  font-size: x-large;
}
:lang(th) .wpcf7 p {
  font-size: 21px;
}
:lang(th) .wpcf7 input.wpcf7-submit {
  font-size: 25px;
}

:lang(th) .list-title {
  font-size: 25px !important;
  line-height: 65%;
  letter-spacing: 0.2px;
}
:lang(th) .list-body {
  font-size: 20px;
}
:lang(th) .copyright {
  font-size: 18px;
}
:lang(th) .dropdown-menu {
  font-size: 20px;
}
:lang(th) .mobile #global_menu a {
  font-size: 20px;
}

:lang(th) .footer-menu {
  font-size: 20px;
}
:lang(th) .first-h1 {
  /* font-family: serif; */
  font-size: 40px;
}
:lang(th) .fa fa-clock-o {
  font-size: 18px;
}
:lang(th) #bread_crumb li {
  font-size: 20px;
  top: -8px;
}
:lang(th) .top-headline {
  font-size: 70px;
}
:lang(th) .footer_mobile_menu ul {
  font-size: 15px;
}
:lang(th) .single-page p {
  line-height: 30px;
  font-size: 25px;
  margin: 0 0 2em -3px !important;
}
.scrolltotop_arrow {
  line-height: 58px !important;
}
:lang(th) #pg-37-0,
:lang(th) #pg-37-1,
:lang(th) #pg-37-2,
:lang(th) #pg-37-3,
:lang(th) #pg-37-4,
:lang(th) #pg-37-5,
:lang(th) #pg-37-6,
:lang(th) #pg-37-7,
:lang(th) #pl-37 .so-panel {
  margin-bottom: 12px;
}
:lang(th) .entry-content h4,
:lang(th) .single-page h4 {
  font-size: 110%;
}
:lang(th) .navbar-nav > li > a {
  padding-bottom: 0px;
}
:lang(th) .navbar-nav > li > .dropdown-menu {
  margin-top: -5px;
}
:lang(th) .blog-list-title {
  font-size: 25px;
}
:lang(th) .blog-list-body {
  line-height: 150%;
}
:lang(th) .page-title {
  font-size: 35px;
}
:lang(th) .timestamp {
  font-size: 20px;
}
:lang(th) .article p,
:lang(th) .entry-content p {
  font-size: 22px;
}
:lang(th) .comment_closed {
  font-size: 20px;
}
:lang(th) .content_links {
  font-size: 20px;
}
:lang(th) .sidebar-padder h3 {
  font-size: 40px;
}
:lang(th) .categories li a {
  font-size: 25px;
}
:lang(th) .form-control {
  font-size: 20px;
}
:lang(th) .mb40 h2 {
  font-size: 40px;
  font-weight: 800;
}

@media only screen and (max-width: 767px) {
  :lang(th) .first-h1 {
    font-size: 27px !important;
  }
  :lang(th) .second-body {
    line-height: 125%;
    font-size: 20px;
  }
}
/*End of Font that only use for Thai site*/

body {
  word-wrap: break-word !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: subpixel-antialiased !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-transform: none !important;
  font-family: inherit !important; /* ESTH Franky */
}
/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.wp-caption {
  border: 1px solid #ccc;
  margin-bottom: 10px;
  max-width: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0 10px;
}
/* #bread_crumb li.home a:before {
  font-family: "design_plus";
  color: #888;
  font-size: 14px;
  display: block;
  position: absolute;
  top: 1px;
  left: 0px;
  width: 17px;
  height: 17px;
  line-height: 17px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} */
/* #bread_crumb li {
  color: #aaa;
  font-size: 12px;
  display: inline;
  padding: 0 15px 0 0;
  margin: 0 0 0 15px;
  line-height: 160%;
  position: relative;
} */

/*TEMP*/
/* .has-background {
    background-position: right center !important;
} */
.fifth-banner-headline {
  font-size: 24px !important;
}
.fifth-banner-headline:lang(th) {
  font-size: 24px !important;
}
/*IE*/
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .first-h1 {
    font-size: 35px;
  }
}
#fifth-row > .front-text {
  position: absolute;
  right: 12%;
  font-weight: bold;
  opacity: 0.8;
  font-size: 2vw !important;
}

div.square-banner-label > div.has-background > style {
  background-size: 310px;
  height: 210px;
}

/* ============================== Adjusted ==============================*/
/* ======================= Global ===================== */
h2 {
  font-weight: 400 !important;
}
/* ======================= Header ===================== */
/* For little move header to right. */
.right-menu {
  margin-right: -50px;
}

/* ======================= Footer ===================== */
/* For overwrite the font in child theme */
:lang(th) .scrolltotop_arrow a {
  font-family: "design_plus" !important;
}
/* ============================== Not Adjusted ==============================*/

.square-banner-image {
  height: 300px;
}

.footer-menu ul li {
  width: auto;
}

.text-justify {
  text-align: left !important;
}

@media screen and (max-width: 767px) {
  .square-banner-image {
    display: block;
    margin: auto;
  }
  .amore-divider {
    height: auto !important;
  }
}

@media only screen and (max-width: 771px) {
  .top-headline {
    font-size: 40px;
  }
}

@media screen and (max-width: 480px) {
  .square-banner-image,
  .square-banner {
    height: 370px;
  }
}