anissah/user/themes/anissabensalah/scss/theme/section.scss

#start{

  #home{
    margin-bottom: 50px;
    img{
      height: 100%!important;
      width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }
    a::before{
      background-color: white;
      height: 1px;
    }
  }
  & > div{
    height: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    &>#fullvideo{
      overflow: hidden;
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      position: relative;

      .grav-youtube{
        position: static;
        iframe{
          pointer-events: none;
          &.clicked{
            pointer-events: auto;
          }
        }
      }
    }
    .title{
      overflow: hidden;
      position: relative;
      height: 100%;
      .visu-album{
        height: 100%;
      }
      h1{
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
      }
      p{
        position: absolute;
        bottom: 50px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        text-align: center;
        a{
          &:nth-of-type(n+6){
            display: inline-block;
            margin-top: 10px;
          }
        }
      }
    }
  }

  & > div:last-child{
    padding: 50px;
    &>div{
      background-image: -webkit-gradient(linear, left top, left bottom, from(#98272D), to(#4f100B));
      background-image: linear-gradient(#98272D, #4f100B);
      height: 100%;
      width: 100%!important;
      position: relative;
      .other{
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
      }
      p{
        &:last-child{
          margin-bottom: 0!important;
        }
        margin-bottom: 50px!important;
        text-align: center;
        a{
          &::before{
            visibility: visible;
            -webkit-transform: scaleX(1);
                    transform: scaleX(1);
            background-color: white;
            height: 1px;
          }
        }
      }
    }
  }
  &>div:nth-child(1n+3){
    position: relative;
    &:nth-child(odd){
      &>div{
        float: left;
      }
    }
    &:nth-child(even){
      &>div{
        float: right;
      }
    }
    &>div{
      width: 50%;
      height: 100%;
    }
    .red{
      background-image: -webkit-gradient(linear, left top, left bottom, from(#ab1226), to(#5d0800));
      background-image: linear-gradient(#ab1226, #5d0800);
      position: relative;
      .chap{
        position: absolute;
        width: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        text-align: center;
        a.active::before{
          visibility: hidden;
        }
        a:hover::before{
          background-color: white;
          visibility: visible;
        }
        .reso{
          margin-top: 10px;
          &>a:first-child{
            margin-right: 5px;
          }
          a{
            display: inline-block;
          }
        }
      }
    }
    .content{
      overflow-y: auto;
      text-align: center;
      p{
        margin-bottom: 10px;
        a:before{
          visibility: visible!important;
          -webkit-transform: scaleX(1);
                  transform: scaleX(1);
        }
      }
      .grav-youtube{
        margin-bottom:0!important;
        width: 100%;
        height: 100%;
          -o-object-fit: cover;
          object-fit: cover;
          iframe{
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            pointer-events: none;
            &.clicked{
              pointer-events: auto;
            }

        }
      }
    }
    // biographie
    &:nth-child(5){
      .content{
        text-align: center;
        padding: 10px 50px;
        .other{
          text-align: left;
        }
      }
    }
    // presse
    &:nth-child(6){
      .content{
        p{
          &:nth-child(n+2){
            display: inline-block;
            vertical-align: middle;
            margin-top: 30px;
            width: 49%;
            min-width: 300px;
            img{
              margin-bottom: 20px;
              width: 20%;
              max-width: 100px;
              min-width: 50px;
            }
          }
        }
      }
      .red{
        .citation{
          text-align: center;
          margin: 0 40px;
          p{
            margin-top: 50px;
          }
        }
      }
    }
    // next_dates
    &:nth-child(7){
      .content{
        #mCSB_5_container{
          height: 100%;
          #sovaj{
            position: absolute;
            width: 100%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
            left:50%;
          }
        }
      }
    }
  }
  .mCSB_inside > .mCSB_container{
    margin-right: 0px!important;
  }
  .mCSB_scrollTools{
    visibility: hidden;
  }
}