/*
Theme Name:     Webqampress-child
Theme URI:
Description:    Webqampress child theme.
Author:         Me
Author URI:
Template:       webqampress
Version:        0.1.0
*/
html {
	font-size: 16px;
}

h1, h2, h3, h4, h5, h6, ul, ol, dd, p {
	margin-bottom: 1.2em;
}

.home header.wp-block-template-part {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}

header.wp-block-template-part > .wp-block-columns {
	height: auto;
}

.admin-bar.home header.wp-block-template-part {
	top: 32px;
}

.admin-bar.home .wp-block-group header.wp-block-template-part {
	top: 0;
}

.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
	border-radius: 50%;
}

.home .wp-site-blocks > header .wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
	background-color: #fff;
	border-color: #fff;
	color: #000000 !important;
}

@media screen and (max-width: 1200px) {
	header.wp-block-template-part .wp-block-columns .wp-block-column:nth-child(2) {
		flex: 0 0 auto;
	}
}

header.wp-block-template-part {
	background-color: transparent;
	box-shadow: none;
}

body:not(.home) .open-search .wp-block-button__link:hover,
body:not(.home) .open-search .wp-block-button__link:active,
body:not(.home) .open-search .wp-block-button__link:focus {
	color: #ffffff !important;
	background-color: #000000 !important;
}

a:where(:not([class], .wp-element-button)) {
	color: #00a9d1;
	text-decoration: none !important;
}

a.footer-link {
	color: #ffffff;
}

a.footer-link:focus,
a.footer-link:active,
a.footer-link:hover,
a:where(:not(.wp-element-button, [class])):focus,
a:where(:not(.wp-element-button, [class])):active,
a:where(:not(.wp-element-button, [class])):hover {
	text-decoration: underline !important;
}

@media (max-width: 75em) {
	header.wp-block-template-part .wp-block-columns .wp-block-column:first-child {
		flex: 1 1 auto !important;
	}
}

.filter__container .filter__select-category {
	display: block !important;
}

.yoast-breadcrumbs a,
.yoast-breadcrumbs span {
	color: #000000;
	text-decoration: none;
	font-size: 14px;
}

.wp-block-cover .yoast-breadcrumbs a,
.wp-block-cover .yoast-breadcrumbs span {
	color: #ffffff;
}

.yoast-breadcrumbs a:hover,
.yoast-breadcrumbs a:focus {
	color: #00a9d1;
}


.read-more {
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
}

.read-more > div {
	position: relative;
	transition: max-height 0.3s;
}


.read-more--enable > div {
	overflow: hidden;
	max-height: 138px;
	margin: 0;
}

.read-more--enable > div::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.read-more--open > div::after {
	content: none;
}

@media screen and (min-width: 500px) {
	.read-more--enable > div {
		max-height: 138px;
	}
}

.read-more span {
	position: absolute;
	z-index: 10;
	right: 0;
	top: 2px;
}

.read-more span:hover {
	cursor: pointer;
}

.read-more span::before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border: 1px solid #061233;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	transition: transform 0.3s;
}

.read-more--open span::before {
	transform: rotate(-135deg);
}

.term-list {
	display: grid;
	gap: 15px;
	grid-template-columns: 1fr 1fr;
}

@media screen and (min-width: 864px) {
	.term-list {
		gap: 40px;
		grid-template-columns: 1fr 1fr 1fr;
	}
}

.term-list__item {
	position: relative;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0px 0px 13px #0000000F;
}

.term-list__item .link--full::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.term-list__item-image {
	overflow: hidden;
}

.term-list__item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s;
}

.term-list__item:hover img {
	transform: scale(1.05);
}

.term-list__item-title {
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	padding: 0.5em;
	margin-bottom: 0;
}

.term-list__item-title a {
	color: #000000;
}

.wq-search .wp-block-search {
	left: unset;
	right: 0;
	transform: translate(0,-100px);
}
.wq-search.is-open .wp-block-search {
	transform: translate(0,0);
}

.wp-block-search__button {
	color: var(--wp--preset--color--white);
}

.images-carousel__content {
	padding: 170px 1.25rem 280px 1.25rem !important;
}

@media screen and (min-width: 768px) {
	.images-carousel__content {
		padding: 15vw 5vw !important;
	}
}

.images-carousel__categ {
	position: relative;
	display: inline-block;
	font-family: var(--wp--preset--font-family--roboto);
	font-size: clamp(1.125rem, 0.3661rem + 3.7946vw, 2.1875rem);
	padding-bottom: 20px;
}

.images-carousel__categ::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	display: block;
	height: 1px;
	width: 200%;
	transform: translateX(-50%);
	background-color: #fff;
	border: 1px solid #707070;
}

.images-carousel__title {
	font-family: var(--wp--preset--font-family--roboto);
	font-weight: 500;
	font-size: clamp(1.625rem, 0.7768rem + 4.2411vw, 2.8125rem);
	max-width: 930px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

.images-carousel .wp-block-buttons {
	margin-top: 20px;
}

.images-carousel__content {
	position: relative;
	z-index: 10;
	padding: 15vw 5vw;
	min-height: 250px;
	color: #ffffff;
	text-align: center;
}

.images-carousel__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.images-carousel__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
}

.swiper-pagination-bullet {
	border: none;
	width: 6px;
	height: 6px;
	background: #fff;
	opacity: 1;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 0;
}

.swiper-pagination-bullet-active {
	background: #00A9D1;
}

.swiper-pagination {
	text-align: center;
	pointer-events: none;
}

.swiper-pagination--absolute {
	bottom: 13rem !important;
}
@media (min-width: 48em) {
	.swiper-pagination--absolute {
		bottom: 20% !important;
	}
}
@media (min-width: 1600px) {
	.swiper-pagination--absolute {
		bottom: 25% !important;
	}
}

.entry-content > .wp-block-group {
	margin-top: 3em;
	margin-bottom: 3em;
}

.entry-content {
	overflow-x: hidden;
}

/* Decorations */
.has-decoration-one,
.has-decoration-two {
	overflow: visible !important;
	/*overflow-x: hidden !important;*/
}

.has-decoration-one,
.has-decoration-two,
.has-decoration-one > *,
.has-decoration-two > * {
	position: relative;
	z-index: 10;
}

.has-decoration-one::after,
.has-decoration-two::after {
	content: '';
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
}

.has-decoration-one::after {
	bottom: -50px;
	right: 10%;
	width: 100px;
	height: 102px;
	background-image: url('images/feuille.png');
}

@media (min-width: 90em) {
	.has-decoration-one::after {
		bottom: -120px;
		width: 300px;
		height: 304px;
	}
}

.has-decoration-two::after {
	top: -30px;
	left: 20px;
	width: 60px;
	height: 88px;
	background-image: url('images/feuille-1.png');
}

@media (min-width: 48em) {
	.has-decoration-two::after {
		left: 10%;
		width: 113px;
		height: 143px;
	}
}

.has-texture-one,
.has-texture-two {
	position: relative;
}

.has-texture-one > *,
.has-texture-two > * {
	position: relative;
}

.has-texture-one::before,
.has-texture-two::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url('images/texture.png');
}

.has-texture-two::before {
	background-image: url('images/texture-2.png');
}

.pattern {
	position: relative;
	padding-bottom: 200px !important;
}

.pattern > * {
	position: relative;
}

.pattern::before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	margin-left: -15px;
	width: 192px;
	height: 160px;
	background-repeat: no-repeat;
	background-image: url('images/pattern-2.png');
	-webkit-background-size: cover;
	background-size: cover;
}

@media (min-width: 48em) {
	.pattern {
		padding-bottom: 20px !important;
	}

	.pattern::before {
		margin-left: -391px;
		width: 391px;
		height: 326px;
	}
}

/* Special layouts */
body .wp-block-group.mobile-2-col { /* increase specificity by adding html and body*/
	flex-wrap: wrap;
}

@media (min-width: 48em) {
	body .wp-block-group.mobile-2-col { /* increase specificity by adding html and body*/
		padding-left: 1.25em;
		padding-right: 1.25em;
	}
}

.mobile-2-col .wp-block-group {
	flex: 0 0 calc(50% - 2em);
}

@media (min-width: 48em) {
	.mobile-2-col .wp-block-group {
		flex: 1 1 0;
	}
}

.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous {
	color: #000000;
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
	padding-left: 0;
}

.wp-block-media-text.has-media-on-the-left .wp-block-media-text__content {
	padding-right: 0;
}

.wp-block-gallery .wp-block-image > picture {
	width: 100%;
	height: 100%;
}

/* for the sticky header */
body .wp-site-blocks > .wp-block-group.is-position-sticky {
	overflow: visible;
	z-index: 60;
}

.header-home {
	position: relative;
	z-index: 100;
}


/* layout */
.wp-site-blocks {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.wp-site-blocks > footer {
	margin-top: auto !important;
}

@media (max-width: 599px) {
	.wp-block-gallery.has-nested-images.customers figure.wp-block-image:not(#individual-image) {
		max-width: calc(32% - var(--wp--style--unstable-gallery-gap, 16px)/2);
	}
}


.post--teaser-content {
	position: static;
}

.post--teaser-content a {
	color: #000000;
}

.post--teaser-content a::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 50;
}

.wp-block-media-text,
.wp-block-media-text .wp-block-media-text__media {
	margin-bottom: 1.2em;
}

@media screen and (max-width: 599px) {
	.wp-block-media-text .wp-block-media-text__content {
		padding-left: 0;
		padding-right: 0;
	}
}

.block-filter-categs__container {
	max-width: 100%;
	overflow: hidden;
}

.block-filter-categs__container .filter__select {
	max-width: 100%;
}

.blog-title__container h1 {
	margin: 0;
}

.wp-block-group.has-texture-one .wpcf7-submit {
	background: #ffffff;
	color: #000000;
}

.form__input--checkbox .wpcf7-list-item-label {
	align-items: flex-start;
}

.form__group label {
	font-weight: 600;
}

@media screen and (max-width: 75em) {
	.wp-block-navigation .wp-block-navigation-item__content {
		display: flex;
		justify-content: center;
	}

	.wp-block-navigation__responsive-container .wp-block-navigation__container .wp-block-navigation-item::after,
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-navigation-item::after {
		content: none;
	}
}

.grecaptcha-badge {
	z-index: 120;
}

.header-home .swiper-wrapper {
	flex-wrap: nowrap;
}
.header-home .slider__container:not(.slider-initialized) .swiper-slide {
	flex: 0 0 100%;
}

.grecaptcha-badge {
	visibility: hidden;
}

.block-contact-button {
	position: relative;
	display: flex;
	align-items: center;
	align-self: stretch;
	z-index: 5;
	font-family: var(--wp--preset--font-family--roboto);
}

.block-contact-button:hover .block-contact-button__dropdown,
.block-contact-button:focus-within .block-contact-button__dropdown {
	opacity: 1;
	pointer-events: auto;
	transform: translateX(-50%) scale(1);
}

.block-contact-button--transparent-white .block-contact-button__page-link {
	color: #fff;
}

.block-contact-button--transparent-white .block-contact-button__main-tel-link {
	border-color: #fff;
	background-color: transparent;
}

.block-contact-button__page-link {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	display: none;
	align-items: center;
	gap: 9px;
}

.block-contact-button__dropdown {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%) scale(0.8);
	min-width: 100%;
	width: 240px;
	opacity: 0;
	pointer-events: none;
	padding: 20px 25px;
	display: none;
	flex-direction: column;
	transform-origin: top center;
	transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
}

.block-contact-button__dropdown::before {
	content: "";
	pointer-events: none;
	height: 16px;
	width: 16px;
	background-color: white;
	transform: translateX(-50%) rotateZ(45deg);
	position: absolute;
	top: 0;
	left: 50%;
}

.block-contact-button__dropdown::after {
	content: "";
	position: absolute;
	top: 8px;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	z-index: -1;
	background-color: #fff;
	border-radius: 15px;
}

.block-contact-button__dropdown-label {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 12px;
}

.block-contact-button__main-tel-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border: 2px solid #000;
	border-radius: 50px;
}

.block-contact-button__dropdown-tel-link {
	font-size: 20px;
	font-weight: 300;
	color: #000;
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	gap: 6px;
}


.block-contact-button__dropdown-tel-link:hover,
.block-contact-button__dropdown-tel-link:focus-visible {
	text-decoration: underline;
}

.block-contact-button__separator {
	border-bottom: 1px solid #000;
	margin-bottom: 12px;
	width: 100%;
}

.block-contact-button__dropdown-page-link {
	font-size: 15px;
	font-weight: bold;
	color: #000;
	display: flex;
	align-items: center;
	gap: 6px;
}

.block-contact-button__dropdown-page-link:hover,
.block-contact-button__dropdown-page-link:focus-visible {
	text-decoration: underline;
}

@media screen and (min-width: 75em) {
	.block-contact-button__page-link,
	.block-contact-button__dropdown {
		display: flex;
	}

	.block-contact-button__main-tel-link {
		display: none;
	}
}