/*
 * Variables
 */

:root {
  --p700: #1f4492;
  --p600: #4d72b7;
  --p500: #8ca2d3;

  --s700: #069a49;
  --s600: #53aa65; 
  --s500: #86b88d;
  
  --t700: #fedc04;
  --t600: #fce25e; 
  --t500: #ffea8b;
  
  --b700: #2C2E2D;
  --b600: #595c5b; 
  --b500: #bebcba;
  
  --w700: #EBEBEB; 
  --w600: #FFFFFF;

  --error: #cc2f2f;
  --warning: #dd7223;
  --success: #4da84d;

  --white: var(--w600);

  --heading1: 4rem;
  --heading2: 3.2rem;
  --heading3: 2.4rem;
  --heading4: 1.8rem;
  --heading5: 1.4rem;
  --overline: 1.4rem;
  --paragraphLarge: 1.8rem;
  --paragraphMedium: 1.6rem;
  --paragraphSmall: 1.4rem;
  --formText: 1.6rem;
  --actionText: 1.4rem;
  --caption: 1.2rem;

  --lhParagraph: 2;
  --lhHeading: 1;
  --lhLines: 1;

  --lsHeadings: -.12rem;

  --fontLight: 300;
  --fontRegular: 400;
  --fontBold: 700;

  --animationHover: all .3s ease-out;
  
}

/*
  RESET
*/

* {
  text-rendering: optimizeLegibility;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', Arial, sans-serif;
}

html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

html {
  font-size: 62.5%;
}

body {
  scroll-behavior: smooth;
}

h1,h2, h3 {
  line-height: var(--lhHeading);
  letter-spacing: var(--lsHeadings);
} 
 

ul, ol {
  list-style: none;
  padding: 0;
}

p {
  margin-bottom: 3.6rem; /* 1.8rem * 2 */
  font-weight: var(--fontRegular);
}

hr {
  border-top: transparent;
}

input,
textarea {
  background-color: transparent;
  outline: 0;
  border-radius: .4rem;
  transition: var(--animationHover);
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size: var(--formText);
  line-height: var(--lhHeadingsMedium);
  background-color: var(--w700);
  max-height: 22rem;
}

input::placeholder,
textarea::placeholder {
  font-style: italic;
  color: var(--p400);
}

input:disabled,
button:disabled {
  cursor: not-allowed !important;
}

figure {
  padding: 0;
  margin: 0;
}

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

button {
  outline: 0;
}


/*
 * Typography
 */

a {
  font-size: var(--actionText);
  color: var(--b700);
  line-height: var(--lhLines);
}

h1, h2, h3, h4, h5 {
  color: var(--b700);
}
p {
  font-size: var(--paragraphLarge);
  color: var(--b700);
  line-height: var(--lhParagraph);
  margin-top: 0;
}
p a {
  font-size: inherit;
  font-weight: var(--fontBold);
  transition: var(--animationHover);
}
p a:hover {
  color: var(--p700);
}

p em,
p strong {
  position: relative;
  font-style: normal;
}

label {
  font-size: var(--paragraphMedium);
  line-height: var(--lhLines);
}



/*
 * Headings
 */

.heading-page {
  font-size: var(--heading1);
  line-height: var(--lhHeading);
  font-weight: var(--fontBold);
  color: var(--w600);
  margin: 0 0 1.6rem;
}

.section-title {
  font-size: var(--heading2);
  font-weight: var(--fontBold);
  line-height: var(--lhHeading);
  color: var(--b700);
  margin: 0 2.4rem 2.4rem;
  text-align: center;
}
.section-title--light {
  color: var(--white);
}
.over-title {
  text-align: center;
  font-style: italic;
  font-weight: var(--fontRegular);
  font-size: var(--heading5);
  letter-spacing: 0;
  color: var(--p700);
  margin: 0 2.4rem 1.6rem;
}
.over-title--light {
  color: var(--t700);
}
.overline {
  font-size: var(--overline);
  line-height: var(--lhLines);
  text-transform: uppercase;
  font-weight: var(--fontMedium);
  letter-spacing: 0;
  color: var(--b500);
}
.section-page__header p {
  font-size: var(--paragraphMedium);
  text-align: center;
}

.page-content-editor h2 {
  font-size: var(--heading2);
  margin: 0 0 2.4rem;
}
.page-content-editor h3 {
  font-size: var(--heading3);
  margin: 0 0 1.6rem;
}
.page-content-editor h4 {
  font-size: var(--heading4);
  margin: 0 0 1.6rem;
}
.has-text-align-center {
  text-align: center;
}

@media (max-width: 767px) {
  .heading-page {
    font-size: var(--heading2);
  }
  .section-page__header p,
  .over-title {
    text-align: left;
  }
  .section-title {
    font-size: var(--heading3);
    line-height: var(--lhHeading);
    text-align: left;
  }
  .page-content-editor h2 {
    font-size: var(--heading3);
  }
  .page-content-editor h3 {
    font-size: var(--heading4);
  }
  .page-content-editor h4 {
    font-size: var(--heading5);
  }
  p {
    font-size: var(--paragraphMedium);
  }
}


/*
 * Components
 */

/* Header */
.top-bar-menu {
  background-color: var(--w700);
  padding: .1rem 0;
}
.top-bar-menu .container {
  display: flex;
  justify-content: flex-end;
}
.header-site .logo {
  width: 20rem;
  transition: var(--animationHover);
}
.header-site {
  position: fixed;
  top: 6rem;
  left: 0;
  width: 100%;
  padding: 1.6rem 0;
  z-index: 3;
  transition: var(--animationHover);
  background-color: var(--white);
  box-shadow: 0 .8rem .8rem rgba(0,0,0,.08);
  background-color: var(--white);
}
.header-site .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-site--shown {
  transform: translateY(-6rem);
}
.header-site--shown .logo {
  width: 12rem;
}
.header-site .menu-btn-content {
  display: none;
}

@media (max-width: 992px) {
  .header-site .logo {
    width: 18rem;
  }
  .header-site {
    padding: .8rem 0;
  }
  .header-site .menu-btn-content {
    display: inline-block;
  }
  .header-site--shown .logo {
    width: 12rem;
  }
}


/* 
 * Menus
 */

/* Default styles */
.menu {
  display: flex;
}
.menu .menu-item {
  padding-right: 3.2rem;
}
.menu .menu-item:hover > a:after {
  transform: scaleX(1);
}
.menu .menu-item-current a {
  color: var(--p600);
}
.menu a {
  font-size: var(--actionText);
  font-weight: var(--fontBold);
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  padding: 1.2rem 0;
  transition: var(--animationHover);
  position: relative;
}
.menu a:after {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  transform-origin: top left;
  transform: scaleX(0);
  height: .2rem;
  transition: var(--animationHover);
  bottom: 0;
  background-color: var(--b700);
}
.menu .btn-secondary {
  padding: 0 1.6rem;
}
.menu .btn-secondary a {
  color: var(--p700);
}
.menu .btn-secondary a:after {
  display: none;
}
.menu .btn-secondary:hover a {
  color: var(--p600);
}
.menu .btn-secondary:hover {
  border-color: var(--p600);
}


/* Main menu */
.menu-site {
  display: flex;
  align-items: center;
}
.menu-site--hidden {
  opacity: 0;
  visibility: hidden;
}
.menu-site {
  opacity: 1;
  visibility: visible;
  transition: var(--animationHover);
}
.menu-site .link {
  text-transform: uppercase;
  font-size: var(--actionText);
  color: var(--p700);
  font-weight: 500;
  padding: 1.6rem 0;
  display: inline-block;
  margin: 0 1.2rem;
  line-height: var(--lhLines);
  position: relative;
}
.menu-site .link:before {
  content: '';
  position: absolute;
  width: 0;
  bottom: 1.6rem;
  left: -.4rem;
  height: .4rem;
  border-radius: .2rem;
  z-index: -1;
  transition: var(--animationHover);
  background-color: var(--s700);
}
.menu-site .link:hover:before {
  width: 100%;
}

.menu-site-mobile--scrolled {
  transform: translateY(-6.2rem);
}

@media (max-width: 992px) {
  .nav-content {
    display: none;
  }
  .top-bar-menu .container {
    justify-content: center;
  }
  .top-menu li:nth-child(1),
  .top-menu li:nth-child(2) {
    display: none;
  }

  .menu-site {
    position: fixed;
    top: 15.8rem;
    left: 0;
    width: 100vw;
    padding: .8rem 2.4rem;
    background-color: rgba(255,255,255,.96);
  }
  .menu-site .menu {
    flex-direction: column;
    flex-wrap: wrap;
  }
}



/* Input forms */
p label {
  line-height: var(--lhHeading);
  display: block;
}

.mc4wp-form {
  width: 100%;
}
.mc4wp-form .btn {
  margin: 2.4rem 0 0 auto;
}

.form-input,
.wpcf7-text,
.wpcf7-textarea,
.wpcf7-phone,
.wpcf7-email {
  border: .1rem solid var(--w600);
  padding: 1.2rem 1.6rem;
  width: 100%;
  color: var(--b700);
  margin-top: .8rem;
  width: 100%;
  font-size: var(--paragraphMedium);
}
.form-input:focus,
.wpcf7-text:focus,
.wpcf7-textarea:focus,
.wpcf7-phone:focus,
.wpcf7-email:focus {
  background-color: var(--white);
  border-color: var(--w700);
}
.form-input::placeholder,
.wpcf7-text::placeholder,
.wpcf7-textarea::placeholder,
.wpcf7-phone::placeholder,
.wpcf7-email::placeholder {
  color: var(--b600);
}

#wpmem_login input[type="text"],
#wpmem_login input[type="password"] {
  border: .1rem solid var(--w600) !important;
  padding: 1.2rem 1.6rem !important;
  width: 100%;
  color: var(--b700);
  margin-top: .8rem;
}

.wpcf7-text,
.wpcf7-phone,
.wpcf7-email {
  line-height: var(--lhLines);
}
.wpcf7-not-valid {
  border-color: var(--error);
}
.wpcf7-not-valid-tip {
  padding-top: .8rem;
  color: var(--error) !important;
}
.wpcf7-response-output {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  text-align: center;
  padding: 2.4rem !important;
  z-index: 3;
  margin: 0 !important;
  border: 0 !important;
  font-size: var(--paragraphSmall);
  color: var(--white);
}
.failed .wpcf7-response-output,
.invalid .wpcf7-response-output {
  background-color: var(--error);
  animation: hideFormNotify 5s ease-out forwards;
}
.sent .wpcf7-response-output {
  background-color: var(--success);
  animation: hideFormNotify 5s ease-out forwards;
}

@keyframes hideFormNotify {
  0% {
    transform: translateY(0);
  }
  80% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(30vh);
  }
}



/* Container centered-content w/ button */
.cta-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.cta-wrap--center {
  justify-content: center;
}



/* Icons */
.icon {
  width: 3.2rem;
  height: 3.2rem;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  transition: var(--animationHover);
}
.icon-li {
  background-image: url('../images/icon-linkedin.svg');
}
.icon-tw {
  background-image: url('../images/icon-twitter.svg');
}
.icon-fb {
  background-image: url('../images/icon-facebook.svg');
}
.icon-yt {
  background-image: url('../images/icon-youtube.svg');
}
.icon-down-page {
  background-image: url('../images/icon-down.svg');
}
.icon-arrow-right {
  background-image: url('../images/icon-arrow-right.svg');
}
.icon-arrow-right--left {
  transform: rotate(180deg);
}
.icon-arrow-top {
  background-image: url('../images/icon-arrow-top.svg');
}
.icon-arrow-top--bottom {
  transform: rotate(180deg);
}

.icon-menu {
  position: relative;
}
.icon-menu .line {
  position: absolute;
  height: .2rem;
  right: .8rem;
  border-radius: .1rem;
  background-color: var(--p700);
  width: 1.2rem;
  transition: var(--animationHover);
}
.icon-menu .line:nth-of-type(1) {
  width: 2rem;
  top: 1rem;
}
.icon-menu .line:nth-of-type(2) {
  top: 1.6rem;
}
.icon-menu .line:nth-of-type(3) {
  top: 2.2rem;
}
.icon-menu--shown .line:nth-of-type(1) {
  transform: rotate(45deg);
  top: 1.6rem;
}
.icon-menu--shown .line:nth-of-type(2) {
  opacity: 0;
}
.icon-menu--shown .line:nth-of-type(3) {
  transform: rotate(-45deg);
  top: 1.6rem;
  width: 2rem;
}
.icon-home {
  background-image: url('../images/icon-home.svg');
}


/* Buttons */
.btn {
  border: 0;
  padding: 1.6rem 0;
  cursor: pointer;
}
a.btn {
  text-decoration: none;
}
.btn-text {
  font-size: var(--actionText);
  text-transform: uppercase;
  line-height: var(--lhLines);
  font-weight: var(--fontBold);
}

.btn-menu {
  display: flex;
  align-items: center;
  background-color: transparent;
  margin-top: -.4rem;
}
.btn-menu .btn-text {
  color: var(--p700);
  padding-top: .4rem;
}
.btn-primary {
  background-image: linear-gradient(45deg, var(--p700), var(--p600), var(--s600) );
  background-size: 200%;
  background-position: top left;
  padding: 2rem 3.2rem;
  box-shadow: 0 .8rem 1.6rem rgba(0,0,0,.16);
  border-radius: .4rem;
  cursor: pointer;
  transition: var(--animationHover);
}
.btn-primary:hover {
  transform: scale(1.02);
  background-position: top right;
  box-shadow: .2rem 1.6rem 1.8rem -1.6rem rgba(0,0,0,.48);
}

.btn-primary .btn-text {
  color: var(--white);
}
.btn-primary--light {
  background-image: linear-gradient(45deg, var(--t700), var(--t600), var(--s500) );
}
.btn-primary--light .btn-text {
  color: var(--b700);
}

.btn-secondary {
  background-color: transparent;
  border: .1rem solid var(--p700);
  padding: 1.6rem 2.4rem;
  border-radius: .4rem;
  cursor: pointer;
  transition: var(--animationHover);
  display: table;
}
.btn-secondary:hover {
  background-color: var(--white);
  border-color: var(--p600);
}
.btn-secondary .btn-text {
  color: var(--p700);
}
.btn-secondary:hover .btn-text {
  color: var(--p600);
}

.btn-secondary--light {
  border-color: var(--w700);
}
.btn-secondary--light .btn-text {
  color: var(--w700);
}
.btn-secondary--light:hover {
  background-color: var(--p700);
  border-color: var(--w700);
}
.btn-secondary--light:hover .btn-text {
  color: var(--w700);
}

.wpcf7-submit {
  background-image: linear-gradient(45deg, var(--p700), var(--p600), var(--s600) );
  background-size: 200%;
  background-position: top left;
  padding: 2rem 3.2rem;
  box-shadow: 0 .8rem 1.6rem rgba(0,0,0,.16);
  border-radius: .4rem;
  cursor: pointer;
  transition: var(--animationHover);
  color: var(--white);
  font-size: var(--actionText);
  font-weight: var(--fontBold);
  text-transform: uppercase;
  line-height: var(--lhLines);
  border: 0;
  margin-left: auto;
  display: table;
}
.wpcf7-submit:hover {
  transform: scale(1.02);
  background-position: top right;
  box-shadow: .2rem 1.6rem 1.8rem -1.6rem rgba(0,0,0,.48);
}


.btn-link {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--animationHover);
  border: .1rem solid var(--p700);
  border-radius: .4rem;
  background-color: var(--white);
}
.btn-link .btn-text {
  padding-right: .8rem;
  color: var(--p700);
}
.btn-link:hover .icon {
  transform: translateX(.8rem);
}

.btn-slider {
  background-color: transparent;
  border: 0;
  padding: 1.6rem;
  border-radius: .8rem;
  transition: var(--animationHover);
}
.btn-slider:hover {
  background-color: var(--w700);
}

@media (max-width: 640px) {
  .btn-slider {
    padding: .8rem;
  }
}


/*
 * Network Slider 
 */
.flexslider {
  max-width: 80%;
  margin: 0 auto;
}
.slides img {
  max-width: 17.5rem;
}
.custom-navigation {
  margin-top: -8.8rem;
  display: flex;
  justify-content: space-between;
}
.flex-control-paging {
  display: none;
}

@media (max-width: 768px) {
  .custom-navigation {
    margin: -8rem -2.2rem 0;
  }
}
@media (max-width: 640px) {
  .custom-navigation {
    margin: -6.4rem -2.2rem 0;
  }
}



/* Media */

.wp-block-image.alignfull.size-full img {
  width: 100%;
}
.alignright.size-full {
  text-align: right;
}


@media (max-width: 899px) {
  .wp-block-image.alignfull.size-full {
    height: 50vh;
  } 
  .wp-block-image.alignfull.size-full img {
    height: 50vh;
    object-fit: cover;
  }
  .wp-block-column .wp-block-image {
    margin: 0 -2.4rem 2.4rem;
  }
  .wp-block-column .wp-block-image img {
    width: 100%;
  }
  .wp-block-column {
    order: 1;
  }
  .col-has-image {
    order: 0;
  }
}
@media (min-width: 1600px) {
  .col-has-image img {
    width: 96%;
  }
}



/*
 *
 * Layout
 *
 */

.site-main-content {
  margin-top: 13.8rem;
}

.section-banner {
  padding: 14.4rem 0 10.8rem;
  margin-top: 13.8rem;
  position: relative;
  background-size: cover;
}
.section-banner--home:after {
  content: '';
  width: 100vw;
  height: 100%;
  background-image: linear-gradient(45deg, var(--p700), var(--s700));
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: .8;
}
.section-banner--home {
  overflow: hidden;
}
.section-banner--home video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.section-banner p {
  color: var(--white);
}
.section-banner .container {
  z-index: 2;
  position: relative;
}
.section-page,
.page-content-editor {
  padding: 8.8rem 0;
}

.page-content-editor li a,
.section-form-member li a {
  font-size: var(--paragraphMedium);
  padding: 1.6rem 0;
  display: inline-block;
  font-weight: var(--fontBold);
  margin-top: -.9rem;
}

.page-content-editor li,
.section-form-member li {
  padding-left: 4rem;
  background-image: url('../images/icon-list.svg');
  background-repeat: no-repeat;
  background-position: top left;
  font-size: var(--paragraphLarge);
  margin-bottom: 2.4rem;
  color: var(--b700);
  line-height: var(--lhParagraph);
}

.page-content-editor ul {
  margin: 0 0 3.2rem;
}

.section-board {
  background-color: var(--w700);
}
.section-board h5 {
  font-size: var(--heading4);
  margin: 1.6rem 0;
}
.section-board p {
  font-size: var(--paragraphSmall);
}



@media (max-height: 760px) and (max-width: 1366px) {
  .section-banner {
    padding: 9.6rem 0;
  }
}

@media (max-width: 1024px) {
  .section-banner {
    padding: 7.2rem 0;
    margin-top: 11rem;
    position: relative;
  }
  .site-main-content {
    margin-top: 11rem;
  }
  .section-page,
  .page-content-editor {
    padding: 6.4rem 0;
  }
}
@media (max-width: 899px) {
  .section-board .wp-block-column .wp-block-image {
    margin: 0;
  }
  .section-board .wp-block-column:nth-of-type(even) {
    padding: 0 1.6rem 0 .8rem;
  }
  .section-board .wp-block-column:nth-of-type(odd) {
    padding: 0 .8rem 0 1.6rem;
  }
  .page-content-editor li {
    font-size: var(--paragraphMedium);
  }
}


/* Specific sections */
.section-network {
  margin-top: 4.8rem;
  margin-bottom: 4rem;
}
.section-network__title {
  text-align: center;
  font-size: var(--heading3);
}


.wwo-entry {
  padding: 0 2.4rem;
  text-align: center;
}
.wwo-entry__title {
  font-size: var(--heading4);
  font-weight: var(--fontBold);
  line-height: 1.25;
  margin: 1.6rem 0 2.4rem;
}

/* What We Offer Section titles on its page */
.wwo-page-title {
  position: relative;
}
.wwo-page-title:before {
  content: '';
  position: absolute;
  width: 5.6rem;
  height: .2rem;
  top: 1.3rem;
  border-radius: 5rem;
  background-color: var(--s700);
  z-index: 1;
}
.wwo-page-title:after {
  content: '';
  position: absolute;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  top: .8rem;
  border: .2rem solid var(--s700);
  z-index: 2;
}
.wwo-page-title.wwo-page-title--left:after {
  left: -3.2rem;
}
.wwo-page-title.wwo-page-title--left:before {
  left: -8.8rem;
}
.wwo-page-title.wwo-page-title--right:after {
  right: -3.2rem;
}
.wwo-page-title.wwo-page-title--right:before {
  right: -8.8rem;
}

.section-become-member {
  background-image: url('../images/bg-become-member.jpg');
  background-size: cover;
}
.section-become-member p {
  color: var(--white);
}
.become-member-entry {
  text-align: center;
  padding: 0 4rem;
}
.become-member-entry__title {
  font-size: var(--heading3);
  margin: 2.4rem 0 1.6rem;
  color: var(--white);
}

@media (max-width: 899px) {
  .wwo-page-title:before,
  .wwo-page-title:after {
    display: none;
  }
  .become-member-entry {
    padding: 0;
  }
  .wwo-entry,
  .become-member-entry {
    display: flex;
    padding: 0;
  }
  .wwo-entry__fig,
  .become-member-entry__fig {
    width: 7.2rem;
    flex: 1;
  }
  .wwo-entry__content,
  .become-member-entry__content {
    padding-left: 1.6rem;
    text-align: left;
    flex: 2;
  }
  .wwo-entry__title,
  .become-member-entry__title {
    margin-top: 0;
  }
}

/* Content Hub section at homepage */
@media (max-width: 899px) {
  .section-content-hub-homepage .row.list-posts {
    flex-wrap: nowrap;
    padding-bottom: 1.6rem;
    overflow-x: auto;
    margin-top: -1.6rem;
  }
  .section-content-hub-homepage .post-entry {
    min-width: 29rem;
    margin-right: -2.4rem;
  }
}


/* "Why you should Join" section at "Become a Member" page*/
.section-points {
  text-align: center;
  background-image: url('../images/bg-become-member.jpg');
  background-size: cover;
}
.section-points p {
  color: var(--white);
}
.section-points h3 {
  color: var(--white);
  margin: 3.2rem 0 1.6rem;
}
.section-points .section-title {
  color: var(--white);
  margin-bottom: 3.2rem;
}
.section-points .p-small {
  font-size: var(--paragraphSmall);
}
.section-points .wp-block-image {
  margin: auto;
  max-width: 7.2rem;
}

/* Section with logos at Network page */
.section-logos-page-network {
  margin: 2.4rem 0 4rem;
}
.network-logo {
  margin: .8rem 0 3.2rem;
  text-align: center;
}

.network-logo figcaption {
  font-size: var(--paragraphSmall);
  line-height: var(--lhParagraph);
  padding: .8rem 1.6rem 0;
  text-align: center;
  font-style: italic;
  color: var(--b600);
}


/*
 * Footer
 */
.footer-content-container {
  display: flex;
  flex-wrap: wrap;
  padding: 7.2rem 4rem;
}

.footer-site__heading {
  font-size: var(--heading3);
  margin: 0 0 1.6rem;
  width: 100%;
}
.footer-menu {
  width: 33.3%;
  margin-bottom: 4rem;
}
.footer-menu .menu {
  flex-direction: column;
}
.footer-menu .menu-item {
  margin-bottom: .8rem;
}
.footer-menu .menu a {
  color: var(--t700);
  display: inline-block;
}
.footer-menu .menu li a:after {
  background-color: var(--t700);
}
.footer-address {
  width: 33.3%;
}
.footer-address h5 {
  font-size: var(--heading4);
  margin: .8rem 0;
  color: var(--white);
  font-style: normal;
}
.footer-address p {
  font-size: var(--paragraphSmall);
  color: var(--white);
  font-style: normal;
}

.footer-nav-container {
  background-image: url('../images/bg-nav-footer.jpg');
  background-size: cover;
}
.footer-nav-container .footer-site__heading {
  color: var(--white);
}
.footer-newsletter-container {
  background-image: url('../images/bg-newsletter-footer.jpg');
  background-size: cover;
}
.footer-newsletter-container p {
  margin-bottom: 1.6rem;
}
.footer-newsletter-container .p-small {
  font-size: var(--paragraphSmall);
}

.social-menu {
  display: flex;
}
.social-menu li {
  margin-right: 1.6rem;
  margin-left: -.6rem;
}
.social-menu li a {
  display: block;
  padding: .6rem;
}

.eu-sign {
  padding: 4rem 0 0;
  position: relative;
}
.eu-sign:after {
  position: absolute;
  content: '';
  width: 100vw;
  height: .4rem;
  background-image: linear-gradient(to right, var(--p700), var(--s700));
  bottom: 0;
  left: 0;
}
.eu-content-wrap {
  max-width: 75rem;
  margin: auto;
  display: flex;
  align-items: flex-start;
  padding: 0 2.4rem;
}
.eu-content-wrap p {
  font-size: var(--paragraphSmall);
  margin-left: 2.4rem;
}

@media (max-width: 992px) {
  .footer-content-container {
    padding: 6.4rem .8rem;
  }
  .footer-newsletter-container {
    order: 1;
  }
  .footer-nav-container {
    order: 2;
  }
  .footer-menu {
    width: 50%;
  }
  .footer-address {
    width: 100%;
  }
  .eu-content-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .eu-content-wrap p {
    margin-left: 0;
    margin-top: 1.6rem;
  }
}


/*
 * Press loop posts
 */
.post-list {
  margin-top: -6.4rem;
  margin-bottom: 2.4rem;
}
.post-entry {
  margin-bottom: 2.4rem;
}
.post-entry .post-entry__excerpt {
  margin-bottom: 0;
}
.post-entry .post-entry__excerpt > a {
  text-decoration: none;
  font-weight: var(--fontRegular);
  display: block;
  font-size: var(--paragraphMedium);
  padding: 0 0 2.4rem;
  line-height: var(--lhParagraph);
}
.post-entry__fig {
  /* background-color: var(--p700); */
  padding-bottom: 2.4rem;
}
.post-entry__fig img {
  width: 100%;
  transition: var(--animationHover);
}
.post-entry__overline {
  font-size: var(--heading5);
  display: block;
  padding-bottom: 1.6rem;
  text-transform: uppercase;
  font-weight: var(--fontBold);
}
.post-entry__overline a {
  color: var(--p600);
  text-decoration: none;
}
.post-entry__title {
  margin: 0;
}
.post-entry__title a {
  font-size: var(--heading4);
  color: var(--b700);
  text-decoration: none;
  line-height: 1.25;
  letter-spacing: -.05rem;
  padding: 0 0 1.6rem;
  display: block;
}
.post-entry:hover p > a,
.post-entry:hover .post-entry__title > a {
  color: var(--p700);
} 
.post-entry:hover img {
  opacity: .72;
}

/*
 * Content Hub's Sidebar
 */
/* .sidebar-c-hub {} */
.sidebar-c-hub__title {
  font-size: var(--heading4);
  margin: 0 0 2.4rem;
}
.sidebar-c-hub__title .icon {
  display: none;
}
.sidebar-c-hub__overline {
  font-size: var(--heading5);
  text-transform: uppercase;
  color: var(--b500);
  margin: 0 0 1.6rem;
}
.sidebar-c-hub__list {
  margin-bottom: 2.4rem;
}
.sidebar-c-hub__list-item {
  margin-bottom: .4rem;
}
.sidebar-c-hub__list-item a {
  padding: .8rem 0;
  color: var(--p700);
  font-size: var(--actionText);
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  font-weight: var(--fontBold);
  transition: var(--animationHover);
}
.sidebar-c-hub__list-item:hover a {
  color: var(--s700);
}

@media (max-width: 899px) {
  .sidebar-c-hub {
    position: fixed;
    bottom: 0;
    background-color: var(--white);
    z-index: 2;
    box-shadow: 0 -.2rem 1.6rem rgba(0,0,0,.16);
    left: .8rem;
    right: .8rem;
  }
  .sidebar-c-hub__title {
    background-color: var(--p700);
    color: var(--white);
    padding: 1.6rem 2.4rem;
    margin: 0;
    border-radius: .4rem .4rem 0 0;
    text-transform: uppercase;
    font-size: var(--actionText);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .sidebar-c-hub__title .icon {
    display: inline-block;
    margin-right: -.8rem;
  }
  .sidebar-c-hub__nav {
    padding: 3.2rem 2.4rem 0;
    display: none;
  }
  .sidebar-c-hub__overflow-nav {
    max-height: 50vh;
    overflow-y: auto;
  }
}

/*
 * Content Hub's sections
 */
.section-content-hub {
  margin-bottom: 4rem;
}
.section-content-hub__header {
  margin-bottom: 2.4rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.section-content-hub__title {
  font-size: var(--heading3);
  margin: 0
}
.section-content-hub__link {
  text-decoration: none;
  font-size: var(--actionText);
  font-weight: var(--fontBold);
  text-transform: uppercase;
  color: var(--p700);
  transition: var(--animationHover);
}
.section-content-hub__link:hover {
  color: var(--s700);
}

/*
 * Pagination
 */
.wp-pagenavi {
  margin-bottom: 8rem;
  padding-top: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: .1rem solid var(--p500);
}
.wp-pagenavi .pages {
  font-size: var(--heading4);
  font-weight: var(--fontBold);
  margin-right: 1.6rem;
}
.wp-pagenavi .current {
  padding: 1.6rem 2rem;
  background-color: var(--w700);
  font-size: var(--actionText);
  font-weight: var(--fontBold);
  border-radius: .4rem;
  color: var(--b600);
}

/*
 * Single post
 */
.single-content-wrap {
  margin-top: 14.4rem;
  padding-top: 4rem;
}
.single__title {
  font-size: var(--heading1);
  margin: 0 0 1.6rem;
  text-align: center;
}
.single__date {
  margin: 0 0 1.6rem;
  text-align: center;
  font-size: var(--paragraphMedium);
}
.single__fig {
  margin-bottom: 3.2rem;
}
.single__fig img {
  width: 100%;
  max-height: 36rem;
  object-fit: cover;
  border-radius: .4rem;
}
.single-content-editor {
  font-size: var(--paragraphLarge);
  line-height: var(--lhParagraph);
  color: var(--b700);
}
@media (max-width: 899px) {
  .single-content-wrap {
    margin-top: 10.4rem;
  }
  .single__title {
    font-size: var(--heading2);
  }
}


/* Breadcrumbs */
#breadcrumbs {
  text-align: center;
  font-size: var(--paragraphSmall);
  margin-bottom: 3.2rem;
}
#breadcrumbs a {
  font-size: var(--actionText);
  text-transform: uppercase;
  text-decoration: none;
}
@media (max-width: 899px) {
  #breadcrumbs {
    margin-bottom: 2.4rem;
  }
}


/* Form Steps */
.steps-wrap {
  display: flex;
  justify-content: center;
}
.step {
  width: 10.4rem;
  height: 10.4rem;
  text-align: center;
  border-radius: 50%;
  background-color: var(--w700);
  margin: 0 .8rem 1.6rem;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.step p {
  width: 100%;
  color: var(--p500);
}
.step__number {
  font-size: var(--heading3);
  line-height: var(--lhHeading);
  font-weight: var(--fontBold);
  margin-bottom: .4rem;
}
.step__leg {
  font-size: var(--paragraphSmall);
  line-height: var(--lhHeading);
  font-style: italic;
  margin-bottom: 0;
}
.step--active {
  background-image: linear-gradient(45deg, var(--p700), var(--s700));
}
.step--active p {
  color: var(--white);
}


/*
 * 
 * Other Media Queries
 *
 */

@media (min-width: 1600px) {
  .container {
    max-width: 1440px;
  }
}

@media (max-width: 768px) {
  .container {
    padding: 0 2.4rem;
  }
  .row {
    margin: 0 -2.4rem;
  }
  *[class^="col-"],
  *[class^="wp-block-column col-"] {
    padding: 0 2.4rem;
  }
  .breadcrumb {
    flex-wrap: wrap;
    justify-content: start;
  }

}