/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.3
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
@font-face {
    font-family: 'BoonTook Mon Ultra';
    src: url('assets/fonts/BoonTook-Mon-Ultra.eot');
    src: url('assets/fonts/BoonTook-Mon-Ultra.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/BoonTook-Mon-Ultra.woff2') format('woff2'),
        url('assets/fonts/BoonTook-Mon-Ultra.woff') format('woff'),
        url('assets/fonts/BoonTook-Mon-Ultra.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body, p, a, span, li, div {
	font-family: "Quattrocento Sans", "Prompt", "Arial", sans-serif !important;
}

.scroll-section {
  scroll-margin-top: 180px !important;
}

.zoom-hover .elementor-post__thumbnail, .zoom-hover {
    position: relative !important;
    overflow: hidden !important;
}

.zoom-hover .gallery-hover {
	max-width: 100%;
    -moz-transition: all 0.3s !important;
    -webkit-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

.zoom-hover .elementor-post__thumbnail img {
	object-fit: cover;
	height: auto !important;
	max-width: 100%;
    -moz-transition: all 0.3s !important;
    -webkit-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

.zoom-hover .elementor-post__thumbnail:hover img, .zoom-hover:hover .gallery-hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

#post-promotion .ha-post-btn {
	margin-top: 14px;
}

.ha-post-btn a {
	font-family: "Quattrocento Sans", Sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1em;
    letter-spacing: 0.8px;
    word-spacing: 2px;
	text-transform: uppercase;
	border: 2px solid #3C2313;
    border-radius: 50px;
    padding: .25rem .57rem;
	cursor: pointer;
}

@media (min-width: 768px) {
	.zoom-hover .elementor-post__thumbnail img {
		object-fit: contain;
	}
}


@media (min-width: 1200px) {
	.zoom-hover .elementor-post__thumbnail img {
			object-fit: cover;
		height: 278px !important;
	}
}

.main-menu .e--pointer-overline .elementor-item {
	position: relative;
}

.main-menu .e--pointer-underline .elementor-item.elementor-item-active:after {
	background-image: url('assets/images/line-menu.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent !important;
	position: absolute;
	top: -8px;
    left: 50%;
    transform: translate(-50%, 0%);
	bottom: unset;
    width: 27px;
    height: 8px !important;
}

.line-hr {
    background: url('assets/images/line-hr.png') repeat-x;
    height: 2px;
    width: 100%;
    margin: 12px 0;
}

.clearFix {
    clear: both;
    padding: 0 0;
}

.clearFix-10 {
    clear: both;
    padding: 10px 0;
}

.line-hr-white-small {
    background: url('assets/images/line-hr-white-small.png') repeat-x;
    height: 2px;
    width: 100%;
    margin: 15px 0;
}

.related-blog .elementor-post__read-more {
	border: 2px solid #3C2313;
    border-radius: 50px;
    padding: .25rem .57rem;
	-moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.related-blog .elementor-post__read-more:hover {
	color: #FFFFFF !important;
	background-color: #3C2313;
}

.elementor-nav-menu .sub-arrow {
	padding: 3px !important;
}

.d-none {
	display: none;
}
.gallery-box .swiper-slide-inner img {
	width: 100%;
    object-fit: cover;
}

/* Custom Page Menu  */

.headline-menu {
    background-color: #3b2414;
    width: 100%;
    margin: 0 auto;
    padding: 5px;
    font-size: 18px;
    letter-spacing: 0.1em;
	text-align: center;
}

.membership-box .membership-gold, .membership-box .membership-platinum {
    position: relative;
    float: left;
    width: 50%;
}

.membership-box .membership-gold {
    font-family: 'Public Sans', sans-serif !important;
    padding: 15px 15px 10px;
    background-color: #e0ccb4;
}

.membership-box .membership-platinum {
    background-color: #d2c2b2;
    padding: 15px 15px;
}

.set-alacarte .package-img .daypass {
	object-fit: cover;
    width: 100%;
    height: 440px;
}

.set-alacarte .package-img .daypass-md{
	object-fit: cover;
    width: 100%;
    height: 550px;
}

@media (min-width: 1200px) {
	.set-herbs .package_set-items {
		min-height: 180px;
	}
}

@media (max-width: 992px) and (min-width: 767px) {
	#menu {
		width: 720px;
   	 	margin: auto;
	}
	
	.img-package-addons {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
}

@media (max-width: 767px) {
    .membership-box .membership-gold, .membership-box .membership-platinum {
        padding: 10px 5px;
    }
}

/* End Custom Page Menu */

@media (max-width: 991.99px) {
	.d-block-md {
		display: block;
	}
	
	.d-none-md {
		display: none;
	}
}


@media (max-width: 768.99px) {
	.d-none-sm {
		display: none;
	}
	
	.gallery-box .swiper-slide-inner img {
		height: 268px;
	}
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 768px) {
    .col-md-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
	
	.col-md-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
	
	.col-md-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}

@media (min-width: 992px) {
	.col-lg-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
	
	.col-lg-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
	
	.col-lg-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
	
    .col-lg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
	
	.col-lg-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
	
	.col-lg-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: .25rem !important;
}

.mt-2 {
    margin-top: .5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mb-2 {
    margin-bottom: .5rem !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mr-2 {
    margin-right: .5rem !important;
}

.mx-auto {
	margin: 0 auto;
}

@media (min-width: 768px) {
    .mt-md-0 {
        margin-top: 0 !important;
    }
	
	.mt-md-4 {
        margin-top: 1.5rem !important;
    }
	
	.mb-md-3 {
        margin-bottom: 1rem !important;
    }
	
	.mb-md-4 {
        margin-bottom: 1.5rem !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-0 {
        margin-top: 0 !important;
	}
	
	.mb-lg-3 {
        margin-bottom: 1rem !important;
    }
		
	.mr-lg-4 {
        margin-right: 1.5rem !important;
    }
	
	.mt-lg-5 {
        margin-top: 3rem !important;
    }
}

.d-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox!important;
    display: flex !important;
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start!important;
    justify-content: flex-start !important;
}
	
.justify-content-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center!important;
    justify-content: center !important;
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: end !important;
    -ms-flex-pack: end!important;
	justify-content: end !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center!important;
    align-items: center !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}
	

.d-none {
    display: none !important;
}
	
.img-fluid {
    max-width: 100%;
    height: auto;
}

.text-center {
    text-align: center !important;
}
	
@media (min-width: 768px) {
    .d-md-block {
        display: block !important;
    }
	.d-md-none {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .d-lg-block {
        display: block !important;
    }
	
	.d-lg-none {
        display: none !important;
    }
}

/* contact form */
.form-wrapper .form-row {
    font-family: "IBM Plex Sans Thai", Sans-serif;
    display: flex;
}

.form-col {
    display: grid;
    margin:  5px 10px;
}

.col-100 {
    width: 100%;
}

.col-50 {
    width: 50%;
}

.col-70 {
    width: 70%;
}

.col-30 {
    width: 30%;
}

.form-wrapper .elementor-field {
    font-family: "Quattrocento Sans", Sans-serif !important;
    background-color: #FFFFFF00;
    border-color: var(--e-global-color-text);
    border-width: 0px 0px 1px 0px;
    padding: 10px;
    font-size: 16px;
    border-radius: 0;
	letter-spacing: 1px;
}

.form-wrapper input:focus-visible {
    outline: #ad5207;
}

.form-wrapper .field-option {
    display: inline-flex;
    align-items: center;
    margin-bottom: 5px;
    margin-right: 10px;
}

.form-wrapper .btn-send {
    cursor: pointer;
    font-family: "Quattrocento Sans", Sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    border: 1px solid #212121;
    padding: 10px 10px !important;
    background-color: transparent !important;
    color: #212121 !important;
    width: 150px !important;
    margin: auto !important;
    border-radius: 50px !important;
	letter-spacing: 1px;
}

.form-wrapper .required {
    color: red;
}

.btn-send:hover {
    background-color: #212121 !important;
    color: #FFFFFF !important;
}
@media (max-width: 1200px) {
	.ha-cursor {
		display: none !important;
	}
}
@media (max-width: 991px) {
    .form-wrapper .form-row {
        flex-wrap: wrap;
    }
	
    .form-col {
        width: 100%;
		margin: 5px 0;
    }
	
	.form-wrapper .elementor-field {
		font-size: 14px;
		padding: 7px 9px;
	}
	
	.form-wrapper .btn-send {
		padding: 6px 10px !important;
		width: 115px !important;
	}
}
/* end contact form */