@charset 'UTF-8';
/*
Theme Name: ibmp V2
Theme URI: http://www.alsacreations.fr/
Author: Alsacreations
Author URI: http://www.alsacreations.fr/
Description: IBMP V2 Theme by Alsacreations, using Underscores.me
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ibmp
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*!
* www.KNACSS.com v7.0.5 (may, 25 2018) @author: Alsacreations, Raphael Goetter
* Licence WTFPL http://www.wtfpl.net/
*/
/* ----------------------------- */
/* ==Table Of Content            */
/* ----------------------------- */
/*
1- Reboot (basic reset)
2- Libraries  :
  - Base
  - Print
  - Layout (alignment, modules, positionning)
  - Utilities (width and spacers helpers)
  - Responsive helpers
  - WordPress reset (disabled by default)
  - Grillade (Grid System)
3- Components :
  - Media object
  - Skip Links for accessibility
  - Tables
  - Forms
  - Buttons
  - Checkbox
  - Tabs
  - Tags
  - Badges
  - Alerts
*/
*,
*::before,
*::after
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

html
{
    font-family: sans-serif;
    line-height: 1.15;

    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}

@-ms-viewport
{
    width: device-width;
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section
{
    display: block;
}

body
{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;

    margin: 0;

    text-align: left;

    color: #212529;
    background-color: #fff;
}

[tabindex='-1']:focus
{
    outline: none !important;
}

hr
{
    overflow: visible; 

    -webkit-box-sizing: content-box; 

            box-sizing: content-box;
    height: 0;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    margin-top: 0;
    margin-bottom: .5rem;
}

p
{
    margin-top: 0;
    margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title]
{
    cursor: help;
            text-decoration: underline;
            text-decoration: underline dotted;

    border-bottom: 0; 

    -webkit-text-decoration: underline dotted;
}

address
{
    font-style: normal;
    line-height: inherit; 

    margin-bottom: 1rem;
}

ol,
ul,
dl
{
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol
{
    margin-bottom: 0;
}

dt
{
    font-weight: 700;
}

dd
{
    margin-bottom: .5rem;
    margin-left: 0;
}

blockquote
{
    margin: 0 0 1rem;
}

dfn
{
    font-style: italic;
}

b,
strong
{
    font-weight: bold;
}

small
{
    font-size: 80%;
}

sub,
sup
{
    font-size: 75%;
    line-height: 0;

    position: relative;

    vertical-align: baseline;
}

sub
{
    bottom: -.25em;
}

sup
{
    top: -.5em;
}

a
{
    text-decoration: none;

    color: #007bff;
    background-color: transparent;

    -webkit-text-decoration-skip: objects;
}

a:hover
{
    text-decoration: underline; 

    color: #0056b3;
}

a:not([href]):not([tabindex])
{
    text-decoration: none; 

    color: inherit;
}

a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover
{
    text-decoration: none; 

    color: inherit;
}

a:not([href]):not([tabindex]):focus
{
    outline: 0;
}

pre,
code,
kbd,
samp
{
    font-family: monospace, monospace;
    font-size: 1em;
}

pre
{
    overflow: auto;

    margin-top: 0;
    margin-bottom: 1rem;

    -ms-overflow-style: scrollbar;
}

figure
{
    margin: 0 0 1rem;
}

img
{
    vertical-align: middle;

    border-style: none;
}

svg:not(:root)
{
    overflow: hidden;
}

a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea
{
    -ms-touch-action: manipulation;
        touch-action: manipulation;
}

table
{
    border-collapse: collapse;
}

caption
{
    padding-top: .75rem;
    padding-bottom: .75rem;

    caption-side: bottom; 

    text-align: left;

    color: #868e96;
}

th
{
    text-align: inherit;
}

label
{
    display: inline-block;

    margin-bottom: .5rem;
}

button
{
    border-radius: 0;
}

button:focus
{
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea
{
    font-family: inherit;
    font-size: inherit;
    line-height: inherit; 

    margin: 0;
}

button,
input
{
    overflow: visible;
}

button,
select
{
    text-transform: none;
}

button,
html [type='button'],
[type='reset'],
[type='submit']
{
    appearance: button;
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner
{
    padding: 0;

    border-style: none;
}

input[type='radio'],
input[type='checkbox']
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
}

input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month']
{
    appearance: listbox;
    -webkit-appearance: listbox;
}

textarea
{
    overflow: auto;

    resize: vertical;
}

fieldset
{
    min-width: 0;
    margin: 0;
    padding: 0;

    border: 0;
}

legend
{
    font-size: 1.5rem;
    line-height: inherit;

    display: block;

    width: 100%;
    max-width: 100%;
    margin-bottom: .5rem;
    padding: 0;

    white-space: normal; 

    color: inherit;
}

progress
{
    vertical-align: baseline;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button
{
    height: auto;
}

[type='search']
{
    outline-offset: -2px;

    appearance: none;
    -webkit-appearance: none;
}

[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration
{
    -webkit-appearance: none;
}

::-webkit-file-upload-button
{
    font: inherit;

    -webkit-appearance: button;
}

output
{
    display: inline-block;
}

summary
{
    display: list-item;
}

template
{
    display: none;
}

[hidden]
{
    display: none !important;
}

/* ----------------------------- */
/* ==Base (basic styles)         */
/* ----------------------------- */
/* switching to border-box model for all elements */
html
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

*,
*::before,
*::after
{
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
    /* avoid min-width: auto on flex and grid children */
    min-width: 0;
    min-height: 0;
}

html
{
    /* set base font-size to equiv "10px", which is adapted to rem unit */
    font-size: 62.5%;
    /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
    font-size: calc(1em * .625);
}

body
{
    font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    font-size: 1.4rem;
    line-height: 1.5; 

    margin: 0;

    color: #090b0d;
    background-color: #fff;
}
@media (min-width: 576px)
{
    body
    {
        font-size: 1.6rem;
    }
}

/* Links */
a
{
    text-decoration: none; 

    color: #97146e;
}
a:focus,
a:hover,
a:active
{
    text-decoration: underline; 

    color: #530b3d;
}

/* Headings */
h1,
.h1-like
{
    font-family: Roboto, sans-serif;
    font-size: 3.2rem;
    font-weight: 500;
}
@media (min-width: 576px)
{
    h1,
    .h1-like
    {
        font-size: 4rem;
    }
}

h2,
.h2-like
{
    font-family: Roboto, sans-serif;
    font-size: 2.8rem;
    font-weight: 500;
}
@media (min-width: 576px)
{
    h2,
    .h2-like
    {
        font-size: 3.6rem;
    }
}

h3,
.h3-like
{
    font-size: 2.2rem;
    font-weight: 500;
}
@media (min-width: 576px)
{
    h3,
    .h3-like
    {
        font-size: 2.8rem;
    }
}

h4,
.h4-like
{
    font-size: 1.8rem;
    font-weight: 500;
}
@media (min-width: 576px)
{
    h4,
    .h4-like
    {
        font-size: 2rem;
    }
}

h5,
.h5-like
{
    font-size: 1.6rem;
    font-weight: 500;
}
@media (min-width: 576px)
{
    h5,
    .h5-like
    {
        font-size: 1.8rem;
    }
}

h6,
.h6-like
{
    font-size: 1.4rem;
    font-weight: 500;
}
@media (min-width: 576px)
{
    h6,
    .h6-like
    {
        font-size: 1.6rem;
    }
}

/* Vertical rythm */
h1,
h2,
h3,
h4,
h5,
h6,
dd
{
    margin-top: 0;
    margin-bottom: .5rem;
}

p,
address,
ol,
ul,
dl,
blockquote,
pre
{
    margin-top: 0;
    margin-bottom: 1rem;
}

/* Avoid margins on nested elements */
li p,
li .p-like,
li ul,
li ol,
ol ol,
ul ul
{
    margin-top: 0;
    margin-bottom: 0;
}

/* Max values */
img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
video,
svg
{
    max-width: 100%;
}

img
{
    height: auto;
}

/* Styling elements */
ul,
ol
{
    padding-left: 2em;
}

img
{
    vertical-align: middle;
}

em,
.italic,
address,
cite,
i,
var
{
    font-style: italic;
}

code,
kbd,
mark
{
    border-radius: 2px;
}

kbd
{
    padding: 0 2px;

    border: 1px solid #999;
}

pre
{
    -moz-tab-size: 2;
      -o-tab-size: 2;
         tab-size: 2;
}

code
{
    padding: 2px 4px;

    color: #b11; 
    background: rgba(0, 0, 0, .04);
}

pre code
{
    padding: 0;

    color: inherit;
    border-radius: 0; 
    background: none;
}

mark
{
    padding: 2px 4px;
}

sup,
sub
{
    vertical-align: 0;
}

sup
{
    bottom: 1ex;
}

sub
{
    top: .5ex;
}

blockquote
{
    position: relative;

    min-height: 2em; 
    padding-left: 3em;
}

blockquote::before
{
    font-family: georgia, serif;
    font-size: 5em;
    line-height: .9;

    position: absolute;
    top: 0;
    left: 0;

    height: .4em;

    content: '\201C';

    color: #e6e6e6;
}

blockquote > footer
{
    font-size: .9em;

    margin-top: .75em;

    color: rgba(0, 0, 0, .7);
}
blockquote > footer::before
{
    content: '\2014 \0020';
}

q
{
    font-style: normal;
}

q,
.q
{
    quotes: '“' '”' '‘' '’';
}
q:lang(fr),
.q:lang(fr)
{
    quotes: '«\00a0' '\00a0»' '“' '”';
}

hr
{
    display: block;
    clear: both;

    height: 1px;
    margin: 1em 0 2em;
    padding: 0;

    color: #ccc;
    border: 0;
    background-color: #ccc;
}

blockquote,
figure
{
    margin-right: 0; 
    margin-left: 0;
}

code,
pre,
samp,
kbd
{
    font-family: consolas, courier, monospace;
    line-height: normal; 

    white-space: pre-wrap;
}

/* ----------------------------- */
/* ==Print (quick print reset)   */
/* ----------------------------- */
@media print
{
    *
    {
        background: transparent !important;
        -webkit-box-shadow: none !important;
                box-shadow: none !important;
        text-shadow: none !important;
    }
    body
    {
        font-family: serif;
        font-size: 12pt; 

        width: auto;
        margin: auto;
    }
    p,
    .p-like,
    h1,
    .h1-like,
    h2,
    .h2-like,
    h3,
    .h3-like,
    h4,
    .h4-like,
    h5,
    .h5-like,
    h6,
    .h6-like,
    blockquote,
    label,
    ul,
    ol
    {
        margin: auto; 

        color: #000;
    }
    .print
    {
        display: block;
    }
    .no-print
    {
        display: none;
    }
    /* no orphans, no widows */
    p,
    .p-like,
    blockquote
    {
        orphans: 3;
        widows: 3;
    }
    /* no breaks inside these elements */
    blockquote,
    ul,
    ol
    {
        page-break-inside: avoid;
    }
    /* page break before main headers
  h1,
  .h1-like {
    page-break-before: always;
  }
  */
    /* no breaks after these elements */
    h1,
    .h1-like,
    h2,
    .h2-like,
    h3,
    .h3-like,
    caption
    {
        page-break-after: avoid;
    }
    a
    {
        color: #000;
    }
    /* displaying URLs
  a[href]::after {
    content: " (" attr(href) ")";
  }
  */
    a[href^='javascript:']::after,
    a[href^='#']::after
    {
        content: '';
    }
}

/* ----------------------------- */
/* ==Global Micro Layout         */
/* ----------------------------- */
/* Flexbox layout is KNACSS choice
http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
*/
.flex-container,
.flex-container--row,
.flex-row,
.flex-container--column,
.flex-column,
.flex-container--row-reverse,
.flex-row-reverse,
.flex-container--column-reverse,
.flex-column-reverse,
.d-flex
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;
}

.flex-container--row,
.flex-row
{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
}

.flex-container--column,
.flex-column
{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

.flex-container--row-reverse,
.flex-row-reverse
{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;

    -webkit-box-pack: end;

    -webkit-justify-content: flex-end;

        -ms-flex-pack: end;

            justify-content: flex-end;
}

.flex-container--column-reverse,
.flex-column-reverse
{
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;

    -webkit-box-pack: end;

    -webkit-justify-content: flex-end;

        -ms-flex-pack: end;

            justify-content: flex-end;
}

.flex-item-fluid,
.item-fluid
{
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
}

.flex-item-first,
.item-first
{
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
}

.flex-item-medium,
.item-medium
{
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
}

.flex-item-last,
.item-last
{
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
}

.flex-item-center,
.item-center,
.mr-auto
{
    margin: auto;
}

/* ---------------------------------- */
/* ==Helpers                          */
/* ---------------------------------- */
/* Typo Helpers  */
/* ------------- */
.u-bold
{
    font-weight: 700;
}

.u-italic
{
    font-style: italic;
}

.u-normal
{
    font-weight: normal;
    font-style: normal;
}

.u-uppercase
{
    text-transform: uppercase;
}

.u-lowercase
{
    text-transform: lowercase;
}

.u-smaller
{
    font-size: .6em;
}

.u-small
{
    font-size: .8em;
}

.u-big
{
    font-size: 1.2em;
}

.u-bigger
{
    font-size: 1.5em;
}

.u-biggest
{
    font-size: 2em;
}

.u-txt-wrap
{
    word-wrap: break-word;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto; 

    overflow-wrap: break-word;
}

.u-txt-ellipsis
{
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* text and contents alignment */
.txtleft,
.u-txt-left
{
    text-align: left;
}

.txtright,
.u-txt-right
{
    text-align: right;
}

.txtcenter,
.u-txt-center
{
    text-align: center;
}

/* blocks that need to be placed under floats */
.clear,
.u-clear
{
    clear: both;
}

/* blocks that must contain floats */
.clearfix::after,
.u-clearfix::after
{
    display: table;
    clear: both;

    border-collapse: collapse; 

    content: '';
}

/* simple blocks alignment */
.left .u-left
{
    margin-right: auto;
}

.right,
.u-right
{
    margin-left: auto;
}

.center,
.u-center
{
    margin-right: auto; 
    margin-left: auto;
}

/* Global Micro Layout */
/* ------------------- */
/* module, gains superpower "BFC" Block Formating Context */
.mod,
.u-mod,
.bfc,
.u-bfc
{
    overflow: hidden;
}

/* floating elements */
.fl,
.u-fl
{
    float: left;
}

img.fl,
img.u-fl
{
    margin-right: 1rem;
}

.fr,
.u-fr
{
    float: right;
}

img.fr,
img.u-fr
{
    margin-left: 1rem;
}

img.fl,
img.fr,
img.u-fl,
img.u-fr
{
    margin-bottom: .5rem;
}

/* inline-block */
.inbl,
.u-inbl
{
    display: inline-block;

    vertical-align: top;
}

/* State Helpers */
/* ------------- */
/* invisible for all */
.is-hidden,
.js-hidden,
[hidden]
{
    display: none;
}

/* hidden but not for an assistive technology like a screen reader, Yahoo! method */
.visually-hidden,
.tabs-content-item[aria-hidden='true']
{
    position: absolute !important;

    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important; 

    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;

    border: 0 !important;
}

.is-disabled,
.js-disabled,
[disabled],
.is-disabled ~ label,
[disabled] ~ label
{
    cursor: not-allowed !important;

    opacity: .5;

    -webkit-filter: grayscale(1);

            filter: grayscale(1);
}

ul.is-unstyled,
ul.unstyled
{
    padding-left: 0; 

    list-style: none;
}

.color--inverse
{
    color: #fff;
}

/* Width Helpers */
/* ------------- */
/* blocks widths (percentage and pixels) */
.w100
{
    width: 100%;
}

.w95
{
    width: 95%;
}

.w90
{
    width: 90%;
}

.w85
{
    width: 85%;
}

.w80
{
    width: 80%;
}

.w75
{
    width: 75%;
}

.w70
{
    width: 70%;
}

.w65
{
    width: 65%;
}

.w60
{
    width: 60%;
}

.w55
{
    width: 55%;
}

.w50
{
    width: 50%;
}

.w45
{
    width: 45%;
}

.w40
{
    width: 40%;
}

.w35
{
    width: 35%;
}

.w30
{
    width: 30%;
}

.w25
{
    width: 25%;
}

.w20
{
    width: 20%;
}

.w15
{
    width: 15%;
}

.w10
{
    width: 10%;
}

.w5
{
    width: 5%;
}

.w66
{
    width: calc(100% / 3 * 2);
}

.w33
{
    width: calc(100% / 3);
}

.wauto
{
    width: auto;
}

.w960p
{
    width: 960px;
}

.mw960p
{
    max-width: 960px;
}

.w1140p
{
    width: 1140px;
}

.mw1140p
{
    max-width: 1140px;
}

.w1000p
{
    width: 1000px;
}

.w950p
{
    width: 950px;
}

.w900p
{
    width: 900px;
}

.w850p
{
    width: 850px;
}

.w800p
{
    width: 800px;
}

.w750p
{
    width: 750px;
}

.w700p
{
    width: 700px;
}

.w650p
{
    width: 650px;
}

.w600p
{
    width: 600px;
}

.w550p
{
    width: 550px;
}

.w500p
{
    width: 500px;
}

.w450p
{
    width: 450px;
}

.w400p
{
    width: 400px;
}

.w350p
{
    width: 350px;
}

.w300p
{
    width: 300px;
}

.w250p
{
    width: 250px;
}

.w200p
{
    width: 200px;
}

.w150p
{
    width: 150px;
}

.w100p
{
    width: 100px;
}

.w50p
{
    width: 50px;
}

/* Spacing Helpers */
/* --------------- */
.man,
.ma0
{
    margin: 0;
}

.pan,
.pa0
{
    padding: 0;
}

.mas
{
    margin: 1rem;
}

.mam
{
    margin: 2rem;
}

.mal
{
    margin: 4rem;
}

.pas
{
    padding: 1rem;
}

.pam
{
    padding: 2rem;
}

.pal
{
    padding: 4rem;
}

.mtn,
.mt0
{
    margin-top: 0;
}

.mts
{
    margin-top: 1rem;
}

.mtm
{
    margin-top: 2rem;
}

.mtl
{
    margin-top: 4rem;
}

.mrn,
.mr0
{
    margin-right: 0;
}

.mrs
{
    margin-right: 1rem;
}

.mrm
{
    margin-right: 2rem;
}

.mrl
{
    margin-right: 4rem;
}

.mbn,
.mb0
{
    margin-bottom: 0;
}

.mbs
{
    margin-bottom: 1rem;
}

.mbm
{
    margin-bottom: 2rem;
}

.mbl
{
    margin-bottom: 4rem;
}

.mln,
.ml0
{
    margin-left: 0;
}

.mls
{
    margin-left: 1rem;
}

.mlm
{
    margin-left: 2rem;
}

.mll
{
    margin-left: 4rem;
}

.mauto
{
    margin: auto;
}

.mtauto
{
    margin-top: auto;
}

.mrauto
{
    margin-right: auto;
}

.mbauto
{
    margin-bottom: auto;
}

.mlauto
{
    margin-left: auto;
}

.ptn,
.pt0
{
    padding-top: 0;
}

.pts
{
    padding-top: 1rem;
}

.ptm
{
    padding-top: 2rem;
}

.ptl
{
    padding-top: 4rem;
}

.prn,
.pr0
{
    padding-right: 0;
}

.prs
{
    padding-right: 1rem;
}

.prm
{
    padding-right: 2rem;
}

.prl
{
    padding-right: 4rem;
}

.pbn,
.pb0
{
    padding-bottom: 0;
}

.pbs
{
    padding-bottom: 1rem;
}

.pbm
{
    padding-bottom: 2rem;
}

.pbl
{
    padding-bottom: 4rem;
}

.pln,
.pl0
{
    padding-left: 0;
}

.pls
{
    padding-left: 1rem;
}

.plm
{
    padding-left: 2rem;
}

.pll
{
    padding-left: 4rem;
}

/* -------------------------- */
/* ==Responsive helpers       */
/* -------------------------- */
/* large screens */
/* ------------- */
@media (min-width: 992px)
{
    /* layouts for large screens */
    .large-hidden
    {
        display: none !important;
    }
    .large-visible
    {
        display: block !important;
    }
    .large-no-float
    {
        float: none;
    }
    .large-inbl
    {
        display: inline-block;
        float: none;

        vertical-align: top;
    }
    /* widths for large screens */
    .large-w25
    {
        width: 25% !important;
    }
    .large-w33
    {
        width: 33.333333% !important;
    }
    .large-w50
    {
        width: 50% !important;
    }
    .large-w66
    {
        width: 66.666666% !important;
    }
    .large-w75
    {
        width: 75% !important;
    }
    .large-w100,
    .large-wauto
    {
        display: block !important;
        float: none !important;
        clear: none !important;

        width: auto !important;
        margin-right: 0 !important;
        margin-left: 0 !important;

        border: 0;
    }
    /* margins for large screens */
    .large-man,
    .large-ma0
    {
        margin: 0 !important;
    }
}

/* medium screens */
/* -------------- */
@media (min-width: 768px) and (max-width: 991px)
{
    /* layouts for medium screens */
    .medium-hidden
    {
        display: none !important;
    }
    .medium-visible
    {
        display: block !important;
    }
    .medium-no-float
    {
        float: none;
    }
    .medium-inbl
    {
        display: inline-block;
        float: none;

        vertical-align: top;
    }
    /* widths for medium screens */
    .medium-w25
    {
        width: 25% !important;
    }
    .medium-w33
    {
        width: 33.333333% !important;
    }
    .medium-w50
    {
        width: 50% !important;
    }
    .medium-w66
    {
        width: 66.666666% !important;
    }
    .medium-w75
    {
        width: 75% !important;
    }
    .medium-w100,
    .medium-wauto
    {
        display: block !important;
        float: none !important;
        clear: none !important;

        width: auto !important;
        margin-right: 0 !important;
        margin-left: 0 !important;

        border: 0;
    }
    /* margins for medium screens */
    .medium-man,
    .medium-ma0
    {
        margin: 0 !important;
    }
}

/* small screens */
/* ------------- */
@media (min-width: 576px) and (max-width: 767px)
{
    /* layouts for small screens */
    .small-hidden
    {
        display: none !important;
    }
    .small-visible
    {
        display: block !important;
    }
    .small-no-float
    {
        float: none;
    }
    .small-inbl
    {
        display: inline-block;
        float: none;

        vertical-align: top;
    }
    /* widths for small screens */
    .small-w25
    {
        width: 25% !important;
    }
    .small-w33
    {
        width: 33.333333% !important;
    }
    .small-w50
    {
        width: 50% !important;
    }
    .small-w66
    {
        width: 66.666666% !important;
    }
    .small-w75
    {
        width: 75% !important;
    }
    .small-w100,
    .small-wauto
    {
        display: block !important;
        float: none !important;
        clear: none !important;

        width: auto !important;
        margin-right: 0 !important;
        margin-left: 0 !important;

        border: 0;
    }
    /* margins for small screens */
    .small-man,
    .small-ma0
    {
        margin: 0 !important;
    }
    .small-pan,
    .small-pa0
    {
        padding: 0 !important;
    }
}

/* tiny screens */
/* ------------ */
@media (max-width: 575px)
{
    /* quick small resolution reset */
    .mod,
    .col,
    fieldset
    {
        display: block !important;
        float: none !important;
        clear: none !important;

        width: auto !important;
        margin-right: 0 !important;
        margin-left: 0 !important;

        border: 0;
    }
    .flex-container,
    .flex-container--row,
    .flex-row,
    .flex-container--column,
    .flex-column,
    .flex-container--row-reverse,
    .flex-row-reverse,
    .flex-container--column-reverse,
    .flex-column-reverse
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    /* layouts for tiny screens */
    .tiny-hidden
    {
        display: none !important;
    }
    .tiny-visible
    {
        display: block !important;
    }
    .tiny-no-float
    {
        float: none;
    }
    .tiny-inbl
    {
        display: inline-block;
        float: none;

        vertical-align: top;
    }
    /* widths for tiny screens */
    .tiny-w25
    {
        width: 25% !important;
    }
    .tiny-w33
    {
        width: 33.333333% !important;
    }
    .tiny-w50
    {
        width: 50% !important;
    }
    .tiny-w66
    {
        width: 66.666666% !important;
    }
    .tiny-w75
    {
        width: 75% !important;
    }
    .tiny-w100,
    .tiny-wauto
    {
        display: block !important;
        float: none !important;
        clear: none !important;

        width: auto !important;
        margin-right: 0 !important;
        margin-left: 0 !important;

        border: 0;
    }
    /* margins for tiny screens */
    .tiny-man,
    .tiny-ma0
    {
        margin: 0 !important;
    }
    .tiny-pan,
    .tiny-pa0
    {
        padding: 0 !important;
    }
}

/* ----------------------------- */
/* ==WordPress reset             */
/* ----------------------------- */
/*
Author: Geoffrey Crofte, Alsacréations
Contributors: Automattic, Geoffrey Crofte
Description: Reset styles for WordPress usage of KNACSS
*/
.comment-navigation,
.paging-navigation,
.post-navigation
{
    overflow: hidden;

    margin: 0 0 1.5em;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous
{
    float: left;

    width: 50%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next
{
    float: right;

    width: 50%;

    text-align: right;
}

.alignnone
{
    margin: .25em 1.5em 1.5em 0;
}

.aligncenter
{
    display: block;
    clear: both;

    margin: 1.5em auto;
}

.alignleft
{
    float: left;

    margin: 0 1.5em .25em 0;
}

.alignright
{
    float: right;

    margin: 0 0 .25em 1.5em;
}

.entry-content,
.comment-content
{
    clear: both;
}
.entry-content::after,
.entry-content::before,
.comment-content::after,
.comment-content::before
{
    display: table; 

    content: '';
}

.widget + .widget
{
    margin: 1.5em 0 0;
}

.widget select
{
    max-width: 100%;
}

/* === 5.1 Posts - post_class === */
/* === 5.2 Pages - body_class === */
/* === 5.3 Posts and Pages - Contents === */
.hentry
{
    margin: 0 0 1.5em;
}

.page-content,
.entry-content,
.entry-summary
{
    margin: 1.5em 0 0;
}

.page-links
{
    clear: both;

    margin: 0 0 1.5em;
}

.comment-content a
{
    word-wrap: break-word;
}

img.wp-smiley
{
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;

    border: none;
}

.wp-caption
{
    max-width: 100%;
    margin-bottom: 1.5em;
}

.wp-caption img
{
    display: block;

    margin: 0 auto;
}

.wp-caption-text
{
    margin: 1em 0;

    text-align: center;
}

.gallery
{
    margin-bottom: 1.5em;
}

.gallery-item
{
    display: inline-block;

    width: 100%;

    text-align: center;
    vertical-align: top;
}
.gallery-columns-2 .gallery-item
{
    max-width: 50%;
}
.gallery-columns-3 .gallery-item
{
    max-width: 33.33%;
}
.gallery-columns-4 .gallery-item
{
    max-width: 25%;
}
.gallery-columns-5 .gallery-item
{
    max-width: 20%;
}
.gallery-columns-6 .gallery-item
{
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item
{
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item
{
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item
{
    max-width: 11.11%;
}

.gallery-caption
{
    display: block;
}

/* --------------------------------------- */
/* ==Grillade : ultra light Grid System    */
/* --------------------------------------- */
@media (min-width: 480px)
{
    [class*=' grid-'],
    [class^='grid-']
    {
        display: grid;

        grid-auto-flow: dense;
    }
    [class*=' grid-'].has-gutter,
    [class^='grid-'].has-gutter
    {
        grid-gap: 1rem;
    }
    [class*=' grid-'].has-gutter-l,
    [class^='grid-'].has-gutter-l
    {
        grid-gap: 2rem;
    }
    [class*=' grid-'].has-gutter-xl,
    [class^='grid-'].has-gutter-xl
    {
        grid-gap: 4rem;
    }
}

@media (min-width: 480px)
{
    .autogrid,
    .grid
    {
        display: grid;

        grid-auto-flow: column;
        grid-auto-columns: 1fr;
    }
    .autogrid.has-gutter,
    .grid.has-gutter
    {
        grid-column-gap: 1rem;
    }
    .autogrid.has-gutter-l,
    .grid.has-gutter-l
    {
        grid-column-gap: 2rem;
    }
    .autogrid.has-gutter-xl,
    .grid.has-gutter-xl
    {
        grid-column-gap: 4rem;
    }
}

[class*='grid-2']
{
    grid-template-columns: repeat(2, 1fr);
}

[class*='grid-3']
{
    grid-template-columns: repeat(3, 1fr);
}

[class*='grid-4']
{
    grid-template-columns: repeat(4, 1fr);
}

[class*='grid-5']
{
    grid-template-columns: repeat(5, 1fr);
}

[class*='grid-6']
{
    grid-template-columns: repeat(6, 1fr);
}

[class*='grid-7']
{
    grid-template-columns: repeat(7, 1fr);
}

[class*='grid-8']
{
    grid-template-columns: repeat(8, 1fr);
}

[class*='grid-9']
{
    grid-template-columns: repeat(9, 1fr);
}

[class*='grid-10']
{
    grid-template-columns: repeat(10, 1fr);
}

[class*='grid-11']
{
    grid-template-columns: repeat(11, 1fr);
}

[class*='grid-12']
{
    grid-template-columns: repeat(12, 1fr);
}

[class*='col-1']
{
    grid-column: auto/span 1;
}

[class*='row-1']
{
    grid-row: auto/span 1;
}

[class*='col-2']
{
    grid-column: auto/span 2;
}

[class*='row-2']
{
    grid-row: auto/span 2;
}

[class*='col-3']
{
    grid-column: auto/span 3;
}

[class*='row-3']
{
    grid-row: auto/span 3;
}

[class*='col-4']
{
    grid-column: auto/span 4;
}

[class*='row-4']
{
    grid-row: auto/span 4;
}

[class*='col-5']
{
    grid-column: auto/span 5;
}

[class*='row-5']
{
    grid-row: auto/span 5;
}

[class*='col-6']
{
    grid-column: auto/span 6;
}

[class*='row-6']
{
    grid-row: auto/span 6;
}

[class*='col-7']
{
    grid-column: auto/span 7;
}

[class*='row-7']
{
    grid-row: auto/span 7;
}

[class*='col-8']
{
    grid-column: auto/span 8;
}

[class*='row-8']
{
    grid-row: auto/span 8;
}

[class*='col-9']
{
    grid-column: auto/span 9;
}

[class*='row-9']
{
    grid-row: auto/span 9;
}

[class*='col-10']
{
    grid-column: auto/span 10;
}

[class*='row-10']
{
    grid-row: auto/span 10;
}

[class*='col-11']
{
    grid-column: auto/span 11;
}

[class*='row-11']
{
    grid-row: auto/span 11;
}

[class*='col-12']
{
    grid-column: auto/span 12;
}

[class*='row-12']
{
    grid-row: auto/span 12;
}

/* intermediate breakpoints */
@media (min-width: 480px) and (max-width: 767px)
{
    [class*='grid-'][class*='-small-1']
    {
        grid-template-columns: repeat(1, 1fr);
    }
    [class*='col-'][class*='-small-1']
    {
        grid-column: auto/span 1;
    }
    [class*='grid-'][class*='-small-2']
    {
        grid-template-columns: repeat(2, 1fr);
    }
    [class*='col-'][class*='-small-2']
    {
        grid-column: auto/span 2;
    }
    [class*='grid-'][class*='-small-3']
    {
        grid-template-columns: repeat(3, 1fr);
    }
    [class*='col-'][class*='-small-3']
    {
        grid-column: auto/span 3;
    }
    [class*='grid-'][class*='-small-4']
    {
        grid-template-columns: repeat(4, 1fr);
    }
    [class*='col-'][class*='-small-4']
    {
        grid-column: auto/span 4;
    }
    [class*='-small-all']
    {
        grid-column: 1 / -1;
    }
}

.item-first
{
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
}

.item-last
{
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
}

.grid-offset
{
    visibility: hidden;
}

.col-all
{
    grid-column: 1 / -1;
}

.row-all
{
    grid-row: 1 / -1;
}

/* ----------------------------- */
/* ==Media object                */
/* ----------------------------- */
/* recommended HTML : <div class="media"><img class="media-figure"><div class="media-content"></div></div> */
/* see http://codepen.io/raphaelgoetter/pen/KMWWwj */
@media (min-width: 480px)
{
    .media
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-align: start;

        -webkit-align-items: flex-start;

            -ms-flex-align: start;

                align-items: flex-start;
    }
    .media-content
    {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0;
            -ms-flex: 1 1 0px;
                flex: 1 1 0;
    }
    .media-figure--center
    {
        -webkit-align-self: center;
            -ms-flex-item-align: center;
                align-self: center;
    }
    .media--reverse
    {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
    }
}

/* ----------------------------- */
/* ==skip links                  */
/* ----------------------------- */
/* see https://www.alsacreations.com/article/lire/572-Les-liens-d-evitement.html */
/* styling skip links */
.skip-links
{
    position: absolute;
}
.skip-links a
{
    position: absolute;

    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);

    padding: .5em;

    text-decoration: none; 

    color: white;
    background: black;
}
.skip-links a:focus
{
    position: static;

    overflow: visible;
    clip: auto;
}

/* ----------------------------- */
/* ==Tables                      */
/* ----------------------------- */
table,
.table
{
    width: 100%;
    max-width: 100%;
    margin-bottom: 2rem; 

    table-layout: fixed;
    border-collapse: collapse;

    vertical-align: top;
}

.table
{
    display: table;

    border: 1px solid #b2b2b2;
    background: transparent;
}
.table--zebra tbody tr:nth-child(odd)
{
    background: #e6e6e6;
}
.table caption
{
    font-style: italic;

    padding: 1rem;

    caption-side: bottom;

    text-align: right; 

    color: #333;
}
.table td,
.table th
{
    min-width: 2rem;
    padding: .3rem .6rem;

    cursor: default; 
    text-align: left;
    vertical-align: top;

    border: 1px #b2b2b2 dotted;
}
.table thead
{
    color: #090b0d;
    background: transparent;
}

.table--auto
{
    table-layout: auto;
}

/* ----------------------------- */
/* ==Forms                       */
/* ----------------------------- */
/* thanks to HTML5boilerplate and https://shoelace.style/ */
/* forms items */
form,
fieldset
{
    border: none;
}

fieldset
{
    padding: 2rem;
}
fieldset legend
{
    padding: 0 .5rem;

    white-space: normal; 

    border: 0;
}

label
{
    display: inline-block;

    cursor: pointer;
}

[type='color'],
[type='date'],
[type='datetime-local'],
[type='email'],
[type='month'],
[type='number'],
[type='password'],
[type='search'],
[type='submit'],
[type='tel'],
[type='text'],
[type='time'],
[type='url'],
[type='week'],
select,
textarea
{
    font-family: inherit;
    font-size: inherit;

    margin: 0;
    padding: .5rem 1rem;

    -webkit-transition: .25s;

    transition: .25s;
    -webkit-transition-property: background-color, color, border, -webkit-box-shadow;
    transition-property: background-color, color, border, -webkit-box-shadow;
    transition-property: box-shadow, background-color, color, border;
    transition-property: box-shadow, background-color, color, border, -webkit-box-shadow;
    vertical-align: middle;
    white-space: nowrap;

    color: #090b0d;
    border: 0;
    -webkit-box-shadow: 0 0 0 1px #d0d0d0 inset;
            box-shadow: 0 0 0 1px #d0d0d0 inset;

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;
}

[type='submit']
{
    cursor: pointer; 

    color: #fff;
    background-color: #d0d0d0;
}

input[readonly]
{
    background-color: #e6e6e6;
}

select
{
    padding-right: 2rem;

    border-radius: 0;
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: right .6rem center;
    background-size: 1.2rem;
}

/* hiding IE11 arrow */
select::-ms-expand
{
    display: none;
}

textarea
{
    min-height: 5em;

    resize: vertical;
    vertical-align: top;
    white-space: normal;
}

/* 'x' appears on right of search input when text is entered. This removes it */
[type='search']::-webkit-search-decoration,
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-results-button,
[type='search']::-webkit-search-results-decoration
{
    display: none;
}

::-webkit-input-placeholder
{
    color: #777;
}

input:-moz-placeholder,
textarea:-moz-placeholder
{
    color: #777;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder
{
    color: #777;
}

input::-moz-placeholder,
textarea::-moz-placeholder
{
    color: #777;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder
{
    color: #777;
}

input::placeholder,
textarea::placeholder
{
    color: #777;
}

progress
{
    width: 100%;

    vertical-align: middle;
}

/* ----------------------------- */
/* ==Buttons                     */
/* ----------------------------- */
/* preferably use <button> for buttons !*/
/* use .btn-- or .button-- classes for variants */
.btn,
.button,
[type='button'],
button,
.btn--primary,
.button--primary,
.btn--success,
.button--success,
.btn--info,
.button--info,
.btn--warning,
.button--warning,
.btn--danger,
.button--danger,
.btn--inverse,
.button--inverse,
.btn--ghost,
.button--ghost,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-inverse,
.btn-ghost
{
    font-family: inherit;
    font-size: inherit;
    line-height: 1; 

    display: inline-block;

    padding: 1rem 1.5rem;

    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: .25s;
    transition: .25s;
    -webkit-transition-property: background-color, color, border, -webkit-box-shadow;
    transition-property: background-color, color, border, -webkit-box-shadow;
    transition-property: box-shadow, background-color, color, border;
    transition-property: box-shadow, background-color, color, border, -webkit-box-shadow;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;

    color: #090b0d;
    border: none;
    border-radius: 0;
    background-color: #e6e6e6;
}

.btn:focus,
.button:focus,
[type='button']:focus,
button:focus
{
    -webkit-tap-highlight-color: transparent;
}

.btn--primary,
.button--primary
{
    color: #fff;
    background-color: #97146e;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn--primary:active,
.btn--primary:focus,
.btn--primary:hover,
.button--primary:active,
.button--primary:focus,
.button--primary:hover
{
    background-color: #6a0e4d;
}

.btn--success,
.button--success
{
    color: #fff;
    background-color: #0c8a0c;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn--success:active,
.btn--success:focus,
.btn--success:hover,
.button--success:active,
.button--success:focus,
.button--success:hover
{
    background-color: #085b08;
}

.btn--info,
.button--info
{
    color: #000;
    background-color: #5bc0de;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn--info:active,
.btn--info:focus,
.btn--info:hover,
.button--info:active,
.button--info:focus,
.button--info:hover
{
    background-color: #31b0d5;
}

.btn--warning,
.button--warning
{
    color: #000;
    background-color: #f0ad4e;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn--warning:active,
.btn--warning:focus,
.btn--warning:hover,
.button--warning:active,
.button--warning:focus,
.button--warning:hover
{
    background-color: #ec971f;
}

.btn--danger,
.button--danger
{
    color: #fff;
    background-color: #cd4a47;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn--danger:active,
.btn--danger:focus,
.btn--danger:hover,
.button--danger:active,
.button--danger:focus,
.button--danger:hover
{
    background-color: #b13330;
}

.btn--inverse,
.button--inverse
{
    color: #fff;
    background-color: #333;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn--inverse:active,
.btn--inverse:focus,
.btn--inverse:hover,
.button--inverse:active,
.button--inverse:focus,
.button--inverse:hover
{
    background-color: #1a1a1a;
}

.btn--ghost,
.button--ghost
{
    color: #fff;
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 1px #fff inset;
            box-shadow: 0 0 0 1px #fff inset;
}
.btn--ghost:active,
.btn--ghost:focus,
.btn--ghost:hover,
.button--ghost:active,
.button--ghost:focus,
.button--ghost:hover
{
    background-color: rgba(0, 0, 0, 0);
}

.btn--small,
.button--small
{
    font-size: .8em; 

    padding: .7rem 1rem;
}

.btn--big,
.button--big
{
    font-size: 1.4em; 

    padding: 1.5rem 2rem;
}

.btn--block,
.button--block
{
    display: block; 

    width: 100% !important;
}

.btn--unstyled,
.button--unstyled
{
    padding: 0;

    text-align: left;

    border: none;
    border-radius: 0;
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.btn--unstyled:focus,
.button--unstyled:focus
{
    outline: none; 
    -webkit-box-shadow: none; 
            box-shadow: none;
}

.nav-button
{
    padding: 0;

    cursor: pointer;

    border: 0;
    outline: 0;
    background-color: transparent;

    -webkit-tap-highlight-color: transparent;
}
.nav-button > *
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;

    width: 2.6rem;
    height: 2.6rem;
    padding: 0;

    -webkit-transition: .25s;

    transition: .25s;
    -webkit-transition-property: background, -webkit-transform;
    transition-property: background, -webkit-transform;
    transition-property: transform, background;
    transition-property: transform, background, -webkit-transform;

    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#333));
    background-image: linear-gradient(#333, #333);
    background-repeat: no-repeat;
    background-position: center;
    background-origin: content-box;
    background-size: 100% 5px;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

        -ms-flex-pack: justify;

            justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    will-change: transform, background;
}
.nav-button > *::before,
.nav-button > *::after
{
    height: 5px;

    content: '';
    -webkit-transition: .25s;
    transition: .25s;
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, -webkit-transform;
    transition-property: transform, top;
    transition-property: transform, top, -webkit-transform;

    background: #333;

    will-change: transform, top;
}
.nav-button:hover > *
{
    background-color: transparent;
}
.nav-button:focus
{
    outline: 0;
}
.nav-button.is-active > *
{
    background-image: none;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

        -ms-flex-pack: center;

            justify-content: center;
}
.nav-button.is-active > *::before
{
    -webkit-transform: translateY(50%) rotate3d(0, 0, 1, 45deg);
            transform: translateY(50%) rotate3d(0, 0, 1, 45deg);
}
.nav-button.is-active > *::after
{
    -webkit-transform: translateY(-50%) rotate3d(0, 0, 1, -45deg);
            transform: translateY(-50%) rotate3d(0, 0, 1, -45deg);
}

/* ----------------------------- */
/* ==Checkbox, radio, switch     */
/* ----------------------------- */
/* use .checkbox class on input type=checkbox */
/* recommended HTML : <input type="checkbox" class="checkbox" id="c1"><label for="c1">click here</label> */
/* use .radio class on input type=radio */
/* recommended HTML : <input type="radio" class="radio" name="radio" id="r1"><label for="r1">Click here</label> */
/* use .switch class on input type=checkbox */
.checkbox
{
    border-radius: 4px;
}

.switch
{
    border-radius: 3em;
}

.radio
{
    border-radius: 50%;
}

.switch,
.checkbox,
.radio
{
    cursor: pointer; 
    vertical-align: text-bottom;

    outline: 0;

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;
}
.switch ~ label,
.checkbox ~ label,
.radio ~ label
{
    cursor: pointer;
}
.switch::-ms-check,
.checkbox::-ms-check,
.radio::-ms-check
{
    display: none;
}

.switch
{
    font-size: 70%;
    line-height: 2rem;

    width: 4rem;
    height: 2rem;

    -webkit-transition: -webkit-box-shadow .15s;

    transition: -webkit-box-shadow .15s;

    transition: box-shadow .15s;

    transition: box-shadow .15s, -webkit-box-shadow .15s;

    background-color: #fff; 
    -webkit-box-shadow: inset -2rem 0 0 #333, inset 0 0 0 1px #333; 
            box-shadow: inset -2rem 0 0 #333, inset 0 0 0 1px #333;
}
.switch::before,
.switch::after
{
    font-weight: bold;

    color: #fff;
}
.switch::before
{
    float: right;

    margin-right: .66667rem; 

    content: '✕';
}
.switch:checked
{
    -webkit-box-shadow: inset 2rem 0 0 #0c8a0c, inset 0 0 0 1px #0c8a0c;
            box-shadow: inset 2rem 0 0 #0c8a0c, inset 0 0 0 1px #0c8a0c;
}
.switch:checked::before
{
    float: left;

    margin-left: .66667rem; 

    content: '✓';
}

.checkbox
{
    width: 2rem;
    height: 2rem;

    -webkit-transition: background-color .15s;

    transition: background-color .15s; 

    background-color: #fff;
    -webkit-box-shadow: inset 0 0 0 1px #333;
            box-shadow: inset 0 0 0 1px #333;
}
.checkbox:checked
{
    background-color: #333; 
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%208%208%22%20enable-background%3D%22new%200%200%208%208%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M6.4%2C1L5.7%2C1.7L2.9%2C4.5L2.1%2C3.7L1.4%2C3L0%2C4.4l0.7%2C0.7l1.5%2C1.5l0.7%2C0.7l0.7-0.7l3.5-3.5l0.7-0.7L6.4%2C1L6.4%2C1z%22%20%2F%3E%0A%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60% 60%;
}

.radio
{
    width: 2rem;
    height: 2rem;

    -webkit-transition: background-size .15s;

    transition: background-size .15s;

    background-color: #fff; 
    background-size: 0 0;
    -webkit-box-shadow: inset 0 0 0 1px #333;
            box-shadow: inset 0 0 0 1px #333;
}
.radio:checked
{
    background-color: #fff; 
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%22100%22%20height%3D%22100%22%0AviewBox%3D%220%200%2080%2080%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2224%22%20style%3D%22fill%3A%23333333%22/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90% 90%;
}

/* ----------------------------- */
/* ==Tabs                        */
/* ----------------------------- */
/* see example on https://knacss.com/styleguide.html#tabs */
/* NOTE : tabs need JavaScript to be activated */
.tabs-menu
{
    border-bottom: 2px solid #e6e6e6;
}
.tabs-menu-link
{
    display: block;

    margin-bottom: -2px;
    padding: .5rem 3rem;

    -webkit-transition: .25s;

    transition: .25s;
    -webkit-transition-property: color, border, background-color;
    transition-property: color, border, background-color; 
    text-decoration: none;

    color: #090b0d;
    border-bottom: 4px solid transparent;
    border-radius: 0 0 0 0;
    background: transparent;
}
.tabs-menu-link.is-active
{
    color: #333;
    border-bottom-color: #333;
    outline: 0; 
    background: transparent;
}
.tabs-menu-link:focus
{
    color: #333;
    border-bottom-color: #333;
    outline: 0;
}
@media (min-width: 576px)
{
    .tabs-menu-link
    {
        display: inline-block;
    }
}

.tabs-content-item
{
    padding-top: 1rem;
}
.tabs-content-item[aria-hidden='true']
{
    visibility: hidden;
}
.tabs-content-item[aria-hidden='false']
{
    visibility: visible;
}

/* ----------------------------- */
/* ==Arrows                      */
/* ----------------------------- */
/* see https://knacss.com/styleguide.html#arrows */
[class*='icon-arrow--']
{
    vertical-align: middle;
}
[class*='icon-arrow--']::after
{
    line-height: 1; 

    display: inline-block;

    width: 1em;
    height: 1em;

    content: '';

    background-color: #000;

    -webkit-mask-size: cover;

            mask-size: cover;
}

.icon-arrow--down::after
{
    -webkit-mask-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E');
            mask-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E');
}

.icon-arrow--up::after
{
    -webkit-mask-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%208.596%20L%203.523%2014.973%20C%202.464%2015.935%200.495%2013.72%201.505%2012.791%20L%201.505%2012.791%20L%208.494%205.799%20C%209.138%205.212%2010.655%205.193%2011.29%205.799%20L%2011.29%205.799%20L%2018.49%2012.791%20C%2019.557%2013.809%2017.364%2015.882%2016.262%2014.837%20L%2016.262%2014.837%20L%209.96%208.596%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E');
            mask-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%208.596%20L%203.523%2014.973%20C%202.464%2015.935%200.495%2013.72%201.505%2012.791%20L%201.505%2012.791%20L%208.494%205.799%20C%209.138%205.212%2010.655%205.193%2011.29%205.799%20L%2011.29%205.799%20L%2018.49%2012.791%20C%2019.557%2013.809%2017.364%2015.882%2016.262%2014.837%20L%2016.262%2014.837%20L%209.96%208.596%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E');
}

.icon-arrow--right::after
{
    -webkit-mask-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%2011.685%2010.321%20L%205.308%2016.758%20C%204.346%2017.817%206.561%2019.786%207.49%2018.776%20L%207.49%2018.776%20L%2014.482%2011.787%20C%2015.069%2011.142%2015.088%209.626%2014.482%208.991%20L%2014.482%208.991%20L%207.49%201.791%20C%206.472%200.724%204.399%202.916%205.444%204.019%20L%205.444%204.019%20L%2011.685%2010.321%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E');
            mask-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%2011.685%2010.321%20L%205.308%2016.758%20C%204.346%2017.817%206.561%2019.786%207.49%2018.776%20L%207.49%2018.776%20L%2014.482%2011.787%20C%2015.069%2011.142%2015.088%209.626%2014.482%208.991%20L%2014.482%208.991%20L%207.49%201.791%20C%206.472%200.724%204.399%202.916%205.444%204.019%20L%205.444%204.019%20L%2011.685%2010.321%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E');
}

.icon-arrow--left::after
{
    -webkit-mask-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%208.315%2010.321%20L%2014.692%2016.758%20C%2015.654%2017.817%2013.439%2019.786%2012.51%2018.776%20L%2012.51%2018.776%20L%205.518%2011.787%20C%204.931%2011.142%204.912%209.626%205.518%208.991%20L%205.518%208.991%20L%2012.51%201.791%20C%2013.528%200.724%2015.601%202.916%2014.556%204.019%20L%2014.556%204.019%20L%208.315%2010.321%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E');
            mask-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%208.315%2010.321%20L%2014.692%2016.758%20C%2015.654%2017.817%2013.439%2019.786%2012.51%2018.776%20L%2012.51%2018.776%20L%205.518%2011.787%20C%204.931%2011.142%204.912%209.626%205.518%208.991%20L%205.518%208.991%20L%2012.51%201.791%20C%2013.528%200.724%2015.601%202.916%2014.556%204.019%20L%2014.556%204.019%20L%208.315%2010.321%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E');
}

/* ----------------------------- */
/* ==Tags                      */
/* ----------------------------- */
/* use .tag-- classes for variants */
.tag,
.tag--primary,
.tag--success,
.tag--info,
.tag--warning,
.tag--danger,
.tag--inverse,
.tag--ghost
{
    line-height: 1; 

    display: inline-block;

    padding: 3px .5rem;

    vertical-align: baseline;
    white-space: nowrap;

    color: #090b0d;
    border-radius: 0;
    background-color: #e6e6e6;
}

.tag--primary
{
    color: #fff;
    background-color: #97146e;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.tag--success
{
    color: #fff;
    background-color: #0c8a0c;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.tag--info
{
    color: #000;
    background-color: #5bc0de;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.tag--warning
{
    color: #000;
    background-color: #f0ad4e;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.tag--danger
{
    color: #fff;
    background-color: #cd4a47;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.tag--inverse
{
    color: #fff;
    background-color: #333;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.tag--ghost
{
    color: #fff;
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 1px #fff inset;
            box-shadow: 0 0 0 1px #fff inset;
}

.tag--small
{
    font-size: 1.2rem;
}

.tag--big
{
    font-size: 2rem;
}

.tag--block
{
    display: block; 

    width: 100% !important;
}

.tag.disabled,
.disabled.tag--primary,
.disabled.tag--success,
.disabled.tag--info,
.disabled.tag--warning,
.disabled.tag--danger,
.disabled.tag--inverse,
.disabled.tag--ghost,
.tag--disabled
{
    cursor: not-allowed; 

    opacity: .5;
}

.tag:empty,
.tag--primary:empty,
.tag--success:empty,
.tag--info:empty,
.tag--warning:empty,
.tag--danger:empty,
.tag--inverse:empty,
.tag--ghost:empty
{
    display: none;
}

/* ----------------------------- */
/* ==Badges                      */
/* ----------------------------- */
/* use .badge-- classes for variants */
.badge,
.badge--primary,
.badge--success,
.badge--info,
.badge--warning,
.badge--danger,
.badge--inverse,
.badge--ghost
{
    line-height: 1; 

    display: inline-block;

    padding: .5rem;

    color: #090b0d;
    border-radius: 50%;
    background-color: #e6e6e6;
}
.badge::before,
.badge--primary::before,
.badge--success::before,
.badge--info::before,
.badge--warning::before,
.badge--danger::before,
.badge--inverse::before,
.badge--ghost::before
{
    display: inline-block;

    padding-top: 100%; 

    content: '';
    vertical-align: middle;
}

.badge--primary
{
    color: #fff; 
    background-color: #97146e;
}

.badge--success
{
    color: #fff; 
    background-color: #0c8a0c;
}

.badge--info
{
    color: #000; 
    background-color: #5bc0de;
}

.badge--warning
{
    color: #000; 
    background-color: #f0ad4e;
}

.badge--danger
{
    color: #fff; 
    background-color: #cd4a47;
}

.badge--inverse
{
    color: #fff; 
    background-color: #333;
}

.badge--ghost
{
    color: #fff; 
    background-color: transparent;
}

.badge--small
{
    font-size: 1.2rem;
}

.badge--big
{
    font-size: 2rem;
}

.badge.disabled,
.disabled.badge--primary,
.disabled.badge--success,
.disabled.badge--info,
.disabled.badge--warning,
.disabled.badge--danger,
.disabled.badge--inverse,
.disabled.badge--ghost,
.badge--disabled
{
    cursor: not-allowed; 

    opacity: .5;
}

.badge:empty,
.badge--primary:empty,
.badge--success:empty,
.badge--info:empty,
.badge--warning:empty,
.badge--danger:empty,
.badge--inverse:empty,
.badge--ghost:empty
{
    display: none;
}

/* ----------------------------- */
/* ==Alerts                      */
/* ----------------------------- */
/* use .alert-- classes for variants */
.alert,
.alert--primary,
.alert--success,
.alert--info,
.alert--warning,
.alert--danger,
.alert--inverse,
.alert--ghost
{
    margin-top: .75em;
    margin-bottom: 0;
    padding: 1rem 1rem;

    color: #090b0d;
    border-radius: 0;
    background-color: #e6e6e6;
}
.alert a,
.alert--primary a,
.alert--success a,
.alert--info a,
.alert--warning a,
.alert--danger a,
.alert--inverse a,
.alert--ghost a
{
    text-decoration: underline; 

    color: inherit;
}

.alert--primary
{
    color: #fff;
    background-color: #97146e;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.alert--success
{
    color: #fff;
    background-color: #0c8a0c;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.alert--info
{
    color: #000;
    background-color: #5bc0de;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.alert--warning
{
    color: #000;
    background-color: #f0ad4e;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.alert--danger
{
    color: #fff;
    background-color: #cd4a47;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.alert--inverse
{
    color: #fff;
    background-color: #333;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.alert--ghost
{
    color: #fff;
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 1px #fff inset;
            box-shadow: 0 0 0 1px #fff inset;
}

.alert--small
{
    font-size: 1.2rem;
}

.alert--big
{
    font-size: 2rem;
}

.alert--block
{
    display: block; 

    width: 100% !important;
}

.alert.disabled,
.disabled.alert--primary,
.disabled.alert--success,
.disabled.alert--info,
.disabled.alert--warning,
.disabled.alert--danger,
.disabled.alert--inverse,
.disabled.alert--ghost,
.alert--disabled
{
    cursor: not-allowed; 

    opacity: .5;
}

.alert:empty,
.alert--primary:empty,
.alert--success:empty,
.alert--info:empty,
.alert--warning:empty,
.alert--danger:empty,
.alert--inverse:empty,
.alert--ghost:empty
{
    display: none;
}

/*
 * Page structure and layout
 *
 * @author: ostl
 *
 */
.site-inner
{
    position: relative;

    max-width: 1280px; 
    margin: 0 auto;
}

.separator
{
    margin-bottom: 4rem; 

    border-bottom: 1px solid #e6e6e6;
}
@media (min-width: 1200px)
{
    .separator
    {
        margin-bottom: 6rem;
    }
}

table,
td,
th
{
    width: auto; 

    border: 1px solid #e6e6e6;
}

td,
th
{
    padding: 1.5rem 2rem;

    word-wrap: break-word;
}

.site-component
{
    margin-right: 2rem;
    margin-bottom: 8rem; 
    margin-left: 2rem;
}
@media (min-width: 576px)
{
    .site-component
    {
        margin-right: 40px; 
        margin-left: 40px;
    }
}
@media (min-width: 768px)
{
    .site-component
    {
        margin-right: 60px; 
        margin-left: 60px;
    }
}
@media (min-width: 992px)
{
    .site-component
    {
        margin-right: 80px; 
        margin-left: 80px;
    }
}
@media (min-width: 1200px)
{
    .site-component
    {
        margin-right: 80px;
        margin-bottom: 12rem; 
        margin-left: 80px;
    }
}

@media (max-width: 575px)
{
    .layout-sidebar .content-area
    {
        padding-bottom: 4rem;

        border-bottom: 1px solid #e6e6e6;
    }
}

@media (min-width: 576px)
{
    .layout-sidebar
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .layout-sidebar .content-area
    {
        margin-right: 6rem; 

        -webkit-box-flex: 1; 

        -webkit-flex: 1 1 calc(75% - 6rem); 

            -ms-flex: 1 1 calc(75% - 6rem); 

                flex: 1 1 calc(75% - 6rem);
    }
    .layout-sidebar .sidebar
    {
        min-width: 200px; 

        -webkit-box-flex: 1; 

        -webkit-flex: 1 1 25%; 

            -ms-flex: 1 1 25%; 

                flex: 1 1 25%;
    }
}

/*
* Font Icon file
* Generated by IcoMoon
*
* @author _ostl
*/
/* font-family */
@font-face
{
    font-family: 'icon';
    font-weight: normal;
    font-style: normal; 

    src: url('fonts/icon.woff?l98mc9') format('woff');
}

[class^='icon']::before,
[class^='icon']::after,
[class*=' icon']::before,
[class*=' icon']::after
{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    text-transform: none;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^='icon'].after::before,
[class*=' icon'].after::before
{
    display: none;
}

/* Variables */
/* icons CSS class */
.icon-plus:before
{
    content: '';
}

.icon-plus.after::after
{
    content: '';
}

.icon-minus:before
{
    content: '';
}

.icon-minus.after::after
{
    content: '';
}

.icon-search:before
{
    content: '';
}

.icon-search.after::after
{
    content: '';
}

.icon-burger:before
{
    content: '';
}

.icon-burger.after::after
{
    content: '';
}

.icon-arrow:before
{
    content: '';
}

.icon-arrow.after::after
{
    content: '';
}

.icon-cross:before
{
    content: '';
}

.icon-cross.after::after
{
    content: '';
}

.icon-email:before
{
    content: '';
}

.icon-email.after::after
{
    content: '';
}

.icon-facebook:before
{
    content: '';
}

.icon-facebook.after::after
{
    content: '';
}

.icon-linkedin:before
{
    content: '';
}

.icon-linkedin.after::after
{
    content: '';
}

.icon-phone:before
{
    content: '';
}

.icon-phone.after::after
{
    content: '';
}

.icon-twitter:before
{
    content: '';
}

.icon-twitter.after::after
{
    content: '';
}

/*
 * Page structure and layout
 *
 * @author: ostl
 *
 */
.js-hidden
{
    display: none;
}

@media (max-width: 575px)
{
    .js-hidden-small
    {
        display: none;
    }
}

@media (max-width: 767px)
{
    .js-hidden-medium
    {
        display: none;
    }
}

@media (max-width: 991px)
{
    .js-hidden-large
    {
        display: none;
    }
}

@media (min-width: 992px)
{
    .js-hidden-large-up
    {
        display: none;
    }
}

/*
 * Buttons
 * Styles for buttons
 *
 * @author: Alsacreations
 */
.btn-primary
{
    color: #fff;
    background-color: #97146e;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover
{
    background-color: #6a0e4d;
}

.btn-success
{
    color: #fff;
    background-color: #0c8a0c;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn-success:active,
.btn-success:focus,
.btn-success:hover
{
    background-color: #085b08;
}

.btn-info
{
    color: #000;
    background-color: #5bc0de;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn-info:active,
.btn-info:focus,
.btn-info:hover
{
    background-color: #31b0d5;
}

.btn-warning
{
    color: #000;
    background-color: #f0ad4e;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover
{
    background-color: #ec971f;
}

.btn-danger
{
    color: #fff;
    background-color: #cd4a47;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover
{
    background-color: #b13330;
}

.btn-inverse
{
    color: #fff;
    background-color: #333;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn-inverse:active,
.btn-inverse:focus,
.btn-inverse:hover
{
    background-color: #1a1a1a;
}

.btn-ghost
{
    color: #fff;
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 1px #fff inset;
            box-shadow: 0 0 0 1px #fff inset;
}
.btn-ghost:active,
.btn-ghost:focus,
.btn-ghost:hover
{
    background-color: rgba(0, 0, 0, 0);
}

/*
 * Forms
 *
 * @author: ostl
 *
 */
[type='color'],
[type='date'],
[type='datetime-local'],
[type='email'],
[type='month'],
[type='number'],
[type='password'],
[type='search'],
[type='submit'],
[type='tel'],
[type='text'],
[type='time'],
[type='url'],
[type='week'],
select,
textarea
{
    padding: 1rem 1.5rem;

    border-radius: 3px;
}

[type='submit']
{
    background-color: #000; 
    -webkit-box-shadow: none; 
            box-shadow: none;
}
[type='submit']:hover,
[type='submit']:focus
{
    background-color: #515151;
}

.ninja-forms-cont .ninja-forms-response-msg
{
    margin-bottom: 4rem;
}

.ninja-forms-form .field-wrap
{
    margin-bottom: 3rem;
}

.ninja-forms-form .ninja-forms-field
{
    font-size: 1.6rem;
}

.ninja-forms-form .ninja-forms-field-error p
{
    font-size: 1.4rem;

    margin: .5rem 0;
}

@media (min-width: 576px)
{
    .ninja-forms-cont .ninja-forms-response-msg
    {
        margin-bottom: 5rem;
    }
    .ninja-forms-form .field-wrap
    {
        margin-bottom: 4rem;
    }
    .ninja-forms-form .ninja-forms-field
    {
        font-size: 1.8rem;
    }
}

/*
 * Type / Typography
 * Override some styles over KNACSS for links, headings and other typographic Stuff
 *
 * @author: Alsacreations
 */
.content a
{
    text-decoration: underline;
}

@font-face
{
    font-family: 'Roboto';
    font-weight: normal;
    font-style: normal; 

    src: url('fonts/Roboto-Regular.woff2') format('woff2');
}

@font-face
{
    font-family: 'Roboto';
    font-weight: bold;
    font-style: normal; 

    src: url('fonts/Roboto-Bold.woff2') format('woff2');
}

h1,
.h1-like
{
    font-weight: 700;
}

h2,
.h2-like
{
    font-weight: 700;
}

h3,
.h3-like
{
    font-weight: 700;
}

h4,
.h4-like
{
    font-weight: 700;
}

.main-title
{
    font-size: 3.2rem;

    margin: 0;
}
@media (min-width: 576px)
{
    .main-title
    {
        font-size: 4rem;
    }
}
.main-title-more
{
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;

    padding-bottom: 1rem;

    text-decoration: none; 

    color: #97146e;
    border-bottom: 1px dashed #97146e;
}
.main-title-more:hover,
.main-title-more:focus
{
    text-decoration: none;

    color: #000;
    border-color: #000;
}

@media (max-width: 575px)
{
    .wrapper-main-title
    {
        margin-bottom: 4rem;
    }
    .main-title-more
    {
        display: inline-block;

        margin-top: 1rem;
    }
}

@media (min-width: 576px)
{
    .wrapper-main-title
    {
        margin-bottom: 6rem;
    }
    .home .wrapper-main-title
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-align: end;

        -webkit-align-items: flex-end;

            -ms-flex-align: end;

                align-items: flex-end;
    }
    .home .main-title-more
    {
        margin-bottom: .3rem;
        margin-left: auto;
    }
}

/*
 * Page header
 *
 * @author: ostl
 *
 */
.site-header
{
    position: relative; 

    margin-bottom: 2rem;

    border-bottom: 1px solid #e6e6e6;
}
.site-header .inside
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 0;
    padding: 2rem 0;

    -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.home .site-header
{
    margin-bottom: 0;
}

.admin-bar .site-header
{
    padding-top: 46px;
}

/*
 * Branding
 */
/* site title */
.site-title
{
    font-family: Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.25;

    margin-bottom: 0;
    padding-left: 1rem;

    text-transform: none;
    -webkit-hyphens: none;
       -moz-hyphens: none;
        -ms-hyphens: none;
            hyphens: none; 

    border-bottom: 0;
    border-left: 6px solid #97146e;
}
@media (min-width: 576px)
{
    .site-title
    {
        font-size: 1.6rem;
    }
}
.site-title strong
{
    font-size: 3.2rem;
    font-weight: bold; 

    display: block;
}
@media (min-width: 576px)
{
    .site-title strong
    {
        font-size: 4rem;
    }
}
.site-title a
{
    text-decoration: none;

    color: #515151;
}
.site-title a:focus,
.site-title a:hover,
.site-title a:active
{
    color: #090b0d;
}

/*
 * Cookies
 */
.cc-cookies
{
    position: fixed;
    z-index: 6000; 
    right: 0;
    bottom: 0;
    left: 0;

    color: #fff;
    background-color: #97146e;
}
.cc-cookies .inside
{
    position: relative;

    max-width: 1280px;
    margin: 0 auto;
    padding: 1rem;
    padding-right: 50px; 
    padding-left: 20px;
}
.cc-cookies a
{
    text-decoration: underline; 

    color: #fff;
}
.cc-cookies a:hover,
.cc-cookies a:focus,
.cc-cookies a:active
{
    text-decoration: none;
}
.cc-cookies .cc-cookie-accept
{
    position: absolute;
    top: .5rem;
    right: 10px; 

    display: block;

    padding: .5rem 1rem;

    text-decoration: none;
}
.cc-cookies .cc-cookie-accept::before,
.cc-cookies .cc-cookie-accept::after
{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    text-transform: none;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.cc-cookies .cc-cookie-accept::before
{
    content: '';
}
.cc-cookies .cc-cookie-accept:hover,
.cc-cookies .cc-cookie-accept:active,
.cc-cookies .cc-cookie-accept:focus
{
    opacity: .7;
}

@media (min-width: 576px)
{
    .cc-cookies .inside
    {
        padding: 1.5rem;
        padding-right: 90px; 
        padding-left: 40px;
    }
    .cc-cookies .cc-cookie-accept
    {
        top: 1rem;
        right: 40px; 

        padding: 1rem 1.5rem;
    }
}

@media (min-width: 768px)
{
    .cc-cookies .inside
    {
        padding-right: 110px; 
        padding-left: 60px;
    }
    .cc-cookies .cc-cookie-accept
    {
        right: 60px;
    }
}

@media (min-width: 992px)
{
    .cc-cookies .inside
    {
        padding-right: 130px; 
        padding-left: 80px;
    }
    .cc-cookies .cc-cookie-accept
    {
        right: 80px;
    }
}

/*
 * Navigation styles are located in
 * '_navigation' file
 */
/*
 * Header search
 */
.btn-open-search.is-active .icon-search::before
{
    content: '';
}

.site-header .searchform
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    width: 100%;

    -webkit-box-align: center;

    -webkit-align-items: center;

        -ms-flex-align: center;

            align-items: center;
}
.site-header .searchform.js-hidden
{
    display: none;
}
.site-header .searchform > div
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; 

    -webkit-box-flex: 1; 

    -webkit-flex: 1 1 0; 

        -ms-flex: 1 1 0px; 

            flex: 1 1 0;
}
.site-header .searchform .screen-reader-text
{
    position: absolute !important;

    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;

    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;

    border: 0 !important;
}
.site-header .searchform .searchform-input
{
    font-size: 1.5rem;
    font-weight: 700;

    padding: 1rem 1.5rem; 

    border: 1px solid #d0d0d0;
    border-radius: 5px;
    -webkit-box-shadow: none;
            box-shadow: none;

    -webkit-box-flex: 1;

    -webkit-flex: 1 1 0;

        -ms-flex: 1 1 0px;

            flex: 1 1 0;
}
.site-header .searchform .searchform-submit
{
    font-size: 1.5rem;
    font-weight: 700;

    margin-left: 1rem; 
    padding: 1rem 1.5rem;

    border-radius: 3px;
    background: #000;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 auto;

        -ms-flex: 0 0 auto;

            flex: 0 0 auto;
}

@media (max-width: 991px)
{
    .site-header .site-branding,
    .site-header .btn-open-navigation
    {
        -webkit-box-ordinal-group: -1;
        -webkit-order: -2;
            -ms-flex-order: -2;
                order: -2;
    }
    .site-header .btn-open-search
    {
        font-size: 1.8rem;

        margin-left: 1rem;

        -webkit-transition: color .2s;

        transition: color .2s; 

        background-color: transparent;

        -webkit-box-ordinal-group: 0;

        -webkit-order: -1;

            -ms-flex-order: -1;

                order: -1;
    }
    .site-header .btn-open-search:hover,
    .site-header .btn-open-search:active,
    .site-header .btn-open-search:focus
    {
        color: #97146e;
    }
    .site-header .btn-open-search.is-active
    {
        color: #cd4a47;
    }
    .site-header .btn-open-search.is-active:hover,
    .site-header .btn-open-search.is-active:active,
    .site-header .btn-open-search.is-active:focus
    {
        color: #000;
    }
    .site-header .searchform
    {
        margin-top: 2rem; 

        -webkit-box-ordinal-group: 0; 

        -webkit-order: -1; 

            -ms-flex-order: -1; 

                order: -1;
    }
    .home .site-header
    {
        margin-bottom: 0;
    }
}

@media (max-width: 575px)
{
    .site-header .site-branding
    {
        width: 50%;
    }
    .site-header .btn-open-navigation,
    .site-header .btn-open-search
    {
        padding-right: 1rem; 
        padding-left: 1rem;
    }
    .home .site-header
    {
        margin-bottom: 0;
    }
}

@media (min-width: 576px)
{
    .site-header
    {
        margin-bottom: 4rem;
    }
}

@media (min-width: 992px)
{
    .site-header
    {
        margin-bottom: 6rem;
    }
    .site-header .inside
    {
        position: relative; 

        padding: 4rem 0 4rem;

        -webkit-box-align: end;

        -webkit-align-items: flex-end;

            -ms-flex-align: end;

                align-items: flex-end;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
    }
    .site-nav-container
    {
        margin-left: auto;
    }
    .admin-bar .site-header
    {
        padding-top: 32px;
    }
    .site-branding
    {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20rem;
            -ms-flex: 0 0 20rem;
                flex: 0 0 20rem;
    }
    .btn-open-search
    {
        font-size: 2.4rem;

        display: block;

        width: 6rem;
        height: 6rem;
        margin-left: 1rem;

        color: #fff; 
        background-color: #97146e;
    }
    .btn-open-search.is-active
    {
        color: #97146e; 
        background: #fff;
    }
    .btn-open-search.is-active:hover,
    .btn-open-search.is-active:focus
    {
        color: #5b0c42; 
        background: #fff;
    }
    .btn-open-search.is-active .icon-search::before
    {
        content: '';
    }
    .home .site-header
    {
        margin-bottom: 8rem;
    }
    .site-header .searchform
    {
        position: absolute;
        right: 7rem;
        bottom: 0;

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        width: calc(100% - 27rem);
        height: calc(100% + 1rem);
        margin-bottom: 3rem;
        padding: 0 0 1.5rem 15rem; 

        background-color: #fff;

        -webkit-box-align: end;

        -webkit-align-items: flex-end;

            -ms-flex-align: end;

                align-items: flex-end;
    }
    .site-header .searchform.js-hidden
    {
        display: none;
    }
    .site-header .searchform > div
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; 

        -webkit-box-flex: 1; 

        -webkit-flex: 1 1 0; 

            -ms-flex: 1 1 0px; 

                flex: 1 1 0;
    }
    .site-header .searchform .screen-reader-text
    {
        position: absolute !important;

        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;

        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;

        border: 0 !important;
    }
    .site-header .searchform .searchform-input
    {
        font-size: 2rem; 

        -webkit-box-flex: 1; 

        -webkit-flex: 1 1 0; 

            -ms-flex: 1 1 0px; 

                flex: 1 1 0;
    }
    .site-header .searchform .searchform-submit
    {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
    }
}

/*
 * Navigation inside header
 *
 * @author: ostl
 *
 */
/* Fix to avoid FOUC/flash of unstyled submenu */
.js-nav-system__subnav
{
    display: none;
}
.js-nav-system__subnav[data-visually-hidden='false']
{
    display: block;
}

.site-navigation [data-show-sub='false'] .sub-menu
{
    display: none;
}

.site-navigation [data-visually-hidden='true']
{
    display: none;
}

.site-navigation [data-visually-hidden='false']
{
    display: block;
}

.btn-open-navigation
{
    margin-left: auto;
    padding: 1.5rem;

    border: 1px solid #b2b2b2;
    border-radius: 2px;
    background-color: transparent;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 auto;

        -ms-flex: 0 0 auto;

            flex: 0 0 auto;
}
.btn-open-navigation .open-navigation-label
{
    font-size: 1.4rem;
    font-weight: bold;

    letter-spacing: .5px; 
    text-transform: uppercase;
}
.btn-open-navigation:hover,
.btn-open-navigation:active,
.btn-open-navigation:focus
{
    border-color: #97146e;
}
.btn-open-navigation:hover .open-navigation-label,
.btn-open-navigation:active .open-navigation-label,
.btn-open-navigation:focus .open-navigation-label
{
    color: #97146e;
}
.btn-open-navigation.is-active
{
    border-color: #000; 
    background-color: #000;
}
.btn-open-navigation.is-active .open-navigation-label
{
    color: #fff;
}

.menu-secondary .menu-item
{
    position: relative;
}
.menu-secondary .menu-item a
{
    display: block;

    text-decoration: none; 

    color: #515151;
}
.menu-secondary .menu-item a:hover,
.menu-secondary .menu-item a:focus
{
    text-decoration: none; 

    color: #090b0d;
}
.menu-secondary .menu-item .sub-menu
{
    list-style: none;
}

.menu-secondary .current-menu-item a
{
    color: #090b0d;
}

.site-navigation-list .menu-item-depth-0 > .menu-link
{
    font-size: 1.6rem;
    font-weight: bold; 
    line-height: 1;

    display: block;

    color: #97146e;
}
.site-navigation-list .menu-item-depth-0 > .menu-link:hover,
.site-navigation-list .menu-item-depth-0 > .menu-link:focus,
.site-navigation-list .menu-item-depth-0 > .menu-link:active
{
    text-decoration: none;

    color: #000;
}

/* 2022-02-10 : suppression puces par défaut sous-menu */
.site-navigation-list .menu-depth-2 {
    list-style: none;
    padding-left: 1em;
}

@media (max-width: 991px)
{
    .site-nav-container
    {
        width: 100%; 
        padding-top: 3rem;
    }
    .menu-secondary,
    .site-navigation-list
    {
        margin: 0; 
        padding: 0;

        list-style: none;
    }
    .menu-secondary > .menu-item > a,
    .site-navigation-list > .menu-item > a
    {
        padding: 1.5rem 2rem;

        border-top: 1px solid #e6e6e6;
    }
    .wpml-ls-legacy-dropdown-click,
    .wpml-ls-legacy-dropdown
    {
        width: auto;
    }
    .wpml-ls-legacy-dropdown-click a,
    .wpml-ls-legacy-dropdown a
    {
        font-size: 1.5rem;

        padding: 1.5rem 2rem;

        text-decoration: none;

        color: #515151;
        border: none;
        border-top: 1px solid #e6e6e6;
    }
    .wpml-ls-legacy-dropdown-click a:hover,
    .wpml-ls-legacy-dropdown-click a:focus,
    .wpml-ls-legacy-dropdown a:hover,
    .wpml-ls-legacy-dropdown a:focus
    {
        text-decoration: none;

        color: #090b0d;
        background: #fff;
    }
    .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::after,
    .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after
    {
        top: calc(50% - .075rem); 

        border: .3em solid transparent;
        border-top: .35em solid #6b6b6b;
    }
    .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a,
    .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a
    {
        text-decoration: none;

        color: #090b0d;
        background: #fff;
    }
    .menu-secondary .menu-item-depth-0.menu-item-has-children > .menu-link::before,
    .menu-secondary .menu-item-depth-0.menu-item-has-children > .menu-link::after
    {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icon' !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;

        text-transform: none;

        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .menu-secondary .menu-item-depth-0.menu-item-has-children > .menu-link::after
    {
        font-size: 1rem;

        float: right;

        margin-top: .5rem; 

        content: '';
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s;
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
    }
    .menu-secondary .menu-item-depth-0.menu-item-has-children[data-show-sub='true'] > .menu-link::after
    {
        -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
    }
    .menu-secondary .sub-menu
    {
        padding-left: 1.5rem; 

        border-top: 1px solid #e6e6e6;
    }
    .menu-secondary .sub-menu .menu-item a
    {
        padding: 1.5rem 2rem;
    }
    .menu-secondary .sub-menu .menu-item:not(:first-child) a
    {
        border-top: 1px solid #e6e6e6;
    }
    .site-navigation-list .menu-item-depth-0.menu-item-has-children > .menu-link::before,
    .site-navigation-list .menu-item-depth-0.menu-item-has-children > .menu-link::after
    {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icon' !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;

        text-transform: none;

        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .site-navigation-list .menu-item-depth-0.menu-item-has-children > .menu-link::after
    {
        float: right; 

        content: '';
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s;
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
    }
    .site-navigation-list .menu-item-depth-0.menu-item-has-children[data-show-sub='true'] > .menu-link::after
    {
        -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
    }
    .site-navigation-list .sub-menu
    {
        padding-left: 2rem; 

        list-style: none;
    }
    .site-navigation-list .sub-menu-link
    {
        display: block;

        padding: 1rem 1.5rem;

        border-top: 1px solid #e6e6e6;
    }
    .site-navigation-list .sub-menu-link:hover,
    .site-navigation-list .sub-menu-link:focus
    {
        text-decoration: underline;
    }
}

@media (min-width: 992px)
{
    .site-nav-container
    {
        margin-bottom: -1rem;
    }
    .btn-open-navigation
    {
        display: none;
    }
    .site-navigation-secondary
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;

        margin-bottom: .7rem; 

        -webkit-box-pack: end; 

        -webkit-justify-content: flex-end; 

            -ms-flex-pack: end; 

                justify-content: flex-end;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .menu-secondary
    {
        line-height: 1; 

        margin: 0;
        padding: 0;

        list-style: none;
    }
    .menu-secondary .menu-item-depth-0.menu-item-has-children > .menu-link::before,
    .menu-secondary .menu-item-depth-0.menu-item-has-children > .menu-link::after
    {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icon' !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;

        text-transform: none;

        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .menu-secondary .menu-item-depth-0.menu-item-has-children > .menu-link::after
    {
        font-size: .8rem;

        float: right;

        margin-top: .4rem;
        margin-left: 1rem; 

        content: '';
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s;
    }
    .menu-secondary .menu-item
    {
        line-height: 1; 

        display: inline-block;

        margin: 0 .5rem;
    }
    .menu-secondary .menu-item a
    {
        font-size: 1.5rem;

        padding: .5rem 1rem;
    }
    .menu-secondary .menu-item .sub-menu
    {
        position: absolute;
        position: absolute;
        z-index: 500;
        left: 50%;

        min-width: 200px; 
        padding: 1.5rem 1rem 1rem;

        -webkit-transform: translateX(-50%);

                transform: translateX(-50%);

        background-color: #f8f9fa;
    }
    .menu-secondary .menu-item .sub-menu .menu-item
    {
        display: block;

        margin: 0 .5rem 1rem;
    }
    .menu-secondary .menu-item .sub-menu-link
    {
        display: block;

        padding: .7rem 0;

        border-bottom: 1px solid #d0d0d0;
    }
    .menu-secondary .menu-item .sub-menu-link:hover,
    .menu-secondary .menu-item .sub-menu-link:focus
    {
        text-decoration: underline;
    }
    .wpml-ls-legacy-dropdown-click,
    .wpml-ls-legacy-dropdown
    {
        width: auto;
        margin-left: 1.5rem;
    }
    .wpml-ls-legacy-dropdown-click a,
    .wpml-ls-legacy-dropdown a
    {
        font-size: 1.5rem;

        padding: calc(.5rem - 1px) .7rem;

        -webkit-transition: color .25s;

        transition: color .25s;
        text-decoration: none;

        color: #515151;
        border: none;
        border: 1px solid #515151;
        border-top: 0;
    }
    .wpml-ls-legacy-dropdown-click a:hover,
    .wpml-ls-legacy-dropdown-click a:focus,
    .wpml-ls-legacy-dropdown a:hover,
    .wpml-ls-legacy-dropdown a:focus
    {
        text-decoration: none;

        color: #090b0d;
        background: #fff;
    }
    .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle,
    .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle
    {
        border: 1px solid #515151;
    }
    .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::after,
    .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after
    {
        top: calc(50% - .075rem); 

        border: .3em solid transparent;
        border-top: .35em solid #6b6b6b;
    }
    .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a,
    .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a
    {
        text-decoration: none;

        color: #090b0d;
        background: #fff;
    }
    .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu,
    .wpml-ls-legacy-dropdown .wpml-ls-sub-menu
    {
        min-height: 5rem;

        border-top: 0;
    }
    .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a,
    .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a
    {
        padding: 1rem 1.5rem;
    }
    .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a:hover,
    .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a:focus,
    .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a:hover,
    .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a:focus
    {
        color: #97146e;
    }
    .site-navigation .sub-menu
    {
        position: absolute;
        z-index: 500;
        left: 50%;

        min-width: 300px;
        padding: 1.5rem 1.5rem 2rem;

        list-style: none;

        -webkit-transform: translateX(-50%);

                transform: translateX(-50%);

        background-color: #97146e;
    }
    .site-navigation .sub-menu-link
    {
        display: block;

        padding: .5rem 0;

        color: #fff;
        border-bottom: 1px solid #d997c4;
    }
    .site-navigation .sub-menu-link:hover,
    .site-navigation .sub-menu-link:focus
    {
        text-decoration: underline;
    }
    .site-navigation-list
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;

        margin: 0;
        padding: 0;

        list-style: none;

        -webkit-flex-wrap: wrap;

            -ms-flex-wrap: wrap;

                flex-wrap: wrap;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }
    .site-navigation-list .menu-item-depth-0
    {
        position: relative;
    }
    .site-navigation-list .menu-item-depth-0 > .menu-link
    {
        font-size: 1.7rem;

        padding: 1rem 1.5rem;
    }
    .site-navigation-list .menu-item-depth-0 > .menu-link:hover,
    .site-navigation-list .menu-item-depth-0 > .menu-link:focus
    {
        color: #fff; 
        background-color: #97146e;
    }
    .site-navigation-list .menu-item-depth-0.col2 > ul
    {
        width: 900px; 

        -webkit-column-count: 2; 

           -moz-column-count: 2; 

                column-count: 2;
    }
    .site-navigation-list .menu-item-depth-0.col2 > ul > li
    {
        -webkit-column-break-inside: avoid;
                break-inside: avoid;
    }
    .site-navigation-list .menu-item-depth-0[data-show-sub='true'] > .menu-link
    {
        color: #fff; 
        background-color: #97146e;
    }
    .site-navigation-list .menu-item-depth-1
    {
        margin: 0 1rem .5rem;
    }
    .site-navigation-list a
    {
        text-decoration: none;
    }
}

/*
 * Breadcrumb
 *
 * @author: ostl
 *
 */
.breadcrumbs
{
    padding: 1rem 0; 

    border-top: 1px solid #e6e6e6;
}
.breadcrumbs-content
{
    line-height: 1.2; 

    margin-bottom: 0;
    padding: 0;

    list-style: none;
}
.breadcrumbs-item
{
    display: inline-block;

    color: gray;
}
.breadcrumbs-item a
{
    color: gray;
}
.breadcrumbs-item a:hover,
.breadcrumbs-item a:active,
.breadcrumbs-item a:focus
{
    text-decoration: none; 

    color: #97146e;
}
.breadcrumbs-item:not(:first-child)
{
    margin-left: 1rem;
}
.breadcrumbs-item:not(:first-child)::before
{
    margin-right: 1rem; 

    content: '>';
}

@media (min-width: 576px)
{
    .breadcrumbs
    {
        margin-top: 2rem; 
        padding: 2rem 0;
    }
}

@media (min-width: 992px)
{
    .breadcrumbs
    {
        padding: 2.5rem 0;
    }
}

/*
 * Page footer
 *
 * @author: ostl
 *
 */
.site-footer
{
    margin: 4rem auto;
}
.site-footer .other-links-list,
.site-footer .footer-menu-list
{
    margin: 0; 
    padding: 0;

    list-style: none;
}
.site-footer .other-links-list a,
.site-footer .footer-menu-list a
{
    font-size: 1.5rem; 
    font-weight: 700;

    color: #000;
}
.site-footer .other-links-list a:hover,
.site-footer .other-links-list a:focus,
.site-footer .other-links-list a:active,
.site-footer .footer-menu-list a:hover,
.site-footer .footer-menu-list a:focus,
.site-footer .footer-menu-list a:active
{
    text-decoration: none; 

    color: #97146e;
}

@media (max-width: 575px)
{
    .site-footer .footer-menu
    {
        margin-top: 3rem;
    }
}

@media (min-width: 576px)
{
    .site-footer
    {
        margin: 6rem auto;
    }
    .site-footer .site-title
    {
        margin-bottom: 4rem;
    }
    .site-footer .footer-menus
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .site-footer .footer-menus .footer-menu:not(:last-child)
    {
        margin-right: 6rem;
    }
}

@media (min-width: 992px)
{
    .site-footer .inside
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-align: start;

        -webkit-align-items: flex-start;

            -ms-flex-align: start;

                align-items: flex-start;
    }
    .site-footer .site-title
    {
        margin-right: auto;
    }
    .site-footer .footer-menus
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-pack: justify;

        -webkit-justify-content: space-between;

            -ms-flex-pack: justify;

                justify-content: space-between;
    }
    .site-footer .footer-menus .footer-menu:not(:last-child)
    {
        margin-right: 4rem;
    }
}

/*
 * Home news
 * 
 *
 * @author: Alsacreations
 */
.sticky-home-post-thumb
{
    margin-bottom: 2rem; 

    border-bottom: 5px solid #97146e;
}

.sticky-home-post-img
{
    display: block;

    width: 100%;
}

.sticky-home-post-etiquette
{
    font-size: 1.3rem;
    line-height: 1.3;

    display: inline-block;

    padding: 1rem;

    letter-spacing: 1px;
    text-transform: uppercase;

    color: #fff;
    background-color: #97146e;
}

.sticky-home-post-content
{
    margin-right: 2rem;
    margin-bottom: 8rem; 
    margin-left: 2rem;
}
@media (min-width: 576px)
{
    .sticky-home-post-content
    {
        margin-right: 40px; 
        margin-left: 40px;
    }
}
@media (min-width: 768px)
{
    .sticky-home-post-content
    {
        margin-right: 60px; 
        margin-left: 60px;
    }
}
@media (min-width: 992px)
{
    .sticky-home-post-content
    {
        margin-right: 0;
        margin-bottom: 0; 
        margin-left: 0;
    }
}

.sticky-home-post-title
{
    font-size: 4rem;
    font-weight: 800;

    margin: 2rem 0;
}

.sticky-home-post-text
{
    font-size: 2rem;
    line-height: 1.5;

    margin-bottom: 2rem;
}

.sticky-home-post-logos
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    height: 90px;
    margin-bottom: 2rem;

    -webkit-box-align: center;

    -webkit-align-items: center;

        -ms-flex-align: center;

            align-items: center;
}

.sticky-home-post-logo
{
    max-width: 150px;
}
.sticky-home-post-logo:not(:first-child)
{
    margin-left: 2rem;
}

.sticky-home-post-link
{
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;

    padding-bottom: 1rem;

    text-decoration: none; 

    color: #97146e;
    border-bottom: 1px dashed #97146e;
}
.sticky-home-post-link:hover,
.sticky-home-post-link:focus
{
    text-decoration: none;

    color: #000;
    border-color: #000;
}

.news-wrapper .post
{
    width: 100%;
    height: auto;
    margin-bottom: 6rem;
    padding-bottom: 3rem;

    border-bottom: 3px solid #97146e;
}
.news-wrapper .post:last-child
{
    margin-bottom: 0;
}
.news-wrapper .post-thumbnail
{
    padding-bottom: 3rem;
}
.news-wrapper .post-thumbnail img
{
    width: 100%;
}
.news-wrapper .post-title
{
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.3; 

    margin-bottom: 3rem;
}
@media (min-width: 576px)
{
    .news-wrapper .post-title
    {
        font-size: 2.8rem;
    }
}
.news-wrapper .post-link,
.news-wrapper .post a
{
    text-decoration: none; 

    color: #000;
}
.news-wrapper .post-link:hover,
.news-wrapper .post-link:focus,
.news-wrapper .post a:hover,
.news-wrapper .post a:focus
{
    text-decoration: none; 

    color: #97146e;
}
.news-wrapper .post p
{
    line-height: 1.5;
}

.wrapper-news
{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 100px;
}

@media (min-width: 992px)
{
    /* Sans Twitter */
    .news-list
    {
        width: 100%;
    }

    /*
    Avec Twitter
    .news-list
    {
        width: 60%;
    }

    .twitter-feed
    {
        position: absolute;
        top: 0;
        right: -30px;
        width: 40%;
    }
    */
}

@media (min-width: 768px)
{
    /* Sans Twitter */
    .news-wrapper .post
    {
        width: calc(30% - 23px);
        margin-bottom: 6rem; 
        padding-bottom: 4rem;
    }

    /*
    Avec Twitter
    .news-wrapper .post
    {
        width: calc(50% - 23px);
        margin-bottom: 6rem; 
        padding-bottom: 4rem;
    }
    */
}

@media (min-width: 992px)
{
    .sticky-home-post
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;

        margin-right: 80px;
        margin-bottom: 15rem;
        margin-left: 80px;

        -webkit-box-align: start;

        -webkit-align-items: flex-start;

            -ms-flex-align: start;

                align-items: flex-start;
    }
    .sticky-home-post-thumb
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;

        min-width: 32rem;
        height: 39rem;
        margin-bottom: 0;

        -webkit-box-pack: center;

        -webkit-justify-content: center;

            -ms-flex-pack: center;

                justify-content: center;
    }
    .sticky-home-post-img
    {
        width: auto;
        max-width: none; 
        height: 100%;

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 auto;

            -ms-flex: 0 0 auto;

                flex: 0 0 auto;
    }
    .sticky-home-post-content
    {
        margin-left: 7rem;
    }
    .sticky-home-post-bottom
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-pack: start;

        -webkit-justify-content: flex-start;

            -ms-flex-pack: start;

                justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .sticky-home-post-link
    {
        margin-left: auto;
    }
    /* .news-wrapper .post
    {
        width: calc(33% - 30px);
    } */
}

/*
 * Home agenda
 * 
 *
 * @author: Alsacreations
 */
.events-list .events-item,
.archive-list .events-item
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 3rem;

    border-bottom: 1px solid #e6e6e6 !important;
    /*& > a {
        color: $black;
        text-decoration: none;

        &:focus,
        &:hover,
        &:active {
          .events-content {
            color: $brand-primary;
          }
        }

      }*/
}

.events-list .events-date,
.archive-list .events-date
{
    margin: 0 2rem 0 0; 

    border-bottom: 3px solid #97146e;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 9rem;

        -ms-flex: 0 0 9rem;

            flex: 0 0 9rem;
}
.events-list .events-date-day,
.events-list .events-date-month,
.events-list .events-date-year,
.archive-list .events-date-day,
.archive-list .events-date-month,
.archive-list .events-date-year
{
    display: block;

    text-align: center;
}
.events-list .events-date-day,
.archive-list .events-date-day
{
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1;
}
@media (min-width: 576px)
{
    .events-list .events-date-day,
    .archive-list .events-date-day
    {
        font-size: 3.6rem;
    }
}
.events-list .events-date-month,
.archive-list .events-date-month
{
    margin-top: 1rem;
}
.events-list .events-date-month,
.events-list .events-date-year,
.archive-list .events-date-month,
.archive-list .events-date-year
{
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.2;

    color: #515151;
}

.events-list .events-content,
.archive-list .events-content
{
    padding-bottom: 2rem;

    -webkit-box-flex: 1;

    -webkit-flex: 1 1 0;

        -ms-flex: 1 1 0px;

            flex: 1 1 0;
}

.events-list .events-title,
.archive-list .events-title
{
    font-size: 2.2rem;
    line-height: 1.2;
}
@media (min-width: 576px)
{
    .events-list .events-title,
    .archive-list .events-title
    {
        font-size: 2.8rem;
    }
}
.events-list .events-title a,
.archive-list .events-title a
{
    color: #000;
}
.events-list .events-title a:hover,
.events-list .events-title a:focus,
.events-list .events-title a:active,
.archive-list .events-title a:hover,
.archive-list .events-title a:focus,
.archive-list .events-title a:active
{
    text-decoration: none;

    color: #97146e;
}

.events-list .events-calendar,
.archive-list .events-calendar
{
    margin: 2rem 0 -1rem;
    padding: 0;

    text-align: right;

    border: none;
}

.events-list .events-addcalendar,
.archive-list .events-addcalendar
{
    font-size: 1.4rem;
}
.events-list .events-addcalendar:not(:first-child),
.archive-list .events-addcalendar:not(:first-child)
{
    margin-left: 2rem;
}

.events-list .events-speaker,
.archive-list .events-speaker
{
    margin-top: 2rem;
}

.addeventatc
{
    position: relative;

    display: inline-block;

    padding: .5rem 0 1rem;

    cursor: pointer; 

    color: #97146e;
    border-bottom: 1px dashed #97146e;
}
.addeventatc:hover,
.addeventatc:focus,
.addeventatc:active
{
    color: #000;
    border-color: #000;
}
.addeventatc_dropdown
{
    display: none;
}
.addeventatc-selected
{
    position: absolute;
    top: 100% !important;

    display: block;

    min-width: 300px;
    padding: 2rem;

    border: 1px solid #e6e6e6;
    background: #fff;
}
.addeventatc-selected span
{
    display: block;

    margin-bottom: .5rem;
    padding: .5rem;

    color: #333;
    border-bottom: 1px solid #e6e6e6;
}
.addeventatc-selected span:hover,
.addeventatc-selected span:focus,
.addeventatc-selected span:active
{
    color: #97146e;
}

@media (min-width: 576px)
{
    .events-list .events-item,
    .archive-list .events-item
    {
        margin-bottom: 4rem;
    }
    .events-list .events-content,
    .archive-list .events-content
    {
        padding-bottom: 3rem;
    }
    .events-list .events-date,
    .archive-list .events-date
    {
        margin: 0 4rem 0 0; 

        -webkit-box-flex: 0; 

        -webkit-flex: 0 0 10rem; 

            -ms-flex: 0 0 10rem; 

                flex: 0 0 10rem;
    }
}

/*
 * Labels
 * 
 *
 * @author: Alsacreations
 */
.our-labels
{
    padding: 4rem 0;

    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
.our-labels .site-component
{
    margin-bottom: 0;
}
.our-labels-list
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;
}
.our-labels-item
{
    padding: 0;
}
.our-labels-item:not(:last-child)
{
    margin-right: 2rem; 
    margin-bottom: 2rem;
}

@media (max-width: 575px)
{
    .our-labels-item a
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;

        height: 80px;

        -webkit-box-align: center;

        -webkit-align-items: center;

            -ms-flex-align: center;

                align-items: center;
    }
    .our-labels-item img
    {
        width: auto;
        max-width: 100%;
        height: auto; 
        max-height: 100%;
    }
}

@media (min-width: 576px)
{
    .our-labels
    {
        padding: 6rem 0;
    }
    .our-labels-list
    {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .our-labels-item
    {
        display: inline-block;

        height: 10rem; 
        padding: 1.5rem;
    }
    .our-labels-item:not(:last-child)
    {
        margin-right: 2rem;
    }
    .our-labels-item img
    {
        width: auto; 
        max-width: none;
        height: 100%;
    }
}

/*
 * site Sidebar
 * 
 *
 * @author: Alsacreations
 */
.sidebar
{
    min-width: 200px;
}
@media (max-width: 575px)
{
    .sidebar
    {
        margin-top: 8rem;
    }
}
.sidebar-block:not(:first-child),
.sidebar .widget:not(:first-child)
{
    margin-top: 6rem;
}
.sidebar-logo .our-labels-item
{
    height: auto;
    padding: 0;
}
.sidebar-logo a
{
    display: block;

    text-align: center;
}
.sidebar-title
{
    font-size: 3rem;

    margin-bottom: 2rem; 

    color: #97146e;
}
.sidebar-sticky-post a
{
    display: block;

    padding-bottom: 1rem; 

    color: #000;
    border-bottom: 1px solid #e6e6e6;
}
.sidebar-sticky-post a:hover,
.sidebar-sticky-post a:focus,
.sidebar-sticky-post a:active
{
    text-decoration: none; 

    color: #97146e;
}
.sidebar-sticky-post .post-title
{
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.2;

    margin: 1rem 0 0;
    padding: 1rem 0;
}
.sidebar-sticky-post .post-thumbnail .wp-post-image
{
    width: 100%; 
    margin: 0;
}
.sidebar-event .events-item
{
    padding-bottom: 1rem; 

    border-bottom: 1px solid #e6e6e6;
}
.sidebar-event .events-item a
{
    display: block;

    margin-bottom: 0; 

    text-decoration: none;

    color: #000;
}
.sidebar-event .events-item a:hover,
.sidebar-event .events-item a:focus,
.sidebar-event .events-item a:active
{
    text-decoration: none; 

    color: #97146e;
}
.sidebar-event .events-date
{
    font-weight: bold;

    margin-bottom: 1rem;
}
.sidebar-event .events-date-day
{
    font-size: 2.2rem;

    padding: .5rem; 

    border-bottom: 3px solid #97146e;
}
.sidebar-event .events-date-month,
.sidebar-event .events-date-year
{
    font-size: 1.8rem;

    color: #515151;
}
.sidebar-event .events-title
{
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.2;

    padding: 1rem 0;
}
.sidebar-event .events-place
{
    margin-bottom: 1rem;

    color: #9a9a9a;
}

/*
 * Archive page
 * 
 *
 * @author: Alsacreations
 */
.archive-list article:last-child
{
    margin-bottom: 0;

    border-bottom: none;
}

.archive-list > [class^='post-']
{
    width: 100%;
    height: auto;
    margin-bottom: 4rem;
    padding-bottom: 4rem;

    border-bottom: 1px solid #e6e6e6;
}
.archive-list > [class^='post-'] > a
{
    display: block;

    text-decoration: none; 

    color: #000;
}
.archive-list > [class^='post-'] > a:hover,
.archive-list > [class^='post-'] > a:focus
{
    text-decoration: none; 

    color: #97146e;
}
.archive-list > [class^='post-'] p
{
    line-height: 1.5;
}

.archive-list .post
{
    width: 100%;
    height: auto;
    margin-bottom: 4rem;
    padding-bottom: 4rem;

    border-bottom: 1px solid #e6e6e6;
}
.archive-list .post::after
{
    display: block;
    clear: both; 

    content: '';
}
.archive-list .post-thumbnail
{
    float: left;

    width: 30%;
    max-width: 140px;
    margin: .5rem 3rem 2rem 0;
}
.archive-list .post-thumbnail .wp-post-image
{
    width: 100%;
}
.archive-list .post-title
{
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.3; 

    margin-bottom: 2rem;
}
.archive-list .post-date
{
    margin-bottom: 1rem;
    padding-top: 0;

    border: none;
}
.archive-list .post p:last-child
{
    margin-bottom: 0;
}

.archive-list .publications-name
{
    font-style: italic;

    margin-bottom: 1rem; 

    color: #515151;
}

.archive-list .publications-title,
.archive-list .publications-infos
{
    margin-bottom: 0;
}

.archive-list .annuaire .post-title
{
    margin: 0;
}

.archive-list .page p:last-child
{
    margin-bottom: 0;
}

@media (min-width: 576px)
{
    .archive-list .post-title
    {
        font-size: 2.4rem;
    }
}

/*
 * Page search
 * 
 *
 * @author: Alsacreations
 */
.page-search .screen-reader-text
{
    position: absolute !important;

    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;

    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;

    border: 0 !important;
}

.page-search .searchform
{
    margin-bottom: 6rem;
    padding-bottom: 3rem;

    border-bottom: 1px solid #97146e;
}
.page-search .searchform > div
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;
}
.page-search .searchform-input
{
    margin-right: 1rem; 

    -webkit-box-flex: 1; 

    -webkit-flex: 1 1 0; 

        -ms-flex: 1 1 0px; 

            flex: 1 1 0;
}
.page-search .searchform-submit
{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

@media (min-width: 576px)
{
    .page-search .searchform
    {
        font-size: 1.8rem; 

        margin-bottom: 8rem;
        padding-bottom: 4rem;
    }
    .page-search .searchform-input
    {
        margin-right: 2rem;
    }
}

/*
 * Pagination
 * 
 *
 * @author: Alsacreations
 */
.pagination-wrap
{
    margin-top: 4rem;
    padding: 3rem 0; 

    border-top: 1px solid #e6e6e6;
}

.pagination-list
{
    margin: 0; 
    padding: 0;

    list-style: none;

    text-align: center;
}

.pagination-item
{
    display: inline-block;
}
.pagination-item .page-numbers
{
    font-size: 1.8rem;
    font-weight: 700; 

    padding: .5rem 1rem;
}
.pagination-item .page-numbers.current
{
    color: #97146e;
}
.pagination-item .page-numbers:not(.current)
{
    text-decoration: none; 

    color: #000;
}
.pagination-item .page-numbers:not(.current):hover,
.pagination-item .page-numbers:not(.current):focus,
.pagination-item .page-numbers:not(.current):active
{
    text-decoration: none; 

    color: #97146e;
}

/*
 * Page annuaire
 * 
 *
 * @author: Alsacreations
 */
.page-annuaire .wrapper-main-title
{
    margin-bottom: 0;
}

.annuaire-nav
{
    padding: 0 0 2rem 0; 

    border-bottom: 1px solid #e6e6e6;
}
.annuaire-nav h2
{
    font-weight: normal;

    margin-bottom: 2rem;
}

.annuaire-form
{
    margin-bottom: 2rem;
}
.annuaire-form .searchform
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.annuaire-form .searchform-input-wrap
{
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
}
.annuaire-form .searchform-submit
{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.annuaire-form input[type='text']
{
    font-size: 1.5rem;
    font-weight: 700;

    width: 100%;
    padding: 1rem 1.5rem; 

    border: 1px solid #d0d0d0;
    border-radius: 5px;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.annuaire-form .searchform-submit
{
    font-size: 1.5rem;
    font-weight: 700;

    margin-left: 1rem; 
    padding: 1rem 1.5rem;

    border-radius: 3px;
}

.annuaire-sort-alpha
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;
}
.annuaire-sort-alpha-title
{
    font-size: 1.7rem;

    margin-bottom: 1rem; 

    color: #515151;
}
.annuaire-sort-alpha-list
{
    margin-bottom: 0; 
    margin-left: auto;
}
.annuaire-sort-alpha-item
{
    font-size: 1.5rem;
    font-weight: bold; 

    display: inline-block;

    margin: 0 .2rem;
}
.annuaire-sort-alpha-item:first-child
{
    margin: 0 .2rem 0 0;
}
.annuaire-sort-alpha-item:last-child
{
    margin: 0 0 .2rem 0;
}
.annuaire-sort-alpha-item a:hover,
.annuaire-sort-alpha-item a:focus,
.annuaire-sort-alpha-item a:active
{
    text-decoration: none;
}

.annuaire-nb-members
{
    font-size: 1.7rem;
    font-weight: bold;

    margin-bottom: 4rem; 
    padding: 2rem 0;

    border-bottom: 1px solid #e6e6e6;
}

.annuaire-subtitle
{
    font-size: 2.8rem;
    font-weight: bold;

    margin: 6rem 0 6rem; 

    color: #97146e;
}
@media (min-width: 576px)
{
    .annuaire-subtitle
    {
        font-size: 3.6rem;
    }
}

.annuaire-item
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 2rem; 
    padding-bottom: 2rem;

    border-bottom: 1px solid #e6e6e6;
}
.annuaire-item [class*='icon-']
{
    margin-right: 1rem;

    color: #97146e;
}
.annuaire-item a
{
    text-decoration: none;

    color: #000;
}
.annuaire-item a:focus,
.annuaire-item a:active,
.annuaire-item a:hover
{
    text-decoration: none; 

    color: #97146e;
}

.annuaire-illust
{
    width: 80px;
    margin-right: 1.5rem;
    margin-bottom: .5rem;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 auto;

        -ms-flex: 0 0 auto;

            flex: 0 0 auto;
}
.annuaire-illust img
{
    width: 100%;
}

.annuaire-infos:last-child
{
    margin-bottom: 0;
}

.annuaire-name
{
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.2;

    margin-bottom: 2rem;
}

.annuaire-service
{
    margin-bottom: 2rem;
}

.annuaire-job
{
    font-size: 1.6rem;
    font-weight: normal;

    display: block;

    margin-top: .5rem;

    color: #515151;
}

.annuaire-social-links
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin-top: .5rem; 

    -webkit-box-align: start; 

    -webkit-align-items: flex-start; 

        -ms-flex-align: start; 

            align-items: flex-start;
}
.annuaire-social-links .profile-social-links-item
{
    margin-right: 1rem;
}
.annuaire-social-links .profile-social-links-item:first-child
{
    margin-left: -.5rem;
}
.annuaire-social-links .profile-social-links-item a
{
    display: block; 

    padding: .5rem;
}
.annuaire-social-links .profile-social-links-item a:focus,
.annuaire-social-links .profile-social-links-item a:active,
.annuaire-social-links .profile-social-links-item a:hover
{
    opacity: .7;
}
.annuaire-social-links .profile-social-links-item .researchgate
{
    padding-top: .7rem;
}
.annuaire-social-links .profile-social-links-item img
{
    display: block;
}

.profile h2
{
    margin-bottom: 4rem;
}

.profile-portrait
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; 

    margin-bottom: 8rem;
}
.profile-portrait [class*='icon-']
{
    margin-right: 1rem;

    color: #97146e;
}
.profile-portrait a
{
    text-decoration: none;

    color: #000;
}
.profile-portrait a:focus,
.profile-portrait a:active,
.profile-portrait a:hover
{
    text-decoration: none; 

    color: #97146e;
}
.profile-portrait .profile-photo
{
    width: 80px;
    margin-right: 1.5rem;
    margin-bottom: .5rem;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 auto;

        -ms-flex: 0 0 auto;

            flex: 0 0 auto;
}
.profile-portrait .profile-photo img
{
    width: 100%;
}
.profile-portrait .profile-infos:last-child
{
    margin: 0;
}
.profile-portrait .profile-info
{
    margin-bottom: 2rem;
}
.profile-portrait .profile-team-link
{
    color: #97146e;
}
.profile-portrait .profile-team-link:focus,
.profile-portrait .profile-team-link:active,
.profile-portrait .profile-team-link:hover
{
    text-decoration: underline;
}
.profile-portrait .profile-job
{
    font-size: 1.6rem;

    margin-bottom: 2rem; 

    color: #515151;
}
.profile-portrait .profile-service
{
    margin-bottom: 2rem;
}
.profile-portrait .profile-social-links
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin: 2rem 0 0; 

    -webkit-box-align: start; 

    -webkit-align-items: flex-start; 

        -ms-flex-align: start; 

            align-items: flex-start;
}
.profile-portrait .profile-social-links-item
{
    margin-right: 1rem;
}
.profile-portrait .profile-social-links-item a
{
    display: block; 

    padding: .5rem;
}
.profile-portrait .profile-social-links-item a:focus,
.profile-portrait .profile-social-links-item a:active,
.profile-portrait .profile-social-links-item a:hover
{
    opacity: .7;
}
.profile-portrait .profile-social-links-item:first-child a
{
    margin-left: -.5rem;
}
.profile-portrait .profile-social-links-item .researchgate
{
    padding-top: .7rem;
}
.profile-portrait .profile-social-links-item img
{
    display: block;
}

@media (min-width: 576px)
{
    .page-annuaire .wrapper-main-title
    {
        margin-bottom: 0;
    }
    .annuaire-nav
    {
        padding: 0 0 3rem 0;
    }
    .annuaire-form
    {
        margin-bottom: 3rem;
    }
    .annuaire-sort-alpha-item
    {
        font-size: 1.7rem;
    }
    .annuaire-nb-members
    {
        font-size: 1.7rem;

        padding: 3rem 0;
    }
    .annuaire-subtitle
    {
        margin: 8rem 0 8rem;
    }
    .annuaire-item
    {
        margin-bottom: 4rem; 
        padding-bottom: 4rem;
    }
    .annuaire-name
    {
        font-size: 2.4rem;
    }
    .annuaire-job
    {
        font-size: 1.8rem;
    }
    .profile-portrait .profile-job
    {
        font-size: 1.8rem;
    }
}

@media (min-width: 768px)
{
    .annuaire-illust,
    .profile-portrait .profile-photo
    {
        width: 100px;
        margin-right: 2rem;
    }
}

@media (min-width: 992px)
{
    .annuaire-illust,
    .profile-portrait .profile-photo
    {
        width: 130px;
        margin-right: 3rem;
    }
}

/*
 * Page publications
 * 
 *
 * @author: Alsacreations
 */
.page-publications .wrapper-main-title
{
    margin-bottom: 0;
}

.publications-sorting
{
    margin-bottom: 6rem;
}
.publications-sorting h2
{
    font-weight: 400;

    margin-bottom: 1rem;
}

.publications-nb-members,
.publications-sorting-years
{
    font-size: 1.7rem;
}

.publications-nb-members
{
    font-weight: bold;

    width: 100%; 
    margin-bottom: 2rem;
    padding-bottom: 2rem;

    border-bottom: 1px solid #e6e6e6;
}

.publications-sorting-year
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    padding: 1.5rem 0;

    border-bottom: 1px solid #e6e6e6;
    background-color: transparent; 

    -webkit-flex-wrap: wrap; 

        -ms-flex-wrap: wrap; 

            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
.publications-sorting-year label
{
    font-size: 1.7rem;

    margin-right: auto; 
    margin-bottom: 0;

    color: #b3b3b3;
}
.publications-sorting-year .select
{
    cursor: pointer;
}
.publications-sorting-year select
{
    font-size: 1.7rem;
    font-weight: bold;

    padding: .5rem;
    padding-right: 3rem;

    cursor: pointer; 

    -webkit-box-shadow: none; 

            box-shadow: none;
}

.publications-list
{
    padding: 0;

    list-style: none;
}

.publications-item
{
    padding: .5rem 0 .5rem 1rem; 

    border-left: 2px solid #e6e6e6;
}
.publications-item:not(:last-child)
{
    margin-bottom: 2rem;
}

.publications-name
{
    font-style: italic;

    margin-bottom: 1rem; 

    color: #515151;
}

.publications-doi
{
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
}
.publications-doi img
{
    width: 24px;
}
.publications-doi:hover,
.publications-doi:focus
{
    opacity: .7;
}

@media (min-width: 576px)
{
    .page-publications .wrapper-main-title
    {
        margin-bottom: 0;
    }
    .publications-sorting
    {
        margin-bottom: 8rem;
    }
    .publications-sorting-year
    {
        padding: 2.5rem 0;
    }
    .publications-item
    {
        padding: 1rem 0 1rem 2rem;
    }
    .publications-item:not(:last-child)
    {
        margin-bottom: 4rem;
    }
}

@media (min-width: 768px)
{
    .publications-nb-members
    {
        width: auto;
        margin: 0;
        margin-right: auto; 
        padding: 0;

        border: none;
    }
    .publications-sorting-year
    {
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
    }
    .publications-sorting-year label
    {
        margin-right: 2rem;
    }
}

/*
 * Posts single
 * 
 *
 * @author: Alsacreations
 */
.post .attachment-banner-medium
{
    width: 100%;
}

.post .main-title
{
    line-height: 1.1; 

    margin-bottom: 4rem;
}

.post-date
{
    margin-bottom: 3rem;
    padding-bottom: 2rem;

    color: #9a9a9a;
    border-bottom: 1px solid #e6e6e6;
}

.post-content > *:not(:last-child)
{
    margin: 0 0 4rem 0;
}

.post-content h4
{
    line-height: 1.7;
}

.post-content h3:not(:last-child),
.post-content h4:not(:last-child)
{
    margin: 0 0 2rem 0;
}

.post-content ul,
.post-content ol
{
    overflow: hidden;

    padding-left: 2rem;
}

.post-content p,
.post-content ul,
.post-content ol,
.post-content li,
.post-content .ninja-forms-cont
{
    font-size: 1.6rem;
    line-height: 1.7;
}

.events-single-header
{
    padding-bottom: 2rem;

    border-bottom: 1px solid #e6e6e6;
}

.events-date
{
    margin-bottom: 2rem; 

    color: #97146e;
}
.events-date-part
{
    margin: 0 .5rem;
}

.events-place
{
    font-weight: bold;

    margin-bottom: 2rem;
}

.events-speaker
{
    font-weight: bold;
}

.events-calendar
{
    padding-top: 2rem; 

    border-top: 1px solid #e6e6e6;
}
.events-calendar p
{
    margin: 0;
}
.events-calendar p:not(:first-child)
{
    margin-top: 1rem;
}

.events-addcalendar
{
    font-weight: bold;

    -webkit-transition: color .2s;

    transition: color .2s;
}
.events-addcalendar:hover,
.events-addcalendar:focus,
.events-addcalendar:active
{
    text-decoration: none;

    color: #000;
}
.events-addcalendar::before
{
    content: '+ ';
}

@media (min-width: 576px)
{
    .post .main-title
    {
        font-size: 5.5rem;

        margin-bottom: 6rem;
    }
    .post-content > *:not(:last-child)
    {
        margin: 0 0 5rem 0;
    }
    .post-content h3:not(:last-child),
    .post-content h4:not(:last-child)
    {
        margin: 0 0 2rem 0;
    }
    .post-content p,
    .post-content ul,
    .post-content li,
    .post-content .ninja-forms-cont
    {
        font-size: 1.8rem;
    }
    .post-content p > img,
    .post-content ul > img,
    .post-content li > img,
    .post-content .ninja-forms-cont > img
    {
        margin: 0;
    }
    .post-content p > img.alignleft,
    .post-content ul > img.alignleft,
    .post-content li > img.alignleft,
    .post-content .ninja-forms-cont > img.alignleft
    {
        margin: 0 2rem 1rem 0;
    }
    .post-content p > img.alignright,
    .post-content ul > img.alignright,
    .post-content li > img.alignright,
    .post-content .ninja-forms-cont > img.alignright
    {
        margin: 0 0 1rem 2rem;
    }
    .events-place
    {
        font-size: 1.7rem;
    }
}

/*
 * Page
 * 
 *
 * @author: Alsacreations
 */
.page .wp-post-image
{
    width: 100%;
    margin: 0 0 4rem;
}

@media (min-width: 576px)
{
    .page .wp-post-image
    {
        margin: 0 0 5rem;
    }
}

/*
 * Platforms & team page
 * Pretty similar layout
 * 
 *
 * @author: Alsacreations
 */
.platform .content-header,
.team .content-header
{
    padding-bottom: 2rem;

    border-bottom: 1px solid #e6e6e6;
}
.platform .content-header .main-title,
.team .content-header .main-title
{
    line-height: 1.1; 

    margin-bottom: 4rem;
}
.platform .content-header *:last-child,
.team .content-header *:last-child
{
    margin-bottom: 0;
}

.platform .content-banner,
.team .content-banner
{
    margin-bottom: 4rem;
}
.platform .content-banner img,
.team .content-banner img
{
    width: 100%;
}

.platform .content-section,
.team .content-section
{
    margin-bottom: 4rem;
}
.platform .content-section-title,
.team .content-section-title
{
    margin: 0 0 4rem 0;
}
.platform .content-section-title .small-btn-toggle,
.team .content-section-title .small-btn-toggle
{
    font-size: 1.5rem;
    font-weight: bold;

    display: block;

    margin-bottom: .3rem;
    padding: 0 0 1rem 0;

    color: #97146e;
    border-bottom: 1px dashed #97146e; 
    background-color: transparent;
}
.platform .content-section-title .small-btn-toggle:hover,
.platform .content-section-title .small-btn-toggle:focus,
.team .content-section-title .small-btn-toggle:hover,
.team .content-section-title .small-btn-toggle:focus
{
    color: #000;
    border-color: #000;
}
.platform .content-section-title .small-btn-toggle [class*='icon-'],
.team .content-section-title .small-btn-toggle [class*='icon-']
{
    margin-left: 1rem;
}
.platform .content-section .btn-secondary,
.team .content-section .btn-secondary
{
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;

    display: inline-block;

    margin-bottom: .3rem;
    padding: 0 0 1rem 0;

    color: #97146e;
    border-bottom: 1px dashed #97146e; 
    background-color: transparent;
}
.platform .content-section .btn-secondary:hover,
.platform .content-section .btn-secondary:focus,
.team .content-section .btn-secondary:hover,
.team .content-section .btn-secondary:focus
{
    text-decoration: none;

    color: #000;
    border-color: #000;
}

.platform .team-project,
.team .team-project
{
    margin: 0 0 4rem;
    padding: 0 0 3rem 0;

    border-bottom: 1px solid #e6e6e6;
}
.platform .team-project-photo,
.team .team-project-photo
{
    float: left; 

    width: 150px;
    margin: .5rem 1.5rem .5rem 0;
}
.platform .team-project > *:not(:last-child),
.team .team-project > *:not(:last-child)
{
    margin: 0 0 2rem 0;
}

.platform .subnav,
.team .subnav
{
    padding-top: 2rem;
}
.platform .subnav-list,
.team .subnav-list
{
    margin: 0; 
    padding: 0;

    list-style: none;
}
.platform .subnav-item,
.team .subnav-item
{
    padding-bottom: 1rem; 

    border-bottom: 1px solid #e6e6e6;
}
.platform .subnav-item:not(:last-child),
.team .subnav-item:not(:last-child)
{
    margin-bottom: 3rem;
}
.platform .subnav-link,
.team .subnav-link
{
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1;

    display: inline-block;

    padding: .5rem 0;

    text-decoration: none; 

    color: #97146e;
    background-color: transparent;
}
.platform .subnav-link:hover,
.platform .subnav-link:focus,
.team .subnav-link:hover,
.team .subnav-link:focus
{
    text-decoration: none; 

    color: #000;
    border-color: #000;
}

.platform .team-members-list,
.team .team-members-list
{
    margin: 0;
    padding: 0; 

    list-style: none;
}

.platform .team-members-item,
.team .team-members-item
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 4rem; 

    -webkit-box-align: start; 

    -webkit-align-items: flex-start; 

        -ms-flex-align: start; 

            align-items: flex-start;
}
.platform .team-members-item .team-members-img,
.team .team-members-item .team-members-img
{
    max-width: 70px;
    margin-right: 2rem; 

    -webkit-box-flex: 0; 

    -webkit-flex: 0 0 auto; 

        -ms-flex: 0 0 auto; 

            flex: 0 0 auto;
}

.platform .team-members-name,
.team .team-members-name
{
    font-size: 2rem;
    line-height: 1.1;
}
.platform .team-members-name a,
.team .team-members-name a
{
    color: #000;
}
.platform .team-members-name a:hover,
.platform .team-members-name a:focus,
.platform .team-members-name a:active,
.team .team-members-name a:hover,
.team .team-members-name a:focus,
.team .team-members-name a:active
{
    text-decoration: none; 

    color: #97146e;
}

.platform-publications .content-section-title,
.team-publications .content-section-title
{
    margin: 0 0 1rem 0;
}

.platform-publications .team-view-all,
.team-publications .team-view-all
{
    margin: 0 0 4rem 0;
}

@media (min-width: 576px)
{
    /*
    .platform,
    .team
    {
    &-publications {

      .content-section-title {
        margin: 0 0 $spacer-medium 0;
      }

      .team-view-all {
        margin: 0 0 $spacer-large 0;
      }
  
    }
    }
    */
    .platform .content-banner,
    .team .content-banner
    {
        margin-bottom: 6rem;
    }
    .platform .team-project,
    .team .team-project
    {
        margin: 0 0 6rem; 
        padding: 0 0 3rem;
    }
    .platform .team-project-photo,
    .team .team-project-photo
    {
        margin: .7rem 2rem .5rem 0;
    }
    .platform .team-project-desc,
    .team .team-project-desc
    {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0;
            -ms-flex: 1 1 0px;
                flex: 1 1 0;
    }
    .platform .team-project > *:not(:last-child),
    .team .team-project > *:not(:last-child)
    {
        margin: 0 0 3rem 0;
    }
    .platform .content-section,
    .team .content-section
    {
        margin-bottom: 8rem;
    }
    .platform .content-section-title .small-btn-toggle,
    .team .content-section-title .small-btn-toggle
    {
        display: none;
    }
}

@media (min-width: 992px)
{
    .platform .team-members-list,
    .team .team-members-list
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;

        -webkit-flex-wrap: wrap;

            -ms-flex-wrap: wrap;

                flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .platform .team-members-item,
    .team .team-members-item
    {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 48%;
            -ms-flex: 0 0 48%;
                flex: 0 0 48%;
    }
    .platform-publications .wrapper-section-title,
    .team-publications .wrapper-section-title
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;

        margin: 0 0 6rem 0;

        -webkit-box-align: end;

        -webkit-align-items: flex-end;

            -ms-flex-align: end;

                align-items: flex-end;
    }
    .platform-publications .content-section-title,
    .team-publications .content-section-title
    {
        margin: 0;
    }
    .platform-publications .team-view-all,
    .team-publications .team-view-all
    {
        margin: 0 0 0 auto;
    }
}

/*# sourceMappingURL=maps/styles.css.map */