/* queries */
.blog-content {
  bottom: 0;
  z-index: 1;
}

.blog-content p a {
  color: white;
}
summary {
    line-height: 2;
    margin-bottom: 1rem;
    letter-spacing: 0.02rem;
}
/*  */
.single-post section .col-lg-9 p a, 
.single-post-content p a,
.single-post-content ul li a,
#previous a, 
#next a, 
.card a,
.single-post section .col-lg-9 ul li a,
.text-link {
	color:unset !important;
	padding: 0px 5px;
	box-shadow: inset 0 -3px 0 0 var(--accent-secondary);
    transition: all .25s ease-in-out;
}
.single-post-content .btn-ctas,
.single-post .btn-ctas {
    margin-bottom: 40px;
}

.single-post section .col-lg-9 p a:hover, 
.single-post-content p a:hover,
.single-post-content ul li a:hover,
#previous a:hover, 
#next a:hover, 
.card a:hover,
.single-post section .col-lg-9 ul li a:hover,
.text-link:hover {
	color:white;
	box-shadow: inset 0 -55px 0 0 var(--accent-secondary);
}
.col-blog img.blog-img {
  height: 150px;
  object-fit: contain;
}

.blog-posts-meta a {
  font-family: unset;
}

/* comments */
.comment-form-comment label {
  display: block;
}

textarea#comment {
  width: 100%;
}

input#submit,
input#searchsubmit {
  background: var(--accent-primary);
  border: none;
  padding: 10px 30px;
  color: white;
  cursor: pointer;
  cursor: pointer;
  box-shadow: none !important;
  width: 100%;
}

input#searchsubmit:hover {
  background: var(--accent-secondary);
}

input#s {
  width: 100%;
  padding: 5px 15px;
  margin-bottom: 10px;
}

/* pagination */
span.page-numbers.current {
  background: white !important;
  border: 2px solid var(--accent-primary);
  padding: 10px 20px !important;
  color: var(--accent-primary) !important;
  margin: 0 5px 10px !important;
}

.page-numbers {
  background: var(--accent-primary) !important;
  border: 2px solid var(--accent-primary);
  padding: 10px 20px !important;
  color: white !important;
  margin: 0 5px 10px !important;
  display: inline-block;
  transition: all .25s ease-in-out;
}

.page-numbers:hover {
  color: var(--accent-primary) !important;
  background: white !important;
}

ul.page-numbers {
  border: none !important;
}

.woocommerce nav.woocommerce-pagination ul li {
  border: none;
}

/* Blog article heading sizes: H1 28px, H2 24px */
.single-post section.body .col-lg-9 h1 {
  font-size: 28px !important;
}

.single-post section.body .col-lg-9 h2 {
  font-size: 24px !important;
}
.single-post h3 {
	font-size:20px;
}
/* Mobile full-width right-aligned article images */
@media (max-width: 767px) {
  .single-post section.body .col-lg-9 .wp-block-image,
  .single-post-content .wp-block-image {
    width: 100% !important;
  }

  .single-post section.body .col-lg-9 .wp-block-image > section,
  .single-post section.body .col-lg-9 .wp-block-image > section > .container,
  .single-post-content .wp-block-image > section,
  .single-post-content .wp-block-image > section > .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .single-post section.body .col-lg-9 .wp-block-image > section > .container > .row,
  .single-post-content .wp-block-image > section > .container > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .single-post section.body .col-lg-9 .wp-block-image > section > .container > .row > .col-12,
  .single-post-content .wp-block-image > section > .container > .row > .col-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .single-post section.body .col-lg-9 figure.alignright,
  .single-post section.body .col-lg-9 .wp-block-image.alignright,
  .single-post-content figure.alignright,
  .single-post-content .wp-block-image.alignright {
    float: none !important;
    clear: both;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .single-post section.body .col-lg-9 figure.alignright img,
  .single-post section.body .col-lg-9 .wp-block-image.alignright img,
  .single-post-content figure.alignright img,
  .single-post-content .wp-block-image.alignright img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
}