/* 
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 */


body {
  font-family: 'Roboto', sans-serif;
  font-size: 1rem;
  color: #e5e5e5;
  line-height: 1.6;
}

/* ---- HEADING TYPE SCALE */
h1 { font-family: 'Instrument Sans', sans-serif; font-size: clamp(2.25rem, 3.2vw, 3.2rem); line-height: 1.05; }
h2 { font-family: 'Inter', sans-serif; font-size: clamp(1.75rem, 2.8vw, 2.5rem); line-height: 1.1; }
h3 { font-family: 'Inter', sans-serif; font-size: clamp(1.4rem, 2.5vw, 2rem); line-height: 1.15; }
h4 { font-family: 'Inter', sans-serif; font-size: clamp(1.2rem, 1.8vw, 1.5rem); line-height: 1.2; }
h5 { font-family: 'Inter', sans-serif; font-size: clamp(1.05rem, 1.3vw, 1.25rem); line-height: 1.25; }
h6 { font-family: 'Inter', sans-serif; font-size: clamp(0.95rem, 1vw, 1.1rem); line-height: 1.3; }
h1, h2, h3, h4, h5, h6 { color: #ececec; margin-bottom: 0.2em; }

a { color: #00ddff; text-decoration: none; }
a:hover { color: #52ebff; }


.h1-workshop-heading h1 {
  font-size: clamp(3.0rem, 5vw, 6rem);
    line-height: 1;
    font-family: 'Roboto Serif', san-serif;
}

.h1-workshop-heading-workshops-page h1 {
    font-family: 'Roboto Serif', serif!important;
    font-size: clamp(3.5rem, 4vw, 5rem);
    line-height: 1.1;
    font-family: 'Roboto Serif', san-serif;
}

@media (max-width: 767px) {
.h1-workshop-heading-workshops-page h1 {
    font-size: 2.4rem;
    line-height:1.2;}
}

.h2-workshop-heading h2 {
    font-family: 'Roboto Serif', serif!important;
  font-size: clamp(2.4rem, 3.3vw, 3.8rem);
  line-height: 1.2;
  color:inherit!important;
}

.h3-workshop-heading h3 {
    font-family: 'Roboto Serif', serif!important;
  font-size: clamp(2.2rem, 2.9vw, 3.5rem);
  line-height: 1.1;
  color:inherit!important;
}

.workshop-grid-container:hover {
background-color: #020D13
}

.workshop-grid-title h3 {
    color: #DFDFDF;
    font-family: 'Roboto Serif', Serif;
    line-height: 1.3;
    font-size: clamp(1.2rem, 1.4vw, 1.6rem);
}

.workshop-grid-title h4 {
    color: #DFDFDF;
    font-family: 'Roboto Serif', Serif;
    line-height: 1.3;
    font-size: clamp(1.2rem, 1.2vw, 1.6rem);
}

.workshop-grid-text p {
    font-family: 'Roboto', Serif;
    line-height: 1.2;
    font-size: .85rem;
}


@media (max-width: 1024px) {
    .workshop-menu {
        font-size:.60rem!important;
    }
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 150px;
}

.price-display {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.price-number {
  font-family: 'Roboto Serif', serif;
    font-size: inherit !important;
    line-height: inherit !important;
}

.price-meta {
  font-family: 'Roboto Mono', monospace;
  font-size: 13px;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.55);
}