// Partials / Block

.block{
  z-index:0;
  position:relative;
  display:block;
  color:$blue-grey-med;
  padding:50px 0;

  .block-bg{
    display:none;
  }

  & > .inner{
    position:relative;
    z-index:2;
  }

  &:first-child{
    padding-top:210px;
  }

  &.bg-blue{
    @include bg('https://images.dragonchain.com/texture/clouds-blue.jpg', 
                'https://images.dragonchain.com/texture/clouds-blue@2x.jpg');
    background-size:cover;
    background-color:#0252a3;
  }

  &.bg-blue-dark{
    @include bg('https://images.dragonchain.com/texture/clouds-blue-dark.jpg', 
                'https://images.dragonchain.com/texture/clouds-blue-dark@2x.jpg');
    background-size:cover;
    background-color:#08152c;
  }

  &.bg-blue-dark-fade{
    background-color:#08152c;
    background-color:#06254d;

    .block-bg{
      display:block;
      position:absolute;
      left:0;
      top:0;
      right:0;

      &:before{
        content:'';
        position:absolute;
        top:0;
        left:0;
        right:0;
        padding-bottom:63.1168831168831%;
  
        display:block;
        @include bg('https://images.dragonchain.com/texture/clouds-blue-dark.jpg', 
                  'https://images.dragonchain.com/texture/clouds-blue-dark@2x.jpg');
        background-size:100% auto;
        // z-index:2;
        // height:100px;
      }
  
      &:after{
        content:'';
        position:absolute;
        top:0;
        left:0;
        right:0;
        padding-bottom:63.1168831168831%;
  
        display:block;
        width:100%;
        height:200px;
        background-color:red;
        // background: linear-gradient(0deg, rgba(6,37,77,1) 0%, rgba(6,37,77,0) 100%);
        background: linear-gradient(0deg, rgba(6,37,77,1) 0%, rgba(6,37,77,0) 35%);
        // ratio:
        // 0.631168831168831
        // padding-bottom: ;
      }
    }

    
  }

  &.bg-fire-dark{
    @include bg('https://images.dragonchain.com/texture/den-fire.jpg', 
                'https://images.dragonchain.com/texture/den-fire@2x.jpg');;
    background-size:cover;
    background-color:#09152d;
  }
}
