@charset "UTF-8";
html, body {
  overflow-x: visible !important;
}

body .wa-blog-left {
  display: flex;
  flex-direction: column;
  gap: var(--space-l);
}
body .wa-blog-left .ct-inner-content {
  display: flex;
  flex-direction: column;
}
body .wa-blog-left .ct-inner-content .wp-block-heading {
  color: var(--primary);
  margin-top: var(--space-xl);
  font-size: var(--text-xl);
}
body .wa-blog-left .ct-inner-content .wp-block-columns {
  display: flex;
  flex-direction: row;
  gap: var(--space-m);
}
@media (max-width: 479px) {
  body .wa-blog-left .ct-inner-content .wp-block-columns {
    flex-direction: column;
  }
}
body .wa-blog-left .ct-inner-content .wp-block-column {
  width: 100%;
}
@media (max-width: 479px) {
  body .wa-blog-left .ct-inner-content .wp-block-column {
    justify-items: center;
  }
}
body .wa-blog-left .ct-inner-content .wp-block-separator {
  width: 100%;
}
body .wa-blog-left .ct-inner-content .wp-block-button__link {
  background: var(--dark-gradient);
  background-position: 50%;
  background-size: 150%;
  transition: background 300ms ease-in-out;
  padding-block: var(--space-s);
  padding-inline: var(--space-xl);
  border-radius: var(--radius-m);
  color: var(--white);
}
body .wa-blog-left .ct-inner-content .wp-block-button__link:hover {
  background-position: 0%;
}
body .wa-blog-left .ct-inner-content .wp-block-image {
  margin: 0;
}
body .wa-blog-left .ct-inner-content img {
  max-width: 100%;
  object-fit: cover;
}
body .wa-blog-left .ct-inner-content p a {
  text-decoration: underline;
  transition: 0.2s all ease-in-out;
  color: var(--primary);
}
body .wa-blog-left .ct-inner-content p a:hover {
  color: var(--base);
}
body .wa-blog-right {
  display: flex;
  flex-direction: column;
  gap: var(--space-s);
  position: sticky;
  top: var(--space-l);
}
body .wa-blog-right-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: var(--space-s);
  background-color: var(--shade-ultra-light);
  border-radius: var(--radius-m);
  padding: var(--space-l);
  overflow: hidden;
}
body .wa-blog-right-inner:not(:has(a)) {
  display: none;
}
body .wa-blog-right__title {
  font-size: var(--text-l);
  font-weight: 700;
}
body .wa-blog-right-author {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: calc(var(--space-xs) * 0.7);
  border-radius: var(--radius-m);
  padding: var(--space-xs);
  border: 1px solid var(--shade-light);
  background-color: var(--white);
}
body .wa-blog-right-author__name {
  text-transform: capitalize;
  font-size: var(--text-l);
  font-weight: 700;
}
body .wa-blog-right-author__posts a {
  color: var(--base);
  transition: 0.2s all ease-in-out;
}
body .wa-blog-right-author__posts a:hover {
  color: var(--primary);
}
body .wa-blog-right-content {
  border-radius: var(--radius-m);
  padding: var(--space-xs);
  border: 1px solid var(--shade-light);
  background-color: var(--white);
}
body .wa-blog-right-content a {
  color: var(--base);
  display: flex;
  flex-direction: row;
  margin-bottom: calc(var(--space-xs) * 0.7);
}
body .wa-blog-right-content a:before {
  content: "•";
  margin-right: calc(var(--space-xs) * 0.5);
}
body .wa-blog-right-content a:hover {
  color: var(--primary);
}
body .wa-blog-right-content a.oxel_toc__sub {
  margin-left: 0;
}
body .wa-blog-right-post {
  background-color: var(--white);
  border-radius: var(--radius-m);
  transition: 0.3s all ease-in-out;
}
body .wa-blog-right-post-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}
body .wa-blog-right-post-wrapper .oxy-repeater-pages-wrap {
  display: none;
}
body .wa-blog-right-post a {
  align-items: center;
  gap: var(--space-xs);
  width: 100%;
  border-radius: var(--radius-m);
  padding: var(--space-xs);
  border: 3px solid transparent;
  background-color: var(--white);
  transition: 0.3s all ease-in-out;
  position: relative;
}
body .wa-blog-right-post a:after {
  content: "";
  border-radius: var(--radius-m);
  position: absolute;
  inset: -3px;
  border: 1px solid var(--shade-light);
}
body .wa-blog-right-post__title {
  font-weight: 700;
  text-align: start;
}
body .wa-blog-right-post__img {
  aspect-ratio: 1.5/1;
}
body .wa-blog-right-post__img img {
  aspect-ratio: 1.5/1;
  object-fit: cover;
  border-radius: var(--radius-s);
}
body .wa-blog-right-post:hover {
  transform: translateY(-3px);
}
body .wa-blog-right-post:hover a {
  box-shadow: 0px 25px 40px rgba(236, 0, 140, 0.08);
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(255.69deg, var(--secondary) -19.32%, #00AEEF 141.91%) border-box;
}
body .wa-blog-right-post:hover a::after {
  border-color: transparent;
}
body .wa-blog-info {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-s);
  background-color: var(--shade-ultra-light);
  border-radius: var(--radius-m);
  padding: var(--space-s);
}
body .wa-blog-info-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  column-gap: var(--space-l);
  row-gap: var(--space-xs);
}
body .wa-blog-info-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: calc(var(--space-xs) * 0.5);
}
body .wa-blog-info-item__icon {
  color: var(--primary);
}
body .wa-blog-info-item__icon svg {
  height: 2.6rem;
  width: 2.6rem;
}
body .wa-blog__img {
  width: 100%;
}
body .wa-blog__img img {
  width: 100%;
  object-fit: cover;
  border-radius: var(--radius-m);
}
body .wa-blog-terms a {
  color: var(--base);
  transition: 0.2s all ease-in-out;
  font-weight: 700;
}
body .wa-blog-terms a:hover {
  color: var(--primary);
}
body .wa-blog-bottom {
  margin-top: var(--space-xl);
  width: 100%;
  gap: var(--space-l);
}
body .wa-blog-bottom .wp-grid-builder .wpgb-card .wpgb-card-media-thumbnail {
  inset: -2px;
}
body .wa-blog-bottom .wp-grid-builder .wpgb-card .wpgb-card-media-thumbnail a div {
  background-size: cover !important;
  margin: 0 !important;
}
body .wa-blog-bottom .wpgb-card-content h3 {
  text-align: left !important;
}
body .wa-blog-bottom .wpgb-card-content h3 a {
  font-size: var(--text-l) !important;
}
body .wa-blog-bottom .wpgb-card-content time {
  font-weight: 400 !important;
}
body .wa-blog-bottom .wpgb-card-content p {
  margin-top: calc(var(--space-xs) * 0.5) !important;
  font-size: var(--text-m) !important;
  line-height: 1.4 !important;
  color: #8D8D8D !important;
}
body .wa-blog .wa-button {
  display: flex;
  flex-direction: row;
  gap: var(--space-xs);
  align-items: center;
  background: var(--dark-gradient);
  background-size: 150%;
  background-position: 50%;
  border-radius: var(--radius-m);
  color: white;
  font-size: var(--text-l);
  font-weight: 700;
  padding: var(--space-s) var(--space-xl);
  transition: 300ms all ease-in-out;
}
body .wa-blog .wa-button__icon svg {
  height: 1.6rem;
  width: 1.6rem;
}
body .wa-blog .wa-button:hover {
  background-position: 0%;
}

@media (max-width: 1024px) {
  html, body {
    overflow-x: hidden !important;
  }
  body .wa-blog-right-inner:has(.wa-blog-right-content) {
    display: none;
  }
}
@media (max-width: 479px) {
  body .wa-blog-info-item__icon svg {
    height: 1.8rem;
    width: 1.8rem;
  }
}