/*
Theme Name:     MedicalPlus Child
Description:    Thème enfant pour MedicalPlus
Author:         fatfish
Author URI:     https://fatfish.ca
Template:       medicalplus
Version:        1.0.0
*/

@import url("../medicalplus/style.css");

/***
*     ######   ######## ##    ## ######## ########     ###    ##       
*    ##    ##  ##       ###   ## ##       ##     ##   ## ##   ##       
*    ##        ##       ####  ## ##       ##     ##  ##   ##  ##       
*    ##   #### ######   ## ## ## ######   ########  ##     ## ##       
*    ##    ##  ##       ##  #### ##       ##   ##   ######### ##       
*    ##    ##  ##       ##   ### ##       ##    ##  ##     ## ##       
*     ######   ######## ##    ## ######## ##     ## ##     ## ######## 
*/
.valign { display:table; width: 100%; height: 100%;  }
.valign > div { display:table-cell; vertical-align: middle; }
.valign > div > *:first-child { margin-top: 0!important; }
.valign > div > *:last-child { margin-bottom: 0!important; }

.center { text-align: center; margin-left: auto; margin-right: auto; }

.grey_bg { background-color: #f0f0f0; }

.custom_btn { border: 2px solid #7c466a!important; background: none!important;  }
.custom_btn .btn-hover-bg { background-color:#7c466a!important;  }
.custom_btn .btn-content { color: #7c466a!important; }
.custom_btn:hover .btn-content { color: #fff!important; }

.custom_btn_vert { background-color: #fff!important; }
.custom_btn_vert .btn-hover-bg { background-color:#a3dc01!important;  }
.custom_btn_vert .btn-content { color: #7c466a!important; }
.custom_btn_vert:hover .btn-content { color: #fff!important; }

.custom_btn_mauve { background-color: #7c466a!important; border: 2px solid #7c466a!important; }
.custom_btn_mauve .btn-hover-bg { background-color:#fff!important;  }
.custom_btn_mauve .btn-content { color: #fff!important; }
.custom_btn_mauve .btn-content:after { display: none!important; }
.custom_btn_mauve:hover .btn-content { color: #fff!important; }

.container img { max-width: 100%; height: auto!important; }

.subheader .subheader-content h2 { color: #7c466a; margin-bottom: 0px; }

.wpb_wrapper p a { color: #7b405b; }
.wpb_wrapper p a:hover { color: #428bca; }


/***
*    ########  #######  ########  ##     ## 
*    ##       ##     ## ##     ## ###   ### 
*    ##       ##     ## ##     ## #### #### 
*    ######   ##     ## ########  ## ### ## 
*    ##       ##     ## ##   ##   ##     ## 
*    ##       ##     ## ##    ##  ##     ## 
*    ##        #######  ##     ## ##     ## 
*/
.ginput_container_checkbox { background-color: #eee; margin-bottom: 15px; margin-top: 0px; }
.ginput_container_checkbox li { display: inline-block; white-space: nowrap; vertical-align: middle; margin-bottom: 0px!important; }
.ginput_container_checkbox li input { display: inline-block!important; vertical-align:top; margin-left:10px!important; margin-top: 14px!important;  height: auto!important; }
.ginput_container_checkbox li label { display: inline-block!important; vertical-align:top; margin-left:5px!important; line-height: 40px!important;}

.ginput_container_select select {
  font-size: inherit;
  font-family: inherit;
  padding: .313em 0;
  letter-spacing: normal;
  text-indent: .25em;
  border-radius: 0;
  box-shadow: none;
  border: 2px solid rgba(0,0,0,0.12);
  height: 40px;
}

.gform_wrapper .top_label li.gfield.gf_left_half input.large, .gform_wrapper .top_label li.gfield.gf_left_half input.medium, .gform_wrapper .top_label li.gfield.gf_left_half select.large, .gform_wrapper .top_label li.gfield.gf_left_half select.medium, .gform_wrapper .top_label li.gfield.gf_right_half input.large, .gform_wrapper .top_label li.gfield.gf_right_half input.medium, .gform_wrapper .top_label li.gfield.gf_right_half select.large, .gform_wrapper .top_label li.gfield.gf_right_half select.medium{
  width: 100%!important;
}

.gform_wrapper textarea.medium{
  width: 99%!important;
}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium{
  width: 49%!important;
}

/***
*    ##     ## ########    ###    ########  ######## ########  
*    ##     ## ##         ## ##   ##     ## ##       ##     ## 
*    ##     ## ##        ##   ##  ##     ## ##       ##     ## 
*    ######### ######   ##     ## ##     ## ######   ########  
*    ##     ## ##       ######### ##     ## ##       ##   ##   
*    ##     ## ##       ##     ## ##     ## ##       ##    ##  
*    ##     ## ######## ##     ## ########  ######## ##     ## 
*/
.site-logo,
.site-logo * { box-sizing: border-box; position: relative; }
.site-logo { padding-top: 10px; padding-bottom: 10px; height: 100%; }
.site-logo a { height: 100%; line-height: normal!important; }
.site-logo a img { height: 100%!important; top: 0!important;  left: 0!important; width: auto!important; }

.primary-nav .fullsize-nav-ul > li { vertical-align: middle; }
.primary-nav .fullsize-nav-ul > li.cta .ceres-button-solid:hover { background-color:#7c466a!important; border-color:#7c466a!important; background: none!important; }
.primary-nav .fullsize-nav-ul > li.cta .ceres-button-solid:hover .btn-content { color:#7c466a!important; }

.show-sticky-header .primary-nav .fullsize-nav-ul > li.cta .ceres-button-solid { padding: 5px 10px; }

.cta_mobile { text-align: center; padding-bottom: 10px; padding-top: 10px; display: none; }
.cta_mobile a { margin-right: 0px!important; }
.cta_mobile .phone-number { margin-top: 5px; font-weight: bold; font-size: 1.2em; }

.header-topbar .site-description,
.header-topbar .phone-number-text { font-size: 1.3em; font-weight: bold; }

.mozilla .primary-nav .fullsize-nav-ul .dropdown-menu { margin-top: -2px; }

/***
*     #######  ##     ## ######## ########  ##          ###    ##    ## 
*    ##     ## ##     ## ##       ##     ## ##         ## ##    ##  ##  
*    ##     ## ##     ## ##       ##     ## ##        ##   ##    ####   
*    ##     ## ##     ## ######   ########  ##       ##     ##    ##    
*    ##     ##  ##   ##  ##       ##   ##   ##       #########    ##    
*    ##     ##   ## ##   ##       ##    ##  ##       ##     ##    ##    
*     #######     ###    ######## ##     ## ######## ##     ##    ##    
*/
.overlay { overflow-x:hidden; overflow-y:scroll; position: fixed; top:0; left: 0; z-index: 11000; width: 100%; height: 100%;  text-align: center; display: none; padding-top: 80px; padding-bottom: 80px; }
.overlay::-webkit-scrollbar { display: none; }
.overlay .message { background-color: #fff; padding: 20px; text-align: left; display: inline-block; .box-shadow; z-index: 520; position: relative; max-width: 800px; width: 90%; }
.overlay .message .close_btn { position: absolute; top: -40px; right: 0; cursor: pointer; }
.overlay .bg { position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 510; }

.overlay .gform_wrapper { margin-left: 1.5%; }
.overlay .gform_wrapper .gform_footer .gform_button { margin-bottom: 0px; }



/***
*    ####  ######   #######  ##    ##    ########  ##        #######   ######  ##    ## 
*     ##  ##    ## ##     ## ###   ##    ##     ## ##       ##     ## ##    ## ##   ##  
*     ##  ##       ##     ## ####  ##    ##     ## ##       ##     ## ##       ##  ##   
*     ##  ##       ##     ## ## ## ##    ########  ##       ##     ## ##       #####    
*     ##  ##       ##     ## ##  ####    ##     ## ##       ##     ## ##       ##  ##   
*     ##  ##    ## ##     ## ##   ###    ##     ## ##       ##     ## ##    ## ##   ##  
*    ####  ######   #######  ##    ##    ########  ########  #######   ######  ##    ## 
*/
.custom-ceres-icon-block { padding-left:55px; padding-right: 20px; position: relative; }
.custom-ceres-icon-block img { position: absolute; top: -10px; left: 0px; }



/***
 *    ########   #######   ######  ########  #######  ########  
 *    ##     ## ##     ## ##    ##    ##    ##     ## ##     ## 
 *    ##     ## ##     ## ##          ##    ##     ## ##     ## 
 *    ##     ## ##     ## ##          ##    ##     ## ########  
 *    ##     ## ##     ## ##          ##    ##     ## ##   ##   
 *    ##     ## ##     ## ##    ##    ##    ##     ## ##    ##  
 *    ########   #######   ######     ##     #######  ##     ## 
 */
.eg-zebu-doctor-content { background-color:#f0f0f0!important; }
.eg-zebu-doctor-content .eg-zebu-doctor-element-0,
.eg-zebu-doctor-content .eg-zebu-doctor-element-3,
.eg-zebu-doctor-content .eg-zebu-doctor-element-6 { background:none!important; }
.eg-zebu-doctor-content .eg-zebu-doctor-element-0:hover,
.eg-zebu-doctor-content .eg-zebu-doctor-element-3:hover,
.eg-zebu-doctor-content .eg-zebu-doctor-element-6:hover { background:none!important; }


/***
*     ######  #### ##    ##  ######   ##       ########     ######  ######## ########  ##     ## ####  ######  ######## 
*    ##    ##  ##  ###   ## ##    ##  ##       ##          ##    ## ##       ##     ## ##     ##  ##  ##    ## ##       
*    ##        ##  ####  ## ##        ##       ##          ##       ##       ##     ## ##     ##  ##  ##       ##       
*     ######   ##  ## ## ## ##   #### ##       ######       ######  ######   ########  ##     ##  ##  ##       ######   
*          ##  ##  ##  #### ##    ##  ##       ##                ## ##       ##   ##    ##   ##   ##  ##       ##       
*    ##    ##  ##  ##   ### ##    ##  ##       ##          ##    ## ##       ##    ##    ## ##    ##  ##    ## ##       
*     ######  #### ##    ##  ######   ######## ########     ######  ######## ##     ##    ###    ####  ######  ######## 
*/
body.single-service .site-content-wrapper > .container { width: 100%; }
body.single-service .site-content-wrapper > .container > .row > .col-md-9 { width: 100%; padding-left: 0px; padding-right: 0px; float: none; }
body.single-service .site-content-wrapper > .container > .row > .col-md-3 { display: none; }
body.single-service .ceres-element.ceres-separator-styled hr { border-color: #7c466a!important; }

.bandeau_cta { background-color:#7c466a; color: #fff; padding: 30px 0; text-align: center; margin-top: 30px; }
.bandeau_cta h4 { color: #fff; margin-right: 40px; margin-bottom: 0px; position: relative; top: 4px; }
.bandeau_cta .container > * { display: inline-block; }

.container_liste_de_docteurs > * { box-sizing: border-box; }
.container_liste_de_docteurs > ul { padding: 0px; margin-left: -5px; margin-right: -5px; margin-top: -20px;  }
.container_liste_de_docteurs > ul.align_center { text-align: center; }
.container_liste_de_docteurs > ul > li { display: inline-block; width: 33.33%; padding: 20px; vertical-align: top; text-align: left; } 

/* Conteneur */
.container_liste_de_docteurs .eg-zebu-doctor-content { 
    padding: 30px 30px 30px 30px;
    border-width: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    border-color: transparent;
    border-style: double;
    text-align: left;
}
/* Nom du docteur */
.container_liste_de_docteurs .eg-zebu-doctor-element-0{ 
    font-size: 14px;
    line-height: 20px;
    color: #363839;
    font-weight: 700;
    padding: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    background-color: rgba(255,255,255,1.00);
    z-index: 2 !important;
    display: block;
    font-family: "Montserrat";
    text-transform: uppercase;
}
.container_liste_de_docteurs .eg-zebu-doctor-element-0:hover { color: #a3dc01; } 

/* Catégorie */
.container_liste_de_docteurs .eg-zebu-doctor-element-3{ 
    font-size: 12px !important;
    line-height: 22px !important;
    color: #aaaaaa;
    font-weight: 400 !important;
    display: block !important;
    text-align: left !important;
    clear: none !important;
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    border-radius: 0px 0px 0px 0px !important;
    position: relative !important;
    z-index: 2 !important;
    font-family: "Montserrat" !important;
    text-transform: capitalize !important;
}
.container_liste_de_docteurs .eg-zebu-doctor-element-3:hover { color: #a3dc01; } 

.container_liste_de_docteurs .eg-zebu-doctor-element-6{
    font-size: 13px !important;
    line-height: 22px !important;
    color: #777777 !important;
    font-weight: 400 !important;
    display: block !important;
    text-align: left !important;
    clear: none !important;
    margin: 15px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    position: relative !important;
    z-index: 2 !important;
    font-family: "Open Sans" !important;
}
/* Lien voir le profil */
.container_liste_de_docteurs .eg-zebu-doctor-element-37-a { display: inline-block; margin-top: 23px; }
.container_liste_de_docteurs .eg-zebu-doctor-element-37{
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 800;
    padding: 5px 10px 5px 10px;
    border-radius: 0px 0px 0px 0px;
    background-color: rgba(0,0,0,0.25);
    z-index: 2 !important;
    display: block;
    font-family: "Montserrat";
    text-transform: uppercase;
}
.container_liste_de_docteurs .eg-zebu-doctor-element-37:hover{ background-color: #7b405b; }




/***
*    ########  ##        #######   ######   ##     ## ######## 
*    ##     ## ##       ##     ## ##    ##  ##     ## ##       
*    ##     ## ##       ##     ## ##        ##     ## ##       
*    ########  ##       ##     ## ##   #### ##     ## ######   
*    ##     ## ##       ##     ## ##    ##  ##     ## ##       
*    ##     ## ##       ##     ## ##    ##  ##     ## ##       
*    ########  ########  #######   ######    #######  ######## 
*/
/*
body.blog .site-content-wrapper > .container { width: 100%; }
body.blog .site-content-wrapper > .container > .row > .col-md-9 { width: 100%; float: none; max-width: 1170px; margin-right: auto; margin-left: auto; }*/

body.single-post .site-content-wrapper > .container > .row > .col-md-9 { width: 100%; float: none; margin-right: auto; margin-left: auto; }
body.single-post .site-content-wrapper > .container > .row > .col-md-3 { display: none!important; }

.tease-post.type-post .post-preview-excerpt a { display: none; }

.share_posts { border: 1px solid #7b405b; display: inline-block; }
.share_posts > * { line-height: 50px; display: inline-block; vertical-align: top; }
.share_posts > div { padding: 0 20px; text-transform: uppercase; } 
.share_posts > a { width: 50px; text-align: center; border-left: 1px solid #7b405b; color:#7b405b; font-size: 18px; }
.share_posts > a:hover { color: #fff; background-color:#7b405b;  }

/***
*    ########    ###     #######  
*    ##         ## ##   ##     ## 
*    ##        ##   ##  ##     ## 
*    ######   ##     ## ##     ## 
*    ##       ######### ##  ## ## 
*    ##       ##     ## ##    ##  
*    ##       ##     ##  ##### ## 
*/
.wpb_accordion.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_section.group .wpb_accordion_header.ui-accordion-header a { color:#7c466a; }


/***
*    ########  #######   #######  ######## ######## ########  
*    ##       ##     ## ##     ##    ##    ##       ##     ## 
*    ##       ##     ## ##     ##    ##    ##       ##     ## 
*    ######   ##     ## ##     ##    ##    ######   ########  
*    ##       ##     ## ##     ##    ##    ##       ##   ##   
*    ##       ##     ## ##     ##    ##    ##       ##    ##  
*    ##        #######   #######     ##    ######## ##     ## 
*/
footer .textwidget { color: #fff; }

#footer a { color: #fff; }
#footer a:hover { text-decoration:underline; }
#footer a i { background-color: #7b405b; border-radius: 2px; display: inline-block; width: 25px; line-height: 25px; text-align: center; margin-top: 5px; margin-right: 10px; }
#footer .footer-main-wrapper { background-color: #232426; }
#footer .subfooter-wrapper { background-color: #111; }
#footer .bigger {font-weight: bold; font-size: 1.2em; }
#footer .subfooter-wrapper .copyright, 
#footer .subfooter-wrapper .quicklinks a { font-weight: bold; font-size:14px!important; color: #fff!important; }

/***
*    ##     ## ######## ########  ####    ###        #######  ##     ## ######## ########  ##    ## 
*    ###   ### ##       ##     ##  ##    ## ##      ##     ## ##     ## ##       ##     ##  ##  ##  
*    #### #### ##       ##     ##  ##   ##   ##     ##     ## ##     ## ##       ##     ##   ####   
*    ## ### ## ######   ##     ##  ##  ##     ##    ##     ## ##     ## ######   ########     ##    
*    ##     ## ##       ##     ##  ##  #########    ##  ## ## ##     ## ##       ##   ##      ##    
*    ##     ## ##       ##     ##  ##  ##     ##    ##    ##  ##     ## ##       ##    ##     ##    
*    ##     ## ######## ########  #### ##     ##     ##### ##  #######  ######## ##     ##    ##    
*/

/* ===============================================*/
/* Portable/Desktop
/* ===============================================*/
@media screen and (max-width: 1600px) {

  .section_cta { text-align: center; padding: 40px 20px; }
  .section_cta .vc_column_container { width: 100%; float: none; }
  .section_cta .vc_empty_space { height: auto!important; }
  .section_cta h4 { text-align: center!important; display: block; float: none; }
}

/* ===============================================*/
/* Tablette
/* ===============================================*/
@media screen and (max-width: 1200px) {
  .cta_mobile { display: block; }

  .overlay { position: absolute; z-index: 120000; overflow: scroll; height: auto; }
  .overlay .bg { z-index:120100; background: none; }
  .overlay .message { z-index:120200; }

  body.overlay_ouvert .site-content-wrapper > header,
  body.overlay_ouvert .site-content-wrapper > .cta_mobile,
  body.overlay_ouvert .site-content-wrapper > .subheader,
  body.overlay_ouvert .site-content-wrapper > .subheader + div,
  body.overlay_ouvert .site-content-wrapper > .content-wrapper,  
  body.overlay_ouvert .site-content-wrapper > .intro-section-wrapper,
  body.overlay_ouvert .site-content-wrapper > #footer { position: relative; } 

  body.overlay_ouvert .site-content-wrapper > .subheader { border:none; }


  body.overlay_ouvert .site-content-wrapper > header:after,
  body.overlay_ouvert .site-content-wrapper > .cta_mobile:after,
  body.overlay_ouvert .site-content-wrapper > .subheader:after,
  body.overlay_ouvert .site-content-wrapper > .subheader + div:after,
  body.overlay_ouvert .site-content-wrapper > .content-wrapper:after,  
  body.overlay_ouvert .site-content-wrapper > .intro-section-wrapper:after,
  body.overlay_ouvert .site-content-wrapper > #footer:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); display: block; } 


}

/* ===============================================*/
/* Mobile
/* ===============================================*/
@media screen and (max-width: 800px) {
  .bandeau_cta h4 { color: #fff; margin-right: 0px; margin-bottom: 0px; top: 0px; display: block; }
  .bandeau_cta a { margin-top: 20px; }
  .google_maps_custom .wpb_wrapper > div { height: 200px!important; }

  .btn { white-space: normal!important; }
  .btn i {display: none!important }

  .rev_slider_wrapper .btn {  white-space: nowrap!important; }

  .gform_wrapper li.gfield.gf_left_half { width: 100%!important;  }
  .gform_wrapper li.gfield.gf_right_half { width: 100%!important;  }
  .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium { width: 100%!important; }

  .container_liste_de_docteurs > ul > li { width: 100%; padding-left: 0px; padding-right: 0px; }

}