/*
Theme Name: Elementor Child
Theme URI: https://https://www.youinalbania.com/
Description: Thème enfant d'Elementor
Author: Ton Nom
Author URI: https://www.youinalbania.com/
Template: hello-elementor
Version: 1.0
*/


/*=========== Styles Globaux ===========*/
body {
    background-color: #000000 !important; 
}


.custom-body-class h1, 
.custom-body-class h2, 
.custom-body-class h3, 
.custom-body-class h4, 
.custom-body-class h5, 
.custom-body-class h6{
	font-family: 'Montserrat', sans-serif;
}


.custom-body-class body, 
.custom-body-class p, 
.custom-body-class a, 
.custom-body-class button, 
.custom-body-class input, 
.custom-body-class textarea, 
.custom-body-class li, 
.custom-body-class ul, 
.custom-body-class ol, 
.custom-body-class span {
    font-family: "Open Sans", serif;
    margin-top: 0;
}

.custom-body-class h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2em;
	margin-bottom: 40px;
}

.custom-body-class h3 {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.2em;
}

.custom-body-class h4 {
    font-size: 24px;
    font-weight: normal;
    line-height: 1.2em;
}

.custom-body-class p, 
.custom-body-class li {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6em;
}

.intro-h2 {
    font-size: 20px;
    font-weight: 300;
}

:root {
    --blue-darkest: #023141;  /* Bleu très foncé */
    --blue-dark: #086788;     /* Bleu foncé */
    --blue-medium: #066788;   /* Bleu moyen */
    --blue-light: #EDF4F7;    /* Bleu clair */
    --blue-lighter: #C7E8F3;  /* Bleu très clair */
}

/*-------- Styles des Boutons CTA --------*/
.cta-button {
    text-decoration: none !important;
    border: none;
    font-weight: 400;
    font-size: 18px;	
	background-color: white;
	color:#023141;
	position: absolute;
	width: fit-content;
	bottom: 20px;
	padding: 10px 30px;
	margin-left: 30px;
	border-radius: 40px;
	z-index:2;
	transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.cta-button.color-1:hover {
	transform: translateY(-2px); 
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); 
	background-color: var(--blue-lighter); 
}
/*
.cta-button.color-2:hover {
    box-shadow: rgb(255 131 156) 0px 0px 10px 1px;
}


.cta-button.color-1 {
    background-color: var(--main-color-1);
}

.cta-button.color-2 {
    background-color: var(--main-color-2);
}
*/

/*
.bg-color-1 {
    background: linear-gradient(180deg, rgb(69 89 169) 0%, rgb(91 87 162) 100%);
    color: white;
}

.bg-color-2 {
    background: linear-gradient(180deg, rgb(122 80 148) 0%, rgb(187 79 137) 100%);
    color: white;
}
*/

.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}

/*=========== Styles des Boutons CTA ===========*/



/*-------- Animation des Boutons CTA --------*/



/*=========== Effets superflux ===========*/
[type=button]:focus,
[type=button]:hover,
[type=submit]:focus,
[type=submit]:hover,
a.button:focus,
a.button:hover,
button:focus,
button:hover {
    outline: 0;
    box-shadow: none;
    background-color: initial;
    color: inherit;
    text-decoration: none;
}


/*=========== Styles pour Mobile ===========*/
@media (max-width: 1000px) {
    .custom-body-class h2 {
        font-size: 5.3vw;
    }

    .custom-body-class h3 {
        font-size: 4.5vw;
    }

    .custom-body-class h4 {
        font-size: 4vw;
    }

    .custom-body-class p, 
    .custom-body-class li {
        font-size: 3.7vw;
    }

    .title-intro {
        font-size: 2.5vw;
    }

    .cta-button,
	.cta-button-2 {
        font-size: 16px;
    }
}

@media (max-width: 430px) {
	.cta-button,
	.cta-button-2 {
        font-size: 3.5vw;
    }
}