/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* Link Styling - Maintained original colors */
:root {
  font-size: 18px; /* Base font size */
	--pink: #E767B6;
	--blue: #0073CD;
	--green: #2DC877;
	--orange: #F88132;
	--purple: #9762FC;
	--grey: #4A4A4A;
	--white: #ffffff;
	--black: #000000;
	
}

body {
  font-size: 1rem; /* 18px */
  line-height: 1.6; /* Adjusted for readability */
}

#main a, #main a:active, #main a:visited { color: var(--green); } 
#main a:hover { color: var(--green); }

/* Link Styling - Maintained original colors */
:root {
  font-size: 18px; /* Base font size */
	--pink: #E767B6;
	--blue: #0073CD;
	--green: #2DC877;
	--orange: #F88132;
	--purple: #9762FC;
	--grey: #4A4A4A;
	--white: #ffffff;
	--black: #000000;
	
}

body {
  font-size: 1.125rem; /* 18px */
  line-height: 1.6; /* Adjusted for readability */
}

#main a, #main a:active, #main a:visited { color: var(--green); } 
#main a:hover { color: var(--green); }

/* Heading Styling with Typescale */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--e-global-typography-primary-font-family);
  color: var(--e-global-color-primary);
  font-weight: 500;
  margin-bottom: 1.5rem; /* Consistent spacing */
}

/* Typography Scale (rem → matches your PX values exactly) */
h1 { font-size: 2.986rem; }  /* 47.78px (16×2.986) */
h2 { font-size: 2.488rem; }  /* 39.81px */
h3 { font-size: 2.074rem; }  /* 33.18px */
h4 { font-size: 1.728rem; }  /* 27.65px */
h5 { font-size: 1.44rem; }   /* 23.04px */
h6 { font-size: 1.2rem; }    /* 19.2px */
p   { font-size: 1rem; }     /* 16px (base) */
small { font-size: 0.833rem; } /* 13.33px */
.x-small { font-size: 0.694rem; } /* 11.11px (extra tier) */

/* Line Heights (custom ratios) */
h1 { line-height: 1.15; }  /* ≈55px */
h2 { line-height: 1.2; }   /* ≈48px */
h3 { line-height: 1.3; }   /* ≈43px */
h4 { line-height: 1.35; }  /* ≈37px */
h5 { line-height: 1.4; }   /* ≈32px */
h6 { line-height: 1.5; }   /* ≈29px */
p   { line-height: 1.6; }  /* ≈26px */
small { line-height: 1.7; } /* ≈23px */
.x-small { line-height: 1.8; } /* ≈20px */

/* Entry Content Spacing */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  margin-bottom: 1.5rem;
}

p, ul, ol, blockquote {
  margin-bottom: 1.5rem;
  line-height: 1.6;
}
.elementor-widget-text-editor p {
    margin-bottom: 0;
}
/* Optional: Responsive Type Scaling */
@media (max-width: 768px) {
 :root { font-size: 16px; } /* Slightly smaller on mobile */
  h1 { font-size: 2.441rem; }  /* ≈ 39px */
  h2 { font-size: 1.953rem; }   /* ≈ 31px */
  h3 { font-size: 1.563rem; }   /* ≈ 25px */
}

.MediaTile__root {border-radius: 25px !important;}
.MediaThumbnail__image {border-radius: 25px !important;}