/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */


 .dahive-events-header{
   font-family: Arial, Helvetica, sans-serif;
   color: white;
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   width: fit-content;
   align-items: flex-end;
   gap: 20px;
 }

 .dahive-events-header ul{
   color: white;
   display: flex;
   flex-direction: row;
   list-style: none;
   flex-wrap: wrap;
   margin: 0;
   padding: 0;
   gap: 12px;
 }

 .dahive-events-header ul a{
   color: white;
   text-decoration: none;
   vertical-align: middle;
 }

 .dahive-events-header h3{
  font-size: 16px;
}

 .dahive-events-header ul a:hover{
   text-decoration: underline;
 }

 @media only screen and (max-width: 80em) {
  .dahive-events-header{
    justify-content: center;
  }
 }

 .button {
  font-family: Arial, Helvetica, sans-serif;
  background-color: grey;
  display: block;
  width: fit-content;
  box-shadow: 0px 5px 5px 0px #000 1A;
  padding: 0.75em 3em;
  margin: 1em 0;
  text-decoration: none;
  color: white;
  border-radius: 100px;
  transition: 0.3s;
  text-transform: uppercase;
  font-weight: 600;
  border-width: 0px;
  cursor: pointer;
}

p.button.deactivated{
  background-color: rgb(203, 203, 203);
}

p.button.deactivated:hover {
  transform: translateY(0);
}

.button:hover {
  background-color: rgb(101, 101, 101);
  box-shadow: 0px 8px 8px 0px #000 1A;
  transform: translateY(-3px);
  transition: 0.3s;
}

.rwmb-button.button-primary, button.rwmb-button{
  font-family: Arial, Helvetica, sans-serif;
  background-color: grey;
  display: block;
  width: fit-content;
  box-shadow: 0px 5px 5px 0px #000 1A;
  padding: 0.75em 3em;
  margin: 1em 0;
  text-decoration: none;
  color: white;
  border-radius: 100px;
  transition: 0.3s;
  text-transform: uppercase;
  font-weight: 600;
  border-width: 0px;
  cursor: pointer;
}

.single .rwmb-button:hover {
  background-color: rgb(101, 101, 101);
  box-shadow: 0px 8px 8px 0px #000 1A;
  transform: translateY(-3px);
  transition: 0.3s;
}

 /* Style formulaire et liste */

  #subscribe-content{
    padding-top: 2em !important;
    padding-bottom: 6em !important;
  }

  #subscribe-content.isform{
    padding: 0 20em;
  }

  @media only screen and (max-width: 80em){
    #subscribe-content.isform{
      padding: 0 2em;
    }
  }

 .event-form .rwmb-form{
    margin: 5em 0;
 }

 .event-form#subscribe-content .rwmb-form .rwmb-field{
    margin-bottom: 3em;
 }

 .event-form .ui-menu{
    position: relative;
    z-index: 800;
 }

 .event-form .rwmb-osm-field{
    position: relative;
    z-index: 40;
 }

 .table_inscrits{
  padding-top: 15px;
  border-collapse: collapse;
  width: 100%;
 }

*
.table_inscrits tr:nth-child(2n+1){
  background-color: rgba(0,0,0,0.1);
}

.table_inscrits tr:hover{
  background-color: #ddd;
}

 .table_inscrits td{
  padding: 10px 1em;
  margin: 0;
  border: 1px solid white;
 }

 .table_inscrits th{
  padding: 10px 1em;
  margin: 0;
  border: 1px solid white;
  background-color: rgba(0,0,0,0.1);
 }

.mon-compte-links li{
  list-style-type: none;
}
 .single-evenement #title {
  background-color: white;
}
.single-evenement #title h1 {
  color: black;
  margin: 0.5em 0;
}
section.padded{
  padding-top:6rem;
  padding-bottom:6rem;
}
.single-evenement #title .padded div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 4em;
  flex-wrap: wrap;
}
.single-evenement #title .padded div p {
  font-weight: 600;
  font-size: 25px;
  text-transform: uppercase;
}
.single-evenement #event_content {
  display: flex;
  flex-direction: column;
}
.single-evenement #event_content .thumbnail {
  padding-bottom: 2em;
  width: 100%;
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
}
.single-evenement #event_content .thumbnail .excerpt {
  margin-bottom: 1em;
  font-size: 20px;
}
.single-evenement #event_content .thumbnail img {
  width: 100%;
  height: auto;
}
.single-evenement #event_content .content-text {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.single-evenement #event_content .content-text #eve-description {
  display: flex;
  flex-direction: column;
}
.single-evenement #event_content .content-text #eve-description .infos {
  display: flex;
  flex-direction: column;
  background-color: #e7e7e7;
  box-shadow: 0px 5px 5px 0px #000 1A;
  padding: 1em;
  border-radius: 30px 30px 0 0px;
  width: 100%;
}
.single-evenement #event_content .content-text #eve-description .infos div {
  display: flex;
  flex-direction: column;
  padding: 1em;
}
.single-evenement #event_content .content-text #eve-description .infos div:not(:first-child) {
  border-top: 0.3px solid #000;
}
.single-evenement #event_content .content-text #eve-description .infos div p {
  display: block !important;
  font-size: 1em;
  line-height: 25px;
  align-items: center;
}
.single-evenement #event_content .content-text #eve-description .infos div p a {
  text-decoration-color: #f8a94f;
  color: #000;
  font-weight: 600;
  transition: .3s;
}
.single-evenement #event_content .content-text #eve-description .infos div p a:hover {
  color: gray;
  transition: .3s;
}
.single-evenement #event_content .content-text #eve-description .infos div p:before {
  min-width: 30px;
  height: 30px;
  float: left;
  margin: auto 10px auto 0;
}
.single-evenement #event_content .content-text #eve-description .infos .date-eve p {
  font-weight: 600;
}
.single-evenement #event_content .content-text #eve-description .infos_map {
  background-color: gray;
  box-shadow: 0px 5px 5px 0px #000 1A;
  overflow: hidden;
  width: 100%;
  height: 400px;
  border-radius: 0 0 30px 30px;
  z-index: 3;
}
.single-evenement #event_content .content-text #eve-description .empty_map {
  background-color: #d0d0d0;
  box-shadow: 0px 5px 5px 0px #000 1A;
  width: 100%;
  height: 30px;
  border-radius: 0 0 30px 30px;
}
.single-evenement #event_content .content-text .gutenberg {
  margin-top: 5em;
}
.single-evenement .event_contact {
  margin: 2em 0;
}
.single-evenement .event_contact h4 {
  padding: 1em 0 3em;
}
.single-evenement .event_contact h4 a {
  text-decoration-color: black;
  color: black;
  font-weight: 600;
  transition: 0.3s;
}
.single-evenement .event_contact h4 a:visited {
  color: black;
}
.single-evenement .event_contact h4 a:hover {
  color: #7f7f7f;
  transition: 0.3s;
}
.single-evenement #partenaires ul {
  padding: 2em 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  list-style: none;
}
.single-evenement #partenaires ul li {
  margin-right: 2em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1.5em;
  width: 350px;
}
.single-evenement .back-button {
  margin: 5em 0 10em;
  text-align: center;
}
.single-evenement .back-form-button {
  margin: 5em 0 1em;
  text-align: center;
}
.single-evenement .back-button .button, .single-evenement .back-form-button .button{
  margin: 0 auto;
}
@media only screen and (min-width: 80em) {
  .single-evenement #event_content {
    flex-direction: row;
 }
  .single-evenement #event_content .thumbnail {
    padding-top: 2em;
    padding-bottom: 0;
    width: 40%;
    max-width: 100%;
    margin-right: 5%;
 }
  .single-evenement #event_content .thumbnail .excerpt {
    margin-bottom: 1em;
    font-size: 20px;
 }
  .single-evenement #event_content .thumbnail img {
    width: 100%;
    height: auto;
 }
  .single-evenement #event_content .content-text {
    width: 60%;
 }
  .single-evenement #event_content .content-text #eve-description {
    display: flex;
    flex-direction: row;
 }
  .single-evenement #event_content .content-text #eve-description .infos {
    width: 50%;
    border-radius: 30px 0 0 30px;
 }
  .single-evenement #event_content .content-text #eve-description .infos_map {
    width: 50%;
    height: auto;
    border-radius: 0 30px 30px 0;
    z-index: 3;
 }
  .single-evenement #event_content .content-text #eve-description .empty_map {
    width: 30px;
    height: auto;
    border-radius: 0 30px 30px 0;
    box-shadow: 0px 0px 0px 0px #000 1A;
 }
}




/* Code archive evenement */
.archive-event {
  display: flex;
  flex-direction: column;
  margin-bottom: 3em;
}
.archive-event .sur-titre {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 5px;
  height: 80px;
}
.archive-event .sur-titre p {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.archive-event .sur-titre :last-child {
  text-align: right;
}
.archive-event .empty-query {
  list-style: none;
  color: black;
  padding: 1.5em;
  border-radius: 30px;
  border: red 2px solid;
}
.archive-event .card-event {
  list-style: none;
  background-color: #d5d5d5;
  box-shadow: 0px 5px 5px 0px #000 1A;
  border-radius: 30px;
  padding: 1em;
  transition: 0.3s;
  width: 100%;
  max-width: 500px;
  margin: 0 auto 2em auto;
}
.archive-event .card-event:hover {
  background-color: grey;
  transition: 0.3s;
}
.archive-event .card-event a {
  text-decoration: none;
  color: black;
}
.archive-event .card-event .event-info p {
  padding: 1em 0;
  border-top: 0.3px solid #000;
}
.post-type-archive-evenement #recent {
  padding-top: 3em;
  padding-bottom: 3em;
}
.post-type-archive-evenement #recent h1 {
  margin-bottom: 0.2em;
  color: grey;
  text-transform: lowercase;
}
.post-type-archive-evenement #recent h1:first-letter {
  text-transform: uppercase;
}
.post-type-archive-evenement #recent .hero-desc {
  padding: 1em 0 0 0;
  line-height: 1.65em;
  font-size: 1.5em;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
}
.post-type-archive-evenement #recent p {
  font-size: 15px;
}
.post-type-archive-evenement #recent img {
  position: absolute;
  right: 1px;
  bottom: 300px;
  width: 20em;
  height: auto;
  pointer-events: none;
  z-index: -1;
}
.post-type-archive-evenement #recent .card-recent {
  background-color: #d5d5d5;
  text-decoration: none;
  color: black;
  border-radius: 30px;
  width: 100%;
  max-width: 500px;
  padding: 1em;
  margin: 2em auto 0 auto;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 5px 5px 0px #000 1A;
  transition: 0.3s;
}
.post-type-archive-evenement #recent .card-recent:hover {
  background-color: grey;
  transition: 0.3s;
}
.post-type-archive-evenement #recent .card-recent .event-info {
  padding-right: 1em;
  margin-right: 1em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.post-type-archive-evenement #recent .card-recent .event-info div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.post-type-archive-evenement #recent .card-recent .event-info div p {
  font-weight: 600;
  text-transform: uppercase;
}
.post-type-archive-evenement #recent .card-recent h2 {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  font-size: 25px;
  line-height: 28px;
  color: black;
}
.event-details {
  display: flex;
  flex-direction: column;
}
.event-details :nth-child(2n) {
  font-weight: 400;
  border-top: 0.3px solid #000;
  margin: 1em 0 0;
  padding: 1em 0;
}
.event-details :last-child {
  font-weight: 400;
  border-top: 0.3px solid #000;
  padding: 1em 0;
}
.event-details time {
  font-size: 20px;
  line-height: 25px;
  display: flex;
  align-items: center;
}
.event-details time:nth-of-type(1) {
  font-weight: 600;
  padding-top: 3em;
}


.event-details p {
  font-size: 20px;
  line-height: 25px;
  display: flex;
  align-items: center;
}

.event-name {
  display: flex;
  flex-direction: column;
}
.event-name h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 25px;
  line-height: 30px;
  color: black;
  height: 70px;
  padding-right: 2em;
  margin: 0.5em 0 2em 0;
}
.select-items{
  overflow-y: scroll;
}
@media only screen and (min-width: 80em) {
  .archive-event {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px 50px;
    grid-auto-flow: row;
 }
  .archive-event .card-event {
    width: 100%;
    margin: 0 auto 2em auto;
 }
  .archive-event .sur-titre {
    height: 50px;
 }
  .post-type-archive-evenement #recent h1 {
    width: 50vw;
 }
  .post-type-archive-evenement #recent p {
    font-size: 20px;
 }
  .post-type-archive-evenement #recent .hero-desc {
    padding: 1em 0 4em;
 }
  .post-type-archive-evenement #recent .card-recent {
    width: max-content;
    max-width: 100%;
    flex-direction: row;
 }
  .post-type-archive-evenement #recent .card-recent:hover {
    background-color: grey;
    transition: 0.3s;
 }
  .post-type-archive-evenement #recent .card-recent .event-info {
    padding-right: 1em;
    margin-right: 1em;
    border-right: 0.3px solid #000;
    width: 70%;
 }
  .post-type-archive-evenement #recent .card-recent h2 {
    font-size: 40px;
    line-height: 45px;
 }
}

/**
 * CSS du formulaire admin
 */

 .mbfs-posts{
  margin-bottom: 2em;
 }

 #single-content .rwmb-form#event-meta{
  display: flex;
  flex-wrap: wrap;
 }

 #event-meta .rwmb-field.virtual-event{
  display: none;
 }

 #event-meta .rwmb-field{
  display: flex;
  flex-direction: column;
 }

 #event-meta .rwmb-label {
  width: 75%;
  margin-bottom: 5px;
 }

 #event-meta .rwmb-label > label{
  font-size: 20px;
 }

 #event-meta .rwmb-field{
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 25px;
 }

 #event-meta > div.rwmb-field.rwmb-select-wrapper{
  width: 43%;
 }

 #event-meta #lieu-eve{
  height: 31px;
  border-radius: 5px;
 }

 #event-meta #post_content-html, #event-meta #inscription_content-html, #event-meta #wp-post_content-editor-tools{
  display: none;
 }

 #event-meta .mce-statusbar{
  height: 0;
  opacity: 0;
 }

 #event-meta .rwmb-meta-box .rwmb-field.rwmb-number-wrapper,#event-meta .rwmb-meta-box .rwmb-field.rwmb-date-wrapper, #event-meta .rwmb-meta-box .rwmb-field.rwmb-textarea-wrapper , #event-meta .rwmb-meta-box .rwmb-field.rwmb-tel-wrapper , #event-meta .rwmb-meta-box .rwmb-field.rwmb-email-wrapper , #event-meta .rwmb-meta-box .rwmb-field.rwmb-text-wrapper , #event-meta .rwmb-meta-box .rwmb-field.rwmb-url-wrapper, #event-meta .rwmb-meta-box .rwmb-field.rwmb-checkbox-wrapper,#event-meta #post_title,#event-meta #post_excerpt{
  width: 45%;
 }

#event-meta .rwmb-field.rwmb-taxonomy_advanced-wrapper{
  width: 45%;
  padding-right: 20px;
 }

#event-meta > div.rwmb-meta-box > div.rwmb-field.rwmb-select-wrapper{
  width: 45%;
  margin-right: 125px;
 }

 #event-meta > div.rwmb-field.rwmb-select-wrapper > div.rwmb-input:after{
  display: none;
 }

 #event-meta .rwmb-meta-box{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
 }

 #event-meta .rwmb-field .rwmb-label{
  margin-bottom: 5px;
 }

 #event-meta .rwmb-field.rwmb-hidden-wrapper{
  display: none;
 }

 #event-meta .rwmb-checkbox-wrapper{
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
 }

 #event-meta .rwmb-checkbox-wrapper .rwmb-input{
  flex: 0;
 }

 #event-meta .rwmb-field input, #event-meta .rwmb-field textarea{
  background-color: #dcedfa;
    border-width: 0;
    -webkit-box-shadow: 0 5px 5px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 5px 5px 0 rgb(0 0 0 / 10%);
    padding: 10px 25px;
    border-radius: 30px;
    margin-right: 1em;
    margin-bottom: 1em;
 }

 .media-router .media-menu-item{
  width: 200px;
 }

 .media-modal .screen-reader-text{
  display: none;
 }

 #thatdatelist{
  -webkit-animation: scale-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  padding: 20px 0;
 }

 @-webkit-keyframes scale-in-top {
  0% {
    -webkit-transform: scale(1, 0) scaleY(0);
            transform: scale(1, 0) scaleY(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
    height: 0px;
  }
  100% {
    -webkit-transform: scale(1, 1) scaleY(1);
            transform: scale(1, 1) scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
    height: 0px;
  }
}
@keyframes scale-in-top {
  0% {
    -webkit-transform: scale(1, 0) scaleY(0);
            transform: scale(1, 0) scaleY(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
    height: auto;
  }
  100% {
    -webkit-transform: scale(1, 1) scaleY(1);
            transform: scale(1, 1) scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
    height: auto;
  }
}
 

/**
 * CSS du formulaire d'inscription
 */

 #inscription_name-error, #inscription_surname-error, #inscription_phone-error, #inscription_mail-error, #user_age-error, #user_town-error, #user_genre-error , #subscription_rgpd-error, #user_status-error, #user_level-error{
  color: white;
  display: none;
}

 #inscription_name-error:before, #inscription_surname-error:before, #inscription_phone-error:before, #inscription_mail-error:before, #user_age-error:before, #user_town-error:before, #user_genre-error:before , #subscription_rgpd-error:before , #user_status-error:before , #user_level-error:before  {
  content:"Vous avez oublié de remplir ce champ";
  color: #dc3232;
  display: block;
}

.specialfield{
  position: absolute;
  top: -100px;
}

#subscription_rgpd-error{
  position: absolute;
  transform: translateY(-10px);
}

 #instruction .gutenberg{
  font-size: 22px;
 }

 .single .rwmb-form{
  margin-bottom: 2em;
 }

 #subscription_rgpd{
  margin-right: 100%;
 }

 .single .rwmb-form .rwmb-field{
  display: flex;
  flex-direction: column;
  width: 27vw;
  margin-bottom: 25px;
 }

 .rgpdtext{
  display: none;
 }

 .rgpdtext p{
  margin-bottom: 20px;
 }

 .single .rwmb-form .rgpdtext{
  display: block;
  column-count: 2;
  column-fill: auto;
 }

 .single .rwmb-form .rwmb-meta-box{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
 }

 .single .rwmb-form .rwmb-field .rwmb-label{
  margin-bottom: 5px;
  width: 100%;
 }

 .single .rwmb-form .rwmb-field.rwmb-hidden-wrapper{
  display: none;
 }

 .single .rwmb-form .rwmb-field:not(.rwmb-radio-wrapper) input, .single .rwmb-form .rwmb-field select{
  background-color: #dcedfa;
  border-width: 0;
  -webkit-box-shadow: 0 5px 5px 0 rgb(0 0 0 / 10%);
  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 10%);
  padding: 10px;
  border-radius: 30px;
  margin-right: 3em;
  margin-bottom: 1em;
  cursor: pointer;
 }

 .rwmb-select-tree .select2-selection--single, #event_type{
  background-color: #dcedfa;
    border-width: 0;
    -webkit-box-shadow: 0 5px 5px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 5px 5px 0 rgb(0 0 0 / 10%);
    padding: 8px;
    border-radius: 30px;
    margin-right: 3em;
    height: 100%;
    margin-bottom: 1em;
    width: 100%;
 }

 .rwmb-select-tree {
  display: flex;
  flex-direction: column;
  width: 100%;
 }

 #subscriptions_metas .rwmb-select-tree .select2-selection__arrow, .donotshow{
  display: none !important;
 }

 .single-evenement > span > span{
  background-color: #dcedfa;
 }

 #subscriptions_metas .rwmb-select-tree .select2-selection__placeholder{
  color: black;
 }

 #subscriptions_metas > div.rwmb-meta-box > div.rwmb-field.rwmb-taxonomy_advanced-wrapper.required > div.rwmb-input > span > span.selection > span > span.select2-selection__arrow{
    top: 10px;
    right: 11px;
 }

 .single .rwmb-form .rwmb-field select, #event_type{
  -webkit-appearance: none;
  -moz-appearance: none;
 }

 .rwmb-select-wrapper .rwmb-input:after{
    content: "";
    background: no-repeat url(../img/arrow-select.svg) 50%;
    width: 35px;
    height: 60px;
    position: relative;
    padding: 1em;
    right: 5.5em;
    pointer-events: none;
 }

 @media only screen and (max-width: 80em){
    .rwmb-select-wrapper .rwmb-input:after{
      right: 6em;
  }
 }

 .single .rwmb-form .rwmb-radio-wrapper fieldset{
  border: 0px;
}

 .single .rwmb-form .rwmb-radio-wrapper input{
    margin: 10px;
    transition: 0.3s;
 }

 .single .rwmb-form .rwmb-radio-wrapper input:checked{
  transform: scale(1.2);
  transition: 0.3s;
  transition-timing-function: cubic-bezier(.17,.67,.63,1.42);
}

.event-message{
  margin-bottom: 5em;
}

#subscriptions_metas .rwmb-checkbox-wrapper{
  display: flex;
  flex-direction: row-reverse;
}

#subscriptions_metas .rwmb-checkbox-wrapper .rwmb-input{
  margin-right: 20px;
}

#subscribe-content .warning{
  padding: 20px;
  border: 2px red solid;
  margin-bottom: 20px;
  width: fit-content;
}

#subscribe-content .warning p{
  width: fit-content;
}

 @media only screen and (max-width: 80em){

  .single .rwmb-form .rwmb-field{
    width: 100%;
   }

   .single .rwmb-form .rwmb-meta-box{
    flex-direction: column;
   }

    .single .rwmb-form .rgpdtext{
      column-count: 1;
     }

 }

 /**
 * CSS liste page mes événements
 */

 .mbfs-posts tbody tr th{
  padding: 10px 1em;
  margin: 0;
  border: 1px solid white;
  background-color: rgba(0,0,0,0.1);
 }

 .mbfs-posts tbody tr td a{
  padding-left: 5px;
  font-weight: 600;
  font-size: 20px;
  text-decoration: none;
  transition: 0.3s;
  color: #000;
 }

 .mbfs-posts tbody tr td p{
  padding-left: 5px;
 }

 .mbfs-posts tbody tr td a:hover{
  transition: 0.3s;
  color: grey;
 }

 .mbfs-actions{
  padding-top: 20px;
 }

  /**
 * CSS archive event type list
 */

 .archive-type-list#event-list{
  list-style: none;
 }

 .archive-type-list#event-list .line-event{
  background-color: whitesmoke;
  margin: 25px 0;
  padding: 0 25px;
  border-radius: 10px;
  transition: 0.3s;
 }

 .archive-type-list#event-list .line-event h3{
  padding: 25px 0;
 }

 .archive-type-list#event-list .line-event:hover{
  transition: 0.3s;
  box-shadow:
  2.8px 2.8px 2.2px rgba(0, 0, 0, 0.008),
  6.7px 6.7px 5.3px rgba(0, 0, 0, 0.012),
  12.5px 12.5px 10px rgba(0, 0, 0, 0.015),
  22.3px 22.3px 17.9px rgba(0, 0, 0, 0.018),
  41.8px 41.8px 33.4px rgba(0, 0, 0, 0.022),
  100px 100px 80px rgba(0, 0, 0, 0.03)
  ;
  transform: translateY(-5px);
 }

 .archive-type-list .line-event img{
  margin: 0 auto 5px;
  width: 30px;
  height: 30px;
 }

 #event-list > li > a > div:nth-child(1){
  text-align: center;
  width: 20% !important;
 }

 .archive-type-list .line-event span{
  display: flex;
  flex-direction: row;
 }
 .archive-type-list .line-event span p{
  margin-right: 10px;
 }

 .archive-type-list .line-event a{
  display: flex;
  flex-direction: row;
  color: black;
  text-decoration: none;
 }

 .archive-type-list .line-event a div{
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 15px;
  padding: 15px 0;
  min-height: 210px;
 }

 .archive-type-list .line-event a div:last-of-type{
  width: 80%;
 }

 .line-event .complet{
  background-color: #12507d;
  color: white;
  padding: 0.3em 0.8em !important;
  border: none !important;
  border-radius: 16px;
 }

 .line-event .private{
  background-color: #f8a94f;
  color: white;
  padding: 0.3em 0.8em !important;
  border: none !important;
  border-radius: 16px;
 }

   /**
 * CSS archive event type list
 */

 .archive-type-calendar#event-calendar{
  display: flex;
  margin-bottom: 3em;
 }

 .archive-type-calendar#event-calendar .calendar-list{
  width: 100%;
 }

 .archive-type-calendar#event-calendar .calendar-list .line-event{
	-webkit-animation: fade-in-right 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-right 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
 }

  /* CheckBox Filters */

  .mixitup-filters{
    background-color: whitesmoke;
    border-radius: 15px;
    margin-top: 2em;
    padding: 1em 1em 0 1em;
    margin-bottom: 2em;
  }

  .filter-group{
    cursor: pointer;
    padding-bottom: 10px;
  }

  .filter-group strong{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.5em;

    color: #12508e;
    text-transform: uppercase;
  }

  .filter-group strong::after{
    display: block;
    content: "";
    width: 20px;
    height: 20px; 
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M5.70711 9.71069C5.31658 10.1012 5.31658 10.7344 5.70711 11.1249L10.5993 16.0123C11.3805 16.7927 12.6463 16.7924 13.4271 16.0117L18.3174 11.1213C18.708 10.7308 18.708 10.0976 18.3174 9.70708C17.9269 9.31655 17.2937 9.31655 16.9032 9.70708L12.7176 13.8927C12.3271 14.2833 11.6939 14.2832 11.3034 13.8927L7.12132 9.71069C6.7308 9.32016 6.09763 9.32016 5.70711 9.71069Z' fill='%2312508e'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.25s ease-out;
  }

  .filter-group.is-open strong::after{
    transform: rotate(180deg);
    transition: all 0.25s ease-out;
  }

  .filter-group label{
    display: block;
    position: relative;
    width: 100%;
    padding: 4px 0;
    cursor: pointer;
  }

  .filter-group label input[type="checkbox"]{
    position: relative;
    margin-right: 6px;
  }

  .filter-group label input[type="checkbox"]::after{
    display: block;
    content: "";
    position: relative;    
    top: -1px;
    left: 0;
    width: 16px;
    height: 16px;
    background-color: white;
    border-radius: 4px;
    border: 2px solid black;
  }

  
  .filter-group label input[type="checkbox"]:checked::after{
    border: 2px solid #12508e;
  }

  .filter-group label input[type="checkbox"]:checked::before{
    display: block;
    content: "";
    position: absolute;   
    z-index: 10; 
    top: -1px;
    left: 0;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M9 12L10.5 13.5V13.5C10.7761 13.7761 11.2239 13.7761 11.5 13.5V13.5L15 10' stroke='%2312508e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    scale: 2;
  }



  .wrapper-checkbox{
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.5s cubic-bezier(0.400, 0.015, 0.015, 1.000);;
  }

  .filter-group.is-open .wrapper-checkbox{
    grid-template-rows: 1fr;
    transition: grid-template-rows 0.5s cubic-bezier(0.400, 0.015, 0.015, 1.000);;

  }

  .wrapper-checkbox .inner-checkbox{
    overflow: hidden;
  }
  
  /* Fin CheckBox Filters */


 @-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

/**
 *    List responsive
 */

 @media only screen and (max-width: 80em){

  .archive-type-calendar#event-calendar .calendar-list .line-event{
    padding: 20px;
 }

  .archive-type-calendar#event-calendar .calendar-list .line-event a{
    flex-direction: column;
  }

  .archive-type-calendar#event-calendar .calendar-list .line-event a div{
    min-height: auto;
  }

  .archive-type-calendar#event-calendar .calendar-list .line-event a div:nth-child(1){
    flex-direction: row;
    justify-content: flex-start;
    width: auto !important;
  }

  .archive-type-calendar#event-calendar .calendar-list .line-event a div:nth-child(2) span p{
    border-top: none;
   }

  .archive-type-calendar#event-calendar .calendar-list .line-event a div:nth-child(1) p{
    margin-right: 10px;
  }

  .archive-type-calendar#event-calendar .calendar-list .line-event a div:nth-child(2) p,.archive-type-calendar#event-calendar .calendar-list .line-event a div:nth-child(2) time{
    border-top: 1px solid black;
    padding: 5px 0;
  }

  .archive-type-calendar#event-calendar .calendar-list .line-event a div:nth-child(2) h3{
    padding: 5px 0 10px;
  }

 }

   /**
 * CSS archive event type calendar
 */

 .archive-type-calendar#event-calendar .calendar caption, #event-list-date{
  margin: 20px 0;
  line-height: 1.65em;
  font-weight: 400;
  font-size: 1.5em;
  font-family: Fira Sans,sans-serif;
  color: #12507d;
  text-align: center;
 }

 .archive-type-calendar#event-calendar .calendar{
  background-color: whitesmoke;
  padding: 25px;
  border-collapse: separate;
  border-spacing: 0 5px;
  border-radius: 15px;
  z-index: 40;
 }

 .archive-type-calendar#event-calendar .calendar th , .archive-type-calendar#event-calendar .calendar td{
  line-height: 2vw;
  min-width: 2vw;
  text-align: center;
 }

 td.event{
  cursor: pointer;
  position: relative;
  transition: 0.3s;
 }
 td.event:hover{
  background-color: #f8a94f;
  color: white;
  transition: 0.3s;
 }
 td.istoday{
  border: 3px #f8a94f solid;
 }
 .got1event{
  background-color: #dcedfa;
 }
 .got2event{
  background-color: #93BEE2;
 }
 .got3event{
  background-color: #7EABD3;
 }
 .got4event{
  background-color: #6B9FC7;
 }
 .got5event{
  background-color: #5A91BD;
 }
 .got6event{
  background-color: #4a80ac;
 }

 .calendar-div{
  position: relative;
  z-index: 10;
 }

 #calendar-arrow{
  position: relative;
  z-index: 50;
  display: flex;
  justify-content: space-between;
  margin-bottom: -65px;
  transition: 0.3s;
 }

 #calendar-arrow-forward:hover{
  transform: rotate(-90deg) translateY(5px);
  transition: 0.3s;
 }
 #calendar-arrow-back:hover{
  transform: rotate(90deg) translateY(5px);
  transition: 0.3s;
 }

 #calendar-arrow-back{
  height: 50px;
  width: 50px;
  cursor: pointer;
  background: url(../img/arrow-select.svg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: 0.3s;
 }

 #calendar-arrow-forward{
  height: 50px;
  width: 50px;
  cursor: pointer;
  background: url(../img/arrow-select.svg);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: 0.3s;
 }

/**
 * Animations flip calendar
 */

 .entry{
  -webkit-animation: Entry 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: Entry 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
 }
 .exit{
  -webkit-animation: Exit 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: Exit 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
 }

 @-webkit-keyframes Entry {
  0% {
    -webkit-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    opacity: 1;
  }
}
@keyframes Entry {
  0% {
    -webkit-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes Exit {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
    opacity: 1;
  }
}
@keyframes Exit {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
    opacity: 1;
  }
}

/**
 *    Calendar responsive
 */

@media only screen and (max-width: 80em){

  .archive-type-calendar#event-calendar{
    flex-direction: column;
   }

   .archive-type-calendar#event-calendar .calendar th , .archive-type-calendar#event-calendar .calendar td{
    line-height: 9vw;
    min-width: 9vw;
    text-align: center;
   }

   #event-calendar > div:nth-child(2){
    margin: 0 auto;
   }

   .archive-type-list .line-event a div{
    height: auto;
    width: auto;
   }

 }

/**
 *    QR Code css
 */
 
 .qrdiv{
  background-color: whitesmoke;
  border-radius: 30px;
  padding: 25px;
  display: flex;
  flex-direction: row;
  margin: 25px 0;
  -webkit-box-shadow: 0 5px 5px 0 rgb(0 0 0 / 10%);
  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 10%);
 }

 .qrdiv #qrcode{
  width: 50%;
  display: flex;
  align-content: center;
  justify-content: center;
  padding: 10px;
  background-color: white;
  border-radius: 30px;
 }

 .qrdiv #qrcode img{
  max-width: 95%;
 }

 .qrdiv div:nth-child(2){
  width: 45%;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  padding-left: 10px;
 }

 @media only screen and (max-width: 80em){

  .qrdiv{
    display: block;
   }

  .qrdiv #qrcode{
    width: 100%;
    flex-direction: row;
   }
  
   .qrdiv #qrcode canvas{
    width: 40vw;
    height: 40vw;
    margin: 0 auto;
   }
  
   .qrdiv div:nth-child(2){
      width: 100%;
      display: block;
   }

 }

 #cat .select-selected{
  background: no-repeat right url(../img/layout.svg);
}
#zon .select-selected{
  background: no-repeat right url(../img/pin.svg);
}
#sect .select-selected{
  background: no-repeat right url(../img/group.svg);
}

.select-selected{
  background: no-repeat right url(../img/arrow-select.svg);
}

.select-items div,.select-selected {
  padding: 10px !important; /* Ce "!important" sauvage est une hallucination (╯°□°）╯︵ ┻━┻ */
  font-weight: 600;
  text-transform: uppercase;
  padding: 8px 16px;
  cursor: pointer;
}

/* Style the buttons that are used to open and close the accordion panel */
.waiting-accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  margin: 25px 0;
  font-size: 18px;
  font-weight: 700;
}

.waiting-accordion:before{
  content: '+ ';
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.waiting-active, .waiting-accordion:hover {
  background-color: #ccc;
}

.waiting-active:before {
  content: '- ';
}


/* Style the accordion panel. Note: hidden by default */
.waiting-panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}