/*
Theme Name: Astou Copyright
Template: twentytwentythree
*/
/*Font*/
@font-face {
    font-family: 'Montserrat';
    src: url('font/Montserrat-BoldItalic.eot');
    src: url('font/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('font/Montserrat-BoldItalic.woff2') format('woff2'),
        url('font/Montserrat-BoldItalic.woff') format('woff'),
        url('font/Montserrat-BoldItalic.ttf') format('truetype'),
        url('font/Montserrat-BoldItalic.svg#Montserrat-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

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

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

@font-face {
    font-family: 'Montserrat';
    src: url('font/Montserrat-Italic.eot');
    src: url('font/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),
        url('font/Montserrat-Italic.woff2') format('woff2'),
        url('font/Montserrat-Italic.woff') format('woff'),
        url('font/Montserrat-Italic.ttf') format('truetype'),
        url('font/Montserrat-Italic.svg#Montserrat-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('font/Montserrat-Light.eot');
    src: url('font/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('font/Montserrat-Light.woff2') format('woff2'),
        url('font/Montserrat-Light.woff') format('woff'),
        url('font/Montserrat-Light.ttf') format('truetype'),
        url('font/Montserrat-Light.svg#Montserrat-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('font/Montserrat-ExtraLight.eot');
    src: url('font/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('font/Montserrat-ExtraLight.woff2') format('woff2'),
        url('font/Montserrat-ExtraLight.woff') format('woff'),
        url('font/Montserrat-ExtraLight.ttf') format('truetype'),
        url('font/Montserrat-ExtraLight.svg#Montserrat-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/*Main*/
html, body {
	overflow-x: hidden;
}
body {
	font-family: 'Montserrat', sans-serif;
}
.wp-site-blocks {
	padding: 0;
}
h2 {
	font-weight: bold;
	margin: 0 0 1rem 0;
}
h3 {
	font-size: var(--wp--preset--font-size--large);
	font-weight: bold;
	margin: 0;
}
sup {
	font-size: 8rem;
}
sup:after {
	content: "_";
	font-weight: 200;
}
.wp-block-column {
  overflow-wrap: inherit;
  word-break: inherit;
}
.copywriting .wp-block-image img {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.copywriting .wp-block-quote {
	position: relative;
	margin: 90px 0 0 0;
	border-left-color: transparent;
	border-left-width: 0;
	border-left-style: solid;
	padding: 0;
	box-sizing: inherit;
	overflow-wrap: inherit;
}
.copywriting  .wp-block-quote:before  {
	position: absolute;
	content: "";
	z-index: -1;
	background: #fbf1f7;
	left: 0;
	top: 0;
	margin-left: -50px;
	margin-top: -50px;
	width: calc(100% + 100px);
	height: calc(100% + 100px);
}
.quisommesnous .wp-block-column h2, .quisommesnous .wp-block-column h3, .quisommesnous .wp-block-column p,
.services .wp-block-column h2, .services .wp-block-column h3, .services .wp-block-column p {
	padding: 0 10% 0 30%;
}
.mission .wp-block-column h2, .mission .wp-block-column h3, .mission .wp-block-column p,
.contactaccueil .wp-block-column h2, .contactaccueil .wp-block-column h3, .contactaccueil .wp-block-column p {
	padding: 0 30% 0 10%;
}
.quisommesnous .wp-block-column p:last-of-type, .services .wp-block-column p:last-of-type, .mission .wp-block-column p:last-of-type {
    margin-bottom: var(--wp--preset--spacing--60);
}
.quisommesnous, .mission {
	background-image: url(img/bg-circle.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: -1000px center;
	background-size: 1600px 1600px;
}
.is-layout-flow {
	position: relative;
}
.quisommesnous .wp-block-image img {
	position: absolute;
	top: 0;
	margin-top: -10%;
	width: 500px;
	max-width: inherit;
}
.mission .wp-block-image img {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 100%;
	width: auto;
	z-index: 1;
	max-width: inherit;
	margin-right: -30px;
}

.services .wp-block-image img {
	position: absolute;
	z-index: 1;
	height: calc(100% + 80px);
	width: auto;
	max-width: inherit;
	top: 0;
}
/*Formulaire*/
div.wpcf7, form.wpcf7-form, .wpcf7-recaptcha, body div.wpcf7-response-output {
	clear: both;
	float: left;
	width: 100%;
	margin-top: var(--wp--preset--spacing--30);
}
.wpcf7 input[type=email], .wpcf7 input[type=text], .wpcf7 input[type=url], .wpcf7 input[type=search], .wpcf7 input[type=password], .wpcf7 input[type=number], .wpcf7 input[type=tel], .wpcf7 input[type=date] {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	background: #fbf1f7;
	border: none;
	float: left;
	height: auto;
	margin: 0 5% 5% 0;
	max-width: none;
	padding: 5%;
	width: 35%;
	color: #7d7db7;
	font-family: 'Montserrat', sans-serif;
	font-size: var(--wp--preset--font-size--small);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
input[type=upload], input[type=file] {
	max-width: 99%;
	width: 99%;
	border: none;
	padding: 3% 2%;
	background-color: #fbf1f7;
	margin: .5% 0;
	color: #7d7db7;
	font-family: 'Montserrat', sans-serif;
	font-size: var(--wp--preset--font-size--small);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
body .contactaccueil .wp-block-column .wpcf7-form p {
	margin: 0;
	float: left;
	width: 70%;
	padding: 0 0 0 30%;
}
.wpcf7 textarea {
	background: #fbf1f7;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	float: left;
	height: 120px;
	margin: 0 5% 0 0;
	max-width: none;
	padding: 5%;
	width: 45%;
	color: #7d7db7;
	font-family: 'Montserrat', sans-serif;
	font-size: var(--wp--preset--font-size--small);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.wpcf7 input[type=button], .wpcf7 input[type=submit], .wpcf7 button {
	background-color: #fbf1f7;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	color: #7d7db7;
	display: block;
	float: left;
	margin: 0;
	padding: 5%;
	text-align: center;
	text-transform: uppercase;
	width: 35%;
	height: calc(120px + 10%);
	line-height: calc(120px + 10%);
	font-family: 'Montserrat', sans-serif;
	font-size: var(--wp--preset--font-size--small);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.wpcf7 input:placeholder, .wpcf7 ::placeholder {
	color: #7d7db7;
	font-family: 'Montserrat', sans-serif;
	font-size: var(--wp--preset--font-size--small);
}
.wpcf7 ::placeholder {
	color: #7d7db7;
	opacity: 1;  /* Firefox */
	font-family: 'Montserrat', sans-serif;
	font-size: var(--wp--preset--font-size--small);
}
.wpcf7 :-webkit-input-placeholder {
	/* Chrome, Safari, Opera */
	color: #7d7db7;
	font-family: 'Montserrat', sans-serif;
	font-size: var(--wp--preset--font-size--small);
}
.wpcf7 ::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #7d7db7;
	font-family: 'Montserrat', sans-serif;
	font-size: var(--wp--preset--font-size--small);
}
.wpcf7 input[type=button]:hover, .wpcf7 input[type=submit]:hover, .wpcf7 button:hover {
	background-color: #fbf1f7;
	color: #7d7db7;
}
.wpcf7-form-control-wrap {
	display: block;
	margin-top: 4px;
	position: relative;
}
/*Header*/
.headeraccueil .wp-block-cover__inner-container {
	padding: 0 5%;
	max-width: var(--wp--style--global--wide-size);
	box-sizing: border-box;
}
.headeraccueil .wp-block-image:last-of-type img {
	position: absolute;
	height: 50px;
	width: 50px;
	top: 50%;
	margin-top: -25px;
	right: 0;
	margin-right: 5%;
}
.headeraccueil .wp-block-image:first-of-type img {
	width: 320px;
}
body .headeraccueil h1.has-large-font-size {
	font-size: 1rem !important;
	letter-spacing: 0.3rem;
	padding-top: 1rem;
	color: rgba(255, 255, 255, 0.6);
}
/*Footer*/
.footeraccueil {
	background-image: url(img/bg-circle.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: -1000px center;
	background-size: 1600px 1600px;
}
.footeraccueil .wp-block-image img {
	height: 50px;
	max-width: inherit;
	width: auto;
}
.footeraccueil .wp-block-image:first-of-type img {
	height: 100px;
}
body .footeraccueil.is-layout-constrained > .alignwide {
	padding: 0 5% 3% 5%;
}
@media only screen and (max-width: 780px) {
.quisommesnous .wp-block-image img, .mission .wp-block-image img, .services .wp-block-image img {
    position: relative;
	top: auto;
	bottom: auto;
	right: auto;
	left: auto;
	width: auto;
	height: auto;
	max-width: inherit;
}
.quisommesnous .wp-block-image img {
	max-height: 500px;
	margin: 0;
}
.mission .wp-block-image img {
  float: right;
  max-height: 600px;
  margin: 0 0 -25px 0;
}
.services .wp-block-image img {
	margin: -40px auto -80px auto;
	max-height: 600px;
	display: inherit;
}
body .contactaccueil .wp-block-column .wpcf7-form p {
	width: 90%;
	padding: 0 5%;
}
.footeraccueil .wp-block-image:first-of-type img {
	height: auto;
	max-width: 100%;
}
.copywriting .wp-block-quote p, .copywriting p, .copywriting h2, .quisommesnous .wp-block-column h2, .quisommesnous .wp-block-column h3, .quisommesnous .wp-block-column p,
.services .wp-block-column h2, .services .wp-block-column h3, .services .wp-block-column p, .mission .wp-block-column h2, .mission .wp-block-column h3, .mission .wp-block-column p, .contactaccueil .wp-block-column h2, .contactaccueil .wp-block-column h3, .contactaccueil .wp-block-column p {
    padding: 0 10%;
}
.wp-block-image img {
	display: inherit;
	margin: auto;
}
}
@media only screen and (max-width: 480px) {
.headeraccueil .wp-block-image:last-of-type img {
	top: 0;
	margin-top: 0;
}
}