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

/**
Cette partie appartient au formulaire CC7
**/
  .cont-data {
      /*max-width: 65% !important;*/
      margin-left: 2% !important;
      margin-right: 2% !important;
  }

  .cont-data input[type="text"], .cont-data textarea {
     /*background: #FFFFFF;*/
    height: 1.5em;
    color: #000000 !important;
  }

  .dtextarea {
    margin-top: 1em;
    /*margin-bottom: 1em;*/
  }

  .cont-data input[type="text"]::placeholder {
      color: #000000 !important;
  }

  .cont-data div {   
      display: flex;
      flex-flow: column;
  }

  .msg_error {
      color: #FC87C2;
      border: 1px solid #FC87C2;
      padding: 1%;
      margin-bottom: 3%;
  }

  #menu_form {
      display: flex;
      flex-flow: row;
      flex-wrap: nowrap;
      gap: 2%;
  }

  #menu_form a label {
      cursor: pointer;
  }

  .chmul>div ul {  
    display: none;
    margin-bottom: 2%;
  }

  .chmul>div ul li {
      list-style: none;
  }

  .activ {
      display: inherit !important;
  }

  .chmul>div ul li input {    
      width: 100%;
      margin: 0.5%;
  }

  .form_oeuvre input::placeholder {
      color:#000;
  }

  .btnact {
      background-color: transparent !important;
      border-color: #000 !important;
      color: #000 !important;
      font-size: 11pt !important;
      padding: 11pt !important;
  }

  .btninact {
      background-color: #88827c !important;
      font-size: 11pt !important;
      padding: 11pt !important;
  }

  .cont-data textarea {    
      height: 120pt;
  }

  .js-marquee::after {
      background-image:url('https://www.coupecircuit.be/wp-content/uploads/2023/06/picto-chat_blanc.png');
  }

  .primary-navigation .primary-menu-container > ul > .menu-item > a::before {
      background-image:url('https://www.coupecircuit.be/wp-content/uploads/2023/06/picto-chat_blanc.png');
  }

  .cont-data section {
      display: flex;  
      margin-top: 5%;   
  }

  .chmul {
      display: block !important;
  }

  .chmul div {
      display: block !important;
  }

  .date, .time {
      width: 28%;
  }

.wp-container-content-0733e5d0 {
    height: 140px;
}

  /*section>p {
      width: 100%;
  }*/

  /*section>div {
      display: flex;
      flex-flow: column;
  }*/

  .cont-data input[type="radio"] {
      padding: 0;
  }

  /*
  -------
  CLEMENT
  -------
  */

  .btnact {
    background-color: transparent !important;
    border-color: #fbf6d1 !important;
    color: #fbf6d1 !important;
  }




body {  
  background-image: url('../../includes/images/SITE-BACK-1920.png');
  background-repeat: repeat; 
}

@font-face {
  font-family: SuisseIntl;
  src: url('../fonts/SuisseIntl-Medium.woff2');
}

* {
  
  /*font-family: var(--wp--preset--font-family--suisse-intl) !important;*/
  font-family: SuisseIntl !important;
  color: #FFFFFF !important;
}

/*a {
  cursor: pointer;
}*/

#coupecircuit_menu_sticky {
  background-color: rgba(34, 0, 108, 0.7);
  position: fixed;
  max-width: var(--wp--style--global--content-size);
  width: 100%;
  display: none;
}

.show_small_header {
  display: flex !important;
}

.apropos_main {
  display: flex;
  /*background-color: #000000;*/
}

.programme_main {
  display: flex;
  gap: 1%;
  flex-wrap: wrap; 
}

.programme_main a {
  /*max-width: 20%; 
  width: 18%;*/
  text-decoration: none;
  font-size: 0.7em;
}

.programme_main a img {
  /*width: 210px;*/
  width: 100%;
}

.coupecircuit_contenu_reduit {  
  margin-left: auto !important;
  margin-right: auto !important;
}

.btn-voter a, .btn-voter label, .dvoter a {
  /*margin-bottom: 2rem;*/
  background: #2a2a2a;
  color: var(--font-title-color);;
  display: inline-block;
  font-size: 0.85rem;
  text-transform: uppercase;
  padding: 0.2rem 0.5rem;
  text-decoration: none;
}

.btn-voter a::before, .btn-voter label::before, .dvoter a::before {
    content: "+";
    width: 20px;
    margin-right: 0.3rem;
}

.dvoter a {
  cursor: pointer;
}

.btn-voter {
  display: inline-block; 
}

.btn-voter:nth-of-type(2) {
    margin-right: 2rem;
}

.titre_jour {
  text-transform: uppercase;
  margin-top: 0.5em;
  margin-bottom: 0.2rem;
  font-size: 1.4rem;
  line-height: 120%;
}

.date_jour, .real_jour, .prod_jour, .synop_jour, .news_input {
  font-size: 1rem;
  line-height: 120%;
}

input[type="text"].news_input {
  color: #000000 !important;
  padding: 0;
  padding-left: 1rem;
}

.synop_jour p {
  margin-top: 0.5rem;
  font-size: 0.9rem;
}

.secallfilms {
  width: 100% !important;
  display:flex;
	gap:4%;
  flex-wrap: wrap;
}

.secallfilms > div {
  width: 48%;
}

.secallfilms .dfilm {
  position: relative;
  margin-top: 2rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid;
}

.secallfilms .dfilm img {
  max-width: 500px;
  width: 100%;
  height: auto;
}

.secallfilms .dfilm a {
  color: #FFFFFF !important;
}

.secallfilms > div, .event-box {
  margin-bottom: 1rem;
  border-bottom: 1px solid;
}

.trailer:hover {
  transform: scale(1.1,1.1);
}

.apropos_main .apropos_block {
  padding: 0;
  margin: 0;
  padding-right: 1em;
  padding-left: 1em;
  width: 100%;
  max-width: 33%;
  border-right: 1px solid #FFFFFF;
}

.apropos_main .apropos_block p span {
  padding: 0.2em;
}

.apropos_main>div:first-child {
  padding-left: 0;
}

.apropos_main>div:last-child {
  border:0;
  padding-right: 0;
}

/*.apropos_main .apropos_block {
  font-size: 0.5em;
}*/

.apropos_main .apropos_block p {
  margin-top: 0.2em;
  padding-top: 0;  
}

.apropos_main .apropos_block p span {
  color: #ffff8d;
  border: 2px solid #ffff8d;
  font-weight: bold;  
}

.apropos_main .apropos_block a {
  color: #ffb6ff !important;
  font-size: 1.5em;
}

 header, footer, main {
  /*max-width: 1200px;*/
  max-width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
  /*background-color: rgba(34, 0, 108, 0.7);*/
  background-color: rgba(255, 137, 73, 0.5);
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
 }

 .url_footer a {
  text-decoration: none;
 }

 .url_footer a:hover {
  text-decoration: underline;
 }

 .coupecircuit_vimeo_wrapper, .coupecircuit_vimeo_interview_wrapper {
  padding-top: 56.25%;
  position: relative;
 }

 .coupecircuit_vimeo_wrapper iframe, .coupecircuit_vimeo_interview_wrapper iframe {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
 }

 .coupecircuit_vimeo_interview_wrapper {
  margin-top: 2em;
 }

.coupecircuit_soundcloud_wrapper iframe {
  bottom: 0;  
  left: 0;
  position: relative;
  right: 0;
  top: 0;
  width: 100%;
} 

.cont_accueil_interview {
  margin: 0;
  padding: 0;
  margin-top: 2em;
  display: flex;
  flex-wrap: wrap;  
}

.cont_accueil_interview_left, .cont_accueil_interview_right {
  width: 100%;
}

.cont_accueil_interview_left {
  padding: 0;
  margin: 0; 
}

.cont_accueil_interview_left .titre_jour {
  margin-top: 0;
}

.coupe_chaps_vimeo a label {
 cursor: pointer;
}

.wp-block-navigation__responsive-container * {
  color: #000000 !important;
}

.gene_live p {
  padding: 0;
  margin: 0;  
}

.coupecircuit_img_live_wrapper img {
  width: 100% ;
  height: 100%;
}


 @media only screen and (min-device-width: 1400px) {  
  .programme_main a {
    font-size: 0.9em;
  }
  
}

@media only screen and (min-device-width: 1200px) {
  .programme_main {
    flex-wrap: nowrap;
  }

  .coupecircuit_contenu_reduit {
    max-width: 60% !important;
  }
}

@media only screen and (min-device-width: 600px) {
  .wp-block-navigation__responsive-container * {
    color: #FFFFFF !important;
  }

  .programme_main a img {
    width: 220px;
  } 

  .cont_accueil_interview {
    flex-wrap: nowrap;  
  }

  .cont_accueil_interview_left, .cont_accueil_interview_right {
    width: 50%;    
  }

  .cont_accueil_interview_left {   
    padding-right: 1em;
  }

  .apropos_main .apropos_block {
    font-size: var(--wp--preset--font-size--medium) !important;
  }

  .apropos_main .apropos_block a {
    font-size: var(--wp--preset--font-size--medium) !important;
  }

  .gene_live p {
    font-size: 0.9em; 
    margin-bottom: 0.2em; 
  }

}

@media only screen and (max-device-width: 628px) {
  .btn-voter {
    margin-top: 0.3em;
    margin-bottom: 0.3em;
  }
}

@media only screen and (max-device-width: 600px) {

  .apropos_main .apropos_block {
    font-size: 0.7em;
  }

  .gene_live p {
    font-size: 0.7em;
    margin-bottom: 0.5em;   
  }
  
}


@media only screen and (max-device-width: 400px) {

  .apropos_main .apropos_block {
    font-size: 0.6em;
  }
}

@media only screen and (max-device-width: 330px) {

  .apropos_main .apropos_block {
    font-size: 0.5em;
  }

}