/*
Theme Name: Mindshape

Version: 5.1.3.1
Tested up to: 5.9
Requires PHP: 5.6
License: MIT License
*/

:root{
	/*--bs-body-font-family: "Nunito Sans" !important;*/
	--bs-body-color: #000 !important;
}


html {
	font-size: 10px;
}

body {
	font-family: "Montserrat", "sans-serif;";
	font-weight: 400;
	font-size: 2.2rem;
	line-height: 150%;
	padding-top: 80px;
	color: white;
	background-color: black;
}

body.single-casestudies {
	background-color: white;
	color: black;
}

h1 {
	font-size: 9rem;
	line-height: 100%;
	font-weight: 300;
}

h2 {
	font-size: 6rem;
	line-height: 100%;
	font-weight: 300;
}

h3 {
	font-size: 4rem;
	line-height: 100%;
	font-weight: 300;
}

h3.strong {
	font-weight: 700;
}

h4 {
	font-size: 3rem;
	line-height: 100%;
}

h5 {
	font-size: 2.6rem;
	line-height: 150%;
	font-weight: 500;
}

a {
	font-size: 2.2rem;
	line-height: 150%;
	color: black;
}

a:hover {
	color: #E50707 !important;
}

.header-logo {
	max-height: 25px;
	width: auto;
}

.footnote {
	font-size: 1.4rem;
	line-height: 100%;
}

.callout {
	font-size: 12rem;
	line-height: 100%;
}

.fg-secondary{
	color: #1B2537 !important;
}


header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	z-index: 320;
	background-color: #000;
	display: flex;
	align-items: center;
}

.customize-support header {
	margin-top: 32px;
}

.first-element {
	margin-top: 80px;
}


header nav .menu-item a{
	font-weight: 700;
	line-height: 120%;
	color: #fff;
	text-decoration: none;
	font-size: 1.6rem;
}

header.light nav .menu-item a {
	color: white;
}

header nav .menu-item a:hover,
header nav .menu-item a.active {
	color: rgba(255,255,255,0.75) !important;
}

footer {
	background-color: #000;
	padding-top: 6.4rem;
	padding-bottom: 4rem;
	color: #fff;
	font-size: 2.2rem;
}

footer h3 {
	font-size: 4rem;
	line-height: 120%;
	font-weight: 300;
}

footer ul.menu {
	padding-left: 0;
}

footer .menu-item {
	list-style: none;
}

footer a,
footer .menu-item a{
	font-weight: 700;
	font-size: 2.2rem;
	line-height: 150%;
	color: white;
	text-decoration: none;	
}

footer a:hover,
footer .menu-item a:hover{
	text-decoration: underline;
	color: white;	
}

footer .copyright, footer .copyright a {
	font-style: normal;
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 150%;
}

.bg-dark {
	background-color: #1B2537 !important;
}

.hero {
	position: relative;
}

.hero-video{
	font-size: 0;
	line-height: 0;
	position: relative;
	z-index: 1;
}

.hero-content,
.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	left: 0;
	top: 0;	
	font-size: 0;
	line-height: 0;
}

.hero .overlay,
.hero-content {
	z-index: 2;
}

.hero .hero-content {
	background-color: transparent;
	z-index: 3;
}

.hero .hero-content h1 {
	font-size: 9rem;
	line-height: 100%;	
	color: white;
	max-width: 100%;
	font-weight: 300;
}

.hero-banner {
	min-height: 50vh;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}

.hero-text-only {
	background-color: white;
	color: black;
	padding: 1rem 0;
}

.hero-text-only h1{
	font-size: 7rem;
}

.home-intro {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	padding-bottom: 6rem;
}

.intro-title {
	font-size: 3rem;
	line-height: 120%;
	font-weight: 300;
}

.intro-content {
	leading-trim: both;
	text-edge: cap;
}


.section-spacing {
	margin-top: 5rem;
	margin-bottom: 5rem;
}

.section-inner-padding
{
	padding-top: 3rem;
	padding-bottom: 3rem;	
}

.intro-link {
	font-weight: 500;
	color: white;
}

.study-numbers {
	margin-top: 10rem;
}

.case-study-thumb {
	font-weight: 300;
	font-size: 1.4rem;
	line-height: 160%;
	text-transform: uppercase;
}	

.case-study-thumb {
	background-color: black;
}

.case-study-thumb-descriptions-row {
	background-color: black;
}

.case-study-thumb.case-study-thumb-descriptions {
	background-color: black;

}

.case-study-thumb.case-study-thumb-descriptions div.summary{
	color: #fff;
	text-transform: none;
	padding: 1em 2em;
	font-size: 1.7rem;
	line-height: 1.5em;
	text-align: center;
}


.case-study-thumb a {
	text-decoration: none;
	color: white;
	position: relative;
	overflow: hidden;
	background-color: black;
	transition: all 0.5s ease-in;
}

figure {
	margin-bottom: 0;
}

.case-study-thumb figcaption {
    position: absolute;
    z-index: 10;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}

.case-study-thumb .case-nav-bg {
	opacity: 1;
	cursor: pointer;
}

.case-study-thumb:hover .case-nav-bg {
	opacity: 0.6;
}

h1.page-title {
	font-size: 6.7rem;
	line-height: 110%;	
}

h1.page-title.padded {
	padding-top: 6rem;
	padding-bottom: 6rem;
}

.case-p-group .tagline {
	color: #E50707;
	margin-bottom: 0;
	font-size: 2.8rem;
	font-weight: 500;
}

.case-p-group .title {
	font-size: 4rem;
	line-height: 120%;
	font-weight: 300;
}


.rolling-number {
	padding-top: 6rem;
	padding-bottom: 6rem;
	text-align: center;
	background-color: black;
	margin-bottom: 0.15rem;
}

.rolling-number .number{
	font-weight: 300;
	font-size: 12rem;
	line-height: 100%;
	color: white;
}

.rolling-number .label {
	color: white;	
}

.next-case{
	font-size: 0;
	line-height: 0;
}

.next-case figcaption {
	position: absolute;
	z-index: 10;
	width: 90%;
	top: 0;
	left: 1%;
}

.next-case figcaption {
	font-size: 2rem;
	line-height: 160%;
	color: white;	
}

.brand-section h2 {
	font-size: 6rem;
	line-height: 120%;
	font-weight: 300;
}


.brand-section {
	color: white;		
}


.brand-trust,
.vp-wrapper {
	min-height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}



.trust-items {
	display: flex;
	padding: 5rem 0;
	opacity: 0;
	overflow: hidden;
	height: auto !important;
}

.brand-trust.active .trust-items{
	opacity: 1;
	height: auto !important;
}

.brand-trust .trust-title {
	font-size: 4rem;
	xtransform: scale(4);
}

.trust-title {
	font-style: normal;
	font-weight: 300;
	font-size: 12rem;
	line-height: 100%;
	text-transform: uppercase;
	text-align: center;
}

.fast-fact-container .trust-title {
	font-size: 4rem;
	line-height: 80%;
	text-transform: none;
	transition: all 0.5s linear;	
}

.fact-number {
	color: #E50707;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-size: 12rem;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; 
	text-transform: uppercase;	
}

.trust-item {
    height: 100%;
    width: 60%;
    margin-top: -1.5rem;
}

.trust-item-circle {
    display: inline-flex;
    border: 1px solid white;
    border-radius: 50%;
    height: 100%;
    width: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: white;

}

.trust-item:first-of-type {
	margin-left: 0;
	margin-top: 0;
}

.trust-item-circle:hover{
	background-color: white;
	color: black;
}

.trust-item .icon {
	visibility: hidden;
	font-size: 0.75em;
	margin-left: 0.2em;
}

.trust-item:hover .icon {
	visibility: visible;
}


.trust-popup {
	width: 100%;
	min-height: 100%;
	height: auto;
	top: 0;
	left: 0;
	position: absolute;
	background-color: rgba(0, 0, 0, 1);
}

.trust-popup-wrapper {
	width: 55%;
	margin: auto;
	display: flex;
	align-items: center;
	height: 100%;
}

.trust-popup-navigation a,
.trust-popup-content
{
	padding: 1em;
	background-color: white;
	color: black !important;
	border: 1px solid white;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	text-align: center;
}

.trust-popup-content {
	width: 80%;
	height: 80%;
	margin: 1em;
	padding: 2em;
	font-size: 2.5rem;
	min-height: 80%;

}

.trust-popup-content .title {
	padding-bottom: 0.5em;
	border-bottom: 1px solid rgba(0,0,0,0.5);
	width: 90%;
	margin: auto;
	margin-bottom: 1em;
}

.trust-popup-navigation a{
	text-decoration: none;
	line-height: 40px;
}

.trust-popup-item {
	display: none;
}

.trust-popup-item.active {
	display: block;
}

.trust-popup-close {
	position: absolute;
	bottom: 0;
	z-index: 2;
	width: 100%;
	text-align: center;
	left: 0;
	height: auto;
}

.brand-logos {
	background-color: white;
	color: black;
	padding: 10rem 0;	
}


.fast-facts,
.value-proposition-section {
	background-color: rgba(255, 255, 255, 0.9);
	color: black;
}


.fast-fact-title {
	margin-bottom: 4rem;
}

.fast-fact-content {
	margin-bottom: 8rem;
}

.facts 
{
	margin: auto;
	margin-top: 5rem;
	margin-bottom: 5rem;
	width: 100%;
}

.fact-item p 
{
	max-width: 400px;
}

.vp-wrapper .vp-items {
	display: flex;
	padding: 5rem 0;
	transition: all 0.5s ease-in;
}

.vp-wrapper .vp-title {
	font-weight: 300;
	font-size: 4rem;
	line-height: 120%;
}

.vp-wrapper .vp-title,
.vp-wrapper .vp-content{
	max-width: 815px;
	margin: auto;
	text-align: center;
}

.principles-items {
	margin-top: 6rem;
	margin-bottom: 6rem;
}

.principles-item {
	display: none;
}

.principles-item.active {
	display: block;
}

.principle-circle {
	border-radius: 50%;
	border:  6px solid #E50707;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 25rem;
	width: 25rem;
	position: relative;
	margin: auto;
}

.principle-circle::before {
	padding-top: 100%;
	display: block;
}

.principle-circle .p-name {
	z-index: 1;
	font-size: 2.6rem;
	font-weight: 500;
}

.principle-circle .p-name,
.principle-circle .num {
	display: flex;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	justify-content: center;
	align-items: center;

}

.principle-circle .num {
	z-index: 0;
	color: rgba(255,255,255,0.2);
	font-size: 20rem;
	font-weight: 800;	
}

.principles-wrapper a {
	color: white;
	font-weight: 700;
}

.value-proposition-section a {
	color: black !important;
}

.principles-nav .pnav-item a{
	display: block;
	border-bottom: 2px solid rgba(255, 255, 255, 0.4);
	transition: opacity 0.5s ease-in;
	text-decoration: none;
	opacity: 0.4;
}

.value-proposition-section .principles-nav .pnav-item a{ 
	border-bottom: 2px solid rgba(0, 0, 0, 0.4);

}

.principles-nav .pnav-item a.active,
.principles-nav .pnav-item:hover a {
	opacity: 1;
	border-bottom: 2px solid rgba(255, 255, 255, 0.4);	
}

.value-proposition-section .principles-nav .pnav-item a.active,
.value-proposition-section .principles-nav .pnav-item:hover a {
	opacity: 1;
	border-bottom: 2px solid rgba(0, 0, 0, 0.4);	
}

.growth-items {
	background-color: white;
	color:  black;
}

.growth-group {
	border-top: 1px solid #8D929B;	
}

.group-expand {
	display: block;
	color: black;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #8D929B;
	text-decoration: none;
	position: relative;
}

.growth-group .group-content {
	display: none;
}

.growth-group .expanded .group-content {
	display: block;
	padding-bottom: 1em;
}

.group-expand::after {
	content: '+';
	color: rgba(27,37,55,0.3);
	position: absolute;
	right: 1em;
	top: 50%;
	font-size: 2.2rem;
	transform: translateY(-50%);
}

.expanded .group-expand::after {
	content: '-';
}

.expanded .group-expand {
	border-bottom: 1px solid #fff;
}

.group-content {
	border-bottom: 1px solid #8D929B;
}

.group-content>div {
	padding-left: 2rem;
}

.ourwork-card {
	display: block;
	background-color: black;
}

.ourwork-card img{
	opacity: 0.75;
	transition: opacity 0.5s ease-in;
}

.ourwork-card:hover img{
	opacity: 1;
}


.team-members .member {
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid white;
}


.our-culture {
	background-color: white;
	color: black;
	padding-top: 10rem;
	padding-bottom: 10rem;
}

.our-culture h2 {
	font-weight: 300;
}

.our-culture .copy {
	font-size: 4rem;
	line-height: 150%;
	font-weight: 300;
}

.our-culture .copy a {
	font-weight: 500;
	font-size: inherit;
	line-height: inherit;
}

section.contact-us,
section.careers {
	background-color: white;
	color: black;
}

.contact-us .contact-info {
	margin-bottom: 4rem;
}

.careers .description {
	color: #434649;
}

.job-item {
	border: 1px solid rgba(27, 37, 55, 0.5);
	padding: 2.2rem;
	margin-bottom: 1.1rem;
}

.job-item .description {
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 160%;
	color: #434649;
}

.job-item .link {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 140%;
	color: black;	
	text-decoration: none;
}

#factsCarousel
{
	padding: 6rem;
	min-height: 50vh;
}

.brand-360-item {
	display: flex;
	align-items: center;
}
.brand-360-item a {
	color: #fff;
}

#brand-360-graph>svg {
	width: 100%;
	height: auto;
}

#brand-360-graph>svg .area:hover {
	opacity: 0.9;
	cursor: pointer;
}

#brand-360-graph.step-1 .area1{
	fill: #E50707;
}


#brand-360-graph.step-1 .text1{
	fill: #FFFFFF;
}


#brand-360-graph.step-2 .area1,
#brand-360-graph.step-2 .area2{
	fill: #E50707;
}


#brand-360-graph.step-2 .text1,
#brand-360-graph.step-2 .text2{
	fill: #FFFFFF;
}

#brand-360-graph.step-3 .area1,
#brand-360-graph.step-3 .area2,
#brand-360-graph.step-3 .area3{
	fill: #E50707;
}

#brand-360-graph.step-3 .text1,
#brand-360-graph.step-3 .text2,
#brand-360-graph.step-3 .text3{
	fill: #FFFFFF;
}

#brand-360-graph.step-3 .text1,
#brand-360-graph.step-3 .text2,
#brand-360-graph.step-3 .text3{
	fill: #FFFFFF;
}

#brand-360-graph.step-4 .area1,
#brand-360-graph.step-4 .area2,
#brand-360-graph.step-4 .area3,
#brand-360-graph.step-4 .area4{
	fill: #E50707;
}

#brand-360-graph.step-4 .text1,
#brand-360-graph.step-4 .text2,
#brand-360-graph.step-4 .text3,
#brand-360-graph.step-4 .text4{
	fill: #FFFFFF;
}

#brand-360-graph.step-5 .area1,
#brand-360-graph.step-5 .area2,
#brand-360-graph.step-5 .area3,
#brand-360-graph.step-5 .area4,
#brand-360-graph.step-5 .area5{
	fill: #E50707;
}

#brand-360-graph.step-5 .text1,
#brand-360-graph.step-5 .text2,
#brand-360-graph.step-5 .text3,
#brand-360-graph.step-5 .text4,
#brand-360-graph.step-5 .text5{
	fill: #FFFFFF;
}


#brand-360-graph.step-6 .area1,
#brand-360-graph.step-6 .area2,
#brand-360-graph.step-6 .area3,
#brand-360-graph.step-6 .area4,
#brand-360-graph.step-6 .area5,
#brand-360-graph.step-6 .area6{
	fill: #E50707;
}

#brand-360-graph.step-6 .text1,
#brand-360-graph.step-6 .text2,
#brand-360-graph.step-6 .text3,
#brand-360-graph.step-6 .text4,
#brand-360-graph.step-6 .text5,
#brand-360-graph.step-6 .text6{
	fill: #FFFFFF;
}


.gradient-overlay {
	position: absolute;
	width: 100%;
	height: 20rem;
	background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);

}

.client-carousel .slick-track,
.client-carousel-item
{
	height: 100px;
}

.form-group label {
	font-size: 2.2rem;
}

.form-control {
	font-size: 1.8rem;
}

.form-group sup.required{
	color: #E50707 !important;
}

.btn-submit {
	color: white;
	background-color: #E50707;
	border-color: #E50707;
}

.btn-submit:hover {
	opacity: 0.75;
}


.bio-popup {
	background-color: rgba(0,0,0,0.9);
	left: 0;
	top: 0;
	height: 100%;
}

.bio-popup-content {
	width: 75%;
	margin: auto;
	background-color: black;
}

.has-bio {
	cursor: pointer;
}

.has-bio:after{
	content: '+';
	color: rgba(255,255,255,0.5);
	position: absolute;
	right: 1em;
	top: 50%;
	font-size: 2.2rem;
	transform: translateY(-50%);
}

.footer-icons
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}


@media screen and (max-width:  990px)
{
	html {
		font-size: 5px;
	}

	.container, 
	.container-xl,
	.container-xxl
	{
		--bs-gutter-x: 6rem;
	}

	.navbar-toggler[aria-expanded="false"] i.close {
		display: none;
	}

	.navbar-toggler[aria-expanded="true"] i.open {
		display: none;
	}

	body {
		font-size: 3.2rem;
	}

	h1 {
		font-size: 7.2rem;
	}

	h2 {
		font-size: 5.8rem;
	}

	h3 {
		font-size: 4.8rem;
	}

	a {
		font-size: 3.2rem;
	}

	.form-control,
	.form-group label {
		font-size: 3.2rem;
	}

	.brand-trust {
		min-height: 50vh;
	}

	.trust-popup-wrapper {
		width: 100% !important;
	}

	#navbarNav {
		position: absolute;
		width: 100%;
		top: 100%;
		left: 0;
		background-color: black;
		min-height: 90vh;
		padding-top: 7rem;
	}

	header nav.navbar {
		position: unset;
	}

	header nav .menu-item {
		padding: 1.25rem 2.5rem 1.25rem 5rem;
		text-align: center;
	}

	header nav .menu-items {
		position: absolute;
		left: 0;
		width: 100%;
		height: auto;
		top: 50%;
		transform: translateY(-50%);
	}

	header nav .menu-item a {
	  font-size: 5rem;
	  font-weight: 300;

	}

	.brand-trust .trust-title {
		transform: scale(4);
	}

	.brand-trust {
		overflow: hidden;
	}

	.brand-360-item {
		margin-top: 8rem;
		margin-bottom: 8rem;
	}	

	.hero .hero-content h1 {
		font-size: 7.2rem;
	}

	.trust-items {
		flex-wrap: wrap;
	}

	.fact-item {
		margin-bottom: 8rem;
	}

	.principle-circle {
		border:  2px solid #E50707;
		margin-left: 0;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}

	.group-expand {
		padding-top: 1em;
		padding-bottom: 1em;
	}

	.first-element {
		margin-top: 0;
	}

	.job-item .description,
	.job-item .link {
		font-size: 3.2rem;
	}

	.brand-trust .trust-title {
		transform: scale(1);
	}

	.trust-items {
		height: auto !important;
		opacity: 1 !important;
	}

	.trust-popup {
		transform: translateY(-50%);
		height: auto;
		align-items: center;
	}

	.trust-popup-navigation {
		transform: rotate(90deg);
	}

	.trust-popup-close {
		bottom: -12rem;
	}

	.trust-popup-item p{
		line-height: 120%;
	}

	.team-members .team-member
	{
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	}

	.team-members .team-member .member:first-of-type
	{
		padding-top: 0.5em;
		padding-bottom: 0;
	}

	.team-members .team-member .member:last-of-type
	{
		padding-top: 0;
		padding-bottom: 0.5em;
	}

	.team-members .team-member .member
	{
		border: 0;
	}

	.team-members .team-member .photo-bio {
		padding-top: 0.25em;
		padding-bottom: 0.25em;
	}

	footer .menu-item{
		padding-top: 0.7em;
		padding-bottom: 0.7em;
	}	

	footer a,
	footer .menu-item a{
		font-size: 3.2rem;
	}

	.copyright {
		font-size: 2rem;
	}

	.pnav-item {
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}

	.principle-circle {
		width: 45rem;
		height: 45rem;
	}

	.principle-circle .p-name {
		font-size: 4rem;
	}

	.principles-wrapper {
		padding-top: 10rem;
		padding-bottom: 10rem;
	}

	.growth-group {
		margin-bottom: 8rem;
	}	

	.bio-popup {
		height: auto;
		min-height: 100%;
		z-index: 234;		
	}

	.bio-popup-content {
		width: 100%;
		padding-top: 10rem;
		background-color: black;
	}


	.case-study-thumb.case-study-thumb-descriptions div.summary{
		color: #000;
		text-transform: none;
		font-size: 2.2rem;
		line-height: 1.5em;
		text-align: center;
	}
}



/*large */
@media screen and (min-width: 991px)
{

	header nav .menu-item
	{
		margin-left: 2.6rem;
	}

	.intro-title p{
		max-width: 80%;
	}

	.hero-banner {
		min-height: 100vh;
	}

	.brand-trust,
	.vp-wrapper {
		min-height: 100vh;
	}	

	.facts {
		width: 50%;
	}

	.client-carousel-item
	{
		height: 230px;
	}

	.client-carousel .slick-track {
		height: 230px;
	}	

	.brand-logos .row {
		margin-top: 10rem;
	}

	.trust-item {
	    margin-left: -25px;
	    margin-top: 0 !important;
	}	

	.team-members .team-member:last-of-type .photo-bio{
		position: relative;
	}

	.team-members .team-member:hover .photo-bio {
		opacity: 1;
	}

	.team-members-wrapper {
		margin-top: 20rem;
	}

	.principles-wrapper {
		padding-top: 10rem;
		padding-bottom: 10rem;
	}

	.fast-facts {
		padding-top: 10rem;
		padding-bottom: 10rem;
	}

	.brand-360-item {
		margin-top: 15rem;
		margin-bottom: 15rem;
	}

	.trust-item {
		width: 20%;
	}

	#brand-360-graph {
		width: 90%;
	}

	#brand-trust-container {
		overflow: hidden;
	}

	.team-members .team-member .photo-bio{
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		transition: opacity 0.2s;
		padding: 0 1rem 0 1rem;
	}	
}

body.blog h1,
body.category h1 {
	font-size: 10rem;
	margin-bottom: 6rem;
}

body.blog article.post,
body.category article.post {
	border-bottom: 1px solid oklch(0.928 0.006 264.531);
	padding: 8.4rem 0;
}

body.blog article.post:last-of-type,
body.category article.post:last-of-type {
	border-bottom: none;
}

body.blog h2,
body.category h2 {
	margin-bottom: 2rem;
	font-weight: 500;
	font-size: 5.6rem;
}

body.blog h2 a,
body.category h2 a {
	font-size: 5.6rem;
	line-height: 6.6rem;
	text-decoration: none;
}

body.blog p,
body.category p {
	font-size: 2.8rem;
	color: oklch(0.446 0.03 256.802);
	margin-bottom: 2rem;
}

body.blog article.post img.wp-post-image,
body.category article.post img.wp-post-image {
	width: 100%;
	height: auto;
	border-radius: 1.25rem;
}

ul.categories {	
	margin: 1rem 0 7.4rem;
	padding: 0;
	list-style: none;
	display: block;
}

ul.categories li {
	display: inline-block;
}

ul.categories.filter li {
	margin: 1rem;
}

ul.categories li a {
	display: inline-block;
	text-decoration: none;
	font-size: 2.8rem;
}

ul.categories span.count {
	margin-left: 1.2rem;
}

ul.tags {
	margin: 0 0 4.2rem;
}

ul.tags a {
	background: oklch(0.967 0.003 264.542);
	color: oklch(0.373 0.034 259.733);
	padding: 0.8rem 2rem;
}

article.post ul.categories li a {
	border: 1px solid #8D929B;
}

ul.categories.filter {
	margin-bottom: 6rem;
	text-align: center;
}

body.single-post h1 {
	font-size: 7rem;
	margin-bottom: 4.2rem;
	font-weight: 500;
}

body.single-post article.post {
	padding: 11.2rem 0;
	border-bottom: 1px solid oklch(0.928 0.006 264.531);
	margin-bottom: 5.6rem;
}

a.button {
	background: #000;
	color: #fff;
	font-weight: 500;
	padding: 1.4rem 2.8rem;
	font-size: 2.8rem;
	line-height: 1.5;
	text-decoration: none;;
}

a.button:hover {
	background-color: oklch(0.278 0.033 256.848);
	color: #fff !important;
}

.pagination ul {
	display: flex;
	margin: 11.2rem auto 0;
	list-style: none;
}

.pagination ul a.page-numbers,
.pagination ul span.page-numbers {
	font-size: 2.8rem;
	width: 6.4rem;
	height: 6.4rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	border-radius: calc(1.25rem - 2px);
}

.pagination ul a.page-numbers:hover {
	color: #000 !important;
	background-color: rgb(233, 235, 239);
}

.pagination ul .current {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.pagination .previous a,
.pagination .next a {
	font-size: 2.8rem;
	height: 6.4rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	border-radius: calc(1.25rem - 2px);
	padding-inline: calc(0.5rem * 3);
	position: relative;
}

.pagination .previous:hover a,
.pagination .next:hover a {
	color: #000 !important;
	background-color: rgb(233, 235, 239);
}

.pagination .previous a {
	padding-left: calc((0.5rem * 2.5) + 2.8rem);
}

.pagination .next a {
	padding-right: calc(0.5rem * 2.5);
}

.pagination .previous svg,
.pagination .next svg {
	width: 2.8rem;
	height: 2.8rem;
}

.pagination .previous svg {
	top: 1.8rem;
	left: calc(0.5rem * 2.5);
	position: absolute;
}

article.post .post-image {
	margin-bottom: 3rem;
}

@media screen and (min-width: 991px)
{
	body.blog h1,
	body.category h1 {
		font-size: 5rem;
		margin-bottom: 3rem;
	}

	body.blog article.post,
	body.category article.post {
		padding: 4.2rem 0;
	}

	body.blog h2,
	body.category h2 {
		margin-bottom: 1rem;
		font-weight: 500;
		font-size: 2.8rem;
	}

	body.blog h2 a,
	body.category h2 a {
		font-size: 2.8rem;
		line-height: 3.3rem;
	}

	body.blog p,
	body.category p {
		font-size: 1.4rem;
	}

	body.blog article.post img.wp-post-image,
	body.category article.post img.wp-post-image {
		border-radius: 0.625rem;

	}

	body.blog article.post div.post-image,
	body.category article.post div.post-image {
		padding-left: 4rem;
	}

	ul.categories {	
		margin: 1rem 0 4.2rem;
	}

	ul.categories.filter li {
		margin: 0 0.5rem;
	}

	ul.categories li a {
		font-size: 1.4rem;
	}

	ul.categories span.count {
		margin-left: 0.6rem;
	}

	ul.tags {
		margin: 0 0 2.1rem;
	}

	ul.tags a {
		padding: 0.4rem 1rem;
	}

	ul.categories.filter {
		margin-bottom: 3rem;
	}

	body.single-post article.post {
		padding: 5.6rem 0;
		margin-bottom: 2.8rem;
	}

	body.single-post h1 {
		font-size: 3.5rem;
		margin-bottom: 2.1rem;
	}

	a.button {
		padding: 0.7rem 1.4rem;
		font-size: 1.4rem;
		line-height: 1.5;
	}

	.pagination ul {
		margin: 5.6rem auto 0;
	}

	.pagination ul a.page-numbers,
	.pagination ul span.page-numbers {
		font-size: 1.4rem;
		width: 3.2rem;
		height: 3.2rem;
		border-radius: calc(0.625rem - 2px);
	}

	.pagination .previous a,
	.pagination .next a {
		font-size: 1.4rem;
		height: 3.2rem;
		border-radius: calc(0.625rem - 2px);
		padding-inline: calc(0.25rem * 3);
	}
	.pagination .previous a {
		padding-left: calc((0.25rem * 2.5) + 1.4rem);
	}

	.pagination .next a {
		padding-right: calc(0.25rem * 2.5);
	}

	.pagination .previous svg,
	.pagination .next svg {
		width: 1.4rem;
		height: 1.4rem;
	}

	.pagination .previous svg {
		top: 0.9rem;
		left: calc(0.25rem * 2.5);
	}

	article.post .post-image {
		order: 2;
	}
}

a.back-to,
.breadcrumbs a {
	color: oklch(0.446 0.03 256.802);
	font-size: 2.8rem;
	margin-bottom: 2.8rem;
	text-decoration: none;
}

a.back-to:hover ,
.breadcrumbs a:hover {
	color: #000;
}

a.back-to svg {
	height: 2.8rem;
	width: 2.8rem;
}

.breadcrumbs {
	padding-bottom: 5.6rem;
	border-bottom: 1px solid oklch(0.928 0.006 264.531);
	font-size: 2.8rem;
	color: oklch(0.446 0.03 256.802);
}

.breadcrumb_last {
	color: #000;
}

.entry-meta {
	margin-bottom: 5.6rem;
}

.entry-meta,
.entry-meta a {
	color: oklch(0.446 0.03 256.802);
	font-size: 2.8rem;
	text-decoration: none;
}

body.single-post .wp-post-image {
	border-radius: 1.25rem;
	margin-bottom: 8.4rem;
}

body.single-post article p {
	margin-bottom: 4.2rem;
}

body.single-post article p.bleh {
	color: oklch(0.373 0.034 259.733);
	font-size: 2.8rem;
	line-height: 4.2rem;
}

body.single-post article img {
	width: 100%;
	height: auto;
}

@media screen and (min-width: 991px)
{
	a.back-to,
	.breadcrumbs a {
		font-size: 1.4rem;
		margin-bottom: 1.4rem;
	}

	a.back-to svg {
		height: 1.4rem;
		width: 1.4rem;
	}

	.breadcrumbs {
		padding-bottom: 2.8rem;
		font-size: 1.4rem;
	}

	.entry-meta {
		margin-bottom: 2.8rem;
	}

	.entry-meta,
	.entry-meta a {
		font-size: 1.4rem;
	}

	body.single-post .wp-post-image {
		border-radius: 0.625rem;
		margin-bottom: 4.2rem;
	}

	body.single-post article p {
		margin-bottom: 2.1rem;
	}

	body.single-post article p.bleh {
		font-size: 1.4rem;
		line-height: 2.1rem;
		margin-bottom: 2.1rem;
	}
}