/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 26 2022 | 14:39:27 */
/* Ajouter votre code CSS ici.
                     
Par exemple:
.exemple {
    color: red;
}

Pour améliorer vos connaissances en CSS, visitez http://www.w3schools.com/css/css_syntax.asp

Fin du commentaire */ 


.campaign-summary.current-campaign.feature-block.cf.campaign-has-countdown.campaign-has-goal .campaign-image .campaign-status-tag{
  margin: 0 0rem 5rem 2rem;
  z-index: 99;
  bottom: 0;
  transform: unset !important;
}
.charitable-user-posts.charitable-user-campaigns .charitable-campaign{
  float: unset !important;
}

.meta.meta-byline.center{
  display: none;
}

.campaign-grid.campaign-loop .campaign.hentry, .campaign-grid.masonry .campaign.hentry{
    padding: 14px 14px 0px 14px;
    padding: 0rem 1.4rem 0rem 1.4rem;
}
#charitable_field_categories{
  width:100% !important;
}
.charitable-form-field.charitable-form-field-multi-checkbox li{
  width: 33.333333% !important;
  display: flex;
  flex-direction: column;
  margin: auto !important;
  text-align: center;
}
.charitable-form-field.charitable-form-field-multi-checkbox li input{
  width: 100%;
}
/**********/
	.TwoTT {margin: auto; display: block; margin-bottom: 2%;}
	.MyAccBox img{width: 1%; margin: auto; display: block;}
	.ForLos .Dimg{ margin: auto;display: table-cell; vertical-align: middle;}
	.ForLos img{width: 35%; margin: auto;display: block;}
	.TT1{ font-size: 22px; font-weight: 700; height: 22px; }
	.TT2{ font-size: 19px; font-weight: 400; height: 60px; width: 90%; display: block;margin: auto; margin-bottom: -2%;}
	.ForLos {height: 150px; width: 60%; background-image: url(https://collecter.life-ong.org/wp-content/uploads/2020/01/Accueil-losange1.png); background-position: center; background-size: cover; background-repeat: no-repeat; margin: auto; display: table; }
	.TT3{ font-size: 19px; font-weight: 700; height: 25px; margin: auto; display: table-cell; width: 100%; vertical-align: middle;} 
/*********/
.FirstBox1{ position: absolute; bottom: -125%; left: -5%;}
.FirstBox2{ position: absolute; bottom: -125%; left: 25%;}
.FirstBox3{ position: absolute; bottom: -110%; right: 20%;}
.FirstBox4{ position: absolute; bottom: 10%; right: -15%;}
.MyBox .elementor-column-wrap{ height: 280px; }

@media only screen and (max-width: 1450px){	.FirstBox4{ bottom: -3%; right: -10%;} }
@media only screen and (max-width: 1300px){	.FirstBox4{ bottom: -10%; right: -5%;} }
@media only screen and (max-width: 1150px){	.FirstBox4{ bottom: -35%; right: 0%;} }
@media only screen and (min-width: 768px) and (max-width: 950px){	
	.elementor-column.elementor-col-25.FirstBox1, .elementor-column.elementor-col-25.FirstBox2, .elementor-column.elementor-col-25.FirstBox3, .elementor-column.elementor-col-25.FirstBox4 { width: 40% !important;}
	.ForLos {width: 45%; height: 140px}
	.FirstBox1{ bottom: -115%; left: -10%;}
	.FirstBox2{ bottom: -115%; left: 20%;}
	.FirstBox3{ bottom: -100%; right: 13%;}
	.FirstBox4{ bottom: -44%; right: -5%;}
}

@media only screen and (min-width: 768px){	#MyStepOrd{display: block;}	#MyStepMob{display: none;}  }
@media only screen and (max-width: 768px){	#MyStepOrd{display: none !important;}	#MyStepMob{display: block;}  }


.MyBIcon{width: auto !important;     height: 70px !important;}

@media only screen and (max-width: 650px){
    #MyFConnexion #charitable_field_campaign_category ul {width: 100% !important}
    #MyFConnexion .MyBIcon{height: 60px !important; width: auto !important;}
}

@media only screen and (max-width: 1150px){
	.Mycenter img.MyBIcon{width: auto !important; height: 70px !important;}
}
@media only screen and (max-width: 950px){
	.Mycenter img.MyBIcon{width: auto !important; height: 70px !important;}
}

@media only screen and (max-width: 450px){
	#MyFConnexion .MyBIcon{
		height: 45px !important;
		width: auto !important;
	}
}

/**general**/
#MyFConnexion ol .campaign-widget span {color: #ff8100;}
#MyFConnexion ol .campaign-widget a:hover { color: #ff8100;}
#MyFConnexion ol .campaign-widget .user-post-actions { border-top: 1px solid #ff8100;}
#MyFConnexion ol .campaign-widget .campaign-stats.barometer-added img.camp-stats-custom-img{width: 22% !important; height:auto !important; filter: invert(61%) sepia(62%) saturate(5500%) hue-rotate(-35deg) brightness(86%) contrast(121%)}
/**general**/

/**EAU**/

#MyFConnexion .campaign_category-eau span {color: #3bb4fd !important;}
#MyFConnexion .campaign_category-eau a:hover { color: #3bb4fd !important;}
#MyFConnexion .campaign_category-eau .user-post-actions { border-top: 1px solid #3bb4fd !important;}
#MyFConnexion .campaign_category-eau .campaign-stats.barometer-added img.camp-stats-custom-img{width: 22% !important; height:auto !important; filter: invert(61%) sepia(109%) saturate(5500%) hue-rotate(174deg) brightness(116%) contrast(100%) !important }
/**EAU**/


/**Sapousse**/
#MyFConnexion .campaign_category-sapousse span {color: #7fdd51 !important;}
#MyFConnexion .campaign_category-sapousse a:hover { color: #7fdd51 !important;}
#MyFConnexion .campaign_category-sapousse .user-post-actions { border-top: 1px solid #7fdd51 !important;}
#MyFConnexion .campaign_category-sapousse .campaign-stats.barometer-added img.camp-stats-custom-img{width: 22% !important; height:auto !important; filter: invert(61%) sepia(109%) saturate(5500%) hue-rotate(93deg) brightness(116%) contrast(100%) !important}
/**Sapousse**/


/**1E1repas**/
#MyFConnexion .campaign_category-1e-1-repas span {color: #f53934 !important;}
#MyFConnexion .campaign_category-1e-1-repas a:hover { color: #f53934 !important;}
#MyFConnexion .campaign_category-1e-1-repas .user-post-actions { border-top: 1px solid #f53934 !important;}
#MyFConnexion .campaign_category-1e-1-repas .campaign-stats.barometer-added img.camp-stats-custom-img{width: 22% !important; height:auto !important; filter: invert(61%) sepia(62%) saturate(5500%) hue-rotate(-35deg) brightness(86%) contrast(121%) !important}
/**1E1repas**/

body .CollecteEnd{color: red !important; font-weight: 500 !important;}
body #MyFConnexion .CollecteEnd  .MyBIcon {margin-bottom: 10% !important; filter: invert(61%) sepia(62%) saturate(5500%) hue-rotate(-35deg) brightness(86%) contrast(121%)}


#MyFConnexion #charitable_field_campaign_category {width: 100%; margin: 4% auto; padding: 0 !important;}
#MyFConnexion #charitable_field_campaign_category ul {width: 80% !important; background: transparent !important; margin-top: 3% !important; margin: auto}
#MyFConnexion #charitable_field_campaign_category li {width: 33% !important; display: inline-grid}


/******/
  .MyT1Log{
   margin-bottom: 6% !important;
    width: 75%;
    font-size: 22px;
    margin: auto;
}
body #MyFConnexion #loginform{
  display: grid;
  /*width: 70%;*/
  margin: auto;
  text-align: center;
}
#MyFConnexion #loginform p {
    margin: auto;
    display: block;
    padding: 0 !important;
    margin-bottom: 5%;
}
.login-username input, .login-password input{border-radius: 50px;}
.login-username label, .login-password label{display: none;}

#MyFConnexion  #wp-submit{
  background: #FF6C2A;
    padding: 8% 22%;
    border: none;
    border-radius: 25px;
}
#MyFConnexion #image-browse-button:hover, #MyFConnexion  .button-secondary:hover, #MyFConnexion  .button-primary:hover {background: #ff6c2ae8 !important; color: white !important}
#MyFConnexion  #image-browse-button, #MyFConnexion  .button-secondary, #MyFConnexion  .button-primary{
  background: #FF6C2A;
    padding: 2% 5%;
    border: none;
    border-radius: 25px;
    color: white !important
}
#MyFConnexion .button-secondary{padding: 2.5% 5% !important;}
/******/





/***loginform***/
    #MyFConnexion .user-post-summary {padding: 0 !important;}
    #MyFConnexion .user-post-stats {display: flex !important;}
    #MyFConnexion .user-post-stats li {text-align: center !important; border-bottom: none !important; height: 65% !important;}
#MyFConnexion .user-post-stats li img{ width: 50px !important; max-width: 100% !important;}
    /*#MyFConnexion .user-post-actions { border-top: 1px solid #ff6c2a !important; padding-top: 2%; padding: 0;  position: absolute; bottom: 0;}
    #MyFConnexion .user-post-actions .actions { padding-top: 5% !important;}*/
    #MyFConnexion .user-post-actions li { border-bottom: none !important;}
    /*.charitable-user-post .wp-post-image {
      margin: 2% 3%;
      width: 100%;
      height: 216px;
  }*/
  .user-post-summary .user-post-title {height: 80px !important; min-height: 80px !important; margin-bottom: 2%; }
    .campaign-widget { min-height: 520px !important; height: 520px !important;}
    .charitable-user-post div, .user-post-title, .user-post-stats.campaign-stats {width: 100%}
    #MyFConnexion ul {vertical-align: text-top !important;  border: none !important;}
#MyFConnexion ul.charitable-checkbox-list.options{display:flex;}
    .campaign-stats .barometer svg  {top: 10px !important}
    .campaign-stats {left: 0 !important; width: 100% !important; vertical-align: text-top !important;}
    .campaign-stats li {width: 24% !important; width: 24% !important; border: none !important; vertical-align: text-top !important; padding: 0 !important}
    #MyFConnexion .block-title {height: 55px !important; min-height: 55px !important}
    #MyFConnexion .block-title a {font-size: 19px !important}
    #MyFConnexion .campaign-description {font-size: 12px !important; margin-bottom: 0 !important; min-height: 55px; height: 55px;}
    .user-post-title a{color: #000 !important; font-size: 22px !important; font-weight: 600;}
    .charitable-user-post {
    display: inline-block;
      /*width: 30%;
      margin: 1% 0.7%;
      min-height: 650px !important;
      height: 650px;
      max-height: 650px;*/
      box-shadow: 1px 1px 5px 0px #00000040;
    }
    #MyFConnexion .start-campaign .button-primary:hover { background: #ff6c2ad4; color: white !important; font-weight: 800}
    #MyFConnexion .start-campaign .button-primary { 
  background: #FF6C2A;
    padding: 2% 4%;
    border: none;
    color: white;
    border-radius: 25px;
    margin: auto;
    display: block;
    width: fit-content;
    font-weight: 700
  }
    .charitable-user-post::after {display: none;}
   .charitable-form-header { 
    padding: 0 !important;
      position: initial !important;
      text-align: center;
      font-size: 25px !important;
      width: 100%;
      margin-bottom: 5% !important;
  }

  .charitable-form-content {
    text-align: inherit !important;
      font-size: 18px !important;
      font-weight: 800;
      color: #ec6223 !important;
  }
#MyFConnexion #loginform{
  display: grid;
  width: 95%;
  margin: auto;
  text-align: center;
}
#MyFConnexion #loginform p {
    margin: auto;
    display: block;
    padding: 0 !important;
    margin-bottom: 5%;
}
#MyFConnexion .charitable-login-form .login-username, .charitable-login-form .login-password{
    width: 100% !important;
}
#MyFConnexion .charitable-form-field input{border-radius: 50px;}
#MyFConnexion .charitable-form-field select {border-radius: 50px; height: 50px}
#MyFConnexion .options .Mycenter {display: inline-grid;}
#MyFConnexion .options input[type=radio] {font-size: 222rem; margin: auto}
.charitable-form-fields .charitable-fieldset:before, .charitable-form-field label{display: none;}
/*#MyFConnexion .charitable-checkbox-list label {display: block;}*/
#MyFConnexion #charitable-campaign-submission-form{
  margin: auto;
    display: block;
    width: 75%;
    padding: 0;
    left: 0
}    
#MyFConnexion  .charitable-button{
  background: #FF6C2A;
  padding: 2% 15%;
    border: none;
    border-radius: 25px;
    margin: auto;
    display: block;
}
.charitable-form-field {
    padding-right: 2% !important;
}
body #MyFConnexion .MyTitleChall p { font-family: montserrat,sans-serif; font-size: 35px !important; text-transform: uppercase; font-weight: 700}

#MyFConnexion .LastBTN a{ color: white !important;}
#MyFConnexion .LastBTN a:hover { background: #FF7B16 !important; color: white !important;}
#MyFConnexion a:hover { color: #ff6c2a !important;}
/*body .ForMarging {display: none !important}*/

#MyFConnexion .MyBTNALLCam, #MyFConnexion .BTN1e1repasCam, #MyFConnexion .BTNEauCam, #MyFConnexion .BTNSapousseCam{ 
  background: transparent;
  color: black !important
}
body .ColoredBTN a , #MyFConnexion .MyBTNALLCam a:hover, #MyFConnexion .BTN1e1repasCam a:hover, #MyFConnexion .BTNEauCam a:hover, #MyFConnexion .BTNSapousseCam a:hover {
  background: #FF6C2A !important;
  color: white !important;

}

/***MES COLLECTES***/
@media (min-width: 37.5em){
  .user-post-stats.campaign-stats .summary-item:nth-child(2n+1) {
    clear: unset;
  }

}
/******/