@font-face {
  font-family: PrincipalRead;
  src: url("/boropuff/css/assets/files/fonts/roboto/RobotoCondensed-Regular.ttf") format("truetype");
}
@font-face {
  font-family: NewPrincipal;
  src: url("/boropuff/css/assets/files/fonts/WorkSans-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: RowdiesPrincipal;
  src: url("/boropuff/css/assets/files/fonts/Rowdies-Regular.ttf") format("truetype");
}
/*TODO Breack point x-tra large for cover all devices on market,
 just covering medium and high dimensions but excluding xtra large on it. */
.wrapper_new {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  justify-content: center;
}
.wrapper_new .new {
  display: flex;
  flex-flow: column wrap;
  font-family: NewPrincipal;
}
.wrapper_new .new .new_title {
  font-size: 32px;
  margin: 16px 0 32px 0;
}
.wrapper_new .new img {
  width: 100%;
}
.wrapper_new .new .new_info {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 16px 0;
  color: #454545;
  font-weight: 500;
  border-bottom: 1px solid #dedede;
  gap: 8px;
}
.wrapper_new .new .new_info .left {
  display: flex;
  flex-flow: row wrap;
  font-size: 14px;
  gap: 8px;
}
.wrapper_new .new .new_info .right .author_name {
  color: #d95c34;
  font-weight: 700;
}
.wrapper_new .new .new_info .right .author_name:hover {
  opacity: 0.8;
}
.wrapper_new .new .new_content {
  margin: 24px 0;
  line-height: 24px;
}
.wrapper_new .new .new_content a {
  color: #d95c34;
}
.wrapper_new .new .new_content a:hover {
  opacity: 0.8;
}
.wrapper_new .new .new_content video {
  width: 100%;
}
.wrapper_new .new .tags_likes_wrapper {
  display: flex;
  flex-flow: row wrap;
}
.wrapper_new .new .tags_likes_wrapper .tags_wrapper {
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  gap: 8px;
}
.wrapper_new .new .tags_likes_wrapper .tags_wrapper .tag {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-content: center;
  font-size: 12px;
  font-weight: 600;
  gap: 4px;
  background: #d95c34;
  color: white;
  text-transform: uppercase;
  padding: 4px 8px;
  cursor: default;
  height: 16px;
}
.wrapper_new .new .tags_likes_wrapper .likes_wrapper {
  display: flex;
  flex-flow: row wrap;
  gap: 16px;
  font-family: NewPrincipal;
}
.wrapper_new .new .tags_likes_wrapper .likes_wrapper .likes {
  position: relative;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  gap: 4px;
}
.wrapper_new .new .tags_likes_wrapper .likes_wrapper .likes .icon {
  width: 50px;
  height: 50px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-content: center;
  background: #d95c34;
  border-radius: 100px;
  cursor: pointer;
}
.wrapper_new .new .tags_likes_wrapper .likes_wrapper .likes .icon.liked {
  background: #6b6b6b;
}
.wrapper_new .new .tags_likes_wrapper .likes_wrapper .likes .icon:hover {
  opacity: 0.8;
}
.wrapper_new .new .tags_likes_wrapper .likes_wrapper .likes .icon i {
  color: white;
}
.wrapper_new .new .tags_likes_wrapper .likes_wrapper .likes .warning_text {
  display: none;
  position: absolute;
  top: 54px;
  align-self: center;
  font-size: 12px;
  white-space: nowrap;
  background: white;
}
.wrapper_new .new .tags_likes_wrapper .likes_wrapper .likes .warning_text.active {
  display: flex;
  z-index: 2;
}
.wrapper_new .new .tags_likes_wrapper .likes_wrapper .likes .number {
  position: absolute;
  top: 54px;
  align-self: center;
  font-size: 12px;
}
.wrapper_new .new .share_wrapper {
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  margin-bottom: 24px;
  gap: 8px;
}
.wrapper_new .new .share_wrapper .share_title {
  align-self: center;
  color: #2e2e2e;
  font-weight: 600;
}
.wrapper_new .new .share_wrapper > div:not(.share_title) {
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 100px;
  cursor: pointer;
}
.wrapper_new .new .share_wrapper > div:not(.share_title) i {
  color: white;
}
.wrapper_new .new .share_wrapper > div:not(.share_title) img {
  width: 13px;
}
.wrapper_new .new .share_wrapper #whatsapp_button {
  background: #25D366;
}
.wrapper_new .new .share_wrapper #telegram_button {
  background: #2AABEE;
}
.wrapper_new .new .share_wrapper #twitter_button {
  background: black;
}
.wrapper_new .new .share_wrapper #facebook_button {
  background: #4267B2;
}

@media (max-width: 80em) and (orientation: portrait) {
  .tags_likes_wrapper {
    justify-content: center;
    margin-bottom: 32px;
    gap: 16px;
  }
  .tags_likes_wrapper .tags_wrapper {
    justify-content: center;
  }
}
@media (max-width: 80em) {
  .new {
    width: 80vw;
  }
  .new .tags_likes_wrapper {
    justify-content: center;
    margin-bottom: 32px;
    gap: 16px;
  }
  .new .tags_likes_wrapper .tags_wrapper {
    justify-content: center;
    width: 80vw;
  }
}
@media (min-width: 80em) {
  .new {
    width: 60vw;
  }
  .new .tags_likes_wrapper {
    justify-content: space-between;
    margin-bottom: 16px;
  }
  .new .tags_likes_wrapper .tags_wrapper {
    justify-content: center;
  }
}

/*# sourceMappingURL=view_new.css.map */