/*
 Theme Name:   phasorn-japan
 Description:  create by gap in your-plan.com
 Author:       Gap
 Template:     astra
 Version:      1.0
*/
/*Variable*/
h1, h2, h3, h4, h5, h6, a, button,tr th,.elementor-widget-heading.elementor-widget-heading .elementor-heading-title,h3.elementor-icon-box-title span,.elementor-widget-image-box .elementor-image-box-content .elementor-image-box-description,.elementor-text-editor,.elementor-widget-form .elementor-message{
  font-family: 'Montserrat','Kanit', sans-serif!important;
}
p, label, strong, li,p.elementor-heading-title.elementor-size-default, tr td, span.elementor-icon-list-text,.elementor-widget-image-box .elementor-image-box-content .elementor-image-box-title{
  font-family: 'Montserrat','Kanit', sans-serif!important;
}
p.elementor-icon-box-description,button.elementor-button{
  font-family: 'Montserrat','Kanit', sans-serif !important;
}
b, strong {
    font-weight: 600;
}
html::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
html::-webkit-scrollbar-thumb {
    background: #868686;
    border-radius: 60px;
}
html::-webkit-scrollbar-track {
    background: #d2d2d2;
    border-radius: 60px;
}
::selection {
  background: #53c3f0;
  color: #fff;
}
::-moz-selection {
  background: #53c3f0;
  color: #fff;
}
a{
  font-family: 'Montserrat','Kanit', sans-serif !important;
}
.jet-button__state span {
    font-family: 'Montserrat','Kanit', sans-serif !important;
}
p {
   margin: 0 !important;
  /*  font-size: 18px; */
  transition: all ease-in-out 450ms !important;
  -webkit-transition: all ease-in-out 450ms !important;
  -o-transition: all ease-in-out 450ms !important;
  -moz-transition: all ease-in-out 450ms !important;
  /* font-weight: 400;
  line-height: 1.6em; */
}
input, textarea{
  font-family: 'Montserrat','Kanit', sans-serif !important;
}
.elementor-widget-jet-headline span.jet-headline__label {
    font-family: 'Montserrat','Kanit', sans-serif !important;
}
a, button, input, textarea{
   transition: all ease-in-out 450ms !important;
   -webkit-transition: all ease-in-out 450ms !important;
   -o-transition: all ease-in-out 450ms !important;
   -moz-transition: all ease-in-out 450ms !important;
}
.btn.btn-primary {
    background-image: -webkit-linear-gradient(90deg, #ff4db7 0%, #ef008f9e 55%, #ef008f 100%);
    background-image: -o-linear-gradient(90deg, #ff4db7 0%, #ef008f9e 55%, #ef008f 100%);
    background-image: linear-gradient(90deg, #ff4db7 0%, #ef008f9e 55%, #ef008f 100%);
    color: #fff !important;
    border-radius: 2em;
    cursor: pointer;
    font-weight: 400;
    border: 0;
    padding: 10px 20px;
}
a.btn.btn-learn:hover {
    transform: translateY(-8px);
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.55);
}
tr, tr:hover {
    transition: all ease-in-out 450ms !important;
    -webkit-transition: all ease-in-out 450ms !important;
    -o-transition: all ease-in-out 450ms !important;
    -moz-transition: all ease-in-out 450ms !important;
}
/*footer*/
/*submenu hover*/
footer ul {
    padding-left: 0;
}
footer li.menu-item-has-children ul.sub-menu, footer li.menu-item-has-children ul.sub-menu:hover {
  padding-left: 15px;
}
footer li {
    list-style: none;
}
footer .menu li:hover .sub-menu {
    display: block;
    max-height: 400px;
}
footer .sub-menu {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 1s ease-out;
}
footer li.menu-item:before {
    content: "\f105";
    margin-right: 5px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*post*/
div#content {
    flex-direction: column;
}
div#post-header {
  width: 100%;
  padding: 17em 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: -6em;
  text-align: center;
}
div#post-header h2.main-title a {
    font-size: 40px;
    color: #fffdf8;
    letter-spacing: 3px;
    text-shadow: 2px 2px rgba(38, 38, 38, 0.65);
}
div#post-header h2.main-title a:after {
    content: '';
    display: block;
    border-bottom: 2px solid;
    width: 0;
    transition: all ease-in-out 350ms;
    margin: 0 auto;
}
div#post-header h2.main-title a:hover:after {
    content: '';
    display: block;
    border-bottom: 2px solid;
    width: 100%;
    margin: 0 auto;
}
div#post-header h2.main-title a:hover {
    color: #fffdf8;
}
div#post-header h2.main-title {
    padding-top: 0;
    text-align: center;
    display: inline-block;
}
.container-singlex {
    /* width: 60%; */
    margin: 3em auto 0;
}
div#post-header .container {
    /* width: 60%; */
    margin: 0 auto;
}
div#comments {
    display: none;
}
.single .entry-content img.alignnone.wp-image-1218 {
    margin: 1.5em 0;
}
main#main h2.main-title a {
    color: #fffdf8;
}
main#main h2.head-post {
    padding: 0.5em 1.5em;
    letter-spacing: 1px;
    background: #fffdf8;
    text-align: center;
    display: inline-block;
    box-shadow: 1px 0px 3px 0px rgba(0,0,0,0.5);
    margin: 1.5em 0;
}
main#main h2.head-post a {
    color: #6e3426;
}
.head-to-head {
    text-align: center;
}
.detail-post .entry-content h1, .detail-post .entry-content h2, .detail-post .entry-content h3, .detail-post .entry-content h4, .detail-post .entry-content h5, .detail-post .entry-content h6 {
    padding-bottom: 5px;
    padding-top: 5px;
    line-height: 1.8;
    letter-spacing: 1px;
}
.detail-post .entry-content p {
    line-height: 1.8;
    letter-spacing: 1px;
}
img.sub-imagepost {
    width: 100%;
}
.content-item .entry-summary p {
    font-size: 17px;
}
.pic{
    padding: 10em;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.col-post-1 {
    padding-right: 0;
}
.col-post-2 {
    background: #fffdf8;
    color: #000;
}
.col-post-2 .entry-title {
    padding-bottom: 5px;
}
.col-post-2 .entry-title a {
    color: #000;
    font-size: 24px;
    letter-spacing: 2px;
}
article .content-item.-card {
    box-shadow: 1px 0px 3px 0px rgba(0,0,0,0.5);
}
.main-header {
    margin-top: 15em !important;
    border: 2px solid #fffdf8;
    margin-bottom: 2.5em !important;
}
.main-header h2.main-title {
    color: #fffdf8;
    text-transform: uppercase;
    font-size: 28px;
    padding: 10px 15px;
    transition: all ease-in-out 350ms;
}
.main-header h2:hover {
    background: #fffdf8;
    color: #6e3426;
}
.main-header .container {
    padding: 0;
}
.btn-postt a {
    display: block;
    float: right;
    margin-top: 1em;
}
a.btn.btn-archive {
    border: 2px solid #6e3426;
    font-size: 18px;
    color: #6e3426;
    padding: 6px 15px;
}
a.btn.btn-archive:hover {
    background: #6e3426;
    color: #fff;
}
.content-item.-card .info {
    padding: 25px 15px;
}
nav.elementor-pagination {
    padding-top: 1.5em;
}
/* a.page-numbers {
    color: rgb(255, 253, 248);
    border: 2px solid rgb(255, 253, 248);
    background: #6e3426;
    font-weight: 600;
    border-radius: 0;
}
.content-pagination .current {
    color: rgb(110, 52, 38);
    border: 2px solid rgb(255, 253, 248);
    background: #fff;
    font-weight: 600;
    border-radius: 0;
}
.content-pagination a:hover, .content-pagination a:focus {
    color: rgb(110, 52, 38);
    border-color: rgb(255, 253, 248);
    background: #fffdf8;
} */
/*home*/
.number-circle .elementor-widget-container h2 {
    width: 85px !important;
    height: 85px !important;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.number-circle .elementor-widget-container {
    display: flex;
    justify-content: center;
}
/* #header-home ul.sub-menu {
    background-color: transparent;
}
#header-home ul.sub-menu a.elementor-sub-item {
    color: #fff;
} */
#header-home.fixed ul.sub-menu {
    background-color: #fff;
}
#header-home.fixed ul.sub-menu a.elementor-sub-item {
    color: #262626;
}
#header-home.fixed {
    position: fixed;
    width: 100%;
    background: #ffffff;
    animation: fadeInDown .8s;
    box-shadow: -1px 0px 6px 0px rgba(0, 0, 0, 0.25);
}
#header-home.fixed nav.elementor-nav-menu--main a {
    color: #262626;
    padding-top: 25px;
    padding-bottom: 25px;
}
#header-home.fixed nav.elementor-nav-menu--main .sub-menu a:hover {
    color: #ffffff !important;
}
#header-home.fixed  nav.elementor-nav-menu--main a.elementor-item-active {
    color: #53c3f0;
}
#header-home.fixed nav.elementor-nav-menu--main .sub-menu a.elementor-item-active {
    color: #ffffff;
}
.list-menus ul {
    margin: 0;
}
.list-menus ul li {
    list-style: none;
}
.list-menus ul li a {
    font-size: 15px;
    color: #000;
}
.number-cir h2.elementor-heading-title.elementor-size-default {
    height: 70px;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.q-dd footer {
    justify-content: flex-end;
}
/*destop medium*/
@media (max-width: 1600px){
}
/*laptop*/
@media (max-width: 1280px){
}
/*ipad pro (large tablet)*/
@media (max-width: 1024px) and (min-width: 992px){
}
/*ipad (tablet)*/
@media (max-width: 991.98px) {
  table{
    margin-bottom: 0;
    background-color: transparent;
  }
  table> thead,
  table> tfoot {
    display: none;
  }
  table> tbody {
    display: block;
  }
  table> tbody > tr {
      display: block;
      border: 0;
      border-radius: 2px;
      margin-bottom: 0;
      border-bottom: 0;
  }
  table> tbody > tr > td {
    background-color: #fff;
    display: block;
    vertical-align: middle;
    text-align: right;
  }
  table> tbody > tr > td[data-title]:before {
      content: attr(data-title);
      float: left;
      font-size: inherit;
      font-weight: 400;
      color: #1b1b1b;
  }
  /*post*/
  div#post-header {
      padding: 10em 0;
      margin-top: 0;
  }
  .main-header {
      margin-top: 6em !important;
  }
  .pic {
      padding: 11em;
  }
  /*header*/
section#header-home {
    background: #fff;
}
#header-home ul.sub-menu {
    background-color: #fff;
}
#header-home ul.sub-menu a.elementor-sub-item {
    color: unset;
}
#header-home ul.sub-menu a.elementor-sub-item:hover {
    color: #fff;
}
/*thaijapan*/
.direction-column .elementor-row {
    flex-direction: column;
}
}
/*iphone8 (smartphone)*/
@media (max-width: 575.98px) {
  /*post*/
  div#post-header {
      padding: 10em 15px;
      margin-top: 0;
  }
  div#post-header h2.main-title a {
      font-size: 25px;
      color: #fffdf8;
      letter-spacing: 3px;
      text-shadow: 2px 2px rgba(38, 38, 38, 0.65);
  }
  .detail-post {
      padding: 0 5px;
  }
  html #wpadminbar {
      height: 46px;
      min-width: 300px;
      top: -46px !important;
  }
  .admin-bar header#masthead.navbar-scroll {
      top: 0 !important;
  }
  .main-header {
      margin-top: 5em !important;
      margin-bottom: 2em !important;
  }
  .main-header h2.main-title {
      font-size: 24px;
  }
  .col-post-1 {
      padding-right: 15px;
  }
  .col-post-2 {
      margin: 0 15px;
  }
  .btn-postt a {
      margin-top: 1em;
      margin-bottom: 1.5em;
  }
  article.type-post {
      margin-bottom: 2em;
      padding: 0 5px;
  }
  .content-pagination {
      text-align: center;
      padding-left: 5px;
      padding-right: 5px;
  }
  .pic {
      padding: 9em;
  }
  .number-circle .elementor-widget-container h2 {
    width: 65px !important;
    height: 65px !important;
}
.box-four .elementor-row {
    flex-direction: column-reverse;
}
.comment-phasorn .elementor-testimonial {
    display: inline-block;
}
}
/*iphone5 (small smartphone)*/
@media (max-width: 360px) {
}

#header-home.fixed ul.sub-menu a.elementor-sub-item{
	
	 padding-top: 15px!important;
    padding-bottom: 15px!important;
}