/* variables */
:root {
	--black: #000000;
	--dark-grey: #686868;
	--grey: #d8d8d8;
	--light-grey: #e6e6e6;
	--xlight-grey: #f3f3f3;
	--white: #fff;

	--dark-red: #B9003F;
	--red:#DD004B;
	--light-red: #FF397C;
	--xlight-red: #FF74A3;
	--xxlight-red: #f5f3f1;
	
	--box-shadow: 0 1px 5px 0 rgba(0,0,0,.1);
	--border:3px solid var(--black);
	--border-radius: 4px;
	--big-border-radius: 100px;
}

/* tags */
:root {
	font-size:20px;
}
body {
	font-family: merriweather, serif;
	line-height:1.2em;
	color:var(--black);
	margin:0;
	padding:200px 0 0;
	background:var(--white);
	overflow-x:hidden;
}
body.admin-bar {
}

a {
	color:var(--red);
	text-decoration:none;
	display:inline-block;
}
a:hover {
	color:var(--light-red);
	text-decoration:none;
}

h1,h2,h3,h4,h5,h6 {
	font-family: norwester, serif;
	line-height:.8em;
	margin:3em 0 .3em 0;
	font-weight:normal;
	color:var(--black);
	text-align:left;
	text-transform:uppercase;
}
h1 {
	font-size:4.2rem;
	line-height:.8em;
	margin-bottom:.3em;
}
h2 {
	font-size:2.6rem;
	line-height:.8em;
	margin-bottom:.3em;
}
h3 {
	font-size:1.7rem;
	line-height:.8em;
	margin-bottom:.3em;
}
h4 {
	font-size:1.5rem;
	line-height:.8em;
	margin-bottom:.3em;
}
h5 {
	font-size:1.4rem;
	line-height:.8em;
	margin-bottom:.3em;
}
h6 {
	font-size:1.3rem;
	line-height:.8em;
	margin-bottom:.3em;
}
	
hr {
	width: 20%;
    border: 0;
    height: 2px;
	margin:60px 40%;
	background:var(--light-grey);
}

blockquote {
	position:relative;
	color:var(--dark-grey);
	padding: 0 80px;
	margin: 30px 0;
	line-height: 1.4em;
}
blockquote:before {
	content:'“';
	position:absolute;
	left:0;
	top:30px;
	font-size:5em;
	color:var(--light-grey);
}
blockquote p {
    text-align: left;
	font-style:italic;
}

input,select,textarea {
	background-color: var(--white);
	border: 1px solid var(--dark-red);
	font-family: merriweather, serif;
	padding: 15px 20px;
	font-size: 1rem;
	width: 100%;
	resize: none;
	border-radius: var(--border-radius);
}
input:focus,select:focus,textarea:focus {
	box-shadow: var(--box-shadow);
}
input[type=checkbox] {
	appearance: none;
	width: 1em;
	padding: 0;
	height: 1em;
	vertical-align: middle;
}
input[type=checkbox]:checked:after {
	content:'✔';
	color: var(--black);
	line-height: .6em;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 1.2em;
}
input[type=submit],
input[type=button],
button,
.button,
a.button,
.read-more {
	background-color:var(--red);
	padding:15px 25px;
	font-size:1rem;
	font-family:merriweather, serif;
	color:var(--white);
	display:inline-block;
	text-align:center;
	width:auto;
	cursor:pointer;
	min-width: 280px;
	border-radius:var(--big-border-radius);
	border: 2px solid var(--red);
	transition:background-color .3s ease-in-out, color .3s ease-in-out;
}
input[type=submit]:hover,
input[type=button]:hover,
button:hover,
a.button:hover,
.read-more:hover {
	background-color:var(--light-red);
	border-color: var(--light-red);
}

button.border,
.button.border,
a.button.border {
	border: 2px solid var(--red);
	padding: 15px 25px;
	display: inline-block;
	box-shadow: none;
	text-shadow: none;
	color: var(--red);
	background:transparent;
}
button.border:hover,
.button.border:hover,
a.button.border:hover {
	color:var(--white);
	background-color:var(--light-red);
}

button .counter {
	color: var(--red);
	background: var(--white);
	min-width: 1.5em;
	display: inline-block;
	height: 1.5em;
	line-height: 1em;
	margin: -.5em 0;
	margin-left: 0px;
	font-size: .8em;
	vertical-align: middle;
	margin-left: .5em;
	padding: .2em;
	border-radius: 3em;
}
button.border .counter {
	color: var(--white);
	background: var(--red);
}

button.small,
.button.small,
a.button.small {
	padding:5px 20px;
}

select {
	width:auto;
	max-width:100%;
}
textarea {
	width:100%;
	height:200px;
}
label {
	display:block;
	font-size:1rem;
	line-height:1.5rem;
	cursor:pointer;
}
input + label {
	display:inline;
}
cite {
	font-size: .8rem;
	color: var(--dark-grey);
	margin: 0;
	text-align: left;
	border-top: 1px solid var(--light-grey);
	display: inline-block;
}

table td {
	padding:20px;
	vertical-align:middle;
}


/* header */
.topbar {
	text-align:center;
	position:relative;
	z-index:1001;
	font-size:.9rem;
	line-height:1;
	padding:5px 0;
}
.topbar ul {
	list-style:none;
	padding:0;
	margin:0;
}
.topbar ul li {
	display:inline-block;
	padding:0;
	margin:0 10px 0 0;
}
.topbar ul li:after {
	content: '\e806';
	font-family:fontello;
	display:inline-block;
	margin-left:13px;
	color:var(--red);
}
.topbar ul li:last-child:after {
	display:none;
}
.topbar a {
	color:var(--black);
	display:inline-block;
}
.topbar a:hover {
	color:var(--red);
}

body > header {
	font-family: merriweather, serif;
	padding:10px 0;
	color:var(--black);
	font-size:1rem;
	position:fixed;
	width:100%;
	background:transparent;
	z-index:10000;
	top:0;
	left:0;
	text-align:center;
	/* Force Hardware Acceleration */
	transform: translateZ(0);
	will-change: transform;
	transition: transform .5s, background-color .5s;
}
.admin-bar header {
	top:32px;
}

header a {
	color:var(--black);
}

header > .row {
}
.is-scrolling header > .row {
	background:var(--main-background);
	color:var(--red);
}

.site-name {
	margin-top:0;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}
.site-name > a {
	font-family: norwester, serif;
	font-size: 4.2rem;
    line-height: 1;
    margin: 20px 0;
	padding: 0;
	font-weight: normal;
	color: var(--black);
	text-align: left;
	text-transform: uppercase;
	position:relative;
}
.site-name small {
    position: absolute;
    bottom: -.5em;
    font-size: .35em;
    left: 0;
    width: 100%;
    text-align: center;
    letter-spacing: .2em;
}
#mobile-menu-switcher {
	display:inline-block;
	color: var(--black);
	padding:10px;
	margin: 0 0 .2em .2em;
	font-size: 2rem;
	line-height: 1em;
	z-index: 100;
	text-align:right;
}
#mobile-menu-switcher-close {
	display:none;
	position: relative;
	top: -4.8rem;
	right: -10rem;
	font-size: 2rem;
	color: var(--black);
	z-index: 10001;
	padding: 10px;
	background:var(--white);
	text-decoration:none;
}
#mobile-menu-switcher:hover,
#mobile-menu-switcher-close:hover {
	color:var(--red);
}
.navbar-container:target #mobile-menu-switcher-close {
	display:inline-block;
}

.is-scrolling header {
	background-color:#fff;
}
.is-scrolling header.is-hidden {
	transform:translateY(-100%);
}

.navbar-container {
	position:relative;
	z-index:10000;
	display:block;
}
.navbar-padding {
	position:absolute;
	top:0;
	left:10%;
	width:80%;
	padding:0;
	overflow:hidden;
	transition:height .3s ease-in-out;
	height:0;
}
.navbar-container:target .navbar-padding {
	height:90vh;
}

.menu-container {
	background:var(--white);
	padding:30px;
	border:var(--border);
}
.main-menu-container ul {
	list-style:none;
	padding:0;
	margin:0;
	text-align:left;
}
.main-menu-container ul.main-menu > li {
	display:inline-block;
	vertical-align:top;
	width:20%;
	margin:0 0 30px 0;
}
.main-menu-container ul > li li {
	display:block;
	margin:0;
}
.main-menu-container ul.main-menu > li > a {
	font-family: norwester;
	font-size:1.3em;
	padding-bottom:.3em;
	margin-bottom:.3em;
	border-bottom:var(--border);
}

.menu-menu-superiore-container {
    display: inline-block;
	vertical-align:middle;
}

.topbar .searchform > div {
	background: transparent;
	margin:0;
	gap:10px;
	padding:0;
	height:1em;
}
.topbar .searchform > div:before {
	content:'🔍';
	font-family:Fontello;
	color:var(--red);
	font-size: .8em;
	position: absolute;
	top: 0;
	left: 5px;
	pointer-events: none;
}
.topbar .searchform {
	display: inline-block;
	vertical-align: middle;
}
.topbar .searchform > div {
	position:relative;
}
.topbar .searchform label {
	display:none;
}
.topbar .searchform input[type=text] {
	border:0;
	border-radius:0;
	padding:2px;
	width:1em;
	transition:width .3s ease-in-out, border-bottom .3s ease-in-out;
	cursor:pointer;
	padding-left: 1.2em;
}
.topbar .searchform input[type=text]:focus {
	border-bottom:var(--border);
	width:200px;
}
.topbar .searchform input[type=submit] {
	display:none;
}


.navbar-container .menu-footer-container {
    text-align: right;
}
.navbar-container .menu-footer-container li {
	margin:0 20px 0 0;
	font-size:1.2rem;
}

section {
	position:relative;
}

.desktop-hidden {
	display: none !important;
}


/* page content */
section#contents {
	padding: 0 60px;
}
section.page-header {
}
section.page-header.padding {
	padding:50px;
}
section.page-title {
	margin:0;
}
section.page-title .category {
    position: absolute;
    top: -.5em;
    left: 50%;
    transform: translateX(-50%);
    background: var(--white);
    padding: 0 .5em;
    font-family: Norwester;
    font-size: 1.2rem;
}
section.page-title .category::before,
section.page-title .category::after {
    font-family: Fontello;
    content: '\e806';
    color: var(--red);
    font-size: .4em;
    margin: 0 1em;
    vertical-align: middle;
}
section.page-title h1 {
	border-top: var(--border);
	text-align: center;
	padding-top: 25px;
	margin-top:0;
}
section.page-title h2 {
	margin-top:30px;
}
.home section.page-title h1 {
    font-size: 7rem;
}
section.page-title p {
	font-size: 1.2em;
	font-family: merriweather, serif;
}
section.page-title small {
	font-family: merriweather, serif;
}

section.page-content {
	padding-bottom:60px;
	line-height:1.4;
}
section.page-content a {
	text-decoration:underline;
}
section.page-content a:hover {
	text-decoration:underline;
}
section.page-content .wp-block-embed:not(.wp-block-embed-wordpress) iframe {
	width: 100%;
}

section.page-info {
    text-align: center;
    margin: 40px 0;
}

.page-categories ul {
    display: flex;
    list-style: none;
    padding: 0;
    text-align: center;
    align-items: center;
    flex-wrap: wrap;
}
.page-categories ul li {
	flex-grow: 2;
	border-top: var(--border);
	border-color: var(--dark-red);
	padding: 5px;
}

/* home */
.home #contents > .wp-block-columns:first-of-type {
	margin-top: 50px;
	border-top: var(--border);
}
.home #contents > .wp-block-columns:first-of-type .wp-block-column .wp-block-channeldraw-load-posts {
	margin-top:35px;
}
.home #contents > .wp-block-columns:first-of-type .wp-block-column:nth-child(2) .wp-block-channeldraw-load-posts {
    margin-top: -40px;
    border: 5px solid var(--white);
}
.home .most-popular {
	min-height:100%;
}


/* archives */
.archive-title {
    min-height: 1.7rem;
    border-bottom: var(--border);
    margin-bottom: 1rem;
    text-align: center;
}
.archive-title h1 {
    text-align: center;
    min-height: .5em;
    background: #fff;
    display: inline-block;
    padding: 0 .4em;
}
.archive-title h1:before,
.archive-title h1:after {
	font-family:Fontello;
	content: '\e806';
	color:var(--red);
	font-size:.4em;
	margin:0 1em;
	vertical-align:middle;
}


/* generic */
.news-preview {
	margin-bottom:60px;
}
.news-preview a {
	display:block;
	color:var(--black);
}
.news-preview h3 {
	margin:10px 0 0 0;
}
.news-preview .date {
	font-size:.8em;
	color:var(--dark-grey);
}
figure.post-thumbnail {
	display:block;
	position:relative;
	width:100%;
	height:0;
	padding-bottom:60%;
}
figure.post-thumbnail img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.page-pagination {
	margin:60px 0;
}
.page-pagination .prev,
.page-pagination .next {
    text-align: center;
    background: var(--xlight-grey);
    display: block;
    padding: 20px;
	min-height: 3.3em;
}

/* most liked shortcode */
.most-liked .wp-block-column {
	margin-left: 60px;
}
.most-liked .wp-block-column:first-child {
	margin-left: 0;
}
.most-liked .icon {
	color:var(--red);
	vertical-align:middle;
	margin-right:.3em;
}
.most-liked figure {
	margin-bottom:10px;
}
.most-liked article h3 {
	margin:0;
	font-size:1.2rem;
	line-height:1;
}

/* most popular shortcode */
.most-popular {
	border: var(--border);
	padding:30px;
}
.most-popular h2 {
	margin:0;
	position:relative;
	padding-right:1.3em;
}
.most-popular .category {
	position: absolute;
	top: 0.5rem;
	left: 10.5rem;
	background: var(--red);
	color: var(--white);
	padding: 0 .2em;
	font-size: .4em;
	line-height: 1;
}
.most-popular .icon {
	color:var(--red);
	position:absolute;
	top:0;
	right:0;
}
.most-popular ol {
	counter-reset: most-popular-counter;
	list-style: none;
	padding:0;
}
.most-popular ol li {
	padding: 1em 0 1em 3em;
	margin:0;
	counter-increment: most-popular-counter;
	position: relative;
	min-height:3.5em;
	border-bottom:1px solid var(--black);
}
.most-popular ol li:last-child {
	border-bottom:none;
}
.most-popular ol li a {
	color:var(--black);
}
.most-popular ol li a:hover {
	color:var(--light-red);
}
.most-popular ol li::before {
	content: counter(most-popular-counter);
	color: var(--black);
	font-family: Norwester;
	position: absolute;
	left:0;
	top:.3em;
	font-size: 2.5em;
	line-height: 1;
	width:1em;
	text-align: center;
}

/* videos */
.latest-videos {
    border: var(--border);
    margin: 80px 0 50px 0;
    padding: 40px;
	position:relative;
}
.latest-videos .wp-block-columns:last-of-type {
	margin-bottom:0;
}
.latest-videos h2 {
    position: absolute;
    top: -.7em;
    left: 50%;
    transform: translateX(-50%);
    background: var(--white);
    padding: 0 .4em;
}
.latest-videos h2 a {
	color:var(--black);
}
.latest-videos h2 .icon {
	color:var(--red);
}

.post-type-archive-video article.video {
	margin-bottom:30px;
}
article.video a {
    display: block;
	text-decoration:none;
}
article.video h3 {
	font-size:1.2rem;
	text-align:center;
	margin-top:10px;
}
article.video .post-thumbnail a::after {
    content: '\f16a';
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: Fontello;
    font-size: 4rem;
    color: var(--red);
    transform: translate(-50%, -50%);
}
article.video:hover .post-thumbnail a::after {
    color: var(--light-red);
}

.border-top {
	border-top: var(--border);
}
.border-bottom {
	border-bottom: var(--border);
}
.border-left {
	border-left: var(--border);
}
.border-right {
	border-right: var(--border);
}

.sidebar {
	position: sticky;
	top:30px;
}

/* twitter */
.recent-tweets {
	padding: 40px;
}


/* blocks */
.wp-block-columns {
	gap: 30px;
}

.wp-block-channeldraw-load-posts {
    margin: 20px 0;
}
.wp-block-channeldraw-load-posts h3 {
	margin-top: .7em;
}
.wp-block-channeldraw-load-posts a {
	display:block;
	color:var(--black);
}
.wp-block-channeldraw-load-posts a:hover {
	color:var(--light-red);
}

.wp-block-channeldraw-category {
	margin-bottom:60px;
}
.wp-block-channeldraw-category h2 {
	position:relative;
	height:.45em;
	margin-bottom:.8em !important;
	border-bottom:3px solid #000;
	text-align:center;
}
.wp-block-channeldraw-category h2 span {
	display:inline-block;
	background:#fff;
}
.wp-block-channeldraw-category h2 span a {
	display:inline-block;
}
.wp-block-channeldraw-category h2 span:before,
.wp-block-channeldraw-category h2 span:after {
	font-family:Fontello;
	content: '\e806';
	color:var(--red);
	font-size:.4em;
	margin:0 1em;
	vertical-align:middle;
}
.wp-block-channeldraw-category a {
	display:block;
}
.wp-block-channeldraw-category img {
	width:100%;
}
.wp-block-channeldraw-category ul {
	list-style:none;
	padding:0;
	margin:0;
}
.wp-block-channeldraw-category li {
	border-bottom:1px solid #000;
	padding:6px 0;
}
.wp-block-channeldraw-category li:last-child {
	border-bottom:0;
}
.wp-block-channeldraw-category a {
	text-decoration:none;
	color:var(--black);
}
.wp-block-channeldraw-category a:hover{
	color:var(--light-red);
}
.wp-block-channeldraw-category > .wp-block-columns > .wp-block-column:nth-child(2) a {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 150%;
    position: relative;
}
.wp-block-channeldraw-category > .wp-block-columns > .wp-block-column:nth-child(2) a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.wp-block-channeldraw-category h3 {
	font-size:1.3rem;
	line-height: .9em;
	margin-bottom: .3em;
}
.wp-block-channeldraw-category p {
	font-size:.9rem;
	line-height:1.2;
	margin:0 1em 0 0;
}

.wp-block-image {
    background: var(--xlight-grey);
    border-radius: 5px;
    text-align: center;
    font-size: .8em;
    line-height: 1.2em;
}
.wp-block-image img {
	width:100%;
	height:auto;
}

.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
    background: transparent;
    color: var(--white);
    mix-blend-mode: difference;
}

.wp-block-gallery.is-slideshow .arrow_prev,
.wp-block-gallery.is-slideshow .arrow_next {
	opacity:1;
}
.wp-block-gallery.is-slideshow .arrow_prev::after,
.wp-block-gallery.is-slideshow .arrow_next::after {
    transform: none;
    border: 0;
    content: '<';
    font-family: norwester;
    font-size: 4em;
    color: var(--red);
	width: auto;
	height: auto;
}
.wp-block-gallery.is-slideshow .arrow_next::after {
    content: '>';
}
.wp-block-gallery.is-slideshow .arrow_prev:hover::after,
.wp-block-gallery.is-slideshow .arrow_next:hover::after {
	color:var(--light-red);
}

.wp-block-buttons {
	text-align:center;
}
.wp-block-button__link {
    background: var(--red);
    text-decoration: none !important;
    border-radius: var(--big-border-radius);
}
.wp-block-button__link:hover {
    background: var(--light-red);
}
.is-style-outline .wp-block-button__link {
	border-color: var(--red);
	color: var(--red);
	background:transparent;
}
.is-style-outline .wp-block-button__link:hover {
	color: var(--white);
	background-color: var(--light-red) !important;
	background:transparent;
}

.wp-block-embed iframe {
	margin:40px auto;
}

figure.wp-block-embed-wordpress {
    max-width: 500px;
    display: block;
    overflow: visible;
    margin-right: 1%;
    height: auto;
    min-height: 0;
    max-height: none;
    vertical-align: top;
}

body.template-graphic-journalism .blocks-gallery-grid {
    display: block;
    width: 100%;
}
body.template-graphic-journalism .blocks-gallery-grid .blocks-gallery-item {
    width: 100%;
    margin: 0 0 30px 0;
    max-width: 100%;
}
body.template-graphic-journalism .blocks-gallery-grid .blocks-gallery-item figure img {
	width:100%;
	height:auto;
}

.wp-block-group.book-header {
    background: var(--xlight-grey);
    padding: 30px;
    margin-bottom: 30px;
}
.wp-block-group.book-header .wp-block-column:first-child img {
    height: 500px;
	width: auto;
}
.wp-block-group.book-header .wp-block-column:first-child figure {
	position:relative;
	box-shadow: 3px 3px 5px 0 rgba(0,0,0,.1), 10px 10px 10px 0 var(--grey), 20px 20px 30px 0 var(--grey);
	transform: rotate(-2deg);
}
.wp-block-group.book-header .wp-block-column:first-child figure:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:5%;
	height:100%;
	background:linear-gradient(150deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
	border-right:1px solid rgba(0,0,0,.2);
	box-shadow:1px 0 1px 0 rgba(255,255,255,.2);
}
.wp-block-group.book-header .wp-block-column:first-child figure:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:linear-gradient(150deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 80%);
}
.wp-block-group.book-header .wp-block-buttons {
    border-top: var(--border);
    border-bottom: var(--border);
	border-color:var(--grey);
    padding: 10px 0 0;
    margin: 10px 0;
}

.wp-block-embed:not(.wp-block-embed-wordpress) iframe {
	height:100%;
	min-height:100%;
}
.wp-block-embed.is-type-video .wp-block-embed__wrapper {
	position:relative;
	width:100%;
	height:0;
	padding-bottom:55%;
	margin:30px 0;
}
.wp-block-embed.is-type-video iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0;
}

/* sharing */
.share-container {
    display: flex;
	align-items: center;
    flex-wrap: wrap;
    padding: 20px;
    background: var(--dark-red);
    color: var(--white);
}
.share-container > * {
    flex-grow: 2;
}
.share-container a {
	color:var(--white);
}
.share-container button {
	color:var(--white);
	border-color:var(--white);
}
.sharing-social a {
	display:inline-block;
	margin:10px;
}

/* footer */
footer {
	margin:0;
	font-size:.85rem;
	line-height:1.2em;
	padding:0 60px;
	margin-top:60px;
}

footer ul {
	list-style:none;
	padding:0;
	margin:0;
}
footer ul li {
	margin-left:0
}
footer ul li a {
	color:var(--black);
}
footer ul li a:hover {
	color:var(--red);
}

footer .footer-menu {
    display: flex;
	width: 100%;
	align-content: flex-start;
	justify-content: space-between;
}
footer .footer-menu-container ul.footer-menu > li > a {
	font-family: norwester;
	font-size:1.3em;
	padding-bottom:.3em;
	margin-bottom:.3em;
	border-bottom:var(--border);
}

.menu-footer-container li {
    display: inline-block;
    font-family: Norwester;
    font-size: 1rem;
    margin: 10px 20px 10px 0;
}

li.facebook a:before {
	content:'\f30e';
	font-family:Fontello;
	display:inline-block;
	margin-right:.3em;
	color:var(--red);
}
li.twitter a:before {
	content:'\f309';
	font-family:Fontello;
	display:inline-block;
	margin-right:.3em;
	color:var(--red);
}
li.instagram a:before {
	content:'\e822';
	font-family:Fontello;
	display:inline-block;
	margin-right:.3em;
	color:var(--red);
}
li.medium a:before {
	content:'\f23a';
	font-family:Fontello;
	display:inline-block;
	margin-right:.3em;
	color:var(--red);
}


/* newsletter */
.newsletter {
    padding: 30px;
    background: var(--dark-red);
	color:var(--white);
}
.newsletter a {
	color:var(--white);
	text-decoration:underline;
}
.newsletter h2 {
	text-align:center;
	margin-top:-.8em;
}
.newsletter::after {
    content: '';
    width: 100%;
    max-width: 1200px;
    border-bottom: 1px solid var(--blue);
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

input.hpcheck {
	position:absolute;
	left:-3000px;
}
.on-wait {
	padding:10px;
	background-color:#444;
	color:#fff;
	text-align:center;
	margin:10px 0;
	display:none;
}
.on-success {
	padding:10px;
	background-color:#00ca00;
	color:#fff;
	text-align:center;
	margin:10px 0;
	display:none;
}
.on-fail {
	padding:10px;
	background-color:#ca0000;
	color:#fff;
	text-align:center;
	margin:10px 0;
	display:none;
}
.on-wait.visible,
.on-success.visible,
.on-fail.visible {
	display:block;
}

div.wpcf7 {
    margin: 0;
    padding: 30px;
    border: 1px solid var(--dark-red);
}
div.wpcf7 p {
	margin-top:0;
}

/* search form */
.searchform > div {
    display: flex;
    white-space: nowrap;
    gap: 20px;
    margin-bottom: 20px;
    background: var(--xlight-grey);
    padding: 10px;
    border-radius: var(--border-radius);
	align-items: center;
}

/* cookie law */
#cookie-law-info-bar {
	z-index: 999;
	box-shadow: none;
	background: var(--red) !important;	
}
#cookie_action_close_header {
	border-radius:100px;
	background:var(--red) !important;
	text-transform: lowercase;
}

.multilingual-pages-switcher {
    margin: 15px 0;
    text-align: center;
    background: var(--xxlight-red);
    padding: 10px;
    border-top: var(--border);
    border-bottom: var(--border);
}

#wpstats {
	display:none;
}


/* Gutenberg's photogallery fix after 2022 update */

.wp-block-gallery {
	display: flex;
	gap: var( --wp--style--block-gap, 0.5em );
	flex-wrap: wrap;
	align-items: center;
}

li.bluesky a:before {
	content:'';
	display:inline-block;
	width:1em;
	height:1em;
	margin-right:.3em;
	vertical-align:-.12em;
	background-color:var(--red);
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 10.8C10.913 8.686 7.954 4.747 5.202 2.805 2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364-4.62.682-8.729 2.356-3.344 8.351 5.925 6.138 8.12-1.317 8.337-2.743.217 1.426 2.412 8.881 8.337 2.743 5.385-5.995 1.276-7.67-3.344-8.35 2.67.295 5.568-.629 6.383-3.365.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8z'/%3E%3C/svg%3E") center/contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 10.8C10.913 8.686 7.954 4.747 5.202 2.805 2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364-4.62.682-8.729 2.356-3.344 8.351 5.925 6.138 8.12-1.317 8.337-2.743.217 1.426 2.412 8.881 8.337 2.743 5.385-5.995 1.276-7.67-3.344-8.35 2.67.295 5.568-.629 6.383-3.365.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Three-column category overview at the end of article pages. */
@media only screen and (min-width: 721px) {
	.wp-block-channeldraw-category > .wp-block-columns {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 2fr);
		gap: 30px;
		align-items: start;
		width: 100%;
	}
	.wp-block-channeldraw-category > .wp-block-columns > .wp-block-column {
		width: auto !important;
		min-width: 0;
		margin: 0 !important;
	}
	.wp-block-channeldraw-category > .wp-block-columns > .wp-block-column:nth-child(2) img {
		display: block;
		width: 100%;
		height: auto;
	}
	.wp-block-channeldraw-category > .wp-block-columns > .wp-block-column:nth-child(3) > .wp-block-columns {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 30px;
		width: 100%;
	}
	.wp-block-channeldraw-category > .wp-block-columns > .wp-block-column:nth-child(3) > .wp-block-columns > .wp-block-column {
		width: auto !important;
		min-width: 0;
		margin: 0 !important;
	}
	.wp-block-channeldraw-category > .wp-block-columns > .wp-block-column:nth-child(3) > .wp-block-columns + .wp-block-columns {
		margin-top: 30px;
	}
}
