/*
Theme Name: WebqamPress Child
Template: webqampress
Theme URI: https://www.webqam.fr
Author: Webqam
Author URI: https://www.webqam.fr
Description: Webqampress child theme made by and for Webqam.
Version: 1.0
License: Beerware http://fr.wikipedia.org/wiki/Beerware
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: WordPress, ACF, Gutenberg, custom
Text Domain: webqam
*/
@import url('assets/css/block-media-comparison.css');
@import url('assets/css/block-show-more.css');
@import url('assets/css/polylang-custom-dropdown.css');

:root {
    --breakpoint-menu: 1300px !important;
}

html {
    font-size: 16px;
}

.wp-block-post-content > .wp-block-group, body:not(.home) .wp-site-blocks > .wp-block-group {
    overflow: unset !important;
}

/* Fix matomo input margin */
#trackVisits {
    margin-right: 10px;
}

.wp-block-cover.cover-left > .wp-block-cover__image-background, .wp-block-cover.cover-left > picture .wp-block-cover__image-background {
    object-position: 0 50% !important;
    object-fit: contain !important;
    max-width: 50%;
}

.wp-block-quote {
    border-left: .25em solid var(--wp--preset--color--color-primary);
    padding: 1em 0 1em 1em;
}


.swiper-pagination-bullet {
    background: #fff;
}

.swiper-pagination-bullet-active {
    background: none;
    border-color: #fff;
}

.form__row {
    grid-gap: var(--wp--preset--spacing--30);
    margin-bottom: var(--wp--preset--spacing--30);
}

.form__group label {
    font-weight: normal;
    text-transform: none;
}

.slider__container.slider--query.slider--view-1 {
    padding: 0;
    width: 100%;
    transform: translate(0, 0);
}

.yoast-breadcrumbs {
    font-size: 14px;
}

.yoast-breadcrumbs,
.yoast-breadcrumbs a {
    color: var(--wp--preset--color--text-primary);
}

.yoast-breadcrumbs a:hover {
    color: var(--wp--preset--color--text-secondary);
}

.yoast-breadcrumbs .breadcrumb_last {
    color: var(--wp--preset--color--color-primary);
}

.yoast-breadcrumbs .icon {
    color: var(--wp--preset--color--text-secondary);
    font-size: 14px;
    margin: 0 6px;
}

.slide__container > .wp-block-group {
    overflow: hidden;
}

::selection {
    background-color: var(--wp--preset--color--color-primary);
    color: #ffffff;
    text-shadow: none;
}

.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close {
    border: 2px solid var(--wp--preset--color--green);
    background-color: var(--wp--preset--color--green);
}

.wp-block-navigation.is-style-underline :not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item:hover {
    color: var(--wp--preset--color--green);
}
.wp-block-navigation.is-style-underline :not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item::before {
    width: 40%;
    left: 30%;
    color: var(--wp--preset--color--green);
}

.slider__top-bar {
    position: absolute;
    width: calc(100% - 3.75rem);
    left: 1.875rem;
    top: 50%;
    display: block;
    transform: translateY(-50%);
    z-index: 2;
}

.slider__top-bar > h2 {
    display: none;
}

.slider__top-bar .swiper-buttons {
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.slider__top-bar .swiper-buttons .swiper-button-next,
.slider__top-bar .swiper-buttons .swiper-button-prev {
    background: transparent;
    border: 0;
    width: 2.3125rem;
    height: 2.3125rem;
}

.slider__top-bar .swiper-buttons .swiper-button-next::after,
.slider__top-bar .swiper-buttons .swiper-button-prev::after {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNC42NzciIGhlaWdodD0iMzcuNjI4IiB2aWV3Qm94PSIwIDAgMzQuNjc3IDM3LjYyOCI+CiAgPHBhdGggaWQ9Imljb25fYXJyb3ciIGRhdGEtbmFtZT0iaWNvbi9hcnJvdyIgZD0iTTcxOS41NjUsMTI2MS4yYTcuMTIxLDcuMTIxLDAsMSwwLTcuMTIxLDcuMTIxQTcuMTIxLDcuMTIxLDAsMCwwLDcxOS41NjUsMTI2MS4yWm0yMC40MzUsMC0xOC44MTMtMTguODE0LTMuMzg1LDMuMzg1LDE1LjQyOSwxNS40MjlMNzE3LjgsMTI3Ni42MzFsMy4zODUsMy4zODVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NDAgMTI4MC4wMTYpIHJvdGF0ZSgxODApIiBmaWxsPSIjZmZmIi8+Cjwvc3ZnPgo=);
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
}

.slider__container.green-arrow-slider .slider__top-bar .swiper-buttons .swiper-button-next::after,
.slider__container.green-arrow-slider .slider__top-bar .swiper-buttons .swiper-button-prev::after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNC42NzciIGhlaWdodD0iMzcuNjI4IiB2aWV3Qm94PSIwIDAgMzQuNjc3IDM3LjYyOCI+CiAgPHBhdGggaWQ9Imljb25fYXJyb3ciIGRhdGEtbmFtZT0iaWNvbi9hcnJvdyIgZD0iTTcxOS41NjUsMTI2MS4yYTcuMTIxLDcuMTIxLDAsMSwwLTcuMTIxLDcuMTIxQTcuMTIxLDcuMTIxLDAsMCwwLDcxOS41NjUsMTI2MS4yWm0yMC40MzUsMC0xOC44MTMtMTguODE0LTMuMzg1LDMuMzg1LDE1LjQyOSwxNS40MjlMNzE3LjgsMTI3Ni42MzFsMy4zODUsMy4zODVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NDAgMTI4MC4wMTYpIHJvdGF0ZSgxODApIiBmaWxsPSIjMDBhN2E1Ii8+Cjwvc3ZnPgo=")
}

.slider__container.blur-arrow .slider__top-bar .swiper-buttons .swiper-button-next{
    position: relative;
    width: fit-content;
}
.slider__container.blur-arrow .slider__top-bar .swiper-buttons .swiper-button-next::before,
.slider__container.blur-arrow .slider__top-bar .swiper-buttons .swiper-button-prev::before{
    content: "";
    position: absolute;
    width: 120%;
    height: 120%;
    background-color: #fff;
    filter: blur(13px);
    border-radius: 100%;
    z-index: -1;
    top: -10%;
    left: -10%;
}


.slider__top-bar .swiper-buttons .swiper-button-next {
    transform: rotate(180deg);
}

.slider__top-bar .wp-block-button {
    pointer-events: auto;
}

.wp-block-button .wp-block-button__link {
    border-radius: 3.125rem;
    padding: calc(1.0938rem + 2px) calc(1.25rem + 2px);
}

header.wp-block-template-part.header--on-scroll {
    background: linear-gradient(180deg, rgb(13, 50, 87) 36%, rgba(13, 50, 87, 0.7) 100%);;
}

header.wp-block-template-part {
    position: fixed;
    top: var(--wp-admin--admin-bar--height, 0);
    background: transparent;
    box-shadow: none;
    transition: all 0.3s;
}

.wpcf7 .wpcf7-form div.column {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem 1.25rem; /* 20px converted to rem */
    margin-bottom: 1.25rem;
}

.wpcf7 .wpcf7-form div.column > label,
.wpcf7 .wpcf7-form div.column > p {
    flex: 1;
    min-width: 9.375rem; /* 150px converted to rem */
    font-size: 0.875rem; /* 14px converted to rem */
    color: var(--wp--preset--color--text-secondary);
}

.wpcf7 .wpcf7-form div.column > p {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .wpcf7 .wpcf7-form div.column--nowrap {
        flex-wrap: nowrap;
    }
}

.wpcf7 .wpcf7-form div.column--nowrap p{
    flex: auto;
}

.wpcf7 .wpcf7-form div.column label {
    display: flex;
    flex-direction: column;
}

.wpcf7 .wpcf7-form .width-fit {
    width: fit-content;
}

.wpcf7 .wpcf7-form::placeholder {
    color: var(--wp--preset--color--text-primary);
}

.wpcf7 .wpcf7-form input[type=date]:invalid::-webkit-datetime-edit {
    color: var(--wp--preset--color--text-primary);
}

.wpcf7 .wpcf7-form select {
    appearance: none;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="0.75rem" height="0.75rem" viewBox="0 0 12 12"><title>down-arrow</title><g fill="%23000000"><path d="M10.293,3.293,6,7.586,1.707,3.293A1,1,0,0,0,.293,4.707l5,5a1,1,0,0,0,1.414,0l5-5a1,1,0,1,0-1.414-1.414Z" fill="%23000000"/></g></svg>');
    background-position: right 0.625rem center; /* 10px converted to rem */
    background-repeat: no-repeat;
    background-size: 0.625rem; /* 10px converted to rem */
    padding-right: 2.5rem; /* 40px converted to rem */
}

.banner-hommepage{
    padding: 0;
}

.banner-hommepage .wp-block-cover__image-background{
    position: static;
}

@media (max-width: 1280px) {
    .banner-hommepage .wp-block-cover__image-background{
        position: absolute;
    }
}

.banner-hommepage .wp-block-cover__inner-container{
    position: absolute;
}

.blur-title{
    position: relative;
    width: fit-content;
}

.blur-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    filter: blur(27px);
    border-radius: 100%;
    z-index: -1;
}

.block-popin--open .block-popin__inner  {
    margin-block-end: auto;
}

.block-popin__inner {
    width: auto;
}

.block-popin__inner > .has-white-background-color {
    background-color: transparent!important;
}

.block-popin__inner .block-popin__close > svg > path#Icons-cross {
    fill: var(--wp--preset--color--white);
}

.button__container > a,
[class*="wp-block-button__link"]:not(.no-hover-effect),
.wp-block-search__button {
    min-width: 230px;
}

::selection {
    background-color: var(--wp--preset--color--green);
}

.swiper-buttons .swiper-button-disabled {
    opacity: 0;
}