/*
Theme Name: Tilder
Author: Studio des formes / Gaël Gouault 
Author URI: http://studiodesformes.net/
Description: …
Version: 1.0
*/

   /*/°\
  !& & (@
 ,-\-- /--,
! _!°°° !_ !
!_/!-__-!21/
  /°./\.°\
/===!  !==*/


:root {
	--c-blue: #000568;
	--c-gray1: #ededed;
	--c-gray2: #d0d0d0;
	--c-box: #787878;
	--c-gray3: #575757;
}

/**
 * Typography
 */

@font-face { 
    font-family: 'Inter-Medium';
    src: url('fonts/Inter/Inter-Medium.otf'); 
    src: url('fonts/Inter/Inter-Medium.woff') format('woff'),
    	 url('fonts/Inter/Inter-Medium.woff2') format('woff2'); 
    font-weight: normal; 
    font-style: normal;
}

@font-face { 
    font-family: 'Inter-MediumItalic';
    src: url('fonts/Inter/Inter-MediumItalic.otf'); 
    src: url('fonts/Inter/Inter-MediumItalic.woff') format('woff'),
    	 url('fonts/Inter/Inter-MediumItalic.woff2') format('woff2'); 
    font-weight: normal; 
    font-style: normal;
}

@font-face { 
    font-family: 'Panamera';
    src: url('fonts/Panamera/Panamera-Regular.otf'); 
    src: url('fonts/Panamera/Panamera-Regular.woff') format('woff'),
    	 url('fonts/Panamera/Panamera-Regular.woff2') format('woff2'); 
    font-weight: normal; 
    font-style: normal;
}

/**
 * Normalize
 */

html {
	font-family: sans-serif;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

body:before {
	position: fixed;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -o-linear-gradient(45deg, #ddd 0%, #fff 25%, #fff 50%, #ddd 100%);
	background: linear-gradient(45deg, #ddd 0%, #fff 25%, #fff 50%, #ddd 100%);
	z-index: -1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
video {
	display: inline-block;
	vertical-align: baseline;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img,
iframe,
object {
	border: 0;
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;

	position: relative;
	display: block;
	width: calc(100% - 5em);
	height: 3px;
	margin: 2.5em auto;
	border: none;
	background: var(--c-gray2);
}

body,
button,
input,
select,
textarea {
	font-family: Inter-Medium, sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.3;
	color: var(--color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-size: 1.5em;
	font-weight: normal;
	margin: 0;
}

b,
strong {
	font-weight: normal;
}

em,
i {
	font-family: 'Inter-MediumItalic';
	font-style: normal;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}


/**
 * Elements
 */

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

ul,
ol {
	margin: 0;
	padding: 0;
}


/**
 * Links
 */

a {
	color: #000;
	text-decoration: none;
	-webkit-transition: color .25s;
	-o-transition: color .25s;
	transition: color .25s;
}

a:hover,
a:focus,
a:active {
	color: var(--color);
}

a:hover,
a:active {
	outline: 0;
}


/**
 * Header
 */

#masthead {
	position: fixed;
	width: 100%;
	height: 6.4em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0 2em;
	color: var(--color);
	background: #FFF;
	z-index: 9;
}

.site-title {
	position: relative;
	width: 11em;
	height: 4.6em;
	margin-right: 1.75em;
}

.site-title > svg path {
	fill: #000;
	-webkit-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s; 
}

.site-title:hover > svg path {
	fill: var(--c-blue);
}

.site-title a {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 2em;
	opacity: 0;
}

.main-navigation .menu {
	font-size: 2em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.main-navigation .menu li {
	list-style-type: none;
	margin: 0 0.75em;
}

.main-navigation .menu li.current-menu-item a,
.main-navigation .menu li.current-menu-parent a,
.main-navigation .menu li a:hover {
	color: var(--c-blue); 
}

.main-option {
	position: absolute;
	top: 2em;
	right: 2.5em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.main-option div {
	margin: 0 0 0 2em;
}

.main-option li {
	font-size: 2em;
	text-transform: capitalize;
	padding: 0 0.4em;
	border-radius: 0.2em;
	list-style-type: none;
	background: #000;
	-webkit-transition: background .25s;
	-o-transition: background .25s;
	transition: background .25s;
}

.main-option li:hover {
	background: var(--c-blue);
	cursor: pointer;
}

.main-option li a {
	color: #ffffff;
}


/**
 * Main Content
 */

.site-content {
	padding-top: 6.4em;
	width: 100%;
	-webkit-animation: smoothing 1s /*forwards*/;
	        animation: smoothing 1s /*forwards*/;
}

@-webkit-keyframes smoothing {
  0%, 50% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes smoothing {
  0%, 50% { opacity: 0; }
  100% { opacity: 1; }
}

.content-area {
	width: 100%;
}

.content-category {
	width: 100%;
}

/*.category article[id^="post-"].type-commit {
	position: relative;
	padding-top: 12.5em;
	top: -12.5em;
	margin-bottom: -12.5em;
}*/

.category div[id="tilder-team"].anchor,
.category div[id="advisory-board"].anchor {
	position: relative;
	padding-top: 6.5em;
	top: -6.5em;
	margin-bottom: -6.5em;
}


/**
 * Home
 */

.home.menu-open {
	overflow: hidden;
}

.home #masthead {
	position: absolute;
	background: transparent;
	z-index: 9;
}

.home.scroll #masthead {
	position: fixed;
	background: #fff;
	z-index: 8;
}

.home.scroll .full-page {
	z-index: 9;
}

.home .site-content {
	padding-top: 0;
}

.home .section:after {
	content: '';
	display: block;
	margin: 6em 2.5em;
	width: calc(100% - 5em);
	height: 3px;
	background: var(--c-gray2);
}

.home .section:last-child:after {
	content: none;
}

.home.night:not(.scroll) header .main-navigation li.menu-item a { color: #FFF; }
.home.night:not(.scroll) header .site-title > svg path { fill: #FFF; }
.home.night:not(.scroll) header .network .linkedin-btn { -webkit-filter: invert(); filter: invert(); }
.home.night:not(.scroll) header .main-option li { background: #FFF; }
.home.night:not(.scroll) header .main-option li a { color: #000; }


/*----- Full Page -----*/

.full-page {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	margin-bottom: 12em;
}

.full-page img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.full-page .entry-content {
	position: absolute;
	left: 0;
	right: 0;
	width: 130em;
	max-width: 100%;
	height: 100%;
	padding: 0 2em 6em 2em;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
	z-index: 1;
}

.full-page .entry-content p {
	font-family: 'Panamera';
	font-size: 3.2em;
	color: #ffffff;
}

.full-page .current-date {
	font-family: 'Panamera';
	font-size: 3.2em;
	color: #ffffff;
	padding: 0 1.5rem 0.4rem 1.5rem;
	border-radius: 1rem;
}

/*----- Header Section -----*/

.entry-header-section {
	text-align: center;
}

.entry-header-section h2 {
	font-size: 4em;
	color: var(--c-gray2);
}

.entry-content-section {
	width: 80em;
	max-width: 100%;
	margin: 6em auto 0 auto;
	padding: 0 2.5em;
}

.entry-content-section p {
	font-size: 1.6em;
}

/*----- Container Grid -----*/

.container-news .grid-content,
.container-grid .grid-content,
.container-team .entry-thumbnail,
.container-commit .grid {
	-webkit-box-shadow: 0 0 1em transparent;
	        box-shadow: 0 0 1em transparent;
	-webkit-transition: -webkit-box-shadow .25s;
	transition: -webkit-box-shadow .25s;
	-o-transition: box-shadow .25s;
	transition: box-shadow .25s;
	transition: box-shadow .25s, -webkit-box-shadow .25s; 
}

.container-news .grid-content:hover,
.container-grid .grid-content:hover,
.container-team .entry-thumbnail:hover,
.container-commit .grid:hover {
	-webkit-box-shadow: 0 0 5em var(--c-box);
	        box-shadow: 0 0 5em var(--c-box);
}

/*----- Container News -----*/

.grid-content {
	height: 100%;
	padding: 2.5em;
	border-radius: 0.5em;
	background: #ffffff;
}

.grid-content .entry-thumbnail {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}

.grid-content .entry-thumbnail img {
	position: absolute;
	width: 100%;
	/*height: 100%;*/
	-o-object-fit: cover;
	   object-fit: cover;	
}

/*----- Container Team -----*/

.container-team .grid .entry-thumbnail {
	position: relative;
	width: 100%;
	height: 30em;
	margin: 1em 0;
	border-radius: 0.5em;
	overflow: hidden;
}

.container-team .grid .entry-thumbnail img {
	position: absolute;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.container-team .grid .entry-title {
	font-family: 'Inter-Medium';
	font-size: 1.6em;
}

/*----- Container Commit -----*/

.container-commit .grid {
	border-radius: 0.5em;
	background: var(--c-gray1);
}

.container-commit .grid a {
	display: block;
	width: 100%;
	height: 100%;
	margin-top: -2em;
}

/*----- Container Logo -----*/

.home .container-logo {
	padding: 6em 0 0 0;
}

.home .container-logo .grid {
	border-radius: 0.5em;
	background: var(--c-gray1);
}

.home .container-logo .grid a {
	display: block;
	width: 100%;
	height: 100%;
}

.page .container-logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 0 1.75em;
	margin: 6em 0;
}

.page .container-logo .grid {
	width: 24em;
	height: 12.5em;
	margin: 1.5em 0.75em;
}

/*----- Container image -----*/

.container-image {
	width: 100%;
	height: auto;
	padding: 0 8em;
}

.container-image img {
	width: 100%;
	height: auto;
}


/**
 * Categories
 */

.category-news .container-grid,
.category-news-en .container-grid,
.single-team .container-grid {
	display: -ms-grid;
	display: grid;
	grid-gap: 3em 1.5em;
	grid-auto-rows: minmax(42em, auto);
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 0 2.5em;
}

.category-news .container-grid,
.category-news-en .container-grid {
	-ms-grid-columns: minmax(0, 38em) 1.5em minmax(0, 38em) 1.5em minmax(0, 38em);
	grid-template-columns: repeat(3, minmax(0, 38em));
	margin-bottom: 6em;
}

.single-team .container-grid {
	-ms-grid-columns: ;
	grid-template-columns: repeat(3, minmax(0, 38em));
}


/**
 * Grid content (Horizontal scroll)
 */

.container-news {
	display: -ms-grid;
	display: grid;
	grid-gap: 1.5em;
	-ms-grid-columns: 1em 1.5em  1.5em 1em;
	grid-template-columns: 1em repeat(var(--total), 38em) 1em;
	-ms-grid-rows: minmax(42em, 1fr);
	grid-template-rows: minmax(42em, 1fr);
	padding: 6em 0;
}

.container-news > *:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}

.container-news > *:nth-child(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}

.container-team {
	display: -ms-grid;
	display: grid;
	grid-gap: 1.5em;
	-ms-grid-columns: 1em 1.5em  1.5em 1em;
	grid-template-columns: 1em repeat(var(--total), 24em) 1em;
	padding: 6em 0;
}

.container-commit {
	display: -ms-grid;
	display: grid;
	grid-gap: 3em 1.5em;
	-ms-grid-columns: calc(20% - 1.25em) 1.5em calc(20% - 1.25em) 1.5em calc(20% - 1.25em) 1.5em calc(20% - 1.25em) 1.5em calc(20% - 1.25em);
	grid-template-columns: repeat(5, calc(20% - 1.25em));
	-ms-grid-rows: 12.5em 3em 12.5em 3em 12.5em;
	grid-template-rows: repeat(3, 12.5em);
	padding: 6em 2.5em;
}

.container-commit > *:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}

.container-commit > *:nth-child(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}

.container-commit > *:nth-child(3) {
	-ms-grid-row: 1;
	-ms-grid-column: 5;
}

.container-commit > *:nth-child(4) {
	-ms-grid-row: 1;
	-ms-grid-column: 7;
}

.container-commit > *:nth-child(5) {
	-ms-grid-row: 1;
	-ms-grid-column: 9;
}

.container-commit > *:nth-child(6) {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
}

.container-commit > *:nth-child(7) {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
}

.container-commit > *:nth-child(8) {
	-ms-grid-row: 3;
	-ms-grid-column: 5;
}

.container-commit > *:nth-child(9) {
	-ms-grid-row: 3;
	-ms-grid-column: 7;
}

.container-commit > *:nth-child(10) {
	-ms-grid-row: 3;
	-ms-grid-column: 9;
}

.container-commit > *:nth-child(11) {
	-ms-grid-row: 5;
	-ms-grid-column: 1;
}

.container-commit > *:nth-child(12) {
	-ms-grid-row: 5;
	-ms-grid-column: 3;
}

.container-commit > *:nth-child(13) {
	-ms-grid-row: 5;
	-ms-grid-column: 5;
}

.container-commit > *:nth-child(14) {
	-ms-grid-row: 5;
	-ms-grid-column: 7;
}

.container-commit > *:nth-child(15) {
	-ms-grid-row: 5;
	-ms-grid-column: 9;
}

.container-logo {
	display: -ms-grid;
	display: grid;
	grid-gap: 1.5em;
	-ms-grid-columns: 1em 1.5em  1.5em 1em;
	grid-template-columns: 1em repeat(var(--total), 24em) 1em;
	-ms-grid-rows: minmax(12.5em, 1fr) 1.5em 6em;
	grid-template-rows: minmax(12.5em, 1fr) 6em;
	padding-top: 2em;
}

.container-logo > *:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}

.container-logo > *:nth-child(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}

.container-logo > *:nth-child(3) {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
}

.container-logo > *:nth-child(4) {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
}

.horizontal-scroll {
	position: relative;
}

.horizontal-scroll .button {
	top: calc(50% - 2.5em);
	position: absolute;
	width: 3.5em;
	height: 3.5em;
	border-radius: 50%;
	background: #fff;
	opacity: 0.25;
	transition: all .25s;
	-webkit-transition: all .25s;
	-o-transition: all .25s;
}

.horizontal-scroll .button:after {
	content: '';
	display: block;
	width: 1.25em;
	height: 1.25em;
	border: solid #000;
	margin: 1.125em;
	transition: all .25s;
	-webkit-transition: all .25s;
	-o-transition: all .25s;
}

.horizontal-scroll .button:hover:after {
	border-color: #fff;
}

.horizontal-scroll .button-prev:after {
	border-width: 0.3em 0 0 0.3em;
}

.horizontal-scroll .button-next:after {
	border-width: 0 0.3em 0.3em 0;
}

.horizontal-scroll .button:hover {
	background: var(--c-blue);
	opacity: 1;
	cursor: pointer;
}

.horizontal-scroll .button-prev {
	display: none;
	left: 2.5em;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.horizontal-scroll .button-next {
	right: 2.5em;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.no-scrollbar {
	overflow-x: scroll;
	-ms-scroll-snap-type: x proximity;
	    scroll-snap-type: x proximity;
	scrollbar-width: none;
	margin-bottom: 0;
}

.no-scrollbar::-webkit-scrollbar {
	display: none;
}

.no-scrollbar:before,
.no-scrollbar:after {
  content: '';
}

/*----- Logo -----*/

.container-commit .type-commit .entry-thumbnail,
.container-grid .type-commit .entry-thumbnail,
.container-logo .type-logo .entry-logo {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 0.5em;
	background: var(--c-gray1);
}

.container-commit .type-commit .entry-thumbnail img,
.container-grid .type-commit .entry-thumbnail img,
.container-logo .type-logo .entry-logo img {
	position: absolute;
	top: 1em;
	left: 1em;
	width: calc(100% - 2em);
	height: calc(100% - 2em);
	-o-object-fit: contain;
	   object-fit: contain;

	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	mix-blend-mode: multiply;
}

.page .entry-logo:hover:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: url(icons/link.svg) center center no-repeat;
	background-size: 3em 3em;
}

.container-commit .type-commit .entry-thumbnail:hover img,
.container-grid .type-commit .entry-thumbnail:hover img,
.container-logo .type-logo .entry-logo:hover img,
.page .entry-logo:hover img {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
}


/**
 * Grid Layout
 */

.entry-date {
	display: inline-table;
	padding: 0.3em 0.6em 0.2em 0.6em;
	margin-bottom: 1em;
	border-radius: 0.25em;
	color: var(--c-gray3);
	background: var(--c-gray1);
}

.entry-title {
	font-family: 'Panamera';
	font-size: 2.0em;
	word-wrap: break-word;
}

.entry-thumbnail {
	margin: 2em 0;
}

.entry-thumbnail img {
	width: 100%;
	height: auto;	
}

.entry-thumbnail figcaption {
	font-size: 1.6em;
	color: var(--c-gray2);
	max-width: 78rem;
	text-align: center;	
	margin: 0.5em auto;
}

.entry-video {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}

.entry-video iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}


/**
 * Single
 */

.single-post .entry-header,
.single-attachment .entry-header {
	text-align: center;
	width: 78em;
	max-width: 100%;
	padding: 0 2.5em;
	margin: 6em auto 0 auto;
}

.single-post .entry-title,
.single-attachment .entry-title {
	font-family: 'Panamera';
	font-size: 4em;
}

.single-post .entry-date,
.single-attachment .entry-date {
	margin: 2em 0;
}

.single-post .entry-thumbnail {
	margin: 4em auto;
	width: 110em;
	max-width: 100%;
	padding: 0 2.5em;
}

.single-post .entry-content,
.single-attachment .entry-content {
	margin: 2em auto;
	width: 78em;
	max-width: 100%;
	padding: 0 2.5em;
}

/*----- Team -----*/

.single-team .entry-content h3 {
	margin-top: 0.75em;
}

.network {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.network li {
	list-style-type: none;
	margin: 1em 2em 1em 0;
}

.network .network-btn {
	display: block;
	width: 2em;
	height: 2em;
}

.network .linkedin-btn {
	background: url(icons/network/linkedin.svg) center center no-repeat;
	background-size: 90%;
}

.network .twitter-btn {
	background: url(icons/network/twitter.svg) bottom center no-repeat;
	background-size: 90%;
}

/*----- Columns -----*/

.entry-columns {
	display: -ms-grid;
	display: grid;
	grid-gap: 6em;
	-ms-grid-columns: minmax(0, 48em) 6em minmax(0, 48em);
	grid-template-columns: repeat(2, minmax(0, 48em));
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 0 2.5em;
}

.page .entry-columns {
	margin-bottom: 6em;
}

.page .entry-logo-booming {
	position: relative;
	width: 24em;
	height: 12em;
	overflow: hidden;
	border-radius: 0.5em;
	margin: 2em auto 6em auto;
}

.page .entry-logo-booming img {
	position: absolute;
	top: 1em;
	left: 1em;
	width: calc(100% - 2em);
	height: calc(100% - 2em);
	-o-object-fit: contain;
	object-fit: contain;
	mix-blend-mode: multiply;
}

/*----- Expertise -----*/

.type-expertise,
.category .type-commit {
	width: 110em;
	max-width: 100%;

	display: -ms-grid;

	display: grid;
	grid-gap: 3em 6em;
	-ms-grid-columns: 32em 6em 1fr;
	grid-template-columns: 32em 1fr;
	margin: 6em auto;
	padding: 0 2.5em;
}

.type-expertise .entry-header h2 {
	font-family: 'Panamera';
	font-size: 2.0em;
	margin: 0.25em 0;
}

.category .type-commit .entry-thumbnail {
	width: 24em;
	height: 12.5em;
	margin: 0;
}

/*----- header full -----*/

.entry-header-full {
	padding: 0 2.5em;
}

.entry-header-full .entry-title {
	font-size: 4em;
	color: var(--c-gray2);
	text-align: center;
	width: 100%;
	margin: 6rem 0;
}

.entry-header-full .entry-description {
	width: 110em;
	max-width: 100%;
	margin: 0 auto 6em auto;
	padding: 0 2.5em;
}

.entry-header-full .entry-description * {
	font-family: 'Panamera';
	font-size: 2.0rem;
}

.entry-header-full .entry-description li {
	list-style-type: none;
}

.entry-header-full .entry-description .entry-thumbnail {
	margin: 3em 0 4em 0;
}

.entry-header-full .entry-info {
	margin-top: 6em;
}

.entry-header-full .entry-info p {
	font-family: 'Inter-Medium';
	font-size: 1.6em;
	width: 75%;
}


/**
 * Site content
 */

.content-area .site-main {
	width: 100%;
}

.entry-content h3 {
	font-family: 'Panamera';
	font-size: 2em;
}

.entry-content h5 {
	font-family: 'Panamera';
	font-size: 1.2em;
	width: 75%;
}

.entry-content p + h5 {
	margin-top: 3em;
}

.entry-content p {
	font-size: 1.6em;
}

.entry-content ul:not(.network) li {
	font-size: 1.6em;
	list-style-type: none;
	padding-left: 1.5em;
}

.entry-content ul:not(.network) li:before {
	content: '';
	display: inline-block;
	width: 0.45em;
	height: 0.45em;
	border-radius: 0.1em;
	margin: 0 0.8em 0.05em -1.25em;
	background: #000;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.entry-content a {
	text-decoration: underline;
	-webkit-transition: color .25s;
	-o-transition: color .25s;
	transition: color .25s;
}

.entry-content a:hover {
	color: var(--c-blue);
}

.entry-cite {
	width: 107em;
	max-width: 100%;
	padding: 2em 2.5em;
	margin: 0 auto;
}

.entry-cite blockquote {
	margin: 0;
	text-align: center;
}

.entry-cite blockquote p {
	font-family: 'Panamera';
	font-size: 2.0em;
	margin: 0;
}

.entry-cite blockquote cite {
	font-size: 1.6em;
	font-style: normal;
	margin: 1em 0;
	display: block;
}


/**
 * Footer
 */

.site-footer:before {
	content: '';
	display: block;
	margin: 2.5em;
	width: calc(100% - 5em);
	height: 3px;
	background: var(--c-gray2);
}

.site-footer .entry-contact {
	width: 100%;
	padding: 6em 2.5em;
	text-align: center;
}

.site-footer .entry-contact p {
	font-family: 'Panamera';
	font-size: 2.0em;
	color: var(--c-gray2);
	margin: 0;
}

.site-footer .entry-contact a {
	color: var(--c-gray2);
}

.site-footer .menu {
	width: 100%;
	padding: 1em 2em; 
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.site-footer .menu li {
	font-size: 1.6rem;
	color: var(--c-gray3);
}


/**
 * Others
 */

.entry-nav-post {
	width: 100%;
	padding: 2em 0;
	margin: 6em 0;
	text-align: center;
}

.entry-more-post {
	width: 100%;
	margin: 6em 0;
	text-align: center;
}

.entry-link-post {
	margin: 2em 0 1em 0;
}

.entry-nav-post a,
.entry-more-post a,
.entry-link-post a {
	font-size: 1.6em;
	color: var(--c-gray3);
	text-decoration: none;
	padding: 0.25em 0.75em;
	border-radius: 0.25em;
	background: #fff;
	-webkit-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

.entry-nav-post a:hover,
.entry-more-post a:hover,
.entry-link-post a:hover {
	color: #ffffff;
	-webkit-box-shadow: 0 0 3em var(--c-gray2);
	        box-shadow: 0 0 3em var(--c-gray2);
	background: var(--c-blue);
}

.load-more-post a {
	cursor: pointer;
}

#infscr-loading {
	-ms-grid-column: 1;
	    grid-column-start: 1;
	-ms-grid-column-span: 3;
	grid-column-end: 4;
	height: auto;
	text-align: center;
	margin: 1em 0;
}

#infscr-loading img {
	width: 4.25em;
	height: 4.25em;
}

#infscr-loading div {
	font-size: 1.6em;
	margin: 1em 0;
}


/**
 * Not Found
 */

.not-found {
	width: 100%;
	height: 100vh;
}

.not-found .entry-header {
	text-align: center;
}

.not-found .entry-header .entry-title {
	font-size: 2em;
}

.not-found .entry-content {
	text-align: center;
}

.not-found .entry-content h2 {
	font-family: 'Panamera';
	font-size: 2.0em;
}


/**
 * Viewport
 */

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

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

@viewport {
	width: device-width;
}


/**
 * Media Queries
 */

@media screen and (min-width: 1600px) {
	html {
		font-size: 68.8%;
	}
}

@media screen and (min-width: 1920px) {
	html {
		font-size: 75.0%;
	}
}

@media screen and (max-width: 1080px) {
	.container-commit {
		-ms-grid-columns: calc(25% - 1.25em) 1.5em calc(25% - 1.25em) 1.5em calc(25% - 1.25em) 1.5em calc(25% - 1.25em);
		grid-template-columns: repeat(4, calc(25% - 1.25em));
	}
	.container-commit > .grid:nth-child(n+13) {
		display: none;
	}
	.entry-header-full .entry-description {
		padding: 0;
	}
}

@media screen and (max-width: 960px) {
	html { 
		font-size: 58%;
	}
	/*--- News ---*/
	.category-news .container-grid,
	.category-news-en .container-grid,
	.single-team .container-grid {
		-ms-grid-columns: minmax(0, 38em) 1.5em minmax(0, 38em);
		grid-template-columns: repeat(2, minmax(0, 38em));
	}
	#infscr-loading {
		-ms-grid-column-span: 3;
		grid-column-end: 3;
	}
}

@media screen and (min-width: 781px) {
	header .main-navigation {
		display: block!important;
	}
}

@media screen and (max-width: 780px) {
	/*--- Header ---*/
	.full-page .entry-content {
		font-size: 0.75em;
		padding: 0 2em;
	}
	header .main-navigation {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		z-index: -1;
	}
	header .main-navigation .menu {
		font-family: 'Panamera';
		font-size: 2.8em;
		line-height: 1.6;
		margin-top: 10rem;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	header .main-navigation .menu li {
		width: 100%;
		text-align: center;
	}
	.main-option {
		position: absolute;
		width: 100%;
		top: auto;
		right: 0;
		bottom: 2.5em;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		background: #fff;
	}
	.main-option > div {
		font-size: 1.4em;
		margin: 1em 0 0 0;
		text-align: center;
	}
	.main-option div * {
		display: table;
	}
	.menu-smart {
		position: absolute;
		margin-top: 0;
		right: 2.5em;
		width: 3.5em;
		height: 3.5em;
		z-index: 10;
	}
	.menu-smart .tilder-burger {
		position: relative;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}
	.menu-smart .tilder-burger:after,
	.menu-smart .tilder-burger:before {
		content: '';
		position: absolute;
		border: 2px solid #000;
		width: 100%;
		height: 0;
		-webkit-transition: all .25s;
		-o-transition: all .25s;
		transition: all .25s;
	}
	.home.night:not(.scroll) header .menu-smart .tilder-burger:after,
	.home.night:not(.scroll) header .menu-smart .tilder-burger:before {
		border-color: #FFF;
	}
	.menu-smart .tilder-burger:before {
		top: 1em;
	}
	.menu-smart.open .tilder-burger:before {
		-webkit-animation: lineUp 1s forwards;
		        animation: lineUp 1s forwards;
	}
	@-webkit-keyframes lineUp {
		0% { top: 1em; }
		25% { top: 1.5em; -webkit-transform: rotate(0); transform: rotate(0); }
		100% { top: 1.5em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
	}
	@keyframes lineUp {
		0% { top: 1em; }
		25% { top: 1.5em; -webkit-transform: rotate(0); transform: rotate(0); }
		100% { top: 1.5em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
	}
	.menu-smart .tilder-burger:after {
		bottom: 1em;
	}
	.menu-smart.open .tilder-burger:after {
		-webkit-animation: lineDown 1s forwards;
		        animation: lineDown 1s forwards;
	}
	@-webkit-keyframes lineDown {
		0% { bottom: 1em; }
		25% { bottom: 1.5em; -webkit-transform: rotate(0); transform: rotate(0); }
		100% { bottom: 1.5em; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	}
	@keyframes lineDown {
		0% { bottom: 1em; }
		25% { bottom: 1.5em; -webkit-transform: rotate(0); transform: rotate(0); }
		100% { bottom: 1.5em; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	}
	/*--- Home ---*/
	.container-commit {
		-ms-grid-columns: calc(33.333% - 1.25em) 1.5em calc(33.333% - 1.25em) 1.5em calc(33.333% - 1.25em);
		grid-template-columns: repeat(3, calc(33.333% - 1.25em));
	}
	.container-commit > .grid:nth-child(n+10) {
		display: none;
	}
	/*--- Commit ---*/
	.type-expertise, 
	.category .type-commit {
		grid-gap: 3em;
	}
	.entry-tags {
		text-align: center;
	}
	/*--- Network ---*/
	.container-image {
		padding: 0 2.5em;
	}
}

@media screen and (max-width: 600px) {
	#wpadminbar {
		position: fixed;
	}
	header .main-navigation .menu {
		font-size: 2.4em;
	}
	.full-page .entry-content {
		font-size: 0.5em;
	}
	.container-news .grid-content,
	.container-grid .grid-content,
	.container-team .entry-thumbnail,
	.container-commit .grid {
		-webkit-box-shadow: none!important;
		        box-shadow: none!important;
	}
	.container-commit {
		-ms-grid-columns: calc(50% - 1.25em) 1.5em calc(50% - 1.25em);
		grid-template-columns: repeat(2, calc(50% - 1.25em));
		-ms-grid-rows: 12.5em 3em 12.5em 3em 12.5em 3em 12.5em;
		grid-template-rows: repeat(4, 12.5em);
	}
	.container-commit > *:nth-child(1) {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.container-commit > *:nth-child(2) {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.container-commit > *:nth-child(3) {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	.container-commit > *:nth-child(4) {
		-ms-grid-row: 3;
		-ms-grid-column: 3;
	}
	.container-commit > *:nth-child(5) {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	.container-commit > *:nth-child(6) {
		-ms-grid-row: 5;
		-ms-grid-column: 3;
	}
	.container-commit > *:nth-child(7) {
		-ms-grid-row: 7;
		-ms-grid-column: 1;
	}
	.container-commit > *:nth-child(8) {
		-ms-grid-row: 7;
		-ms-grid-column: 3;
	}
	.container-commit > .grid:nth-child(n+9) {
		display: none;
	}
	.category-news .container-grid,
	.category-news-en .container-grid,
	.single-team .container-grid {
		-ms-grid-columns: minmax(0, 38em);
		grid-template-columns: minmax(0, 38em);
	}
	#infscr-loading {
  		-ms-grid-column-span: 2;
  		grid-column-end: 2;
	}
	.type-expertise, 
	.category .type-commit,
	.entry-columns {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}
	.type-expertise {
		grid-gap: 0;
	}
	.type-expertise .entry-header h2 {
		text-align: center;
	}
	.entry-columns {
		grid-gap: 3em;
	}
	.entry-columns .entry-thumbnail {
		margin: 0;
	}
	/*--- Categorie ---*/
	.entry-header-full .entry-description {
		padding: 0 2.5em;
	}
	.entry-header-full .entry-description p {
		font-size: 2.4em;
	}
	.entry-header-full .entry-info p {
		font-size: 1.6em;
	}
	/*--- Single ---*/
	.entry-header-full {
		padding: 0;
	}
	.entry-header-full .entry-title {
		font-size: 3.4em;
		padding: 0 2.5rem;
	}
	.entry-header-section h2,
	.single-post .entry-title {
		font-size: 3.4em;
	}
	/*--- Single News ---*/
	.single-post .entry-thumbnail {
		padding: 0;
	}
	/*--- Single Team ---*/
	.single-team .network {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.single-team .network li {
		margin: 1em;
	}
	/*--- Category For Good ---*/
	.category .type-commit .entry-thumbnail {
		margin: 0 auto;
	}
	.category .type-commit .entry-title {
		text-align: center;
	}
	/*--- Booming ---*/
	.type-page .entry-columns {
		padding: 0;
	}
	.type-page .entry-columns .entry-content {
		padding: 0 2.5em;
	}
	.type-page .entry-logo:after {
		display: none!important;
	}
	.entry-cite blockquote p {
		font-size: 2.4em;
	}
	.entry-cite blockquote cite {
		font-size: 1.6em;
	}
	/*--- Footer ---*/
	.site-footer .entry-contact p {
		font-size: 2.4em;
	}
	.site-footer .menu {
		display: block;
		text-align: center;
	}
	.site-footer .menu li {
		margin-top: 0.5em;
	}
}

@media (hover: none) {
	.horizontal-scroll .button {
		display: none;
	}
	/*--- Image ---*/
	.container-commit .type-commit .entry-thumbnail img, 
	.container-grid .type-commit .entry-thumbnail img, 
	.container-logo .type-logo .entry-logo img, 
	.page .entry-logo img,
	.type-page .entry-logo img {
		filter: grayscale(0)!important;
		-webkit-filter: grayscale(0)!important;
	}
	/*--- Link ---*/
	.entry-nav-post a,
	.entry-more-post a,
	.entry-link-post a {
		background: #fff!important;
	}
}

@media only screen and (max-device-width: 600px) and (orientation: portrait) {
	.container-commit {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 12.5em 3em 12.5em 3em 12.5em 3em 12.5em 3em 12.5em;
		grid-template-rows: repeat(5, 12.5em);
	}
	.container-commit > *:nth-child(1) {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.container-commit > *:nth-child(2) {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	.container-commit > *:nth-child(3) {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	.container-commit > *:nth-child(4) {
		-ms-grid-row: 7;
		-ms-grid-column: 1;
	}
	.container-commit > *:nth-child(5) {
		-ms-grid-row: 9;
		-ms-grid-column: 1;
	}
	.container-commit > .grid:nth-child(n+6) {
		display: none;
	}
}