/* >> Competitions - modified FAQ Modul Scss
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---*/
.competitionsList{ display: block; max-width: 1000px; width: 100%; margin: 0 auto; padding: 1rem 0 0;}
  .competitionsList__item{
    display: block; width: 100%;margin-bottom: 2.5rem;  background-color: white; color: $color-baseText;
    .statText{box-shadow: none!important; padding: 0!important;}
    &:last-child{margin-bottom: 0;}
  }
  .competitionsList__item__top{ @extend %flexBox; justify-content: flex-start; align-items: center; position: relative; z-index: 5;
    padding: 2rem; font-weight: bold; font-size: 16px; color: $color-baseText; -moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none; line-height: 1.3;
    &.opened{ }
    @media #{$mq-tab_720}{padding: 1.5rem;}
    @media #{$mq-iPad_land}{padding: 2rem;}
  }
  .competitionsList--marker{
    margin-bottom: 32px;
    .competitionsList__item__top{background: $color-site_bg; color: white; text-transform: uppercase; text-align: center;}
    .competitionsList__item__answer{padding: 16px 16px 8px; display: block;}
  }
  
  .competitionsList__item__details__innerWrapper{@extend %flexBox; justify-content: space-between; align-items: flex-start;
    .attachGallery{padding: 0; box-shadow: none;}
  }
  .competitionsList__item__details__project{width: 100%; opacity: 0; left: -2rem; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
    @media #{$mq-tab_720}{width: 70%;}
    @media #{$mq-iPad_land}{width: 75%;}
  }
  .competitionsList__item__details__informations{width: 100%; opacity: 0;right: -2rem; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
    @media #{$mq-tab_720}{width: 26%;}
    @media #{$mq-iPad_land}{width: 20%;}
  }
  
  .competitionsList__item__img{width: 100%; margin: 0 auto 1rem;
    @media #{$mq-tab_720}{width: 40%; margin: 0 auto 0 0;}
  }
  .competitionsList__item__titleWrapper{ width: 100%; margin: 0 auto;
    @media #{$mq-tab_720}{width: 50%; margin: 0 0 0 auto;}
  }
  .competitionsList__item__title{display: block; position: relative; z-index: 5; transition: all 0.2s ease; font-family: $titleFont; font-size: 16px;  line-height: 1.6;  font-weight: 900;  text-transform: uppercase;  letter-spacing: 2px;  padding: 0;  color: #525862;  margin-bottom: 1.5rem;
    @media #{$mq-tab_720}{font-size: 18px;}
    @media #{$mq-pc_1280}{font-size: 24px;}
  }
  
  .competitionsList__item__details{
    padding: 3rem 1rem; display: none; line-height: 1.43; text-align: justify; background-color: white; color: $color-baseText;
    .close{display: block; position: absolute; opacity: 0; z-index: 2; width: 32px; height: 32px; top: -2rem; right: 1.5rem; background: transparent; cursor: pointer; overflow: hidden; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
      span{ position: relative; top: 15px; display: block; height: 2px; width: 100%; background: $color-primary; transform: rotate(45deg); transform-origin: center;
        &:before{content:''; position: relative; display: block; width: 100%; height: 2px; background: $color-primary; transform: rotate(-90deg); transform-origin: center; top: 0;}
      }
      @media #{$mq-tab_720}{top:2.5rem; right: 2.5rem;}
    }
    ul{li{a{font-weight: bold;}}}
    @media #{$mq-tab_720}{padding: 5rem 1.5rem 2rem;}
    @media #{$mq-iPad_land}{padding: 6rem 2rem 4rem;}
  
    &.opened{
      .close{top: 1rem; opacity: 1; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
        @media #{$mq-tab_720}{top:2.5rem;}
      }
      .competitionsList__item__details__project{left: 0; opacity: 1; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
      .competitionsList__item__details__informations{right: 0; opacity: 1; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
    }
  }
  
  .competitionsList__item__details__project__title{ display: block; margin: 2rem auto; text-align: left; font-family: $titleFont;
    font-size: 24px; line-height: 1.2; text-transform: uppercase; letter-spacing: 1px; color: $color-gray-dark; font-weight: bold;
    @media #{$mq-tab}{font-size: 28px;}
    @media #{$mq-iPad_land}{font-size: 32px;}
  }
  
  .competitionsList__item__details__project__header, .competitionsList__item__details__project__number{
    font-family: $titleFont; font-weight: 600; text-transform: uppercase; font-size: 14px; text-align: left; letter-spacing: 1px; color: $color-gray-dark;
  }
  
  /*Informations Block*/
  .competitionsList__item__details__informations__block{ margin-bottom: 1rem;
    .competitionsList__item__details__informations__block__title{font-family: $titleFont; font-weight: 600; text-transform: uppercase; font-size: 14px; text-align: left; letter-spacing: 1px; color: $color-gray-dark; margin-bottom: 0.5rem;}
    .competitionsList__item__details__informations__block__content{ font-style: italic; font-weight: 300; font-size: 14px; text-align: left; letter-spacing: 1px; color: $color-gray-dark;}
  }