@charset "UTF-8";

/*
Theme Name: site
Description: Child theme
Author: UX Themes
Template: flatsome
Version: 1.0
*/

/*  ===============================================================
    COLORS
    ===============================================================
    https://cssgradient.io/
    ===============================================================
    color wheel : monochromatic
    https://www.canva.com/colors/color-wheel/

    #2d2d2d gris
    #fe019a fushia
    #00a95c vert
    #8000bd mauve

    =============================================================== */

    :root {
        --light-color:                   #ffffff !important;
        --dark-color:                    #000100 !important;

        --primary-color:                 #00a95c !important;
        --secondary-color:               #fe019a !important;
        --third-color:                   #666666 !important;
        --fourth-color:                  #f0f0f0 !important;
        --fifth-color:                   #000100 !important;
        --sixth-color:                   #FE9AD6 !important;
        --seventh-color:                 #ffffff !important;

        --success-color:                 var(--primary-color)   !important;
        --alert-color:                   var(--secondary-color) !important;
        --type-text-color:               var(--dark-color)      !important;
        --type-headings-color:           var(--third-color)     !important;
        --divider-color:                 var(--fourth-color)    !important;
        --links-color:                   var(--secondary-color) !important;
        --links-hover-color:             var(--third-color)     !important;
        --widget-links-color:            var(--secondary-color) !important;
        --widget-links-hover-color:      var(--third-color)     !important;
        --custom-title-type-color:       var(--dark-color)      !important;
        --custom-title-type-links-color: var(--secondary-color) !important;
    } 

    .primary           { background-color: var(--primary-color);           color: var(--light-color) }
    .secondary         { background-color: var(--secondary-color);         color: var(--light-color) }
    .third             { background-color: var(--third-color);             color: var(--light-color) }
    .fourth            { background-color: var(--fourth-color);            color: var(--dark-color)  }
    .fifth             { background-color: var(--fifth-color);             color: var(--light-color) }
    .sixth             { background-color: var(--sixth-color);             color: var(--dark-color)  }

    /*
    .alert             { background-color: var(--alert-color);             color: var(--dark-color)  }
    .type-text         { background-color: var(--type-text-color);         color: var(--dark-color)  }
    .type-headings     { background-color: var(--type-headings-color);     color: var(--dark-color)  }
    .divider           { background-color: var(--divider-color);           color: var(--dark-color)  }
    .links             { background-color: var(--links-color);             color: var(--dark-color)  }
    .widget-links      { background-color: var(--widget-links-color);      color: var(--dark-color)  }
    .custom-title-type { background-color: var(--custom-title-type-color); color: var(--dark-color)  }
    */

    .primary.is-link,
    .primary.is-outline,
    .primary.is-underline   { color: var(--primary-color)    }

    .secondary.is-link,
    .secondary.is-outline,
    .secondary.is-underline { color: var(--secondary-color)  }

    .third.is-link,
    .third.is-outline,
    .third.is-underline     { color: var(--third-color)    !important }

    .fourth.is-link,
    .fourth.is-outline,
    .fourth.is-outline      { color: var(--fourth-color)   !important }

    .fifth.is-link,
    .fifth.is-outline,
    .fifth.is-underline     { color: var(--fifth-color)    !important }

    .sixth.is-link,
    .sixth.is-outline,
    .sixth.is-underline     { color: var(--sixth-color)    !important }

    .seventh.is-link,
    .seventh.is-outline,
    .seventh.is-underline   { color: var(--seventh-color)  !important }



    .primary.is-outline:hover   {
        background-color: var(--primary-color);
        border-color:     var(--primary-color);
        color:            var(--light-color);
    }
    .secondary.is-outline:hover {
        background-color: var(--secondary-color);
        border-color:     var(--secondary-color);
        color:            var(--light-color);
    }
    .third.is-outline:hover {
        background-color: var(--third-color)     !important;
        border-color:     var(--third-color)     !important;
        color:            var(--light-color)     !important;
    }
    .fourth.is-outline:hover {
        background-color: var(--fourth-color)    !important;
        border-color:     var(--fourth-color)    !important;
        color:            var(--light-color)     !important;
    }
    .fifth.is-outline:hover {
        background-color: var(--fifth-color)     !important;
        border-color:     var(--fifth-color)     !important;
        color:            var(--light-color)     !important;
    }
    .sixth.is-outline:hover {
        background-color: var(--sixth-color)     !important;
        border-color:     var(--sixth-color)     !important;
        color:            var(--dark-color)      !important;
    }
    .seventh.is-outline:hover {
        background-color: var(--seventh-color)   !important;
        border-color:     var(--seventh-color)   !important;
        color:            var(--dark-color)      !important;
    }

    a.primary:not(.button),
    a.secondary:not(.button),
    a.third:not(.button),
    a.fourth:not(.button),
    a.fifth:not(.button),
    a.sixth:not(.button),
    a.seventh:not(.button)      { background-color: transparent }


    .primary:focus-visible      { outline-color: var(--primary-color)      }
    .secondary:focus-visible    { outline-color: var(--secondary-color)    }
    .third:focus-visible        { outline-color: var(--third-color)        !important }
    .fourth:focus-visible       { outline-color: var(--fourth-color)       !important }
    .fifth:focus-visible        { outline-color: var(--fifth-color)        !important }
    .sixth:focus-visible        { outline-color: var(--sixth-color)        !important }
    .seventh:focus-visible      { outline-color: var(--seventh-color)      !important }


    [data-text-color=primary]   { color: var(--primary-color)              }
    [data-text-color=secondary] { color: var(--secondary-color)            }
    [data-text-color=third]     { color: var(--third-color)                !important }
    [data-text-color=fourth]    { color: var(--fourth-color)               !important }
    [data-text-color=fifth]     { color: var(--fifth-color)                !important }
    [data-text-color=sixth]     { color: var(--sixth-color)                !important }
    [data-text-color=seventh]   { color: var(--seventh-color)              !important }


    [data-text-bg=primary]      { background-color: var(--primary-color)   }
    [data-text-bg=secondary]    { background-color: var(--secondary-color) }
    [data-text-bg=third]        { background-color: var(--third-color)     !important }
    [data-text-bg=fourth]       { background-color: var(--fourth-color)    !important }
    [data-text-bg=fifth]        { background-color: var(--fifth-color)     !important }
    [data-text-bg=sixth]        { background-color: var(--sixth-color)     !important }
    [data-text-bg=seventh]      { background-color: var(--seventh-color)   !important }


    .light-color            { color: var(--light-color)     }
    .dark-color             { color: var(--dark-color)      }
    .success-color          { color: var(--success-color)   }
    .alert-color            { color: var(--alert-color)     }

    .primary-color          { color: var(--primary-color)   }
    .secondary-color        { color: var(--secondary-color) }
    .third-color            { color: var(--third-color)     }
    .fourth-color           { color: var(--fourth-color)    }
    .fifth-color            { color: var(--fifth-color)     }
    .sixth-color            { color: var(--sixth-color)     }
    .seventh-color          { color: var(--seventh-color)   }

    .bg-light-color         { background-color: var(--light-color)     }
    .bg-dark-color          { background-color: var(--dark-color)      }
    .bg-success-color       { background-color: var(--success-color)   }
    .bg-alert-color         { background-color: var(--alert-color)     }

    .bg-primary-color       { background-color: var(--dark-color)      }
    .bg-secondary-color     { background-color: var(--secondary-color) }
    .bg-third-color         { background-color: var(--third-color)     }
    .bg-fourth-color        { background-color: var(--fourth-color)    }
    .bg-fifth-color         { background-color: var(--fifth-color)     }
    .bg-sixth-color         { background-color: var(--sixth-color)     }
    .bg-seventh-color       { background-color: var(--seventh-color)   }



/*  ===============================================================
    GOOGLE FONTS
    https://fonts.google.com/specimen/Livvic
    https://fonts.google.com/specimen/Livvic?query=livvic

    @import url('https://fonts.googleapis.com/css2?family=Livvic:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

    ===============================================================

    GOOGLE-WEBFONTS-HELPER
    https://gwfh.mranftl.com/fonts/livvic?subsets=latin

    Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options.
    Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+

    =============================================================== */


/*  ===============================================================
    FONTS
    https://www.fontsquirrel.com/tools/webfont-generator
    =============================================================== */

    /*
    @font-face {
        font-family: "Livvic";
        font-weight: 100 400;
        src: url('./assets/fonts/Livvic/webFonts/LivvicNarrowLight/font.woff2') format('woff2'),
             url('./assets/fonts/Livvic/webFonts/LivvicNarrowLight/font.woff')  format('woff');
    }
    @font-face {
        font-family: "Livvic";
        font-weight: 700;
        src: url('./assets/fonts/Livvic/webFonts/LivvicBold/font.woff2') format('woff2'),
             url('./assets/fonts/Livvic/webFonts/LivvicBold/font.woff')  format('woff');
    }
    @font-face {
        font-family: "Breakers";
        font-weight: 100 400;
        src: url('./assets/fonts/breakers/webFonts/Breakers/font.woff2') format('woff2'),
             url('./assets/fonts/breakers/webFonts/Breakers/font.woff')  format('woff');
    }
    @font-face {
        font-family: "Breakers";
        font-weight: 700;
        src: url('./assets/fonts/breakers/webFonts/BreakersBold/font.woff2') format('woff2'),
             url('./assets/fonts/breakers/webFonts/BreakersBold/font.woff')  format('woff');
    }
    */


/*  ===============================================================
    FONTS GOOGLE MATERIAL ICONS &  MATERIAL SYMBOLS
    ===============================================================
    https://developers.google.com/fonts/docs/material_symbols?hl=fr#git_repository
    https://fonts.google.com/icons?hl=fr
    https://github.com/google/material-design-icons/

    git clone https://github.com/marella/material-design-icons
    git clone https://github.com/marella/material-symbols
    =============================================================== */



    @font-face {
      font-family: "Material Icons Outlined";
      font-style:   normal;
      font-weight:  400;
      font-display: block;
      src: url('./assets/fonts/Google-Material-fonts/material-design-icons/font/material-icons-outlined.woff2') format("woff2");
    }

    @font-face {
      font-family: "Material Symbols Outlined";
      font-style:   normal;
      font-weight:  400;
      font-display: block;
      src: url("./assets/fonts/Google-Material-fonts/material-symbols/font/400/material-symbols-outlined.woff2") format("woff2");
    }

    @font-face {
        font-family: "Material Symbols Rounded";
        font-style:   normal;
        font-weight:  400;
        font-display: block;
        src: url("./assets/fonts/Google-Material-fonts/material-symbols/font/400/material-symbols-rounded.woff2") format("woff2");
    }

    @font-face {
        font-family: "Material Symbols Sharp";
        font-style:   normal;
        font-weight:  400;
        font-display: block;
        src: url("./assets/fonts/Google-Material-fonts/material-symbols/font/400/material-symbols-sharp.woff2") format("woff2");
    }



    :root {
        --heading-font-family:  'Livvic', 'sans-serif';
        --heading-font-weight:  400;
        --heading-font-style:   normal;

        --text-font-family:     'Livvic', 'sans-serif';
        --text-font-weight:     400;
        --text-font-style:      normal;

        --nav-font-family:      'Livvic', 'sans-serif';
        --nav-font-weight:      700;
        --nav-font-style:       normal;

        --alt-font-family:      'Dancing Script', 'sans-serif';
        --alt-font-weight:      400;
        --alt-font-style:       normal;
    }


    .alt-font {
        font-family: var(--alt-font-family) !important;
        font-weight: var(--alt-font-weight) !important;
        font-style:  var(--alt-font-style)  !important;
    }


/*  ===============================================================
    GOOGLE MATERIAL ICONS &  MATERIAL SYMBOLS
    ===============================================================
    https://fonts.google.com/icons
    =============================================================== */

    .material-icons-outlined,
    .material-symbols-outlined,
    .material-symbols-rounded,
    .material-symbols-sharp,
    i[class*=" mio-"],
    i[class^=mio-],
    i[class*=" mso-"],
    i[class^=mso-],
    i[class*=" msr-"],
    i[class^=msr-],
    i[class*=" mss-"],
    i[class^=mss-] {
        font-weight: normal;
        font-style: normal;
        font-size: 1.35em;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
        font-feature-settings: "liga";
        top: 50% !important;
    }

/*  =============================================================== */

    .material-icons-outlined,
    i[class*=" mio-"],
    i[class^=mio-] {
        font-family: "Material Icons Outlined" !important;
    }

    .material-symbols-outlined,
    i[class*=" mso-"],
    i[class^=mso-] {
        font-family: "Material Symbols Outlined" !important;
    }

    .material-symbols-rounded,
    i[class*=" msr-"],
    i[class^=msr-] {
        font-family: "Material Symbols Rounded" !important;
    }

    .material-symbols-sharp,
    i[class*=" mss-"],
    i[class^=mss-] {
        font-family: "Material Symbols Sharp" !important;
    }


/*  =============================================================== */

    .button:not( .mio ) > i,
    .button:not( .mso ) > i,
    .button:not( .msr ) > i,
    .button:not( .mss ) > i {
      margin-left: -.15em;
      margin-right: .4em;
    }


    .mio-home:before,
    .mso-home:before,
    .msr-home:before,
    .mss-home:before {
        content: "\e88a" !important;
    }


    .mio-phone:before,
    .mso-phone:before,
    .msr-phone:before,
    .mss-phone:before {
        content: "\e61d" !important;
    }

    .mio-palette:before {
        content: "\e40a" !important;
    }

    .mio-album:before {
        content: "\e019" !important;
    }

    .mio-open-in-new:before {
        content: "\e89e" !important;
    }

    .mio-agenda:before {
        content: "\efe7" !important;
    }

    .mio-news:before {
        content: "\f0ba" !important;
    }

    .mio-activity:before {
        content: "\f8a5" !important;
    }

/*  =============================================================== */

    .highlight-top-menu .nav-top-link:after,
    .button[target="_blank"]:not(.circle):after,
    .button[rel="external"]:not(.circle):after,
    .button[rel="external noopener"]:not(.circle):after,
    .button[rel="noopener noreferrer"]:not(.circle):after,
    .button[rel="noopener noreferrer external"]:not(.circle):after {
        font-family: "Material Icons Outlined" !important;        
        font-weight: normal;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
        font-feature-settings: "liga";
        top: 50% !important;
        padding-left: 0.1em;

        content: "\e89e" !important;
    }


/*  ===============================================================
    SVG WORKAROUND FOR CHROME
    =============================================================== */

    svg[fill], svg *[fill] {
        fill-opacity: initial;
    }
    svg[fill='none'], svg *[fill='none'] {
        fill-opacity: 0;
    }


/*  ===============================================================
    RESET ITEMS
    =============================================================== */


    b, strong {
      font-weight: 700 !important;
    }

    p ~ ol,
    p ~ ul {
        margin-top: -1em;
    }


    blockquote {
        color: var(--secondary-color);
        font-size: inherit;
        font-style: italic;
        border-left: 2px solid var(--secondary-color) !important;
    }

    blockquote.creation {
        color: var(--dark-color);
        font-size: inherit;
        font-style: italic;
        border-left: 2px solid var(--dark-color) !important;
    }


    .button, button, input[type="button"], input[type="reset"], input[type="submit"] {
        font-weight: 700 !important;
    }


    .button.is-radius {
        border-radius: 15px;
    }


    .button[rel="tag"] {
        border-radius: 0px;
        transform: rotate(-3deg);
        padding: 0 10px;
    }

    .button[rel="tag"]:hover {
        transform: rotate(1turn);
    }

    .button.button-nav {
        border-radius: 0px;
    }





    /*
    .col, .gallery-item, .columns {
        padding: 0 15px;
    }

    pre, form, figure, p, dl, ul, ol {
        margin-bottom: 0.7em;
    }

    ul ul, ul ol, ol ol, ol ul {
      margin: 0.5em 0 1.5em 1.5em;
    }

    li {
        margin-bottom: .2em;
    }
    */


/* ================================================================
   SELECTION
   ================================================================ */

    ::-moz-selection {
        color: black;
        background-color: var(--secondary-color);
    }

    ::selection {
        color: black;
        background-color: var(--secondary-color);
    }


/*  ===============================================================
    NO JAVASCRIPT
    =============================================================== */

    .no-javascript {
        color: white;
        background-color: var(--secondary-color);
        padding: 20px;
        margin: 10px 0;
        /* max-width: 240px; */
    }

    .no-javascript h3 {
        color: white;
    }



/*  ===============================================================
    SET FONTS AND COLORS
    =============================================================== */

    /*
    :root {
      --vh: 1vh;
    }

    html {
        height: -webkit-fill-available;
    }

    body {
        min-height: 100vh;
        min-height: calc(var(--vh, 1vh) * 100);
    }
    */

    body {
        color: var(--text-color) !important;
        font-family: var(--text-font-family) !important;
        font-weight: var(--text-font-weight) !important;
        font-style:  var(--text-font-style);
    }


    #wrapper {
    }


    .nav > li > a,
    .mobile-sidebar-levels-2 .nav > li > ul > li > a {
        font-family: var(--nav-font-family) !important;
        font-weight: var(--nav-font-family);
        font-style:  var(--nav-font-family);
    }


    h1, h2, h3, h4, h5, h6,
    .heading-font,
    .off-canvas-center .nav-sidebar.nav-vertical > li > a {
        font-family: var(--heading-font-family) !important;
    }


    h1, h2, h3, h4, h5, h6,
    .heading-font,
    .banner h1,
    .banner h2 {
        font-family: var(--heading-font-family) !important;
        font-weight: var(--heading-font-weight);
        font-style:  var(--heading-font-style);
        text-rendering: optimizeSpeed;
        text-transform: uppercase;
        color: var(--type-headings-color);
    }


    h1 {
        font-size:   2.4em !important;
        line-height: 1.1;

        margin-bottom: 0;
        color: var(--secondary-color) !important;
    }

    h2 {
        font-size:   2.0em !important;
        line-height: 1.1;
    }

    h3 {
        font-size:   1.6em !important;
        line-height: 1.1;
    }

    h4 {
        font-size:   1.25em !important;
        line-height: 1.05;
    }

    h5 {
        font-size:   1.2em !important;
        line-height: 1.0;
    }


    .is-xxxlarge {
        font-size: 2.13em
    }

    .is-xxlarge {
        font-size: 1.7em
    }

    .is-xlarge {
        font-size: 1.28em
    }

    .is-larger {
        font-size: 1.11em
    }

    .is-large {
        font-size: .98em
    }

    .is-small,
    .is-small.button {
        font-size: .68em
    }

    .is-smaller {
        font-size: .64em
    }

    .is-xsmall {
        font-size: .6em
    }

    .is-xxsmall {
        font-size: .51em
    }



    @media(max-width:849px) {
        h1 {
            font-size:   2.4em !important;
        }

        h2 {
            font-size:   2.0em !important;
        }

        h3 {
            font-size:   1.6em !important;
        }

        h4 {
            font-size:   1.25em !important;
        }

        h5 {
            font-size:   1.2em !important;
        }

        .is-xxxlarge {
            font-size: 2.13em
        }

        .is-xxlarge {
            font-size: 1.7em
        }

        .is-xlarge {
            font-size: 1.28em
        }

        .is-larger {
            font-size: 1.11em
        }

        .is-large {
            font-size: .98em
        }

        .is-small,
        .is-small.button {
            font-size: .68em
        }

        .is-smaller {
            font-size: .64em
        }

        .is-xsmall {
            font-size: .6em
        }

        .is-xxsmall {
            font-size: .51em
        }

    }



    @media(max-width:549px) {
        h1 {
            font-size:   2.0em !important;
        }

        h2 {
            font-size:   1.6em !important;
        }

        h3 {
            font-size:   1.25em !important;
        }

        h4 {
            font-size:   1.2em !important;
        }

        h5 {
            font-size:   1.15em !important;
        }



        .is-xxxlarge {
            font-size: 1.81em
        }

        .is-xxlarge {
            font-size: 1.45em
        }

        .is-xlarge {
            font-size: 1.08em
        }

        .is-larger {
            font-size: .94em
        }

        .is-large {
            font-size: .83em
        }

        .is-small,
        .is-small.button {
            font-size: .58em
        }

        .is-smaller {
            font-size: .54em
        }

        .is-xsmall {
            font-size: .51em
        }

        .is-xxsmall {
            font-size: .43em
        }
    }








/*  ===============================================================
    HEADER
    =============================================================== */


    .header, .header-wrapper {
        background-color: var(--light-color);
    }


    ul.nav-top-bar-menu > li > a {
        font-weight: var(--nav-font-weight) !important;
    }

    ul.nav-top-bar-menu {
    }

    ul.nav-main-bar-menu {
        display: flex;
    }



    ul.nav-top-bar-menu > li  {
        margin-bottom: 10px;
    }

    .stuck ul.nav-top-bar-menu > li {
        margin-bottom: 0px;
    }



    .nav-header-left {
    }


    .nav-header-right {
    }



    .nav-header-right .social-icons {
        color: var(--light-color);
    }


    ul.nav-top-bar-menu  > li > a {
        font-weight: var(--nav-font-weight) !important;
        color: var(--light-color);
    }


    /*
    ul.nav-main-bar-menu > li > a  {
        padding-bottom: 0px;
    }
    */



    .row-menu {
    }


    .col-menu {
        align-content: space-between;        
    }







/*  ===============================================================
    HEADER - ux-shape-divider top
    =============================================================== */

    #masthead {
      /* margin-top: -20px;*/
    }

    /*

    #masthead .ux-shape-divider {
      --divider-top-width: 100%;
      --divider-width: 100%;
      line-height: 0;
    }

    #masthead .ux-shape-divider--top {
        top: -20px;
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    #masthead .ux-shape-divider--top svg {
      height: 20px;
      --divider-width: 100%;
      bottom: -1px; 

    }

    #masthead .ux-shape-divider .ux-shape-fill {
      fill: var(--secondary-color);

    }

    #masthead.stuck .ux-shape-divider {
        display: none;
    }

    */



    @media(max-width:849px) {

        #masthead {
            height: 110px;
        }
    }


    @media(max-width:549px) {

        #masthead {
            height: 75px;
        }
    }



/*  ===============================================================
    AW_SECTION : section aw-social
    =============================================================== */

    .section.aw-section-social h3 {
        margin-bottom: 10px;
    }



/*  ===============================================================
    AW_SECTION : section aw-section
    =============================================================== */


    .section.aw-section .section-content .row {
        margin-top: 10px;
        /* margin-bottom: -20px; */
    } 


    /*
    .banner + .row:not(.row-collapse), 
    .banner-grid-wrapper + .row:not(.row-collapse), 
    .slider-wrapper + .row:not(.row-collapse), 
    */


    article:first-child > div.row { /* add margin beetween first row */
        margin-top: 30px !important;
    }


/*  ===============================================================
    AW_TITLE / TITLE : section-title-normal aw-title
    =============================================================== */

    .section-title {
        align-items: normal;
    }


    .col:has( div.aw-title ) { /* to remove space between title and bloc after */
        padding-bottom: 0;
        margin-bottom: -20px;
    }


    .section-title-container {
        margin-bottom: 0;
    }

    .section-title small {
        display: inherit;
        font-size: 50%;
        font-weight: 400;
        opacity: 1;
        padding-left: 0;
        text-transform: none;
    }


    .section-title-normal .section-title b,
    .section-title-spot   .section-title b {
        display: none;
        height: 0;
    }

    .section-title-normal,
    .section-title-spot {
        border-bottom: 0;
    }

    .section-title-normal span,
    .section-title-spot   span {
        border-bottom: 0;
        margin-bottom: 0;
        margin-right: 15px;
        padding-bottom: 7.5px;
    }


    /* .section-title.section-title-with-icon */

    .section-title.section-title-with-icon {
        justify-content: start !important;
        align-items: center;
        flex-flow: initial;
    }

    .section-title.section-title-with-icon span {
        padding: 0;
        margin: 0;
    }


    .section-title.section-title-with-icon:before {
        content: '';
        display: inline-flex;
        background-repeat: no-repeat;
        align-items: center;
        flex-shrink: 0;
    }

    /*

    .section-title.section-title-with-icon.icon-angle-right:before {
        background-size: 34px 100px;
        width:  42px;
        height: 100px;
    }

    h1.section-title.section-title-with-icon.icon-angle-right:before {
        transform: scale(1, 1);
    }

    h2.section-title.section-title-with-icon.icon-angle-right:before {
        transform: scale(0.9, 0.9);
    }

    h3.section-title.section-title-with-icon.icon-angle-right:before {
        transform: scale(0.8, 0.8);
    }

    h4.section-title.section-title-with-icon.icon-angle-right:before {
        transform: scale(0.7, 0.7);
    }

    h5.section-title.section-title-with-icon.icon-angle-right:before {
        transform: scale(0.6, 0.6);
    }

    /*

    .section-title.section-title-with-icon.icon-angle-right:before {
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 34.25781 100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><polygon fill="%232D2D2D" points="0.39355,0 0,0.55127 0,99.42676 0.36914,100 34.25781,52.65918 "/></svg>');
    }

    .section-title.section-title-with-icon.icon-angle-right.icon-dark-color:before {
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 34.25781 100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><polygon fill="%232D2D2D" points="0.39355,0 0,0.55127 0,99.42676 0.36914,100 34.25781,52.65918 "/></svg>');
    }

    .section-title.section-title-with-icon.icon-angle-right.icon-secondary-color:before{
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 34.25781 100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><polygon fill="%23fe019a" points="0.39355,0 0,0.55127 0,99.42676 0.36914,100 34.25781,52.65918 "/></svg>');
    }

    .section-title.section-title-with-icon.icon-angle-right.icon-third-color:before{
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 34.25781 100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><polygon fill="%238000bd" points="0.39355,0 0,0.55127 0,99.42676 0.36914,100 34.25781,52.65918 "/></svg>');
    }

    .section-title.section-title-with-icon.icon-angle-right.icon-fourth-color:before{
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 34.25781 100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><polygon fill="%2300a95c" points="0.39355,0 0,0.55127 0,99.42676 0.36914,100 34.25781,52.65918 "/></svg>');
    }

    .section-title.section-title-with-icon.icon-angle-right.icon-fifth-color:before{
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 34.25781 100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><polygon fill="%23999999" points="0.39355,0 0,0.55127 0,99.42676 0.36914,100 34.25781,52.65918 "/></svg>');
    }

    .section-title.section-title-with-icon.icon-angle-right.icon-sixth-color:before{
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 34.25781 100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><polygon fill="%23eeeeee" points="0.39355,0 0,0.55127 0,99.42676 0.36914,100 34.25781,52.65918 "/></svg>');
    }

    .section-title.section-title-with-icon.icon-angle-right.icon-light-color:before{
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 34.25781 100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><polygon fill="%23ffffff" points="0.39355,0 0,0.55127 0,99.42676 0.36914,100 34.25781,52.65918 "/></svg>');
    }
    */


    .section-title.section-title-with-icon small {
        padding-left: 0 ;
    }



    /* section-title .section-title-icon */

    .section-title .section-title-icon {
        width: 25px;
    }

    .section-title .section-title-icon.primary-color   svg polygon { fill: var(--primary-color   ) }
    .section-title .section-title-icon.secondary-color svg polygon { fill: var(--secondary-color ) }
    .section-title .section-title-icon.third-color     svg polygon { fill: var(--third-color     ) }
    .section-title .section-title-icon.fourth-color    svg polygon { fill: var(--fourth-color    ) }
    .section-title .section-title-icon.fifth-color     svg polygon { fill: var(--fifth-color     ) }
    .section-title .section-title-icon.sixth-color     svg polygon { fill: var(--sixth-color     ) }
    .section-title .section-title-icon.seventh-color   svg polygon { fill: var(--seventh-color   ) }


/*  ===============================================================
    AW_TITLE / MAIN_TITLE : section-title-spot
    =============================================================== */

    /*
    .section-title-spot {
        display: flex;
        flex-direction: row;
    }

    .section-title-spot:before,
    .section-title-spot:after {
        display: block;
        content: " ";
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: auto;

    }
    */

    /* by default to justify left */

    /*
    .section-title-spot,
    .section-title-spot.text-left {  
        justify-content: left;      
        text-align:      left;
    }
    */

    /* by default to hide ':before' to justify left */
    
    /*
    .section-title-spot:before,
    .section-title-spot.text-left:before { 
        margin-right: 0.4em;
        background-position: center center, left 0% center;
        display: none; 
    }

    .section-title-spot:after,
    .section-title-spot.text-left:after  {
        margin-left: 0.4em;
        background-position: center center, right 0% center;
        display: block;
    }

    .section-title-spot.text-center {
        justify-content: center;
        text-align:      center;
        margin-left:     0;
        margin-right:    0;        
    }
    .section-title-spot.text-center:before,
    .section-title-spot.text-center:after {
        display: block;
    }

    .section-title-spot.text-right {
        justify-content: right;
        text-align:      right;
        margin-left:     0;
    }
    */

    /* to hide ':after' to justify right */

    /*
    .section-title-spot.text-right:before { 
        display: block;
    }

    .section-title-spot.text-right:after {
        display: none;
    }
    */

    /*
    .section-title-spot:hover {
        color: var(--type-headings-color);
        background: linear-gradient( 90deg, var(--type-headings-color) 0%, var(--secondary-color) 20%, var(--dark-color) 80%, var(--type-headings-color) 100% );
        background-size: 200% auto;
        background-clip: text;
        -webkit-background-clip: text;
        text-fill-color: transparent;
        -webkit-text-fill-color: transparent;
        
        animation: anim-title-bullet 1s linear infinite;     
        animation-direction: reverse;
    }
    */

    /* ----- don't works on a css background-image -----

    .section-title-spot:hover:before path, 
    .section-title-spot:hover:after path {
        fill: var(--secondary-color);
    } 
    */


    /* workaround because can't use : .section-title-spot:hover:before path { fill: var(--secondary-color)3; } */ 

    /*
    .section-title-spot:hover:before, 
    .section-title-spot:hover:after {

        background-image: 
            url( "data:image/svg+xml,<svg version='1.1' id='title_line_stroke' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='20px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'><line fill='none' stroke='%23fe019a' stroke-width='2' stroke-miterlimit='10' x1='0' y1='10' x2='20' y2='10'/></svg>"),
            url( "data:image/svg+xml,<svg version='1.1' id='title_circle'      xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='20px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'><circle fill='%23fe019a' cx='10' cy='10' r='10'/></svg>" );
    }
    */

    /*
    @keyframes anim-title-bullet {
        to {
            background-position: 200% center;
        }
    }
    */


    /*margin-bottom: 0.5em; */

    /*
    .section-title-container {
    }

    .section-title.section-title-spot {
        align-items: normal;
    }
    */



/*  ===============================================================
    HEADS H1 H2 .... 
    =============================================================== */

    /*
    h1.section-title.section-title-spot {
        margin-bottom: 0px;
    }


    .main-title-h1 {
        margin-top: 30px;
        margin-bottom: 0 !important;
    }


    h2.section-title-spot,
    h2.section-title-spot.text-left {
        padding-left: 0;        
        padding-right: 0;        
    }

    h2.section-title-spot.text-center {
        padding-left:  0;
        padding-right: 0;
    }

    h2.section-title-spot.text-right {
        padding-left:  0;
        padding-right: 0;
    }


    h1.section-title-spot span,
    h2.section-title-spot span {
        border: 0px !important;
    }
    */


/*  =============================================================== */

    @media (max-width: 549px) {

        /*
        h1 {
            font-size:   1.6em;
        }

        h2 {
            font-size:   1.4em;
        }

        h3 {
            font-size:   1.05em;
        }

        h4 {
            font-size:   1.0em;
        }

        h5 {
            font-size:   0.95em;
        }
        */

        /*
        h2.section-title-spot,
        h2.section-title-spot.text-left {
            padding-left:  0;
            padding-right: 0;        
        }

        h2.section-title-spot.text-right {
            padding-left:  0;
            padding-right: 0;
        }


        .main-title-h2.container {
            padding-left:  0;
            padding-right: 0;
        }
        */


    }




/*  ===============================================================
    HEADS H3 ....
    =============================================================== */

    /*
    h3.section-title-bold b {
        height: 2px;
        opacity: 1;
    }

    h3.section-title-bold span {
        border: 0px !important;
        padding-left: 0.5em;
        padding-right: 0.5em;
    }


    h3.section-title-bold.section-title-right span {
        padding-left: 1.2em;
    }


    h3.section-title-bold.section-title-left span {
        padding-right: 1.2em;
    }


    h3.section-title-bold.section-title-left b:first-of-type {
        display: block;
    }


    h3.section-title-bold.section-title-left b:last-of-type {
        display: none;
    }
    */







/*  ===============================================================
    LOGO HEADER + FOOTER 
    =============================================================== */


    #logo {
        z-index: 50;
    }

    #logo svg {
        width: 180px;
        height:  auto;
        padding: 0 0;
    }
     
    
    .stuck #logo svg {
        max-width: 100px !important;
        margin-top: 0;
        padding: 0;
        padding-top: 10px;
    }

  

    /*
    @media (max-width: 549px) {
        #logo svg {
          max-height: 70px;
        }
    }

    */


    /* ----- svg ------------------------------- */

    #logo svg g.la-verrerie-d-ales path,
    #logo svg g.la-verrerie-d-ales polygon,
    #logo svg g.la-verrerie-d-ales rect,
    #logo svg g.pole-national-cirque-occitanie path,
    #logo svg g.pole-national-cirque-occitanie polygon,
    #logo svg g.pole-national-cirque-occitanie rect {
        fill: var(--light-color);
    }

    .stuck #logo svg g.pole-national-cirque-occitanie path,
    .stuck #logo svg g.pole-national-cirque-occitanie polygon,
    .stuck #logo svg g.pole-national-cirque-occitanie rect {
        fill: rgba( 0, 0, 0, 0);
    }


    @media(max-width:849px) {

        /*
        #logo svg g.pole-national-cirque-occitanie path,
        #logo svg g.pole-national-cirque-occitanie polygon,
        #logo svg g.pole-national-cirque-occitanie rect {
            fill: rgba( 0, 0, 0, 0);
        }
        */

        #logo svg {
            max-width: 117px;
        }

    }

    @media(max-width:549px) {
        #logo svg g.pole-national-cirque-occitanie path,
        #logo svg g.pole-national-cirque-occitanie polygon,
        #logo svg g.pole-national-cirque-occitanie rect {
            fill: rgba( 0, 0, 0, 0);
        }
    }


    /* ----- svg hover --------------------------- */

    #logo svg:hover g.la-verrerie-d-ales path,
    #logo svg:hover g.la-verrerie-d-ales polygon,
    #logo svg:hover g.la-verrerie-d-ales rect {
        animation: anim-logo-header-verrerie 0.5s ease forwards;
    }


    /*
    #logo svg:hover g.pole-national-cirque-occitanie path,
    #logo svg:hover g.pole-national-cirque-occitanie polygon,
    #logo svg:hover g.pole-national-cirque-occitanie rect {
        animation: anim-logo-header-pole 2s ease forwards;
    }
    */


    .stuck #logo svg g.pole-national-cirque-occitanie path,
    .stuck #logo svg g.pole-national-cirque-occitanie polygon,
    .stuck #logo svg g.pole-national-cirque-occitanie rect {
        animation: none;
    }

    @keyframes anim-logo-header-verrerie {
        to {
            fill: var(--third-color);
        }
    }

    @keyframes anim-logo-header-pole {
        to {
            fill: var(--fourth-color);
        }
    }




/*  ===============================================================
    TOP MENU
    =============================================================== */



    /* all items except social & search */

    .nav.top-bar-nav > li:not(.header-social-icons):not(.header-search) {
        background-color: var(--secondary-color) !important;
        color: var(--dark-color);
    }

    .nav.top-bar-nav > li:not(.header-social-icons):not(.header-search) > a {
        border: 2px solid var(--light-color);
        border-radius: 32px;
    }

    .nav.top-bar-nav > li:not(.header-social-icons):not(.header-search):hover > a {
        border-color: var(--fourth-color);
    }

    .nav.top-bar-nav > li.active:not(.header-social-icons):not(.header-search) > a {
        border-color: var(--fourth-color);
    }



    /* highlight item */

    .nav.top-bar-nav > li.highlight-top-menu > a {
        border: 2px solid var(--light-color) !important;
        background-color: var(--light-color) !important;
        color: var(--secondary-color) !important;
    }

    .nav.top-bar-nav > li.highlight-top-menu:hover {
        opacity: 0.8 !important;
    }


    /* header-social-icons */

    .nav.top-bar-nav a.icon:not(.button) {
        font-size: 1.5em;
    }


    /* search */

    .nav.top-bar-nav > li.header-search {
    }

    .nav.top-bar-nav > li.header-search a {
        color: var(--fourth-color) !important;
    }

    .nav.top-bar-nav > li > a > i.icon-search {
        font-size: 1.9em;
        font-weight: 700;
    }



/*  ================================================================
    NAV MENU
    ================================================================ */


    .nav > li > a {
        font-size: 0.85em;
        text-transform: uppercase;
    }


    .nav .nav-dropdown .menu-item-has-children > a,
    .nav .nav-dropdown .nav-dropdown-col > a,
    .nav .nav-dropdown .title > a {
        color: unset;
    }

    .nav .nav-dropdown .menu-item-has-children > a,
    .nav .nav-dropdown .nav-dropdown-col > a,
    .nav .nav-dropdown .title > a,
    .nav .nav-dropdown .level-0.nav-dropdown-col > a,
    .nav .nav-dropdown .level-0 > a {
        font-size: 0.85em;
        font-weight: 700;
        text-transform: uppercase;
        color: var(--light-color);

        background-color: var(--secondary-color);
        padding: 10px;
        margin:  0;

        border-bottom:  1px solid var(--dark-color);
    }


    ,
    .nav .nav-dropdown .level-1.nav-dropdown-col > a,
    .nav .nav-dropdown .level-2.nav-dropdown-col > a,
    .nav .nav-dropdown .level-3.nav-dropdown-col > a,
    .nav .nav-dropdown .level-1 > a
    .nav .nav-dropdown .level-2 > a,
    .nav .nav-dropdown .level-3 > a {
        font-size: 0.85em;
        font-weight: 700;
        color: var(--dark-color);

        background-color: var(--light-color);
        padding: 10px;

        margin:  0;
    }


    .nav .nav-dropdown .current-cat.active > a {
        color: var(--secondary-color);
    }


/*  ===============================================================
    MENU NAV-DROPDOWN + HAS-ARROW
    =============================================================== */

    /* remove arrow on dropdown menu */

    .nav-dropdown-has-arrow li.has-dropdown:after {
        border: 0;
        margin: 0;
    }

    /* remove arrow on dropdown menu */

    .nav-dropdown-has-arrow li.has-dropdown:before {
        border: 0;
        margin-left: 0;
    }

    /* set arrow color on dropdown menu */

    .nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {
        border-bottom-color: var(--secondary-color);
    }

    /* remove border on dropdown menu */

    .nav-dropdown-has-border .nav-dropdown {
        border: 0;
    }



    .nav-line-bottom>li>a:before,
    .nav-line-grow>li>a:before,
    .nav-line>li>a:before {
        background-color: var(--secondary-color) !important;
    }



/*  ===============================================================
    SUBMENU SIZE
    =============================================================== */

    .nav .nav-dropdown {
        min-width: 200px;
    }

    .nav .nav-dropdown > li.nav-dropdown-col {
        min-width: 200px;
        width: 200px;
        text-align: left;
    }

    .nav .menu-item.level-1 {
        min-width: 200px;
        width: 200px;
        text-align: left;
    }

    .nav .menu-item.level-1 a {
        color: var( --dark-color ) !important;
    }

    .nav .menu-item.level-1 {
        border-bottom: 0 !important;
    }



/*  ===============================================================
    TOP + MAIN SUBMENU
    =============================================================== */

    /* sous-menu : separateur entre colonnes */

    .nav .sub-menu.nav-dropdown > li.nav-dropdown-col {
        border-right: 0;
    }

    .nav .sub-menu.nav-dropdown.nav-dropdown-default {
        padding: 0;
        border:  1px solid var( --dark-color );
        border-bottom-left-radius: 30px 30px;
    }



    .nav .sub-menu.nav-dropdown.nav-dropdown-default .sub-menu {
    }

    .nav .nav-dropdown .menu-item-has-children {
    }

    /*
    .nav .sub-menu.nav-dropdown.nav-dropdown-default {
        background-color: var( --fourth-color );
    }
    */


    .nav .nav-dropdown.nav-dropdown-default .nav-column li > a {
        color: var( --dark-color );
        border-bottom: 1px solid var( --light-color );
        padding-left: 0;
        padding-right: 0;
    }










/*  ===============================================================
    CONTENT
    =============================================================== */

    #content {
        min-height: calc( 100vh - 380px ); /* hack to adjust blank space to have footer in bottom */
    }




/*  ================================================================
    FOOTER
    ================================================================ */

    #footer {
        /* overflow: hidden; */ /* to hide polygon */
    }

    .footer-custom,
    .footer-1,
    .footer-2,
    .absolute-footer {
        background-color: var(--primary-color);

        /*
        background-color: var(--dark-color);
        background: -moz-linear-gradient(90deg,    var(--dark-color) 0%, var(--secondary-color) 100%);
        background: -webkit-linear-gradient(90deg, var(--dark-color) 0%, var(--secondary-color) 100%);
        background: linear-gradient(90deg,         var(--dark-color) 0%, var(--secondary-color) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--dark-color)",endColorstr="var(--secondary-color)",GradientType=1);
        */
    }

    .absolute-footer {
        color: rgba(0, 0, 0, .5);
        font-size: 1.0em;
    }

    .absolute-footer.dark {
        color: var(--light-color);
    }



    .footer-custom-picto img,
    .footer-custom-picto svg {
        max-width: 32px !important;
    }

    ul.footer-nav li {
        margin-bottom: 0.34em;
    }

    ul.footer-nav li a {
        justify-content: center;  
        color: var(--light-color);
        opacity: 1;
        font-weight: 400;
        font-size: 0.95em;
    }

    ul.footer-nav li a:hover {
        color: var(--secondary-color);
        font-weight: 700;
        opacity: 1;
    }



    ul.footer-nav li.current-page-ancestor a,
    ul.footer-nav li.current_page_item a {
        color: var(--light-color);
        font-weight: 700;
        opacity: 1;
    }    



    #footer .copyright-footer {
        font-size: 0.8em;
    }



    /* ----- svg ------------------------------- */

    .custom-footer svg g.circle path {
        fill: rgba( 0, 0, 0, 1);
    }

    .custom-footer svg g.circle path,
    .custom-footer svg g.circle polygon,
    .custom-footer svg g.circle rect {
        fill: white;  
    }

    .custom-footer svg g.la-verrerie-d-ales path,
    .custom-footer svg g.la-verrerie-d-ales polygon,
    .custom-footer svg g.la-verrerie-d-ales rect,
    .custom-footer svg g.pole-national-cirque-occitanie path,
    .custom-footer svg g.pole-national-cirque-occitanie polygon,
    .custom-footer svg g.pole-national-cirque-occitanie rect {
        fill: white;
    }


    /* ----- svg hover --------------------------- */

    .custom-footer svg:hover g.circle path {
        animation: anim-logo-text-footer 0.5s ease forwards;
    }


    .custom-footer svg:hover g.la-verrerie-d-ales path,
    .custom-footer svg:hover g.la-verrerie-d-ales polygon,
    .custom-footer svg:hover g.la-verrerie-d-ales rect,
    .custom-footer svg:hover g.pole-national-cirque-occitanie path,
    .custom-footer svg:hover g.pole-national-cirque-occitanie polygon,
    .custom-footer svg:hover g.pole-national-cirque-occitanie rect {
         animation: anim-logo-text-footer 0.5s ease forwards;
    }

    @keyframes anim-logo-bg-footer {
        to {
            fill: var(--secondary-color);
        }
    }

    @keyframes anim-logo-text-footer {
        to {
            fill: var(--secondary-color);
        }
    }

/*  ================================================================ */

    .custom-footer .footer-custom-logo svg {
        width: 70%;
    }

    .custom-footer .footer-custom-logo a {
        display: flex;
        justify-content: left;
    }

    .custom-footer .footer-custom-menu ul.footer-nav li a {
        justify-content: right;
    }


    @media (max-width: 849px) {
        .custom-footer .footer-custom-logo svg {
            width: 100%;
        }

        .custom-footer .footer-custom-logo a {
            justify-content: left;
        }  

        .custom-footer .footer-custom-menu ul.footer-nav li a {
            justify-content: right;
        }

    }


    @media (max-width: 549px) {
        .custom-footer .footer-custom-logo svg {
            width: 50%;
        }

        .custom-footer .footer-custom-logo a {
            justify-content: center;
        }       

        .custom-footer .footer-custom-menu ul.footer-nav li a {
            justify-content: center;
        }

    }





/*  ================================================================
    BACK TO TOP
    ================================================================ */

    .back-to-top {
        background: var(--secondary-color);
        color: white;

    }



/*  ===============================================================
    CONTACT FORM WPCF7
    =============================================================== */

    .wpcf7 label.req:after,
    .wpcf7 label.required:after {
        content: " (*)";
        color: var(--alert-color);
        font-weight: 700;
    }


    .wpcf7 input[type="date"],
    .wpcf7 input[type="email"],
    .wpcf7 input[type="number"],
    .wpcf7 input[type="password"],
    .wpcf7 input[type="search"],
    .wpcf7 input[type="tel"],
    .wpcf7 input[type="text"],
    .wpcf7 input[type="url"],
    .wpcf7 select,
    .wpcf7 textarea {
        color: var(--dark-color);
        /* border-color: var(--dark-color); */
    }


    .wpcf7 input[type="submit"].secondary.is-link, 
    .wpcf7 input[type="submit"].button.secondary.is-link {
        color: var(--light-color);
        background-color: var(--secondary-color) !important;
        padding: 2px 12px;
    }


    .wpcf7 .wpcf7-not-valid-tip {
        color: var(--alert-color);
    }


    .wpcf7 input.wpcf7-not-valid {
        border-color: var(--alert-color);
        color: var(--alert-color);
    }

    .wpcf7 form.invalid          .wpcf7-response-output,
    .wpcf7 form.unaccepted       .wpcf7-response-output,
    .wpcf7 form.payment-required .wpcf7-response-output {
        border-color: var(--alert-color);;
    }


    /*
    .wpcf7 input.wpcf7-validates-as-required::placeholder {
        color: var(--secondary-color);
        background-color: var(--dark-color);
    }
    */


    .wpcf7 .wpcf7-form.submitting .ajax-loader {
        visibility: visible;
    }


    .wpcf7 .wpcf7-textarea {
        height: 20em;
    }




/*  ===============================================================
    TOOLTIPS
    =============================================================== */

    .tooltipster-default {
        border: 1px solid rgba( 255, 255, 255, 0.3);
    }



/*  ===============================================================
    BREADCRUMB
    =============================================================== */

    /*
    .header-bottom.wide-nav.nav-dark {
        background-color: #333;
    }
    */

    nav.breadcrumbs i.mio-home,
    nav.breadcrumbs i.mso-home,
    nav.breadcrumbs i.msr-home, 
    nav.breadcrumbs i.mss-home {
        font-size: 1.25em;
        line-height: 1.25em;    
    }


    nav.breadcrumbs {
        font-size: 1.1em;
        text-transform: uppercase;
    }

    .breadcrumbs a {
        color: var(--dark-color);
        opacity: 0.5;
    }

    .breadcrumbs a.current {
        color: var(--secondary-color);
        opacity: 1;
    }

    .breadcrumbs a:hover {
        color: var(--secondary-color);
        opacity: 1;
    }

    .breadcrumbs .divider {
        color: var(--dark-color);
        opacity: 0.3;
    }

    /*

    .header-bottom.wide-nav.nav-dark .breadcrumbs {
        color: :white;
    }

    .header-bottom.wide-nav.nav-dark .breadcrumbs a {
        color: var(--divider-color);
        font-weight: normal;
    }

    .header-bottom.wide-nav.nav-dark .breadcrumbs a.current {
        color: white;
    }

    .header-bottom.wide-nav.nav-dark .breadcrumbs a:hover {
        color: var(--secondary-color);
    }
    */





/*  ===============================================================
    BOX
    =============================================================== */


    .box {
        border-radius: 24px;
        --moz-border-radius: 24px;

        background-color: #fff0;
    }

    .box .box-image {
        border-radius: 24px;
        --moz-border-radius: 24px;
    }


    /*
    .box .box-text h5.post-title {
        font-size:   1.5em !important;
        line-height: 1.0;
    }

    .box .box-text small {
        padding-top: 3px;
        display: block;
        font-size: 100%;
        opacity: 1;
        text-transform: none;
    }
    */



    /*  ====== .box-paloma ====== */

    .box-paloma {
        overflow: hidden;
        border: 1px solid var(--fifth-color);
    }

    .box-paloma a {
        display: inline; /* bug flatsome css */
    }

    .box-paloma {
    }



    /*  ====== event_type_overlay ====== */


   .box-paloma .box-image .type-overlay {
        position: absolute;
        top: 5px;
        right: 5px;

        width: auto;
        height: auto;
        
        color:  var(--light-color);
        text-align: left;
        text-transform: none;
        z-index: 2;
        font-family: var(--text-font-family);
        font-weight: 400;

        padding: 0 7px;

        opacity: 1;
        transition: opacity 0.5s;
    }

    /*  ====== event_date_overlay ============ */
    /*  ====== .box-image .date-overlay ====== */

    .box-paloma .box-image .date-overlay {
        position: absolute;
        top:  0px;
        left: 0px;

        width:  100%;
        height: 100%;

        background-color: transparent;

        z-index: 10;

        /*

        opacity: 0.8;

        font-size: 0.85em;
        font-weight: 900;
        line-height: 1.2em;

        white-space: nowrap;

        color: white;
        
        text-align: center;
        text-transform: uppercase;

        border: 0px solid var(--text-color);
        border-radius: 50%;

        transition: opacity 0.5s;
        */
    }


    /*
    .large-columns-1   .col.post-item.aw_event .date-overlay,
    .large-columns-2   .col.post-item.aw_event .date-overlay,
    .large-columns-3   .col.post-item.aw_event .date-overlay,
    .large-columns-4   .col.post-item.aw_event .date-overlay {
        display: block;
    }
    .large-columns-5   .col.post-item.aw_event .date-overlay,
    .large-columns-6   .col.post-item.aw_event .date-overlay,
    .large-columns-7   .col.post-item.aw_event .date-overlay,
    .large-columns-8   .col.post-item.aw_event .date-overlay,
    .large-columns-9   .col.post-item.aw_event .date-overlay,
    .large-columns-10  .col.post-item.aw_event .date-overlay,
    .large-columns-11  .col.post-item.aw_event .date-overlay,
    .large-columns-12  .col.post-item.aw_event .date-overlay {
        display: none;
    }

    @media(max-width:849px) {
        .medium-columns-1  .col.post-item.aw_event .date-overlay,
        .medium-columns-2  .col.post-item.aw_event .date-overlay {
            display: block;
        }

        .medium-columns-3  .col.post-item.aw_event .date-overlay,
        .medium-columns-4  .col.post-item.aw_event .date-overlay,
        .medium-columns-5  .col.post-item.aw_event .date-overlay,
        .medium-columns-6  .col.post-item.aw_event .date-overlay,
        .medium-columns-7  .col.post-item.aw_event .date-overlay,
        .medium-columns-8  .col.post-item.aw_event .date-overlay,
        .medium-columns-9  .col.post-item.aw_event .date-overlay,
        .medium-columns-10 .col.post-item.aw_event .date-overlay,
        .medium-columns-11 .col.post-item.aw_event .date-overlay,
        .medium-columns-12 .col.post-item.aw_event .date-overlay {
            display: none;
        }
    }

    @media(max-width:549px) {

        .small-columns-1   .col.post-item.aw_event .date-overlay {
            display: block;
        }

        .small-columns-2   .col.post-item.aw_event .date-overlay,
        .small-columns-3   .col.post-item.aw_event .date-overlay,
        .small-columns-4   .col.post-item.aw_event .date-overlay,
        .small-columns-5   .col.post-item.aw_event .date-overlay,
        .small-columns-6   .col.post-item.aw_event .date-overlay,
        .small-columns-7   .col.post-item.aw_event .date-overlay,
        .small-columns-8   .col.post-item.aw_event .date-overlay,
        .small-columns-9   .col.post-item.aw_event .date-overlay,
        .small-columns-10  .col.post-item.aw_event .date-overlay,
        .small-columns-11  .col.post-item.aw_event .date-overlay,
        .small-columns-12  .col.post-item.aw_event .date-overlay {
            display: none;
        }

    }
    */



    /*  ====== event_status_overlay =========== */
    /*  ====== .box-text .status-overlay ====== */



    .box-paloma .box-image .status-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;

        background-color: transparent;

        color: var(--secondary-color);
        text-align: center;
        text-transform: uppercase;
        font-weight: 700;
    }

    .box-paloma .box-image .status-overlay .status-text {
        color: var(--dark-color);
        background-color: var(--fourth-color) !important;
        opacity: 1 !important;
        padding: 10px 10px;
        width: 60%;
    }


    /*
    .box-paloma .box-image .status-overlay .is-divider {
    }

    .box-paloma .box-image .status-overlay.is-cancelled {
        background-color: rgba(138, 47, 47, 0.8);
    }

    .box-paloma .box-image .status-overlay.is-postponed {
        background-color: rgba(0, 0, 0, 0.2);
    }

    .box-paloma .box-image .status-overlay.is-finished {
        background-color: rgba(0, 0, 0, 0.2);
    }

    .box-paloma .box-image .status-overlay.is-underway {
        background-color: transparent;
    }

    .box-paloma .box-image .status-overlay.is-sold-out {
        background-color: rgba(255, 31, 10, 0.2);
    }

    .box-paloma .box-image .status-overlay.is-rescheduled {
        background-color: rgba(0, 0, 0, 0.7);
    }
    */




    /* .box-paloma:hover .box-image .date-overlay, */
    .box-paloma:hover .box-image .type-overlay,
    .box-paloma:hover .box-image .status-overlay {
        opacity: 0;
    }





    /*  ====== .box-image .header-month-text ====== */


    .box-image .header-month {
        background: var(--light-color);

        background: -moz-linear-gradient(   210deg, white 50%, var(--divider-color) 100%);
        background: -webkit-linear-gradient(210deg, white 50%, var(--divider-color) 100%);
        background: linear-gradient(        210deg, white 50%, var(--divider-color) 100%);

        /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="white",endColorstr="var(--divider-color)",GradientType=1; */

        /* background-image: url( './assets/images/agenda-month_bulles.svg' ); */
        background-image: url( './assets/images/agenda-month_reperes.svg' );
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;


        /* background: radial-gradient( farthest-side, #fff, #fff, #eee ) ; */

        /*
        background: var(--dark-color);
        background: -moz-linear-gradient(90deg,    var(--secondary-color) 0%, var(--dark-color) 50%, var(--secondary-color) 100%);
        background: -webkit-linear-gradient(90deg, var(--secondary-color) 0%, var(--dark-color) 50%, var(--secondary-color) 100%);
        background: linear-gradient(90deg,         var(--secondary-color) 0%, var(--dark-color) 50%, var(--secondary-color) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--dark-color)",endColorstr="var(--secondary-color)",GradientType=1);

        border-left: 2px rgba(204,204,204,1) dotted;
        border-bottom: 2px rgba(204,204,204,1) dotted;
        */

    }

    .box-image .header-month-text {
        background-color: var(--third-color);
        width: 100%;
        height: 100%;
        border-radius: 30px;
        --moz-border-radius: 30px;
        border: 1px solid var(--dark-color)
        max-width: 100%;
        max-height: 100%;

        display: flex;
        align-items: center;
        justify-content: center;
        transition: background 0.5s
    }


    .box-image .header-month-text h2 {
        color: var(--light-color);
        text-align: center;
        margin: 0;
    }

    .box-image .header-month-text h2 span {
        color: var(--secondary-color);
    }

    .box-image .header-month-text h2 small {
        font-size: 60%;
    }




    .box-image .header-month-text:hover {
        background-color: var(--dark-color);
    }



    /*  ====== .box-text ====== */

    .grid-col .box:not(.box-shade):not(.box-overlay):not(.box-badge).box-paloma .box-text,
    .box-paloma .box-text {
        max-height: 40%; /* need for transition :hover ; */
        min-height: 25%;
        display: block;
        line-height: 1.0em;

        transition: max-height 0.5s cubic-bezier(0, 1.66, .52, .35);

        /*background-color: var(--third-color);*/
        color: var(--light-color) !important;

        /*
        background: -moz-linear-gradient(   90deg, var(--dark-color) 0%, var(--secondary-color) 100%);
        background: -webkit-linear-gradient(90deg, var(--dark-color) 0%, var(--secondary-color) 100%);
        background: linear-gradient(        90deg, var(--dark-color) 0%, var(--secondary-color) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--dark-color)",endColorstr="var(--secondary-color)",GradientType=1);
        */

        opacity: 1;
        padding: 0;
        position: absolute;

        bottom: 0;
        z-index: 1;
    }


    .grid-col .box:not(.box-shade):not(.box-overlay):not(.box-badge).box-paloma .box-text .subtitle,
    .box-paloma .box-text h3 {
        margin-top: 0.8em;
        font-size: 130%;
        line-height: 0.95em;
    }

    .grid-col .box:not(.box-shade):not(.box-overlay):not(.box-badge).box-paloma .box-text .subtitle,
    .box-paloma .box-text .subtitle {
        margin-top: 0.4em;
        font-size: 75%;
        line-height: 0.95em;
    }

    .grid-col .box:not(.box-shade):not(.box-overlay):not(.box-badge).box-paloma .box-text .subtitle,
    .box-paloma .box-text .place {
        margin-top: 1.0em;
        line-height: 1.10em;
    }





    /*
    .box-paloma .bg-box-text-cafe-des-enfants,
    .box-paloma .bg-box-text-cirque-portatif,
    .box-paloma .bg-box-text-colorcircus,
    .box-paloma .bg-box-text-la-verrerie-ete,
    .box-paloma .bg-box-text-masterclass,
    .box-paloma .bg-box-text-rencontro-plato,
    .box-paloma .bg-box-text-residence,
    .box-paloma .bg-box-text-terrains-d-aventures,
    .box-paloma .bg-box-text-la-saison {
       background-color: var(--third-color);
        color: var(--light-color);
    }

    .box-paloma .bg-box-text-temps-de-cirques,
    .box-paloma .bg-box-text-temps-de-cirques-ales,
    .box-paloma .bg-box-text-temps-de-cirques-gard,
    .box-paloma .bg-box-text-temps-de-cirques-lozere,
    .box-paloma .bg-box-text-temps-de-cirques-herault,
    .box-paloma .bg-box-text-temps-de-cirques-aude,
    .box-paloma .bg-box-text-incircus,
    .box-paloma .bg-box-text-occitanie-fait-son-cirque-en-avignon,
    .box-paloma .bg-box-text-festivals {
        background-color: var(--secondary-color);
        color: var(--light-color);
    }
    */



    /*  ====== box paloma button ====== */

    .box-paloma .box-text .button {
        margin: 0.5em 0;
    }




    .box-paloma .box-text span {
        /*white-space: nowrap;*/
    }


    .box-paloma .box-text a:not(.button) {
        line-height: 1.1em;
        margin-top: 0px;
        margin-bottom: 0px;
    }


    .box-paloma .box-text .box-text-inner {
        position: absolute;
        top: 50.3%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        padding: 0 20px;
        color:  white;
    }




    .box-paloma .box-text .human-status {
    }

    .box-paloma .box-text .from_the_blog_excerpt {
    }

    .box-paloma .box-text .portfolio-box-category {
    }


    .grid-col .box:not(.box-shade):not(.box-overlay):not(.box-badge).box-paloma:hover .box-text,
    .box-paloma:hover .box-text {
        max-height: 100%; /* need for transition */
        height: 100%;
        transition: max-height .3s ease-in;

        background: var(--secondary-color) !important;
        opacity: 1;
    }



    /*  ====== .box-text .before-title ====== */
    /*  ====== .box-text .after-title ====== */

    .box-paloma .before-title,
    .box-paloma .after-title {
        margin: 5px 0;
    }

    .box-paloma .before-title .is-divider,
    .box-paloma  .after-title .is-divider {
        background-color: var(--divider-color);
    }

    .box-paloma .box-text:hover .after-title {
    }


    /*  ====== .box-text (.before-title ou .after-title) ====== */


    .box-paloma .box-text .before-title.show-on-hover,
    .box-paloma .box-text  .after-title.show-on-hover {
        display: none;

        transition-delay: 0.5s;
        transition-duration: 0.1s;
    }

    .box-paloma:hover .box-text .before-title.show-on-hover,
    .box-paloma:hover .box-text  .after-title.show-on-hover {
        /* display: contents; */
        display: block;

        transition-delay: .4s;
        transition-duration: 0s;
    }


    /*  ====== .box-text title ====== */

    .box-paloma .box-text h5 {
        color: white !important;
        font-weight: 700;
        text-transform: uppercase;
        margin: 5px 0;
    }

    .box-paloma:hover .box-text h5 {
        margin: 10px 0 5px;
    }


    /*  ====== .box-text .text-shadow ====== */

    .box:not(.box-paloma) .box-text .text-box-content.text-shadow-1,
    .box:not(.box-paloma) .box-text .text-box-content.text-shadow-2,
    .box:not(.box-paloma) .box-text .text-box-content.text-shadow-3,
    .box:not(.box-paloma) .box-text .text-box-content.text-shadow-4 {
        text-shadow: none;
    }






    /*  ====== .box .button-more ====== */

    .section .box .button-more {
        margin: 0px;
        margin-top: 10px;
    }

    .section .box .svg-button svg {
        padding: 0;
        margin: 0;
        width:  40px;
        height: 40px;
    }


    .section                      .box .button-more svg circle.background  { fill: var(--secondary-color); /* magenta */ }
    .section                      .box .button-more svg polygon.foreground { fill: var(--light-color);     /* white */   }

    .section.aw-section-post      .box .button-more svg circle.background  { fill: var(--third-color);     /* purple */  }
    .section.aw-section-post      .box .button-more svg polygon.foreground { fill: var(--light-color);     /* white */   }

    .section.aw-section-activity  .box .button-more svg circle.background  { fill: var(--fourth-color);    /* green */   }
    .section.aw-section-activity  .box .button-more svg polygon.foreground { fill: var(--light-color);     /* white */   }

    .section.aw-section-festival  .box .button-more svg circle.background  { fill: var(--light-color);     /* white */   }
    .section.aw-section-festival  .box .button-more svg polygon.foreground { fill: var(--third-color);     /* purple */  }

    .section.aw-section-highlight .box .button-more svg circle.background  { fill: var(--third-color);     /* purple */  }
    .section.aw-section-highlight .box .button-more svg polygon.foreground { fill: var(--light-color);     /* white */   }


    @media(max-width:849px) {

        .section .svg-button svg {
            width:  43px;
            height: 43px;
            margin-top: 7px;
        }
    }

    @media(max-width:549px) {

        .section .svg-button svg {
            width:  36px;
            height: 36px;
            margin-top: 6px;
        }
    }



/*  ===============================================================
    SLIDER
    =============================================================== */


    .section-slider .flickity-viewport { /* need to hide rhombus and set background color-slider */
        background-color: #192440;
        background-color: rgb(24, 34, 61);
    }


    .section.section-slider + .row:not(.row-collapse) { /* remove margin beetween slider + following row */
        margin-top: 0;
    }


    .container .section-slider,
    .section-slider {
        padding: 0 !important;
        font-family: var(--text-font-family);
    }

    /*
    .section-slider .headline {
        margin: 0;
        padding: 0;        
    }

    .section-slider .headline a {
        margin: 0;
    }

    .section-slider .headline.action a {
        margin-top: 8px;
    }
    */



    .banner .headline.action p {
        margin-bottom: 0.5em;
        margin-top: 0.5em;
    }

    /*
    .section-slider .headline a p {
        margin: 0;
        padding: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    */

    .banner .headline.action {
        margin-top: 0.5em;
    }


    .section-slider .headline a.button-before {
        margin-left: 0.5em;
    }

    .section-slider .headline:first-child a.button-before {
        margin-left: 0;
    }


    .banner p {
        display: inherit; /* pour afficher le bouton sur une ligne */
    }




    /*  ====== slider headline + banner ====== */


    .section-slider .headline {
        margin: 0 0 10px 0 !important;
        display: block;
    }

    .section-slider .headline.status {
        color: var(--secondary-color);
    }










/*  ===============================================================
    POLYGON - RHOMBUS (LOSANGE) AND TRIANGLE DEFINITION

    Merci à Antoine Wodniack pour le coup de main
    =============================================================== */

    /*  ====== polygon - rhombus (losange) AND triangle definition ====== */

    .polygon .shape {
        width:  50%;
        height: 100%;
    }

    .polygon .shape--left {
        float: left;
        /* background-color: #cccccc7f; */
    }

    .polygon .shape--right {
        float: right;
        /* background-color: #6666667f; */
    }


    .polygon .text {
        text-align: center;
        padding: 40px 0 0;
        text-transform: uppercase;
    }

    .polygon .text b,
    .polygon .text strong {
        font-weight: 900;
    }



    /*  ====== polygon - rhombus definition ====== */


    .rhombus .polygon-inner {
        /* width: 340px; height: 500px; */
        -moz-clip-path: url( "#clip-rhombus" );
        -webkit-clip-path: url( "#clip-rhombus" );
        clip-path: url( "#clip-rhombus" );
    }



    .rhombus .polygon-inner .shape--left {
        /* warning - coordinates are the half (left side = 340/2 = 170px) */
        /* coords in px */
        /* DISABLED FOR TEST   shape-outside: polygon( 0 0,  170px 0,  0 237px,  170px 500px,  0 500px ); */

        /* coords in % */
        shape-outside: polygon( 0 0,  100% 0,  0 47%,  100% 100%,  0 100% );

        /* coords in percent : 170px 500px is 100% 100%
        shape-outside: polygon( 0 0,  100% 0,  0 47%,  100% 100%,  0 100% );
        clip-path:     polygon( 0 0,  100% 0,  0 47%,  100% 100%,  0 100% );
        */
    }

    .rhombus .polygon-inner .shape--right {
        /* warning - coordinates are the half (left side = 340/2 = 170px  && y is relative to 170px) */
        /* coords in px */
        /* DISABLED FOR TEST   shape-outside: polygon( 0 0,  170px 0,  170px 500px,  0 500px,  170px 264px ); */

        /* coords in % */
        shape-outside:  polygon(0 0, 100% 0, 100% 100%, 0 100%, 100% 53%);

        /* coords in percent : 170px 500px is 100% 100%
        shape-outside: polygon(0 0, 100% 0, 100% 100%, 0 100%, 100% 53%);
        clip-path:     polygon(0 0, 100% 0, 100% 100%, 0 100%, 100% 53%);
        */
    }



    /*  ====== polygon - triangle definition ====== */


    .triangle .polygon-inner {
        /*
        width: 340px;
        height: 237px;
        */
        -moz-clip-path: url( "#clip-triangle" );
        -webkit-clip-path: url( "#clip-triangle" );
        clip-path: url( "#clip-triangle" );
    }


    .triangle .polygon-inner .shape--left {
        /* warning - coordinates are the half (left side = 340/2 = 170px) */
        /* coords in px */
        /* DISABLED FOR TEST   shape-outside: polygon( 0 0,  170px 0,  0 237px ); */

        /* coords in % */
        shape-outside: polygon( 0 0,  100% 0,  0 100% );
    }

    .triangle .polygon-inner .shape--right {
        /* warning - coordinates are the half (left side = 340/2 = 170px  && y is relative to 170px) */
        /* coords in px */
        /* DISABLED FOR TEST    shape-outside: polygon( 0 0,  170px 0,  170px 237px ); */

        /* coords in % */
        shape-outside: polygon( 0 0,  100% 0,  100% 100% );
    }



    /*  ====== polygon - triangle-up definition ====== */


    .triangle-up .polygon-inner {
        /*
        width: 340px;
        height: 237px;
        */
        -moz-clip-path: url( "#clip-triangle-up" );
        -webkit-clip-path: url( "#clip-triangle-up" );
        clip-path: url( "#clip-triangle-up" );
    }


    .triangle-up .polygon-inner .shape--left {
        /* warning - coordinates are the half (left side = 340/2 = 170px) */
        /* coords in px */
        /* DISABLED FOR TEST   shape-outside: polygon( 0 0,  170px 0,  0 237px ); */

        /* coords in % */
        shape-outside: polygon( 0 0,  100% 0,  0 100% );
    }

    .triangle-up .polygon-inner .shape--right {
        /* warning - coordinates are the half (left side = 340/2 = 170px  && y is relative to 170px) */
        /* coords in px */
        /* DISABLED FOR TEST    shape-outside: polygon( 0 0,  170px 0,  170px 237px ); */

        /* coords in % */
        shape-outside: polygon( 0 0,  100% 0,  100% 100% );
    }



    /*  ====== polygon - triangle-down definition ====== */


    .triangle-down .polygon-inner {
        /*
        width: 340px;
        height: 237px;
        */
        -moz-clip-path: url( "#clip-triangle-down" );
        -webkit-clip-path: url( "#clip-triangle-down" );
        clip-path: url( "#clip-triangle-down" );
    }


    .triangle-down .polygon-inner .shape--left {
        /* warning - coordinates are the half (left side = 340/2 = 170px) */
        /* coords in px */
        /* DISABLED FOR TEST   shape-outside: polygon( 0 0,  170px 0,  0 237px ); */

        /* coords in % */
        shape-outside: polygon( 0 0,     100% 100%,   0 100% );
    }

    .triangle-down .polygon-inner .shape--right {
        /* warning - coordinates are the half (left side = 340/2 = 170px  && y is relative to 170px) */
        /* coords in px */
        /* DISABLED FOR TEST    shape-outside: polygon( 0 0,  170px 0,  170px 237px ); */

        /* coords in % */
        shape-outside: polygon( 100% 0,  100% 100%,   0 100% );
    }




    /*  ====== text-box-triangle + text-box-rhombus ====== */


    .text-box-triangle .polygon {
        position: absolute;
        bottom: 0;

    }
    .text-box-triangle .polygon.polygon-left {
        left:   0;
        right:  auto;
    }

    .text-box-triangle .polygon.polygon-center {
        left:   50%;
        right:  auto;
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }

    .text-box-triangle .polygon.polygon-right {
        left:   auto;
        right:  0;
    }



    .text-box-triangle .polygon .text {
        padding: 40px 0 0;
        text-transform: uppercase;
    }

    .text-box-triangle .polygon .text .text-until {
        padding: 12px 0px 0px 0px;
    }

    .text-box-triangle .polygon .text .text-single-date {
        padding: 12px 0px 0px 0px;
    }

    .text-box-triangle .polygon .text .text-dual-date {
        padding: 7px 0px 0px 0px;
    }


    .text-box-triangle .polygon .polygon-inner {
        /* width: 340px; height: 237px; */
        width: 238px; height: 166px;

        font-family: var(--heading-font-family);
        font-weight: var(--heading-font-weight);
        font-size: 1.4em;
        line-height: 1.1;
        text-align: center;
        color: var(--dark-color);
        background-color: var(--light-color);
    }


    .banner-dark .text-box-triangle .polygon .polygon-inner {
        color: var(--light-color);
        background-color: var(--dark-color);
    }


    .text-box-triangle .polygon .polygon-inner span {
        font-family: var(--text-font-family);
        font-weight: var(--text-font-weight);
    }








    /*  ====== text-box-triangle-up + text-box-rhombus ====== */


    .text-box-triangle-up   .polygon,
    .text-box-triangle-down .polygon,
    .text-box-triangle-up   .polygon.polygon-left,
    .text-box-triangle-down .polygon.polygon-left {
        position: absolute;
        bottom: 0;
        left:   0;
        right:  auto;
    }

    .text-box-triangle-up   .polygon.polygon-center,
    .text-box-triangle-down .polygon.polygon-center {
        left:   50%;
        right:  auto;
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }

    .text-box-triangle-up   .polygon.polygon-right,
    .text-box-triangle-down .polygon.polygon-right {
        left:   auto;
        right:  0;
    }



    .text-box-triangle-up   .polygon .text,
    .text-box-triangle-down .polygon .text {
        padding: 40px 0 0;
        text-transform: uppercase;
    }

    .text-box-triangle-up   .polygon .text .text-until,
    .text-box-triangle-down .polygon .text .text-until {
        padding: 12px 0px 0px 0px;
    }

    .text-box-triangle-up   .polygon .text .text-single-date,
    .text-box-triangle-down .polygon .text .text-single-date {
        padding: 12px 0px 0px 0px;
    }

    .text-box-triangle-up   .polygon .text .text-dual-date,
    .text-box-triangle-down .polygon .text .text-dual-date {
        padding: 7px 0px 0px 0px;
    }


    .text-box-triangle-up   .polygon .polygon-inner,
    .text-box-triangle-down .polygon .polygon-inner {
        /* width: 340px; height: 237px; */
        width: 238px;
        height: 166px;

        font-family: var(--heading-font-family);
        font-weight: var(--heading-font-weight);
        font-size: 1.2em;
        line-height: 1.1;
        text-align: center;
        color: var(--dark-color);
        /* background-color: var(--light-color); */
    }

    .text-box-triangle-up   .polygon .polygon-inner span,
    .text-box-triangle-up   .polygon .polygon-inner small,
    .text-box-triangle-down .polygon .polygon-inner span,
    .text-box-triangle-down .polygon .polygon-inner small {
        font-family: var(--text-font-family);
        font-weight: var(--text-font-weight);
    }



    .text-box-triangle .polygon.bg-polygon-cafe-des-enfants                     .polygon-inner,
    .text-box-triangle .polygon.bg-polygon-cirque-portatif                      .polygon-inner,
    .text-box-triangle .polygon.bg-polygon-colorcircus                          .polygon-inner,
    .text-box-triangle .polygon.bg-polygon-la-verrerie-ete                      .polygon-inner,
    .text-box-triangle .polygon.bg-polygon-masterclass                          .polygon-inner,
    .text-box-triangle .polygon.bg-polygon-rencontro-plato                      .polygon-inner,
    .text-box-triangle .polygon.bg-polygon-residence                            .polygon-inner,
    .text-box-triangle .polygon.bg-polygon-terrains-d-aventures                 .polygon-inner,
    .text-box-triangle .polygon.bg-polygon-la-saison                            .polygon-inner {
        background-color: var(--third-color);
        color: var(--light-color);
        opacity: 1;
    }

    .text-box-triangle .polygon.bg-polygon                                      .polygon-inner,
    .text-box-triangle .polygon.bg-polygon-temps-de-cirques                     .polygon-inner,
    .text-box-triangle .polygon.bg-polygon-temps-de-cirques-ales                .polygon-inner,
    .text-box-triangle .polygon.bg-polygon-temps-de-cirques-gard                .polygon-inner,
    .text-box-triangle .polygon.bg-polygon-temps-de-cirques-lozere              .polygon-inner,
    .text-box-triangle .polygon.bg-polygon-temps-de-cirques-herault             .polygon-inner,
    .text-box-triangle .polygon.bg-polygon-temps-de-cirques-aude                .polygon-inner,
    .text-box-triangle .polygon.bg-polygon-incircus                             .polygon-inner,
    .text-box-triangle .polygon.bg-polygon-occitanie-fait-son-cirque-en-avignon .polygon-inner,
    .text-box-triangle .polygon.bg-polygon-festivals                            .polygon-inner {
        background-color: var(--secondary-color);
        color: var(--light-color);
        opacity: 1;
    }
    


    
    .text-box-triangle-up .polygon.bg-polygon-cafe-des-enfants                     .polygon-inner,
    .text-box-triangle-up .polygon.bg-polygon-cirque-portatif                      .polygon-inner,
    .text-box-triangle-up .polygon.bg-polygon-colorcircus                          .polygon-inner,
    .text-box-triangle-up .polygon.bg-polygon-la-verrerie-ete                      .polygon-inner,
    .text-box-triangle-up .polygon.bg-polygon-masterclass                          .polygon-inner,
    .text-box-triangle-up .polygon.bg-polygon-rencontro-plato                      .polygon-inner,
    .text-box-triangle-up .polygon.bg-polygon-residence                            .polygon-inner,
    .text-box-triangle-up .polygon.bg-polygon-terrains-d-aventures                 .polygon-inner,
    .text-box-triangle-up .polygon.bg-polygon-la-saison                            .polygon-inner {
        background-color: var(--third-color);
        color: var(--light-color);
        opacity: 1;
    }

    .text-box-triangle-up .polygon.bg-polygon                                      .polygon-inner,
    .text-box-triangle-up .polygon.bg-polygon-temps-de-cirques                     .polygon-inner,
    .text-box-triangle-up .polygon.bg-polygon-temps-de-cirques-ales                .polygon-inner,
    .text-box-triangle-up .polygon.bg-polygon-temps-de-cirques-gard                .polygon-inner,
    .text-box-triangle-up .polygon.bg-polygon-temps-de-cirques-lozere              .polygon-inner,
    .text-box-triangle-up .polygon.bg-polygon-temps-de-cirques-herault             .polygon-inner,
    .text-box-triangle-up .polygon.bg-polygon-temps-de-cirques-aude                .polygon-inner,
    .text-box-triangle-up .polygon.bg-polygon-incircus                             .polygon-inner,
    .text-box-triangle-up .polygon.bg-polygon-occitanie-fait-son-cirque-en-avignon .polygon-inner,
    .text-box-triangle-up .polygon.bg-polygon-festivals                            .polygon-inner {
        background-color: var(--secondary-color);
        color: var(--light-color);
        opacity: 1;
    }





    @media(max-width:849px) {

        .text-box-triangle .polygon .polygon-inner {
            width: 170px; height: 119px;
            font-size: 1.0em;
        }

        .text-box-triangle .polygon .text {
            padding: 15px 0 0;
        }

        .text-box-triangle .polygon .text .text-until {
            padding: 12px 0px 0px 0px;
        }

        .text-box-triangle .polygon .text .text-single-date {
            padding: 12px 0px 0px 0px;
        }

        .text-box-triangle .polygon .text .text-dual-date {
            padding: 7px 0px 0px 0px;
        }
    }



    @media(max-width:849px) {

        .text-box-triangle-up .polygon .polygon-inner {
            width: 170px;
            height: 119px;
            font-size: 1.0em;
        }

        .text-box-triangle-up .polygon .text {
            padding: 15px 0 0;
        }

        .text-box-triangle-up .polygon .text .text-until {
            padding: 12px 0px 0px 0px;
        }

        .text-box-triangle-up .polygon .text .text-single-date {
            padding: 12px 0px 0px 0px;
        }

        .text-box-triangle-up .polygon .text .text-dual-date {
            padding: 7px 0px 0px 0px;
        }
    }



    @media(max-width:549px) {

        .text-box-triangle .polygon .polygon-inner {
            width: 136px; height: 95px;
            font-size: 1.0em;
        }

        .text-box-triangle .polygon .text {
            padding: 15px 0 0;
        }

        .text-box-triangle .polygon .text-until {
            padding: 12px 0px 0px 0px;
        }

        .text-box-triangle .polygon .text .text-single-date {
            padding: 12px 0px 0px 0px;
        }

        .text-box-triangle .polygon .text .text-dual-date {
            padding: 7px 0px 0px 0px;
        }
    }


    @media(max-width:549px) {

        .text-box-triangle-up .polygon .polygon-inner {
            width: 136px;
            height: 95px;
            font-size: 1.0em;
        }

        .text-box-triangle-up .polygon .text {
            padding: 15px 0 0;
        }

        .text-box-triangle-up .polygon .text-until {
            padding: 12px 0px 0px 0px;
        }

        .text-box-triangle-up .polygon .text .text-single-date {
            padding: 12px 0px 0px 0px;
        }

        .text-box-triangle-up .polygon .text .text-dual-date {
            padding: 7px 0px 0px 0px;
        }
    }










/*  ===============================================================
    EVENT-RHOMBUS-OVERLAY
    =============================================================== */

    .event-rhombus-overlay .polygon .polygon-inner span,
    .event-rhombus-overlay .polygon .polygon-inner small,
    .event-rhombus-overlay .polygon .polygon-inner span,
    .event-rhombus-overlay .polygon .polygon-inner small {
        font-family: var(--text-font-family);
        font-weight: var(--text-font-weight);
    }



    /*  ====== specific : event-rhombus-overlay (box-paloma) ====== */

    /* see :  .date-overlay */

    .event-rhombus-overlay .polygon .polygon-inner .shape--left {
        margin-right: 0;
    }


    .event-rhombus-overlay .polygon .polygon-inner .shape--right {
        margin-left: 0 ;
    }

    .event-rhombus-overlay .polygon .text {
        padding: 0px;
        text-transform: uppercase;
    }

    .event-rhombus-overlay .polygon .text .text-until {
        padding: 55px 0px 0px 0px;
    }

    .event-rhombus-overlay .polygon .text .text-single-date {
        padding: 55px 0px 0px 0px;
    }

    .event-rhombus-overlay .polygon .text .text-dual-date {
        padding: 50px 0px 0px 0px;
    }


    .event-rhombus-overlay .polygon {
        position: absolute;
        left:   -15px;
        top:    -40px;
    }

    .event-rhombus-overlay .polygon .polygon-inner {
        /* width: 237px; height: 340px; */
        width:  136px;
        height: 200px;

        transform: scale(1.20);

        font-family: var(--heading-font-family);
        font-weight: var(--heading-font-weight);
        font-size: 1.30em;
        line-height: 1.1;
        text-align: center;
        color: var(--light-color);
        background-color: var(--third-color);
    }

    .event-rhombus-overlay .polygon .polygon-inner span,
    .event-rhombus-overlay .polygon .polygon-inner small {
        font-family: var(--text-font-family);
        font-weight: var(--text-font-weight);
    }



    .box-paloma .bg-overlay-default                              .event-rhombus-overlay .polygon .polygon-inner,
    .box-paloma .bg-overlay-cafe-des-enfants                     .event-rhombus-overlay .polygon .polygon-inner,
    .box-paloma .bg-overlay-cirque-portatif                      .event-rhombus-overlay .polygon .polygon-inner,
    .box-paloma .bg-overlay-colorcircus                          .event-rhombus-overlay .polygon .polygon-inner,
    .box-paloma .bg-overlay-la-verrerie-ete                      .event-rhombus-overlay .polygon .polygon-inner,
    .box-paloma .bg-overlay-masterclass                          .event-rhombus-overlay .polygon .polygon-inner,
    .box-paloma .bg-overlay-rencontro-plato                      .event-rhombus-overlay .polygon .polygon-inner,
    .box-paloma .bg-overlay-residence                            .event-rhombus-overlay .polygon .polygon-inner,
    .box-paloma .bg-overlay-terrains-d-aventures                 .event-rhombus-overlay .polygon .polygon-inner,
    .box-paloma .bg-overlay-la-saison                            .event-rhombus-overlay .polygon .polygon-inner,
    .box-paloma .bg-overlay-temps-de-cirques                     .event-rhombus-overlay .polygon .polygon-inner,
    .box-paloma .bg-overlay-temps-de-cirques-ales                .event-rhombus-overlay .polygon .polygon-inner,
    .box-paloma .bg-overlay-temps-de-cirques-gard                .event-rhombus-overlay .polygon .polygon-inner,
    .box-paloma .bg-overlay-temps-de-cirques-lozere              .event-rhombus-overlay .polygon .polygon-inner,
    .box-paloma .bg-overlay-temps-de-cirques-herault             .event-rhombus-overlay .polygon .polygon-inner,
    .box-paloma .bg-overlay-temps-de-cirques-aude                .event-rhombus-overlay .polygon .polygon-inner,
    .box-paloma .bg-overlay-incircus                             .event-rhombus-overlay .polygon .polygon-inner,
    .box-paloma .bg-overlay-occitanie-fait-son-cirque-en-avignon .event-rhombus-overlay .polygon .polygon-inner,
    .box-paloma .bg-overlay-festivals                            .event-rhombus-overlay .polygon .polygon-inner {

        background-color: var(--third-color);
        color: var(--light-color);
        opacity: 1;
    }

    /*
        background-color: var(--secondary-color);
        color: var(--light-color);
        opacity: 1;
    */




    @media(max-width:849px) {

        .event-rhombus-overlay .polygon  {
            left:   -26px;
            top:    -55px;
        }

        .event-rhombus-overlay .polygon .polygon-inner {
            transform: scale(0.9);
        }

        /*
        .event-rhombus-overlay .polygon .text {
            padding: 0px;
        }

        .event-rhombus-overlay .polygon .text .text-until {
            padding: 55px 0px 0px 0px;
        }

        .event-rhombus-overlay .polygon .text .text-single-date {
            padding: 55px 0px 0px 0px;
        }

        .event-rhombus-overlay .polygon .text .text-dual-date {
            padding: 50px 0px 0px 0px;
        }
        */

    }



    @media(max-width:549px) {

        .event-rhombus-overlay .polygon {
            left:   -25px;
            top:    -65px;
        }

        .event-rhombus-overlay .polygon .polygon-inner {
            transform: scale(0.8);
        }

        .event-rhombus-overlay .polygon .text {
            padding: 0px;
        }

        .event-rhombus-overlay .polygon .text .text-until {
            padding: 55px 0px 0px 0px;
        }

        .event-rhombus-overlay .polygon .text .text-single-date {
            padding: 55px 0px 0px 0px;
        }

        .event-rhombus-overlay .polygon .text .text-dual-date {
            padding: 50px 0px 0px 0px;
        }

    }





/*  ===============================================================
    PAGE-TRIANGLE-OVERLAY
    =============================================================== */


    .page-head-triangle-overlay a,
    .page-foot-triangle-overlay a {
        pointer-events: inherit;
    }

    .page-head-triangle-overlay .polygon,
    .page-foot-triangle-overlay .polygon {
        position: absolute;
    }

    /* ---------------------- */

    .page-head-triangle-overlay       .polygon .polygon-inner {
        background-color: var(--third-color);
    }

    .page-head-triangle-overlay:hover .polygon .polygon-inner {
        background-color: var(--fourth-color );
    }

    .page-head-triangle-overlay       .polygon .polygon-inner i.icon-play {
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        font-size: 2em;
        margin-left: 1px;
        color: var(--third-color );
    }

    .page-head-triangle-overlay:hover .polygon .polygon-inner i.icon-play {
        color: var(--light-color );
    }



    /* ---------------------- */

    .page-foot-triangle-overlay       .polygon .polygon-inner {
        background-color: var(--fourth-color);
    }


    .page-foot-triangle-overlay:hover .polygon .polygon-inner {
        background-color: var(--secondary-color );
    }

    .page-foot-triangle-overlay       .polygon .polygon-inner i.icon-play {
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        font-size: 2em;
        margin-left: 1px;
        color: var(--fourth-color );
    }

    .page-foot-triangle-overlay:hover .polygon .polygon-inner i.icon-play {
        color: var(--light-color );
    }


    /* ---------------------- */

    .page-head-triangle-overlay           .polygon,
    .page-foot-triangle-overlay           .polygon {
        right:   -90px;
    }

    .page-head-triangle-overlay           .polygon {
        bottom:  -237px;
    }

    .page-head-triangle-overlay.frontpage .polygon {
        bottom:  -387px;
    }

    .page-head-triangle-overlay.no-slider .polygon {
        top:     0px;
    }

    /* ---------------------- */

    .page-foot-triangle-overlay           .polygon {
        right:   -90px;
        bottom:  0px;
    }

    /* ---------------------- */

    .page-head-triangle-overlay           .polygon .polygon-inner,
    .page-foot-triangle-overlay           .polygon .polygon-inner {

        -ms-transform: scale(1 ,1);
        transform: scale(1 ,1);

        width: 340px;
        height: 237px;

        font-family: var(--heading-font-family);
        font-weight: var(--heading-font-weight);
        font-size: 1.15em;
        line-height: 1.1;
        text-align: center;
        color: var(--light-color);
    }


    @media(max-width:849px) {

        .page-head-triangle-overlay           .polygon,
        .page-foot-triangle-overlay           .polygon {
            right:   -120px;
        }

        /* ---------------------- */

        .page-head-triangle-overlay           .polygon {
            bottom:  -189px;
        }

        .page-head-triangle-overlay.frontpage .polygon {
            bottom:  -298px;
        }

        .page-head-triangle-overlay.no-slider .polygon {
            top:     -48px;
        }

        /* ---------------------- */

        .page-foot-triangle-overlay           .polygon {
            right:   -68px;
            bottom:  -48px;
        }

        /* ---------------------- */

        .page-head-triangle-overlay           .polygon .polygon-inner,
        .page-foot-triangle-overlay           .polygon .polygon-inner {

            -ms-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
        }


    }

    @media(max-width:549px) {

        .page-head-triangle-overlay           .polygon,
        .page-foot-triangle-overlay           .polygon {
            right:   -120px;
        }

        /* ---------------------- */

        .page-head-triangle-overlay           .polygon {
            bottom:  -165px;
        }

        .page-head-triangle-overlay.frontpage .polygon {
            bottom:  -240px;
        }

        .page-head-triangle-overlay.no-slider .polygon {
            top:     -72px;
        }

        /* ---------------------- */

        .page-foot-triangle-overlay           .polygon {
            right:   -120px;
            bottom:  -72px;
        }

        /* ---------------------- */

        .page-head-triangle-overlay           .polygon .polygon-inner,
        .page-foot-triangle-overlay           .polygon .polygon-inner {

            -ms-transform: scale(0.4, 0.4);
            transform: scale(0.4, 0.4);
        }
    }










    /*  ====== slider button ====== */


    /*
    .flickity-prev-next-button {
        color: #111;
        opacity: 0;
        background-color: transparent;
        border: none;

        cursor: pointer;

        position: absolute;
        bottom: 40%;
        top: 40%;

        width: 36px;

        margin: 0;
        padding: 0;

        transition: transform .3s, opacity .3s, background .3s, box-shadow .3s;
    }


    .flickity-prev-next-button svg {
        position: absolute;
        left: 50%;
        top: 50%;

        width: 100%;
        max-width: 100%;

        height: auto;
        max-height: 100%;

        padding: 20%;

        transform: translate(-50%, -50%);
        transition: all .3s;
    }
    */



    /*
    .slider-nav-circle .flickity-prev-next-button .arrow, 
    .slider-nav-circle .flickity-prev-next-button svg {
        border: none;
    }

    .slider-nav-circle .flickity-prev-next-button {
        background-color: transparent;ortant;
        transform: translateX(20%);
    }
        top: 20%;
        width: 200px;
        height: 200px;
    }

    .flickity-prev-next-button.prev {
        left: 0 !imp

    .flickity-prev-next-button.next {
        right: 30px;
        transform: translateX(-20%);
    }

    .slider-nav-circle .flickity-prev-next-button svg {
        fill: var(--secondary-color);
    }

    .slider-nav-circle .flickity-prev-next-button {
        background-color: var(--secondary-color);
    }

    .slider:hover .flickity-prev-next-button svg {
        fill: var(--secondary-color);
    }
    */






/*  ===============================================================
    SEARCH
    =============================================================== */

    .live-search-disabled .live-search-results {
        display: none;
    }




/*  ===============================================================
    SECTION frise-losange + button
    =============================================================== */


    .frise-losange .col-inner {
        background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 500 500' xml:space='preserve' preserveAspectRatio='xMidYMid' %3E%%3Cpolygon points='170,0 340,264 170,500 0,237' fill='%232d2d2d' stroke='none' /%3E%3C/svg%3E");

        background-size: 23px 34px;
        background-repeat: repeat-x;
    }


    /* .frise-losange .frise-losange-inner .button, */
    .frise-losange .frise-losange-inner {
        background-color: #fff; 
    }


    .frise-losange .button {
        margin-bottom: 0;
        /* border: 2px solid var(--third-color); */
    }

    .frise-losange-inner {
        display: inline-block;
        padding: 0 10px;
        left: -3px;
        position: relative;
    }

    .dark .frise-losange .col-inner {
        background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 500 500' xml:space='preserve' preserveAspectRatio='xMidYMid' %3E%%3Cpolygon points='170,0 340,264 170,500 0,237' fill='%23ffffff' stroke='none' /%3E%3C/svg%3E");        
    }

    .dark .frise-losange .frise-losange-inner .button,
    .dark .frise-losange .frise-losange-inner {
        background-color: var(--dark-color);
    }

    .dark .frise-losange .button {
        /* border: 2px solid var(--fourth-color); */
    }


/*  ===============================================================
    TABBED CONTENT
    =============================================================== */

    .tabbed-content .nav.nav-bold > li {
        margin-right: 25px;
    }

    .tabbed-content .nav-tabs > li > a::before,
    .tabbed-content .nav-bold > li > a::before {
        color: var(--third-color);
        content: url( '/wp-content/themes/site/assets/pictos/button-more-30x30.svg' );
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }


    .tabbed-content .nav-tabs > li > a,
    .tabbed-content .nav-bold > li > a {
        color: var(--third-color);
        text-transform: uppercase !important;
    }


    .tabbed-content .nav-tabs > li > a::before,
    .tabbed-content .nav-bold > li > a::before,
    .tabbed-content .nav-tabs > li > a,
    .tabbed-content .nav-bold > li > a {
        opacity: 0.7;
    }


    .tabbed-content .nav-tabs > li.active > a::before,
    .tabbed-content .nav-bold > li.active > a::before,
    .tabbed-content .nav-tabs > li.active > a,
    .tabbed-content .nav-bold > li.active > a {
        opacity: 1;
    }


/*  ===============================================================
    TOGGLE-SECTION
    =============================================================== */

    .toggle-section .toggle-content {
        overflow: hidden;
        max-height: 4em;
        transition: max-height 1s ease-out;
    }

    .toggle-section.toggle-8 .toggle-content {
        max-height: 8em;
    }

    .toggle-section.toggle-12 .toggle-content {
        max-height: 12em;
    }

    .toggle-section.toggle-16 .toggle-content {
        max-height: 16em;
    }

    .toggle-section.toggle-20 .toggle-content {
        max-height: 20em;
    }

    .toggle-section.toggle-full .toggle-content {
        max-height: 0;
        transition: max-height 0.1s ease-out;
    }

    .toggle-section.toggle-active.toggle-full .toggle-content,
    .toggle-section.toggle-active             .toggle-content {
        max-height: 100em;
        transition: max-height 0.1s ease-out;
    }


    .toggle-section .toggle-button {
        text-align: center;
        margin: 1em 0;
    }

    .toggle-content ~ .toggle-button {
        margin-bottom: 2em;
    }


    .toggle-section button {
        background-color: var(--fourth-color);
        border-radius: 50%;
        width:  40px;
        height: 40px;
        color: var(--dark-color);
        opacity: 1;
     }

    .toggle-section.toggle-active button {
        opacity: 1;
        background-color: var(--secondary-color);
    }

    .toggle-section .toggle-button span {
        font-weight: 700;
        text-transform: uppercase;
        /* cursor: pointer; */
    }

    .toggle-section               .toggle-button span.open,
    .toggle-section.toggle-active .toggle-button span.close {
        display: inline-block;
    }

    .toggle-section               .toggle-button span.close,
    .toggle-section.toggle-active .toggle-button span.open {
        display: none;
    }



/*  ===============================================================
    PAGE : PLACE + PARTNER
    =============================================================== */

    .single.single-aw_partner span.label,
    .single.single-aw_place   span.label {
        font-weight: 700;
        color: #666;
    }


/*  ===============================================================
    PAGE : AGENDA - EVENT
    =============================================================== */

    .aw_event .col.block {
        padding-bottom:  15px;
    }

    .aw_event h1 .subtitle {
        margin-top: 10px;
    }



    /*
    .aw_event .block {
        margin: 20px 0;
        background-color: var(--light-color);
    }

    .aw_event:first-child .block {
        margin-top: 0;
    }

    .aw_event .block.block-title h1 {
        line-height: 1.05em;
    }





    .aw_event .block h5 {
        margin-bottom : 2px;
    }


    .aw_event .block.block-status-reason {
        border: 3px dotted var(--secondary-color);
        display: inline-block;
        padding: 15px;
    }
    */





/*  ===============================================================
    ACF FIELD : embed_video
    =============================================================== */

/*
    .embed-container {
        position: relative;
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
    }

    .embed-container iframe,
    .embed-container object,
    .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
*/

/*  ===============================================================
    LEAFLET
    =============================================================== */


    .leaflet-container {
        font-family: var(--text-font-family);
    }

    /*
    .leaflet-interactive svg {
        color: var(--secondary-color);
    }
    */

    .leaflet-map .leaflet-popup-content a {

    }


    .leaflet-map .dashicons {
        font-size: 1.2em;
    }

    .leaflet-map .dashicons.dashicons-art {

    }

    .leaflet-map .marker-gap {
        margin-top: 10px;
    }

    .leaflet-map .leaflet-popup-content {
        text-align: center;
        max-width: 220px;
    }

    .leaflet-map .leaflet-popup-content .button:last-child {
        margin-right: 0;
    }

    .leaflet-map .leaflet-container a {
        color: var(--dark-color) !important;
    }