.divofit-cio section.subfooter {
  float: none;
  width: auto; }

/* Requires 'it-icons' to be loaded on the site in order for the social icons to appear */
.subfooter {
  background: #EFEFEF;
  padding: 10px 16px 25px;
  margin: 0; }
  @media only screen and (min-width: 40.063em) {
    .subfooter {
      padding: 25px 10px 10px; } }
  .subfooter a:not(.subfooter-button) {
    color: #696969;
    text-decoration: none;
    font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
  .subfooter a[href*="//"]:after, .subfooter a[href*="//"] > p span:after {
    display: none; }
  .subfooter .subfooter-button {
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: normal;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    display: inline-block;
    padding-top: 16px;
    padding-bottom: 17px;
    font-size: 15px;
    text-align: center;
    background-color: #fff;
    border-color: #cccccc;
    transition: background-color 300ms ease-out;
    width: 100%;
    margin: 6.4px 0 8px;
    color: #500000;
    -webkit-box-shadow: 2px 2px 3px 0 rgba(204, 204, 204, 0.8);
    box-shadow: 2px 2px 3px 0 rgba(204, 204, 204, 0.8); }
    .subfooter .subfooter-button:focus, .subfooter .subfooter-button:hover {
      background-color: #500000;
      color: #fff; }
  .subfooter .social-icons {
    list-style: none;
    margin: 10px auto;
    width: 60%;
    padding: 0; }
    .subfooter .social-icons li {
      display: inline-block;
      text-align: center;
      width: 31.5%; }
    .subfooter .social-icons a {
      font-size: 18px;
      padding: 0 18px;
      height: 18px;
      width: 18px;
      color: #696969;
      transition: color 300ms ease-out; }
      .subfooter .social-icons a:focus, .subfooter .social-icons a:hover {
        color: #500000; }
      .subfooter .social-icons a:before {
        font-family: 'it-icons'; }
      .subfooter .social-icons a span {
        height: 0;
        overflow: hidden;
        width: 0;
        display: inline-block; }
  .subfooter .subfooter-list-heading {
    color: #500000;
    font-size: 16px;
    display: block;
    padding: 5px 10px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
    margin-top: 0;
    font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: 600; 
    line-height: 1.4;
  }
  .subfooter .subfooter-list,
  .subfooter .subfooter-list ul {
    list-style: none;
    font-family: 'Open Sans', Arial;
    font-size: 14px;
    margin: 0;
    padding: 0; }
  .subfooter .subfooter-list > li {
    position: relative;
    padding: 10px 0 0; }
    .subfooter .subfooter-list > li ul li a {
      padding: 10px 0 10px 10px;
      width: 100%;
      display: block;
      color: #696969;
      font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
      .subfooter .subfooter-list > li ul li a:focus, .subfooter .subfooter-list > li ul li a:hover {
        background: #e2e2e2; 
        color: #5c5c5c; }
  .subfooter .subfooter-wrapper {
    display: block;
    max-width: 1200px;
    /* May need to be modified based upon the default width */
    /*
    Legacy Firefox implementation treats all flex containers
    as inline-block elements.
*/ }
    @media only screen and (min-width: 40.063em) {
      .subfooter .subfooter-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-box-align: start;
        -moz-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0 auto; } }
    .subfooter .subfooter-wrapper .divofit-sites,
    .subfooter .subfooter-wrapper .quicklinks {
      width: 100%; }
      @media only screen and (min-width: 40.063em) {
        .subfooter .subfooter-wrapper .divofit-sites,
        .subfooter .subfooter-wrapper .quicklinks {
          width: 50%; } }
      @media only screen and (min-width: 64em) {
        .subfooter .subfooter-wrapper .divofit-sites,
        .subfooter .subfooter-wrapper .quicklinks {
          width: 33.3333333%; } }
    @media only screen and (min-width: 40.063em) {
      .subfooter .subfooter-wrapper .divofit-sites {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        margin-right: 16px; } }
    @media only screen and (min-width: 40.063em) {
      .subfooter .subfooter-wrapper .quicklinks {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto; } }

@-moz-document url-prefix() {
  .subfooter .subfooter-wrapper .flex-container {
    width: 100%;
    -moz-box-sizing: border-box; } }