@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700;800&display=swap');

#tinymce { background-color: #fff; }
.ui-widget-overlay {     background-color: #fff;     }
body {font-family: 'Kanit', sans-serif;  color:#fff;   background-color: #000;}
      .ekko-lightbox .modal-footer {  color: #000; }
header, header .container { background-color: transparent; }
header.top-header, #main-content .container  {background-color: #000; }


.navbar { padding: 0rem 0rem; }
nav .container { padding-left: 0px; }
.primary-menu .menu, .primary-menu .menu a, .primary-menu .menu a:hover, .primary-menu .menu a.active { background-image: none; text-transform: uppercase;    font-weight: 700;    font-size: 1em;}
.primary-menu, .small-hidden-menu ul li, .menu li li a  
{ background-image: none;  margin-left: 0px; margin-right: 0px; background-color: #000;}
    .primary-menu a, .primary-menu a:visited { color:#fff; padding-left: 17px; padding-right: 17px;  }
    .menu a:hover,  .menu a.active { color:#e46602; }

/* Child menus */
.menu li li {  float: none; }
.primary-menu-item ul {  position: absolute;  z-index: 999; }
.menu li > a:after {  font-family: "Font Awesome 5 Pro"; content: " \f107"; } 
.menu li > a:only-child:after { content: ''; }
.primary-menu-item .primary-menu-item { padding-inline-start: 0px; }

/*mobile menu */
a.open-menu.details-opener.xs-opener { color: #000; padding: 10px 10px 7px 10px;     border: 2px solid #000;}
a.open-menu.details-opener.xs-opener:hover { color: #fff; background-color:#e46501; }
.fa-bars:before { font-size: 1.8rem; }
.small-hidden-menu .xs-opener {border: none; background-color: #fff;    margin-top: 30px; margin-right: 20px; padding:  10px;    }
.small-hidden-menu .details-slide.menu { background-color: rgba(255,255,255,0.75);  padding-left: 0px; margin-top: 130px;}


.social { margin: 25px 40px 20px 0px;}
     @media screen and (max-width: 766px) { .social {   margin: 0px 40px 20px 0px; }}
.social a {  display: block; text-align: center; color:#fff;     font-size: 25px;  width: 20px;  float: right; margin-left: 10px; margin-bottom: 10px; border-radius: 50%;}
.social a:hover { color: #e49915;   }
.social a  i { margin-top: 7px; }

.donate {  float: right; display: inline;    font-weight: 700;    color: #e49915;    background-color: #3c2402;    padding: 5px 10px;    font-size: 1.05em;    border: 1px solid #fff;
    margin-top: 30px;     margin-bottom: 15px;     margin-left: 10px;}
     @media screen and (max-width: 766px) { .donate  {   margin-top: 0px; }}
.donate a {   color: #fdc217; }
.donate a:hover, .donate a:active {   color: #fff; }

.booking {  float: right; display: inline;    font-weight: 700;    color: #fff;    background-color: #000;   padding: 6px 10px;    font-size: 1em;    border: 0px solid #fff;     margin-top: 30px;     margin-bottom: 15px;     margin-left: 10px;}
     @media screen and (max-width: 766px) { .booking  {   margin-top: 0px; }}
.booking a {   color: #fff; }
.booking a:hover, .booking a:active {   color: #fdc216; }

#search {      top: 5px; width: 99%;     margin-top: 0px;     margin-bottom: 0px;}
#search fieldset { background-color: transparent; }
.even {     background-color: #292929; }
.odd {     background-color: #2f261e; }

#search fieldset .form-group { margin: 0px; min-height: 35px;  }
#searchCollapse { position: absolute;   z-index: 999; right: 0; margin-right: 15px;}
    @media screen and (max-width: 600px) {#searchCollapse   {  margin-right: 60px;}}
#search-collapse-button { color: #fff;   float: right; margin-right: 10px; padding: 10px; background-color: transparent;    border-radius: 0px;}
    @media screen and (max-width: 600px) { #search-collapse-button   {  margin-right: 60px;}}
#search-collapse-button:hover { color: #e46501;}

#search input { width: 210px; border: 1px solid #ffffff;}
#search input.form-control {    border-radius: 0px; background-clip: unset;}
#search-btn {     color: #676767;    background-color: white;    float: right;    margin-top: -42px;    padding: 10px 8px; }  
#search-text { background-color:white; text-transform: uppercase; font-size: 0.8em; padding:10px;  height: 43px; }


#main-content {  background-color: #000;    background-image: none;}
#middle-panel {margin-bottom: 30px;    margin-top: 50px; }
@media screen and (max-width: 600px) { #middle-panel  {  margin-bottom: 10px; }}
#right-panel  {  margin-bottom: 30px; }
@media screen and (max-width: 600px) { #right-panel  {  margin-top: 10px; }}
#content-top { padding-right: 25px;    padding-left: 25px; width:100%; }
#content-extra { background-color: #000; }
#content-extra img, #content-bottom, #content-bottom img { width:100%; }
@media screen and (max-width: 600px) {  #content-top, #content-bottom {  padding-left: 15px; padding-right: 15px; }}

p { color: #fff; font-size: 1.15em; line-height: 2; }
ul li, ol li  { color: #fff; font-size: 1.15em; line-height: 1.8; margin-bottom: 0.7em; }
p.intro { font-size: 1.5em; margin-top: 1em; margin-bottom: 1em; }
.box ol, .box ul { margin: 6px 10px 0 10px;     padding-left: 20px; }

h1 { font-size:2.3em; color:#fff; font-weight:700; margin-bottom:0.5em; line-height: 1.4;}
h1 a, h1 a:visited { color:#fff; }
h2 { font-size:2.0em; color:#e46501; font-weight:700; margin-top: 0.8em; margin-bottom:0.1em; margin-top:0.8em; line-height: 1.3;} 
h2 a, h2 a:visited { color:#e46501; }
h3 { font-size:1.7em; color:#fff; font-weight:700; margin-top: 0.8em; margin-bottom:0.4em; line-height: 1.4;}
h3 a, h3 a:visited { color:#fff; }
h4 { font-size:1.3em; color:#e49501; font-weight:700; margin-top: 0.8em; margin-bottom:0.4em; line-height: 1.35;}
h4 a, h4 a:visited { color:#e49501; }
h5 { font-size:1.1em; color:#fff; font-weight:700; margin-top: 0.8em; margin-bottom:0.4em; line-height: 1.4;}
h5 a, h5 a:visited { color:#fff; }
h6 { font-size:1.0em; color:#e46501; font-weight:700; margin-top: 0.8em; margin-bottom:0.4em; margin-top: 0.8em; line-height: 1.4;}
h6 a, h6 a:visited { color:#e46501; }
a:hover, h1 a:hover, h2 a:hover,  h3 a:hover,  h4 a:hover,  h5 a:hover,  h6 a:hover, strong a:hover { text-decoration:none; color:#FDD611; }

.top-header a img { padding-top:30px; padding-bottom:30px; }
.top-header a img:hover { opacity: 1; }
a img:hover { opacity: 0.7; filter: alpha(opacity=70); }

a { color: #e4d770; }
article a { text-decoration:none; }
article a p, #fd-content-broadcast p { line-height: 1.7; color: #fff; }
.content-header {     margin-bottom: 10px; }
.signature-image {     margin-top: 3px; border: 1px solid #2e2d2d;}
.read-more   { color: #e4d66e; }
.read-more:hover { color:#ccb302;}
img.bordered {    border: 1px solid #ccc9c9; }
a.red.reset  { color: #f95f13; }
.broadcast-module-name  { color: #f95f13; }

legend { font-size:1.2em; color: #e46501; background-color:transparent;}
dt label { color: #fff; }
.small { font-size: 1em; line-height: 1.4;}
.highlight { color:#F00; }
strong {color: inherit;}
a strong, a strong:visited { color: #428bca; }
a strong:hover { color: #0a8de9; }

/* Extra Content banners */
.banner {  position: relative; }
.top-left {  position: absolute;  top:10px;  left: 16px; width: 100%; }
.bannerimage img { object-fit: cover;    height: 500px; }
   @media screen and (max-width: 800px) { .bannerimage img  {  object-fit: cover; height: 400px; }}
   @media screen and (max-width: 600px) { .bannerimage img   {  object-fit: cover; height: 350px; }}
.bannertext {color: #fff;    font-size: 3rem;    line-height: 1.4;    font-weight: 700;  padding-top: 120px;   padding-left: 300px; padding-right:300px;   max-width: 1400px;   text-shadow: 2px 2px #000; }
   @media screen and (max-width: 1650px) { .bannertext  {  padding-left: 200px; padding-right:200px;}}
   @media screen and (max-width: 765px) { .bannertext  {  font-size: 2rem;   padding-top: 30px; padding-left: 20px; padding-right:20px; }}

.hmpgbutton {  display: inline-block;  margin: 20px auto; text-align: center; }
.hmpgbutton a { color:#fff; padding: 2px 12px; background-color: rgba(60, 27, 1, 0.6); border: 1px #fff solid; display: block; }
.hmpgbutton a:hover { background-color: #000; border: 1px #d08f1e solid; display: block;  }

.nopadding {    padding: 0 !important;    margin: 0 !important; }
.imagetext  { color: #fff;   font-size:5rem;  font-weight:800; display: block;     position: absolute;   z-index: 30;    top: 20px; padding: 20px 30px;    left: 10px;   line-height: 0.7;
    text-align: left;  } 
.imagetext a { color: #fff; }
.imagetext:hover { color: rgba(255, 255, 255, 0.8); }
@media screen and (max-width: 1800px) {.imagetext,  .imagetext a  { font-size:4rem; } }
@media screen and (max-width: 1090px) {.imagetext,  .imagetext a  { font-size:3rem; } }
@media screen and (max-width: 600px) {.imagetext,  .imagetext a  { font-size:5rem; } }

/* CLASSES */
.button { color: #000;  border: 2px solid #e46501; padding: 10px 30px; background-color: #e46501; width: 100%; display:block; text-align: center; border-radius:0px;    line-height: 2em;}
.button:hover  { background-color:#f96f02; border: 2px solid #f96f02; color:#000;  }
.button a, .button a:visited   {color: #000; text-decoration:none;}
.button:hover a {  color: #000; } 

.background { padding: 1rem .5rem 0.2rem; background-color: #44270a;  text-align: center; display:block;     margin-bottom: 0em; margin-top: 0em; margin-left: 0px; margin-right: 0px;}
.background a, .background a:visited   { text-decoration:none;} 
.background a:hover  { color:#0392eb; }

.rule { border-bottom: 2px solid #906003; padding-bottom: 10px; margin-bottom: 30px;}
.rule a, .rule a:visited   { text-decoration:none; }
.rule a:hover { color:#0392eb; text-decoration:none; }

.caption { line-height:1.4; font-size:0.9em; }
.paddingnone { padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px; padding-top: 0px; }

blockquote {     margin: 0 0 1rem;     font-weight: 500;     font-size: 1.1rem;     margin: 1.2rem 0 1.2rem;     padding-left: 20px;     border-left: 4px solid #e46601; }

/* BUTTONS*/
#h2-error .btn.green { border: solid; border-radius: 60px; background-color: #028553;}

.btn.green {  color: #75b102;    border: 2px solid #75b102;    background-color: #000; }
.btn.green:hover { color: #000; background-color: #75b102; border: 2px solid #75b102; }
.btn.green:active {background-color: #75b102; border: 2px solid #75b102;  }

.btn.red, a.ui-button.red { border: 2px solid #fb6b04;    background-color: black;  color: #fb6b04; }
.btn.red:hover, a.ui-button.red:hover {color: #000; background-color: #fb6b04; border: 2px solid #fb6b04; }

.btn.blue, a.ui-button.blue {  color: #51bcfb;  border: 2px solid #51bcfb; background-color: #000;     border-radius: 20px; }
.btn.blue:hover, a.ui-button.blue:hover {  color: #000; background-color: #51bcfb; border: 2px solid #51bcfb; }

#event-search-calendar td.day.new-day.active.selected {     background-color: #f7b61f; }
#event-details .event-dates .active a {     background-color: #000000;     color: #bfb45f; }

/*  event details*/
#event-details .event-dates a {     padding-right: 10px;     color: #848383; }
#event-details .event-dates a:hover {     color: #f9ad26; }
#event-details .event-dates #event-tabs a.active { color: #fbe751; }


.bootstrap-modal-btn:hover { color: #428bca; }
.bootstrap-modal-btn:before { color: #084c71; font-family: "Font Awesome 5 Pro", sans-serif; content: "\f055"; margin-right: 5px; font-size: .9em; }

a.btn.broadcast-ignore { width: inherit;}
#modules-holder ol { margin-left: 5px;}

/*   Open Close containers */
.details-opener.opened h1:before, .details-opener.opened h2:before, .details-opener.opened h3:before, .details-opener.opened h4:before, .details-opener.opened h5:before, .details-opener.opened h6:before, .details-opener.opened p:before { color: #028553; font-family: "Font Awesome 5 Pro"; content: "\f056"; margin-right: 5px;}
.details-opener h1:before, .details-opener h2:before, .details-opener h3:before, .details-opener h4:before, .details-opener h5:before, .details-opener h6:before, .details-opener p:before { color: #095a8c; font-family: "Font Awesome 5 Pro"; content: "\f055"; margin-right: 5px; }
.details-slide.opened    { border-bottom: 2px #e46601 solid;     margin-bottom: 40px;   background-color: #000;   }

/*   Index listings */
.content-header { border-top: 1px solid #515151; border-bottom: 1px solid #515151;}

/*   Pop up module */
.modal-body p { color: #000; background-color: #fff; }
.modal-body p a { color: #bfaa03; }
.modal-content { background-color: #fff; }

.rating_text {     float: right;     text-align: right;     font-size: 0.8em;     text-transform: uppercase;     font-weight: 600; }

#input-page_content .mce-tinymce, textarea, textarea.form-control, select, select.form-control, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {    border: 1px solid #fff;    background-color: #000;    color: #fff; }



#footer, #footer .container { background-color: #000; }
#footer { padding-bottom: 100px; }
#footer p, #footer a { color: #fff; }
 #footer a:hover { color:#e46602; text-decoration:none;}
  #footer a.active { color:#e46602; }
#footer ul.menu { padding-left: 0px; text-transform: uppercase;    font-weight: 700;}
@media print {        header, header *, #comment-form-hide-btn, #right-panel    {         display: none !important;     } }

/*  reCAPTCHA change to dark */
.rc-anchor-light {     background: #000;     color: #fff; } 
#rc-anchor.rc-anchor-normal.rc-anchor-light {     border: 1px solid #525252; background: #000;     color: #fff; }

/*   forms */
input[type="text"], .form-control, #filter.form-control,  select.form-control  { border: 1px solid #6d6b6b;    background-color: #000;    color: #fff;    border-radius: 0px; }

/*   shop tweaks */
#crumbs { display: none;}
.mod-shop .card { background-color : #000; }


/*   gallery tweaks */
.modal-body p { background-color:#000; }
p.lightbox-caption.m-0.p-2.text-center.text-white.small { display:none;}

 #filter.form-control    { margin-right: 20px; color: #fff;   }
.form-control {     margin-bottom: 0rem; }
select.form-control { margin-right: 20px; border: 1px solid #585858; border-radius: 0px;  }
 .cart .checkout {   color: #fff; background-color: #000000; }
.cart p, .cart .items, .cart .cost {  font-weight: 400;  color: #c3c3c3; background-color: #000000; }
.cart p span {  font-weight: 500;  color: #fff; }
.cart-form .col-6.col-xs-6 {     padding-right: 0px;}
#cart_form fieldset {     border-top: 1px solid #525252; border-bottom: 1px solid #525252;}
a.cart-delete { color:#fff; }
.cart .checkout {     padding: 0px; }
.cart .checkout .col-6 {  padding-right: 0px; }
.cart .checkout a { color: #e4d770; border: 1px solid;    padding: 10px 20px; margin-top: 20px;  margin-bottom: 20px;   line-height: 1.05; font-weight: 600;}
.cart .checkout a:hover { color: #ffc107; text-decoration: none;}

.shop-cart-row, .shop-cart-row span {    background-color: #000; }
.shop-links.content-header { padding: 0.2em 0em; border-top: 1px solid #525252; border-bottom: 1px solid #525252;}
.shop-links.content-header .col-8.col-xs-8 {     padding-right: 0px;    padding-left: 0px; }
.price {   float: right;     font-weight: 600; }
.qty { float: right;  min-width: 80px; }
p.heading.price, .cart_form .field-title  { color:#a2a2a2; font-weight: 400;    float: left;  }

.mod-shop .qty .field-title, .item-details .field-title {     font-weight: 400;  color:#b1b1b1; }
.mod-shop .cart-input { padding: 5px 6px; border: 1px solid #585858; border-radius: 0px; }
.mod-shop p { font-size: 1.1em;    line-height: 1.5; }
.shop-read-more.read-more { font-size: 0.9em; border: 1px solid #777039;    border-radius: 20px;    float: right; text-decoration: none;}
.new-product {    position: unset; }
.add-cart  {float: right;}
.mod-shop-item .qty .field-title { float:left; }

#shopping-cart p { font-size: 1.1em; line-height: 1.3;    padding-left: 12px;}
#shopping-cart .row {border-top: 1px solid #525252;     padding-top: 10px;    padding-bottom: 10px;}

#input-page_content .mce-tinymce, textarea, textarea.form-control, select, select.form-control, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { border: 1px solid #585858; border-radius: 0px; }

.form-control[readonly] {     color: #000; }