/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/
Description: Theme enfant de Hello Elementor
Author: Damien LOHMEYER
Template: hello-elementor
Version: 1.0
*/

@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/montserrat-300.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/montserrat-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/montserrat-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/montserrat-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400;
}
h1,
h2,
h3 {
    font-weight: 700;
}

h2 span.ia-highlight {
    background: linear-gradient(135deg, #6c63ff, #00d4aa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

p strong {
    color: #114ef7;
    font-weight: 700;
}

.light-text {
    font-weight: 300;
}

.highlight-blue {
    color: var(--e-global-color-primary);
}

.elementor-element.no-width {
    width: unset;
}
.hero-eyebrow p {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.hero-eyebrow p::before {
  content: '';
  width: 22px;
  height: 2px;
  background: var(--e-global-color-primary);
  border-radius: 2px;
  display: block;
}

/* common rules */
:root {}

/* Button */
.elementor-button:hover {
    transform: translateY(-1px);
}
.outline.elementor-widget-button .elementor-button {
    background-color: #f0f4fe;
    border-color: var(--e-global-color-primary);
    color: var(--e-global-color-primary);
}
.outline.elementor-widget-button .elementor-button:hover {
    color: white;
}

.elementor-button {
    transition: all .3s;
}

/* Scroll bar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    scroll-behavior: smooth;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--e-global-color-primary);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

input[type=text]:focus {
    color: var(--primary-color);
}