.shadow-white { text-shadow: 2px 2px #000000; }
/* ----------------------------------------------------------------
	Typography
-----------------------------------------------------------------*/
a:not(.btn).link {
  color: var(--theme-color1); }
a:not(.btn):hover, a:not(.btn):focus, a:not(.btn):active {
  color: var(--theme-color1); }

/* ----------------------------------------------------------------
	Accordion
-----------------------------------------------------------------*/
.accordion.accordion-theme .ac-item {
  background-color: var(--theme-color1); }

/* ----------------------------------------------------------------
	Blockquotes
-----------------------------------------------------------------*/
.blockquote {
  border-left: 3px solid var(--theme-color1); }

.blockquote-color {
  background-color: var(--theme-color1); }

/* ----------------------------------------------------------------------
	Buttons
-------------------------------------------------------------------------*/
a.btn:not([href]):not([tabindex]),
.btn {
  background-color: var(--theme-color7);
  border-color: var(--theme-color7);
}
a.btn:not([href]):not([tabindex]):hover, a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active,
  .btn:hover,
  .btn:focus,
  .btn:not(:disabled):not(.disabled):active,
  .btn:not(:disabled):not(.disabled).active {
    background-color: var(--theme-color5)!important;
    border-color: var(--theme-color5)!important;
}


a.btn:not([href]):not([tabindex]).btn-outline,
  .btn.btn-outline {
    border-color: var(--theme-color1);
    color: var(--theme-color1); }
    a.btn:not([href]):not([tabindex]).btn-outline:hover, a.btn:not([href]):not([tabindex]).btn-outline:focus, a.btn:not([href]):not([tabindex]).btn-outline:active, a.btn:not([href]):not([tabindex]).btn-outline.active,
    .btn.btn-outline:hover,
    .btn.btn-outline:focus,
    .btn.btn-outline:active,
    .btn.btn-outline.active {
      background-color: var(--theme-color1);
      border-color: var(--theme-color1); }
  a.btn:not([href]):not([tabindex]).btn-primary,
  .btn.btn-primary {
    background-color: var(--theme-color1) ;
    border-color: var(--theme-color1); }
    a.btn:not([href]):not([tabindex]).btn-primary:hover, a.btn:not([href]):not([tabindex]).btn-primary:focus, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled).active,
    .btn.btn-primary:hover,
    .btn.btn-primary:focus,
    .btn.btn-primary:not(:disabled):not(.disabled):active,
    .btn.btn-primary:not(:disabled):not(.disabled).active {
      background-color: var(--theme-color1);
      border-color: var(--theme-color1); }
  a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-outline:before,
  .btn.btn-icon-holder.btn-outline:before {
    border-left-color: var(--theme-color1); }

/* ----------------------------------------------------------------------
    call-to-action (call to action)
-------------------------------------------------------------------------*/
.call-to-action.call-to-action-colored {
  background-color: var(--theme-color1); }

/* ----------------------------------------------------------------
Carousels & Slider
-----------------------------------------------------------------*/
.inspiro-slider .flickity-button:hover {
  background-color: var(--theme-color1); }

.carousel .flickity-button:hover {
  background-color: var(--theme-color1); }

/* ----------------------------------------------------------------
    Dropcat & Highlight
-----------------------------------------------------------------*/
.dropcap.dropcap-colored {
  background-color: var(--theme-color1); }

.highlight.highlight-colored {
  background-color: var(--theme-color1); }

/* ----------------------------------------------------------------------
Forms
-------------------------------------------------------------------------*/
.form-control:focus,
input:focus,
select:focus {
  border-color: var(--theme-color1); }

/* ----------------------------------------------------------------------
	Headings
-------------------------------------------------------------------------*/
.heading-text.heading-section > h2:before {
  background-color: var(--theme-color1); }

.heading-creative strong {
  color: var(--theme-color1); }

/* ----------------------------------------------------------------------
	Icon Box
-------------------------------------------------------------------------*/
.icon-box.effect.dark .icon i:after {
  box-shadow: 0 0 0 3px var(--theme-color1); }
.icon-box.effect.dark .icon i:hover, .icon-box.effect.dark:hover .icon i {
  background-color: var(--theme-color1); }

.text-box.text-box-light:hover {
  background: var(--theme-color1); }

.feature-box:hover h2,
.feature-box:hover h3,
.feature-box:hover h4 {
  color: var(--theme-color1); }

/* ----------------------------------------------------------------
Lables & Badgets
-----------------------------------------------------------------*/
.badge-primary {
  background-color: var(--theme-color1); }

/* ----------------------------------------------------------------------
	Light Box
-------------------------------------------------------------------------*/
.mfp-ajax-holder .mfp-close:hover {
  background: var(--theme-color1); }

/* ----------------------------------------------------------------------
	Lists & Bullet Lists
-------------------------------------------------------------------------*/
.list-colored li a {
  color: var(--theme-color1); }

.list-legend li span {
  background-color: var(--theme-color1); }

.list-icon.list-icon-colored li:before, .list-icon.icon-list-colored i {
  color: var(--theme-color1); }

.list-group-item.active {
  background-color: var(--theme-color1);
  border: var(--theme-color1); }

/* ----------------------------------------------------------------------
	Pagination & Pager
-------------------------------------------------------------------------*/
.post-navigation a:hover {
  color: var(--theme-color1); }

/* ----------------------------------------------------------------------
	Pricing Table
-------------------------------------------------------------------------*/
.pricing-table.colored .plan-header {
  background-color: var(--theme-color1); }

/* ----------------------------------------------------------------------
	Progress Bar
-------------------------------------------------------------------------*/
.p-progress-bar,
.progress-bar {
  background-color: var(--theme-color1); }

/*--------------------------------------------------------
     Tabs
---------------------------------------------------------*/
.tabs .nav-tabs {
  border-bottom: 0px;
}
.tabs .nav-tabs .nav-link{
  color: var(--theme-color7);
  border-bottom: 0px solid var(--theme-color7); }
.tabs.tabs-vertical .nav-link {
  color: var(--theme-color7);
  border-right: 0px solid var(--theme-color7); }

.tabs .nav-tabs .nav-link.active ,.tabs .nav-tabs .nav-link:hover {
  color: var(--theme-color1);
  border-bottom: 2px solid var(--theme-color1); }
.tabs.tabs-vertical .nav-link.active ,.tabs.tabs-vertical .nav-link:hover {
  color: var(--theme-color1);
  border-right: 2px solid var(--theme-color1); }

/* ----------------------------------------------------------------
	Date picker
-----------------------------------------------------------------*/
.datepicker tbody tr > td.day.today.active, .datepicker tbody tr > td.day.active, .datepicker tbody tr > td.day.selected {
  background: var(--theme-color1) !important; }
  .datepicker tbody tr > td.day.today.active:hover, .datepicker tbody tr > td.day.active:hover, .datepicker tbody tr > td.day.selected:hover {
    background: var(--theme-color1); }
.datepicker tbody tr > td.day.range.today {
  background: var(--theme-color1); }
.datepicker tbody tr > td span.month.active {
  background: var(--theme-color1); }
  .datepicker tbody tr > td span.month.active:hover {
    background: var(--theme-color1); }

.datetimepicker tbody tr > td.day.today,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
  background: var(--theme-color1) !important; }

.datetimepicker table tr > td.today:hover,
.datetimepicker table tr > td.today:hover:hover,
.datetimepicker table tr > td.today.disabled:hover,
.datetimepicker table tr > td.today.disabled:hover:hover,
.datetimepicker table tr > td.today:active,
.datetimepicker table tr > td.today:hover:active,
.datetimepicker table tr > td.today.disabled:active,
.datetimepicker table tr > td.today.disabled:hover:active,
.datetimepicker table tr > td.today.active,
.datetimepicker table tr > td.today:hover.active,
.datetimepicker table tr > td.today.disabled.active,
.datetimepicker table tr > td.today.disabled:hover.active,
.datetimepicker table tr > td.today.disabled,
.datetimepicker table tr > td.today:hover.disabled,
.datetimepicker table tr > td.today.disabled.disabled,
.datetimepicker table tr > td.today.disabled:hover.disabled,
.datetimepicker table tr > td.today[disabled],
.datetimepicker table tr > td.today:hover[disabled],
.datetimepicker table tr > td.today.disabled[disabled],
.datetimepicker table tr > td.today.disabled:hover[disabled] {
  background: var(--theme-color1) !important; }

.daterangepicker .daterangepicker_input .input-mini.active, .daterangepicker .daterangepicker_input .input-mini:focus {
  border: 1px solid var(--theme-color1); }
.daterangepicker tbody td.today {
  background: var(--theme-color1); }
.daterangepicker tbody td.active, .daterangepicker tbody td.in-range, .daterangepicker tbody td.active:hover, .daterangepicker tbody td.in-range:hover {
  background: var(--theme-color1); }
.daterangepicker select.ampmselect.active, .daterangepicker select.ampmselect:focus {
  border: 1px solid var(--theme-color1); }
.daterangepicker select.hourselect.active, .daterangepicker select.hourselect:focus {
  border: 1px solid var(--theme-color1); }
.daterangepicker select.minuteselect.active, .daterangepicker select.minuteselect:focus {
  border: 1px solid var(--theme-color1); }
.daterangepicker select.monthselect.active, .daterangepicker select.monthselect:focus {
  border: 1px solid var(--theme-color1); }
.daterangepicker select.yearselect.active, .daterangepicker select.yearselect:focus {
  border: 1px solid var(--theme-color1); }
.daterangepicker .calendar-time i {
  color: #b2b1c5; }
.daterangepicker .ranges li.active {
  background: var(--theme-color1);
  border: 1px solid var(--theme-color1); }

/* ----------------------------------------------------------------
	Date range picker
-----------------------------------------------------------------*/
.daterangepicker td.active:not(.off),
.daterangepicker td.active:hover,
.daterangepicker .active.end-date.in-range {
  background: var(--theme-color1) !important; }

input.daterange:after,
input.dates:after {
  background: var(--theme-color1); }

/* ----------------------------------------------------------------
	Bootstrap Switch
-----------------------------------------------------------------*/
.bootstrap-switch .bootstrap-switch-on,
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
  background-color: var(--theme-color1);
  border-color: var(--theme-color1); }

.p-radio:checked + .p-radio-style:before {
  border: 1px solid var(--theme-color1);
  background: var(--theme-color1); }

.p-checkbox:checked + .p-checkbox-style:before {
  border: var(--theme-color1);
  background: var(--theme-color1); }

.p-switch > input[type="checkbox"]:checked + .p-switch-style {
  background-color: var(--theme-color1); }

/* ----------------------------------------------------------------
	Ion Range Sliders
-----------------------------------------------------------------*/
.irs-bar {
  background: var(--theme-color1); }

.irs-from,
.irs-to,
.irs-single {
  background: var(--theme-color1); }

.irs-from:after,
.irs-to:after,
.irs-single:after {
  border-top-color: var(--theme-color1); }

/* ----------------------------------------------------------------
	Blog
-----------------------------------------------------------------*/
.post-item {z-index: 999;}
.post-item .post-image .post-meta-category,
.post-item .post-slider .post-meta-category,
.post-item .post-video .post-meta-category,
.post-item .post-audio .post-meta-category,
.post-item .post-quote-img .post-meta-category {
    background-color: var(--theme-color1);
}
.post-item .post-quote-img .post-meta-category {
  color: var(--theme-color1);
}
.post-item .post-quote-img .post-meta-category a {
  color: var(--theme-color1);
}
.post-item.quote .post-item-wrap {
  background-color: var(--theme-color1);
}
.post-author a {
  color: var(--theme-color1);
}

/* ----------------------------------------------------------------
	Grid Filter
-----------------------------------------------------------------*/
.grid-filter li:hover a, .grid-filter li.active a {
  background-color: var(--theme-color1); }
.grid-filter.gf-outline li:hover a, .grid-filter.gf-outline li.active a {
  border-color: var(--theme-color1);
  color: var(--theme-color1); }
.grid-filter.gf-lines li:hover a, .grid-filter.gf-lines li.active a {
  color: var(--theme-color1); }
  .grid-filter.gf-lines li:hover a:after, .grid-filter.gf-lines li.active a:after {
    background-color: var(--theme-color1); }
.grid-filter.gf-classic li:hover a, .grid-filter.gf-classic li.active a {
  background-color: var(--theme-color1); }
.grid-filter.gf-default li:hover a, .grid-filter.gf-default li.active a {
  color: var(--theme-color1); }

/*------------------------------------------------------
     Comments
------------------------------------------------------*/
.comments .comment_number span {
  color: var(--theme-color1); }

.respond-comment span {
  color: var(--theme-color1); }

/*------------------------------------------------------
     Extras
------------------------------------------------------*/
.item-link {
  color: var(--theme-color1); }
  .item-link:hover {
    color: var(--theme-color1); }

.nav-link {
  color: var(--theme-color1); }

.background-colored {
  background-color: var(--theme-color1); }

/* ----------------------------------------------------------------
Scroll top
-----------------------------------------------------------------*/
#scrollTop:after, #scrollTop:before {
  background-color: var(--theme-color1); }

.fc-event-primary.fc-event {
  background-color: var(--theme-color1);
  border-color: var(--theme-color1); }

.icon-set-container .row > [class^="col-"] {
  color: var(--theme-color1); }
  .icon-set-container .row > [class^="col-"]:hover {
    background-color: var(--theme-color1); }
    .icon-set-container .row > [class^="col-"]:hover .icon-holder {
      color: var(--theme-color1); }

/* ----------------------------------------------------------------
    Forum
-----------------------------------------------------------------*/
.forum thead tr > th {
  background-color: var(--theme-color1); }

/* ----------------------------------------------------------------
    Header
-----------------------------------------------------------------*/
#header {z-index: 999;}

/* ----------------------------------------------------------------
Main Menu
-----------------------------------------------------------------*/
  #header.header-modern:not(.header-active).header-colored .header-inner,
  #header.header-modern:not(.header-active).header-colored #header-wrap {
    background-color: var(--theme-color1); }
  #header.header-colored .header-inner,
  #header.header-colored #header-wrap {
    background-color: var(--theme-color1); }
  #header #mainMenu nav > ul > li.hover-active > a,
  #header #mainMenu nav > ul > li.hover-active > span, #header #mainMenu nav > ul > li.current > a,
  #header #mainMenu nav > ul > li.current > span, #header #mainMenu nav > ul > li:hover > a,
  #header #mainMenu nav > ul > li:hover > span, #header #mainMenu nav > ul > li:focus > a,
  #header #mainMenu nav > ul > li:focus > span {
    color: var(--theme-color1); }
  #header #mainMenu nav > ul > li .dropdown-menu > li > a:focus, #header #mainMenu nav > ul > li .dropdown-menu > li > a:hover, #header #mainMenu nav > ul > li .dropdown-menu > li > a:active,
  #header #mainMenu nav > ul > li .dropdown-menu > li > span:focus,
  #header #mainMenu nav > ul > li .dropdown-menu > li > span:hover,
  #header #mainMenu nav > ul > li .dropdown-menu > li > span:active,
  #header #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus,
  #header #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover,
  #header #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active {
    color: var(--theme-color1); }
  #header #mainMenu nav > ul > li .dropdown-menu > li.current > a,
  #header #mainMenu nav > ul > li .dropdown-menu > li.current > span, #header #mainMenu nav > ul > li .dropdown-menu > li:hover > a,
  #header #mainMenu nav > ul > li .dropdown-menu > li:hover > span, #header #mainMenu nav > ul > li .dropdown-menu > li:focus > a,
  #header #mainMenu nav > ul > li .dropdown-menu > li:focus > span, #header #mainMenu nav > ul > li .dropdown-menu > li:active > a,
  #header #mainMenu nav > ul > li .dropdown-menu > li:active > span, #header #mainMenu nav > ul > li .dropdown-menu > li.hover-active > a,
  #header #mainMenu nav > ul > li .dropdown-menu > li.hover-active > span {
    color: var(--theme-color1); }
  #header #mainMenu.menu-rounded nav > ul > li.current > a, #header #mainMenu.menu-rounded nav > ul > li:hover > a, #header #mainMenu.menu-rounded nav > ul > li:focus > a {
    background-color: var(--theme-color1); }
  #header #mainMenu.menu-outline nav > ul > li.current > a, #header #mainMenu.menu-outline nav > ul > li:hover > a, #header #mainMenu.menu-outline nav > ul > li:focus > a {
    color: var(--theme-color1);
    border-color: var(--theme-color1); }
  #header #mainMenu.menu-lines nav > ul > li.current > a, #header #mainMenu.menu-lines nav > ul > li:hover > a, #header #mainMenu.menu-lines nav > ul > li:focus > a {
    color: var(--theme-color1); }
    #header #mainMenu.menu-lines nav > ul > li.current > a:after, #header #mainMenu.menu-lines nav > ul > li:hover > a:after, #header #mainMenu.menu-lines nav > ul > li:focus > a:after {
      background-color: var(--theme-color1); }
  #header #mainMenu.menu-hover-background nav > ul > li.current, #header #mainMenu.menu-hover-background nav > ul > li:hover, #header #mainMenu.menu-hover-background nav > ul > li:focus {
    background-color: var(--theme-color1); }
  #header #shopping-cart > a .shopping-cart-items {
    background: var(--theme-color1); }

/* ----------------------------------------------------------------
Dots Menu
-----------------------------------------------------------------*/
#dotsMenu ul li:hover {
  background-color: var(--theme-color1); }
#dotsMenu ul li.current {
  background-color: var(--theme-color1); }
#dotsMenu ul li a:hover:before, #dotsMenu ul li a.active:before {
  background-color: var(--theme-color1); }

/*Menu Dark*/
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > a:hover,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > span:hover,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover {
  color: var(--theme-color1); }
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.current > a,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.current > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:hover > a,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:hover > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:focus > a,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:focus > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.hover-active > a,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.hover-active > span {
  color: var(--theme-color1); }

.page-menu nav > ul > li:hover > a, .page-menu nav > ul > li.active > a {
  color: var(--theme-color1); }
.page-menu.menu-rounded nav > ul > li:hover > a, .page-menu.menu-rounded nav > ul > li.active > a {
  background-color: var(--theme-color1); }
.page-menu.menu-outline nav > ul > li:hover > a, .page-menu.menu-outline nav > ul > li.active > a {
  border-color: var(--theme-color1);
  color: var(--theme-color1); }
.page-menu.menu-lines nav > ul > li:hover > a, .page-menu.menu-lines nav > ul > li.active > a {
  color: var(--theme-color1); }
  .page-menu.menu-lines nav > ul > li:hover > a:after, .page-menu.menu-lines nav > ul > li.active > a:after {
    background-color: var(--theme-color1); }
.page-menu.menu-solid nav > ul > li:hover > a, .page-menu.menu-solid nav > ul > li.active > a {
  background-color: var(--theme-color1); }

@media (max-width: 1024px) {
  .page-menu.menu-rounded nav > ul > li:hover > a, .page-menu.menu-rounded nav > ul > li.active > a, .page-menu.menu-outline nav > ul > li:hover > a, .page-menu.menu-outline nav > ul > li.active > a, .page-menu.menu-lines nav > ul > li:hover > a, .page-menu.menu-lines nav > ul > li.active > a, .page-menu.menu-solid nav > ul > li:hover > a, .page-menu.menu-solid nav > ul > li.active > a, .page-menu.menu-light nav > ul > li:hover > a, .page-menu.menu-light nav > ul > li.active > a, .page-menu.menu-creative nav > ul > li:hover > a, .page-menu.menu-creative nav > ul > li.active > a, .page-menu.inverted nav > ul > li:hover > a, .page-menu.inverted nav > ul > li.active > a {
    color: var(--theme-color6); } }
#search .btn-search-close {
  background-color: var(--theme-color1); }

/* ----------------------------------------------------------------
Topbar
-----------------------------------------------------------------*/
#topbar.topbar-colored, #topbar.topbar-colored.dark {
  background-color: var(--theme-color1); }

/* ----------------------------------------------------------------
Helpers
-----------------------------------------------------------------*/
.text-theme {
  color: var(--theme-color1) !important; }

/* ----------------------------------------------------------------
Portfolio
-----------------------------------------------------------------*/
.portfolio-item .portfolio-description a:hover i,
.portfolio-item .grid-description a:hover i,
.portfolio-item .portfolio-links a:hover i,
.grid-item .portfolio-description a:hover i,
.grid-item .grid-description a:hover i,
.grid-item .portfolio-links a:hover i {
  background-color: var(--theme-color1);
  border: 1px solid var(--theme-color1); }

/* ----------------------------------------------------------------
	Widgets
-----------------------------------------------------------------*/
.widget-tweeter li a,
.widget-twitter li a {
  color: var(--theme-color1); }

.tags a:hover, .tags a:focus, .tags a:active, .tags a.active {
  background-color: var(--theme-color1);
  border-color: var(--theme-color1); }

/*# sourceMappingURL=theme.css.map */

.header-content {
  box-shadow: 0 0 6px rgba(0, 0, 0, .15);
}

.header-content.header-link-content, .header-content.header-link-content svg {
  transition: all 300ms;
}

.header-content.header-link-content:hover {
  cursor: pointer;
  transform: scale(1.015);
  z-index: 100;
}

.header-content.header-link-content:hover svg {
  transform: scale(1.25);
}

.header-row {
  box-shadow: 0 0 12px rgba(0, 0, 0, .15);
}

.icon-header {
  width: 60px;
  height: 60px;
  margin-bottom: 12px;
  padding: 4px;
}

.icon-header path, .icon-header rect {
  fill: #ffffff;
}

.header-title {
  text-transform: uppercase;
  white-space: nowrap;
  margin-bottom: 12px;
}

.header-description {
  line-height: 1.5rem;
  font-family: 'Roboto', serif;
}

.header-highlight {
  font-family: 'Roboto', serif;
  font-size: 2rem;
  line-height: 2.75rem;
}

.header-highlight.heading-text{
  margin-bottom: 0;
  font-style: italic;
}

.has-quotes:before {
  position: absolute;
  margin-left: -20px;
  content: '“';
  font-size: 3rem;
  font-family: 'Playfair Display', serif;
}

.has-quotes:after {
  position: absolute;
  margin-left: 4px;
  content: '”';
  font-size: 3rem;
  font-family: 'Playfair Display', serif;
}

.the-thai-boat-container {
  display: flex;
  text-align: center;
  justify-content: center;
  padding-top: 32px;
  padding-bottom: 0;
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  position: relative;
  z-index: 10;
  margin-bottom: -16px;
}
.the-thai-boat-image {
  max-width: 1280px;
  width: 100%;
}

.footer-content {
  background-color: #1f1f1f;
}

#mainMenu nav>ul>li>a {
  color: #1f1f1f;
}

.map-frame {
  height: 480px;
  box-shadow: 0 0 12px rgb(0 0 0 / 12%);
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #f1f1f1;
  margin-top: 40px;
}

.contact-picture-container {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.contact-picture-container .contact-picture-row {
  display: flex;
  flex-direction: row;
}

.contact-picture img {
  max-width: 100%;
  width: 100%;
}

.contact-detail {
  width: 100%;
  height: 100%;
  /*background-color: #054ba2;*/
  background-color: rgba(5, 75, 162, .65);
  color: #fff;
  padding: 24px 32px;
}

.contact-detail .title {
  color: #fff;
  font-size: 2rem;
}

.contact-detail ul {
  list-style: none;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, .25);
  margin-top: 24px;
}

.contact-detail ul li {
  padding: 8px 12px;
  font-size: 1rem;
}

.contact-detail li strong {
  display: block;
  font-size: 1.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.how-to {
  list-style: none;
  border-radius: 4px;
  background-color: rgba(31, 106, 200, .05);
  margin-top: 32px;
}

.how-to li {
  padding: 8px 12px;
  font-size: 1rem;
}

.how-to strong {
  display: block;
  font-size: 1.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, .9);
}

#logo img {
  padding: 4px 0;
}

#header .header-inner {
  box-shadow: 0 0 24px rgb(0 0 0 / 16%);
}

#header.header-sticky.sticky-active .header-inner, #header.header-sticky.sticky-active #header-wrap {
  box-shadow: 0 0 24px rgb(0 0 0 / 8%);
}

.team-member, .team-image {
  display: flex;
}

.team-member {
  display: flex;
  flex-direction: row;
}
.team-member .team-image {
  width: 40%;
}
.team-member-committee.team-member .team-image {
  width: 100%;
}
.team-member .team-desc {
  width: 60%;
}
.team-member-committee.team-member .team-desc {
  width: 100%;
}

.team-member.team-member-committee {
  flex-direction: column;
}

.team-member .team-image img {
  object-fit: cover;
  box-shadow: 0 0 8px rgba(0, 0, 0, .15);
}

@media screen and (max-width: 768px) {
  .team-member {
    display: flex;
    flex-direction: column;
  }

  .team-member .team-image {
    width: 100% !important;
  }

  .team-member .team-desc {
    width: 100% !important;
  }
}

.apsp-breadcrumb:after {
  position: absolute;
  z-index: 10;
  content: '';
  width: 100%;
  height: 100%;
  top: 0; left: 0;
  background-color: #054ba2;
  opacity: .15;
}

.apsp-breadcrumb .slide-captions {
  position: relative;
  z-index: 100;
  text-shadow: 0 0 4px rgba(0, 0, 0, .5);
}

.apsp-breadcrumb .slide-captions p {
  line-height: 1.25em;
}

.press-release-image, .program-overview-image {
  box-shadow: 0 0 24px rgba(0, 0, 0, .15);
  border: 1px solid #f1f1f1;
  border-radius: 4px;
}

.background-grey .heading-text {
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 1.0);
}

.list-icon li {
  margin-bottom: 8px;
  margin-left: 24px;
}

.list-icon li ul {
  margin-top: 8px;
}

.list-icon li ul li {
  font-size: 16px;
  margin-left: 18px;
}

.list-icon.list-icon-circle li ul li:before {
  content: '-';
  font-size: 18px;
  font-weight: normal;
}

.list-icon i.fas {
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
}

/*
.post-item.border > .post-item-wrap > .post-item-description {
  min-height: auto !important;
  position: absolute;
  bottom: 0;
  padding: 12px !important;
  line-height: 1.5rem;
  background-color: rgba(5, 75, 162, .75);
}
*/

/*.post-item .post-item-description > h2, .post-item .post-item-description > h2 > a {
  color: #fff;
  margin-bottom: 0;
  text-shadow: 0 0 6px rgba(0, 0, 0, .25);
}*/

/*.post-item .post-item-description > h2 > a:hover {
  color: #fff;
  opacity: .90;
}
.post-item-wrap {
  transition: all 300ms;
}
.post-item-wrap:hover {
  transform: scale(1.05);
  box-shadow: 0 0 24px rgba(0, 0, 0, .15);
}*/

.currency {
  font-weight: bold;
  margin-left: 4px;
  color: var(--theme-color1);
}

.table.table-bordered tr td, .table.table-bordered tr th {
  border-color: rgba(5, 75, 162, .15) !important;
  /*background-color: rgba(255, 255, 255, .45);*/
}

/* .table.table-bordered tr th {
  background-color: #fff !important;
} */

.table.table-bordered tr td.empty-row {
  background-color: transparent;
}
.active-btn{
  background-color: var(--theme-color2) ;
  border-color: var(--theme-color2) ;
}