/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 09 2026 | 20:03:33 */
.global-nav-list > li > ul.sub-menu {
  background-color: var(--vk-color-primary);
  box-shadow: 1px 1px 3px rgba(0,0,0,.2);
  left: 50%;
  margin-left: -120px;
  width: 300px;
}

.wp-lightbox-overlay .scrim {
  background-color: #000;
  height: 100%;
  opacity: .9;
  position: absolute;
  width: 100%;
  z-index: 2000000;
}

.page_top_btn {
    right: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    background-color: var(--vk-color-primary);
    box-shadow: none;
}

.wp-lightbox-overlay .scrim {
    background-color: rgba(0, 0, 0, 0.75) !important;
}

.wp-lightbox-overlay button {
    color: #ffffff !important;
}

.wp-lightbox-close-button, 
.wp-lightbox-navigation-button,
.wp-lightbox-overlay button svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}


.wp-lightbox-overlay button:hover svg {
    fill: #dddddd !important;
    stroke: #dddddd !important;
    opacity: 0.8;
}

.wp-block-gallery .wp-block-image img {
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    cursor: pointer;
}

.wp-block-gallery .wp-block-image img:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15) !important;
}

@media (max-width: 767px) {
    .wp-block-gallery.columns-5 {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 3px !important;
    }

    .wp-block-gallery.columns-5 .wp-block-image {
        margin: 0 !important;
        width: 100% !important;
    }

    .wp-block-gallery.columns-5 img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }
}


.red-black-slash3 {
  position: relative;
  display: inline-block;
  font-size: 2rem;
  padding: 20px 0px;
}

.red-black-slash3 span {
  position: relative;
  z-index: 2;
  background-color: #fff;
  padding: 0 5px;
}

.red-black-slash3::before,
.red-black-slash3::after {
  content: "";
  position: absolute;
  top: 5px;
  bottom: 5px;
  width: 3px;
  z-index: 1;
  transform: skewX(-40deg);
}

.red-black-slash3::before {
  left: 65%;
  background-color: #CF2E2E;
  top: 10px;
  bottom: -10px;
}

.red-black-slash3::after {
 left: calc(68% + 15px); 
  background-color: #000000;
  top: -10px;    
  bottom: 0px; 
}


.red-black-slash4 {
  position: relative;
  display: inline-block;
  font-size: 2rem;
  padding: 20px 0px;
text-align: center;
}

.red-black-slash4 span {
  position: relative;
  z-index: 2;
  background-color: #f4f5f6;
  padding: 0 5px;
}

.red-black-slash4::before,
.red-black-slash4::after {
  content: "";
  position: absolute;
  top: 5px;
  bottom: 5px;
  width: 3px;
  z-index: 1;
  transform: skewX(-40deg);
}

.red-black-slash4::before {
  left: 65%;
  background-color: #CF2E2E;
  top: 10px;
  bottom: -10px;
}


.red-black-slash4::after {
 left: calc(68% + 15px); 
  background-color: #000000;
  top: -10px;    
  bottom: 0px; 
}

.red-black-slash5 {
  position: relative;
  display: inline-block;
  font-size: 2rem;
  padding: 20px 0px;
　}

.red-black-slash5 span {
  position: relative;
  z-index: 2;
  background-color: #f4f5f6;
  padding: 0 5px;
}

.red-black-slash5::before,
.red-black-slash5::after {
  content: "";
  position: absolute;
  top: 5px;
  bottom: 5px;
  width: 3px;
  z-index: 1;
  transform: skewX(-40deg);
}

.red-black-slash5::before {
  left: 65%;
  background-color: #CF2E2E;
  top: 10px;
  bottom: -10px;
}

.red-black-slash5::after {
 left: calc(69% + 15px); 
  background-color: #000000;
  top: -10px;    
  bottom: 0px; 
}