@import '~@od/global-resources/scss/settings/index';
@import 'layout';

// --------------------------------------------------
// PRELOGIN Footer
// --------------------------------------------------

#preloginDevContentBSD {
  display: none;
}

.prelogin-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left:0 ;
  height: 85px;
  float: left;
  width: 100%;
  box-sizing: border-box;
  background-color: #102B4E;
  color: #fff;
  font-size: 14px;

  .footer-cstservice {
    display: none !important;
  }

  .prelogin-footer-list {
    margin-top: 35px;
    float: right;
  }

  .prelogin-footer-copyright {
    width: auto;
    float: left;
    font-size: 14px;
    margin-top: 33px;
  }

  .prelogin-footer-list-item {
    font-size: 14px;
    font-weight: 400;
  }

  &-list {
    text-align: center;

    li {
      box-sizing: border-box;
      @include font-size($base-font-size);
      font-weight: 600;

      a {
        color: #fff;

        &:hover {
          color: #ffcc32;
        }
      }
    }

    li:first-child::before {
      content: "";
    }
  }

  &-copyright {
    padding: 6px 12px;
    @include font-size($base-font-size - 4);
  }
}

@media (min-width: 481px) {
  .prelogin-footer {
    li::before {
      content: "|";
      margin: 0 5px;
    }

    .prelogin-footer-list {
      display: flex;
      margin-right: 50px;
      margin-top: 35px;
      float: right;
    }

    .prelogin-footer-copyright {
      width: auto;
      float: left;
      font-size: 14px;
      margin-top: 33px;
      display: block;
      margin-left: 50px
    }
    
    .prelogin-footer-copyright-mobile {
      display: none;
    }
  }
}

@media (min-width: 1268px) {
  .prelogin-footer {
    .prelogin-footer-list {
      margin-top: 33px;
      padding-top: 6px;
    }
  }
}

//Fluid Width below Medium Screen Width
@media(max-width: $screen-md-max) {
  .prelogin-footer {
    &-container {
      width: 100%;
    }
  }
}

@media (min-width: 481px) and (max-width: 1371px) {
  .prelogin-footer {

     height: 155px;

    .prelogin-footer-copyright {
      width: 100%;
      line-height: 22px;
      margin: 35px auto;
      text-align: center;
    }

    .prelogin-footer-list {
      margin: 0;
      width: 100%;
    }

    .prelogin-footer-list li {
      float: left;
      width: 24%;
      border: none !important;
    }

    li::before {
      content: "|";
      right: 25%;
      position: relative;
    }
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  .prelogin-footer {

    height: 155px;

    .prelogin-footer-copyright {
      width: 100%;
      line-height: 22px;
      margin: 35px auto;
      text-align: center;
    }

    .prelogin-footer-list {
      margin: 0;
      width: 100%;
    }

    .prelogin-footer-list li {
      float: left;
      width: 24%;
      border: none !important;
    }

    li::before {
      content: "|";
      right: 20%;
      position: relative;
    }
  }
}


@media (min-width: 481px) and (max-width: 540px) {
  .prelogin-footer {

    height: 155px;

    .prelogin-footer-copyright {
      width: 100%;
      line-height: 22px;
      margin: 35px auto;
      text-align: center;
    }

    .prelogin-footer-list {
      position: relative;
      bottom: 20px;
      margin: 0 0 0 20px;
      width: 100%;
    }

    .prelogin-footer-list li {
      float: left;
      width: 24%;
      border: none !important;
      line-height: 20px;
    }

    li::before {
      content: "|";
      right: 20%;
      position: relative;
    }
  }
}
@media (max-width: 480px) {
  .prelogin-footer {

    height: auto;
    .prelogin-footer-copyright-mobile {
      display: block;
      width: 100%;
      float: left;
      font-weight: 200;
      text-align: center;
      font-size: 12px;
      margin-top: 15px;
      margin-bottom: 10px
    }

    .prelogin-footer-copyright {
      display: none;
    }

    .prelogin-footer-list {
      width: 100%;
    }

    .prelogin-footer-list li {
      float: left;
      width: 100%;
      border: none !important;
      line-height: 20px;
      font-size: 1rem;
      margin-bottom: 20px;
    }
  }
}
  //IE Overrides
:root .prelogin-footer {
  .prelogin-footer {
    &-list li {
      float: left\9;
      width: 25%\9;
    }
    &-copyright {
      clear: both\9;
    }
  }
}