/*
Theme Name: mycareernet Child
Theme URI: https://finpath.keydesign.xyz/
Description: Finance & Consulting Elementor WordPress theme
Author: Key-Design
Author URI: http://themeforest.net/user/Key-Design
Template: finpath
Version: 1.0
License: Envato Standard License
License URI: https://themeforest.net/licenses/standard
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, translation-ready
Text Domain: finpath-child
*/

/* ============================
   1. GLOBAL VARIABLES & COLORS
   ============================ */
:root {
    /* Brand Colors extracted from your code */
    --brand-primary: #0288dc;
    --brand-text: #000000;
    --brand-bg: #ffffff;
    
    /* Desktop Font Sizes (From your min-width 1023px block) */
    --fs-h1: 40px;
    --fs-h2: 34px;
    --fs-h3: 27px;
    --fs-h4: 24px;
    --fs-h5: 21px;
    --fs-h6: 18px;
    --fs-p: 16px;
}

/* ============================
   2. TYPOGRAPHY (The Main Things)
   ============================ */

body {
    color: var(--brand-text);
    background-color: var(--brand-bg);
    /* Assuming Manrope based on typical modern setups, or inherit from theme */
    font-family: "Manrope", sans-serif; 
}

/* Headings Base Styles */
h1, h2, h3, h4, h5, h6 {
    color: var(--brand-text);
    font-weight: 700; /* Bold headers */
    line-height: 1.3;
    margin-bottom: 20px;
}

h1 { font-size: var(--fs-h1) !important; }
h2 { font-size: var(--fs-h2) !important; }
h3 { font-size: var(--fs-h3) !important; }
h4 { font-size: var(--fs-h4) !important; }
h5 { font-size: var(--fs-h5) !important; }
h6 { font-size: var(--fs-h6) !important; }

/* Paragraphs & Bold Text */
p {
    font-size: var(--fs-p) !important;
    line-height: 1.5 !important;
    margin-bottom: 15px;
    color: var(--brand-text);
}

b, strong {
    font-weight: 600 !important;
}

/* Links */
a {
    color: var(--brand-primary);
    text-decoration: none;
    transition: 0.3s;
}

a:hover {
    opacity: 0.8;
}

/* ============================
   3. MOBILE RESPONSIVENESS
   ============================ */
@media (max-width: 768px) {
    :root {
        /* Adjusted sizes for mobile screens */
        --fs-h1: 32px;
        --fs-h2: 28px;
        --fs-h3: 24px;
        --fs-h4: 22px;
        --fs-h5: 20px; 
    }
    
    /* Specific fix from your code for Entry Titles on mobile */
    h2.entry-title {
        font-size: 20px !important;
    }
}

/* ============================
   4. MICRO-SITE HELPERS
   ============================ */

/* Glassmorphism Card Style (Extracted from your blog-option4) */
.glass-card {
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(10px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(150%) !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important;
    padding: 20px;
}

/* Hide elements helper */
.hidden {
    display: none !important;
}

/* ============================
   Career Fair Women
   ============================ */
.careerfair-women h2 {
  background: linear-gradient(300deg, #C2185B 0%, #600D83 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

.careerfair-women h3 {
  background: linear-gradient(90deg, #C2185B 0%, #600D83 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

.careerfair-women h4 {
  background: linear-gradient(45deg, #C2185B 0%, #600D83 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

.careerfair-women h5 {
  background: linear-gradient(180deg, #C2185B 0%, #600D83 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

.careerfair-women h6 {
  background: linear-gradient(135deg, #C2185B 0%, #600D83 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
.page-id-24503 .elementskit-card ul li::marker, .woocommerce-product-details__short-description ul li::marker{
    color:#C2185B!important
}

/* contests */

.contents-d h2{
    font-family:manrope!important;
    font-size: 24px!important;
}