/*
	Theme Name: AI Consulting by CMS Wordpress Theme
	Version: 1.0.0
	Author: Roland Szabó
	Author URI: https://rolandszabo.design/en/
	Description: A WordPress theme hand-crafted with ♥ by your friend, Roland.
*/



/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }



/* Webfonts */

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('webfonts/inter-v19-latin-ext-300.woff2') format('woff2');
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('webfonts/inter-v19-latin-ext-700.woff2') format('woff2');
}



/* Variables */

:root {
	--sans: 'Inter', sans-serif;

	--text: #505559;
	--text-dark: #292e33;
	--text-light: #737980;

	--bg: #dfe5eb;
	--bg-dark: #cbd1d6;
	--bg-light: #ebf0f5;

	--color: #2e6399;
	--color-dark: #205080;
	--color-light: #3d97f2;

	--gradient: radial-gradient(circle,rgba(61, 151, 242, 1) 0%, rgba(46, 99, 153, 1) 100%);

	--danger: #e54545;

	--transition-duration: .25s;
	--border-radius: 1rem;
}

@media only screen and (max-width: 767.98px) {
	:root {
		--spacer-text: 1rem;
		--spacer-block: 2rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
	:root {
		--spacer-text: 1.5rem;
		--spacer-block: 3rem;
	}
}

@media only screen and (min-width: 992px) {
	:root {
		--spacer-text: 2rem;
		--spacer-block: 4rem;
	}
}



/* Base */

::selection {
	color: #FFF;
	background-color: var(--color-light);
}

html {
	scroll-behavior: smooth;
	font-size: 62.5%;
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: initial; }
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	font-family: var(--sans);
	font-weight: 300;
	color: var(--text);
}

@media only screen and (max-width: 767.98px) {
	body {
		font-size: 1.6rem;
		letter-spacing: -.3px;
		line-height: 1.6;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
	body {
		font-size: 1.8rem;
		letter-spacing: -.4px;
		line-height: 1.7;
	}
}

@media only screen and (min-width: 992px) {
	body {
		font-size: 2rem;
		letter-spacing: -.5px;
		line-height: 1.8;
	}
}

img {
	max-width: 100%;
	height: auto;
}

.main {
	flex-grow: 1;
}

.container {
	max-width: 120rem;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (max-width: 767.98px) {
	.container {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

@media only screen and (min-width: 768px) {
	.container {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

.container--thin {
	max-width: 70rem;
}

@media only screen and (max-width: 767.98px) {
	.section {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
}

@media only screen and (min-width: 768px) {
	.section {
		padding-top: 10rem;
		padding-bottom: 10rem;
	}
}

.section--top {
	padding-top: 0;
}

.section--bg {
	background-color: var(--bg);
}



/* Grid "System" */

.two-col,
.three-col {
	display: grid;
	margin-top: var(--spacer-block);
	margin-bottom: var(--spacer-block);
}

@media only screen and (max-width: 767.98px) {
	.two-col {
		grid-gap: 2rem;
	}
}

@media only screen and (min-width: 768px) {
	.two-col {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 3rem;
	}
}

@media only screen and (max-width: 991.98px) {
	.three-col {
		grid-gap: 2rem;
	}
}

@media only screen and (min-width: 992px) {
	.three-col {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 2rem;
	}
}

@media only screen and (max-width: 767.98px) {
	.two-col--vertical-gap-only {
		grid-gap: 0 2rem;
	}
}

@media only screen and (min-width: 768px) {
	.two-col--vertical-gap-only {
		grid-gap: 0 3rem;
	}
}



/* Typography */

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	overflow-wrap: break-word;
	font-weight: 700;
	color: var(--text-dark);
	line-height: 1.2;
}

h1, .h1 {
	font-weight: 300;
}

@media only screen and (max-width: 767.98px) {
	h1, .h1 {
		font-size: 2.8rem;
		letter-spacing: -0.028em;
		margin: 0 0 3rem;
	}

	h2, .h2 {
		font-size: 2.4rem;
		letter-spacing: -0.024em;
		margin: 2.5rem 0 2rem;
	}

	h3, .h3 {
		font-size: 2rem;
		letter-spacing: -0.02em;
		margin: 2rem 0 1.5rem;
	}

	h4, .h4 {
		font-size: 1.6rem;
		letter-spacing: -0.016em;
		margin: 2rem 0 1.5rem;
	}

	h5, .h5,
	h6, .h6 {
		margin: 1rem 0;
	}
}

@media only screen and (min-width: 768px) {
	h1, .h1 {
		font-size: 3.91rem;
		letter-spacing: -0.061em;
		margin: 0 0 4rem;
	}

	h2, .h2 {
		font-size: 3.13rem;
		letter-spacing: -0.049em;
		margin: 3rem 0 2.5rem;
	}

	h3, .h3 {
		font-size: 2.5rem;
		letter-spacing: -0.039em;
		margin: 2.5rem 0 2rem;
	}

	h4, .h4 {
		font-size: 2rem;
		letter-spacing: -0.031em;
		margin: 2.5rem 0 2rem;
	}

	h5, .h5,
	h6, .h6 {
		margin: 1.5rem 0;
	}
}

.page-title__big {
	display: inline-block;
}

@media only screen and (max-width: 767.98px) {
	.page-title__big {
		font-size: 4rem;
		letter-spacing: -2.25px;
	}
}

@media only screen and (min-width: 768px) {
	.page-title__big {
		font-size: 7rem;
		letter-spacing: -4px;
	}
}

.page-title__small {
	display: block;
	margin-top: 1rem;
}

.section__title {
	margin-top: 0;
}

p {
	margin-bottom: var(--spacer-text);
}

ul, ol {
	margin-left: 3rem;
	margin-bottom: var(--spacer-text);
}

.list-style-none {
	list-style: none;
	margin-left: 0;
}

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

li ul,
li ol {
	margin-bottom: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li {
	margin-bottom: .5rem;
}

li::marker {
	font-weight: 700;
	color: var(--text-dark);
}

.checklist {
	margin-left: 0;
	list-style: none;
}

.checklist li {
	list-style: none;
}

dt {
	font-weight: 700;
}

a {
	text-decoration: none;
	color: var(--color-light);
	transition: color var(--transition-duration);
	border-bottom: 1px solid var(--bg);
}

a:hover,
a:focus {
	color: var(--color);
}

hr {
	border: 0;
	border-bottom: 1px solid var(--bg-dark);
}

@media only screen and (max-width: 767.98px) {
	hr {
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
}

@media only screen and (min-width: 768px) {
	hr {
		margin-top: 4rem;
		margin-bottom: 4rem;
	}
}

strong, b {
	font-weight: 700;
}

em {
	font-style: italic;
}

small {
	font-size: 87.5%;
}

sub {
	vertical-align: sub;
}

sup {
	vertical-align: super;
}

cite {
	font-style: italic;
}

code, pre, var, kbd {
	font-family: monospace;
	overflow-wrap: break-word;
	white-space: pre-wrap;
}

abbr, acronym {
	text-decoration: none;
	border-bottom: 1px dashed var(--bg-dark);
}

figure {
	padding: 1rem;
	background-color: var(--bg);
}

figcaption {
	font-size: 1.6rem;
	text-align: center;
}

.text-danger {
	color: var(--danger);
}

.text-color {
	color: var(--color-light);
}

.text-dark {
	color: var(--text-dark);
}

.text-center {
	text-align: center;
}

.icon-left {
	margin-right: .5rem;
}

.huge {
	font-size: 8rem;
	letter-spacing: -4px;
	text-align: center;
}



/* Tables */

.table {
	overflow-x: auto;
	margin-bottom: var(--spacer-text);
}

table {
	width: 100%;
}

td, th {
	padding: 1rem;
}

@media only screen and (max-width: 767.98px) {
	td, th {
		padding: .5rem 1rem;
	}
}

@media only screen and (min-width: 768px) {
	td, th {
		padding: 1rem;
	}
}

th {
	font-weight: 700;
	text-align: left;
}

thead th {
	border-bottom: .25rem solid var(--text-light);
}

tbody tr:nth-of-type(2n+1) {
	background-color: var(--bg-light);
}



/* Forms */

.form__group {
	margin-bottom: 2rem;
}

.radbox {
	display: flex;
	align-items: center;
}

.radbox__input {
	margin-right: 1.5rem;
}

input,
select,
textarea {
	box-sizing: border-box;
	font: inherit;
	width: 100%;
	padding: .5rem 1.5rem;
	border: 1px solid var(--bg-dark);
	border-radius: var(--border-radius);
}

input[type="radio"],
input[type="checkbox"] {
	width: initial;
	cursor: pointer;
	transform: scale(1.5);
}

textarea {
	resize: vertical;
	overflow: auto;
	min-width: 100%;
	max-width: 100%;
	min-height: 20rem;
}



/* Buttons */

.btn-container {
	margin-top: var(--spacer-block);
}

.btn-container--has-captcha {
	display: grid;
	grid-gap: 2rem;
}

@media only screen and (max-width: 575.98px) {
	.btn-container--has-captcha {
		justify-items: center;
	}
}

@media only screen and (min-width: 576px) {
	.btn-container--has-captcha {
		grid-template-columns: repeat(2, auto);
		justify-content: space-between;
	}
}

.btn-container--has-captcha .btn {
	grid-row: 1;
	grid-column: 1;
}

.btns {
	margin: -.5rem;
}

.btns > .btn {
	margin: .5rem;
}

.btn,
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
	cursor: pointer;
	display: inline-block;
	width: auto;
	padding: 1.5rem 3rem;
	font: inherit;
	font-weight: 700;
	color: #FFF;
	text-align: center;
	line-height: 1.25;
	border: 0;
	border-radius: 100rem;
	border-top: 1px solid rgba(255,255,255,.25);
	border-bottom: .4rem solid var(--color-dark);
	background: radial-gradient(circle,rgba(61, 151, 242, 1) 25%, rgba(46, 99, 153, 1) 100%);
	text-shadow: 0 1px 1px rgba(0,0,0,.5);
}

.btn:hover,
.btn:focus,
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	color: #FFF;
}



/* Responsive Embed */

.embed {
	position: relative;
	z-index: 1;
	overflow: hidden;
	display: block;
	width: 100%;
	padding: 0;
}

.embed:before {
	content: '';
	display: block;
	padding-top: 56.25%;
}

.embed iframe,
.embed .youtube-video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.youtube-video {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.youtube-video__image {
	object-fit: cover;
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
}

.youtube-video__button {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	transition: none;
}

.youtube-video__icon {
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 1rem 2rem;
	color: var(--color-light);
	background-color: #FFF;
	border: 0;
	border-radius: 1rem;
	font-size: 5rem;
	box-shadow: 0 .5rem 1rem 0 rgba(0,0,0,.25);
}



/* Blockquote */

blockquote {
	margin-bottom: var(--spacer-text);
	background-color: var(--bg);
}

@media only screen and (max-width: 767.98px) {
	blockquote {
		padding: 2rem;
	}
}

@media only screen and (min-width: 768px) {
	blockquote {
		padding: 2rem 3rem;
	}
}

blockquote > *:last-child {
	margin-bottom: 0;
}



/* Hero */

.hero {
	position: relative;
	background: url('/aiconsulting/wp-content/themes/AI_Consulting/images/banner.webp') no-repeat center center;
	background-size: cover;
}

@media only screen and (max-width: 767.98px) {
	.hero { padding: 6rem 0; }
}

@media only screen and (min-width: 768px) {
	.hero { padding: 10rem 0; }
}

.hero:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(90deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,.25) 75%);
}

.hero__title,
.hero__intro,
.hero__button,
.hero__post-meta {
	position: relative;
	z-index: 1;
	color: #FFF;
}

.hero__title {
	margin-bottom: 0;
	text-shadow: 0 2px 2px rgba(0,0,0,.5), 0 5px 10px rgba(0,0,0,.5);
}

.hero__intro {
	max-width: 70rem;
	text-shadow: 0 2px 2px rgba(0,0,0,.5);
}

@media only screen and (max-width: 767.98px) {
	.hero__intro {
		margin-top: 3rem;
	}
}

@media only screen and (min-width: 768px) {
	.hero__intro {
		margin-top: 5rem;
	}
}

.hero__post-meta {
	margin-top: 3rem;
}



/* Gallery */

.gallery {
	display: grid;
	grid-gap: 2rem;
	align-items: start;
	margin-bottom: var(--spacer-text);
}

@media only screen and (min-width: 768px) {
	.gallery--col-2 {
		grid-template-columns: repeat(2, 1fr);
	}

	.gallery--col-3 {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
	.gallery--col-4 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media only screen and (min-width: 992px) {
	.gallery--col-4 {
		grid-template-columns: repeat(4, 1fr);
	}
}

.gallery__item > img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.gallery__caption {
	margin-top: 1rem;
}



/* Page Header */

@media only screen and (max-width: 767.98px) {
	.page-header {
		margin-bottom: 3rem;
	}
}

@media only screen and (min-width: 768px) {
	.page-header {
		margin-bottom: 4rem;
	}
}

.page-header__title {
	margin-bottom: 1rem;
}



/* Post Meta */

.post-meta {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin-left: 0;
	margin-bottom: 1rem;
	font-size: 1.6rem;
	color: var(--text-light);
}

.post-meta__item {
	list-style: none;
	margin-right: 2rem;
	margin-bottom: 0;
}

.post-meta__link {
	color: var(--text-light);
}

.hero__post-meta .post-meta__link {
	color: var(--bg-dark);
}



/* Cards */

.card {
	background-color: #FFF;
	box-shadow: 0 .5rem 1rem 0 var(--bg-dark);
}

@media only screen and (max-width: 479.98px) {
	.card { padding: 2rem; }
}

@media only screen and (min-width: 480px) and (max-width: 767.98px) {
	.card { padding: 2.5rem; }
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
	.card { padding: 3rem; }
}

@media only screen and (min-width: 992px) {
	.card { padding: 4rem; }
}

.card--has-border {
	border-left: 1rem solid var(--color);
}

.card--has-icon {
	display: grid;
}

@media only screen and (max-width: 479.98px) {
	.card--has-icon {
		text-align: center;
	}
}

@media only screen and (min-width: 480px) {
	.card--has-icon {
		grid-template-columns: auto 1fr;
		grid-gap: 0 2rem;
	}
}

.card--has-icon .card__icon {
	grid-row: 1 / 3;
}

.card__title {
	margin-top: 0;
}

.card__text {
	margin-bottom: 0;
}

.card__icon {
	margin-bottom: var(--spacer-text);
	font-size: 4rem;
	color: var(--color-light);
}



/* Process */

.process {
	position: relative;
	list-style: none;
	counter-reset: process;
	margin-left: 0;
	margin-bottom: var(--spacer-text);
}

.process:before {
	content: '';
	position: absolute;
	z-index: -1;
	left: 2.25rem;
	display: block;
	width: .5rem;
	height: 100%;
	background-color: var(--color-dark);
}

.process__item {
	list-style: none;
	display: grid;
	grid-template-columns: auto 1fr;
	grid-gap: 0 2rem;
}

@media only screen and (max-width: 767.98px) {
	.process__item {
		margin-bottom: 2rem;
	}
}

@media only screen and (min-width: 768px) {
	.process__item {
		margin-bottom: 4rem;
	}
}

.process__item:before {
	counter-increment: process;
	content: counter(process);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 5rem;
	height: 5rem;
	font-weight: 700;
	color: #FFF;
	border-radius: 5rem;
	background-color: var(--color-light);
}

.process__content {
	grid-column: 2;
}

.process__title {
	margin-top: 0;
	margin-bottom: .5rem;
}

.process__title--top {
	display: block;
	margin-top: 1.3rem;
	margin-bottom: .5rem;
	font-size: 2rem;
	color: var(--text-light);
	letter-spacing: -.5px;
	text-transform: uppercase;
}

.process__text {
	margin-bottom: 0;
}



/* Header */

.header {
	position: relative;
	z-index: 1;
	box-shadow: 0 .5rem 1rem 0 rgba(0,0,0,.25);
}

.header__container {
	display: grid;
	align-items: center;
}

@media only screen and (max-width: 991.98px) {
	.header__container {
		grid-template-columns: 1fr auto;
		gap: 1rem;
	}
}

@media only screen and (min-width: 992px) {
	.header__container {
		padding-top: 1rem;
	}
}

.logo {
	margin-left: -1.5rem;
	padding: 1rem 1.5rem;
	line-height: 1.25;
}

.logo > a {
	border-bottom: 0;
}

.logo--footer {
	margin: 0;
	padding: 0;
	line-height: 1.4;
}

.logo--footer .logo__name {
	display: block;
}

.logo__name {
	font-weight: 700;
	font-size: 2.4rem;
	color: var(--text-dark);
	letter-spacing: -.75px;
}

@media only screen and (max-width: 575.98px) {
	.logo__name {
		display: block;
	}
}

.logo__tagline {
	padding-left: .25rem;
	font-weight: 300;
	font-size: 1.6rem;
	color: var(--text-light);
	letter-spacing: -.5px;
}

.menu-toggle {
	margin-right: -1rem;
	padding: 1.5rem;
	font-size: 3rem;
	color: var(--text);
	text-shadow: none;
	border: none;
	background: transparent;
}

.menu-toggle:hover,
.menu-toggle:focus {
	color: var(--text-dark);
	background: transparent;
}

@media only screen and (min-width: 992px) {
	.menu-toggle {
		display: none;
	}
}

@media only screen and (max-width: 991.98px) {
	.menu--header {
		grid-column: 1 / -1;
		display: none;
	}

	.menu--open {
		display: block;
	}
}

@media only screen and (min-width: 992px) {
	.menu {
		font-size: 1.8rem;
	}

	.menu--header {
		margin-left: -1.5rem;
	}
}

.menu__list {
	margin-left: 0;
	margin-bottom: 0;
	list-style: none;
}

@media only screen and (min-width: 992px) {
	.menu__list {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
}

.menu__list--dropdown {
	display: none;
}

@media only screen and (max-width: 991.98px) {
	.menu__list--dropdown {
		grid-column: 1 / -1;
		margin: 0 1rem 1rem;
		background-color: #FFF;
		box-shadow: 0 .5rem 1rem 0 var(--bg-dark);
	}

	.menu__item--open .menu__list--dropdown {
		display: block;
	}
}

@media only screen and (min-width: 992px) {
	.menu__item--has-dropdown:hover > .menu__list--dropdown {
		display: block;
	}

	.menu__list--dropdown {
		position: absolute;
		right: 0;
		white-space: nowrap;
		padding: .5rem 0;
		text-align: center;
		background-color: #FFF;
		box-shadow: 0 .5rem 1rem 0 var(--bg-dark);
	}
}

.menu__item {
	position: relative;
	margin-bottom: 0;
	list-style: none;
}

@media only screen and (max-width: 991.98px) {
	.menu__item--has-dropdown {
		display: grid;
		grid-template-columns: 1fr auto;
	}
}

.menu__link {
	display: block;
	color: var(--text-dark);
	line-height: 1;
	border-bottom: 0;
}

@media only screen and (max-width: 991.98px) {
	.menu__link {
		padding: 1.5rem;
	}
}

@media only screen and (min-width: 992px) {
	.menu__link {
		padding: 2rem 1.5rem;
	}

	.menu__list--dropdown .menu__link {
		padding: 1.5rem 3rem;
	}
}

.menu--header .menu__item--current > .menu__link {
	font-weight: 700;
}

.menu__more {
	padding: 1rem 1.75rem;
	color: var(--text);
	background-color: transparent;
}

@media only screen and (min-width: 992px) {
	.menu__more {
		display: none;
	}
}

.menu__more:hover,
.menu__more:focus {
	color: var(--color);
	background-color: transparent;
}



/* Footer */

.footer {
	position: relative;
	z-index: 1;
	font-size: 1.6rem;
	box-shadow: 0 .5rem 1rem 0 rgba(0,0,0,.5);
}

@media only screen and (max-width: 767.98px) {
	.footer {
		text-align: center;
	}
}

.footer__container {
	display: grid;
	align-items: start;
	grid-gap: 2rem;
	padding-top: 5rem;
	padding-bottom: 4rem;
}

@media only screen and (max-width: 767.98px) {
	.footer__container {
		justify-items: center;
	}
}

@media only screen and (min-width: 768px) {
	.footer__container {
		grid-template-columns: repeat(2, 1fr);
		justify-items: start;
	}
}

.footer-contact {
	display: grid;
	grid-gap: 1rem;
}

@media only screen and (min-width: 576px) and (max-width: 767.98px) {
	.footer-contact {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media only screen and (min-width: 768px) {
	.footer-contact {
		grid-column: 2;
		grid-row: 1 / 5;
	}
}

.footer-contact__item--email {
	grid-column: 1 / -1;
}

.footer-social__list {
	list-style: none;
	display: flex;
	margin: 0;
	line-height: 0;
}

@media only screen and (max-width: 767.98px) {
	.footer-social__list {
		justify-content: center;
	}
}

@media only screen and (min-width: 768px) {
	.footer-social__list {
		margin-left: -.5rem;
	}
}

.footer-social__item {
	margin: 0;
	margin-right: 1rem;
	list-style: none;
}

.footer-social__link {
	display: inline-block;
	padding: .5rem;
	font-size: 3rem;
	border: 0;
}

.copyright {
	margin-bottom: 0;
}

.menu--footer {
	font-size: 1.6rem;
}

@media only screen and (min-width: 768px) {
	.menu--footer {
		margin-left: -1rem;
	}
}

.menu--footer .menu__link {
	padding: 1rem;
	color: var(--text-light);
}



/* Cookie Notice */

.cookie-notice {
	position: fixed;
	left: 1rem;
	right: 1rem;
	bottom: 1rem;
	z-index: 99;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto;
	padding: 1rem 1rem;
	border-radius: var(--border-radius);
	background-color: #FFF;
	box-shadow: 0 .5rem 1rem 0 var(--bg-dark);
}

.cookie-notice__text {
	margin-bottom: 0;
}



/* Page-Specific */

/* Home Page */

.homepage-video {
	padding: 2rem 0;
	background-color: #111519;
}

.homepage-video__video {
	border: 1rem solid #FFF;
}

/* Why AI for SMBs Page */

.concern {
	display: grid;
	grid-gap: 1rem;
	margin-bottom: var(--spacer-text);
}

@media only screen and (min-width: 768px) {
	.concern {
		grid-template-columns: 1fr 2fr;
		grid-gap: 4rem;
	}
}

.concern__problem {
	margin-top: 0;
}

@media only screen and (min-width: 768px) {
	.concern__problem {
		text-align: right;
	}
}

.concern__title {
	display: block;
	margin-bottom: 1rem;
	padding-bottom: .75rem;
	font-weight: 700;
	font-size: 1.6rem;
	letter-spacing: -.25px;
	color: var(--text-light);
	line-height: 1.5;
	text-transform: uppercase;
	border-bottom: 1px solid var(--bg-dark);
}

@media only screen and (min-width: 768px) {
	.concern__problem .concern__title {
		margin-bottom: 1.4rem;
	}
}

/* Contact Page */

.contact {
	display: grid;
}

@media only screen and (max-width: 767.98px) {
	.contact {
		grid-gap: 1rem;
	}
}

@media only screen and (min-width: 768px) {
	.contact {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 2rem;
	}

	.contact__card--full {
		grid-column: 1 / -1;
	}
}

/* FAQ Page */

.faq {
	margin-bottom: var(--spacer-text);
	background-color: #FFF;
	box-shadow: 0 .5rem 1rem 0 var(--bg-dark);
}

.faq__question {
	cursor: pointer;
	padding: 2rem;
}

.faq__question:hover,
.faq__question:focus,
.faq__question:hover .faq__title,
.faq__question:focus .faq__title {
	color: var(--color);
}

.faq__title {
	display: inline;
	margin-top: 0;
	margin-bottom: 0;
}

.faq__answer {
	margin-left: 2rem;
	margin-right: 2rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
	border-top: 1px solid var(--bg-dark);
}

/* Archive Page */

.archive__item {
	margin-bottom: var(--spacer-block);
}

.archive__item--has-thumbnail {
	display: grid;
	align-items: center;
}

@media only screen and (max-width: 767.98px) {
	.archive__item--has-thumbnail {
		grid-gap: 2rem;
	}
}

@media only screen and (min-width: 768px) {
	.archive__item--has-thumbnail {
		grid-template-columns: auto 1fr;
		grid-gap: 3rem;
	}
}

.archive__image {
	aspect-ratio: 3 / 2;
	object-fit: cover;
	display: block;
	width: 100%;
	max-height: 20rem;
	transition: opacity var(--transition-duration);
}

.archive__image:hover,
.archive__image:focus {
	opacity: .9;
}

.archive__title {
	margin-top: 0;
	margin-bottom: 1rem;
}

.archive__link {
	color: var(--text-dark);
}

.archive__excerpt {
	margin-bottom: 0;
}



/* WP Admin Bar */

@media screen and (max-width: 782px) {
	body.admin-bar {
		margin-top: 46px;
	}
}

@media screen and (min-width: 783px) {
	html.admin-bar {
		scroll-padding-top: 32px;
	}

	body.admin-bar {
		margin-top: 32px;
	}
}



/* Utility */

.mt-0 { margin-top: 0; }
.mb-0 { margin-bottom: 0; }

.mt-block { margin-top: var(--spacer-block); }
.mb-block { margin-bottom: var(--spacer-block); }