/*
Theme Name: TheGem Elementor Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem-elementor
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/

:root {
  /* Font size tokens (1rem = 16px) */
  --font-title-1: 3.125rem;    /* 50px */
  --font-title-2: 1.5625rem;   /* 25px */
  --font-title-3: 1.25rem;     /* 20px */
  --font-short-text: 1.25rem;  /* 20px */
  --font-long-text: 0.9375rem; /* 15px */
  --font-sub-title: 0.6875rem; /* 11px */

  --font-weight-regular: 400;
  --font-weight-ligh:300;
	
  --space-xs: 12px;
  --space-sm: 24px;
  --space-md: 48px;
  --space-lg: 64px;

  --heading-color: #000;
  --body-color: #333;
}

/* Title 1 */
.title-1 {
  font-size: var(--font-title-1);
  font-weight: var(--font-weight-regular);
  font-family: var(--font-family-default);
}

/* Title 2 */
.title-2 {
  font-size: var(--font-title-2);
  font-weight: var(--font-weight-regular);
  font-family: var(--font-family-default);
}

/* Title 3 */
.title-3 {
  font-size: var(--font-title-3);
  font-weight: var(--font-weight-regular);
  font-family: var(--font-family-default);
}

/* Short text */
.short-text {
  font-size: var(--font-short-text);
  font-weight: var(--font-weight-regular);
  font-family: var(--font-family-default);
}

.short-text-light {
  font-size: var(--font-short-text);
  font-weight: var(--font-weight-light);
  font-family: var(--font-family-default);
}

/* Long text */
.long-text {
  font-size: var(--font-long-text);
  font-weight: var(--font-weight-regular);
  font-family: var(--font-family-default);
  line-height: 1.6;
}

/* Sub-title */
.sub-title {
  font-size: var(--font-sub-title);
  font-weight: var(--font-weight-regular);
  font-family: var(--font-family-default);
  text-transform: none;
}

/* Title 2 Uppercase */
.title-2-uppercase {
  font-size: var(--font-title-2);
  font-weight: var(--font-weight-regular);
  font-family: var(--font-family-default);
  text-transform: uppercase;
}


/* Padding and spacing helpers */
.section-padding {
  padding-top: var(--space-lg);
  padding-bottom: var(--space-lg);
}

.space-title-text {
  margin-bottom: var(--space-sm);
}

.space-subtitle {
  margin-top: var(--space-md);
  margin-bottom: var(--space-sm);
}

.space-subsection {
  margin-top: var(--space-md);
}

.space-between-text {
  margin-top: var(--space-xs);
}

.nooz-post {
    background-color: transparent!important;
    border-radius: 2px;
    box-shadow: none!important;
    font-size: NaNrem;
    color: #000;
    overflow: hidden;
    position: relative;
}

ul.custom-arrows > li span {
  font-weight: 400;
}

ul.custom-arrows > li::marker {
  content: "→";
  position: absolute;
  left: 0;
  top: 0.1em;
  margin-right:5px;	
  color: #000;
}

ul.custom-arrows {
  list-style-type: none; /* disable default bullet */
  padding-right: 1.2em;   /* space for custom marker */
}

ul.custom-arrows li::marker {
  content: "→";
  color: #000;
  margin-right:5px;	
  font-size: 1em;
}

/* .main-menu-item:hover a,
a.main-menu-item:hover,
#primary-menu.no-responsive > li:hover > a {
	color: #2F7755!important;
}

.main-menu-item:hover a,
a.main-menu-item:hover,
#primary-menu.no-responsive > li:hover > a::hover {
	color: #2F7755!important;
}

:root {
	--thegem-to-menu-level1-color-hover: #2F7755!important;
}

#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-default > ul li > a:hover,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-default > ul li.menu-item-current > a,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-default > ul li.menu-item-active > a {
	background-color: #2F7755!important;
} */

ul.arrow-list {
  list-style: none;
  padding-left: 1em;
}
ul.arrow-list li::before {
  content: "→ ";
  color: #333; /* You can change the color */
}