/**
 * @file
 * block Styles
 * EX: .header-logo-block
 */

// Fix double contextual links where they get rendered once for the block
// contextual links and then again for the view mode of the block node
.block-nodeblock > .contextual-links-wrapper + .node > .contextual-links-wrapper {
  display: none;
}

#block-user-login,
#login-form,
#user-register-form {
  label {
    text-align: left;
  }
  ul {
    list-style: none;

    li {
      margin-left: 0;
    }
  }
}

.toboggan-unified {
  #login-message {
    text-align: left;
  }
  #login-links {
    text-align: left;
    a {
      &:hover {
        color: #555;
      }
    }
    a.lt-active {
      background-color: @color-main-nav-bkg;

      &:hover {
        background-color: @color-main-nav-bkg-hover;
        color: #ccc;
      }
    }
  }
}

/**
 *
 * Header
 *
 */

// BC Fixing z-index
#header {
  z-index: 12;
}


.header-logo-block {
  display: inline-block;
  left: 15px;
  margin-bottom: 0;
  position: absolute;
  top: 0;
  z-index: 2;

  @media (max-width: 630px) {
    left: 10px;
    img {
      width: 190px;
      height: auto;
    }
  }
  .child-theme-one {
    display: none;
  }
  .child-theme-two {
    display: none;
  }

  .field-name-field-body a {
    &:hover,
    &:focus {
      opacity: 0.98;
      img {
        background: rgba(0,0,0,0.05);
        opacity: 0.85;
      }
    }
  }
}

.header-menu-block {
  margin-bottom: 0;

  ul.menu {
    margin: 0;
    padding: 0;
    text-align: right;

    @media (max-width: 630px) {
      position: relative;
      left: 10px;
    }

    li {
      display: inline-block;
      float: none;
      margin-left: 25px;
      vertical-align: top;

      @media (max-width: 630px) {
        margin-left: 12px;
        &.hide-mobile {
          display: none;
        }
      }

      a {
        color: @color-header-menu-link;
        display: block;
        font-family: @family-header-font;
        font-size: 2.8rem;
        line-height: 1.2em;
        text-transform: uppercase;

        &.header-search-open-button {
          //background: url("../images/bkg-search-icon.png") no-repeat 0 0 transparent;
          border-bottom: 2px solid transparent;
          color: @color-header-menu-link;
          font-size: 0;
          height: 30px;
          padding-top: 4px;
          position: relative;
          width: 30px;

          &:hover,
          &:focus {
            opacity: 0.7;
            border-bottom: 2px solid white;
          }

          &::after {
            content: "\f002";
            font-family: @font-awesome;
            font-size: 3.1rem;
            line-height: 27px;
            left: 0;
            position: absolute;
            top: 4px;
          }
        }

        &.header-menu-open-button {
          //background: url("../images/bkg-hamburger-menu.png") no-repeat 0 0 transparent;
          color: @color-header-menu-link;
          font-size: 0;
          height: 27px;
          padding-top: 4px;
          position: relative;
          width: 27px;

          &:hover,
          &:focus {
            opacity: 0.7;
            border-bottom: 2px solid white;
          }

          &::after {
            content: "\f0c9";
            font-family: @font-awesome;
            font-size: 3.1rem;
            left: 0;
            line-height: 27px;
            position: absolute;
            top: 4px;
          }
        }
      }
    }
  }
}


// BC Header menu fix

@media (max-width: 890px) {
  .header-menu-block {
    ul.menu {
      li.mainmenu-topnav {
        display: none;
      }
    }
  }
}


.navigation-slide-menu-block {
  .kwall-slide-in-nav-menu,
  .kwall-slide-in-nav-search-menu {
    background-color: @color-slide-menu-bg;
    overflow: scroll;
    z-index: 10000;
    form {
      margin-bottom: 3rem;
      .form-text {
        background: @color-slide-menu-input-bg;
        border: 0;
        font-size: 2rem;
        height: 50px;
        margin: 0;
        margin-right: -0.4rem;
        width: 84%;
        color: @color-slide-menu-input-text;
      }
    }
    .form-actions {
      background: @color-search-bkg;
      display: inline-block;
      vertical-align: top;
    }
    .form-submit {
      background: @color-slide-menu-submit-bg @image-slide-menu-search-icon center no-repeat;
      border: 0;
      border-radius: 0;
      color: transparent;
      height: 50px;
      padding: 0;
      width: 50px;

      &:after {
        content: "";
        width: 50px;
        height: 50px;
      }
    }

    .slide-menu-close {
      a.slide-menu-close-button {
        &:hover,
        &:focus {
          border-bottom: 2px solid @color-slide-menu-ul-menu-link;
        }
      }
    }

    ul.menu {
      border-bottom: 1px solid #000;
      padding: 0;
      max-width: 320px;

      ul.menu:before {
        content: '';
        display: block;
        margin-left: 1rem;
        width: 0;
        height: 0;
        border-color: #000 transparent transparent transparent;
        border-style: solid;
        border-width: 6px;

      }
      a.submenu-toggle {
        i,
        &:active,
        &:focus,
        &:hover {
/*           text-decoration: none; */
        }
      }
      .menu-quicklink {
          display: inline-block;
          width: 40%;
          padding-right: 0;
          font-size: 1.5rem;
      }
      > li {
        font-size: 2rem;
        margin-bottom: 1rem;
        padding-left: 2rem;
        &.is-expanded {
          border-top: 1px solid #000;
          padding: 2rem;

          li:first-child:before {
            content: '';
            display: block;
            margin-left: 1rem;
            width: 0;
            height: 0;
            position: relative;
            left: -40px;
            top: -33px;
            border-color: @color-accordion-menu-bkg transparent transparent transparent;
            border-style: solid;
            border-width: 6px;
          }

          ul.menu {
            border-bottom: 0;
            border-top: 1px solid #000;
            margin-left: -2rem;
            margin-right: -2rem;
            margin-top: 3rem;
          }
          li.is-expanded,
          li {
            font-size: 1.6rem;
            padding-left: 4rem;
            a {
              color: @color-slide-menu-ul-menu-child-link;
            }
            &.first {
              margin-top: 2rem;
            }
            &.is-expanded {
              border: none;
              padding: 0 4rem;
            }
          }
        }
      }
    }
  }
}


.slide-in-nav-menu-block,
.kwall-slide-in-nav-search-menu {
  ul.menu {
    li {
      display: block;
      float: none;
      a {
        color: @color-slide-menu-ul-menu-link;
      }
    }
  }
}

// BC Hide Apply Visit Give in main-menu
.slide-in-nav-menu-block {
  ul.menu {
    li.main-menu-slidenav {
      display: none;
      padding-left: 1.925rem;
      font-size: 1.9625rem;
      @media (max-width: 890px){
        display: inline-block;
      }
    }
    li.mainmenu-slidenav {
      display: none;
      padding-left: 1.925rem;
      font-size: 1.9625rem;
      @media (max-width: 890px){
        display: inline-block;
      }
     &.mainmenu-slidenav-last {
        width: 50%;
        margin-bottom: 1.2em;
      }
    }
  }

}
.kwall-slide-in-nav-search-menu {
  .block-menu-block {
    .block-title {
      border-bottom: 1px solid #000;
      color: #fff;
      font-family: @font-family;
      font-size: 2rem;
      font-weight: bold;
      padding-left: 2rem;
      padding-bottom: 1.4rem;
    }
    ul.menu {
      border-bottom: none;
      padding-left: 0;
      li {
        border-bottom: 1px solid #000;
        padding-bottom: 1.4rem;
      }
    }
  }
}

/**
 *
 * Highlighted
 *
 */

.video-slideshow-block {
  margin-bottom: 0;
  position: relative;
  z-index: 1;

  .front & {
    &::after {
      bottom: -2rem;
      color: @color-slideshow-main-wrapper-down-arrow;
      content: "\f107";
      font-family: @font-awesome;
      font-size: 6.5rem;
      height: 5rem;
      left: 50%;
      margin-left: -2.5rem;
      position: absolute;
      width: 5rem;
      z-index: 1000;
    }
  }
}

.header-paragraph-block {
  margin-bottom: 0;

  .paragraphs-item-slideshow,
  .paragraphs-item-interior-header-slideshow {
    .node-type-landing-page & {
      position: relative;

      &::after {
        bottom: -2rem;
        color: @color-slideshow-main-wrapper-down-arrow;
        content: "\f107";
        font-family: @font-awesome;
        font-size: 6.5rem;
        height: 5rem;
        left: 50%;
        margin-left: -2.5rem;
        position: absolute;
        width: 5rem;
        z-index: 1000;
      }
    }
  }

  .group-banner-wrapper {
    position: relative;

    .department-banner & {
      &:before {
        bottom: 0;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 9;
        .color-department-header-gradient;
      }

      &::after {
        background: @image-department-header-wave repeat-x center bottom transparent;
        bottom: 0;
        content: "";
        display: block;
        height: 78px;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 10;
      }
    }
  }

  .group-banner-inner-wrapper {
    .department-banner & {
      height: 26.7rem;
      margin: 0 auto;
      max-width: @width-page;

      @media (max-width: 1050px) {
        padding-left: 1.5rem;
      }

      @media (max-width: 959px) {
        padding-left: 0;
        text-align: center;
      }
    }

    .field-name-field-banner-title-dept {
      color: #fff;
      font-size: 5rem;
      line-height: 1.2em;
      margin-bottom: 1rem;
      padding-top: 13.8rem;
      position: relative;
      z-index: 11;
    }

    .field-name-field-banner-sub-title {
      color: #fff;
      font-size: 2rem;
      line-height: 1.2em;
      font-style: italic;
      position: relative;
      z-index: 11;
    }
  }
}

.hero-image-block,
.event-hero-image-block {
  display: inline-block;
  vertical-align: top;
  width:~"calc(100% - 241px)";

  @media (max-width: 959px) {
    width: 100%;
    img {
      width: 100%;
    }
  }
  @media (max-width: 767px) {
    display: block;
    margin: 3rem auto 4.5rem auto;
    max-width: 100%;
    width: 100%;
  }

  .view-content {
    position: relative;
  }

  .field-type-image {
    position: relative;

    &::after {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+57,1+100 */
      background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 57%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 57%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 57%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
      bottom: 0;
      content: "";
      display: block;
      height: 100%;
      left: 0;
      position: absolute;
      width: 100%;
    }
  }

  img {
    display: block;
    height: auto;
    max-width: 100%;
  }

  .date-wrapper {
    float: left;
    margin-right: 2rem;
  }

  .text-wrapper {
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    left: 0;
    padding: 2.6rem 2rem;
    position: absolute;
    width: 100%;
  }

  .view {
    .views-row {
      margin-bottom: 0;
    }

    .views-field-title {
      font-size: 2.6rem;
      line-height: 1.2em;
      margin-bottom: 1rem;

      a, a:focus {
        color: #fff;
      }
    }
  }
}

// BC Standard Header Banner 

.standard-slideshow-block {
  .view-slideshow {
    .slide-text {
      text-align: left !important;
      margin: 0 auto !important;
      max-width: 1000px !important;
      bottom: 55px;
      position: absolute;
      box-sizing: border-box;
      z-index: 11;
      @media (max-width:959px){
        bottom: 110px;
      }
    }
    .field-name-field-slide-title {
      text-align: left !important;
      margin: 0 auto !important;
      max-width: 1000px !important;
      h1 {
        font-size: 5.0rem;
        padding-left: 10px;
        color: #ffffff;
      }
    }
    .field-name-field-slide-text {
      text-align: left !important;
      margin: 0 auto !important;
      max-width: 1000px !important;
      font-size: 2rem;
      font-style: italic;
      padding-left: 10px;
      color: #ffffff;
    }
    .field-name-field-slide-image {
      min-height: 267px;
      max-height: 267px;
      overflow: hidden;
      position: relative;
    }
    .hero-bkg {
      .field-content {
        min-height: 267px !important;
        max-height: 267px !important;
        overflow: hidden;
        position: relative;
      }
      .video-loaded {
        &::after {
          background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(199, 199, 199, 0) 22%, #000000 100%);
          background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(199, 199, 199, 0) 22%, #000000 100%);
          background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(199, 199, 199, 0) 22%, #000000 100%);
          background-size: cover;
          bottom: 0;
          content: "";
          height: 100%;
          left: 0;
          opacity: 0.8;
          position: absolute;
          width: 100%;
        }
      }
    }
    .video-loaded {
      height: 267px;
      position: absolute;
      overflow: hidden;
      top: 0;
      width: 100%;
      z-index: 2;
    }
  }
}
@media (max-width: 959px) {
  .front .full-slideshow-block .view-slideshow .field-name-field-slide-image::after, .front .view-slideshow .hero-bkg .field-content::after {
    bottom: 0;
  }
  .standard-slideshow-block {
    .view-slideshow {
      .flexslider {
        height: 267px;
        margin:0;
      }
      .field-name-field-slide-image {
        left: 0;
        min-height: auto;
        max-height: none;
        position: absolute;
        top: 0;
        transform: none;
      }
      .hero-bkg {
        .field-content {
          left: 0;
          min-height: auto;
          max-height: none;
          position: absolute;
          top: 0;
          transform: none;
        }
      }
      .slide-text {
        bottom: 55px;
        padding: 0 15px;
      }
    }
  }
}
@media (max-width: 767px) {
  .standard-slideshow-block {
    .view-slideshow {
      .hero-bkg {
        .video-loaded {
          &::after {
            background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(199, 199, 199, 0) 22%, #000000 100%);
            background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(199, 199, 199, 0) 22%, #000000 100%);
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(199, 199, 199, 0) 22%, #000000 100%);
            background-size: cover;
            bottom: 0;
            content: "";
            height: 100%;
            left: 0;
            opacity: 0.8;
            position: absolute;
            width: 100%;
          }
        }
        .field-content {
          &::after {
            background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(199, 199, 199, 0) 22%, #000000 100%);
            background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(199, 199, 199, 0) 22%, #000000 100%);
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(199, 199, 199, 0) 22%, #000000 100%);
            background-size: cover;
            bottom: 0;
            content: "";
            height: 100%;
            left: 0;
            opacity: 0.8;
            position: absolute;
            width: 100%;
          }
        }
      }
      .field-name-field-slide-title {
        padding-left: 0;
        padding-right: 0;
        h1 {
          font-size: 3rem;
          padding-left: 15px;
          padding-right: 0;
          color: #ffffff;
        }
      }
    }
  }
}


// end Standard Header Banner


.grid-news-block {
  clear: both;

  @media (max-width: 500px) {
    .section-news-center & {
      display: block;
      margin: 1rem auto;
      margin-left: -2rem;
      max-width: ~"calc(100% + 4rem)";
      width:~"calc(100% + 4rem)";
    }
  }
}

/**
 *
 * Content
 *
 */

// BC Add Site Alert
#site-alert {
    background: @color-content-site-alert-bg;
    color: @color-content-site-alert-text;
    border: 1px solid #000000;
    padding: 0 20px;
}

.events-exposed-filters-block {
  background: @color-text-bkg;
  box-sizing: border-box;
  float: right;
  padding: 0.8rem 2.5rem;
  width: 28rem;

  @media (max-width: 767px) {
    float: none;
    margin: 0 auto;
  }

  .form-item {
    input {
      height: 3.5rem;
      width: 23rem;
    }

    &.form-item-title-field-value input {
      background: url("../images/bkg-input-search.png") no-repeat 95% center #fff;
      padding-right: 40px;
    }

    &.form-item-field-date-events-value-value-date {

      &:after {
        content: "to";
        margin-left: .3rem;
      }
      input {
        margin-right: 0;
        padding: 6px;
        width: 10rem;
      }
    }
    &.form-item-field-date-events-value2-value-date {
      input {
        margin-left: 0;
        margin-right: 0;
        margin-top: 2.8rem;
        width: 9rem;
      }
    }

    &.form-item-field-event-categories-tid .select2 {
      height: 3.5rem;
      width: 23rem !important ;
    }

    .description {
      display: none;
    }
  }

  .views-exposed-widget {
    padding: 0;

    label {
      font-family: @family-header-alternate-font;
      font-size: 1.5rem;
      font-weight: normal;
      line-height: 2rem;
      margin-bottom: 0.8rem;
    }
    &.views-widget-filter-title_field_value {
      margin: 2rem 0 1.5rem 0;

    }
    &.views-widget-filter-field_event_categories_tid {
       margin-top:1.8rem;
    }

    &.views-submit-button {
      text-align: center;
      width: 100%;
      input {
        margin-top: 2.5rem;
        width: 11.8rem;
      }
    }
  }
}

.exposed-filter-block {
  background-color: #ECEBE1;
  margin-left: ~'calc(-1 * (100vw - 1000px) / 2)';
  margin-right: ~'calc(-1 * (100vw - 1000px) / 2)';

  @media (max-width: 1000px) {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  @media (max-width: 767px) {
    display: block;
    margin: 1rem auto;
    margin-left: -2rem;
    max-width: ~"calc(100% + 4rem)";
    width:~"calc(100% + 4rem)";
  }

  form {
    margin: 0 auto;
    max-width: @width-page;
  }

  .views-exposed-form {
    padding: 1.5rem 0 1.3rem;
      @media (max-width: 767px) {
        padding: 1.5rem 3rem 1.3rem;
      }
    .views-exposed-widget {
      padding-right: 0;

      @media (max-width: 959px) {
        margin-left: 2rem;
      }

      &.views-reset-button {
        @media (max-width: 959px) {
          margin-left: 0rem;
        }
      }

      &.views-submit-button,
      &.views-reset-button {
        @media (max-width: 767px) {
          float: right;
          margin-left: 1.5rem;
        }
      }
    }

    label {
      font-family: @family-header-alternate-font;
      font-size: 1.5rem;
      font-weight: normal;
      line-height: 1.2em;
      margin-bottom: 0.3rem;
    }
  }

  .views-widget-filter-field_category_news_tid,
  .views-widget-filter-field_tags_news_tid {
    .description {
      display: none;
    }
  }

  .views-widget-filter-title, .views-widget-filter-combine {
    margin-right: 1%;
    width: 24%;

    .form-item-title input, .form-item-combine input {
      background: url("../images/bkg-input-search.png") no-repeat 95% center #fff;
      padding-right: 40px;
    }

    @media (max-width: 1000px) {
       width: 23%;
    }

    @media (max-width: 959px) {
      margin-bottom: 2rem;
      width: 55%;

      input {
        width: 100%;
      }
    }
    @media (max-width: 767px) {
       width: 100%;
    }
  }

  .views-widget-filter-field_date_news_value {
    margin-right: 0.5%;
    width: 25.1%;
    @media (max-width: 959px) {
      width: 37%;
    }
    @media (max-width: 767px) {
      width: 100%;
    }
    .views-widget label,
    .description {
      display: none;
    }

    > .views-widget {
      > div {
        display: inline-block;
        max-width: 43.05%;
        vertical-align: top;
      }

      #edit-field-date-news-value-min-wrapper {
        display: inline-block;
        max-width: 55%;
        vertical-align: top;

        .container-inline-date .form-item input {
          max-width: 78.3%;
        }
      }
    }
  }

  .form-item-field-date-news-value-min-date {
    &::after {
      content: "to";
      font-family: @family-header-alternate-font;
      font-size: 1.5rem;
      font-weight: normal;
      line-height: 1.2em;
    }
  }

  .views-widget-filter-field_category_news_tid {
    margin-right: 1%;
    width: 17.3%;
    @media (max-width: 959px) {
      width: 50%;
    }
    @media (max-width: 767px) {
      width: 100%;
    }
  }

  .views-widget-filter-field_tags_news_tid {
    margin-right: 1%;
    width: 17.3%;
    @media (max-width: 959px) {
      width: 22%;
    }
    @media (max-width: 767px) {
      width: 100%;
    }
  }

  .container-inline-date {
    > .form-item {
      margin-right: 0;
    }

    .form-item input {
      width: 100%;
    }
  }
  @media (max-width: 767px) {
    .views-exposed-form .views-exposed-widget {
      padding-right: 0;
      float: none;
      display: block;
      margin: 0 auto;

      .form-submit {
        display: block;
        margin: 0 auto;
      }
    }
  }
}

.event-icon-block {
  clear: right;
  float: right;
  width: 28rem;

  @media (max-width: 767px) {
    float: none;
    margin: 1rem auto;
  }

  .events-archive {
    .button-style{
      .back-button-style;
      background-color: #fff;
      margin-bottom: 1.7rem;

      &::before {
        content: "";
      }

      &::after {
        content: ">";
        padding-left: 5px;
      }
    }
  }

  .event-icons {
    text-align:  center;

    a {
      display: inline-block;
      font-size: 1.4rem;
      margin: 0 auto;
      margin-left: 2rem;
    }
    .events-rss {
      &:before {
        content: "\f09e";
        font-family: @font-awesome;
        margin-right: .6rem;
      }
    }
    .events-ical {
      &:before {
        content: "\f133";
        font-family: @font-awesome;
        margin-right: .6rem;
      }
    }

    .events-subscribe {
      margin-left: 0;

      &:before {
        content: "\f073";
        font-family: @font-awesome;
        margin-right: .6rem;
      }
    }
  }
}

.ext-news-block {
  clear: both;
  .view .views-row {

  }
  h2.block-title {
    margin-bottom: 2rem;
  }
}

.events-mini-calendar-block {
  .page-events-center & {
    background-color: #fff;
    box-sizing: border-box;
    clear: left;
    display: inline-block;
    float: left;
    margin-bottom: 1.7rem;
    margin-right: 2rem;
    vertical-align: top;
    width: 220px;

    @media @tablet {
      float: none;
      margin-right: 1.3%;
      width: 31%;
    }

    @media (max-width: 770px) {
      width: 30%;
    }

    @media (max-width: 767px) {
      display: block;
      float: none;
      margin: 0 auto;
      width:100%;
    }
  }
}

.events-grid-block {
  border-bottom: 2px solid #ABCAE9;
  clear: both;
  margin-bottom: 3.3rem;
  padding-bottom: 1.1rem;
}

// Department Sidebar Contact Block
.department-social-block {
  .social-media-wrapper {
    ul.social-links {
      list-style: none;
      text-align: center;
      li {
        display: inline-block;
        font-size: 0;
        padding-bottom: 5px;
        vertical-align: top;
        a {
          background: #ccc;
          display: block;
          height: 32px;
          text-align: center;
          width: 32px;
          &:after {
            color: #fff;
            display: inline-block;
            font-family: @font-awesome;
            font-size: 1.9rem;
            line-height: 1.9;
          }
        }
        &.facebook a {
          background: #3c569a;
          &:after {
            content: "\f09a";
          }
        }
        &.twitter a {
          background: #1c9ef4;
          &:after {
            content: "\f099";
          }
        }
        &.youtube a {
          background: #ce221a;
          &:after {
            content: "\f167";
          }
        }
        &.pinterest a {
          background: #cc2223;
          &:after {
            content: "\f231";
          }
        }
        &.rss a {
          background: #f08841;
          &:after {
            content: "\f09e";
          }
        }
        &.instagram a {
          background: #004c97;
          &:after {
            content: "\f16d";
          }
        }
      }
    }
  }
}

.block-ssuedu-custom {
  margin-bottom: 0;

  .department-title {
    margin: 0 auto 4.5rem;
    width: @width-page;

    .node-type-department & {
      display: none;
    }
    h2 {
      color: #4A4A4A;
      font-family: @font-family;
      font-size: 5rem;
      line-height: 1.2em;
      margin-bottom: 1rem;
    }
    p {
      color: #4A4A4A;
      font-size: 2rem;
      font-style: italic;
      line-height: 1.2em;
    }
  }
}

.body-video-slideshow-block {
  margin: 0 auto 3.5rem;
  max-height: 418px;
  max-width: @width-page;

  .view-slideshow {
    .video-loaded {
      max-height: 418px;
    }
    .hero-bkg .video-loaded::after {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,000000+100&0+23,0.7+100 */
background: -moz-linear-gradient(top,  rgba(250,250,250,0) 0%, rgba(193,193,193,0) 23%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(250,250,250,0) 0%,rgba(193,193,193,0) 23%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(250,250,250,0) 0%,rgba(193,193,193,0) 23%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fafafa', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
    }
    .field-name-field-slide-image::after,
    .hero-bkg .field-content::after {
      height: 100%;
    }

    .field-name-field-slide-image,
    .hero-bkg .field-content {
      min-height: inherit;
    }

    .slide-text {
      bottom: 62px;
    }

    .flex-control-nav {
     bottom: 1.5rem;
    }
  }

  .hero-slide-wrapper {
    max-height: 418px;
  }
}

// Sidebar
.sidebar-menu-block {
  margin-bottom: 3.5rem;

  ul.menu {
    margin: 0;
    padding-left: 0;

    li {
      border-top: 1px solid @color-sidebar-first-level-top-border !important;
      float: none;
      overflow: hidden;

      li {
        border-top: 0px none;
      }
    }

    a {
      color: @color-sidebar-first-level-link;
      display: block;
      font-family: @font-family-semibold;
      font-size: 1.4rem;
      line-height: 1.2em;
      padding: 12px 11px;

      &:hover,
      &:focus {
        text-decoration: none;
      }
    }
  }

  .menu-block-wrapper > ul.menu > li {
    > a {
      border-left: 4px solid @color-sidebar-first-level-left-border-color;
      background: @color-sidebar-first-level-bg;
      background: -webkit-linear-gradient(to right, @color-sidebar-first-level-bg 50%, @color-sidebar-first-level-bg-hover 50%);
      background: -o-linear-gradient(to right, @color-sidebar-first-level-bg 50%, @color-sidebar-first-level-bg-hover 50%);
      background: -moz-linear-gradient(to right, @color-sidebar-first-level-bg 50%, @color-sidebar-first-level-bg-hover 50%);
      background: linear-gradient(to right, @color-sidebar-first-level-bg 50%, @color-sidebar-first-level-bg-hover 50%);
      background-size: 200% 100%;
      background-position: left bottom;
      transition: all 0.5s ease;

      &:hover, &:focus {
        background-position: right bottom;
        border-left-color: @color-sidebar-first-level-left-border-hover;
        color: @color-sidebar-first-level-link-hover;
      }
    }

    &.active > a,
    &.is-active-trail > a {
      background: @color-sidebar-first-level-bg-active;
      background-position: 100% center;
      border-left-color: @color-sidebar-first-level-left-border-hover;
      color: @color-sidebar-first-level-link-active;
    }
    &.active > a:focus,
    &.is-active-trail > a:focus {
      border-left: 6px solid #fff;
    }
    // Second Level
     > ul {
      padding-left: 18px;

      > li {
        > a {
          border-left: 4px solid @color-sidebar-second-level-left-border-color;
          background: @color-sidebar-second-level-bg;
          background: -webkit-linear-gradient(to right, @color-sidebar-first-level-bg 50%, @color-sidebar-first-level-bg-hover 50%);
          background: -o-linear-gradient(to right, @color-sidebar-first-level-bg 50%, @color-sidebar-first-level-bg-hover 50%);
          background: -moz-linear-gradient(to right, @color-sidebar-first-level-bg 50%, @color-sidebar-first-level-bg-hover 50%);
          background: linear-gradient(to right, @color-sidebar-first-level-bg 50%, @color-sidebar-first-level-bg-hover 50%);
          background-size: 200% 100%;
          background-position: left bottom;
          transition: all 0.5s ease;
          color: @color-sidebar-second-level-link;

          &:hover,
          &:focus {
            background-position: right bottom;
            color: @color-sidebar-second-level-link;
          }
        }

        &.active > a,
        &.is-active-trail > a {
          background: @color-sidebar-second-level-bg-active;
          border-left-color: @color-sidebar-second-level-left-border-hover;
          color: @color-sidebar-second-level-link-active;
        }
        &.active > a:focus,
        &.is-active-trail > a:focus {
          border-left: 6px solid #fff;
        }
      }
      // Third Level
      > li > ul {
        padding-left: 18px;

        > li {
          > a {
            border-left: 4px solid @color-sidebar-third-level-left-border-color;
            background: -webkit-linear-gradient(to right, @color-sidebar-first-level-bg 50%, @color-sidebar-first-level-bg-hover 50%);
            background: -o-linear-gradient(to right, @color-sidebar-first-level-bg 50%, @color-sidebar-first-level-bg-hover 50%);
            background: -moz-linear-gradient(to right, @color-sidebar-first-level-bg 50%, @color-sidebar-first-level-bg-hover 50%);
            background: linear-gradient(to right, @color-sidebar-first-level-bg 50%, @color-sidebar-first-level-bg-hover 50%);
            background-size: 200% 100%;
            background-position: left bottom;
            transition: all 0.5s ease;
            color: @color-sidebar-third-level-link;

            &:hover,
            &:focus {
              background-position: right bottom;
              color: @color-sidebar-third-level-link;
              transition: all 0.5s ease;
            }
          }

          &.active > a,
          &.is-active-trail > a {
            background: @color-sidebar-third-level-bg-active;
            color: @color-sidebar-third-level-link-active;
          }
          &.active > a:focus,
          &.is-active-trail > a:focus {
            border-left: 6px solid #fff;
          }
        }
        // Fourth Level
        > li > ul {
          padding-left: 18px;
          > li {
            > a {
              border-left: 4px solid @color-sidebar-fourth-level-left-border-color;
              background: -webkit-linear-gradient(to right, @color-sidebar-first-level-bg 50%, @color-sidebar-first-level-bg-hover 50%);
              background: -o-linear-gradient(to right, @color-sidebar-first-level-bg 50%, @color-sidebar-first-level-bg-hover 50%);
              background: -moz-linear-gradient(to right, @color-sidebar-first-level-bg 50%, @color-sidebar-first-level-bg-hover 50%);
              background: linear-gradient(to right, @color-sidebar-first-level-bg 50%, @color-sidebar-first-level-bg-hover 50%);
              background-size: 200% 100%;
              background-position: left bottom;
              transition: all 0.5s ease;
              color: @color-sidebar-fourth-level-link;

              &:hover,
              &:focus {
                background-position: right bottom;
                color: @color-sidebar-fourth-level-link;
                transition: all 0.5s ease;
              }
            }

            &.active > a,
            &.is-active-trail > a {
              background: @color-sidebar-fourth-level-bg-active;
              color: @color-sidebar-fourth-level-link-active;
            }
            &.active > a:focus,
            &.is-active-trail > a:focus {
              border-left: 6px solid #fff;
            }
          }
        }
      }
    }
  }
}

// BC Social Media Links
#block-views-social-media-links-block {
  .social-media-list {
    .social-media-feed-mailing-list {
      a {
        background: #377539;
        &::after {
          content: "\f0e0";
          font-family: 'FontAwesome';
        }
      }
    }
    ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      display: table;
      width: 100%;
      table-layout: auto; /* optional */
      li {
        display: table-cell;
        width: 25%;
        span a {
          width: 100%;
        }
      }
    }
    span a {
      background: #ccc;
      display: block;
      height: 32px;
      text-align: center;
      width: 32px;
      font-size: 0;
      color:#ffffff;
    }
    span a::after {
      color: #fff;
      display: inline-block;
      font-family: 'FontAwesome';
      font-size: 1.9rem;
      line-height: 1.9;
    }
    a:hover, a:focus {
      opacity: .8;
    }
    a:hover:after, a:focus:after  {
      text-shadow: 1px 2px 1px rgba(0,0,0,0.625);
    }
    .social-media-feed-facebook {
      a {
        background: #3c569a;
      }
      a:after {
        content: "\f09a";
        font-family: 'FontAwesome';
      }
    }
    .social-media-feed-twitter {
      a {
        background: #0C75C0; 
        //#1c9ef4;
      }
      a:after {
        content: "\f099";
        font-family: 'FontAwesome';
      }
    }
    .social-media-feed-instagram {
      a {
        background: #E10164;
        //#97715a;
      }
      a:after {
        content: "\f16d";
        font-family: 'FontAwesome';
      }
    } 
    .social-media-feed-youtube {
      a {
        background: #c3181e;
      }
      a:after {
        content: "\f166";
        font-family: 'FontAwesome';
      }
    } 
    .social-media-feed-linkedln {
      a {
        background: #0b78b7;
      }
      a:after {
        content: "\f08c";
        font-family: 'FontAwesome';
      }
    }
    .social-media-feed-flickr {
      a {
        background: #000000;
      }
      a:after {
        content: "\f16e";
        font-family: 'FontAwesome';
      }
    }

  }
}

// sidebar-links-block
ul.sidebar-links {
  list-style: none;
  li.sidebar-link-item {
    padding-bottom: 10px;
    a {
      border-color: @color-sidebar-link-border;
      border-radius: @border-sidebar-link-border;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      color: @color-sidebar-link;
      text-align: center;
      width: 100%;
    }
  }
}

.highlighted-cta-block,
.cta-block {
  background-color: #E8E8E8;
  padding: 0.8rem 1.5rem 2rem;

  .page-news-center &,
  .page-events-center & {
    background-color: #fff;
    box-sizing: border-box;
    clear: left;
    display: inline-block;
    float: left;
    margin-bottom: 1.7rem;
    margin-right: 2rem;
    padding: 1.6rem 1.3rem;
    vertical-align: top;
    width: 220px;

    @media (max-width: 959px) {
      float: none;
      margin-right: 1.3%;
      min-height: 135px;
      width: 32%;
    }

    @media (max-width: 767px) {
      display: block;
      float: none;
      margin: 1rem auto;
      min-height: inherit;
      width: 100%;
    }
  }

  .page-events-center & {
    @media @tablet {
      min-height: 192px;
    }

    @media @mobile {
      min-height: inherit;
    }
  }

  h2.block-title {
    font-size: 2.2rem;
  }
}

.ssu-news-subscribe-block {
  h2.block-title {
    margin-bottom: 1.5rem;

    .page-news-center & {
      margin-bottom: 1rem;
      max-width: 115px;
    }
  }

  .webform-client-form {
    position: relative;
  }

  form .webform-component-email input {
    font-size: 1.2rem;
    padding: 0.85rem 4.7rem 0.85rem 1rem;

    @media @mobile {
      width: 100%;
    }

    &::-webkit-input-placeholder {
       font-size: 1.2rem;
       font-style: italic;
    }
    &:-moz-placeholder { /* Firefox 18- */
       font-size: 1.2rem;
       font-style: italic;
    }
    &::-moz-placeholder {  /* Firefox 19+ */
       font-size: 1.2rem;
       font-style: italic;
    }
    &:-ms-input-placeholder {
       font-size: 1.2rem;
       font-style: italic;
    }
  }

  .webform-component-email {
    margin: 0;
    position: relative;
    width: 75%;
    z-index: 1;

    @media @mobile {
      width: 95%;
    }
  }

  .form-actions {
    bottom: 0;
    margin: 0;
    position: absolute;
    right: 0;
    z-index: 2;

    input[type="submit"] {
      padding: 0.6rem 1.7rem;
    }
  }
}

div.announcements-block {
  .block-title {
    font-size: 2.8rem;
    background-color: #004C97;
    color: #ffffff;
    padding: 5px 10px;
    margin: 0;
  }
  @media (min-width: 865px) {
    float: right;
    max-width: 300px;
    margin-left: 20px;
    padding: 10px;
  }
}
div.view-announcements {
  padding: 10px;
  background-color:#eeeeee;
  img {
    float: left;
    padding-right: 10px;
  }
  @media (min-width: 865px) {
    max-height: 400px;
    overflow-y: scroll;
  }
}

.world-faculty-block {
  @media @tablet {
    .page-news-center & {
      margin-right: 0;
    }
  }

  p {
    .page-news-center & {
      max-width: 20rem;
    }

    a {
      color: @color-header;
      font-family: @family-header-font;
      font-size: 3.2rem;
      line-height: 1.2em;
    }
  }
}

.one-line-cta-block {
  p {
    .page-news-center & {
      max-width: 20rem;
    }

    a {
      color: @color-header;
      font-family: @family-header-font;
      font-size: 2.2rem;
      line-height: 1.2em;
    }
  }
}

.journalist-block {
  h2.block-title {
    margin-bottom: 1rem;
  }

  p {
    font-size: 1.4rem;
    line-height: 1.5em;
  }
}

/**
 *
 * Sub Content
 *
 */

.sub-content-paragraphs-block {
  margin-bottom: 0;
}

.news-events-tabs-block {
  background: url("../images/bkg-tabs-queue.png") repeat-x center top transparent;
  margin-bottom: 0;
  margin-top: -1px;
  padding: 37px 1.5rem 2rem;

  .node-type-department & {
    background: @image-department-news-events repeat-x center top @color-department-news-events-bg;
    padding-top: 8.3rem;

    @media (max-width: 959px) {
      margin-bottom: 8rem;
    }
  }

  h2.block-title {
    color: #fff;
    font-family: @family-header-alternate-font;
    margin: 0 0 42px;
    text-align: center;
  }

  .quicktabs-wrapper {
    .center-content;
  }

  .item-list {
    background-color: @color-department-news-items-list;
    border-radius: 27px;
    font-size: 0;
    line-height: 0;
    margin-bottom: 45px;

    li {
      display: inline-block;
      text-align: center;
      width: 49.5%;

      @media (max-width: 767px) {
        width: 48.5%;
      }

      &.active {
        border-radius: 48px;
        border-right: 5px solid #af2c25;

        .node-type-department & {
          border-right-color: @color-department-news-items-active-border;
        }

        a {
          background-color: @color-department-news-item-active-bg;
          border-radius: 27px;
          font-family: @family-header-font;
        }
      }

      &:last-child {
        &.active {
          border-left: 5px solid #af2c25;
          border-right: 0px none;
          width: 49.85%;

          .node-type-department & {
            border-left-color: @color-department-news-items-active-border;
          }
        }
      }
    }

    a {
      color: #fff;
      display: block;
      font-family: @family-light-font;
      font-size: 2.4rem;
      line-height: 1.2em;
      padding: 10px 0 13px;
      text-transform: uppercase;
    }
  }

  .view-events {
    .view-content {
      display: inline-block;
      vertical-align: top;
      width:~"calc(100% - 347px)";
      @media (max-width: 767px) {
        width: 100%;
      }
    }
    .attachment-before {
      display: inline-block;
      margin-right: 27px;
      max-width: 315px;
      vertical-align: top;

      .view-content {
        width: auto;

        @media (max-width: 767px) {
          display: block;
        }
      }

      .views-row {
        width: 100%;
      }

      @media (max-width: 767px) {
        display: block;
        margin: 1rem auto;
      }
    }
  }

  .no-image-event {
    background-color: @color-grid-text-wrapper-bg-hover;
    float: left;
    width: 48.24%;

    @media (max-width: 590px) {
      float: none;
      width: 100%;
    }

    &.views-row-odd {
      margin-right: 3.5%;
    }

    .date-wrapper {
      float: left;
    }

    .text-wrapper {
      background-color: #fff;
      border: 2px solid #E8E8E8;
      border-left: 0px none;
      box-sizing: border-box;
      display: inline-block;
      min-height: 104px;
      padding: 10px;
      transition: all 0.3s ease 0s;
      vertical-align: top;
      width:~"calc(100% - 74px)";

      &:hover {
        background-color: @color-grid-text-wrapper-bg-hover;

        a:hover,
        a:focus,
        a:active {
          color: #B7312C;
          text-decoration: none;

          .node-type-department & {
            color: #004C97;
          }
        }
      }
    }
  }

  .view-content {
    margin-bottom: 42px;
  }

  .view-footer {
    padding-bottom: 2rem;
    text-align: center;

    p {
      margin-bottom: 0;
    }

    a.button {
      background-color: #B7312C;
      border-color: #B7312C;
      min-width: 121px;

      &:hover {
        background-color: transparent;
        border-color: #B7312C;
        color: #B7312C;
      }
    }

    .node-type-department & {
      a.button {
        background-color: @color-department-news-footer-link-bg;
        border-color: @color-department-news-footer-link-border;
        color: @color-department-news-footer-link;
        min-width: 121px;

        &:hover {
          background-color: @color-department-news-footer-link-bg-hover;
          border-color: @color-department-news-footer-link-border-hover;
          color: @color-department-news-footer-link-hover;
        }
      }
    }
  }
}

.subcontent-homepage-social-stream-block {
  &, *, *::before, *::after {
    box-sizing: border-box;
  }

  background: url('../images/bkg-social-stream.jpg');
  padding-top: 6rem;
  padding-bottom: 16rem;
  margin-bottom: -8rem;

  h2.block-title {
    color: #007672;
    font-family: @family-header-alternate-font;
    font-size: 3.8rem;
    line-height: 4.8rem;
    margin: 1rem auto;
    text-align: center;
  }

  .field-name-field-social-stream-subtitle {
    color: #007672;
    font-family: @font-family;
    font-size: 1.6rem;
    line-height: 1.5rem;
    margin: 0 auto;
    margin-bottom: 3rem;
    text-align: center;
  }

  .content {
    font-size: 0;
    text-align: center;
  }
}

.social-stream-column {
  display: inline-block;
  vertical-align: top;

  @media (max-width: 959px) {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  &.social-stream-column-1 {
    width: 25.1rem;

    @media (max-width: 959px) {
      width: 38rem;
    }

    @media(max-width: 500px) {
      max-width: 100%;
    }
  }

  &.social-stream-column-2 {
    width: 37.6rem;
    @media(max-width: 500px) {
      max-width: 100%;
    }
  }

  &.social-stream-column-3 {
    width: 37.6rem;
    @media (max-width: 959px) {
      .social-post.social-post-small-rectangle {
        width: 24.8rem;
      }
    }
    @media(max-width: 500px) {
      max-width: 100%;
    }
  }
}

.related-events-block,
.related-news-block {
  margin-top: 3.5rem;

  a {
    color: #333;
    font-family: @family-header-font;

    &:active,
    &:focus,
    &:hover {
      text-decoration: underline;
    }
  }

  .block-title {
    font-family: @family-header-font;
    font-size: 2.2rem;
    margin-bottom: 1.5rem;
  }

  .node-teaser {
    margin-bottom: 2.7rem;
  }

  .field-type-image {
    .field-item {
      display: none;
    }

    .field-item:first-child {
      display: block;
      float: left;
      margin-right: 2rem;
    }
  }

  .field-name-title-field {
    font-family: @family-header-font;
    font-size: 1.8rem;
  }

  .field-name-field-date-events {
    font-size: 1.3rem;

    .date-display-range {
      display: inline-block;
    }
  }

  .field-name-body {
    display: none;
  }

  .node-readmore {
    display: none;
  }
}

.related-news-block {
  .field-name-title-field a:after {
    content: '...';
  }

  .group-text-wrapper {
    display: inline-block;
    vertical-align: top;
    width: ~"calc(100% - 140px)";
  }
}

.node-type-event {
  .related-events-block {
    .field {
      margin-bottom: 0;
    }
  }
}

.related-events-block {
  .event-date {
    background-color: #004C97;
    border: 2px solid #ABCAE9;
    float: left;
    margin-right: 1.5rem;
    padding: 3px 0 8px;
    text-align: center;
    width: 70px;
  }

  .event-day {
    color: #fff;
    display: block;
    font-family: @family-header-alternate-font;
    font-size: 4rem;
    line-height: 1em;
  }

  .event-month {
    color: #ABCAE9;
    display: block;
    font-family: @family-header-font;
    font-size: 2.1rem;
    line-height: 1em;
    text-transform: uppercase;
  }

  .field-name-title-field a {
    color: #4A4A4A;
    font-size: 2.1rem;
    line-height: 1.3em;
  }
}

.social-post {
  float: left;
  margin-bottom: 0.3rem;
  margin-right: 0.3rem;
  overflow: hidden;
  position: relative;
  text-align: left;

  vertical-align: top;

  @media (max-width: 767px) {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
  }

  a.social-image-link {
    &, img {
      display: block;
    }
  }

  a.social-post-icon-link {
    border: 0.2rem solid #fff;
    color: #fff;
    display: block;
    font-size: 1.6rem;
    height: 2.6rem;
    left: 0.8rem;
    line-height: 2.2rem;
    position: absolute;
    text-align: center;
    top: 0.8rem;
    -webkit-transition-property: color, background-color, border-color;
    transition-property: color, background-color, border-color;
    width: 2.6rem;

    &:hover, &:active, &:focus {
      border-color: @color-link-hover;
      color: @color-link-hover;
      text-decoration: none;
    }
  }

  .social-post-info {
    padding-bottom: 1.4rem;
    padding-left: 3.7rem;
    padding-right: 0.8rem;
    padding-top: 1.4rem;

    a {
      color: @color-header;

      &:hover,
      &:active,
      &:focus {
      }
    }
  }

  .social-post-info,
  .social-post-body {
    color: @color-header;
    font-size: 1.4rem;
    line-height: 1.4rem;
  }

  .social-post-body {
    line-height: 1.5em;
    max-height: 7rem;
    padding-bottom: 0.8rem;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }


  &.facebook {
    background: #3B5B98;

    .social-post-info,
    .social-post-body {
      color: #fff;

      a {
        color: #fff;

        &:hover, &:active, &:focus {
        }
      }
    }

    .hyphen {
      display: none;
    }
  }

  &.flickr,
  &.instagram {
    .social-post-info {
      display: none;
    }
  }

  &.twitter {
    background: #fff;
    border: 0.2rem solid #C4BCB7;

    .social-post-name {
      color: #2BABDE;
    }

    a.social-post-icon-link {
      border-color: #2BABDE;
      color: #2BABDE;

      &:hover, &:active, &:focus {
        border-color: @color-link-hover;
        color: @color-link-hover;
      }
    }

    a.social-post-account {
      &::before {
        content: '@';
      }
    }
  }

  &.social-post-large-square {
    height: 24.8rem;
    width: 100%;
/*     width: 37.3rem; */

    @media (max-width: 500px) {
      max-width: 100%;
    }
  }

  &.social-post-large-rectangle {
    height: 12.2rem;
    width: 37.3rem;

    @media (max-width: 500px) {
      max-width: 100%;
    }
  }

  &.social-post-medium-square {
    height: 24.8rem;
    width: 24.8rem;
  }

  &.social-post-small-rectangle {
    height: 12.2rem;
    width: 24.8rem;

    @media (max-width: 959px) {
      width: 37.3rem;
    }
    @media (max-width: 500px) {
      max-width: 100%;
    }
  }

  &.social-post-small-square {
    height: 12.2rem;
    width: 12.2rem;
  }

}

.block-masquerade {
  h2.block-title,
  form {
    margin: 0 auto;
    max-width: @width-page;
  }
}


/*  BC Recent Blog Posts Block   */

.block-blog {
  h2 {
    background-color: #035D55;
    color: #ffffff;
    font-size: 16px;
    font-family: 'open_sansregular', Helvetica, Arial, sans-serif;
    padding: 12px 11px;
    border-top: #ffffff solid 1px;
    text-align: right;
  }
  .item-list {
    ul {
      margin: 0;
      padding-left: 0;
      text-align: right;
      li {
        list-style: none;
        border-top: 1px solid #ffffff;
        float: none;
        overflow: hidden;
        text-align: right;
        a {
          color: #004c97;
          font-family: 'open_sanssemibold', Helvetica, Arial, sans-serif;
          font-size: 1.4rem;
          line-height: 1.2em;
          padding: 12px 11px;
          text-align: right;
          &:active {
            background: #004c97;
            background-position: 100% center;
            border-right-color: #A2A685;
            color: #ffffff;
          }
          &:hover {
            background-position: left bottom;
            border-right-color: #A2A685;
            color: #004c97;
            text-decoration: none;
          }
          &:focus {
            text-decoration: none;
          }
        }
      }
      a {
        display: block;
      }
    }
  }
  .more-link {
    a {
      display: block;
      color: #004c97;
      font-family: 'open_sanssemibold', Helvetica, Arial, sans-serif;
      font-size: 1.4rem;
      line-height: 1.2em;
      padding: 12px 11px;
      text-align: right;
      border-top: #ffffff 1px solid;
      &:active {
        background: #004c97;
        background-position: 100% center;
        border-right-color: #A2A685;
        color: #ffffff;
      }
      &:hover {
        background-position: left bottom;
        border-right-color: #A2A685;
        color: #004c97;
        text-decoration: none;
      }
      &:focus {
        text-decoration: none;
      }
    }
  }
  >.item-list {
    >ul {
      >li {
        >a {
          border-right: 4px solid #d4d9b1;
          background: #eee;
          background: -webkit-linear-gradient(to right, #dedede 50%, #eeeeee 50%);
          background: -o-linear-gradient(to right, #dedede 50%, #eeeeee 50%);
          background: -moz-linear-gradient(to right, #dedede 50%, #eeeeee 50%);
          background: linear-gradient(to right, #dedede 50%, #eeeeee 50%);
          background-size: 200% 100%;
          background-position: right bottom;
          transition: all 0.5s ease;
        }
      }
    }
  }
  >.more-link {
    >a {
      border-right: 4px solid #d4d9b1;
      background: #eee;
      background: -webkit-linear-gradient(to right, #dedede 50%, #eeeeee 50%);
      background: -o-linear-gradient(to right, #dedede 50%, #eeeeee 50%);
      background: -moz-linear-gradient(to right, #dedede 50%, #eeeeee 50%);
      background: linear-gradient(to right, #dedede 50%, #eeeeee 50%);
      background-size: 200% 100%;
      background-position: right bottom;
      transition: all 0.5s ease;
    }
  }
}

/*  BC Recent Articles Block   */
.article-block {
  h2 {
    background-color: #B9121B;
    color: #ffffff;
    font-size: 16px;
    font-family: 'open_sansregular', Helvetica, Arial, sans-serif;
    padding: 12px 11px;
    border-top: #ffffff solid 1px;
    font-weight: bold;
  }
  .item-list {
    ul {
      margin: 0;
      padding-left: 0;
      li {
        list-style: none;
        float: none;
        overflow: hidden;
        font-size: 1.4rem;
      }
    }
  }
  .view-id-articles {
    .views-row {
      background-color: #eee;
      padding: 10px;
      margin-bottom: 0px;
      border-top: 1px solid #ffffff;
      border-left: 4px solid #abcae9;
      &:hover {
        background-color: #dedede;
      }
      a {
        font-size: 1.8rem;
        text-decoration: none;
      }
    }
  }
  .view-footer {
    p {
      border-top: #ffffff 1px solid;
      text-align: right;
      font-size: 1.2rem;
    }
  }
}


 /**
 *
 * Footer
 *
 */
.footer-social-links-block {
  margin-bottom: 45px;
  @media (max-width: 959px) {
    margin-bottom: 0;
  }
  @media (max-width: 600px) {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 15px;
  }
  ul.social-links {
    margin: 0;
    padding: 0;
    li {
      display: inline-block;
      vertical-align: top;

      a {
        background-color: #003075;
        border-radius: 50%;
        color: #ffffff;
        display: block;
        font-size: 0;
        height: 34px;
        line-height: 34px;
        text-align: center;
        transition: all 0.3s ease 0s;
        width: 34px;

        &:hover,
        &:focus,
        &:active {
          margin-top: -3px;
          opacity: 0.7;
        }

        &::after {
          color: #FFFFFF;
          content: "\f09a";
          display: inline-block;
          font-family: @font-awesome;
          font-size: 1.6rem;
        }

        &.instagram::after {
          content: "\f16d";
        }
        &.twitter::after {
          content: "\f099";
        }
        &.youtube::after {
          content: "\f167";
        }
        &.rss::after {
          content: "\f09e";
        }
      }
    }
  }
}

.footer-logo-block {
  display: inline-block;
  margin-right: 45px;
  vertical-align: top;
  @media (max-width: 959px) {
    display: block;
    margin-right: 0;
    text-align: center;
    margin-bottom: .7rem;
  }

  .content a {
    display: block;

    &:hover,
    &:focus,
    &:active {
      opacity: 0.7;
    }
  }
}

.footer-address-block {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 60px;
  vertical-align: top;

  .content {
    color: #FFFFFF;
    font-size: 1.3rem;
  }

  @media (max-width: 959px) {
    width: 28%;
    margin-right: 0;
  }
  @media (max-width: 638px) {
    text-align: center;
    font-size: 1.3rem;
    margin-bottom: 25px;
    margin-top: 10px;
    width: 48.5%;

    .content {
      font-size: 1.1rem;
    }
  }
}

.footer-right-menu.footer-menu-block {
  @media (max-width: 959px) {
    width: 22%;
  }
}

.footer-left-menu.footer-menu-block {
  @media (max-width: 959px) {
    width: 21%;
  }
}
.footer-center-menu.footer-menu-block {
  @media (max-width: 959px) {
    width: 25%;
  }
}

.footer-menu-block {
 display: inline-block;
 margin-bottom: 0;
 vertical-align: top;
 width:~"calc(100% - 434px)";
 @media (max-width: 767px) {
   width: 100%;
 }

 .footer-right-menu&,
 .footer-left-menu&,
 .footer-center-menu& {
    @media (max-width: 638px) {
      width: 48.5%;
      text-align: center;
      margin-bottom: 25px;
    }
 }

 @media (max-width:481px) {
   background: transparent;
   margin-top: 0;
 }

 ul.menu {
   margin: 0;
   padding: 0;
   li {
     float: none;
     vertical-align: top;

     a {
       color: #fff;
       font-size: 1.3rem;
       line-height: 1em;
     }
   }
 }
}

.footer-menu-block {
 display: inline-block;
 margin-bottom: 0;
 vertical-align: top;
 width: 18%;
 @media (max-width: 767px) {
   width: 100%;
 }
 @media (max-width:481px) {
   background: transparent;
   margin-top: 0;
 }

 ul.menu {
   margin: 0;
   padding: 0;
   li {
     float: none;
     vertical-align: top;

     a {
       color: #fff;
       font-size: 1.3rem;
       line-height: 1em;
     }
   }
 }
}