/*
Theme Name: ICCA Consortium KOS
Author: ICCA Consortium
Description: ICCA Consortium KOS is a Wordpress template based on KOS design.
Version: 1.14.20
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.20
Create class block-new-members

1.14.19
ul ol margin bottom to 1.5rem

1.14.18
Added modifications for category list under aquatic-list class

1.14.17
Ancestral Waters changes

1.14.16
Special page Ancestral Waters round-24

1.14.15 14.05.2024
Home temporary banner 

1.14.13 18.03.2025
Improved people single

1.14.12 14.03.2025
Improved members index

1.14.11 10.03.2025
Added class overflow-visible, m-45 for special landing page Advasi
Added content-lg

1.14.10 07.03.2025
Gap 5rem and 2rem classes
Remove padding in li item within a query loop

1.14.8 - 1.14.9 12.02.2025
Added general classes to modify margin and padding to 0
Changes in home page
Montserrat light, regular, medium and extrabold
Archive title
Pagination margin
Remove uppercase from h2 and h3
Read more block style
Remove home animation
Change font size, line height in headers

1.14.7 14.11.2023
Added template for single people post type

1.14.6 31.10.2023
Added post published and modified dates
Moved post introduction above featured image

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: "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;
}

@font-face {
    font-family: 'Montserrat';
    src: url("fonts/montserrat/Montserrat-Regular.woff2") format("woff2"),
        url("fonts/montserrat/Montserrat-Regular.woff") format("woff");
    font-weight: 400; 
}

@font-face {
    font-family: 'Montserrat';
    src: url("fonts/montserrat/Montserrat-Medium.woff2") format("woff2"),
        url("fonts/montserrat/Montserrat-Medium.woff") format("woff");
    font-weight: 500; 
}

@font-face {
    font-family: 'Montserrat';
    src: url("fonts/montserrat/Montserrat-Bold.woff2") format("woff2"),
        url("fonts/montserrat/Montserrat-Bold.woff") format("woff");
    font-weight: 700; 
}

@font-face {
    font-family: 'Montserrat';
    src: url("fonts/montserrat/Montserrat-ExtraBold.woff2") format("woff2"),
        url("fonts/montserrat/Montserrat-ExtraBold.woff") format("woff");
    font-weight: 800; 
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: Montserrat, Arial;
    font-weight: 500;
    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", 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", sans-serif;
    font-weight: bold;
    line-height: 1.3;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 24px;
    margin-top: 40px;
    margin-bottom: 1rem;
    line-height: 1.3;
}

h3 {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 1rem;
}

.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;
}

.wp-block-separator {
    border: none;
    border-top: 1px solid #d1d1d1;
}

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

ul {
    list-style: square;
}

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

li {
    padding-left: 10px;
}
.wp-block-query li {
    padding-left: 0;
}

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;
}

/**
 * Global styles
 */

.p-0 {
	padding: 0 !important;
}
.p-32 {
    padding: 32px !important;
}
.pb-0 {
	padding-bottom: 0 !important;
}
.m-0 {
	margin: 0 !important;
}
.mb-42 {
	margin-bottom: -42px !important;
}
.my-1 {
	margin-top: 8px !important;
	margin-bottom: 8px !important;
}
.w-100 {
	max-width: 100% !important;
	width: 100% !important;
}
.lh-1 {
	line-height: 1.1;
}
.lh-5 {
	line-height: 1.5;
}
.no-gap {
	gap: 0 !important;
}
.gap-2 {
    gap: 2rem;
}
.gap-5 {
    gap: 5rem;
}
.overflow-visible {
    overflow: visible !important;
}
.center-column-flex {
    align-self: stretch !important;
    align-content: center;
}

.round-24 img {
    border-radius: 24px;
}

/**
 * Forms
 */

input {
    line-height: normal;
}

/**
 * Links
 */

a {
    color: #842d09;
    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;
    margin-bottom: 1.5rem;
    font-weight: 800;
    color:#353535;
}

/**
 * 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;
}
.content-lg {
    max-width: 90%;
    margin: 0 auto;
    width: 1280px;
}

/**
 * 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: 800;
    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(0, 0, 0, 0.6);
}

.portal .icca:hover .layer {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.6);
}

.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(0, 0, 0, 0.6);
    -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(0, 0, 0, 0.6);
    -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(0, 0, 0, 0.6);
}

.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: 36px;
    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: #fff;
    /*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;
    }

    .aquatic-list .grid {
        grid-template-columns: repeat(auto-fill, minmax(480px, 1fr));
        grid-gap: 5rem;
    }

    .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%;
}

.aquatic-list .grid .grid-item article {
    display: flex;
    gap: 2rem;
    background-color: transparent;
}

.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;
}

.aquatic-list .grid-item article .entry-thumbnail {
    background-color: transparent;
}

.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 h2 {
    margin-bottom: 32px;
}

.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: #842d09;
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
    width: 200px;
    text-align: center;
}

.news .latest-news-btn:hover {
    background-color: #752706;
}

.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 1.3rem;
    color: #818181;
    font-size: 14px;
}

.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);
}

.home h2 {
    font-weight: 800;
    font-size: 32px;
}

/**
 * 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: 2rem auto 4rem !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;
}

.aquatic-list .paging ul li a {
    border: solid 2px #233361 !important;
    color: #233361 !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;
}

.aquatic-list .paging ul li .current {
    border: solid 2px #233361 !important;
    background-color: #233361 !important;
}

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

.aquatic-list .paging ul li a:hover {
    background-color: #233361 !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: 16px;
    line-height: 1.5;
}

body.single article .entry-content {
    margin: 0 0 40px;
    font-size: 16px;
    line-height: 1.5;
}

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;
}

/**
 * Page: Archive
 */
.archive-title {
    font-family: 'Montserrat';
    font-weight: 800;
    text-align: center;
    margin: 3rem 1rem 4rem;
    font-size: 2.5rem;
}

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

.post-template-default h1 {
    font-size: 36px;
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: 40px;
}

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

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 .entry-content p a, body.single .entry-content p li {
    text-decoration: underline;
}

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;
}

body.single figcaption, body.page-template-page-blank figcaption {
    font-size: 14px;
    font-weight: 400;
    color: #888;
    font-style: italic;
}

/* INTRODUCTION PARAGRAPHS */
body.single .news__introduction {
    font-size: 18px;
    font-weight: bold;
    color: #888;
    margin-bottom: 2.5rem;
}

p.publish_data {
    font-size: 14px;
    color: #888;
}

.read-more-block {
    border-top: 2px solid #842d09;
    padding-top: 2rem;
    margin-top: 4rem;
}

.read-more-block h4 {
    color: #353535;
    margin: 0 0 2rem;
    font-size: 24px;
    font-weight: 800;
}

body.single .read-more-block p {
    line-height: 1.5 !important;
    margin-top: .8rem !important;
    font-weight: 600;
    font-size: 14px;
}

body.single .read-more-block p a {
    text-decoration: none;
}

/**
 * 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;
    border: 2px solid #d33f10;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 2px;
}

#members-index .letter:hover {
    color: #d33f10;
    background-color: #fff;
}

#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: 8px;
    height: 232px;
    max-height: 232px;
    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";
    font-weight: 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;
    font-size: 13px;
    line-height: 1.3;
}

#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;
}

#members-list-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.members-index .page-content {
    padding: 0 !important;
    margin: 0 !important;
}

#members-location {
    padding: 8px;
    border-color: #ccc;
    border-radius: 8px;
}

/* 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;
    }
}

/*** People Single ***/
.people-content {
    display: flex;
    gap: 2.5rem;
    margin: 3rem 0;
}
.people-content-img {
    width: 40%;
    max-width: 480px;
}
.people-content-img .entry-thumbnail {
    max-width: 100% !important;
}
.people-content-text {
    width: 60%;
}
.people-content-text h1 {
    font-weight: 800 !important;
    padding-top: 0 !important;
}
.people-content-text p:nth-child(2) {
    font-weight: 700;
    font-size: 20px;
    color: #842d09;
    margin-bottom: 2.5rem;
}
@media screen and (max-width: 680px) {
    .people-content {
        flex-direction: column;
    }
    .people-content-text, .people-content-img {
        width: 100%;
    }
}

/** Secretariat page **/
.img-w-100 img {
    width: 100% !important;
}

/* 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;
    font-weight: 600;
    font-size: 14px;
}

/**
 * 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.aquatic-list article .entry-summary {
    display: none;
}

.category-listing-posts.aquatic-list article h4 {
    font-size: 20px !important;
    margin: 0;
}

.category-listing-posts.aquatic-list article h4 a {
    color: #233361 !important;
}

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

.category-listing-posts.aquatic-list article .post-thumbnail {
    aspect-ratio: 1;
    width: 180px;
}
.category-listing-posts.aquatic-list article .entry-thumbnail img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 24px;
}

.category-listing-posts.aquatic-list article .entry-date {
    margin: 1rem 0 0 0;
}

/* 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;
}

.block-new-members >.su-spoiler-title {
    background-color: rgba(255, 255, 255, 1) !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    outline: none !important;
}

.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;
}

.block-new-members .su-spoiler-content {
    background: #fff;
    border-color: #fff;
    padding: 0 24px 0 !important;
}

.block-new-members .su-spoiler-title:focus {
    outline: #fff !important;
}

.block-new-members .wp-element-caption {
    font-size: 13px !important;
}

/** 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;
}

/**
 * Home banner
 */

.home-banner {
    padding: 32px;
}
@media (max-width: 480px) {
    .home-banner .gap-5 {
        gap: 1rem;
    }
}

/**
 * Ancestral waters
 */

 .aquatic-border-block {
    border-right: 3px solid #82FFD5;
 }

 .aquatic-content a.wp-element-button:hover, .aquatic-content a.wp-element-button:focus, .aquatic-content a.wp-element-button:active {
    color: #82FFD5;
    border-color: #82FFD5;
 }

 .aquatic-key-resources .wp-block-column  {
    border: 2px solid #82FFD5;
    border-radius: 16px;
    padding: 24px;
 }

.aquatic-btn-outline {
    color: #233361;
    border-color: #233361;
}
.aquatic-btn-outline a:hover, .aquatic-btn-outline a:focus, .aquatic-btn-outline a:active {
    color: #233361;
}

.aquatic-subscription {
    text-align: center;
}

.aquatic-subscription .wp-block-column {
    background: #e3e1d2;
    border-radius: 24px;
    padding: 32px;
}
.aquatic-subscription i {
    color: #233361;
    font-size: 58px;
    margin-bottom: 20px;
}
.aquatic-hide-lg {
        display: none;
}
.no-border {
    border: 0 !important;
}
@media (max-width: 680px) {
    .aquatic-hide-sm {
        display: none;
    }
    .aquatic-hide-lg {
        display: block;
    }
    .aquatic-title {
        font-size: 4rem;
    }
    .aquatic-border-block {
        border: 0;
    }
    .aquatic-column-reverse {
        flex-direction: column-reverse;
    }
}

/**
 * 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;
    }
}