/*!
 * Theme Name:   NorthEastLoftConversions
 * Theme URI:    https://www.getmediawise.com/
 * Description:  EDR is a comprehensive, user-friendly WordPress theme designed for website owners and
                 administrators looking to streamline and simplify the editing process.
                 With its intuitive interface, powerful tools, and advanced customization options, Giga Indexer makes it
                 easy to achieve the perfect website for your brand. Whether you're a beginner or an experienced
                 web designer, Giga Indexer has everything you need to create a professional, fully-functional
                 website with ease. From real-time site previews to custom post types, the Giga Indexer theme is the
                 smart choice for website success.
 * Version:      2.0.0
 * Author:       Kaiber Corp
 * Author URI:   https://www.getmediawise.com
 * Text Domain:  edr
 * Domain Path:  /languages
 * Requires at least: 6.6
 * Tested up to: 6.6
 * Requires PHP  8.2.0
 * License:      GNU General Public License v3.0 or later
 * License URI:  https://www.gnu.org/licenses/gpl-3.0.html
 */
*, ::after, ::before, ::backdrop, ::file-selector-button {
  box-sizing: border-box;
  border: 0 solid;
}

html, :host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}

@media (max-width: 599px) {
  #wpadminbar {
    position: fixed;
  }
}
html, body {
  overflow-x: clip;
  scroll-behavior: smooth;
}

body {
  min-block-size: 100svh;
  text-rendering: optimizeSpeed;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin: 0;
}

body.is-not-scrollable {
  overflow: hidden;
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

code, kbd, samp, pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img,
picture {
  max-inline-size: 100%;
  block-size: auto;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

video {
  max-width: 100%;
  height: auto;
}

figure {
  margin-inline: 0;
  margin-block-start: 0;
}

:-moz-focusring {
  outline: auto;
}

progress {
  vertical-align: baseline;
}

summary {
  display: list-item;
}

button,
input,
select,
optgroup,
textarea,
::file-selector-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  border-radius: 0;
  background-color: transparent;
  opacity: 1;
}

:where(select:is([multiple], [size])) optgroup {
  font-weight: bolder;
}

:where(select:is([multiple], [size])) optgroup option {
  padding-inline-start: 20px;
}

::file-selector-button {
  margin-inline-end: 4px;
}

::placeholder {
  opacity: 1;
}

@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
  ::placeholder {
    color: currentcolor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    ::placeholder {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
}
textarea {
  resize: vertical;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}

::-webkit-datetime-edit {
  display: inline-flex;
}

::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}

:-moz-ui-invalid {
  box-shadow: none;
}

button, input:where([type=button], [type=reset], [type=submit]), ::file-selector-button {
  appearance: button;
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}

[hidden]:where(:not([hidden=until-found])) {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  html:focus-within {
    scroll-behavior: auto;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  position: absolute !important;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: var(--wp--preset--color--base);
  clip: auto !important;
  clip-path: none;
  color: var(--wp--preset--color--primary);
  display: block;
  font-size: var(--font-size--normal);
  height: auto;
  inset-inline-start: 5px;
  inset-block-start: 5px;
  line-height: normal;
  padding: 0.75rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  width: auto;
  z-index: 100000;
}

/* Mega Menu */
/* ==========================================================================
   WordPress Gutenberg Mega Menu CSS
   ========================================================================== */

/* Main Navigation Container */
.wp-block-navigation {
  position: relative;
  z-index: 1000;
}

/* Navigation Items */
.wp-block-navigation-item {
  position: relative;
}

/* Parent items that have mega menus */
.wp-block-navigation-item.has-child {
  position: static; /* Important for mega menu positioning */
}

/* Mega Menu Container */
.wp-block-navigation-item .wp-block-navigation__submenu-container {
  /* Reset default submenu styles */
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  
  /* Full width mega menu */
  width: 100vw;
  max-width: 1200px; /* Adjust based on your site's max width */
  margin-left: calc(-50vw + 50%);
  
  /* Styling */
  background: #ffffff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  border: 1px solid #e1e5e9;
  border-top: 3px solid #0073aa; /* Accent color */
  
  /* Layout */
  display: none; /* Hidden by default */
  padding: 40px;
  
  /* Animation */
  opacity: 0;
  transform: translateY(-10px);
  transition: all 0.3s ease-in-out;
  
  /* Grid layout for mega menu content - Three columns */
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}

/* Show mega menu on hover */
.wp-block-navigation-item:hover .wp-block-navigation__submenu-container {
  display: grid;
  opacity: 1;
  transform: translateY(0);
}

/* Mega Menu List */
.wp-block-navigation__submenu-container .wp-block-navigation__container {
  display: contents; /* This makes the grid work properly */
}

/* Individual mega menu sections/columns */
.wp-block-navigation__submenu-container .wp-block-navigation-item {
  margin: 0;
  padding: 0;
}

/* Mega menu links */
.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  display: block;
  padding: 12px 0;
  color: #333333;
  text-decoration: none;
  font-size: 16px;
  line-height: 1.5;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease;
}

/* Mega menu link hover */
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
  color: #0073aa;
  border-bottom-color: #0073aa;
  padding-left: 10px;
}

/* Mega menu section headers (if you want to style certain items as headers) */
.wp-block-navigation__submenu-container .wp-block-navigation-item.is-header .wp-block-navigation-item__content {
  font-weight: 700;
  font-size: 18px;
  color: #1a1a1a;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 2px solid #0073aa;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item.is-header .wp-block-navigation-item__content:hover {
  color: #1a1a1a;
  border-bottom-color: #0073aa;
  padding-left: 0;
}

/* Parent navigation item hover indicator */
.wp-block-navigation-item:hover > .wp-block-navigation-item__content {
  color: #0073aa;
}

/* Dropdown arrow for mega menu items */
.wp-block-navigation-item.has-child > .wp-block-navigation-item__content::after {
  content: "▼";
  font-size: 12px;
  margin-left: 8px;
  transition: transform 0.2s ease;
}

.wp-block-navigation-item.has-child:hover > .wp-block-navigation-item__content::after {
  transform: rotate(180deg);
}

/* ==========================================================================
   Alternative: Mega Menu with Featured Content Areas
   ========================================================================== */

/* If you want to add featured content, images, or special sections */
.wp-block-navigation__submenu-container.has-featured {
  grid-template-columns: 1fr 1fr 1fr; /* Three equal columns for featured layout too */
}

.mega-menu-featured {
  background: #f8f9fa;
  padding: 20px;
  border-radius: 8px;
  border-left: 4px solid #0073aa;
}

.mega-menu-featured h3 {
  margin: 0 0 15px 0;
  font-size: 18px;
  color: #1a1a1a;
}

.mega-menu-featured p {
  margin: 0 0 15px 0;
  font-size: 14px;
  color: #666666;
  line-height: 1.6;
}

.mega-menu-featured .btn {
  display: inline-block;
  padding: 10px 20px;
  background: #0073aa;
  color: white;
  text-decoration: none;
  border-radius: 4px;
  font-size: 14px;
  transition: background 0.2s ease;
}

.mega-menu-featured .btn:hover {
  background: #005a87;
}

/* ==========================================================================
   Responsive Design
   ========================================================================== */

/* Tablet styles */
@media (max-width: 1024px) {
  .wp-block-navigation__submenu-container {
    max-width: 100vw;
    margin-left: 0;
    left: -20px;
    right: -20px;
    padding: 30px 20px;
    grid-template-columns: 1fr 1fr; /* Two columns on tablet */
    gap: 20px;
  }
}

/* Mobile styles */
@media (max-width: 768px) {
  .wp-block-navigation__submenu-container {
    position: static;
    width: 100%;
    margin-left: 0;
    box-shadow: none;
    border: none;
    border-top: 1px solid #e1e5e9;
    padding: 20px 0;
    grid-template-columns: 1fr;
    gap: 10px;
  }
  
  .wp-block-navigation-item:hover .wp-block-navigation__submenu-container {
    display: block; /* Change to block on mobile */
  }
  
  .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding: 10px 0;
    font-size: 15px;
  }
  
  /* Hide mega menu on mobile and use standard dropdown instead */
  .wp-block-navigation__submenu-container {
    display: none;
  }
  
  .wp-block-navigation-item:hover .wp-block-navigation__submenu-container {
    display: block;
    position: relative;
    opacity: 1;
    transform: none;
  }
}

/* ==========================================================================
   Custom Color Schemes (Optional)
   ========================================================================== */

/* Dark theme variant */
.wp-block-navigation.dark-theme .wp-block-navigation__submenu-container {
  background: #1a1a1a;
  border-color: #333333;
  border-top-color: #0073aa;
}

.wp-block-navigation.dark-theme .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  color: #ffffff;
}

.wp-block-navigation.dark-theme .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
  color: #66b3ff;
  border-bottom-color: #66b3ff;
}

/* Light theme variant */
.wp-block-navigation.light-theme .wp-block-navigation__submenu-container {
  background: #f8f9fa;
  border-color: #dee2e6;
  border-top-color: #28a745;
}

.wp-block-navigation.light-theme .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
  color: #28a745;
  border-bottom-color: #28a745;
}
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
    height: auto;
    min-width: 600px !important;
    opacity: 1;
    overflow: visible;
    visibility: visible;
    width: auto;
}
*/
/*# sourceMappingURL=style.css.map */