.site-footer {
  background: $green;
  color: $white;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  @media #{$brk-tablet}{
    color: $orange;
  }
  @media #{$print}{
    display: none;
  }
  .row > div{
    margin-top: 1.875rem;
  }
  .row > div:first-of-type{
    margin-top: 0.625rem;
    @media #{$brk-tablet}{
      margin-top: 1.875rem;
    }
  }
  .widget-container{
    padding: 0.313rem 1.250rem;
    position: relative;
    top: 0.313rem;
    @media #{$brk-tablet}{
      background: $white;
    }
  }
  .widget_calendar table {
    @media #{$only-mobile}{
        width: 100%;
        thead th {
          color: $white;
          text-align: center;
        }
        caption {
          color: $white;
        }
        tbody {
          td#today {
            color: $orange;
          }
        }
      }
  }
  h4.widget-title {
    @extend %source;
    border-bottom: 1px solid $orange;
    color: $white;
    font-size: 1.250rem;
    margin: 0;
    padding: 0.313rem 1.125rem;
    position: relative;
    text-align: center;
    z-index: 2;
    @media #{$brk-tablet}{
      background: $orange;
      border-bottom: none;
      color: $white;
      display: inline-block;
      position: absolute;
      text-align: left;
      top: -1.813rem;
    }
  }
  .textwidget {
    margin: 1.875rem 0;
  }
  ul {
    margin-left: 0;
    margin-right: 0;
  }
  li{
    display: block;
    text-align: center;
    @media #{$brk-tablet}{
      color: $orange;
      text-align: left;
    }
  }
  a{
    color: $white;
    @media #{$brk-tablet}{
      color: $orange;
    }
  }
  .genericon {
    background: $orange;
    border-radius: 100%;
    color: $white;
    font-size: 1.250rem;
    height: 1.563rem;
    line-height: 1.3;
    padding-left: 0.125rem;
    width: 1.563rem;
    span {
      @extend %source;
      font-size: 1.000rem;
      margin-left: 0.938rem;
      position: relative;
      top: -9999px;
      @media #{$brk-tablet}{
        color: $orange;
        top: -0.250rem;
      }
    }
  }
    .widget_search {
    display: inline-block;
    padding: 1rem 2.5%;
    text-align: center;
    width: 100%;
    @media #{$brk-tablet}{
      background: $white;
    }
    .search-field {
      border-radius: 0.125rem;
      border: 0.063rem solid $orange;
      color: $orange;
      padding: 0.7rem;
      width: 65%;
    }
    .search-submit {
      border: 0.063rem solid $orange;
      background: $orange;
      border-radius: 0.125rem;
      color: $white;    
      padding: 0.7rem;
      max-width: 30%;
    }
  }
}