/*!
Theme Name: CDS
Theme URI: https://www.cliniquedentairestoneham.ca/
Version: 4.25.0
Description: Theme personnalisé pour Clinique Dentaire Stoneham
Author: Contraste TIC
Author URI: http://www.contrastetic.com
Template: Divi
*/

/* make the Divi mobile dropdown menu scrollable*/
.et_pb_menu__menu {
	/* overflow: scroll !important;*/
	max-height: 30vh!important;
}
/* X icon in expanded mobile menu */

.mobile_nav.opened .mobile_menu_bar:before {
content: '\4d';
}
/* Remove the top line in the mobile menu*/

.et_mobile_menu {
border-top:0;
}
/* Center-align moble menu items */

.et_mobile_menu li {
text-align:center !important;
}
  
.et_mobile_menu li li, .et_mobile_menu li ul {
padding-left:0 !important;
}
/* Make mobile menu fullwidth */

.et_mobile_menu {
min-width: 100vw;
margin-left: -10vw;
}
/* Make the mobile menu full height */

.et_mobile_menu {
min-height:100vh !important;
min-height: -webkit-fill-available;
padding-top:50px !important;
padding-bottom:150px !important;
}

html {
height: -webkit-fill-available;
}

/* Remove the animation to avoid delay */

.mobile_nav.opened .et_mobile_menu {
display:block !important;
}

/**
 * Make Divi mobile menu scrollable.
 */

@media (max-width: 980px) {
    .et_mobile_menu {
        max-height: 85vh; 
        overflow-y: auto;
    }
}

.et_mobile_menu{
	
	margin-bottom:40px;
}

@media (max-width: 980px) {
	
	
    .form-infolettre {
  	width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:10%!important;
        
    }


.et_pb_row.et_pb_row_0 {
     width:100%!important;
     margin-left:auto!important;
    margin-right:auto!important;

    
}

.et_pb_text_inner h1  {
    font-size:24px!important;
    font-weight:bolder!important;
      width:100%!important;
     margin-left:auto!important;
    margin-right:auto!important;
    padding:10%
	}
 
.et_pb_text_inner h2 {
    padding:10%
	}

}


h1 {
    color: #498CA6;
    font-size: 40px;
	margin-bottom:20px;
   
}

h1.header-Title-short {
    color:#ffffff;
    font-weight:bolder;
    font-size:50px;
    width: 400px;
    border-left: 10px solid #3795B9;
    padding-left:20px;

}



div#cds-header-content {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
}

div#CDS_header .et_pb_text_inner {
    padding-left:30px;
}

/* ---------------------- mobile ------------------------*/

/* Media Queries pour tablette et mobile */
@media (max-width: 1024px) {
    div#cds-header-content {
        padding:30%;
		padding-bottom:0px;
    }

 
}

@media (max-width: 768px) {
    div#cds-header-content {
        flex-direction: column; /* Pour que le contenu reste bien centré verticalement */
        padding:30%;
		padding-bottom:0px;
    }

}

@media (max-width: 480px) {
	
	.et_pb_section.et_pb_section_0.et_pb_with_background.et_section_regular {
    max-height:100px;
	}

h1.header-Title-mobile {
    color:#ffffff;
    font-weight:bolder;
    border-left: 10px solid #3795B9;


}
	#formsms {
    background-color: #f3f3f3;
    padding: 10%!important;
    margin-top: 50px;
    border-radius: 5px;
}

.Box-Grey {
    width: 400px!important;
    height: 311px;
    background-color: #6B7C83;
    display: flex;
    padding: 40px;
}
	#bg_black {
		
		background-color: black;
	}


}




h1.header-Title-short-black {
    color:#414141;
    font-weight:bolder;
    font-size:50px;
    width: 400px;
    border-left: 10px solid #3795B9;
    padding-left:20px;

}

h1.header-Title-long {
    color:#ffffff;
    font-weight:bolder;
    font-size:50px;
    width: 600px!important;
    border-left: 10px solid #3795B9;
    padding-left:20px;

}



h2.title-clinique {
    font-size:40px;
    padding-bottom:30px;
}
h2 {
	
	  padding-bottom:30px;
}
/* header menu */

#cds_menu {
  float: right;
  padding-right: 200px
}


/* Header Menu blue bar */

.box-menu1,.box-menu2,.box-menu3,.box-menu4 {
    display: flex;
}

.fa-menu1 {
	padding-top: .15em;
    padding-right: 1.5em;
    width:30px;
    font-size:1.1em;
    
}
.fa-menu2,.fa-menu3,.fa-menu4 {
	padding-top: .5em;
    padding-right: 1.5em;
    width:35px;
    font-size:1em;
    
}

.text-menu1,.text-menu2,.text-menu3,.text-menu4 {
    line-height:1.1em;
	color:#ffffff;
}
.text-menu1 a,.text-menu2 a {
    line-height:1.1em;
	color:#ffffff;
}

.fa-menu2,.fa-menu3,.fa-menu4 {
    padding-top:.5em;
    line-height:1.1em;
}

.box-menu3 {
    line-height:1em!important;
}

a.bouton-label-new {

    font-family: Open Sans, Arial, sans-serif;
    font-size:.8em;
    font-weight:600;
    color:#444444;
	margin-left:35px!important;
    Padding-left:10px;
    Padding-right:10px;
    padding-top:5px;
    Padding-bottom:5px;
    margin:0px;
    background-color:#ffffff;
    border-radius:9px;
    text-align: center;
    width: 150px!important;
}
a.bouton-label-rdv {

    font-family: Open Sans, Arial, sans-serif;
    font-size:.8em;
    font-weight:600;
    color:#444444;
	margin-left:35px!important;
    Padding-left:40px;
    Padding-right:40px;
    padding-top:5px;
    Padding-bottom:5px;
    margin:0px;
    background-color:#ffffff;
    border-radius:9px;
    text-align: center;
    width: 150px!important;
}
a.bouton-label-new:hover {
    color:#FFFFFF;
    background-color:#214b5b;
}
a.bouton-label-rdv:hover {
    color:#FFFFFF;
    background-color:#214b5b;
}

ul.sub-menu li {
    line-height:15px!important;
}




/* home box rendez-vous */

div#cds_box_rdv{
	min-height:420px;
	padding:35px!important;
	background-color: rgba(255, 255, 255, 0.8); 
	/* blanc avec 80% de transparence */

	
}
div#cds_box_rdv h2{
    padding:30px; 
}
a.cds_link_bouton {
    color: #ffffff !important;
    font-size: 21px;
}

@media only screen and (max-width: 600px) {
 a.cds_link_bouton {
    font-size: 14px;
}
}

.cds_bouton {
    font-size: 20px;
    font-weight: 500;
    padding: .3em 1em;
    line-height: 1.7em !important;
    background-color: #498ca6;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 20px;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all !important;
    transition-property: all !important;
    max-width: 300px;
    text-align: center!important;
	 margin: auto;
    margin-top: 1.5em;

}

.cds_bouton:hover {
     background-color: #444444;
}
a.cds_hyperlink_text {
	color:#3A7893;
	font-weight:bold;
	text-decoration:none;
}

a.cds_hyperlink_text:hover{

	text-decoration:underline;
}
/* home services */

#homeservices li {
    font-size:13px;
    line-height:17px;
    padding-bottom:9px;
}

#homeservices ul li::marker {
    line-height:21px;
    color: #498CA6;
    font-weight:bold;
}

p.service-title {
    border-bottom: solid 1px #666;
    margin-bottom:15px;
}


/* gestion des images d'appuis health man */

div#img_a img, div#img_b img {
    border-radius:350px!important;
    height:300px;
    width : 300px;  
    -webkit-box-shadow: -5px -5px 6px 5px rgba(0,0,0,0.14); 
    box-shadow: -5px -5px 6px 5px rgba(0,0,0,0.14);
   
}
 div#img_c img {
    border-radius:350px!important;
    height:400px;
    width : 400px;  
    -webkit-box-shadow: -5px -5px 6px 5px rgba(0,0,0,0.14); 
    box-shadow: -5px -5px 6px 5px rgba(0,0,0,0.14);
   
}

div#img_a {
     position: relative;
  left: -80px;

}

div#img_b {
    position: relative;
    left: 120px;
    top:-120px;
   
}

div#img_c {
    position: relative;
    left: -120px;
    top:-250px;
   
}

/* Urgence sms formulaire */
p.gform_required_legend {
    display:none;
}

legend.gfield_label.gform-field-label.gfield_label_before_complex, label.gfield_label.gform-field-label {
    color:#444444!important;
    font-size: 1.3em;
    font-weight:bold;
  
}
/* identificaton icon */
#field_1_1 legend.gfield_label.gform-field-label.gfield_label_before_complex::before  {
	font: var(--fa-font-solid);
  	content: '\f2bb';
	
}
/* cellulaire icon */
#field_1_4  label.gfield_label.gform-field-label::before  {
	font: var(--fa-font-solid);
  	content: '\e527';
}

/* cellulaire comment */
#field_1_3  label.gfield_label.gform-field-label::before  {
	font: var(--fa-font-solid);
  	content: '\f7f5';
}

/* cellulaire photo */
#field_1_6  label.gfield_label.gform-field-label::before  {
	font: var(--fa-font-solid);
  	content: '\f030';
}

/* email icon */
#field_1_2 legend.gfield_label.gform-field-label.gfield_label_before_complex::before  {
	font: var(--fa-font-solid);
  	content: '\f0e0';
	
}

#formsms {

    background-color: #f3f3f3;
    padding: 100px;
    margin-top:50px;
    border-radius:5px;
}
input#gform_submit_button_1 {
   font-size: 20px;
    font-weight: 500;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding-top: 6px;
    padding-right: 20px;
    padding-bottom: 6px;
    padding-left: 20px;
    line-height: 1.7em;
    background-color: #498CA6;
  
    border-radius: 25px;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    transition-delay: 0s;
    position: relative;
    
}

/* box Grey Prosthodontie et implant dentaire */

a.bouton-plus {
color:#ffffff;
}
a.bouton-plus-blue {
color:#498ca6;
	font-size:14px;
}


a.bouton-plus-service {
	color:#498ca6;
	line-height: 30px;
}
a.bouton-plus-service:hover {
	color:#000000;
}

/* Style pour le bouton avec l'icône initiale */
a.bouton-plus::after,a.bouton-plus-service::after,a.bouton-plus-blue::after {
    content: "\f138"; /* Unicode de l'icône initiale */
    font-family: "Font Awesome 6 Pro"; /* Nom de la police FontAwesome */
    font-weight: 300; /* Poids de la police (light) */
    padding-left: 5px; /* Espace entre le texte et l'icône */
}

/* Style pour le bouton au survol avec une nouvelle icône */
a.bouton-plus:hover::after, a.bouton-plus-service:hover::after,a.bouton-plus-blue:hover::after {
    content: "\f138"; /* Unicode de l'icône pour le survol */
    font-family: "Font Awesome 6 Pro"; /* Nom de la police FontAwesome */
    font-weight: 900; /* Poids de la police (bold) */
}



.Box-Grey{
  width: 465px;
  height: 311px;
  background-color: #6B7C83;
  display: flex;
  padding:40px;
}

.Box-Grey:hover{
  background-color: #414141;
}
.et_pb_text_inner {
    width:100%;
}
.Box-Grey .et_pb_text_inner h1 {
	padding-top:100px;
    color:#ffffff!important;
}
.box-gray-header{
	margin-top:-20px;
	margin-right:-20px;
	display:flex;
	justify-content:flex-end!important;
}
.white-cercle{
	position:absolute;
	float:right;
	padding-top: 12px;
	padding-left: 5px;
	width: 80px; 
 	height: 80px;
    background-color: #ffffff; 
    border-radius: 50%;
	text-align:center;
	vertical-align:center;
}

a i.fa-light.fa-calendar-circle-plus:hover{
	color: #444444!important;
}

a i.fa-light.fa-calendar-circle-plus, 
 i.fa-light.fa-calendar-circle-plus{
	font-size:50px;
	color: #d1d1d1!important;
}

/* testimonial */

#n2-ss-2-arrow-next, #n2-ss-2-arrow-previous{
    background-color:rgbargba(0,0,0,0.2);
	border-radius:20px;
    padding:4px;
}
#n2-ss-2-arrow-next:hover, #n2-ss-2-arrow-previous:hover{
    background-color:rgba(0,0,0,0.2);
	border-radius:20px;
    padding:4px;
}
/* Footer */

i.fa-solid.fa-phone , i.fa-solid.fa-envelope ,i.fa-solid.fa-location-dot{
padding-right:10px;
    
}
#block-contact { 
	width:240px;
}
p.footer-adresse {
    position:absolute;
    line-height:1.2em;
    padding-left:22px;
    margin-top:-30px!important;
}



div#main-footer a:link {
color:#ffffff;
}
div#main-footer a:hover {
  color:#498ca6!important;
}

#footer a {
    color:#ffffff!important;
}
#footer a:hover {
    color:#498ca6!important;
}

p.footer-adresse a {
    color:#ffffff;
}
p.footer-adresse a:hover {
    color:#498ca6;
}


/*footer infolettre */
div#gform_fields_2 div#input_2_1 {
    display:flex;
    flex-direction: column ;
}


div#gform_fields_2 legend.gfield_label.gform-field-label.gfield_label_before_complex {
    display:none;
}

div#gform_fields_2 label.gform-field-label.gform-field-label--type-sub {
      color:#ffffff!important;
    font-size:12px;
}

div#gform_fields_2 label.gfield_label.gform-field-label {
    color:#ffffff!important;
    font-size:12px;
}

div#gform_fields_2 input#input_2_1_3,input#input_2_1_6 {
    width:100%;
    height:30px;
}

div#gform_fields_2 input#input_2_3 {
      width:80%;
      height:30px;
}


div#gform_fields_2 div#field_2_3 {
    margin-top:-20px;
}

div#gform_fields_2 label.gfield_label.gform-field-label {
      color:#ffffff!important;
    font-size:12px;
    font-weight:normal;
}
input#gform_submit_button_2,input#gform_submit_button_4,input#gform_submit_button_5,input#gform_submit_button_6 ,input#gform_submit_button_7  {

    margin-top: 0px;
    font-size: 15px;
    font-weight: 500;
    padding: .3em 1em;
    line-height: 1.7em !important;
    background-color: #498ca6;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 20px;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all !important;
    transition-property: all !important;
    max-width: 300px;
    text-align: center !important;
    
}

input#gform_submit_button_2:hover,input#gform_submit_button_4:hover,input#gform_submit_button_5:hover,input#gform_submit_button_6:hover,input#gform_submit_button_7:hover {
     background-color: #666666;
}


/* Infolettre formulaire */

.form-infolettre {

    background-color: #f3f3f3;
    padding: 100px;
    margin-top:50px;
    border-radius:5px;
}

div#gform_fields_3 p.gform_required_legend {}

div#gform_fields_3 p.gform_required_legend {
    display:none;
}

div#gform_fields_3 p.NoteForme {
    font-size:10px;
    line-height:15px;
    margin:15px;
}

div#gform_fields_3 label.mceLabel {
    display: flex;
    color:#028dd3;
    font-weight:600;
    padding-left:20px;
    padding-bottom: 3px;
    
}


input#gform_submit_button_3:hover {
     background-color: #444444;
}
	

input#gform_submit_button_3 {

    margin-top: 40px;
    font-size: 20px;
    font-weight: 500;
    padding: .3em 1em;
    line-height: 1.7em !important;
    background-color: #498ca6;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 20px;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all !important;
    transition-property: all !important;
    max-width: 300px;
    text-align: center !important;
    
}



.gform_wrapper .gform_body input[type=text]:focus {
	outline: 2px solid #498CA6;
	outline-offset: -2px;
}

legend.gfield_label.gform-field-label {
    font-size:18px;
    font-weight:bold;
    color:#444444
}

button.add_list_item {

    background-color:#498ca6!important;
}

button.delete_list_item {
     background-color:#498ca6!important;
}
.gfield_checkbox input[type=checkbox]:checked {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #498ca6;
    background-color: #498ca6;
    z-index: 0;
	border-radius: 2px;
       color:#ffffff!important;
}
.gfield_checkbox input[type=checkbox]:checked::before{
 
    border: 2px solid #498ca6;
    background-color: #498ca6;
    z-index: 0;
	border-radius: 2px;
 color:#ffffff!important;
}

div#gfield_consent_description_6_8,div#gfield_consent_description_4_4 {
    border:0px;
}
input, textarea{
    border:1px #d1d1d1 solid!important;
	
}


/* equipe 

span.et_pb_image_wrap {
 float:right;
}


.et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column {
 margin-right: 35%;
} 

*/