.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); */
  background-color: #F1C328;
}

.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); */
  color: #2DC1F0
  ;
}

#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-color1);
  }
}

#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.05);
  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: #d24f3f;*/
  background-color: rgba(210, 79, 63, .65);
  color: #fff;
  padding: 18px 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;
}

img.box-shadow {
  box-shadow: 0 0 8px rgba(0, 0, 0, .15);
}

.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: #d24f3f;
  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(210, 79, 63, .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(210, 79, 63, .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; */
}

#footer .footer-content {


  /* background-color: var(--theme-bg-footer); */
  background-color:#000;
  /* background-image: linear-gradient(to right, #0D7FA4, #001E65, #351C88, #9B487B); */
}