/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0.4.47
*/

@import url('https://fonts.googleapis.com/css2?family=Anuphan:wght@100..700&family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&display=swap');
@import url('fonts/jschawlewhieng.css');

@media only screen and (max-width: 48em) {

}

.nav>li>a { font-size: 1em; }

.wp-pagenavi {
	margin-bottom: 15px;
    text-align: center;
}
.wp-pagenavi a.page {
    margin: 0 4px;;
    padding: 0;
    display: inline-block;
    text-align: center;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 90%;
    border-radius: 100%;
    border: 0;
    background-color: #f7f7f7;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .last {
    border: 0;
    font-size: 80%;
}
.wp-pagenavi span {
    border: 0;
    font-size: 80%;
}
.wp-pagenavi .current {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    background-color: orange;
    border-radius: 100%;
}


.blog_post_home .box-text { min-height: 82px; } 
.blog_post_home .box-text .post-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 
.blog_post_home .box-text .post-title a strong { font-weight: normal; }


@media only screen and (max-width: 48em) {
    .post_cat_row .text-box { width: 100% !important; }
    .post_cat_row .text-box .text-inner { font-size: 80%; text-align: center; }
}

.flickity-page-dots .dot { width: 6px !important; height: 6px !important; }
.flickity-page-dots .dot.is-selected { background-color: #E02529; }
.section-title a { font-size: 60%; }


div {}

.content-area p,
.content-area td {
    font-family: "Anuphan", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }

.content-area p strong,
  .content-area th {
    font-family: "Anuphan", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
  }

.shrine-slider .banner{ border: 1px solid #fff; }

.shrine-blog-posts .col { padding-top: 20px; border-top: 1px solid #888; border-right: 1px solid #888; }
.shrine-blog-posts .col:last-child { border-right: 0; }

.bg-cn .bg { background-size: 300px !important; background-repeat: repeat !important; }

body.home #content { overflow: hidden; }

@media (max-width: 549px) {
    .section-content .row.gsap-section .col:last-child { display: none; }
}

.cn { font-family: 'JS Chawlewhieng' !important; font-weight: normal; font-style: normal; }
.yellow { color: #F6CE25; }

body.single-shrine #content h1 { font-family: 'JS Chawlewhieng' !important; font-weight: normal; font-style: normal; }
body.single-shrine #content h1 { margin-bottom: 0; font-size: 400%; line-height: 1; color: #F6CE25; }
body.single-shrine #content img { width: 100%; }
.shrine-rites-row .box-image { margin-bottom: 20px; width: 30% !important; border: 4px solid #805E27; }
.shrine-rites-row .box-text { font-size: 100%; }
.shrine-rites-row .box-text h3 { text-transform: uppercase; }

.section-title-container .section-title-center b { height: 0; }
.section-title-container.cn .section-title .section-title-main { font-family: 'JS Chawlewhieng' !important; font-weight: normal; font-style: normal; }
.section-title-container.cn .section-title .section-title-main { font-size: 240%; line-height: 1; color: #F6CE25; }

/* Table */
.shrine-table thead tr th { padding-top: 20px; padding-bottom: 20px; font-size: 120%; text-align: center; }
.shrine-table thead tr th:before { margin: 0 auto 20px; content: ''; display: block; width: 60px; height: 60px; background-size: 60px; background-position: center center; background-repeat: no-repeat; border-radius: 100%; border: 1px solid #F6CE25; }
.shrine-table thead tr th:nth-child(1),
.shrine-table thead tr th:nth-child(2),
.shrine-table thead tr th:nth-child(4){ background-color: #4F1D13; }
.shrine-table thead tr th:nth-child(3),
.shrine-table thead tr th:nth-child(5) { background-color: #805F27; }
.shrine-table thead tr th:nth-child(1):before { display: none; }
.shrine-table thead tr th:nth-child(2):before { background-image: url(../../../wp-content/uploads/2024/08/icon-1.png); }
.shrine-table thead tr th:nth-child(3):before { background-image: url(../../../wp-content/uploads/2024/08/icon-2.png); }
.shrine-table thead tr th:nth-child(4):before { background-image: url(../../../wp-content/uploads/2024/08/icon-3.png); }
.shrine-table thead tr th:nth-child(5):before { background-image: url(../../../wp-content/uploads/2024/08/icon-4.png); }
.shrine-table tbody tr td { padding-left: 20px; color: #805F27; background-color: #E9EAEB; }
.shrine-table tbody tr td:nth-child(1) { text-align: center; background-color: #805F27; }
.shrine-table tbody tr:nth-child(even) td { background-color: #D6CFC3; }
.shrine-table tbody tr td:nth-child(1) { background-color: #B09976; }
.shrine-table tbody tr:nth-child(even) td:nth-child(1) { background-color: #A99169; }
.shrine-table tbody tr td { border-right: 1px solid #4F1D13; }
.shrine-table tbody tr td:first-child { color: #222; }
.shrine-table tbody tr td:nth-child(2) { font-size: 120%; color: #222; line-height: 1; font-weight: 500 }
.shrine-table tbody tr td:nth-child(2) small { font-size: 70%; color: #805F27; }
.shrine-table tbody tr td a { letter-spacing: 0; }
.shrine-table tbody tr td a:hover { color: #222; }

@media only screen and (max-width: 48em) {

    .mobile-sidebar .nav-sidebar li { border: 0 !important; }
    .off-canvas-left.dark .mfp-content { background-color: #860222; }

	.shrine-table thead tr,
	.shrine-table tbody tr { display: flex; flex-wrap: wrap; padding-bottom: 1px; }
    .shrine-table thead tr th { font-size: 100%; letter-spacing: 0; }
	.shrine-table thead tr th:nth-child(1),
	.shrine-table thead tr th:nth-child(2) { display: none; }
	.shrine-table thead tr th:nth-child(3),
	.shrine-table thead tr th:nth-child(4),
	.shrine-table thead tr th:nth-child(5) { width: 33.33%; }
	.shrine-table tbody tr td { padding: 10px 5px; }
	.shrine-table tbody tr td:nth-child(1) { display: none; }
	.shrine-table tbody tr td:nth-child(2) { padding-top: 30px; width: 100%; text-align: center; }
	.shrine-table tbody tr td:nth-child(3),
	.shrine-table tbody tr td:nth-child(4),
	.shrine-table tbody tr td:nth-child(5) { padding-bottom: 20px; width: 33.33%; text-align: center; }
}

.shrine_blog_posts .box-text .post-title { font-size: 130%; color: #F6CE25; }

.statue { border: 2px solid #805E27; }
.statue .box-text { background-color: #805E27; background: linear-gradient(0deg, rgba(128,94,39,1) 50%, rgba(128,94,39,0) 100%); }
.statue .box-text h4 { padding: 50px 0 0; font-size: 220%; }
html[lang="en-US"] .statue .box-text h4 { padding: 50px 0 0; font-size: 180%; letter-spacing: 0; }

/* Border */
section.border-white .bg:after,
section.border-yellow .bg:after,
section.border-brown .bg:after { content: ''; position: absolute; top: 15px; bottom: 15px; left: 15px; right: 15px; border-image-slice: 86 86 86 86; border-image-width: 86px 86px 86px 86px; border-image-outset: 0px 0px 0px 0px; border-image-repeat: round round; border-style: solid; }

section.border-white .bg:after { border-image-source: url("../../../wp-content/uploads/2024/08/cn-border-style.png"); }
section.border-yellow .bg:after { border-image-source: url("../../../wp-content/uploads/2024/08/cn-border-style-yellow.png"); }
section.border-brown .bg:after { border-image-source: url("../../../wp-content/uploads/2024/08/cn-border-style-brown.png"); }

section.border-white-small .bg:after,
section.border-yellow-small .bg:after,
section.border-brown-small .bg:after { content: ''; position: absolute; top: 15px; bottom: 15px; left: 15px; right: 15px; border-image-slice: 43 43 43 43; border-image-width: 43px 43px 43px 43px; border-image-outset: 0px 0px 0px 0px; border-image-repeat: round round; border-style: solid; }

section.border-white-small .bg:after { border-image-source: url("../../../wp-content/uploads/2024/08/cn-border-style-128.png"); }
section.border-yellow-small .bg:after { border-image-source: url("../../../wp-content/uploads/2024/08/cn-border-style-yellow-128.png"); }
section.border-brown-small .bg:after { border-image-source: url("../../../wp-content/uploads/2024/08/cn-border-style-brown-128.png"); }

@media only screen and (max-width: 48em) {
	section.border-brown-small > .section-content > .row > .col { padding-left: 40px; padding-right: 40px; }
}

.main-menu-location .menu {}
.main-menu-location .menu li:first-child { display: none; }
.main-menu-location .menu li { text-align: center; border: 0; }
.main-menu-location .menu li a { font-family: 'JS Chawlewhieng' !important; font-weight: normal; font-style: normal; font-size: 300%; color: #F6CE25; line-height: 1; }
.main-menu-location .menu li a:hover { color: #fff; }


.statue-cn { padding: 20px 30px 170px; position: absolute; top: -300px; left: -40px; width: 80px; font-size: 150%; }
.statue-cn { background: url(../../../wp-content/uploads/2024/08/bg-chinese-brush-red.png) center center no-repeat; }
.statue-cn { background-size: contain; }

@media (max-width: 849px) {
	.statue-cn { padding: 10px 10px 120px; top: -150px; left: -20px; width: 50px; font-size: 100%; }
}

@media (max-width: 549px) {
	.statue-cn { padding: 20px 10px 120px; top: -220px; left: -20px; width: 50px; font-size: 130%; }
}