/*
Theme Name: L&K Group
Theme URI: https://www.lkgroupholdings.com
Author: HKISL
Author URI: https://www.hkisl.net
Description: L&K Group Holdings is determined to become a trusted partner of customers. Always adhere to the "Believe this, and treat it with sincerity." We actively build interactive relationships with customers and strive to provide them with the most sincere service.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lkgroup
*/

body {
  background-image: url("assets/images/main-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;      /* scales image to cover entire page */
  background-position: center; /* keeps it centered */
  background-attachment: fixed;/* optional: keeps it fixed when scrolling */
}

a{
  text-decoration: none;
}

.text-shadow{
  text-shadow: rgba(255, 255, 255, 0.6) 1px 1px 1px, rgba(0, 0, 0, 0.6) -1px -1px 1px;
}

.media-button{
  background-color: orangered;
  color: #fff;
  border: none;
  border-radius: 0px !important;
  padding: 5px 50px;
  font-weight: bold;
}

.small-text{font-size: 12px;}

.media-button:hover {
  background-color: #fff;
  color: #000;    
  border: 1px solid #000;
}

.bg-post-grid{
  color: #fff !important;
  background-color: rgb(0,53,65);
}

/* Show dropdown on hover */
.navbar .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0; /* align properly */
}

/* Optional: make sure dropdown links align correctly */
.navbar .dropdown-menu {
    margin-top: 0;
}

/* MAIN MENU CLASS */
#menu-main-menu li{
    font-family: tahoma, tahoma-w01-regular, sans-serif;
    font-size: 16px !important;
    color: #000 !important;
}

#menu-main-menu li a {
  color: var(--dark); /* or any of your vars like var(--orange) */
  text-decoration: none; /* optional: remove underline */
}

/* IMAGE CLASS */
.image-wrapper {
  overflow: hidden;
  height: 250px; /* same height for all images */
}

.image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.3s ease;
}

.image-wrapper img:hover {
  opacity: 0.7;
}

/* CONTACT US */
.contact-container{
  background-color: rgb(233, 223, 205);
}

.contact-title{
  font-size: 60px;
  font-weight: bold;
  color: #394CA8;
}

.image-accordion {
  display: flex;
  max-width: 700px;
  height: 400px; /* adjust as needed */
  overflow: hidden;
}
.image-panel {
  flex: 1;
  background-size: cover;
  background-position: center;
  transition: flex 0.5s ease;
  cursor: pointer;
}
.image-panel:hover {
  flex: 6; /* expand hovered image */
}
/* Example: stitched slices from the same full image */
.panel-1 { background-image: url('assets/images/map-1.jpg'); }
.panel-2 { background-image: url('assets/images/map-2.jpg'); }
.panel-3 { background-image: url('assets/images/map-3.jpg'); }
.panel-4 { background-image: url('assets/images/map-4.jpg'); }
.panel-5 { background-image: url('assets/images/map-5.jpg'); }
.panel-6 { background-image: url('assets/images/map-6.jpg'); }

/* FOR IMAGE EFFECT */
.img-container {
  height: 250px; /* ensures same height */
}

.img-container img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.img-container:hover img {
  transform: scale(1.1); /* slight zoom */
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.img-container:hover .overlay {
  opacity: 1;
}

/* FOR FOOTER */
.main-footer{
  background-color: rgb(217,217,217);
}

/* CUSTOM BOOTSTRAP5 CLASS */
@media (min-width: 768px) { /* md breakpoint */
  .main-container {
    margin-top: 12rem !important;
  }
}

@media (max-width: 767.98px) { /* sm breakpoint */
  .main-container {
    margin-top: 8rem !important;
  }
}