.blogpost-wrapper {
  margin-top: 64px;
}

.blog-post__timestamp {
  margin-bottom: 10px;
  color: #6d6d6d;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
}

.blogpost-wrapper .row-fluid {
  max-width: 1030px;
  margin-left: auto;
  margin-right: auto;
  justify-content: space-between;
}

.blogpost-related-posts .row-fluid {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}

.blogpost-wrapper h1 {
  margin-bottom: 24px;
  font-size: 32px;
  font-weight: 600;
}

@media only screen and (min-width: 900px) {
  .blogpost-wrapper h1 {
    font-size: 60px;
  }
}

.blogpost-wrapper .content-wrapper {
  max-width: 820px;
  margin-top: 67px;
}

blockquote p{
  font-size: 24px;
  border-top: 1px solid var(--gold);
  border-bottom: 1px solid var(--gold);
  padding:32px 0;
}

blockquote{
  border: 0;
  margin:80px 0;
  display: flex;
  align-items: center;
  gap: 30px;
}

blockquote:before{
  content:"";
  background-repeat:no-repeat;
  background-image: url( "data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%27153%27 height=%27110%27 viewBox=%270 0 153 110%27 fill=%27none%27><path d=%27M101.444 108.808L94.3298 98.5972C108.405 91.3531 115.392 81.9807 118.849 73.7447C122.232 65.6857 122.221 58.7459 122.217 56.0369C122.217 55.9476 122.217 55.8629 122.217 55.783V55.2192L121.657 55.2866C119.03 55.6027 116.268 55.6658 113.523 55.4288C98.2621 54.1034 86.3008 42.4266 86.3008 28.0035C86.3008 12.8541 99.497 0.500046 115.831 0.500046C124.914 0.500046 133.59 4.36813 139.057 9.79602L139.058 9.79678C143.44 14.1293 146.794 18.716 149.057 24.1803C151.319 29.6458 152.5 36.0151 152.5 43.9255C152.5 71.5502 131.785 96.4048 101.444 108.808ZM15.6431 108.808L8.52895 98.5972C22.6042 91.3531 29.591 81.9807 33.0482 73.7447C36.4312 65.6857 36.4206 58.7459 36.4165 56.0369C36.4164 55.9476 36.4162 55.8629 36.4162 55.783V55.2192L35.8565 55.2866C33.2294 55.6027 30.4667 55.6658 27.7224 55.4288C12.4613 54.1034 0.5 42.4266 0.5 28.0035C0.5 12.8541 13.6962 0.500046 30.0303 0.500046C39.113 0.500046 47.7896 4.36813 53.2561 9.79602L53.2568 9.79678C57.6391 14.1293 60.9936 18.716 63.2559 24.1803C65.5186 29.6458 66.6992 36.0151 66.6992 43.9255C66.6992 71.5502 45.9846 96.4048 15.6431 108.808Z%27 stroke=%27%23C69C60%27/></svg>" );
  height: 110px;
  background-size: 100%;
  background-position: 50%;
  min-width: 150px;
}

@media only screen and (max-width: 899px) {
  .blogpost-wrapper .content-wrapper {
    margin-top: 40px;
  }

  blockquote p{
    font-size: 18px;
    border-top: 0 none;
    padding:0 0 24px 0;
    margin-bottom:32px;
  }
  
  blockquote{
    margin:32px 0 0 0;
    padding-top:24px;
    border-top: 1px solid var(--gold);
    display: flex;
    flex-direction:column;    
    align-items:flex-start;
    gap: 24px;
  }
  
  blockquote:before{
    height: 57px;
    min-width: 75px;
  }
}

.blogpost-wrapper p, .blogpost-wrapper li {
  font-family:Comfortaa;
  line-height: 1.5;
}

.blogpost-wrapper h3 {
  font-size: 24px;
  font-weight: 600;
  line-height 1.5;
}

.blogpost-wrapper h2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--gold);
}

.blogpost-wrapper ul, .blogpost-wrapper ol {
  padding-left: 16px;
}

.blogpost-wrapper li {
  margin-bottom: 24px;
}

section.blogpost-related-posts {
  background: transparent;
  margin: 80px 0 0;
}

@media only and (max-width: 900px) {
  .blogpost-related-posts {
    margin-top: 56px;
  }
} 

.blogpost-related-posts--title {
  margin-bottom: 40px;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
} 

.blogpost-related-posts .button-container {
  margin-top: 48px;
  justify-content: center;
}

.blog-related-posts__title {
  margin-bottom: 16px;
  font-size: 16px;
}
.blog-related-posts__content {
  min-height:242px;
  padding: 32px;
  background: #fff;
}

.blog-related-posts__content p,
.blog-related-posts__content h2,
.blog-related-posts__content h3 {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 8px;
  font-family:Comfortaa;
}

.blog-related-posts__content .button-container {
  margin-top: 50px;
  justify-content: flex-start;
}

.blog-index__wrapper {
  position: relative;
}

.blog-index__wrapper img {
  min-height: 264px;
}

.blog-related-posts__content .button-container a:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.related-posts-container {
  overflow: hidden;
}

.sharing{
  margin-top: 24px;
}


.sharing__list{
  margin-left: 12px;
  gap: 24px;
  list-style:none;
}

.sharing__list li{
  margin-bottom:0;
}

.sharing__heading{
  font-size:14px;
  font-weight:700;
}

@media only screen and (max-width: 899px) {
  .blogpost-wrapper .row-fluid.top-section {
    margin-left:16px;
    margin-right:16px;
 
  }
  .blogpost-wrapper h2{
    font-size:24px;
  }
}

.top-section{
  border-bottom: 1px solid rgba(35, 31, 32, 0.3);
  margin-bottom:80px;
}

.img-container--card {
    aspect-ratio: 386/264;
    overflow: hidden;
}

.img-container--card img{
  position: absolute;
  inset: 0;
}

.swiper-pagination{
  margin-bottom: -40px;
}


.blog-related-posts__post{
  filter: drop-shadow(0 8px 16px rgba(35,31,32,0));
  transition: filter .3s ease;
  will-change: filter;
}

.blog-related-posts__post:hover {  
  filter: drop-shadow(0 8px 16px rgba(35,31,32,.25));
}