/* Customisation for STB
--------------------------------------------- */

/* Color scheme
--------------------------------------------- 
Jaune			#F0F66E			rgba(240, 246, 110, 1);
Rose			#F1AB86			rgba(241, 171, 134, 1);
English violet	#51355A			rgba(81, 53, 90, 1);
Russian violet  #2A0C4E			rgba(42, 12, 78, 1);
Olive			#A8C686			rgba(168, 198, 134, 1);
Noir			#000000			rgba(0,0,0,1)
Blanc			#ffffff			rgba(255,255,255.1)

Fontes

*/

@font-face {
	font-family: 'mastroska';
	src: url('webfonts/matroska-rppg6-webfont.woff2'),
		url('webfonts/matroska-rppg6-webfont.woff');
	font-weight: normal;
	font-style: normal;
}


body {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	color: black;
	overflow-x: hidden;
}

a,
a:visited {
	color: rgba(168, 198, 134, 1);
	text-decoration: none;
}

a:hover {
	color: rgba(168, 198, 134, 1);
	text-decoration: underline;
}

a.wp-block-button__link,
a.wp-block-button__link:visited {
	font-family: 'mastroska';
	font-size: 1.1em;
	font-weight: normal;
	font-style: normal;
	transition: all 0.3s ease-in-out;
	color: white;
}

a.wp-block-button__link:hover {
	color: black;
	transform: scale(1.05);
	text-decoration: none;
}

body .wp-block-separator {
	border: 0;
	background: black;
}

/* Medias
--------------------------------------------- */
img {
	filter: grayscale(100%);
}

/* Typography
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'mastroska';
	font-weight: normal;
	font-style: normal;
	line-height: 1;
}

h1 {
	font-size: 7em;
	/*
	-webkit-text-stroke: 4px black;
	text-stroke: 4px black;
	color: transparent;
	*/
}

/* Structure globale
--------------------------------------------- */
.site-header {
	padding: 1rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
}

.site-main,
.widget-area {
	padding: 0 1rem;
}

.site-footer {
	padding: 1rem;
}

.big-footer-text {
	font-size: 6.2vw;
	font-family: 'mastroska';
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	margin: 0;
	white-space: nowrap;
}

.widget_block:last-of-type {
	margin-bottom: 0;
}

.widget_block ul.menu {
	border-top: 1px solid black;
	list-style: none;
	padding: 0;
	margin: 0;
}

.widget_block ul.menu li {}

.widget_block ul.menu a {
	display: block;
	padding: 0.5em;
	text-transform: uppercase;
	color: black;
	border-bottom: 1px solid black;
}

.widget_block ul.menu a:hover {
	background-color: black;
	color: white;
	text-decoration: none;
}

.site-info {
	font-size: 0.65rem;
	font-weight: bold;
}

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

h1.site-title a,
p.site-title a {
	text-transform: uppercase;
	font-weight: 300;
	font-size: 2rem;
	color: black;
	transition: all 0.3s ease-in-out;
	border: 12px solid black;
	padding: 0.05em 0.2em;
	display: inline-block;
	font-family: 'mastroska';
	white-space: nowrap;
}

h1.site-title a:hover,
p.site-title a:hover {
	background-color: rgba(168, 198, 134, 1);
	text-decoration: none;
}

h1.site-title,
p.site-title {

	margin: 0;

}

/* p.site-title a,
h1.site-title a{
	display: block;
	width: 120px;
	height:120px;
	background: url(images/logo-swiss-type-biennal.svg) no-repeat center center;
	background-size: contain;
	text-indent: -5000000000px;
} */

.site-description {
	display: none;
}

.main-navigation {
	width: auto;
	border: 1px solid black;
	border-width: 1px;
}

.main-navigation li {
	margin: 0;
}

.main-navigation li a {
	text-transform: uppercase;
	color: black;
	display: inline-block;
	padding: 1rem;
}

.main-navigation li a:hover {
	text-transform: uppercase;
	color: white;
	background-color: black;
	text-decoration: none;
}

.main-navigation ul ul {
	display: block;
}

.main-navigation ul ul li {
	margin: 0 0 1.2rem 0;
}

.main-navigation ul ul li a {
	text-transform: none;
}

.main-navigation li.current-menu-item a,
.main-navigation li.current-menu-parent>a {
	text-transform: uppercase;
	color: white;
	background-color: black;
	text-decoration: none;
}

/* Burger Menu
--------------------------------------------- */
button.menu-toggle {
	background: url(images/icon-burger-off.svg) no-repeat center center;
	background-size: contain;
	border: 0;
	width: 50px;
	height: 50px;
	text-indent: -500000000px;
	position: fixed;
	top: 1.5rem;
	right: 1rem;
}

.toggled button.menu-toggle {
	background-image: url(images/icon-burger-on.svg);
	z-index: 110;
}

.toggled #primary-menu {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: yellowgreen;
	z-index: 100;
	display: flex;
	flex-direction: column;
	justify-content: center;
}


.toggled #primary-menu li {
	margin-bottom: 1rem;
}

.toggled #primary-menu li a {
	font-size: 1.5em;
}

.toggled #primary-menu .sub-menu {
	position: static;
	box-shadow: none;
}

.toggled #primary-menu .sub-menu li {
	padding-left: 2em;
	margin: 0.25em 0;
}


/* Event grid
--------------------------------------------- */
.archive .site-main {}

.archive-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 1rem;
}

.archive-grid article {
	border: 1px solid black;
	border-radius: 30px;
	padding: 1rem;
	display: flex;
	flex-direction: column;
}

.event-info {
	border: 1px solid black;
	border-radius: 30px;
	padding: 1rem;
	margin-top: auto;
}

.event-info p {
	margin: 0;
}

.archive-grid article h2 {
	font-size: 2.5rem;
	font-weight: normal;
	line-height: 1.15;
}

.entry-header .event-info-date p {
	font-size: 2rem;
	margin: 0;
	font-weight: bold;
}

.read-more-link {
	padding: 1rem 0;
	text-align: right;
}

.read-more-link a {
	display: inline-block;
	padding: 1em 2em;
	background-color: black;
	color: white;
	text-decoration: none;
	border-radius: 5px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-family: 'mastroska';
	font-weight: normal;
	font-style: normal;
	border-radius: 30px;
}

.read-more-link a:after {
	content: ' ➔';
	font-size: 1.2em;
	transition: all 0.3s ease-in-out;
	display: inline-block;
}

.read-more-link a:hover:after {
	padding-left: 1em;
}

/* Intervenants grid
--------------------------------------------- */
.intervenants-grid {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.intervenants-grid h2 {
	font-size: 1.2rem;
}

.intervenants-portrait a img {
	display: block;
	margin: 0 auto;
	border-radius: 50%;
}

.intervenants-grid article {
	text-align: center;
	padding: 2rem;
	width: 20%;
}