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

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

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


/* ------------------------------------------------------------
	 Page-specific styles
	 Target: body.page-id-15291
	 How to use:
		 - Add selectors below to scope styles to the page with ID 15291.
		 - Keep rules specific (e.g., .site-header) to avoid unintended overrides.
		 - Use `!important` only as a last resort.
------------------------------------------------------------ */

body.page-id-15291 {
	/* Example: change the page background color
		 A harmless custom property is set so the ruleset isn't empty. */
	--page-15291: 1;
	/* background-color: #f6f8fb; */
}

.tp-header-3-social {
    display: none !important;
}

.tp-header-logo img {
    max-width: 160px;
    width: 100%;
}

@media (max-width: 768px) {
  /* headline */
  .elementor-15291 .elementor-element.elementor-element-ef40f41 .tp-el-title {
    font-size: 72px;
  }

  /* headline gradient background, the reason we need this is because it's wider than the screen and it causes overflow */
  body:not(.rtl) .elementor-15291 .elementor-element.elementor-element-e1ce7ff {
    width: 100%;
    left: 0;
  }
  .elementor-15291 .elementor-element.elementor-element-e1ce7ff > .elementor-widget-container {
    --e-transform-translateX: 0;
  }
  .elementor-15291 .elementor-element.elementor-element-e1ce7ff .tp-el-shape-custom {
    width: 100%;
  }

  /* hide the hamburger menu under ipad portrait */
  .tp-header-3-bar {
    display: none !important;
  }

  .tp-section-title-90 > div {
    display: inline !important;
  }
  .elementor-15291 .elementor-element.elementor-element-2f5388d .tp-el-text {
    padding: 0;
    font-size: 56px;
  }
}  

/* Example scoped rules (uncomment and customize) */
/*
body.page-id-15291 .site-header {
	background: rgba(0,0,0,0.85);
}

body.page-id-15291 .entry-title {
	color: #2a2a2a;
	font-size: 2.2rem;
}
*/