/*
Theme Name: ICCA Consortium KOS
Author: ICCA Consortium
Description: ICCA Consortium KOS is a Wordpress template based on KOS design.
Version: 1.14.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: iccaconsortium
*/

/*
CHANGELOG

1.14.5 17.04.2023
improved category page edit link to make sure it allows editing

1.14.4 13.04.2023
Replaced hard-coded search form with get_search_form()

1.14.3 12.04.2023
Replaced Google Analytics UA code for GA4 code

1.14.2 28.03.2023
Added donate button to footer
Added rollover states to homepage buttons

1.14.1 30.06.2022
Improved cover block display in admin editor
Removed old homepage news block, and renamed homepage news 2021 block as homepage news

1.14.0 28.06.2022
Removed ordering by post_weight

1.13.7 26.04.2022
Adjusted CSS layout for category pagination

1.13.6 19.04.2022
Added layout options for Melissa
Removed need for Gulp from dev set up
Adjusted pagination styles to overcome Divi styles and removed .category-listing-nav styles for consistency

1.13.5
Removed exclusion of 'newsflash' category posts from news pages

1.13.4
Layout adjustments to single posts

1.13.3 22.12.2021
CSS bug fixes

1.13.2
Improved footer responsive layout

1.13.1
Improved layout for people pages (making images fit)

1.13.0 21.12.2021
Added blocks for block based homepage
Layout and typography adjustments

1.12.1 01.07.2021
Minor Style adjustments

1.12.0 – 28.06.2021
Changed styings for new ICCA blocks and added Classic editor options too

1.11.0 - 10.05.2021
Added stylings for new ICCA blocks

1.10.2 – 26.04.2021
Changed Polylang language switcher to include classes
Used classes to hide Portuguese option on homepage only
Tweaks to sidebar and language switcher layout

1.10.1 - 23.03.2021
Fixed Polylang issue
Removed bullets from sidebar UL
Fixed news pagination

1.10.0 - 24.02.2021
Added sidebar and narrow content options
Added Infomaniak logo

1.9.0 - 16.12.2020
Installed NPM and gulp for browser reloading

1.8.15 - 09.11.2020
Updated stylesheet version

1.6.1
Adjusted members layout to use flex
*/

/* Fonts faces */

@font-face {
	font-family: "Montserrat";
	src: url("fonts/montserrat/Montserrat-Regular.otf");
	font-weight: normal;
}

@font-face {
	font-family: "Montserrat Bold";
	src: url("fonts/montserrat/Montserrat-Bold.otf");
	/* font-weight: bold; */
}

@font-face {
	font-family: "journalregular";
	src: url("fonts/journal/journal-webfont.eot");
	src: url("fonts/journal/journal-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/journal/journal-webfont.woff") format("woff"), url("fonts/journal/journal-webfont.ttf") format("truetype"), url("fonts/journal/journal-webfont.svg#journalregular") format("svg");
	font-weight: normal;
	font-style: normal;
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-family: Montserrat, Arial;
	font-weight: normal;

	scroll-behavior: smooth;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}

*:focus {
	outline: none;
}

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

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

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	/*font-weight: 700;*/
	font-family: "Montserrat Bold", "Montserrat", sans-serif;
}

p {
	margin: 0 0 20px 0;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

img,
iframe,
object,
embed {
	display: inline-block;
	max-width: 100%;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

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

code,
kbd,
pre,
samp {
	font-size: 1em;
}

img {
	color: #aaa;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.2;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

select {
	text-transform: none;
}

button {
	overflow: visible;
}

button,
input,
select,
textarea {
	max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
	opacity: 0.5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 0.4375em;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #d1d1d1;
	margin: 0 0 1.75em;
	min-width: inherit;
	padding: 0.875em;
}

fieldset> :last-child {
	margin-bottom: 0;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

optgroup {
	font-weight: bold;
}

td {
	vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Montserrat Bold", "Montserrat", sans-serif;
	font-weight: normal;
}

h1 {
	font-size: 28px;
}

h2 {
	font-size: 24px;
	text-transform: uppercase;
	color: #353535;

	margin-top: 40px;
	margin-bottom: 10px;
}

h3 {
	font-size: 20px;
	text-transform: uppercase;
	color: #353535;

	margin-top: 20px;
	margin-bottom: 0;
}

.wp-caption {
	max-width: 100% !important;
}

.wp-caption-text,
.caption {
	font-size: 13px;
	line-height: 18px;
	color: #888;
	font-style: italic;
	margin: 0;
	text-align: left;
}

.post-thumbnail+.caption {
	padding-top: 5px;
}

.floating-content {
	background-color: rgba(255, 255, 255, 0.7);
	padding: 10px;
	border-radius: 2px;
}

.highlight {
	display: block;
	background-color: #fff;
	padding: 20px;
	border-radius: 3px;
	width: 60%;
	margin: 20px auto;
}

.highlight a.btn {
	display: inline-block;
	background-color: #d33f10;
	text-align: center;
	padding: 10px 15px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 110%;
	margin: 20px auto 10px auto;
	color: #fff;
}

.highlight a.btn:hover {
	color: #fff;
}

table.style1 {
	margin: 20px 0;
}

table.style1 td {
	background-color: #fff;
	padding: 10px;
}

table.style1 tr:first-child td {
	background-color: #353535;
	color: #fff;
	font-weight: bold;
}

table.style1 td:first-child {
	background-color: #d33f10;
	color: #fff;
	width: 30%;
}

table.style2 {
	margin: 20px 0;
}

table.style2 td {
	background-color: #fff;
	padding: 10px;
}

table.style2 td:first-child {
	background-color: #d33f10;
	color: #fff;
	width: 20%;
}

table.style1 td:first-child {
	background-color: #d33f10;
	color: #fff;
	width: 30%;
}

table.join {
	margin: 20px 0;
}

table.join td.white {
	background-color: #fff;
	padding: 10px;
}

table.join td.grey {
	background-color: #f2f2f2;
	padding: 0;
}

table.join td.orange {
	background-color: #d33f10;
	color: #fff;
	padding: 10px;
}

table.join .fa-arrow-down {
	color: #004200;
	font-size: 30px;
	display: block;
	text-align: center;
}

table.yellow {
	border: none;
}

table.yellow td:first-child {
	min-width: 25%;
}

table.yellow td {
	border: 1px solid #fff;
	padding: 2%;
	background-color: #feffac;
}

table.yellow {
	border: none;
}

table.yellow td:first-child {
	min-width: 25%;
}

table.yellow td {
	border: 1px solid #fff;
	padding: 2%;
	background-color: #feffac;
}

table.focal-points {
	margin: auto;
}

table.focal-points td.orange {
	background-color: #d33f10;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

table.focal-points td.grey {
	background-color: #353535;
	color: #fff;
	font-weight: bold;
}

table.focal-points td {
	padding: 10px;
	background-color: #fff;
}

/**
 * 2.0 - Genericons
 */

/**
 * 3.0 - Typography
 */

abbr,
acronym {
	border-bottom: 1px dotted #d1d1d1;
	cursor: help;
}

/**
 * 4.0 - Elements
 */

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

hr {
	background-color: #d1d1d1;
	border: 0;
	height: 1px;
	margin: 0 0 1.75em;
}

ul,
ol {
	margin: 0;
	padding: 0 0 10px 2rem;
	overflow: hidden;
}

ul {
	list-style: square;
}

ol {
	list-style: decimal;
	margin-left: 1.5em;
}

li {
	padding-left: 10px;
}

li>ul,
li>ol {
	margin-bottom: 0;
}

dl {
	margin: 0 0 1.75em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 0 1.75em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
	vertical-align: middle;
}

del {
	opacity: 0.8;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #fff;
}

:-moz-placeholder {
	color: #fff;
}

::-moz-placeholder {
	color: #fff;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #fff;
}

/**
 * Forms
 */

input {
	line-height: normal;
}

/**
 * Links
 */

a {
	color: #d33f10;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #e79824;
	text-decoration: none;
	outline: none;
}

a.pdf {
	padding: 0 20px 0 0px;
	background-image: url("images/pdflink.png");
	background-repeat: no-repeat;
	background-position: right center;
}

/**
 * Accessibility
 */

/* Text meant only for screen readers */
.says,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	/* many screen reader and browser combinations announce broken words as they would appear visually */
	word-wrap: normal !important;
}

/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font-weight: 700;
	left: -9999em;
	outline: 0;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}

.site .skip-link:focus {
	clip: auto;
	height: auto;
	left: 6px;
	top: 7px;
	width: auto;
	z-index: 100000;
}

/**
 * Alignments
 */

.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 10px;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 10px;
}

.aligncenter figcaption {
	text-align: center;
}

/**
 * Widgets
 */
h2.widgettitle {
	margin-top: 0;
}

/**
 * Content
 */

body {
	background-color: #fff;
	margin: 0;
	font-size: 100%;
	overflow-x: hidden;
}

.site-inner {
	max-width: 1920px;
	width: 100%;
	margin: auto;
}

.site-content {
	overflow: hidden;
	margin-top: 70px;
	/* Menu height */
	position: relative;
	background-color: #f2f2f2;
}

/**
 * Header
 */

.site-header {
	color: #fff;
	max-width: 1920px;
	width: 100%;
	margin: auto;
	position: fixed;
	top: 0;
	overflow: visible;
	height: 70px;
	/* Menu height */
	z-index: 100;
	display: table;
}

/**
 * Menus
 */

#menu-consortium-toggle,
#menu-icca-toggle {
	display: table-cell;
	vertical-align: middle;
	width: 10%;
}

#menu-consortium-toggle .fa-bars,
#menu-icca-toggle .fa-bars {
	font-size: 180%;
	display: inline-block;
	font-family: FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	cursor: pointer;
}

#menu-icca-toggle .fa-bars {
	margin: 0 0 0 8%;
	/* Side buffer */
}

#menu-consortium-toggle .fa-bars {
	margin: 0 8% 0 0;
	/* Side buffer */
}

#menu-icca-toggle {
	text-align: left;
	background-color: #004200;
	text-align: right;
}

#menu-consortium-toggle {
	text-align: left;
	background-color: #b7411b;
	padding: 0 8% 0 0;
	/* Side buffer */
	background-color: #d33f10;
}

#menu-icca-center,
#menu-consortium-center {
	display: table-cell;
	vertical-align: middle;
	padding: 0 1%;
}

#menu-icca-title,
#menu-consortium-title {
	font-size: 22px;
	font-weight: bold;
	padding: 0 1%;
	white-space: nowrap;
	display: table-cell;
	vertical-align: middle;
}

#menu-icca-title {
	width: 5%;
	background-color: #004200;
}

#menu-icca-center {
	background-color: #004200;
	width: 35%;
}

#menu-consortium-title {
	width: 21%;
	background-color: #d33f10;
	text-align: right;
}

#menu-consortium-center {
	background-color: #d33f10;
	width: 20%;
	position: relative;
}

.breadcrumbs {
	display: inline-block;
	font-size: 90%;
	padding-left: 2%;
}

.breadcrumbs a,
.breadcrumbs a:hover {
	color: #fff;
}

.breadcrumbs a:first-child {
	font-weight: bold;
}

.site-header .search-form {
	display: inline-block;
}

.site-header .search-form button {
	font-size: 100%;
	background-color: unset;
	border: 0;
	line-height: 1px;
	padding: 0;
}

.site-header .search-form input.search-field {
	border: 0;
	font-size: 90%;
	background-color: unset;
	padding: 4px;
	width: 80%;
}

.side-menu {
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	position: fixed;
	top: 0;
	width: 101%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	opacity: 0;
}

.side-menu.show {
	opacity: 1;
	-webkit-transition: transform 0.25s, opacity 0.5s;
	-moz-transition: transform 0.25s, opacity 0.5s;
	-ms-transition: transform 0.25s, opacity 0.5s;
	-o-transition: transform 0.25s, opacity 0.5s;
	transition: transform 0.25s, opacity 0.5s;
	z-index: 110;
}

.side-menu .overlay {
	width: 60%;
	right: 0;
	min-height: 100%;
	position: absolute;
}

.side-menu.menu-consortium .overlay {
	left: 0;
}

.side-menu .menu-block {
	color: #fff;
	width: 40%;
	min-width: 320px;
	max-width: 560px;
	min-height: 100%;
}

.side-menu.menu-icca .menu-block {
	background-color: #004200;
	float: left;
}

.side-menu.menu-consortium .menu-block {
	background-color: #d33f10;
	float: right;
}

.side-menu.menu-icca {
	transform: translateX(-100%);
}

.side-menu.menu-icca.show {
	transform: translateX(0);
}

.side-menu.menu-consortium {
	transform: translateX(100%);
}

.side-menu.menu-consortium.show {
	transform: translateX(0);
}

.side-menu .header .title {
	display: inline-block;
	width: 91%;
	font-size: 130%;
	font-weight: bold;
}

.side-menu.menu-icca .header .title {
	padding: 3.7% 1% 3.7% 6%;
	/* Top menu buffer */
}

.side-menu.menu-consortium .header .title {
	padding: 3.7% 6% 3.7% 1%;
	/* Top menu buffer */
	text-align: right;
}

.side-menu .header .close {
	font-family: Genericons;
	font-size: 100%;
	cursor: pointer;
	display: inline-block;
	width: 8%;
	text-align: center;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

.nav-menu {
	clear: both;
}

.side-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.side-menu li {
	border-top: 1px solid #eee;
	padding: 0px;
}

.side-menu li a {
	width: 90%;
	display: block;
	text-decoration: none;
	color: #fff;
}

.side-menu>div>div>ul>li:last-child {
	border-bottom: 1px solid #eee;
}

.side-menu.menu-icca li .sub-menu {
	background-color: #006100;
}

.side-menu.menu-consortium li .sub-menu {
	background-color: #ea592e;
	/*#ec632e;*/
}

.side-menu.menu-consortium li .sub-menu li {
	border-top: 1px solid #d33f10;
}

.side-menu.menu-icca li .sub-menu li {
	border-top: 1px solid #004200;
}

.side-menu.menu-icca li .sub-menu li .sub-menu {
	background-color: #008809;
}

.side-menu.menu-icca li .sub-menu li .sub-menu li .sub-menu {
	background-color: #32a706;
}

.side-menu.menu-consortium li .sub-menu li .sub-menu {
	background-color: #fe6e45;
	/*#f5913d;*/
}

.side-menu.menu-consortium li a {
	text-align: right;
	padding: 3% 6% 3% 1%;
	margin-left: 10%;
}

.side-menu.menu-icca li a {
	text-align: left;
	padding: 3% 1% 3% 6%;
	margin-right: 10%;
}

.side-menu ul.sub-menu {
	display: none;
}

.side-menu .menu-item-has-children:before {
	font-family: FontAwesome;
	font-size: 160%;
	width: 10%;
	padding: 1% 3%;
	cursor: pointer;
}

.side-menu.menu-icca .menu-item-has-children:before {
	content: "\f105";
	float: right;
	text-align: right;
}

.side-menu.menu-consortium .menu-item-has-children:before {
	content: "\f104";
	float: left;
	text-align: left;
}

.side-menu.menu-icca .menu-item-has-children.expanda:before {
	content: "\f107";
}

.side-menu.menu-consortium .menu-item-has-children.expand:before {
	content: "\f107";
}

.side-menu .menu-item-has-children.expand>ul.sub-menu {
	display: block;
}

/**
 * i18 selectors
 */

ul.i18-top {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99;
	width: 10%;
	margin: 0;
	padding: 0;
	list-style: outside none none;
}

body.single ul.i18-top {
	top: 30px;
}

ul.i18-post {
	margin: 0;
	padding: 0;
	list-style: outside none none;
	float: right;
	margin: 0 0 0 15px;
}

ul.i18-newsflash {
	margin: 0 0 0 0;
	padding: 0;
	list-style: outside none none;
	margin: 0 0 0 15px;
	display: block;
	width: 100%;
	text-align: right;
}

ul.i18-onglet {
	position: absolute;
	right: 0;
	margin: 0;
	padding: 0;
	list-style: outside none none;
	margin: 0 0 0 0;
}

ul.i18-newsflash li,
ul.i18-post li,
ul.i18-onglet li {
	width: 30px;
	height: 30px;
	margin: 0 0 2px 15px;
	padding: 0;
	background-color: #004200;
	color: #fff;
	text-transform: capitalize;
	text-align: center;
	line-height: 30px;
	font-size: 13px;
}

ul.i18-newsflash li a,
ul.i18-post li a,
ul.i18-onglet li a {
	display: inline-block;
	width: 30px;
	height: 30px;
}

ul.i18-newsflash li a:hover,
ul.i18-post li a:hover,
ul.i18-onglet li a:hover,
ul.i18-newsflash li a:focus,
ul.i18-post li a:focus,
ul.i18-onglet li a:focus {
	background-color: #d33f10;
}

ul.i18-top li {
	text-transform: capitalize;
	width: 40px;
	height: 40px;
	margin: 0 0 2px 0;
	padding: 0;
	line-height: 40px;
	background-color: #fff;
	color: #d33f10;
}

ul.i18-newsflash li {
	margin: 0 5px;
	display: inline-block;
}

ul.i18-top li a {
	background-color: #fff;
	color: #d33f10;
	width: 40px;
	height: 40px;
	display: inline-block;
	text-align: center;
}

ul.i18-top li a:hover,
ul.i18-top li a:focus {
	background-color: #d33f10;
	color: #fff;
}

body.single ul.i18-top li a {
	background-color: #d33f10;
	color: #ffffff;
}

body.single ul.i18-top li a:hover,
body.single ul.i18-top li a:focus {
	background-color: #fff;
	color: #d33f10;
}

ul.i18-newsflash li a,
ul.i18-post li a,
ul.i18-onglet li a {
	color: #fff;
}

/* Home language switcher */
.home .lang-item-pt {
	/* Hide Portuguese option from language switcher on homepage */
	display: none;
}

/*
ul.i18-post li:first-child,
ul.i18-top li:first-child {
  display: block;
}

ul.i18-post:hover li,
ul.i18-top:hover li {
  display: block;
}*/

/**
 * Gallery layout
 */

.su-custom-gallery {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

/**
 * Home shortcuts
 */

a.shortcut-anchor {
	height: 0;
	width: 0;
	display: block;
}

a.shortcut-anchor[name="slider"] {
	height: 30px;
	width: 100%;
	background-color: #fff;
}

.shortcuts {
	position: fixed;
	top: 50%;
	left: 0;
	z-index: 5;
	opacity: 0;
}

.shortcuts.done {
	opacity: 1;
}

.shortcuts a {
	display: block;
	margin: 0 0 0 20px;
	font-size: 110%;
}

.shortcuts a span::before {
	color: #e79824;
	/* color: #8f8f8f; */
	font-family: FontAwesome;
	content: "\f10c";
}

.shortcuts a:hover span::before {
	color: #e79824;
	content: "\f192";
}

.shortcuts a.selected span::before {
	color: #d33f10;
	content: "\f192";
}

.shortcuts a.selected:hover span::before {
	color: #d33f10;
	content: "\f192";
}

/**
 * Home portal
 */

.portal {
	display: table;
	width: 100%;
	background: url(images/home-bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}

.portal .welcome {
	position: absolute;
	top: 10%;
	z-index: 2;
	opacity: 0;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 52px;
	font-family: journalregular;
	color: #fff;
}

#scrolldown {
	position: absolute;
	top: 70%;
	z-index: 99;
	opacity: 0;
	width: 100%;
	text-align: center;
}

#scrolldown i {
	color: #fff;
	font-size: 32px;
	cursor: pointer;
}

@-webkit-keyframes home_welcome {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes home_welcome {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.portal.anim .welcome {
	-webkit-animation: home_welcome 3s ease-in-out;
	animation: home_welcome 3s ease-in-out;
}

@-webkit-keyframes home_scrolldown {
	0% {
		opacity: 0;
		top: 70%;
	}

	50% {
		opacity: 1;
		top: 75%;
	}

	100% {
		opacity: 0;
		top: 70%;
	}
}

@keyframes home_scrolldown {
	0% {
		opacity: 0;
		top: 70%;
	}

	50% {
		opacity: 1;
		top: 75%;
	}

	100% {
		opacity: 0;
		top: 70%;
	}
}

.portal.anim.done #scrolldown {
	-webkit-animation: home_scrolldown 3s infinite ease-in-out;
	animation: home_scrolldown 3s infinite ease-in-out;
}

.portal .credits-btn {
	position: absolute;
	bottom: 5%;
	left: 20px;
	cursor: pointer;
	font-size: 150%;
	color: rgba(0, 0, 0, 0.8);
	z-index: 100;
}

.portal .credits {
	display: none;
	position: absolute;
	bottom: 1.5%;
	left: 0;
	transform: scale(0.9);
	background-color: rgba(0, 0, 0, 0.7);
	padding: 20px 40px;
	z-index: 3;
	color: #fff;
}

.portal .credits .close:before {
	content: "\f406";
	font-family: Genericons;
	vertical-align: middle;
	padding: 6px 4px;
}

.portal .credits .close {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	z-index: 4;
	cursor: pointer;
}

.portal .portlet {
	color: #383838;
	background-color: rgba(255, 255, 255, 0);
	overflow: auto;
	padding: 1%;
	position: relative;
}

.portal .icca {
	display: table-cell;
	vertical-align: top;
	width: 50%;
	text-align: center;
	padding: 0 0 50% 0;
	position: relative;
	z-index: 1;
}

.portal .icca .layer {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 90%;
	opacity: 0;
	z-index: -2;
	background-color: rgba(255, 255, 255, 0.5);
}

.portal.anim .icca .layer {
	right: 0;
	opacity: 1;
	background-color: rgba(255, 255, 255, 0);
	-webkit-transition: right 0.6s ease-in-out, opacity 0.6s ease-in-out, background-color 3s ease-in-out;
	-moz-transition: right 0.6s ease-in-out, opacity 0.6s ease-in-out, background-color 3s ease-in-out;
	-ms-transition: right 0.6s ease-in-out, opacity 0.6s ease-in-out, background-color 3s ease-in-out;
	-o-transition: right 0.6s ease-in-out, opacity 0.6s ease-in-out, background-color 3s ease-in-out;
	transition: right 0.6s ease-in-out, opacity 0.6s ease-in-out, background-color 3s ease-in-out;
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;
}

.portal .icca .overlay {
	position: absolute;
	z-index: -2;
	right: 100%;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(255, 255, 255, 0);
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.portal .consortium .overlay {
	position: absolute;
	z-index: -2;
	left: 100%;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(255, 255, 255, 0);
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.shortcuts:hover~.portal.done .icca .overlay,
.portal.done .icca:hover .overlay {
	right: 0;
	background-color: rgba(255, 255, 255, 0.5);
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.portal.done .consortium:hover .overlay {
	left: 0;
	background-color: rgba(255, 255, 255, 0.5);
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.portal .icca .portlet {
	margin: 46% 5% 0 20%;
}

.portal .consortium .portlet {
	margin: 46% 20% 0 5%;
}

.portal .consortium {
	display: table-cell;
	vertical-align: top;
	width: 50%;
	text-align: center;
	padding: 0 0 50% 0;
	position: relative;
	z-index: 1;
}

.portal .consortium .layer {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 90%;
	opacity: 0;
	z-index: -2;
	background-color: rgba(255, 255, 255, 0.5);
}

.portal.anim .consortium .layer {
	left: 0;
	opacity: 1;
	background-color: rgba(255, 255, 255, 0);
	-webkit-transition: left 0.6s ease-in-out, opacity 0.6s ease-in-out, background-color 3s ease-in-out;
	-moz-transition: left 0.6s ease-in-out, opacity 0.6s ease-in-out, background-color 3s ease-in-out;
	-ms-transition: left 0.6s ease-in-out, opacity 0.6s ease-in-out, background-color 3s ease-in-out;
	-o-transition: left 0.6s ease-in-out, opacity 0.6s ease-in-out, background-color 3s ease-in-out;
	transition: left 0.6s ease-in-out, opacity 0.6s ease-in-out, background-color 3s ease-in-out;
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;
}

.portal .icca .title,
.portal .consortium .title {
	padding-bottom: 10%;
	font-weight: bold;
	font-size: 24px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.portal .text {
	height: 200px;
	padding: 0 0 10% 0;
	text-align: center;
	font-family: journalregular;
	font-size: 44px;
	line-height: 100%;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.portal.done .consortium:hover .title,
.portal.done .icca:hover .title,
.portal.done .consortium:hover .text,
.portal.done .icca:hover .text {
	color: #383838;
	text-shadow: 1px 1px 1px #fff;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.portal .more a {
	color: #fff;
	padding: 10px 20px;
	font-size: 90%;
	margin: auto;
}

.portal .more {
	margin: 0 auto 4% auto;
}

.portal .icca .more a {
	background-color: #004200;
}
.portal .icca .more a:hover {
	background-color: #105210;
}

.portal .consortium .more a {
	background-color: #d33f10;
}
.portal .consortium .more a:hover {
	background-color: #e34f20;
}

/**
 * Cookie consent
 */
#cookie-consent {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #353535;
	left: 0;
	z-index: 999;
	padding: 20px 8% 30px 8%;
	display: table;
	color: #fff;
	font-size: 90%;
}

#cookie-consent .description {
	display: table-cell;
	vertical-align: middle;
}

#cookie-consent .consent {
	display: table-cell;
	width: 180px;
	vertical-align: middle;
}

#cookie-consent .consent .no,
#cookie-consent .consent .yes {
	width: 50px;
	height: 50px;
	display: inline-block;
	margin: 0 20px 10px 10px;
	text-align: center;
	text-transform: uppercase;
	padding: 15px 0;
	background-color: #fff;
	color: #353535;
	border-radius: 50%;
	cursor: pointer;
}

#cookie-consent .consent .no:hover,
#cookie-consent .consent .yes:hover {
	background-color: #d33f10;
	color: #fff;
}

/**
 * Home video
 */
.video {
	background-color: #f2f2f2;
	overflow: auto;
	padding: 0;
	position: relative;
}

.video .portlet {
	padding: 1.5rem 8% 1.5rem;
	/* Side buffer */
	text-align: center;
}

.video .portlet .title {
	text-align: center;
	font-size: 150%;
	padding: 1% 0;
	text-transform: uppercase;
	color: #353535;
}

/* _jm make video responsive */
.video .portlet .video-container {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}

.video .portlet .video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/**
 * Post grids 
 */

.grid-portlet {
	width: 100%;
}

.grid-menu {
	overflow: auto;
	padding: 0 10px;
	/* Side buffer */
	margin: 20px 0;
}

@media (min-width: 1024px) {
	.grid-menu {
		padding: 0 8%;
		/* Side buffer */
	}
}

.grid-container {
	padding: 0 10px;
	/* Side buffer */
	clear: both;
}

@media (min-width: 1024px) {
	.grid-container {
		padding: 0 8%;
		/* Side buffer */
	}
}

.grid-no-post {
	margin: 40px 8% 40px 8%;
	/* Side buffer */
	clear: both;
	text-align: center;
}

.grid {
	overflow: visible !important;
	width: 100%;
}

.grid:after {
	content: "";
	display: block;
	clear: both;
}

.grid .grid-sizer {
	width: 1%;
}

.grid .grid-item {
	width: 25%;
	padding: 1.5% 1.5% 1.5% 0;
}

@supports (display: grid) {
	.grid .grid-sizer {
		display: none;
	}

	.grid {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
		grid-gap: 20px;
		height: auto !important;
	}

	.grid .grid-item {
		position: static !important;
		width: auto;
		padding: 0 !important;
	}
}

.grid .grid-item article {
	background-color: #fff;
	padding: 0;
	position: relative;
	overflow: hidden;
	height: 100%;
}

.grid .grid-item article iframe {
	max-width: 100%;
}

.grid-item article .post-edit-link {
	font-size: 12px;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 3px;
}

.grid-item article .entry-thumbnail {
	background-color: #fff;
	text-align: center;
}

.grid-item article .entry-title {
	font-size: 16px;
	padding: 0 15px;
	font-weight: bold;
	line-height: 18px;
	min-height: 36px;
}

.grid-item article .entry-title a,
.grid-item article .entry-title a:hover {
	color: #000;
	text-decoration: none;
}

.grid-item article .entry-summary {
	font-size: 13px;
	line-height: 17px;
	padding: 0 15px;
	/*min-height: 130px;*/
}

/* jm_ fix for annoying masonry reordering */
.grid .grid-item.people {
	height: 136px;
	padding-top: 0;
	padding-bottom: 20px;
	overflow: hidden;
}

.grid .grid-item.people>article {
	height: 136px;
	overflow: hidden;
	display: block;
}

.grid-item article.people .entry-summary {
	min-height: unset;
}

.grid-item article .entry-thumbnail img {
	width: 100%;
}

/* jm_ better layout than table */
.grid-item article.people {
	display: block;
}

.grid-item article.people .entry-thumbnail {
	width: 120px;
	height: 136px;
	margin-right: 20px;
	float: left;
}

.grid-item article.people .entry-thumbnail a.post-thumbnail {
	width: 120px;
	height: 136px;
	display: block;
}

.grid-item article.people .entry-thumbnail a.post-thumbnail img {
	width: 120px;
	height: 136px;
	display: block;
	object-fit: cover;
}

.grid-item article.people .entry-info {
	height: 100%;
}

.grid-item article.people .entry-title {
	padding: 20px 0 10px 0 !important;
	margin: 0;
}

.grid-item article.people .entry-summary {
	padding: 0 10px 10px;
}

.grid-item article.people .entry-summary p {
	padding: 0;
	margin: 0;
}

/* /jm_ */

.grid-item article.member {
	display: table;
	height: 160px;
}

.grid-item article.member .entry-thumbnail {
	display: table-cell;
	width: 30%;
	vertical-align: middle;
	padding: 5px;
}

.grid-item article.member .entry-info {
	display: table-cell;
	width: 70%;
	height: 100%;
	vertical-align: top;
}

.grid-item article.member table {
	height: 100%;
}

.grid-item article.member .entry-title {
	padding: 1% 3%;
	margin: 0;
}

.grid-item article.member .entry-summary {
	padding: 1% 3%;
}

.grid-item article.member .entry-summary p {
	padding: 0;
	margin: 0;
}

.grid-item article.member tr:last-child td {
	vertical-align: bottom;
}

/**
 * Home news
 */
.news {
	background-color: #f2f2f2;
	overflow: auto;
	padding: 0 10px 20px;
	position: relative;
}

.news .portlet {
	padding: 0 8%;
	/* Side buffer */
}

.news .portlet .title {
	text-align: center;
	font-size: 150%;
	padding: 10px 0;
	text-transform: uppercase;
	color: #353535;
}

.news .block {
	background-color: #fff;
}

.news .block.start {
	float: left;
	width: 49%;
	margin: 0 1% 0 0;
	padding: 0;
}

.news .block.end {
	float: right;
	width: 49%;
	margin: 0 0 0 1%;
	padding: 0;
}

.news .block ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.news .block li {
	padding: 0;
	margin: 0;
}

.news .block article {
	clear: both;
	overflow: hidden;
	display: table;
}

.news .block article .entry-thumbnail {
	display: table-cell;
	width: 25%;
	vertical-align: top;
	border-top: 2px solid #eee;
}

.news .block li:first-child article .entry-thumbnail {
	border-top: none;
}

.news .entry-thumbnail {
	position: relative;
}

.news .entry-thumbnail a {
	display: block;
}

.news .block article .entry-description {
	display: table-cell;
	width: 75%;
	height: 100%;
	vertical-align: top;
	padding: 0 4%;
	border-top: 2px solid #eee;
}

.news .block li:first-child article .entry-description {
	border-top: none;
}

.news .block article .entry-description table {
	height: 100%;
}

.news .block article .entry-description .entry-title {
	padding: 3% 0 3% 0;
	font-size: 90%;
}

.news .block article .entry-description .entry-date {
	color: #818181;
	font-size: 85%;
}

.news .block article .entry-description p {
	padding: 0;
	margin: 0;
}

.news .block article .entry-description .entry-excerpt {
	font-size: 75%;
	vertical-align: bottom;
	padding: 0 0 3% 0;
}

.news .latest-news-btn {
	display: block;
	background-color: #d33f10;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 200px;
	text-align: center;
}
.news .latest-news-btn:hover {
	background-color: #e34f20;
}

.news .latest-news-btn a {
	color: #fff;
	line-height: 40px;
	padding: 0 20px;
	font-size: 90%;
}

.news .latest-news-btn a:hover {
	color: #fff;
	text-decoration: none;
}

/**
 * Home news (2021 layout)
 */
.icca-block--homepage-news ul {
	list-style: none;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}

.icca-block--homepage-news li {
	margin: 0 0 1.5rem 0;
	background-color: white;
}

.icca-block--homepage-news .entry-thumbnail {
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
}

.icca-block--homepage-news .entry-thumbnail a {
	display: block;
	position: absolute;
	top: 0;
}

.news .entry-description,
.icca-block--homepage-news .entry-description {
	position: relative;
	overflow: auto;
}

.news h4,
.icca-block--homepage-news h4 {
	margin: 1rem 1rem 0.5rem;
}

.news .entry-date,
.icca-block--homepage-news .entry-date {
	display: block;
	margin: 0 1rem 0.5rem;
	color: #818181;
	font-size: 85%;
}

.news p,
.icca-block--homepage-news p {
	margin: 0 0 1rem;
}

.icca-block--homepage-news li {
	padding: 0;
}

@media (min-width: 768px) {
	.icca-block--homepage-news li {
		width: 45%;
		margin: 0 5% 1.5rem 0;
		padding: 0;
		float: left;
	}
}

@media (min-width: 1200px) {
	.icca-block--homepage-news li {
		width: 30%;
		margin: 0 1.5rem 1.5rem 0;
	}
}

@supports (display: flex) {
	@media (min-width: 1200px) {
		.icca-block--homepage-news ul {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: stretch;
		}

		.icca-block--homepage-news li {
			width: auto;
			margin: 0 0 1.5rem 0;
			flex: 0 0 32%;
		}
	}
}

@supports (display: grid) {
	@media (min-width: 600px) {
		.icca-block--homepage-news ul {
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 1.5rem;
		}

		.icca-block--homepage-news li {
			width: auto;
			margin: 0;
		}
	}

	@media (min-width: 1200px) {
		.icca-block--homepage-news ul {
			grid-template-columns: 1fr 1fr 1fr;
		}
	}
}

/**
 * Home actions
 */
.actions {
	background-color: #fff;
	padding: 4% 0 2% 0;
	overflow: auto;
}

.actions .shortcut {
	width: 50%;
	float: left;
	text-align: center;
	border-right: 1px solid #f2f2f2;
	padding: 0;
}

.actions .newsletter {
	width: 50%;
	float: right;
	text-align: center;
	padding: 0;
}

.actions .title {
	color: #353535;
	font-size: 120%;
	text-transform: uppercase;
}

.actions .tagline {
	color: #353535;
	font-size: 13px;
	padding: 0 0 30px;
}

a.btn,
.widget-newsletter .btn,
.actions .newsletter .btn,
.home .shortcut .btn {
	background-color: #d33f10;
	margin: auto;
	border: 0;
	display: inline-block;
}

a.btn,
.widget-newsletter .btn a,
.actions .newsletter .btn a,
.home .shortcut .btn a {
	line-height: 40px;
	padding: 0 20px;
	color: #fff;
	font-size: 90%;
}

a.btn:hover,
a.btn:focus,
.widget-newsletter .btn a:hover,
.actions .newsletter .btn a:hover,
.home .shortcut .btn a:hover {
	background-color: #e34f20;
	color: #fff;
	text-decoration: none;
}

.widget-newsletter {
	width: 50%;
	margin: auto;
	background-color: #fff;
	text-align: center;
	padding: 2%;
}

.widget-newsletter .title {
	color: #353535;
	font-size: 120%;
	text-transform: uppercase;
	padding: 0 0 4% 0;
}

.widget-newsletter input.btn {
	margin: -0.5rem auto 0.5rem;
	border: 0;
	padding: 0.5rem;
	background-color: #d33f10;
	color: #fff;
}

.widget-newsletter input.btn:hover {
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
}

/**
 * Contact page
 */

.contact-container {
	display: table;
	width: 100%;
	background: url(images/home-bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 5% 8%;
	/* Side buffer */
}

.contact-container>div {
	display: table-cell;
	vertical-align: top;
	background-color: rgba(255, 255, 255, 0.5);
	margin: 0;
	padding: 0;
	border-radius: 1px;
}

.contact-container .buffer {
	background-color: unset;
	width: 2%;
}

.contact-container .contact-details {
	width: 38%;
	padding: 2% 5%;
}

.contact-container .caldera-grid .form-control::-webkit-input-placeholder {
	color: #c8c8c8;
}

.contact-container .caldera-grid .form-control:-moz-placeholder {
	color: #c8c8c8;
}

.contact-container .caldera-grid .form-control::-moz-placeholder {
	color: #c8c8c8;
}

.contact-container .caldera-grid .form-control:-ms-input-placeholder {
	color: #c8c8c8;
}

.contact-container .caldera-grid input.form-control {
	height: 60px;
	border: 0;
	font-size: 90%;
	padding: 6px 12px;
	border-radius: 1px;
}

.contact-container .caldera-grid textarea.form-control {
	height: 250px;
	border: 0;
	font-size: 90%;
	padding: 6px 12px;
	border-radius: 1px;
}

.contact-container .caldera-grid input.btn {
	width: 100%;
	background-color: #d33f10;
	color: #fff;
	padding: 16px 0;
	border-radius: 1px;
	font-size: 100%;
}

.contact-container .caldera-grid input.btn:focus,
.contact-container .caldera-grid input.btn:active {
	outline: none;
	box-shadow: unset;
	-webkit-box-shadow: unset;
}

.contact-container input.form-control.parsley-error,
.contact-container select.form-control.parsley-error,
.contact-container textarea.form-control.parsley-error {
	color: #555;
	background-color: #fff;
	border-color: 1px solid #d33f10;
	border-color: unset;
}

.contact-container .has-error * {
	color: #d33f10;
	font-size: 90%;
}

.contact-container .caldera-grid .alert-success {
	background-color: #004200;
	border-color: #004200;
	color: #fff;
	text-shadow: unset;
}

.contact-container .caldera-grid .alert-error,
.contact-container .caldera-grid .alert-danger {
	background-color: #d33f10;
	border-color: #d33f10;
	color: #fff;
	text-shadow: unset;
}

.contact-container .caldera-grid .alert-info {
	background-color: #31708f;
	border-color: #31708f;
	color: #fff;
	text-shadow: unset;
}

.contact-container .contact-details .content {
	font-size: 90%;
	margin: 0px 0px 12%;
	line-height: 150%;
}

.contact-container .contact-details table {
	width: 100%;
	margin: 15% 0;
}

.contact-container .contact-details td {
	vertical-align: middle;
	padding: 5px 0;
}

.contact-container .contact-details a.icon {
	background-color: #d33f10;
	color: #fff;
	font-size: 120%;
	width: 32px;
	height: 32px;
	line-height: 28px;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	margin: 0 20px 0 0;
}

.contact-container .contact-details a.icon i {
	vertical-align: middle;
}

.contact-container .title {
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 8% 0;
}

.contact-container .contact-form {
	width: 60%;
	padding: 2% 8%;
}

/**
 * ICCA registry interest contact form
 */

#icca-registry-contact-form {
	width: 50%;
	min-width: 290px;
	margin: 20px auto;
	background-color: #fff;
}

#icca-registry-contact-form .caldera-grid .row {
	max-width: unset;
}

#icca-registry-contact-form .title {
	background-color: #d33f10;
	text-align: center;
	padding: 15px;
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 120%;
}

#icca-registry-contact-form .description {
	padding: 30px 20px;
}

#icca-registry-contact-form .form-group {
	padding: 0 20px;
}

#icca-registry-contact-form input[type="reset"] {
	float: right;
}

#icca-registry-contact-form input[type="submit"],
#icca-registry-contact-form input[type="reset"] {
	text-align: center;
	margin: 20px;
	padding: 10px 10px;
	color: #fff;
	border: 0;
	background-color: rgba(211, 63, 16, 0.9);
}

#icca-registry-contact-form input[type="submit"]:hover,
#icca-registry-contact-form input[type="reset"]:hover {
	border: 0;
	background-color: #d33f10;
}

/**
 * Category 
 */

body.category .site-main>.introduction {
	padding: 2% 8% 0 8%;
	/* Side buffer */
}

/**
 * Banners 
 */

.category-header,
body.search .page-header .entry-thumbnail,
body.page article.page .page-header .entry-thumbnail {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
}

.category-header>.category-title,
body.search .page-header .entry-thumbnail>.page-title,
body.page article.page .page-header .entry-thumbnail>.page-title {
	padding: 1.5% 8%;
	/* Side buffer */
	font-size: 120%;
	position: absolute;
	bottom: 0;
	margin: 0;
	background-color: rgba(255, 255, 255, 0.7);
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	color: #333;
}

.category-header .banner-credits,
body.search .page-header .entry-thumbnail .banner-credits,
body.page article.page .page-header .entry-thumbnail .banner-credits {
	position: absolute;
	top: 60%;
	left: -25%;
	padding: 5px 10px;
	text-align: center;
	margin: auto;
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	font-size: 10px;
	font-style: italic;
	opacity: 0;
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
}

.category-header:hover .banner-credits,
body.search .page-header:hover .entry-thumbnail .banner-credits,
body.page article.page .page-header:hover .entry-thumbnail .banner-credits {
	left: 0;
	opacity: 1;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

/**
 * Related posts 
 */

.related-posts {
	padding: 0 8%;
	width: 100%;
	margin: 20px auto 40px auto;
	overflow: auto;
	clear: both;
}

body.page-template-regional .related-posts {
	padding: 0;
	margin-top: 40px;
}

.related-posts .title {
	width: 100%;
	margin: 20px 0 0 0;
	padding: 20px 10px;
	background-color: rgba(0, 0, 0, 0.1);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border: 0;
	text-align: center;
	clear: both;
	text-transform: uppercase;
	font-weight: normal;
	color: #333;
	font-size: 120%;
}

.related-posts ul {
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: auto;
	/*background-color: #fff;*/
}

.related-posts li {
	width: 33.33%;
	float: left;
	padding: 0;
	margin: 0;
	display: table;
	overflow: hidden;
	border-bottom: 1px solid #eee;
}

.related-posts .entry-thumbnail {
	width: 38%;
	display: table-cell;
	vertical-align: top;
	background-color: #fff;
}

.related-posts .entry-title {
	padding: 2%;
	display: table-cell;
	vertical-align: middle;
	line-height: 16px;
	font-size: 12px;
	background-color: #fff;
}

/**
 * Paging
 */

.paging {
	clear: both;
	margin: 0 auto !important;
	text-align: center;
}

@supports (display: flex) {
	.paging {
		display: flex;
		justify-content: center;
	}
}

.paging ul {
	list-style-type: none;
	display: inline-block;
	margin: 0 auto !important;
	padding: 0;
	margin: 0 auto !important;
}

.paging ul li {
	float: left;
	margin: 0px 0px 2px 0px !important;
	padding: 6px 0 !important;
}

.paging ul li a {
	margin-left: 1px !important;
	padding: 7px 11px 7px 11px !important;
	border: solid 2px #004200 !important;
	color: #004200 !important;
	font-size: 12px !important;
}

.paging ul li .current {
	margin-left: 1px !important;
	padding: 7px 11px 7px 11px !important;
	border: solid 2px #004200 !important;
	background-color: #004200 !important;
	color: #fff !important;
	font-size: 12px !important;
}

.paging ul li a:hover {
	color: #fff !important;
	background-color: #004200 !important;
}

.paging ul li.disabled a {
	border: solid 2px #bbb !important;
	color: #bbb !important;
	background-color: transparent !important;
	cursor: default;
}

/**
 * Single pages and posts layout
 */
body.page article.page {
	width: 100%;
}

body.page article.page .page-content {
	padding: 0 10px;
	margin: 0 auto;
}

@media (min-width: 1024px) {
	body.page article.page .page-content {
		padding: 0 8%;
	}
}

body.single article {
	margin: 0 auto;
	/* Side buffer */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 30px;
	padding-bottom: 30px;
	max-width: 1200px;
	overflow: auto;
}

body.page article.page .entry-title {
	padding: 3px 10px 10px;
}

body.single article .entry-title {
	padding: 40px 5% 40px 0;
	margin: 0;
}

@media (min-width: 768px) {
	body.single article .entry-title {
		max-width: 50rem;
		padding: 40px 0 10px 0;
	}
}

body.page article.page>.page-content {
	margin: 20px 0 40px;

	font-size: 14px;
	line-height: 25px;
}

body.single article .entry-content {
	margin: 0 0 40px;

	font-size: 14px;
	line-height: 25px;
}

body.page article.page.reading-width>.page-content,
body.single article.reading-width .entry-content {
	max-width: 60rem;
	margin: 0 0 40px;
}

body.page article.page.reading-width-centred>.page-content,
body.single article.reading-width-centred .entry-content {
	max-width: 60rem;
	margin: 0 auto 40px;
}

body.page article.page.narrow-width>.page-content,
body.single article.narrow-width .entry-content {
	max-width: 700px;
	margin: 0 auto 40px;
}

/* HAS-SIDEBAR */
@media (min-width: 1024px) {

	body.page article.page.has-sidebar>.page-content,
	body.single article.has-sidebar .entry-content {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}

	body.page article.page.has-sidebar>.entry-header,
	body.page article.page.has-sidebar>.page-content>.main-content,
	body.single article.has-sidebar .entry-header,
	body.single article.has-sidebar .entry-content>.main-content {
		width: 30rem;
		flex: 1 0 30rem;
	}

	body.page article.page.has-sidebar>.page-content>.sidebar,
	body.single article.has-sidebar .entry-content .sidebar {
		width: 10rem;
		flex: 1 0 10rem;
		margin-left: 1rem;
	}
}

@media (min-width: 1200px) {

	body.page article.page.has-sidebar>.entry-header,
	body.page article.page.has-sidebar>.page-content>.main-content,
	body.single article.has-sidebar .entry-header,
	body.single article.has-sidebar .entry-content>.main-content {
		width: 50rem;
		flex: 1 0 50rem;
	}

	body.page article.page.has-sidebar>.page-content>.sidebar,
	body.single article.has-sidebar .entry-content .sidebar {
		width: 15rem;
		flex: 1 0 15rem;
		margin-left: 2rem;
	}
}

body.single article.newsflash-issue {
	margin-left: auto;
	margin-right: auto;
	max-width: 700px;
}

body.single article.newsflash-issue .banner {
	display: block;
	width: 100%;
	max-width: 700px;
	margin: 0 0 20px 0;
	text-align: center;
}

@media (min-width: 700px) {

	body.page article.page.reading-width-centred .entry-title,
	body.single article.reading-width-centred .entry-title,
	body.single article.narrow-width .entry-title,
	body.single article.newsflash-issue .entry-title {
		margin: 0 auto;
		text-align: center;
	}
}

/**
 * Single pages
 */
body.page article.page .page-header>.post-edit-link {
	padding: 0 8%;
	/* Side buffer */
}

body.page article.page>.page-content>h2 {
	font-size: 18px;
	line-height: 30px;
}

body.page article.page .page-content .introduction {
	margin-bottom: 60px;
}

/**
 * Single posts
 */
body.single {
	background-color: #fff;
}

body.single article .cat-links {
	display: block;
	margin-right: 50px;
	width: 75%;
	font-size: 12px;
	text-transform: uppercase;
}

body.single article .cat-links a {
	text-decoration: none;
}

body.single article .post-edit-link {
	float: right;
}

body.single article .entry-content>.has-video {
	display: none;
}

body.single article .entry-content iframe {
	max-width: 100%;
	margin: 20px auto;
	display: block;
}

body.single article .entry-date {
	padding: 20px 0 0 0;
	font-size: 14px;
	clear: both;
}

body.single article .entry-thumbnail {
	/*float: left;*/
	margin: 0 0 20px;
	max-width: 25%;
}

body.single article.has-sidebar .entry-thumbnail,
body.single article.full-width .entry-thumbnail,
body.single article.reading-width .entry-thumbnail,
body.single article.reading-width-centred .entry-thumbnail,
body.single article.narrow-width .entry-thumbnail {
	max-width: 100%;
}

body.single .menu-share {
	margin: 20px 0 0 0;
	clear: both;
}

body.single .menu-share div {
	display: inline-block;
}

body.single .menu-share a {
	background-color: #d33f10;
	color: #fff;
	font-size: 22px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	margin: 0 20px 0 0;
	vertical-align: middle;
}

/* INTRODUCTION PARAGRAPHS */
body.single .news__introduction {
	font-size: 16px;
	font-weight: bold;
	color: #888;
}

/**
 * Single posts – Newsflash issues
 */
body.single article.newsflash-issue .page-anchor {
	padding-top: 70px;
	/* Menu height */
}

body.single article.newsflash-issue .toc h2 {
	font-style: italic;
	font-size: 14px;
	background-color: unset;
	color: #000;
	text-align: left;
	margin: 10px 0 0 0;
	text-transform: unset;
	padding: 0;
}

body.single article.newsflash-issue h2 {
	background-color: #d33f10;
	color: #fff;
	font-size: 14px;
	padding: 20px;
	text-transform: uppercase;
	text-align: center;
	margin: 20px 0;
}

body.single article.newsflash-issue .newsflash {
	margin: 0 0 40px 0;
}

body.single article.newsflash-issue .post {
	display: table;
	margin: 10px 0;
	background-color: #fff;
}

body.single article.newsflash-issue .post .thumbnail {
	display: table-cell;
	width: 35%;
	vertical-align: middle;
}

body.single article.newsflash-issue .post .thumbnail img {
	width: 100%;
}

body.single article.newsflash-issue .post .description {
	display: table-cell;
	vertical-align: top;
	padding: 0 10px;
}

body.single article.newsflash-issue .post .description .title {
	padding: 10px 0 10px;
	font-weight: bold;
}

body.single article.newsflash-issue .post .description .content {
	padding: 0 0 10px 0;
	font-size: 13px;
}

/** 
 * Has video
 */
a.has-video {
	color: #004200;
	display: block;
	width: 100%;
	margin: 5px 0 25px 0;
	text-align: center;
}

a.has-video:hover {
	color: #004200;
	text-decoration: none;
}

a.has-video:before {
	padding: 0 10px 0 0;
	vertical-align: top;
	font-size: 30px;
	font-family: FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f03d";
}

/**
 * Onglets
 */
div.icca-onglet {
	float: left;
	width: 30%;
	margin: 2% 3% 2% 0;
	position: relative;
}

div.icca-onglet a img {
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	width: 100%;
}

div.icca-onglet a {
	color: #fff;
}

div.icca-onglet a:hover {
	color: #fff;
}

div.icca-onglet .title {
	position: absolute;
	bottom: 0;
	left: 0;
	min-height: 20%;
	padding: 2%;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	display: block;
	text-align: center;
}

/**
 * Icons in regional pages
 */
div.icca-icon {
	float: left;
	width: 30%;
	margin: 2% 3% 2% 0;
	position: relative;
}

div.icca-icon a .icon {
	text-align: center;
}

div.icca-icon a .icon img {
	max-width: 140px;
	max-height: 140px;
	margin: auto;
	width: 100%;
	height: auto;
}

div.icca-icon a {
	display: block;
	width: 100%;
	color: #4b4b4b;
}

div.icca-icon a:hover {
	color: #4b4b4b;
}

div.icca-icon .title {
	height: 90px;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 110%;
	padding: 10px;
	line-height: 1.5;
}

/**
 * Shortcode icca-insert-post
 */
div.icca-insert-post {
	margin: 3%;
	width: 30%;
	max-width: 350px;
	vertical-align: top;
	float: left;
}

div.icca-insert-post img {
	width: 100%;
	height: auto;
}

div.icca-insert-post .title {
	padding: 2%;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 90%;
	background-color: #e3e3e3;
	padding: 20px 10px;
	line-height: 140%;
}

/* People shortcodes 
*/
.people-block .grid-container {
	margin: 0 0 5% 0;
	clear: both;
}

.people-block .title {
	font-size: 22px;
	margin: 5% 0 1% 0;
	font-weight: bold;
	text-align: center;
}

.people-block .subtitle {
	font-size: 20px;
	margin: 5% 0 1% 0;
	font-weight: bold;
	text-align: center;
}

/* Members 
*/
#members-map-container {
	width: 100%;
	position: relative;
	margin: 0;
}

#members-map {
	width: 100%;
	height: 600px;
}

#members-index {
	margin: 2% 0;
	font-size: 120%;
	text-align: center;
}

#members-index .members-nav {
	color: #333;
	display: inline-block;
	line-height: 40px;
	vertical-align: middle;
}

#members-index .members-nav i {
	vertical-align: middle;
}

#members-index .members-nav.previous {
	margin: 0 1% 0 0;
}

#members-index .members-nav.next {
	margin: 0 0 0 1%;
}

#members-index .members-nav.nolink,
#members-index .members-nav.nolink:hover {
	color: #8f8c8c;
	cursor: default;
}

#members-index .members-nav:hover {
	color: #d33f10;
	cursor: pointer;
}

#members-index .letter {
	cursor: pointer;
	color: #fff;
	border-radius: 50%;
	background-color: #d33f10;
	width: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin: 2px;
}

#members-index .letter:hover {
	color: #d33f10;
	background-color: #fff;
	border: 2px solid #d33f10;
}

#members-index .letter.nolink {
	cursor: default;
	color: #d33f10;
	background-color: #fff;
	border: 2px solid #d33f10;
}

#members-map .gm-style-iw div,
#members-map .gm-style-iw div div {
	overflow: visible !important;
}

#members-map article {
	min-width: unset;
}

#members-map article p {
	margin: 0;
}

#members-map article .entry-map-thumbnail {
	float: left;
	width: 40%;
}

#members-map article .entry-map-thumbnail img {
	width: 100%;
	height: auto;
}

#members-map article .entry-map-info {
	float: right;
	width: 60%;
	padding-left: 5px;
}

#members-map article .entry-map-info .entry-title {
	line-height: 120%;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#members-map article .entry-map-info .entry-content {
	margin: 0;
	line-height: 120%;
}

#members-map article .entry-content-map {
	padding: 5px;
	font-size: 14px;
	background-color: #fff;
}

#members-list {
	position: relative;
	overflow: auto;
	margin: 2% 0;
}

#members-list div.spin {
	margin: 2% auto;
	width: 50%;
	text-align: center;
}

#members-list .fa-spin {
	font-size: 200%;
	text-align: center;
	color: #d33f10;
}

#members-list article {
	width: 32%;
	float: left;
	padding: 0;
	height: 200px;
	max-height: 200px;
	margin: 0 10px 10px 0;
	background-color: #fff;
	display: table;
}

#members-list article img {
	max-width: 140px;
	max-height: 140px;
}

#members-map article p {
	margin: 0;
}

#members-list article .entry-map-thumbnail {
	display: table-cell;
	width: 40%;
	vertical-align: middle;
	padding: 5px;
}

#members-list article .entry-map-info {
	display: table-cell;
	width: 60%;
	padding-left: 5px;
	vertical-align: top;
}

#members-list article .entry-map-info .entry-title {
	font-family: "Montserrat Bold";
	line-height: 1.2;
	padding: 10px 0 5px;
	margin: 0;
	vertical-align: top;
}

#members-list article .entry-map-info .entry-content {
	word-wrap: break-word;
	padding: 0;
	margin: 0;
	vertical-align: bottom;
	line-height: 120%;
}

#members-list article .entry-map-info .entry-content p {
	margin-bottom: 5px;
}

#members-list article .entry-toolbar {
	vertical-align: bottom;
	text-align: right;
	height: 20px;
}

#members-list article .show-on-map,
#members-list article .post-edit-link {
	cursor: pointer;
	font-size: 1.5rem;
	padding: 0 10px 0 0;
	margin: 0;
}

/* jm_ improve members alignment
*/
@supports (display: flex) {
	#members-list {
		display: flex;
		justify-content: center;
		align-items: stretch;
		flex-wrap: wrap;
	}

	#members-list article {
		width: auto;
		flex: 0 1 372px;
		display: flex;
		justify-content: flex-end;
		align-items: flex-start;
		flex-wrap: nowrap;
	}

	#members-list article .entry-map-thumbnail {
		display: block;
		width: auto;
		padding: 5px;
		flex: 0 0 150px;
	}

	#members-list article .entry-map-info {
		display: block;
		width: auto;
		padding: 0 5px;
		flex: 1;
	}
}

/* 404 
 */

.not-found {
	margin: 0 0 0 0;
	background: url(images/404-bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	min-height: 600px;
	padding: 6% 8% 0 8%;
	/* Side buffer */
}

.not-found .page-content {
	padding: 1% 8%;
	background-color: rgba(255, 255, 255, 0.5);
}

/* Coming soon
 */

.coming-soon {
	margin: 0 0 0 0;
	background: url(images/coming-soon-bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	min-height: 600px;
	padding: 6% 8% 0 8%;
	/* Side buffer */
}

.coming-soon .page-content {
	padding: 1% 8%;
	background-color: rgba(255, 255, 255, 0.5);
	margin-top: 200px;
}

/**
 * Sidebar
 */
.sidebar ul {
	list-style: none;
	padding-left: 0;
}

.sidebar li {
	padding-left: 0;
	margin-bottom: 20px;
}

/**
 * Footer
 */

.site-footer {
	padding: 0 10px 20px;
	/* Side buffer */
	clear: both;
	background-color: #353535;
	color: #fff;
	overflow: auto;
}

@media (min-width: 1024px) {
	.site-footer {
		padding: 0 8%;
	}
}

.site-footer .sidebar {
	margin: 0;
	padding: 0;
	vertical-align: top;
	padding: 2% 0 2% 0;
	width: 95%;
}

.site-footer .up {
	display: block;
	margin-top: 10px;
}

.site-footer .up .anchor {
	border: 2px solid #d33f10;
	color: #fff;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 200%;
}

.site-footer .up .anchor:hover,
.site-footer .up .anchor:hover a {
	border-color: #e34f20;
	color: #e34f20;
}

.site-footer .up .anchor .fa {
	vertical-align: top;
}

@supports(display: flex) {
	.site-footer .sidebar {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		padding: 0;
		width: 100%;
		overflow: auto;
		min-height: 150px;
	}

	.site-footer .sidebar section {
		flex: 1 0 fit-content;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0;
		margin: 0;
		height: 102px;
		width: 25%;
	}

	.site-footer .sidebar section.logo {
		text-align: right;
		justify-content: flex-end;
	}
}

.site-footer .sidebar .widget-title {
	margin-right: 5px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	white-space: nowrap;
	color: #fff;
}

.site-footer .sidebar .widget-title a,
.site-footer .sidebar .widget-title a:hover {
	color: #fff;
	text-decoration: none;
}

.site-footer .sidebar section .widget-text {
	padding: 0;
	flex: 1;
}

.site-footer .sidebar .widget-text div {
	background-color: #d33f10;
	color: #fff;
	font-size: 22px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	margin: 0 0 5px 5px;
	vertical-align: middle;
}
.site-footer .sidebar .widget-text div:hover {
	background-color: #e34f20;
}

.site-footer .sidebar .widget-text div a:hover,
.site-footer .sidebar .widget-text div a {
	color: #fff;
}

.site-footer .sidebar .widget-text div i {
	vertical-align: middle;
	padding-bottom: 4px;
	cursor: pointer;
}

.site-footer .sidebar section.flags {
	position: relative;
}

#flagcounter-info {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}

.site-footer-credits {
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	font-size: 80%;
	padding: 1% 8% 1% 8%;
	line-height: 90%;
	color: #fff;
	clear: both;
	background-color: #353535;
}

.site-footer-credits p {
	padding: 10px 0;
	margin: 0;
}

.site-footer-credits p.kos {
	text-transform: none;
	padding: 0;
}

/**
 *  Plugins
 */

/* Contact */

.icca-contact {
	color: #353535;
	display: inline-block;
	cursor: pointer;
}

.icca-contact .link {
	color: #d33f10;
}

.icca-contact .link:hover {
	color: #e79824;
}

.icca-contact i.fa {
	padding: 0 5px;
}

/* Category listing */

#icca-load-more-loading {
	text-align: center;
	margin: 20px;
	color: #353535;
}

.category-listing-posts.loading .paging ul li a {
	cursor: wait;
}

.category-listing-banner {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.1);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	text-align: center;
	clear: both;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 120%;
	color: #333;
	margin: 20px 0 0 0;
	padding: 20px 10px;
}

.category-listing-posts {
	cursor: default;
	opacity: 1;
	margin: 0 0 3% 0;
}

.category-listing-posts.loading {
	cursor: wait;
	opacity: 0.5;
}

.category-listing-posts .category-listing-container {
	clear: both;
	display: block;
	width: 100%;
}

.category-listing-posts .grid .grid-item {
	width: 25%;
	padding: 0 1% 1% 0;
}

@supports (display: grid) {
	.category-listing-posts .category-listing-container {
		display: grid;
	}

	.category-listing-posts .grid .grid-item {
		width: 100%;
		padding: 0;
	}
}

.category-listing-posts .grid .grid-item:nth-child(2) {
	padding: 0 1% 1% 0;
}

.category-listing-posts .grid .grid-item:nth-child(5) {
	padding: 0 0 1% 0;
}

.category-listing-posts article {
	padding: 0;
	position: relative;
	overflow: hidden;
}

.category-listing-posts article iframe {
	max-width: 100%;
}

.category-listing-posts article .post-edit-link {
	font-size: 70%;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 3px;
}

.category-listing-posts article .cat-links {
	margin: 3% 18% 3% 3%;
	display: block;
}

.category-listing-posts article .cat-links a {
	font-size: 80%;
	text-decoration: underline;
	text-transform: uppercase;
}

.category-listing-posts article .entry-title {
	font-size: 100%;
	padding: 1% 3% 3% 3%;
	font-weight: bold;
	line-height: 140%;
}

.category-listing-posts article .entry-title a,
.gcategory-listing-posts article .entry-title a:hover {
	color: #000;
	text-decoration: none;
}

.category-listing-posts article .entry-summary {
	font-size: 95%;
	padding: 6px;
	line-height: 140%;
}

.category-listing-posts article .entry-thumbnail img {
	width: 100%;
	height: auto;
}

/* jm_ Added for additional information on a category page */
.category-ps {
	margin-bottom: 3%;
}

/** Figures **/

div.figure {
	border: 5px solid #fff;
	border-radius: 5px;
	width: 90%;
	max-width: 800px;
	position: relative;
	margin: 20px auto;
}

div.figure .title {
	background-color: rgba(0, 0, 0, 0.5);
	padding: 10px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #fff;
	color: #fff;
}

div.figure img {
	width: 100%;
	height: auto;
}

/* Shortcode accordeon */

.su-accordion {
	display: table;
	width: 100%;
}

.su-spoiler-style-default {
	margin-bottom: 2px;
}

.su-spoiler-style-default>.su-spoiler-title {
	padding: 20px 30px 20px 50px !important;
	color: #e79824;
	background-color: rgba(255, 255, 255, 0.7);
	/* border: 1px solid #ddd; */
	font-size: 18px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.su-spoiler-style-default>.su-spoiler-title>.su-spoiler-icon {
	left: 20px !important;
	top: 20px !important;
}

.su-spoiler-style-default.su-spoiler-closed>.su-spoiler-title {
	color: #d33f10;
	background-color: rgba(255, 255, 255, 0.3);
}

.su-spoiler-style-default.su-spoiler-closed>.su-spoiler-title:hover {
	color: #e79824;
	background-color: rgba(255, 255, 255, 0.7);
}

.su-spoiler-style-default>.su-spoiler-content {
	background-color: #e2e2e5;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px !important;
	z-index: 50;
	position: relative;
}

.su-spoiler-closed .su-spoiler-content {
	padding: 0 !important;
}

.su-tooltip {
	color: #5d5b5b;
	cursor: pointer;
}

/** Honorary members country list */

ul.country-list {
	width: 90%;
	margin: auto;
}

ul.country-list li {
	float: left;
	margin: 0 0.5%;
	padding: 0;
	width: 30%;
	font-weight: bold;
}

/** Logos */

/** Columns */

.link-block {
	width: 40%;
	margin: 3%;
	float: left;
}

.link-block .title {
	text-align: center;
	padding: 20px;
	font-size: 120%;
	font-weight: bold;
}

.link-block .item {
	display: table;
	width: 100%;
}

.link-block .item .logo {
	display: table-cell;
	vertical-align: top;
	padding: 0;
	width: 40%;
	border: 2px solid #eee;
}

.link-block .item .logo img {
	width: 100%;
	height: auto;
}

.link-block .item .link {
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
	width: 60%;
	background-color: #ddd;
	border: 2px solid #eee;
}

/** Rows */
.link-row {
	display: inline-block;
}

.link-row div {
	margin: 0 20px 20px 0;
	float: left;
	border: 1px solid #ddd;
}

.link-row a img {
	max-height: 130px;
	min-height: 100px;
}

/**
 * Comments 
 */

#respond label[for="comment"],
#respond label[for="author"],
#respond label[for="name"],
#respond label[for="email"],
#respond label[for="url"] {
	display: block;
}

.comment-meta {
	font-size: 11px;
	margin-bottom: 20px;
}

.pingback even,
.comment.even {
	background-color: #fff;
	border-radius: 3px;
}

.pingback,
.comment {
	padding: 20px;
}

#comments {
	margin-top: 20px;
}

ol.comment-list {
	list-style: none;
	margin-bottom: 20px;
}

/**
 * Blocks
 */
.wp-block-icca-block-introduction {
	font-size: 16px;
	font-weight: bold;
	color: #888888;
}

.wp-block-icca-block-byline {
	font-style: italic;
	text-align: right;
}

.wp-block-embed.aligncenter,
.wp-block-embed.is-type-video {
	text-align: center;
}

.wp-block-embed.aligncenter iframe,
.wp-block-embed.is-type-video iframe {
	margin: 0 auto;
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
}

.wp-block-button__link.has-vivid-red-background-color:hover {
	background-color: #e34f20 !important;
	color: white;
}

@media (min-width: 768px) {

	.wp-block-embed.aligncenter iframe,
	.wp-block-embed.is-type-video iframe {
		width: 640px;
		height: auto;
		aspect-ratio: 16/9;
	}
}

.wp-block-buttons>.wp-block-button {
	margin-bottom: 10px;
}

.wp-block-button__link {
	border-radius: 0;
}

.wp-block-columns {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px 20px;
	justify-content: center;
}

/**
 * 14.0 - Media Queries
 */

/**
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media screen and (max-width: 1480px) {
	#members-map {
		height: 462.5px;
	}
}

@media screen and (max-width: 1354px) {
	#scrolldown {
		display: none;
	}
}

@media screen and (max-width: 1280px) {
	.portal .text {
		height: 100px;
		font-size: 36px;
	}

	.related-posts li {
		width: 50%;
	}

	ul.i18-post li,
	ul.i18-top li {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 80%;
	}
}

@media screen and (max-width: 1084px) {
	.site-footer .sidebar .widget-title {
		font-size: 10px;
	}

	.site-footer .sidebar .widget-text div {
		font-size: 18px;
		width: 30px;
		height: 30px;
		line-height: 30px;
	}

	#menu-icca-title,
	#menu-consortium-title {
		font-size: 120%;
	}
}

@media screen and (max-width: 920px) {
	#members-map {
		height: 350px;
	}

	.portal .welcome {
		font-size: 42px;
	}

	.portal .consortium .portlet,
	.portal .icca .portlet {
		margin-top: 36%;
	}

	#menu-icca-title,
	#menu-consortium-title {
		font-size: 100%;
	}

	.site-header .search-form input.search-field {
		font-size: 60%;
	}

	.contact-container .contact-details td {
		font-size: 80%;
	}

	.contact-container .contact-details a.icon {
		margin: 0 10px 0 0;
	}

	.related-posts li {
		width: 100%;
	}

	.related-posts .entry-thumbnail {
		width: 100px;
	}
}

@media (max-width: 680px) {
	.shortcuts {
		display: none;
	}

	div.icca-icon {
		width: 45%;
	}

	div.icca-icon .title {
		font-size: 90%;
	}

	div.icca-onglet {
		width: 45%;
	}

	#members-map {
		height: 350px;
	}

	#menu-consortium-toggle,
	#menu-icca-toggle {
		font-size: 60%;
		width: 5%;
	}

	#menu-consortium-title,
	#menu-icca-title {
		display: none;
	}

	#menu-consortium-center,
	#menu-icca-center {
		width: 45%;
	}

	.site-header .search-form input.search-field {
		font-size: 70%;
		width: 120px;
	}

	.home .newsletter .signup-submit,
	.home .newsletter form .signup-field {
		float: unset;
	}

	.portal .more a {
		padding: 6px 10px;
		font-size: 60%;
	}

	.side-menu .header .title {
		width: 80%;
		font-size: 120%;
	}

	.side-menu ul {
		font-size: 90%;
	}

	.side-menu .menu-block {
		width: 100%;
	}

	.side-menu .overlay {
		display: none;
	}

	.breadcrumbs {
		font-size: 60%;
	}

	.portal .welcome {
		font-size: 36px;
	}

	.portal .icca .title,
	.portal .consortium .title {
		font-size: 20px;
	}

	.portal .text {
		display: none;
	}

	.portal .icca .portlet {
		margin: 36% 5% 0 3%;
	}

	.portal .consortium .portlet {
		margin: 36% 3% 0 5%;
	}

	.portal .more {
		margin: 8% auto 4% auto;
	}

	.portal .more a {
		padding: 4px 10px;
		font-size: 60%;
	}

	.portal .credits {
		font-size: 80%;
	}

	.portal .credits-btn {
		display: none;
	}

	.news .block {
		width: 100%;
		margin: 10px 0;
	}

	.news .portlet .title {
		font-size: 120%;
	}

	.shortcuts a {
		margin: 0 0 0 10px;
	}

	.news .block.start,
	.news .block.end {
		float: unset;
		max-width: 100%;
		width: 100%;
		margin: auto;
	}

	.news .block article {
		display: table;
		border-top: 4px solid #eee;
	}

	.news .block article .entry-thumbnail {
		display: table-cell;
	}

	.news .block article .entry-description {
		display: table-cell;
	}

	.actions .shortcut {
		width: 100%;
		border-right: none;
		border-bottom: 2px solid #f2f2f2;
		padding: 20px 0;
	}

	.actions .newsletter {
		width: 100%;
		padding: 20px 0;
	}

	.actions .newsletter .sidebar {
		width: 80%;
		margin: auto;
	}

	#members-list article {
		width: 100%;
	}

	div.icca-onglet .title {
		font-size: 80%;
		line-height: 1.3;
	}

	.grid .grid-item {
		width: 100%;
	}

	.category-listing-posts .grid .grid-item {
		width: 50%;
	}

	.site-footer .up .anchor {
		width: 30px;
		height: 30px;
		font-size: 150%;
	}

	.site-footer .sidebar {
		display: block;
		padding: 1% 0 2%;
		min-height: 0;
	}

	.site-footer .sidebar section {
		width: 100%;
		height: auto;
		min-height: 0;
		margin-bottom: 10px;
	}

	.site-footer .sidebar section.logo {
		text-align: left;
		justify-content: flex-start;
	}

	.site-footer .sidebar section .widget-title {
		min-width: 6rem;
	}

	.site-footer-credits {
		font-size: 70%;
		padding: 1% 0 5% 8%;
		text-align: left;
	}

	.contact-container .contact-details td {
		font-size: 70%;
	}

	.contact-container .contact-details a.icon {
		margin: 0 5px 0 0;
	}

	.link-row a img {
		max-height: 120px;
		min-height: 100px;
	}
}

@media (max-width: 480px) {
	#cookie-consent .description {
		display: block;
	}

	#cookie-consent .consent {
		display: block;
		width: 100%;
		text-align: center;
		margin: 20px 0 0 0;
	}
}

@media (max-width: 360px) {
	.portal .welcome {
		font-size: 26px;
	}

	.actions .title {
		font-size: 90%;
	}

	.portal .icca .title,
	.portal .consortium .title {
		padding-bottom: 5%;
		font-size: 16px;
	}

	.category-header>.category-title,
	body.search .page-header .entry-thumbnail>.page-title,
	body.page article.page .page-header .entry-thumbnail>.page-title {
		font-size: 80%;
	}

	.category-listing-posts .grid .grid-item {
		width: 100%;
	}

	.contact-container .contact-details td {
		font-size: 90%;
	}

	.contact-container .contact-details a.icon {
		margin: 0 10px 0 0;
	}

	.contact-container {
		display: block;
	}

	.contact-container>div {
		display: block;
	}

	.contact-container .contact-details {
		width: 100%;
	}

	.contact-container .buffer {
		display: none;
	}

	.contact-container .contact-form {
		width: 100%;
	}

	div.icca-insert-post {
		width: 100%;
	}
}

@media (max-width: 320px) {
	.site-header .search-form input.search-field {
		font-size: 60%;
		width: 100px;
	}
}