@charset "UTF-8";

/*
Theme Name: Makenna
Author: webwork
Author URI: https://webwork.hu
Version: 1.0
*/

/* ==========================================================================
   Table of contents:
   ==========================================================================

# Root
# Base
	- # Document Setup
	- # Fonts
	- # Screen Reader Text
	- # Typography
# Elements
	- # Links
	- # Hover
	- # Quotes
	- # List
	- # Code
	- # Media
	- # Inputs
	- # Tables
# Layout
	- # Header
	- # Logo
	- # Menu
	- # Menu Toggle
	- # Hero
	- # Main
	- # Section
	- # Blog
	- # Portfolio
	- # Load More
	- # Comments
	- # Navigation
	- # Footer
	- # Social Icons
# Animations
# External
	- # Lazy loading
	- # Contact Form 7
# Components
	- # Buttons
	- # Slider
	- # Crawling Text
	- # Clients
	- # Testimonial
	- # Services
	- # CTA

========================================================================== */





/* ==========================================================================
   # Root
   ========================================================================== */
:root {
	--text-color: #212427;
	--bg-color: #ffffff;
	--black: #212427;
	--white: #ffffff;
	--gray: #CECECE;
	--light-gray: #f5f5f5;
	--dark-gray: #626566;
	--font-family-heading: "CormorantUpright", sans-serif;
	--font-family: "OpenSans", sans-serif;
	--font-normal: 400;
	--font-bold: 600;
	--hero-opacity: 100;
	--font-size-24: 1.5rem;
	--font-size-22: 1.375rem;
	--font-size-20: 1.25rem;
	--font-size-18: 1.125rem;
	--font-size-16: 1rem;
	--font-size-14: .875rem;
	--font-size-12: .75rem;
	--font-size-10: .625rem;
	--line-height-base: 1.3;
	--font-size-xl-max: 255;
	--font-size-xl-min: 55;
	--font-size-xl: calc(var(--font-size-xl-min) * 1px + (var(--font-size-xl-max) - var(--font-size-xl-min)) * ((100vw - 320px) / (1440 - 320)));
	--font-size-h1-max: 150;
	--font-size-h1-min: 34;
	--font-size-h1: calc(var(--font-size-h1-min) * 1px + (var(--font-size-h1-max) - var(--font-size-h1-min)) * ((100vw - 320px) / (1440 - 320)));
	--font-size-h2-max: 75;
	--font-size-h2-min: 28;
	--font-size-h2: calc(var(--font-size-h2-min) * 1px + (var(--font-size-h2-max) - var(--font-size-h2-min)) * ((100vw - 320px) / (1440 - 320)));
	--font-size-h3-max: 50;
	--font-size-h3-min: 30;
	--font-size-h3: calc(var(--font-size-h3-min) * 1px + (var(--font-size-h3-max) - var(--font-size-h3-min)) * ((100vw - 320px) / (1440 - 320)));
	--font-size-h4-max: 35;
	--font-size-h4-min: 18;
	--font-size-h4: calc(var(--font-size-h4-min) * 1px + (var(--font-size-h4-max) - var(--font-size-h4-min)) * ((100vw - 320px) / (1440 - 320)));
	--font-size-h5-max: 18;
	--font-size-h5-min: 16;
	--font-size-h5: calc(var(--font-size-h5-min) * 1px + (var(--font-size-h5-max) - var(--font-size-h5-min)) * ((100vw - 320px) / (1440 - 320)));
	--font-size-h6-max: 16;
	--font-size-h6-min: 14;
	--font-size-h6: calc(var(--font-size-h6-min) * 1px + (var(--font-size-h6-max) - var(--font-size-h6-min)) * ((100vw - 320px) / (1440 - 320)));
}





/* ==========================================================================
   # Base
   ========================================================================== */


/* # Document Setup --------------------------------------------------------- */
html {
	-webkit-text-size-adjust: 100%;
}

body {
	overflow-x: hidden;
	overflow-wrap: anywhere;
	margin: 0;
	background-color: var(--bg-color);
	color: var(--text-color);
	font-family: var(--font-family);
	font-size: var(--font-size-16);
	font-weight: var(--font-normal);
	line-height: var(--line-height-base);
	letter-spacing: -0.01em;
}
@media (max-width: 1024px) {
	body.toggled-on {
		overflow: hidden;
		pointer-events: none;
	}
}

.site {
	overflow: hidden;
}


/* # Fonts ------------------------------------------------------------------ */
@font-face {
  font-family: "CormorantUpright";
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/CormorantUpright-Regular.woff2) format("woff2");
}

@font-face {
	font-family: "OpenSans";
	font-weight: 400;
	font-display: swap;
	src: url(assets/fonts/OpenSans-Regular.woff2) format("woff2");
}


/* # Screen Reader Text ----------------------------------------------------- */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal;
}


/* # Typography ------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin-top: 0;
	margin-bottom: 1rem;
	font-family: var(--font-family-heading);
	font-weight: var(--font-medium);
	line-height: 1.15;
	text-transform: uppercase;
}

h1 {
	font-size: var(--font-size-h1);
  	letter-spacing: -0.03em;
}

h2 {
	font-size: var(--font-size-h2);
  	letter-spacing: -0.03em;
}

h3 {
	font-size: var(--font-size-h3);
	letter-spacing: -0.03em;
}

h4 {
  	font-size: var(--font-size-h4);
}

h5 {
  	font-size: var(--font-size-h5);
}

h6 {
  	font-size: var(--font-size-h6);
}
  
p {
	margin-top: 0;
	margin-bottom: 1.5rem;
	line-height: 1.6;
	letter-spacing: normal;
/* 	text-transform: uppercase; */
}
@media (min-width: 1024px) {
	p {
		font-size: var(--font-size-20);
	}
}

strong {
	font-weight: var(--font-bold);
}
  
hr {
	height: 1px;
	margin: 0 auto;
	border: 0;
	background-color: var(--gray);
}





/* ==========================================================================
   # Elements
   ========================================================================== */


/* # Links ------------------------------------------------------------------ */
a {
	color: inherit;
    text-underline-offset: 2px;
    text-decoration: underline 1.5px transparent;
	transition: text-decoration-color 300ms;
}

a:hover {
	text-decoration-color: var(--text-color);
}


/* # Hover ------------------------------------------------------------------ */
.hover {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}

.hover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-moz-transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s;
	-webkit-transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s;
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s;
}

.hover:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


/* # Quotes ----------------------------------------------------------------- */
blockquote {
	margin: 30px 0;
	padding: 0 0 0 30px;
	border-color: var(--text-color);
	border-style: solid;
	border-width: 0 0 0 2px;
	font-size: var(--font-size-14);
}
  
cite {
	opacity: 0.5;
	font-style: normal;
}


/* # List ------------------------------------------------------------------- */
ul {
	padding-left: 0;
}

.list-style-none{
	list-style: none;
}

.single .site-main ul {
	padding-left: revert;
}

li:not(.site-menu > ul > li, footer li, .toggled-on .site-menu li) {
	line-height: 1.6;
	padding: 0.5rem;
}

ol {
	list-style-type: decimal-leading-zero;
}

ol li {
	line-height: 1.2 !important;
    border-bottom: 1px solid var(--gray);
}

.awards-list li {
	padding-left: 0 !important;
	border-bottom: 1px solid var(--gray);
}
@media (min-width: 1024px) {
	.awards-list li {
		font-size: var(--font-size-20);
	}
}


/* # Code ------------------------------------------------------------------- */
code,
kbd,
pre,
samp {
	padding: 2px 4px;
	font-family: monospace;
}

code,
kbd,
samp {
	border-radius: 3px;
	background-color: var(--dark-gray);
}

pre {
	overflow: auto;
	margin: 30px 0;
	padding: 6px 12px;
	border: 1px solid var(--dark-gray);
}

pre code {
	padding: 0;
	background-color: transparent;
}


/* # Media ------------------------------------------------------------------ */
figure {
	display: block;
	margin: 0;
}

figcaption {
	display: block;
	margin-top: 15px;
	margin-bottom: 0;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
	text-align: center;
}

figcaption a {
	color: inherit;
}

iframe {
	display: block;
	max-width: 100%;
}

video {
	display: block;
}

svg,
img,
embed,
object {
	display: block;
	height: auto;
	max-width: 100%;
	fill: var(--text-color);
}

.gradient:before {
	content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
	top: auto !important;
    height: 25%;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,#f5f5f5 100%);
    opacity: 1;
	z-index: 1;
}


/* # Inputs ----------------------------------------------------------------- */
button,
input,
select,
textarea {
	max-width: 100%;
	margin: 0;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=tel],
textarea {
	width: 100%;
	padding: 10px;
	margin-top: .5rem;
	border: 0;
	border-bottom: 1px solid var(--text-color);
	background: none;
	font-size: var(--font-size-16);
	font-weight: var(--font-normal);
	transition: border 0.5s ease;
}

input[type=search].search-field {
	margin-top: 0;
    padding-left: 20px;
	border-bottom: none;
    font-size: var(--font-size-12);
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
textarea:focus {
	outline: none;
}

select {
	width: 100%;
	padding: 10px;
    margin-top: 0.5rem;
	border: 0;
	border-bottom: 1px solid var(--text-color);
	background: none;
	font-size: var(--font-size-16);
	font-weight: var(--font-normal);
	-webkit-appearance: none;
}

select option {
	font-weight: var(--font-normal);
	background: var(--white);
}

select option:first-child {
	display: none !important;
}

button,
input[type=button],
input[type=submit] {
	cursor: pointer;
	letter-spacing: -0.01em;
	-webkit-appearance: none;
    font-weight: var(--font-medium);
    color: var(--bg-color);
    padding: 10px 50px;
    margin-top: 1rem;
	border: 1px solid var(--text-color);
    border-radius: 10rem;
    background-color: var(--text-color);
	transition: all .3s ease-in;
}

input[type=submit]:hover {
    color: var(--black);
    border-color: var(--black);
    background-color: transparent;
    transition: all .3s linear 0s;
}

select:focus,
button:focus,
input[type=button]:focus,
input[type=submit]:focus {
	outline: none;
}

::-webkit-input-placeholder {
	opacity: 1;
	color: inherit;
	transition: opacity 0.3s ease;
}

::-moz-placeholder {
	opacity: 1;
	color: inherit;
	transition: opacity 0.3s ease;
}


/* # Tables ----------------------------------------------------------------- */
table {
	overflow: hidden;
	max-width: 100%;
	width: 100%;
	margin: 30px 0;
	border: 1px solid var(--dark-gray);
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

th,
td {
	border: 0.1rem solid var(--dark-gray);
	margin: 0;
	overflow: visible;
	padding: 0.5em;
}

th {
	font-weight: var(--font-bold);
	text-align: inherit;
}

thead {
	vertical-align: bottom;
	white-space: nowrap;
}





/* ==========================================================================
   # Layout
   ========================================================================== */


/* # Header ----------------------------------------------------------------- */
.site-header {
	pointer-events: none;
	z-index: 999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 15px;
	transition: visibility 0.3s, opacity 0.3s, transform 0.3s;
	--text-color: var(--black);
    background-color: var(--bg-color);
}
@media (min-width: 1024px) {
	.site-header {
		padding: 30px 40px;
	}
}
@media (min-width: 1400px) {
	.site-header {
		padding: 30px 40px;
	}
}

.site-header svg {
	fill: var(--text-color);
	transition: fill 1s cubic-bezier(0.23, 1, 0.32, 1);
}


/* # Logo ------------------------------------------------------------------- */
.site-logo {
	pointer-events: initial;
    position: relative;
    font-size: var(--font-size-18);
    font-weight: var(--font-bold);
    text-transform: uppercase;
    letter-spacing: -.03em;
}

.site-logo img {
	transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1);
}

.site-logo a {
	text-decoration: none;
}


/* # Menu ------------------------------------------------------------------- */
.site-menu {
	pointer-events: initial;
}

.site-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-menu a {
	font-size: var(--font-size-16);
    font-weight: var(--font-bold);
	text-transform: uppercase;
	cursor: pointer;
}

.footer-top ul li a,
.footer-top p {
	font-size: var(--font-size-14);
}

@media (max-width: 1024px) {
	.site-menu-wrap {
		visibility: hidden;
		z-index: 9997;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		display: flex;
		flex-direction: column;
		padding: 60px 30px;
		background-color: var(--black);
		transform: translateX(100%);
		transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
		overflow-y: scroll;
	}

	.toggled-on .site-menu-wrap  {
		visibility: visible;
		transform: translateX(0);
	}

	.toggled-on .site-menu-wrap a {
		color: var(--white);
	}

	.toggled-on .site-menu a {
		font-size: var(--font-size-h1);
	}

	.site-menu {
		font-family: var(--font-family-heading);
		text-align: center;
		line-height: 1.15;
		margin: auto 0;
	}

	.site-menu li {
		opacity: 0;
		visibility: hidden;
		margin-top: 15px;
		transform: translateX(-10px);
		transition: opacity 0.5s, transform 0.5s;
	}

	.toggled-on .site-menu li {
		opacity: 1;
		visibility: visible;
		transform: translateX(0);
	}
	.toggled-on .site-menu li:nth-child(1) {
		transition-delay: 0.1s;
	}
	.toggled-on .site-menu li:nth-child(2) {
		transition-delay: 0.2s;
	}
	.toggled-on .site-menu li:nth-child(3) {
		transition-delay: 0.3s;
	}
	.toggled-on .site-menu li:nth-child(4) {
		transition-delay: 0.4s;
	}
	.toggled-on .site-menu li:nth-child(5) {
		transition-delay: 0.5s;
	}
	.toggled-on .site-menu li:nth-child(6) {
		transition-delay: 0.6s;
	}
	.toggled-on .site-menu li:nth-child(7) {
		transition-delay: 0.7s;
	}
	.toggled-on .site-menu li:nth-child(8) {
		transition-delay: 0.8s;
	}
	.toggled-on .site-menu li:nth-child(9) {
		transition-delay: 0.9s;
	}
	.toggled-on .site-menu li:nth-child(10) {
		transition-delay: 1s;
	}

	.site-menu .sub-menu {
		display: none;
		font-size: 16px;
		font-weight: 400;
	}

	.site-menu .sub-menu a {
		opacity: 0.5;
	}

	.site-menu .sub-menu .current-menu-item > a {
		opacity: 1;
	}

	.site-menu .sub-menu li {
		display: inline-block;
		margin-right: 20px;
	}

	.site-menu .submenu-open .sub-menu {
		display: block;
	}

	.dropdown-toggle {
		color: var(--white);
		cursor: pointer;
		display: inline-block;
		width: 30px;
		margin-left: 10px;
		text-align: center;
		font-weight: 400;
	}

	.dropdown-toggle::before {
		content: "+";
	}

	.submenu-open .dropdown-toggle {
		transform: rotate(45deg);
	}
}

@media (min-width: 1025px) {
	.site-menu-wrap {
		display: flex;
		align-items: center;
	}

	.site-menu ul:not(.sub-menu) {
		display: flex;
		align-items: center;
	}

	.site-menu > ul > li {
		position: relative;
		transition: opacity 0.5s;
	}

	.site-menu li:not(:first-child) {
		margin-left: 30px;
	}

	.site-menu li.hidden {
		opacity: 0.2;
	}

	.site-menu li:hover > .sub-menu {
		visibility: visible;
		pointer-events: auto;
	}

	.site-menu .sub-menu {
		visibility: hidden;
		position: absolute;
		top: 100%;
		left: -15px;
		flex-direction: column;
		padding: 30px 15px 15px;
		transition: all 0.5s;
		pointer-events: none;
		background-color: var(--black);
		border-bottom-left-radius: 0.5rem;
    	border-bottom-right-radius: 0.5rem;
	}

	.site-menu .sub-menu li {
		margin: 0 0 3px;
		width: max-content;
		opacity: 0;
		transform: translateX(-10px);
		line-height: 2;
	}
}


/* # Menu Toggle ------------------------------------------------------------ */
.menu-toggle {
	pointer-events: initial;
	cursor: pointer;
	z-index: 9998;
	position: relative;
	right: -20px;
	margin-left: auto;
	padding: 10px 20px;
	user-select: none;
}
@media (min-width: 1025px) {
	.menu-toggle {
		display: none;
	}
}

.menu-toggle span {
	display: block;
	width: 40px;
	height: 2px;
	margin: 4px 0;
	background-color: var(--text-color);
	transition: transform 0.3s, background 1s cubic-bezier(0.23, 1, 0.32, 1);
}

.toggled-on .menu-toggle span:nth-child(1) {
	transform: translate(0, 3px) rotate(10deg);
	--text-color: var(--white);
}

.toggled-on .menu-toggle span:nth-child(2) {
	transform: translate(0, -3px) rotate(-10deg);
	--text-color: var(--white);
}


/* # Hero ------------------------------------------------------------------- */
.site-hero {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
    padding-top: 150px;
    padding-bottom: 75px;
	text-align: left;
	z-index: 0; 
	color: var(--text-color);
    background-color: var(--bg-color);
}
@media (min-width: 1024px) {
	.site-hero {
		padding-top: 200px;
		padding-bottom: 100px;
	}
}

.site-hero.height-full {
	min-height: 100vh;
	padding-top: 0;
	padding-bottom: 0;
}
@media (min-width: 1024px) {
	.site-hero.height-full {
		padding-top: 50px;
	}
}

.site-hero .container {
	z-index: 2;
}

.no-title .site-hero {
	padding: 0;
}

.hero-media {
	overflow: hidden;
	user-select: none;
	pointer-events: none;
	opacity: calc(0.01 * var(--hero-opacity));
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: opacity 0.3s ease;
}

.hero-media img,
.hero-media video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.height-full .hero-media {
	height: 100vh;
}

.hero-caption {
	position: relative;
	z-index: 2;
	text-align: center;

}

.hero-caption > *:first-child {
	margin-top: 0;
}

.hero-caption > *:last-child {
	margin-bottom: 0;
}

.error404 .hero-caption {
	margin: 0 auto;
}

.hero-title {
	color: var(--text-color);
	font-size: var(--font-size-xl);
	text-transform: uppercase;
	line-height: .9;
}
@media (min-width: 1024px) {
	.hero-title {
		line-height: .75;
	}
}

.hero-subtitle {
	color: var(--text-color);
	text-transform: uppercase;
}

.star {
	position: absolute;
	bottom: -12rem;
	right: 47vw;
}
@media (min-width: 1024px) {
	.star {
		bottom: -6rem;
	}
}

.blog .star {
	bottom: -6rem;
}

.archive .hero-title,
.search .hero-title,
.error404 .hero-title {
	font-size: var(--font-size-xl);
    margin-bottom: 0;
}

.error404 .hero-title {
	font-size: 250px;
	text-align: center;
	margin-bottom: 4rem;
}

.error404 .hero-subtitle {
	margin-top: 0;
	text-align: center;
	width: 100%;
}


/* # Main ------------------------------------------------------------------- */
.site-main {
	padding-top: 0;
	padding-bottom: 0;
}

.no-title .site-main, .no-hero .site-main {
	padding-top: 100px;
}

.error404 .site-main, .search-no-results .site-main {
	display: none;
}

.entry-header {
	padding-bottom: 75px;
}

.entry-header h1 {
	margin-top: 0;
}

.entry-header .entry-meta span:not(:first-child)::before {
	padding: 0 10px;
	content: "—";
}


/* # Section ---------------------------------------------------------------- */
section, .section {
	margin-top: 75px;
	margin-bottom: 75px;
    color: var(--text-color);
	background-color: var(--bg-color);
}
@media (min-width: 1024px) {
	section, .section {
		margin-top: 100px;
		margin-bottom: 100px;
	}
}

.py-s {
	padding-top: 75px;
	padding-bottom: 75px;
}
@media (min-width: 1024px) {
	.py-s {
		padding-top: 100px;
		padding-bottom: 100px;
	}
}

.n-mt {
	margin-top: -75px;
}
@media (min-width: 1024px) {
	.n-mt {
		margin-top: -100px;
	}
}

.n-mb {
	margin-bottom: -75px;
}
@media (min-width: 1024px) {
	.n-mb {
		margin-bottom: -100px;
	}
}

.ml-15 {
	margin-left: 2rem;
}
@media (min-width: 1024px) {
	.ml-15 {
		margin-left: 15rem;
	}
}


/* # Blog ------------------------------------------------------------------- */
.blog-container {
	padding-top: 50px;
	padding-bottom: 50px;
}
@media (min-width: 1024px) {
	.blog-container {
		padding-top: 100px;
		padding-bottom: 100px;
	}
}

.blog-container p, .blog-container ul {
    font-weight: var(--font-normal);
	margin-bottom: 2rem;
}
@media (min-width: 1024px) {
	.blog-container p, .blog-container ul {
		font-size: var(--font-size-20);
	}
}

.blog-container img {
    margin: 2rem 0;
}
@media (min-width: 1024px) {
	.blog-container img {
		margin: 4rem 0;
	}
}

.post-caption {
	position: relative;
	padding: 2rem 0;
}
@media (min-width: 1024px) {
	.post-caption {
		padding: 3rem 0 0 2rem;
	}
}

.post-meta {
	display: flex;
	flex-wrap: wrap;
	position: absolute;
    top: -2.5rem;
    left: 2rem;
}

.post-category {
	display: flex;
	flex-wrap: wrap;
}

.post-category a {
	font-size: 10px;
    line-height: normal;
	font-weight: var(--font-medium);
    text-transform: uppercase;
	text-decoration: none;
    background-color: var(--white);
    border-radius: 5rem;
	border: 1px solid black !important;
    padding: 4px 8px;
    margin-right: 0.5rem;
}

.post-category span {
	margin: 0 5px;
}

.post-time::before {
	margin: 0 5px;
	content: "—";
}

.post-excerpt {
	font-size: var(--font-size-12);
    margin-bottom: 1rem;
}
@media (min-width: 1024px) {
	.post-excerpt {
		font-size: var(--font-size-16);
	}
}

.sticky .post-sticky {
	margin-right: 20px;
	padding: 2px 5px;
	border-radius: 3px;
	background-color: var(--dark-gray);
	font-size: var(--font-size-12);
}

.single .site-main {
	padding-top: 0;
}

.single .overflow-bg img {
	max-height: 550px;
    object-fit: cover;
	border-radius: .5rem;
}

.single .hero-caption {
	margin: 0 auto;
    text-align: center;
}

.single .site-main h1,
.single .site-main h2,
.single .site-main h3,
.single .site-main h4,
.single .site-main h5,
.single .site-main h6 {
    margin-top: 3rem;
    margin-bottom: 1.5rem;
}

.single h2:first-child {
	margin-top: 0;
}

.single-post .hero-title {
	font-size: var(--font-size-h1);
}

.single-post p {
	text-transform: inherit;
}

.entry-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.post-tags {
	text-align: center;
	text-transform: lowercase;
}

.post-tags a {
	margin-right: 10px;
}

.post-tags a::before {
	content: "#";
}

.sidebar {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
@media (min-width: 768px) {
	.sidebar {
		flex-direction: row;
		align-items: baseline;
	}
}

.sidebar h2 {
	font-size: var(--font-size-h4);
}

.sidebar label {
    font-family: var(--font-family-heading);
	font-size: var(--font-size-h4);
    text-transform: uppercase;
}

.widget {
	margin-bottom: 2rem;
}
@media (min-width: 768px) {
	.widget {
		margin-bottom: 0;
	}
}

.widget:last-child {
	margin-bottom: 0;
}

.search-form {
	display: flex;
    align-items: center;
    justify-content: space-between;
    perspective: 1px;
    padding: 5px;
    border-radius: 5rem;
    background-color: transparent;
    border: 1.5px solid var(--black);
}

.widget_search {
	margin-right: 2rem;
}

.widget input[type=submit] {
    color: var(--white);
    font-size: var(--font-size-10);
    line-height: 12px;
    text-transform: uppercase;
    margin: 0;
    padding: 15px 31px;
    min-width: inherit;
    perspective: 1px;
    border-radius: 5rem;
    border: 1.5px solid var(--black);
    background-color: var(--black);
	transition-duration: 0.5s;
    transition-property: color,border,background-color;

}

.widget input[type=submit]:hover {
	color: var(--black);
	border-color: var(--black);
	background-color: transparent;
}

.widget ul {
	padding-left: 0;
	margin: 0;
}

.widget ul li {
	list-style: none;
}

.widget_categories ul {
	display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.cat-item {
	font-size: 10px;
	font-weight: var(--font-medium);
    text-align: center;
    text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
    border: 1.5px solid var(--black);
    border-radius: 5rem;
	--text-color: var(--black);
	background-color: transparent;
	margin: 5px;
    padding: 10px 20px !important;
	transition-duration: 0.5s;
	transition-property: --text-color,background-color;
}

.cat-item:hover {
	color: var(--bg-color);
	background-color: var(--black);
	text-decoration: none;
}

.cat-item a {
    text-decoration: none;
}

.cat-item a:hover {
	color: var(--bg-color);
    text-decoration: none;
}

.current-cat {
    --text-color: var(--bg-color);
	background-color: var(--black);
}

.blog-area .col-12 {
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--gray);
}

@media (min-width: 1024px) {
	.blog-area .col-12 {
		column-count: 2;
		column-fill: balance;
		margin-bottom: 4rem;
		padding-bottom: 4rem;
	}
}

.blog .hero-subtitle {
	display: none;
}

.blog section:last-child {
	display: none;
}


/* # Portfolio -------------------------------------------------------------- */
.portfolio-thumbnail .hover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.portfolio-thumbnail.has-video img {
	opacity: 0;
}

.portfolio-thumbnail.has-video:hover img {
	opacity: 0;
}

.portfolio-thumbnail-secondary {
	opacity: 0;
	transition: opacity 0.5s ease;
}

.portfolio-thumbnail:hover .portfolio-thumbnail-secondary {
	opacity: 1;
}

.portfolio-caption {
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.portfolio-caption h3 {
	margin-bottom: .5rem;
}

.portfolio-caption p {
	margin-bottom: 0;
}

.portfolio-excerpt {
	padding: 1rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--dark-gray);
}

.portfolio-excerpt p {
	margin-bottom: 0;
}

.project-date::before {
	margin: 0 10px;
	content: "—";
}

.portfolio-caption a::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}

.portfolio-area a {
	text-decoration: none;
}

.has-content + .portfolio-area {
	margin-top: 100px;
}

.portfolio-area .type-portfolio {
	position: relative;
}

.hover_reveal {
	font-family: var(--font-family-heading);
    font-size: var(--font-size-h1);
    text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}

.hover-reveal {
	position: fixed;
	width: 250px;
    height: 300px;
	top: 0;
	left: 0;
	pointer-events: none;
	opacity: 0;
}

.hover-reveal__inner,
.hover-reveal__img {
	width: 100%;
	height: 100%;
	position: relative;
}

.hover-reveal__img {
	background-size: cover;
	background-position: 50% 50%;
}


/* # Load More -------------------------------------------------------------- */
.load-more {
	display: block !important;
    width: fit-content;
	margin: 0 auto;
    cursor: pointer;
}


/* # Comments --------------------------------------------------------------- */
.comments-area {
	text-align: left;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-top: 150px;
	margin-bottom: 150px;
}
@media (min-width: 1024px) {
	.comments-area {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}
}

.comments-area ul {
	list-style: none;
}

.comment-list {
	margin: 0 0 150px;
	padding: 0;
}

.comment-body {
	margin-bottom: 50px;
	display: flex;
	align-items: center;
}

.comment-body .avatar {
	border-radius: 50%;
	width: 80px;
	margin-right: 20px;
}

.comment-body .bypostauthor .avatar {
	padding: 5px;
	border: 2px solid var(--text-color);
}

.comment-header .fn {
	font-size: var(--font-size-20);
	font-weight: var(--font-bold);
	line-height: 1.4;
	letter-spacing: -0.01em;
}

.comment-meta {
	display: flex;
}
.comment-meta .reply::before {
	margin: 0 10px;
	content: "—";
}

.comment-content {
	width: calc(100% - 100px);
}

.comment-respond {
	position: relative;
}

.comment-reply-title span {
	z-index: -1;
	opacity: 0.1;
	position: absolute;
	top: 45px;
	left: 0;
	margin: 0;
}

.comment-reply-title small {
	position: absolute;
	right: 0;
	bottom: 8px;
	opacity: 0.5;
	font-size: var(--font-size-14);
	letter-spacing: 0;
}

.comment-form p {
	margin-top: 0;
	margin-bottom: 20px;
}

.comment-form label {
	display: none;
}

.logged-in-as {
	position: absolute;
	transform: translateY(-100%);
	margin-top: 0;
}

@media (min-width: 768px) {
	.comment-header {
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
	}

	.comment-meta::before {
		margin: 0 10px;
		content: "—";
	}

	.comment-form-author {
		float: left;
		width: calc(50% - 20px);
		margin-right: 40px;
	}

	.comment-form-email {
		display: inline-block;
		width: calc(50% - 20px);
	}
}


/* # Navigation ------------------------------------------------------------- */
.page-numbers {
	font-size: 10px;
	font-weight: var(--font-medium);
    text-align: center;
    text-transform: uppercase;
	cursor: pointer;
    border: 1.5px solid var(--white);
    border-radius: 5rem;
	--text-color: var(--white);
	background-color: transparent;
	margin: 5px;
    padding: 10px 20px !important;
	transition-duration: 0.5s;
	transition-property: --text-color,background-color;
}

.page-numbers:hover {
	--text-color: var(--black);
	background-color: var(--white);
}

.page-numbers.current {
    color: var(--black);
	background-color: var(--white);
}

.entry-navigation {
	text-align: left;
}

.entry-navigation.post, .entry-navigation.portfolio {
	padding-top: 75px;
	padding-bottom: 75px;
}
@media (min-width: 1024px) {
	.entry-navigation.post, .entry-navigation.portfolio {
		padding-top: 100px;
		padding-bottom: 100px;
	}
}

.entry-navigation a {
	text-decoration: none;
}

.page-links {
	clear: both;
	margin: 30px 0;
}

.page-links .post-page-numbers {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
}

.page-links .current {
	background-color: var(--dark-gray);
}


/* # Footer ----------------------------------------------------------------- */
.site-footer {
	position: relative;
	z-index: 0;
	padding: 1rem 0;
}
@media (max-width: 768px) {
	.site-footer div:empty {
		display: none;
	}
}
@media (min-width: 1024px) {
	.site-footer {
		padding: 5rem 0 2rem;
	}
}

.site-footer ul {
	list-style: none;
	margin-bottom: 0;
}

.site-footer p {
	font-size: var(--font-size-14);
}
@media (min-width: 1024px) {
	.site-footer p {
		margin-bottom: 0;
	}
}


/* # Social Icons ----------------------------------------------------------- */
.site-social {
	pointer-events: initial;
	display: flex;
	align-items: center;
	margin-top: 0;
}
@media (min-width: 1024px) {
	.site-social {
		float: right;
	}
}

.site-social li:first-child {
	padding-left: 0;
}
.site-social li {
	padding-left: 15px;
	margin-bottom: 1rem;
}
@media (min-width: 1024px) {
	.site-social li {
		margin-bottom: 0;
	}
}

.site-social a {
    --text-color: var(--black);
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid var(--text-color);
    display: flex;
    align-items: center;
    justify-content: center;
	transition: all 400ms ease-in-out 0s;
}
.site-social a:hover {
    --text-color: var(--white);
	background-color: var(--black);
}
@media (max-width: 1025px) {
	.site-social a:nth-child(1) {
		transition-delay: 0.1s;
	}
	.site-social a:nth-child(2) {
		transition-delay: 0.2s;
	}
	.site-social a:nth-child(3) {
		transition-delay: 0.3s;
	}
	.site-social a:nth-child(4) {
		transition-delay: 0.4s;
	}
	.site-social a:nth-child(5) {
		transition-delay: 0.5s;
	}
	.site-social a:nth-child(6) {
		transition-delay: 0.6s;
	}
	.site-social a:nth-child(7) {
		transition-delay: 0.7s;
	}
	.site-social a:nth-child(8) {
		transition-delay: 0.8s;
	}
	.site-social a:nth-child(9) {
		transition-delay: 0.9s;
	}
	.site-social a:nth-child(10) {
		transition-delay: 1s;
	}
	.toggled-on .site-social a {
		opacity: 1;
		visibility: visible;
		transform: translate(0);
	}
}





/* ==========================================================================
   # Animations
   ========================================================================== */
.hero-caption,
.blog-area > *,
.portfolio-area .row > *,
.portfolio-area .portfolio-caption,
.entry-header,
.site-main > *:not(.entry-navigation, .noanimation),
.load-more,
.single-post .post-footer,
.comment,
.comment-respond {
	opacity: 0;
	transform: translate3d(0px, 40px, 0);
	transition: opacity 0.9s cubic-bezier(0.23, 1, 0.32, 1) 0.3s, transform 0.9s cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
}

.hero-caption.active,
.blog-area > *.active,
.portfolio-area .row > *.active,
.portfolio-area .portfolio-caption.active,
.entry-header.active,
.site-main > *.active,
.load-more.active,
.single-post .post-footer.active,
.comment.active,
.comment-respond.active {
	opacity: 1;
	transform: translate3d(0px, 0px, 0);
}





/* ==========================================================================
   # External
   ========================================================================== */


/* # Lazy loading ----------------------------------------------------------- */
.swiper-lazy {
	opacity: 0;
	transition: opacity 0.5s;
}

.swiper-lazy-loaded {
	opacity: 1;
}

.lazyload,
.lazyloading {
	opacity: 0;
}

.lazyloaded {
	opacity: 1;
	transition: opacity 0.3s;
}


/* # Contact Form 7 --------------------------------------------------------- */
.wpcf7-form label {
    color: var(--text-color);
	font-size: var(--font-size-h3);
    font-weight: var(--font-bold);
}

.column {
	margin-bottom: 1.5rem;
}

@media (min-width: 1024px) {
	.column-2 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-moz-column-fill: balance;
		column-fill: balance;
	}
}

.wpcf7-date {
    font-size: var(--font-size-20);
    font-weight: var(--font-normal);
	padding: 10px;
    margin-top: 0.5rem;
    border: 1px solid var(--text-color);
    background: none;
	width: 100%;
}

.wpcf7-file {
	margin-bottom: 1rem;
}

.wpcf7 form p {
	margin-top: 0;
	margin-bottom: 20px;
}

.wpcf7 form .wpcf7-response-output {
	margin: 0;
	padding: 15px;
	border: 0;
	text-align: center;
	color: var(--white);
}

.wpcf7 form .wpcf7-not-valid-tip {
	display: none;
}

.wpcf7 form .wpcf7-not-valid {
	border-color: var(--red);
}

.wpcf7-list-item {
	margin: 0 0 .5rem;
}

.wpcf7-list-item-label {
	font-size: var(--font-size-16);
	font-weight: normal;
    margin-left: 0.5rem;
}

.wpcf7-list-item-label .link {
	font-size: var(--font-size-16);
    font-weight: normal;
	text-transform: lowercase;
}

.wpcf7-not-valid .wpcf7-list-item-label {
	color: var(--red);
}

.wpcf7 form.invalid .wpcf7-response-output {
	background-color: var(--red);
}

.wpcf7 form.sent .wpcf7-response-output {
	background-color: var(--green);
}

.wpcf7 form .ajax-loader {
	position: relative;
	margin-left: 7px !important;
	background: none !important;
}
.wpcf7 form .ajax-loader::after {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background-color: var(--text-color);
	animation: wpcf7_loader 1.2s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}

@keyframes wpcf7_loader {
	0% {
		left: 0;
	}
	25% {
		width: 6px;
	}
	50% {
		left: 100%;
		width: 4px;
	}
	75% {
		width: 6px;
	}
	100% {
		left: 0;
		width: 4px;
	}
}
@media (min-width: 768px) {
	.form-inputs {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.form-inputs p {
		flex: 0 0 48%;
	}
}

input[type=file]::file-selector-button {
	font-size: var(--font-size-16);
	cursor: pointer;
	padding: .75rem 1.25rem;
	border: none;
	border-radius: 10rem;
	color: var(--black);
	background-color: var(--gray);
	transition: all 0.3s;
}
  
input[type=file]::file-selector-button:hover {
	color: var(--black);
	background-color: var(--gray);
}

input[type='checkbox'] {
    accent-color: var(--green);
}

.wpcf7-form-control-wrap {
	line-height: 1;
}





/* ==========================================================================
   # Components
   ========================================================================== */


/* # Buttons ---------------------------------------------------------------- */
.btn {
	position: relative;
	display: inline-block;
	font-weight: var(--font-medium);
	color: var(--bg-color);
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	min-width: 9.5rem;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: var(--text-color);
	border: 1.5px solid var(--text-color);
	padding: 1rem 1.25rem;
	font-size: 11px;
	line-height: 1;
	border-radius: 10rem;
	transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
	z-index: 1;
}

.btn:hover {
	color: var(--text-color);
	background-color: var(--bg-color);
}

@media (min-width: 1024px) {
	.btn-align {
		text-align: right;
		padding-right: 11rem;
	}
}

.btn-container {
	height: calc(100px + 100*(100vw - 300px)/1600);
	width: calc(100px + 100*(100vw - 300px)/1600);
	border-radius: 50%;
	overflow: hidden;
	z-index: 1;
	transition: 0.5s;
    position: absolute;
    right: 1rem;
    bottom: -3rem;
}
@media (min-width: 1024px) {
	.btn-container {
		bottom: -5rem;
	}
}

.btn-mask {
	text-transform: uppercase;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(100px + 100*(100vw - 300px)/1600);
	width: calc(100px + 100*(100vw - 300px)/1600);
	color: var(--text-color);
	background-color: transparent;
    border: 2px solid;
    border-radius: 50%;
}

.btn-container button {
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 0;
	padding: 0;
	height: calc(100px + 100*(100vw - 300px)/1600);
	width: calc(100px + 100*(100vw - 300px)/1600);
	background-color: var(--black);
	-webkit-mask: url(/wp-content/uploads/2022/07/btn-mask.png);
	mask: url(/wp-content/uploads/2022/07/btn-mask.png);
	-webkit-mask-size: 7100% 100%;
	mask-size: 7100% 100%;
	border: none;
	color: var(--bg-color);
	cursor: pointer;
	-webkit-animation: mask 0.7s steps(70) forwards;
	animation: mask 0.7s steps(70) forwards;
}

.btn-container button:hover {
  -webkit-animation: maskani 0.7s steps(70) forwards;
  animation: maskani 0.7s steps(70) forwards;
}
@-webkit-keyframes maskani {
  from {
	-webkit-mask-position: 0 0;
	mask-position: 0 0;
  }
  to {
	-webkit-mask-position: 100% 0;
	mask-position: 100% 0;
  }
}
@keyframes maskani {
  from {
	-webkit-mask-position: 0 0;
	mask-position: 0 0;
  }
  to {
	-webkit-mask-position: 100% 0;
	mask-position: 100% 0;
  }
}
@-webkit-keyframes mask {
  from {
	-webkit-mask-position: 100% 0;
	mask-position: 100% 0;
  }
  to {
	-webkit-mask-position: 0 0;
	mask-position: 0 0;
  }
}
@keyframes mask {
  from {
	-webkit-mask-position: 100% 0;
	mask-position: 100% 0;
  }
  to {
	-webkit-mask-position: 0 0;
	mask-position: 0 0;
  }
}


/* # Slider ----------------------------------------------------------------- */
.swiper-button-prev {
	position: absolute;
	top: -85px !important;
    right: 100px !important;
    left: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	border-radius: 100%;
	border: 1.5px solid var(--black);
	background: none;
	padding-right: 3px;
	transition-duration: 0.5s;
	transition-property: border-color,background-color;
}

.swiper-button-prev:hover {
	background-color: var(--black);
}

.swiper-button-prev:hover .swiper-button-prev-arrow {
	background-color: #fcf6f4;
}

.swiper-button-prev-arrow {
	width: 8px;
	height: 15px;
	margin-top: 0;
	right: auto;
	top: auto;
	cursor: pointer;
	background-color: var(--black);
	-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYuNiAxMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNi42IDEzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1LjQsMTMgMCw2LjUgNS40LDAgNi42LDEgMiw2LjUgNi42LDEyICI+PC9wb2x5Z29uPjwvc3ZnPg==);
	mask-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYuNiAxMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNi42IDEzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1LjQsMTMgMCw2LjUgNS40LDAgNi42LDEgMiw2LjUgNi42LDEyICI+PC9wb2x5Z29uPjwvc3ZnPg==);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

.swiper-button-next {
	position: absolute;
	top: -85px !important;
	right: 30px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	border-radius: 100%;
	border: 1.5px solid var(--black);
	background: none;
	padding-left: 3px;
	transition-duration: 0.5s;
	transition-property: border-color,background-color;
}

.swiper-button-next:hover {
	background-color: var(--black);
}

.swiper-button-next:hover .swiper-button-next-arrow {
	background-color: #fcf6f4;
}

.swiper-button-next-arrow {
	width: 8px;
	height: 15px;
	margin-top: 0;
	right: auto;
	top: auto;
	cursor: pointer;
	background-color: var(--black);
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYuNiAxMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNi42IDEzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSIxLjIsMTMgMCwxMiA0LjYsNi41IDAsMSAxLjIsMCA2LjYsNi41ICI+PC9wb2x5Z29uPjwvc3ZnPg==);
	mask-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYuNiAxMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNi42IDEzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSIxLjIsMTMgMCwxMiA0LjYsNi41IDAsMSAxLjIsMCA2LjYsNi41ICI+PC9wb2x5Z29uPjwvc3ZnPg==);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

.clients-slider .swiper-button-prev {
	left: 6px;
	top: -65px !important;
}
@media (min-width: 1024px) {
	.clients-slider .swiper-button-prev {
		left: 30px;
		top: -85px !important;
	}
}

.clients-slider .swiper-button-next {
	right: 6px !important;
	top: -65px !important;
}
@media (min-width: 1024px) {
	.clients-slider .swiper-button-next {
		right: 30px !important;
		top: -85px !important;
	}
}

.swiper-button-prev::after,
.swiper-button-next::after {
	display: none;
}

.slider-container img {
	border-radius: 0.5rem;
}


/* # Crawling Text ---------------------------------------------------------- */
.quotes-section .quote-row {
	font-family: var(--font-family-heading);
	font-size: var(--font-size-xl);
	text-transform: uppercase;
	line-height: .75;
	white-space: nowrap;
	width: auto;
}
.quotes-section .quote-row:nth-child(even) {
	margin-right: -60vw;
}
.quotes-section.animation .quote-row {
	animation: crawling-line 20s linear infinite;
}
.quotes-section.animation .quote-row:nth-child(even) {
	animation: crawling-line 20s linear infinite reverse;
}

@-webkit-keyframes crawling-line {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	to {
		-webkit-transform: translate3d(-100vw, 0, 0);
		transform: translate3d(-100vw, 0, 0);
	}
	}
	@keyframes crawling-line {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	to {
		-webkit-transform: translate3d(-100vw, 0, 0);
		transform: translate3d(-100vw, 0, 0);
	}
}


/* # Clients ---------------------------------------------------------------- */
.clients {
	border-radius: 0.5rem;
    background-color: #f1e8e5;
}


/* # Testimonial ------------------------------------------------------------ */
.testimonial {
	padding: 2rem 2rem .5rem;
    background-color: #f1e8e5;
    border-radius: .5rem;
}

.testimonial::after {
	content: "”";
    position: absolute;
    right: 2rem;
    bottom: -5rem;
    font-size: 9.5rem;
    font-weight: var(--font-bold);
}

.testimonial-item {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nOTUnIGhlaWdodD0nMTUnIHZpZXdCb3g9JzAgMCA5NSAxNScgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNNy41IDBMOS42MDI4IDQuNjA1NzRMMTQuNjMyOSA1LjE4MjM3TDEwLjkwMjQgOC42MDU1MUwxMS45MDg0IDEzLjU2NzZMNy41IDExLjA3NzVMMy4wOTE2MSAxMy41Njc2TDQuMDk3NiA4LjYwNTUxTDAuMzY3MDc2IDUuMTgyMzdMNS4zOTcyIDQuNjA1NzRMNy41IDBaJyBmaWxsPSdibGFjaycvPjxwYXRoIGQ9J00yNy41IDBMMjkuNjAyOCA0LjYwNTc0TDM0LjYzMjkgNS4xODIzN0wzMC45MDI0IDguNjA1NTFMMzEuOTA4NCAxMy41Njc2TDI3LjUgMTEuMDc3NUwyMy4wOTE2IDEzLjU2NzZMMjQuMDk3NiA4LjYwNTUxTDIwLjM2NzEgNS4xODIzN0wyNS4zOTcyIDQuNjA1NzRMMjcuNSAwWicgZmlsbD0nYmxhY2snLz48cGF0aCBkPSdNNDcuNSAwTDQ5LjYwMjggNC42MDU3NEw1NC42MzI5IDUuMTgyMzdMNTAuOTAyNCA4LjYwNTUxTDUxLjkwODQgMTMuNTY3Nkw0Ny41IDExLjA3NzVMNDMuMDkxNiAxMy41Njc2TDQ0LjA5NzYgOC42MDU1MUw0MC4zNjcxIDUuMTgyMzdMNDUuMzk3MiA0LjYwNTc0TDQ3LjUgMFonIGZpbGw9J2JsYWNrJy8+PHBhdGggZD0nTTY3LjUgMEw2OS42MDI4IDQuNjA1NzRMNzQuNjMyOSA1LjE4MjM3TDcwLjkwMjQgOC42MDU1MUw3MS45MDg0IDEzLjU2NzZMNjcuNSAxMS4wNzc1TDYzLjA5MTYgMTMuNTY3Nkw2NC4wOTc2IDguNjA1NTFMNjAuMzY3MSA1LjE4MjM3TDY1LjM5NzIgNC42MDU3NEw2Ny41IDBaJyBmaWxsPSdibGFjaycvPjxwYXRoIGQ9J004Ny41IDBMODkuNjAyOCA0LjYwNTc0TDk0LjYzMjkgNS4xODIzN0w5MC45MDI0IDguNjA1NTFMOTEuOTA4NCAxMy41Njc2TDg3LjUgMTEuMDc3NUw4My4wOTE2IDEzLjU2NzZMODQuMDk3NiA4LjYwNTUxTDgwLjM2NzEgNS4xODIzN0w4NS4zOTcyIDQuNjA1NzRMODcuNSAwWicgZmlsbD0nYmxhY2snLz48L3N2Zz4K");
    background-repeat: no-repeat;
    background-size: 5.5rem auto;
    padding-top: 2.5rem;
}


/* # Services ------------------------------------------------------------------ */
.services {
    padding: 2rem;
    border-radius: .5rem;
	background-color: var(--white);
	margin-bottom: 1.9rem;
}

.col-lg-4:nth-child(6) .services {
	margin-bottom: 0;
}
@media (min-width: 1024px) {
	.col-lg-4:nth-child(4) .services {
		margin-bottom: 0;
	}
	.col-lg-4:nth-child(5) .services {
		margin-bottom: 0;
	}
}

.services img {
	width: 2.5rem;
	height: 2.5rem;
	margin-bottom: 1.5rem;
}

.services h4 {
	font-size: var(--font-size-14);
	margin-bottom: 1rem;
}

.swiper-slide-inner .services {
	margin-bottom: 0;
    padding: 2rem 1.1rem;
	border-radius: 0.5rem;
	background-color: var(--light-gray);
}


/* # CTA -------------------------------------------------------------------- */
.cta-link {
	font-size: var(--font-size-h2);
    letter-spacing: -0.05em;
}



/* # CF7 Test -------------------------------------------------------------------- */
.wpcf7-form.sent p
{
display:none;
}