/* thai */
@font-face {
  font-family: 'Thasadith';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/Thasadith-italic-400.woff2") format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* thai */
@font-face {
  font-family: 'Thasadith';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/Thasadith-normal-400.woff2") format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* latin */
@font-face {
  font-family: 'Thasadith';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/Thasadith-latin-normal-400.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Thasadith';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/Thasadith-normal-700.woff2") format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* latin */
@font-face {
  font-family: 'Thasadith';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/Thasadith-latin-normal-700.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
  background: #D2F1EB url("/images/blank.png") repeat-x left top;
  color: #1F3F3F;
  font-family: "Thasadith", Tahoma, Arial, Verdana;
  font-size:1.2em;
  letter-spacing: 1px;
}
.horo-top{
  background-color:rgba(0,0,0,0.4);
}
.horo-top a{font-size:.9em;}
.horo-top h1{font-size: .9rem;margin-bottom:0;}
.horo-body{
  max-width:800px;
  margin:40px auto;
  padding-bottom:40px;
}
#top-nav{max-width:800px;scrollbar-width:none;-ms-overflow-style:none;}
#top-nav::-webkit-scrollbar{display:none;}
.horo-menu{
  width:200px;
}
.mwide-500 {
	max-width: 500px;
}

.caption-style-1 {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
	.caption-style-1 li {
	float: left;
	padding: 0px;
	position: relative;
	overflow: hidden;
	}
	.caption-style-1 li:hover .caption {
	opacity: 1;
	}
	.caption-style-1 img {
	margin: 0px;
	padding: 0px;
	float: left;
	z-index: 4;
	}
	.caption-style-1 .caption {
	cursor: pointer;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.45s ease-in-out;
	-moz-transition: all 0.45s ease-in-out;
	-o-transition: all 0.45s ease-in-out;
	-ms-transition: all 0.45s ease-in-out;
	transition: all 0.45s ease-in-out;
	}
	.caption-style-1 .blur {
	background-color: rgba(0,0,0,0.65);
	height: 300px;
	width: 400px;
	z-index: 5;
	position: absolute;
	}
	.caption-style-1 .caption-text h1 {
	text-transform: uppercase;
	font-size: 24px;
	}
	.caption-style-1 .caption-text {
	z-index: 10;
	color: #fff;
	position: absolute;
	width: 400px;
	height: 300px;
	text-align: center;
	top: 100px;
}
a{color:#007C7C;}
.bg-gold{background-color:#ffd943;}
.btn.bg-gold:hover{background-color:#c3aa4b;}
.bg-pink{background-color:#f274b8;}
.bg-dark-pink{background-color:#d52182;}
.bg-purple{background-color:#2a132d;background-color: rgba(42, 19, 45,var(--bs-bg-opacity)) !important;}
.btn.bg-pink{color:#5c022a;font-weight:600;}
.btn.bg-pink:hover{background-color:#ec53a3;}
.btn.bg-dark-pink:hover{background-color:#bb0f6c;color:#ffffff;}
.btn.btn-success{background-color:#00ff00;color:#000;}
.btn.btn-success:hover{background-color:#00ff99;color:#000;}
.border-purple{border-color:#250b48;}
.package-ribbon{background-color:#d52182;width:100%;text-align:center;color:#ffffff;padding:4px 0;margin:10px 0;font-size:.85em;}
.card-package-detail{font-size:.95em;}
.text-smallest{font-size:.7em;}
.text-body-tertiary{color:#798c8c !important;}
hr{border-top: 6px solid #A0D7D0;margin: 50px auto;width:80%;opacity:1;}
.badge-kaidee {
	position: absolute;
	top: 10px;
	right: 0;
	background-color: #fe2b28;
	padding: 4px 20px;
	border-radius: 10px 0 0 10px;
}
.badgebadge-kaidee:after {
	position: absolute;
	top: 100%;
	right: 0;
	width: 0;
	height: 0;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #d41815;
	content: '';
}
#delay-pane{
  transition: opacity 3s ease-in;
}
#horo-result{
  opacity: 0;
  transition: opacity 3s ease-in;
}
/* HIDE RADIO */
.tarot-select[type=radio], .tarot-select[type=checkbox] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
/* IMAGE STYLES */
.tarot-select[type=radio] + img, .tarot-select[type=checkbox] + img {
  cursor: pointer;
  opacity:0.5;
}
/* CHECKED STYLES */
.tarot-select[type=radio]:checked + img, .tarot-select[type=checkbox]:checked + img {
  opacity:1;
  box-shadow: 0 0 10px 6px #48abe0;
}
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.04); }
  100% { transform: scale(1); }
}
@media (max-width: 768px) {
  .btn-pulse {
    animation: pulse 1.8s infinite ease-in-out;
  }
}
@media screen and (min-width: 768px) {
	.horo-top h1{font-size: 2.5rem;}
  body{font-size:1.3em;background: #D2F1EB url("/images/blank.png") repeat-x left top;}
  .horo-top a{font-size:1em;}
  .card-package-detail{font-size:.8em;}
}