/* ==========================================================================
   Generic inner-page container
   index.php (the fallback template used for every page/post) has no width
   constraint of its own, so content rendered edge-to-edge with no spacing.
   This mirrors the contained/padded layout already used across the rest of
   the site (see .cn-morph-grid: max-width 1600px, padding 0 5vw).
   ========================================================================== */

#main-content {
  /*padding: 140px 5vw 80px;*/
  box-sizing: border-box;
}

#main-content > article {
  max-width: 1200px;
  margin: 0 auto;
}

#main-content .horizontal_txt,
#main-content .entry-title {
  font-size: clamp(2rem, 5vw, 3.5rem);
  line-height: 1.2;
  margin: 0 0 30px;
  color: #fff;
}

#main-content .entry-thumbnail {
  margin-bottom: 30px;
}

#main-content .entry-thumbnail img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

#main-content .entry-content {
  color: #a0a0a0;
  font-size: 1rem;
  line-height: 1.7;
}

#main-content .entry-content p {
  margin-bottom: 20px;
}

#main-content .entry-content a {
  color: #f29120;
}

#main-content .entry-content h1,
#main-content .entry-content h2,
#main-content .entry-content h3,
#main-content .entry-content h4,
#main-content .entry-content h5,
#main-content .entry-content h6 {
  color: #fff;
  margin: 30px 0 15px;
}

@media (max-width: 768px) {
  #main-content {
    padding: 100px 20px 60px;
  }
}

/* ==========================================================================
   Legacy WPBakery / Visual Composer shortcode layout
   Old content was built with [vc_row][vc_column][vc_column_text] on Betheme,
   which shipped its own Bootstrap-style grid CSS. This theme has none, so
   the markup those shortcodes render is unstyled and stacks/distorts.
   This restores the same 12-column grid behaviour those shortcodes expect.
   ========================================================================== */

.vc_row,
.wpb_row,
.vc_column-inner,
.wpb_wrapper {
  box-sizing: border-box;
}

.vc_row::before,
.vc_row::after,
.wpb_row::before,
.wpb_row::after,
.vc_column-inner::before,
.vc_column-inner::after,
.wpb_wrapper::before,
.wpb_wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.vc_row,
.wpb_row {
  margin-left: -15px;
  margin-right: -15px;
}

.vc_row.vc_row-no-padding,
.wpb_row.vc_row-no-padding {
  margin-left: 0;
  margin-right: 0;
}

.vc_row.vc_row-no-padding > .wpb_column,
.wpb_row.vc_row-no-padding > .vc_column_container {
  padding-left: 0;
  padding-right: 0;
}

.wpb_column,
.vc_column_container {
  box-sizing: border-box;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.wpb_wrapper > *:last-child {
  margin-bottom: 0;
}

.wpb_content_element,
.wpb_text_column {
  margin-bottom: 20px;
}

.wpb_wrapper img {
  max-width: 100%;
  height: auto;
}

.vc_align_left {
  text-align: left;
}

.vc_align_center {
  text-align: center;
}

.vc_align_right {
  text-align: right;
}

.vc_empty_space {
  display: block;
  clear: both;
}

/* ---- Grid widths: xs (default, < 768px) ---- */
.vc_col-xs-1  { width: 8.33333%; }
.vc_col-xs-2  { width: 16.66667%; }
.vc_col-xs-3  { width: 25%; }
.vc_col-xs-4  { width: 33.33333%; }
.vc_col-xs-5  { width: 41.66667%; }
.vc_col-xs-6  { width: 50%; }
.vc_col-xs-7  { width: 58.33333%; }
.vc_col-xs-8  { width: 66.66667%; }
.vc_col-xs-9  { width: 75%; }
.vc_col-xs-10 { width: 83.33333%; }
.vc_col-xs-11 { width: 91.66667%; }
.vc_col-xs-12 { width: 100%; }

.vc_col-xs-offset-1  { margin-left: 8.33333%; }
.vc_col-xs-offset-2  { margin-left: 16.66667%; }
.vc_col-xs-offset-3  { margin-left: 25%; }
.vc_col-xs-offset-4  { margin-left: 33.33333%; }
.vc_col-xs-offset-5  { margin-left: 41.66667%; }
.vc_col-xs-offset-6  { margin-left: 50%; }
.vc_col-xs-offset-7  { margin-left: 58.33333%; }
.vc_col-xs-offset-8  { margin-left: 66.66667%; }
.vc_col-xs-offset-9  { margin-left: 75%; }
.vc_col-xs-offset-10 { margin-left: 83.33333%; }
.vc_col-xs-offset-11 { margin-left: 91.66667%; }

/* ---- Grid widths: sm (>= 768px) ---- */
@media (min-width: 768px) {
  .vc_col-sm-1  { width: 8.33333%; }
  .vc_col-sm-2  { width: 16.66667%; }
  .vc_col-sm-3  { width: 25%; }
  .vc_col-sm-4  { width: 33.33333%; }
  .vc_col-sm-5  { width: 41.66667%; }
  .vc_col-sm-6  { width: 50%; }
  .vc_col-sm-7  { width: 58.33333%; }
  .vc_col-sm-8  { width: 66.66667%; }
  .vc_col-sm-9  { width: 75%; }
  .vc_col-sm-10 { width: 83.33333%; }
  .vc_col-sm-11 { width: 91.66667%; }
  .vc_col-sm-12 { width: 100%; }

  .vc_col-sm-offset-1  { margin-left: 8.33333%; }
  .vc_col-sm-offset-2  { margin-left: 16.66667%; }
  .vc_col-sm-offset-3  { margin-left: 25%; }
  .vc_col-sm-offset-4  { margin-left: 33.33333%; }
  .vc_col-sm-offset-5  { margin-left: 41.66667%; }
  .vc_col-sm-offset-6  { margin-left: 50%; }
  .vc_col-sm-offset-7  { margin-left: 58.33333%; }
  .vc_col-sm-offset-8  { margin-left: 66.66667%; }
  .vc_col-sm-offset-9  { margin-left: 75%; }
  .vc_col-sm-offset-10 { margin-left: 83.33333%; }
  .vc_col-sm-offset-11 { margin-left: 91.66667%; }
}

/* ---- Grid widths: md (>= 992px) ---- */
@media (min-width: 992px) {
  .vc_col-md-1  { width: 8.33333%; }
  .vc_col-md-2  { width: 16.66667%; }
  .vc_col-md-3  { width: 25%; }
  .vc_col-md-4  { width: 33.33333%; }
  .vc_col-md-5  { width: 41.66667%; }
  .vc_col-md-6  { width: 50%; }
  .vc_col-md-7  { width: 58.33333%; }
  .vc_col-md-8  { width: 66.66667%; }
  .vc_col-md-9  { width: 75%; }
  .vc_col-md-10 { width: 83.33333%; }
  .vc_col-md-11 { width: 91.66667%; }
  .vc_col-md-12 { width: 100%; }

  .vc_col-md-offset-1  { margin-left: 8.33333%; }
  .vc_col-md-offset-2  { margin-left: 16.66667%; }
  .vc_col-md-offset-3  { margin-left: 25%; }
  .vc_col-md-offset-4  { margin-left: 33.33333%; }
  .vc_col-md-offset-5  { margin-left: 41.66667%; }
  .vc_col-md-offset-6  { margin-left: 50%; }
  .vc_col-md-offset-7  { margin-left: 58.33333%; }
  .vc_col-md-offset-8  { margin-left: 66.66667%; }
  .vc_col-md-offset-9  { margin-left: 75%; }
  .vc_col-md-offset-10 { margin-left: 83.33333%; }
  .vc_col-md-offset-11 { margin-left: 91.66667%; }
}

/* ---- Grid widths: lg (>= 1200px) ---- */
@media (min-width: 1200px) {
  .vc_col-lg-1  { width: 8.33333%; }
  .vc_col-lg-2  { width: 16.66667%; }
  .vc_col-lg-3  { width: 25%; }
  .vc_col-lg-4  { width: 33.33333%; }
  .vc_col-lg-5  { width: 41.66667%; }
  .vc_col-lg-6  { width: 50%; }
  .vc_col-lg-7  { width: 58.33333%; }
  .vc_col-lg-8  { width: 66.66667%; }
  .vc_col-lg-9  { width: 75%; }
  .vc_col-lg-10 { width: 83.33333%; }
  .vc_col-lg-11 { width: 91.66667%; }
  .vc_col-lg-12 { width: 100%; }

  .vc_col-lg-offset-1  { margin-left: 8.33333%; }
  .vc_col-lg-offset-2  { margin-left: 16.66667%; }
  .vc_col-lg-offset-3  { margin-left: 25%; }
  .vc_col-lg-offset-4  { margin-left: 33.33333%; }
  .vc_col-lg-offset-5  { margin-left: 41.66667%; }
  .vc_col-lg-offset-6  { margin-left: 50%; }
  .vc_col-lg-offset-7  { margin-left: 58.33333%; }
  .vc_col-lg-offset-8  { margin-left: 66.66667%; }
  .vc_col-lg-offset-9  { margin-left: 75%; }
  .vc_col-lg-offset-10 { margin-left: 83.33333%; }
  .vc_col-lg-offset-11 { margin-left: 91.66667%; }
}