/*
Theme Name: Twenty Twenty Child
Theme URI: https://example.com
Description: Twenty Twenty Child Theme
Author: Your Name
Author URI: https://example.com/
Template: twentytwenty
Version: 1.0.0
License: GNU General Public License v2 or later
License URL: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* Modifications style général */

p {
    line-height: 1.5em !important;
	text-align: justify;
}
@media screen and (min-width: 767px) {
    p {
        text-align: justify;
    }
}
/* Mise en page générale mobile */
@media screen and (max-width: 767px) {
    .elementor-kit-12 h2 {
        font-size: 0.9em !important;
        line-height: 1.4em !important;  
    }
    .elementor-widget-text-editor {
      font-size: 0.85em !important;
    }
}
/* Ajout image before et after .page */
.page::before, .page::after {
	background-size: 26% !important;
    content: "";
    display: block; 
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
}
.page::before {
    background: url(https://www.marinabresciani.be/wp-content/uploads/2021/04/fleur-gauche-marina.jpg) no-repeat;
    top: 8%;
    left: 0px;
}
.page::after {
    background: url(https://www.marinabresciani.be/wp-content/uploads/2021/04/fleur-droite-marina.jpg) no-repeat top right;
    top: 3%;
    right: 0px;
}
/* Modification marge intérieure par défaut des sesctions */

section {
    padding: 2rem 0;
}

/* Centrage "Lire la suite" titre menu accordéon */

.uael-accordion-title {
	width: 9em;
	margin: 0 auto;
}

/* Création style citation */

.citation-container {
    background-color: #fffaf0;
    color: #000;
    border-radius: 10px;
    border: solid 2px white;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;       
}

.citation-container:hover {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;    
    border: solid 2px #da923e;
    cursor: pointer;
}

.citation-texte {
    font-family: "Lato", Sans-serif;
    font-style: italic;
    font-size: 2.5rem;
    font-weight: 300;
    padding: 1.125em 5rem;
}

.citation-auteur {
    font-size: 2rem;
    color: #888;
    margin-left: 0.3em;
}

.citation-container::before {
    background: url(https://www.marinabresciani.be//wp-content/uploads/2021/03/apostrophes-test-left.png) no-repeat;
    opacity: .1;
	content: "";
    display: block;
    position: absolute;     
    width: 127px;
    height: 100px;
    top: 10%;
    left: 3%;    
}

/*.citation-container::after {
    background: url(https://www.marinabresciani.be/wp-content/uploads/2021/03/quote-right.png) no-repeat;
    bottom: 0%;
    left: 90%;
}*/

/* Image carrée animée avec bord de couleur au passage de la souris */

.anim_img_square img {
    border: solid 2px white !important;
    border-radius: 10px !important;   
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;   
}

.anim_img_square img:hover {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
	border: solid 2px #FFD8AD !important;
    cursor: pointer;         
}

/* ZaZo: Modification du padding par défaut dans un paragraphe dans un accordéon */

.uael-faq-accordion .uael-accordion-content p, .elementor-text-editor p {
    margin-bottom: 10px !important;
}

/* style menu floeat */ 

.uael-offcanvas-content a { text-decoration: none !important; }


/* Soudcloud dans accordéon */

.elementor-widget-audio iframe {
    display: block;
    max-width: 100%;
    width: 100% !important;
    height: 150px !important;
}


/* marge interne du contenu d'un accordéon */
.elementor-accordion .elementor-tab-content { padding: 0 !important; }

/* Alignement central du titre accordéon */
.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left { float: none !important; }
.elementor-accordion .elementor-tab-title { text-align: center; }

/* Adaptation couleurs filtres portfolio */

.portfoliotoile li.elementor-portfolio__filter {
    background: #DB9341;
    padding: 0.25em 1em;
    border-radius: 5px;
}

.portfoliotoile .elementor-portfolio__filters {
    margin-bottom: 1.75em !important;
    margin-top: 1em;
}

/* Classe bouton indisponible toile (produit) */

.indisponible { cursor: default; }

/* Modification style image random (plugin) */

#random-image-REPLACE_TO_ID {
    margin: auto;
    border-radius: 5px;
}

/* modification ol li */

ol li {
    margin: 1em 0 1em 0.5em !important;
}

/* modification style boldage */

b, strong {
    font-weight: 900 !important;
    font-size: 1.05em !important;
}

/* mise en exergue de contenu */
.highlight-bloc {
  padding: 1em;
  border-radius: 5px;
  margin-bottom: 1em;
  line-height: 1.5em;
  
}
.highlight-bloc ul {
  margin-bottom: 1rem;
}