@charset "UTF-8";
/*!
Theme Name: Codeyatri
Theme URI: https://gutenify.com/themes/codeyatri
Author: Codeyatri
Author URI: https://gutenify.com
Description: Codeyatri is modern block-based theme where you can build your own unique looking website by using WordPress Blocks Editor. Codeyatri is a multipurpose block based free theme, the theme is built in accordance of Full Site Editing features introduced in WordPress 5.9, which means that all the aspects including colors, typography, and the layout of every single page on your site can be customized to suit your need.The true efficiency of Codeyatri Theme lies in its customizability with combination of Gutenify Plugin. With Gutenify Plugin you can create different customized template, you can also use its in-built template kits and then further customize them according to your needs. Furthermore, using different blocks in combination of Gutenify Plugin’s solid additional blocks, each website will garner an exhibit look. With strong typography, and simple design, we want to achieve unique look for every website. Gutenify Plugin offers a wide variety of flexible and easy to use blocks which will make your website in combination with truly unique spectacle. You can create. A single-page website, a blog, a Storely website, a portfolio, a construction site, or an bizlite site, Gutenify Corporate with Gutenify Plugin will help you create something unique which you can truly call yours.Official Support Forum: https://gutenify.com/contact/
Version: 1.0.1
Requires at least: 5.9
Tested up to: 6.9
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: codeyatri
Tags: full-site-editing, portfolio, e-commerce

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Codeyatri is based on Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
select,
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  background-color: transparent !important;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  border: 1px solid color-mix(in srgb, currentColor 30%, transparent);
  box-sizing: border-box;
  padding: clamp(15px, 11.818px - 0.568vw, 5px);
  font-size: 1rem;
}
select:hover, select:focus, select:active, select.focus, select:focus-visible,
input[type=text]:hover,
input[type=text]:focus,
input[type=text]:active,
input[type=text].focus,
input[type=text]:focus-visible,
input[type=email]:hover,
input[type=email]:focus,
input[type=email]:active,
input[type=email].focus,
input[type=email]:focus-visible,
input[type=url]:hover,
input[type=url]:focus,
input[type=url]:active,
input[type=url].focus,
input[type=url]:focus-visible,
input[type=password]:hover,
input[type=password]:focus,
input[type=password]:active,
input[type=password].focus,
input[type=password]:focus-visible,
input[type=search]:hover,
input[type=search]:focus,
input[type=search]:active,
input[type=search].focus,
input[type=search]:focus-visible,
input[type=number]:hover,
input[type=number]:focus,
input[type=number]:active,
input[type=number].focus,
input[type=number]:focus-visible,
input[type=tel]:hover,
input[type=tel]:focus,
input[type=tel]:active,
input[type=tel].focus,
input[type=tel]:focus-visible,
input[type=range]:hover,
input[type=range]:focus,
input[type=range]:active,
input[type=range].focus,
input[type=range]:focus-visible,
input[type=date]:hover,
input[type=date]:focus,
input[type=date]:active,
input[type=date].focus,
input[type=date]:focus-visible,
input[type=month]:hover,
input[type=month]:focus,
input[type=month]:active,
input[type=month].focus,
input[type=month]:focus-visible,
input[type=week]:hover,
input[type=week]:focus,
input[type=week]:active,
input[type=week].focus,
input[type=week]:focus-visible,
input[type=time]:hover,
input[type=time]:focus,
input[type=time]:active,
input[type=time].focus,
input[type=time]:focus-visible,
input[type=datetime]:hover,
input[type=datetime]:focus,
input[type=datetime]:active,
input[type=datetime].focus,
input[type=datetime]:focus-visible,
input[type=datetime-local]:hover,
input[type=datetime-local]:focus,
input[type=datetime-local]:active,
input[type=datetime-local].focus,
input[type=datetime-local]:focus-visible,
input[type=color]:hover,
input[type=color]:focus,
input[type=color]:active,
input[type=color].focus,
input[type=color]:focus-visible,
textarea:hover,
textarea:focus,
textarea:active,
textarea.focus,
textarea:focus-visible {
  border-color: color-mix(in srgb, currentColor 100%, transparent) !important;
  outline: none !important;
}

.wpcf7-list-item {
  display: inline-block;
  margin: 0;
}

input[type=submit] {
  background-color: var(--wp--preset--color--button-background);
  border-radius: 1px;
  border-width: 0;
  color: var(--wp--preset--color--button-text);
  font-family: inherit;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  letter-spacing: inherit;
  line-height: inherit;
  padding-top: 0.5rem;
  padding-right: 2rem;
  padding-bottom: 0.5rem;
  padding-left: 2rem;
  text-decoration: none;
  text-transform: inherit;
  cursor: pointer;
}
input[type=submit]:hover {
  background-color: var(--wp--preset--color--button-background-hover);
  color: var(--wp--preset--color--button-text-hover);
}

.wpcf7-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 14px;
}

@media screen and (min-width: 992px) {
  .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    border: none;
  }
  .wp-block-navigation .wp-block-page-list {
    width: 100%;
  }
  .wp-block-navigation ul li ul {
    border: none !important;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.0509803922);
    transform: translateY(-5px);
    transform: translateY(0) scaleY(0.8);
    transform-origin: top;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    transition-duration: 0.3s;
    transition-property: opacity, visibility, transform;
    transition-timing-function: cubic-bezier(0.1, 0, 0.2, 1);
    transition-timing-function: ease;
    top: 35px !important;
  }
  .wp-block-navigation ul li ul li {
    border-bottom: 1px solid rgba(146, 146, 146, 0.231372549);
  }
  .wp-block-navigation ul li ul li:last-child {
    border: none;
  }
  .wp-block-navigation ul li ul li ul {
    top: -10px !important;
  }
  .wp-block-navigation ul li.open-on-click ul {
    top: 50px;
  }
  .wp-block-navigation ul li.open-on-hover-click ul {
    opacity: 0;
    visibility: hidden;
    border: none !important;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.0509803922);
    transform: translateY(0) scaleY(0.8);
    pointer-events: none;
    z-index: 999;
    transition: transform 0.4s ease !important;
  }
  .wp-block-navigation ul li.open-on-hover-click:hover > ul, .wp-block-navigation ul li.open-on-hover-click:focus > ul, .wp-block-navigation ul li.open-on-hover-click:active > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(10px);
    pointer-events: auto;
  }
  .wp-block-navigation .wp-block-navigation__submenu-icon {
    height: 0.85em;
    width: 0.85em;
  }
  /* Desktop */
  .wp-block-navigation ul li ul {
    width: 230px !important;
  }
  .wp-block-navigation ul li ul::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 45px;
    top: -25px;
  }
  .wp-block-navigation ul li.open-on-hover-click ul {
    width: 320px;
    max-height: none;
  }
}
/* Mobile (max-width: 600px) */
@media screen and (max-width: 991px) {
  nav {
    z-index: 999;
  }
  .wp-block-navigation__responsive-container-content {
    padding-top: calc(2rem + 24px);
  }
  .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open),
  .wp-block-navigation .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) {
    background: var(--wp--preset--color--background) !important;
  }
  .wp-block-navigation .wp-block-navigation__responsive-container {
    transform: translateX(100%) !important;
    transition: all 0.7s ease !important;
    visibility: hidden !important;
    display: block !important;
    animation: inherit !important;
    animation-fill-mode: inherit !important;
    background: var(--wp--preset--color--background);
  }
  .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
    transform: translateX(0) !important;
    visibility: visible !important;
    display: block !important;
  }
  .wp-block-navigation .wp-block-navigation__responsive-container-close {
    right: 1.5rem;
    top: 1rem;
  }
  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
    width: 100%;
    gap: 0 !important;
    border: 1px solid rgba(0, 0, 0, 0.0509803922);
    border-bottom: none;
  }
  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
    width: 100%;
    border-bottom: none;
  }
  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.0509803922);
    padding: 0.625rem 3.125rem 0.625rem 1.25rem;
    box-sizing: border-box;
  }
  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul {
    padding: 0 !important;
    transform: inherit !important;
    top: 0 !important;
  }
  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul li a {
    padding: 0.625rem 3.125rem 0.625rem 2.25rem !important;
  }
  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul li li a {
    padding: 0.625rem 3.125rem 0.625rem 3.25rem !important;
  }
  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon {
    display: block !important;
    position: absolute;
    right: 1rem;
    top: 0;
    height: 42px;
    width: 42px;
    z-index: 99;
  }
  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon svg {
    width: 15px;
    height: 15px;
  }
  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
    display: none;
    width: 100%;
    box-shadow: none;
    position: inherit !important;
    padding-top: 0;
    margin-bottom: 10px;
    margin-top: 0;
  }
  .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container {
    height: 100vh;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    background-color: inherit;
    display: block;
    position: fixed;
    width: 100%;
    z-index: auto;
  }
}
@media (min-width: 992px) {
  .wp-block-navigation:has(.always-shown) .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg {
    transform: rotate(180deg);
  }
  .wp-block-navigation:has(.always-shown) .has-modal-open .wp-block-navigation__responsive-close {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--wp--style--global--content-size, 100%);
    padding-top: var(--wp--preset--spacing--50);
  }
  .wp-block-navigation:has(.always-shown) .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open),
  .wp-block-navigation:has(.always-shown) .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) {
    background: var(--wp--preset--color--background) !important;
  }
  .wp-block-navigation:has(.always-shown) .wp-block-navigation__responsive-container {
    transform: translateY(-100%) !important;
    transition: all 0.7s ease !important;
    visibility: hidden !important;
    display: block !important;
    animation: inherit !important;
    animation-fill-mode: inherit !important;
    background: var(--wp--preset--color--background);
  }
  .wp-block-navigation:has(.always-shown) .wp-block-navigation__responsive-container.is-menu-open {
    transform: translateY(0) !important;
    visibility: visible !important;
    display: block !important;
  }
  .wp-block-navigation:has(.always-shown) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content {
    padding-top: calc(5rem + 24px);
  }
  .wp-block-navigation:has(.always-shown) .wp-block-navigation__responsive-container-close {
    right: 1.5rem;
    top: 1rem;
  }
  .wp-block-navigation:has(.always-shown) .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
    width: 100%;
    gap: 0 !important;
    border-bottom: none;
  }
  .wp-block-navigation:has(.always-shown) .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
    width: 100%;
    border-bottom: none;
  }
  .wp-block-navigation:has(.always-shown) .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.0509803922);
    padding: 1rem 0;
    box-sizing: border-box;
  }
  .wp-block-navigation:has(.always-shown) .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul {
    padding: 0 !important;
    transform: inherit !important;
    top: 0 !important;
  }
  .wp-block-navigation:has(.always-shown) .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul li a {
    padding: 0.625rem 3.125rem 0.625rem 2.25rem !important;
  }
  .wp-block-navigation:has(.always-shown) .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul li li a {
    padding: 0.625rem 3.125rem 0.625rem 3.25rem !important;
  }
  .wp-block-navigation:has(.always-shown) .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon {
    display: block !important;
    position: absolute;
    right: 1rem;
    top: 0;
    height: 42px;
    width: 42px;
    z-index: 99;
  }
  .wp-block-navigation:has(.always-shown) .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon svg {
    width: 15px;
    height: 15px;
  }
  .wp-block-navigation:has(.always-shown) .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
    display: none;
    width: 100% !important;
    box-shadow: none;
    position: inherit !important;
    padding-top: 0;
    margin-bottom: 10px;
    margin-top: 0;
  }
  .wp-block-navigation:has(.always-shown) .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle[aria-expanded=true] + ul {
    display: block;
  }
  .wp-block-navigation:has(.always-shown).is-responsive .wp-block-navigation__responsive-container {
    height: 100vh;
  }
  body.home .up-down-sticky-header.header-transparent-only-home-enabled:not(.wp-header--fixed) :not(.wp-block-gutenify-mega-menu-mega-menu) .wp-block-navigation:has(.always-shown) > li > .wp-block-navigation-item__content {
    color: #000000;
  }
  body.home .up-down-sticky-header.header-transparent-only-home-enabled:not(.wp-header--fixed) :not(.wp-block-gutenify-mega-menu-mega-menu) .wp-block-navigation:has(.always-shown) .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
    color: #000 !important;
  }
}
@media (max-width: 991px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block;
  }
}
/* ==========================================================================
   Gutenify Demo Importer — stylesheet
   Drop this file into your plugin's CSS and enqueue it, or paste into your
   theme's admin stylesheet. No markup changes required.
   ========================================================================== */
.gtfy-demo-importer-wrap .gtfy-demo-importer-demo-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
}

#gtfy-theme-listing-app {
  --gtfy-bg: #f6f7f9;
  --gtfy-surface: #ffffff;
  --gtfy-ink: #14161a;
  --gtfy-muted: #6b7280;
  --gtfy-border: #e7e8ec;
  --gtfy-accent: #4f46e5;
  --gtfy-accent-hover: #4338ca;
  --gtfy-accent-soft: #eef0ff;
  --gtfy-free: #047857;
  --gtfy-free-soft: #ecfdf5;
  --gtfy-pro: #c2410c;
  --gtfy-pro-soft: #fff7ed;
  --gtfy-radius: 10px;
  --gtfy-shadow: 0 1px 2px rgba(20, 22, 26, 0.04), 0 8px 24px -12px rgba(20, 22, 26, 0.12);
}

.gtfy-demo-importer-wrap .gtfy-demo-importer-demo-list .gtfy-demo-importer-demo-item .gtfy-demo-importer-demo-overlay .gtfy-demo-importer-demo-view-detail {
  background: #f1b830 !important;
  border: none;
  color: #000000 !important;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  padding: 2px 15px;
  border-radius: 3px;
}

.gtfy-demo-importer-wrap .gtfy-demo-importer-demo-list .gtfy-demo-importer-demo-item .gtfy-demo-importer-demo-overlay .gtfy-demo-importer-demo-view-detail {
  background: #4354ff !important;
  color: #fff !important;
}

#gtfy-theme-listing-app *,
#gtfy-theme-listing-app *::before,
#gtfy-theme-listing-app *::after {
  box-sizing: border-box;
}

#gtfy-theme-listing-app button {
  cursor: pointer;
}

/* ---------------------------------------------------------------------- */
/* Wrapper & topbar                                                       */
/* ---------------------------------------------------------------------- */
.gtfy-demo-importer-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
}

.gtfy-demo-importer-topbar h3 {
  font-size: 19px;
  font-weight: 500;
  letter-spacing: -0.01em;
  margin: 0;
}

.gtfy-demo-importer-topbar button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--gtfy-surface);
  border: 1px solid var(--gtfy-border);
  color: var(--gtfy-ink);
  font-size: 13px;
  font-weight: 600;
  padding: 9px 16px;
  border-radius: 8px;
  transition: border-color 0.15s ease, background 0.15s ease, transform 0.15s ease;
}

.gtfy-demo-importer-topbar button:hover {
  border-color: var(--gtfy-accent);
  background: var(--gtfy-accent-soft);
  color: var(--gtfy-accent-hover);
}

.gtfy-demo-importer-topbar button:active {
  transform: scale(0.97);
}

.gtfy-demo-importer-topbar .dashicons-update {
  font-size: 15px;
  width: 15px;
  height: 15px;
  transition: transform 0.4s ease;
}

.gtfy-demo-importer-topbar button:hover .dashicons-update {
  transform: rotate(180deg);
}

.gtfy-demo-importer-wrap .gtfy-demo-importer-topbar {
  border: 1px solid var(--gtfy-border);
  border-radius: 9px;
}

/* ---------------------------------------------------------------------- */
/* Layout                                                                 */
/* ---------------------------------------------------------------------- */
.gtfy-demo-importer-content {
  display: grid;
  grid-template-columns: 240px 1fr;
  align-items: start;
  gap: 24px;
}

@media (max-width: 860px) {
  .gtfy-demo-importer-content {
    grid-template-columns: 1fr;
  }
}
/* ---------------------------------------------------------------------- */
/* Sidebar / filters                                                     */
/* ---------------------------------------------------------------------- */
.gtfy-demo-importer-sidebar {
  background: var(--gtfy-surface);
  border: 1px solid var(--gtfy-border);
  border-radius: var(--gtfy-radius);
  padding: 20px;
  position: sticky;
  top: 24px;
}

.gtfy-demo-importer-wrap .gtfy-demo-importer-sidebar h3 {
  font-weight: 700;
  margin-top: 0;
  padding: 0 0 1rem 0 !important;
  border-bottom: 1px solid var(--gtfy-border);
  margin-bottom: 1rem;
  letter-spacing: 0.08em;
  color: var(--gtfy-muted);
  font-size: 11px;
}

.gtfy-demo-importer-sidebar h3:not(:first-child) {
  margin-top: 24px;
  padding-top: 20px;
  border-top: none;
}

.gtfy-demo-importer-sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.gtfy-demo-importer-sidebar li {
  margin: 0;
}

.gtfy-demo-importer-sidebar label {
  display: flex !important;
  align-items: center;
  gap: 9px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--gtfy-ink);
  padding: 7px 8px;
  margin: 0 -8px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.15s ease;
}

.gtfy-demo-importer-sidebar label:hover {
  background: var(--gtfy-bg);
}

.gtfy-demo-importer-sidebar input[type=radio],
.gtfy-demo-importer-sidebar input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  border: 1.5px solid #c7c9d1;
  background: var(--gtfy-surface);
  position: relative;
  transition: border-color 0.15s ease, background 0.15s ease;
  margin: 0;
}

.gtfy-demo-importer-sidebar input[type=radio] {
  border-radius: 50%;
}

.gtfy-demo-importer-sidebar input[type=checkbox] {
  border-radius: 5px;
}

.gtfy-demo-importer-sidebar input:checked {
  border-color: var(--gtfy-accent);
  background: var(--gtfy-accent);
}

.gtfy-demo-importer-sidebar input[type=radio]:checked::after {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  background: #fff;
}

.gtfy-demo-importer-sidebar input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  left: 4.5px;
  top: 1.5px;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(40deg);
}

.gtfy-demo-importer-wrap .gtfy-demo-importer-topbar button {
  background: var(--wp--preset--color--button-background) !important;
  border-radius: 3px;
  color: var(--wp--preset--color--button-text) !important;
  font-weight: normal;
}

.gtfy-demo-importer-wrap .gtfy-demo-importer-topbar button:hover {
  background: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--black) !important;
}

/* ---------------------------------------------------------------------- */
/* Demo grid                                                             */
/* ---------------------------------------------------------------------- */
.gtfy-demo-importer-wrap .gtfy-demo-importer-sidebar ul li {
  margin: 0 !important;
}

.gtfy-demo-importer-wrap .gtfy-demo-importer-content {
  gap: 2rem !important;
}

.gtfy-demo-importer-demo-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 18px !important;
}

.gtfy-demo-importer-demo-item-free:after,
.gtfy-demo-importer-demo-item-pro:after {
  display: none !important;
}

.gtfy-demo-importer-demo-item {
  background: var(--gtfy-surface);
  border: 1px solid var(--gtfy-border);
  border-radius: var(--gtfy-radius);
  overflow: hidden;
  position: relative;
  transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.gtfy-demo-importer-demo-item:hover {
  box-shadow: var(--gtfy-shadow);
  border-color: #d8dae1;
  transform: translateY(-2px);
}

/* Free / Pro ribbon, driven purely by the existing item modifier class */
.gtfy-demo-importer-demo-item::before {
  content: "Free";
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 2;
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 3px 8px;
  border-radius: 100px;
  color: var(--gtfy-free);
  background: var(--gtfy-free-soft);
  box-shadow: 0 1px 30px rgba(20, 22, 26, 0.34);
  border-radius: 3px;
}

.gtfy-demo-importer-demo-item-pro::before {
  content: "Pro";
  color: var(--gtfy-pro);
  background: var(--gtfy-pro-soft);
}

/* Thumbnail + hover overlay */
.gtfy-demo-importer-demo-thumb {
  position: relative;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: var(--gtfy-bg);
}

.gtfy-demo-importer-demo-thumbnail {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: none;
}

.gtfy-demo-importer-demo-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
  object-fit: cover;
  object-position: top center;
  display: block;
  transition: transform 0.4s ease;
}

.theme-list-thumb-wrap img {
  object-fit: cover;
  object-position: top center;
  display: block;
  transition: transform 0.4s ease;
  aspect-ratio: 4/3;
}

.gtfy-demo-importer-demo-item:hover .gtfy-demo-importer-demo-thumbnail img {
  transform: scale(1.06);
}

.gtfy-demo-importer-demo-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(20, 22, 26, 0) 40%, rgba(20, 22, 26, 0.55) 100%);
  opacity: 0;
  transition: opacity 0.2s ease;
}

.gtfy-demo-importer-demo-item:hover .gtfy-demo-importer-demo-overlay {
  opacity: 1;
}

.gtfy-demo-importer-demo-view-detail {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #ffffff;
  color: var(--gtfy-ink);
  font-size: 12.5px;
  font-weight: 700;
  text-decoration: none;
  padding: 8px 16px;
  border-radius: 100px;
  transform: translateY(6px);
  transition: transform 0.2s ease, background 0.15s ease, color 0.15s ease;
}

.gtfy-demo-importer-demo-item:hover .gtfy-demo-importer-demo-view-detail {
  transform: translateY(0);
}

.gtfy-demo-importer-demo-view-detail:hover {
  background: var(--gtfy-accent);
  color: #fff;
}

/* Title / footer row */
.gtfy-demo-importer-demo-buttons {
  padding: 12px 14px 14px;
  border-top: 1px solid var(--gtfy-border);
}

.gtfy-demo-importer-demo-title {
  display: block;
  width: 100%;
  text-align: left;
  background: none;
  border: 0;
  padding: 0;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--gtfy-ink);
  line-height: 1.35;
  transition: color 0.15s ease;
}

.gtfy-demo-importer-demo-item:hover .gtfy-demo-importer-demo-title {
  color: var(--gtfy-accent-hover);
}

/* ---------------------------------------------------------------------- */
/* Focus states — accessibility                                          */
/* ---------------------------------------------------------------------- */
#gtfy-theme-listing-app a:focus-visible,
#gtfy-theme-listing-app button:focus-visible,
#gtfy-theme-listing-app input:focus-visible {
  outline: 2px solid var(--gtfy-accent);
  outline-offset: 2px;
}

/* ---------------------------------------------------------------------- */
/* Reduced motion                                                        */
/* ---------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  #gtfy-theme-listing-app * {
    transition: none !important;
    animation: none !important;
  }
}
/* ==========================================================================
   Responsive
   Breakpoints: 1024px (tablet), 768px (sidebar stacks), 480px (phone)
   ========================================================================== */
/* --- Tablet / narrow desktop: tighten spacing, narrow the sidebar ------- */
@media (max-width: 1024px) {
  .gtfy-demo-importer-wrap {
    padding: 24px 20px 56px;
  }
  .gtfy-demo-importer-wrap .gtfy-demo-importer-content {
    grid-template-columns: 1fr !important;
    gap: 18px;
  }
  .gtfy-demo-importer-demo-list {
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 14px;
  }
  .gtfy-demo-importer-wrap .gtfy-demo-importer-sidebar {
    display: block !important;
  }
}
.wp-block-button.demo-filter {
  display: none;
}

/* --- Sidebar stacks above the grid; filters become a horizontal row ---- */
@media (max-width: 768px) {
  .gtfy-demo-importer-wrap {
    padding: 18px 16px 48px;
  }
  .gtfy-demo-importer-topbar {
    margin-bottom: 16px;
  }
  .gtfy-demo-importer-topbar h3 {
    font-size: 19px;
  }
  .gtfy-demo-importer-content {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  /* Sidebar becomes a horizontally scrollable filter bar rather than a
   tall stacked block, so it doesn't push the grid far down the page. */
  .gtfy-demo-importer-sidebar {
    position: static;
    display: flex;
    gap: 24px;
    overflow-x: auto;
    padding: 16px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  .gtfy-demo-importer-sidebar h3 {
    margin: 0 0 10px;
    white-space: nowrap;
  }
  .gtfy-demo-importer-sidebar h3:not(:first-child) {
    margin-top: 24px;
    padding-top: 20px;
  }
  .gtfy-demo-importer-sidebar > h3 + ul,
  .gtfy-demo-importer-sidebar ul {
    display: flex;
    gap: 6px;
    flex: 0 0 auto;
    flex-direction: column;
  }
  .gtfy-demo-importer-sidebar label {
    white-space: nowrap;
    margin: 0;
    padding: 6px 10px;
  }
  .gtfy-demo-importer-sidebar label:hover {
    background: var(--gtfy-accent-soft);
  }
  .gtfy-demo-importer-demo-list {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 12px;
  }
  .site-demos-section {
    position: relative;
  }
  .wp-block-button.demo-filter {
    position: absolute;
    top: 35px;
    left: 18px;
    display: block;
  }
  body .gtfy-demo-importer-sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 400px;
    max-width: 90%;
    height: 100vh;
    z-index: 99999;
    border-radius: 0;
    transform: translateX(100%);
    visibility: hidden;
    opacity: 0;
    transition: transform 0.35s ease, opacity 0.25s ease, visibility 0.35s ease;
    overflow-y: auto;
  }
  body .gtfy-demo-importer-sidebar.is-open {
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
  }
  body .gtfy-demo-importer-sidebar {
    width: 90%;
  }
  body .gtfy-demo-importer-content:has(.is-open):after {
    content: "×";
    height: 2rem;
    width: 2rem;
    position: fixed;
    z-index: 99999;
    display: block;
    top: 14px;
    right: 24px;
    font-size: 1.2rem;
    color: #000;
    text-align: center;
    background: #e9e9e9;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
  }
  body .gtfy-demo-importer-wrap .gtfy-demo-importer-sidebar h3 {
    font-size: 1rem;
    font-weight: 500;
  }
  .gtfy-demo-importer-topbar {
    margin: 0 !important;
  }
  body.sidebar-is-open {
    overflow: hidden;
  }
  body.sidebar-is-open::after {
    content: "";
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100dvh;
    background: rgba(0, 0, 0, 0.6784313725);
    z-index: 999;
  }
  body .gtfy-demo-importer-sidebar {
    z-index: 9999;
  }
}
/* --- Small phones: single/double column, larger tap targets ------------ */
@media (max-width: 480px) {
  .gtfy-demo-importer-topbar {
    flex-wrap: wrap;
    gap: 10px;
  }
  .gtfy-demo-importer-topbar button {
    padding: 8px 14px;
    font-size: 12.5px;
  }
  .gtfy-demo-importer-demo-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .gtfy-demo-importer-demo-buttons {
    padding: 10px 10px 12px;
  }
  .gtfy-demo-importer-demo-title {
    font-size: 12.5px;
  }
  .gtfy-demo-importer-demo-item::before {
    top: 8px;
    right: 8px;
    font-size: 9.5px;
    padding: 2.5px 7px;
  }
}
/* --- Touch devices: no hover, so keep the overlay CTA reachable -------- */
@media (hover: none) {
  .gtfy-demo-importer-demo-overlay {
    opacity: 1;
    background: linear-gradient(180deg, rgba(20, 22, 26, 0) 55%, rgba(20, 22, 26, 0.6) 100%);
  }
  .gtfy-demo-importer-demo-view-detail {
    transform: translateY(0);
    padding: 6px 14px;
    font-size: 11.5px;
  }
  .gtfy-demo-importer-demo-item:active {
    transform: scale(0.98);
  }
}
.theme-list-thumb-wrap {
  position: relative;
  overflow: hidden;
}

.theme-list-thumb-wrap .wp-block-buttons {
  position: absolute;
  width: 100%;
  bottom: 1rem;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transform: translateY(1rem);
  transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease;
}

.theme-list-thumb-wrap:hover .wp-block-buttons {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.theme-list-thumb-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(20, 22, 26, 0) 40%, rgba(20, 22, 26, 0.55) 100%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

.theme-list-thumb-wrap:hover::after {
  opacity: 1;
  visibility: visible;
}

.theme-list-thumb-wrap img {
  display: block;
  width: 100%;
  transition: transform 0.6s cubic-bezier(0.2, 0.6, 0.3, 1);
  will-change: transform;
}

.theme-list-thumb-wrap:hover img {
  transform: scale(1.06);
}

.wp-block-media-text__media {
  height: auto;
  max-width: unset;
  vertical-align: middle;
  width: 100%;
  box-shadow: 0 0 44px rgba(0, 0, 0, 0.0901960784);
  background: #fff;
  padding: 2rem;
  box-sizing: border-box;
}

ul.wp-block-list:not(.is-style-checkmark-list).gutenify-custom-list-active {
  padding-left: 0 !important;
}

@media (min-width: 769px) {
  .wp-block-gutenify-tabs .gutenify-tabs-buttons-wrap {
    display: flex;
    gap: 10px;
    padding: 0;
    max-width: 256px;
    margin: 0 auto;
    background: #F9FAFB;
    padding: 0.5rem;
    border-radius: 100px;
    border: 1px solid #E5E7EB;
  }
  .wp-block-gutenify-tabs .gutenify-tabs-button-wrap button {
    font-weight: normal;
    border-radius: 50px;
  }
  .gutenify-tabs-buttons-wrap button {
    font-size: 16px !important;
    font-weight: bold;
  }
}
.new-pricing-ribbon {
  position: absolute;
  padding: 3px 2rem !important;
  top: -60px;
  border-radius: 50px !important;
}
@media screen and (max-width: 768px) {
  .new-pricing-ribbon {
    top: -40px;
  }
}

@media (max-width: 768px) {
  .wp-block-group.gutenify-service-info {
    gap: 0.2rem 1rem;
    font-size: 14px;
    font-weight: normal;
  }
  .wp-block-gutenify-notice-bar .gutenify-notice-bar-close {
    bottom: 18px !important;
  }
}
.pricing-item {
  position: relative;
}

.wp-block-table.is-style-stripes {
  margin: 0;
  padding: 0;
}

ul.wp-block-list {
  list-style: none;
  padding: 0;
}

.home-templage-grid img {
  background: #ffffff;
  padding: var(--wp--preset--spacing--10);
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.0901960784);
}

ul.wp-block-list:not(.is-style-checkmark-list).gutenify-custom-list-active li:has(div) > div,
ul.wp-block-list:not(.is-style-checkmark-list).gutenify-custom-list-active li:not(.block-editor-block-list__layout) {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  ul.wp-block-list:not(.is-style-checkmark-list).gutenify-custom-list-active li:has(div) > div,
  ul.wp-block-list:not(.is-style-checkmark-list).gutenify-custom-list-active li:not(.block-editor-block-list__layout) {
    align-items: flex-start;
  }
}

.notice-bar .wp-block-buttons {
  display: none;
}

@media (min-width: 769px) {
  .wp-block-gutenify-tabs.theme-tabs .gutenify-tabs-buttons-wrap {
    max-width: 447px;
    justify-content: center;
    background: #fff;
  }
}
@media (max-width: 768px) {
  .wp-block-gutenify-tabs .gutenify-tabs-buttons-mobile-wrap .gutenify-tabs-buttons-selected > * {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  h1.wp-block-gutenify-typewriter {
    font-size: 1.6rem !important;
  }
}
.rank-math-list-item {
  border-bottom: 1px solid var(--wp--preset--color--border-box) !important;
  background: #fcfcfc;
  padding: 0 2rem;
  border-right: 1px solid var(--wp--preset--color--border-box) !important;
  border-left: 1px solid var(--wp--preset--color--border-box) !important;
}

.rank-math-list-item:first-child {
  border-top: 1px solid var(--wp--preset--color--border-box) !important;
}

.rank-math-question {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 16px 40px 16px 0;
  font-size: 18px;
  transition: color 0.2s ease;
}

.rank-math-question::after {
  content: "+";
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  font-weight: 400;
  transition: transform 0.3s ease;
}

.rank-math-list-item.active .rank-math-question::after {
  content: "+";
  transform: translateY(-50%) rotate(45deg);
}

.rank-math-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease, opacity 0.3s ease;
  opacity: 0;
}

.rank-math-answer p {
  margin: 0 0 16px;
  line-height: 1.6;
}

.rank-math-list-item.active .rank-math-answer {
  opacity: 1;
}

@media (max-width: 768px) {
  h1.wp-block-gutenify-typewriter {
    font-size: 1.6rem !important;
  }
  .wp-block-gutenify-tabs .gutenify-tabs-buttons-mobile-wrap .gutenify-tabs-buttons-selected > * {
    background: #edeaea;
    color: #000;
    border-radius: 100px;
  }
}
@media (max-width: 768px) {
  .wp-block-navigation-submenu__toggle + .wp-block-navigation__submenu-container {
    display: none !important;
  }
  .wp-block-navigation-submenu__toggle.is-open + .wp-block-navigation__submenu-container {
    display: block !important;
  }
  .wp-block-navigation-submenu__toggle[aria-expanded=true] + .wp-block-navigation__submenu-icon > svg,
  .wp-block-navigation-submenu__toggle[aria-expanded=true] > svg {
    transform: rotate(0deg);
  }
}

/*# sourceMappingURL=style.css.map */