/* 
Theme Name: ddesign
Description: Thème sur mesure DDESIGN
Author: DDESIGN
Author URI: https://ddesign.fr/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Scroll Top DDesign */

html {
    scroll-behavior: smooth;
}

#btnScrollTop::before {
    content: "\2191";
}

#btnScrollTop {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 50px; /* Place the button at the bottom of the page */
  right: 50px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: var(--e-global-color-primary); /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 5px 12px; /* Some padding */
  /* border-radius: 50%; Rounded corners */
  font-size: 18px; /* Increase font size */
  border-radius: initial;

}

#btnScrollTop:hover {
  background-color: var(--e-global-color-secondary) /* Add a dark-grey background on hover */
}

/* Gravity Forms */

.gform_wrapper.gravity-theme .gf_step_active .gf_step_number {
    background: #F49D5C !important;
    color: #ffffff !important;
}

.gform_wrapper {
	form .gform_body .ginput_complex input[type=text] {
		width:100% !important;
	}

	input, input[type=text], select, textarea {
		width:100% !important;
		@include box-sizing(border-box);
	}
}

/* HEADER - STICKY - START */
:root{
--transition: all 1s ease;
}
.sticky-header{
  Background-color: transparent!Important;
  transition: background-color var(--transition), box-shadow  var(--transition);
}
.sticky-header .rounded--site--logo {
  display:none;
}
.sticky-header.elementor-sticky--effects{
  background-color: #FFFEFC!important;
  box-shadow: rgba(0, 0, 0, 0.67) 0 -5px 15px 0;
}
.elementor-sticky--effects .site--logo/*.elementor-widget-image img*/{
  transition: all 0.5s ease;
  display:none !important;
}
.elementor-sticky--effects .rounded--site--logo {
  transition: all 0.5s ease;
  display:flex;
  justify-content:center;
}
.elementor-sticky--effects .rounded--site--logo.elementor-widget-image img {
  width:60px !important;
}
.elementor-sticky--effects .sitcky-menu-color li a {
  font-size: 1.1rem !important;
  color: #F49D5C !important;
}
@media only screen and (max-width: 1024px) {
  .elementor-sticky--effects .rounded--site--logo {
    justify-content:start;
    padding-left:15px;
  }
    .elementor-sticky--effects .sitcky-menu-color {
    align-self:center;
  }
  .elementor-sticky--effects .sitcky-menu-color .elementor-widget-container {
    transition: margin 400ms ease-in-out;
    margin:0 !important;
  }
}
/* HEADER - STICKY - STOP */

/* Accordeon Adjust - START */
.adjust_accordeon .elementor-tab-title{
  display: flex;
  flex-direction: row;
  align-items:center;
}
/* Accordeon Adjust - STOP*/
    
/* Quiz Gravity Form - START */

#gform_fields_1 .adjust_quiz_line .ginput_container_radio .gfield_radio {
  display: flex;
  flex-direction: row;
}
#gform_fields_1 .adjust_quiz_line .ginput_container_radio .gfield_radio:before {
  content:"Ça ne va pas du tout";
  font-family:"ITC Avant Garde Gothic Demi";
  font-size:0.8rem;
}
#gform_fields_1 .adjust_quiz_line .ginput_container_radio .gfield_radio:after {
  content:"Je me sens comblé";
  font-family:"ITC Avant Garde Gothic Demi";
  font-size:0.8rem;
  
}
#gform_fields_1 .adjust_quiz_line .ginput_container_radio .gfield_radio .gchoice {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 40px;
}

#gform_fields_1 .adjust_quiz_line .ginput_container_radio .gfield_radio .gchoice label {
  order:-1;
  min-width: 40px;
  margin-bottom:5px;
  text-align:center;
}
#gform_fields_1 .adjust_quiz_line .ginput_container_radio .gfield_radio .gchoice input {
  min-width: 40px;
}

@media only screen and (max-width: 1024px) {
  #gform_1 .gf_page_steps {
    display: flex;
    flex-direction: row;
    padding-bottom: 20px;
    justify-content: space-evenly;
  }
  #gform_1 .gf_step {
    width: 30%;
    display: flex;
    flex-direction: column;
    margin: 0;
    align-items: center;
  }
  #gform_1 .gf_step .gf_step_number {
    margin-bottom: 10px;
    line-height: 37px;
  }
  #gform_1 .gf_step .gf_step_label {
    text-align: center;
    padding: 0;
  }
}

/* Quiz Gravity Form - STOP */

/* Gravity Form - START */

.gform_footer, .gform_page_footer {
  justify-content:center;
  text-align:center;
}
.gform_footer input, .gform_page_footer input {
  color: var(--e-global-color-88f1b68 );
  background-color:var(--e-global-color-accent );
  border:none;
  box-shadow: 0px 5px 10px -5px rgb(0 0 0 / 42%);
  transition-duration: .3s;
  transition-property: transform;
}
.gform_footer input:hover, .gform_page_footer input:hover {
  background-color:var(--e-global-color-accent );
  transform:scale(1.1);
}
/* Gravity Form - STOP */