/*
Theme Name: pollet
Theme URI: https://popino.fr
Author: Annabelle Neau
Author URI: https://popino.fr
Description: Thème créé par Popino
Requires at least: WordPress 6.2
Version: 1.0
*/

body {
    margin:0;
    overflow-x: hidden;
}

.hb-accom-listing-desc {
    width:100%;
}

.hb-accom-listing-desc img {
    display:none;
}

.hb-accom-listing-desc h2 a {
    display:none;
}

.hb-accom-listing-desc p {
    font-family:"Open Sans";
}

.hb-accom-listing-column {
    width:100%;

}

.hb-accom-listing-row {
    justify-content: initial;
}

#icon-logement .elementor-icon-list-item {
    display:flex;
    flex-direction:column;
}

#icon-logement .elementor-icon-list-text {
    padding-top:5px;
}

.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg {
    margin:0 !important;
}

.elementor-64 .elementor-element.elementor-element-52dd815 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-64 .elementor-element.elementor-element-52dd815 .elementor-icon-list-item > a {
    font-family: "Lato", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    padding-top: 0px;
}

#form-contact label {
    font-family: "Lato", Sans-serif;
    font-size: 16px;
    color:#6D8870;
    padding-bottom:10px;
}

#form-contact textarea, input[type="text"], input[type="email"] {
    font-family: "Lato", Sans-serif;
    font-size: 16px;
    color:#6D8870;
    border:1px solid #6D8870;
    margin-top:8px;
    padding: 10px;
}

#form-contact input[type="submit"] {
    background-color:#6D8870;
    color:#FFF1E3;
    padding:15px 25px;
    font-size:16px;
    border:none;
    cursor:pointer;
}

#form-contact input[type="submit"]:hover {
    background-color:#DDC087;
    transition:0.2s;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
    font-family: "Lato", Sans-serif;
    font-size: 16px;
    color:#6D8870;
    border:1px solid #6D8870;
}

#form-contact textarea {
    width:50%;
}

@media screen and (max-width: 728px) {
    #form-contact textarea, input[type="text"], input[type="email"] {
        width:100%;
    }
}

/* Début du sticky menu */

.header-nav {
    text-align: right;
}

.header-nav ul,
.header-nav li {
    display: inline;
    list-style: none;
}
.header-nav a {
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    vertical-align: middle;
    font-weight: 300; /* entre regular et light */
    letter-spacing: 0.1rem;
    color: inherit;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1rem;
    font-family: 'Pathway Gothic One', sans-serif;
}

/* Animation du lien */
.header-nav a:after {
    content: "";
    position: absolute;
    bottom: 0; right: 20px; left: 20px;
    height: 2px;
    background-color: rgb(89, 140, 250);

    /* Préparation de notre animation */
    opacity: 0;
    transform: translateY(5px);
    transition: all .4s;
}

/* Le trait va remonter et apparaitre */
.header-nav a:hover:after,
.header-nav a:focus:after {
    opacity: .6;
    transform: translateY(0);
}
/* Je vire outline car juste au-dessus je définis un style :focus */
.header-nav a:focus {
    outline: none;
}

.nav-is-stuck #header-sticky {
    z-index: 1200;
    position: fixed;
    display:block;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}


.bloc-couleur .elementor-button-link {
    position:relative;
    display:inline-block;
    overflow:hidden;
    text-align:center;
    vertical-align:middle;
}

.bloc-double:before,
.couleur-remplissage .elementor-button-link:after{
    content:'';
    display:block;
    position:absolute;
    bottom:0;
    top:0;
    left:0;
    right:0;
    z-index:1;
    background-color: #EBF2EC;
    color: #242424;
    transition :  0.35s ease-in-out;
    transition-property : top, bottom, left,right, border-width;
}

.couleur-remplissage .elementor-button-text {
    color:#242424;
    z-index:9;
}

.couleur-remplissage3 .elementor-button-text {
    color:white;
    z-index:9;
}

.bloc-double:before,
.couleur-remplissage3 .elementor-button-link:after{
    content:'';
    display:block;
    position:absolute;
    bottom:0;
    top:0;
    left:0;
    right:0;
    z-index:1;
    background-color:#DDC087;
    color: white;
    transition :  0.35s ease-in-out;
    transition-property : top, bottom, left,right, border-width;
}

.couleur-remplissage2 .elementor-button-text {
    color:#242424;
    z-index:9;
}

.bloc-double:before,
.couleur-remplissage2 .elementor-button-link:after{
    content:'';
    display:block;
    position:absolute;
    bottom:0;
    top:0;
    left:0;
    right:0;
    z-index:1;
    background-color: #FFF1E3;
    color: #242424;
    transition :  0.35s ease-in-out;
    transition-property : top, bottom, left,right, border-width;
}

.bloc-background .elementor-button-link:after{
    content:none;
}

.bloc-couleur .elementor-cta__button {
    position:relative;
    display:inline-block;
    overflow:hidden;
    text-align:center;
    vertical-align:middle;
}

.couleur-remplissage .elementor-cta__button {
    color:#242424;
    z-index:9;
}

.bloc-double:before,
.couleur-remplissage .elementor-cta__button:after{
    content:'';
    display:block;
    position:absolute;
    bottom:0;
    top:0;
    left:0;
    right:0;
    z-index:1;
    background-color: #EBF2EC;
    color: #242424;
    transition :  0.35s ease-in-out;
    transition-property : top, bottom, left,right, border-width;
}

.couleur-remplissage .elementor-cta__button {
    color:#242424;
    z-index:9;
}

/* Animate Background Image */

@-webkit-keyframes aitf {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}

#enarriere:checked ~ .bloc-couleur .elementor-button-link {
    position:relative;
    z-index:3;
}

#enarriere:checked ~ .bloc-couleur .elementor-cta__button {
    position:relative;
    z-index:3;
}


.to-left:after{
    left:100%;
}
.to-left:hover:after{
    left:0;
}

.to-right .elementor-button-link:after{
    right:100%;
}
.to-right .elementor-button-link:hover:after{
    right:0;
}

.to-right .elementor-cta__button:after{
    right:100%;
}
.to-right .elementor-cta__button:hover:after{
    right:0;
}

.tow-horizontal:before{
    right:100%;
}
.tow-horizontal:hover:before{
    right:49%;
}
.tow-horizontal:after{
    left:100%;
}
.tow-horizontal:hover:after{
    left:49%;
}

.tow-horizontal-inverse:before{
    right:49%; bottom:100%;
}
.tow-horizontal-inverse:hover:before{
    bottom:0;
}
.tow-horizontal-inverse:after{
    left:49%;
    top:100%;
}
.tow-horizontal-inverse:hover:after{
    top:0;
}


.to-left-top:after{
    left:100%;
    top:100%;
}
.to-left-top:hover:after{
    left:0;
    top:0;
}

.to-right-top:after{
    right:100%;
    top:100%;
}
.to-right-top:hover:after{
    right:0;
    top:0;
}

.to-left-bottom:after{
    left:100%;
    bottom:100%;
}
.to-left-bottom:hover:after{
    left:0;
    bottom:0;
}
.to-right-bottom:after{
    right:100%;
    bottom:100%;
}
.to-right-bottom:hover:after{
    right:0;
    bottom:0;
}

.tow-lt-br:before{
    right:100%;
    bottom:100%;
}
.tow-lt-br:hover:before{
    right:0%;
    bottom:0%;
}
.tow-lt-br:after{
    left:100%;
    top:100%;
}
.tow-lt-br:hover:after{
    left:0%;
    top:0%;
}

.tow-rt-lb:before{
    left:100%;
    bottom:100%;
}
.tow-rt-lb:hover:before{
    left:0%;
    bottom:0%;
}
.tow-rt-lb:after{
    right:100%;
    top:100%;
}
.tow-rt-lb:hover:after{
    right:0%;
    top:0%;
}

.from-center:after{
    right:50%;
    left:50%;
}
.from-center:hover:after{
    right:0;
    left:0;
}

.from-middle:after{
    bottom:50%;
    top:50%;
}
.from-middle:hover:after{
    bottom:0;
    top:0;
}

.from-center-middle:after{
    bottom:50%;
    top:50%;
    right:50%;
    left:50%;
}
.from-center-middle:hover:after{
    bottom:0;
    top:0;
    right:0;
    left:0;
}

.to-center-middle:after{
    border:0px solid  #6D8870;
    background-color: transparent;
    box-sizing : border-box;
}
.to-center-middle:hover:after{
    border-width:76px
}

.to-middle-top:after{
    transform : skew(90deg, 0deg);
    transition-property : transform;
}
.to-middle-top:hover:after{
    transform : skew(0deg, 0deg);
}


.to-center-left:after{
    transform :  skew(0deg,90deg);
    transition-property : transform;
}
.to-center-left:hover:after{
    transform :   skew(0deg, 0deg);
}

.to-center-middle-circle:after{
    border-radius:100%;
    /* 213px diagonale */
    width:213px;
    height:213px;
    left:50%;
    top:50%;
    transform : translate(-50%, -50%) scale(0, 0);
    box-sizing : border-box;
    transition-property :transform;
}
.to-center-middle-circle:hover:after{
    transform :translate(-50%, -50%) scale(1, 1);
}

.bloc-background{
    transition :  0.35s ease-in-out;
    transition-property : background;
}
.to-backgound-opacity{
    background: rgba(171,220,40,0);
}
.to-backgound-opacity:hover{
    background: rgba(171,220,40,1);
}

[class^=to-backgound-to]{
    background: linear-gradient(rgba(171,220,40,1),rgba(171,220,40,1));
    background-repeat : no-repeat;
}
.to-backgound-to-bottom{
    background-size:100% 0%;
}
.to-backgound-to-bottom:hover{
    background-size:100% 100%;
}
.to-backgound-to-top{
    background-size:100% 0px;
    background-position : 100% 100%;
}
.to-backgound-to-top:hover{
    background-size:100% 100%;
}
.to-backgound-to-right{
    background-size:0% 100%;
}
.to-backgound-to-right:hover{
    background-size:100% 100%;
}

.to-backgound-to-left{
    background-size:0px;
    background-position : 100% 100%;
}
.to-backgound-to-left:hover{
    background-size:100%;
}

.to-backgound-to-left-top{
    background-size:0px 0px;
    background-position : 100% 100%;
}
.to-backgound-to-left-top:hover{
    background-size:100% 100%;
}

.to-backgound-to-right-bottom{
    background-size:0px 0px;
    background-position : 0% 0%;
}
.to-backgound-to-right-bottom:hover{
    background-size:100% 100%;
}

.to-backgound-to-right-top{
    background-size:0px 0px;
    background-position : 0% 100%;
}
.to-backgound-to-right-top:hover{
    background-size:100% 100%
}
.to-backgound-to-left-bottom{
    background-size:0 0;
    background-position : 100% 0%;
}
.to-backgound-to-left-bottom:hover{
    background-size:100% 100%
}

.to-variable-css{
    background: radial-gradient(circle,rgb(171,220,40 ) var(--varcsspos, 0%), transparent 0);
}
.bloc-image:after{
    content:url(https://www.zonecss.fr/img/exemple/filter-image.jpg);

}
.image-opacity:after{
    opacity:0;
    transition-property : opacity, transform;
}
.image-opacity:hover:after{
    opacity:1;
}

.image-to-top:after{
    top:100%;
}
.image-to-top:hover:after{
    top:0%;

}

.image-from-center-middle:after{
    bottom:50%;
    top:50%;
    right:50%;
    left:50%;
    overflow:hidden;
    background-position : 50% 50%;
    background-size : contain;
}
.image-from-center-middle:hover:after{
    bottom:0;
    top:0;
    right:0;
    left:0;
}

.searchandfilter ul {
    display: block;
    margin-top: 70px;
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-left:0;
}

input[type="radio" i] {
    display:none;
}

.searchandfilter label {
   font-family:"Lato", Sans-serif;
    font-size:16px;
    margin: 0 30px;
    cursor:pointer;
    color:#6D8870;
    padding-left:0;
    padding-bottom: 15px;
}

.searchandfilter label:hover {
    border-bottom:1px solid #6D8870;
    padding-bottom:10px;
}

.searchandfilter input:checked {
    border-bottom:1px solid #6D8870;
    padding-bottom:10px;
}


.searchandfilter li[data-sf-field-input-type=checkbox] label, .searchandfilter li[data-sf-field-input-type=radio] label, .searchandfilter li[data-sf-field-input-type=range-radio] label, .searchandfilter li[data-sf-field-input-type=range-checkbox] label {
    padding-left:0;
}

#ajax-container {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width: 1240px;
    justify-content: center;
    margin:0 auto 80px auto;
}

#ajax-container article {
    width:30%;
    padding:20px;
}

#widget_resa {
    border: none  !important;
    position: relative;
    width: 100% !important;
    padding: 0px !important;
    border-radius: 10px;
}

#qfindformId {
    margin-left:0 !important;

}

.title_widget {
    display:none;
}

.a_valid_form {
    font-family:"Lato", Sans-serif !important;
    font-size: 15px !important;
    background-color:#DDC087 !important;
    color:black !important;
    padding: 8px 60px !important;
    text-transform: initial !important;
    margin-left:0 !important;
}

.a_valid_form:hover {
    background:#EBF2EC !important;
}

#texte_fourni_gdf {
    display: none;
}

.dw .dw-textbox, .dw .dw-list li, .dw .dw-ui-datepicker, .dw .dw-ui-datepicker .ui-datepicker-close, .dw .dw-dropdown .dw-dropdown-text {
    font-family:"Lato", Sans-serif !important;
}

.dw .dw-textbox {
    color:#6D8870 !important;
}

.dw .dw-datepicker .dw-datepicker-arrow, .dw .dw-dropdown .dw-dropdown-arrow {
    background-color: #6D8870 !important;
}

.dw .dw-dropdown .dw-dropdown-text, .dw .dw-textbox {
    background:none !important;
    box-shadow: none !important;
    border:1px solid #d3d3d3 !important;
    font-size:13px !important;
    font-weight:normal !important;
}

.dw .dw-list .dw-list-selected {
    background: #6D8870 !important;
}

@media screen and (max-width:1000px) {
    #ajax-container article {
        width:490%;
        padding:40px 20px;
    }

    #ajax-container {
        width:100%;
    }

    .searchandfilter ul {
        flex-direction: column;
    }
}

@media screen and (max-width: 728px) {
    #ajax-container article {
        width:100%;
        padding:0px;
    }
}