/******* ISO in CSS *************************************************

  \0020   = space
  \00a0   = non-breaking space
  \00bb   = »
  \00ab   = «
  \a7     = §
  \b7     = ·
  \2299   = circled dot
  \25CE   = bulls eye (circled circle)
  \2630   = ☰
  \2715   = ✕
  \2716   = ✖
  \02197  = arrow from left bottom to top right
  \2013   = n dash
  \2014   = m dash
  \2237   = proportion = 4 dots in square
  \2261   = identical to = 3 dashes hamburger style (small version compared to \2630)
  \22EF   = horizontal ellipsis middle
  \2026   = horizontal ellipsis bottom
  \2508   = light quadruple dash
*/




/******* Import web fonts *************************************************/

@import url("fontawesome/brands.min.css");
@import url("fontawesome/regular.min.css");
@import url("fontawesome/solid.min.css");
@import url("fontawesome/fontawesome.min.css");

/*
@font-face { font-family: 'lato-light';           src: url(../fonts/lato/Lato-Light.ttf);  font-display: swap; }
@font-face { font-family: 'lato-bold';            src: url(../fonts/lato/Lato-Bold.ttf);  font-display: swap; }
@font-face { font-family: 'lato-regular';         src: url(../fonts/lato/Lato-Regular.ttf);  font-display: swap; }
@font-face { font-family: 'open sans condensed';  src: url(../fonts/opensans/OpenSansCondensed.woff);    font-display: swap; }    /* For headings * /
*/
@font-face { font-family: 'roboto-light';         src: url(../fonts/roboto/Roboto-Light.ttf);  font-display: swap; }              /* For running text */
@font-face { font-family: 'roboto-bold';          src: url(../fonts/roboto/Roboto-Medium.ttf);  font-display: swap; }             /* For emphasized text -- looks better than roboto-light 700 */
@font-face { font-family: 'roboto-regular';       src: url(../fonts/roboto/Roboto-Regular.ttf);  font-display: swap; }            /* For menu */





/******* Base HTML elements *************************************************/

:root {
  --gap: 4rem;
  --flickity-img-size: 12rem;

  /*------------------------------------------------------------------------*/

  --isi-blue:         #0000af;  /* = ISI logo-blue */
  --green:            #00af00;
  --greyblue:         #5f9ea0;
  --red:              #af0000;
    --mustard:          #afaf00;

  --mediumdark-blue:  #007fe0;  /* was: #0096ff */
  --medium-blue:      #0b93fb;  /* was: #82c8ff */
  --light-blue:       #d1ecff;

    --dark-green:       #005900;
    --light-green:      #00d900;

    --light-red:        lavenderblush;

  --almost-white:     #f9f9f9;
  --light-grey:       #eee;
  --mediumlight-grey: #ddd;
  --medium-grey:      #bbb;
  --mediumdark-grey:  #999;
  --dark-grey:        #666;
  --almost-black:     #323232;

  --gold:             #f1c513;

  /* Associations ----------------------------------------------------------*/
  --bs:           #568a35;  /* = BS logo green */
  --iaos:         #0070bc;  /* = IAOS logo blue */
  --iasc:         #2e2d5e;  /* = IASC logo dark blue*/
  --iase:         #faca73;  /* = IASE logo orange/yellow */
  --iase-dark:    #f79c00;  /* = IASE darker color for texts */
  --iass:         #333333;  /* = IASS logo dark grey */
  --isbis:        #009999;  /* = ISBIS logo teal */
  --ties:         #e66114;  /* = TIES logo orange */
}
@media screen and (max-width: 700px) {
  :root {
    --gap: 2rem;
  }
}
.crimson,
.crimson a {
  color: var(--red) !important;
}
.crimson-reverse {
  background-color: var(--red) !important;
  color: white !important;
}
::selection {
  background-color: var(--gold);
}
.fa, .fas, .far, .fal, .fad, .fab {
  font-size: 1em;
  color: black;
}
.fa-gitlab::before {
  color: orangered;
}
:not(.fas) {
  font-weight: normal !important;
}

/*
* {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
*/

html {
  font-size: 10px;  /* For easy calculations when using rem for white spaces, widths and of course fonts */
  line-height: 1.3;
  font-family: roboto-light, calibri, arial, sans-serif;
  background: white;
}
body {
  font-size: 4.5vw;
  background-color: white;
  color: black;
}
body:not(.node-1) {
  /*background: black url(https://www.isi-web.org/templates/risen_hope/images/body.jpg) center -100px/100% no-repeat fixed;
  background: black url(../images/simple-world.png) center top/120% no-repeat fixed;
  color: white;*/
  background-image: linear-gradient( to bottom, var(--medium-grey), white, white, white, white, white );
}
body.node-1 {
  background-image: linear-gradient( to bottom, var(--light-grey), var(--light-grey), var(--light-grey), var(--light-grey), var(--light-grey), var(--light-grey), white, white, white );
}
body.documentation {
  /*background: var(--light-grey);*/
}
body.events.calendar {
  background-color: white;
}

h1 {
  font-size: 7vw;
  margin: 0 0 3.6rem;
}
@media screen and (min-width: 400px) {
  body {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 515px) {
  h1 {
    font-size: 200%;
  }
}
h2,
.no-break-inside > h2:first-child,
.flex-2 > div > h2:not(:first-child) {
  font-size: 160%;
  margin: 5rem 0 2rem;
}
.view-header h2 {
  margin: 0 0 2rem;
}
h3 {
  font-size: 130%;
  margin: 2.5rem 0 1.8rem;
  font-style: italic;
}
h4 {
  font-size: 100%;
  font-family: roboto-bold, calibri, arial, sans-serif;
  margin: 1.5rem 0 0;
}

h2, h3, h4, h5, h6,
p,
dd,
figcaption,
.field--name-field-tags.field--type-entity-reference {
  max-width: 54rem;  /* = 30em for p */
}
/*
ul li,
ol li,
ul p,
ol p,
dd p {
  max-width: 100%;
}
*/

p,
ul,
ol,
dl {
  margin: 1em 0;
}
.small-p p {
  margin: .3em 0;
}
dt:not(.italic) {
  font-family: roboto-bold, calibri, arial, sans-serif;
}
dt.italic {
  font-style: italic;
}
dt h2,
dt h3,
.light dt {
  font-family: roboto-light, calibri, arial, sans-serif;
}
ul {
  padding-left: 2.5rem;
}

blockquote {
  position: relative;
  margin: 1em 0 1em .9rem;
  border-left: solid .5rem var(--green);
  padding: 1rem 0 1rem 3.3rem;
}
blockquote::before {
  content: '“';
  position: absolute;
  top: -1rem;
  left: 1rem;
  font-size: 300%;
  color: var(--mediumdark-grey);
}
ol ol {
  list-style-type: lower-alpha;
}
ol ol ol {
  list-style-type: lower-roman;
}
ul ul,
ul ul:first-child,
ol ol,
ol ol:first-child {
  margin-top: .5em;
}
li {
  margin-bottom: .5em;
}

dd {
  margin-bottom: 1em;
}

details[open] {
  margin: 1em 0;
}
details summary {
  cursor: pointer;
}
details[open] summary {
  font-size: 110%;
  margin: 0 auto 1em;
}
details summary p:first-child {
  float: left;
}
.reusable-html-snippets details[open] {
  padding: 1rem;
  background-color: moccasin;
}
.reusable-html-snippets summary::marker {
  color: orangered;
}

hr {
  margin: var(--gap) 0;
  width: 100%;
  max-width: 54rem;
  height: 0;
  border-top: solid 1px var(--greyblue);
  border-width: 1px 0 0;
}
hr.dotted { border-style: dotted; border-color: black; }
hr.dashed { border-style: dashed; }
hr.label {
  margin: 8rem 0 0;
}
hr.label + h2 {
  text-transform: none !important;
  float: left;
  margin: -2rem 0 0 2rem;
  padding: 0 .7rem 10rem;
  background-color: #fff;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

figure {
  margin: 2em 0;
}
figure + figure {
  margin-top: 2em;
}
figcaption {
  margin-top: .3em;
  font-size: 90%;
}
figure:not([class="quote"]):not([class="elected-member"]) figcaption {
  opacity: .7;
}

em {
  font-style: italic;
}
strong,
.strong {
  font-family: roboto-bold, calibri, arial, sans-serif;
}
u,
small {
  font-size: 90%;
  text-decoration: none;
}
small.extra {
  font-size: 80%;
}

abbr[title] {
  text-decoration: none;
}
[data-tooltip] {
  position: relative;
}
[data-tooltip] a {
  cursor: help;
  border-bottom: dotted 1px !important;
  color: inherit !important;
}
[data-tooltip] [role="tooltip"] {
  position: absolute;
  left: 0;
  top: -30px;
  width: auto;
  white-space: nowrap;
  border-radius: 3px;
  font-size: 14px;
  padding: 3px 5px;
  box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.4);
  background-color: var(--medium-blue);
  color: white;
}
/*.call-to-action.green [data-tooltip] [role="tooltip"] {
  background-color: var(--medium-blue);
}*/
[data-tooltip] .hidden[role="tooltip"] {
  display: none;
}

code,
kbd {
  font-family: 'courier new', courier, monospace;
}
code,
pre {
  background-color: var(--light-grey);
}
code {
  border-radius: 2px;
  padding: 0 .3rem;
}
pre {
  padding: .5em .7em;
}

:first-child,
.flex + h2 {
  margin-top: 0;
}
:last-child {
  margin-bottom: 0;
}




/******* General IDs and classes *****************************************/

#block-isi-page-title h1 {
  margin-bottom: 7.2rem;
}
#block-isi-page-title h1,
.node-1 h2 {
  color: var(--green);
}

.ucfirst {
  display: inline-block;
}
.ucfirst::first-letter {
  text-transform: uppercase;
}

p.intro:first-child,
div.intro:first-child {
  font-size: 120%;
}
div.intro:first-child {
  margin-bottom: 1em;
}

.small {
  font-size: 80%;
}

.document-title {
  font-style: italic;
}

/* Align/float and text align are set in /core/modules/system/css/components/align.module.css */

.clear {
  clear: both;
}
.clear-left {
  clear: left;
}
.clear-right {
  clear: right;
}

img.align-right {
  margin-left: 2.5rem;
  margin-bottom: 2.5rem;
}
img.align-left {
  margin-right: 2.5rem;
  margin-bottom: 2rem;
}

.no-break-after {
  break-after: avoid;
}
.no-break-inside {
  break-inside: avoid;
}
.no-break-inside {
  margin-bottom: 2.5rem;
}

.full-width,
.call-to-action.full-width {
  max-width: 100%;
}

.menu {
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none outside;
}

.node--unpublished,
.node--draft,
.node--review,
.node--archived,
.node--deleted {
  position: relative;
  border: solid 3px var(--red);
  padding: 1em;
}
.node--unpublished::before,
.node--draft::before,
.node--review::before,
.node--archived::before,
.node--deleted::before {
  content: 'UNPUBLISHED';
  position: absolute;
  top: -0.7em;
  left: .5em;
  padding: 0 .5em;
  background-color: white;
  color: var(--red);
}
.node--draft::before { content: 'DRAFT'; }
.node--review::before { content: 'REVIEW'; }
.node--archived::before { content: 'ARCHIVED'; }
.node--deleted::before { content: 'DELETED'; }

p.readmore {
  margin-top: 0;
}
a.readmore,
.readmore a,
.more-link a {
  font-style: italic;
}
.readmore a::after,
a.readmore::after {
  content: '\2026';
}

a.ext .fa-ext.extlink,
a.mailto .fa-mailto.extlink,
a > .extension {
  display: inline;
}
a > .extension {
  font-size: 80%;
}
.fa-ext.extlink::before,
.fa-mailto.extlink::before {
  content: "\00a0\00a0";
}
.fa-ext.extlink .fa-external-link-alt,
.fa-mailto.extlink .fa-envelope-open,
a > .extension {
  color: var(--dark-grey);
}

.icon::after {
  content: "\00a0";
}
.icon.end::after {
  content: "";
}
.icon.end {
  margin-left: .5em;
}
h2 .icon {
  font-size: 2.3rem;
}
.icon.ov {
  display: inline-block;
  width: 40px;
  height: 30.1px;
  background: transparent url(../images/ov-chipkaart_logo.png) no-repeat;
  background-size: cover;
}

[id] {
  scroll-margin: 10em 0;
}
:target {
/*
  margin-left: -1.5rem;
  border-left-style: solid;
  border-left-width: .5rem;
  padding-left: 1rem;
*/
  background-color: var(--light-blue);
}
tbody:target {
  background-color: transparent;
}

.layout-body a {
  text-decoration: none;
}
.layout-body a:hover,
.layout-body a:active,
.layout-body a:focus {
  border-bottom: solid 1px;
}
.layout-body .linked-images a:hover,
.layout-body .linked-images a:active,
.layout-body .linked-images a:focus,
.layout-body #block-tabs a,
.layout-body a.linked-image {
  border-bottom: none;
}
.layout-body nav[role=navigation] a:hover {
  border-bottom: none;
  background-color: var(--light-grey);
  color: black;
}
.layout-content a,
.layout-content #block-tabs a:visited,
.layout-content nav a:visited {
  color: blue;
}
.layout-content a:visited {
  color: purple;
  color: blue;
}
nav .menu li a,
nav .menu li a:visited {
  color: var(--isi-blue);
}

body.news article.node--type-promotional-video {
  max-width: 54rem;
}
.video-caption .label {
  float: left;
  margin-right: .5em;
}
/*
.video-caption::before {
  content: 'Video: ';
  font-style: italic;
  float: left;
}
*/
.video-externally {
  text-align: right;
  font-size: 80%;
}

blockquote .quoter {
  font-style: italic;
}
blockquote .quoter::before {
  content: '\2014\00a0';
}
blockquote.jump-out {
  padding-left: 2rem;
  font-size: 110%;
}
blockquote.jump-out::before {
  content: '';
}

.node-body {
  margin-bottom: 3rem;
}
.content-type-news .field--name-field-tags.field--type-entity-reference,
.content-type-event .field--name-field-tags.field--type-entity-reference {
  margin-bottom: 3rem;
  padding: 1rem;
  background: var(--light-grey);
}
.field--name-field-tags.field--type-entity-reference .field__label,
.content-type-course .field--name-field-website .field__label,
.field--name-field-sponsor .field__label,
.field--name-field-location .field__label {
  font-style: italic;
}
.content-type-course .field--name-field-website .field__label::after,
.field--name-field-sponsor .field__label::after,
.field--name-field-location .field__label::after {
  content: '\00a0\00a0';
}


/*** Explanations (= "?" links) ***/

.what-is-it > a,
.what-is-it > a:visited {
  background: var(--isi-blue);
  color: white;
}


/* Temporary messages to visitors */

.has-extra-row .important {
  width: 100%;
}
.block-views-blocktemporary-messages-front .views-row {
  max-width: 54rem;
  margin: 0 auto var(--gap);
  padding: 1.5rem 2rem;
  border: solid 2px var(--isi-blue);
  border-radius: 4px;
  background-color: white;
  color: var(--isi-blue);
}
.block-views-blocktemporary-messages-front .views-row .views-field.views-field-body {
  max-width: 54rem;
  margin: 0 auto;
}
.block-views-blocktemporary-messages-front .views-row a {
  _color: yellow;
}


/* Pretty lists */

ol.roman {
  list-style-type: lower-roman;
}
ol.roman ol {
  list-style-type: lower-alpha;
}
ol.roman ol ol {
  list-style-type: lower-roman;
}
ol.alpha {
  list-style-type: lower-alpha;
}
ol.alpha ol {
  list-style-type: lower-roman;
}
ol.alpha ol ol {
  list-style-type: lower-alpha;
}
ol.alpha-up {
  list-style-type: upper-alpha;
}
ol.alpha-up ol {
  list-style-type: lower-alpha;
}
ol.alpha-up ol ol {
  list-style-type: lower-roman;
}

.spaced li {
  margin-bottom: 1em;
}
.condensed ul,
.condensed ul:first-child,
.condensed ol,
.condensed ol:first-child {
  margin-top: 0;
}
.condensed li,
.toolbar-menu li,
.ultra-condensed li {
  margin-bottom: 0;
}
.condensed:not(:first-child) {
  margin-top: .5em;
}
.extra-space,
.extra-space li:not(:last-child) {
  margin-bottom: 2em;
}
.extra-space:not(:first-child) {
  margin-top: 2em;
}
ul.raquo {
  list-style: none;
}
ul.raquo li::marker {
  content: '»\00a0';
}

#block-isi-content .columns { max-width: 100% }
.columns {
  column-width: 40rem;
  column-count: 2;
  column-gap: var(--gap);
}
.columns.narrow {
  column-width: 14rem;
}
.columns.gap2 {
  column-gap: calc( var(--gap) * 2 );
}
.columns.gap3 {
  column-gap: calc( var(--gap) * 3 );
}
.columns.gap4 {
  column-gap: calc( var(--gap) * 4 );
}
.columns.margin-top {
  margin-top: var(--gap);
}
.columns-3 { column-count: 3 }
.columns-4 { column-count: 4 }
.columns-5 { column-count: 5 }
.columns > div,
.columns > section,
.columns > div *,
.columns > section * {
  break-inside: avoid;
}
.columns > div,
.columns > section {
  margin-bottom: 5rem;
}

.jump-out-list {
  margin-top: .9rem;
  margin-bottom: 0;
  border-radius: 1.8rem 1.8rem 0 0;
  padding: .9rem 1.8rem 0;
  background-color: var(--almost-black);
  color: white;
}
.jump-out-list.dark       { background-color: var(--isi-blue); }
.jump-out-list.mediumdark { background-color: var(--mediumdark-blue); }
.jump-out-list.medium     { background-color: var(--medium-blue); }
.jump-out-list.light      { background-color: var(--light-blue);
                            color: var(--almost-black); }
.jump-out-list.extra      { background-color: var(--red); }
ul.jump-out-list {
  margin-left: 0;
  list-style-type: none;
  margin-top: 0;
  border-radius: 0 0 1.8rem 1.8rem;
  padding: .9rem 1.8rem 1.26rem;
}
.jump-out-list li {
  background-color: white;
  color: var(--almost-black);
}
ul.jump-out-list li {
  border-radius: .54rem;
  padding: .54rem 1.08rem;
  margin-bottom: .54rem;
}

ul.no-bullets,
ul.alternate-bg {
  list-style: none;
  margin: 3em 0 1em;
  padding: 0;
}
.alternate-bg li {
  padding: .3em .5em;
  border-radius: 3px;
}
.alternate-bg li:not(:last-child) {
  margin-bottom: 1em;
}
.alternate-bg li:nth-child(2n+1) {
  background-color: var(--light-grey);
  padding: .8em .5em;
}

dd {
  break-inside: avoid;
}
dl.two-columns {
  display: grid;
  grid-gap: 1rem 3rem;
  grid-template-columns: max-content auto;
  line-height: 1.1;
}
dl.two-columns.term-right dt {
  text-align: right;
}
dl.two-columns dd {
  margin: 0;
}
@media screen and (max-width: 1000px) {
  dl.two-columns { display: block; line-height: inherit; }
  dl.two-columns dd { padding-left: 1rem; margin-bottom: 1rem; }
  dl.two-columns.term-right dt { text-align: left; }
}
dt.margin-top:not(:first-of-type),
dt.margin-top:not(:first-of-type) + dd {
  margin-top: 1em;
}
dt.margin-top-half,
dt.margin-top-half + dd {
  margin-top: .5em;
}
dl.like-news {
  margin: 4rem 0;
}
dl.like-news dt {
  margin-bottom: 1em;
}
dl.like-news dd {
  margin: 0;
}
dl.like-news dd:not(:last-of-type) {
  padding-bottom: 1.2em;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin: 0 0 1.5em;
  border-color: var(--medium-grey);
}
dl.like-news dd img {
  max-width: 40rem;
}
@media screen and (max-width: 1146px) {
  dl.like-news dd img {
    max-width: 100%;
  }
}
dl#all-wscs {
  align-items: center;
  align-items: flex-start;
}
dl#all-wscs dt.margin-top:not(:first-of-type),
dl#all-wscs dt.margin-top:not(:first-of-type) + dd {
  margin-top: 2em;
}
dl#all-wscs dd {
  max-width: 40rem;
}
dl#all-wscs dt + dd {
  display: flex;
  align-items: center;
  align-items: flex-start;
  justify-content: space-between;
}
dl#all-wscs img {
  max-width: 17rem;
  margin-top: -1em;
}
.view-id-wscs .view-footer {
  margin-top: var(--gap);
}

#block-isi-content ul,
#block-isi-content ol {
  max-width: 54rem;
  box-sizing: border-box;
}
#block-isi-content ul.full-width,
#block-isi-content ul.full-width *,
#block-isi-content ol.full-width,
#block-isi-content ol.full-width * {
  max-width: 100%;
}


/* Tables */

table {
  border-collapse: collapse;
  margin-top: 2em;
  margin-bottom: 2em;
}
table.sticky-head {
  position: relative;
}
table.sticky-head th {
  position: sticky;
  top: 0;
}
table.caption-bottom {
  caption-side: bottom;
}
caption {
  font-style: italic;
  padding: 1em 0;
}
caption h2,
caption p {
  margin-top: 0;
  text-align: left;
  font-style: normal;
}
caption p.align-right {
  padding-top: .7rem;
}
th,
td {
  border: solid 0 var(--medium-grey);
  border-width: 1px 1px 0;
  padding: 1rem;
  vertical-align: top;
  text-align: left;
}
thead tr > * {
  vertical-align: middle;
}
thead th,
tbody tr[id] th {
  background-color: var(--light-grey);
  color: inherit;
}
tr:last-of-type th,
tr:last-of-type td,
.not-a-node.courses .content-footer-block th[rowspan="3"] {
  border-bottom-width: 1px;
}
th {
  font-family: roboto-bold, calibri, arial, sans-serif;
}

.duo-colored-bodies tbody:nth-of-type(2n) {
  background-color: var(--light-grey);
}


/* Image grids */

.image-grid {
  display: flex;
  flex-wrap: wrap;
  margin: -5rem 0 0 calc(-1 * var(--gap));
  align-items: center;
}
.image-grid > * {
  box-sizing: border-box;
  margin: 5rem 0 var(--gap) var(--gap);
  width: 34.8rem;
  text-align: center;
}
.image-grid.columns-3 img {
  max-width: 100%;
}


/* Buttons */

.button {
  display: inline-block;
  padding: .2em 1em;
  cursor: pointer;
  text-align: center;
  border: none;
  border-radius: 4px;
  font: normal .929em/normal "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  text-decoration: none;
  /*background-image: -webkit-linear-gradient(to bottom, var(--mediumdark-blue), var(--isi-blue), var(--mediumdark-blue));*/
  background-image: linear-gradient(to bottom, var(--mediumdark-blue), var(--isi-blue), var(--mediumdark-blue));
  background-color: var(--isi-blue);
}
.button,
.layout-content a.button {
  color: white;
}
.button:hover,
.button:active,
.button:focus {
  background-image: -webkit-linear-gradient(to bottom, var(--isi-blue), var(--mediumdark-blue), var(--isi-blue));
  background-image: linear-gradient(to bottom, var(--isi-blue), var(--mediumdark-blue), var(--isi-blue));
}
.button.is-disabled,
.button.is-disabled:hover,
.button.is-disabled:active,
.button.is-disabled:focus {
  border-color: var(--medium-grey);
  background: var(--light-grey);
  color: var(--almost-black);
}

.button.is-disabled,
.button.is-disabled:hover,
.button.is-disabled:active,
.button.is-disabled:focus {
  cursor: default;
}
#block-mobilearea {   /* Buttons for mobile usage */
  display: none;
}


/* Calls to action */

.call-to-action {
  margin-bottom: var(--gap);
}
.call-to-action/*,
.flex .call-to-action:first-child*/ {
  display: inline-block;
  box-sizing: border-box;
  /*margin-top: 3rem;   https://new.isi-web.org/membership/individual/elected*/
  border-radius: 3px;
  border: solid 2px var(--medium-grey);
  padding: 1.5em;
  /*max-width: 54rem;   https://new.isi-web.org/publications*/
  background-color: transparent;
  color: inherit;
}
.call-to-action:first-child {
  margin-top: 0;
}
#block-views-block-calls-to-action-front-block-1 article {
  border-radius: 2rem;
}

.call-to-action.isiblue {
  border-color: var(--isi-blue);
  background-color: var(--isi-blue);
  color: white;
}
  .isiblue .fa-ext.extlink .fa-external-link-alt,
  .isiblue .fa-mailto.extlink .fa-envelope-open,
  .isiblue a > .extension {
    color: var(--medium-grey);
  }
.call-to-action.mediumblue {
  border-color: var(--medium-blue);
  background-color: var(--medium-blue);
  color: white;
}
  .mediumblue .fa-ext.extlink .fa-external-link-alt,
  .mediumblue .fa-mailto.extlink .fa-envelope-open,
  .mediumblue a > .extension {
    color: var(--medium-grey);
  }
.call-to-action.green {
  border-color: var(--green);
  background-color: var(--green);
  color: white;
}
  .green .fa-ext.extlink .fa-external-link-alt,
  .green .fa-mailto.extlink .fa-envelope-open,
  .green a > .extension {
    color: black;
  }
.call-to-action.greyblue {
  border-color: var(--greyblue);
  background-color: var(--greyblue);
  color: white;
}
  .greyblue .fa-ext.extlink .fa-external-link-alt,
  .greyblue .fa-mailto.extlink .fa-envelope-open,
  .greyblue a > .extension {
    color: var(--mediumlight-grey);
  }
.call-to-action.red {
  border-color: var(--red);
  background-color: var(--red);
  color: white;
}
  .red .fa-ext.extlink .fa-external-link-alt,
  .red .fa-mailto.extlink .fa-envelope-open,
  .red a > .extension {
    color: var(--medium-grey);
  }
.call-to-action.mustard {
  border-color: var(--mustard);
  background-color: var(--mustard);
  color: white;
}
  .mustard .fa-ext.extlink .fa-external-link-alt,
  .mustard .fa-mailto.extlink .fa-envelope-open,
  .mustard a > .extension {
    color: var(--light-grey);
  }
.call-to-action.lightgrey {
  border-color: var(--light-grey);
  background-color: var(--light-grey);
}
  .lightgrey .fa-ext.extlink .fa-external-link-alt,
  .lightgrey .fa-mailto.extlink .fa-envelope-open,
  .lightgrey a > .extension {
    color: var(--dark-grey);
  }
.call-to-action.mediumgrey {
  border-color: var(--mediumlight-grey);
  background-color: var(--mediumlight-grey);
}
  .mediumgrey .fa-ext.extlink .fa-external-link-alt,
  .mediumgrey .fa-mailto.extlink .fa-envelope-open,
  .mediumgrey a > .extension {
    color: var(--dark-grey);
  }
.call-to-action.white {
  border-color: white;
  background-color: white;
}
.call-to-action.transparent {
  border-color: transparent;
  background-color: transparent;
}
.call-to-action.isiblue a,
.call-to-action.mediumblue a,
.call-to-action.green a,
.call-to-action.red a {
  color: yellow;
}
.call-to-action.mustard a,
.call-to-action.greyblue a {
  color: var(--isi-blue);
}

.layout-content .top .call-to-action {
  border-color: var(--isi-blue);
}
.layout-content .top .call-to-action:hover {
  border-color: white;
}

.call-to-action h2 {
  font-size: 140%;
}
.call-to-action h3 {
  font-size: 114%;
}
.call-to-action :not(h2):not(.fas) {
  font-family: roboto-bold, calibri, arial, sans-serif;
}
.call-to-action.no-weight :not(strong) {
  font-family: roboto-light, calibri, arial, sans-serif;
}
.call-to-action.short {
  padding: 1.5em 1.5em;
}
.call-to-action.center * {
  text-align: center;
}
.call-to-action ul {
  padding-left: 2rem;
}


/* Prizes + Video presentations */

.prizes,
.video-presentations {
  margin: 3rem 0;
}
.flex-2 .prizes,
.flex-2 .video-presentations {
  margin-top: 0;
}
.prizes > *,
.video-presentations > * {
  box-sizing: border-box;
  border: solid 1px var(--light-grey);
  padding: 1.5em 1.5em 2em 15rem;
  max-width: 61rem;
  background-position: 5rem 4.2em;
  background-color: var(--light-grey);
}
.prizes > * {
  background-image: url(/files/images/icons/trophy.png);
  background-repeat: no-repeat;
}
.video-presentations > * {
  min-height: 17rem;
}
.prizes > *:not(:last-child),
.video-presentations > *:not(:last-child) {
  margin-bottom: 2rem !important;
}
.video-presentations.flex-2 > * {
  max-width: calc( (100% - 2rem) / 2);
}
.prizes *,
.video-presentations * {
  font-size: 100%;
}
.prizes h2 + *,
.video-presentations h3 {
  font-family: roboto-bold, calibri, arial, sans-serif;
}
.video-presentations h3 {
  margin-top: 0;
}
.video-presentations img {
  float: left;
  margin-left: -12rem;
}

body.videos .view-content {
  
}
body.videos .video {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  max-width: 54rem;
  flex-direction: row-reverse;
}
/*
body.videos .video {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  max-width: 54rem;
}
body.videos .video img {
  margin-right: var(--gap);
}
body.videos .video:nth-child(2n) {
  flex-direction: row-reverse;
  justify-content: space-between;
}
body.videos .video:nth-child(2n) img {
  margin-right: 0;
  margin-left: var(--gap);
}
*/
body.videos .video > :last-child {
  max-width: calc( 100% - 130px);
}
body.videos .video:not(:last-child) {
  margin-bottom: var(--gap);
}
body.videos .video img {
  border-radius: 50%;
}
body.videos .video span {
  display: block;
}

body.content-type-promotional_video .node__content {
  max-width: 54rem;
}


/* Bios */

.bio {
  box-sizing: border-box;
  margin: 3rem 0;
  width: 100%;
  max-width: 54rem;
  border: solid 0 var(--isi-blue);
  border-width: 10px 0;
  padding: 2.7rem 3.6rem;
  background-color: var(--light-blue);
}
.bio:first-child {
  margin: 0 0 3rem;
}
.bio figure {
  margin-top: 2rem;
  text-align: center;
}


/* Messages */

[aria-label="Status message"],
[aria-label="Warning message"] {
  margin: 0 0 1.8rem .81rem !important;
  padding: 1.5rem 2rem 1.5rem 3.5rem;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  border-radius: 2px;
  background-position: 1.08rem 1.8rem;
  background-repeat: no-repeat;
}
/*
[aria-label="Status message"] {
  border-style: solid;
  border-width: 2px;
  padding: .7em 1em;
  margin-bottom: 3.6rem;
}
*/
[aria-label="Status message"] {
  color: #325e1c;
  border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
  background-color: #f3faef;
  background-image: url(../../../../core/misc/icons/73b355/check.svg);
  box-shadow: -.8rem 0 0 #77b259;
}
[aria-label="Warning message"] {
  color: #734c00;
  border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
  background-color: #fdf8ed;
  background-image: url(../../../../core/misc/icons/e29700/warning.svg);
  box-shadow: -.8rem 0 0 #e09600;
}
[aria-label="Error message"] {
  color: #a51b00;
  border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
  background-color: #fcf4f2;
  background-image: url(../../../../core/misc/icons/e32700/error.svg);
  background-position: .5rem 1.2rem;
  background-repeat: no-repeat;
  padding: 1rem 3rem;
}


/* Explanations (= "?" links) */

.what-is-it {
  display: inline-block;
  position: relative;
  padding-right: 3.6rem;
}
.what-is-it > a {
  font-size: 1.8rem;
  position: absolute;
  top: .3em;
  right: 0;
  padding: 0 .45em;
  border-radius: 50%;
  text-decoration: none;
  font-family: roboto-bold, calibri, arial, sans-serif;
}


/* Grid + Flex */

.layout-content.sidebar-first  .grid { max-width: 111rem; }
.layout-content.sidebar-second .grid { max-width: 89rem; }
.layout-content.sidebars-both  .grid { max-width: 63rem; }
.layout-content .grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(40rem, 1fr));
  grid-gap: var(--gap);
  width: 100%;
  margin-top: 5rem;
}
.layout-content aside.grid {
  margin-top: 0;
}
.layout-content .grid-3 {
  grid-template-columns: auto auto auto;
}


/*
p + .flex {
  margin-top: -1em;
}
*/
.flex {   /* gap = var(--gap), because total width = 110rem */
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;             /* vertical alignment of items */
  justify-content: space-between;   /* horizontal distribution of items */
}
.flex.margin-top  { margin-top: 5rem; }
.flex.reverse     { flex-direction: row-reverse; }
.flex.vertical    { flex-direction: column; }
/*
.flex > *:not(.grid) {
  display: block;
  box-sizing: border-box;
  width: 100%;
}
*/
.flex-2 > * {
  width: 100%;  /* Temp note:  added for https://www.isi-web.org/membership/methods-of-payment/bank-transfer */
  max-width: calc( 50% - (var(--gap) / 2) );
}
@media screen and (max-width: 1046px) {
  .flex-2 {
    display: block;
  }
  .flex-2 > * {
    max-width: 100%;
  }
}
.flex-3 > * {
  max-width: calc( (100% - (var(--gap) * 2)) / 3);
}
.flex-4 > * {
  max-width: calc( (100% - (var(--gap) * 3)) / 4);
}
.flex.main-sidebar > :first-child {
  max-width: 62rem;
}
.flex.main-sidebar > :last-child {
  max-width: 44rem;
}
.flex > *,
.flex > * > div:not(:last-child),
.flex > * > section:not(:last-child) {
  margin-bottom: 5rem;
}
.flex > .flex.vertical > *:last-child,
.flex.no-margin > * {
  margin-bottom: 0;
}
.flex.p-margin > * {
  margin-bottom: 1em;
}
/*
@media screen and (max-width: 1200px) {
  .flex {
    display: block;
  }
  .flex > *,
  .flex.main-sidebar > :first-child,
  .flex.main-sidebar > :last-child {
    max-width: 100%;
  }
  .flex.no-margin > * {
    margin-bottom: 1em;
  }
}
*/
.flex-2.reverse > .images div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.flex-2.reverse > .images img:not(:last-child) {
  margin-right: var(--gap);
}

#block-views-block-members-all-block-family-2 {
  margin-left: auto;
  margin-right: auto;
  background: white;
}
#block-views-block-members-all-block-family-2 .flex > *,
#block-views-block-members-all-block-family .flex > * {
  width: initial;
  margin: 0 1.5rem;
}
#block-views-block-members-all-block-family-2 .flex img,
#block-views-block-members-all-block-family .flex img {
  width: auto;
  max-height: 7.9vw;  /* actual height = 68px */
  min-height: 48px;
}


/* Webform forms

   See separate form.css
 */
.webform-confirmation__message p.key-value-pair {
  padding-left: 8.8em;
}
.webform-confirmation__message p.key-value-pair em {
  display: inline-block;
  width: 8.5em;
  margin-left: -8.8em;
}
.webform-confirmation__message .form-input {
  font-family: 'courier new', courier, monospace;
}

.webform-element-help {
  font-size: 85%;
}



/******* Layout *************************************************/

body {
  margin: 0;
}

.fixed-top {
  position: sticky;
  top: 0;
  z-index: 1;
  border-bottom: solid 5px var(--isi-blue);
}
.node-1 .fixed-top {
  border-color: var(--medium-blue);
}


/* Above header */

#above-header {
  display: flex;
  flex-wrap: wrap;
  background-color: white;
  color: var(--almost-black);
}
#above-header > * {
  font-size: 80%;
  padding: 0 1.8rem;
}

#block-isi-slogan,
#block-podocumentation {
  flex: 1 1 auto;
  margin-left: 26.3rem;
  padding: 1rem 1.8rem;
  font-size: 1.3vw;
  background-image: linear-gradient(to right, white, var(--light-grey));
}
.node-1 #block-isi-slogan {
  height: 2.94rem;
}
@media screen and (max-width: 1108px) {
  #block-isi-slogan,
  #block-podocumentation {
    font-size: 80%;
  }
}

#above-header > nav {
  padding: 0 .36rem;
  background-color: var(--light-grey);
}
#above-header > nav > .menu {
  float: right;
  height: 100%;
  margin: 0 1.8rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}
#above-header > nav > .menu li {
  background-color: var(--light-grey);
}
#above-header > nav > .menu li a {
  display: block;
  padding: .99rem 1.44rem;
  line-height: 1.7vw;
  font-family: roboto-bold, calibri, arial, sans-serif;
  text-decoration: none;
}
#above-header > nav > .menu li a:hover {
  text-decoration: underline;
}
nav > .menu li a {
  color: var(--isi-blue);
}

#block-searchform {
  background-color: var(--light-grey);
}
#search-block-form {
  display: flex;
}
#search-block-form .form-actions {
  width: initial;
}
#search-block-form,
#search-block-form input[type="search"],
#search-block-form input[type="submit"] {
  height: 96%;
}
#search-block-form .form-type-search,
#search-block-form .form-actions {
  margin: 2% 0 0;
}
#search-block-form input[type="search"] {
  display: block;
  box-sizing: border-box;
  width: 100%;
  border-style: solid;
  border-width: 1px;
  padding: .72rem;
}
#search-block-form input[type="submit"] {
  border-radius: 0 3px 3px 0;
}



/* Header */

header[role="banner"] {
  display: flex;
  flex-wrap: wrap;
  background: white;
  color: black;
}
header[role="banner"] > * {
  margin: .7rem 1.8rem .7rem;
}


#block-isi-branding {
  margin: -3rem 1.8rem 0;
  display: flex;
  flex-wrap: wrap;
}
.documentation #block-isi-branding {
  margin-bottom: 2rem;
}
.node-bare-theme #block-isi-branding {
  margin: 2rem 0 0;
  display: inline-block;
}
.node-bare-theme #block-isi-branding + .highlighted {
  max-width: 349px;
}
.isi-logo-extended {
  display: flex;
  margin-right: 1.8rem;
  text-decoration: none;
}
.node-bare-theme #block-isi-branding .isi-logo-extended {
  margin: 0;
}
.node-bare-theme .layout-body a.isi-logo-extended:hover {
  border-bottom: none;
}
.isi-logo {
  width: 5rem;
  height: 5rem !important;
  margin-right: 1rem;
  border-radius: .7rem;
  padding: .5rem .6rem .6rem;
  background-color: var(--isi-blue);
}
.isi-logo img {
  width: 100%;
  height: 100% !important;
}
.isi-name {
  display: inline-block;
  margin: 0;
  max-width: 7em;
  padding-top: 0;
  font: normal 1.7rem arial, helvetica, sans-serif;
  color: var(--isi-blue);
}
.site-slogan {
  max-width: 8em;
  padding-top: 0;
  font-size: 140%;
  line-height: 1.2;
  color: var(--dark-grey);
}

@media screen and (max-width: 789px) { #block-isi-main-menu { font-size: 90%; } }
@media screen and (max-width: 709px) { #block-isi-main-menu { font-size: 80%; } }
#block-isi-main-menu > ul {
  display: flex;
  flex-wrap: wrap;
  max-width: 100rem;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none outside;
  text-align: left;
  font-family: roboto-regular, calibri, arial, sans-serif;
}
#block-isi-main-menu > ul > li {
  flex: 1;
  margin: 0;
  padding: 0;
  font-variant: all-small-caps;
}
#block-isi-main-menu > ul > li a {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 3.2px 18px;
  white-space: nowrap;
  text-decoration: none;
  border-bottom-style: solid;
  border-bottom-width: 0;
  border-radius: 3px 3px 0 0;
  border-bottom-color: transparent;
  color: var(--isi-blue);
}
#block-isi-main-menu > ul > li a:hover {
  border-color: white;
  background-color: var(--light-grey);
  color: black;
}
#block-isi-main-menu > ul > li.menu-item--active-trail a,
#block-isi-main-menu > .menu > li > ul {
  background-color: var(--light-blue);
  border-color: var(--isi-blue);
}
#block-isi-main-menu > .menu > li > ul,
#block-isi-main-menu > .icon {
  display: none;
}
  

@media screen and (max-width: 1300px) {
  #block-isi-slogan,
  #block-podocumentation {
    color: black;
  }
}
@media screen and (max-width: 999px) {
  header[role="banner"] {
    display: block;
  }
  header[role="banner"] #block-isi-branding,
  header[role="banner"] #block-isi-main-menu {
    margin: 0;
    padding: 1rem 1.8rem;
  }
  header[role="banner"] > #block-isi-main-menu {
    padding: 0 1.8rem;
  }

  #block-isi-slogan,
  #block-podocumentation  {
    margin-left: 0;
    padding: 1rem 1.8rem;
  }
  #block-isi-branding {
    margin-top: 0rem;
  }
}
@media screen and (max-width: 960px) {
  .fixed-top {
    position: relative;
    top: initial;
  }
  #above-header {
    background-color: var(--light-grey);
  }
  header[role="banner"] {
    position: relative;
  }
  #block-isi-main-menu > .menu > li > ul {
    display: list-item;
    margin: 0;
  }
  #block-isi-main-menu > .menu > li > ul a {
    padding-left: 1em;
  }
  #block-isi-main-menu > .icon {
    display: inline-block;
    font-size: 3rem;
    position: absolute;
    top: 2rem;
    right: 0;
    margin-right: 1.8rem;
    text-decoration: none;
  }
  #block-isi-main-menu > .burger::after {
    content: "\2630";
    color: var(--isi-blue);
  }
  #block-isi-main-menu > .close::after {
    content: "\2716";
    color: var(--red);
  }
  #block-isi-main-menu > ul {
    max-width: 100%;
    height: initial;
  }
  #block-isi-main-menu > ul.closed {
    display: none;
  }
  #block-isi-main-menu > ul.open {
    display: block;
  }
  #block-isi-main-menu > ul > li a {
    display: block;
    height: initial;
    text-align: left;
    padding: .5em 0;
    border-bottom-width: 0;
  }
  #block-isi-main-menu > ul > li:not(:last-of-type) a,
  #block-isi-main-menu > ul > li:not(:last-of-type).menu-item--active-trail a {
    border-bottom: solid 1px;
  }

  aside#submenu {
    display: none;
  }
}
@media screen and (max-width: 740px) {
  .fixed-top {
    display: flex;
    flex-direction: column-reverse;
    padding-top: 3.8rem;
  }
  .node-1 .fixed-top {
    padding-top: 0;
  }
  #block-isi-slogan,
  #block-podocumentation {
    position: absolute;
    top: 0;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
  }
  .node-1 #block-isi-slogan {
    display: none;
  }
  #above-header,
  #above-header > nav,
  #block-searchform {
    background-color: white;
  }
  #above-header {
    justify-content: center;
    justify-content: end;
    justify-content: space-between;
  }
  #above-header > nav,
  #block-searchform {
    width: 100%;
  }
  #search-block-form > div {
    padding-bottom: 2rem;
  }
  #above-header > nav {
    padding: 0 1.8rem;
  }
  #above-header > nav > .menu {
    float: none;
    display: block;
  }
  #above-header > nav,
  #search-block-form,
  #submenu {
    display: none;
  }
  #above-header > nav.open,
  #submenu {
    display: block;
  }
  #above-header > nav.open {
    margin: .2rem 0 2rem;
  }
  #above-header > nav.open > ul.menu {
    border-top: solid 1px var(--isi-blue);
    padding-top: 2rem;
  }
  #above-header > nav.open > .menu > li {
    display: inline-block;
  }
  #above-header > nav.open > .menu > li:not(:last-child) {
    margin: 0 2em 1em 0;
  }
  #above-header > nav.open > .menu > li,
  #above-header > nav.open > .menu > li * {
    font-family: roboto-light, calibri, arial, sans-serif;
    font-variant: all-small-caps;
    background-color: transparent;
    padding: 0;
  }
  #search-block-form.open {
    display: flex;
  }
}


/* Body with Footer */

body > .layout-body {
  padding: var(--gap) 0 0;
  overflow: auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
}
body.node-1 > .layout-body {
  padding-top: 0;
}
@media screen and (max-width: 1405px) {
  body > .layout-body {
    padding: 0;
  }
}
body > .layout-body.has-extra-row {
  grid-template-rows: auto 1fr auto;
}
body > .layout-body > * {
  display: block;
  margin: 0 auto;
  position: relative;
}
body > .layout-body > main:not(.front) {
  box-sizing: border-box;
  width: 100%;
  max-width: 145rem;
  padding: 1.8rem var(--gap);
  margin-bottom: 4rem;
  box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072)
}
body.node-bare-theme > .layout-body > main {
  max-width: 54rem;
  box-sizing: content-box;
}
body > .layout-body main:not(.front),
.layout-content:not(.front) {
  background: white;
}
body.layout-no-sidebars > .layout-body > main:not(.front) {
  padding-left: calc(var(--gap) * 2);
  max-width: calc(137rem - var(--gap));
}
body.not-a-node.enter > .layout-body > main,
body.not-a-node.user > .layout-body > main,
body.login > .layout-body > main {
  max-width: 60rem;
}
body.login > .layout-body > main input[type="text"],
body.login > .layout-body > main input[type="password"] {
  width: 100%;
  max-width: 100%;
}
@media screen and (max-width: 1470px) {
  body > .layout-body > main:not(.front) {
    max-width: 140.6rem;
    padding: 1.8rem 1.8rem 5.8rem;
  }
}

body > .layout-body > main.front {
  width: 100%;
  margin-bottom: 4rem;
}
body > .layout-body > main.front .layout-content {
  max-width: 100%;
}
body > .layout-body > main.front > .highlighted,
body > .layout-body > main.front .layout-content > *,
body > .layout-body > main.front .layout-content > .top .inner {
  width: 100%;
  max-width: 137rem;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 1400px) {
  body > .layout-body > main.front .layout-content > .top .inner {
    box-sizing: border-box;
    max-width: 100%;
    padding: 0 1.8rem;
  }
}
body > .layout-body > main.front .layout-content > .important {
  margin-top: var(--gap);
  max-width: 100%;
}
body > .layout-body > main.front .layout-content > .top {
  max-width: 100%;
  padding-top: 3rem;
  background: var(--medium-blue);
}
body > .layout-body > footer {
  width: 100%;
  margin-top: 3.6rem;
  margin-top: 0;
}
body > .layout-body > footer > .inner-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 0 0 1.8rem;
}

article > footer {
  margin-top: 5rem;
  border-top: dotted 1px var(--almost-black);
  padding-top: 1rem;
}

.layout-content {
  position: relative;
}


/* Featured bottom */

[aria-labelledby="system-breadcrumb"],
[aria-labelledby="system-breadcrumb"] ol {
  display: flex;
  flex-wrap: wrap;
}


/* Footer */

body > .layout-body > footer,
body > footer {
  background: white;
  color: black;
}

body > .layout-body > footer > .inner-wrapper > * {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: var(--gap);
}
body > .layout-body > footer > .inner-wrapper > #block-isi-breadcrumbs {
  margin-right: initial;
  margin-left: initial;
}
#block-isi-breadcrumbs nav {
  max-width: 137rem;
  margin-right: auto;
  margin-left: auto;
  justify-content: center;
  align-items: center;
}
#block-isi-breadcrumbs nav ol li {
  max-width: initial;
}

#block-socialmedia {
  width: 100%;
  background-color: var(--mediumlight-grey);
}
#block-socialmedia > ul {
  display: flex;
  flex-wrap: wrap;
  max-width: 15.4rem;
  margin: 1.8rem auto 1.2rem;
}
#block-socialmedia > ul li:not(:last-child) {
  margin-right: 1.8rem;
}
#block-socialmedia > ul li a {
  width: 3.87rem;
  height: 3.6rem;
  overflow: hidden;
  background-color: transparent;
}
#block-socialmedia > ul li a:focus,
#block-socialmedia > ul li a:hover {
  border-bottom: none;
}
#block-socialmedia > ul li a::before {
  display: inline-block;
  font-size: 2.2rem;
  width: 1.8rem;
  border-radius: 50%;
  padding: .7rem 1rem;
  text-align: center;
  background-color: var(--isi-blue);
  color: white;
}
#block-socialmedia > ul li a:hover::before {
  background-color: white;
  color: var(--isi-blue);
}

#block-views-block-members-all-block-family-2 h2,
#block-views-block-members-all-block-family h2 {
  margin: 0 1.5rem 1.5rem;
  color: var(--dark-grey);
}


#block-isi-footer .menu li {
  display: inline-block;
}
#block-isi-footer .menu li:not(:last-child)::after {
  content: " \00a0\22EF\00a0 ";
  color: var(--almost-black);
}

@media screen and (max-width: 960px) {
  #block-views-block-members-all-block-family .flex {
    justify-content: initial;
  }
}
@media screen and (max-width: 960px) {
  body > .layout-body > footer > .inner-wrapper > * {
    box-sizing: border-box;
    padding: 0 1.8rem;
  }
}


/* Front layout */

.layout-content.front > .top .inner > *,
.layout-content.front > .slides,
.layout-content.front > .columns .column:last-child > :not(:last-child) article {
  margin-bottom: var(--gap);
}
#block-frontintro {
  font-size: 110%;
  min-width: calc( 108rem + var(--gap) );
}
#block-frontintro,
#block-frontintro * {
  color: white;
}
#block-frontintro a {
  color: yellow;
}
#block-frontintro > div {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}
#block-frontintro > div > * {
  max-width: 54rem;
}
#block-frontintro > div > :not(h2) {
  padding-top: .3em;
}
#block-currentwsc img {
  margin-top: .4em;
  max-height: 70px;
  width: auto;
  padding: .5rem;
  background-color: white;
}
@media screen and (max-width: 1359px) {
  #block-frontintro {
    min-width: 100%;
    width: 100%;
  }
  #block-frontintro > div > h2 {
    font-size: 2.33vw;
  }
  #block-frontintro > div > div {
    font-size: 1em;
  }
  #block-currentwsc {
    width: 100%;
  }
  #block-currentwsc img {
    display: block;
    margin: .4em auto 0;
  }
}
@media screen and (max-width: 860px) {
  #block-frontintro > div > h2 {
    font-size: 1.1em;
  }
}

.layout-content.front > .columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.layout-content.front > .columns > * {
  width: 100%;
  max-width: calc( (137rem - var(--gap) - var(--gap)) / 3 );
  box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072)
}
@media screen and (max-width: 1369px) {
  .layout-content.front > .columns > * {
    max-width: calc( (100% - var(--gap)) / 2 );
  }
}
@media screen and (max-width: 899px) {
  .layout-content.front > .columns {
    display: block;
  }
  .layout-content.front > .columns > * {
    max-width: 100%;
  }
}
.layout-content.front > .columns > *,
.layout-content.front > .columns > .column:first-child > * {
  border-radius: 3px;
}
.layout-content.front > .columns > .column:first-child > * {
  margin-bottom: var(--gap);
}
.layout-content.front > .columns .column:not(:last-child) > * {
  padding: 1rem 1.5rem 2rem;
}
.layout-content.front > .columns .column:nth-child(2) > #block-isinewsletter-2 {
  margin-bottom: var(--gap);
  margin: 1rem 1.5rem var(--gap);
  padding: 0;
}
.layout-content.front > .columns .column:nth-child(2) > #block-isigeneralblog {
  padding-bottom: 1rem;
}
/*
.layout-content.front > .columns .column:nth-child(2) > #block-isigeneralblog .feed-item:first-of-type {
  padding-bottom: 1.5rem;
}
*/
.layout-content.front > .columns .column:nth-child(2) > #block-isigeneralblog .feed-item:last-of-type {
  border-bottom-width: 0;
}
.layout-content.front > .columns .column:nth-child(2) > #block-moregeneralblog {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.layout-content.front > .columns .column:nth-child(2) > #block-moregeneralblog,
.layout-content.front > .columns .column:nth-child(2) > #block-morereactblog {
  padding: 0 0 var(--gap);
  text-align: center;
}
.layout-content.front > .columns .column:nth-child(2) > #block-morereactblog {
  padding: 2rem 0;
}
.layout-content.front > .columns .column:nth-child(2) > #block-statisticiansreacttothenews .field--name-field-intro-text {
  padding-top: 1rem;
}
.layout-content.front > .columns .column:nth-child(3) > :last-child article {
  margin-bottom: 4rem;
}
.layout-content.front > .columns .column:nth-child(3) h2 {
  margin: 1rem 1.5rem 2rem;
}


/******* General page sections *************************************************/

.content-type-label {
  font-size: 120%;
}

.block-page-title-block,
.layout-sidebar-first .content-type-label,
.layout-two-sidebars .content-type-label {
  margin-top: 3rem;
}
.layout-sidebar-first .content-type-label,
.layout-sidebar-first .block-page-title-block,
.layout-two-sidebars .content-type-label,
.layout-two-sidebars .block-page-title-block {
  margin-left: 27rem;
}
body.node-18 .block-page-title-block {
  margin-left: 0;
}

.node-bare-theme .highlighted {
  float: right;
}
.node-bare-theme .layout-content {
  clear: both;
}

.layout-content {
  width: 100%;
  max-width: 137rem;
  margin-right: auto;
  margin-left: auto;
}
.layout-content.sidebar-first,
.layout-content.sidebar-second,
.layout-content.sidebars-both {
  display: grid;
  grid-gap: var(--gap);
}
@media screen and (max-width: 845px) {
  .layout-content.sidebar-first,
  .layout-content.sidebar-second,
  .layout-content.sidebars-both {
    grid-gap: calc( var(--gap) / 2 );
  }
}
.layout-content.sidebar-first  { grid-template-columns: 23rem 1fr; }
.layout-content.sidebar-second { grid-template-columns: 1fr 0 44rem; }
.layout-content.sidebars-both  { grid-template-columns: 23rem 1fr 0 44rem; }
@media screen and (max-width: 1405px) {
  .layout-content.sidebars-both  { grid-template-columns: 23rem 1fr; }
}
@media screen and (max-width: 740px) {
  .layout-content.sidebars-both  { grid-template-columns: 1fr; }
}
@media screen and (max-width: 1000px) {
  .layout-content.sidebar-second { grid-template-columns: 1fr; }
}

.layout-content .actual-content,
.layout-content .sidebar-second {
  margin-bottom: 10rem;
}
.layout-content .sidebar-second {
  padding: 1rem 2rem;
  max-width: 44rem;
  background-color: var(--almost-white);
  color: black;
}
.layout-content .sidebar-second > div:not(:first-child) {
  margin-top: var(--gap);
}
.layout-content aside:first-child ul {
  padding-left: 1em;
}
.node-17 .layout-content,
.node-18 .layout-content { display: block; }
.node-17 .layout-content > aside,
.node-18 .layout-content > aside { display: none; }
.events.wsc .actual-content + aside {
  background-color: inherit;
}

#block-mainnavigation,
#block-footernavigation {
  margin: -1.8rem 0 5.4rem -1.8rem;
  padding: 1.8rem 0 1.8rem 1.8rem;
  background-color: white;
}
#block-mainnavigation ul.menu,
#block-footernavigation ul.menu {
  list-style-type: disc;
}
@media screen and (max-width: 845px) {
  .layout-sidebar-first .content-type-label,
  .layout-sidebar-first .block-page-title-block,
  .layout-two-sidebars .content-type-label,
  .layout-two-sidebars .block-page-title-block {
    margin-left: 25rem;
  }
}
@media screen and (max-width: 700px) {
  .layout-sidebar-first .content-type-label,
  .layout-two-sidebars .content-type-label,
  .layout-two-sidebars .block-page-title-block {
    margin-left: 0;
  }
  .layout-sidebar-first .block-page-title-block,
  .layout-two-sidebars .block-page-title-block {
    margin: .5em 0 0;
  }
  .layout-sidebar-first #block-isi-page-title h1,
  .layout-two-sidebars #block-isi-page-title h1 {
    margin-bottom: 3rem;
  }
  #block-mainnavigation {
    margin: 0 0 4rem;
    padding: 0;
  }
}
@media screen and (max-width: 700px) {
  .layout-content.sidebar-first,
  .layout-content.sidebars-both  {
    display: block;
  }
}


/* Books and ToCs */

.content-type-book .actual-content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
.content-type-book #block-isi-content {
  max-width: 100%;
}
.content-type-book #block-booktableofcontents + #block-isi-content {
  max-width: calc(100% - var(--gap) - 20em);
}
.content-type-book #block-booktableofcontents {
  width: 19em;
  padding: .5em;
  background-color: var(--almost-white);
}
@media screen and (max-width: 900px) {
  .content-type-book .actual-content {
    display: block;
  }
  .content-type-book #block-booktableofcontents,
  .content-type-book #block-booktableofcontents + #block-isi-content {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
  }
  .content-type-book #block-booktableofcontents {
    max-width: 19em;
    margin-bottom: var(--gap);
  }
}
.content-type-book #block-booktableofcontents ul {
  padding-left: 1.5em;
}
.content-type-book #block-booktableofcontents h2 {
  margin-bottom: 1rem;
  font-size: 1.17em;
  overflow: hidden;
}
.content-type-book #block-booktableofcontents h2 a {
  font-size: 70%;
}
/*
  display: block;
  position: relative;
  left: -360px;
}
.content-type-book #block-booktableofcontents h2 a::after {
  content: 'Top page';
  display: block;
  margin-top: -1.3em;
  margin-left: 360px;
  width: 100%;
}
*/
.content-type-book #block-booktableofcontents h2 + h3 {
  margin: 0 0 1rem;
  font-size: 1.17em;
  font-style: normal;
}
.content-type-book .actual-content > #block-isi-content {
  flex: 1 1 auto;
}
.content-type-book #block-booktableofcontents  + #block-isi-content {
  margin-right: var(--gap);
}
.content-type-book .admin-menu-link {
  float: right;
  max-width: 15em;
  margin: 0 0 2em var(--gap);
}

#file-manager-for-po-editors {
  max-height: 16em;
  overflow: hidden;
}
#file-manager-for-po-editors,
#file-manager-for-po-editors + p{
  margin: 0 0 .5em;
}
#file-manager-for-po-editors:hover {
  max-height: initial;
}
#file-manager-for-po-editors:hover + p {
  display: none;
}

body.node-1212 td:last-child {
  max-width: 20em;
}
body.node-1212.layout-no-sidebars > .layout-body > main:not(.front),
body.node-1212.layout-no-sidebars .layout-content {
  max-width: 100%;
}


/* Content */

.site-section-title {
  margin-bottom: 1em;
  font-size: 120%;
}
.site-section-title span:last-of-type {
  font-family: roboto-bold, calibri, arial, sans-serif;
}

.field--type-link.field--label-inline .field__item > div {
  display: inline;
}

nav h2 {
  font-size: 100%;
  margin-bottom: .5em;
}
#block-mainnavigation {
  font-size: 85%;
}
#block-mainnavigation li a,
#block-footernavigation li a {
  display: inline-block;
  vertical-align: top;
  padding: 0 .2em;
  border-radius: 2px;
  margin-left: -.2em;
}
#block-mainnavigation li.menu-item::marker,
#block-footernavigation li.menu-item::marker {
  color: var(--mediumdark-grey);
}
#block-mainnavigation li.menu-item--active-trail::marker,
#block-footernavigation li.menu-item--active-trail::marker {
  color: var(--green);
}
#block-mainnavigation li.menu-item--active-trail a,
#block-footernavigation li.menu-item--active-trail a {
  text-decoration: none;
  background: var(--mediumlight-grey);
}
#block-mainnavigation li.menu-item--active-trail a.is-active,
#block-footernavigation li.menu-item--active-trail a.is-active {
  border-bottom: none;
  margin-right: -2rem;
  background: var(--green);
  color: white;
}
#block-mainnavigation .menu-item--active-trail a::after,
#block-footernavigation .menu-item--active-trail a::after {
  content: '\00a0\00bb';  /* = »*/
}
@media screen and (max-width: 700px) {
  #block-mainnavigation ul.menu {
    padding-left: 0;
    list-style-type: none;
  }
  #block-mainnavigation ul.menu li {
    display: inline-block;
    background-color: var(--light-grey);
    border-radius: 2px;
    margin: 0 1rem 1rem 0;
  }
  #block-mainnavigation ul.menu li:last-child {
    margin-right: 0;
  }
  #block-mainnavigation ul.menu li a {
    display: inline;
    padding: .2em .4em;
    border-radius: 0;
    margin: 0;
  }
  #block-mainnavigation li.menu-item--active-trail a.is-active {
    margin-right: 0;
  }
}


/* Pager */

nav.pager {
  clear: both;
  padding-top: 5rem;
}
nav.pager > ul {
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
}
nav.pager > ul li:not(.is-active) a,
nav.pager > ul li.is-active {
  display: block;
  padding: .99rem 1.44rem;
  text-decoration: none;
}


/* Breadcrumbs */

[aria-labelledby="system-breadcrumb"] h2 {
  font-style: italic;
  font-size: inherit;
  margin: 0;
}
[aria-labelledby="system-breadcrumb"] h2::after {
  content: ':';
}
[aria-labelledby="system-breadcrumb"] ol {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 1em;
}
[aria-labelledby="system-breadcrumb"] ol li:not(:first-of-type)::before {
  content: '\00a0\00a0>\00a0 ';
}




/******* Individual section/pages ******************************/


/* Front page -- Top (with calls for action) */

.top .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.layout-content .top .inner .block-views-blockcalls-to-action-front-block-1 {
  max-width: 75rem;
}
.layout-content .top .inner .block-views-blockcalls-to-action-front-block-1 .field__items {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.layout-content .top .inner .block-views-blockcalls-to-action-front-block-1 .field__item {
  display: inline-block;
}
.layout-content .top .inner .block-views-blockcalls-to-action-front-block-1 .field__item:not(:first-child) {
  margin-left: 1rem;
}
.layout-content .top .inner .block-views-blockcalls-to-action-front-block-1 .field__item:not(:last-child) {
  margin-right: 1rem;
}
.layout-content .top .inner .call-to-action .field--name-body > div      { max-width: 13em; }
.layout-content .top .inner .call-to-action .field--name-body > #donate  { max-width: 14em; }

.layout-content .top .inner .call-to-action {
  margin: 0;
  padding: 0;
  max-width: initial;
  border-style: solid;
  border-width: 3px;
}
.layout-content .top .inner .call-to-action ,
.layout-content .top .inner .call-to-action div {
  height: 100%;
}
.layout-content .top .inner .call-to-action a {
  display: inline-flex;
  align-items: center;
  width: calc(100% - 3rem);
  height: calc(100% - 3rem);
  padding: 1.5rem;
}
.layout-content .top .inner .call-to-action a:focus,
.layout-content .top .inner .call-to-action a:hover {
  border-bottom: none;
}
.layout-content .top .inner .call-to-action :not(h2):not(strong) {
  font-family: roboto-light, calibri, arial, sans-serif;
}
.layout-content .top .inner .call-to-action img {
  margin-right: 15px;
}
.layout-content .top .inner .call-to-action em {
  font-style: normal;
  width: calc(100% - 75px);
}


/* Front page -- News */

body > .layout-body > main.front .layout-content > .slides {
  max-width: 100%;
  padding: calc(var(--gap) / 2) 0 var(--gap);
  background-color: white;
}
body > .layout-body > main.front .layout-content > .slides > div {
  width: 100%;
  max-width: 137rem;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 1405px) {
  body > .layout-body > main.front .layout-content > .slides > div {
    box-sizing: border-box;
    max-width: initial;
    padding: 0 1.8rem;
  }
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: auto;
}
.flickity-viewport .gallery-cell {
  box-sizing: border-box;
  width: calc( (100% - (var(--gap) * 2)) / 3 );
  padding: 0;
  height: var(--flickity-img-size);
  overflow: hidden;
  display: flex;
  background-color: white;
}
.flickity-viewport .gallery-cell:not(:last-child) {
  margin-right: var(--gap);
}
.gallery-cell .teaser-image {
  width: var(--flickity-img-size);
  min-width: var(--flickity-img-size);
  height: var(--flickity-img-size);
  overflow: hidden;
  margin: 0 1rem 0 0;
}
.gallery-cell .teaser-image img {
  width: 100%;
  height: auto;
  border-radius: 3px;
}
@media screen and (max-width: 1400px) {
  .flickity-viewport .gallery-cell {
    display: block;
    height: calc( var(--flickity-img-size) * 2 );
  }

  .gallery-cell .teaser-image {
    margin: 0 0 0 2rem;
  }
}
@media screen and (max-width: 1015px) {
  .flickity-viewport .gallery-cell:not(:last-child) {
    padding-bottom: 1em;
    border-bottom: solid 1px var(--medium-grey);
    margin-bottom: 1em;
  }
  .flickity-viewport,
  .flickity-viewport .flickity-slider,
  .flickity-viewport .gallery-cell {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    height: initial !important;
    overflow: visible !important;
    transform: none !important;
  }
  .flickity-prev-next-button.previous,
  .flickity-prev-next-button.next {
    display: none !important;
  }
}
@media screen and (max-width: 400px) {
  .gallery-cell .teaser-image {
    margin: 0 auto;
    padding-right: 10%;
  }
}
.gallery-cell .content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem 0;
}
.gallery-cell h3 {
  font-style: normal;
  font-size: 100%;
  margin-bottom: 1em;
}
.gallery-cell .news-footer {
  margin: 0;
  font-size: 90%;
  color: var(--dark-grey);
}
.gallery-cell .news-footer .category::before {
  content: "\00a0\00a0|\00a0\00a0 ";
}
.flickity-prev-next-button {
  background: var(--mediumlight-grey);
}
.flickity-prev-next-button:hover {
  background: var(--isi-blue);
  color: white;
}
.flickity-prev-next-button:hover .arrow {
  fill: white;
}
.flickity-prev-next-button.previous {
  left: -6rem;
}
.flickity-prev-next-button.next {
  right: -6rem;
}
.flickity-page-dots {
  bottom: initial;
  top: -2.5rem;
}
.flickity-page-dots li.dot {
  background: var(--isi-blue);
  opacity: 1;
}
.flickity-page-dots li.is-selected {
  background: var(--red);
}
@media screen and (max-width: 1489px) {
  .flickity-prev-next-button.previous,
  .flickity-prev-next-button.next {
    position: relative;
    top: 2rem;
    right: 0;
    left: 0;
    -webkit-transform: initial;
    transform: initial;
  }
  .flickity-prev-next-button.previous {
    margin: 0 20px 0 calc( 50% - 64px );
  }
}


/* Front page -- Events, Blogs, Member quotes columns */

.column > * {
  background-color: var(--mediumlight-grey);
}
.column,
.column:first-child > * {
  background-color: white;
}
.column:last-child > * {
  background-color: transparent;
}
.column:nth-child(2) > *,
.column:nth-child(2) > * .feed-item {
  border-bottom-color: var(--medium-grey);
}
.column:nth-child(2) > #block-isinewsletter-2 {
  background-color: transparent;
}
#block-isinewsletter-2 span {
  color: black;
}
#block-isinewsletter-2 em {
  color: blue;
}
#block-isinewsletter-2 a:hover {
  background-color: white;
}
.column:nth-child(3) > :not(:last-child) article {
  background-color: white;
}


/* Front page -- Events */

main.front .column:first-child .more-link {
  text-align: center;
}
  /* Also see in  /* News + Events -- full overviews */


/* Front page -- Blogs */

.field--type-rss-feed-field h3 {
  font-style: italic;
}
.feed-item {
  margin-top: var(--gap);
  min-height: 100px;
}
.feed-item + h3 {
  margin-top: 1rem;
}
h3 + .feed-item,
.feed-item:first-of-type {
  margin-top: 2rem;
}
.feed-item-img {
  margin-top: -1rem;
  width: 100px !important;
  height: 100px !important;
  float: right;
  background-position: left center;
  background-repeat: no-repeat;
  border-radius: 50px;
}
.feed-item-title,
.feed-item-author {
  margin: 0;
}
.feed-item-author {
  font-style: italic;
  font-size: 90%;
}


/* Front page -- ISI Newsletter */

#block-isinewsletter-2 a {
  display: block;
  border-width: 0;
  padding: 1.5rem;
  padding: 0;
}
#block-isinewsletter-2 img {
  display: inline-block;
  line-height: 100%;
  vertical-align: middle;
  margin: -2px 25px -1px -1px;
}
#block-isinewsletter-2 span {
  display: inline-block;
  max-width: calc(100% - 175px);
}
#block-isinewsletter-2 em {
  font-style: normal;
}
#block-isinewsletter-2 a:hover em {
  border-bottom: solid 1px;
}


/* Front page -- Member quotes */

.video-caption {
  font-size: 90%;
  margin: .5em 0 0;
}
main.front .video-caption,
main.front .video-externally {
  padding: 0 1rem;
}
.view-member-quotes .view-footer {
  text-align: center;
}


/* Membership pages */

body.membership .isi-membership {
  box-sizing: border-box;
  padding-top: 1em;
  margin-bottom: 2em;
}

.membership .actual-content + aside article.node--type-member-quotes {
  background-color: inherit;
}
body.membership #block-benefitsofmembership {
  margin: -1rem -2rem 0;
}
body.membership #block-benefitsofmembership .call-to-action {
  max-width: 100%;
  width: 100%;
  padding-left: 15%;
}
body.membership #block-whydidtheyjoinisi {
  margin-top: 0;
  padding-top: 1rem;  /* compensating for the sidebar's padding-top */
}
body.membership #block-views-block-member-quotes-membership--2 .view-footer {
  padding: 1em 0;
}

table.isi-fees tbody tr:not([id]) th {
  background-color: var(--medium-blue);
  color: white;
}
table.isi-fees tbody:first-of-type th:first-child,
table.isi-fees tbody:first-of-type td:first-child {
  border-left-width: .5rem;
  border-left-color: var(--medium-blue);
}
  table.isi-fees tbody tr[id="bs"] th {
    background-color: #568a35;
    color: white;
  }
  table.isi-fees tbody tr[id="iaos"] th {
    background-color: #0070bc;
    color: white;
  }
  table.isi-fees tbody tr[id="iasc"] th {
    background-color: #2e2d5e;
    color: white;
  }
  table.isi-fees tbody tr[id="iase"] th {
    background-color: #faca73;
  }
  table.isi-fees tbody tr[id="iass"] th {
    background-color: #333333;
    color: white;
  }
  table.isi-fees tbody tr[id="isbis"] th {
    background-color: #009999;
    color: white;
  }
  table.isi-fees tbody tr[id="ties"] th {
    background-color: #e66114;
    color: white;
  }
table.isi-fees tbody:first-of-type tr:last-child td {
  border-bottom-width: 1.5rem;
  border-bottom-color: var(--medium-blue);
}
table.isi-fees tbody th em {
  margin-left: 2em;
}


.membership-types {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  line-height: 1.4;
}
.membership-types > div {
  flex: 1;
  max-width: 54rem;
  min-width: 32rem;
  padding: .8rem;
}
.membership-types article {
  box-shadow: 0 0 5px 5px #eee;
  padding: 1.6rem 1.6rem 11.1rem;
  height: calc(100% - 14.3rem);
  position: relative;
}
.membership-types h3 {
  font-style: normal;
  padding-bottom: 1rem;
  border-bottom: solid 1px var(--medium-grey);
}
.membership-types h3 img {
  margin-right: 1rem;
}
.membership-types p.h4 {
  margin-top: 2em;
  border-top: dotted 1px var(--medium-grey);
  padding-top: 1em;
  font-family: roboto-bold, calibri, arial, sans-serif;
}
.membership-types ul + div {
  text-align: center;
  position: absolute;
  width: calc(100% - 2em);
  bottom: 1em;
}
/*
*/
.membership-types .corporate-and-affiliated article {
  height: calc(50% - 14.4rem);
}
.membership-types .corporate-and-affiliated article:first-of-type {
  margin-bottom: 1.7rem;
}


/* News + Events -- full overviews */

.news-category b,
.media-type b,
.media b {
  border-radius: 3px;
  padding: 0 .8em .1em;
  font-size: 90%;
  text-transform: lowercase;
  font-variant: small-caps;
  background-color: var(--green);
  color: white;
}

.views-exposed-form {
  margin-bottom: 1.5em;
  font-style: italic;
}
.views-exposed-form select {
  width: 100%;
  font-style: normal;
  border-style: solid;
  border-width: 1px;
  background-color: white;
}
.views-exposed-form select option {
  background-color: var(--almost-white);
}

#block-isinewsletter {
  margin: 1rem 0 var(--gap);
  padding: 0;
  background-color: transparent;
}
#block-isinewsletter a {
  display: block;
  border-width: 0;
  padding: 1.5rem;
  padding: 0;
}
#block-isinewsletter a:hover {
  background-color: white;
}
#block-isinewsletter a:hover em {
  color: inherit;
}
#block-isinewsletter img {
  display: inline-block;
  line-height: 100%;
  vertical-align: middle;
  margin: -2px 25px -1px -1px;
}
#block-isinewsletter span {
  display: inline-block;
  max-width: calc(100% - 175px);
  color: black;
}
#block-isinewsletter em {
  font-style: normal;
  color: blue;
}

.not-a-node.events .view-header {
  margin-bottom: 6rem;
    margin-bottom: 4rem;
}
  .not-a-node.events .view-header .call-to-action {
    max-width: 34rem;
    margin-top: calc( var(--gap) * -1 );
    margin-left: var(--gap);
  }
  .not-a-node.events .view-header .call-to-action img {
    margin-bottom: 0;
  }
  @media screen and (max-width: 1100px) {
    .not-a-node.events .view-header .call-to-action {
      float: none;
      display: block;
      margin: 0 auto 4rem;
    }
    .not-a-node.events .view-header .clear {
      padding-top: 4rem;
    }
  }
  .not-a-node.events .views-exposed-form select {
    width: initial;
    margin-left: 1em;
  }
.not-a-node.events .year-group + .year-group,
.not-a-node.news .year-group + .year-group {
  clear: both;
}
.not-a-node.news .year-group + .year-group {
  padding-top: 4em;
}
.not-a-node.events .year-group .year,
.not-a-node.news .year-group .year {
  padding: .3em;
  border-radius: 3px;
  margin-bottom: 0;
  margin-left: -.3em;
  max-width: 100%;
  background: var(--light-blue);
}
.node-1 .year-group .date-wrapper,
.not-a-node.events .year-group .date-wrapper {
  width: 9.2rem;
  margin-right: 1.1em;
  text-align: center;
}
.not-a-node.events .year-group .content {
  width: 40.8rem;   /* together = the 50rem of the li */
}
.node-1 .year-group li {
  clear: both;
  min-height: 4em;
  margin-bottom: 4rem;
}
.node-1 .year-group .date-wrapper {
  float: left;
}
.node-1 .year-group .content {
  display: inline-block;
  width: calc(100% - 9.2rem - 1.1em);
}
.node-1 .year-group .date-wrapper .month,
.not-a-node.events .year-group .date-wrapper .month {
  padding: .5rem;
  background-color: var(--green);
  color: white;
}
.node-1 .year-group .date-wrapper .day,
.not-a-node.events .year-group .date-wrapper .day {
  padding: 1rem .5rem;
  border: solid 1px var(--medium-grey);
  border-top-width: 0;
  line-height: .8;
  color: var(--green);
}
.not-a-node.news .year-group .month {
  clear: both;
  max-width: 100%;
  margin: 0;
  padding-block-start: 1em;
  padding-block-end: 1em;
  font: italic 120%/1.3 roboto-bold, calibri, arial, sans-serif;
  color: var(--dark-grey);
}
.not-a-node.news .year-group .month:not(:first-of-type),
.not-a-node.news .year-group li:not(:first-of-type),
.not-a-node.news .external-news li:not(:first-of-type) {
  border-top: solid 1px var(--medium-grey);
  padding-top: 1.2em;
}
.not-a-node.news .year-group .month:not(:first-of-type) {
  padding-block-start: 3em;
}
.not-a-node.events .year-group .content img {
  float: right;
  margin: 0 0 0 2rem;
  max-height: 60px;
  max-width: 80px;
}
.node-1 .year-group ul,
.not-a-node.events .year-group ul,
.not-a-node.news .year-group ul,
.not-a-node.news ul.external-news {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.not-a-node.events #block-isi-content .year-group ul {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(-1 * var(--gap));
  max-width: calc( 100% + var(--gap) );
}
.not-a-node.events .year-group ul > * {
  box-sizing: border-box;
  margin-left: var(--gap);
  min-width: 39rem;
}
.not-a-node.news ul.external-news {
  font-size: 80%;
}
.not-a-node.events .year-group li,
.not-a-node.news .year-group li,
.not-a-node.news .external-news li {
  clear: both;
}
.not-a-node.events .year-group li {
  margin-bottom: var(--gap);
}
.not-a-node.news .year-group li,
.not-a-node.news .external-news li {
  padding-bottom: 1.2em;
}
.not-a-node.events .year-group li .date,
.not-a-node.news .year-group li .date,
.not-a-node.news .external-news li .date {
  margin-bottom: 0.3em;
  font-size: 90%;
}
.not-a-node.news .year-group li .date {
  float: left;
}
.not-a-node.news .year-group li .news-category {
  text-align: right;
  margin: 0 0 .7em;
}
@media screen and (max-width: 830px) {
  .not-a-node.news .year-group li .date {
    float: none;
  }
  .not-a-node.news .year-group li .news-category {
    text-align: left;
  }
}
.not-a-node.events .year-group li,
.not-a-node.news .year-group li .content {
  display: flex;
}
@media screen and (max-width: 814px) {
  .not-a-node.events #block-isi-content .year-group ul {
    margin-left: 0;
    max-width: 100%;
  }
  .not-a-node.events .year-group li {
    display: initial;
    width: 100%;
    min-width: 0;
    margin-bottom: 2rem;
    margin-left: 0;
  }
  .not-a-node.events .year-group .date-wrapper {
    float: left;
    margin-bottom: 2rem;
  }
  .not-a-node.events .year-group .content {
    width: 100%;
  }
}
.not-a-node.news .year-group li .image {
  margin-right: 2rem;
  width: var(--flickity-img-size);
  max-height: var(--flickity-img-size);
  overflow: hidden;
}
.not-a-node.news .year-group .image img {
  height: auto;
  width: 100%;
  border-radius: 3px;
}
.not-a-node.news .year-group li .inner-content {
  width: calc(100% - 14rem);
  padding-top: .4rem;
}
.not-a-node.news .external-news li .date + p {
  margin: .3em 0;
}
.not-a-node.events .year-group li .special a {
  border-bottom: solid 1px;
}
.node-1 .year-group li .special,
.node-1 .year-group li .special a,
.not-a-node.events .year-group li .special,
.not-a-node.events .year-group li .special a {
  color: var(--red);
}
.event-location,
.event-duration,
.content-type-page.news [itemprop="articleBody"] .location,
.node-1 .year-group li .location,
.node-1 .year-group li .location a,
.not-a-node.events .year-group li .location,
.not-a-node.events .year-group li .location a {
  color: var(--dark-grey);
}
.node-1 .year-group li .special a:hover,
.node-1 .year-group li .location a:hover,
.not-a-node.events .year-group li .special a:hover,
.not-a-node.events .year-group li .location a:hover {
  color: blue;
}

.not-a-node.events .view-footer {
  margin-top: 10rem;
  border-top-style: solid;
  border-top-width: 1px;
  padding-top: 2rem;
  border-color: var(--greyblue);
}

.view-display-id-upcoming_webinars h2,
#block-views-block-events-recorded-webinars h2 {
  margin-top: 5rem;
}
.view-display-id-upcoming_webinars .columns {
  margin-bottom: calc( var(--gap) * 2 );
}
.webinars .webinar > * {
  width: calc(100% - 10rem);
  margin-bottom: 0;
}
.webinars .webinar > :first-child,
.webinars .webinar img {
  width: 8rem;
}
.webinars .webinar > :first-child {
  margin-right: 2rem;
}
.webinars .webinar img {
  margin-bottom: 1rem;
}
.webinars .webinar img.isi {
  width: 6rem;
  margin-left: 1rem;
}
.webinars .webinar > span > p {
  margin: 0 0 .5em;
}
.webinars .webinar > span > p:first-child {
  margin-top: .2em;
}

[id^="htmlElement_window_"], [id^="htmlElement_window_"] * {
  font-size: 1em !important;
}
[id^="htmlElement_window_"] h2 {
  font-size: 1.2em !important;
}
[id^="htmlElement_window_"],
[id^="htmlElement_window_"] .jsframe-titlebar-focused {
  font-size: 1.1em !important;
  width: 42rem !important;
  height: 25.4rem !important;
}
[id^="htmlElement_window_"] .jsframe-titlebar-focused + div {
  background-color: white !important;
  width: 42rem !important;
  height: 23rem !important;
}
[id^="htmlElement_window_"] .jsframe-titlebar-focused + div div:first-of-type {
  left: 39.6rem !important;
}
[id^="htmlElement_window_"] .jsframe-titlebar-focused + div div:last-of-type {
  top: 0 !important;
  left: 1em !important;
  width: calc(100% - 1em) !important;
  height: calc(100% - 1em) !important;
  overflow: auto !important;
}
[id^="htmlElement_window_"] .jsframe-titlebar-focused + div div:last-of-type > * {
  margin-right: 1em;
}
[id$="_titleBarText"] {
  display: none;
}

.newsletter-category:not(:first-child) {
  margin-top: 3em;
}
.view-display-id-newsletter .view-footer {
  margin-top: 2em;
  padding-inline-start: 1em;
}
#block-isi-content .view-display-id-newsletter .view-content ol {
  max-width: 66rem;
}
.view-display-id-newsletter .view-content li {
  clear: both;
  padding-right: 12rem;
}
.view-display-id-newsletter .view-content li img {
  float: right;
  width: 10rem;
  margin: 0 -12rem 2rem 0;
}

.calendar .legend div span {
  display: inline-block;
  width: 40px;
  height: 20px;
  border-radius: 3px;
  margin-bottom: 10px;
}
.calendar .legend div:last-child span {
  border-style: solid;
  border-width: 1px;
  width: 39px;
  height: 18px;
}
a.fc-event::before {
  content: '';
  font-family: roboto-bold, calibri, arial, sans-serif;
  float: left;
  margin-right: 1rem;
display: none;
}
a.fc-event[style="background-color:#0000af"]::before { content: 'ISI: ';      }
a.fc-event[style="background-color:#568a35"]::before { content: 'BS: ';       }
a.fc-event[style="background-color:#0070bc"]::before { content: 'IAOS: ';     }
a.fc-event[style="background-color:#2e2d5e"]::before { content: 'IASC: ';     }
a.fc-event[style="background-color:#faca73"]::before { content: 'IASE: ';     }
a.fc-event[style="background-color:#333333"]::before { content: 'IASS: ';     }
a.fc-event[style="background-color:#009999"]::before { content: 'ISBIS: ';    }
a.fc-event[style="background-color:#e66114"]::before { content: 'TIES: ';     }
a.fc-event[style="background-color:#dd0100"]::before { content: 'WSC 2021: '; }
a.fc-event[style="background-color:#e6306c"]::before { content: 'WSC 2023: '; }

.fc-button-primary:disabled {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.calendar .legend div:last-child span,
a.fc-event {
  color: white !important;
  border-color: #ccc;
}
.calendar .legend div:last-child span,
a.fc-event[style="background-color:#ffffff"] {
  color: black !important;
  background-color: #eee !important;
}
/* ISI */
a.fc-event[style="background-color:#0000af"] {
  border-color: #0000af;
}
/* BS */
a.fc-event[style="background-color:#568a35"] {
  border-color: #568a35;  /* --bs-green */
}
/* IAOS */
a.fc-event[style="background-color:#0070bc"] {
  border-color: #0070bc;  /* --iaos-blue */
}
/* IASC */
a.fc-event[style="background-color:#2e2d5e"] {
  border-color: #2e2d5e;  /* --iasc-blue */
}
/* IASE */
a.fc-event[style="background-color:#faca73"] {
  color: black !important;
  border-color: #faca73;  /* --iase-orange */
}
/* IASS */
a.fc-event[style="background-color:#333333"] {
  border-color: #333333;  /* --iass-black */
}
/* ISBIS */
a.fc-event[style="background-color:#009999"] {
  border-color: #009999;  /* --isbis-teal */
}
/* TIES */
a.fc-event[style="background-color:#e66114"] {
  border-color: #e66114;  /* --ties-orange */
}
/* WSC 2021 */
a.fc-event[style="background-color:#dd0100"] {
  border-color: #dd0100;  /* --wsc2021-red */
}
/* WSC 2023 */
a.fc-event[style="background-color:#e6306c"] {
  border-color: #e6306c;  /* --wsc2023-pink */
}


/* Proceedings -- full overviews */

body.papers .views-element-container h2 > img,
body.proceedings .views-element-container h2 > img {
  max-width: 10rem;
  margin-right: 1em;
}
@media screen and (max-width: 444px) {
  body.papers .views-element-container h2 > img,
  body.proceedings .views-element-container h2 > img {
    max-width: 20vw;
\  }
}
body.papers .views-element-container .flex > *,
body.proceedings .views-element-container .flex > *,
body.papers .views-element-container .flex > * .form-actions,
body.proceedings .views-element-container .flex > * .form-actions {
  margin-bottom: 1rem;
}
body.papers .view-content > div:first-child > h3:first-child,
body.proceedings .view-content > div:first-child > h3:first-child,
body.papers .view-content ul,
body.proceedings .view-content ul {
  margin-top: 0;
}
body.papers .views-element-container .flex > :first-child ul {
  list-style: none;
  padding: 0;
  margin-bottom: 2em;
}
body.papers .views-element-container .flex > :first-child ul li {
  display: inline-block;
}
body.papers .views-element-container .flex > :first-child ul li:not(:first-child) {
  margin-left: 1em;
}
body.papers .views-exposed-form,
body.proceedings .views-exposed-form {
  margin-bottom: 0;
}
body.papers .views-exposed-form .form-item,
body.proceedings .views-exposed-form .form-item {
  margin: 0;
}
body.papers .views-exposed-form .form-item > *,
body.proceedings .views-exposed-form .form-item > * {
  display: inline-block;
  width: calc( 100% - 10em );
  max-width: 20em;
  margin: 0 0 .5em;
}
body.papers .views-exposed-form .form-item > label,
body.proceedings .views-exposed-form .form-item > label {
  width: 7em;
  font-style: normal;
}
body.papers .extra-search-link,
body.proceedings .extra-search-link {
  float: left;
  max-width: 35em;
}
body.papers .extra-search-link .form-actions,
body.proceedings .extra-search-link .form-actions {
  margin-bottom: 0;
}
body.papers #search_2019 + div,
body.proceedings #search_2019 + div {
  margin-bottom: 3em;
}

body.papers .view-grouping-header,
body.proceedings .view-grouping-header {
  padding-top: 2rem;
  border-top: dotted 1px var(--dark-grey);
}
body.papers .proper-proceedings:first-of-type .view-grouping-header,
body.proceedings .proper-proceedings:first-of-type .view-grouping-header {
  border-top-width: 0;
}
body.papers .proper-proceedings .view-grouping-header,
body.proceedings .proper-proceedings .view-grouping-header {
  border-top-color: var(--green);
}
body.papers .view-grouping:not(:first-child) .view-grouping-header,
body.proceedings .view-grouping:not(:first-child) .view-grouping-header {
  margin-top: 13rem;
}
body.papers .view-grouping-header + p,
body.proceedings .view-grouping-header + p {
  margin-bottom: 2em;
  color: var(--dark-grey);
}
body.papers .session:not(:first-child),
body.proceedings .session:not(:first-child) {
  margin-top: 5rem;
}

body.papers .view-grouping-header h3,
body.proceedings .view-grouping-header h3 {
  margin-bottom: 1em;
  font-style: normal;
  font-size: 150%;
  color: var(--green);
}
body.papers .session h3 em,
body.proceedings .session h3 em {
  font-style: normal;
}
body.papers .session ul,
body.proceedings .session ul {
  padding-left: 2rem;
}
body.papers .session p,
body.proceedings .session p {
  margin: 0 0 .3em;
}
body.papers .session li:not(:last-of-type),
body.proceedings .session li:not(:last-of-type) {
  margin-bottom: 2em;
}
body.papers .title.full,
body.proceedings .title.full {
  font-family: roboto-bold, calibri, arial, sans-serif;
}
body.papers .title.full a,
body.proceedings .title.full a {
  font: 80% roboto-light, calibri, arial, sans-serif;
  display: none;
}
body.papers li:hover .title.full a,
body.proceedings li:hover .title.full a {
  display: inline;
}
body.papers .title.full a:nth-of-type(2),
body.proceedings .title.full a:nth-of-type(2) {
  font-size: 100%;
}


/* News -- individual article pages */

.content-type-label > div {
  display: inline-block;
}

.content-type-news_article .node--type-news-article .field--name-field-image {
  max-width: 78rem;
}
.content-type-news_article .node--type-news-article .field--name-field-image img {
  float: right;
  margin-left: var(--gap);
  height: auto;
  max-width: 15rem;
}
@media screen and (max-width: 57.6rem) {
  .content-type-news_article .node--type-news-article .field--name-field-image img {
    float: none;
    margin: 0 auto 1.8rem;
  }
}


/* News pre-Simon pages */

#block-views-block-news-external {
  margin: 0 0 var(--gap);
  padding: 0;
}
#block-oldnewsarchivepresimon {
  margin: 0 -2rem -1rem;
  padding: 1rem 2rem;
  background-color: var(--almost-white);
}
#block-oldnewsarchivepresimonbacktocurrentnews article,
#block-oldnewsarchivepresimon article {
  width: 50%;
  float: left;
  margin-bottom: var(--gap);
}
#block-oldnewsarchivepresimonbacktocurrentnews h3,
#block-oldnewsarchivepresimon h4 {
  font: normal 110% roboto-bold, calibri, arial, sans-serif;
}

.content-type-page.news [itemprop="articleBody"] article:not(:first-of-type) {
  margin-top: 5rem;
}
.content-type-page.news [itemprop="articleBody"] h2 {
  font-size: 1em;
  font-family: roboto-bold, calibri, arial, sans-serif;
}
.content-type-page.news [itemprop="articleBody"] {
}


/* Events -- individual article pages */

.content-type-event .node__content .date-wrapper {
  padding-bottom: .3em;
}
.content-type-event .node__content .field--name-field-location,
.content-type-event .node__content .field--name-field-location + div,
.content-type-event .node__content .field--name-field-webinar-url,
.content-type-event .node__content .field--name-field-webinar-url + div {  /* `+ div` = content div, which is getting top and bottom margins here */
  padding-bottom: calc( var(--gap) / 2);
  margin-bottom: calc( var(--gap) / 2);
}
.content-type-event .node__content .field--name-field-location,
.content-type-event .node__content .field--name-field-webinar-url {
  border-bottom: dotted 1px;
}
.content-type-event .node__content .field--name-field-special-meta-information,
.content-type-event .node__content .field--name-field-website,
.content-type-event .node__content .field--name-field-contact-email {
  margin-top: .3em;
}
.content-type-event .node__content .field--name-field-special-meta-information {
  color: var(--red);
}
.content-type-event .node__content .field--name-body {
  margin-top: 2em;
  padding-bottom: 2em;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin-bottom: 2em;
  border-color: var(--medium-grey);
}
.content-type-event .node__content .field--name-field-location .field__label,
.content-type-event .node__content .field--name-field-webinar-url .field__label,
.content-type-event .node__content .field--name-field-website .field__label,
.content-type-event .node__content .field--name-field-contact-email .field__label {
  font-family: roboto-bold, calibri, arial, sans-serif;
  font-style: normal;
}


/* Courses -- full overviews */

.not-a-node.courses #courses-image {
  
}
#block-coursesimage img {
  margin: 0 10vw 2em 2em;
}
@media screen and (max-width: 1202px) {
  #block-coursesimage img {
    margin: 0 0 2em 0;
  }
}
.not-a-node.courses .flex-2 > * {
  max-width: calc( 50% - (3 * var(--gap) / 2) );
}
@media screen and (max-width: 1046px) {
  .not-a-node.courses .flex-2 > * {
    max-width: 100%;
  }
}
.not-a-node.courses .content-footer-block {
  clear: both;
}
.not-a-node.courses .content-footer-block .view-content ul {
  margin-top: 0;
}


/* Courses -- individual article pages */

.content-type-course .node__content {
  position: relative;
}
#block-coursesimage {
  position: absolute;
  top: 2em;
  right: 0;
}
.content-type-course .node__content > .flex > div:first-of-type {
  margin-top: 10rem;
}
@media screen and (max-width: 1046px) {
  #block-coursesimage {
    position: relative;
    top: 0;
  }
  .content-type-course .node__content > .flex > div:first-of-type {
    margin-top: initial;
  }
}

.content-type-course .field--name-field-sponsor.clearfix::after {
  display: none;
}
.content-type-course .field--name-field-website {
  border-top: solid 1px var(--greyblue);
  padding-top: 1em;
}
.content-type-course .date-wrapper,
.content-type-course .field--name-field-webinar-url {
  margin-bottom: 1em;
  padding-left: .1em;
}
.content-type-course .date-wrapper .date,
.content-type-course .field--name-field-webinar-url {
  font-family: roboto-bold, calibri, arial, sans-serif;
}
.content-type-course .date-wrapper .date-time-separator {
  display: none;
}
.content-type-course .field--name-field-sponsor,
.content-type-course .field--name-field-tags {
  margin-bottom: .3em;
}
.content-type-course .node__content > .flex {
  margin-top: 5rem;
}
.content-type-course div.instructors {
  background-color: var(--light-blue);
  padding: .7em 1em 2em;
}
.content-type-course div.instructors img {
  max-width: 150px;
}
@media screen and (max-width: 550px) {
  .content-type-course div.instructors img {
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
}
.content-type-course .field--name-field-organization,
.content-type-course .field--name-field-biography .field__item {
  margin-top: 5rem;
}


/* Member quote blocks + Elected member blocks */

figure.elected-member {
  position: relative;
  max-width: 54rem;
  margin-top: -1em;
}
figure.elected-member + figure.elected-member {
  margin-top: 0;
  padding-top: 1em;
  border-top: dotted 1px var(--green);
}
figure.elected-member:last-of-type {
  margin-bottom: 6em;
}
article.node--type-member-quotes {
  display: block;
  max-width: 42.75rem;
  padding: 0 1rem 1.5rem;
  background-color: var(--mediumlight-grey);
}
.node--type-member-quotes .quote {
  padding: 0 0 0 .5rem;
  color: var(--almost-black);
}
.node--type-member-quotes .quote {
  display: flex;
  flex-direction: column-reverse;
  margin: 0;
  padding-top: 0;
  font-size: 100%;
}
.node--type-member-quotes .quote blockquote {
  position: relative;
  margin: 0;
  padding: 1rem 0;
  border-width: 0;
  font-style: normal;
  font-size: inherit;
  background: transparent;
}
.node--type-member-quotes .quote blockquote::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1.2rem;
  height: 100%;
  border-radius: .8rem;
  font-size: inherit;
  background-color: var(--green);
}
.node--type-member-quotes .quote blockquote p {
  padding: 0 2rem 0 3rem;
  font-size: inherit;
  background: transparent;
}
figure.elected-member figcaption {
  position: relative;
  box-sizing: border-box;
  padding: 3rem 0 1rem 12rem;
  min-height: 13rem;
}
.node--type-member-quotes .quote figcaption {
  position: relative;
  box-sizing: border-box;
  margin-left: -.5rem;
  width: calc(100% + .5rem);
  padding: 3rem 0 1rem 12rem;
  min-height: 13rem;
}
figure.elected-member figcaption * {
  font-size: 1.8rem !important;
}
.node--type-member-quotes .quote figcaption * {
  font-size: 100% !important;
}
figure.elected-member figcaption .name,
.node--type-member-quotes .quote figcaption p,
.node--type-member-quotes .quote figcaption .name {
  line-height: 1.3;
  text-transform: initial !important;
  font-style: normal;
}
figure.elected-member figcaption .name,
.node--type-member-quotes .quote figcaption .name {
  margin-bottom: .3em;
  font-family: roboto-bold, calibri, arial, sans-serif !important;
  color: var(--almost-black);
}
figure.elected-member figcaption .employer,
.node--type-member-quotes .quote figcaption .job_title,
.node--type-member-quotes .quote figcaption .employer {
  margin: 0;
}
.node--type-member-quotes .quote figcaption .job_title {
  font-family: roboto-bold, calibri, arial, sans-serif;
  color: var(--green);
}
figure.elected-member figcaption img,
.node--type-member-quotes .quote figcaption img {
  position: absolute;
  top: 2.3rem;
  left: 1.5rem;
  left: 0;
  max-width: 10rem;
  height: auto;
}


/* Member quotes -- full overview */

.view-member-quotes.view-display-id-all {
  /*width: calc(100vw - 25.2rem - 9rem);  /* subtract sidebar + grid-gap of .lay-out-content DIV + hor. padding main */
  width: 100%;
}
.view-member-quotes.view-display-id-all .view-header {
  margin-bottom: 4rem;
}
.view-member-quotes.view-display-id-all .view-content {
  margin-top: 1.4rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(39rem, 1fr));
  grid-gap: 1.8rem;
}


/* Member quotes -- indvidual quote page */


/* About page */

#block-actionjointheisifamily {
  float: right;
  width: 100%;
  max-width: 40rem;
  margin-left: var(--gap);
  z-index: 99;
}
#block-actionjointheisifamily .call-to-action {
  margin-top: 0;
  margin-bottom: 3rem;
}
@media screen and (max-width: 1046px) {
  #block-actionjointheisifamily {
    float: none;
    margin-left: 0;
  }
}


/* Contact page */

#contact-details-link {
  display: none;
}
@media screen and (max-width: 1000px) {
  #contact-details-link {
    display: block;
  }
}


/* Assocs. page */

body.associations .flex-3 > * {
  margin-top: 5rem;
}
body.associations .flex-3 > * *:not(p):not(span) {
  display: block;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
}
body.associations .flex-3 > * img {
  margin-bottom: 2rem;
}
@media screen and (max-width: 1200px) {
  body.associations .flex-3 > * {
    max-width: 15em;
  }
  body.associations .flex-3 > * *:not(p):not(span) {
    padding-right: 0;
  }
}


/* Affiliations page */

body.affiliations .columns .clear-left {
  min-height: 7em;
  break-inside: avoid;
}
body.affiliations .columns .clear-left img {
  margin-top: .4rem;
}
body.affiliations .columns .clear-left {
  margin-top: -.5em;
  margin-bottom: calc( var(--gap) * 2 );
}


/* Funds page */

.funds .flex div {
  margin-bottom: 9rem;
}
.funds .flex,
.funds .flex div p {
  clear: both;
}
.funds .flex div h3 {
  margin-top: -1rem;
}
.funds .flex div h3 img {
  max-height: 6rem;
  width: auto;
  float: left;
  margin: -1rem 2rem 2rem 0;
}


/* Awards page */

#block-awardsimportantdates {
  float: right;
  width: 100%;
  max-width: 52rem;
  margin-left: auto;
  z-index: 99;
}

.isi-service-awards #recipients + div article,
.jan-tinbergen-competition #winners + div article {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.isi-service-awards #recipients + div article > :first-child,
.jan-tinbergen-competition #winners + div article > :first-child {
  width: 120px;
  margin-right: var(--gap);
}
.isi-service-awards #recipients + div article > :first-child {
  width: 100px;
}
.isi-service-awards #recipients + div article > :last-child,
.jan-tinbergen-competition #winners + div article > :last-child {
  width: 100%;
  max-width: calc(100% - 160px);
}
article .description > h3 {
  font-style: normal;
}


/* History pages */

#block-iywsds {
  float: right;
  max-width: 20em;
  margin-left: 2rem;
  z-index: 999;
}
#block-iywsds a {
  display: inline-flex;
  align-items: center;
  width: calc(100% - 3.6rem);
  height: calc(100% - 3.6rem);
  padding: 1.8rem;
  border-style: solid;
  border-width: 1px;
}
#block-iywsds a {
  border-color: var(--isi-blue);
  color: var(--isi-blue) !important;
}
#block-iywsds a:hover {
  border-color: var(--light-blue);
  background: var(--light-blue);
}
#block-iywsds a img {
  margin-right: 2.7rem;
}
#block-iywsds a em {
  font-style: normal;
  width: calc( 100% - 8.7rem );
}

#isi-origins + article > section {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-bottom: var(--gap);
}
#isi-origins + article > section > :first-child {
  width: 160px;
  margin-right: var(--gap);
}
#isi-origins + article > section > :last-child {
  width: 100%;
  max-width: calc( 100% - 160px - var(--gap) );
}
#isi-origins + article > section figcaption {
  text-align: center;
  font-style: italic;
}

#noteworthy + section .presidents-grid img {
  margin: 0 auto;
}
#noteworthy + section .presidents-grid figcaption {
  display: block;
  margin-bottom: 2em;
  font-style: normal;
}
@media screen and (min-width: 360px) {
  #noteworthy + section .presidents-grid {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(3, 90px);
  }
  #noteworthy + section .presidents-grid div {
    z-index: 0;
  }
  #noteworthy + section .presidents-grid figcaption {
    text-align: center;
    font-size: 70%;
    margin-bottom: 0;
  }
  #noteworthy + section .presidents-grid > div:hover{
    width: 120px;
    background-color: white;
    z-index: 1;
  }
  #noteworthy + section .presidents-grid > div:hover figcaption {
    text-align: left;
    font-size: 100%;
  }
}
@media screen and (min-width: 450px) {
  #noteworthy + section .presidents-grid { grid-template-columns: repeat(4, 90px); }
}
@media screen and (min-width: 570px) {
  #noteworthy + section .presidents-grid { grid-template-columns: repeat(5, 90px); }
}
@media screen and (min-width: 690px) {
  #noteworthy + section .presidents-grid { grid-template-columns: repeat(6, 90px); }
}


.history .videos article {
  margin-bottom: 5rem;
}


/* FAQ pages */

/* overview */
.content-type-page.faq .faq-blocks {
}
.content-type-page.faq .faq-blocks > * {
  border: solid 1px var(--mediumlight-grey);
  padding: 1em;
}
.content-type-page.faq .faq-blocks > * h2 {
  font-size: 140%;
}
@media screen and (max-width: 399px) {
  .content-type-page.faq .faq-blocks > * {
    width: 100%;
  }
}
.view-faqs .subfaq:not(:last-child) {
  margin-right: 1em;
}
.view-faqs .view-header {
  margin-bottom: 1em;
}
.view-faqs .subfaq .count {
  color: var(--dark-grey);
}

/* subfaq */
.faq .nodequeue-intro {
  margin-bottom: 3em;
}
/*.faq .field__item:not(:last-child) details {*/
.faq details {
  margin: 1em 0;
  border: solid 0 var(--mediumlight-grey);
  border-width: 0 0 1px;
  padding-bottom: 1em;
}
.faq details[open] {
  padding: .5em;
  background-color: var(--almost-white);
}
.faq details[open] summary {
  font-family: roboto-bold, calibri, arial, sans-serif;
  color: var(--green);
}
.view-faqs p.last-update {
  font-size: 80%;
  margin: 3em 0 1em;
  color: var(--almost-black);
}


/* Staff overview page */

.view-display-id-page_po h2 {
  margin-bottom: 4rem;
}
.staff-member {
  justify-content: flex-start;
}
.staff-member > .photo {
  width: 17rem;   /* photo width + --gap */
}
.staff-member > .rest {
  flex: 1 1 auto;
}
.staff-member > .rest h3 {
  font-style: normal;
}
.staff-member > .rest li {
  margin-bottom: 0;
}
.staff-member + hr {
  max-width: 70rem;
}


/* Officer overview pages */

.council .actual-content > :not(:first-child),
.executive-committee .actual-content > :not(:first-child) {
  margin-top: 9rem;
}
#block-addtopeopleandorganizations,
#block-addtopeopleandorganizations + #block-isi-content,
#block-addtopeopleandorganizations + #block-views-block-members-all-block-council-2019--2 {
  margin-top: 0;
}
.council .officers {  /* no more than 4 in a row */
  max-width: calc( (150px + var(--gap)) * 4 );
}
.officers {
  margin-top: calc( var(--gap) * -1 );
  margin-left: calc( var(--gap) * -1 );
}
.officers.flex figure {
  margin-top: var(--gap);
  margin-left: var(--gap);
  width: 150px; /* = forced width of headshot photos */
}
.officers figcaption {
  text-align: center;
}
.officers figcaption > * {
  margin: 0;
}
.officers h3 {
  font-size: 100%;
}
.officers .country {
  font-size: 90%;
}


/* Member overview pages */

.members.corporate .flex-3 > * {
  max-width: calc( (100% - (10rem * 2)) / 3);
  min-width: 280px;
  margin-top: 5rem;
}
.members.corporate .flex-3 > * *:not(p):not(span) {
  display: block;
  /*
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  */
  padding-right: 2rem;
}
.members.corporate .flex-3 > * .logo {
  margin-bottom: calc( var(--gap) / 2 );
}
.members.corporate .flex-3 > * .logo img {
  max-height: 8rem;
  width: auto;
  max-width: 100%;
}
.members.corporate .flex-3 > * p {
  margin-top: .2em;
}

.members.in-memoriam tr > *:nth-child(2),
.members.in-memoriam tr > *:nth-child(3) {
  text-align: center;
}
.members.in-memoriam tr > *:nth-child(3) {
  max-width: 8em;
}

.view-members-all .bef-exposed-form .form--inline .form-type-select {
  float: none;
  display: flex;
}
.view-members-all .bef-exposed-form .form--inline .form-type-select > label {
  min-width: 10em;
}
.view-members-all .bef-exposed-form .form--inline .form-type-select > select {
  width: initial;
}

p.number-of-view-rows,
.about.members .view-footer {
  font-size: 80%;
  max-width: 100%;
  text-align: center;
}
.about.members .view-footer p:first-child {
  max-width: 100%;
  margin-top: 1em;
}

body.council dt {
  font-style: italic;
}


/* Offices pages */

.view-display-id-page_offices .bef-exposed-form .form--inline .form-type-select > label {
  min-width: 3em;
}
.view-display-id-page_offices .view-content {
  columns: 40rem 2;
  column-gap: var(--gap);
}
.view-display-id-page_offices .view-content,
.view-display-id-page_offices .item-list:not(:first-of-type) {
  margin-top: calc( var(--gap) + 3rem );
}
.view-display-id-page_offices .item-list {
  break-inside: avoid;
}
.view-display-id-page_offices h2 {
  color: var(--greyblue)
}
.view-display-id-page_offices ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.view-display-id-page_offices li:not(:last-child) {
  padding-bottom: 2em;
  border-bottom: solid 0 var(--greyblue);
  margin-bottom: 2em;
}
.view-display-id-page_offices li > * {
  margin: 0 0 .5em;
}
.view-display-id-page_offices .label {
  font-style: italic;
  margin-right: 1em;
}
.view-display-id-page_offices .fax {
  margin-top: -.5em;
}
.view-display-id-page_offices .email {
  margin-bottom: 0;
}
.view-display-id-page_offices .name {
  font-family: roboto-bold, calibri, arial, sans-serif;
}
.view-display-id-page_offices .name .edit-link {
  font-family: roboto-light, calibri, arial, sans-serif;
}
.view-display-id-page_offices p.number-of-view-rows {
  margin: calc(var(--gap) * 2) 0 var(--gap);
  border-top: solid 1px var(--greyblue);
  padding-top: var(--gap);
}


/* Founders page */

.node-321 td:first-child {
  text-align: right;
}


/* Founders Prize page */

.node-316 img {
  margin-right: 1rem;
}


/* Search page */

body.not-a-node.search ol li:not(:last-of-type) {
  margin-bottom: 2em;
}
body.not-a-node.search ol li p {
  margin: .5em 0;
}


/* Media pages */

.view-id-media.view-display-id-page_all .view-filters select {
  width: initial;
}
.view-id-media.view-display-id-page_all .view-filters label {
  margin-right: .5em;
}
.view-id-media.view-display-id-page_all .view-content {
  columns: 40rem 2;
  column-gap: var(--gap);
  column-rule-style: solid;
  column-rule-width: 1px;
  column-rule-color: var(--mediumlight-grey);
}
.view-id-media.view-display-id-page_all .view-content > div,
.view-id-media.view-display-id-page_all .view-content li {
  break-inside: avoid;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
}
.view-id-media.view-display-id-page_all article {
  margin-bottom: 1em;
}
.view-id-media.view-display-id-page_all article > p {
  margin: 0;
}
.view-id-media.view-display-id-page_all .media-type {
  float: right;
  margin-left: 1em;
}
.view-id-media.view-display-id-page_all .title {
  margin-bottom: .2em;
}
.view-id-media.view-display-id-page_all li .special {
  padding: .3rem .5rem;
  border-radius: 3px;
  background-color: var(--light-blue);
}



/* Login/password pages */

body.login #block-passwordresetlink {
  margin-top: var(--gap);
  font-size: 80%;
}
body.password .form-item-name {
  margin-bottom: 0;
}
body.tfa form {
  max-width: 56rem;
}
body.tfa form > div,
body.tfa form > fieldset {
  margin-bottom: 3em;
}
body.tfa label,
body.tfa legend {
  display: table;
  font-family: roboto-bold, calibri, arial, sans-serif;
  font-size: inherit;
}
body.tfa > .layout-body > main input[type="text"] {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  border: 1px solid var(--medium-grey);
  margin: 2px 0;
  padding: .4rem .8rem .3rem;
  color: var(--almost-black);
}


/* Printing pages (includes color declarations) */

.print {
  display: none !important;
}
@media print {
  body  {
    font-size: 14pt;
  }
  body,
  pre {
    background: white !important;
  }
  .node-bare-theme .highlighted {
    float: none;
    padding-left: 250px;
    margin-top: -75px;
  }
  #block-isi-page-title h1 {
    font-size: 24pt;
    margin-bottom: 3rem;
    color: var(--isiblue);
  }
  body > .layout-body > main {
    max-width: calc(100% - 80px) !important;
    padding: 0 40px 40px !important;
    box-shadow: none !important;
  }
  .no-print,
  #block-tabs,
  #block-isi-content footer,
  .layout-body > footer {
    display: none !important;
  }
  .print {
    display: initial !important;
  }
}


/******* Admin *************************************************/

#toolbar-administration {
  font-size: 13px;
}

/* Primary edit tabs */
div.tabs {
  margin: 1em 0;
}
ul.tabs {
  margin: 0 0 0.5em;
  padding: 0;
  list-style: none;
}
.tabs > li {
  display: inline-block;
  margin-right: 0.3em; /* LTR */
}
[dir="rtl"] .tabs > li {
  margin-right: 0;
  margin-left: 0.3em;
}
.tabs a {
  display: block;
  padding: 0.2em 1em;
  text-decoration: none;
}
.tabs a.is-active {
  background-color: var(--medium-grey);
}
.tabs a:focus,
.tabs a:hover,
.tabs .is-active a{
  background-color: var(--light-grey);
}


/* Content moderation form */

#content-moderation-entity-moderation-form {
  display: none;
}


/* IMCE upload area */

.imce-tbb-popup--upload {
  display: block;
  top: 32px !important;
  left: 30px !important;
  width: 90%;
  height: 80%;
}
.imce-tbb-popup--upload > form > div > span,
.imce-tbb-popup--upload > form > div,
.imce-tbb-popup--upload > form {
  height: 100%;
}
