/*
Theme Name: Opale Child
Theme URI: https://opaledigital.fr
Description: Thème enfant Hello Elementor pour Opale Digital
Author: Cindy Loison
Author URI: https://opaledigital.fr
Template: hello-elementor
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.0
License: GNU GPL v2 or later
Text Domain: opale-child
*/

/**************************************************
VARIABLES
**************************************************/

:root{

    --primary:#5B4DFF;
    --primary-hover:#4B3DE3;

    --secondary:#D8B27A;

    --dark:#233E8B;

    --light:#F8F5EF;

    --white:#FFFFFF;

    --text:#2B2B2B;

    --grey:#707070;

    --border:#EAEAEA;

    --radius:15px;

    --shadow:0 15px 35px rgba(0,0,0,.08);

    --transition:.3s ease;

}

/**************************************************
GENERAL
**************************************************/

html{

    scroll-behavior:smooth;

}

body{

    font-family:'Poppins',sans-serif;
    color:var(--text);
    font-size:16px;
    line-height:1.7;
    overflow-x:hidden;

}

h1,
h2,
h3,
h4,
h5,
h6{

    font-family:'Playfair Display',serif;
    color:var(--dark);
    font-weight:600;

}

p{

    color:#666;

}

a{

    color:var(--primary);
    transition:var(--transition);

}

a:hover{

    color:var(--secondary);

}

/**************************************************
CONTAINER
**************************************************/

.elementor-section.elementor-section-boxed>.elementor-container{

    max-width:1240px;

}

/**************************************************
IMAGES
**************************************************/

img{

    max-width:100%;
    height:auto;

}

.elementor-widget-image img{

    border-radius:18px;

}

/**************************************************
BUTTONS
**************************************************/

.elementor-button{

    border-radius:10px;
    padding:18px 35px;
    background:var(--primary);
    color:#fff;
    transition:var(--transition);
    box-shadow:var(--shadow);

}

.elementor-button:hover{

    background:var(--dark);
    transform:translateY(-3px);

}

/**************************************************
CARDS
**************************************************/

.e-con{

    transition:.3s;

}

.e-con:hover{

    transform:translateY(-6px);

}

/**************************************************
FORMS
**************************************************/

input,
textarea,
select{

    border-radius:12px;
    border:1px solid var(--border);
    padding:15px;

}

input:focus,
textarea:focus{

    outline:none;
    border-color:var(--primary);

}

/**************************************************
FOOTER
**************************************************/

footer{

    background:var(--dark);
    color:#fff;

}

footer a{

    color:#fff;

}

footer a:hover{

    color:var(--secondary);

}

/**************************************************
RESPONSIVE
**************************************************/

@media(max-width:1024px){

h1{

font-size:52px;

}

}

@media(max-width:767px){

h1{

font-size:38px;

}

.elementor-button{

width:100%;

}

}