#primary .header-content {
  position: static
}

#primary .header-content {
  justify-content: flex-end
}

#primary .header-content {
  position: fixed;
  display: flex;
  justify-content: space-between;
  background: var(--white)
}

.single-post .footer {
  position: relative;
  z-index: 9
}

.single-post .footer .footer-item:last-of-type {
  display: none
}

.site-main article.post {
  padding: 70px 15px 0 15px;
  margin: 0
}

@media screen and (min-width: 1280px) {
  .site-main article.post {
      padding: 80px 64px 15px;
  }
}

.site-main article.post .wp-block-columns {
  flex-direction: column-reverse;
  position: relative
}

@media screen and (min-width: 1024px) {
  .site-main article.post .wp-block-columns {
      flex-direction:column
  }
}

.site-main article.post .wp-block-columns .post-content-col .wp-block-columns {
  flex-direction: row
}

.site-main article.post .breadcrumbs {
  width: 100%;
  background: var(--white)
}

@media screen and (min-width: 1280px) {

  .site-main article.post .breadcrumbs {
    position: fixed;
    left: 64px;
    top: 60px;
    padding-top: 20px;
    z-index: 1;
  }
}

.site-main article.post .entry-header {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-left: auto;
  margin-top: 26px;
  padding-bottom: 0;
}

.post-links-col {
  max-width: calc(100vw - 30px);
  display: flex;
  flex-direction: column;
}

.post-content-col {
  padding-left: 0
}

@media screen and (min-width: 1280px) {
  .site-main article.post .entry-header {
    width: calc(100% - 320px);
    margin-left: auto;
  }

  .post-content-col {
    padding-left: 320px;
  }

  .post-links-col {
    width: 100%;
    height: calc(100vh - 270px);
    max-width: 300px;
    position: fixed;
    left: 15px;
    top: 110px;
  }

  .post-links-col.bottom {
    position: absolute;
    left: 2px;
    bottom: 0;
    top: auto;
    justify-content: flex-end;
  }
}

@media screen and (min-width: 1440px) {
  .site-main article.post .entry-header {
    width: calc(100% - 435px);
  }

  .post-content-col {
    padding-left: 435px;
  }

  .post-links-col {
    height: calc(100vh - 130px);
    max-width: 395px;
  }
}

@media screen and (min-width: 1600px) {

  .post-links-col {
    height: 100vh;
  }
}

.site-main article.post .tags-links,
.site-main article.post .comments-link,
.post-links-col .wp-block-group .post-nav-holder {
  display: none;
}

@media screen and (min-width: 1024px) {
  .post-links-col .wp-block-group .post-nav-holder {
    display:block;
  }
}

@media screen and (min-width: 782px) {
  .post-links-col {
    left:64px;
  }
}

.post-links-col figure {
  position: relative;
  display: none
}

.post-links-col figure:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(87.79deg,#161616 1.86%,rgba(33,32,35,0) 98.17%)
}

.post-links-col figure img {
  width: 100%;
  height: 45vh;
  object-fit: cover
}

.post-content-col a {
  color: var(--yellow)
}

.post-content-col a[data-slb-active] {
  cursor: zoom-in;
}

data-slb-active

.post-content-col a:hover,.post-content-col a:focus {
  text-decoration: underline
}

.post-content-col .wp-block-image img {
  /* width: 100%; */
  margin: 0 auto
}

.post-nav-title {
  font-size: 16px;
  line-height: 1.5;
  color: #1D173D;
  text-transform: uppercase;
  font-weight: 600;
}

.post-nav-holder {
  width: 100%;
  height: 100%;
  padding: 24px 24px;
  height: auto;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border: 1px solid var(--yellow);
  background: #f4f2f0;
}

.post-links-col .wp-block-group,
.post-links-col > .wp-block-group > .wp-block-group__inner-container {
  height: 100%;
}

.post-links-col > .wp-block-group {
  height: 100%;
  max-height: 485px;
  position: relative;
  margin-bottom: 30px;
}

@media screen and (min-width: 1280px) {
  .post-links-col > .wp-block-group {
    max-height: 485px;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 1440px) {
  .post-links-col > .wp-block-group {
    max-height: calc(100% - 130px);
  }
}

@media screen and (min-width: 1600px) {
  .post-links-col > .wp-block-group {
    max-height: calc(100% - 400px);
  }
}

.post-nav-holder::-webkit-scrollbar {
  display: none;
}

.fixed-height .post-nav-holder {
  height: 100%;
  min-height: unset;
  padding: 24px 24px
}

@media screen and (min-width: 1024px) {
  .fixed-height .post-nav-holder .wp-block-group__inner-container {
      padding-bottom:50px
  }
}

@keyframes arrow-animation {
  0% {
      transform: translateY(0)
  }

  50% {
      transform: translateY(-10px)
  }

  100% {
      transform: translateY(0)
  }
}

.show-scroll > .wp-block-group::after {
  content: "";
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 15px;
  top: 50%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='14' viewBox='0 0 14 14' width='14'%3E%3Cg stroke='%231D173D' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2.25 5.00003 4.49-4.390005c.0336-.035089.07396-.063013.11865-.08209.04468-.019077.09276-.028912.14135-.028912s.09667.009835.14135.028912c.04469.019077.08505.047001.11865.08209l4.49 4.390005'/%3E%3Cpath d='m2.25 9 4.49 4.39c.0336.0351.07396.063.11865.0821.04468.0191.09276.0289.14135.0289s.09667-.0098.14135-.0289c.04469-.0191.08505-.047.11865-.0821l4.49-4.39'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
  animation-name: arrow-animation;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-iteration-count: infinite
}

@media screen and (min-width: 1024px) {
  .show-scroll > .wp-block-group::after {
    display: block;
  }
}

.show-scroll .post-nav-holder {
  padding-right: 40px
}

.post-nav-holder p {
  margin-bottom: 10px
}

.post-nav-holder p a {
  position: relative;
  font-size: 14px;
  line-height: 1.2;
  color: #a6a5a5;
  text-transform: uppercase;
  outline: none;
}

.post-nav-holder p a:hover,
.post-nav-holder p a:focus 
.post-nav-holder p a:hover:before,
.post-nav-holder p a:focus:before {
  color: #1B1B1B;
}

.post-nav-holder p a:before {
  content: "";
  display: inline-block;
  margin: 0 9px 4px 0;
  width: 14px;
  height: 2px;
  background: #888786;
}

.site-main article.post .cat-links {
  display: block;
  margin: 0 0 10px;
  font-size: 0;
  text-align: left;
  order: 2
}


.site-main article.post .cat-links a {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 600;
  color: #969696;
  text-transform: uppercase;
}

.search .site-main article.post .cat-links {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 600;
  color: #969696;
  text-transform: uppercase;
  display: block;
  margin: 0 0 10px;
  text-align: left;
  order: 2
}

.site-main article.post .cat-links a::after {
  content: ",";
  display: inline-block;
  margin-right: 2px
}

.site-main article.post .cat-links a:last-of-type:after {
  content: "";
  display: none
}

.site-main article.post .entry-title {
  font-size: 30px;
  line-height: 1.2;
  font-weight: 500;
  margin: 0 0 24px;
  order: 0
}

@media screen and (min-width: 1280px) {
  .site-main article.post .entry-title {
      margin: 40px 0;
      order: 4;
  }
}

@media screen and (min-width: 1600px) {
  .site-main article.post .entry-title {
    font-size: 50px;
  }
}

.site-main article.post .entry-meta {
  display: flex;
  flex-direction: column;
  order: 3
}

@media screen and (min-width: 1366px) {
  .site-main article.post .entry-meta {
      padding-right: 174px;
      flex-direction:row;
  }
}

.site-main article.post .entry-content {
  margin-top: 0;
}

.site-main article.post h6,
.site-main article.post h5,
.site-main article.post h4,
.site-main article.post h3,
.site-main article.post h2 {
  padding-top: 20px;
  line-height: 1.5;
}

.site-main article.post h2,
.site-main article.post h2.comments-title {
  font-size: 24px;
}

.site-main article.post h2.comments-title {
  font-weight: 600;
}

.site-main article.post h3 {
  font-size: 22px;
  margin-bottom: 0.8em;
  padding-top: 10px;
}

.site-main article.post h4 {
  font-size: 20px;
  margin-bottom: 0.8em;
  padding-top: 10px;
}

.site-main article.post h5, 
.site-main article.post h6 {
  font-size: 20px;
}

@media screen and (min-width: 768px) {
  .site-main article.post h2 {
    font-size: 30px;
  }
  
  .site-main article.post h3,
  .site-main article.post .comment-reply-title {
    font-size: 24px;
    margin-bottom: 1em;
    padding-top: 20px;
  }
  
  .site-main article.post h4 {
    font-size: 20px;
    margin-bottom: 1.33em;
    padding-top: 20px;
  }
  
  .site-main article.post h5 {
    font-size: 18px;
  }
  
  .site-main article.post h6 {
    font-size: 16px;
  }
}

.site-main article.post h3.post-rec-articles-title {
  font-size: 24px;
  font-weight: 600;
}

.site-main article.post .entry-meta .posted-on {
  order: 3;
  flex-shrink: 0;
  pointer-events: none
}

.site-main article.post .entry-meta .byline {
  order: 1;
  width: 100%
}

.site-main article.post .entry-meta .byline i {
  display: none
}

.site-main article.post .entry-meta .byline a {
  color: #484848
}

.site-main article.post .entry-meta .author:before {
  content: "Author:";
  color: #9E9E9E;
  margin-right: 5px
}

.site-main article.post .entry-meta .posted-on {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #1D173D;
}

.site-main article.post .entry-meta .posted-on:before {
  content: "Posted:";
  display: inline-block;
  margin-right: 2px;
  color: #999
}

.site-main article.post .post-meta,
.site-main article.post .entry-meta .posted-on i {
  display: none
}

.site-main article.post .post-tags {
  order: 4;
  flex-shrink: 0;
}

.site-main article.post .post-tags > .post-tags-title {
  display: none;
}

.site-main article.post .post-tags {
  color: #1D173D;
  pointer-events: none;
}

.site-main article.post .post-tags span {
  color: #999;
}

.site-main article.post table {
  margin: 0;
  line-height: 2.2;
  color: #1D173D;
}

.site-main article.post .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: #1D173D;
  color: var(--white)
}

.post-content-col .post-rec-articles-title,.post-links-col .post-rec-articles-title {
  margin: 64px 0 15px;
  padding-top: 0!important;
  font-size: 18px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 500
}

.post-links-col .post-rec-articles-title {
  margin: 15px 0 15px
}

.post-content-col .slick-list,.post-links-col .slick-list {
  width: calc(100% - 78px);
  margin: 0 auto
}

.post-content-col .wppsac-post-image-bg,.post-links-col .wppsac-post-image-bg {
  width: 100%;
  height: 124px;
  object-fit: cover
}

.post-content-col .wppsac-post-carousel h2.wppsac-post-title,.post-links-col .wppsac-post-carousel h2.wppsac-post-title {
  padding-top: 0!important
}

.post-content-col .wppsac-post-carousel h2.wppsac-post-title a,.post-links-col .wppsac-post-carousel h2.wppsac-post-title a {
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  margin: 10px 0 0;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #1D173D
}

.post-content-col .wppsac-post-carousel button.slick-prev,.post-links-col .wppsac-post-carousel button.slick-prev {
  background: url("data:image/svg+xml,%3Csvg width='30' height='24' viewBox='0 0 30 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.5 12H14' stroke='%23D78516' stroke-width='2'/%3E%3Cpath d='M14 1L2 12.3143L14 23' stroke='%23D78516' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat center!important
}

.post-content-col .wppsac-post-carousel button.slick-next,.post-links-col .wppsac-post-carousel button.slick-next {
  background: url("data:image/svg+xml,%3Csvg width='30' height='24' viewBox='0 0 30 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 12H16' stroke='%23D78516' stroke-width='2'/%3E%3Cpath d='M16 1L28 12.3143L16 23' stroke='%23D78516' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat center!important
}

.post-content-col .wp-block-latest-posts,.post-links-col .wp-block-latest-posts {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  gap: 20px;
}

article.post .wp-block-table th.mtr-th-tag {
  background-color: var(--yellow);
  color: var(--white);
  border-bottom: none;
}

article.post .wp-block-table thead {
  border-bottom: none;
}

article.post .wp-block-table td, 
article.post .wp-block-table th {
  border-color: #1D173D;
  font-size: 20px;
  line-height: 1.6;
}

article.post .wp-block-table td {
  font-size: 16px;
}

article.post .wp-block-table tr:nth-child(even) {
  background-color: #ededed;
}

/* ========================================= */
/* Latest posts  */
/* ========================================= */

.post-content-col .wp-block-latest-posts {
  margin-bottom: 0;
  gap: 20px
}

.post-links-col .wp-block-latest-posts {
  margin-bottom: 28px
}

@media screen and (min-width: 1024px) {
  .post-links-col .wp-block-latest-posts {
      margin-bottom:auto
  }
}

@media screen and (min-width: 1024px) and (max-width:1440px) {
  .post-links-col .post-nav-holder {
      min-height:calc(100vh - 280px)
  }

  .post-links-col .post-rec-articles-title,.post-links-col .wp-block-latest-posts {
      display: none
  }

  .post-links-col.no-nav .post-rec-articles-title,.post-links-col.no-nav .wp-block-latest-posts {
      display: flex
  }
}

.post-content-col .wp-block-latest-posts li,.post-links-col .wp-block-latest-posts li {
  width: 100%;
  margin-bottom: 0;
}

@media screen and (min-width: 1024px) {

  .post-content-col .wp-block-latest-posts li {
    width: calc(50% - 10px);
  }
}


@media screen and (min-width: 1280px) {
  .post-content-col .wp-block-latest-posts li {
    width:calc(50% - 20px);
  }
}

@media screen and (min-width: 1600px) {
  .post-content-col .wp-block-latest-posts li {
    width:calc((100%/4) - 20px);
  }
}

.post-content-col .wp-block-latest-posts .wp-post-image,
.post-links-col .wp-block-latest-posts .wp-post-image {
  width: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: left
}

.post-content-col .wp-block-latest-posts .wp-block-latest-posts__post-title,
.post-links-col .wp-block-latest-posts .wp-block-latest-posts__post-title {
  width: 100%;
  display: block;
  margin: 10px 0 0;
  padding: 0;
  text-transform: uppercase;
  color: #1D173D;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
}

.post-content-col .wp-block-latest-posts .post-image {
  display: flex;
}

.post-content-col .wp-block-latest-posts .wp-block-latest-posts__featured-image,
.post-content-col .wp-block-latest-posts .post-content-wrapper,
.post-content-col .wp-block-latest-posts .post-image {
  width: 100%;
}

.post-content-col .wp-block-latest-posts .post-content-wrapper p {
  margin-bottom: 0;
}



.post-links-col .newsletter-wrapper>div form {
  padding-left: 0
}

.shared-counts-wrap {
  width: auto;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px
}

@media screen and (min-width: 1280px) {
  .shared-counts-wrap {
      position:absolute;
      right: 64px;
      top: 104px;
      margin-bottom: 0
  }
}

.shared-counts-wrap.style-icon .shared-counts-button .shared-counts-icon {
  display: flex;
  align-items: center;
  justify-content: center
}

/* ========================================= */
/* Star rating  */
/* ========================================= */


.kk-star-ratings {
  flex-direction: row-reverse;
  margin: 0;
}

.kk-star-ratings .kksr-muted {
  opacity: 1;
}

.kk-star-ratings .kksr-legend {
  font-size: 16px!important;
  line-height: 24px;
  color: #9E9E9E;
}

.kk-star-ratings.kksr-align-left {
  justify-content: flex-end;
  margin-bottom: 20px;
}

.kk-star-ratings .kksr-legend {
  margin-left: 0;
}

@media screen and (min-width: 1280px) {
  .kk-star-ratings.kksr-align-left {
      justify-content:flex-start;
  }

  .kk-star-ratings {
      position: absolute;
      right: 64px;
      top: 135px;
  }
}

/* ========================================= */
/* Comments  */
/* ========================================= */

article.post .comments-area,
article.post .comment-list,
article.post .comment-body {
  padding: 0;
}

article.post .comment-body {
  width: 100%;
  margin-bottom: 30px;
}

article.post .comment-form-cookies-consent {
  display: flex;
  align-items: center;
}

article.post .comment-form-cookies-consent input {
  width: auto;
  margin-right: 10px;
}

article.post .comment-list {
  list-style: none;
}

article.post .comment-list .comment {
  padding: 0;
}

article.post .comment-list .comment-content {
  padding: 20px 30px;
  /* background: #e4e4e4; */
  background: #eaebed;
  font-style: italic;
}

article.post .comment-list .comment-content p {
  margin-bottom: 10px;
  color: #1A1A1B;
}

article.post .comment-list .reply {
  display: flex;
  align-items: center;
  margin-top: -20px;
  padding: 0 30px 20px 30px;
  /* background: #e4e4e4; */
  background: #eaebed;
}

article.post .comment-list .reply a {
  color: #969696;
}

article.post .comment-list .reply::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  background: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9297 9.86719C13.3883 9.86719 12.9688 10.2867 12.9688 10.8047C12.9688 11.3227 13.3883 11.7422 13.9297 11.7422C14.4242 11.7422 14.8438 11.3227 14.8438 10.8047C14.8438 10.2867 14.4242 9.86719 13.9297 9.86719ZM7.36719 9.86719C6.82578 9.86719 6.40625 10.2867 6.40625 10.8047C6.40625 11.3227 6.82578 11.7422 7.36719 11.7422C7.86172 11.7422 8.28125 11.3227 8.28125 10.8047C8.28125 10.2867 7.86172 9.86719 7.36719 9.86719Z' fill='%23B15800'/%3E%3Cpath d='M21.4528 8.08601C20.3255 6.53913 18.7505 5.50554 17.0231 5.03913V5.04148C16.6223 4.59617 16.17 4.18601 15.6637 3.82038C11.827 1.03132 6.44109 1.8821 3.64031 5.71882C1.38328 8.83601 1.47937 13.029 3.78094 16.0079L3.79969 19.1157C3.79969 19.1907 3.81141 19.2657 3.83484 19.336C3.95906 19.7321 4.38094 19.9501 4.77469 19.8259L7.74187 18.8907C8.52703 19.1696 9.33797 19.329 10.1442 19.3735L10.1325 19.3829C12.2208 20.904 14.9583 21.361 17.4684 20.5313L20.4473 21.5016C20.5223 21.5251 20.5997 21.5391 20.6794 21.5391C21.0942 21.5391 21.4294 21.204 21.4294 20.7891V17.6485C23.4942 14.8454 23.5481 10.9712 21.4528 8.08601ZM8.07 17.2266L7.78875 17.1094L5.46844 17.836L5.445 15.3985L5.2575 15.1876C3.27469 12.7688 3.14344 9.28367 4.99969 6.72663C7.25906 3.6282 11.5903 2.94382 14.6794 5.17976C17.7778 7.4321 18.4645 11.7563 16.2262 14.836C14.3489 17.4118 10.988 18.3634 8.07 17.2266ZM19.9059 16.8282L19.7184 17.0626L19.7419 19.5001L17.445 18.7266L17.1637 18.8438C15.8512 19.3313 14.452 19.3712 13.1559 19.0079L13.1512 19.0055C14.8833 18.4735 16.4536 17.3954 17.5856 15.8438C19.3762 13.3759 19.6669 10.2751 18.6262 7.63132L18.6403 7.6407C19.1794 8.02742 19.6739 8.51023 20.0934 9.09382C21.795 11.4282 21.6989 14.6063 19.9059 16.8282Z' fill='%23B15800'/%3E%3Cpath d='M10.6484 9.86719C10.107 9.86719 9.6875 10.2867 9.6875 10.8047C9.6875 11.3227 10.107 11.7422 10.6484 11.7422C11.143 11.7422 11.5625 11.3227 11.5625 10.8047C11.5625 10.2867 11.143 9.86719 10.6484 9.86719Z' fill='%23B15800'/%3E%3C/svg%3E%0A") no-repeat center/contain;

}

article.post .comment-list .says,
article.post .comment-list .avatar {
  display: none;
}

article.post .comment-list .comment-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  color: var(--yellow);
}

article.post .comment-list .comment-meta a {
  pointer-events: none;
}

article.post .comment-list .comment-awaiting-moderation {
  width: 100%;
}

article.post .comment-list .fn a {
  font-weight: 400;
  color: #1A1A1B;
}

article.post .comment-list .comment-metadata {
  font-size: 100%;
  color: var(#969696);
}

article.post .comment-list .children li {
  display: flex;
}

article.post .comment-list .children li::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6604 22.4996C21.527 22.5015 21.3955 22.4677 21.2795 22.4018C21.1635 22.3359 21.0671 22.2402 21.0004 22.1246C20.0016 20.4229 18.5778 19.0099 16.8687 18.0239C15.1595 17.0378 13.2236 16.5126 11.2504 16.4996V20.9996C11.2497 21.1477 11.2052 21.2922 11.1224 21.415C11.0397 21.5378 10.9224 21.6334 10.7854 21.6896C10.6489 21.7471 10.4983 21.7627 10.3528 21.7347C10.2073 21.7067 10.0734 21.6362 9.96794 21.5321L0.967942 12.5321C0.897646 12.4624 0.84185 12.3794 0.803774 12.288C0.765697 12.1967 0.746094 12.0986 0.746094 11.9996C0.746094 11.9006 0.765697 11.8026 0.803774 11.7112C0.84185 11.6198 0.897646 11.5368 0.967942 11.4671L9.96794 2.46712C10.0734 2.36305 10.2073 2.29255 10.3528 2.26452C10.4983 2.23649 10.6489 2.25218 10.7854 2.30962C10.9224 2.36588 11.0397 2.46143 11.1224 2.58422C11.2052 2.70701 11.2497 2.85155 11.2504 2.99962V7.58212C14.3533 7.98066 17.2055 9.49383 19.2753 11.8396C21.3451 14.1854 22.4914 17.2037 22.5004 20.3321C22.4993 20.8337 22.4668 21.3346 22.4029 21.8321C22.3842 21.9881 22.3169 22.1344 22.2106 22.2501C22.1043 22.3658 21.9643 22.4452 21.8104 22.4771L21.6604 22.4996ZM10.8754 14.9996C12.7882 14.9721 14.6842 15.3603 16.4323 16.1372C18.1805 16.9142 19.7391 18.0614 21.0004 19.4996C20.7748 16.7789 19.5871 14.2276 17.6505 12.3033C15.7139 10.3791 13.155 9.20782 10.4329 8.99962C10.246 8.98272 10.0721 8.8963 9.94573 8.75744C9.81937 8.61858 9.74968 8.43737 9.75044 8.24962V4.80712L2.55794 11.9996L9.75044 19.1921V15.7496C9.75044 15.5507 9.82946 15.3599 9.97011 15.2193C10.1108 15.0786 10.3015 14.9996 10.5004 14.9996H10.9054H10.8754Z' fill='%23969696'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}

article.post .comment-respond {

}

article.post .comment-reply-title {
  padding-top: 0;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
}

article.post .comment-form {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  padding: 20px 30px;
  border: 1px solid var(--yellow);
  /* background-color: #e4e4e4; */
  background-color: #f7f4f1;
}

article.post .comment-form .comment-form-comment {
  position: relative;
  flex-basis: 100%;
  margin-bottom: 0;
}

article.post .comment-form .comment-form-author {
  position: relative;
  flex-basis: 100%;
  margin-bottom: 0;
}

article.post .comment-form .form-submit {
  flex-basis: 100%;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  article.post .comment-form .comment-form-comment {
    margin-bottom: 24px;
  }

  article.post .comment-form .comment-form-author {
    flex-basis: calc(50% - 12px);
  }
  
  article.post .comment-form .form-submit {
    flex-basis: calc(50% - 12px);
  }
}

@media screen and (min-width: 1280px) {
  article.post .comment-form .comment-form-author {
    flex-basis: 350px;
  }
  
  article.post .comment-form .form-submit {
    flex-basis: 246px;
  }
}

article.post .comment-form .form-submit input#submit {
  width: 100%;
  height: 48px;
  font-size: 16px;
  font-weight: 600;
  background-color: var(--yellow);
  border: 2px solid var(--yellow);
  color: var(--white);
  border-radius: 0;
  transition: all .3s;
}

article.post .comment-form .form-submit input#submit:hover,
article.post .comment-form .form-submit input#submit:focus {
  background: none;
  color: var(--yellow);
  border: 2px solid var(--yellow);
}

article.post .comment-form label,
article.post .comment-form-email {
  display: none;
}

article.post .comment-form textarea {
  resize: vertical;
  min-height: 50px;
}

article.post .comment-form input[type="text"],
article.post .comment-form textarea {
  padding-left: 30px;
  border: none;
  border-bottom: 1px solid #969696;
  border-radius: 0;
  outline: none;
  background-color: transparent;
}


article.post .comment-form .comment-form-comment::before,
article.post .comment-form .comment-form-author::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 12px;
}

article.post .comment-form .comment-form-comment::before {
  /* background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.91597 0C4.4483 0 0 3.589 0 8C0 10.908 1.88205 13.515 4.95798 14.934V20L10.2531 15.995C15.5651 15.852 19.8319 12.32 19.8319 8C19.8319 3.589 15.3836 0 9.91597 0ZM9.91597 14H9.58576L6.94118 16V13.583L6.30556 13.336C3.63916 12.301 1.98319 10.256 1.98319 8C1.98319 4.691 5.54203 2 9.91597 2C14.2899 2 17.8487 4.691 17.8487 8C17.8487 11.309 14.2899 14 9.91597 14Z' fill='%23F48A1F'/%3E%3Cpath d='M4.95801 5H14.874V7H4.95801V5ZM4.95801 9H11.8992V11H4.95801V9Z' fill='%23F48A1F'/%3E%3C/svg%3E%0A") no-repeat center/contain; */
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.91597 0C4.4483 0 0 3.589 0 8C0 10.908 1.88205 13.515 4.95798 14.934V20L10.2531 15.995C15.5651 15.852 19.8319 12.32 19.8319 8C19.8319 3.589 15.3836 0 9.91597 0ZM9.91597 14H9.58576L6.94118 16V13.583L6.30556 13.336C3.63916 12.301 1.98319 10.256 1.98319 8C1.98319 4.691 5.54203 2 9.91597 2C14.2899 2 17.8487 4.691 17.8487 8C17.8487 11.309 14.2899 14 9.91597 14Z' fill='%23b15800'/%3E%3Cpath d='M4.95801 5H14.874V7H4.95801V5ZM4.95801 9H11.8992V11H4.95801V9Z' fill='%23b15800'/%3E%3C/svg%3E%0A")  no-repeat center/contain;
}

article.post .comment-form .comment-form-author::before {
  /* background: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0C8.01109 0 7.04439 0.293245 6.22215 0.842652C5.3999 1.39206 4.75904 2.17295 4.3806 3.08658C4.00216 4.00021 3.90315 5.00555 4.09607 5.97545C4.289 6.94536 4.7652 7.83627 5.46447 8.53553C6.16373 9.2348 7.05464 9.711 8.02455 9.90393C8.99445 10.0969 9.99979 9.99784 10.9134 9.6194C11.827 9.24096 12.6079 8.6001 13.1573 7.77785C13.7068 6.95561 14 5.98891 14 5C14 3.67392 13.4732 2.40215 12.5355 1.46447C11.5979 0.526784 10.3261 0 9 0ZM9 8C8.40666 8 7.82664 7.82405 7.33329 7.49441C6.83994 7.16476 6.45542 6.69623 6.22836 6.14805C6.0013 5.59987 5.94189 4.99667 6.05764 4.41473C6.1734 3.83279 6.45912 3.29824 6.87868 2.87868C7.29824 2.45912 7.83279 2.1734 8.41473 2.05764C8.99667 1.94189 9.59987 2.0013 10.1481 2.22836C10.6962 2.45542 11.1648 2.83994 11.4944 3.33329C11.8241 3.82664 12 4.40666 12 5C12 5.79565 11.6839 6.55871 11.1213 7.12132C10.5587 7.68393 9.79565 8 9 8ZM18 19V18C18 16.1435 17.2625 14.363 15.9497 13.0503C14.637 11.7375 12.8565 11 11 11H7C5.14348 11 3.36301 11.7375 2.05025 13.0503C0.737498 14.363 0 16.1435 0 18V19H2V18C2 16.6739 2.52678 15.4021 3.46447 14.4645C4.40215 13.5268 5.67392 13 7 13H11C12.3261 13 13.5979 13.5268 14.5355 14.4645C15.4732 15.4021 16 16.6739 16 18V19H18Z' fill='%23F48A1F'/%3E%3C/svg%3E%0A") no-repeat center/contain; */
  background: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0C8.01109 0 7.04439 0.293245 6.22215 0.842652C5.3999 1.39206 4.75904 2.17295 4.3806 3.08658C4.00216 4.00021 3.90315 5.00555 4.09607 5.97545C4.289 6.94536 4.7652 7.83627 5.46447 8.53553C6.16373 9.2348 7.05464 9.711 8.02455 9.90393C8.99445 10.0969 9.99979 9.99784 10.9134 9.6194C11.827 9.24096 12.6079 8.6001 13.1573 7.77785C13.7068 6.95561 14 5.98891 14 5C14 3.67392 13.4732 2.40215 12.5355 1.46447C11.5979 0.526784 10.3261 0 9 0ZM9 8C8.40666 8 7.82664 7.82405 7.33329 7.49441C6.83994 7.16476 6.45542 6.69623 6.22836 6.14805C6.0013 5.59987 5.94189 4.99667 6.05764 4.41473C6.1734 3.83279 6.45912 3.29824 6.87868 2.87868C7.29824 2.45912 7.83279 2.1734 8.41473 2.05764C8.99667 1.94189 9.59987 2.0013 10.1481 2.22836C10.6962 2.45542 11.1648 2.83994 11.4944 3.33329C11.8241 3.82664 12 4.40666 12 5C12 5.79565 11.6839 6.55871 11.1213 7.12132C10.5587 7.68393 9.79565 8 9 8ZM18 19V18C18 16.1435 17.2625 14.363 15.9497 13.0503C14.637 11.7375 12.8565 11 11 11H7C5.14348 11 3.36301 11.7375 2.05025 13.0503C0.737498 14.363 0 16.1435 0 18V19H2V18C2 16.6739 2.52678 15.4021 3.46447 14.4645C4.40215 13.5268 5.67392 13 7 13H11C12.3261 13 13.5979 13.5268 14.5355 14.4645C15.4732 15.4021 16 16.6739 16 18V19H18Z' fill='%23b15800'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}

/* ========================================= */
/* Newsletter popup */
/* ========================================= */

.newsletter-post-popup .newsletter-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 20;

  display: none;
}

.newsletter-post-popup .newsletter-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  z-index: 1;
}

.newsletter-post-popup .newsletter-content {
  position: absolute;
  width: 100%;
  max-width: 580px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);

  padding: 40px;
  background-color: var(--white);
  z-index: 2;
}

.newsletter-post-popup .newsletter-close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 15px;
  height: 15px;
  text-align: center;
  cursor: pointer;

  background: url("data:image/svg+xml,%3Csvg width='34' height='30' viewBox='0 0 34 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.69287' width='42.7034' height='1.61233' transform='rotate(42.4164 1.69287 0)' fill='%231D173D'/%3E%3Crect x='1.41284' y='28.873' width='40.8241' height='1.59521' transform='rotate(-45 1.41284 28.873)' fill='%231D173D'/%3E%3C/svg%3E%0A") no-repeat center;
}

.newsletter-post-popup .newsletter-open {
  position: fixed;
  right: 15px;
  bottom: 60px;
  z-index: 21;

  display: flex;
  align-items: center;

  padding: 10px;
  
  background-color: var(--yellow);
  border: 1px solid var(--yellow);
  color: var(--white);

  text-transform: uppercase;
  font-weight: 500;
  cursor: pointer;

  display: none;
}

@media screen and (min-width: 768px) {
  .newsletter-post-popup .newsletter-open {
    right: auto;
    left: 15px;
    bottom: 24px;
    padding: 6px 15px;
  }
}

@media screen and (min-width: 1280px) {
  .newsletter-post-popup .newsletter-open {
    left: 64px;
  }
}

.newsletter-post-popup .newsletter-open:hover,
.newsletter-post-popup .newsletter-open:focus {
  background-color: var(--white);
  color: var(--yellow);
  transition: all .3s;
}

.newsletter-post-popup .newsletter-open:hover svg,
.newsletter-post-popup .newsletter-open:focus svg {
  fill: var(--yellow);
}

@media screen and (max-width: 767px) {
  .newsletter-post-popup .newsletter-open span {
    display: none;
  }
}

.newsletter-post-popup .newsletter-open svg {
  width: 24px;
  height: 24px;
  fill: var(--white);
}

@media screen and (min-width: 768px) {
  .newsletter-post-popup .newsletter-open svg {
    margin-left: 10px;
  }
}