/*
Theme Name: Royal Elementor Kit Child
Theme URI: https://royal-elementor-addons.com/royal-elementor-kit/
Description: Thème enfant de Royal Elementor Kit.
Author: Agence tool
Author URI: https://agencetool.fr/
Template: royal-elementor-kit
Version: 1.0.0
Text Domain: royal-elementor-kit-child
*/

/* Autocomplete villes */
ul.city-autocomplete {
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 9999;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
}

ul.city-autocomplete li {
    padding: 8px;
    cursor: pointer;
}

ul.city-autocomplete li:hover {
    background: #f0f0f0;
}

.gform-theme--framework select,
.gform-theme--framework textarea,
.gform-theme--framework input[type="text"],
.gform-theme--framework input[type="email"],
.gform-theme--framework input[type="tel"],
.gform-theme--framework input[type="checkbox"]{
  border: none!important;
  --gf-ctrl-radius: 10px!important;
}

.gform-theme--framework input[type="submit"]{
    background-color: #8faa9f!important;
}
.gform-theme--foundation .gform_fields{
    row-gap: 10px!important;
}
h1.wpr-member-name, h2.wpr-member-name, h5.elementor-image-box-title,
h3.elementor-image-box-title, h4.elementor-image-box-title,
h1.elementor-image-box-title, h2.elementor-image-box-title,
h1.elementor-heading-title, h2.elementor-heading-title, 
h3.elementor-heading-title, h4.elementor-heading-title, h5.elementor-heading-title{
    font-family: "the-seasons", sans-serif!important;
    font-weight: 400!important;
    font-style: normal;
}

.portefeuille.double.is-active > .e-con-inner > .e-con-boxed {
	position: fixed;
    left: 0;
}
.portefeuille.double.is-active .intro{
    position: absolute;
    top: 18%;
}
.portefeuille__cards{
    min-height: 100vh;
    top: 40%;
}
.portefeuille__cards .card {
	position: absolute;
	left: 0;
    right: 0;
	transform: translateX(-50%) translateY(100%);
    max-width: var(--content-width)!important;
    margin: 0 auto!important;
}
@media only screen and (min-width: 1081px){
    .scroll-col {
        height: 100vh;
        overflow-y: auto;
    }
    .info-sticky.active{
        top: -80px!important;
        position: initial!important;
        width: 100%!important;
    }
    .info-sticky.hidden{
        display: none!important;
    }
}
@media only screen and (max-width: 1080px){
    .portefeuille.double.is-active .intro{
        top: 5%;
    }
    .portefeuille__cards{
        top: 32%;
    }
    .portefeuille__cards .card{
        --content-width : 90vw;
    }
}