/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 25 2025 | 07:01:22 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
.page-id-2 .container { width: 98% !important; position: relative; max-width: 1600px; }
#site-header, #site-footer{ display: none !important;}
.sha-plus-huahin {position: absolute;top: 140px;left: 15px;z-index: 30;}
.sha-plus-huahin img { width: 90px;     margin: 10px;
    display: inline-block;}
a {color: #fff;}
a.fancybox-nav{width: 10%;}
.slick-next, .slick-prev, [type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
	color: transparent; border: none; background-color: transparent; outline: unset;
}
.d-none, .logo-sm { display: none;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 100 !important;
}
#welcome h4 {
	font-size: 16px; font-weight: bold !important;
}
.box-btn a:hover, .submit:hover {
	color: #fff !important;
}
.cap-recc h3 {
    font-size: 20px;
	font-weight: 500 !important;
	font-style: normal;
}
.cap-recc p{
	font-style: normal;
}
.box-item h3{
	font-style: normal;
	font-weight: 500 !important;
}
.pre-footer h3, #footer h3 {
    font-size: 20px;
	font-weight: 500 !important;
}
.section-care-share {
    background-image: url(https://www.dhevan-dara.com/huahin/images/slide-01.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.section-care-share .detail-care-share {
	background-color: rgb(71 71 71 / 85%);
    color: #FFFFFF;
    text-align: center;
    padding: 35px;
}

.section-care-share .detail-care-share .tittle h2 {
	color: #FFFFFF;
}

@media only screen and (max-width:992px) {
  .sha-plus-huahin {top: 80px;}.sha-plus-huahin img {width: 70px; margin: 10px; display: inline-block;}
	
	.section-care-share {
		padding: 40px 25px;
	}
	.section-care-share .detail-care-share {
		padding: 10px;
	}
}

@media only screen and (max-width: 1200px){
	.menuzord-responsive.menuzord:before {
		content: '';
		color: #ffffff;
		font-size: 27px;
		padding-left: 15px;
		width: 144px;
		height: 71px;
		display: block;
		overflow: hidden;
		position: absolute;
		left: 0;
		top: 0;
		background: url(https://www.dhevan-dara.com/huahin/images/logo-small.png) no-repeat !important;
	}
	.logo-sm {
		 display: block;
	}
}
.fa-line{font-size: 28px !important; padding-top: 5px; }
@media only screen and (max-width: 767px) { 
    .fa-line{padding-top: 0px; }
}