.gridHalf{
    padding:50px 0 50px 0;
    .halfItem{
      position: relative;
      .overlay{
        @include overlay (rgba(0,0,0,0.1));
        z-index: 1;
      }
      figure{
        margin:0;
        position: relative;
      }
      figcaption{
        position: absolute;
        width:100%;
        left:0;
        right:0;
        color:$white-color;
        bottom:0;
        padding:15px;
        overflow: hidden;
        z-index: 2;
        .content{
            position: relative;
            z-index: 2;
            a{
                &.common-button{
                    min-width: initial;
                    min-height: 34px;
                }
            }
          h4{
            font-size:1.2rem;
            margin-top:15px;
            text-transform: capitalize;
            margin-bottom: 7px;
            a{
              color:$white-color;
              @include trim()
            }
          }
          .post-meta{
            span{
              font-size: 0.775rem;
              text-transform: capitalize;
              i{
                margin-right: 5px;
              }
              a{
                color:$white-color;
              }
              &:last-child{
                margin-left:10px;
              }
            }
          }
        }
      }
    }
  }
  
  .sidebar-widget{
    &.newsletter-widget{
      form{
        label{
          padding:30px 0;
          text-align: center;
          width:100%;
          text-transform: capitalize;
          border-top:5px solid $pink-color;
          margin-bottom: 0;
        }
        input{
          height: 44px;
        }
        button{
          margin-top:30px;
          background-color:$pink-color;
          color:$white-color;
          text-transform: uppercase;
          font-weight: 600;
          max-width: 100%;
          border:none;
          width:100%;
          height: 40px;
        }
      }
    }
    &.popular-widget{
      margin-top:4rem;
      .popular-title{
        margin-bottom: 2rem;
        h3{
          position: relative;
          text-transform: uppercase;
          font-size: 1rem;
          padding-bottom: 10px;
          &::after{
            position: absolute;
            content:"";
            left:0;
            width:50px;
            height: 1px;
            background-color: $orange-color;
            bottom:0;
          }
          &::before{
            position: absolute;
            content:"";
            left:54px;
            width:30px;
            height: 1px;
            background-color: $orange-color;
            bottom:0;
          }
        }
      }
      .popular-item{
        position: relative;
        figcaption{
          background-color: $white-color;
          position: absolute;
          bottom:0;
          left:0;
          right:0;
          z-index: 99;
          max-width: 80%;
          margin:0 10%;
          text-align: center;
          padding:1rem;
          h3{
            font-size:1rem;
            text-transform: uppercase;
          }
        }
      }
    }
  }
  body{
    &.home-2{
      .gridHalf{
        .halfItem{
          .overlay{
            @include overlay (rgba(0,0,0,.5));
            z-index: 1;
          }
        }
      }
    }
  }