/* !
Theme Name: SIMP
Theme URI: https://salesinmotion-partners.com
Author: A Camel In Paris
Author URI: http://acamelin.paris
Description: Theme fo SIMP
Version: 1.0.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: simp
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

A Camel In Paris is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
 */

/* --------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
-------------------------------------------------------------- */
:root {
	--black: #000;
	--white: #fff;
	--red: #b5366c;
	--yellow: #f7e7c5;
	--grey1: #f4f4f4;
	--grey2: #b8b6b8;
	--grey3: #938e94;
	--grey4: #79717b;
	--grey5: #615564;
	--body: #404040;
	--grey1rgb: 244, 244, 244;
	--t1: 0.4rem;
	--t2: 0.8rem;
	--t3: 1.2rem;
	--t4: 1.6rem;
	--t5: 2rem;
	--t6: 2.4rem;
	--t7: 2.8rem;
	--t8: 3.2rem;
	--t9: 3.6rem;
	--t10: 4rem;
	--transition: all 300ms linear;
	--time: 0.707s;
	--title-fam: 'philosopher', 'Arial', sans-serif;
	--body-fam: 'Source Sans Pro', 'Arial', sans-serif;
	--outline: 10px 10px 10px var(--grey5);
	--inset: inset 0 8px 8px -8px #696868;
}

/* --------------------------------------------------------------
# Fonts
-------------------------------------------------------------- */
@font-face {
	font-family: 'Source Sans Pro';
	src: url('fonts/sourcesanspro-regular.eot') format('eot');
	src:
		url('fonts/sourcesanspro-regular.eot#iefix') format('embedded-opentype'),
		url('fonts/sourcesanspro-regular.woff2') format('woff2'),
		url('fonts/sourcesanspro-regular.woff') format('woff'),
		url('fonts/sourcesanspro-regular.ttf') format('truetype'),
		url('fonts/sourcesanspro-regular.svg#lato') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Source Sans Pro';
	src: url('fonts/sourcesanspro-italic.eot') format('eot');
	src:
		url('fonts/sourcesanspro-italic.eot#iefix') format('embedded-opentype'),
		url('fonts/sourcesanspro-italic.woff2') format('woff2'),
		url('fonts/sourcesanspro-italic.woff') format('woff'),
		url('fonts/sourcesanspro-italic.ttf') format('truetype'),
		url('fonts/sourcesanspro-italic.svg#lato') format('svg');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Source Sans Pro';
	src: url('fonts/sourcesanspro-semibold.eot') format('eot');
	src:
		url('fonts/sourcesanspro-semibold.eot#iefix') format('embedded-opentype'),
		url('fonts/sourcesanspro-semibold.woff2') format('woff2'),
		url('fonts/sourcesanspro-semibold.woff') format('woff'),
		url('fonts/sourcesanspro-semibold.ttf') format('truetype'),
		url('fonts/sourcesanspro-semibold.svg#lato') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Source Sans Pro';
	src: url('fonts/sourcesanspro-semibolditalic.eot') format('eot');
	src:
		url('fonts/sourcesanspro-semibolditalic.eot#iefix') format('embedded-opentype'),
		url('fonts/sourcesanspro-semibolditalic.woff2') format('woff2'),
		url('fonts/sourcesanspro-semibolditalic.woff') format('woff'),
		url('fonts/sourcesanspro-semibolditalic.ttf') format('truetype'),
		url('fonts/sourcesanspro-semibolditalic.svg#lato') format('svg');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'philosopher';
	src: url('fonts/philosopher-regular.eot') format('eot');
	src:
		url('fonts/philosopher-regular.eot#iefix') format('embedded-opentype'),
		url('fonts/philosopher-regular.woff2') format('woff2'),
		url('fonts/philosopher-regular.woff') format('woff'),
		url('fonts/philosopher-regular.ttf') format('truetype'),
		url('fonts/philosopher-regular.svg#cooper') format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'philosopher';
	src: url('fonts/philosopher-bold.eot') format('eot');
	src:
		url('fonts/philosopher-bold.eot#iefix') format('embedded-opentype'),
		url('fonts/philosopher-bold.woff2') format('woff2'),
		url('fonts/philosopher-bold.woff') format('woff'),
		url('fonts/philosopher-bold.ttf') format('truetype'),
		url('fonts/philosopher-bold.svg#cooper') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

:focus {
	outline: 2px dotted var(--red);
}

:focus:not(:focus-visible) {
	outline: 0;
}

:focus-visible {
	outline: 2px dotted var(--red);
}

/* --------------------------------------------------------------
# Normalize
-------------------------------------------------------------- */
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 62.5%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/* --------------------------------------------------------------
## Links
-------------------------------------------------------------- */
a:link,
a:visited {
	color: var(--red);
	text-decoration: none;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
	border-bottom: 1px solid var(--red);
}

a:hover,
a:focus,
a:active {
	color: var(--black);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
	border-color: transparent;
}

.darklink:link,
.darklink:visited {
	color: var(--yellow);
}

/* --------------------------------------------------------------
# Structure
-------------------------------------------------------------- */
html {
	font-size: 62.5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body,
button,
input,
select,
optgroup,
textarea {
	background: var(--white);
	color: var(--body);
	font-family: var(--body-fam);
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.site-content,
header,
footer {
	position: relative;
}

/* --------------------------------------------------------------
# Typography
-------------------------------------------------------------- */
h1,
.h1-like {
	font-family: var(--title-fam);
	font-weight: normal;
	margin: 0 0 var(--t4);
	clear: both;
	font-size: 3.4rem;
	color: var(--red);
	letter-spacing: 0.3rem;
}

h2,
.h2-like {
	font-family: var(--title-fam);
	font-weight: 500;
	margin: 0 0 var(--t4);
	clear: both;
	font-size: 3rem;
	text-transform: lowercase;
	color: var(--black);
	letter-spacing: 0.3rem;
}

h2::first-letter,
.h2-like::first-letter {
	text-transform: uppercase;
}

h3,
.h3-like {
	font-family: var(--title-fam);
	font-weight: 400;
	margin: 0 0 var(--t4);
	clear: both;
	font-size: 2.4rem;
	color: var(--black);
	letter-spacing: 0.3rem;
}

h4,
.h4-like {
	font-family: var(--title-fam);
	font-weight: 400;
	margin: 0 0 var(--t4);
	clear: both;
	font-size: 2.2rem;
	color: var(--black);
	letter-spacing: 0.3rem;
}

h5,
.h5-like {
	font-family: var(--title-fam);
	font-weight: 400;
	margin: 0 0 var(--t4);
	clear: both;
	font-size: 2rem;
	color: var(--black);
	letter-spacing: 0.3rem;
}

h6,
.h6-like {
	font-family: var(--title-fam);
	font-weight: 400;
	margin: 0 0 var(--t4);
	clear: both;
	font-size: 1.8rem;
	color: var(--black);
	letter-spacing: 0.3rem;
}

.darkbg__title {
	color: var(--white);
}

p {
	margin: 0 0 var(--t4);
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 0 var(--t8) 0;
	padding: var(--t4);
	font-size: 3rem;
	font-family: 'philosopher';
	color: white;
	position: relative;
}

blockquote::before {
	content: '';
	background-image: url(img/quote-left.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 45px;
	height: 33px;
	top: -10px;
	left: -27px;
}

blockquote p {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 66.666667%;
}

blockquote p cite {
	display: block;
}

address {
	margin: 0 0 var(--t8) 0;
}

pre {
	background-color: var(--lightblue);
	padding: 2.5rem 1.5rem;
	font-size: 1.6rem;
	line-height: 2.5rem;
	border: 1px solid var(--grey);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-image: -o-linear-gradient(rgba(255, 255, 255, 0.5) 50%, transparent 50%, transparent);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0.5)), color-stop(50%, transparent), to(transparent));
	background-image: linear-gradient(rgba(255, 255, 255, 0.5) 50%, transparent 50%, transparent);
	background-size: 5rem 5rem;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr[title],
acronym[title] {
	text-decoration: none;
	border-bottom: 1px dotted;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

small {
	font-size: 75%;
}

/* --------------------------------------------------------------
# Elements
-------------------------------------------------------------- */
*,
*::before,
*::after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 var(--t4) var(--t5);
	list-style-position: outside;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: var(--t8);
}

dl {
	background: #f8f8f8;
	padding: 0.5em;
	border: 3px double var(--blue);
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	margin: 0 0 3rem;
}

dt {
	font-weight: bold;
	text-align: right;
	color: var(--verydarkblue);
}

dt::after {
	content: '\00A0:\00A0';
}

dt + dt {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / span 1;
}

:lang(fr) dt + dt::before {
	font-weight: normal;
	content: 'ou ';
}

:lang(en) dt + dt::before {
	font-weight: normal;
	content: 'or ';
}

dd {
	margin: 0;
}

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

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 var(--t8);
	width: 100%;
}

section {
	margin-bottom: var(--t8);
}

.margin-t4 {
	margin-bottom: var(--t4);
}

.margin-t8 {
	margin-bottom: var(--t8);
}

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

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	-webkit-clip-path: none;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/* --------------------------------------------------------------
## header
-------------------------------------------------------------- */
.site-header {
	position: relative;
	padding: var(--t4) var(--t4) 0;
	background: var(--grey2);
	background: -o-linear-gradient(var(--grey2) 0%, var(--grey1) 80%);
	background: -webkit-gradient(linear, left top, left bottom, from(var(--grey2)), color-stop(80%, var(--grey1)));
	background: linear-gradient(var(--grey2) 0%, var(--grey1) 80%);
}

/*  Site branding  */
.site-branding .wrap {
	position: relative;
}

.site-title {
	font-family: 'Alegreya Sans Sc', sans-serif;
	font-size: 2rem;
	font-weight: bold;
	margin: 0;
}

.site-title a {
	text-decoration: none;
	-webkit-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}

.site-title a:hover {
	-webkit-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
	color: var(--grey);
}

body.has-header-image .site-description,
body.has-header-video .site-description {
	color: #fff;
	opacity: 0.8;
	font-size: 1.4rem;
}

.custom-logo-link {
	display: inline-block;
	vertical-align: middle;
	width: auto;
}

.custom-logo-link:link {
	border: none;
}

.custom-logo-link img {
	display: inline-block;
	position: relative;
	bottom: -8px;
	max-height: 80px;
	width: auto;
}

body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
	max-height: 200px;
	max-width: 100%;
}

.custom-logo-link a:hover,
.custom-logo-link a:focus {
	opacity: 0.9;
}

.lang-switcher:link {
	border: none;
}

/* --------------------------------------------------------------
## Main
-------------------------------------------------------------- */
.site-content {
	background: var(--white);
}

.newsletter {
	min-height: 300px;
}

.newsletter::before {
	content: '';
	display: block;
	height: 54px;
	background-image: url(img/image1.png);
	background-repeat: repeat-x;
	position: relative;
	top: 100px;
	z-index: -1;
}

.widget_mailpoet_form {
	background: white;
	z-index: 1;
	padding: var(--t4);
	min-height: 300px;
	margin-bottom: var(--t8);
	-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
}

/* --------------------------------------------------------------
### Single
-------------------------------------------------------------- */
@media (max-width: 575px) {
	.col-0 {
		display: none;
	}
}

.page-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.page-header__title {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	text-align: center;
	margin-bottom: var(--t4);
}

.page-header__meta {
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
	margin-bottom: var(--t4);
	text-align: center;
}

.page-header__hr {
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4;
	border: none;
	height: var(--t9);
	margin: 0 0 var(--t4);
	background: var(--grey);
	margin-bottom: var(--t8);
}

.page-thumbnail {
	margin-bottom: var(--t8);
}

.hide {
	display: none !important;
}

/* --------------------------------------------------------------
## footer
-------------------------------------------------------------- */
.site-footer {
	padding-top: var(--t8);
}

.copyright {
	--bs-gutter-x: 2rem !important;

	background: var(--black);
	color: var(--white);
	-ms-flex-line-pack: center;
	align-content: center;
	padding: var(--t4);
}

.copyright p,
.copyright ul {
	margin: 0;
}

#footer-navigation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

ul#menu-secondary-items li {
	display: inline-block;
	list-style: none;
}

ul#menu-secondary-items li + li::before {
	content: "\00a0-\00a0";
}

.footer-navigation a:link,
.footer-navigation a:visited {
	color: var(--yellow);
	border-color: var(--yellow);
}

.footer-navigation a:active,
.footer-navigation a:hover,
.footer-navigation a:focus {
	color: var(--white);
	border-color: transparent;
}

.footer-navigation a:focus {
	outline-color: var(--yellow);
}

/* --------------------------------------------------------------
### Back to top
-------------------------------------------------------------- */
.nav-top {
	position: fixed;
	border-radius: 50%;
	height: 64px;
	width: 64px;
	bottom: 55px;
	right: 25px;
	background: #aaa;
	background: rgba(0, 0, 0, 0.1);
	color: #fff;
	text-decoration: none;
	z-index: 501;
	-webkit-transition: background 1s ease;
	-o-transition: background 1s ease;
	transition: background 1s ease;
	-webkit-transform: translate3d(0, 0, 0);
}

.nav-top:hover {
	background: #222;
	background: rgba(0, 0, 0, 0.8);
}

.nav-top a .label {
	position: absolute;
	height: 64px;
	width: 64px;
	font-size: 40px;
	text-align: center;
	color: #fff;
}

/* --------------------------------------------------------------
# Alignments
-------------------------------------------------------------- */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* --------------------------------------------------------------
# Clearings
-------------------------------------------------------------- */
.clear::before,
.clear::after,
.entry-content::before,
.entry-content::after,
.comment-content::before,
.comment-content::after,
.site-header::before,
.site-header::after,
.site-content::before,
.site-footer::before,
.site-footer::after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear::after,
.entry-content::after,
.comment-content::after,
.site-header::after,
.site-content::after,
.site-footer::after {
	clear: both;
}

/* --------------------------------------------------------------
# Widgets
-------------------------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* --------------------------------------------------------------
# Content
-------------------------------------------------------------- */

/* --------------------------------------------------------------
## Posts and pages
-------------------------------------------------------------- */
.sticky {
	display: block;
}

/* --------------------------------------------------------------
# Media
-------------------------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/*  Make sure embeds and iframes fit their containers.  */
embed,
iframe,
object {
	max-width: 100%;
}

.hidden {
	display: none;
}

.wallpaper {
	background-color: var(--white);
	background-image: url(img/croissance12.jpg);
	background-size: cover;
	background-position: center;
	height: 50vh;
	display: -ms-grid;
	display: grid;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: var(--t8);
	background-attachment: fixed;
}

.wallpaper-404 {
	background-image: url(img/404.png);
}

.wallpaper__text {
	text-align: center;
	padding: var(--t8);
}

.wallpaper__text h1 {
	text-shadow: 0 0 3px var(--white);
}

.wallpaper__text h2 {
	color: var(--red);
}

.wallpaper__text p {
	font-size: 2rem;
}

.count-box {
	background-color: #f2f2f2;
	-webkit-box-shadow: inset 0 8px 8px -8px #696868, inset 0 -8px 8px -8px #696868;
	box-shadow: inset 0 8px 8px -8px #696868, inset 0 -8px 8px -8px #696868;
	padding: var(--t8) 0;
	margin-bottom: var(--t8);
}

.color-red {
	color: var(--red);
}

.color-yellow {
	color: var(--yellow);
}

.pretitle {
	text-align: center;
	display: block;
	float: none;
}

.subtitle {
	margin: var(--t6) 0 var(--t4) 0;
	font-size: var(--t6);
	color: var(--red);
	position: relative;
	text-align: center;
}

@media screen and (min-width: 768px) {
	.subtitle {
		text-align: left;
	}
}

.subtitle::before {
	content: '';
	position: absolute;
	width: 50%;
	top: calc(-1 * var(--t6));
	left: 25%;
	border-bottom: 3px solid var(--red);
}

@media screen and (min-width: 768px) {
	.subtitle::before {
		content: '';
		width: 88px;
		height: 145px;
		position: absolute;
		left: -30px;
		top: -24px;
		border-bottom: none;
		-webkit-mask: url(img/oblique.png);
		mask: url(img/oblique.png);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		background-color: var(--red);
	}
}

.lettrine {
	font-family: 'Source Sans Pro';
}

.lettrine__letter {
	font-family: 'philosopher';
	font-size: 5rem;
	padding-right: var(--t4);
	line-height: 80px;
	position: relative;
	border-right: 2px solid var(--red);
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

.lettrine__text {
	padding-left: var(--t4);
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

.custom-header {
	position: relative;
	margin-bottom: var(--t4);
}

.bg-yellow {
	background: var(--yellow) !important;
}

.footer-contact {
	background: var(--grey5);
	color: var(--white);

	--bs-gutter-x: 2rem !important;
}

.footer-contact section {
	padding: var(--t4) 0;
}

.footer-contact .widget-title {
	color: var(--yellow);
}

.casestudy-results {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: 'philosopher';
	margin-bottom: var(--t8);
}

.btn {
	font-family: 'philosopher';
	padding: var(--t2);
	border: 1px solid var(--red);
	border-radius: var(--t1);
	color: var(--red);
	position: relative;
	z-index: 1;
	-webkit-transition-delay: 0.2s !important;
	-o-transition-delay: 0.2s !important;
	transition-delay: 0.2s !important;
	overflow: hidden;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.btn:link,
.btn:hover,
.btn:focus {
	text-decoration: none;
	border-color: var(--red);
	-webkit-transition: color 0.5s  ease-in-out;
	-o-transition: color 0.5s  ease-in-out;
	transition: color 0.5s  ease-in-out;
}

.btn:hover,
.btn:focus {
	color: var(--white);
	outline: none;
}

.btn::after,
.btn::before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
}

.btn::after {
	-webkit-transition: width 0.5s ease-in-out;
	-o-transition: width 0.5s ease-in-out;
	transition: width 0.5s ease-in-out;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 0;
	background: var(--red);
}

.btn:hover::after,
.btn:focus::after {
	-webkit-transition: width 0.5s ease-in-out;
	-o-transition: width 0.5s ease-in-out;
	transition: width 0.5s ease-in-out;
	width: 100%;
}

@-webkit-keyframes icon-zoom {
	50% {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}
}

@keyframes icon-zoom {
	50% {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}
}

.icon:link,
.icon:visited {
	border: none;
}

.grid {
	display: -ms-grid;
	display: grid;
	grid-gap: var(--t8);
	-ms-grid-columns: 1fr var(--t8) 1fr var(--t8) 1fr var(--t8) 1fr var(--t8) 1fr var(--t8) 1fr var(--t8) 1fr var(--t8) 1fr var(--t8) 1fr var(--t8) 1fr var(--t8) 1fr var(--t8) 1fr;
	grid-template-columns: repeat(12, 1fr);
	height: auto;
}

.grid__item {
	-ms-grid-column-span: 12;
	grid-column: span 12;
}

@media screen and (min-width: 768px) {
	.grid__item {
		-ms-grid-column-span: 6;
		grid-column: span 6;
	}

	.grid__item:nth-child(3):last-child {
		-ms-grid-column: 4;
		-ms-grid-column-span: 6;
		grid-column: span 6/10;
	}

	.grid__item:nth-child(3n + 1):nth-last-child(1) {
		-ms-grid-column: 4;
		-ms-grid-column-span: 6;
		grid-column: span 6/10;
	}

	.grid__item:nth-child(4):last-child {
		-ms-grid-column-span: 6;
		grid-column: span 6;
	}

	.grid__item:nth-child(5):last-child {
		-ms-grid-column: 4;
		-ms-grid-column-span: 6;
		grid-column: span 6/10;
	}
}

@media screen and (min-width: 992px) {
	.grid__item {
		-ms-grid-column-span: 4;
		grid-column: span 4;
	}

	.grid__item:nth-child(3):last-child {
		grid-column: auto/span 4;
	}

	.grid__item:nth-child(3n + 1):nth-last-child(1) {
		-ms-grid-column: 5;
		-ms-grid-column-span: 4;
		grid-column: span 4/9;
	}

	.grid__item:nth-child(3n + 1):nth-last-child(2) {
		-ms-grid-column: 3;
		-ms-grid-column-span: 4;
		grid-column: span 4/7;
	}

	.grid__item:nth-child(3n + 2):nth-last-child(1) {
		-ms-grid-column-span: 4;
		grid-column: span 4;
	}
}

@media screen and (min-width: 768px) {
	.page-id-577 .grid__item:nth-child(3n+1):nth-last-child(2) {
		grid-column: 1/7;
	}

	.page-id-577 .grid__item:nth-child(3n+2):nth-last-child(1) {
		grid-column: span 6;
	}
}

.approach {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.approach__icon {
	font-size: var(--t10);
	color: var(--red);
	margin-right: var(--t4);
	line-height: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
}

.approach:hover .approach__icon {
	color: var(--black)/*#04142b*/;
	-webkit-animation: icon-zoom 0.5s linear;
	animation: icon-zoom 0.5s linear;
}
@media (prefers-color-scheme: dark) {
	:root {
		--black: #f1f1f1;
		--white:  #38444c;
		--red: #f7e7c5;
		--yellow: #b5366c;
		--grey1: #615564;
		--grey2: #79717b;
		--grey3: #938e94;
		--grey4: #b8b6b8;
		--grey5: #f4f4f4;
		--grey1rgb: 244, 244, 244;
		--body: #f2f2f2;
		--outline: 10px 10px 10px var(--grey2);
	}

	#svglogo_title,
	#svglogo_subtitle {
		fill: var(--black);
	}
	#svglogo_n {
		stroke: var(--red);
	}

	.count-box {
		background-color: var(--grey1);
		-webkit-box-shadow: inset 0 8px 8px -8px #696868, inset 0 -8px 8px -8px #696868;
		box-shadow: inset 0 8px 8px -8px #696868, inset 0 -8px 8px -8px #696868;
	}

	.copyright {
		background: var(--grey5);
	}

	p {
		word-spacing: .05em;
		line-height: 1.7;
	}
}

@media (prefers-reduced-motion) {
	* {
		-webkit-transition: none !important;
		-o-transition: none !important;
		transition: none !important;
		-webkit-animation: none !important;
		animation: none !important;
	}

	.btn {
		transition: none;
	}
	.btn:hover,
	.btn:focus {
		background: var(--red);
	}

	.btn::after,
	.btn::before {
		transition: none;
		background: none;
	}
}

.round-img {
	float: left;
    clip-path: circle(50%);
    shape-outside: circle(50%);
    margin-right: var(--t4);
}


#mailpoet_form_1 form.mailpoet_form {
	padding: 0 !important;
}