95/*
Theme Name: La Pie Pelette
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: Bikloz
Author URI: https://bikloz.com
template: bb-theme
*/


.fl-page a:hover,
.fl-page a:focus {
    text-decoration:none;
}
.fl-post-grid {
margin-left:0!important;
margin-right:0!important;
}
hr {
    border-color:initial;
    display:block;
}
body:not(.fl-builder-edit) * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*transition: all 0.2s linear;*/
}
body {
    overflow-x: hidden!important;
    padding: 0;
    margin: 0;
}
.fl-page {
    overflow-x: hidden!important;
}
button:focus:not(:focus-visible),
.btn.focus, .btn:focus,
.af_accordeon button.btn:active {
    outline: 0;
    box-shadow: none;
    border:none;
    text-decoration: none;
}
.fl-module-content .container {
    max-width:100%;
    padding: 0;
}
a.fl-button *, a.fl-button:visited * {
    color: inherit;
}
.zindex {
    position:relative;
    z-index:9!important;
}
.zindexplus {
    position:relative;
    z-index:99!important;
}

ul {
    padding-left:20px;
}
a:hover {
    text-decoration:none;
}
article p a {
    border-bottom: 1px dotted;
}
article p a:hover {
    border:0;
}
.fl-rich-text > h2 {
    margin-bottom: 15px!important;
}
.single-post article .fl-builder-module-template,
.single-post article .fl-accordion-medium .fl-accordion-button {
    padding: 0
}
.single-post article h2 {
    font-size: 2.2em;
}
.single-post article hr {
    border-color: #d0d3e1;
}
.single-post span.chapo {
    font-weight: bold;
    font-size: 1.1em;
    font-family: 'Outfit', sans-serif;
}

.af_button {
    background-color:var(--link);
    color:white!important;
    border-radius: 10em;
    margin:10px 10px 10px 0; 
    padding:0 1.4em;
    height:2.85em;
    line-height:2.85em;
    font-size:0.95em;
    text-align:center;
    display:table;
    flex:none;
    width:auto;
    border:0;
}
.af_button:hover {
    background-color:var(--txt)!important;
    color:white!important;
    text-decoration:none!important;
}

.fl-post-grid-post.af_service {
    background:transparent;
    border:0;
    position:relative;
}
.fl-post-grid-post.af_service .card_thumbnail {
    overflow:hidden;
    border-radius:15px;
    position:relative;
    max-width: 330px;
    margin: 0 auto;
}
.fl-post-grid-post.af_service .card_thumbnail img {
    width:100%;
    transition:all linear 150ms;
}
.fl-post-grid-post.af_service a .card_content {
    color:var(--af--noir);
    text-align:center;
    position:relative;
}
.fl-post-grid-post.af_service a .card_content h3 {
    padding:20px 0 0;
}
.fl-post-grid-post.af_service a .card_content div:not(.badge) {
    font-size:15px;
}
.fl-post-grid-post.af_service a:hover .card_thumbnail img {
    transform:scale(1.05);
}
.fl-post-grid-post.af_service .badge {
    position:absolute;
    top:-30px;
    background:var(--af--vieux-rose);
    color:white;
    font-size:14px;
    padding:0 10px 0px;
    display:block;
    border-radius:5px;
    z-index:99;
    left:50%;
    transform:translatex(-50%);
    font-weight:bold;
    white-space: nowrap;
}
.fl-post-grid-post.af_service a .card_thumbnail:before {
  content: "+";
    font-family:"DM Serif Display",serif;
  font-size: 100px;
    line-height:100px;
    position: absolute;
  z-index: 9;
  color: white;
    background:rgba(0,0,0,0.6);
    width:100%;
    height:100%;
    display:flex;
    align-content:center;
    align-items:center;
    justify-content:center;
    opacity:0;
    transition:all ease-in 500ms;
}
.fl-post-grid-post.af_service a:hover .card_thumbnail:before {
    opacity:1;
}
.single-af_service article .badge {
    background:var(--af--vieux-rose);
    color:white;
    font-size:14px;
    padding:0 10px 0px;
    border-radius:5px;
    z-index:99;
    font-weight:bold;
    display:inline-table;
}
.single-af_service .meta_content ul {
    list-style:none;
    padding:0;
}
.single-af_service .meta_content ul li em {
    font-style:initial;
    text-transform:uppercase;
    font-weight:bold;
    display:block;
}
.single-af_service .meta_content ul li {
    padding-bottom:20px;
}
.pp-testimonials-wrap .owl-nav.position-bottom { 
    margin-top:30px;
    transform:scale(1.1);
}
/* ---------------  Event --------------- */
#histoires>.fl-row-content-wrap {
    z-index:0;
}
#af_event_list {
    display: flex;
    align-items: stretch;
    justify-content: center;
    margin-top: 40px;
    flex-flow: row wrap;
    gap: 10px;
}
#af_event_list .modal-dialog {
    overflow: hidden;
    border-radius: 15px;
}
#af_event_list .modal-title {
    font-size: 2em;
    line-height: 1.1em;
    margin-bottom: 10px;
}
a#af_event_post {
    min-height:250px;
    flex-flow:column;
    justify-content:space-between;
    display: flex;
    align-items: center;
    text-align: center;
    gap: 15px;
    padding: 30px;
    color: inherit;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    transition: all 200ms ease-in-out;
    width: calc(25% - 15px);
}
a#af_event_post:hover {
    background:white;
    box-shadow:0 0 20px 0 rgba(0,0,0,0.25);
}
a#af_event_post:hover .af_col:first-child {
    border-color: var(--fl-global-accent);
}
a#af_event_post .af_col:first-child {
    width: 55px;
    border: 1px solid;
    border-radius: 5px;
    padding: 10px 0px 8px;
    text-align: center;
    flex: none;
    margin: 0 auto 20px;
}
#af_event_card .day {
    font-size:25px;
    color:#333;
    line-height:1em;
}
#af_event_card li {
    list-style:none;
    font-size:13px;
}
#af_event_card .month {
    font-size:13px;
}
#af_event_card h3 {
    font-size: 20px;
    line-height: 1.4em;
    margin: 0 0 10px 0;
}
.modal[id^="eventdetails-"] .modal-content {
    border:0;
    border-radius:10px;
}
.modal-header {
    flex-direction: column;
    padding: 10px 0 20px;
}
.modal-content .share-links {
    padding: 15px 0 0;
    display: flex;
    gap: 10px;
    justify-content: center;
}
.modal-content .share-links a {
    color: var(--af--vieux-rose);
    background: #f8f1ef;
    height: 38px;
    width: 38px;
    text-align: center;
    border-radius: 10px;
    font-size: 17px;
    line-height: 38px;
}
.modal-content .share-links a:hover {
    background: var(--af--vieux-rose);
    color: white;
}
#af_event_post h4 {
    line-height:1.4em;
}
.modal-body {
    display: flex;
    flex-flow: row wrap;
    gap: 20px;
    padding: 0;
}
.modal-content .af_event_content_wrapper {
    width:77%;
    /*max-height: 70vh;
    overflow-y: scroll;*/
    scrollbar-width: thin;
    scrollbar-color: #ebedef white;
    margin-bottom: 15px;
}
.single-af_event .af_event_content_wrapper {
    display: flex;
    flex-direction: column;
    margin: 10px 0 20px;
    gap: 15px;
}
.modal-content aside {
    padding-top: 10px;
    text-align: center;
}
.modal-content  aside img {
    border-radius: 10px;
}
.af_event_card p {
    padding:5px 0;
    font-size:15px;
    text-align:left;
}
.af_event_card .meta {
    font-size:14px;
}
.modal[id^="eventdetails-"] {
    background:rgb(118 150 148 / 95%)
}
.modal-backdrop {
    display:none;
}
.af_billetterie .gform_heading,
.af_billetterie .gform_wrapper.gravity-theme .ginput_product_price_wrapper { 
    display: none;
}
.af_billetterie {
    background: #f8f0ef;
    padding: 20px 30px 10px;
    border-radius: 10px;
}
.af_billetterie .gform_wrapper.gravity-theme .field_sublabel_above .description, 
.af_billetterie .gform_wrapper.gravity-theme .field_sublabel_above .gfield_description, 
.af_billetterie .gform_wrapper.gravity-theme .field_sublabel_above .gsection_description {
    margin: 0;
    padding: 0;
}
.af_billetterie .gpi-available-inventory-message {
    padding: 0!important;
}
.af_billetterie input:not([type=button],[type=submit]),
.af_billetterie textarea {
    background:transparent;
}
.af_billetterie .gform_wrapper.gravity-theme .gfield--type-total label {
    width:100%;
    text-align:right;
}
.af_billetterie .gform_wrapper.gravity-theme .gfield--type-total input {
    padding:2px 0;
    font-size:1.2em;
    color:var(--af-noir);
    text-align:right;
}
.af_plusminus .ginput_container {
    display: flex;
    align-items: stretch;
    justify-content: left;
    gap: 5px;
}
.gfield.af_plusminus .quantity-adjust {
    color: white;
    border:0;
    font-size: 18px;
    width: 30px;
    text-align: center;
    cursor: pointer;
    transition: background 0.1s ease-in-out;
    padding:0;
}
.gfield.af_plusminus input {
    max-width: 50px!important;
    text-align: center!important;
    font-size: 16px;
}
.gform_confirmation_wrapper {
    padding-bottom: 20px;
}
/* Supprime les flèches sur Chrome, Safari, Edge et Opera */
.af_plusminus input::-webkit-outer-spin-button,
.af_plusminus input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=button],
input[type=submit] {
    border:0;
    border-radius:0;
    padding:10px 20px;
    color:white
}
input[type=button]:hover,
input[type=submit]:hover {
    border:0;
    background:var(--af--noir);
    color:white
}
.af_event_content_wrapper a.fl-button {
    background:var(--af--rose);
    border-radius:0;
    padding:12px 20px;
    line-height:1em;
    border:0;
    width: fit-content;
}
.af_event_content_wrapper a.fl-button:hover {
    background:var(--af--noir);
    color:white;
}
#af_event_list .modal-content,
.single-af_event .modal-content {
    border:0;
    border-radius:15px;
    padding: 1.5rem 2.5rem;
    gap: 20px;
}
.single-af_event .modal-header {
    align-items:center;
    text-align:center;
    gap:5px;
    border: 0;
}
.modal-header .meta {
    font-size:0.95em;
}
/* Supprime les flèches sur Firefox */
.af_plusminus input[type="number"] {
    -moz-appearance: textfield;
}

/* Styles pour Webkit (Chrome, Safari, Edge) */
.modal[id^="eventdetails-"] .af_event_content_wrapper::-webkit-scrollbar {
    width: 8px; /* Largeur de la scrollbar */
}

.modal[id^="eventdetails-"] .af_event_content_wrapper::-webkit-scrollbar-track {
    background: white; /* Couleur du fond de la scrollbar */
    border-radius: 4px; /* Coins arrondis */
}

.modal[id^="eventdetails-"] .af_event_content_wrapper::-webkit-scrollbar-thumb {
    background: #ebedef; /* Couleur de la barre */
    border-radius: 4px; /* Coins arrondis */
    transition: background 0.3s ease-in-out;
}

.modal[id^="eventdetails-"] .af_event_content_wrapper::-webkit-scrollbar-thumb:hover {
    background: #999; /* Assombri légèrement au survol */
}
form.billetterie_checkin .gfield_list_icons {
    display:none!important;
}
[id^="gf_entries_table_"].dataTables_wrapper .dataTables_length,
[id^="gf_entries_table_"].dataTables_wrapper .dataTables_info {
    display:none;
}

@media screen and (min-width:992px) {
    .owl-carousel .owl-stage-outer {
        overflow:initial;
    }
    #af_event_list .modal-dialog {
       max-width:850px;
       max-height: 90vh;
       top: 50vh;
       transform: translatey(-50%);
    }
}

@media screen and (max-width:992px) {
    a#af_event_post {
        width: calc(50% - 15px);
    }
}

@media screen and (max-width:768px) {
    .modal-content .af_event_content_wrapper {
        text-align: center;
    }
    .modal-content .af_event_content_wrapper .gform_fields .gfield:not(.gfield--type-section) {
        text-align: left;
    }
    a.fl-button i {
        display:none;
    }
    a.fl-button {
        padding:10px 15px 12px!important
    }
    a#af_event_post {
        width: 100%;
    }
    .modal-content  .af_event_content_wrapper {
        width: 100%;
    }
    #af_event_list .modal-dialog {
        overflow-y: scroll;
    }
    #af_event_list .modal-header {
        align-items: center;
        text-align: center;
    }
    .modal-content  aside {
        padding-top: 0;
        flex-direction: column-reverse;
        display: flex;
        gap: 30px;
        max-width: 50%;
        margin: 0 auto;
    }
}