/* =========================
   PAGE: HASHTAG LAYOUT
========================= */

.app-layout {
  width: 100%;
  max-width: 1600px;

  margin: 0 auto;

  padding-top: 120px;
  padding-left: 40px;
  padding-right: 40px;

  display: grid;
  grid-template-columns: 260px 1fr 320px;
  gap: 30px;
}

.feed-main {
  min-height: 900px;

  padding: 24px;

  background: #ffffff;

  border: 1px solid #ececec;
  border-radius: 24px;
}

/* =========================
   HASHTAG HEADER
========================= */

.hashtag-header {
  margin-bottom: 24px;
}

.hashtag-header h1 {
  margin-bottom: 5px;

  font-size: 48px;
  font-weight: 700;
}

.hashtag-header p {
  color: #666666;

  font-size: 15px;
}

/* =========================
   BACK BUTTON
========================= */

.back-feed-btn {
  display: inline-block;

  margin-bottom: 20px;

  color: #5d9c95;

  font-weight: 600;
  text-decoration: none;
}

.back-feed-btn:hover {
  text-decoration: underline;
}

/* =========================
   HASHTAG POSTS
========================= */

#hashtagPostsContainer {
  margin-top: 25px;

  display: flex;
  flex-direction: column;
  gap: 18px;
}

.post-open-text {
  color: #6fb8ad;

  font-size: 14px;
  font-weight: 600;
}