/*
Theme Name: OlgaKonstantinou
Description: Child theme for Flatsome
Author: NS
Template: flatsome
Version: 1.0
*/

/*start of custom css*/
/* ==========================================================================
   NS FLUID TYPOGRAPHY UTILITIES
   ========================================================================== */

/* --- HUGE (For Hero Banners & Massive Headers) --- */
.ns-huge-h1p p, 
.ns-huge-h1 h1 {
    font-size: clamp(2.5rem, 5vw, 4rem) !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    margin-bottom: 0.5em;
}

/* --- BIG H1 (Standard Main Page Titles) --- */
.ns-big-h1p p, 
.ns-big-h1 h1 {
    font-size: clamp(2rem, 4vw, 3rem) !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    margin-bottom: 0.5em;
}

/* --- MID H1 (Smaller Page Titles / Large Section Titles) --- */
.ns-mid-h1p p, 
.ns-mid-h1 h1 {
    font-size: clamp(1.75rem, 3.5vw, 2.5rem) !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    margin-bottom: 0.5em;
}

/* --- BIG H2 (Standard Section Headings) --- */
.ns-big-h2p p, 
.ns-big-h2 h2 {
    font-size: clamp(1.5rem, 3vw, 2.25rem) !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    margin-bottom: 0.5em;
}

/* --- MID H2 (Sub-section Headings) --- */
.ns-mid-h2p p, 
.ns-mid-h2 h2 {
    font-size: clamp(1.35rem, 2.5vw, 1.875rem) !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    margin-bottom: 0.5em;
}

/* --- H3 (Card Titles, Widget Titles) --- */
.ns-std-h3p p, 
.ns-std-h3 h3 {
    font-size: clamp(1.25rem, 2vw, 1.5rem) !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    margin-bottom: 0.5em;
}

/* --- H4 (Small Block Headings) --- */
.ns-std-h4p p, 
.ns-std-h4 h4 {
    font-size: clamp(1.125rem, 1.5vw, 1.25rem) !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    margin-bottom: 0.5em;
}

/* --- H5 (Overlines or Minimal Titles) --- */
.ns-std-h5p p, 
.ns-std-h5 h5 {
    font-size: 1rem !important;
    line-height: 1.5 !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.5em;
}

/* --- H6 (Very small utility headings) --- */
.ns-std-h6p p, 
.ns-std-h6 h6 {
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
    margin-bottom: 0.5em;
}

/* --- UTILITY PARAGRAPHS (Lead & Small Text) --- */

/* Lead Text (For intro paragraphs under a main H1) */
.ns-lead-textp p,
.ns-lead-text {
    font-size: clamp(1.125rem, 1.5vw, 1.25rem) !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
}

/* Small Text (For disclaimers, captions, or footer links) */
.ns-small-texth2p h2,
.ns-small-textp p,
.ns-small-text {
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
}


/*Portfolio overlay css start*/
.portfolio-box .box-image .overlay {
  background: radial-gradient(
    circle at center,
    rgba(0, 0, 0, 0.55) 0%,
    rgba(0, 0, 0, 0.35) 35%,
    rgba(0, 0, 0, 0.18) 65%,
    rgba(0, 0, 0, 0.08) 100%
  ) !important;
  opacity: 1 !important;
}

.portfolio-box .portfolio-box-title,
.portfolio-box .portfolio-box-category {
  color: #fff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.65);
}
/*Portfolio overlay css end*/