.component-ACCORDION-TOURNOI.component-ACCORDION--fullpage
{

.component-ACCORDION-TOURNOI-item-header-content
{
  // background: $color-golden;
  background: #E6E6E6;
  display: flex;
    align-items: center;
    //justify-content: space-between;
    justify-content: left;
  // padding: 0 1rem 0 0;
  padding: 0;
  flex-grow: 1;

  transition: background-color 0.3s ease;
}

.component-ACCORDION-TOURNOI-item-header-title h4 {
    font-size: 1.7em;
    text-transform: uppercase;
}

.component-ACCORDION-TOURNOI-item-header-icon
{
  height: 4rem;
  width: 4rem;
  position: relative;
  border: 4px solid $color-golden;
  background: $color-white;
  border-radius: 50% ;

  &::before, &::after
  {
    background: $color-golden;
    content: '';
    display: block;
    height: 4px;
    width: 60%;

    position: absolute;
      left: 50%;
      top: 50%;
    transition: transform 0.3s ease;
  }
  &::before
  {
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  }
  &::after
  {
    transform: translateX(-50%) translateY(-50%);
  }
}

.component-ACCORDION-TOURNOI-item-header-content[aria-expanded="true"] .component-ACCORDION-TOURNOI-item-header-icon{
  &::before{
    transform: translateX(-50%) translateY(-50%) rotate(0deg); 
  }
}

.component-ACCORDION-TOURNOI-item-header-date{

  background: $color-golden;
  color: $color-white;
  width: 6rem;
  height: 6rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

.lucien-book.component-ACCORDION-TOURNOI-item-header-date-j {
    
}

.component-ACCORDION-TOURNOI-item-header-date p{
  text-transform: uppercase;
}

.component-ACCORDION-TOURNOI-item-header-date-j{

}

.component-ACCORDION-TOURNOI-item-header-date-j{

}

.component-ACCORDION-TOURNOI-item-header-date-j{

}

.component-ACCORDION-TOURNOI-item-header-image{
  width: 7rem;
  height: 6rem;
  overflow: hidden;
  position: relative;
  // position: relative;
  // display: flex;
  // align-items: center;
  // justify-content: center;
  // flex-direction: column;
}

.component-ACCORDION-TOURNOI-item-header-content[aria-expanded="true"] .component-ACCORDION-TOURNOI-item-header-image{
  width: auto;
}



.component-ACCORDION-TOURNOI-item-header-image-file img{
  height: 100%;
}

.component-ACCORDION-TOURNOI-item-header-title{
  // width: calc(100% - 13rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 1rem;
  padding-left: 1rem;
  flex-grow: 1;
}

.component-ACCORDION-TOURNOI-item-content-wrapper{
  display: flex;
}

.component-ACCORDION-TOURNOI-item-content-left{
  width: 50%;
  padding-right: 4rem;
}

.component-ACCORDION-TOURNOI-item-content-right{
  display: flex;
  flex-grow: 0;
  align-items: flex-end;
}

.component-ACCORDION-TOURNOI-button{
  padding: 5px;
    margin: 10px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 4em;
    -ms-flex-line-pack: center;
    align-content: center;
    /* justify-content: center; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.component-ACCORDION-TOURNOI-button-30{
  width: 30%;
  margin: 4rem auto 2rem auto;
}

.component-ACCORDION-TOURNOI-item-content-left li{
  list-style: none; 
  margin-bottom: 1rem;
}


}

.component-ACCORDION-TOURNOI-headline{
  background-color: $color-black;
  color: $color-white;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-family: 'lucien-light';
   padding: .5rem 1rem;
}

.component-ACCORDION-TOURNOI-headline h3{
  font-family: 'lucien-light'; 
}

.component-ACCORDION-TOURNOI-item-header-image-inner{
  display: none;
}

.component-ACCORDION-TOURNOI.component-ACCORDION--fullpage .component-ACCORDION-wrapper{
       width: 100%;
       margin-left: 0%;
  }

  .component-ACCORDION-TOURNOI .component-ACCORDION-item {
    margin-bottom: 7px;
}

.component-ACCORDION-TOURNOI .component-ACCORDION-item-content[aria-expanded="true"] {
    border: 1px solid #acacac;
    margin-bottom: 30px;
}


/* MEDIA QUERIES */ 
@media only screen and (max-width: 1025px){

  .component-ACCORDION-TOURNOI-item-header-image-inner{
    display: block  ;
  }

  .component-ACCORDION--fullpage .component-ACCORDION-TOURNOI-item-header-title h4 {
    font-size: 1.3em;
  }

  .component-ACCORDION--fullpage .component-ACCORDION-TOURNOI-button-30 {
    width: 83%;
    margin: 3rem auto 2rem auto;
  }
  .component-ACCORDION--fullpage .component-ACCORDION-TOURNOI-item-header-content[aria-expanded="true"] .component-ACCORDION-TOURNOI-item-header-image{
    display: none;
  }
  .component-ACCORDION--fullpage .component-ACCORDION-TOURNOI-item-header-content[aria-expanded="true"] .component-ACCORDION-TOURNOI-item-header-image,
  .component-ACCORDION--fullpage .component-ACCORDION-TOURNOI-item-header-image {
      width: 3rem;
      height: 6rem;
      overflow: hidden;
      position: relative;
  }
  .component-ACCORDION--fullpage .component-ACCORDION-TOURNOI-item-header-content{
    display: block;
  }

  .component-ACCORDION--fullpage .component-ACCORDION-TOURNOI-item-header-date {
    float: left;
    width: 20%;
    font-size: 1.2rem;
    line-height: 1.2rem;
  }

  .component-ACCORDION-TOURNOI-item-header-image {
    float: left;
  }

  // .component-ACCORDION--fullpage .component-ACCORDION-TOURNOI-item-header-title{
  //   display: block;
  //   float: left;
  // }



}


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

}


///////////////////////////////////////////////////////////////
// Device: Tablet :: LANDSCAPE
///////////////////////////////////////////////////////////////

@include tablet-landscape-and-below
{

    .component-ACCORDION-TOURNOI .mobile-hidden{
      display: none !important;
    }
    
    .component-ACCORDION-TOURNOI .component-ACCORDION-item {
      margin-bottom: 2px;
      float: left;
      width: 100%;
      display: block;
  }

  .component-ACCORDION-TOURNOI.component-ACCORDION--fullpage .component-ACCORDION-TOURNOI-item-header-image {
      width: 10%;
      height: 100%;
      overflow: hidden;
      position: relative;
      height: 5rem;  
  }

  .component-ACCORDION-TOURNOI.component-ACCORDION--fullpage .component-ACCORDION-TOURNOI-item-header-content {    
    display: block;
    width: 100%;
    float: left;
  }

  .component-ACCORDION-TOURNOI.component-ACCORDION--fullpage .component-ACCORDION-TOURNOI-item-header-date {
    display: block;
    width: 20%;
    float: left;
    height: 5rem;
    text-align: center;
    font-size: 1.2rem;
    padding-top: .5rem;
    line-height: 1.4rem;
  }

  .component-ACCORDION-TOURNOI.component-ACCORDION--fullpage .component-ACCORDION-TOURNOI-item-header-title {
    display: block;
    width: 70%;
    float: left;
    height: 5rem;
    overflow: hidden;
    position: relative;
    padding-top: .5rem;
  }

  .component-ACCORDION-TOURNOI.component-ACCORDION--fullpage .component-ACCORDION-TOURNOI-item-header-content[aria-expanded="true"] .component-ACCORDION-TOURNOI-item-header-title {
      width: 80%;
  }

  .component-ACCORDION-TOURNOI .component-ACCORDION-item-header {
      float: left;
      width: 100%;
  }

  .component-ACCORDION-TOURNOI.component-ACCORDION--fullpage .component-ACCORDION-TOURNOI-item-header-title h4 {
    font-size: 1rem;
  }

  .component-ACCORDION-TOURNOI.component-ACCORDION--fullpage .component-ACCORDION-TOURNOI-item-header-icon {
      height: 2.5rem;
      width: 2.5rem;
      position: absolute;
      border: 3px solid #a57b1b;
      background: #FFF;
      border-radius: 50%;
      bottom: .5rem;
      right: .5rem;
  }

  .component-ACCORDION-TOURNOI.component-ACCORDION--fullpage .component-ACCORDION-TOURNOI-item-content-wrapper {
    display: block;
  }

  .component-ACCORDION-TOURNOI.component-ACCORDION--fullpage .component-ACCORDION-TOURNOI-item-content-left {
      width: 100%;
      padding-right: 0;
  }

  .component-ACCORDION-TOURNOI.component-ACCORDION--fullpage .component-ACCORDION-TOURNOI-item-content-right {
    display: block;
    width: 100%;
  }

  .component-ACCORDION-TOURNOI.component-ACCORDION--fullpage .collapse.in {
      overflow-y: auto;
      display: block !important;
      overflow: hidden;
  }

  

  .component-ACCORDION-TOURNOI.component-ACCORDION--fullpage .component-ACCORDION-TOURNOI-button-30 {
      width: 84%;
      margin: 2rem auto 2rem auto;
  }

  .club-tournois-container-title .club-tournois-title {
      text-transform: uppercase;
      font-size: 2rem;
      line-height: 2rem;
      margin-bottom: 1rem;
      width: 80%;
      margin-left: 10%;
  }

  .club-tournois-container-title h5 {
      font-family: 'georgia-regular', serif;
      font-weight: normal;
      font-size: 1.3rem;
      line-height: 1.5rem;
      margin: 0;
      width: 80%;
      margin-left: 10%;
  }

  

}

///////////////////////////////////////////////////////////////
// Device: Tablet :: MOBILE
///////////////////////////////////////////////////////////////

@include mobile-landscape-and-below
{

}
