/* ===================================================================================

* Theme Name: Liko Child
* Theme URI: https://wp.hixstudio.net/liko/
* Author: fox-themes 
* Author URI: https://themeforest.net/user/fox-themes
* Description: Liko - Creative Agency & Portfolio WordPress Theme
* Version: 1.0.0
* Template: liko
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */
/* Add your custom styles here */
html {
  scroll-behavior: smooth;
}

body {
  --sb-track-color: #000000;
  --sb-thumb-color: #826c3d;
  --sb-size: 9px;
}
.home{
	background: url("/wp-content/uploads/2025/12/main-bg-scaled.jpg") no-repeat center center;
background-size: cover;

}
body::-webkit-scrollbar {
  width: var(--sb-size)
}

body::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 3px;
}

body::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 3px;
  
}
.tp-service-2-accordion-box .accordion-header span {
	display:inline-block !important;
}
.home-toggle .accordion-collapse.collapse.show{
	visibility: visible !important;
}
@supports not selector(::-webkit-scrollbar) {
  body {
    scrollbar-color: var(--sb-thumb-color)
                     var(--sb-track-color);
  }
}
.single-hampi_project .site-main{
	max-width: 100% !important;
}
.dialog-type-lightbox{
	z-index: 9999999 !important;
}
.hero-inline-wrap {
  display: grid;
  grid-template-columns: 200px 1fr;
  column-gap: 60px;
  align-items: start;
}

.hero-left-text {
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 1.6;
  margin-top: 10px;
}

.hero-main-text {
  max-width: 1300px;
  font-family: "Playfair Display", serif;
}

.hero-inline-img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 14px;
  object-fit: cover;
}
.hero-inline-wrap{}
.hero-left-text{}
.hero-main-text{}
.pleach-left-headline  span:first-child{
	color:#F4F1E4; font-size:18px; 
}
.hampi_project-template-default .elementor-location-footer{
	position:relative; z-index:1001;
}
.pxl-item--inner span{
	color:#000;
	font-size: 38px;
    word-spacing: 6px;
}
.page-id-1432 .elementor-location-header{
	 
}
.page-id-15674 .container.phx-explorer-shell{
	padding: 2% 0%;
}

/* =========================
   Tablet (768px - 1024px)
   ========================= */
@media screen and (max-width: 1024px) {

	header{
		background: #116270;
	}

}


/* =========================
   Mobile (up to 767px)
   ========================= */
@media screen and (max-width: 767px) {

    header{
		background: #116270;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99999999;
	}
	.esm-menu-toggle span{
		left: 29px; width: 45px;
	}
	.esm-menu-toggle::before, .esm-menu-toggle::after, .esm-menu-toggle span{
		width: 40px;
    height: 2px;
	}

}
/* Mobile */
@media (max-width: 768px) {
  .hero-inline-wrap {
    grid-template-columns: 1fr;
  }

  .hero-left-text {
    margin-bottom: 20px;
  }

  .hero-main-text {
    font-size: 40px !important;
  }
	.esm-stage{
		min-height: 70px;
	}
	.esm-menu-toggle{
		top: 12px;
	}
	.pleach-gt-btn {
        padding: 4px 5px !important;
        border-radius: 5px !important;
    }

  .hero-inline-img {
    width: 50px !important;
    height: auto !important;
  }
	.detail-image img{
		  height:100%;
	}
	.inner-slider-main .phx-badami-slider[data-mode="inline"]{
		height: 350px;
	}
	.phx-badami-slider h1{
		font-size: clamp(20px, 5vw, 86px);
	}
}
@media (min-width:992px){
    .tp-sidebar-wrapper.sidebar__wrapper{
        transition: all .2s ease;
    }
}

@media (max-width:991px){
    .tp-sidebar-wrapper.sidebar__wrapper{
        position:static !important;
        width:100% !important;
        top:auto !important;
        left:auto !important;
    }
}

/* ===================================================================
   HERO BANNER: SLIGHTLY INCREASED HEIGHT (92vh) + ORIGINAL FONT
   =================================================================== */

/* 1. Header Overlay */
header.elementor-location-header,
.site-header {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    background: transparent !important;
}

header.elementor-location-header .e-con,
.site-header > div {
    position: absolute !important;
    top: 20px !important;
    left: 0 !important;
    width: 100% !important;
    background: transparent !important;
}

/* 2. Hero Banner Height (Slightly Increased to 92vh) */
.inner-slider-main .phx-badami-slider[data-mode="inline"],
.phx-badami-slider,
.hero-section,
.phx-explorer-shell {
    min-height: 92vh !important;
    height: 92vh !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 3. Hero Background Image */
.phx-badami-slider .phx-slide,
.phx-badami-slider .phx-slide-img img {
    height: 92vh !important;
    object-fit: cover !important;
}

/* 4. Original Text Position & Width */
.phx-slide-content {
    width: 90vw !important;
    max-width: 1400px !important;
    padding-top: 110px !important;
}

.phx-slide-content .phx-anim-h {
    max-width: 100% !important;
    white-space: normal !important;
    line-height: 0.95 !important;
}

/* 5. GTranslate Transparent Button */
.pleach-gt-btn,
.gtranslate_wrapper {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    border-radius: 8px !important;
}

.pleach-gt-btn img,
.gtranslate_wrapper img {
    display: none !important;
}