/**
* Theme Name: IBRO
* Theme URI:
* Description: Theme built for IBRO using Timber
* Author: Platform Twenty Ltd
* Author URI:
* Version: 1.0.0
*/
/*--------------------------------------------------------------
### Typography Body
--------------------------------------------------------------*/
html,
body {
  color: #333333;
  font-family: "Red Hat Display", sans-serif;
  font-size: 16px;
  line-height: 28px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #003870;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 700;
}

/*--------------------------------------------------------------
### Typography Headers
--------------------------------------------------------------*/
h1 {
  font-size: 27px;
  line-height: 30px;
  text-transform: uppercase;
}

h2 {
  font-size: 23px;
  margin-bottom: 25px;
  line-height: 1.2;
}

.single-partner main h2,
.page-template-default main h2 {
  margin-top: 40px;
}

.page-template-page-layout-tabs h2 {
  margin-bottom: 30px;
}
.page-template-page-layout-tabs h3 {
  margin-top: 40px;
  text-transform: uppercase;
}

.single-travel-grant h2,
.single-grant h2,
.single-training-opportunity h2 {
  padding-top: 20px;
}
.single-travel-grant h3,
.single-grant h3,
.single-training-opportunity h3 {
  padding-top: 10px;
}

h3 {
  font-size: 19px;
  margin-bottom: 25px;
  line-height: 1.2;
}
h3 a {
  color: #00B9E4 !important;
  -webkit-transition: color 0.2s !important;
  transition: color 0.2s !important;
}
h3 a:hover {
  color: #697086 !important;
}

h4 {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 13px !important;
}

/*--------------------------------------------------------------
## Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
### Typography Links
--------------------------------------------------------------*/
a {
  font-weight: 800 !important;
}
a:hover {
  color: #697086;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

html {
  scroll-behavior: smooth;
}

/*--------------------------------------------------------------
### Content container
--------------------------------------------------------------*/
.contained {
  margin-left: auto;
  margin-right: auto;
  max-width: 1250px;
  position: relative;
}
.contained--padded-x {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 749px) {
  .contained--wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
}
@media screen and (max-width: 749px) {
  .contained--wrap .pr--md {
    padding-right: 0px !important;
  }
}
@media screen and (max-width: 749px) {
  .contained--wrap .pl--md {
    padding-left: 0px !important;
  }
}

/*--------------------------------------------------------------
### Banners
--------------------------------------------------------------*/
.contained-banner-section .contained {
  max-height: 290px;
  line-height: 1;
}
.contained-banner-section .contained img {
  width: 100%;
  max-height: 290px;
  -o-object-fit: cover;
     object-fit: cover;
}

.browserwidth-banner {
  position: relative;
  max-height: 220px;
}
@media only screen and (max-width: 1050px) {
  .browserwidth-banner {
    height: 200px;
  }
}
@media only screen and (max-width: 600px) {
  .browserwidth-banner {
    height: 236px;
  }
}
@media only screen and (max-width: 375px) {
  .browserwidth-banner {
    max-height: 255px;
    height: 255px;
  }
}
.browserwidth-banner img {
  opacity: 0.15;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  max-height: 220px;
}
@media only screen and (max-width: 1050px) {
  .browserwidth-banner img {
    height: 200px;
  }
}
@media only screen and (max-width: 600px) {
  .browserwidth-banner img {
    height: 236px;
  }
}
@media only screen and (max-width: 375px) {
  .browserwidth-banner img {
    max-height: 255px;
    height: 255px;
  }
}
.browserwidth-banner .page-banner-inner,
.browserwidth-banner .event-banner-inner {
  position: relative;
  bottom: 210px;
}
@media only screen and (max-width: 1050px) {
  .browserwidth-banner .page-banner-inner,
  .browserwidth-banner .event-banner-inner {
    bottom: 190px;
  }
}
@media only screen and (max-width: 600px) {
  .browserwidth-banner .page-banner-inner,
  .browserwidth-banner .event-banner-inner {
    bottom: 210px;
  }
}
@media only screen and (max-width: 375px) {
  .browserwidth-banner .page-banner-inner,
  .browserwidth-banner .event-banner-inner {
    bottom: 220px;
  }
}
.browserwidth-banner .page-banner-inner {
  padding-left: 130px;
  padding-right: 130px;
}
@media only screen and (max-width: 1050px) {
  .browserwidth-banner .page-banner-inner {
    padding-left: 20px;
    padding-right: 40px;
  }
}
.browserwidth-banner .event-banner-inner .page-banner-text {
  padding-left: 130px;
  width: 75%;
}
@media only screen and (max-width: 1050px) {
  .browserwidth-banner .event-banner-inner .page-banner-text {
    padding-left: 20px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 900px) {
  .browserwidth-banner .event-banner-inner .page-banner-text {
    width: 100% !important;
  }
}
.browserwidth-banner h1 {
  font-size: 38px;
  text-transform: uppercase;
  margin-bottom: 20px !important;
  line-height: 41px;
}
@media only screen and (max-width: 1050px) {
  .browserwidth-banner h1 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 500px) {
  .browserwidth-banner h1 {
    font-size: 25px;
    line-height: 35px;
    margin: 0 0 15px 0 !important;
  }
}
.browserwidth-banner h2 {
  color: #333333;
  font-weight: 400;
  line-height: 1.2;
}
@media only screen and (max-width: 1050px) {
  .browserwidth-banner h2 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1050px) {
  .browserwidth-banner h2 {
    font-size: 18px;
  }
}

.region-banner img {
  opacity: 0.4 !important;
}

/*--------------------------------------------------------------
### Banner - Home
--------------------------------------------------------------*/
.home-banner-background {
  background: -webkit-gradient(linear, left top, right top, from(#F8F9FA), color-stop(50%, #F8F9FA), color-stop(50%, #003870), to(#003870));
  background: linear-gradient(to right, #F8F9FA 0%, #F8F9FA 50%, #003870 50%, #003870 100%);
  height: 485px;
}
@media screen and (max-width: 1201px) {
  .home-banner-background {
    height: 419px;
  }
}
@media screen and (max-width: 1026px) {
  .home-banner-background {
    height: 338px;
  }
}
@media screen and (max-width: 850px) {
  .home-banner-background {
    height: 279px;
  }
}
@media screen and (max-width: 700px) {
  .home-banner-background {
    height: 228px;
  }
}
@media screen and (max-width: 595px) {
  .home-banner-background {
    height: 188px;
  }
}
@media screen and (max-width: 455px) {
  .home-banner-background {
    height: 147px;
  }
}
.home-banner-background .home-banner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[11];
  grid-template-columns: repeat(11, 1fr);
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  height: 485px;
  overflow: hidden;
  background: #F8F9FA;
}
.home-banner-background .home-banner > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.home-banner-background .home-banner > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.home-banner-background .home-banner > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.home-banner-background .home-banner > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
}
.home-banner-background .home-banner > *:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.home-banner-background .home-banner > *:nth-child(6) {
  -ms-grid-row: 1;
  -ms-grid-column: 6;
}
.home-banner-background .home-banner > *:nth-child(7) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}
.home-banner-background .home-banner > *:nth-child(8) {
  -ms-grid-row: 1;
  -ms-grid-column: 8;
}
.home-banner-background .home-banner > *:nth-child(9) {
  -ms-grid-row: 1;
  -ms-grid-column: 9;
}
.home-banner-background .home-banner > *:nth-child(10) {
  -ms-grid-row: 1;
  -ms-grid-column: 10;
}
.home-banner-background .home-banner > *:nth-child(11) {
  -ms-grid-row: 1;
  -ms-grid-column: 11;
}
@media screen and (max-width: 1201px) {
  .home-banner-background .home-banner {
    height: 419px;
  }
}
@media screen and (max-width: 1026px) {
  .home-banner-background .home-banner {
    height: 338px;
  }
}
@media screen and (max-width: 850px) {
  .home-banner-background .home-banner {
    height: 279px;
  }
}
@media screen and (max-width: 700px) {
  .home-banner-background .home-banner {
    height: 228px;
  }
}
@media screen and (max-width: 595px) {
  .home-banner-background .home-banner {
    height: 188px;
  }
}
@media screen and (max-width: 455px) {
  .home-banner-background .home-banner {
    height: 147px;
  }
}
.home-banner-background .home-banner .home-banner-text-part {
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-column: 1/6;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  z-index: 50;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-left: 20px;
}
@media screen and (max-width: 1026px) {
  .home-banner-background .home-banner .home-banner-text-part {
    -ms-flex-line-pack: start;
        align-content: flex-start;
    margin-top: 30px;
  }
}
@media screen and (max-width: 700px) {
  .home-banner-background .home-banner .home-banner-text-part {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1/7;
    margin-top: 20px;
  }
}
@media screen and (max-width: 595px) {
  .home-banner-background .home-banner .home-banner-text-part {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1/7;
    margin-top: 20px;
  }
}
@media screen and (max-width: 455px) {
  .home-banner-background .home-banner .home-banner-text-part {
    margin-top: 15px;
  }
}
.home-banner-background .home-banner .home-banner-text-part p {
  margin: 0;
}
.home-banner-background .home-banner .home-banner-text-part h1 {
  font-size: 46px;
  margin: 20px 0 !important;
  line-height: 1.2;
  text-transform: none;
  font-weight: 600;
  max-width: 470px;
}
@media screen and (max-width: 1201px) {
  .home-banner-background .home-banner .home-banner-text-part h1 {
    font-size: 40px;
  }
}
@media screen and (max-width: 850px) {
  .home-banner-background .home-banner .home-banner-text-part h1 {
    font-size: 29px;
  }
}
@media screen and (max-width: 700px) {
  .home-banner-background .home-banner .home-banner-text-part h1 {
    width: 265px;
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 10px !important;
  }
}
@media screen and (max-width: 595px) {
  .home-banner-background .home-banner .home-banner-text-part h1 {
    width: 200px;
    font-size: 17px;
    line-height: 22px;
  }
}
@media screen and (max-width: 500px) {
  .home-banner-background .home-banner .home-banner-text-part h1 {
    width: 160px;
    font-size: 15px;
  }
}
@media screen and (max-width: 400px) {
  .home-banner-background .home-banner .home-banner-text-part h1 {
    margin: 5px 0 7px !important;
    font-size: 14px;
    line-height: 22px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 595px) {
  .home-banner-background .home-banner .home-banner-text-part .su-button {
    margin-top: 0;
  }
}
@media screen and (max-width: 850px) {
  .home-banner-background .home-banner .home-banner-text-part .su-button span {
    font-size: 16px !important;
    padding: 7px 30px !important;
  }
}
@media screen and (max-width: 700px) {
  .home-banner-background .home-banner .home-banner-text-part .su-button span {
    font-size: 14px !important;
    width: 150px;
    padding: 7px 20px !important;
  }
}
@media screen and (max-width: 595px) {
  .home-banner-background .home-banner .home-banner-text-part .su-button span {
    font-size: 11px !important;
    width: 120px;
    padding: 5px 20px !important;
  }
}
@media screen and (max-width: 500px) {
  .home-banner-background .home-banner .home-banner-text-part .su-button span {
    font-size: 10px !important;
    padding: 5px !important;
    width: 125px;
  }
}
.home-banner-background .home-banner .home-banner-skew-part {
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
  grid-column: 5/6;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  background-color: #F8F9FA;
  -webkit-transform: skewX(-25deg);
          transform: skewX(-25deg);
  z-index: 20;
}
@media screen and (max-width: 850px) {
  .home-banner-background .home-banner .home-banner-skew-part {
    -webkit-transform: skewX(-20deg);
            transform: skewX(-20deg);
    -ms-grid-column: 4;
    -ms-grid-column-span: 2;
    grid-column: 4/6;
  }
}
.home-banner-background .home-banner .home-banner-image-part {
  -ms-grid-column: 5;
  -ms-grid-column-span: 6;
  grid-column: 5/11;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  height: 485px;
  -o-object-fit: none;
     object-fit: none;
  -o-object-position: top;
     object-position: top;
  z-index: 1;
}
@media screen and (max-width: 1201px) {
  .home-banner-background .home-banner .home-banner-image-part {
    height: 419px;
  }
}
@media screen and (max-width: 1026px) {
  .home-banner-background .home-banner .home-banner-image-part {
    height: 338px;
  }
}
@media screen and (max-width: 850px) {
  .home-banner-background .home-banner .home-banner-image-part {
    height: 279px;
  }
}
@media screen and (max-width: 700px) {
  .home-banner-background .home-banner .home-banner-image-part {
    height: 228px;
  }
}
@media screen and (max-width: 595px) {
  .home-banner-background .home-banner .home-banner-image-part {
    height: 188px;
  }
}
@media screen and (max-width: 455px) {
  .home-banner-background .home-banner .home-banner-image-part {
    height: 147px;
  }
}
@media screen and (max-width: 1201px) {
  .home-banner-background .home-banner .home-banner-image-part img {
    width: 825px;
  }
}
@media screen and (max-width: 1026px) {
  .home-banner-background .home-banner .home-banner-image-part img {
    width: 665px;
  }
}
@media screen and (max-width: 850px) {
  .home-banner-background .home-banner .home-banner-image-part img {
    width: 550px;
  }
}
@media screen and (max-width: 700px) {
  .home-banner-background .home-banner .home-banner-image-part img {
    width: 450px;
  }
}
@media screen and (max-width: 595px) {
  .home-banner-background .home-banner .home-banner-image-part img {
    width: 370px;
  }
}
@media screen and (max-width: 455px) {
  .home-banner-background .home-banner .home-banner-image-part img {
    width: 290px;
  }
}

/*--------------------------------------------------------------
### Images - site-wide
--------------------------------------------------------------*/
main img {
  border-radius: 10px !important;
}

.wp-caption-text {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-style: italic;
  margin-bottom: 20px;
  text-align: center;
}

/*--------------------------------------------------------------
### Lists - site-wide
--------------------------------------------------------------*/
@media screen and (max-width: 1100px) {
  .su-column-inner ul {
    padding: 0 20px;
  }
}

/*--------------------------------------------------------------
### Grids - site-wide mobile view
--------------------------------------------------------------*/
@media only screen and (max-width: 500px) {
  .grid.mobile-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/*--------------------------------------------------------------
### Home - main content
--------------------------------------------------------------*/
.home main h1 {
  font-size: 23px;
}
@media screen and (max-width: 1050px) {
  .home main h1 {
    font-size: 20px;
  }
}
@media screen and (max-width: 600px) {
  .home main h1 {
    font-size: 30px;
  }
}
.home main .su-button-style-default:hover {
  opacity: 1 !important;
}
.home main .home-main-buttons {
  border: #003870 solid 1px !important;
  margin-top: 35px;
}
@media screen and (max-width: 500px) {
  .home main .home-main-buttons {
    margin: 20px 0 30px;
  }
}
.home main .home-main-buttons:hover {
  background-color: #6688A9 !important;
  border: #6688A9 solid 1px !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.home main .home-main-buttons span {
  border: none !important;
  padding: 10px 30px !important;
  font-weight: 600 !important;
  color: #003870 !important;
  line-height: 32px !important;
}
.home main .home-main-buttons span:hover {
  color: #ffffff !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.home main .call-to-action-box .call-to-action-inner-columns .su-row {
  position: relative;
  -webkit-box-shadow: 0px 3px 13px 1px rgba(0, 69, 132, 0.26);
          box-shadow: 0px 3px 13px 1px rgba(0, 69, 132, 0.26);
  border-radius: 20px;
  padding: 40px;
  top: -40px;
  z-index: 100;
  background-color: #ffffff;
}
@media screen and (max-width: 1025px) {
  .home main .call-to-action-box .call-to-action-inner-columns .su-row {
    top: -15px;
  }
}
@media screen and (max-width: 500px) {
  .home main .call-to-action-box .call-to-action-inner-columns .su-row {
    padding: 20px;
  }
}
.home main .call-to-action-box .call-to-action-inner-columns .su-row .su-column {
  position: relative;
  min-height: 335px;
}
@media screen and (max-width: 1025px) {
  .home main .call-to-action-box .call-to-action-inner-columns .su-row .su-column {
    min-height: 370px;
  }
}
@media screen and (max-width: 850px) {
  .home main .call-to-action-box .call-to-action-inner-columns .su-row .su-column {
    min-height: 390px;
  }
}
@media screen and (max-width: 766px) {
  .home main .call-to-action-box .call-to-action-inner-columns .su-row .su-column {
    min-height: 0px;
  }
}
.home main .call-to-action-box .call-to-action-inner-columns .su-row .su-column h1 {
  margin: 0 0 20px !important;
}
@media screen and (min-width: 767px) {
  .home main .call-to-action-box .call-to-action-inner-columns .su-row .su-column p {
    font-size: 14px;
  }
}
.home main .call-to-action-box .call-to-action-inner-columns .su-row .su-column img {
  height: 70px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 767px) {
  .home main .call-to-action-box .call-to-action-inner-columns .su-row .su-column .home-main-buttons {
    position: absolute;
    bottom: 10px;
    left: 0;
  }
}
@media screen and (max-width: 766px) {
  .home main .call-to-action-box .call-to-action-inner-columns .su-row .su-column .home-main-buttons {
    margin-top: 15px;
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 500px) {
  .home main .call-to-action-box .call-to-action-inner-columns .su-row .su-column .home-main-buttons {
    display: block !important;
    width: 144px;
  }
}
.home main .statistic-columns {
  background-color: #003870;
  padding: 20px 0;
  border-top: solid 10px #00C7EC;
}
@media only screen and (max-width: 470px) {
  .home main .statistic-columns .statistic-columns-inner {
    padding: 0 !important;
  }
}
.home main .statistic-columns .statistic-columns-inner h1,
.home main .statistic-columns .statistic-columns-inner p {
  color: #ffffff;
}
@media only screen and (max-width: 600px) {
  .home main .statistic-columns .statistic-columns-inner h1,
  .home main .statistic-columns .statistic-columns-inner p {
    margin: 10px 0;
  }
}
@media only screen and (max-width: 470px) {
  .home main .statistic-columns .statistic-columns-inner p {
    font-size: 13px;
  }
}
.home main .statistic-columns .statistic-columns-inner h1 {
  text-transform: none !important;
}
@media only screen and (max-width: 600px) {
  .home main .statistic-columns .statistic-columns-inner h1 {
    margin: 15px 0 !important;
  }
}
.home main .statistic-columns .statistic-columns-inner .home-stats {
  font-size: 40px;
  text-align: center;
  margin: -10px 0 10px;
}
@media only screen and (max-width: 600px) {
  .home main .statistic-columns .statistic-columns-inner .home-stats {
    font-size: 30px;
    margin: 0;
  }
}
@media only screen and (max-width: 470px) {
  .home main .statistic-columns .statistic-columns-inner .home-stats {
    font-size: 25px;
    margin: 0;
  }
}
.home main .statistic-columns .statistic-columns-inner .su-column {
  border-right: solid 2px #00B9E4;
}
.home main .statistic-columns .statistic-columns-inner .su-column:last-of-type {
  border-right: none;
}
@media only screen and (max-width: 600px) {
  .home main .statistic-columns .su-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 600px) {
  .home main .statistic-columns .su-row .su-column {
    margin-top: 0 !important;
  }
}
.home main .more-link {
  font-weight: 500;
  font-style: italic;
  padding-bottom: 20px;
}
.home main .more-link:hover {
  color: #697086 !important;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.home main h2 {
  font-size: 18px;
  line-height: 23px;
}
.home main .feed-button {
  border-radius: 7px;
}
.home main .feed-button span {
  line-height: 32px;
}
.home main .home-feeds-top-section {
  margin-top: 25px;
  margin-bottom: 50px;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 749px) {
  .home main .home-feeds-top-section {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 500px) {
  .home main .home-feeds-top-section {
    padding-bottom: 0;
    margin-bottom: 30px;
  }
}
.home main .home-feeds-top-section .home-news-container .home-news-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  margin-bottom: 20px;
  padding-right: 50px;
}
@media only screen and (max-width: 900px) {
  .home main .home-feeds-top-section .home-news-container .home-news-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-right: 0;
    margin-bottom: 20px;
  }
}
.home main .home-feeds-top-section .home-news-container .home-news-row .thumb-col {
  line-height: 1 !important;
}
.home main .home-feeds-top-section .home-news-container .home-news-row .thumb-col img {
  width: 189px;
  height: 189px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
@media only screen and (max-width: 900px) {
  .home main .home-feeds-top-section .home-news-container .home-news-row .thumb-col img {
    width: 200px;
    display: block;
  }
}
.home main .home-feeds-top-section .home-news-container .home-news-row .preview-col {
  padding-left: 20px;
  padding-right: 40px;
}
@media only screen and (max-width: 900px) {
  .home main .home-feeds-top-section .home-news-container .home-news-row .preview-col {
    padding-left: 0;
  }
}
.home main .home-feeds-top-section .home-news-container .home-news-row .preview-col h2 {
  margin-bottom: 10px;
}
@media only screen and (max-width: 900px) {
  .home main .home-feeds-top-section .home-news-container .home-news-row .preview-col h2 {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 500px) {
  .home main .home-feeds-top-section .home-news-container .home-news-row .preview-col .more-link {
    padding-bottom: 5px;
  }
}
@media only screen and (max-width: 500px) {
  .home main .home-feeds-top-section .home-news-container .feed-button {
    margin-top: 10px;
  }
}
.home main .home-feeds-top-section .home-calls {
  margin-bottom: 30px;
}
@media only screen and (max-width: 500px) {
  .home main .home-feeds-top-section .home-calls {
    margin-bottom: 0px;
  }
}
.home main .home-feeds-top-section .home-calls-container .home-calls-row {
  margin-bottom: 20px;
}
@media only screen and (max-width: 500px) {
  .home main .home-feeds-top-section .home-calls-container .home-calls-row {
    margin-bottom: 30px;
  }
}
.home main .home-feeds-top-section .home-calls-container .home-calls-row .home-calls-icon-col img {
  width: 50px;
}
@media only screen and (max-width: 1050px) {
  .home main .home-feeds-top-section .home-calls-container .home-calls-row .home-calls-meta-col {
    padding-left: 10px;
  }
}
.home main .home-feeds-top-section .home-calls-container .home-calls-row .home-calls-meta-col h2 {
  margin-bottom: 5px;
}
.home main .home-feeds-top-section .home-calls-container .home-calls-row .more-link {
  line-height: 1;
}
.home main .home-feeds-top-section .home-calls-container .home-events-calls {
  margin-bottom: 30px;
}
.home main .home-feeds-top-section .home-calls-container .home-events-calls .home-events-row {
  margin-bottom: 20px;
}
@media only screen and (max-width: 1050px) {
  .home main .home-feeds-top-section .home-calls-container .home-events-calls .home-events-row .home-calls-meta-col {
    padding-left: 10px;
  }
}
.home main .home-feeds-top-section .home-calls-container .home-events-calls .home-events-row h1 {
  margin-top: 30px !important;
}
.home main .home-feeds-top-section .home-calls-container .home-events-calls .home-events-row img {
  width: 50px;
}
.home main .home-feeds-top-section .home-calls-container .home-events-calls .home-events-row h2 {
  margin-bottom: 5px;
}
@media only screen and (min-width: 749px) {
  .home main .home-feeds-top-section .su-button {
    margin-top: 0;
  }
}
.home main .home-testimonial-section {
  background: #FBF8F6;
  padding-bottom: 20px;
}
.home main .home-testimonial-section .contained {
  overflow: hidden;
}
@media only screen and (max-width: 600px) {
  .home main .home-testimonial-section .contained {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.home main .home-testimonial-section h1 {
  margin-top: 50px !important;
  margin-bottom: 15px !important;
}
.home main .home-testimonial-section .home-testimonial-tile {
  float: left;
  width: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 35px 0 55px;
}
@media only screen and (max-width: 1100px) {
  .home main .home-testimonial-section .home-testimonial-tile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 700px) {
  .home main .home-testimonial-section .home-testimonial-tile {
    width: 100%;
    margin: 20px 0 0;
  }
}
.home main .home-testimonial-section .home-testimonial-tile img {
  width: 100%;
  border-radius: 50%;
}
@media only screen and (max-width: 1100px) {
  .home main .home-testimonial-section .home-testimonial-tile img {
    width: 50%;
    display: block;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1200px) {
  .home main .home-testimonial-section .home-testimonial-tile .home-testimonial-link .su-button {
    margin: 30px auto !important;
    width: 141px !important;
    display: block !important;
  }
}
.home main .home-testimonial-section .home-testimonial-tile .home-testimonial-link a {
  margin-top: 10px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1050px) {
  .home main .home-testimonial-section .home-testimonial-tile .home-testimonial-link a {
    margin: 20px auto 0;
    display: block !important;
    width: 140px;
  }
}
.home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col {
  padding: 0 40px;
  height: 360px;
}
@media only screen and (max-width: 1050px) {
  .home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 900px) {
  .home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col {
    padding: 0 10px;
  }
}
.home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col .home-testimonial-quote {
  border: 1px solid #4CA7B3;
  padding: 30px;
  min-height: 363px;
}
@media only screen and (max-width: 1200.1px) {
  .home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col .home-testimonial-quote {
    padding: 20px 30px 0px;
    min-height: 380px;
  }
}
@media only screen and (max-width: 1120px) {
  .home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col .home-testimonial-quote {
    min-height: 400px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 1100px) {
  .home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col .home-testimonial-quote {
    min-height: 310px;
  }
}
@media only screen and (max-width: 1050px) {
  .home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col .home-testimonial-quote {
    min-height: 330px;
  }
}
@media only screen and (max-width: 1000px) {
  .home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col .home-testimonial-quote {
    min-height: 355px;
  }
}
@media only screen and (max-width: 950px) {
  .home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col .home-testimonial-quote {
    min-height: 380px;
  }
}
@media only screen and (max-width: 800px) {
  .home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col .home-testimonial-quote {
    padding: 20px 20px 30px;
  }
}
@media only screen and (max-width: 750px) {
  .home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col .home-testimonial-quote {
    min-height: 420px;
  }
}
@media only screen and (max-width: 700px) {
  .home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col .home-testimonial-quote {
    min-height: 230px;
    padding: 10px 20px 30px;
  }
}
.home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col .home-testimonial-quote::before {
  content: url("img/speech_open.png");
  position: relative;
  top: -55px;
  background-color: #FBF8F6;
  left: -50px;
}
@media only screen and (max-width: 1200px) {
  .home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col .home-testimonial-quote::before {
    top: -45px;
  }
}
.home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col .home-testimonial-name {
  background-color: #FBF8F6;
  display: inline-block;
  position: relative;
  left: 150px;
  bottom: 35px;
  padding: 0 5px;
}
@media only screen and (max-width: 900px) {
  .home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col .home-testimonial-name {
    font-size: 14px;
  }
}
@media only screen and (max-width: 870px) {
  .home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col .home-testimonial-name {
    margin-left: -30px;
    left: 120px;
  }
}
@media only screen and (max-width: 700px) {
  .home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col .home-testimonial-name {
    margin-left: -30px;
    left: 390px;
  }
}
@media only screen and (max-width: 660px) {
  .home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col .home-testimonial-name {
    margin-left: -30px;
    left: 350px;
  }
}
@media only screen and (max-width: 620px) {
  .home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col .home-testimonial-name {
    margin-left: -30px;
    left: 300px;
  }
}
@media only screen and (max-width: 580px) {
  .home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col .home-testimonial-name {
    margin-left: -30px;
    left: 240px;
  }
}
@media only screen and (max-width: 505px) {
  .home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col .home-testimonial-name {
    left: 195px;
  }
}
@media only screen and (max-width: 455px) {
  .home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col .home-testimonial-name {
    left: 120px;
  }
}
@media only screen and (max-width: 425px) {
  .home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col .home-testimonial-name {
    left: 120px;
  }
}
@media only screen and (max-width: 380px) {
  .home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col .home-testimonial-name {
    left: 100px;
  }
}
.home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col .home-testimonial-name::after {
  content: url("img/speech_close.png");
  background-color: #FBF8F6;
  position: relative;
  bottom: -15px;
  right: -15px;
  padding-right: 15px;
}
@media only screen and (max-width: 850px) {
  .home main .home-testimonial-section .home-testimonial-tile .home-testimonial-text-col .home-testimonial-name::after {
    margin-left: 0;
  }
}
.home main .home-journal-section-background .home-journal-section .su-row {
  margin-bottom: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 550px) {
  .home main .home-journal-section-background .home-journal-section .su-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 30px;
    row-gap: 30px;
    margin: 50px 0 0;
  }
}
@media only screen and (max-width: 900px) {
  .home main .home-journal-section-background .home-journal-section .su-row .su-column {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media only screen and (max-width: 700px) {
  .home main .home-journal-section-background .home-journal-section .su-row .su-column {
    padding-bottom: 40px !important;
  }
}
@media only screen and (max-width: 550px) {
  .home main .home-journal-section-background .home-journal-section .su-row .su-column {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    margin-top: 0px !important;
  }
}
.home main .home-journal-section-background .home-journal-section .su-row .su-column img {
  height: auto;
  margin: 30px;
}
@media only screen and (max-width: 1050px) {
  .home main .home-journal-section-background .home-journal-section .su-row .su-column img {
    margin: 30px 0;
  }
}
@media only screen and (max-width: 900px) {
  .home main .home-journal-section-background .home-journal-section .su-row .su-column img {
    width: 325px !important;
  }
}
@media only screen and (max-width: 500px) {
  .home main .home-journal-section-background .home-journal-section .su-row .su-column img {
    width: 250px !important;
    margin: auto;
  }
}
.home main .home-journal-section-background .home-journal-section .su-row .su-column h1 {
  margin-top: 0 !important;
}
@media only screen and (max-width: 1050px) {
  .home main .home-journal-section-background .home-journal-section .su-row .su-column h1 {
    margin-bottom: 10px !important;
  }
}
@media only screen and (max-width: 600px) {
  .home main .home-journal-section-background .home-journal-section .su-row .su-column h1 {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 1050px) {
  .home main .home-journal-section-background .home-journal-section .su-row .su-column p {
    font-size: 14px;
    line-height: 26px;
    padding-right: 20px;
    margin-bottom: 15px;
  }
}
.home main .home-journal-section-background .home-journal-section .su-row .su-column .su-button {
  margin-top: 30px;
  display: block !important;
  width: 215px;
}
@media only screen and (max-width: 600px) {
  .home main .home-journal-section-background .home-journal-section .su-row .su-column .su-button {
    margin-top: 20px;
  }
}
.home main .home-region-section {
  background-color: #ecf1f6;
  padding-bottom: 50px;
  overflow: hidden;
}
.home main .home-region-section h1 {
  margin-top: 50px !important;
  margin-bottom: 35px !important;
}
@media only screen and (max-width: 600px) {
  .home main .home-region-section h1 {
    margin-bottom: 35px !important;
  }
}
.home main .home-region-section .home-region-tile-group {
  display: -ms-grid;
  display: grid;
  grid-column-gap: 20px;
  -ms-grid-columns: auto 20px auto 20px auto 20px auto 20px auto;
  grid-template-columns: repeat(5, auto);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .home main .home-region-section .home-region-tile-group {
    -ms-grid-columns: (auto)[3];
    grid-template-columns: repeat(3, auto);
  }
}
@media only screen and (max-width: 450px) {
  .home main .home-region-section .home-region-tile-group {
    -ms-grid-columns: (auto)[2];
    grid-template-columns: repeat(2, auto);
  }
}
.home main .home-region-section .home-region-tile-group .home-region-tile img {
  width: 150px;
  border-radius: 10px;
}
@media only screen and (max-width: 900px) {
  .home main .home-region-section .home-region-tile-group .home-region-tile img {
    width: 125px;
    display: block;
  }
}
.home main .home-region-section .home-region-tile-group .home-region-tile img:hover {
  opacity: 0.8;
}
.home main .home-region-section .home-region-tile-group .home-region-tile h2 {
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (max-width: 800px) {
  .home main .home-region-section .home-region-tile-group .home-region-tile h2 {
    font-size: 16px;
  }
}
.home main .home-region-section .home-region-tile-group .home-region-tile h2:hover {
  color: #00B9E4 !important;
}
.home main .home-region-section .su-button {
  border-radius: 7px;
  margin-top: 15px;
}
.home main .home-newsletter-sign-up {
  margin-top: 50px;
  margin-bottom: 50px;
}
.home main .home-newsletter-sign-up h1 {
  margin-top: 0 !important;
  line-height: 56px;
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 500px) {
  .home main .home-newsletter-sign-up h1 {
    line-height: 30px;
    font-size: 30px;
    margin-bottom: 25px !important;
  }
}
.home main .home-newsletter-sign-up .sign-up-top img {
  margin-top: 20px;
}
.home main .home-newsletter-sign-up .follow-links-bottom {
  margin-top: 20px;
}
.home main .home-newsletter-sign-up .follow-links-bottom h2 {
  text-transform: uppercase;
  font-size: 23px;
  margin-top: 50px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 500px) {
  .home main .home-newsletter-sign-up .follow-links-bottom h2 {
    margin-top: 30px;
  }
}
.home main .home-newsletter-sign-up .follow-links-bottom .sfsi_shortcode_container {
  display: inline-block;
  min-height: 40px !important;
}
.home main .home-newsletter-sign-up .follow-links-bottom .sfsi_shortcode_container .norm_row {
  height: 40px !important;
}
.home main .home-newsletter-sign-up .follow-links-bottom .sfsi_shortcode_container .sfsi_wicons {
  padding-top: 0 !important;
  margin-bottom: 0 !important;
}
.home main .home-newsletter-sign-up .follow-links-bottom .bluesky-link {
  margin-left: 1px;
}
.home main .home-newsletter-sign-up .follow-links-bottom .fa-bluesky {
  background-color: #0085ff;
  border-radius: 10px !important;
  width: 40px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  position: relative;
  top: -16px;
}
.home main .home-newsletter-sign-up .follow-links-bottom .fa-bluesky::before {
  font-size: 27px;
  color: #ffffff;
  position: relative;
  bottom: -6px;
}
@media only screen and (max-width: 600px) {
  .home main .home-newsletter-sign-up .home-socials-container {
    margin-top: 30px;
  }
}
.home main .home-newsletter-sign-up .home-socials-container iframe {
  width: auto !important;
}
.home main .home-newsletter-sign-up .home-socials-container .ctf {
  border: 1px solid #003870;
  border-radius: 7px;
  padding: 0 30px;
}
.home main .home-newsletter-sign-up .home-socials-container .ctf .ctf-header {
  text-transform: uppercase;
  font-size: 23px;
  margin-top: 0 !important;
  line-height: 56px !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  font-weight: 700 !important;
}
.home main .home-newsletter-sign-up .home-events-container img {
  width: 100%;
  border-radius: 10px;
}
.home main .home-newsletter-sign-up .home-events-container h2 {
  margin-top: 15px;
  margin-bottom: 10px;
}
.home main .home-newsletter-sign-up .newsletter-image {
  width: 189px !important;
  border-radius: 10px;
  display: block;
}
@media only screen and (max-width: 767px) {
  .home main .home-newsletter-sign-up .newsletter-image {
    height: 180px !important;
  }
}

/*--------------------------------------------------------------
### Social Icons
--------------------------------------------------------------*/
.sfsi_shortcode_container {
  float: none !important;
  width: 225px !important;
  display: inline-block;
}

.bluesky-shortcode {
  position: relative;
  bottom: 10px;
}
.bluesky-shortcode .fa-bluesky {
  background-color: #0085ff;
  border-radius: 10px !important;
  width: 40px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  position: relative;
  top: -16px;
}
.bluesky-shortcode .fa-bluesky::before {
  font-size: 27px;
  color: #ffffff;
  position: relative;
  bottom: -6px;
}

/*--------------------------------------------------------------
### Scroll to top button
--------------------------------------------------------------*/
#myBtn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 999999;
  border-radius: 50%;
  font-size: 40px;
  padding: 0;
  border: 0;
  line-height: 1;
  background-color: #ffffff !important;
  color: #00B9E4 !important;
}
#myBtn:hover {
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-color: #ffffff !important;
  color: #00B9E4 !important;
  opacity: 0.7;
}
#myBtn i {
  border-radius: 50%;
}
#myBtn i:hover {
  background-color: #ffffff !important;
  color: #00B9E4 !important;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border-radius: 50%;
}

/*--------------------------------------------------------------
### Inner Landing page
--------------------------------------------------------------*/
.landing-page-row {
  width: 80%;
  margin: 0 auto;
}
.landing-page-row .no-background-colour .su-column-inner {
  background: #ffffff !important;
  width: 80%;
}
.landing-page-row .no-background-colour .su-column-inner .sue-photo-panel {
  min-height: 370px;
}
.landing-page-row .su-column-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80%;
  margin: 0 auto;
  background: #DFE7EF;
  border-radius: 10px;
  padding: 40px;
}
.landing-page-row .su-column-inner img {
  -o-object-fit: contain;
     object-fit: contain;
  height: auto;
}
.landing-page-row .su-column-inner .su-button {
  border: #003870 solid 1px !important;
  margin-top: 20px;
}
.landing-page-row .su-column-inner .su-button:hover {
  background-color: #6688A9 !important;
  border: #6688A9 solid 1px !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.landing-page-row .su-column-inner .su-button span:hover {
  color: #ffffff !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

/*--------------------------------------------------------------
### Pages with tabs
--------------------------------------------------------------*/
@media only screen and (max-width: 950px) {
  .page-template-page-layout-tabs .d--flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 950px) {
  .page-template-page-layout-tabs .d--flex .reduced-width {
    width: 100%;
  }
}

@media only screen and (max-width: 951px) {
  .page-template-page-layout-training-list .tab-menu-links-items {
    font-size: 16px !important;
  }
}

#links-title,
#tab-menu-links-title {
  text-align: left;
  margin-bottom: 35px;
}
#links-title::before,
#tab-menu-links-title::before {
  content: "";
  background: url("img/link-light.png");
  height: 30px;
  width: 50px;
  display: inline-block;
  position: relative;
  background-repeat: no-repeat;
  bottom: -4px;
  left: 5px;
  margin-right: 5px;
}

.tab-menu-container {
  margin-right: 30px;
  width: 25%;
  background-color: #DFE7EF;
}
@media only screen and (min-width: 951px) {
  .tab-menu-container {
    width: 25%;
  }
}
@media only screen and (max-width: 950px) {
  .tab-menu-container {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .tab-menu-container {
    margin-bottom: 30px;
  }
}
.tab-menu-container #tab-menu-list,
.tab-menu-container #anchor-link-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: sticky;
  top: 0;
}
@media only screen and (min-width: 951px) {
  .tab-menu-container #tab-menu-list,
  .tab-menu-container #anchor-link-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 950px) {
  .tab-menu-container #tab-menu-list,
  .tab-menu-container #anchor-link-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media only screen and (max-width: 600px) {
  .tab-menu-container #tab-menu-list,
  .tab-menu-container #anchor-link-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.tab-menu-container #tab-menu-list .tab-menu-item,
.tab-menu-container #anchor-link-menu .tab-menu-item {
  list-style: none;
  border-left: solid 3px rgba(254, 207, 0, 0);
  padding: 20px 30px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media only screen and (max-width: 1025px) {
  .tab-menu-container #tab-menu-list .tab-menu-item,
  .tab-menu-container #anchor-link-menu .tab-menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (min-width: 951px) {
  .tab-menu-container #tab-menu-list .tab-menu-item,
  .tab-menu-container #anchor-link-menu .tab-menu-item {
    width: 100%;
  }
}
@media only screen and (max-width: 950px) {
  .tab-menu-container #tab-menu-list .tab-menu-item,
  .tab-menu-container #anchor-link-menu .tab-menu-item {
    width: 25%;
  }
}
@media only screen and (min-width: 600px) and (max-width: 951px) {
  .tab-menu-container #tab-menu-list .tab-menu-item,
  .tab-menu-container #anchor-link-menu .tab-menu-item {
    padding: 5px;
  }
}
@media only screen and (max-width: 600px) {
  .tab-menu-container #tab-menu-list .tab-menu-item,
  .tab-menu-container #anchor-link-menu .tab-menu-item {
    width: 100%;
  }
}
.tab-menu-container #tab-menu-list .tab-menu-item a,
.tab-menu-container #anchor-link-menu .tab-menu-item a {
  width: 100%;
}
.tab-menu-container #tab-menu-list .tab-menu-item.current,
.tab-menu-container #anchor-link-menu .tab-menu-item.current {
  background-color: #ffffff;
}
.tab-menu-container #tab-menu-list .tab-menu-item.current h2,
.tab-menu-container #anchor-link-menu .tab-menu-item.current h2 {
  color: #697086;
}
@media only screen and (min-width: 951px) {
  .tab-menu-container #tab-menu-list .tab-menu-item.current,
  .tab-menu-container #anchor-link-menu .tab-menu-item.current {
    border-left: solid 3px #00B9E4 !important;
  }
}
@media only screen and (min-width: 601px) and (max-width: 950px) {
  .tab-menu-container #tab-menu-list .tab-menu-item.current,
  .tab-menu-container #anchor-link-menu .tab-menu-item.current {
    border-bottom: solid 3px #00B9E4 !important;
  }
}
@media only screen and (max-width: 600px) {
  .tab-menu-container #tab-menu-list .tab-menu-item.current,
  .tab-menu-container #anchor-link-menu .tab-menu-item.current {
    border-left: solid 3px #00B9E4 !important;
  }
}
.tab-menu-container #tab-menu-list .tab-menu-item:hover,
.tab-menu-container #anchor-link-menu .tab-menu-item:hover {
  background-color: #ffffff;
}
.tab-menu-container #tab-menu-list .tab-menu-item:hover h2,
.tab-menu-container #anchor-link-menu .tab-menu-item:hover h2 {
  color: #697086;
}
.tab-menu-container #tab-menu-list .tab-menu-item:hover img,
.tab-menu-container #anchor-link-menu .tab-menu-item:hover img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
@media only screen and (min-width: 1026px) {
  .tab-menu-container #tab-menu-list .tab-menu-item:hover,
  .tab-menu-container #anchor-link-menu .tab-menu-item:hover {
    border-left: solid 3px #00B9E4 !important;
  }
}
@media only screen and (max-width: 1025px) {
  .tab-menu-container #tab-menu-list .tab-menu-item:hover,
  .tab-menu-container #anchor-link-menu .tab-menu-item:hover {
    border-bottom: solid 3px #00B9E4 !important;
  }
}
@media only screen and (max-width: 600px) {
  .tab-menu-container #tab-menu-list .tab-menu-item:hover,
  .tab-menu-container #anchor-link-menu .tab-menu-item:hover {
    border-left: solid 3px #00B9E4 !important;
  }
}
.tab-menu-container #tab-menu-list .tab-menu-item img,
.tab-menu-container #anchor-link-menu .tab-menu-item img {
  width: 90px;
  display: block;
  margin: 0 auto;
}
.tab-menu-container #tab-menu-list .tab-menu-item h2,
.tab-menu-container #anchor-link-menu .tab-menu-item h2 {
  margin-bottom: 0;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 22px;
}
@media only screen and (min-width: 600px) and (max-width: 951px) {
  .tab-menu-container #tab-menu-list .tab-menu-item h2,
  .tab-menu-container #anchor-link-menu .tab-menu-item h2 {
    font-size: 13px;
    line-height: 19px;
  }
}
.tab-menu-container #tab-menu-list .tab-menu-item h2.title-left,
.tab-menu-container #anchor-link-menu .tab-menu-item h2.title-left {
  text-align: left;
  padding-bottom: 15px;
  padding: 20px 0;
}
@media only screen and (min-width: 600px) and (max-width: 951px) {
  .tab-menu-container #tab-menu-list .tab-menu-item h2.title-left,
  .tab-menu-container #anchor-link-menu .tab-menu-item h2.title-left {
    padding: 20px 0;
  }
}

#tab-menu-links-title {
  margin: 45px 0 45px 30px;
  font-size: 18px;
}
@media only screen and (min-width: 600px) and (max-width: 951px) {
  #tab-menu-links-title {
    display: none !important;
  }
}

.anchor-menu {
  width: 25%;
  margin-right: 30px;
}
@media screen and (max-width: 750px) {
  .anchor-menu {
    width: 100%;
    margin-right: 0;
  }
}
.anchor-menu #anchor-link-menu {
  background-color: #DFE7EF;
  position: sticky;
  top: 0;
}
.anchor-menu #anchor-link-menu li {
  padding: 20px 30px;
  border-left: solid 3px rgba(254, 207, 0, 0);
  width: 100%;
  list-style-type: none !important;
}
.anchor-menu #anchor-link-menu li .title-left {
  margin: 0 !important;
  padding: 20px 0;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 22px;
}
.anchor-menu #anchor-link-menu li .title-left.child-item {
  display: inline-block;
  font-size: 14px !important;
  padding: 5px 15px !important;
  margin-left: 15px !important;
}
.anchor-menu #anchor-link-menu li .title-left.child-item::before {
  content: "-";
  padding-right: 5px;
}
.anchor-menu #anchor-link-menu .anchor-link-menu-item:hover {
  background-color: #ffffff;
  border-left: solid 3px #00B9E4 !important;
}
.anchor-menu #anchor-link-menu .anchor-link-menu-item:hover h2 {
  color: #697086;
}

#anchor-link-menu .smooth-scroll.active .anchor-link-menu-item {
  background-color: #ffffff;
  border-left: solid 3px #00B9E4;
  display: inline-block;
  font-weight: 700;
}
#anchor-link-menu .smooth-scroll.active .anchor-link-menu-item h2 {
  color: #697086;
}
#anchor-link-menu .smooth-scroll .anchor-link-menu-item::marker {
  content: "";
}

.tab-menu-link {
  list-style: none;
  padding: 0 30px !important;
  text-transform: uppercase;
}
.tab-menu-link:last-of-type .tab-menu-links-items {
  padding-bottom: 45px;
}
@media only screen and (min-width: 600px) and (max-width: 951px) {
  .tab-menu-link {
    padding: 5px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.tab-menu-link .tab-menu-links-items {
  text-align: left;
  font-size: 16px;
  line-height: 21px;
  padding-bottom: 25px;
  margin-bottom: 0 !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  margin-top: 0 !important;
  color: #00B9E4;
}
@media only screen and (min-width: 600px) and (max-width: 951px) {
  .tab-menu-link .tab-menu-links-items {
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 0;
    padding: 20px 0;
  }
}
.tab-menu-link .tab-menu-links-items:hover {
  color: #697086;
}

/*------------------------------------------------------------------------------
### Tabs shortcode - for changing view from societies map to societies list
------------------------------------------------------------------------------*/
.su-tabs {
  padding: 0px !important;
  background: #ffffff !important;
  margin-top: 30px !important;
}
.su-tabs .su-tabs-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 429px) {
  .su-tabs .su-tabs-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.su-tabs .su-tabs-nav .su-tabs-current {
  border: solid 2px #00B9E4 !important;
  background-color: #00B9E4;
  color: #FFFFFF;
}
.su-tabs .su-tabs-nav .su-tabs-current:hover {
  background-color: #00B9E4;
  color: #FFFFFF;
}
.su-tabs .su-tabs-nav span {
  font-size: 16px;
  line-height: 28px;
  margin-right: 30px !important;
  color: #003870;
  text-transform: uppercase;
  border: 2px solid #841C80;
  border-radius: 7px;
  font-weight: 800;
  width: 180px;
  height: 71px;
  text-align: center;
  padding: 6px 26px;
}
@media screen and (max-width: 429px) {
  .su-tabs .su-tabs-nav span {
    margin: 20px auto !important;
  }
}
.su-tabs .su-tabs-nav span:hover {
  background-color: #841C80;
  color: #FFFFFF;
}
.su-tabs .su-tabs-nav span:focus {
  outline: none;
}
.su-tabs .su-tabs-pane {
  padding: 30px 0 0 0 !important;
  font-size: 16px;
}
.su-tabs .su-tabs-pane h3 {
  margin-top: 20px !important;
}
.su-tabs .su-tabs-pane strong {
  font-weight: 600;
}
.su-tabs .su-tabs-pane .su-spoiler-content {
  padding: 20px 0 0px 27px !important;
}
.su-tabs .su-tabs-pane .su-spoiler-content ul {
  margin-top: 0 !important;
}
.su-tabs .su-tabs-pane .su-spoiler-closed .su-spoiler-content {
  padding: 0 0 0 27px !important;
}

.add-list-icon {
  width: auto !important;
}
.add-list-icon::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 800;
  content: "\f03a";
  display: block;
  font-size: 16px;
  color: #003870;
  line-height: 1;
  padding-top: 6px;
  padding-bottom: 5px;
}
.add-list-icon:hover::before {
  color: #FFFFFF;
}

.add-map-icon {
  width: auto !important;
}
.add-map-icon::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 800;
  content: "\f0ac";
  display: block;
  font-size: 16px;
  color: #003870;
  line-height: 1;
  padding-top: 6px;
  padding-bottom: 5px;
}
.add-map-icon:hover::before {
  color: #FFFFFF;
}

.su-tabs-panes .add-map-icon::before {
  display: none !important;
}
.su-tabs-panes .add-list-icon::before {
  display: none !important;
}

/*--------------------------------------------------------------
### Pages with anchor links
--------------------------------------------------------------*/
.no-js {
  scroll-behavior: smooth;
}

.anchor-title {
  padding-top: 20px !important;
  margin-top: -20px !important;
}
.anchor-title h2 {
  margin-top: 20px !important;
}

.single-grant .anchor-title h2,
.single-training-opportunity .anchor-title h2 {
  margin-top: 0px !important;
}

@media only screen and (max-width: 750px) {
  .single-partner .d--flex,
  .single-grant .d--flex,
  .single-travel-grant .d--flex,
  .single-training-opportunity .d--flex,
  .page-template-default .d--flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.section-header {
  margin-top: 24px;
}
.section-header h2 {
  margin-top: 20px !important;
}

.section-subtitle {
  margin-left: 20px;
  /*     .su-spoiler {
      margin-bottom: 10px !important;
  } */
}
.section-subtitle .su-spoiler-title {
  font-size: 20px !important;
}

/* .anchor-menu {
    width: 25%;
    position: sticky;
    top: 40px;
    align-self: flex-start;
    @media only screen and (max-width: 600px) {
        width: 100%;
        position: static;
    }
    &.mt--60 {
        @media only screen and (max-width: 600px) {
            margin-top: 30px !important;
        }
    }
    .anchor-menu-title {
        font-weight: 600;
    }
    #anchor-link-menu {
        padding-left: 0;
        .smooth-scroll {
            color: $col-ibro-fontgrey;
            &.active {
                li {
                    border-left: solid 3px $col-ibro-category-orange;
                    display: inline-block;
                    font-weight: 700;
                }
            }
            .anchor-link-menu-item {
                margin-bottom: 30px;
                padding-left: 10px;
                &::marker {
                    content: "";
                }
            }
        }
    }
} */
@media only screen and (max-width: 950px) {
  .page-template-default .reduced-width .su-row .su-column {
    width: 100%;
    margin: 20px auto;
  }
}
@media only screen and (max-width: 900px) {
  .page-template-default .reduced-width .su-row .su-column h2 {
    font-size: 20px;
  }
}

.reduced-width {
  width: 75%;
}
@media only screen and (max-width: 750px) {
  .reduced-width {
    width: 100%;
  }
}
@media only screen and (max-width: 750px) {
  .reduced-width.mt--30 {
    margin-top: 0 !important;
  }
}
@media only screen and (max-width: 600px) {
  .reduced-width.mt--60 {
    margin-top: 30px !important;
  }
}
.reduced-width h1 {
  margin-top: 10px !important;
}
.reduced-width img {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
}
@media only screen and (max-width: 950px) {
  .reduced-width .su-posts-news-loop .grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 950px) {
  .reduced-width .su-posts-news-loop .grid .news-preview {
    padding-left: 0;
    margin-top: 20px;
  }
}

.full-width {
  width: 100%;
  padding-top: 20px;
}

.three-quarters-width {
  width: 75% !important;
  padding-top: 20px;
}
@media only screen and (max-width: 900px) {
  .three-quarters-width {
    width: 100% !important;
  }
}
@media only screen and (max-width: 600px) {
  .three-quarters-width .thumb-col {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media only screen and (max-width: 1150px) {
  .three-quarters-width .preview-col {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .three-quarters-width .preview-col {
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
    padding-left: 0;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 500px) {
  .three-quarters-width .preview-col {
    margin-top: 0;
  }
}

@media only screen and (max-width: 900px) {
  .col-left {
    margin-top: 0 !important;
  }
}

@media only screen and (max-width: 900px) {
  #anchor-about-neuroscience h2 {
    margin-top: 0;
  }
}

/*--------------------------------------------------------------
### Contact Forms
--------------------------------------------------------------*/
.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form textarea,
.wpcf7-form select {
  border: #709AB9 solid 2px !important;
  border-radius: 10px !important;
  width: 75% !important;
}
@media only screen and (max-width: 950px) {
  .wpcf7-form input[type=text],
  .wpcf7-form input[type=email],
  .wpcf7-form textarea,
  .wpcf7-form select {
    width: 100% !important;
  }
}
.wpcf7-form input[type=text]:focus-visible,
.wpcf7-form input[type=email]:focus-visible,
.wpcf7-form textarea:focus-visible,
.wpcf7-form select:focus-visible {
  outline: none;
  border: #333333 2px solid !important;
}
.wpcf7-form .select2-container {
  border: #709AB9 solid 2px !important;
  border-radius: 10px !important;
}
.wpcf7-form .select2-container .select2-selection {
  font-size: 15px !important;
  border: none !important;
  background-color: unset;
}
.wpcf7-form .select2-container .select2-selection .select2-selection__rendered {
  color: #797979 !important;
}
@media only screen and (max-width: 950px) {
  .wpcf7-form .select2-container {
    width: 100% !important;
  }
}
.wpcf7-form .select2-container:focus-visible {
  outline: none;
  border: #333333 2px solid !important;
}
.wpcf7-form .wpcf7-select {
  background-color: #ffffff;
  color: #797979;
}
.wpcf7-form .wpcf7-select:focus {
  color: #000;
}
.wpcf7-form ::-webkit-input-placeholder {
  color: #707070;
  opacity: 1;
  /* Firefox */
}
.wpcf7-form ::-moz-placeholder {
  color: #707070;
  opacity: 1;
  /* Firefox */
}
.wpcf7-form :-ms-input-placeholder {
  color: #707070;
  opacity: 1;
  /* Firefox */
}
.wpcf7-form ::-ms-input-placeholder {
  color: #707070;
  opacity: 1;
  /* Firefox */
}
.wpcf7-form ::placeholder {
  color: #707070;
  opacity: 1;
  /* Firefox */
}
.wpcf7-form .wpcf7-list-item {
  margin-left: 0;
  width: 75% !important;
}
@media only screen and (max-width: 950px) {
  .wpcf7-form .wpcf7-list-item {
    width: 100% !important;
  }
}
.wpcf7-form input[type=checkbox] {
  width: 20px !important;
  margin-right: 7px;
  border: #709AB9 solid 2px !important;
  border-radius: 10px !important;
}
.wpcf7-form input[type=submit] {
  margin-bottom: 5px;
  border: solid 2px #00B9E4 !important;
  border-radius: 10px;
  padding: 10px 30px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  background: #00B9E4;
  color: #ffffff;
  line-height: 32px;
  cursor: pointer;
}
.wpcf7-form input[type=submit]:hover {
  background-color: white !important;
  border: solid 2px #003870 !important;
  color: #003870 !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.get-involved-form form {
  width: 60%;
}
@media only screen and (max-width: 1000px) {
  .get-involved-form form {
    width: 80% !important;
  }
}
@media only screen and (max-width: 800px) {
  .get-involved-form form {
    width: 100% !important;
  }
}
.get-involved-form form input[type=text],
.get-involved-form form input[type=email],
.get-involved-form form textarea,
.get-involved-form form select {
  width: 100% !important;
}
.get-involved-form form .wpcf7-list-item {
  width: 100% !important;
}

/*--------------------------------------------------------------
### Images
--------------------------------------------------------------*/
.image-rc-structure,
.image-rc-elections {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  height: 250px;
}

/*--------------------------------------------------------------
### Buttons - standard and turquoise
--------------------------------------------------------------*/
.button-standard {
  border: #003870 solid 1px !important;
}
.button-standard:hover {
  background-color: #6688A9 !important;
  border: #6688A9 solid 1px !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.button-standard span {
  border: none !important;
  padding: 10px 30px !important;
  font-weight: 600 !important;
  color: #003870 !important;
  line-height: 32px !important;
}
.button-standard span:hover {
  color: #ffffff !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.button-turquoise {
  margin-top: 10px;
  border: #00B9E4 1px solid !important;
}
.button-turquoise:hover {
  background-color: #ffffff !important;
  border: #00B9E4 1px solid !important;
  opacity: 1 !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.button-turquoise span {
  border: none !important;
  font-weight: 600;
  font-size: 18px !important;
  padding: 10px 30px !important;
  line-height: 32px !important;
}
.button-turquoise span:hover {
  top: 0 !important;
  color: #00B9E4 !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.button-turquoise span:hover i {
  color: #00B9E4 !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.moving-button .button-turquoise:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/*--------------------------------------------------------------
### Draw attention - Governance page image with pop-ups
--------------------------------------------------------------*/
.hotspots-container .hotspots-placeholder {
  display: none;
}
.hotspots-container .hotspots-placeholder:has(.hotspot-info.visible) {
  display: block;
}
.hotspots-container .hotspots-placeholder:has(.hotspot-info.visible) .hotspot-title {
  text-transform: uppercase;
}
.hotspots-container .hotspots-placeholder:has(.hotspot-info.visible) .hotspot-content ul {
  padding: 0px 15px;
}
.hotspots-container .hotspots-placeholder:has(.hotspot-info.visible) .hotspot-content ul li {
  padding-bottom: 10px;
}

/*--------------------------------------------------------------
### Tiles
--------------------------------------------------------------*/
.tiles-group .tile {
  -webkit-box-shadow: 0px 3px 13px 1px rgba(0, 69, 132, 0.26);
          box-shadow: 0px 3px 13px 1px rgba(0, 69, 132, 0.26);
  border-radius: 10px;
}
.tiles-group .tile .tile-link-section {
  -webkit-transition: 0.2s !important;
  transition: 0.2s !important;
}
.tiles-group .tile .tile-link-section:hover {
  opacity: 0.8 !important;
}
.tiles-group .tile .tile-link-section:hover h3 {
  color: #697086 !important;
}
.tiles-group .tile .tile-link-section .tile-title-container {
  padding: 20px 30px 0 30px;
}
.tiles-group .tile .tile-link-section .tile-title-container .tile-title {
  color: #841C80;
  font-weight: bold;
  text-transform: uppercase;
}
.tiles-group .tile .tile-text-container {
  padding: 0 30px 20px 30px;
}
.tiles-group .tile .tile-text .tile-title {
  color: #841C80;
  margin-bottom: 15px;
}

.title-only {
  line-height: 1;
}
.title-only p {
  margin-bottom: 0 !important;
}
.title-only .tile-title-container {
  padding: 20px 30px 20px 30px !important;
}
.title-only .tile-text-container {
  display: none;
}

/*--------------------------------------------------------------
### Icon List
--------------------------------------------------------------*/
.page-template-default .extra-padding ul li,
.single-partner .extra-padding ul li,
.col-count-section .extra-padding ul li {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  line-height: 24px;
}
.page-template-default .extra-padding ul li:last-of-type,
.single-partner .extra-padding ul li:last-of-type,
.col-count-section .extra-padding ul li:last-of-type {
  padding-bottom: 0 !important;
}
.page-template-default .extra-padding ul li .sui,
.single-partner .extra-padding ul li .sui,
.col-count-section .extra-padding ul li .sui {
  top: 15px;
}
.page-template-default .extra-padding ul li .sui::before,
.single-partner .extra-padding ul li .sui::before,
.col-count-section .extra-padding ul li .sui::before {
  color: #003870;
}
.page-template-default .less-padding ul li,
.single-partner .less-padding ul li,
.col-count-section .less-padding ul li {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  line-height: 24px;
}
.page-template-default .less-padding ul li:last-of-type,
.single-partner .less-padding ul li:last-of-type,
.col-count-section .less-padding ul li:last-of-type {
  padding-bottom: 0 !important;
}
.page-template-default .less-padding ul li .sui,
.single-partner .less-padding ul li .sui,
.col-count-section .less-padding ul li .sui {
  top: 8px;
}
.page-template-default .less-padding ul li .sui::before,
.single-partner .less-padding ul li .sui::before,
.col-count-section .less-padding ul li .sui::before {
  color: #003870;
}

.su-list h3 {
  margin-bottom: 5px;
}
.su-list.basic-list p {
  margin-bottom: 5px;
}

.no-icon {
  margin-left: -32px !important;
}
.no-icon i {
  display: none;
}

/*--------------------------------------------------------------
### Panels
--------------------------------------------------------------*/
.landing-panel .su-column-inner {
  padding: 8%;
}
.landing-panel .su-column-inner h2 {
  font-size: 18px;
}

.icon-menu-landing-page .sue-icon-panel-content h2 {
  font-size: 18px;
}

.sue-photo-panel-content {
  color: #003870;
  font-weight: 700;
  padding: 7px !important;
}

.grants-panel,
.member-benefits-panel {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .grants-panel,
  .member-benefits-panel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.grants-panel .su-column,
.member-benefits-panel .su-column {
  -webkit-box-shadow: 0px 2px 8px rgba(0, 69, 132, 0.26);
          box-shadow: 0px 2px 8px rgba(0, 69, 132, 0.26);
  border-radius: 5px;
}
.grants-panel .su-column.col-short,
.member-benefits-panel .su-column.col-short {
  min-height: 380px;
}
@media only screen and (max-width: 1025px) {
  .grants-panel .su-column.col-short,
  .member-benefits-panel .su-column.col-short {
    min-height: 415px;
  }
}
@media only screen and (max-width: 950px) {
  .grants-panel .su-column.col-short,
  .member-benefits-panel .su-column.col-short {
    min-height: 400px;
  }
}
@media only screen and (max-width: 800px) {
  .grants-panel .su-column.col-short,
  .member-benefits-panel .su-column.col-short {
    min-height: 415px;
  }
}
@media only screen and (max-width: 766px) {
  .grants-panel .su-column.col-short,
  .member-benefits-panel .su-column.col-short {
    min-height: 0;
  }
}
.grants-panel .su-column.col-tall,
.member-benefits-panel .su-column.col-tall {
  min-height: 525px;
}
@media only screen and (max-width: 1025px) {
  .grants-panel .su-column.col-tall,
  .member-benefits-panel .su-column.col-tall {
    min-height: 605px;
  }
}
@media only screen and (max-width: 950px) {
  .grants-panel .su-column.col-tall,
  .member-benefits-panel .su-column.col-tall {
    min-height: 515px;
  }
}
@media only screen and (max-width: 800px) {
  .grants-panel .su-column.col-tall,
  .member-benefits-panel .su-column.col-tall {
    min-height: 605px;
  }
}
@media only screen and (max-width: 766px) {
  .grants-panel .su-column.col-tall,
  .member-benefits-panel .su-column.col-tall {
    min-height: 0;
  }
}
.grants-panel .su-column .su-column-inner,
.member-benefits-panel .su-column .su-column-inner {
  padding: 10px 20px 20px;
  font-size: 15px;
  color: #003870;
}
.grants-panel .su-column .su-column-inner img,
.member-benefits-panel .su-column .su-column-inner img {
  width: 125px;
  height: 125px;
  margin: 0 auto;
  display: block;
}
.grants-panel .su-column .su-column-inner h4,
.member-benefits-panel .su-column .su-column-inner h4 {
  line-height: 25px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 25px !important;
}

.grants-panel .su-column {
  min-height: 245px;
}
@media only screen and (max-width: 767px) {
  .grants-panel .su-column {
    min-height: auto !important;
  }
}
.grants-panel .su-column .su-column-inner {
  padding: 10px 20px 10px;
}
.grants-panel .su-column .su-column-inner img {
  width: 80px;
  height: 80px;
}
.grants-panel .su-column .su-column-inner p {
  line-height: 25px;
  margin-bottom: 10px !important;
}
.grants-panel .col-medium {
  min-height: 270px !important;
}
@media only screen and (max-width: 767px) {
  .grants-panel .col-medium {
    min-height: auto !important;
  }
}
.grants-panel .col-long {
  min-height: 345px !important;
}
@media only screen and (max-width: 767px) {
  .grants-panel .col-long {
    min-height: auto !important;
  }
}

@media only screen and (max-width: 950px) {
  .panel-row .sue-photo-panel-head {
    text-align: center;
  }
}
@media only screen and (max-width: 950px) {
  .panel-row .sue-photo-panel-head img {
    display: inline;
    width: 60% !important;
  }
}
@media only screen and (max-width: 767px) {
  .panel-row .sue-photo-panel-head img {
    display: inline;
    width: 50% !important;
  }
}

/*--------------------------------------------------------------
### Accordion and Spoilers
--------------------------------------------------------------*/
.su-spoiler {
  margin-bottom: 37px !important;
}

.su-spoiler-style-default .su-spoiler-content {
  padding: 1em 0 0 27px !important;
}

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

.su-spoiler-title {
  color: #003870;
  font-family: "Red Hat Display", sans-serif;
  line-height: 1 !important;
  font-size: 23px !important;
  padding: 0 0 0 27px !important;
}
.su-spoiler-title:focus {
  outline: none !important;
}
.su-spoiler-title:hover {
  color: #00B9E4;
}
.su-spoiler-title .su-spoiler-icon {
  top: 0px !important;
}

.spoiler-smaller-title .su-spoiler-title {
  font-size: 18px !important;
}
.spoiler-smaller-title .su-spoiler-content {
  margin-bottom: 10px !important;
}

.title-small-pink .su-spoiler-title {
  font-size: 16px !important;
  color: #841C80;
}
.title-small-pink .su-spoiler-title span {
  top: -4px !important;
}
.title-small-pink .su-spoiler-title span::before {
  line-height: 15px;
  font-size: 12px;
}
.title-small-pink .su-spoiler-title:hover {
  color: #00B9E4 !important;
}

/*--------------------------------------------------------------
### Shortcodes - rows and cols
--------------------------------------------------------------*/
@media only screen and (max-width: 500px) {
  .su-row .su-column {
    width: 100% !important;
  }
}
@media only screen and (max-width: 900px) {
  .su-row .su-column h2 {
    font-size: 20px;
  }
}

.row-right-sidebar .col-left img,
.row-right-sidebar .col-right-sidebar img {
  margin-top: 40px;
}
.row-right-sidebar .col-left #about-neuroscience h2,
.row-right-sidebar .col-right-sidebar #about-neuroscience h2 {
  margin-top: 0 !important;
}
.row-right-sidebar .col-left #publish-in-neuroscience h2,
.row-right-sidebar .col-left #publish-in-ibro-neuroscience-reports h2,
.row-right-sidebar .col-right-sidebar #publish-in-neuroscience h2,
.row-right-sidebar .col-right-sidebar #publish-in-ibro-neuroscience-reports h2 {
  margin-top: 30px !important;
  margin-bottom: 0 !important;
}
.row-right-sidebar .col-left .tagline.neuroscience-reports-tagline,
.row-right-sidebar .col-right-sidebar .tagline.neuroscience-reports-tagline {
  margin-top: -22px;
  font-size: 25px;
  font-weight: 600;
}
@media only screen and (max-width: 700px) {
  .row-right-sidebar .col-left .button-turquoise {
    margin-bottom: 40px !important;
  }
}
.row-right-sidebar .col-right-sidebar {
  -webkit-box-shadow: 0px 2px 8px 5px rgba(2, 198, 254, 0.2);
          box-shadow: 0px 2px 8px 5px rgba(2, 198, 254, 0.2);
  border-radius: 10px;
  padding: 0 30px 30px;
}
.row-right-sidebar .col-right-sidebar img {
  width: 55%;
  margin: 20px auto;
  display: block;
}
.row-right-sidebar .col-right-sidebar .su-button {
  width: 100%;
}
.row-right-sidebar .col-right-sidebar .su-button span {
  padding: 10px !important;
}

.reset-row {
  width: 60%;
  margin: 0 auto;
}
.reset-row .reset-col {
  width: 58%;
}

.rows-no-ml .su-spoiler-content {
  padding: 30px 0px 0 0 !important;
}
.rows-no-ml .su-row .su-column-size-1-3 {
  margin-left: 0;
  width: 33.33%;
}
@media only screen and (max-width: 767px) {
  .rows-no-ml .su-row .su-column-size-1-3 {
    width: 100% !important;
  }
}
.rows-no-ml .su-row .su-column-size-1-3 p {
  padding-right: 60px;
}
.rows-no-ml .su-row .su-column-size-1-3 p img {
  margin-top: 15px;
  -o-object-fit: contain;
     object-fit: contain;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.row-image-padding,
.row-3-images,
.row-2-images {
  padding-top: 20px;
}

/*--------------------------------------------------------------
### Committee members display
--------------------------------------------------------------*/
.leadership-section {
  margin-top: 30px;
}
.leadership-section p {
  text-align: center;
}
.leadership-section img {
  width: 160px;
}
.leadership-section.two-images {
  width: 70%;
  margin: 0 auto;
}
.leadership-section.align-social .committee-member-section {
  min-height: 169px;
}

.committee-member-section {
  margin-bottom: 15px;
}
.committee-member-section h3 {
  margin-bottom: 5px !important;
  line-height: 32px;
}
.committee-member-section h4 {
  margin-bottom: 10px !important;
  line-height: 28px;
  color: #333333;
}
.committee-member-section p {
  margin-bottom: 0 !important;
}
.committee-member-section.regional-committee p {
  margin-bottom: 8px !important;
  line-height: 22px !important;
}

.committee-social-links-section {
  text-align: center;
  margin-bottom: 15px;
}
.committee-social-links-section span {
  padding: 5px;
  font-size: 20px !important;
}

.coloured-band {
  margin: 0 auto !important;
}
.coloured-band .sue-panel {
  padding: 20px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-weight: 600;
  margin-bottom: 0 !important;
}
.coloured-band .sue-panel:hover {
  background-color: #697086 !important;
  opacity: 1 !important;
}

.mfp-close {
  font-weight: 700;
}
.mfp-close:hover {
  background-color: #f2f2f2 !important;
  color: #00B9E4 !important;
  font-weight: 700;
}

@media screen and (max-width: 500px) {
  .su-lightbox-content {
    width: 85% !important;
  }
}

.row-image-padding h3,
.row-3-images h3 {
  width: 215px;
  margin: 0 auto;
  padding-bottom: 0px;
}
.row-image-padding p,
.row-3-images p {
  text-align: center;
  width: 215px;
  margin: 0 auto 20px;
}
.row-image-padding img,
.row-3-images img {
  width: 215px;
  height: 215px;
}
.row-image-padding .committee-meta-long,
.row-image-padding .committee-member-twitter,
.row-image-padding .committee-member-linked-in,
.row-image-padding .committee-member-website,
.row-3-images .committee-meta-long,
.row-3-images .committee-member-twitter,
.row-3-images .committee-member-linked-in,
.row-3-images .committee-member-website {
  line-height: 26px;
  width: 215px;
  margin: 0 auto;
}

.row-2-images p {
  text-align: center;
  width: 300px;
  margin: 0 auto 20px;
}
.row-2-images .committee-meta-long,
.row-2-images .committee-member-twitter,
.row-2-images .committee-member-linked-in,
.row-2-images .committee-member-website {
  line-height: 26px;
  width: 300px;
  margin: 0 auto;
}

/*--------------------------------------------------------------
### Tables
--------------------------------------------------------------*/
.page-template-default .table-no-borders table {
  border: 0 !important;
}
.page-template-default .table-no-borders td {
  vertical-align: top;
  border: 0 !important;
  text-align: left;
  padding-left: 0 !important;
}

/*--------------------------------------------------------------
### Shortcodes - quotes
--------------------------------------------------------------*/
.su-quote-cite {
  color: #003870;
}

/*--------------------------------------------------------------
### Archive - News, News Feeds
--------------------------------------------------------------*/
.post-content-list {
  padding-top: 50px;
}
@media only screen and (max-width: 1050px) {
  .post-content-list {
    padding-top: 40px;
  }
}

.news-tiles {
  margin-top: 30px;
}

.news-tiles article,
.post-content-list article {
  margin-bottom: 30px;
}
.news-tiles article .news-feature-image,
.post-content-list article .news-feature-image {
  position: relative;
  width: 190px;
  /*             @media only screen and (max-width: 1025px) {
      width: 250px;
  }
  @media only screen and (max-width: 900px) {
      width: 200px;
  }
  @media only screen and (max-width: 750px) {
      width: 235px;
  } 
  @media only screen and (max-width: 500px) {
      width: 300px;
  }  */
}
.news-tiles article .news-feature-image img,
.post-content-list article .news-feature-image img {
  border-radius: 10px 10px 15px 15px;
  width: 190px;
  -o-object-fit: cover;
     object-fit: cover;
  height: 190px;
}
.news-tiles article .news-feature-image .news-category,
.post-content-list article .news-feature-image .news-category {
  position: absolute;
  left: 0px;
  bottom: 0px;
  padding: 5px 5px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  width: 190px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  border-radius: 0 0 10px 10px;
  /*                 @media only screen and (max-width: 1025px) {
      width: 250px;
  }
  @media only screen and (max-width: 900px) {
      width: 200px;
  }    
  @media only screen and (max-width: 750px) {
      width: 235px;
  } 
  @media only screen and (max-width: 500px) {
      width: 300px;
  } */
}
.news-tiles article .news-preview,
.post-content-list article .news-preview {
  font-size: 15px;
}
@media only screen and (max-width: 500px) {
  .news-tiles article .news-preview,
  .post-content-list article .news-preview {
    padding-left: 0;
    padding-top: 30px;
  }
}
.news-tiles article .news-preview h2,
.post-content-list article .news-preview h2 {
  font-size: 18px;
  line-height: 23px;
  margin-top: 0px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 500px) {
  .news-tiles article .news-preview h2,
  .post-content-list article .news-preview h2 {
    font-size: 18px;
  }
}
.news-tiles article .news-preview h2:hover,
.post-content-list article .news-preview h2:hover {
  color: #697086 !important;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.news-tiles article .news-preview p,
.post-content-list article .news-preview p {
  margin-bottom: 5px;
}
.news-tiles article .news-preview .event-news-date,
.post-content-list article .news-preview .event-news-date {
  margin-top: -10px;
  margin-bottom: 5px;
}
.news-tiles article .news-preview .archive-news-date,
.post-content-list article .news-preview .archive-news-date {
  margin-top: 0 !important;
  font-weight: 500;
}
.news-tiles article .news-preview .more-link,
.post-content-list article .news-preview .more-link {
  font-weight: 500;
  font-style: italic;
  font-size: 16px;
}
.news-tiles article .news-preview .more-link:hover,
.post-content-list article .news-preview .more-link:hover {
  color: #697086 !important;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

@media screen and (max-width: 1250px) {
  .page-template-page-layout-news article {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
}

/*--------------------------------------------------------------
### News Single incl Discover Partners Section
--------------------------------------------------------------*/
.standard-post-content h1 {
  line-height: 35px;
  margin-bottom: 0 !important;
}

@media screen and (max-width: 600px) {
  .standard-post-content .post-main-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 600px) {
  .standard-post-content .post-main-section .main-post-content {
    max-width: 100%;
  }
  .standard-post-content .post-main-section .main-post-content figure {
    max-width: 100% !important;
  }
  .standard-post-content .post-main-section .main-post-content figure > img {
    max-width: 100% !important;
    height: auto !important;
  }
}
@media screen and (max-width: 600px) {
  .standard-post-content .post-main-section .societies-meta-col {
    width: 100%;
  }
}

.discover-partners-container {
  border-top: solid #FF6905 2px;
  padding-top: 40px;
}
.discover-partners-container .grid .partner-tile-image-col {
  display: table;
  /*             .content-only-on-hover {
      position: relative;

      .partner-caption-on-hover {
          position: absolute;
          top: 40%;
          bottom: 40%;
          opacity: 0;
          visibility: hidden;
          transition: visibility 0s, opacity 0.5s linear;
      }
  }
  .image-caption-on-hover
  .partner-caption-on-hover */
}
.discover-partners-container .grid .partner-tile-image-col .partner-image-container {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.discover-partners-container .grid .partner-tile-image-col .partner-image-container .partner-image {
  height: 100px;
}
.discover-partners-container .grid .partner-tile-image-col .partner-image-container .partner-image:hover {
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.discover-partners-container .grid .partner-tile-image-col .caption-under-image {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
}
.discover-partners-container .grid .partner-tile-image-col .content-only-on-hover {
  position: relative;
}
.discover-partners-container .grid .partner-tile-image-col .content-only-on-hover:hover {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.discover-partners-container .grid .partner-tile-image-col .content-only-on-hover:hover .image-caption-on-hover {
  opacity: 0.2;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.discover-partners-container .grid .partner-tile-image-col .content-only-on-hover:hover .partner-caption-on-hover {
  font-weight: 800;
  visibility: visible;
  -webkit-transition: font-weight 0.2s visibility 0.2s;
  transition: font-weight 0.2s visibility 0.2s;
}
.discover-partners-container .grid .partner-tile-image-col .content-only-on-hover .partner-caption-on-hover {
  position: relative;
  top: -50px;
  visibility: hidden;
}
.discover-partners-container .grid .partner-tile-text-col {
  padding-left: 28px;
}

.center-image {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.post-image {
  width: 100%;
}
.post-image img {
  -o-object-fit: contain;
     object-fit: contain;
  height: auto;
  max-width: 100%;
}

/*--------------------------------------------------------------
### Partners Single page
--------------------------------------------------------------*/
.single-partner .tiles-group {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.single-partner .key-details-box .grid {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.single-partner .key-details-box .grid .image-col {
  line-height: 1;
}
.single-partner .key-details-box .grid .grid__col {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.single-partner .key-details-box .grid .grid__col h1 {
  margin-top: 0 !important;
}
@media screen and (max-width: 900px) {
  .single-partner .moving-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 900px) {
  .single-partner .moving-button .su-column {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding-top: 20px;
    margin-left: 0 !important;
    width: 100% !important;
  }
}

/*--------------------------------------------------------------
### Calls - Grants, Events, Resources Single page
--------------------------------------------------------------*/
.no-link-tile,
.clickable-tile {
  color: #333333 !important;
}
.no-link-tile .post-tile,
.clickable-tile .post-tile {
  padding-bottom: 25px;
}
.no-link-tile .post-tile .call-tile,
.clickable-tile .post-tile .call-tile {
  margin: 0 25px;
  font-size: 15px;
  line-height: 26px;
  font-weight: 500 !important;
}
.no-link-tile .post-tile .call-tile .title-calls-events-list,
.clickable-tile .post-tile .call-tile .title-calls-events-list {
  color: #841C80;
  margin: 20px 0 10px;
}

.clickable-tile:hover {
  color: #333333 !important;
  opacity: 0.8;
}

.single-training-opportunity .event-title,
.single-grant .event-title {
  color: #841C80;
}

.single-event .event-title {
  color: #003870;
}
.single-event .ssba {
  visibility: hidden;
}
@media screen and (max-width: 750px) {
  .single-event main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.key-details-box {
  padding: 25px;
  margin-bottom: 30px;
  border-radius: 10px;
  /*     @media screen and (max-width: 900px) {
      font-size: 14px;
      line-height: 20px;
  } */
}
@media screen and (max-width: 749px) {
  .key-details-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.key-details-box.--blue {
  -webkit-box-shadow: 0px 2px 8px 5px rgba(2, 198, 254, 0.2);
          box-shadow: 0px 2px 8px 5px rgba(2, 198, 254, 0.2);
}
.key-details-box.--grey {
  -webkit-box-shadow: 0px 2px 8px rgba(0, 69, 132, 0.26);
          box-shadow: 0px 2px 8px rgba(0, 69, 132, 0.26);
}
.key-details-box .post-meta-heading {
  font-weight: 700;
}
.key-details-box .post-meta-input-link {
  font-weight: 700;
}
.key-details-box .key-details-top {
  border-bottom: #00B9E4 solid 1px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.key-details-box .key-details-top h1 {
  font-size: 25px;
}
.key-details-box .grid__col {
  /*         @media screen and (max-width: 499px) {
      margin-bottom: 30px;
  } */
}
.key-details-box .grid__col .separate-line {
  padding-right: 10px;
}
.key-details-box .grid__col .separate-line:last-of-type {
  padding-bottom: 0;
}
.key-details-box .grid__col .separate-line .post-meta-input p {
  margin-bottom: 0;
  display: inline;
}
.key-details-box .grid__col .separate-line .highlight-input {
  color: #003870;
  font-weight: 700;
}

@media screen and (max-width: 749px) {
  .event-details .button-col,
  .training-details .button-col {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}

.single-event .button-col,
.event-details .button-col,
.training-details .button-col {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  padding-right: 0 !important;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  /*         @media screen and (max-width: 749px) {
      justify-content: start;
  } */
}
.single-event .button-col .booking-button,
.event-details .button-col .booking-button,
.training-details .button-col .booking-button {
  border: solid 2px #003870;
  border-radius: 7px;
  padding: 5px;
  text-align: center;
  width: 145px;
  font-size: 14px;
  color: #003870 !important;
}
@media screen and (min-width: 500px) and (max-width: 749px) {
  .single-event .button-col .booking-button,
  .event-details .button-col .booking-button,
  .training-details .button-col .booking-button {
    margin-top: 20px;
  }
}
.single-event .button-col .booking-button:hover,
.event-details .button-col .booking-button:hover,
.training-details .button-col .booking-button:hover {
  background-color: #003870;
  color: white !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.training-details .read-more-button {
  border: solid 2px #003870;
  border-radius: 7px;
  margin-top: 5px;
  padding: 6px 18px 6px 18px;
  text-align: center;
  font-size: 14px;
  color: #003870;
}
.training-details .read-more-button:hover {
  background-color: #003870;
  color: white;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.training-details .training-month {
  text-transform: uppercase;
  font-size: 18px;
  color: #841C80;
  margin-top: 5px;
}
.training-details .training-day {
  font-size: 32px;
  font-weight: bold;
  margin-top: 5px;
  color: #841C80;
}

.open-calls-button {
  border-radius: 7px;
  padding: 6px 26px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #003870;
}
.open-calls-button.training-calls {
  border: 2px solid #FECF00;
}
.open-calls-button.training-calls:hover {
  background-color: #FECF00;
  border: 2px solid #FECF00;
}
.open-calls-button.grant-calls {
  border: 2px solid #FF7700;
}
.open-calls-button.grant-calls:hover {
  background-color: #FF7700;
  border: 2px solid #FF7700;
}
.open-calls-button:hover {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: #fff;
}

.related-links-section {
  background-color: #DFE7EF;
}
.related-links-section h1 {
  font-size: 23px;
  text-transform: uppercase;
  margin-bottom: 50px !important;
}
.related-links-section .related-link-col {
  text-align: center;
}
@media screen and (max-width: 600px) {
  .related-links-section .related-link-col {
    margin-bottom: 50px;
  }
}
.related-links-section .related-link-col .related-link-tile {
  width: 200px;
  margin: 0 auto 10px;
}
.related-links-section .related-link-col .related-link-tile img {
  border: solid 1px #003870;
  border-radius: 7px;
  background-color: #ffffff;
  width: 90px;
}
.related-links-section .related-link-col .related-link-tile img:hover {
  opacity: 0.8;
}
.related-links-section .related-link-col a {
  font-size: 16px !important;
  line-height: 20px !important;
  font-weight: bold;
  color: #003870 !important;
  text-transform: uppercase !important;
  margin-top: 10px !important;
}
.related-links-section .related-link-col a:hover {
  color: #00B9E4 !important;
}
.related-links-section .related-link-col a.link-title {
  padding: 0px 30px;
  display: block;
}

.indivdual-resource-title {
  color: #841C80 !important;
  font-size: 27px;
  font-weight: 600 !important;
}

@media screen and (max-width: 750px) {
  .single-resource .anchor-menu-grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 600px) {
  .single-resource .anchor-menu-grid .anchor-menu {
    width: 100% !important;
  }
}
.single-resource .key-details-box {
  -webkit-box-shadow: 0px 2px 8px 5px rgba(0, 69, 132, 0.26);
          box-shadow: 0px 2px 8px 5px rgba(0, 69, 132, 0.26);
}
@media screen and (max-width: 600px) {
  .single-resource .key-details-box {
    margin-top: 30px !important;
  }
}
.single-resource .key-details-box .key-details-image {
  margin-right: 20px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 600px) {
  .single-resource .key-details-box .key-details-image {
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
    margin-bottom: 30px;
  }
}
.single-resource .key-details-box .key-details-image img {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
@media screen and (max-width: 600px) {
  .single-resource .key-details-box .key-details-image img {
    width: 300px !important;
    -o-object-fit: cover !important;
       object-fit: cover !important;
    max-width: 100% !important;
  }
}
@media screen and (max-width: 600px) {
  .single-resource .key-details-box .key-details-text {
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 10px;
  }
}
.single-resource .key-details-box .author-col {
  margin-top: auto;
}
.single-resource .key-details-box .button-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 540px) {
  .single-resource .key-details-box .button-col {
    margin-top: 20px !important;
  }
}
.single-resource .key-details-box .button-col .find-out-button {
  border: solid 2px #003870;
  border-radius: 7px;
}
.single-resource .season-tile h3 {
  margin-bottom: 0 !important;
}
.single-resource .season-tile .embed-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 1100px) {
  .single-resource .season-tile .embed-col iframe {
    width: 500px !important;
  }
}
@media screen and (max-width: 950px) {
  .single-resource .season-tile .embed-col iframe {
    width: 425px !important;
  }
}
@media screen and (max-width: 850px) {
  .single-resource .season-tile .embed-col iframe {
    width: 350px !important;
    height: 250px !important;
  }
}
@media screen and (max-width: 500px) {
  .single-resource .season-tile .embed-col iframe {
    width: 300px !important;
    height: 225px !important;
  }
}
@media screen and (max-width: 540px) {
  .single-resource .season-tile .embed-col iframe {
    margin-top: 20px !important;
  }
}
.single-resource .season-tile .embed-col img {
  height: 300px;
  width: 425px;
  margin-top: 20px;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-resource .season-tile .button-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 599px) {
  .single-resource .season-tile .button-col {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 20px;
  }
}
.single-resource .season-tile .button-col .find-out-button {
  border: solid 2px #003870;
  border-radius: 7px;
  margin-top: auto;
}
@media screen and (max-width: 950px) {
  .single-resource .season-tile .button-col .find-out-button {
    padding: 10px;
  }
}

.travel-grant-tile a {
  overflow-wrap: break-word;
}

/*------------------------------------------------------------------
### Tiles & Resources Directory - Similar layout to Training and Grant Calls
------------------------------------------------------------------*/
.news-content {
  /*     @media screen and (max-width: 950px) {
      padding: 0 !important;
  } */
}
@media screen and (max-width: 749px) {
  .news-content {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
}
@media screen and (max-width: 950px) {
  .news-content .content-sidebar {
    padding-left: 20px !important;
  }
}
@media screen and (max-width: 750px) {
  .news-content .content-sidebar {
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .news-content .content-sidebar {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media screen and (max-width: 950px) {
  .news-content .post-content-list {
    padding-right: 20px !important;
  }
}
@media screen and (max-width: 749px) {
  .news-content .post-content-list {
    padding-top: 0;
  }
}
@media screen and (max-width: 700px) {
  .news-content .post-content-list {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media screen and (max-width: 600px) {
  .news-content .post-content-list {
    margin-top: 30px;
  }
}
@media screen and (max-width: 750px) {
  .news-content .post-content-list .text--right {
    text-align: left;
  }
}

.anniversary-news-content .news-preview .more-link {
  color: #d0202e !important;
}

.tiles-group,
.post-tiles {
  row-gap: 30px;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
@media screen and (min-width: 951px) {
  .tiles-group,
  .post-tiles {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}
@media screen and (max-width: 950px) {
  .tiles-group,
  .post-tiles {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
}
@media screen and (max-width: 500px) {
  .tiles-group,
  .post-tiles {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}
.tiles-group .no-link-tile,
.tiles-group .clickable-tile,
.post-tiles .no-link-tile,
.post-tiles .clickable-tile {
  -webkit-box-shadow: 0px 3px 13px 1px rgba(0, 69, 132, 0.26);
          box-shadow: 0px 3px 13px 1px rgba(0, 69, 132, 0.26);
  border-radius: 10px;
  max-width: 427.75px;
}
.tiles-group .tile,
.tiles-group .post-tile,
.post-tiles .tile,
.post-tiles .post-tile {
  max-width: 427.75px;
  -ms-flex-preferred-size: 48% !important;
      flex-basis: 48% !important;
}
@media screen and (max-width: 950px) {
  .tiles-group .tile,
  .tiles-group .post-tile,
  .post-tiles .tile,
  .post-tiles .post-tile {
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
  }
}
.tiles-group .tile img,
.tiles-group .post-tile img,
.post-tiles .tile img,
.post-tiles .post-tile img {
  width: 100%;
  border-radius: 10px 10px 0 0 !important;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
}
.tiles-group .tile .d--block,
.tiles-group .post-tile .d--block,
.post-tiles .tile .d--block,
.post-tiles .post-tile .d--block {
  line-height: 20px;
}
.tiles-group .tile h3,
.tiles-group .post-tile h3,
.post-tiles .tile h3,
.post-tiles .post-tile h3 {
  line-height: 25px;
}
.tiles-group .tile .tile-text,
.tiles-group .post-tile .tile-text,
.post-tiles .tile .tile-text,
.post-tiles .post-tile .tile-text {
  padding: 20px 30px;
}

.grid-fluid {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}
.grid-fluid .grid__col {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
}

@media only screen and (min-width: 350px) {
  .grid-not-fluid {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .grid-not-fluid .grid__col {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
}

.single-resource .resource-title {
  color: #841C80;
}
.single-resource .post-tile {
  margin-bottom: 30px;
}
.single-resource .post-tile .resource-tile-text {
  padding-top: 25px;
}
.single-resource .post-tile .resource-tile-text .extra-pb {
  line-height: 40px;
}
.single-resource .post-tile .post-description {
  -webkit-box-shadow: 0px 2px 8px 5px rgba(0, 69, 132, 0.26);
          box-shadow: 0px 2px 8px 5px rgba(0, 69, 132, 0.26);
  padding: 25px;
}
.single-resource .post-tile .post-description p {
  margin-bottom: 70px;
}
.single-resource .post-tile .post-description .entry--author {
  position: absolute;
  bottom: 25px;
  left: 25px;
  font-weight: bold;
  padding-right: 20px;
}
.single-resource .post-tile .post-description .find-out-button {
  position: absolute;
  border: solid 2px #003870;
  border-radius: 7px;
  bottom: 25px;
  right: 25px;
  width: 150px;
}

.resource-tile-padding {
  padding: 30px 30px 80px !important;
  -webkit-box-shadow: 0px 3px 13px 1px rgba(0, 69, 132, 0.26);
          box-shadow: 0px 3px 13px 1px rgba(0, 69, 132, 0.26);
  border-radius: 10px;
  max-width: 427.75px;
}
.resource-tile-padding .resource-tile-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media screen and (max-width: 470px) {
  .resource-tile-padding .resource-tile-image {
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
  }
}
.resource-tile-padding .resource-tile-image .resource-feature-thumb {
  border-radius: 10px !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
  width: 161px !important;
  height: auto;
}
@media screen and (max-width: 470px) {
  .resource-tile-padding .resource-tile-image .resource-feature-thumb {
    margin: auto;
  }
}
.resource-tile-padding .resource-tile-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media screen and (max-width: 470px) {
  .resource-tile-padding .resource-tile-title {
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
    margin-top: 30px;
  }
}
.resource-tile-padding .resource-tile-title h3 {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 500px) {
  .resource-tile-padding .resource-tile-title h3 {
    font-size: 16px;
  }
}

.post-tile .resource-tile-text h3:hover {
  color: #697086;
}
.post-tile .resource-tile-text .extra-pb {
  padding-bottom: 15px;
  font-weight: 600;
}
.post-tile .resource-tile-text .extra-plus-pb {
  padding-bottom: 80px;
  font-weight: 600;
}
@media screen and (max-width: 1025px) {
  .post-tile .resource-tile-text .extra-plus-pb {
    padding-bottom: 0;
  }
}
.post-tile .resource-tile-text .entry--author {
  padding-right: 25px;
  font-size: 15px;
}

.post-tile .resource-tile-text .extra-pb .category-item,
.post-tile .resource-tile-text .extra-plus-pb .category-item,
.single-resource .resource-tile-text .extra-pb .category-item,
.single-resource .resource-tile-text .extra-plus-pb .category-item {
  border-radius: 20px;
  padding: 6px 10px;
  line-height: 40px;
  color: #333333;
  font-weight: 600;
  white-space: nowrap;
}

@media screen and (min-width: 1025px) {
  .post-tile {
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 1025px) {
  .post-tile {
    padding-bottom: 140px;
  }
}
.post-tile .resource-tile-text {
  margin-top: 10px;
}
.post-tile .resource-tile-text .find-out-button {
  position: absolute;
  border: solid 2px #003870;
  border-radius: 7px;
  right: 30px;
  bottom: 30px;
}
@media screen and (max-width: 1025px) {
  .post-tile .resource-tile-text .find-out-button {
    left: 30px;
  }
}
@media screen and (max-width: 950px) {
  .post-tile .resource-tile-text .find-out-button {
    right: 30px;
    left: auto;
  }
}

/*--------------------------------------------------------------
### partner-tiles
--------------------------------------------------------------*/
.su-posts-partners-loop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 40px;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
.su-posts-partners-loop .post-tile--partner {
  -webkit-box-shadow: 0px 3px 13px 1px rgba(0, 69, 132, 0.26);
          box-shadow: 0px 3px 13px 1px rgba(0, 69, 132, 0.26);
  border-radius: 10px;
  -ms-flex-preferred-size: 48.7% !important;
      flex-basis: 48.7% !important;
  padding: 30px;
}
@media only screen and (min-width: 951px) and (max-width: 1093px) {
  .su-posts-partners-loop .post-tile--partner {
    -ms-flex-preferred-size: 70% !important;
        flex-basis: 70% !important;
    margin: 0 auto;
  }
}
@media screen and (max-width: 807px) {
  .su-posts-partners-loop .post-tile--partner {
    -ms-flex-preferred-size: 70% !important;
        flex-basis: 70% !important;
    margin: 0 auto;
  }
}
@media screen and (max-width: 600px) {
  .su-posts-partners-loop .post-tile--partner {
    -ms-flex-preferred-size: 90% !important;
        flex-basis: 90% !important;
    margin: 0 auto;
  }
}
.su-posts-partners-loop .post-tile--partner .partner-logo-title-section {
  min-height: 140px;
}
.su-posts-partners-loop .post-tile--partner .partner-logo-title-section .partner-tile-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media only screen and (max-width: 500px) {
  .su-posts-partners-loop .post-tile--partner .partner-logo-title-section .partner-tile-image {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.su-posts-partners-loop .post-tile--partner .partner-logo-title-section .partner-tile-image img {
  width: 90%;
  max-height: 150px;
  border-radius: 10px;
  float: left;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
@media screen and (max-width: 807px) {
  .su-posts-partners-loop .post-tile--partner .partner-logo-title-section .partner-tile-image img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 70%;
  }
}
@media only screen and (max-width: 750px) {
  .su-posts-partners-loop .post-tile--partner .partner-logo-title-section .partner-tile-image img {
    width: 90%;
    margin: auto;
    padding: 20px;
  }
}
@media only screen and (max-width: 500px) {
  .su-posts-partners-loop .post-tile--partner .partner-logo-title-section .partner-tile-image img {
    width: 100%;
    margin: auto;
    padding: 20px;
  }
}
.su-posts-partners-loop .post-tile--partner .partner-logo-title-section .partner-tile-image img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.su-posts-partners-loop .post-tile--partner .partner-logo-title-section .partner-tile-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media screen and (max-width: 807px) {
  .su-posts-partners-loop .post-tile--partner .partner-logo-title-section .partner-tile-title {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 500px) {
  .su-posts-partners-loop .post-tile--partner .partner-logo-title-section .partner-tile-title {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding-left: 0;
    margin-top: 20px;
  }
}
.su-posts-partners-loop .post-tile--partner .partner-logo-title-section .partner-tile-title .tile-title {
  color: #333333;
  padding: 0 0 15px;
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}
.su-posts-partners-loop .post-tile--partner .partner-logo-title-section .partner-tile-title .tile-title:hover {
  color: #697086;
}
.su-posts-partners-loop .post-tile--partner .partner-excerpt {
  margin-bottom: 10px;
}
@media only screen and (max-width: 500px) {
  .su-posts-partners-loop .post-tile--partner .partner-excerpt {
    margin-bottom: 20px;
  }
}
.su-posts-partners-loop .post-tile--partner .find-out-button {
  border: solid 2px #003870;
  border-radius: 7px;
  float: right;
}

/*--------------------------------------------------------------
### Filter - Training, Grants, Events, Resources
--------------------------------------------------------------*/
.filter-switch-view-container {
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  row-gap: 20px;
}
@media only screen and (max-width: 375px) and (min-width: 350px) {
  .filter-switch-view-container .open-calls-button {
    max-width: 143px !important;
  }
}

.filter-title {
  color: #333333;
  font-weight: 700;
  margin-top: 50px;
  font-size: 18px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1050px) {
  .filter-title {
    margin-top: 40px;
  }
}

.sidebar-container {
  position: sticky;
  top: 0;
  padding-top: 10px;
}
.sidebar-container .widget__title {
  margin-top: 20px;
  font-size: 16px;
  line-height: 28px;
  color: #333333;
  font-weight: normal;
}
.sidebar-container #media_image-2 img {
  border-radius: 10px;
  width: 200px;
}
.sidebar-container .widget-newsletter-signup {
  margin-bottom: 30px !important;
  border: 2px solid #003870;
}
.sidebar-container .widget-newsletter-signup:hover {
  background-color: #FFFFFF !important;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.sidebar-container .widget-newsletter-signup:hover span {
  top: 0px !important;
  color: #003870 !important;
}
.sidebar-container .widget-newsletter-signup span {
  font-weight: 600;
  font-size: 15px !important;
  padding: 15px 16px !important;
  line-height: 26px !important;
}

.anniversary-news-sidebar {
  -webkit-box-shadow: 0px 2px 8px 5px rgba(208, 32, 46, 0.2);
          box-shadow: 0px 2px 8px 5px rgba(208, 32, 46, 0.2);
  border-radius: 10px;
  padding: 0 30px 30px;
  display: inline-block;
  margin-top: 30px;
  position: relative !important;
}
.anniversary-news-sidebar .filter-form .btn {
  background: #d0202e !important;
  border-color: #d0202e !important;
  color: #ffffff !important;
}
.anniversary-news-sidebar .filter-form .filter-form__clear {
  color: #d0202e !important;
}
.anniversary-news-sidebar .textwidget img {
  max-width: 100%;
  height: 100%;
}
.anniversary-news-sidebar .widget-newsletter-signup {
  margin-bottom: 10px !important;
}

.filter-form b {
  font-size: 14px;
}
.filter-form__select2-container:last-of-type {
  margin-bottom: 30px;
}
.filter-form #EventFiltersPeriod {
  margin-bottom: 30px;
}
.filter-form #EventFiltersPeriod #EventFiltersMonth,
.filter-form #EventFiltersPeriod #EventFiltersYear {
  background-color: #ffffff !important;
  border: 2px solid #c8c8c8 !important;
  border-radius: 5px !important;
  color: #333333 !important;
  font-size: 14px !important;
}
.filter-form .filter-form-buttons {
  position: relative;
  height: 80px;
}
.filter-form .filter-form-buttons .filter-form-submit {
  position: absolute;
  bottom: 0;
  left: 0;
  font-weight: 600;
  opacity: 1;
}
@media only screen and (max-width: 1000px) and (min-width: 750px) {
  .filter-form .filter-form-buttons .filter-form-submit {
    padding: 10px;
    font-size: 14px;
    line-height: 28px !important;
  }
}
.filter-form .filter-form__clear {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 12px 0 12px 0;
  line-height: 32px;
  color: #003870;
  font-size: 16px;
  text-decoration: none;
  font-style: normal;
  font-weight: 600;
  margin: 0px !important;
}
@media only screen and (max-width: 1000px) and (min-width: 750px) {
  .filter-form .filter-form__clear {
    font-size: 14px;
    line-height: 28px !important;
  }
}
.filter-form .filter-form__clear:hover {
  color: #697086;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.filter-form #NensFiltersKeywords {
  margin-top: 10px;
}

@media only screen and (max-width: 500px) {
  .useful-links-section ul {
    padding-bottom: 0 !important;
  }
}
@media only screen and (max-width: 500px) {
  .useful-links-section ul li a:last-of-type h3 {
    padding-bottom: 20px !important;
  }
}

/*--------------------------------------------------------------
### Expander
--------------------------------------------------------------*/
.expander {
  background: white;
  -webkit-box-shadow: 2px 2px 10px 4px rgba(0, 185, 228, 0.4);
          box-shadow: 2px 2px 10px 4px rgba(0, 185, 228, 0.4);
  border-radius: 10px;
}
.expander__content {
  padding: 0 20px;
  background: white;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.no-js .expander__content {
  display: block;
}
.js .expander__content {
  display: none;
}
.expander__title {
  font-weight: bold;
  color: #003870;
  font-size: 18px !important;
  cursor: pointer;
  padding: 20px 50px 20px 20px !important;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .expander__title {
    line-height: 24px;
  }
}
@media only screen and (max-width: 500px) {
  .expander__title {
    font-size: 16px !important;
  }
}
.expander__title:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: " \f107";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 20px;
}
.expander__title::-moz-selection {
  background: none;
}
.expander__title::selection {
  background: none;
}
.expander--open .expander__content {
  display: block;
}
.expander--open .expander__title:after {
  content: "\f106";
}

/*--------------------------------------------------------------
### Open Calls - Calendar view
--------------------------------------------------------------*/
#calendar .fc-toolbar {
  margin: 0 0 30px;
}
#calendar .fc-toolbar .fc-toolbar-chunk div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#calendar .fc-toolbar .fc-toolbar-chunk div .fc-button {
  background: #ffffff;
  border-color: #ffffff;
  line-height: 18px !important;
  padding: 0 10px;
}
#calendar .fc-toolbar .fc-toolbar-chunk div .fc-button .fc-icon {
  color: #333333;
  font-size: 18px;
  vertical-align: bottom;
}
#calendar .fc-toolbar .fc-toolbar-chunk div .fc-button:hover {
  background: #ffffff !important;
}
#calendar .fc-toolbar .fc-toolbar-chunk div .fc-button-primary:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
#calendar .fc-toolbar .fc-toolbar-chunk div .fc-toolbar-title {
  color: #333333;
  font-size: 18px;
  font-weight: 600;
}

.fc-daygrid .fc-col-header-cell.fc-day {
  text-align: left;
  height: 40px;
  line-height: 1em;
}
.fc-daygrid .fc-col-header-cell.fc-day a {
  color: #000 !important;
  font-weight: 600;
  padding: 4px 6px;
  font-size: 14px;
}
.fc-daygrid .fc-daygrid-body tr {
  height: 100px;
}
.fc-daygrid .fc-daygrid-body tr .fc-daygrid-day {
  line-height: 1em;
}
.fc-daygrid .fc-daygrid-body tr .fc-daygrid-day .fc-daygrid-day-top {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.fc-daygrid .fc-daygrid-body tr .fc-daygrid-day .fc-daygrid-day-top .fc-daygrid-day-number {
  color: #000 !important;
  padding: 8px 15px;
}

.view-switch {
  color: #003870;
}
@media only screen and (max-width: 749px) {
  .view-switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.view-switch:hover {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: #FFFFFF;
}
.view-switch .light-blue-switch {
  text-transform: uppercase;
  border: 2px solid #00B9E4;
  padding: 6px 26px;
  display: inline-block;
  border-radius: 7px;
  text-align: center;
  color: #003870;
}
@media only screen and (max-width: 760px) {
  .view-switch .light-blue-switch {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 749px) {
  .view-switch .light-blue-switch {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
@media only screen and (max-width: 514px) {
  .view-switch .light-blue-switch {
    padding: 6px;
    font-size: 14px;
  }
}
.view-switch .light-blue-switch:hover {
  color: #FFFFFF;
  background-color: #00B9E4;
}
.view-switch .fas {
  display: block;
  padding-top: 6px;
  padding-bottom: 5px;
}
@media only screen and (max-width: 749px) {
  .view-switch .fas {
    display: inline;
  }
}
@media only screen and (max-width: 514px) {
  .view-switch .fas {
    display: block;
  }
}
.view-switch .dark-blue-switch {
  color: #003870;
  text-transform: uppercase;
  border: 2px solid #841C80;
  padding: 6px 26px;
  display: inline-block;
  border-radius: 7px;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media only screen and (max-width: 760px) {
  .view-switch .dark-blue-switch {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 749px) {
  .view-switch .dark-blue-switch {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
@media only screen and (max-width: 514px) {
  .view-switch .dark-blue-switch {
    padding: 6px;
    font-size: 14px;
  }
}
.view-switch .dark-blue-switch:hover {
  color: #FFFFFF;
  background-color: #841C80;
}

/*--------------------------------------------------------------
### Events Directory - List
--------------------------------------------------------------*/
.event-row {
  border-bottom: solid 2px #c8c8c8;
  padding-bottom: 30px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 749px) {
  .event-row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (max-width: 749px) {
  .post-content-list .event-row .grid__col.button-col,
  .post-content-list .event-details .grid__col.button-col {
    margin-top: 20px;
  }
}
.post-content-list .event-row .grid__col .event-list-detail,
.post-content-list .event-details .grid__col .event-list-detail {
  margin-bottom: 5px;
  font-size: 15px;
}
@media only screen and (min-width: 750px) and (max-width: 900px) {
  .post-content-list .event-row .grid__col .event-list-detail,
  .post-content-list .event-details .grid__col .event-list-detail {
    font-size: 14px;
  }
}
@media only screen and (min-width: 750px) and (max-width: 900px) {
  .post-content-list .event-row .grid__col .event-list-detail b,
  .post-content-list .event-details .grid__col .event-list-detail b {
    display: block;
  }
}

/* .event-color-by-region {
    border-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
    .title-calls-events-list {
        padding-top: 30px;
    }
} */
.title-calls-events-list:hover {
  color: #697086 !important;
}

/*--------------------------------------------------------------
### Events Directory - all
--------------------------------------------------------------*/
@media only screen and (max-width: 500px) {
  .page-template-page-layout-events-list .news-content,
  .page-template-page-layout-events-map .news-content,
  .page-template-page-layout-events-calendar .news-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/*--------------------------------------------------------------
### Events Directory - Map
--------------------------------------------------------------*/
.leaflet-popup-content {
  font-size: 14px !important;
  font-family: "Red Hat Display", sans-serif;
  line-height: 1.6 !important;
}
.leaflet-popup-content h3 {
  color: #841C80;
  font-family: "Red Hat Display", sans-serif;
}
.leaflet-popup-content a {
  color: #003870 !important;
  font-family: "Red Hat Display", sans-serif;
}

/*--------------------------------------------------------------
### Events Directory - Calendar
--------------------------------------------------------------*/
.fc-event-time {
  display: none;
}

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

.fc-event-title {
  color: #fff;
}

/*--------------------------------------------------------------
### Our members page - society map
--------------------------------------------------------------*/
#EventResults {
  padding: 20px;
  margin-top: 30px;
  -webkit-box-shadow: 0px 3px 13px 1px rgba(0, 69, 132, 0.26);
          box-shadow: 0px 3px 13px 1px rgba(0, 69, 132, 0.26);
  border-radius: 10px;
}
#EventResults img {
  width: 350px;
}
#EventResults .societies-meta-col {
  padding-left: 30px;
}

.societies-logo-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media only screen and (max-width: 600px) {
  .societies-logo-col {
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 850px) {
  .societies-logo-col img {
    max-width: 270px !important;
  }
}
@media only screen and (max-width: 600px) {
  .societies-logo-col img {
    margin: auto;
  }
}

.societies-meta-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media only screen and (max-width: 600px) {
  .societies-meta-col {
    margin-top: 40px;
  }
}

/*--------------------------------------------------------------
### News forms - for Members and Partners
--------------------------------------------------------------*/
.acf-field.hide {
  display: none;
}

.red-text {
  color: red;
}

.acf-form-fields input[type=text],
.acf-form-fields input[type=email],
.acf-form-fields input[type=url],
.acf-form-fields textarea,
.acf-form-fields select {
  border: #003870 solid 1px !important;
  border-radius: 10px !important;
}
.acf-form-fields input[type=text]:focus-visible,
.acf-form-fields input[type=email]:focus-visible,
.acf-form-fields input[type=url]:focus-visible,
.acf-form-fields textarea:focus-visible,
.acf-form-fields select:focus-visible {
  outline: none;
  border: #333333 1px solid !important;
}
.acf-form-fields select {
  background-color: #ffffff;
}

.acf-form-submit {
  padding: 16px;
}
.acf-form-submit input[type=submit] {
  margin-bottom: 5px;
  border: solid 1px #709AB9 !important;
  border-radius: 10px;
  padding: 10px 30px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  background: #709AB9;
  color: #ffffff;
  line-height: 32px;
  cursor: pointer;
}
.acf-form-submit input[type=submit]:hover {
  background-color: white !important;
  border: solid 1px #003870 !important;
  color: #003870 !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (max-width: 349px) {
  .open-calls-button.training-calls {
    margin-left: 0 !important;
    margin-top: 30px;
  }
}

/*--------------------------------------------------------------
### World Congress
--------------------------------------------------------------*/
.intro-paragraph {
  font-size: 19px;
  font-weight: 600;
  color: #003870;
  padding: 0 !important;
  line-height: 31px;
}

.focus-section {
  font-size: 17px;
  line-height: 29px;
  padding: 0 !important;
}
.focus-section .su-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.su-image-carousel-item-content img {
  padding: 0 !important;
  border-radius: 10px !important;
  border: none !important;
}

.su-image-carousel-controls-style-light .flickity-prev-next-button {
  background: #00B9E4 !important;
}

.congress-blue-tiles {
  width: 90%;
  margin: 0 auto;
}
@media only screen and (max-width: 1150px) {
  .congress-blue-tiles {
    width: 100% !important;
  }
}
@media only screen and (max-width: 950px) {
  .congress-blue-tiles {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media only screen and (max-width: 375px) {
  .congress-blue-tiles {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 0 !important;
  }
}
.congress-blue-tiles .colour-change .su-column-inner {
  padding: 0 !important;
}
.congress-blue-tiles .colour-change .su-column-inner .sue-panel {
  padding: 30px 20px;
}
@media only screen and (max-width: 900px) {
  .congress-blue-tiles .colour-change .su-column-inner .sue-panel {
    padding: 15px;
  }
}
@media only screen and (max-width: 375px) {
  .congress-blue-tiles .colour-change .su-column-inner .sue-panel {
    padding: 30px 20px;
  }
}
.congress-blue-tiles .colour-change .su-column-inner .sue-panel-clickable {
  margin: 0 !important;
}
.congress-blue-tiles .colour-change .su-column-inner .sue-panel-clickable:hover {
  opacity: 1 !important;
}
.congress-blue-tiles .su-column {
  padding: 10px 20px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
@media only screen and (max-width: 1050px) {
  .congress-blue-tiles .su-column {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 1050px) {
  .congress-blue-tiles .su-column {
    -ms-flex-preferred-size: 33.66% !important;
        flex-basis: 33.66% !important;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media only screen and (max-width: 950px) {
  .congress-blue-tiles .su-column {
    margin: 0 !important;
  }
}
.congress-blue-tiles .su-column:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.congress-blue-tiles .su-column .su-column-inner {
  background-color: #003870;
  padding: 30px 20px;
  border-radius: 15px;
  color: #ffffff;
}
@media only screen and (max-width: 900px) {
  .congress-blue-tiles .su-column .su-column-inner {
    padding: 15px;
  }
}
@media only screen and (max-width: 375px) {
  .congress-blue-tiles .su-column .su-column-inner {
    padding: 30px 20px;
    margin: 0 auto 30px;
  }
}
.congress-blue-tiles .su-column .su-column-inner h1 {
  font-size: 25px;
  line-height: 25px;
  margin: 0 !important;
  padding-bottom: 15px;
  color: #00B9E4;
  font-weight: 600;
}
@media only screen and (max-width: 900px) {
  .congress-blue-tiles .su-column .su-column-inner h1 {
    font-size: 22px;
  }
}
.congress-blue-tiles .su-column .su-column-inner h2 {
  font-size: 20px;
  line-height: 20px;
  margin: 0 !important;
  padding-bottom: 15px;
  color: #fff;
  font-weight: 600;
}
@media only screen and (max-width: 900px) {
  .congress-blue-tiles .su-column .su-column-inner h2 {
    font-size: 17px !important;
  }
}
@media only screen and (max-width: 750px) {
  .congress-blue-tiles .su-column .su-column-inner h2 {
    font-size: 15px !important;
  }
}
@media only screen and (max-width: 900px) {
  .congress-blue-tiles .su-column .su-column-inner p {
    font-size: 14px !important;
  }
}

/*-------------------------------------------------------------------------------
### Quotes - within pages - World Congress, Regional Committees, partner pages
--------------------------------------------------------------------------------*/
.quote-section {
  position: relative;
  margin-bottom: 65px;
}
.quote-section::before {
  content: url("img/speech_open.png");
  position: relative;
  top: 19px;
  right: 20px;
  background: #fff !important;
  display: inline-block;
}
.quote-section .quote-text {
  border: 1px solid #4CA7B3;
  padding: 20px;
}
.quote-section .quote-author {
  background: #fff;
  padding: 10px;
  position: absolute;
  right: 45px;
  bottom: -22px;
  line-height: 28px;
}
.quote-section .quote-author::after {
  content: url("img/speech_close.png");
  position: absolute;
  background: #fff !important;
  display: inline-block;
  bottom: -5px;
}

table tr td .quote-section {
  position: relative;
  padding-bottom: 25px;
  margin-bottom: 0 !important;
}
table tr td .quote-section::before {
  text-align: left;
  position: absolute;
  top: -20px;
  left: -20px;
  width: 50px;
}
table tr td .quote-section .quote-author {
  bottom: 0px;
}
table tr td .quote-section .quote-author::after {
  right: -50px;
}

.awardees-quotes {
  margin-bottom: 60px !important;
}
@media only screen and (max-width: 1100px) {
  .awardees-quotes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 0 !important;
  }
}
.awardees-quotes .quotes-image {
  min-height: 1px;
}
@media only screen and (max-width: 1100px) {
  .awardees-quotes .quotes-image {
    width: 100% !important;
  }
}
.awardees-quotes .quotes-image .su-column-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.awardees-quotes .quotes-image .su-column-inner img {
  height: 223px;
}
@media only screen and (max-width: 1100px) {
  .awardees-quotes .quotes-image .su-column-inner img {
    height: 290px;
  }
}
.awardees-quotes .quotes-text .su-column-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 223px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /*             .su-quote {
      padding: 10px 35px;
      .su-quote-inner {
          line-height: 25px;
      }
      .su-quote-cite {
          margin-top: 5px;
          font-size: 15px;
          line-height: 20px;
          font-style: italic !important;
      }
  } */
}
@media only screen and (max-width: 1100px) {
  .awardees-quotes .quotes-text .su-column-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.awardees-quotes .quotes-text .su-column-inner .quote-section .quote-text {
  padding: 20px;
}
.awardees-quotes .quotes-text .su-column-inner .quote-section .quote-author {
  display: block;
  position: relative;
  bottom: 26px;
  width: 440px;
}
.awardees-quotes .quotes-text .su-column-inner .quote-section .quote-author::after {
  bottom: -5px;
}
.awardees-quotes .regional-quote .quote-author {
  left: 115px;
}
@media only screen and (max-width: 400px) {
  .awardees-quotes .regional-quote .quote-author {
    left: 10px;
    width: 275px !important;
  }
}
.awardees-quotes .regional-quote .quote-author::after {
  margin-left: 20px;
  left: 360px;
}
@media only screen and (max-width: 400px) {
  .awardees-quotes .regional-quote .quote-author::after {
    left: 240px;
    padding-left: 25px;
    bottom: 15px !important;
  }
}

.quote-partner .quote-section .quote-text p {
  margin-bottom: 0;
}
.quote-partner .quote-section .quote-author {
  left: 185px !important;
}
@media only screen and (max-width: 1100px) {
  .quote-partner .quote-section .quote-author {
    left: 60px !important;
  }
}
@media only screen and (max-width: 600px) {
  .quote-partner .quote-section .quote-author {
    left: 10px !important;
    width: 275px !important;
  }
}

.quote-without-image .quote-section {
  margin-bottom: 30px;
}
@media only screen and (max-width: 600px) {
  .quote-without-image .quote-section .quote-author {
    left: 10px !important;
    bottom: -50px;
    width: 300px !important;
  }
}
@media only screen and (max-width: 600px) {
  .quote-without-image .quote-section .quote-author::after {
    bottom: 22px !important;
  }
}

@media only screen and (max-width: 600px) {
  .two-quotes-row .quote-section .quote-text {
    padding: 20px !important;
  }
}
@media only screen and (max-width: 600px) {
  .two-quotes-row .quote-section .quote-author {
    bottom: -40px !important;
    width: 270px !important;
  }
}
@media only screen and (max-width: 600px) {
  .two-quotes-row .quote-section .quote-author::after {
    bottom: 20px !important;
    left: 260px !important;
  }
}

@media only screen and (max-width: 880px) {
  .one-quote-row .quote-section .quote-text {
    padding: 20px 20px 40px !important;
  }
}
@media only screen and (max-width: 600px) {
  .one-quote-row .quote-section .quote-text {
    padding: 20px 20px 30px !important;
  }
}
@media only screen and (max-width: 880px) {
  .one-quote-row .quote-section .quote-author {
    right: 20px !important;
    width: 500px !important;
  }
}
@media only screen and (max-width: 600px) {
  .one-quote-row .quote-section .quote-author {
    bottom: -60px !important;
    width: 270px !important;
  }
}
@media only screen and (max-width: 880px) {
  .one-quote-row .quote-section .quote-author::after {
    bottom: 10px !important;
    left: 484px !important;
  }
}
@media only screen and (max-width: 600px) {
  .one-quote-row .quote-section .quote-author::after {
    bottom: 35px !important;
    left: 260px !important;
  }
}

/*--------------------------------------------------------------
### About - white tiles and panels
--------------------------------------------------------------*/
.white-tiles {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 500px) {
  .white-tiles {
    display: block;
  }
}
.white-tiles .su-column {
  -webkit-box-shadow: 0px 2px 8px rgba(0, 69, 132, 0.26);
          box-shadow: 0px 2px 8px rgba(0, 69, 132, 0.26);
  padding: 30px 20px;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .white-tiles.--with-images {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .white-tiles.--with-images .su-column {
    margin: 0 !important;
  }
}
@media screen and (max-width: 500px) {
  .white-tiles.--with-images .su-column {
    margin-top: 30px !important;
  }
}
.white-tiles.--with-images .su-column-inner {
  min-height: 655px;
}
@media screen and (max-width: 500px) {
  .white-tiles.--with-images .su-column-inner {
    min-height: auto !important;
  }
}
.white-tiles.--with-images .su-column-inner img {
  display: block;
  margin: auto;
}
.white-tiles.--with-images .su-column-inner h4 {
  min-height: 48px;
}
@media screen and (max-width: 767px) {
  .white-tiles.--with-auto-height {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .white-tiles.--with-auto-height .su-column {
    margin: 0 !important;
  }
}
@media screen and (max-width: 500px) {
  .white-tiles.--with-auto-height .su-column {
    margin-top: 30px !important;
  }
}
.white-tiles.--with-auto-height .su-column-inner img {
  display: block;
  margin: auto;
}

.about-mission-panel {
  margin-top: 35px;
}
.about-mission-panel div {
  font-size: 14px;
}
.about-mission-panel .sue-photo-panel-head {
  padding: 10px;
}
.about-mission-panel .sue-photo-panel-head img {
  width: 125px;
  margin: 0 auto;
}
.about-mission-panel .sue-photo-panel-content {
  padding: 0 20px 20px !important;
  min-height: 160px;
}
@media only screen and (max-width: 767px) {
  .about-mission-panel .sue-photo-panel-content {
    min-height: auto;
    text-align: center !important;
  }
}

.ibro-panel {
  margin-top: 40px;
}
.ibro-panel .sue-photo-panel {
  width: 250px;
}
.ibro-panel .sue-photo-panel img {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.ibro-panel .sue-photo-panel .sue-photo-panel-content {
  text-transform: uppercase;
  font-size: 18px;
  line-height: 25px;
  padding: 10px !important;
}
.ibro-panel.two-tiles {
  width: 70%;
  margin: 45px auto 0;
}
@media only screen and (max-width: 767px) {
  .ibro-panel.two-tiles {
    width: auto;
    margin-top: 24px;
  }
}

/*--------------------------------------------------------------
### Journal pages - panel and article list
--------------------------------------------------------------*/
.journal-panel .sue-photo-panel img {
  height: 260px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.journal-panel .sue-photo-panel .sue-photo-panel-content {
  text-align: center;
  color: #841C80;
}

.article-list {
  padding-top: 0 !important;
}
.article-list h3 {
  margin-top: 0 !important;
}
.article-list p {
  border-bottom: solid 1px #003870;
  padding-bottom: 20px;
}

.journal-news-items {
  border-bottom: solid 1px #003870;
  border-top: solid 1px #003870;
  padding-bottom: 20px;
}

.journal-useful-links .col-count-section {
  margin-bottom: 0 !important;
}

/*--------------------------------------------------------------
### Country classifications - less white space
--------------------------------------------------------------*/
.country-lists {
  padding-top: 20px !important;
  line-height: 1;
  padding-bottom: 0 !important;
}
.country-lists .list-title-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.country-lists .list-title-row h2 {
  margin: 0 !important;
}
.country-lists p {
  margin-bottom: 12px;
}

/*--------------------------------------------------------------
### Search results
--------------------------------------------------------------*/
.results-img-col img {
  width: 190px !important;
  height: 190px !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

/*--------------------------------------------------------------
### Miscellaneous
--------------------------------------------------------------*/
.highlight ul li strong {
  background-color: #F4C000;
}

.col-count-section {
  margin-top: 20px !important;
}
@media only screen and (max-width: 650px) {
  .col-count-section {
    -webkit-column-count: 3 !important;
       -moz-column-count: 3 !important;
            column-count: 3 !important;
  }
}
@media only screen and (max-width: 500px) {
  .col-count-section {
    -webkit-column-count: 1 !important;
       -moz-column-count: 1 !important;
            column-count: 1 !important;
  }
}
@media only screen and (max-width: 500px) {
  .col-count-section.mt--45 {
    margin-top: 20px !important;
  }
}

.row-center-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 1100px) {
  .row-center-image {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 0 !important;
  }
}
.row-center-image .quote-image-center p {
  text-align: center;
}
.row-center-image .quote-section::before {
  position: absolute;
  top: -23px;
  left: -30px;
  width: 50px;
}
@media only screen and (max-width: 1100px) {
  .row-center-image .su-column {
    width: 100% !important;
    margin: 0 !important;
  }
}
@media only screen and (max-width: 1100px) {
  .row-center-image .su-column figure {
    width: auto !important;
    margin-top: 15px !important;
  }
}
@media only screen and (max-width: 1100px) {
  .row-center-image .su-column figure img {
    margin: auto !important;
  }
}
.row-center-image .su-column img {
  -o-object-fit: contain;
     object-fit: contain;
  height: auto;
}

.frame-section {
  -webkit-box-shadow: 0px 2px 8px 5px rgba(2, 198, 254, 0.2);
          box-shadow: 0px 2px 8px 5px rgba(2, 198, 254, 0.2);
  padding: 30px 30px 10px !important;
  background: #c6e8f6;
  -webkit-animation: fadeBackground 6s;
          animation: fadeBackground 6s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  border-radius: 10px;
}
.frame-section p {
  font-size: 17px;
  line-height: 29px;
  padding: 0 !important;
}
.frame-section p:first-of-type {
  font-size: 19px;
  font-weight: 600;
  padding: 0 !important;
  line-height: 31px;
}

@-webkit-keyframes fadeBackground {
  from {
    background-color: #c6e8f6;
  }
  to {
    background-color: #FFFFFF;
  }
}

@keyframes fadeBackground {
  from {
    background-color: #c6e8f6;
  }
  to {
    background-color: #FFFFFF;
  }
}
.extra-large-header {
  padding-top: 0 !important;
  padding-bottom: 20px !important;
}
.extra-large-header h2 {
  font-size: 28px;
}

.header-no-padding-top h2 {
  margin-top: 0 !important;
}

.full-75-percent {
  width: 75% !important;
}
@media only screen and (max-width: 1000px) {
  .full-75-percent {
    width: 100% !important;
  }
}

@media only screen and (max-width: 1000px) {
  .governance-tile {
    width: 100% !important;
  }
}

@media only screen and (max-width: 1000px) {
  .post-tiles:has(.governance-tile) {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
}

.chart-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100vh;
  margin: 0 0 25px 0;
  background-color: #fff;
}

.chart {
  display: -ms-grid;
  display: grid;
      grid-template-areas: ". governing ." "secretariat . core" "advisory executive early-career" "asia executive us-canada" "africa latin pan-europe";
  gap: 20px;
  width: 100%;
  margin-top: -50px;
}

.circle {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: white;
  background-color: white;
  margin: 0 auto;
  position: relative;
  font-size: 18px;
  line-height: 20px;
  cursor: pointer;
}
.circle:hover {
  background-color: #D9E1EA;
  color: #1A3B6F !important;
}
.circle:hover span {
  color: #00B9E4 !important;
}

.bubble1 {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: governing;
  font-size: 28px;
  line-height: 32px;
  top: 60px;
  width: var(--bubble1-bubble-width);
  height: var(--bubble1-bubble-width);
  border: var(--bubble1-border-style);
  background-color: var(--bubble1-bg-color);
  color: var(--bubble1-text-color);
}
.bubble1::before {
  content: "";
  position: absolute;
  width: 181px;
  height: 1px;
  background-color: #aaa;
  top: 100%;
  left: 50%;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: left;
          transform-origin: left;
}

.executive {
  -ms-grid-row: 5;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3;
  grid-area: executive;
  font-size: 28px;
  line-height: 32px;
  width: var(--executive-bubble-width);
  height: var(--executive-bubble-width);
  border: var(--executive-border-style);
  background-color: var(--executive-bg-color);
  color: var(--executive-text-color);
  z-index: 9;
}

.bubble2 {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
  grid-area: core;
  width: var(--bubble2-bubble-width);
  height: var(--bubble2-bubble-width);
  right: 110px;
  border: var(--bubble2-border-style);
  background-color: var(--bubble2-bg-color);
  color: var(--bubble2-text-color);
}
.bubble2::before {
  content: "";
  position: absolute;
  width: 133px;
  height: 1px;
  background-color: #aaa;
  top: 135%;
  left: -31%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: left;
          transform-origin: left;
}

.bubble3 {
  -ms-grid-row: 5;
  -ms-grid-column: 5;
  grid-area: early-career;
  width: var(--bubble3-bubble-width);
  height: var(--bubble3-bubble-width);
  border: var(--bubble3-border-style);
  background-color: var(--bubble3-bg-color);
  color: var(--bubble3-text-color);
  top: -45px;
}
.bubble3::before {
  content: "";
  position: absolute;
  width: 145px;
  height: 1px;
  background-color: #aaa;
  top: 100%;
  left: -89%;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
  -webkit-transform-origin: left;
          transform-origin: left;
}

.bubble4 {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: secretariat;
  width: var(--bubble4-bubble-width);
  height: var(--bubble4-bubble-width);
  left: 115px;
  top: 50px;
  border: var(--bubble4-border-style);
  background-color: var(--bubble4-bg-color);
  color: var(--bubble4-text-color);
}
.bubble4::before {
  content: "";
  position: absolute;
  width: 157px;
  height: 1px;
  background-color: #aaa;
  top: 85%;
  left: 86%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: left;
          transform-origin: left;
}

.bubble5 {
  -ms-grid-row: 9;
  -ms-grid-column: 1;
  grid-area: africa;
  width: var(--bubble5-bubble-width);
  height: var(--bubble5-bubble-width);
  left: 85px;
  border: var(--bubble5-border-style);
  background-color: var(--bubble5-bg-color);
  color: var(--bubble5-text-color);
}
.bubble5::before {
  content: "";
  position: absolute;
  width: 180px;
  height: 1px;
  background-color: #aaa;
  top: 9%;
  left: 81%;
  -webkit-transform: rotate(-52deg);
          transform: rotate(-52deg);
  -webkit-transform-origin: left;
          transform-origin: left;
}

.bubble6 {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
  grid-area: asia;
  width: var(--bubble6-bubble-width);
  height: var(--bubble6-bubble-width);
  border: var(--bubble6-border-style);
  background-color: var(--bubble6-bg-color);
  top: 15px;
  color: var(--bubble6-text-color);
}
.bubble6::before {
  content: "";
  position: absolute;
  width: 135px;
  height: 1px;
  background-color: #aaa;
  top: 39%;
  left: 100%;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  -webkit-transform-origin: left;
          transform-origin: left;
}

.bubble7 {
  -ms-grid-row: 9;
  -ms-grid-column: 3;
  grid-area: latin;
  width: var(--bubble7-bubble-width);
  height: var(--bubble7-bubble-width);
  bottom: -40px;
  border: var(--bubble7-border-style);
  background-color: var(--bubble7-bg-color);
  color: var(--bubble7-text-color);
}
.bubble7::before {
  content: "";
  position: absolute;
  width: 133px;
  height: 1px;
  background-color: #aaa;
  top: -1%;
  left: 50%;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: left;
          transform-origin: left;
}

.bubble8 {
  -ms-grid-row: 9;
  -ms-grid-column: 5;
  grid-area: pan-europe;
  width: var(--bubble8-bubble-width);
  height: var(--bubble8-bubble-width);
  right: 108px;
  border: var(--bubble8-border-style);
  background-color: var(--bubble8-bg-color);
  color: var(--bubble8-text-color);
}
.bubble8::before {
  content: "";
  position: absolute;
  width: 165px;
  height: 1px;
  background-color: #aaa;
  top: -78%;
  left: -50%;
  -webkit-transform: rotate(52deg);
          transform: rotate(52deg);
  -webkit-transform-origin: left;
          transform-origin: left;
}

.bubble9 {
  -ms-grid-row: 7;
  -ms-grid-column: 5;
  grid-area: us-canada;
  width: var(--bubble9-bubble-width);
  height: var(--bubble9-bubble-width);
  border: var(--bubble9-border-style);
  background-color: var(--bubble9-bg-color);
  top: 15px;
  right: 10px;
  color: var(--bubble9-text-color);
}
.bubble9::before {
  content: "";
  position: absolute;
  width: 161px;
  height: 1px;
  background-color: #aaa;
  top: -10%;
  left: -94%;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  -webkit-transform-origin: left;
          transform-origin: left;
}

.bubble10 {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  display: none;
  grid-area: advisory;
  width: var(--bubble10-bubble-width);
  height: var(--bubble10-bubble-width);
  border: var(--bubble10-border-style);
  background-color: var(--bubble10-bg-color);
  color: var(--bubble10-text-color);
}
.bubble10::before {
  content: "";
  position: absolute;
  width: 121px;
  height: 1px;
  background-color: #aaa;
  top: 50%;
  left: 100%;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: left;
          transform-origin: left;
}

.bubble-description {
  font-size: 18px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 2px 8px rgba(0, 69, 132, 0.26);
          box-shadow: 0px 2px 8px rgba(0, 69, 132, 0.26);
  padding: 25px;
}
.bubble-description ul {
  padding-left: 20px !important;
}

@media (max-width: 768px) {
  .post-tiles .governance-tile {
    margin-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .chart {
        grid-template-areas: "governing" "executive" "asia" "africa" "latin" "pan-europe" "us-canada" "core" "early-career" "secretariat" "advisory";
    gap: 10px;
  }
  .circle {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .bubble1::before {
    content: "";
    position: absolute;
    width: 11px;
    height: 1px;
    background-color: #aaa;
    top: 100%;
    left: 50%;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  .bubble2::before {
    content: "";
    position: absolute;
    width: 11px;
    height: 1px;
    background-color: #aaa;
    top: -11px;
    left: 50%;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  .bubble3::before {
    content: "";
    position: absolute;
    width: 11px;
    height: 1px;
    background-color: #aaa;
    top: -11px;
    left: 50%;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  .bubble4::before {
    content: "";
    position: absolute;
    width: 11px;
    height: 1px;
    background-color: #aaa;
    top: -11px;
    left: 50%;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  .bubble5::before {
    content: "";
    position: absolute;
    width: 11px;
    height: 1px;
    background-color: #aaa;
    top: -11px;
    left: 50%;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  .bubble6::before {
    content: "";
    position: absolute;
    width: 11px;
    height: 1px;
    background-color: #aaa;
    top: -11px;
    left: 50%;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  .bubble7::before {
    content: "";
    position: absolute;
    width: 11px;
    height: 1px;
    background-color: #aaa;
    top: -11px;
    left: 50%;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  .bubble8::before {
    content: "";
    position: absolute;
    width: 11px;
    height: 1px;
    background-color: #aaa;
    top: -11px;
    left: 50%;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  .bubble9::before {
    content: "";
    position: absolute;
    width: 11px;
    height: 1px;
    background-color: #aaa;
    top: -11px;
    left: 50%;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  .bubble1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .executive {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .bubble2 {
    -ms-grid-row: 15;
    -ms-grid-column: 1;
  }
  .bubble3 {
    -ms-grid-row: 17;
    -ms-grid-column: 1;
  }
  .bubble4 {
    -ms-grid-row: 19;
    -ms-grid-column: 1;
  }
  .bubble5 {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
  }
  .bubble6 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .bubble7 {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
  }
  .bubble8 {
    -ms-grid-row: 11;
    -ms-grid-column: 1;
  }
  .bubble9 {
    -ms-grid-row: 13;
    -ms-grid-column: 1;
  }
  .bubble10 {
    -ms-grid-row: 21;
    -ms-grid-column: 1;
  }
}
.button-pop-up h4 {
  border: 2px solid #841C80;
  padding: 6px 26px;
  display: inline-block;
  border-radius: 7px;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-size: 16px;
  font-weight: 800;
  width: 240px;
}

.grant-alert-toggle .grant-alert-trigger {
  cursor: pointer;
  margin-top: 30px;
  font-size: 18px;
}
.grant-alert-toggle .grant-alert-trigger i {
  color: #F4C000;
  padding-right: 5px;
}
.grant-alert-toggle .grant-alert-content {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}
.grant-alert-toggle .grant-alert-content.expanded {
  max-height: 800px;
}
.grant-alert-toggle .cn-section .cn-form label {
  font-weight: bold;
}
.grant-alert-toggle .cn-section .cn-form .cn-are, .grant-alert-toggle .cn-section .cn-form .cn-digest {
  display: none;
}
.grant-alert-toggle .cn-section .cn-form .cn-taxonomy-row label {
  display: block;
  margin-top: 10px;
}
.grant-alert-toggle .cn-section .cn-form .cn-email-address input {
  border-radius: 5px !important;
  border: 2px solid #c8c8c8 !important;
  font-size: 14px !important;
  padding: 10px 18px !important;
  margin-top: 8px;
  margin-bottom: 10px;
  min-width: 250px;
}
.grant-alert-toggle .cn-section .cn-form .select2-selection {
  min-width: 250px;
}
.grant-alert-toggle .cn-section .cn-form .cn-privacy {
  margin-top: 10px;
}
.grant-alert-toggle .cn-section .cn-form .cn-privacy label {
  font-weight: normal !important;
}
.grant-alert-toggle .cn-section .cn-form .cn-submit {
  margin-top: 10px;
}
.grant-alert-toggle .cn-section .cn-form .cn-submit .cn_metabox_submit {
  background: #003870 !important;
  color: #ffffff !important;
  font-weight: bold !important;
}

.cn-frequency, .cn-keywords, .cn-keywordss, .cn-author {
  display: none;
}

th.cn-when, th.cn-status, th.cn-terms, th.cn-action {
  color: transparent;
}

td.cn-status, td.cn-terms {
  text-align: center;
}

.cn_btn_unsubscribe_all {
  font-size: 14px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/*--------------------------------------------------------------
### General nav styling
--------------------------------------------------------------*/
nav a {
  text-decoration: none;
}
nav a:hover {
  color: #00B9E4;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

/*--------------------------------------------------------------
### Top nav
--------------------------------------------------------------*/
.top-nav__item--has-children .top-nav-first-level-menu-item {
  font-weight: 800;
}
.top-nav__item--has-children:hover .top-nav__second-level, .top-nav__item--has-children.touch-hover .top-nav__second-level,
.top-nav__item--has-children .top-nav__second-level:hover .top-nav__second-level {
  opacity: 1 !important;
  left: 0 !important;
  z-index: 999 !important;
  width: 260px;
  top: 84px;
  background-color: #ffffff;
}
.top-nav__first-level {
  height: 100%;
}
@media screen and (max-width: 500px) {
  .top-nav__first-level {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 60px;
  }
}
.top-nav__first-level li {
  padding: 32px 20px !important;
  position: relative;
}
@media screen and (max-width: 900px) {
  .top-nav__first-level li {
    padding: 30px 15px !important;
  }
}
@media screen and (max-width: 500px) {
  .top-nav__first-level li {
    padding: 0 !important;
    font-size: 15px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.top-nav__first-level li:last-of-type {
  padding-right: 0 !important;
}
.top-nav__first-level li a {
  color: #333333;
  padding: 32px 0;
  display: inline-block;
}
@media screen and (max-width: 500px) {
  .top-nav__first-level li a {
    padding: 0;
  }
}
.top-nav__first-level li a:hover {
  color: #00B9E4;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
@media screen and (max-width: 749px) {
  .top-nav__first-level .top-nav__item--search {
    position: absolute;
    top: -45px;
    right: 20px;
  }
  .top-nav__first-level .top-nav__item--search #searchsubmit {
    top: 2px !important;
    margin-left: -28px !important;
    font-size: 15px !important;
  }
}
.top-nav__first-level .search {
  display: inline-block;
}
.top-nav__first-level .search #s {
  border: 1px solid #E2E9F1 !important;
  height: 40px;
  padding: 10px 35px 10px 15px !important;
  text-align: left;
}
.top-nav__first-level .search #s:focus-visible {
  outline: 1px solid #ccc !important;
}
@media screen and (max-width: 900px) {
  .top-nav__first-level .search #s {
    width: 200px;
  }
}
@media screen and (max-width: 749px) {
  .top-nav__first-level .search #s {
    width: 170px;
    padding: 6px 30px 6px 12px !important;
    height: 38px;
    font-size: 12px !important;
  }
}
.top-nav__first-level .search #searchsubmit {
  padding: 1px !important;
  background-color: #fff;
  border: none;
  margin-left: -32px;
  color: #004584;
  font-weight: 700;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: 15px;
  font-size: 18px;
}
.top-nav__first-level .search #searchsubmit:hover {
  color: #00B9E4 !important;
  background: #fff !important;
}
@media screen and (max-width: 900px) {
  .top-nav__first-level .search #searchsubmit {
    top: 24px;
  }
}
.top-nav__second-level {
  text-align: left;
  position: absolute;
  opacity: 0;
  left: -9999px;
  z-index: -1;
  -webkit-transition: opacity 0.2s, z-index 0.2s;
  transition: opacity 0.2s, z-index 0.2s;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  font-size: 15px;
  line-height: 18px;
  padding-bottom: 20px;
}
.top-nav__second-level li {
  padding: 0 30px !important;
}
@media screen and (max-width: 450px) {
  .top-nav__second-level li {
    padding: 0 25px !important;
  }
}
.top-nav__second-level li a,
.top-nav__second-level li .top-nav-second-level-menu-item {
  padding: 15px 0 5px !important;
  display: block;
}
.top-nav__second-level li.top-nav-third-level {
  left: 20px !important;
}

/*--------------------------------------------------------------
### Main nav
--------------------------------------------------------------*/
.js .main-nav {
  display: none;
}
.main-nav-active .main-nav {
  display: block;
}
@media only screen and (max-width: 64rem) {
  .main-nav {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .main-nav__item {
    display: block !important;
    padding: 0;
  }
  .main-nav__item > a,
  .main-nav__item > .main-nav-first-level-menu-item,
  .main-nav__item > .main-nav-second-level-menu-item {
    padding: 0 15px;
    color: #ffffff !important;
  }
  .main-nav__second-level {
    padding: 0 20px;
  }
  .main-nav__second-level .main-nav-third-level {
    padding-left: 20px;
  }
  .main-nav .menu-item a {
    display: block;
  }
  .main-nav .menu-item a,
  .main-nav .menu-item span {
    line-height: 40px;
  }
}
@media only screen and (min-width: 65rem) {
  .main-nav {
    display: block !important;
  }
  .main-nav__item--has-children:hover .main-nav__second-level, .main-nav__item--has-children.touch-hover .main-nav__second-level {
    opacity: 1 !important;
    left: 0 !important;
    z-index: 999 !important;
    width: 260px;
    top: 44px;
    background-color: #003870;
  }
  .main-nav__item--has-children:last-of-type:hover .main-nav__second-level, .main-nav__item--has-children:last-of-type.touch-hover .main-nav__second-level {
    opacity: 1 !important;
    left: 0 !important;
    z-index: 999 !important;
    width: 155px;
    top: 44px;
    background-color: #003870;
  }
  .main-nav__first-level {
    text-align: right;
  }
  .main-nav__first-level li {
    padding: 0 30px;
    display: inline !important;
    position: relative;
  }
  .main-nav__first-level li:last-of-type {
    padding-right: 0 !important;
  }
  .main-nav__first-level li a,
  .main-nav__first-level li .main-nav-first-level-menu-item {
    color: #fff;
    padding: 20px 0;
    display: inline-block;
  }
  .main-nav__first-level li a {
    font-weight: 600 !important;
  }
  .main-nav__first-level li a:hover {
    color: #00B9E4;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  }
  .main-nav__second-level {
    text-align: left;
    position: absolute;
    opacity: 0;
    left: -9999px;
    z-index: -1;
    -webkit-transition: opacity 0.2s, z-index 0.2s;
    transition: opacity 0.2s, z-index 0.2s;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
    font-size: 15px;
    line-height: 18px;
    padding-bottom: 15px;
  }
  .main-nav__second-level li {
    padding: 0 30px;
    display: block !important;
  }
  .main-nav__second-level li a,
  .main-nav__second-level li .main-nav-second-level-menu-item {
    padding: 15px 0 5px !important;
    display: block;
    color: #fff;
  }
  .main-nav__second-level li.main-nav-third-level {
    padding-left: 50px;
  }
}

/*--------------------------------------------------------------
### Mobile Menu
--------------------------------------------------------------*/
.hamburger-icon {
  font-size: 0;
  text-decoration: none !important;
}
.hamburger-icon:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0c9";
  display: block;
  font-size: 25px;
  color: #000000;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  line-height: 1;
}
.hamburger-icon--active:before {
  color: #000;
  content: "\f00d";
  font-size: 32px;
  line-height: 0.8;
}

/*--------------------------------------------------------------
### Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  margin-top: 12px;
  margin-bottom: 15px;
}

/*--------------------------------------------------------------
### Pagination
--------------------------------------------------------------*/
.pagination-section {
  padding-top: 50px;
}
.pagination-section nav {
  text-align: center;
}
.pagination-section nav .pagination__item {
  padding: 6px 10px;
  font-size: 20px;
  line-height: 20px;
  margin-right: 10px;
  color: #003870 !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media screen and (max-width: 950px) {
  .pagination-section nav .pagination__item {
    padding: 3px 10px;
    line-height: 40px;
  }
}
.pagination-section nav .pagination__item:hover {
  background-color: #003870 !important;
  color: white !important;
}
.pagination-section nav .pagination__item.pagination__item--current {
  color: #00B9E4 !important;
}
.pagination-section nav .pagination__item.pagination__item--prev, .pagination-section nav .pagination__item.pagination__item--next {
  border-radius: 20px;
  border: solid 2px #003870;
}

/*--------------------------------------------------------------
### Logo
--------------------------------------------------------------*/
.masthead__top .logo-image {
  height: 85px;
  width: 160px;
  display: block;
}
.masthead__top .logo-image .masthead__ibro-logo {
  max-width: 160px;
  max-height: 88px;
}

/*--------------------------------------------------------------
### Masthead
--------------------------------------------------------------*/
.masthead {
  position: relative;
}
.masthead__top {
  position: relative;
  line-height: 22px;
  padding: 10px 0;
}
.masthead__top-nav {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
@media screen and (max-width: 500px) {
  .masthead__top-nav {
    position: relative;
    margin-top: 10px;
  }
}
.masthead__main-nav-toggle {
  position: absolute;
  right: 0px;
  top: 30px;
}
@media screen and (max-width: 500px) {
  .masthead__main-nav-toggle {
    right: 0px;
    top: 17px;
  }
}
.no-js .masthead__main-nav-toggle {
  display: none;
}
@media only screen and (min-width: 40rem) {
  .masthead__main-nav-toggle {
    top: 30px;
  }
}
@media only screen and (min-width: 65rem) {
  .masthead__main-nav-toggle {
    display: none;
  }
}

.masthead-bottom {
  background-color: #003870;
}
@media screen and (max-width: 500px) {
  .masthead-bottom {
    position: absolute;
    top: 130px;
    z-index: 9000;
    width: 100%;
  }
}

/*--------------------------------------------------------------
### Mobile Display
--------------------------------------------------------------*/
@media screen and (max-width: 500px) {
  .masthead .masthead-inner {
    padding: 0 !important;
  }
}
@media screen and (max-width: 500px) {
  .masthead .masthead__top {
    padding: 0px;
  }
}
@media screen and (max-width: 500px) {
  .masthead .masthead__top .logo-image {
    margin-top: 10px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 1025px) {
  .masthead .masthead__top .hamburger-icon {
    top: 30px;
    right: 0px;
  }
}
@media screen and (max-width: 500px) {
  .masthead .masthead__top .hamburger-icon {
    padding-right: 20px;
  }
}
@media screen and (max-width: 1025px) {
  .masthead .masthead__top .masthead__top-nav {
    right: 60px;
  }
}
@media screen and (max-width: 500px) {
  .masthead .masthead__top .masthead__top-nav {
    background-color: #003870;
    right: 0 !important;
  }
}
@media screen and (min-width: 700px) {
  .masthead .masthead__top .masthead__top-nav li {
    padding: 0 20px;
  }
}
@media screen and (max-width: 500px) {
  .masthead .masthead__top .masthead__top-nav a,
  .masthead .masthead__top .masthead__top-nav .top-nav-first-level-menu-item {
    color: #ffffff;
    font-weight: bold;
  }
}
@media screen and (max-width: 1025px) {
  .masthead .masthead__top .masthead__top-nav .is-open {
    opacity: 1 !important;
    left: 0 !important;
    z-index: 999 !important;
    width: 260px;
    top: 84px;
    background-color: #003870;
  }
}
@media screen and (max-width: 900px) {
  .masthead .masthead__top .masthead__top-nav .is-open {
    top: 80px;
  }
}
@media screen and (max-width: 600px) {
  .masthead .masthead__top .masthead__top-nav .is-open {
    top: 60px;
  }
}
@media screen and (max-width: 450px) {
  .masthead .masthead__top .masthead__top-nav .is-open {
    width: 230px !important;
  }
}
@media screen and (max-width: 1025px) {
  .masthead .masthead__top .masthead__top-nav .is-open li a,
  .masthead .masthead__top .masthead__top-nav .is-open li span {
    color: #ffffff;
    font-weight: normal;
  }
}

/*--------------------------------------------------------------
### Footer widgets
--------------------------------------------------------------*/
.footer-widgets {
  font-size: 13px;
  background: #003870;
  border-top: solid 10px #00B9E4;
  color: #fff;
  padding-bottom: 30px;
}
.footer-widgets .widget {
  padding: 0;
}
.footer-widgets .widget__title {
  font-size: 15px;
  font-weight: 700 !important;
  color: #fff;
  margin: 50px 0 20px !important;
  text-transform: uppercase !important;
}
.footer-widgets .widget__title a {
  font-weight: 700 !important;
}
.footer-widgets a {
  color: #fff;
  font-weight: 400;
}
.footer-widgets a:hover {
  color: #00B9E4;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.footer-widgets .footer_1 .footer__ibro-logo {
  margin-top: 50px;
  max-width: 260px;
}
.footer-widgets .footer_1 h2 {
  color: #fff;
  font-style: italic;
  font-size: 15px;
  margin-bottom: 40px;
  margin-top: 20px;
  font-weight: 600 !important;
}
.footer-widgets .footer_1 .widget-newsletter-signup {
  margin-bottom: 25px;
}
.footer-widgets .footer_1 .widget-newsletter-signup span {
  border-radius: 7px !important;
  padding: 10px 30px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  background-color: #ffffff !important;
  color: #003870 !important;
  border: #ffffff solid 1px !important;
  line-height: 32px !important;
}
.footer-widgets .footer_1 .widget-newsletter-signup span:hover {
  background-color: #6688A9 !important;
  border: solid 1px #6688A9 !important;
  color: #ffffff !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  top: 0;
}
.footer-widgets .footer_1 .widget-newsletter-signup span:hover .sui {
  color: #ffffff !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.footer-widgets .footer_1 .widget-newsletter-signup span .sui {
  color: #003870 !important;
  font-weight: 600 !important;
}
.footer-widgets .footer_1 #sfsi-widget-2 {
  width: 225px;
  height: 55px;
}
.footer-widgets .footer_1 #custom_html-2 {
  display: inline-block;
  position: relative;
  bottom: 51px;
  left: 225px;
}
.footer-widgets .footer_1 #custom_html-2 .bluesky-link {
  margin-left: 3px;
}
.footer-widgets .footer_1 #custom_html-2 .fa-bluesky {
  background-color: #0085ff;
  border-radius: 10px !important;
  width: 40px;
  height: 40px;
  text-align: center;
}
.footer-widgets .footer_1 #custom_html-2 .fa-bluesky::before {
  font-size: 27px;
  color: #ffffff;
  position: relative;
  bottom: -6px;
}
.footer-widgets .footer_1 .textwidget p {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 23px;
}
.footer-widgets .widget_nav_menu ul li {
  margin: 5px 0 15px 0;
  line-height: 20px;
}
.footer-widgets .widget_nav_menu ul li ul li {
  margin: 5px 0 5px 0;
  padding-left: 11px;
}
.footer-widgets .widget_nav_menu ul li ul li:before {
  content: "-";
  position: absolute;
  margin-left: -11px;
  font-weight: 400;
}
.footer-widgets .footer_1 {
  padding-right: 15px;
}
.footer-widgets .footer_2,
.footer-widgets .footer_3,
.footer-widgets .footer_4 {
  padding: 0 15px;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input,
input[type=button],
input[type=reset],
input[type=submit] {
  margin-bottom: 5px;
  border: solid 2px #003870;
  border-radius: 10px;
  padding: 10px 30px;
  font-size: 16px;
  background: #ffffff;
  color: #003870;
  line-height: 32px !important;
  cursor: pointer;
}

input[type=file] {
  padding: 0;
  border: none;
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  background-color: #003870 !important;
  color: white !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea,
select {
  color: black;
  border: 1px solid #CCCCCC;
  border-radius: 10px;
  margin: 0;
  padding: 10px;
  width: auto;
  font-size: 16px;
  -webkit-transition: border-color 0.2s, color 0.2s, background-color 0.2s;
  transition: border-color 0.2s, color 0.2s, background-color 0.2s;
}
input[type=text][disabled],
input[type=email][disabled],
input[type=url][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=number][disabled],
input[type=tel][disabled],
input[type=range][disabled],
input[type=date][disabled],
input[type=month][disabled],
input[type=week][disabled],
input[type=time][disabled],
input[type=datetime][disabled],
input[type=datetime-local][disabled],
input[type=color][disabled],
textarea[disabled],
select[disabled] {
  background-color: #EEEEEE;
}
input[type=text][readonly],
input[type=email][readonly],
input[type=url][readonly],
input[type=password][readonly],
input[type=search][readonly],
input[type=number][readonly],
input[type=tel][readonly],
input[type=range][readonly],
input[type=date][readonly],
input[type=month][readonly],
input[type=week][readonly],
input[type=time][readonly],
input[type=datetime][readonly],
input[type=datetime-local][readonly],
input[type=color][readonly],
textarea[readonly],
select[readonly] {
  font-style: italic;
  cursor: not-allowed;
}

.searchform input {
  padding: 5px 10px;
  font-size: 14px;
  border: 1px solid #EEEEEE;
}
@media screen and (max-width: 500px) {
  .searchform input {
    padding: 2px 5px;
    max-width: 100px;
    margin-top: 5px;
  }
}
.searchform input#s {
  margin-right: 2px;
}
.searchform input#searchsubmit {
  padding: 6px;
}
@media screen and (max-width: 500px) {
  .searchform input#searchsubmit {
    padding: 2px;
  }
}

select,
.select2-container--default .select2-selection--single {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAEC1JREFUeNrsnQl0lNUVx8kkIQsBszBkISsBskE2wbanrfW0tp6qoCyKghXrrrhrFQUV9w0VKu6AIooC7gu4tFq3WgJJUAhJCNkIZLKHkIRAwkx6b89LRSEks3wz3/3m/zsnB5Qk8+a9+5u3fO++59Pb2zsEAHBsTKgCACAIABAEAAgCAAQBAIIAAEEAgCAAQBAAIAgAAIIAAEEAgCAAQBAAIAgAEAQACAIABAEAggAAQQAAEAQACAIABAEAggAAQQCAIABAEAAgCAAQBAAAQQCAIABAEAAgCAAQBAAIAgAEAQCCAABBAIAgAAAIAgAEAQCCAABBAIAgAEAQACAIABAEAAgCAIAgAAyEn9Yv0N7ePqGpqemPHR0d6VarNTggIKAuLCzs3yNHjvyHn59fG5oADITNZgukGPpDa2vrb7u6umJNJlPPsGHDSiMiIj4PDQ3N0/K1fXp7ezX5xQcPHowtKSl51GKxzKTX8P/5vwcHB1clJyc/EBcXtxwhAPqjrq5uellZ2b30QZtxrH83m80b0tLSbg0JCSkSI8j+/fuz8vPz3yXbEwf63oSEhKczMjKuQSiAn7Nr166FO3fuvG+g7/P392/JycmZxaMS3QtCcmRv3rx5w6FDh6IH+zPUi6yYOHHiZfTXXoQFYFgMFmSw3+/r69t54oknTiNJPtOtII7I0UdsbOwqkuRiHx8fG8LDuyktLX2ovLx8vr0/p4UkLhPEGTn6iImJWZOVlTWXJDmMMPFOaN76WEVFxS2O/ryrJXGJIK6Qo4/o6Oi12dnZfyFJehAu3kVxcfGSysrK6539Pa6UxGlBXClHH1FRUW+RJHNMJtMhhI13UFRUtKy6unqeq36fqyRxShAt5OgjMjLyfV6ZIEkOInyMzfbt25/bvXv3Fa7+va6QxGFBtJSjj1GjRn1EkpxLb/QAwsiQ+Gzbtu3FmpqaS7R6AWclcUgQd8jRh9ls/iQ3N3cmvdEOxJNxoLgzkRwr9+zZM1fr13JGErsFcaccfdAb+ydJMt3Pz28/QssQcvh9//33q2pra2e76zUdlcQuQTwhRx8RERH/Ikmm+fv770OIiZbDf+vWra9aLJZz3f3ajkgyaEE8KUcfYWFh30yaNOks3lqAUJOHzWYLIDnW8P4qT5XBXkkGJUhHR0fGpk2bPvOkHEdI8h29walDhw5tQsiJkiOwsLDwjfr6+rM8XRaez9IH7RQelQz0vQPmg1it1uEFBQXr9CAH09ra+qstW7Zs6O7uHoWwkwGnOVAMvakHOVR5Qqgne+PgwYMxTgtSVVV1Nedy6KnC9+3bN5mGexv1Ii04fjCSHG83NDScoadyUexElpeXL3BKEJ5Q7d279yI9VnxbW1suS8J5JwhDfXL48OERnPbQ2Nh4mh7LZ7FYZvX09IQ5LMiBAwfGdHZ2jtNrA3DeCUnycVdXVzzCUV9Q4IWSHO9xJqBey0jD9Ij29vYshwXhboh6EV89NwRnmpEkn5AkSQhL3cgRTvPED5qbm0/Re1kHmoccVxAp285pjpSal5f3CfV4YxGeHv9UHklyfNTa2vobCeXl/HaHBQkKCqr29fXtkvBGeSjIktCfKQhTj8kRyc/KSI5fSilzcHBwucOCBAYG7j3hhBPypLxZnjOxJHpbdfMGeEWRF03a2tomSynzsGHDdoaEhGx3WBAmKSnpSUkNRXORBJLkY5qbTETYum0cP5oXS0iOHEnlTkxMfIqGWN1OCRIZGfkep8IKa7A4bjDeHoPw1fwDKZ4XSaiuMyWVOyIi4ov4+PgXBpyjDOaX8YkjZrN5ozBJYlSXPwlhrNmQNonl6O/MKr1C04YtnIzn4+PTPdD3DnqzotVqDSosLFyvtyeiAzF06NBG3ncTGhq6CSHtUjnG8oRcz8/J+pFj8+TJk8+kuGgYzPfbtd1dSbKOJDlTmCQtvMExLCzsW4S28/BKIcvBiyKSys3HlNKHJcvRONifsTthSu3KXFdfXz9FUuVwHglJclZ4ePhXCHHH4RVCloMXQ4TJsUnJYdcucIdSbpUka0mSqZIqiTMSOReADz1GqNsPrwyyHNL2v5Ec/1FyNNv7sw4f2sDJL2p//9nCJOnIzc2dMXLkyE8R8oNn//79OVu2bPlwMFvE9QTnD/EclEYQzY78vFPH/qgMsdfr6uqmSao0PiWFD4KQtjLnKXglkOXgvXnC5PiW5JjqTAaq0wfHkSRDlSTThUnSxUt9o0aN+gAK9M++fft+wRsPu7u7zcLk+EbJ0erM73HJ0aOcN0LDLc41nimpEvnkxuzs7NlRUVFvQ4WjaW1t/XV+fv77JEe4pHKHh4d/zQsyzsrhMkH6JKGe5DWLxXKOMEl6srKy5kRHR6+HEj/S0tLyO0524rwOYXJ8peRwyek3Lr3+wJNHujhVCT4+h0mSC2NiYl6HGkOGNDc3/57keIczAoXJ8SWfeuPKq/1cfoGOOhTs1dra2lnCJLFmZmZePHr06Fe8WY6mpqY/kRxvcS65pHLzCSXUc5zt6nsvTRoEGn8aX0Cfxm9IqmDOnPzhhx9e3rNnz8XeKkdjY+Pp3HMIlOMLHlZpcSmsJtdAHyHJGmGS+JAkK2pqai73NjkaGhqm8tE8fESPMDk+V3JociytZrfcHvGpvGrv3r1zpAVMRkbGvISEhGe8QQ5eoucTD/m5lqRy86WdJMd0X1/fdq1ew6TlG1Dj+rk0rl8tLWiKioqerqqqus7ocvCCCu+IECjHZ7xtSEs5NBfkCEkukjj53bFjx9LKysqbjSoHn67OS/PHusde53J8qnoOza/E0HSI9XMZabjllvsgXE1qaur8MWPGPGIkOWjYeyG1x0t8T4ekcqv7YmbwIdTueD3fRYsWuW0OzOm7vE1aWipsU1PTqbzwwE9ojSAHr9Txh5U7RhAuluNjJYfbbhxzpyD/g+8eJEnieHeopMbhh2dq1eRLyXLs3r37cr72jEcPwuTYqG4ac+t1fG4XREnyAecUkCS5khqppaXlFB6vS80nqa6uvrqoqOhZaeXmuyqVHG4/o80jgvT1JEIlOdlmswXxEqOkcvOK3I4dO54SKMeH6iJXjxxg6M5J+jHZvn3789ztS2u4pKSkx9PS0m6RUFZeiSsuLl4srY55pMFyePIqcI8LoiTR5J5srUlMTFyanp5+g57LWFFRcVtJScnDAuV4n/N1PCmHbgRRkjxLklwprSH5aTs/dddj2Xbt2rVg586d9wuU412S4zzO1/F0WXQjCMNPr3kiKa1B+YS+CRMm6KoHLCsrW0Rfd0ury6ioqHeys7PP14McuhNESbKMJJknrWFjY2NXZmZmXkp/9XiFcq/BvYdAOd5WcnTrpUy6E4Th1ZaqqqprpDUwb6fhnBLeXuOpMpSWlj5cXl5+m0A53qRh1Wyqux49lUuXgihJlkrcLMhb/LOysuZ64vKh4uLixysrK2+SVmec7kw9xxy9yaFrQZQkS0iS6wU2+Dpq8Avc2eCoKy8URH0qPkmfijdIa3g1np7tjsmm1MUN6m3XcmKdnq/6070gkocOai2flys1ewos9UErH5DBB2Xo/R5MEYIoSRZLzM0wm80bcnNzz9Fgkx2nBy+XmEOv5mkXenIxw3CCMCUlJY9VVFTcIi0gVILPDFcl+KhU5pWc0yGtLkaPHv0aZ5lKkEOcIEqSR0iSW6UFhjpcYJqzhwuoY5VWcTagQDlWkxx/lSKHSEEYqWv9fLAZn93k6Kl/Uk+vVHK8ouSwSSq3SEGUJA+RJPOlldvRE8elnqTPxMbGruIHqPw2pJVdrCBKkgdJktullVtd6DJ1sFeBcf6JurBoikA5XlZyiAw00YIwUvcd8U2rfOtRQEBA/fG+z2q1DisoKFjf2Nj4Z4Fy6GZ/mtcKoiS5jyRZKK3cI0aMKOQbV0mS2n7kGJ6fn/8mn5cr7b3FxcWt4OvDJcthGEGYsrKye+jrLmnlHj58+DaS5PTAwMA9R/5/Plmdz8ntOyxCmBzLlRziMYwgShKRORAhISE7WJKgoKBq/m++k4Pv5uA7OqS9Fz3mxkCQn0pyF/cmAiUpPemkk0719/dvy8vL28i3OwmU43mS40ojxZPhBGFoPnInzUvuFShJMT9I5HsBBcrxHMlxldFiyZCCKEkW8uR9CNAcPeflQ5DjUF5efkdpaekDCGFN5Xia5LjGqO/Pz8iNl5yc/CD90csPFBHKricxMXFZenr6tUZ+jyajNyJJ8lBKSsrtCGeXy/F3o8th+CHWkfAOYN4JjNB2iRy6PzAPQyw7GTNmzKM83CJJHkWIO05SUtKStLS0G73l/Zq8qXFJkseocf+GMHdYjie8SQ6vE0Q18mJq5JsR7nbX2+PeWG9+XtrYT/Bwq7i4+AmE/qB63sWpqale2fOavLXRSZInaaJ5I8J/4Lmbt8rBeM0qVn+oi2WWQoWjSU5OfiQlJWW+N9eByduDQK3nXwcdjpLjYW+XA4L8KMlTGRkZ16Im/i8HHq5CkJ+SkJCwzKgb7uxh7NixD5AcdyAiIMixJHlmwoQJV3uxHPePHz9+ISIBgvRLfHz8s0bMaxiIcePG3Uty3IkIgCCDkeQ5I6WNDkKOe+jrbrT80Xj9Mu/xqKmpuWzbtm0vGFyORSwIWvvY+KEK+icuLu5F+qOXJHnRiO+PhlR30bwDWZfoQZyDrxjgqwa4vgwkx508KUfrogdxGj4hkHsSkmSFESRJSUlZoLItAQRxmSQvqeHWSup1fQTLcQc/CESLYoilCXxpDfUkL1G9mQTKcTtvIUErogfRDL7nQg23XpYkSWpq6m0qqxLYAZ6DOCbJanWNmE2IHLdCDgyx3E5tbe0cvg6N7wzUaxk5xZizKNFaEMRTkpxPkqzWoyScIquyJwGGWJ5B3fd9gd7u+yY5boIc6EF0g8VimbV169ZX+RZaT5eFU4kTExOXoFXQg+iG6OjotdnZ2XOoJ+nxsBzXQw70ILqlrq5uZmFh4Rq+stkDclzH2ZFoBQiid0lm8JXNNpvNbZJwyjBnRaL2McTSPVFRUW/RcOs8k8nU7SY55kEO9CDiqK+vn0bDLe5JArR6DU4R5ixI1DZ6EHFERka+k5OTM4t6kkMayXEV5EAPIp6GhoapBQUFa6knCXShHFfwjbKoXQhiFEmmkCTrXCHJxIkTL1fZjgCCGEqSM2hOst5qtQY5IcdlJMdy1CYEMSSNjY2nU0/CkgTb+aO9mZmZl6rsRoBJujExm80bcnNzZ/r6+h6wU45LIAd6EK+hqanpNH7i3tPTE37cTzCT6RDPOVSiFoAg3kNHR0c6X1FNc5Mzj7VdPiIi4ovx48cvCAsL+w61BUG8lvb29syWlpaTOzs7x3Mab3BwcCVJ8XVoaGgeageCAIBJOgAQBAAIAgAEAQBAEAAgCAAQBAAIAgAEAQCCAABBAIAgAEAQACAIAACCAABBAIAgAEAQACAIABAEAAgCAAQBAIIAACAIABAEAAgCAAQBAIIAAEEAgCAAQBAAIAgAEAQAAEEAgCAAQBAAIAgAnuK/AgwAD8gf35yTZUwAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-size: 15px auto;
  background-position: right 10px top 46%;
}

.select2-results__option:hover {
  cursor: pointer;
}

.select2-results__option--highlighted {
  background: #f2f2f2;
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-right: 30px;
}
select[multiple] {
  padding-right: 2px;
  background-image: none;
}
select.is-empty {
  color: #797979;
}
select.no-bg {
  background-image: none;
  padding-right: 2px;
}
select option {
  color: black;
}

input[type=checkbox] {
  border: 1px solid black;
  width: 20px;
  height: 20px;
  vertical-align: text-top;
  cursor: pointer;
  -webkit-transition: background-color 0.2s, border-color 0.2s, background-image 0.2s;
  transition: background-color 0.2s, border-color 0.2s, background-image 0.2s;
}

.checkboxes--two-cols {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
.checkboxes--three-cols {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
.checkboxes label {
  padding-bottom: 15px;
  display: block;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}
.checkboxes label::-moz-selection {
  background: none;
}
.checkboxes label::selection {
  background: none;
}
.checkboxes input[type=checkbox] {
  margin-right: 5px;
  float: left;
}
.checkboxes input[type=checkbox]:focus {
  outline: none;
  border: 2px solid #000000;
}

/*--------------------------------------------------------------
### Event filter form
--------------------------------------------------------------*/
.filter-form {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.filter-form--busy {
  opacity: 0.3;
}
.filter-form--busy * {
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.filter-form__clear {
  display: block;
  color: black;
  text-decoration: underline;
  font-style: italic;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 10px;
  float: right;
}
.filter-form__keywords {
  background-color: #DCE3E3;
  border-color: #DCE3E3;
  width: 100% !important;
  margin-bottom: 10px !important;
}
.filter-form__select {
  padding-top: 10px;
  padding-bottom: 10px;
}
.filter-form__select-placeholder {
  color: #797979;
}
.filter-form__keywords, .filter-form__select, .filter-form__select2, .filter-form__select2-container, .filter-form__type, .filter-form__organiser {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.js .filter-form__select2 {
  height: 42px;
  color: white;
  overflow: hidden;
}
.no-js .filter-form__select2 {
  height: auto;
}

/*--------------------------------------------------------------
### Select2
--------------------------------------------------------------*/
.select2-container--default .select2-selection--multiple {
  border-radius: 5px !important;
  border: 2px solid #c8c8c8 !important;
  font-size: 14px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  margin-top: 8px !important;
  padding-left: 10px !important;
  margin-bottom: 10px;
}
.select2-container--default .select2-selection--multiple input {
  color: #000000;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-radius: 0 !important;
  background-color: #FAFAFA !important;
  font-size: 15px;
  letter-spacing: -0.5px;
  border: none !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  border-right: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__display {
  font-size: 14px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  margin: 0;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #003870 !important;
}

.select2-results ul li span {
  font-size: 14px;
}

.select2-option-child {
  padding-left: 20px;
}

.select2-dropdown {
  border: 2px solid #c8c8c8 !important;
}

.select2-container--default .select2-results__option--selected {
  background-color: #c8c8c8 !important;
}

.select2-container--open .select2-dropdown--below {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-color: #c8c8c8;
  border-top: none !important;
}

.select2-container--default .select2-selection--single {
  border-radius: 5px !important;
  border: 1px solid #c8c8c8 !important;
  font-size: 14px !important;
  padding-top: 5px !important;
  padding-bottom: 0px !important;
  height: 42px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 30px !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  margin-top: -18px !important;
  padding-right: 15px !important;
  font-size: 24px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #797979 !important;
}

/*--------------------------------------------------------------
### Month Year Dropdowns
--------------------------------------------------------------*/
.month-year-selects {
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}
.month-year-selects select {
  display: block;
  border: none;
}
.month-year-selects input {
  color: #000000;
}

/* #EventFiltersPeriod {
    column-count: 3;
    column-gap: 0;
} */
/*--------------------------------------------------------------
### Buttons
--------------------------------------------------------------*/
.btn,
input.btn,
a.btn {
  background: #ffffff;
  color: #003870;
  padding: 10px 20px;
  -webkit-transition: background-color 0.2s, color 0.2s;
  transition: background-color 0.2s, color 0.2s;
  display: inline-block;
  font-size: 16px;
}
.btn:hover,
input.btn:hover,
a.btn:hover {
  background-color: #003870 !important;
  color: white !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.btn--xs,
input.btn--xs,
a.btn--xs {
  font-size: 12px;
}
.btn--sm,
input.btn--sm,
a.btn--sm {
  font-size: 14px;
}
.btn--lg,
input.btn--lg,
a.btn--lg {
  font-size: 18px;
}
.btn--block,
input.btn--block,
a.btn--block {
  display: block;
}
.btn--round,
input.btn--round,
a.btn--round {
  border-radius: 50px;
}
.btn--bold,
input.btn--bold,
a.btn--bold {
  font-weight: 700;
}
.btn--uppercase,
input.btn--uppercase,
a.btn--uppercase {
  text-transform: uppercase;
}
.btn--outline,
input.btn--outline,
a.btn--outline {
  background: white;
  color: black;
  border: 2px solid black;
  border-radius: 30px;
}
.btn--outline:hover,
input.btn--outline:hover,
a.btn--outline:hover {
  background-color: black;
  color: white;
}
.btn--disabled,
input.btn--disabled,
a.btn--disabled {
  background-color: #CACACA;
  cursor: not-allowed;
  color: white !important;
}
.btn--disabled.btn--outline,
input.btn--disabled.btn--outline,
a.btn--disabled.btn--outline {
  border-color: #CACACA;
  background: white;
  color: #CACACA !important;
}
.btn--disabled.btn--outline:hover,
input.btn--disabled.btn--outline:hover,
a.btn--disabled.btn--outline:hover {
  color: #CACACA !important;
}
.btn--disabled:hover,
input.btn--disabled:hover,
a.btn--disabled:hover {
  color: white !important;
}
.btn--compact,
input.btn--compact,
a.btn--compact {
  padding: 8px 15px;
}

.filter-form .btn {
  background: #003870 !important;
  color: #ffffff !important;
}
.filter-form .btn:hover {
  background-color: #6688A9 !important;
  border-color: #6688A9 !important;
  color: #ffffff !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

/*--------------------------------------------------------------
### Newsletter subscription
--------------------------------------------------------------*/
@media only screen and (max-width: 600px) {
  #sib_signup_form_1 .sib_signup_box_inside_1 input[type=text],
  #sib_signup_form_1 .sib_signup_box_inside_1 input[type=email] {
    width: 100% !important;
  }
}
@media only screen and (max-width: 600px) {
  #sib_signup_form_1 .sib_signup_box_inside_1 select {
    width: 100% !important;
  }
}
@media only screen and (max-width: 600px) {
  #sib_signup_form_1 .sib_signup_box_inside_1 .sib-default-btn {
    margin-top: 20px;
    margin-left: -20px;
  }
}

/*--------------------------------------------------------------
### Events, Grants, Training, Resources - sidebar
--------------------------------------------------------------*/
.content-sidebar {
  margin-bottom: 30px;
}

/*--------------------------------------------------------------
### News Archive - sidebar
--------------------------------------------------------------*/
.news-content .content-sidebar .widget {
  height: 100%;
  border-right: 1px solid #DFE7EF;
  margin-right: 30px;
}
@media only screen and (max-width: 1050px) {
  .news-content .content-sidebar .widget {
    margin-right: 20px;
  }
}
.news-content .content-sidebar .widget h2 {
  padding-top: 50px;
}
@media only screen and (max-width: 1050px) and (min-width: 750px) {
  .news-content .content-sidebar .widget h2 {
    font-size: 19px;
    line-height: 1.2;
  }
}
.news-content .content-sidebar .widget nav {
  padding-top: 12px;
  font-size: 15px;
}
@media only screen and (max-width: 900px) and (min-width: 801px) {
  .news-content .content-sidebar .widget nav {
    font-size: 13px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 800px) and (min-width: 749px) {
  .news-content .content-sidebar .widget nav {
    font-size: 12px;
    line-height: 24px;
  }
}
.news-content .content-sidebar .widget nav .cat-item {
  margin-bottom: 30px;
}
.news-content .content-sidebar .widget nav .cat-item a {
  padding: 10px 20px;
  margin-bottom: 10px;
  color: #fff;
  width: 230px !important;
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media only screen and (max-width: 1025px) and (min-width: 901px) {
  .news-content .content-sidebar .widget nav .cat-item a {
    width: 200px !important;
  }
}
@media only screen and (max-width: 900px) and (min-width: 801px) {
  .news-content .content-sidebar .widget nav .cat-item a {
    width: 150px !important;
  }
}
@media only screen and (max-width: 800px) and (min-width: 749px) {
  .news-content .content-sidebar .widget nav .cat-item a {
    width: 135px !important;
    padding: 10px 15px;
  }
}
@media only screen and (max-width: 600px) {
  .news-content .content-sidebar .widget nav .cat-item a {
    width: 300px !important;
    padding: 10px 15px;
  }
}
.news-content .content-sidebar .widget nav .cat-item a:hover {
  color: #ffffff;
  background-color: #003870 !important;
  border: solid 2px #003870 !important;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
  margin: 0;
}

/**
   * Render the `main` element consistently in IE.
   */
main {
  display: block;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
h1 {
  font-size: 27px;
  margin: 25px 0 30px 0 !important;
}

/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: 700;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none;
}

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block;
}

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item;
}

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none;
}

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none;
}

/**
 * Reset: additional CSS base rules
 */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
  margin: 0;
  padding: 0;
  line-height: 1.4;
  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

body {
  margin: 0;
  padding: 0;
}

figure {
  margin: 0;
  padding: 0;
}
figure > img {
  display: block;
}

nav ul {
  margin: 0;
  padding: 0;
}
nav ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  color: #00B9E4;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
}
a > svg {
  pointer-events: none;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 20px 0;
  padding: 0;
}

/**
 * Base: Essentials bundled with the Foundation framework
 */
/**
 * Mixins: LESS mixins used by Foundation
 */
/**
 * Utils: CSS utility classes to assist with layout
 */
.responsive-breakpoint-info {
  z-index: 999;
  display: block;
  position: fixed;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 7px 14px 4px 7px;
  border-top-left-radius: 5px;
}
.responsive-breakpoint-info:before {
  content: "w: zu";
}
@media screen and (min-width: 350px) {
  .responsive-breakpoint-info:before {
    content: "w: xs";
  }
}
@media screen and (min-width: 600px) {
  .responsive-breakpoint-info:before {
    content: "w: sm";
  }
}
@media screen and (min-width: 750px) {
  .responsive-breakpoint-info:before {
    content: "w: md";
  }
}
@media screen and (min-width: 950px) {
  .responsive-breakpoint-info:before {
    content: "w: lg";
  }
}
@media screen and (min-width: 1050px) {
  .responsive-breakpoint-info:before {
    content: "w: xl";
  }
}
@media screen and (min-width: 1600px) {
  .responsive-breakpoint-info:before {
    content: "w: xxl";
  }
}
@media screen and (min-width: 1900px) {
  .responsive-breakpoint-info:before {
    content: "w: xxxl";
  }
}
.responsive-breakpoint-info:after {
  content: "";
}
@media screen and (min-height: 200px) {
  .responsive-breakpoint-info:after {
    content: ", h: xs";
  }
}
@media screen and (min-height: 400px) {
  .responsive-breakpoint-info:after {
    content: ", h: sm";
  }
}
@media screen and (min-height: 600px) {
  .responsive-breakpoint-info:after {
    content: ", h: md";
  }
}
@media screen and (min-height: 800px) {
  .responsive-breakpoint-info:after {
    content: ", h: lg";
  }
}
@media screen and (min-height: 1000px) {
  .responsive-breakpoint-info:after {
    content: ", h: xl";
  }
}
@media screen and (min-height: 1200px) {
  .responsive-breakpoint-info:after {
    content: ", h: xxl";
  }
}
@media screen and (min-height: 1400px) {
  .responsive-breakpoint-info:after {
    content: ", h: xxxl";
  }
}

/**
 * Display & Visibility: CSS utility classes to assist with display
 */
.d--block {
  display: block !important;
}
.d--flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.d--flex.--cg20 {
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
.d--inline {
  display: inline !important;
}
.d--inline-block {
  display: inline-block !important;
}
.d--none {
  display: none !important;
}

.v--hide {
  visibility: hidden;
}
.v--show {
  visibility: visible;
}
.v--sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.v--sr-only-focusable:active, .v--sr-only-focusable:focus {
  clip: auto !important;
  clip-path: none !important;
  height: auto !important;
  margin: auto !important;
  overflow: visible !important;
  width: auto !important;
  white-space: normal !important;
}

/**
 * Text: classes to help with text presentation
 */
.text--inherit {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-align: inherit;
  text-decoration: inherit;
  text-indent: inherit;
  text-transform: inherit;
}
.text--left {
  text-align: left;
}
.text--right {
  text-align: right;
}
.text--center {
  text-align: center;
}
.text--justify {
  text-align: justify;
}
.text--bold {
  font-weight: 700;
}
.text--light {
  font-weight: 300;
}
.text--regular {
  font-weight: 400;
}

/**
 * Width: CSS utility classes to set widths
 */
.w--100 {
  width: 100% !important;
}
.w--75 {
  width: 75% !important;
}
.w--50 {
  width: 50% !important;
}
.w--25 {
  width: 25% !important;
}

/**
 * Margin / Padding: CSS utility classes to assist spacing
 */
.mb--0 {
  margin-bottom: 0 !important;
}
.mb--20 {
  margin-bottom: 20px !important;
}
.mb--45 {
  margin-bottom: 45px !important;
}
.mb--xs {
  margin-bottom: 5px !important;
}
.mb--sm {
  margin-bottom: 10px !important;
}
.mb--md {
  margin-bottom: 20px !important;
}
.mb--lg {
  margin-bottom: 40px !important;
}
.mb--xl {
  margin-bottom: 80px !important;
}
.mb--xxl {
  margin-bottom: 160px !important;
}

.mt--0 {
  margin-top: 0 !important;
}
.mt--30 {
  margin-top: 30px !important;
}
.mt--45 {
  margin-top: 45px !important;
}
.mt--60 {
  margin-top: 60px !important;
}
.mt--xs {
  margin-top: 5px !important;
}
.mt--sm {
  margin-top: 10px !important;
}
.mt--md {
  margin-top: 20px !important;
}
.mt--lg {
  margin-top: 40px !important;
}
.mt--xl {
  margin-top: 80px !important;
}
.mt--xxl {
  margin-top: 160px !important;
}

.ml--0 {
  margin-left: 0 !important;
}
.ml--xs {
  margin-left: 5px !important;
}
.ml--sm {
  margin-left: 10px !important;
}
.ml--md {
  margin-left: 20px !important;
}
.ml--lg {
  margin-left: 40px !important;
}
.ml--xl {
  margin-left: 80px !important;
}
.ml--xxl {
  margin-left: 160px !important;
}

.mr--0 {
  margin-right: 0 !important;
}
.mr--xs {
  margin-right: 5px !important;
}
.mr--sm {
  margin-right: 10px !important;
}
.mr--md {
  margin-right: 20px !important;
}
.mr--lg {
  margin-right: 40px !important;
}
.mr--xl {
  margin-right: 80px !important;
}
.mr--xxl {
  margin-right: 160px !important;
}

.mx--0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.mx--10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.mx--xs {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.mx--sm {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.mx--md {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.mx--lg {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.mx--xl {
  margin-left: 80px !important;
  margin-right: 80px !important;
}
.mx--xxl {
  margin-left: 160px !important;
  margin-right: 160px !important;
}

.my--0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my--xs {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.my--sm {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.my--md {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.my--lg {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.my--xl {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}
.my--xxl {
  margin-top: 160px !important;
  margin-bottom: 160px !important;
}

.pb--0 {
  padding-bottom: 0 !important;
}
.pb--xs {
  padding-bottom: 5px !important;
}
.pb--sm {
  padding-bottom: 10px !important;
}
.pb--md {
  padding-bottom: 20px !important;
}
.pb--lg {
  padding-bottom: 40px !important;
}
.pb--xl {
  padding-bottom: 80px !important;
}
.pb--xxl {
  padding-bottom: 160px !important;
}

.pt--0 {
  padding-top: 0 !important;
}
.pt--30 {
  padding-top: 30px !important;
}
.pt--xs {
  padding-top: 5px !important;
}
.pt--sm {
  padding-top: 10px !important;
}
.pt--md {
  padding-top: 20px !important;
}
.pt--lg {
  padding-top: 40px !important;
}
.pt--xl {
  padding-top: 80px !important;
}
.pt--xxl {
  padding-top: 160px !important;
}

.pl--0 {
  padding-left: 0 !important;
}
.pl--xs {
  padding-left: 5px !important;
}
.pl--sm {
  padding-left: 10px !important;
}
.pl--md {
  padding-left: 20px !important;
}
.pl--lg {
  padding-left: 40px !important;
}
.pl--xl {
  padding-left: 80px !important;
}
.pl--xxl {
  padding-left: 160px !important;
}

.pr--0 {
  padding-right: 0 !important;
}
.pr--30 {
  padding-right: 30px !important;
}
.pr--xs {
  padding-right: 5px !important;
}
.pr--sm {
  padding-right: 10px !important;
}
.pr--md {
  padding-right: 20px !important;
}
.pr--lg {
  padding-right: 40px !important;
}
.pr--xl {
  padding-right: 80px !important;
}
.pr--xxl {
  padding-right: 160px !important;
}

.px--0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.px--xs {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.px--sm {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.px--md {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.px--lg {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.px--xl {
  padding-left: 80px !important;
  padding-right: 80px !important;
}
.px--xxl {
  padding-left: 160px !important;
  padding-right: 160px !important;
}

.py--0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py--xs {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.py--sm {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.py--md {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.py--lg {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.py--xl {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
.py--xxl {
  padding-top: 160px !important;
  padding-bottom: 160px !important;
}

/**
 * FlexGrids: BEM-style responsive grid system with optional gutters based on flexbox
 */
.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
}
@media only screen and (max-width: 600px) {
  .grid {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.grid > .grid__col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  position: relative;
}
@media only screen and (max-width: 500px) {
  .grid > .grid__col {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.grid > .grid__col--no-overflow {
  overflow-x: hidden;
}
.grid > .grid__col--no-overflow > * {
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.grid > .grid__col--order-f {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.grid > .grid__col--order-l {
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
}
.grid > .grid__col--order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.grid > .grid__col--order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.grid > .grid__col--order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.grid > .grid__col--order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.grid > .grid__col--order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.grid > .grid__col--order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}
.grid > .grid__col--order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}
.grid > .grid__col--order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}
.grid > .grid__col--order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}
.grid > .grid__col--order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}
.grid > .grid__col--order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}
.grid > .grid__col--order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}
@media screen and (min-width: 350px) {
  .grid > .grid__col--order-xs-f {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .grid > .grid__col--order-xs-l {
    -webkit-box-ordinal-group: 10000;
        -ms-flex-order: 9999;
            order: 9999;
  }
  .grid > .grid__col--order-xs-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .grid > .grid__col--order-xs-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .grid > .grid__col--order-xs-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .grid > .grid__col--order-xs-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .grid > .grid__col--order-xs-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .grid > .grid__col--order-xs-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .grid > .grid__col--order-xs-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .grid > .grid__col--order-xs-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .grid > .grid__col--order-xs-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .grid > .grid__col--order-xs-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .grid > .grid__col--order-xs-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .grid > .grid__col--order-xs-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
}
@media screen and (min-width: 600px) {
  .grid > .grid__col--order-sm-f {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .grid > .grid__col--order-sm-l {
    -webkit-box-ordinal-group: 10000;
        -ms-flex-order: 9999;
            order: 9999;
  }
  .grid > .grid__col--order-sm-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .grid > .grid__col--order-sm-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .grid > .grid__col--order-sm-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .grid > .grid__col--order-sm-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .grid > .grid__col--order-sm-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .grid > .grid__col--order-sm-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .grid > .grid__col--order-sm-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .grid > .grid__col--order-sm-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .grid > .grid__col--order-sm-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .grid > .grid__col--order-sm-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .grid > .grid__col--order-sm-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .grid > .grid__col--order-sm-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
}
@media screen and (min-width: 750px) {
  .grid > .grid__col--order-md-f {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .grid > .grid__col--order-md-l {
    -webkit-box-ordinal-group: 10000;
        -ms-flex-order: 9999;
            order: 9999;
  }
  .grid > .grid__col--order-md-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .grid > .grid__col--order-md-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .grid > .grid__col--order-md-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .grid > .grid__col--order-md-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .grid > .grid__col--order-md-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .grid > .grid__col--order-md-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .grid > .grid__col--order-md-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .grid > .grid__col--order-md-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .grid > .grid__col--order-md-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .grid > .grid__col--order-md-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .grid > .grid__col--order-md-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .grid > .grid__col--order-md-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
}
@media screen and (min-width: 950px) {
  .grid > .grid__col--order-lg-f {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .grid > .grid__col--order-lg-l {
    -webkit-box-ordinal-group: 10000;
        -ms-flex-order: 9999;
            order: 9999;
  }
  .grid > .grid__col--order-lg-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .grid > .grid__col--order-lg-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .grid > .grid__col--order-lg-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .grid > .grid__col--order-lg-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .grid > .grid__col--order-lg-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .grid > .grid__col--order-lg-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .grid > .grid__col--order-lg-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .grid > .grid__col--order-lg-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .grid > .grid__col--order-lg-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .grid > .grid__col--order-lg-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .grid > .grid__col--order-lg-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .grid > .grid__col--order-lg-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
}
@media screen and (min-width: 1050px) {
  .grid > .grid__col--order-xl-f {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .grid > .grid__col--order-xl-l {
    -webkit-box-ordinal-group: 10000;
        -ms-flex-order: 9999;
            order: 9999;
  }
  .grid > .grid__col--order-xl-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .grid > .grid__col--order-xl-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .grid > .grid__col--order-xl-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .grid > .grid__col--order-xl-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .grid > .grid__col--order-xl-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .grid > .grid__col--order-xl-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .grid > .grid__col--order-xl-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .grid > .grid__col--order-xl-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .grid > .grid__col--order-xl-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .grid > .grid__col--order-xl-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .grid > .grid__col--order-xl-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .grid > .grid__col--order-xl-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
}
@media screen and (min-width: 1600px) {
  .grid > .grid__col--order-xxl-f {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .grid > .grid__col--order-xxl-l {
    -webkit-box-ordinal-group: 10000;
        -ms-flex-order: 9999;
            order: 9999;
  }
  .grid > .grid__col--order-xxl-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .grid > .grid__col--order-xxl-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .grid > .grid__col--order-xxl-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .grid > .grid__col--order-xxl-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .grid > .grid__col--order-xxl-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .grid > .grid__col--order-xxl-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .grid > .grid__col--order-xxl-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .grid > .grid__col--order-xxl-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .grid > .grid__col--order-xxl-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .grid > .grid__col--order-xxl-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .grid > .grid__col--order-xxl-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .grid > .grid__col--order-xxl-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
}
@media screen and (min-width: 1900px) {
  .grid > .grid__col--order-xxxl-f {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .grid > .grid__col--order-xxxl-l {
    -webkit-box-ordinal-group: 10000;
        -ms-flex-order: 9999;
            order: 9999;
  }
  .grid > .grid__col--order-xxxl-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .grid > .grid__col--order-xxxl-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .grid > .grid__col--order-xxxl-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .grid > .grid__col--order-xxxl-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .grid > .grid__col--order-xxxl-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .grid > .grid__col--order-xxxl-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .grid > .grid__col--order-xxxl-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .grid > .grid__col--order-xxxl-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .grid > .grid__col--order-xxxl-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .grid > .grid__col--order-xxxl-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .grid > .grid__col--order-xxxl-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .grid > .grid__col--order-xxxl-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
}
.grid--fixed > .grid__col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.grid > .grid__col--1 {
  -ms-flex-preferred-size: 8.3333333333%;
      flex-basis: 8.3333333333%;
}
.grid > .grid__col--2 {
  -ms-flex-preferred-size: 16.6666666667%;
      flex-basis: 16.6666666667%;
}
.grid > .grid__col--3 {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}
.grid > .grid__col--4 {
  -ms-flex-preferred-size: 33.3333333333%;
      flex-basis: 33.3333333333%;
}
.grid > .grid__col--5 {
  -ms-flex-preferred-size: 41.6666666667%;
      flex-basis: 41.6666666667%;
}
.grid > .grid__col--6 {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.grid > .grid__col--7 {
  -ms-flex-preferred-size: 58.3333333333%;
      flex-basis: 58.3333333333%;
}
.grid > .grid__col--8 {
  -ms-flex-preferred-size: 66.6666666667%;
      flex-basis: 66.6666666667%;
}
.grid > .grid__col--9 {
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
}
.grid > .grid__col--10 {
  -ms-flex-preferred-size: 83.3333333333%;
      flex-basis: 83.3333333333%;
}
.grid > .grid__col--11 {
  -ms-flex-preferred-size: 91.6666666667%;
      flex-basis: 91.6666666667%;
}
.grid > .grid__col--12 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
@media screen and (min-width: 0px) {
  .grid > .grid__col--zu-1 {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
  }
  .grid > .grid__col--zu-2 {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
  }
  .grid > .grid__col--zu-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .grid > .grid__col--zu-4 {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .grid > .grid__col--zu-5 {
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
  }
  .grid > .grid__col--zu-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .grid > .grid__col--zu-7 {
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
  }
  .grid > .grid__col--zu-8 {
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .grid > .grid__col--zu-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .grid > .grid__col--zu-10 {
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
  }
  .grid > .grid__col--zu-11 {
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
  }
  .grid > .grid__col--zu-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media screen and (min-width: 350px) {
  .grid > .grid__col--xs-1 {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
  }
  .grid > .grid__col--xs-2 {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
  }
  .grid > .grid__col--xs-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .grid > .grid__col--xs-4 {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .grid > .grid__col--xs-5 {
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
  }
  .grid > .grid__col--xs-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .grid > .grid__col--xs-7 {
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
  }
  .grid > .grid__col--xs-8 {
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .grid > .grid__col--xs-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .grid > .grid__col--xs-10 {
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
  }
  .grid > .grid__col--xs-11 {
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
  }
  .grid > .grid__col--xs-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media screen and (min-width: 600px) {
  .grid > .grid__col--sm-1 {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
  }
  .grid > .grid__col--sm-2 {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
  }
  .grid > .grid__col--sm-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .grid > .grid__col--sm-4 {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .grid > .grid__col--sm-5 {
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
  }
  .grid > .grid__col--sm-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .grid > .grid__col--sm-7 {
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
  }
  .grid > .grid__col--sm-8 {
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .grid > .grid__col--sm-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .grid > .grid__col--sm-10 {
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
  }
  .grid > .grid__col--sm-11 {
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
  }
  .grid > .grid__col--sm-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media screen and (min-width: 750px) {
  .grid > .grid__col--md-1 {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
  }
  .grid > .grid__col--md-2 {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
  }
  .grid > .grid__col--md-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .grid > .grid__col--md-4 {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .grid > .grid__col--md-5 {
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
  }
  .grid > .grid__col--md-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .grid > .grid__col--md-7 {
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
  }
  .grid > .grid__col--md-8 {
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .grid > .grid__col--md-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .grid > .grid__col--md-10 {
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
  }
  .grid > .grid__col--md-11 {
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
  }
  .grid > .grid__col--md-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media screen and (min-width: 950px) {
  .grid > .grid__col--lg-1 {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
  }
  .grid > .grid__col--lg-2 {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
  }
  .grid > .grid__col--lg-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .grid > .grid__col--lg-4 {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .grid > .grid__col--lg-5 {
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
  }
  .grid > .grid__col--lg-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .grid > .grid__col--lg-7 {
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
  }
  .grid > .grid__col--lg-8 {
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .grid > .grid__col--lg-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .grid > .grid__col--lg-10 {
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
  }
  .grid > .grid__col--lg-11 {
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
  }
  .grid > .grid__col--lg-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media screen and (min-width: 1050px) {
  .grid > .grid__col--xl-1 {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
  }
  .grid > .grid__col--xl-2 {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
  }
  .grid > .grid__col--xl-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .grid > .grid__col--xl-4 {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .grid > .grid__col--xl-5 {
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
  }
  .grid > .grid__col--xl-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .grid > .grid__col--xl-7 {
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
  }
  .grid > .grid__col--xl-8 {
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .grid > .grid__col--xl-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .grid > .grid__col--xl-10 {
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
  }
  .grid > .grid__col--xl-11 {
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
  }
  .grid > .grid__col--xl-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media screen and (min-width: 1600px) {
  .grid > .grid__col--xxl-1 {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
  }
  .grid > .grid__col--xxl-2 {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
  }
  .grid > .grid__col--xxl-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .grid > .grid__col--xxl-4 {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .grid > .grid__col--xxl-5 {
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
  }
  .grid > .grid__col--xxl-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .grid > .grid__col--xxl-7 {
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
  }
  .grid > .grid__col--xxl-8 {
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .grid > .grid__col--xxl-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .grid > .grid__col--xxl-10 {
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
  }
  .grid > .grid__col--xxl-11 {
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
  }
  .grid > .grid__col--xxl-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media screen and (min-width: 600px) {
  .grid--auto > .grid__col {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
@media screen and (min-width: 750px) {
  .grid--auto > .grid__col {
    -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
  }
}
/*# sourceMappingURL=style.css.map */