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

* 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/

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


/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 16, 2026 */

/* ================================
   THE 8TH ARCHER - CUSTOM FONTS
================================ */


@font-face {
    font-family: 'Satoshi';
    src: url('./assets/fonts/satoshi-variable-webfont.woff2') format('woff2');
    font-weight: 300 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi-Regular';
    src: url('./assets/fonts/satoshi-regular-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi-Medium';
    src: url('./assets/fonts/satoshi-medium-webfont.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi-Bold';
    src: url('./assets/fonts/satoshi-bold-webfont.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jost';
    src: url('./assets/fonts/jost-variable-webfont.woff2') format('woff2');
    font-weight: 300 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Serif Display';
    src: url('./assets/fonts/dmserifdisplay-regular-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Serif Display';
    src: url('./assets/fonts/dmserifdisplay-italic-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}


body, p , li, .elementor-element p {
    font-family: 'Jost', sans-serif !important;
}

h1 {
    font-family: 'Satoshi-Bold', sans-serif !important;
}

h2 {
    font-family: 'Satoshi-Medium', sans-serif !important;
}

h3 {
   font-family: 'Satoshi-bold', sans-serif !important;
}

h4 {
    font-family: 'Satoshi-Medium', sans-serif !important;
}

h5 {
    font-family: 'Satoshi-Regular', sans-serif !important;
}

h6 {
    font-family: 'Satoshi-bold', sans-serif !important;
}

/* ============================================================
   The 8th Archer — Fix 1: Homepage gallery overflow (768–991px)
   Kahan lagaye: WordPress Dashboard > Appearance > Customize >
   Additional CSS  (ya Child Theme ki style.css me)
   ============================================================ */

/* Gallery wrapper ke bahar kuch bhi na nikle */
.home-slider,
.home-slider .tp-gallery-area {
  overflow: hidden;
}
/* .tp-gallery-slider-wrap is deliberately NOT clipped: it is narrower than the screen (container padding), and clipping it cut the edge-to-edge bleed of the images. The area above already stops any sideways scroll. */

/* Swiper container khud bhi clip kare */
.home-slider .swiper-container,
.home-slider .tp-gallery-slider-active {
  overflow: hidden;
  /* no max-width cap: Liko pulls the slider 15px past the container padding (margin: 0 -15px) so the images bleed edge to edge. The wrappers above clip it, so the page cannot scroll sideways. */
}

/* Decorative curved shapes page width na badhayein */
.home-slider .tp-gallery-shape-1,
.home-slider .tp-gallery-shape-2 {
  max-width: 100%;
  pointer-events: none;
}

/* Poori site par horizontal scroll ka safety net.
   NOTE: "clip" use kiya hai "hidden" ki jagah, taaki sticky
   header break na ho. */
html,
body {
  overflow-x: clip;
}

/* Tablet / landscape phone par slide image container se bahar na jaye */
@media (max-width: 991px) {
  .home-slider .tp-gallery-item img {
    max-width: 100%;
    height: auto;
    display: block;
  }
}




/* ============================================================
   The 8th Archer — APR Method: dim the steps waiting their turn,
   so the one playing stands out (classes set by
   assets/js/t8a-apr-sequence.js). Skipped with Reduce Motion,
   where nothing plays and every step should stay at full strength.
   ============================================================ */
@media (prefers-reduced-motion: no-preference) {
  .t8a-apr-video {
    opacity: .5;
    transition: opacity .4s ease;
  }
  .t8a-apr-video.is-playing {
    opacity: 1;
  }
}


/* ============================================================
   The 8th Archer, 31 Oct 2026: self-hosted fonts only
   Google Fonts is no longer loaded (see mu-plugin t8a-local-fonts.php).
   ============================================================ */

/* Real Jost italics, self-hosted. The files are the open-licence Jost
   that ships with WordPress, so italic text is no longer faux-slanted. */
@font-face {
    font-family: Jost;
    src: url(./assets/fonts/jost-italic-variable.woff2) format(woff2);
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

/* Roboto was a stray Elementor default, not a brand font. These two
   spots now use the body font, like the site buttons. */
.linked-cta .elementor-icon-box-title a,
.linked-cta .elementor-icon-box-title a *,
.elementor-element-108659e4 .elementor-heading-title {
    font-family: "Jost", sans-serif !important;
}