/* 
Theme Name: Hello Theme Child by Growwwup
Theme URI: https://github.com/elementor/hello-theme/
Description: Thème enfant développé par Rémy PENET de Growwwup.
Author: Rémy PENET - Growwwup
Author URI: https://growwwup.com/
Template: hello-elementor
Version: 1.0.2
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{
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

.comments-area {
    padding: 13px 37px 22px 38px;
}

.title-comments, #reply-title {
    font-size: 1.5em;
    font-weight: bold;
}

.elementor-widget-posts .elementor-pagination{
    margin-top: 20px;
}

.swiper-slide{
	overflow: visible;
}

.elementor-nav-menu--dropdown .elementor-item:focus{
	background-color: var(--e-global-color-primary) !important;
}

.elementor-widget-theme-post-content h2, .elementor-widget-theme-post-content h3, .elementor-widget-theme-post-content h4, .elementor-widget-theme-post-content h5, .elementor-widget-theme-post-content h6{
	margin-top: 40px;
    font-family: var(--e-global-typography-primary-font-family);
}

.elementor-widget-theme-post-content{
   font-size: 0.9em;
}

.elementor-widget-theme-post-content h2{
   font-size: 2em;
}

.elementor-widget-theme-post-content h2{
   font-size: 2em;
}

.tagcloud .tag-cloud-link {
    font-size: 1em !important;
    padding: 10px;
    border: solid var( --e-global-color-secondary ) 2px;
    margin: 5px;
    display: inline-block;
}

.grecaptcha-badge { 
    visibility: hidden;
}

/**
  Pipedrive
 */
.pipedriveWebForms iframe{
    max-width : inherit !important;
}

/**
    Highlight Color Title
*/

.highlight .elementor-heading-title{
    background-repeat: no-repeat;
    background-position: 0% 80%;
    background-size: 100% 13px;
    transition: background-size .5s, background-position .3s ease-in .5s;
    display: inline;
}

.highlight .elementor-heading-title:hover{
    background-size: 100% 100%;
    background-position: 0% 0%;
    transition: background-position .5s, background-size .3s ease-in .5s;
} 

.highlight.color-green .elementor-heading-title{
    background-image: linear-gradient(var( --e-global-color-secondary ), var( --e-global-color-secondary ));
}

/**
 * Button
 **/
.elementor-element.elementor-button-info .elementor-button{
	background-color: var( --e-global-color-primary);
	border-color : var( --e-global-color-secondary);
	color : white;
}

.elementor-element.elementor-button-info .elementor-button:hover{
	background-color: var(--e-global-color-secondary);
	border-color : var( --e-global-color-secondary);
	color : black;
}

.elementor-element.elementor-button-danger .elementor-button{
	background-color: var( --e-global-color-055330e);
	border-color : var( --e-global-color-055330e);
	color : white;
}

.elementor-element.elementor-button-danger .elementor-button:hover{
	background-color: white;
	color : var( --e-global-color-055330e);
	border-color : var( --e-global-color-055330e);
}


/**
 * Button Menu add button-menu class
 **/
.button-menu > a{
    background-color: var(--e-global-color-accent);
    border-radius: 0px;
    cursor: pointer;
    color: white !important;
    border: 2px solid var(--e-global-color-accent);
    margin-left: 10px;
}

.button-menu > a:after{
    opacity: 0;
}
body[data-elementor-device-mode=mobile] .button-menu > a, body[data-elementor-device-mode=tablet] .button-menu > a {
    margin: 0 20% 20px 20%;
    background-color: var(--e-global-color-accent) !important;
}

.button-menu > a:hover{
    background-color: var(--e-global-color-5c70741);
    color: var(--e-global-color-accent) !important;
    border: 2px solid var(--e-global-color-accent);
}