_departments-centers.scss

@import "../helpers/mixins";
@import "../helpers/variables";
@import "../helpers/functions";
//
// Departments and Centers Landing Page
// --------------------------------------------------

//## view grid.
.view-departments-centers {
  .view-header {
    margin-bottom: 30px;

    .dc-alpha {
      margin-top: 20px;

      span{
        background: #EEE;
        padding: 0 2px 0 5px;
        margin-right: 10px;
        font-weight: 600;
      }
    }
  }

  .row {
    display: flex;

    @media (max-width: 768px) {
      display: block;
      width: 100%;
    }
  }

  .col {
    flex: 1;
    background: #EEE;
    border-top: solid 3px $brand-red;
    margin: 1em;
    padding: 0;
    max-width: 30%;

    .views-field-fieldset {
      height: 100%;

      .inner-dc-grid {
        height: 100%;

        div {
          height: 100%;

          .dc-block-wrap {
            height: 100%;

            a {
              display: block;
              height: inherit;

              .dc-block {
                display: inherit;
                padding: 10px 20px 20px 20px;

                strong {
                  font-weight: 600;
                }
              }
            }

          }
        }

      }
    }

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

}

#views-exposed-form-departments-centers-page-1 {
  background: #D8D8D8;
  margin-bottom: 35px;

  .form-item-combine{
    width: 75%;
    padding: 10px 20px;

    .input-group {
      width: 100%;
    }

    @media (max-width: 768px) {
      width: 100%;
      padding: 20px;
      margin-bottom: 0;
    }
  }

  button {
      text-transform: uppercase;
      border-radius: 0;
    }

  button#edit-submit-departments-centers {
      background-color: #26686d;
      border-color: #225d62;
      float: right;

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

   @media (max-width: 768px) {

      .form-actions {
        padding: 0 20px 5px;
      }
    }
}



//
// Departments and Centers
// --------------------------------------------------

//## Department/ Center page.

.dc-main-cont {
  background: #F9F9F9;
  padding: 20px;
  float: left;
  width: 100%;
  margin-bottom: 40px;

  .dc-main-cont-lcol {
    width: 50%;
    float: left;

    .btn {
      text-transform: uppercase;
      margin: 5px 0 15px;

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

    .dc-social {
      list-style-type: none;
      font-size: 30px;
      padding: 0;

      li {
        display: inline;

        @media (max-width: 768px) {
          margin-right: 10px;
        }
      }

      a {
        color: #373535;
        text-decoration: none;
      }

      @media (max-width: 768px) {
        font-size: 40px;
      }
    }

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

  .dc-main-cont-rcol {
    width: 40%;
    display: inline-block;
    float: right;

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

.dc-add-cont {
  margin-bottom: 40px;
}

.page-node-type-departments-centers {

  aside {

    @media (max-width: 768px) {
      min-height: auto;
      float: none;
    }

    .region-sidebar-menu {

      @media (max-width: 768px) {
        display: block;
        float: none;
      }
    }
  }
}