$screen-sm-min: 768px;
$screen-md-min: 992px;
$grid-gutter-width: 30px;

.easter-container {
  //background: #1A2022;
  //color: #fff;
  background: lighten(#E5E0D4, 10%);
  padding-bottom: 50px;

  h4,
  p {
    //color: #fff;
  }

  .header-video-home {
    .icon {
      color: rgba(lighten(#E5E0D4, 5%), .3);

      &:hover {
        color: rgba(lighten(#E5E0D4, 5%), .8);
      }
    }
  }

  .easter-header-local {
    min-height: 190px;
    position: relative;
    background-position: right 50% !important;

    @media (min-width: $screen-sm-min) {
      min-height: 260px;
    }

    /*
    .row {
      position: absolute;
      bottom: 11px;
    }
    */

    .container {
      padding-top: 140px;

      @media (min-width: $screen-sm-min) {
        padding-top: 200px;
      }
    }

    h3 {
      opacity: .6;
    }
  }

  .easter-header-video {
    box-shadow: 0px 0px 10px 0px #6C6D63;

    @media (min-width: $screen-sm-min) {
      max-height: 70vh;
    }

    h2 {
      color: rgba(lighten(#E5E0D4, 5%), .8);
    }

    .btn-easter {
      background: rgba(239, 235, 228, 0.5);
      color: black;

      .btn-label {
        background: rgba(239, 235, 228, 0.55);

        .icon {
          color: black;
        }
      }

      &:hover {
        background: rgba(239, 235, 228, 0.6);

        .btn-label {
          background: rgba(239, 235, 228, 0.8);
        }
      }
    }
  }

  .easter-ad {
    //border-left: 15px solid white;
    //border-right: 15px solid white;
    transition: all 0.3s ease-out;
    transition-property: transform;

    .easter-ad-text {
      color: #fff;
      position: relative;
      min-height: 300px;
      display: block;
      transition: box-shadow 0.25s, transform 0.25s;
      box-shadow: 0 1px 12px rgba(0, 0, 0, 0.2);

      a {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 1;
      }

      @media (min-width: $screen-sm-min) {
        position: absolute;
        top: 0;
        bottom: 0;
        left: $grid-gutter-width/2;
        right: 0;
        min-height: none;
      }

      @media (min-width: $screen-md-min) {
        min-height: 280px;
      }

      &:hover {
        //border: 1px solid darken(#E5E0D4, 10%);
        //box-shadow: 0px 0px 75px 0px #8A8988;
        box-shadow: 0 20px 100px rgba(0, 0, 0, 0.3);
        transform: translateY(-3px);
      }

      &:before {
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,.4);
      }

      img {
        margin-left: auto;
        margin-right: auto;
      }
    }

    h4 {
      color: #fff;
    }
  }

  .easter-logo {
    max-width: 20%;
    margin: 0 auto;
  }

  .easter-intro {
    position: relative;

    .col-middle {
      //box-shadow: inset 0 5px 0 0 #000;
      //border-top: 3px solid darken(#E5E0D4, 25%);

      &:after {
        content: " ";
        position: absolute;
        bottom: 0;
        left: 15px;
        right: 15px;
        //background: darken(#E5E0D4, 25%)  ;
        height: 3px;
        display: block;
      }
    }
  }

  .easter-footer {
    footer {
      margin-top: 0;
    }
  }

  .img-state-outline {
    max-width: 24px;
    opacity: .8;
    margin: 0 auto;
    display: block;

    &.kentucky {
      max-width: 40px;
      margin-top: -10px;
    }

    &.tennessee {
      max-width: 40px;
      margin-top: -10px;
    }
  }

  .share-heading h4 {
    line-height: 40px;
  }
}