/** Shopify CDN: Minification failed

Line 625:27 Expected ":"

**/

@media screen and (min-width: 768px) {
  .slide-blog-inner {
      display:flex;
      justify-content: flex-end;
      align-items: center
  }
}

.slide-blog-inner {
  text-decoration: none;
}

.slide-blog-inner .image-wrapper {
  left: 0;
  z-index: 99;
  width: 100%
}

@media screen and (min-width: 768px) {
  .slide-blog-inner .image-wrapper {
      width:24%;
      position: absolute
  }
}

@media screen and (min-width: 900px) {
  .slide-blog-inner .image-wrapper {
      width:40%
  }
}

.slide-blog-inner .image-wrapper img {
  width: 100%
}

.slide-blog-inner p {
  font-weight: 400
}

.slide-blog-inner h2 {
  font-family: var(--font-serif-medium);
  font-size: 35px;
  line-height: normal;
}

@media screen and (max-width: 767px) {
  .slide-blog-inner h2 {
      font-size:24px
  }
}

.slide-blog-inner .content {
  background-color: #f3f2ef;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0px 15px 50px
}

@media screen and (min-width: 768px) {
  .slide-blog-inner .content {
      padding:90px 80px 110px;
      width: 85%
  }
}

@media screen and (min-width: 900px) {
  .slide-blog-inner .content {
      width:65%
  }
}

.slide-blog-inner .content:after {
  content: "";
  display: block;
  padding-bottom: 75%
}

@media screen and (min-width: 768px) {
  .slide-blog-inner .content .inner {
      position:relative
  }
}

.slide-blog-inner .content .text {
  font-size: 14px;
  margin-top: 20px;
  line-height: 1.8
}

.slide-blog-inner .content .read-more {
  position: absolute;
  right: 0;
  bottom: -50px;
  font-family: var(--font-subheading-family),serif;
  /* font-style: italic; */
  font-size: 14px;
  text-decoration: none
}

@media screen and (max-width: 767px) {
  .slide-blog-inner .content .read-more {
      bottom:20px;
      right: 19px
  }
}

.slide-blog-inner .content .read-more:hover {
  text-decoration: none
}

.slide-blog-inner .content .read-more:hover:after {
  content: "";
  height: 1px;
  background: #000;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 5px
}

@media screen and (min-width: 768px) {
  .row[data-pagination-target] {
      margin-left:-25px;
      margin-right: -25px
  }
}

@media screen and (min-width: 1024px) {
  .row[data-pagination-target] {
      margin-left:-50px;
      margin-right: -50px
  }
}

@media screen and (max-width: 767px) {
  .inner-article-wrapper {
      /* background-color:#f3f2ef; */
      height: 100%
  }
}

.inner-article-wrapper .article-image {
  position: relative
}

.article__entry-content p {
  font-weight: 400
}

.article__entry-content h2,
.article__entry-content h3,
.article__entry-content h4,
.article__entry-content h5 {
  font-family: "Kalix_SemiBold" !important;
}

.article__entry-content h2,
.article__entry-content h2 span,
.article__entry-content h2 b {
  font-size: calc(var(--font-heading-scale) * 2.8rem) !important;
}
.article__entry-content h3,
.article__entry-content h3 span,
.article__entry-content h3 b {
  font-size: calc(var(--font-heading-scale) * 2.3rem) !important;
}
.article__entry-content h4,
.article__entry-content h4 span,
.article__entry-content h4 b {
  font-size: calc(var(--font-heading-scale) * 2.0rem) !important;
}
.article__entry-content h5,
.article__entry-content h5 span,
.article__entry-content h5 b {
  font-size: calc(var(--font-heading-scale) * 1.7rem) !important;
}


@media screen and (max-width: 767px) {
  .article__entry-content h2,
  .article__entry-content h2 span,
  .article__entry-content h2 b {
    font-size: calc(var(--font-heading-scale) * 2.8rem) !important;
  }
  .article__entry-content h3,
  .article__entry-content h3 span,
  .article__entry-content h3 b {
    font-size: calc(var(--font-heading-scale) * 2.3rem) !important;
  }
  .article__entry-content h4,
  .article__entry-content h4 span,
  .article__entry-content h4 b {
    font-size: calc(var(--font-heading-scale) * 2.0rem) !important;
  }
  .article__entry-content h5,
  .article__entry-content h5 span,
  .article__entry-content h5 b {
    font-size: calc(var(--font-heading-scale) * 1.7rem) !important;
  }
  .article__entry-content p {
      font-size:15px!important
  }
}

@media screen and (min-width: 768px) {
  .article-wrapper {
      padding-left:25px;
      padding-right: 25px
  }
}

@media screen and (min-width: 1024px) {
  .article-wrapper {
      padding-left:50px;
      padding-right: 50px
  }
}

@media screen and (max-width: 767px) {
  .article-wrapper {
      padding-left:7px;
      padding-right: 7px
  }
}

.article-wrapper a {
  font-family: var(--font-serif),serif;
  text-transform: none;
  letter-spacing: 1px;
  hyphens: auto;
  text-decoration: none;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700
}

@media screen and (max-width: 767px) {
  .article-wrapper .article-image-header {
      text-align:center;
      margin-top: 0!important;
      padding: 0 7px 10px;
  }

  .article-wrapper .article-image-header a {
      font-size: 16px;
      line-height: 12px;
      hyphens: auto;
  }

  .article-wrapper .article-image-header h3 {
      margin: 0;
      line-height: 13px;
      /* padding-top: 15px; */
  }
}

.article-image {
  margin-top: 20px
}

.article-image img {
  display: block;
  width: 100%;
  height: auto
}

.article-image-wrapper {
  min-height: 38rem
}

.article-image-wrapper img {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center
}

@media screen and (min-width: 768px) {
  #shopify-section-template--blog {
      padding-top:10px
  }
}

.slide-article-inner span {
  font-family: var(--font-serif),serif;
  font-size: 20px!important;
  font-style: italic;
  margin-top: 10px;
  display: block
}

#blog_posts {
  margin-top: 30px
}

@media screen and (min-width: 768px) {
  #blog_posts {
      margin-top:40px
  }
}

#blog_posts .title-bar {
  display: none
}

.swiper-container-blog .swiper-slide.swiper-slide-active {
  padding: 10px
}

.blog-slider {
  position: relative
}

.blog-slider .swiper-wrapper {
  display: flex;
  align-items: center
}

@media screen and (min-width: 768px) {
  .blog-slider {
      padding-bottom:40px
  }
}

.blog-slider .illustration {
  position: absolute;
  width: 100px;
  top: 4%;
  right: -22px;
  z-index: 999;
  transform: rotate(-44deg)
}

@media screen and (max-width: 767px) {
  .blog-slider .illustration.desktop {
      display:none
  }
}

.blog-slider .illustration img {
  width: 100%
}

@media screen and (max-width: 767px) {
  .slide-blog-inner .image-wrapper {
      position:relative
  }
}

.slide-blog-inner .image-wrapper .illustration {
  right: -29px;
  bottom: -23px;
  top: auto
}

.slide-blog-inner .image-wrapper .illustration img {
  transform: rotate(94deg);
  width: 80px
}

@media screen and (min-width: 768px) {
  .slide-blog-inner .image-wrapper .illustration {
      display:none
  }
}

.blog__posts.articles-wrapper {
  justify-content: center
}

.article-badge {
  position: relative;
  z-index: 1;
  font-family: var(--font-body-family);
  bottom: 0;
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  font-weight: 100;
  bottom: 15px
}

.article-badge .inner {
  background: #f3f2ef;
  padding: 7px 14px;
  width: auto;
  display: inline-block
}

@media screen and (max-width: 767px) {
  .article-badge {
      /* position:absolute; */
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      font-size: 10px;
      min-width: 100px;
      max-width: 120px;
      bottom: 14px;
  }
}

@media screen and (min-width: 768px) {
  .article-badge {
      min-width:170px;
      left: 9px
  }
}

@media screen and (min-width: 1024px) {
  .article-badge {
      left: 0;
  }
  .homepage-blog-title-wrapper h3{
    margin-top: 0;
  }
}


.blog-image {
  outline: 0;
  position: relative
}

.blog-filter {
  background-color: #f3f2ef;
  padding: 20px;
  width: 100vw;
  position: relative;
  left: calc(-50vw + 50%)
}

@media screen and (max-width: 767px) {
  .blog-filter {
      margin-top:25px
  }
}

.blog-filter .links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap
}

.blog-filter .links .tag {
  padding: 10px 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px
}

.blog-filter .links .tag a {
  text-decoration: none
}

.blog-filter .links .tag a:hover,.blog-filter .links .tag.active {
  text-decoration: underline
}

.blog-between {
  position: relative;
  display: none!important;
  margin: 20px auto 30px
}

@media screen and (min-width: 768px) {
  .blog-between {
      margin-top:130px;
      margin-bottom: 130px
  }
}

.blog-between .illustration {
  bottom: -95px;
  position: absolute;
  left: 30%;
  width: 360px;
  transform: rotate(90deg)
}

.blog-between .illustration img {
  width: 100%
}

.blog-between .content {
  padding: 65px 80px 100px
}

@media screen and (min-width: 768px) {
  .blog-between .content {
      padding:65px 40px 100px;
      width: 100%
  }
}

@media screen and (min-width: 1024px) {
  .blog-between .content {
      padding:65px 80px 100px;
      width: 65%
  }
}

.blog-between .slide-blog-inner {
  width: 114%
}

.blog-between .slide-blog-inner img {
  width: 29%!important
}

@media screen and (min-width: 768px) {
  .blog-between .slide-blog-inner img {
      display:none
  }
}

@media screen and (min-width: 1024px) {
  .blog-between .slide-blog-inner img {
      display:flex;
      position: absolute;
      left: 0;
      z-index: 9
  }
}

.blog-between .illustration img {
  width: 33%!important
}

.blog-between.showit {
  display: flex!important
}

@media screen and (max-width: 767px) {
  .blog-between.showit {
      flex-direction:column
  }
}

.blog-between:after {
  content: "";
  height: 1px;
  position: absolute;
  width: 70%;
  background-color: #7a7a7a;
  left: 50%;
  transform: translate(-50%);
  bottom: -70px
}

@media screen and (max-width: 767px) {
  .blog-between:after {
      bottom:-40px;
      display: none
  }
}

.blog-between:before {
  content: "";
  height: 1px;
  position: absolute;
  width: 70%;
  background-color: #7a7a7a;
  left: 50%;
  transform: translate(-50%);
  top: -70px
}

@media screen and (max-width: 767px) {
  .blog-between:before {
      top:0
  }
}

@media screen and (max-width: 767px) {
  .blog-between .slide-blog-inner {
      display:none
  }
}

@media screen and (min-width: 768px) {
  .blog-between .slide-blog-inner {
      width:165%
  }
}

.blog-between .slide-blog-inner img {
  width: 33%
}

.blog-between .blog-sidebar--section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0
}

.blog-between .blog-sidebar--section h3 {
  text-transform: none;
  font-family: var(--font-serif-medium);
  font-size: 26px;
  margin-bottom: 0
}

@media screen and (min-width: 768px) {
  .blog-between .blog-sidebar--section h3 {
      font-size:28px;
      padding-left: 35px;§
  }
  .blog-between .blog-sidebar--section {
    align-items: baseline;
  }
}

.blog-between .blog-sidebar--latest-articles a {
  text-decoration: none
}

@media screen and (max-width: 767px) {
  .blog-between .blog-sidebar--latest-articles {
      padding:0 20px
  }

  .blog-between .blog-sidebar--latest-articles img {
      width: 100px;
      height: auto!important;
      margin: 0 auto 20px
  }
}

.blog-between .blog-sidebar--latest-articles .blog-sidebar--info {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center
}

.blog-between .blog-sidebar--latest-articles .blog-sidebar--info h4,.blog-between .blog-sidebar--latest-articles .blog-sidebar--info p {
  text-decoration: none;
  margin: 0;
  text-align: left
}

@media screen and (max-width: 767px) {
  .blog-between .blog-sidebar--latest-articles .blog-sidebar--info h4,.blog-between .blog-sidebar--latest-articles .blog-sidebar--info p {
      text-align:center
  }

  .blog-between .blog-sidebar--latest-articles .blog-sidebar--info p {
      margin-bottom: 20px
  }
}

@media screen and (min-width: 768px) {
  .blog-between .blog-sidebar--latest-articles .blog-sidebar--info {
      padding:0
  }
}

.blog-between .blog-sidebar--latest-articles img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  display: block
}

@media screen and (min-width: 768px) {
  .blog-between .blog-sidebar--latest-articles img {
      width:100%
  }
}

.blog-between .blog-sidebar--latest-articles h4 {
  font-size: 11px;
  font-family: var(--body-font-stack);
  text-transform: uppercase;
  font-weight: 600
}

@media screen and (max-width: 767px) {
  .blog-between .blog-sidebar--latest-articles h4 {
      font-size:13px
  }
}

.blog-between .blog-sidebar--latest-articles p {
  line-height: 14px;
  font-weight: 400
}

.blog-sidebar--categories li,.blog-sidebar--latest-articles li {
  border-bottom: 1px solid rgba(34,34,34,.1);
  margin: 0;
  padding: 12px 0
}

.blog-sidebar--categories a,.blog-sidebar--categories a>*,.blog-sidebar--latest-articles a,.blog-sidebar--latest-articles a>* {
  transition: opacity .2s ease-in-out;
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out
}

.blog-sidebar--categories a:hover,.blog-sidebar--categories a>:hover,.blog-sidebar--latest-articles a:hover,.blog-sidebar--latest-articles a>:hover {
  opacity: .6;
  text-decoration: none
}

.blog-sidebar--article-image {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  padding-left: 0
}

@media screen and (max-width: 767px) {
  .blog-sidebar--article-image {
      padding-left:0;
      padding-right: 0
  }
}

.article-buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 50px
}

@media screen and (max-width: 767px) {
  .article-buttons {
      flex-direction:column
  }
}

/* .article-buttons div {
  text-transform: uppercase;
  color: #000;
  text-decoration: none
} */

.article-buttons div a {
  text-decoration: none
}

.blog--indiv-date {
  display: none !important;
  position: absolute;
  left: 0;
  top: 40px;
  background: #fff;
  padding: 10px 13px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  z-index: 2
}

@media screen and (min-width: 768px) {
  .blog--indiv-date {
      font-size:14px
  }
}

.paginate {
  margin-bottom: 40px
}

@media screen and (max-width: 767px) {
  .blog-main article {
      margin-bottom:5px;
  }
}

.blog-main .container-fluid {
  padding: 0
}

.latest-badge {
  background-color: #fff;
  padding: 6px 10px 5px;
  margin-bottom: 15px;
  display: inline-block;
  letter-spacing: 2px;
  text-transform: uppercase;
  position: absolute
}

.image-wrapper .latest-badge {
  position: absolute;
  left: -44px;
  transform: rotate(-90deg);
  top: 50px
}

@media screen and (min-width: 768px) {
  .image-wrapper .latest-badge {
      display:none
  }
}

@media screen and (max-width: 767px) {
  .latest-badge.desktop {
      display:none
  }
}

@media screen and (min-width: 768px) {
  .latest-badge {
      position:relative
  }
}

.newsletter-blog {
  text-align: center;
  background-color: #f3f2ef;
  padding: 40px;
  width: 100%;
  position: relative;
  display: none!important;
  margin-bottom: 50px
}

@media screen and (max-width: 767px) {
  .newsletter-blog {
      margin-top:20px;
      margin-bottom: 10px
  }
}

.newsletter-blog h2 {
  font-family: var(--font-subheading-family)!important;
  text-transform: uppercase
}

@media screen and (min-width: 768px) {
  .newsletter-blog h2 {
      font-size:30px
  }
}

.newsletter-blog p {
  font-weight: 400
}

.newsletter-blog #newsletter_submit svg polyline {
  color: #000
}

@media screen and (min-width: 768px) {
  .newsletter-blog {
      margin:0 50px 70px
  }
}

.newsletter-blog.showit {
  display: block!important
}

.newsletter-blog .newsletter_text input {
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px
}

@media screen and (max-width: 767px) {
  .newsletter-blog h2 {
      font-size:23px;
      margin-bottom: 15px
  }
}

@media screen and (min-width: 768px) {
  .newsletter-blog {
      padding:40px 0
  }
}

.newsletter-blog #contact_form {
  max-width: 400px;
  margin: 0 auto
}

.article-image a:after {
  content: none
}

.blog-slider {
  margin-bottom: 0!important
}

@media screen and (max-width: 767px) {
  .blog-slider .slide-blog-inner {
      /* padding:25px 20px; */
      background-color: #f3f2ef
  }
}

.article-page-slider,.blog-slider {
  position: relative;
  max-width: 940px;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 30px;
  width: 100vw
}

@media screen and (min-width: 768px) {
  .article-page-slider,.blog-slider {
      margin-bottom:50px;
      width: 78vw
  }
}

@media screen and (min-width: 1200px) {
  .article-page-slider,.blog-slider {
      width:100vw
  }
}

.article-page-slider .swiper-button-prev,.blog-slider .swiper-button-prev {
  left: -70px;
  display: block!important
}

@media screen and (max-width: 767px) {
  .article-page-slider .swiper-button-prev,.blog-slider .swiper-button-prev {
      top:auto;
      left: 10px;
      bottom: 40px;
      display: none!important
  }
}

.article-page-slider .swiper-button-prev:after,.blog-slider .swiper-button-prev:after {
  content: "Prev";
  transform: rotate(-90deg);
  font-family: var(--nav-font-family);
  text-transform: uppercase!important;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 2px;
  display: block
}

.article-page-slider .swiper-button-prev:before,.blog-slider .swiper-button-prev:before {
  content: "";
  height: 1px;
  width: 30px;
  background: #000;
  position: absolute;
  left: 25px
}

.article-page-slider .swiper-button-next,.blog-slider .swiper-button-next {
  right: -70px;
  display: block!important
}

@media screen and (max-width: 767px) {
  .article-page-slider .swiper-button-next,.blog-slider .swiper-button-next {
      top:auto;
      right: 10px;
      bottom: 40px;
      display: none!important
  }
}

.article-page-slider .swiper-button-next:after,.blog-slider .swiper-button-next:after {
  content: "Next";
  transform: rotate(90deg);
  font-family: var(--nav-font-family);
  text-transform: uppercase!important;
  margin-top: -17px;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 2px;
  display: block
}

.article-page-slider .swiper-button-next:before,.blog-slider .swiper-button-next:before {
  content: "";
  height: 1px;
  width: 30px;
  background: #000;
  position: absolute;
  right: 25px
}

@media screen and (max-width: 767px) {
  .article-page-slider {
      width:100%
  }
}

.related-title {
  font-family: var(--font-serif-medium),serif;
  font-size: 38px
}

#shopify-section-template--article .related-title {
  font-family: var(--font-serif),serif;
  text-transform: none;
  font-size: 40px;
  margin-bottom: 30px
}

.template-article .related-title {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px
}

@media screen and (min-width: 768px) {
  .template-article .related-title {
      margin-top:60px;
      margin-bottom: 40px
  }
}

.template-article .related-blogs {
  margin-bottom: 50px
}


@media screen and (max-width: 767px) {
  .template-article .related-blogs .article-image {
    background-color: #f3f2ef
  }
  .template-article .related-blogs .article-wrapper {
      margin-bottom:20px
  }
}

.template-article .comments-wrapper {
  display: block
}

.template-article .comments-wrapper .title-bar {
  text-align: center
}

.template-article .comments-wrapper .title-bar h2 {
  font-size: 25px!important;
  font-family: supernova!important;
  font-weight: 500!important
}

.template-article .comments-wrapper .button {
  margin-top: 20px
}

.template-article .comments-wrapper label {
  font-weight: 400;
  margin-bottom: 5px;
  font-size: 14px;
  margin-top: 15px
}

.template-article .comments-wrapper .form-group {
  display: flex;
  flex-direction: column
}

.template-article .comments-wrapper .form-group .form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da
}

.template-article .comments-wrapper.hide {
  display: none
}

.template-article #paginate {
  max-width: 350px;
  margin: 40px auto 50px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  display: flex;
  justify-content: center
}

.template-article #paginate .article-next-article {
  padding-left: 20px;
  position: relative;
  font-size: 13px
}

.template-article #paginate a {
  font-weight: 400;
  text-decoration: none
}

.template-article #paginate .divider {
  position: relative
}

.template-article #paginate .divider:after {
  content: "";
  height: 35px;
  background-color: #cfd0cc;
  width: 2px;
  position: absolute;
  top: -10px;
  right: 0
}

.template-article #paginate .article-previous-article {
  padding-right: 20px;
  position: relative;
  font-size: 13px
}

@media screen and (min-width: 768px) {
  .template-article .article-wrapper-4 {
      display:none
  }
}

.about-the-blogger {
  margin-top: 100px
}

.about-the-blogger .image-wrapper {
  width: 34%;
  left: 0;
  position: absolute
}

@media screen and (max-width: 767px) {
  .about-the-blogger .image-wrapper {
      position:relative;
      width: 90%;
      margin: 0 auto -30px;
      display: block
  }
}

.about-the-blogger .about-text {
  position: absolute;
  top: -35px;
  z-index: 9999;
  font-weight: 400;
  left: 30%;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px!important
}

.about-the-blogger span.about-blogger {
  text-transform: uppercase
}

.about-the-blogger .content {
  background-color: #cfd0cc;
  padding: 60px 20px 30px
}

@media screen and (min-width: 768px) {
  .about-the-blogger .content {
      padding:30px 100px;
      width: 74%
  }
}

.about-the-blogger .title-wrapper {
  position: relative;
  display: inline-block;
  margin-bottom: 0
}

.about-the-blogger .title-wrapper span {
  font-family: var(--font-serif2);
  font-size: 72px !important;
  text-transform: lowercase;
  margin-top: 62px;
  display: block;
}

.about-the-blogger span.handwritten-font {
  font-size: 35px!important;
  transform: rotate(-4deg);
  display: block
}

.about-the-blogger img {
  position: relative;
  width: 100%
}

.about-the-blogger .title-wrapper h2 {
  position: relative;
  z-index: 1;
  font-size: 25px!important;
  margin-top: 24px!important;
  font-family: var(--font-subtitle-family) !important;
  font-weight: 500!important;
  margin-bottom: 7px;
  text-transform: none;
}

.about-the-blogger .circle-text {
  position: absolute;
  width: 115px;
  left: 5%;
  height: 42px;
  margin: auto;
  font-size: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-family: var(--font-label-family) !important;
  transform: rotate(0deg);
  margin-top: -8%;
}

.about-the-blogger .circle-text span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform-origin: 0 80px;
  font-family: var(--font-label-family) !important;
  font-size: 13px !important;
  margin-top: 0 !important;
}

.pagination-button-row {
  margin-bottom: 40px
}

@media screen and (max-width: 767px) {
  .pagination-button-row {
      margin-top:20px
  }
}

.pagination-button-row a {
  text-transform: uppercase;
  border: 1px solid transparent;
  display: table;
  margin: 0 auto;
  min-width: 200px;
  padding: 13px 20px;
  line-height: 1;
  letter-spacing: 1.3px;
  text-align: center
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%
}

.embed-container embed,.embed-container iframe,.embed-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.entry-content iframe {
  width: 100%;
  min-height: 250px
}

@media screen and (min-width: 768px) {
  .entry-content iframe {
      max-height:100%
  }
}

@media screen and (max-width: 767px) {
  .comments-button,.overview-button {
      text-align:center;
      margin: 10px 0
  }
}

.comments-button {
  visibility: hidden;
}

.entry-content iframe,.entry-content img {
  max-width: 100%
}

#shopify-section-template--article .blog-publish-date {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px
}

#shopify-section-template--article .blog-title-wrapper {
  max-width: 800px;
  margin: 20px auto 0
}

#shopify-section-template--article .article-subtitle-text {
  margin-top: 20px;
  margin-bottom: 40px;
  font-size: 15px;
  line-height: 23px;
  font-weight: 700;
}

.article_rubriek {
  font-family: var(--font-body-family),serif;
  /* font-style: italic; */
  margin-left: 10px;
  font-size: 13px !important;
  -webkit-font-smoothing: antialiased;
}

.title-bar .label-font {
  font-size: 17px !important;
  color: #fff;
  background: #000;
  padding: 3px 1px;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 1px;
}

@media screen and (min-width: 768px) {
  #shopify-section-template--article .article-subtitle-text {
      margin-top:30px
  }
}

#shopify-section-template--article .title-bar {
  margin-top: 20px;
}

#shopify-section-template--article .title-bar h1 {
  font-size: 44px;
  margin-top: 10px;
  font-family: var(--font-serif),serif;
  text-transform: none;
  margin-bottom: 20px;
  line-height: 45px
}

@media screen and (min-width: 768px) {
  #shopify-section-template--article .title-bar {
    margin-top: 40px;
  }
}

#shopify-section-template--article .entry-content,#shopify-section-template--article .entry-content a,#shopify-section-template--article .entry-content b,#shopify-section-template--article .entry-content li,#shopify-section-template--article .entry-content p,#shopify-section-template--article .entry-content span {
  line-height: 25px;
  font-size: 14px
}

#shopify-section-template--article .entry-content h2,#shopify-section-template--article .entry-content h3,#shopify-section-template--article .entry-content h4,#shopify-section-template--article .entry-content h5,#shopify-section-template--article .entry-content h6,#shopify-section-template--article .entry-content p {
  margin-left: auto;
  margin-right: auto
}

/* #shopify-section-template--article .entry-content h2 {
  font-family: var(--body-font-stack);
  font-weight: 600;
  font-size: 22px;
  margin-top: 40px
} */

.blog-overview-section {
  padding-top: 40px
}

@media screen and (max-width: 767px) {
  .blog-overview-section {
      padding-top:0
  }
}

@media screen and (min-width: 768px) {
  .blog__post-container .inner-article-wrapper {
      padding-bottom:30px
  }
}

#newsletter-wrapper {
  display: flex
}

.form-success.hide {
  display: none
}

#newsletter_text {
  display: inline-block;
  margin-bottom: 0;
  border: 0;
  padding: 13px;
  font-family: var(--font-body-family);
  font-size: 16px
}

#newsletter_text {
  width: 100%
}

#newsletter_submit {
  transition: opacity .2s ease-in-out;
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  margin-bottom: 0;
  border: 0 none;
  cursor: pointer;
  display: inline-block;
  background: 0 0;
  display: flex;
  justify-content: center;
  align-items: center
}

#newsletter_submit:hover {
  opacity: .6
}

.blog__post .article-wrapper {
  padding: 0
}

.blog__post .article-wrapper .article-badge {
  position: relative;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  min-width: 135px;
  bottom: 15px
}

.blog__post .article-wrapper .article-badge .inner {
  width: auto;
  display: inline-block;
  background: #fff;
  font-weight: 400;
  padding: 7px 14px
}

@media screen and (max-width: 767px) {
  .blog__post .article-wrapper .article-badge .inner {
      min-width:100px;
      line-height: 18px
  }
}

.blog__post .article-wrapper .type-subheading {
  text-align: center;
  line-height: 12px
}