/*
Theme Name: befor Child Theme
Author: Component Blox & E. C. Pragmacom for TIME
Description: Bootstrap Component Blox Child Theme
Version: 1.0
Template: bootstrap-component-blox
*/


/*
https://www.befor.be/pages/a-propos.html
https://www.befor.be/pages/plan-d-acces.html
https://www.befor.be/pages/tarifs.html
https://www.befor.be/pages/modalites.html
https://www.befor.be/pages/horaire.html
https://www.befor.be/pages/pilates.html
https://www.befor.be/pages/activites-test/aquagym.html
https://www.befor.be/pages/activites-test/aquabike.html
*/






@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
.Open-light {font-family: "Open Sans", sans-serif;font-weight:300;font-style:normal;}
.Open-light-lit {font-family: "Open Sans", sans-serif;font-weight:300;font-style:normal;font-size:0.8rem;}
.Open-regular{font-family: "Open Sans", sans-serif;font-weight:400;font-style:normal;}
.Open-regular-italic {font-family: "Open Sans", sans-serif;font-weight:400;font-style:italic;}
.Open-bold{font-family: "Open Sans", sans-serif;font-weight:700;font-style:normal;}
html{font-family: "Open Sans", sans-serif;}
body{font-family: "Open Sans", sans-serif;background-color:#FFFFFF;color:#132D38}
.timetool_logo{min-width:200px;}
@media (max-width: 576px) {
.timetool_logo{min-width:80px;}
}

h1{}


main{}
main.session{}
main.session_admin{background-color: #E8EBF3 !important;}
a {
  color: #32789C!important;
  text-decoration: none!important;
	 cursor: pointer;
}
a hover {
  color: #215068!important;
 
}

a:link {color: #32789C;text-decoration: none;}
a:visited {color: #32789C;}
a:hover {color: #215068;}
a:active {color: #215068;}
button p {color: #32789C;text-decoration: none;}
.text-justify {text-align:justify;}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #C6DE53;
  --bs-btn-border-color: #C6DE53;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #9EB142;
  --bs-btn-hover-border-color: #C6DE53;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #C6DE53;
  --bs-btn-active-border-color: #C6DE53;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #C6DE53;
  --bs-btn-disabled-border-color: #C6DE53;
}

.btn-outline-primary {
  --bs-btn-color: #C6DE53;
  --bs-btn-border-color: #C6DE53;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #C6DE53;
  --bs-btn-hover-border-color: #C6DE53;
  --bs-btn-focus-shadow-rgb: 13,110,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #C6DE53;
  --bs-btn-active-border-color: #C6DE53;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #C6DE53;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #C6DE53;
  --bs-gradient: none;
}

.text_primary{color:#C6DE53;}
.tt_orange{color:#ec7314;}
.btn-info {--bs-btn-color: #FFF;}
.tt_text_light{color:#BABABA;}
.form-floating label{color:#BABABA;}
a.btn-primary {color: #FFF;}
a.btn-secondary {color: #FFF;}
a.btn-info {color: #FFF;}
a:hover.btn-info {color: #FFF;}
.btn p {margin-top:0;margin-bottom:0;}
p.text_form {margin-top:0;margin-bottom:0;}
p.text_form_lit {font-size:0.9rem;line-height:0.9rem;color:#8C8C8C}
input[type="checkbox"] {transform: scale(1.3);}
input[type="radio"] {transform: scale(1.3);}
.form-check-input:checked {background-color:#C6DE53;border-color:#9EB142;}
.text_small_rem{font-size:0.8rem;color:#0B868B;}
.text_small_monit{font-size:0.8rem;color:#0B868B;}
.site-info{font-size:0.8rem;font-weight:300;padding-bottom:20px;}


.back_border_gris_space{border: 1px solid #D7D7D7;}
.bg_recup_content{background-color: #E7FAFF;}    
.mention_payed{background-color: #EDF5CB;}
input::placeholder {color:#BABABA !important;}
/*input[type="text"]{padding-inline:45px;}*/
.grayscale { filter: grayscale(100%); }
.card-header{background-color: none!important;}
.tt_container_card {position:relative;}
.tt_content_card {position: absolute;bottom:10px;right:0px;left:0px;opacity:0.9;padding-left:20px;padding-right:20px;padding-top:10px;}
.tt_titr_card{font-size:2rem;line-height:1.6rem;padding-bottom:10px;}
.tt_text_card{font-size:1.1rem;line-height:1.3rem;}
.tt_icon_bg_body{background-color:#F8F9FA;}
.tt_icon_container{text-align:center;}
.tt_icon_container p {margin-top:0!important;margin-bottom:0!important;}
.tt_icon{max-weight:32px;display:block;}
.tt_icon_current_bg{background-color: #FFFFFF;}
.tt_icon_panier_bg{background-color: #C6DE53;}
.tt_fil{background-color: #C6DE53;padding-top:1rem;padding-bottom:0.6rem;}
.back_tt_icon_green{background-color: #EAFFEF;}
.back_espace_modal{background-color: #E5E5E5;}
p.website{display: none;}
p.choice{display: none;}
.no_display{display:none;}
.mention_admin{background-color:#cff4fc;color:#000000;padding:1px;margin:0px;font-size:0.8rem;}
.panier_box_direct{padding-top: 25px;background-color: #C6DE53;box-shadow: 0px 0px 32px 0px #B0B0B0;padding-bottom:25px;padding-left:8px;padding-right:8px;}
.panier_box_acompte{padding-top: 25px;background-color: #D4E292;box-shadow: 0px 0px 26px 0px #B0B0B0;padding-bottom:25px;padding-left:8px;padding-right:8px;}
.panier_box_sepa{padding-top: 25px;background-color: #DCE4B8;box-shadow: 0px 0px 20px 0px #B0B0B0;padding-bottom:25px;padding-left:8px;padding-right:8px;}
.panier_box_bleu{padding-top: 25px;background-color: #D8E3F0;box-shadow: 0px 0px 14px 0px #B0B0B0;padding-bottom:25px;padding-left:8px;padding-right:8px;}
.timetool_nav{font-size: 1.2rem;font-weight: 300;}
.timetool_nav a{color:#4C4C4C;}
.menu-star{font-size:1rem;font-weight:300;padding-left:0.6rem;padding-top:0.6rem;background-color:#A1BB24;color:#FFFFFF}
.menu-star h5{margin-bottom:0rem;font-size:1.3rem;font-weight:300;color:#FFFFFF;text-align:center;}
.menu-star p{font-size:1.3rem;font-weight:300;color:#FFFFFF;text-align:center;margin:0 !important;padding:0 !important;}




@media (max-width: 576px) {
.menu-star{font-size:0.9rem;font-weight:300;padding-left:0.6rem;padding-top:0.6rem;background-color:#A1BB24;color:#FFFFFF}
.menu-star h5{margin-bottom:0rem;font-size:0.9rem;font-weight:300;color:#FFFFFF;text-align:center;}
.menu-star p{font-size:1.1rem;font-weight:300;color:#FFFFFF;text-align:center;margin:0 !important;padding:0 !important;}
}
.dashboard_garant_gift{font-size:1rem;font-weight:300;background-color:#A1BB24;padding:1rem;color:#FFFFFF;text-align: center;}
.tt_bar{text-decoration:line-through;}
@media (max-width: 992px) {}

@media (max-width: 768px) {}

@media (max-width: 576px) {
.timetool_nav{font-size: 0.9rem;}
.tt_titr_card{font-size:1rem;line-height:0.9rem;padding-bottom: 2px;}
.tt_content_card{padding-top:2px;padding-bottom:2px;}
.alert{font-size:0.9rem;line-height:0.9rem;}
.text_form{font-size:0.7rem;line-height:0.9rem;}
}

/*specifiq*/

body{font-family: "Open Sans", sans-serif;background-color:#D7EFF5;color:#132D38}
.modal-content{color: #005672;}
 /* Container holding the image and the text */
.container_card {position: relative;}
.content_card {
  position: absolute;
  bottom: 20px;
	right: 0px;
  left: 0px;
  background-color: #F4FCFF;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}
.titr_card{font-size:2rem;}
.nav_logo {max-width: 200px;}
.btn-success, .btn-secondary, .btn-primary {
 color: #FFFFFF!important;
}
.card_tt{
	padding: 0px;
	margin: 0px;
    border-radius: 0px;
    background-color: #FFFFFF;
    border-width: 1px;
    border-color: #6D6D6D;
	box-shadow: 0 4px 12px rgba(33, 44, 55, 0.12);
	
}
.card_tt p{
    text-align: center;
	padding: 1rem;
}
.btn-outline-danger {
  --bs-btn-color: #dc3545!important;
  --bs-btn-border-color: #dc3545!important;
  --bs-btn-hover-color: #fff!important;
  --bs-btn-hover-bg: #dc3545!important;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220,53,69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}

a.btn-outline-danger {color:#dc3545!important;}
a.btn-info{color:#FFFFFF!important;}
.active > .page-link, .page-link.active {color:#FFFFF;background-color:#7E8D34;border-color:#7E8D34;}




.centered {
  position: absolute;
  top: 140px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.top {
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translate(-50%, -50%);
}
#td-session-header .top {top: 80px;}



#td-main-header {
  height: 250px;
  overflow: hidden;
  background-position: 100% 100%;
  background-color: #F4FCFF;
  background-repeat: no-repeat;
}
#td-session-header {
  height: 250px;
  overflow: hidden;
  background-position: 100% 100%;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
}

@media (max-width: 768px) {
#td-main-header {height: 350px;  
}
}

@media (max-width: 576px) {
#td-session-header .centered {top: 80px;}
#td-session-header {height: 160px;}
#td-main-header {height: 200px;}
}

.navbar-light{background-color: #FFFFFF;}
.nav-link a{color:#F4FCFF}
.navbar a{color:#F4FCFF}

.position-relative {
  position: relative !important;
}

/*formulaires*/
.message_text textarea{resize:none;height:120px!important;}
.textarea_danger{border:1px solid red !important;}




.w-100 {width:100% !important;}
img, svg {vertical-align: middle;}
.h-100 {height: 100% !important;}
.display-4 {font-weight:300;line-height:1.2;font-size:3.5rem;}
@media (min-width: 1200px){
.display-4 {font-size: 3.5rem;}
}
@media (max-width: 576px) {.display-4 {font-size: 1.9rem;}
}

.divider {margin: 5px auto 0;width:120px;position:relative;}
.position-relative{ position: relative;}
.container2 {position:relative;text-align:center;color:#005672;}

h2{margin-bottom: 1.5rem;color:#005672}

.titre_activit {
padding-top: 10px !important;
padding-right: 2px !important;
padding-bottom: 10px !important;
padding-left: 2px !important;
background-color: #f4f4f4 !important;
}

.titre_activit h4{
    font-weight: 700 !important;
    color: #3B9872;
}

.footer_grey{background-color: #f6f3e1;}
.text_blue{color:#0EC8EC}
.text_red{color:#DD0815}
a.text_red{color:#DD0815}
.text_grey{color:#C6C6C6}
.text_white{color:#FFFFFF}
.text_green{color:#67D091}
.text_green_fonc{color:#00CF52}
.back_green{background-color: #67D091;}
.back_grey_green{background-color: #EFF1EF;}
.back_admin{background-color: #CFF4FC;}
.panier_box_vert{padding-top: 25px;padding-bottom: 25px;box-shadow: 0px 0px 32px 0px #B0B0B0;background-color: #f4fff4;}
.panier_box_bleu{padding-top: 25px;padding-bottom: 25px;box-shadow: 0px 0px 12px 0px #bbbbbb;}




.back_border_gris_space{padding: 1em;
	border: 1px solid #eaeaea;
	margin-top: 1em;
	margin-bottom: 1em;
}
/*atp juin 2019*/
.back_bleu{color: #FFF;background-color: #0ca9e0;text-transform: uppercase;padding: 1rem;font-size: 1.8rem;}
.titr_bleu{color: #0ca9e0;background-color: #FFFFFF;text-transform: uppercase;padding: 1rem;font-size: 1.8rem;}
.text_bleu{color: #0ca9e0;}

.back_border_gris_space_goutte{
	padding: 1em;
	border: 1px solid #eaeaea;
	margin-top: 1em;
	margin-bottom: 1em;
	background-color: #c4e2ed;
}




.spc_card{
    padding-top: 15rem;
}
@media (max-width: 576px) {
.spc_card{
    padding-top: 10rem;
}
}


.back_grey {background-color: #AFAFAF;}
.back_green {background-color: #67D091;}
.modal-body {padding: 20px 30px 25px;}
.modal-body {position: relative;}
p.website{display: none;}
p.choice{display: none;}
.no_display{display:none;}
/*.btn-primary{background-color: #6F6;}*/
.mention_admin{background-color: #FBC1BF;}
.mention_payed{background-color: #ABF885;}
.mention_absenc{background-color: #FB9F80;}
.mention_non_venue{background-color: #f36953;color:#FFFFFF}

label{
    font-size: 0.9rem;
	color:#525252
}
.form-control::-moz-placeholder {
  color:#C6C6C6!important;
  opacity: 1;
}
.form-control::placeholder {
   color:#C6C6C6!important;
  opacity: 1;
}

.form-control.is-valid, .was-validated .form-control:valid {
  
  padding-right: 0rem!important;
  background-image: none !important;
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}


.wpb_single_image a {
    cursor: pointer;
}




/*
a.menu_links {
    cursor: pointer;
}
.funkids_box{
	
	
	background-color: #FFFFFF;
height: 42rem;

}
*/



.photo-gallery {
  color:#313437;
  background-color:#fff;
}

.photo-gallery p {
  color:#7d8285;
}



@media (max-width:767px) {
  .photo-gallery h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
}

.photo-gallery .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom:0;
}

.photo-gallery .photos {
  padding-bottom:20px;
}

.photo-gallery .item {
  padding-bottom:30px;
}



/*
.input.big_check{
transform: scale(5);
}

.form-check .form-check-input {
  float: left;
  margin-left: -2.5em;
}

.form-check-input {
  width: 2em;
  height: 2em;
  margin-top: .5em;
	border: solid #000000;
  
}
*/

.footer-widgets{
    background-color: #FFFFFF;
    font-size: 0.8rem;
}

/*
@media (max-width: 992px) {}

@media (max-width: 768px) {}

@media (max-width: 576px) {}