/**
Theme Name: Wecode Awesome Theme
Author: Wecode Geneva
Author URI: https://wecode.swiss
Description: Wecode Theme is the fastest, fully customizable, and stunning theme suitable for blogs, personal portfolios, and business websites. It is extremely lightweight (less than 50KB on the frontend) and provides unmatched speed. Designed with SEO in mind, Wecode Theme includes integrated schema.org code to ensure search engines will love your site.

Wecode Theme offers a wide array of sidebar options and widget areas, giving you complete control over customizations. Additionally, we have included special features and templates, allowing you to choose any of your favorite page builder plugins to create pages flexibly.

Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wecode-awesome-theme
Template: astra
*/

/* Suppression de l'effet de focus sur tous les éléments cliquables */
*:focus {
    outline: none !important;
    -webkit-outline: none !important;
    -moz-outline: none !important;
    -ms-outline: none !important;
    -o-outline: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
}

/* Pour Firefox */
*:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

/* Pour Safari et Chrome */
*:focus {
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

.center-content, .center-content * {
    text-align: center;
}

.elementor-widget-button.small .elementor-button{
    font-size: 14px;
    padding: 8px 15px;
}

.elementor-widget-button.black .elementor-button{
    background-color: black;
    color: white;
}

.elementor-widget-button.black .elementor-button:hover{
    background-color: black;
    color: white;
}

.elementor-widget-button.reverse .elementor-button{
    background-color: white;
    color: black;
}

.elementor-widget-button.reverse .elementor-button:hover{
    background-color: black;
    color: white;
}

.ratio-1 img{
    object-fit: contain;
    aspect-ratio: 1/1;
}

/* Custom styles for Elementor swiper arrows */
.elementor-swiper-button {
    opacity: 1 !important;
    transform: none !important;
}

.elementor-swiper-button img {
    transition: transform 0.3s ease;
}

.elementor-swiper-button:hover img {
    transform: scale(1.1);
}

/* Ensure proper positioning of arrows */
.elementor-swiper .elementor-swiper-button-prev {
    left: -60px;
}

.elementor-swiper .elementor-swiper-button-next {
    right: -60px;
}

.swiper-arrow{
    width: 40px;
    height: auto;
    display: block;
}

.reset-p p{
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text span {
    display: flex !important;
    flex-wrap: wrap;
    justify-items: start;
    align-items: start;
    row-gap: 10px;
    column-gap:3px;
}

.elementor-post-info__terms-list-item {
    padding: 5px 10px;
    background-color: rgba(243, 154, 142, 0.9333);
    border-radius: 3px;
    color: #fff;
    white-space: nowrap;
}

#colophon{
	display:none;
}

#masthead{
	display:none;
}

.service-label {
  display: inline-block;
font-family: "Manrope", sans-serif;
	border:1px solid #b18c56;
  color: #b18c56;
  padding: 5px 10px;
  font-size: 12px;
font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.elementor-widget-tabs .elementor-tab-desktop-title {
    position: relative;
    padding: 15px 20px !important;
    font-weight: 700;
    line-height: 1;
    border: solid transparent;
}

.vocabulaire {
    text-decoration: underline dotted;
    cursor: help;
    position: relative;
}

.vocab-tooltip {
    position: absolute;
    background: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 1000;
    pointer-events: none;
}



#formulaire-responsive input[type="submit"] {
    width: auto;
    background: transparent;
    color: #b97b36;
    border-bottom: 1px solid #b97b36;
    font-weight: normal;
    border-radius: 0px;
    font-size: 16px;
    padding: 12px 0px;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.3s ease;
    display: inline-block;
    margin: 16px 0px;
}

#formulaire-responsive input[type="submit"]:hover {
    color: #000;
    border-bottom: 1px solid #000;
}

.theplus-contact-form .input__checkbox_btn .toggle-button__icon:before {
    transform: translate3d(-50%, -50%, 0) !important;
    color: rgb(255 255 255 / 59%) !important;
}

@media (min-width: 768px) {
    #formulaire-responsive .demi-colonne {
      width: calc(50% - 10px);
    }
  }
  .text-animation-btn p {
    text-align: left !important;
  }

.eael-post-elements-readmore-btn {
    color: #b97b36;
    border-bottom: 1px solid #b97b36;
}
.eael-post-elements-readmore-btn:hover {
    color: #000000 !important;
    border-bottom: 1px solid #000000 !important;
}
.demi-colonne .text-animation-btn:hover {
    color: #000000 !important;
    border-bottom: 1px solid #000000 !important;
}

.text-animation-btn input[type="submit"] {
    width: auto;
    background: transparent;
    color: #b97b36;
    border-bottom: 1px solid #b97b36;
    font-weight: normal;
    border-radius: 0px;
    font-size: 16px;
    padding: 12px 0px;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.3s ease;
    display: inline-block;
    margin: 16px 0px;
}

.text-animation-btn input[type="submit"]:hover {
    color: #000;
    border-bottom: 1px solid #000;
}
.eael-contact-form-7 .wpcf7-form p input.wpcf7-submit {
    font-family: inherit;
    font-weight: normal;
    margin-bottom: 10px;
    color: #b97b36;
    border-bottom: 1px solid #b97b36;
}
.eael-contact-form-7 .wpcf7-form p input.wpcf7-submit:hover {
    color: #000;
    border-bottom: 1px solid #000;
}

.elementor-2425 .elementor-element.elementor-element-a0b0d5d:not(.elementor-motion-effects-element-type-background), .elementor-2425 .elementor-element.elementor-element-a0b0d5d > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #001825;
}

#elementor-popup-modal-2425 .dialog-message {
    width: 100vw;
    height: auto;
    background-color: #001825;
}

.elementor-post__read-more {
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 8px;
    transition: all 0.3s ease;
}

.elementor-post__read-more:hover {
    color: #b97b36 !important;
    border-bottom: 1px solid #b97b36 !important;
}

/* Règle pour le h1 du shortcode nom_utilisateur en mobile */
@media (max-width: 767px) {
    [data-elementor-type="wp-page"] h1 {
        font-size: 30px !important;
    }
}

.elementor-595 .elementor-element.elementor-element-90f037d:not(.elementor-motion-effects-element-type-background), .elementor-595 .elementor-element.elementor-element-90f037d > .elementor-motion-effects-container > .elementor-motion-effects-layer
 {
    background-color: transparent;
    background-image: linear-gradient(180deg, #00182500 0%, var(--e-global-color-accent) 100%);
    display: none !important;
}