/*
* Fraje V1.0
* Copyright 2022, LAB 360 SRL
* www.lab360.be
*/

/* Fonts */
@font-face {
    font-family: 'Brandon-Regular';
    src: url('../fonts/BrandonGrotesque-Regular.woff2') format('woff2'),
        url('../fonts/BrandonGrotesque-Regular.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Brandon-Medium';
    src: url('../fonts/BrandonGrotesque-Medium.woff2') format('woff2'),
        url('../fonts/BrandonGrotesque-Medium.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Brandon-Bold';
    src: url('../fonts/BrandonGrotesque-Bold.woff2') format('woff2'),
        url('../fonts/BrandonGrotesque-Bold.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

/* Colors */
.violet, .color-19		{color:#521e8b;}
.rouge, .color-21		{color:#e1030b;}
.orange, .color-20 		{color:#ff5d20;}
.or, .color-22			{color:#846c2f;}
.vert, .color-23		{color:#88af2e;}
.turquoise, .color-24	{color:#0095a8;}
.rose, .color-25		{color:#ff7775;}
.fuschia, .color-26		{color:#d90080;}
.emeraude, .color-27    {color:#00995d;}
.ultramarine, .color-28 {color:#004db5;}
.amarante, .color-29	{color:#92005d;}
.jaune, .color-30		{color:#ff8c00;}
.sapin, .color-31		{color:#004d3d;}

.bgviolet, .bgcolor-19						{background-color:#521e8b;}
.bgrouge, .bgcolor-21, .bgoutils			{background-color:#e1030b;}
.bgorange, .bgcolor-20						{background-color:#ff5d20;}
.bgor, .bgcolor-22							{background-color:#846c2f;}
.bgvert, .bgcolor-23						{background-color:#88af2e;}
.bgturquoise, .bgcolor-24, .bgcolor-Sessions	{background-color:#0095a8;}
.bgrose, .bgcolor-25						{background-color:#ff7775;}
.bgfuschia, .bgcolor-26, .bgcolor-Spectacles, .bgspectacles 						{background-color:#d90080;}
.bgemeraude, .bgcolor-27, .bgfascicule, .bgcolor-Publications	{background-color:#00995d;}
.bgultramarine, .bgcolor-28, .bgmanifeste, .bgcolor-Manifeste, .bgalbum, .bgcolor-Album	{background-color:#004db5;}
.bgamarante, .bgcolor-29, .bgvideo, .bgcolor-Videos, .bgaudio, .bgcolor-Audio, .bgpodcast, .bgcolor-Podcast, .bgcolor-Documentaire	{background-color:#92005d;}
.bgjaune, .bgcolor-30, .bgdocumentaire, .bgcolor-Formations 		{background-color:#ff8c00;}
.bgsapin, .bgcolor-31, .bgfocus, .bgcolor-Focus		{background-color:#004d3d;}

.publication-single-template.outils #publication-cover img {border:1px solid #e1030b;}
.publication-single-template.fascicule #publication-cover img {border:1px solid #00995d;}
.publication-single-template.manifeste #publication-cover img, .publication-single-template.album #publication-cover img {border:1px solid #004db5;}
.publication-single-template.video #publication-cover img {border:1px solid #92005d;}
.publication-single-template.documentaire #publication-cover img {border:1px solid #ff8c00;}
.publication-single-template.focus #publication-cover img {border:1px solid #004d3d;}

/* Common layout */
body {margin:0; padding:0; width:100%; font-family:'Brandon-Medium'; color:#521e8a;}
strong {font-family:'Brandon-Medium'; font-size: 1.1em;}
a.active .linklabel {color:#e2060b;}
a, a:focus {outline: none;}
h1, h2, h3, h4, h5  {font-family:'Brandon-Medium'; font-weight:100; line-height: 1em;}
h1, p + h1 {margin:40px 0 10px 0; color:#521e8a;}
h2, p + h2 {margin:40px 0 10px 0; color:#521e8a; font-size:1.5em;}
.bodytext h2:first-child {margin-top:10px;}
h3 {color:#a386c4}
p {margin:0 0 15px; line-height:1.5em;}
img {width:100%; height:auto;}
sup {left:-5px;}
.entry-header {display:none;}
.capitalize {text-transform:capitalize;}
.uppercase {text-transform:uppercase;}

#header-holder {margin-bottom:15px;}
#header {background-image:url('../pictures/bg-header.jpg'); background-size: cover; background-position:center; width:100%; height:190px; position:relative; display:inline-block;}
body#home #header, body.home #header {height:300px;}
#banner {display:flex; flex-direction:row; margin-top:40px; position:relative;}
#banner-logo {width:200px;}
#banner-logo a {display:inline-flex;}
#banner-logo img {width:180px;}
#banner-tagline {display:flex; align-items:center;}
#banner-tagline h1 {color:#fff; font-size:2em; line-height:1em; margin:0; padding:0;}
#banner-search {position:absolute; top:0; right:0; z-index:32;}
#header-holder.sticky #banner-search {top:20px;}
#banner-search span {position:relative; display:inline-block; width:40px; height:40px; overflow:hidden; background-image:url('../pictures/search.png'); background-size: cover; background-position:center; text-indent: -9999px; }
#banner-search a:hover span {background-image:url('../pictures/search-hover.png'); }

#mobile-homelink-area, #mobile-search-area {display:none}

#primary-nav .row {margin-bottom:0;}
#main-menu-holder {padding-left:200px; margin:22px 0 0; display: flex;}
#main-menu, #menu-primary {margin:0; padding:0; list-style:none; display:flex; flex-wrap: wrap; justify-content:space-between;}
#main-menu li, #menu-primary li {display:inline-block; padding:0;}
#main-menu li a, #menu-primary li a {text-decoration:none; color:#521e8a;}
#main-menu li a:hover, #menu-primary li a:hover {color:#e2060b;}
#main-menu .linklabel, #menu-primary li a {font-size:1.3em; margin:0 40px 0 0;}
#menu-primary li:last-child a {font-size:1.3em; margin:0;}
#menu-primary li.current-menu-item a {color:#e2060b; border-bottom: 4px solid #e2060b;}

.dropdown-box-item-body {display:none; width:100%;}
#main-sub-menu {background-color:#fff; margin:0; width:100%; display:flex; top:2px; position:relative;}
#main-sub-menu .row {margin-bottom:0;}
#main-sub-menu ul, #main-sub-menu li  {padding:0; margin:0; display:inline-block; background-color:#fff; }
#main-sub-menu ul {display:flex; margin:0 0 8px 200px; align-items:flex-start; padding:8px 0 0 0; }
#main-sub-menu li a {font-family:'Brandon-Medium'; font-size:1.1em; color:#e2060b; margin:0 40px 0 0; border-bottom:none; text-decoration:none; -webkit-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; transition: all 200ms ease-in; }
#main-sub-menu li a:focus, #main-sub-menu li a:active {color:#e2060b; text-decoration:none; }
#main-sub-menu li a:hover, #main-sub-menu li a.active, #main-sub-menu li.current-menu-item a {color:#e2060b; border-bottom: 4px solid #e2060b; }

#footer {width:100%; font-family:'Brandon-Bold'; margin: 50px 0;}
.footer-item {display:inline-block;}
#footer-items {display:flex; justify-content:space-between; font-size:.8em;}
#footer-item-partners-logos {display:flex; flex-direction:row; flex-wrap:wrap;}
.partner-logo {height:40px; width:auto;}

.bodytext {padding-left:200px; font-family: 'Gilda Display', 'Georgia', serif;}

#fraje-tiles-holder {display:flex; justify-content:flex-start; flex-wrap:wrap; gap:0.8%}
.fraje-tile {width:24.4%; margin:0 0 0.8% 0; overflow:hidden;  }
.fraje-tile-inner {display:flex; flex-direction:column; width:100%; height:300px; text-decoration:none; position:relative; overflow:hidden;}
#past-formations .fraje-tile-inner {filter: grayscale(60%); background-image: repeating-linear-gradient( 45deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 10px, rgba(0, 0, 0, 0.3) 10px, rgba(0, 0, 0, 0.3) 20px );}
.fraje-tile-picture {width:100%; height:100%; position:absolute;}
.fraje-tile-picture img {width:100%; height:100%; object-fit:cover; transition:all 150ms ease; }
.fraje-tile-overlay {position:absolute; width:100%; height:100%; background-color:#212121; opacity:0; z-index:1; }
#past-formations .fraje-tile-overlay {opacity:0.7;}
.gotpicture .fraje-tile-overlay {opacity:0.4;}
.gotpicture .fraje-tile-overlay.programme {background-color:#ff5d20; opacity:.5; z-index:1; }
.gotpicture .fraje-tile-overlay.evenements {background-color:#e1030b; opacity:.5; z-index:1; }
.gotpicture .fraje-tile-overlay.publications {background-color:#521e8b; opacity:.5; z-index:1; }
.fraje-tile-agenda {position:absolute; margin-top:20px; z-index:2; width:100%; height:auto; display:flex; align-items:center; flex-direction:column; color:#fff; font-size: 1em; line-height: 1em; text-align: center;}
.fraje-tile-data {position:relative; z-index:2; width:100%; height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; font-size:1.2em;}
.fraje-tile-category {text-transform: uppercase; color:#fff; margin-bottom:8px; line-height:1.1em; text-align:center; }
.fraje-tile-subtitle {color:#fff; font-family:'Brandon-Medium';}
.fraje-tile h3 {font-size:1.2em; color:#fff; font-sweight:100; font-family:'Brandon-Bold'; margin:0 0 .4em 0; line-height:1.1em; text-align:center; width:80%;}
.fraje-tile p {color:#fff; font-weight:100; margin:0; line-height:1.1em;}
.fraje-tile-inner:hover .fraje-tile-picture img {cursor: pointer; transform: scale(1.2); transition: all 150ms ease;}
.fraje-tile-inner:hover .fraje-tile-overlay {opacity:.2;}
#past-formations .fraje-tile-inner:hover {filter: grayscale(0%);}
#past-formations .fraje-tile-inner:hover .fraje-tile-overlay {opacity:0.4;}

.isotope-grid .fraje-tile {margin:0 0 10px 0; width:25%;}
.isotope-grid .fraje-tile .fraje-tile-inner {margin:0 10px;}
.isotope-grid .fraje-tile-data {padding:0 10px 0 0;}

/* The sticky class is added to the header with JS when it reaches its scroll position */
@keyframes slide-down {
	0% 	 { opacity: 0; transform: translateY(-100%);} 
    100% { opacity: 1; transform: translateY(0);} 
}
#header-holder.sticky { position:fixed; top:0; height:80px; width:100%; z-index:30; transition:all 1s ease-out; animation:slide-down 1s;}
#header-holder.sticky #header, body#home #header-holder.sticky #header {background:none; background-color:#f1cb8b; height:80px;}
#header-holder.sticky #banner {margin-top:0px;}
#header-holder.sticky #banner-tagline {display:none;}
#header-holder.sticky #banner-logo {width:120px; z-index: 33;}
#header-holder.sticky #banner-logo img {width:120px;}
#header-holder.sticky #primary-nav {position:fixed; top:0; width:100%;}
#header-holder.sticky #main-sub-menu {top:-3px}
body.admin-bar #header-holder.sticky {top:32px; }
body.admin-bar #header-holder.sticky #primary-nav {top:32px;}
.slicknav_menu {position:fixed; width:100%; height:60px; top:0; z-index:32;}
body.admin-bar .slicknav_menu {top:46px;}

.half-header {margin-bottom:20px;}
.half-holder {display:flex; flex-wrap:wrap; flex-direction:row-reverse; justify-content:space-between;}
.half-side {width:32%}
.half-content {width:60%}

/* Specific pages */
/* Template page secondaire (sous pages de la rubrique Qui sommes-nous) */
#page.subpage aside {display:none;}

/* Template archives équipe (team) */
body.post-type-archive-equipe #menu-secondary li.menu-item-44 a {color:#e2060b; border-bottom:4px solid #e2060b;}
.team-member {display:flex; flex-wrap:wrap; width:100%; margin-bottom:40px;}
.team-member-picture {width:20%;}
.team-member-picture img {width:85%; aspect-ratio:1/1; object-fit:cover;}
.team-member-bio {width:80%;}
.team-member-bio-data {width:80%;}

/* Template équipe - single template */
body.equipe-template-default #menu-secondary li#menu-item-44 a {color: #e2060b; border-bottom: 4px solid #e2060b;}

/* Template archives Presse (media) */
body.post-type-archive-presse #menu-secondary li.menu-item-47 a {color:#e2060b; border-bottom:4px solid #e2060b;}
#media-grid {margin-top:20px;}
.media-item {display:flex; flex-wrap:wrap; flex-direction:column; width:100%; margin-bottom:20px; border-bottom: 1px solid #521e8a; padding-bottom: 20px;}
.media-item-picture {width:100%;}
.media-item-picture img {width:50%; object-fit:cover; border: 1px solid #521e8a;}
.media-item-body {width:100%;}
.media-item-body-data {width:80%;}
.media-item-body-data h2 {margin: 8px 0 20px 0;}
.media-date {text-transform:capitalize;}

/* Template archives sessions */
body.post-type-archive-sessions #menu-primary li.menu-item-28 a {color:#e2060b; border-bottom:4px solid #e2060b;}
#sessions-grid {margin-top:20px;}
#sessions-tiles-holder {display:flex; flex-wrap:wrap;}
.session-item {display:flex; flex-wrap:wrap; width:50%; margin-bottom:40px;}
.session-item:first-child {width:100%; margin-bottom: 80px;}
.session-item-picture {width:40%;}
.session-item:first-child .session-item-picture {width:20%;}
.session-item-picture img {width:85%; aspect-ratio: 19/27; object-fit:cover;}
.session-item-summary {width:60%;}
.session-item:first-child .session-item-summary {width:80%;}
.session-item-summary-data {width:80%;}
.session-item-summary-body {display:none;}
.session-item:first-child .session-item-summary-body {display:inline-block;}
.session-item-summary-body p {font-size:.9em; margin:0; line-height: 1.3em;}
.session-item:first-child .session-item-summary-body p {font-size:1em; line-height: 1.5em; }
.session-number {font-family:'Brandon-Medium'; font-size:1em; line-height:1em; font-weight:300; color:#521e8a; }
.session-item:first-child .session-number {font-size:1.2em; }
.session-item-summary h2 {margin-top:0; font-size:1em; text-transform: uppercase;}
.session-item:first-child .session-item-summary h2 {font-size:1.2em;}
.session-item-actes {margin-top:10px;}
.session-item-actes h4 {margin:0; font-size:.9em; text-transform:uppercase; color:#521e8a;}
.session-item-actes p {line-height:1.2em; margin:3px 0 0 0; font-size:.9em;}
.session-item-actes a:hover {color:#e2060b; text-decoration: underline;}
.session-item-buttons-group {margin-top:10px;}
.session-item-button {display:inline-block; border-bottom:1px solid #7f54b3; margin-right:20px; }
.session-item-button:hover {color:#e2060b; border-bottom:2px solid #e2060b; }
.session-item-button a:hover {color:#e2060b; }
.session-item-button-info {display:none;}
.session-item:first-child .session-item-button-info {display:inline-block;}

/* Template session - single template */
body.sessions-template-default #menu-primary li#menu-item-28 a {color: #e2060b; border-bottom: 4px solid #e2060b;}
.session-single-template {margin-top:20px;}
.session-single-template .half-holder {flex-direction:row;}
.session-single-template .half-header h1, .session-single-template .half-header h2 {margin-top:0;}
#session-start-date {font-family:'Brandon-Medium'; font-weight:100; line-height:1em; font-size:1.2em;}
#session-main-picture {margin-bottom:20px;}
#session-date-block {font-family:'Brandon-Medium';}
#session-info-block {font-family:'Brandon-Medium';}

/* Template archives publications */
body.post-type-archive-publications #menu-primary li.menu-item-27 a {color:#e2060b; border-bottom:4px solid #e2060b;}
#publications-grid {margin-top:20px; left:-10px; position:relative;}
.button-grid-filter {font-family: 'Brandon-Medium'; line-height:1em; font-size: 1.3em; padding:10px 25px; margin-bottom:4px;}
.button-grid-filter:focus {outline: none !important;}
.button-reset {border:2px solid #521e8a; background-color:#521e8a; color:#fff;}

#button-cat-outils		{border:2px solid #930f13; background-color:#fff; color:#930f13;}
#button-cat-fascicule	{border:2px solid #0d6844; background-color:#fff; color:#0d6844;}
#button-cat-manifeste	{border:2px solid #0d3b79; background-color:#fff; color:#0d3b79;}
#button-cat-album		{border:2px solid #0d3b79; background-color:#fff; color:#0d3b79;}
#button-cat-video		{border:2px solid #640d44; background-color:#fff; color:#640d44;}
#button-cat-audio		{border:2px solid #640d44; background-color:#fff; color:#640d44;}
#button-cat-focus		{border:2px solid #0d3b31; background-color:#fff; color:#0d3b31;}

#button-cat-outils:hover	{background-color:#e1030b; border:2px solid #e1030b; color:#fff;}
#button-cat-fascicule:hover	{background-color:#00995d; border:2px solid #00995d; color:#fff;}
#button-cat-manifeste:hover	{background-color:#004db5; border:2px solid #004db5; color:#fff;}
#button-cat-album:hover		{background-color:#004db5; border:2px solid #004db5; color:#fff;}
#button-cat-video:hover		{background-color:#92005d; border:2px solid #92005d; color:#fff;}
#button-cat-audio:hover		{background-color:#92005d; border:2px solid #92005d; color:#fff;}
#button-cat-focus:hover		{background-color:#004d3d; border:2px solid #004d3d; color:#fff;}

#button-cat-outils.is-checked, #button-cat-outils.is-checked:hover			{border:2px solid #930f13; background-color:#930f13; color:#fff;}
#button-cat-fascicule.is-checked, #button-cat-fascicule.is-checked:hover	{border:2px solid #0d6844; background-color:#0d6844; color:#fff;}
#button-cat-manifeste.is-checked, #button-cat-manifeste.is-checked:hover	{border:2px solid #0d3b79; background-color:#0d3b79; color:#fff;}
#button-cat-album.is-checked, #button-cat-album.is-checked:hover			{border:2px solid #0d3b79; background-color:#0d3b79; color:#fff;}
#button-cat-video.is-checked, #button-cat-video.is-checked:hover			{border:2px solid #640d44; background-color:#640d44; color:#fff;}
#button-cat-audio.is-checked, #button-cat-audio.is-checked:hover			{border:2px solid #640d44;background-color:#640d44; color:#fff;}
#button-cat-focus.is-checked, #button-cat-focus.is-checked:hover			{border:2px solid #0d3b31;background-color:#0d3b31; color:#fff;}

.button-std {background-color:#521e8a; color:#fff; font-family: 'Brandon-Regular'; line-height:1em; font-size: 1.1em; padding:8px 15px; margin-bottom:4px; display: inline-block;}
.button-std:hover {background-color:#e1030b; }


/* Template publication - single template */
body.publications-template-default #menu-primary li#menu-item-27 a {color: #e2060b; border-bottom: 4px solid #e2060b;}
.publication-single-template {margin-top:20px;}
.publication-single-template .half-holder {flex-direction:row;}
.publication-single-template .half-header h1, .publication-single-template .half-header h2 {margin-top:0;}
.publication-single-template .half-header h2 {text-transform:capitalize;}

/* Template page formations et services */
.formations-item {margin-top:50px;}
.formations-item:first-child {margin-top:0;}

/* Template archives formations */
body.post-type-archive-formations  #menu-primary li.menu-item-29 a {color:#e2060b; border-bottom:4px solid #e2060b;}
#formations-grid, .formations-grid {margin-top:20px;}

/* Template formation - single template */
body.formations-template-default #menu-primary li#menu-item-29 a {color: #e2060b; border-bottom: 4px solid #e2060b;}
.formation-single-template {margin-top:20px;}
.formation-single-template .half-header h1, .formation-single-template .half-header h2 {margin-top:0; font-size: 2.6em}
#formation-start-date {font-family:'Brandon-Medium'; font-weight:100; line-height:1em; font-size:1.2em;}
#formation-main-picture {margin-bottom:20px;}
#formation-date-block {font-family:'Brandon-Medium';}
#formation-info-block {font-family:'Brandon-Medium';}

#agenda-intro {margin:50px 0;}
.main-content-row {display:flex;}
#main-content.agenda .main-content-row { flex-direction: row-reverse;}
#main-content.agenda .main-content-data {width:75%}
#main-content.agenda .main-content-side {width:25%}
#main-content.agenda .main-content-data .data-inner {padding:0;}
#main-content.agenda .main-content-side .side-inner {padding-right:20px;}

#agenda-grid  {display:inline-block; width:100%;}
.agenda-grid-month {display:flex; flex-direction:row; }
.agenda-grid-month-name {display:flex; flex-direction:row; width:20%; padding-top:10px; font-family:'Brandon-Medium'; font-size:18px; text-transform:uppercase; border-top: 3px solid #521e8a;}
.agenda-grid-month-entries {display:flex; flex-direction:column; width:80%;}
.agenda-grid-month-entry {display:flex; flex-direction:row; border-top:solid 3px #521e8a; padding: 10px 0 15px;}
.month-entry-date-and-title {display:flex; width:70%; flex-direction:row;}
.month-entry-date {width:30%; font-family:'Brandon-Regular'; font-size:14px; text-transform:uppercase; line-height:1em; dislay:flex; padding-top:7px;}
.month-entry-title {width:70%; font-family:'Brandon-Regular'; font-size:20px; line-height: 1.1em;}
.month-entry-location-and-link {display:flex; width:30%; flex-direction:column;}
.month-entry-location, .month-entry-link {display:flex; justify-content:flex-end; font-family:'Brandon-Regular'; font-size:18px; text-align:right;}
.month-entry-location {margin-bottom:10px;}
.month-entry-link, .month-entry-link a {font-size:38px; }

.no-visible-children {display:none;}
#agenda-filters {width:70%;}
#agenda-filters button { border-radius: 0; background: #fff; border: 3px solid #000; color: #000; display: inline-block; font-family:'Brandon-Regular'; font-size:20px; font-weight: 100; text-decoration: none; cursor: pointer; margin-bottom: 5px; line-height: normal; padding: 4px 5px; width: 100%;}
.spectacle .month-entry-title, .spectacle .month-entry-title strong, .spectacle .month-entry-title a {color:rgb(255,93,32)}
.portrait .month-entry-title, .portrait .month-entry-title strong, .portrait .month-entry-title a {color:rgb(61,173,242)}
.formation .month-entry-title, .formation .month-entry-title strong, .formation .month-entry-title a {color:#88af2e}
.formation03 .month-entry-title, .formation03 .month-entry-title strong, .formation03 .month-entry-title a {color:#ff5d20}
.formation12 .month-entry-title, .formation12 .month-entry-title strong, .formation12 .month-entry-title a {color:#d90080}
.evenement .month-entry-title, .evenement .month-entry-title strong, .evenement .month-entry-title a {color:#0095a8}
.publication .month-entry-title, .publication .month-entry-title strong, .publication .month-entry-title a {color:#004db5}

button#all {color:rgb(198,0,24); border: 3px solid rgb(198,0,24);}
button#spectacle {color:rgb(255,93,32); border: 3px solid rgb(255,93,32); border-radius: 0;}
button#portrait {color:rgb(61,173,242); border: 3px solid rgb(61,173,242); border-radius: 0;}
button#formation {color:#88af2e; border: 3px solid #88af2e; border-radius: 0;} 
button#formation03 {color:#ff5d20; border: 3px solid #ff5d20; border-radius: 0;} 
button#formation12 {color:#d90080; border: 3px solid #d90080; border-radius: 0;}
button#formationvol {color:#88af2e; border: 3px solid #88af2e; border-radius: 0;}
button#formationens {color:#846c2f; border: 3px solid #846c2f; border-radius: 0;} 
button#evenement {color:#0095a8; border: 3px solid #0095a8; border-radius: 0;}
button#publication {color:#004db5; border: 3px solid #004db5; border-radius: 0;}
button#all:hover, button#all.active {background-color:rgb(198,0,24); border: 3px solid rgb(198,0,24); color:#fff;}
button#spectacle:hover, button#spectacle.active {background-color:rgb(255,93,32); border: 3px solid rgb(255,93,32); color:#fff;}
button#portrait:hover, button#portrait.active {background-color:rgb(61,173,242); border: 3px solid rgb(61,173,242); color:#fff;}
button#formation:hover, button#formation.active {background-color:#88af2e; border: 3px solid #88af2e; color:#fff;}
button#formation03:hover, button#formation03.active {background-color:#ff5d20; border: 3px solid #ff5d20; color:#fff;}
button#formation12:hover, button#formation12.active {background-color:#d90080; border: 3px solid #d90080; color:#fff;}
button#formationvol:hover, button#formationvol.active {background-color:#88af2e; border: 3px solid #88af2e; color:#fff;}
button#formationens:hover, button#formationens.active {background-color:#846c2f; border: 3px solid #846c2f; color:#fff;}
button#evenement:hover, button#evenement.active {background-color:#0095a8; border: 3px solid #0095a8; color:#fff;}
button#publicaton:hover, button#publication.active {background-color:#004db5; border: 3px solid #004db5; color:#fff;}

.grid-agenda-item-inner {margin-bottom:20px; font-family:'Brandon-Regular';}
.agenda-label {font-family: 'Brandon-Medium';}
.grid-agenda-title  {font-family:'Brandon-Medium'; font-size:18px; border-top:1px solid #e2060b; text-transform: uppercase; padding: 12px 0 0 0; line-height: 1em;}
.grid-agenda-animation, .grid-agenda-summary, .grid-agenda-adresse {line-height:1.2em; margin:10px 0;}
.grid-agenda-subtitle  {line-height:1.2em; margin:0 0 10px 0;}
.grid-agenda-date {line-height:1.2em;}
#formation-data-digest {margin-bottom:20px; font-family:'Brandon-Regular'; font-size:20px; line-height:1.4em;}

.searchpage a:hover {text-decoration:underline; color:#e2060b;}
input[type="submit"].search-submit {background-color: #521e8a; color: #fff; border-color: #521e8a;}
input[type="submit"].search-submit:hover {background-color: #e2060b; color: #fff; border-color: #e2060b;}

/* Template event */
.related-posts {list-style: none; margin:0 0 20px 0; padding:0;}
.related-posts li {margin:0; padding:0;}
.related-posts li a {font-family: 'Brandon-Medium'; font-size: 1.3em; color: #e2060b;}
.related-posts li a:hover {border-bottom: 2px solid #e2060b;}
body.single-events #menu-primary li.menu-item-28 a {color: #e2060b; border-bottom: 4px solid #e2060b;}

/* Template galerie photo*/
.media-grid {display:flex; flex-direction:row; flex-wrap:wrap; justify-content: flex-start; align-items: flex-start;}
.media-grid-item {width:32%; margin: 0 2% 2% 0;}
.media-grid-item:nth-child(3n) {width:32%; margin: 0 0 2% 0;}
.media-grid-item-inner {display:flex; background-color: rgb(0,0,255);}
.media-grid-item img {width:100%; height:100%; object-fit: cover; aspect-ratio: 4 / 3; transition: opacity .35s;}
.media-grid-item img:hover {mix-blend-mode: screen; -webkit-filter: contrast(150%); filter: contrast(150%); opacity: 1;}
.wp-video .mejs-video {margin-bottom: 15px;}
ul.picture-gallery {margin:0px 20px 30px; line-height: 1.5em;}
.picture-gallery-link, .picture-gallery-link strong {font-family:'Brandon-Medium'; font-size:1.1em; font-weight: 100;}
.picture-gallery-link:hover {text-decoration: underline;}

@media (max-width: 1366px) {
	#agenda-filters {width: 60%;}
	.highlights-banner-item .highlights-banner-item-data h3 {font-size: 24px}
}

.event-more-info {margin:20px 0;}
.event-name h2 {font-family: 'Brandon-Medium'; line-height:1em; padding:0 0 8px 0; margin:0; font-size:1.8em;}
.event-name h3 {font-family: 'Brandon-Medium'; line-height:1em; padding:0 0 14px 0; margin:0; font-size:1.4em;}
.bodytext .event-name h2:first-child {margin-top:0;}
.event-name a {padding:0; margin:0; line-height:1em; display:inline-block;}

/* Responsive breakpoints */
@media (max-width: 1366px) {
	#agenda-filters {width: 60%;}
}
@media (max-width: 1199px) {
	#main-menu .linklabel, #menu-primary li a {margin:0 30px 0 0;}
	.session-item-summary {width:100%;}
	.session-item-summary-body {display:inline-block;}
	#agenda-filters {width:75%;}
}
@media (max-width: 991px) {
	body#home #header, body.home #header {height: 240px;}
	#main-menu-holder, .bodytext {padding-left:0px;}
	#main-sub-menu ul {margin-left:0px;}
	#main-sub-menu li a {margin: 0 20px 0 0;}
	#main-menu .linklabel, #menu-primary li a {font-size:1.2em; margin:0 20px 0 0;}
	#menu-primary li:last-child a {margin:0;}
	#header-holder.sticky #primary-nav {top:44px;}
	body.admin-bar #header-holder.sticky #primary-nav {top:76px;}
	#header-holder.sticky #main-menu-holder {padding:0px 5px; margin:0;}
	#header-holder.sticky #main-menu .linklabel {font-size:1.2em; margin:0 20px 0 0;}
	#header-holder.sticky #banner-logo {width:100px; padding-left:0px;}
	#header-holder.sticky #banner-logo img {width:90px;}
	#header-holder.sticky #main-sub-menu ul {padding:8px 5px 0 5px;}
	#footer-items {flex-direction:column; justify-content:flex-start; }
	#footer-item-partners {margin-top:20px;}
	#fraje-tiles-holder {gap:1.4%;}
	.fraje-tile {width:32.4%; margin:0 0 1.4% 0;}
	.isotope-grid .fraje-tile {width:33%;}
	.team-member-bio-data {width:100%;}
	.half-holder {flex-direction:column; justify-content:flex-start;}
	.formation-single-template .half-holder {flex-direction: column-reverse;}
	.half-side, .half-content {width:100%}
	.session-single-template, .publication-single-template {margin-top:40px;}
	#publication-cover {margin-bottom:40px;}
	#agenda-filters {width:88%;}
	.formation-single-template .half-header h1, .formation-single-template .half-header h2 {font-size:2em}
}
@media screen and (max-width:782px) {
	html #wpadminbar {position: fixed;}
}
@media (max-width: 767px) {
	body#home #header, body.home #header, #header {height: 180px;}
	#header-holder {display:none;}
	#banner {flex-direction:column; margin-top:10px;}
	#banner-logo {width:auto;}
	#banner-logo a {left:-10px; position:relative;}
	#banner-logo img {width:140px;}
	#banner-tagline {font-size:1.6em; padding-top:0;}
	#mobile-homelink-area {display:inline-block; position:fixed; width:100px; height:54px; top:2px; margin:0 auto; left:20px; z-index:32;}
	#mobile-search-area {display:inline-block; position:fixed; width:30px; height:30px; top:12px; margin:0 auto; right:70px; z-index:32;}
	#mobile-search-area span { position:relative; display:inline-block; width:30px;  height:30px; overflow:hidden; background-image: url('../pictures/search.png'); background-size: cover; background-position: center; text-indent: -9999px;}
	#mobile-search-area a:hover span {background-image:url('../pictures/search-hover.png'); }
	body.admin-bar #mobile-homelink-area {top:48px;} 
	body.admin-bar #mobile-search-area {top:60px;}
	#main-menu {flex-direction:column;}
	#main-sub-menu, #main-sub-menu.sticky {display: none;}
	#main-sub-menu li a, #main-sub-menu.sticky li a {display:none;}
	#main {margin-top:40px;}
	.entry-header {display:inline-block;}
	#fraje-tiles-holder {gap:2%;}
	.fraje-tile {width:49%; margin:0 0 2% 0;}
	.isotope-grid .fraje-tile {width:50%;}
	.team-member {flex-direction:column;}
	.team-member-picture {width:50%;} 
	.team-member-bio {width:100%;}
	.team-member-picture img {width:100%;}
	.session-item {flex-direction:column; width:100%;}
	.session-item:first-child .session-item-summary {width:100%;}
	.session-item:first-child .session-item-picture, .session-item-picture {width:50%; margin-bottom:20px;}
	.session-item-summary-data {width: 100%;}
	.session-item-picture img {width:100%;}
	.session-item-summary-body p, .session-item:first-child .session-item-summary-body p {font-size:1em; line-height: 1.5em; }
	.session-item-actes p {line-height:1em; margin:5px 0 0 0; font-size:1em;}
	
	#main-content.agenda .main-content-row {flex-direction: column-reverse;}
	#main-content.agenda .main-content-side, #main-content.agenda .main-content-data {width:100%;}
	#main-content.agenda .main-content-side .side-inner {padding-right:0px;}
	#agenda-filters {width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin-bottom:1.5em;}
	#agenda-filters button {margin:0 2% 5px 0; width:49%;}
	#agenda-filters button:first-child {margin:0 0 5px 0; width:100%;}
	#agenda-filters button:nth-child(2n+1) {margin-right:0;}
	.agenda-grid-month-name {display:none;}
	.agenda-grid-month-entries {flex-direction: column; width:100%;}
	.month-entry-date-and-title {width:90%; flex-direction:column;}
	.month-entry-date {width:100%; font-size: 15px;}
	.month-entry-title {width: 100%;}
	.agenda-grid-month-entry {position:relative;}
	.month-entry-location-and-link {position:absolute; width:300px; top:0; right:0;}
	.month-entry-location {font-size: 14px; margin:10px 0 0 0;}
	.month-entry-link, .month-entry-link a {font-size:30px;}
	.formation-single-template {margin-top:40px;}
	
	input[type="search"] {width:100%;}
	input[type="submit"].search-submit {width:100%; margin:10px 0 0 0;}
	input[type="text"].wpcf7-form-control, input.wpcf7-form-control {width:100%; box-sizing: inherit;}

	.media-grid-item, .media-grid-item:nth-child(3n) {width:48%; margin: 0 2% 2% 0;}
	.media-grid-item:nth-child(2n) {margin: 0 0 2% 0; }
	
}
@media (max-width: 480px) {
	#fraje-tiles-holder {display:flex; justify-content:center; flex-wrap:wrap; gap:0}
	.fraje-tile {width:100%; margin:0 0 10px 0; overflow:hidden; }
	#publications-grid {left:0;}
	.isotope-grid .fraje-tile {width:100%;}
	.isotope-grid .fraje-tile .fraje-tile-inner {margin:0;}
	
	.agenda-grid-month-entry {flex-direction:column;}
	.month-entry-date-and-title {width:100%;}
	.month-entry-location-and-link {position:relative;}
	.month-entry-location, .month-entry-link {justify-content:flex-start; text-align:left;}
	.month-entry-location {margin:0;}

	.media-grid-item, .media-grid-item:nth-child(2n), .media-grid-item:nth-child(3n) {width:100%; margin:2% 0;}
}