/* ==================================================

    2025 Annual Enrollment

================================================== */

#benefits-2025 {

    position: relative;

    height: 500px;

    background: url(../images/WL-2025-Benefits-2.jpg) center;

    background-size: cover;

    background-repeat: no-repeat;

    

}



.triangles {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

}



.triangles img {

    position: absolute;

    left: 0;

        bottom: 0;

    height: 200px;

    z-index: 200;

}



.triangles-bg {

    position: relative;

    left: 0;

    bottom: 0;

    height: 121px;

    width: 100%;

    background-color: #293C6D;

}



.oe-category-title {

    position: absolute;

    left: 140px;

    bottom: 20px;

    font-size: 40px;

    color: #fff;

    text-shadow: 1px 2px 0 rgba(51, 51, 51, 0.4);

    animation-name: fadeIn;

    animation-duration: 0.5s;

    animation-delay: 0.25s;

    animation-fill-mode: both;

    animation-timing-function: ease-in-out;

}



@keyframes fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 100;

  }

}



.oe-category-title-brow {

  position: absolute;

  left: 200px;

  bottom: 65px;

  color: #fff;

  font-size: 2rem;

  font-weight: normal;

  animation-name: slideIn;

  animation-duration: 0.5s;

  animation-delay: 1s;

  animation-fill-mode: both;

  animation-timing-function: ease-in-out;

}



.oe-section-title {

    margin: 2em 0;

    font-size: 28px;

    text-align: center;

    color: #333;

}



@keyframes slideIn {

  0% {

    left: -450px;

  }



  100% {

    left: 143px;

  }

}





@keyframes zoomIn {

  0% {

    transform: scale(0.5);

    opacity: 0;

  }



  85% {

    transform: scale(1.2);

    opacity: 1;

  }



  100% {

    transform: scale(1);

    opacity: 1;

  }

}



#disclaimer {

  margin: 0 15px;

}



.disclaimer {

  padding: 20px;

  font-size: 0.8rem;

}



/* Benefits Video Section */



.benefits-video-message {

  display: none;

  margin: 250px 0 200px 0;

  min-height: calc(94vh - 444px);

  overflow: hidden;

}



#benefits-videos {

  margin: 15px 0;

}



#benefits-videos .card {

  position: relative;

  margin-bottom: 15px;

  border-radius: 3px;

  border: solid 1px #ccc;

  overflow: hidden;

  min-height: 372px;

}



#benefits-videos .card img {

  width: 100%;

}



#benefits-videos .card .card-body {

  padding: 0 15px;

}



#benefits-videos a:hover,

#benefits-docs a:hover {

  text-decoration: none;

}



.card-img-top-hidden {

  display: none;

}



.card-title {

  text-align: center;

  font-size: 20px;

}



.link-btn {

  position: absolute;

  left: 50%;

  bottom: 10px;

  transform: translateX(-50%);

  width: 45%;

  margin: 10px auto;

  display: block;

  border-radius: 3px;

  border: 1px solid #ccc;

  padding: 10px 20px;

  text-transform: uppercase;

  text-align: center;

}



.link-btn:hover {

  background-color: rgba(0, 175, 236, 0.2);

}



/* Benefits Docs Section */



#benefits-docs {

  margin: 15px 0;

}

.nav-pills > li {

  padding-right: 10px;

}

.nav-pills > li > a {

  font-size: 18px;

  font-weight: normal;

  border: 1px solid #ccc;

  background-color: #fff;

}



.nav-pills > li.active > a {

  background-color: #337ab7;

  border: 1px solid #ccc;

}



#benefits-docs-nav {

  margin: 0 10px;

}



#benefits-guide,

#notices-booklet,

#policies,

#spds,

#sbcs {

  margin: 0 15px;

  display: flex;

  justify-content: center;

  align-content: center;

  align-items: center;

  flex-direction: row;

  flex-wrap: nowrap;

}



.benefits-docs-image {

  padding: 20px;

  text-align: right;

  width: 45%;

}



.benefits-docs-image img {

  width: 100%;

}



.show-doc {

  display: block !important;

}



.hide-doc {

  display: none !important;

}



.list-group li:hover {

  background-color: rgba(0, 175, 236, 0.2);

}



.list-group li a {

  display: block;

}



.list-group li a:hover,

.list-group li a:visited,

.list-group li a:link {

  text-decoration: none;

}



.benefits-docs-list {

  width: 35%;

}



.panel {

  margin-top: 20px;

}



.panel-default > .panel-heading {

  background-image: none;

  background-color: #00afec;

  color: #fff;

  font-size: 16px;

}



.btn-white {

  margin: 10px 20px;

  padding: 10px 0;

  border: 1px solid #ccc;

  border-radius: 5px;

  background-color: #f0efef;

  color: #337ab7;

}



/***** Media Queries *****/



@media (max-width: 1060px) {

  /* Desktop Devices */

  .nav-pills > li > a {

    font-size: 14px;

  }

}



@media (max-width: 992px) {



  .category-title-brow {

    font-size: 1.6rem;

    bottom: 50px;

  }

  .nav-pills > li {

    width: 100%;

    margin-bottom: 10px;

  }

  #benefits-videos .card {

    min-height: 406px;

  }

  

}



@media (max-width: 767px) {

  /***** iPad Mini Width *****/



  .category-title-brow {

    font-size: 1.4rem;

  }



  .card-title {

    font-size: 18px;

  }



  .link-btn {

    position: static;

    transform: translateX(0);

  }



  #benefits-videos .card {

    min-height: 0;

  }

}



@media (max-width: 735px) {

  /***** iPhone 6 Plus Height *****/



  #benefits-guide,

  #notices-booklet,

  #policies,

  #spds,

  #sbcs {

    flex-direction: column;

  }



  .benefits-docs-image {

    padding-bottom: 0;

    text-align: center;

    width: 85%;

  }



  .benefits-docs-list {

    width: 100%;

  }



  #benefits-2025, .marquee-background-2025 {

      height: 400px;

      background-position: -250px;

  }



  .triangles img {

    height: 150px;

  }



  .triangles-bg {

    height: 91px;

  }



  .oe-category-title {

    left: 98px;

    bottom: 15px;

    font-size: 2.125rem;

  }



  .oe-category-title-brow {

    bottom: 45px;

    font-size: 1.75rem;

  }



  .oe-section-title {

    font-size: 2.25rem;

  }



  @keyframes slideIn {

      0% {

          left: -450px;

      }



      100% {

          left: 100px;

      }

  }

}





@media (max-width: 413px) {

  .oe-category-title {

    left: 98px;

    font-size: 1.75rem;

  }

  



  .oe-category-title-brow {

    font-size: 1.45rem;

  }

}