/* body */
body {
  background-color: var(--bg-blue);
  color:#fff;
}


/* ทุกหน้า Single Post */
body.single {
  background-color: #fff;
  color: #0C2340;
}
body.single h1,
body.single p,
body.single span,
body.single a {
  color: #0C2340;
}

/* heading , text */
h1.page-title {
  color: var(--text-white) !important;
}

.nav-toggle em, .nav-toggle em:before, .nav-toggle em:after {
  background-color: var(--text-white)!important;
}
.nav-toggle.active em {
  background-color: transparent!important;
}


/* Header not Home CSS */
@media (min-width: 1024px) {
  body:not(.home):not(.front-page) .site-header {
      background: transparent;
      box-shadow: none !important;
	  position:fixed!important;
  }

  body:not(.home):not(.front-page) .nav-inline li a {
      color: #fff !important;
	  font-weight:500!important;
  }

  body:not(.home):not(.front-page) .s-nav .sub-menu {
      background: var(--bg-navy-200);
  }

  body:not(.home):not(.front-page) .s-nav svg.i-down {
      stroke: #fff !important;
  }

  body:not(.home):not(.front-page) .sub-menu::before {
      border-bottom: 8px solid #0C2340 !important;
  }

  body:not(.home):not(.front-page) .search-toggle-icon::before {
      background-color: #fff !important;
  }

  body:not(.home):not(.front-page) .search-toggle-icon::after {
      border-color: #fff !important;
  }
}

@media (max-width: 1023px) {
  body:not(.home):not(.front-page) .site-header {
      background: transparent;
	  position:fixed!important;
  }

  body:not(.home):not(.front-page) .nav-panel.-right.active {
      margin-top: 0 !important;
      padding-top: 80px !important;
	  z-index:100!important;
  }

  body:not(.home):not(.front-page) .modal-active .nav-panel.-right .nav-close {
      display: block !important;
  }
    body:not(.home):not(.front-page) .nav-toggle-wrap {
        position:relative!important;
        z-index:900!important;
    }

  body:not(.home):not(.front-page) .nav-toggle.active em:before {
      background-color:#fff!important;
  }

  body:not(.home):not(.front-page) .nav-toggle.active em:after {
	  background-color:#fff!important;
  }
	body:not(.home):not(.front-page) .search-toggle-icon::before {
       background-color:#0c2340!important;
	}
    body:not(.home):not(.front-page) .search-toggle-icon::after {
        border-color:#0c2340!important;
     }
	body:not(.home):not(.front-page) .search-toggle.search-toggle-icon.close::before  {
		background:#fff!important;
	}
		body:not(.home):not(.front-page) .search-toggle.search-toggle-icon.close::after  {
			        border-color:#fff!important;

	}
	      body:not(.home):not(.front-page) .site-branding {
            height:100%!important;
        }

}

/* setion home-yrwyr */
@media (max-width: 1023px) {
  .s-grid > article:nth-child(n+6) {
      display: none !important;
  }
}
/* Button Styles */
.btn-wrap span {
  border: 1px solid #3D4F66;
}

.btn-wrap:hover p {
  color: var(--text-green) !important;
}

.btn-wrap:hover span {
  background-color: var(--bg-green);
}


/* from front-page.php */
@media (min-width: 1024px) {
  .events-wrap {
    grid-template-columns: 1fr 2fr;
  }
}
.events-wrap .splide__arrow {
  background-color: var(--bg-green);
  color: var(--text-white);
}
.events-wrap .splide__slide  img {
  width:100%;
  height:100%;
  object-fit: cover;
}
.splide__slide {
  opacity: 0.5;
  transition: opacity 0.3s ease;
}

.splide__slide.is-active {
  opacity: 1;
}

.event-details-link {
  color: var(--text-green)!important;
  font-size: 13px;
  font-weight: 300;
}

@media (max-width: 1023px) {
.event-details-area {
  text-align:center;
}
}

.event-details-link .material-symbols-outlined {
  background-color: var(--bg-green);
  color: var(--text-white);
  padding: 0.5rem;
  border-radius: 50%;
}
.event-details-link:hover {
  color: var(--text-white);
}
.event-details-link:hover .material-symbols-outlined {
  background-color: var(--bg-white);
  color: var(--text-green);
}

/* Destory Section */
.material-symbols-outlined {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}

.story-card img {
  width:100%;
  height:auto;
  object-fit: cover;
}


/* Content Card */ 
.s-content-card {
  background-color:transparent!important;
}
.content-custom-card .entry-excerpt {
  color: #fff;
}

.content-custom-card .posted-cat {
  top: 75%;
  left: 5%;
}

.content-custom-card .posted-cat a {
  background-color: var(--bg-green);
  padding: 10px !important;
  font-size: 12px !important;
}

/* AJAX Load More */
.alm-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media (max-width: 767px) {
  .alm-grid {
      grid-template-columns: 1fr;
  }
}

/* Search Panel */
.search-panel.active {
  margin-top:-80px!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:var(--bg-blue)!important;

}

input#s {
  color: #d3d3d3 !important;
  border-color: #d3d3d3 !important;
}

input#s::placeholder {
  color: #d3d3d3 !important;
  opacity: 1; 
}

input#s:-ms-input-placeholder {
  color: #d3d3d3 !important;
}

input#s::-ms-input-placeholder {
  color: #d3d3d3 !important;
}

input#s::-webkit-input-placeholder {
  color: #d3d3d3 !important;
}

.entry-pic .posted-cat:has(a:nth-child(n+4)) {
  top: 10%!important; 
  transform: none!important; 
}

/* sidebar CSS */
.s-content-iam {
  display: grid!important;
  grid-template-columns: 1fr 2fr!important;
  gap: 14px!important;
  max-width:350px!important;
  align-items:center!important;
}

.sidebar-loop-img-wrapper img {
  object-fit: cover!important;
  height: 70px!important;
  width: 70px!important;
  border-radius: 50%!important;
}

/* Contact US CSS */

.kt-svg-icon-list a {
	color:#fff!important;
}

.kt-svg-icon-list a:hover {
	color:var(--text-green)!important;
}