@charset "UTF-8";

.layout-blog {
  padding-bottom: 10rem;
}

.layout-13.layout-blog {
  padding-bottom: 0;
}

.layout-blog .layout-row--top {
  margin-bottom: 3.5rem;
}


/* bramwellmckay Pagination */
.bramwellmckay-pagination {
  margin: 2.5rem 0 1.5rem 0;
}

.bramwellmckay-pagination .pagination-controls {
  text-align: center;
}

.bramwellmckay-pagination .pagination-controls .page-numbers {
  text-decoration: none;
  font-family: var(--font-family-primary);
  font-weight: 500;
  font-size: 1.25rem;
  color: var(--text-color-dark);
  margin-right: .67rem;
  transition: all ease-in-out 100ms;
}
.bramwellmckay-pagination .pagination-controls .page-numbers:last-child {
  margin-right: 0;
}

.color-scheme--dark .bramwellmckay-pagination .pagination-controls .page-numbers {
  color: #ffffff;
  font-weight: 500;
}
.bramwellmckay-pagination .pagination-controls .page-numbers.current,
.bramwellmckay-pagination .pagination-controls .page-numbers:hover {
  color: var(--brand-color-a);
}

.bramwellmckay-pagination .pagination-controls .page-numbers.current {
  font-weight: 600;
}

.bramwellmckay-pagination .pagination-controls .page-numbers.prev,
.bramwellmckay-pagination .pagination-controls .page-numbers.next {
  font-size: 1.125rem;
  font-weight: 500;
}

.single-post {

}

.single-post--header {
  padding: 2.5rem 0 0 0;
  position: relative;
  z-index: 1;
  /*background-color: var(--brand-color-c);*/
	background-color : #601e20;
}

.single-post--header .col--left {
  width: calc(100% - 540px);
  padding: 2.5rem 2.5rem 2.5rem 0;
}

.single-post--header .single-post--title {
color: #fff;
}

.single-post--header .single-post--publish-date {
color: #fff;
}

.single-post--header .col--right {
  width: 540px;
  margin-bottom: -4rem;
}

.single-post--header .single-post--featured-image {
  width: 100%;
  padding-bottom: 56.25%;

  overflow: hidden;
  clip-path: polygon(
    4.5rem 0,
    100% 0,
    100% calc(100% - 4rem),
    calc(100% - 4.5rem) 100%,
    0 100%, 0 4rem
  );
}

.single-post--content {
  background-color: var(--background-color-d);
}

.single-post--content .layout:first-child {
  padding-top: 2.5rem;
}

.single-post--content .layout:last-child {
  padding-bottom: 10rem;
}