/* VARIABLES */
@media only screen and (min-width: 850px) {
  .announcements-page .big-title {
    font-size: 3.5rem !important;
  }
}
@media only screen and (min-width: 850px) and (max-width: 1050px) {
  .announcements-page .big-title {
    font-size: 2.8rem !important;
  }
}
@media only screen and (max-width: 450px) {
  .announcements-page .big-title {
    font-size: 4rem !important;
  }
}
@media only screen and (max-width: 400px) {
  .announcements-page .big-title {
    font-size: 3.65rem !important;
  }
}
@media only screen and (min-width: 850px) and (max-width: 1000px) {
  .announcements-page .search-container .search-input {
    width: 24rem !important;
  }
}
.announcements-page .info-table .line .left {
  width: 80%;
  max-width: 1000px;
}
@media only screen and (max-width: 1200px) {
  .announcements-page .info-table .line .left {
    width: 80%;
  }
}
.announcements-page .info-table .line .right {
  width: 20%;
}
@media only screen and (max-width: 1200px) {
  .announcements-page .info-table .line .right {
    width: 20%;
  }
}
@media only screen and (max-width: 850px) {
  .announcements-page .info-table .line .right {
    width: 100%;
    padding-bottom: 2rem !important;
    margin-bottom: 2rem !important;
    border-bottom: 1px solid #d9d9d9;
  }
}
@media only screen and (max-width: 600px) {
  .announcements-page .info-table .line .right {
    justify-content: flex-start !important;
  }
}
.announcements-page .info-table .info-line {
  white-space: nowrap;
}
.announcements-page .info-table .info-line .third-line,
.announcements-page .info-table .info-line .first-line {
  border: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
@media only screen and (max-width: 600px) {
  .announcements-page .info-table .info-line .third-line,
  .announcements-page .info-table .info-line .first-line {
    justify-content: flex-start !important;
  }
}
.announcements-page .info-table .column-one {
  width: 12%;
}
.announcements-page .info-table .column-two {
  width: 24%;
}
.announcements-page .info-table .column-three {
  width: 30%;
}
.announcements-page .info-table .column-four {
  width: 17%;
}
.announcements-page .info-table .column-five {
  width: 17%;
}
@media only screen and (max-width: 850px) {
  .announcements-page .popup .popup-content {
    padding-top: 4rem !important;
  }
}
@media only screen and (max-width: 550px) {
  .announcements-page .popup .title {
    font-size: 3.5rem !important;
    line-height: 0.85;
  }
}
.announcements-page .popup .flex-container:first-of-type {
  margin-bottom: 1.65rem !important;
}
@media only screen and (max-width: 850px) {
  .announcements-page .popup .flex-container:first-of-type {
    margin-bottom: 0rem !important;
  }
}
@media only screen and (min-width: 850px) {
  .announcements-page .popup .input-group {
    width: 33.33% !important;
  }
}
.announcements-page .popup .input-group-image {
  width: 33.33%;
}
.announcements-page .popup .input-group-image .input {
  display: none;
}
.announcements-page .popup .input-group-image .add-image-button {
  width: 100%;
  border: 1px solid rgba(255, 78, 255, 0.71);
  border-radius: 1.5rem;
  padding: 1.5rem 0;
  color: var(--color-pink);
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
}
@media only screen and (max-width: 850px) {
  .announcements-page .popup .input-group-image .add-image-button {
    border-radius: 3rem;
    width: 100%;
    font-size: 1.8rem;
    padding: 1.5rem 0;
  }
}
.announcements-page .popup .input-group-image .add-image-button:hover {
  color: var(--color-white);
  background-color: rgba(255, 78, 255, 0.71);
}
.announcements-page .popup .preview-announcement-container {
  display: flex;
  width: 100%;
  height: 9.5rem;
  border-radius: 1.25rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 3.5rem;
  overflow: hidden;
}
@media only screen and (max-width: 850px) {
  .announcements-page .popup .preview-announcement-container {
    flex-direction: column;
    height: 18.5rem;
  }
}
.announcements-page .popup .preview-announcement-container .preview-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  font-size: 2.1rem;
}
@media only screen and (max-width: 850px) {
  .announcements-page .popup .preview-announcement-container .preview-container {
    width: 100%;
    padding: 1.25rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.announcements-page .popup .preview-announcement-container .announcement-container {
  width: 50%;
  position: relative;
}
@media only screen and (max-width: 850px) {
  .announcements-page .popup .preview-announcement-container .announcement-container {
    width: 100%;
  }
}
.announcements-page .popup .preview-announcement-container .announcement-container .announcement-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: none;
  background-image: url(../../../assets/img/announcementBackground.png);
}
@media only screen and (max-width: 850px) {
  .announcements-page .popup .preview-announcement-container .announcement-container .announcement-image {
    height: 14rem;
  }
}
.announcements-page .popup .preview-announcement-container .announcement-container .announcement-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
}
@media only screen and (max-width: 850px) {
  .announcements-page .popup .preview-announcement-container .announcement-container .announcement-content {
    width: 20rem;
  }
}
.announcements-page .popup .preview-announcement-container .announcement-container .announcement-content .announcement-title {
  text-transform: uppercase;
  line-height: 0.9;
  letter-spacing: -1px;
  font-size: 1.8rem;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 850px) {
  .announcements-page .popup .preview-announcement-container .announcement-container .announcement-content .announcement-title {
    font-size: 18px;
  }
}
.announcements-page .popup .preview-announcement-container .announcement-container .announcement-content .announcement-description {
  font-size: 1.2rem;
}
@media only screen and (max-width: 850px) {
  .announcements-page .popup .preview-announcement-container .announcement-container .announcement-content .announcement-description {
    font-size: 12px;
  }
}
@media only screen and (min-width: 850px) {
  .announcements-page .popup .input-group-title {
    width: 30rem !important;
  }
}
@media only screen and (min-width: 850px) {
  .announcements-page .popup .input-group-description {
    width: 45rem !important;
  }
}
.announcements-page .popup .input-group-description .input {
  padding-left: 5.75rem;
}
@media only screen and (max-width: 850px) {
  .announcements-page .popup .input-group-description .input {
    padding-left: 7rem;
  }
}
.announcements-page .popup .input-group-description .icon {
  width: 2.35rem !important;
}/*# sourceMappingURL=style.css.map */