#news {
  /* background: rgb(217,217,217);
  background: linear-gradient(180deg, rgba(217,217,217,1) 36%, rgba(33,36,40,1) 36%); */
  background: linear-gradient(to bottom, #0d1016 50%, #b8b8b8 50%);
  /* .col{
      img{
          transform: scale(1);
          transition: transform 1s ease-in-out;
      }
      .blue{
          span{
              top: 2px;
              color: $third;
              transition: all .3s ease-in-out;
          }
          svg{
              ellipse{
                  fill: $blue;
                  transition: all .3s ease-in-out;
              }
          }

      }
  } */
  /* .col:hover{
      img{
          transform: scale(1.1);
          transition: transform 1s ease-in-out;
      }
      .blue{
          span{
              top: 2px;
              color: $third;
              transition: all .3s ease-in-out;
          }
          svg{
              ellipse{
                  fill: black;
                  transition: all .3s ease-in-out;
              }
          }

      }
  } */
}
#news a h6 {
  text-decoration: underline;
  color: #D9D9D9;
}
#news a:hover h6 {
  text-decoration: none;
}
#news a:hover span {
  text-decoration: underline;
}
#news .panels {
  max-width: 356px;
  width: 100%;
}
#news .box {
  height: 0;
  padding-bottom: 100%;
  background: lightgray;
  overflow: hidden;
}
#news .box img {
  left: 0;
}
#news .height {
  height: 10rem;
}
#news .slick-dots {
  bottom: -17%;
}
@media all and (max-width: 767px) {
  #news .slick-dots {
    position: relative;
    bottom: auto;
    margin-top: 4.75rem;
  }
}
#news a:hover {
  text-decoration: none;
}
#news .arrow {
  width: 1.5rem;
}
#news .news-carousel {
  z-index: 1000;
  margin-bottom: 4%;
}
#news .news-carousel img {
  border-radius: 1rem;
}
#news .slick-slide img {
  display: block;
  border-radius: 1rem;
}
#news .slick-dots li {
  position: relative;
  display: inline-block;
  height: 15px;
  width: 15px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
  border: solid 2px #fff;
  border-radius: 1rem;
}
#news .slick-dots .slick-active {
  background: #fff;
}

#news-detail a h6 {
  text-decoration: underline;
  color: #D9D9D9;
}
#news-detail a:hover h6 {
  text-decoration: none;
}
#news-detail a span {
  text-decoration: none;
  color: #D9D9D9;
}
#news-detail a:hover span {
  text-decoration: underline;
}
#news-detail .panels {
  max-width: 356px;
  width: 100%;
}
#news-detail .box {
  height: 0;
  padding-bottom: 33%;
  background: lightgray;
  overflow: hidden;
}
#news-detail .box img {
  transform: translateY(-50%);
  top: 50%;
}
#news-detail .slick-dots {
  bottom: 0;
}
#news-detail a:hover {
  text-decoration: none;
}
#news-detail .col img {
  transform: scale(1);
  transition: transform 1s ease-in-out;
}
#news-detail .col .blue span {
  top: 2px;
  color: #0077BD;
  transition: all 0.3s ease-in-out;
}
#news-detail .col .blue svg ellipse {
  fill: #249BB5;
  transition: all 0.3s ease-in-out;
}
#news-detail .col:hover img {
  transform: scale(1.1);
  transition: transform 1s ease-in-out;
}
#news-detail .col:hover .blue span {
  top: 2px;
  color: #0077BD;
  transition: all 0.3s ease-in-out;
}
#news-detail .col:hover .blue svg ellipse {
  fill: black;
  transition: all 0.3s ease-in-out;
}
#news-detail .arrow {
  width: 1.5rem;
}
#news-detail .news-carousel {
  z-index: 1000;
}
#news-detail article {
  width: 100%;
  max-width: 100%;
}
#news-detail ul {
  margin-left: -25px;
  list-style-image: url("sqpurple.gif");
}
/*# sourceMappingURL=news.css.map */