/*
Theme Name: bb Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: Theme enfant du theme Beaver Builder theme. edition IA
Author: Cédric
Author URI: http://informatech.pro
template: bb-theme
*/

/* 
Effet hover photo module:
https://docs.wpbeaverbuilder.com/beaver-builder/layouts/modules/photo/add-hover-effects-to-the-photo-module/

Ne pas appliquer le css en édition :
body:not(.fl-builder-edit) {}

couleurs 
*/
:root {
--jaune: #FEBE10;
--marron: #544741;
--noir: #231F20;
--gris: #414142;
--bg: #f6f5f1;
}
/*
utilisation
.jaune-exemple {  background-color: var(--jaune);}
*/
/*
responsive 768px 992px 1200px
*/
/*
@font-face {
  font-family: "Jost";
  src:  url("../../../wp-content/themes/bb-theme-child/fonts/Jost-VariableFont_wght.ttf");
}
@font-face {
  font-family: "Jost";
  src:  url("../../../wp-content/themes/bb-theme-child/fonts/Jost-Italic-VariableFont_wght.ttf");
  font-style: italic, oblique;
}
*/

.justifie {text-align:justify;}
ul {font-size:22px;}
/*a {text-decoration:underline;}*/
/* titres h1 en background : Dans parametres de rangées > Style > code intégré */
body:not(.fl-builder-edit) .titre-bg {text-align:center;font-size:7em;color:#eee;text-transform:uppercase;font-weight:bold;margin-top:-20px;}
body:not(.fl-builder-edit) .titre-bg.bas {text-align: right;bottom: 0px;position:absolute;right:0;}
body:not(.fl-builder-edit) .titre-bg.gauche {text-align: left;left:0;bottom:0px;}
.titre-bg-noir span {background-color: black;padding:5px 20px;}

/** *******************************
HEADER
******************************** */
 @media (min-width: 992px) {.fl-page-nav-right .fl-page-header-wrap {border-bottom: 0px solid rgba(255,255,255,0.13);}}
  @media (min-width: 780px) {.fl-page-nav-right .fl-page-header-wrap {border-bottom: 0px solid rgba(255,255,255,0.13);}}

.fl-page-bar-text {display:block;width:100%;}
.barreduhaut {font-size:18px;}
.barreduhaut > span {display:inline-block;width:33.3%}
.barreduhaut .tel {text-align:left;}
.barreduhaut .adresse {text-align:center;}
.barreduhaut .rdv {text-align:right;}


.barreduhaut i::before {font-size:15px;}
@media only screen and (max-width:1400px) {
	.barreduhaut > span:nth-child(1), .barreduhaut > span:nth-child(3) {width:20%}
	.barreduhaut > span:nth-child(2) {width:60%}
}

@media only screen and (max-width:800px) {
	.barreduhaut > span {font-size:14px;}
}
@media only screen and (max-width:550px) {
	.barreduhaut > span {display:block;width:100%!important;text-align:center!important;padding:5px;}
	.barreduhaut > span a {text-decoration:underline;}
}

/* bg noir lors du defilement*/
header.fl-page-header.fl-shrink-header {background-color:black;}
/*bg noir sur les autres pages que la home*/
body:not(.home) header.fl-page-header {background-color:black;}

/** cacher l'entete sur les pages ressources */
/*body:not(.home, .page-id-86) header.fl-page-header {display:none;position:absolute;left:-99999px;}*/

body:not(.home) .fl-page-content {margin-top:155px;}
/*body:not(.logged-in) .fl-main-content {margin-top:152px;}*/
/** *************************
TITRES DOUBLE
***************************/

.uabb-module-content.uabb-dual-color-heading {background-image: url('./img/bg-titre.2x1.jpg'); background-repeat: no-repeat;background-position: center center; background-size: 100% 2px;}
.uabb-module-content.uabb-dual-color-heading .uabb-second-heading-text {margin-left: -9px;}

/** *********************************
CAPSULE
********************************** */


.list-col {display:inline-block;width:33%;font-size:22px;}

.link-more-silence {display:block;text-align:right;}
.link-more-silence > span{font-size:20px;border-bottom:1px solid black;}

/** *************************
Avantages
*****************************/
#avantages h3, .titre-souligne {font-size:18px;border-bottom:1px solid black;}

/** *******************************
Etude de cas
******************************** */
.cas-container {text-align:center;border:2px solid black;}
.cas-container h3 {margin-top:-25px;}
.cas-container h3 span {background-color:black;padding: 5px 40px;color: white;text-align:center;font-size:30px;}
.cas-container .prix {font-size:30px;margin-top:30px;}
.cas-container .precision {font-size:24px;margin-bottom:30px;}
.resultat .cas-container {background-color: black;}
.resultat .cas-container h3 span {background-color:white; color: black;border:2px solid black;}
.resultat .cas-container .prix {font-size:42px; color:white;}
.resultat .cas-container .precision {color: white;}

/** *******************************
menu pro
**************************/
#menu-ressources li ul {padding-right:25px;}
/** **********************************
espace client
*********************************** */
.titre-noir-trait .fl-heading {background-image: url('./img/bg-titre.blanc.2x1.jpg'); background-repeat: no-repeat;background-position: center center; background-size: 100% 2px;}
.titre-noir-trait .fl-heading span {display:inline-block;padding: 10px 20px;background-color:black;}
#connexion .fl-login-form .fl-form-field input[type="text"], #connexion .fl-login-form .fl-form-field input[type="password"] {border-radius:0px;}
#connexion .fl-button-wrap {border:2px solid white;}

/* bouton download Easy Media Download : https://noorsplugin.com/easy-media-download-plugin-for-wordpress/#wordpress-download-plugin-usage 
ligne 277 à 322 commentées dans plugin/easymediadownload = suppression du style*/
.dl-button {text-align:center;background-image: url('./img/download-white.28.png');background-repeat: no-repeat; background-position: 20px center; background-size: 20px 20px;
color: white;background-color:black;padding: 10px 20px 10px 48px; font-size:18px;display:block;
}
.dl-button:hover {color: white;background-color: #333;}
/*
.uabb-tabs .dl-img:after {transition: all 2s ease-out;}
.uabb-tabs .dl-img:hover img:after {content:" ";display:block;width:80%;height:80%;position:absolute;top:0px;left:0px;
	background-image: url('./img/download-white.28.png');background-repeat: no-repeat; background-position: center center; background-size: 20px 20px;background-color: rgba(0,0,0,0.5);}
*/

/** ******************************
espace client -jetpack crm
*********************************************/
/** formulaire*/
input[type="submit"].send {background-color: black!important;border-radius:0px!important;padding:20px!important;height:auto!important;font-size:20px!important;text-transform:uppercase!important;}
input.send:hover {background-color:#333!important;}

.zbscrmFrontEndForm .embed .cgrab .content {background-color:white!important;border:0px!important}

.zbscrmFrontEndForm .embed .cgrab .content .form-wrapper {margin:auto!important;}
.zbscrmFrontEndForm .embed .cgrab .content .form-wrapper > * {width:100%!important;}

.zbscrmFrontEndForm .embed .cgrab .content input {border:0px solid black!important;border-bottom-width:1px!important;border-radius:0px!important;margin-bottom:20px!important;}
.zbscrmFrontEndForm .embed .cgrab .content textarea {border:1px solid black!important;border-radius:0px!important;}

.zbsForm_success {color:green!important;}
.zbscrmFrontEndForm .embed .cgrab .content input::placeholder,
.zbscrmFrontEndForm .embed .cgrab .content textarea::placeholder {color:black!important;} 

/** formulaire CF7 */
.wpcf7-form label {width:100%;}
.wpcf7-form label input, .wpcf7-form label textarea {border-width: 0px 0px 1px 1px;border-radius:0px;border-color: black;margin-bottom:20px;}
.wpcf7-form input[type="submit"] {border-radius:0px;padding: 20px;width:100%;text-align: center;font-size:20px;text-transform: uppercase;}

.wpcf7-form a {text-decoration:underline;}

/* formulaire connexion*/
.login-form input.button.button-primary,  .login-form input.input {border-radius:0px;}

.form-bg-blanc .wpcf7-form label {}
.form-bg-blanc .wpcf7-form label input, .wpcf7-form label textarea {border-color: white;}
.form-bg-blanc .wpcf7-form input[type="submit"] {background-color: white; color: black;}
/** *******************************
Landing page
**************************/
.coord-lp {text-align: right;font-size: 20px;}

/** ******************************
responsive
*******************************/
@media only screen and (max-width:991px) {
	.fl-row {padding-left:10px;padding-right:10px;}
	.fl-rich-text ul {padding-left:0px;font-size:20px;list-style-position: inside;}
	.fl-module-content {margin-left:10px;margin-right:10px;}
	.titre-bg-noir span {display:inline-block;padding:5px;}
	.fl-row.fl-row-full-width.fl-row-bg-photo {padding-left:0px;padding-right:0px;}
	
	
	
	
}

@media only screen and (max-width:767px) {
	
	
	
	
	
}	

/** ***************************
Ressources
******************************/
/* elargir le contenu de l'accordeon racine */
.fl-module-advanced-tabs .fl-builder-module-template {  margin: 0;  max-width: 100%;}