:root {
	--sprite-icon: url('/wp-content/uploads/sites/19/sprite-1.svg');
	--sprite-icon-social: url('/wp-content/uploads/sites/19/sprite-social.svg');
	--font-stack-default: 'Figtree','Helvetica','Arial', sans-serif;
}

/* variables via style options */
:root {
	/* text */
    --font-stack-default: 'Figtree', 'Arial', 'Helvetica', sans-serif;
	--font-stack-title: 'Figtree', 'Arial', 'Helvetica', sans-serif;
    --text-color: #000; /* black */    
    --text-color-title: #4E267A; /* violet */
    --text-color-link: #000; /* pink */  
    --text-color-link-icon: #E60065; /* pink */
    --text-color-link-underline: #E60065; /* pink */
    --text-color-light: #fff; 
    --font-weight-normal: 400;
    --font-weight-bold: 800;
    --font-weight-title: 800;
    --text-color-disabled: #ccc;
    
    /* colors */
    --bg-content: #fff;
    --bg-dark: #4E267A;    
    --bg-light: #fafafa;
    --color-primary: #4E267A; /* violet */
    --color-highlight: #E60065; /* pink */
    --btn-bg: #E60065; /* violet */
    --btn-bg-hover: #4E267A; /* pink */
    --btn-bg-gradient: linear-gradient(90deg,rgba(230, 0, 101, 1) 0%, rgba(78, 38, 122, 1) 51%);
    --bg-dark-transparent: rgba(78,38,122,0.5);
    --bg-teaser-big: #fff; /* blue */
    --bg-teaser-cta-1: #4E267A; /* blue */
    --bg-teaser-cta-2: #361e57; /* blue */
    --bg-darker: #361e57;
    
    /* borders */
    --border-basic: #ccc;
    --border-footer: #fff;
    --border-highlight: #4E267A; /* blue */
    --line-width-highlight: 3px;
    --border-outside-width: 20px;
    
        
    /* newsletter */
    --newsletter-bg: rgba(78,38,122,0.5);
    --newsletter-bg-focus: #fff;
    --newsletter-field-text-color: #2A2228;
    
    /* form */
    --form-error: #dd0000; 
    --form-error-text: #dea6af;
    --form-ok: #00D4B4;
    --form-text-small: 0.8rem;
    
    
    /* font Sizes */
    --text-size-main: 20px;
    --text-size-title-h1: 3.6rem;
    --text-size-title-h2: 2rem;
    --text-size-title-h3: 1.5rem;
    --text-size-nav: 0.9rem;
    --text-size-lead: 1rem;
    --text-size-offcanvas: 1.5rem;
    --text-size-team-nr: 2rem;
    --text-size-team-nr-big: 3rem;
    --text-size-quote: 1.5rem;
    --text-size-small: 0.8rem;
    
   
    /* accordion */
    --plus-length: 24px;
    --plus-stroke: 4px;
    --plus-stroke-position: 10px;
    --plus-icon-padding: 48px;
    
    --box-padding-small: 1.5em 30px;
    
    --border-radius: 0px;
    --btn-shadow-color: rgba(78,38,122,1);
}

.c-text-light {
    --btn-shadow-color: rgba(255,255,255,1);
}

.c-teaser-big-bg .c-text-light {
    --text-color: #000;
    --text-color-link: #000;
    --text-color-title: #4E267A; 
    --text-color-light: #000;
    --border-basic: #ccc;
    --border-highlight:  #4E267A; 
    --btn-shadow-color: rgba(78,38,122,1);
}

.c-teaser-big-bg .c-text-light .c-btn{
   --text-color-light: #fff;
}


.c-history::before {
    --bg-light: #ccc;
}


@media only screen and (max-width:1200px) {
    :root {
        --text-size-main: 18px;
        --text-size-title-h1: 3rem;
        --text-size-title-h2: 2rem;
        --text-size-title-h3: 1.5rem;
        --text-size-nav: 0.9rem;
        --text-size-lead: 1rem;
        --text-size-offcanvas: 1.5rem;
        --text-size-team-nr: 2rem;
        --text-size-team-nr-big: 3rem;
        --text-size-quote: 1.5rem;
        --text-size-small: 0.8rem;
        
        
        --text-size-offcanvas-team: 1.35rem;
        --text-size-nav: 0.8rem;
        
       --border-outside-width: 16px;
    }    
}

@media only screen and (max-width:768px) {
	:root  {
        --text-size-main: 18px;
        --text-size-title-h1: 2rem;
        --text-size-team-nr-big: 2rem;
        
        --text-size-title-h2: 1.5rem;
        --text-size-team-nr: 1.5rem;
        
        --text-size-title-h3: 1.25rem;
        --text-size-quote: 1.25rem;
        --text-size-offcanvas-team: 1.25rem;
        
        --text-size-lead: 1rem;
        --text-size-offcanvas: 1.25rem;
        
        --border-outside-width: 8px;
    }
}


@media only screen and (max-width: 767px) {
    :root {
        --plus-length: 16px;
        --plus-stroke: 2px;
        --plus-stroke-position: 7px;
        --plus-icon-padding: 32px;
    }
    
    :root .c-accordion-contest .c-accordion-inner {
        --plus-icon-padding: 0;
    }
}


.c-content,
.c-footer {
    border-left: solid var(--border-outside-width) var(--bg-content);
    border-right: solid var(--border-outside-width) var(--bg-content);
}

.c-footer {
    border-top: none;
    border-bottom: solid var(--border-outside-width) var(--bg-content);
}

.c-footer::before {
    content:'';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 80%;
    height: 100%;
    background-image: url(https://bastienmurith.athlezz.com/wp-content/uploads/sites/19/footer-deco2.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    opacity: 0.1;
}

/* ==========================================================================
  Header
   ========================================================================== */

.c-header-logo {
  height: 98px;
  position: relative;
  width: 140px;
}

@media only screen and (max-width: 900px) {
  .c-header-logo {
    height: 56px;
    width: 80px;
  }
}


.c-main-nav-list a::before {
    height: 100%;
	background: var(--btn-bg-gradient);
    z-index: -1;
}

.c-main-nav-list a {
    padding-left: 8px;
    padding-right: 8px;
}

.c-main-nav-list a:focus,
.c-main-nav-list a:hover,
.c-main-nav-list .current_page_item a{
	color: var(--text-color-light);
}

.c-main-nav-list li + li {
  padding-left: 1em;
}


/* ==========================================================================
   Offcanvas
   ========================================================================== */

.c-offcanvas-nav {
    background-color: var(--bg-darker);
}

.c-offcanvas-trigger-open::before {
  border-width: 4px;
  height: 22px;
  margin-top: -11px;
}

.c-offcanvas-trigger-open::after {
  height: 4px;
  margin-top: -2px;
}

.c-offcanvas-trigger-close::before, 
.c-offcanvas-trigger-close::after {
    height: 4px;
}

.c-offcanvas-nav-list {
    text-transform: uppercase;
}

.c-offcanvas-nav-list a {
  display: block;
    padding: 0.5em 8px;
}

.c-offcanvas-nav-list a::before {
    height: 100%;
	background: var(--btn-bg-gradient);
    z-index: -1;
}

.c-offcanvas-nav-list > li + li {
  padding-top: 0.5em;
}

/* ==========================================================================
   Typo
   ========================================================================== */

.c-category-title {
    padding-top: 0.75em;
}

.c-teaser-news .c-category-title-date, 
.c-main-title .c-category-title-date {
    font-weight: var(--font-weight-normal);
}

.c-text-block blockquote::before {
  width: 70px;
  height: 8px;
  background-color: var(--color-primary);
}

.c-text-block blockquote {
    padding: var(--spacing-s) 0 var(--spacing-xs) 0;
}


/* ==========================================================================
   links / button
   ========================================================================== */
.c-text-block a {
    background-size: 4px 4px;
}

.text-small a {
    background-size: 2px 2px;
}

.c-text-block a:focus,
.c-text-block a:hover {
    background-size: 4px 4px;
	background-position: 0 50%;
}


.c-btn {
    box-shadow: 6px 6px 0px 0px var(--btn-shadow-color);
    -webkit-box-shadow: 6px 6px 0px 0px var(--btn-shadow-color);
    -moz-box-shadow: 6px 6px 0px 0px var(--btn-shadow-color);
    transition: all 0.2s ease-in-out;
    text-transform:uppercase;
}


.c-btn:hover,
.c-btn:focus {
    transform: translate(6px,6px);    
    box-shadow: 0px 0px 0px 0px var(--btn-shadow-color);
    -webkit-box-shadow: 0px 0px 0px 0px var(--btn-shadow-color);
    -moz-box-shadow: 0px 0px 0px 0px var(--btn-shadow-color);
}

.c-btn:hover::before,
.c-btn:focus::before {
    background: var(--bg-btn-hover);
    background: var(--btn-bg-gradient);
}

.c-teaser-big .c-text-light .c-btn {
    border: none;
}



/* ==========================================================================
   c-teaser-big
   ========================================================================== */
.c-teaser-big + .c-teaser-big {
    margin-top: 0;
    border-top: none;
}

.c-teaser-big .c-box {
    background-color: var(--bg-content);
}

/* ==========================================================================
   c-teaser-imgbg
   ========================================================================== */

@media only screen and (min-width: 701px) {
  .c-teaser-imgbg-text .c-box::before {
        border-left: solid 10px var(--bg-content);
      border-right: solid 10px var(--bg-content);
  }
}

@media only screen and (max-width: 700px) {
  .c-teaser-imgbg-text .c-box::before {
    border-top: solid 10px var(--bg-content);
  }
}






/* ==========================================================================
   c-footer
   ========================================================================== */
.c-footer {
    font-size: var(--text-size-small);
}



/* ==========================================================================
   Accordion
   ========================================================================== */

/* plus styles */
.c-accordion-title {
    padding-left: var(--plus-icon-padding);
}

.c-accordion-inner {
    padding-left: var(--plus-icon-padding);
}

.c-accordion-check:checked+label::after,
.c-accordion-check:not(:checked)+label::after,
.c-accordion-check:checked+label::before,
.c-accordion-check:not(:checked)+label::before {
    content: '';
    display: block;
    position: absolute;
	top: 1.1em;
    border: none;
    transform: rotate(0deg);
}

.c-accordion-check:checked+label::after,
.c-accordion-check:not(:checked)+label::after {
    left: 0;
	margin-top: var(--plus-stroke-position);
	width: var(--plus-length);
	height: var(--plus-stroke);
	background-color: var(--color-highlight);
}

.c-accordion-check:checked+label::before,
.c-accordion-check:not(:checked)+label::before {
    left: var(--plus-stroke-position);
	width: var(--plus-stroke);
	height: var(--plus-length);
	background-color: transparent;
}

.c-accordion-check:not(:checked)+label::before {
   	background-color:  var(--color-highlight);
}

/* ==========================================================================
   news
   ========================================================================== */
.c-teaser-news .c-col-6,
.c-teaser-people .c-col-4,
.c-teaser-people .c-col-4 {
    display: flex;
    flex-direction: column;
}

.c-teaser-item {
    flex: 1;
    /*border: solid 3px var(--color-primary);*/
    background-color: var(--bg-content);
}

.c-teaser-item {
    box-shadow: 6px 6px 0px 0px var(--btn-shadow-color);
    -webkit-box-shadow: 6px 6px 0px 0px var(--btn-shadow-color);
    -moz-box-shadow: 6px 6px 0px 0px var(--btn-shadow-color);
    transition: all 0.2s ease-in-out;
    text-transform:uppercase;
}


.c-teaser-item:hover,
.c-teaser-item:focus {
    transform: translate(6px,6px);    
    box-shadow: 0px 0px 0px 0px var(--btn-shadow-color);
    -webkit-box-shadow: 0px 0px 0px 0px var(--btn-shadow-color);
    -moz-box-shadow: 0px 0px 0px 0px var(--btn-shadow-color);
}

.c-teaser-text {
    border-top: none;
    padding: var(--box-padding-small);
}


/* ==========================================================================
   Cookie
   ========================================================================== */
.c-cookie-notice {
    border-width: 3px;
}