.items .item:hover {
  cursor: pointer;
}
html {
  font-size: 10px;
  scroll-behavior: smooth;
}

a {
  text-decoration: inherit;
}

body {
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 16px;
  line-height: 1.2;
  margin: 0 4px;
  background-color: #0e281d;
  overflow-x: hidden;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
img {
  width: 100%;
}
p {
  margin: 0;
}
.s-20 {
  font-size: 20px;
  line-height: 24px;
}
.s-24 {
  font-size: 24px;
  line-height: 28px;
}
.fw-2 {
  font-weight: 200;
}
.fw-3 {
  font-weight: 300;
}
.fw-4 {
  font-weight: 400;
}
.fw-5 {
  font-weight: 500;
}

.fw-6 {
  font-weight: 600 !important;
}
.fw-7 {
  font-weight: 700;
}

.green {
  color: #00642d;
}
.s-22 {
  font-size: 22px;
  line-height: 26px;
}
.s-12 {
  font-size: 12px;
}

.s-13 {
  font-size: 13px;
  line-height: 15px;
}
.s-14 {
  font-size: 14px;
  line-height: 18px;
}
.s-16 {
  font-size: 16px;
  line-height: 20px;
}

.s-32 {
  font-size: 32px;
  line-height: 36px;
}
.s-60 {
  font-size: 60px;
  line-height: 64px;
}
.selected-link {
  color: #f7541c !important;
}

.change-theme .gray-bg {
  background: #d3d3d3 !important;
}

.orange {
  color: #f7541c !important;
}
.green-5 {
  color: #027536;
}
.s-18 {
  font-size: 16px;
  line-height: 22px;
}
.green-2 {
  color: #0c3322;
}

.green-3 {
  color: rgba(5, 72, 35, 0.5);
}

.white {
  color: #fff;
}
.off-white {
  color: #f2f2f2 !important;
}
.white-bg {
  background: #fff !important;
}

.change-theme .gray-light-bg {
  background: rgba(227, 227, 227, 1) !important;
}

.change-theme .light-bg {
  background: rgba(242, 242, 242, 0.5) !important;
}

.change-theme.black {
  color: #000 !important;
}
.silver-bg {
  background-color: #d3d3d3 !important;
}
.change-theme .gray {
  color: rgba(172, 172, 172, 1) !important;
}

.change-theme .gray-bg-1 {
  background: rgba(172, 172, 172, 1) !important;
}

.change-theme .gray-bg-2 {
  background: rgba(125, 125, 125, 1) !important;
}

.change-theme .gray-bg-3 {
  background: rgba(79, 79, 79, 1) !important;
}

.change-theme .gray-bg-4 {
  background: rgba(211, 211, 211, 1) !important;
}

.off-white-bg {
  background: rgba(242, 242, 242, 1) !important;
}

.green-1 {
  color: rgba(13, 40, 30, 1) !important;
}
.change-theme .gray-color {
  color: #acacac;
}
.yellow {
  color: #faa012;
}
.green-6 {
  color: rgba(0, 100, 45, 1) !important;
}
.change-theme .new-bg::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  height: 28px;
  background: linear-gradient(
    180deg,
    rgba(228, 228, 228, 0) 0%,
    #e4e4e4 100%
  ) !important;
}

.texteditor-inline-fontsize,
.gallery-detail-container h1,
.gallery-detail-container h2,
.gallery-detail-container h3,
.gallery-detail-container h4,
.gallery-detail-container h5,
.gallery-detail-container h6,
.gallery-detail-container span:not(:empty):not(:has(> img)),
.single-discussion-post-content h1,
.single-discussion-post-content h2,
,
.single-discussion-post-content h4,
.single-discussion-post-content h5,
.single-discussion-post-content h6,
.single-discussion-post-content span:not(:empty):not(:has(> img)),
.single-discussion-post-content div[dir="auto"]:not(:has(> img)),
.product-single .single-post h1,
.product-single .single-post h2,
.product-single .single-post h3,
.product-single .single-post p:not(:has(> img)),
.product-single .single-post h4 {
  /*max-width: calc(500px + 14.2%);*/
  display: block;
  margin: 16px auto;
  line-height: 1.2em;
  color: #f7541c;
}

/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
body {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

/* Handle Change theme color */

.main-content#main-content {
  z-index: 111 !important;
  position: relative;
  top: 15px;
}

.change-theme {
  background-color: #d3d3d3 !important;
}

.change-theme #left-sidebar {
  z-index: 201 !important;
  transition: 0.1s;
}

.change-theme #right-sidebar {
  z-index: 201 !important;
  transition: 0.1s;
  /* padding: 0px !important; */
  max-width: 415px !important;
}

/*.change-theme .single-discussion#main-content {
  background-color: #d3d3d3 !important;
}*/

/* .change-theme .section-footer {
  background-color: #D3D3D3 !important;
} */

.contact-button.unactive {
  display: none !important;
}

.contact-button-mobile.active {
  display: flex !important;
  flex-direction: column;
  align-items: flex-end;
  position: fixed;
  gap: 12px;
  right: 30px;
  bottom: 80px;
  z-index: 113;
}

.gallery-detail-wrapper.enable .icon-buy-now {
  transform: translateX(200px);
  transition: 0.3s;
}

#overplay-black {
  position: fixed;
  display: none;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#overplay-black.active {
  display: block;
  z-index: 700;
}

.overplay-black {
  position: fixed;
  display: none;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.overplay-black.active {
  display: block;
  z-index: 111;
}

#comment-success {
  padding: 16px 32px;
  background-color: #0b4628;
  border-radius: 24px;
  font-size: 14px;
  line-height: 18px;
  color: #faa012;
  font-weight: 600;
  width: fit-content;
  margin: 16px auto;
}

#comment-success.light-theme {
  background-color: rgba(227, 227, 227, 1);
  color: #f7541c;
}

@media (max-width: 1400px) {
  .gallery-detail-wrapper.enable .icon-buy-now {
    transform: translateX(175px);
  }
}

@media (max-width: 1350px) {
  .gallery-detail-wrapper.enable .icon-buy-now {
    transform: translateX(138px);
  }
}

@media (min-width: 768px) {
  .change-theme #left-sidebar .box-posts {
    background: rgba(227, 227, 227, 1) !important;
  }

  .change-theme #left-sidebar .box-posts span {
    color: #acacac;
  }

  .change-theme #left-sidebar .box-menu-container {
    background-color: rgba(227, 227, 227, 1) !important;
  }

  .change-theme #left-sidebar .box-gallery .main-layer {
    background-color: rgba(227, 227, 227, 1) !important;
  }

  .change-theme #left-sidebar .box-menu .item-link p {
    color: #acacac;
  }

  .change-theme #left-sidebar .box-posts .item {
    background-color: rgba(242, 242, 242, 0.5) !important;
  }

  .change-theme #left-sidebar .box-posts .item .description {
    color: #acacac !important;
  }

  .change-theme #left-sidebar .box-posts .item .name {
    color: #0d281e !important;
  }

  .change-theme #left-sidebar .box-gallery .layer-1 {
    background-color: rgba(172, 172, 172, 1) !important;
  }

  .change-theme #left-sidebar .box-gallery .layer-2 {
    background: rgba(125, 125, 125, 1) !important;
  }

  .change-theme #left-sidebar .box-gallery .layer-3 {
    background: rgba(79, 79, 79, 1) !important;
  }

  .change-theme #left-sidebar .box-posts::after {
    background: linear-gradient(
      180deg,
      rgba(228, 228, 228, 0) 0%,
      #e4e4e4 100%
    ) !important;
  }

  /* .change-theme #right-sidebar { */
  /* background-color: #D3D3D3 !important; */
  /* } */

  .change-theme #right-sidebar .box-calendar {
    background-color: rgba(227, 227, 227, 1) !important;
  }

  .change-theme #right-sidebar .box-calendar .current-wrapper {
    background-color: rgba(211, 211, 211, 1) !important;
  }

  .change-theme #right-sidebar .box-calendar .current-time {
    color: #000 !important;
  }

  .change-theme #right-sidebar .box-calendar .current-date {
    color: #000 !important;
  }

  .change-theme #right-sidebar .box-calendar span {
    color: #000 !important;
  }

  .change-theme #right-sidebar .box-calendar .calendar {
    background-color: rgba(227, 227, 227, 1) !important;
  }

  .change-theme #right-sidebar .current-date-format.green-button {
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-radius: 16px;
    color: #0d281e;
    min-width: max-content;
  }

  .change-theme #current-date-format-day,
  .change-theme .format-month,
  .change-theme .format-year {
    background-color: #f2f2f2;
    color: #0d281e;
  }

  .change-theme #right-sidebar .box-calendar .prev,
  .change-theme #right-sidebar .box-calendar .next,
  .change-theme #right-sidebar .box-calendar .datepicker-switch {
    color: #0d281e !important;
  }

  .change-theme #right-sidebar .box-calendar .day,
  .change-theme #right-sidebar .box-calendar .dow {
    color: #7d7d7d !important;
    font-family: "Be Vietnam Pro", sans-serif;
    font-style: normal;
  }

  .change-theme #right-sidebar .box-calendar .day.today {
    color: #f2f2f2 !important;
  }
}

.rank-math-breadcrumb p {
  display: flex !important;
  color: #f7541c !important;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.rank-math-breadcrumb a {
  width: fit-content;
  display: block;
  color: #f7541c;
}

.rank-math-breadcrumb a:hover {
  text-decoration: underline;
}

.rank-math-breadcrumb span {
  margin: 0 6px !important;
}

.rank-math-breadcrumb .last {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.custom-breadcrumb .rank-math-breadcrumb p {
  background-color: #0c3322;
  padding: 12px;
  border-radius: 24px;
  margin-bottom: 12px;
  font-weight: 600 !important;
}

.custom-breadcrumb.light-theme .rank-math-breadcrumb p {
  background-color: #e3e3e3;
}

.seo-panel h2.heading-seo {
  margin: 0 !important;
}

.hover-menu-item p {
  transition: 0.3s;
}

.hover-menu-item:hover p {
  color: #f7541c;
  transition: 0.3s;
}
.gallery-detail-wrapper #gallery-content img {
  border: none !important;
}
img {
  margin: 0;
}
.slick-dots li.slick-active button:before {
  display: none !important;
}
.slick-dots li button:before {
  opacity: 0 !important;
}
.slick-slide {
  /*width: 350px; */
}

.single-discussion-post-content a {
  color: #f7541c;
}
.single-discussion-post-content h2 a {
  font-size: 24px;
}

.header-not-found-label {
  position: fixed;
  bottom: 150px;
  right: 100px;
  color: #f7541c;
  font-size: 20px;
  line-height: 150%;
  font-weight: 600;
  display: none;
}

@media (max-width: 1200px) {
  .header-not-found-label {
    position: relative;
    bottom: 0;
    right: 0;
    width: fit-content;
    margin: auto;
    margin-bottom: 32px;
  }
}

.header-not-found-label.show {
  display: block;
}
b {
  font-weight: 600 !important;
}
strong {
  font-weight: 600;
}
h3 {
  font-size: 16px;
}

.flex {
  display: flex;
}

.items-center {
  align-items: center;
}

.justify-between {
  justify-content: space-between;
}

.w-full {
  width: 100%;
}

.hide-icon {
  display: none;
}

/* #toggle-zoom-out-btn {
  top: unset;
  right: unset;
  background: none;
  width: fit-content !important;
  height: auto;
  position: fixed;
  z-index: 100;
  padding: 0;
  transform: translateX(-16px);
} */

.swiper-wrapper {
  margin-left: 10px;
}
i {
  font-style: normal;
}

.hidden {
  display: none !important;
}

@media (max-width: 768px) {
  html {
    overflow-x: hidden;
  }

  #wpadminbar {
    display: none !important;
  }
}

.loading-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #0e281d;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transform: scale(1.2);
  will-change: opacity, transform;
  animation: scaleIn 1s cubic-bezier(0.1, 0.2, 0.5, 1) forwards;
}

@keyframes scaleIn {
  0% {
    opacity: 1; 
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.loading-bg.fade-out {
  will-change: opacity, transform;
  animation: fadeOutSlideOut 1s cubic-bezier(0.1, 0.2, 0.5, 1) forwards;
  pointer-events: none;
}

@keyframes fadeOutSlideOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
  }
}

.loading-bg img {
  width: 100px;
}

.wpcf7 form.sent .wpcf7-response-output
{
	background: #46b450;
    border-radius: 10px;
    box-shadow: 1px 0px 2px 0 #46b450;
    padding: 10px;
}
}