/* theme options */


/* custom CSS */
.beagency8-ourteam-heading{display:inline-block; border-radius: 50px; background-color: #252436; color: #FFF; padding: 8px 16px; margin-bottom: 40px;}
@media only screen and (max-width: 959px) {.beagency8-ourteam-heading{margin-bottom: 20px; }}
/* Sawyer Marketing Blog Article System */
/* Universal CSS for all blog articles */

.sawyer-article,
.sawyer-article * {
  box-sizing: border-box !important;
}

.sawyer-article {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  background: #ffffff !important;
  color: #202436 !important;
  font-family: inherit !important;
}

.sawyer-article .section_wrapper {
  max-width: 1220px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.sawyer-article .wrap,
.sawyer-article .mcb-wrap-inner,
.sawyer-article .column,
.sawyer-article .column_attr {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: both !important;
}

.sawyer-article__inner {
  width: 100% !important;
  max-width: 1220px !important;
  margin: 0 auto !important;
}

/* HERO */

.sawyer-article__hero {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 48px !important;
  padding: 70px 0 50px !important;
}

.sawyer-article__hero > div:first-child {
  flex: 1 1 58% !important;
  min-width: 0 !important;
}

.sawyer-article__hero > div:last-child {
  flex: 0 1 42% !important;
  min-width: 340px !important;
}

.sawyer-article__badge {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  padding: 9px 16px !important;
  margin-bottom: 20px !important;
  border-radius: 100px !important;
  background: #eef4ff !important;
  color: #315bdc !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
}

.sawyer-article h1,
.sawyer-article h2,
.sawyer-article h3,
.sawyer-article h4 {
  color: #202436 !important;
  margin-top: 0 !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
}

.sawyer-article h1 {
  max-width: 820px !important;
  margin-bottom: 24px !important;
  font-size: clamp(42px, 5vw, 74px) !important;
  line-height: 1.02 !important;
}

.sawyer-article h2 {
  margin: 58px 0 20px !important;
  font-size: clamp(32px, 3.8vw, 52px) !important;
  line-height: 1.06 !important;
}

.sawyer-article h2:first-child {
  margin-top: 0 !important;
}

.sawyer-article h3 {
  margin: 38px 0 16px !important;
  font-size: clamp(24px, 2.3vw, 32px) !important;
  line-height: 1.14 !important;
}

.sawyer-article h4 {
  margin: 0 0 10px !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
}

.sawyer-article p {
  margin: 0 0 18px !important;
  color: #56606b !important;
  font-size: 18px !important;
  line-height: 1.72 !important;
}

.sawyer-article a {
  color: #315bdc !important;
  text-decoration: none !important;
}

.sawyer-article a:hover {
  color: #244bc4 !important;
  text-decoration: none !important;
}

.sawyer-article__lead {
  max-width: 760px !important;
  margin-bottom: 30px !important;
  color: #56606b !important;
  font-size: 20px !important;
  line-height: 1.68 !important;
}

/* BUTTONS */

.sawyer-article__actions,
.sawyer-article__buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-top: 30px !important;
}

.sawyer-article__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 54px !important;
  padding: 15px 26px !important;
  border-radius: 100px !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease !important;
}

.sawyer-article__btn:hover {
  transform: translateY(-2px) !important;
  text-decoration: none !important;
}

.sawyer-article__btn--primary {
  background: #315bdc !important;
  color: #ffffff !important;
  box-shadow: 0 16px 34px rgba(49, 91, 220, 0.22) !important;
}

.sawyer-article__btn--primary:hover {
  background: #244bc4 !important;
  color: #ffffff !important;
}

.sawyer-article__btn--secondary {
  background: #f6f7f9 !important;
  color: #202436 !important;
}

.sawyer-article__btn--light {
  background: #ffffff !important;
  color: #202436 !important;
}

/* VISUAL CARD */

.sawyer-article__visual {
  position: relative !important;
  padding: 34px !important;
  border-radius: 36px !important;
  background: #f6f7f9 !important;
  box-shadow: 0 24px 70px rgba(32, 36, 54, 0.09) !important;
  overflow: hidden !important;
}

.sawyer-article__visual:before {
  content: "" !important;
  position: absolute !important;
  top: -100px !important;
  right: -90px !important;
  width: 250px !important;
  height: 250px !important;
  border-radius: 999px !important;
  background: rgba(49, 91, 220, 0.14) !important;
}

.sawyer-article__visual > * {
  position: relative !important;
  z-index: 2 !important;
}

.sawyer-article__visual-top {
  display: flex !important;
  justify-content: space-between !important;
  gap: 16px !important;
  align-items: flex-start !important;
  margin-bottom: 26px !important;
}

.sawyer-article__metric-title {
  margin-bottom: 7px !important;
  color: #56606b !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
}

.sawyer-article__metric-value {
  color: #202436 !important;
  font-size: 42px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.05em !important;
}

.sawyer-article__pill {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  padding: 8px 13px !important;
  border-radius: 100px !important;
  background: #eef4ff !important;
  color: #315bdc !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

.sawyer-article__bars {
  display: block !important;
  margin: 24px 0 !important;
}

.sawyer-article__bar {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
  color: #56606b !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.sawyer-article__bar:last-child {
  margin-bottom: 0 !important;
}

.sawyer-article__bar > span:first-child {
  flex: 0 0 96px !important;
}

.sawyer-article__bar > span:last-child {
  flex: 0 0 54px !important;
  text-align: right !important;
}

.sawyer-article__bar-track {
  flex: 1 1 auto !important;
  height: 12px !important;
  border-radius: 100px !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

.sawyer-article__bar-fill {
  display: block !important;
  height: 100% !important;
  border-radius: 100px !important;
  background: #315bdc !important;
}

.sawyer-article__mini-grid {
  display: flex !important;
  gap: 12px !important;
  margin-top: 20px !important;
}

.sawyer-article__mini-card {
  flex: 1 1 0 !important;
  padding: 18px !important;
  border-radius: 22px !important;
  background: #ffffff !important;
}

.sawyer-article__mini-card strong {
  display: block !important;
  margin-bottom: 5px !important;
  color: #202436 !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

.sawyer-article__mini-card span {
  display: block !important;
  color: #56606b !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

/* MAIN LAYOUT */

.sawyer-article__layout {
  display: flex !important;
  align-items: flex-start !important;
  gap: 38px !important;
  padding: 34px 0 70px !important;
}

.sawyer-article__content {
  flex: 1 1 auto !important;
  max-width: 900px !important;
  min-width: 0 !important;
}

.sawyer-article__toc {
  flex: 0 0 330px !important;
  position: sticky !important;
  top: 24px !important;
  padding: 24px !important;
  border-radius: 28px !important;
  background: #f6f7f9 !important;
  box-shadow: 0 18px 44px rgba(32, 36, 54, 0.07) !important;
}

.sawyer-article__toc-title {
  margin: 0 0 14px !important;
  color: #202436 !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

.sawyer-article__toc a {
  display: block !important;
  padding: 11px 0 !important;
  border-bottom: 1px solid rgba(32, 36, 54, 0.08) !important;
  color: #56606b !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

.sawyer-article__toc a:last-child {
  border-bottom: 0 !important;
}

.sawyer-article__toc a:hover {
  color: #315bdc !important;
}

/* CONTENT BLOCKS */

.sawyer-article__intro-card,
.sawyer-article__note,
.sawyer-article__checklist,
.sawyer-article__case,
.sawyer-article__seo-card {
  margin: 28px 0 !important;
  padding: 28px !important;
  border-radius: 28px !important;
  background: #f6f7f9 !important;
}

.sawyer-article__intro-card {
  background: #ffffff !important;
  box-shadow: 0 18px 50px rgba(32, 36, 54, 0.08) !important;
}

.sawyer-article__note {
  border-left: 5px solid #315bdc !important;
}

.sawyer-article__note p:last-child,
.sawyer-article__checklist p:last-child,
.sawyer-article__case p:last-child,
.sawyer-article__seo-card p:last-child {
  margin-bottom: 0 !important;
}

.sawyer-article__dark-card {
  margin: 36px 0 !important;
  padding: 32px !important;
  border-radius: 32px !important;
  background: #202436 !important;
  box-shadow: 0 24px 70px rgba(32, 36, 54, 0.18) !important;
}

.sawyer-article__dark-card h2,
.sawyer-article__dark-card h3,
.sawyer-article__dark-card h4 {
  color: #ffffff !important;
}

.sawyer-article__dark-card p,
.sawyer-article__dark-card li {
  color: rgba(255, 255, 255, 0.78) !important;
}

/* CARDS */

.sawyer-article__cards-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 18px !important;
  margin: 28px 0 !important;
}

.sawyer-article__cards-grid > .sawyer-article__card {
  flex: 1 1 calc(50% - 9px) !important;
  min-width: 260px !important;
}

.sawyer-article__cards-grid--three > .sawyer-article__card {
  flex: 1 1 calc(33.333% - 12px) !important;
  min-width: 230px !important;
}

.sawyer-article__card {
  padding: 26px !important;
  border-radius: 26px !important;
  background: #f6f7f9 !important;
}

.sawyer-article__card--white {
  background: #ffffff !important;
  box-shadow: 0 14px 38px rgba(32, 36, 54, 0.07) !important;
}

.sawyer-article__card--blue {
  background: #eef4ff !important;
}

.sawyer-article__card--dark {
  background: #202436 !important;
}

.sawyer-article__card--dark h3,
.sawyer-article__card--dark h4 {
  color: #ffffff !important;
}

.sawyer-article__card--dark p,
.sawyer-article__card--dark li {
  color: rgba(255, 255, 255, 0.78) !important;
}

.sawyer-article__card p {
  margin-bottom: 0 !important;
  font-size: 16px !important;
  line-height: 1.62 !important;
}

/* LISTS */

.sawyer-article__list {
  display: block !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.sawyer-article__list li {
  position: relative !important;
  margin-bottom: 11px !important;
  padding-left: 28px !important;
  color: #56606b !important;
  font-size: 17px !important;
  line-height: 1.62 !important;
}

.sawyer-article__list li:last-child {
  margin-bottom: 0 !important;
}

.sawyer-article__list li:before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 10px !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 100px !important;
  background: #315bdc !important;
}

.sawyer-article__dark-card .sawyer-article__list li {
  color: rgba(255, 255, 255, 0.78) !important;
}

/* TABLES */

.sawyer-article__table-wrap {
  width: 100% !important;
  overflow-x: auto !important;
  margin: 30px 0 !important;
  border-radius: 24px !important;
  background: #f6f7f9 !important;
}

.sawyer-article__table {
  width: 100% !important;
  min-width: 760px !important;
  border-collapse: collapse !important;
}

.sawyer-article__table th,
.sawyer-article__table td {
  padding: 18px !important;
  text-align: left !important;
  vertical-align: top !important;
  border-bottom: 1px solid rgba(32, 36, 54, 0.08) !important;
  color: #56606b !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

.sawyer-article__table th {
  color: #202436 !important;
  font-weight: 900 !important;
  background: #eef4ff !important;
}

.sawyer-article__table tr:last-child td {
  border-bottom: 0 !important;
}

/* FAQ */

.sawyer-article__faq {
  display: block !important;
  margin: 30px 0 !important;
}

.sawyer-article__faq details {
  padding: 0 !important;
  margin-bottom: 14px !important;
  border-radius: 22px !important;
  background: #f6f7f9 !important;
  overflow: hidden !important;
}

.sawyer-article__faq details:last-child {
  margin-bottom: 0 !important;
}

.sawyer-article__faq summary {
  cursor: pointer !important;
  padding: 20px 24px !important;
  color: #202436 !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
}

.sawyer-article__faq p {
  padding: 0 24px 22px !important;
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

/* CTA */

.sawyer-article__cta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 28px !important;
  margin: 60px 0 30px !important;
  padding: 38px !important;
  border-radius: 36px !important;
  background: #202436 !important;
  box-shadow: 0 26px 80px rgba(32, 36, 54, 0.22) !important;
}

.sawyer-article__cta > div:first-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.sawyer-article__cta > div:last-child {
  flex: 0 0 auto !important;
}

.sawyer-article__cta h2,
.sawyer-article__cta h3 {
  margin: 0 0 12px !important;
  color: #ffffff !important;
}

.sawyer-article__cta p {
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

.sawyer-article__source,
.sawyer-article__meta-note {
  display: block !important;
  margin-top: 8px !important;
  color: #8a94a3 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.sawyer-article__seo-card p {
  margin-bottom: 10px !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

.sawyer-article__seo-card strong {
  color: #202436 !important;
}

/* RESPONSIVE */

@media only screen and (max-width: 1239px) {
  .sawyer-article .section_wrapper {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .sawyer-article__hero {
    display: block !important;
  }

  .sawyer-article__hero > div:first-child,
  .sawyer-article__hero > div:last-child {
    width: 100% !important;
    min-width: 0 !important;
  }

  .sawyer-article__hero > div:last-child {
    margin-top: 42px !important;
  }

  .sawyer-article__visual {
    max-width: 760px !important;
  }
}

@media only screen and (max-width: 900px) {
  .sawyer-article__layout {
    display: block !important;
  }

  .sawyer-article__content {
    max-width: 100% !important;
    width: 100% !important;
  }

  .sawyer-article__toc {
    position: relative !important;
    top: auto !important;
    width: 100% !important;
    margin-bottom: 28px !important;
  }

  .sawyer-article__cta {
    display: block !important;
  }

  .sawyer-article__cta > div:last-child {
    margin-top: 24px !important;
  }

  .sawyer-article__cards-grid {
    display: block !important;
  }

  .sawyer-article__cards-grid > .sawyer-article__card,
  .sawyer-article__cards-grid--three > .sawyer-article__card {
    width: 100% !important;
    min-width: 0 !important;
    margin-bottom: 18px !important;
  }

  .sawyer-article__cards-grid > .sawyer-article__card:last-child,
  .sawyer-article__cards-grid--three > .sawyer-article__card:last-child {
    margin-bottom: 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  .sawyer-article .section_wrapper {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .sawyer-article__hero {
    padding-top: 42px !important;
    padding-bottom: 30px !important;
  }

  .sawyer-article h1 {
    font-size: 36px !important;
    line-height: 1.08 !important;
  }

  .sawyer-article h2 {
    font-size: 31px !important;
    line-height: 1.1 !important;
    margin-top: 44px !important;
  }

  .sawyer-article h3 {
    font-size: 24px !important;
  }

  .sawyer-article__lead,
  .sawyer-article p {
    font-size: 16px !important;
    line-height: 1.65 !important;
  }

  .sawyer-article__actions,
  .sawyer-article__buttons,
  .sawyer-article__cta .sawyer-article__buttons {
    display: block !important;
    width: 100% !important;
  }

  .sawyer-article__btn {
    width: 100% !important;
    margin-bottom: 10px !important;
  }

  .sawyer-article__btn:last-child {
    margin-bottom: 0 !important;
  }

  .sawyer-article__visual,
  .sawyer-article__intro-card,
  .sawyer-article__note,
  .sawyer-article__checklist,
  .sawyer-article__case,
  .sawyer-article__dark-card,
  .sawyer-article__cta,
  .sawyer-article__seo-card {
    padding: 24px !important;
    border-radius: 24px !important;
  }

  .sawyer-article__visual-top {
    display: block !important;
  }

  .sawyer-article__visual-top > * + * {
    margin-top: 16px !important;
  }

  .sawyer-article__mini-grid {
    display: block !important;
  }

  .sawyer-article__mini-card {
    width: 100% !important;
    margin-bottom: 12px !important;
  }

  .sawyer-article__mini-card:last-child {
    margin-bottom: 0 !important;
  }

  .sawyer-article__bar {
    display: block !important;
    font-size: 12px !important;
  }

  .sawyer-article__bar > span {
    display: block !important;
    width: 100% !important;
    margin-bottom: 6px !important;
    text-align: left !important;
  }

  .sawyer-article__bar-track {
    width: 100% !important;
  }

  .sawyer-article__layout {
    padding-bottom: 48px !important;
  }

  .sawyer-article__toc {
    padding: 22px !important;
    border-radius: 24px !important;
  }

  .sawyer-article__faq summary {
    padding: 18px 20px !important;
    font-size: 17px !important;
  }

  .sawyer-article__faq p {
    padding: 0 20px 20px !important;
  }
}
/* CTA safety fix */

.sawyer-article__cta {
  display: block !important;
}

.sawyer-article__cta h2,
.sawyer-article__cta h3 {
  max-width: 820px !important;
  margin: 0 0 16px !important;
  color: #ffffff !important;
}

.sawyer-article__cta p {
  max-width: 820px !important;
  margin: 0 0 18px !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

.sawyer-article__cta .sawyer-article__actions,
.sawyer-article__cta .sawyer-article__buttons {
  margin-top: 26px !important;
}

.sawyer-article__cta .sawyer-article__btn--secondary,
.sawyer-article__cta .sawyer-article__btn--light {
  background: #ffffff !important;
  color: #202436 !important;
}

@media only screen and (max-width: 767px) {
  .sawyer-article__cta h2,
  .sawyer-article__cta h3,
  .sawyer-article__cta p {
    max-width: 100% !important;
  }
}
/* Hide default BeTheme subheader on blog posts */
.single-post #Subheader,
.single-post .subheader-both-left,
.single-post .subheader-both-center,
.single-post .subheader-title-right {
  display: none !important;
}
/* Sawyer article buttons safety fix */

.sawyer-article__btn,
.sawyer-article__btn:link,
.sawyer-article__btn:visited,
.sawyer-article__btn:hover,
.sawyer-article__btn:active,
.sawyer-article__btn *,
.sawyer-article__btn:hover * {
  text-decoration: none !important;
}

.sawyer-article__btn--primary,
.sawyer-article__btn--primary:link,
.sawyer-article__btn--primary:visited,
.sawyer-article__btn--primary:hover,
.sawyer-article__btn--primary:active,
.sawyer-article__btn--primary *,
.sawyer-article__btn--primary:hover * {
  color: #ffffff !important;
}

.sawyer-article__btn--secondary,
.sawyer-article__btn--secondary:link,
.sawyer-article__btn--secondary:visited,
.sawyer-article__btn--secondary:hover,
.sawyer-article__btn--secondary:active,
.sawyer-article__btn--secondary *,
.sawyer-article__btn--secondary:hover * {
  color: #202436 !important;
}

.sawyer-article__btn--light,
.sawyer-article__btn--light:link,
.sawyer-article__btn--light:visited,
.sawyer-article__btn--light:hover,
.sawyer-article__btn--light:active,
.sawyer-article__btn--light *,
.sawyer-article__btn--light:hover * {
  color: #202436 !important;
}

.sawyer-article__cta .sawyer-article__btn--primary,
.sawyer-article__cta .sawyer-article__btn--primary:link,
.sawyer-article__cta .sawyer-article__btn--primary:visited,
.sawyer-article__cta .sawyer-article__btn--primary:hover,
.sawyer-article__cta .sawyer-article__btn--primary:active,
.sawyer-article__cta .sawyer-article__btn--primary *,
.sawyer-article__cta .sawyer-article__btn--primary:hover * {
  color: #ffffff !important;
}

/* Sawyer Blog Loop */

.sawyer-blog-loop {
  padding-top: 50px !important;
  padding-bottom: 80px !important;
  background: #ffffff !important;
}

.sawyer-blog-loop,
.sawyer-blog-loop * {
  box-sizing: border-box !important;
}

.sawyer-blog-loop .section_wrapper {
  max-width: 1220px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.sawyer-blog-loop .wrap,
.sawyer-blog-loop .mcb-wrap-inner,
.sawyer-blog-loop .column,
.sawyer-blog-loop .column_attr {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: both !important;
}

/* BeTheme blog grid common wrappers */

.sawyer-blog-loop .posts_group,
.sawyer-blog-loop .blog_wrapper,
.sawyer-blog-loop .masonry,
.sawyer-blog-loop .isotope_wrapper {
  width: 100% !important;
}

/* Grid */

.sawyer-blog-loop .posts_group {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 24px !important;
  margin: 0 !important;
}

.sawyer-blog-loop .post-item,
.sawyer-blog-loop .masonry .post-item,
.sawyer-blog-loop .isotope-item {
  width: calc(33.333% - 16px) !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
}

/* Card */

.sawyer-blog-loop .post-item .post-desc-wrapper,
.sawyer-blog-loop .post-item {
  border-radius: 28px !important;
}

.sawyer-blog-loop .post-item {
  overflow: hidden !important;
  background: #f6f7f9 !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.sawyer-blog-loop .post-item:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 22px 55px rgba(32, 36, 54, 0.10) !important;
}

/* Image */

.sawyer-blog-loop .post-photo-wrapper,
.sawyer-blog-loop .image_frame,
.sawyer-blog-loop .image_wrapper {
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 28px 28px 0 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.sawyer-blog-loop .image_frame .image_wrapper img,
.sawyer-blog-loop .post-photo-wrapper img,
.sawyer-blog-loop .post-item img {
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 0 !important;
  transition: transform 0.25s ease !important;
}

.sawyer-blog-loop .post-item:hover img {
  transform: scale(1.03) !important;
}

/* Content padding */

.sawyer-blog-loop .post-desc-wrapper {
  padding: 0 !important;
  background: transparent !important;
}

.sawyer-blog-loop .post-desc {
  padding: 24px 24px 26px !important;
  background: transparent !important;
}

/* Meta */

.sawyer-blog-loop .post-meta,
.sawyer-blog-loop .post-meta .author-date,
.sawyer-blog-loop .post-meta .date,
.sawyer-blog-loop .post-meta a {
  color: #8a94a3 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}

.sawyer-blog-loop .post-meta {
  margin: 0 0 12px !important;
  padding: 0 !important;
}

.sawyer-blog-loop .post-meta .author-date {
  display: block !important;
}

.sawyer-blog-loop .post-meta .category,
.sawyer-blog-loop .post-meta .author,
.sawyer-blog-loop .post-meta .comments,
.sawyer-blog-loop .post-meta .post-comments,
.sawyer-blog-loop .post-meta .icon-comment-empty-fa,
.sawyer-blog-loop .post-meta .icon-doc-text,
.sawyer-blog-loop .post-footer {
  display: none !important;
}

/* Title */

.sawyer-blog-loop .post-title {
  margin: 0 !important;
  padding: 0 !important;
}

.sawyer-blog-loop .post-title h2,
.sawyer-blog-loop .post-title h2 a,
.sawyer-blog-loop .entry-title,
.sawyer-blog-loop .entry-title a {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #202436 !important;
  font-size: 28px !important;
  line-height: 1.08 !important;
  letter-spacing: -0.04em !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.sawyer-blog-loop .post-title h2 a:hover,
.sawyer-blog-loop .entry-title a:hover {
  color: #315bdc !important;
}

/* Excerpt */

.sawyer-blog-loop .post-excerpt {
  margin: 14px 0 0 !important;
  color: #56606b !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

/* Read more */

.sawyer-blog-loop .post-more,
.sawyer-blog-loop .post-more a,
.sawyer-blog-loop a.button,
.sawyer-blog-loop .more-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  min-height: 42px !important;
  margin-top: 20px !important;
  padding: 11px 18px !important;
  border-radius: 100px !important;
  background: #eef4ff !important;
  color: #315bdc !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.sawyer-blog-loop .post-more a:hover,
.sawyer-blog-loop a.button:hover,
.sawyer-blog-loop .more-link:hover {
  background: #315bdc !important;
  color: #ffffff !important;
}

/* Remove BeTheme default separators */

.sawyer-blog-loop .post-item:before,
.sawyer-blog-loop .post-item:after,
.sawyer-blog-loop .post-desc:before,
.sawyer-blog-loop .post-desc:after {
  display: none !important;
}

/* Pagination */

.sawyer-blog-loop .pager,
.sawyer-blog-loop .pagination {
  margin-top: 42px !important;
  text-align: center !important;
}

.sawyer-blog-loop .pager a,
.sawyer-blog-loop .pagination a,
.sawyer-blog-loop .pagination span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 42px !important;
  height: 42px !important;
  margin: 4px !important;
  border-radius: 50% !important;
  background: #f6f7f9 !important;
  color: #202436 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.sawyer-blog-loop .pagination .current,
.sawyer-blog-loop .pager .current {
  background: #315bdc !important;
  color: #ffffff !important;
}

/* Tablet */

@media only screen and (max-width: 1239px) {
  .sawyer-blog-loop .section_wrapper {
    max-width: 100% !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .sawyer-blog-loop .post-item,
  .sawyer-blog-loop .masonry .post-item,
  .sawyer-blog-loop .isotope-item {
    width: calc(50% - 12px) !important;
  }
}

/* Mobile */

@media only screen and (max-width: 767px) {
  .sawyer-blog-loop {
    padding-top: 38px !important;
    padding-bottom: 55px !important;
  }

  .sawyer-blog-loop .section_wrapper {
    max-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .sawyer-blog-loop .posts_group {
    display: block !important;
  }

  .sawyer-blog-loop .post-item,
  .sawyer-blog-loop .masonry .post-item,
  .sawyer-blog-loop .isotope-item {
    width: 100% !important;
    margin-bottom: 18px !important;
  }

  .sawyer-blog-loop .post-item:last-child {
    margin-bottom: 0 !important;
  }

  .sawyer-blog-loop .image_frame .image_wrapper img,
  .sawyer-blog-loop .post-photo-wrapper img,
  .sawyer-blog-loop .post-item img {
    height: 210px !important;
  }

  .sawyer-blog-loop .post-desc {
    padding: 22px 20px 24px !important;
  }

  .sawyer-blog-loop .post-title h2,
  .sawyer-blog-loop .post-title h2 a,
  .sawyer-blog-loop .entry-title,
  .sawyer-blog-loop .entry-title a {
    font-size: 25px !important;
    line-height: 1.1 !important;
  }
}
/* Smooth anchor scroll for Sawyer articles */

html {
  scroll-behavior: smooth;
  scroll-padding-top: 110px !important;
}

body {
  scroll-padding-top: 110px !important;
}

.sawyer-article h2[id],
.sawyer-article h3[id],
.sawyer-article [id^="section-"] {
  scroll-margin-top: 110px !important;
}
#blog-posts {
  scroll-margin-top: 110px;
}

/* Sawyer category archive styling */

.archive.category #Subheader {
  background: #f6f7f9 !important;
  padding: 70px 0 56px !important;
}

.archive.category #Subheader .title {
  max-width: 920px !important;
  margin: 0 auto !important;
  color: #202436 !important;
  font-size: clamp(38px, 5vw, 72px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.055em !important;
  font-weight: 800 !important;
  text-align: center !important;
}

.archive.category #Subheader ul.breadcrumbs {
  margin-top: 18px !important;
  text-align: center !important;
}

.archive.category #Subheader ul.breadcrumbs,
.archive.category #Subheader ul.breadcrumbs li,
.archive.category #Subheader ul.breadcrumbs a {
  color: #8a94a3 !important;
  font-size: 14px !important;
}

.archive.category .blog_wrapper,
.archive.category .posts_group {
  max-width: 1220px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.archive.category .posts_group {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 24px !important;
  padding-top: 70px !important;
  padding-bottom: 80px !important;
}

.archive.category .post-item,
.archive.category .posts_group article,
.archive.category .type-post {
  width: calc(33.333% - 16px) !important;
  flex: 0 0 calc(33.333% - 16px) !important;
  max-width: calc(33.333% - 16px) !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  background: #f6f7f9 !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.archive.category .post-item:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 22px 55px rgba(32, 36, 54, 0.10) !important;
}

.archive.category .post-photo-wrapper,
.archive.category .image_frame,
.archive.category .image_wrapper {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 28px 28px 0 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.archive.category .post-item img {
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  display: block !important;
}

.archive.category .post-desc-wrapper,
.archive.category .post-desc {
  background: transparent !important;
  padding: 0 !important;
}

.archive.category .post-desc {
  padding: 24px 24px 28px !important;
}

.archive.category .post-meta,
.archive.category .post-meta *,
.archive.category .author-date,
.archive.category .date {
  color: #8a94a3 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}

.archive.category .post-meta {
  margin: 0 0 12px !important;
  padding: 0 !important;
}

.archive.category .post-title,
.archive.category .entry-title {
  margin: 0 !important;
  padding: 0 !important;
}

.archive.category .post-title h2,
.archive.category .post-title h2 a,
.archive.category h2.entry-title,
.archive.category h2.entry-title a,
.archive.category .entry-title,
.archive.category .entry-title a {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #202436 !important;
  font-size: 28px !important;
  line-height: 1.08 !important;
  letter-spacing: -0.04em !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.archive.category .post-title h2 a:hover,
.archive.category .entry-title a:hover {
  color: #315bdc !important;
}

.archive.category .post-excerpt {
  margin: 14px 0 0 !important;
  color: #56606b !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

.archive.category .post-footer {
  display: none !important;
}

.archive.category .post-more,
.archive.category .post-more a,
.archive.category .more-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  min-height: 42px !important;
  margin-top: 20px !important;
  padding: 11px 18px !important;
  border-radius: 100px !important;
  background: #eef4ff !important;
  color: #315bdc !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.archive.category .post-more a:hover,
.archive.category .more-link:hover {
  background: #315bdc !important;
  color: #ffffff !important;
}

.archive.category .pager,
.archive.category .pagination {
  width: 100% !important;
  margin-top: 42px !important;
  text-align: center !important;
}

@media only screen and (max-width: 1239px) {
  .archive.category .blog_wrapper,
  .archive.category .posts_group {
    max-width: 100% !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .archive.category .post-item,
  .archive.category .posts_group article,
  .archive.category .type-post {
    width: calc(50% - 12px) !important;
    flex: 0 0 calc(50% - 12px) !important;
    max-width: calc(50% - 12px) !important;
  }
}

@media only screen and (max-width: 767px) {
  .archive.category #Subheader {
    padding: 46px 14px 38px !important;
  }

  .archive.category #Subheader .title {
    font-size: 34px !important;
    line-height: 1.08 !important;
  }

  .archive.category .posts_group {
    display: block !important;
    padding: 42px 14px 55px !important;
  }

  .archive.category .post-item,
  .archive.category .posts_group article,
  .archive.category .type-post {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 18px !important;
  }

  .archive.category .post-title h2,
  .archive.category .post-title h2 a,
  .archive.category h2.entry-title,
  .archive.category h2.entry-title a,
  .archive.category .entry-title,
  .archive.category .entry-title a {
    font-size: 25px !important;
    line-height: 1.1 !important;
  }

  .archive.category .post-item img {
    height: 210px !important;
  }
}

/* WPML footer language switcher: flags + short codes */

.wpml-ls-statics-footer {
  margin-top: 24px !important;
  text-align: center !important;
}

.wpml-ls-statics-footer ul {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.wpml-ls-statics-footer li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.wpml-ls-statics-footer a.wpml-ls-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 36px !important;
  padding: 8px 13px !important;
  border-radius: 100px !important;
  background: #f6f7f9 !important;
  color: #202436 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  border: 0 !important;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease !important;
}

.wpml-ls-statics-footer a.wpml-ls-link:hover {
  transform: translateY(-2px) !important;
  background: #eef4ff !important;
  color: #315bdc !important;
}

.wpml-ls-statics-footer .wpml-ls-current-language a.wpml-ls-link {
  background: #315bdc !important;
  color: #ffffff !important;
}

.wpml-ls-statics-footer .wpml-ls-flag {
  display: inline-block !important;
  width: 18px !important;
  height: auto !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}

.wpml-ls-statics-footer .wpml-ls-native {
  display: none !important;
}

/* Language short codes */

.wpml-ls-statics-footer .wpml-ls-item-uk a.wpml-ls-link:after {
  content: "UA" !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

.wpml-ls-statics-footer .wpml-ls-item-ru a.wpml-ls-link:after {
  content: "RU" !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

.wpml-ls-statics-footer .wpml-ls-item-en a.wpml-ls-link:after {
  content: "EN" !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

.wpml-ls-statics-footer .wpml-ls-item-ro a.wpml-ls-link:after {
  content: "RO" !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

@media only screen and (max-width: 767px) {
  .wpml-ls-statics-footer ul {
    gap: 8px !important;
  }

  .wpml-ls-statics-footer a.wpml-ls-link {
    min-height: 34px !important;
    padding: 8px 11px !important;
  }

  .wpml-ls-statics-footer .wpml-ls-flag {
    width: 17px !important;
  }

  .wpml-ls-statics-footer .wpml-ls-item-uk a.wpml-ls-link:after,
  .wpml-ls-statics-footer .wpml-ls-item-ru a.wpml-ls-link:after,
  .wpml-ls-statics-footer .wpml-ls-item-en a.wpml-ls-link:after,
  .wpml-ls-statics-footer .wpml-ls-item-ro a.wpml-ls-link:after {
    font-size: 13px !important;
  }
}