/*# sourceMappingURL=gated.css.map
/**************** new gated post css ***************/

#w-dates, #w-dates > div
  display: inline-block

#w-dates 
  > div
      font-size: 1.666rem
      font-weight: 600
      margin-bottom: 1.2rem
      &:first-child
        margin-right: 1.666rem

      i
        vertical-align: sub
        margin-right: 0
        position: relative
        font-size: 1em
        transform: translateY(-3px)

.gated-form
  padding-left: 2rem 

.gated-wrap .blogCaption
  position: relative
  margin-bottom: 1em
  display: inline-block

.gated-wrap .close
  display: none

.overflow_h
  overflow: hidden

.gated-wrap h4, .gated-wrap h3, .gated-wrap h5 
    margin-bottom: 1.2rem

.gated-wrap
  background: #ffffff
  padding: 8em 0 4em 0

  h1 + p
    margin-top: 15px

  h6
    margin: 1rem 0

  .loc-wrap
    margin-bottom: 0.5rem
    &.shec
      margin-bottom: 1.5rem

  p
    margin-bottom: 15px

.formicon
  display: none


.form-close
  float: right !important
  display: none
  width: 100%
  margin-bottom: 1em

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

  .site-footer.ebook .site-info, .site-footer.case-study .site-info, .site-footer.webinar .site-info
    margin-bottom: 3rem

  .gated-wrap
    background: #ffffff
    padding: 8em 0 1em 0

  .form-close
    display: block

  .gated-wrap .site-info
    margin-bottom: 3rem
    

  .formicon
    background: #7404ff
    z-index: 999
    display: flex
    height: 3rem
    color: #fff
    align-items: center
    left: 0
    position: fixed
    bottom: 0
    width: 100%
    justify-content: center

  .gated-form
    position: fixed
    background: #fff
    height: 100%
    top: 0
    left: 0
    width: 100%
    overflow: auto
    margin-top: 0
    opacity: 0 !important
    padding: 1rem 2rem 2rem !important
    visibility: hidden !important
    transition: all 0.3s ease-in-out

    &.active
      opacity: 1 !important
      z-index: 999999
      visibility: visible !important

  
  .gated-wrap .close
    width: 1.5rem
    background: #7004ff
    height: 1.5rem
    line-height: 1.5rem
    text-center: center
    border-radius: 50%
    display: block
    float: right

    .modal .modal-close i 
    background: #7004ff
    color: #fff
    width: 1.5rem
    height: 1.5rem
    line-height: 1.5rem
    text-align: center
    border-radius: 50%

 

/*# sourceMappingURL=gated.css.map