@font-face {
  font-family: 'ubunturegular';
  src: url('../fonts/ubuntu-regular-webfont.woff2') format('woff2'),
    url('../fonts/ubuntu-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}



body {
  font-family: 'ubunturegular';
}


.main-content {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

/* Top VIP banner */
.most_top_bar {
  background-color: #1f8f86;
  text-align: center;
  padding: 12px 10px;
}

/* Region wrapper */
.most_top_bar .region-most-top-bar {
  max-width: 1200px;
  margin: 0 auto;
}

/* Remove default paragraph spacing */
.most_top_bar p {
  margin: 0;
}

/* Link styling */
.most_top_bar a.wp-block-button__link {
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  background: transparent;
}

/* Hover effect */
.most_top_bar a.wp-block-button__link:hover {
  text-decoration: underline;
}

/* Left Content & Right Side Bar Area START */

.node__content {
  display: flex;
  gap: 20px;
  /* optional spacing */
  max-width: 100%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
}

.node__content .left_content_area_cont .field--name-field-description p {
  line-height: 30px;
}

.node__content .left_content_area_cont img {
  max-width: 100%;
  max-height: 500px;
  overflow: hidden;
}

div#toc-js-node-2__title,
div#toc-js-node-5__title {
  font-size: 30px;
  text-align: center;
}

li.toc-h2 {
  margin-bottom: 10px;
}

/* Left side (max 750px) */
.node__content .left_content_area_cont {
  flex: 0 1 920px;
  max-width: 920px;
  width: 100%;

}

/* Right side (remaining space) */
.node__content .right_side_bar_cont {
  flex: 1;
}

.node__content .left_content_area_cont table.table td,
.node__content .left_content_area_cont table.table th {
  padding-left: 10px;
  padding-right: 10px;
}

.node__content .left_content_area_cont a {
  color: #16746d;
}

.node__content .left_content_area_cont a:hover {
  color: #0a0a0a;
}

.node__content .right_side_bar_cont a {
  color: #0a0a0a;
  text-decoration: none;
}

.node__content .right_side_bar_cont a:hover {
  color: #16746d;
}

#block-slimglowdr-proj-theme-content .views-view-responsive-grid__item {
  padding-bottom: 40px;
  border: 1px solid #ecf4f4;
}

.views-field-field-featured-image img {
  width: 100%;
  height: auto;
}

.views-field.views-field-title {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 30px;
  padding-bottom: 20px;
}

.views-field.views-field-title a {
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  line-height: 30px;
}

.views-field.views-field-created {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 15px;
}

.views-field.views-field-field-description {
  padding-left: 30px;
  padding-right: 30px;
  font-size: 15px;
  line-height: 23px;
  color: #0a0a0a;
  margin-bottom: 30px;
}

.general-link-button a {
  text-decoration: none;
  color: #fff;
  background-color: #1f8f86;
  margin-left: 30px;
  padding: 12px;
  border-radius: 50px;
  font-size: 16px;
}

.general-link-button a:hover {
  background-color: #0f766e;
}

.feed-icons {
  display: none;
}


.region-content {
  margin-bottom: 50px;
}

.page-title {
  margin-left: 10px;
}

.vocabulary-post-type {
  margin-left: 10px;
}

.views-view-responsive-grid--horizontal {
  margin-left: 10px;
  margin-right: 10px;
}



/* ✅ Mobile: stack */
@media (max-width: 768px) {
  .node__content {
    flex-direction: column;
  }

  .node__content .left_content_area_cont,
  .node__content .right_side_bar_cont {
    max-width: 100%;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .node__content .left_content_area_cont img {
    max-width: 100%;
    max-height: 400px;
    overflow: hidden;
  }

  .node__content .left_content_area_cont div {
    padding-right: 20px;
  }

  .views-view-responsive-grid--horizontal {
    display: block !important;
  }

  .views-view-responsive-grid__item {
    margin-bottom: 20px;
  }


}

@media screen and (max-width: 1240px) {

  .node__content .left_content_area_cont,
  .node__content .right_side_bar_cont {
    padding-left: 10px;
    padding-right: 10px;
  }

  .vocabulary-post-type {
    margin-left: 10px;
  }

}


/* Left Content & Right Side Bar Area END */

@media screen and (max-width:576px) {

  .page-title {
    margin-left: 10px;
  }

}