@charset "UTF-8";
/*
 *    TABLE OF CONTENTS
 *
 *    1. Tools
 *    2. Settings
 *    3. Generic
 *    4. Elements
 *    5. Layout objects
 *    6. Components
 *    7. Utility helper classes
 *
 */
/*--------------------------------------------------------------
 #1. Tools

 Functions and mixins.
--------------------------------------------------------------*/
/*--------------------------------------------------------------
 #2. Settings

 Define our global preprocessor variables (static), and CSS
 custom properties (static and dynamic).
--------------------------------------------------------------*/
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-regular.eot");
  src: url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-regular.woff2") format("woff2"), url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-regular.woff") format("woff"), url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-regular.ttf") format("truetype"), url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-regular.svg") format("svg");
}
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-italic.eot");
  src: url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-italic.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-italic.woff2") format("woff2"), url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-italic.woff") format("woff"), url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-italic.ttf") format("truetype"), url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-italic.svg") format("svg");
}
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-600.eot");
  src: url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-600.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-600.woff2") format("woff2"), url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-600.woff") format("woff"), url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-600.ttf") format("truetype"), url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-600.svg") format("svg");
}
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 600;
  src: url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-600italic.eot");
  src: url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-600italic.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-600italic.woff2") format("woff2"), url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-600italic.woff") format("woff"), url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-600italic.ttf") format("truetype"), url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-600italic.svg") format("svg");
}
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-700.eot");
  src: url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-700.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-700.woff2") format("woff2"), url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-700.woff") format("woff"), url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-700.ttf") format("truetype"), url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-700.svg") format("svg");
}
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src: url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-700italic.eot");
  src: url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-700italic.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-700italic.woff2") format("woff2"), url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-700italic.woff") format("woff"), url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-700italic.ttf") format("truetype"), url("/wp-content/themes/sdgaction/dist/fonts/open-sans-v18-latin-700italic.svg") format("svg");
}
/*--------------------------------------------------------------
 #3. Generic

 Reset and/or normalize styles, box-sizing definition, etc.
--------------------------------------------------------------*/
/*! 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: 2em;
  margin: 0.67em 0;
}

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

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

/* Box sizing rules */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core root defaults */
html {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
         -o-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
         -o-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
         -o-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/*--------------------------------------------------------------
 #4. Elements

 Let's make use of the "C" in CSS; "Cascading" styles. With a
 relatively small amount of CSS we can reach a whole load of
 elements, no matter where they are situated. The markup need not
 be touched to give us a solid system from the outset.

 Unlike when using classes, element selectors can target the
 arbitrary, unattributed content produced by WYSIWYG editors.
--------------------------------------------------------------*/
body {
  font-size: 1rem;
  font-family: "Open Sans", sans-serif;
  line-height: 1.375;
  color: rgb(58.85, 59.4, 60.5);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
  body {
    line-height: 1.5;
  }
}
@media (min-width: 1200px) {
  body {
    font-size: 1.125rem;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  max-width: 50rem;
  font-weight: 600;
  line-height: 1.25;
}
@media (min-width: 768px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    line-height: 1.375;
  }
}

h1 {
  font-weight: 700;
  line-height: 1.1;
}
h1 {
  font-size: 28px;
}
@media screen and (min-width: 320px) {
  h1 {
    font-size: calc(28px + 8 * (100vw - 320px) / 880);
  }
}
@media screen and (min-width: 1200px) {
  h1 {
    font-size: 36px;
  }
}

h2 {
  line-height: 1.25;
}
h2 {
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  h2 {
    font-size: calc(24px + 4 * (100vw - 320px) / 880);
  }
}
@media screen and (min-width: 1200px) {
  h2 {
    font-size: 28px;
  }
}

h3,
h4,
h5,
h6 {
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  h3,
  h4,
  h5,
  h6 {
    font-size: calc(20px + 4 * (100vw - 320px) / 880);
  }
}
@media screen and (min-width: 1200px) {
  h3,
  h4,
  h5,
  h6 {
    font-size: 24px;
  }
}

p,
li,
blockquote,
figcaption,
time {
  max-width: 50rem;
}

b,
strong {
  font-weight: 600;
}

a:not([class]) {
  color: #0E76BC;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: #0E76BC;
}
a:not([class]):focus, a:not([class]):hover {
  color: #0E76BC;
  text-decoration: none;
}
.has-navy-background-color a:not([class]) {
  color: white;
  text-decoration-color: #38B34D;
}

blockquote {
  position: relative;
  padding-left: 1rem;
  border-left: 6px solid #38B34D;
  color: rgb(85.6, 86.4, 88);
  font-style: italic;
  font-weight: 600;
  line-height: 1.25;
  quotes: "“" "”";
}
blockquote {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  blockquote {
    font-size: calc(18px + 10 * (100vw - 320px) / 880);
  }
}
@media screen and (min-width: 1200px) {
  blockquote {
    font-size: 28px;
  }
}
@media (min-width: 768px) {
  blockquote {
    padding-left: 1.5rem;
  }
}

blockquote cite {
  font-size: 1rem;
  font-family: "Open Sans", sans-serif;
  line-height: 1.375;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1rem;
  font-style: normal;
}
@media (min-width: 768px) {
  blockquote cite {
    line-height: 1.5;
  }
}
@media (min-width: 1200px) {
  blockquote cite {
    font-size: 1.125rem;
  }
}

blockquote cite::before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 2px;
  margin-right: 0.5rem;
  background-color: currentColor;
}

figcaption {
  margin-top: 0.5rem;
  color: #6B6C6E;
  font-size: 0.9375rem;
  text-align: left;
}

table {
  border-collapse: collapse;
}

thead {
  border-bottom: 2px solid rgb(85.6, 86.4, 88);
  text-align: left;
}

tfoot {
  border: solid rgb(85.6, 86.4, 88);
  border-width: 1px 0;
  font-weight: 600;
}

th,
td {
  padding: 1rem 1.5rem 1rem 0;
  border: 0;
}

th {
  font-weight: 600;
}

td {
  border-bottom: 1px solid #6B6C6E;
}

mark {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  background-color: rgb(175.4, 224.6, 183.8);
}

main {
  overflow: hidden;
  padding-bottom: 4rem;
}

img,
picture {
  display: block;
  max-width: 100%;
  height: auto;
}

textarea,
select,
input,
input[type=search] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 50rem;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.75rem;
  border-radius: 0;
  border: 1px solid rgb(195.8, 196.2, 197);
  background: white;
  color: rgb(58.85, 59.4, 60.5);
  line-height: 1;
  cursor: pointer;
}
textarea:hover,
select:hover,
input:hover,
input[type=search]:hover {
  border-color: #0E76BC;
}
textarea:focus,
select:focus,
input:focus,
input[type=search]:focus {
  border-color: rgb(11.2, 94.4, 150.4);
  outline: none;
}

select {
  width: auto;
  padding: 0.5em 2.25rem 0.5em 0.75em;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23544C4C%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
  background-size: 0.65em auto;
  line-height: 1.5;
}

/* Hide arrow icon in IE browsers */
select::-ms-expand {
  display: none;
}

/* Set options to normal weight */
select option {
  font-weight: normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir=rtl] .select,
:root:lang(ar) select,
:root:lang(iw) select {
  background-position: left 0.7em top 50%, 0 0;
  padding: 0.6em 0.8em 0.5em 1.4em;
}

/* Disabled styles */
select:disabled,
select[aria-disabled=true] {
  color: graytext;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e5e5));
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
}

select:disabled:hover,
select[aria-disabled=true] {
  border-color: #aaa;
}

.o-wrapper, .wp-block-group__inner-container {
  max-width: 1382px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 768px) {
  .o-wrapper, .wp-block-group__inner-container {
    padding-right: 2.25rem;
    padding-left: 2.25rem;
  }
}
@media (min-width: 1024px) {
  .o-wrapper, .wp-block-group__inner-container {
    padding-right: 2.25rem;
    padding-left: 2.25rem;
  }
}

.o-full-width, .wp-block-group.full-width {
  width: 100vw;
  -webkit-transform: translateX(-50vw);
       -o-transform: translateX(-50vw);
          transform: translateX(-50vw);
  margin-left: 50%;
}

/*--------------------------------------------------------------
 #5. Blocks
--------------------------------------------------------------*/
/* =================================================================
   Layout
   ================================================================= */
.blocks > * + *, .wp-block-group__inner-container > * + * {
  margin-top: 1.5rem;
}

@media (min-width: 1024px) {
  .blocks > div, .wp-block-group__inner-container > div,
  .blocks > section,
  .wp-block-group__inner-container > section,
  .blocks > blockquote,
  .wp-block-group__inner-container > blockquote,
  .blocks > figure,
  .wp-block-group__inner-container > figure {
    margin-top: 3rem;
  }
}

@media (min-width: 1024px) {
  .blocks > div + *, .wp-block-group__inner-container > div + *,
  .blocks > blockquote + *,
  .wp-block-group__inner-container > blockquote + *,
  .blocks > figure + *,
  .wp-block-group__inner-container > figure + * {
    margin-top: 3rem;
  }
}

.blocks > .has-background + .has-background, .wp-block-group__inner-container > .has-background + .has-background {
  margin-top: 0;
}

.blocks > h1 + p, .wp-block-group__inner-container > h1 + p,
.blocks > h2 + p,
.wp-block-group__inner-container > h2 + p,
.blocks > h3 + p,
.wp-block-group__inner-container > h3 + p,
.blocks > h4 + p,
.wp-block-group__inner-container > h4 + p,
.blocks > h5 + p,
.wp-block-group__inner-container > h5 + p,
.blocks > h6 + p,
.wp-block-group__inner-container > h6 + p {
  margin-top: 0.75rem;
}
.blocks > h1 + .wp-block-image, .wp-block-group__inner-container > h1 + .wp-block-image,
.blocks > h2 + .wp-block-image,
.wp-block-group__inner-container > h2 + .wp-block-image,
.blocks > h3 + .wp-block-image,
.wp-block-group__inner-container > h3 + .wp-block-image,
.blocks > h4 + .wp-block-image,
.wp-block-group__inner-container > h4 + .wp-block-image,
.blocks > h5 + .wp-block-image,
.wp-block-group__inner-container > h5 + .wp-block-image,
.blocks > h6 + .wp-block-image,
.wp-block-group__inner-container > h6 + .wp-block-image {
  margin-top: 1.5rem;
}
.blocks > * + h1, .wp-block-group__inner-container > * + h1,
.blocks > * + h2,
.wp-block-group__inner-container > * + h2,
.blocks > * + h3,
.wp-block-group__inner-container > * + h3,
.blocks > * + h4,
.wp-block-group__inner-container > * + h4,
.blocks > * + h5,
.wp-block-group__inner-container > * + h5,
.blocks > * + h6,
.wp-block-group__inner-container > * + h6 {
  margin-top: 2.25rem;
}

.wp-block-group.has-background {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (min-width: 1024px) {
  .wp-block-group.has-background {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
.wp-admin .wp-block-group.full-width {
  width: 100%;
  -webkit-transform: none;
       -o-transform: none;
          transform: none;
  margin-left: 0;
}

.wp-block-image .alignleft {
  margin-right: 1.75rem;
  margin-bottom: 1.25rem;
}

.wp-block-image + p {
  margin-top: 1.5rem;
}

/* =================================================================
   Colour classes
   ================================================================= */
.has-blue-color {
  color: #0E76BC !important;
}

.has-blue-background-color {
  background-color: #0E76BC !important;
}

.has-navy-color {
  color: #074075 !important;
}

.has-navy-background-color {
  background-color: #074075 !important;
}

.has-green-color {
  color: #38B34D !important;
}

.has-green-background-color {
  background-color: #38B34D !important;
}

.has-grey-color {
  color: #6B6C6E !important;
}

.has-grey-background-color {
  background-color: #6B6C6E !important;
}

.has-background {
  padding: 2.25rem 1rem;
}
@media (min-width: 1024px) {
  .has-background {
    padding: 2.25rem;
  }
}

.page__content > .has-background,
.post__content > .blocks > .has-background,
.post__content > .wp-block-group__inner-container > .has-background {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1024px) {
  .page__content > .has-background,
  .post__content > .blocks > .has-background,
  .post__content > .wp-block-group__inner-container > .has-background {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}

.has-lightgrey-color {
  color: rgb(244.64, 244.71, 244.85);
}

.has-lightgrey-background-color {
  background-color: rgb(244.64, 244.71, 244.85);
}

/* =================================================================
   Typography classes
   ================================================================= */
/* =================================================================
   Typography classes
   ================================================================= */
.wp-block-image figcaption {
  margin-top: 0.5rem;
}

.wp-block-button > * {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75rem 1.5rem 0.75rem;
  border: 2px solid transparent;
  border-radius: 0 !important;
  background-color: #0E76BC;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: white;
  font: inherit;
  font-weight: 600;
  letter-spacing: 0.05ch;
  line-height: 1;
  text-decoration: none;
  vertical-align: middle;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  -webkit-transition: border-color 0.2s, background-color 0.2s, color 0.2s ease;
  -o-transition: border-color 0.2s, background-color 0.2s, color 0.2s ease;
  transition: border-color 0.2s, background-color 0.2s, color 0.2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.wp-block-button > *:focus:not([disabled]), .wp-block-button > *:hover:not([disabled]) {
  background-color: #38B34D;
  color: white;
  text-decoration: none;
}
.wp-block-button > *[disabled] {
  background-color: rgb(195.8, 196.2, 197);
  color: #6B6C6E;
  cursor: not-allowed;
  text-decoration: none;
}

.wp-block-button.is-style-outline > * {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75rem 1.5rem 0.75rem;
  border: 2px solid transparent;
  border-radius: 0 !important;
  background-color: #0E76BC;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: white;
  font: inherit;
  font-weight: 600;
  letter-spacing: 0.05ch;
  line-height: 1;
  text-decoration: none;
  vertical-align: middle;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  -webkit-transition: border-color 0.2s, background-color 0.2s, color 0.2s ease;
  -o-transition: border-color 0.2s, background-color 0.2s, color 0.2s ease;
  transition: border-color 0.2s, background-color 0.2s, color 0.2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 2px solid #0E76BC;
  color: #0E76BC !important;
}
.wp-block-button.is-style-outline > *:focus:not([disabled]), .wp-block-button.is-style-outline > *:hover:not([disabled]) {
  background-color: #38B34D;
  color: white;
  text-decoration: none;
}
.wp-block-button.is-style-outline > *[disabled] {
  background-color: rgb(195.8, 196.2, 197);
  color: #6B6C6E;
  cursor: not-allowed;
  text-decoration: none;
}
.wp-block-button.is-style-outline > *:focus:not([disabled]), .wp-block-button.is-style-outline > *:hover:not([disabled]) {
  border-color: #38B34D;
  background-color: transparent;
  color: #38B34D !important;
}

.feature-posts > ul {
  margin: 0;
  padding-left: 0;
  color: rgb(58.85, 59.4, 60.5);
}
@media (min-width: 768px) {
  .feature-posts > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  @supports (display: grid) {
    .feature-posts > ul {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 1rem;
    }
  }
}
@media (min-width: 1024px) {
  .feature-posts > ul {
    grid-gap: 2.25rem 1.5rem;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 768px) {
  .feature-posts > ul > li {
    width: 31%;
  }
}
@supports (display: grid) {
  .feature-posts > ul > li {
    width: auto;
  }
}

@media (max-width: 767px) {
  .feature-posts > ul > li + li {
    margin-top: 2.25rem;
  }
}

.feature-posts__list {
  margin: 0;
  padding-left: 0;
  color: rgb(58.85, 59.4, 60.5);
}
@media (min-width: 768px) {
  .feature-posts__list {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  .feature-posts__list {
    grid-gap: 3rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

/* =================================================================
   Feature posts within a group block
   ================================================================= */
.wp-block-group .feature-posts {
  margin-top: 3rem;
}
.wp-block-group .feature-posts .sdga-card {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .wp-block-group .feature-posts .sdga-card {
    margin-bottom: 0;
  }
}

.wp-block-group.has-navy-background-color .feature-posts .home__teaser a {
  color: #0E76BC;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: #0E76BC;
}
.wp-block-group.has-navy-background-color .feature-posts .home__teaser a:focus, .wp-block-group.has-navy-background-color .feature-posts .home__teaser a:hover {
  color: #0E76BC;
  text-decoration: none;
}

/* =================================================================
   Feature posts within a page/post content
   ================================================================= */
@media (min-width: 768px) {
  .post__content .feature-posts > ul,
  .page__content .feature-posts > ul {
    grid-gap: 1.5rem 1rem;
    grid-template-columns: 1fr 1fr;
  }
}
.wp-block-separator {
  margin: 3rem 0;
  border: 0;
  border-top: 1px solid rgb(232.8, 232.95, 233.25);
}

.wp-block-spacer,
.wp-block-spacer + * {
  margin-top: 0 !important;
}

.wp-block-spacer > * {
  margin: 0 !important;
}

.team-member {
  border-bottom: 2px solid rgba(58.85, 59.4, 60.5, 0.08);
  -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 24px rgba(0, 0, 0, 0.08);
  height: 100%;
  overflow: hidden;
}

.team-member img {
  width: 100%;
}
@media (max-width: 767px) {
  .team-member img {
    margin: 0.5rem;
    margin-right: 1rem;
    float: left;
    width: 80px;
  }
}

.team-member__content {
  padding: 1rem;
  padding-left: 0;
  background-color: white;
  overflow: hidden;
}
@media (min-width: 768px) {
  .team-member__content {
    padding: 1.5rem 1rem 1.75rem;
  }
}

.team-member h3 {
  font-weight: 700;
}

.wp-block-columns {
  margin-bottom: 1rem;
}
@media (min-width: 600px) {
  .wp-block-columns {
    margin-left: -1rem;
  }
}

.wp-block-columns + .wp-block-columns {
  margin-top: -1rem;
}

.wp-block-column {
  margin-bottom: 1rem;
}
@media (min-width: 600px) {
  .wp-block-column {
    margin-left: 1rem;
  }
}

@media (min-width: 600px) {
  .wp-block-column:not(:first-child) {
    margin-left: 1rem;
  }
}

.publication {
  border-bottom: 1px solid rgb(232.8, 232.95, 233.25);
  margin: 1rem 0;
  padding: 1rem 0;
}
@media (min-width: 769px) {
  .publication {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: no-wrap;
        flex-wrap: no-wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.publication__image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 26%;
          flex: 0 0 26%;
  margin-right: 4%;
}
.publication__image img {
  display: block;
  width: 100%;
  max-width: 250px;
  margin-bottom: 1rem;
  border: 1px solid rgb(232.8, 232.95, 233.25);
}
@media (min-width: 769px) {
  .publication__image img {
    margin-left: auto;
  }
}

.publication__content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 65%;
          flex: 0 0 65%;
}
.publication__content p {
  margin-bottom: 1rem;
}

/*--------------------------------------------------------------
 #6. Components

 Class-based styles can be adhered to on any HTML element,
 anywhere in a document. They are more portable and composable
 than element styles, but require the author to affect the
 markup directly.
--------------------------------------------------------------*/
a.button,
.button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75rem 1.5rem 0.75rem;
  border: 2px solid transparent;
  border-radius: 0 !important;
  background-color: #0E76BC;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: white;
  font: inherit;
  font-weight: 600;
  letter-spacing: 0.05ch;
  line-height: 1;
  text-decoration: none;
  vertical-align: middle;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  -webkit-transition: border-color 0.2s, background-color 0.2s, color 0.2s ease;
  -o-transition: border-color 0.2s, background-color 0.2s, color 0.2s ease;
  transition: border-color 0.2s, background-color 0.2s, color 0.2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
a.button:focus:not([disabled]), a.button:hover:not([disabled]),
.button:focus:not([disabled]),
.button:hover:not([disabled]) {
  background-color: #38B34D;
  color: white;
  text-decoration: none;
}
a.button[disabled],
.button[disabled] {
  background-color: rgb(195.8, 196.2, 197);
  color: #6B6C6E;
  cursor: not-allowed;
  text-decoration: none;
}
a.button--outline,
.button--outline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75rem 1.5rem 0.75rem;
  border: 2px solid transparent;
  border-radius: 0 !important;
  background-color: #0E76BC;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: white;
  font: inherit;
  font-weight: 600;
  letter-spacing: 0.05ch;
  line-height: 1;
  text-decoration: none;
  vertical-align: middle;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  -webkit-transition: border-color 0.2s, background-color 0.2s, color 0.2s ease;
  -o-transition: border-color 0.2s, background-color 0.2s, color 0.2s ease;
  transition: border-color 0.2s, background-color 0.2s, color 0.2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 2px solid #0E76BC;
  color: #0E76BC !important;
}
a.button--outline:focus:not([disabled]), a.button--outline:hover:not([disabled]),
.button--outline:focus:not([disabled]),
.button--outline:hover:not([disabled]) {
  background-color: #38B34D;
  color: white;
  text-decoration: none;
}
a.button--outline[disabled],
.button--outline[disabled] {
  background-color: rgb(195.8, 196.2, 197);
  color: #6B6C6E;
  cursor: not-allowed;
  text-decoration: none;
}
a.button--outline:focus:not([disabled]), a.button--outline:hover:not([disabled]),
.button--outline:focus:not([disabled]),
.button--outline:hover:not([disabled]) {
  border-color: #38B34D;
  background-color: transparent;
  color: #38B34D !important;
}
a.button--with-icon,
.button--with-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75rem 1.5rem 0.75rem;
  border: 2px solid transparent;
  border-radius: 0 !important;
  background-color: #0E76BC;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: white;
  font: inherit;
  font-weight: 600;
  letter-spacing: 0.05ch;
  line-height: 1;
  text-decoration: none;
  vertical-align: middle;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  -webkit-transition: border-color 0.2s, background-color 0.2s, color 0.2s ease;
  -o-transition: border-color 0.2s, background-color 0.2s, color 0.2s ease;
  transition: border-color 0.2s, background-color 0.2s, color 0.2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding-left: 1rem;
}
a.button--with-icon:focus:not([disabled]), a.button--with-icon:hover:not([disabled]),
.button--with-icon:focus:not([disabled]),
.button--with-icon:hover:not([disabled]) {
  background-color: #38B34D;
  color: white;
  text-decoration: none;
}
a.button--with-icon[disabled],
.button--with-icon[disabled] {
  background-color: rgb(195.8, 196.2, 197);
  color: #6B6C6E;
  cursor: not-allowed;
  text-decoration: none;
}
a.button--with-icon svg,
.button--with-icon svg {
  max-width: 1em;
  max-height: 1em;
  margin-right: 0.5rem;
}
a.button--invert,
.button--invert {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75rem 1.5rem 0.75rem;
  border: 2px solid transparent;
  border-radius: 0 !important;
  background-color: #0E76BC;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: white;
  font: inherit;
  font-weight: 600;
  letter-spacing: 0.05ch;
  line-height: 1;
  text-decoration: none;
  vertical-align: middle;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  -webkit-transition: border-color 0.2s, background-color 0.2s, color 0.2s ease;
  -o-transition: border-color 0.2s, background-color 0.2s, color 0.2s ease;
  transition: border-color 0.2s, background-color 0.2s, color 0.2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding-left: 1.5rem;
}
a.button--invert:focus:not([disabled]), a.button--invert:hover:not([disabled]),
.button--invert:focus:not([disabled]),
.button--invert:hover:not([disabled]) {
  background-color: #38B34D;
  color: white;
  text-decoration: none;
}
a.button--invert[disabled],
.button--invert[disabled] {
  background-color: rgb(195.8, 196.2, 197);
  color: #6B6C6E;
  cursor: not-allowed;
  text-decoration: none;
}
a.button--invert svg,
.button--invert svg {
  margin-right: 0;
  margin-left: 0.5rem;
}
a.button--transparent,
.button--transparent {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75rem 1.5rem 0.75rem;
  border: 2px solid transparent;
  border-radius: 0 !important;
  background-color: #0E76BC;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: white;
  font: inherit;
  font-weight: 600;
  letter-spacing: 0.05ch;
  line-height: 1;
  text-decoration: none;
  vertical-align: middle;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  -webkit-transition: border-color 0.2s, background-color 0.2s, color 0.2s ease;
  -o-transition: border-color 0.2s, background-color 0.2s, color 0.2s ease;
  transition: border-color 0.2s, background-color 0.2s, color 0.2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0;
  border: none;
  background-color: transparent;
  color: #0E76BC;
}
a.button--transparent:focus:not([disabled]), a.button--transparent:hover:not([disabled]),
.button--transparent:focus:not([disabled]),
.button--transparent:hover:not([disabled]) {
  background-color: #38B34D;
  color: white;
  text-decoration: none;
}
a.button--transparent[disabled],
.button--transparent[disabled] {
  background-color: rgb(195.8, 196.2, 197);
  color: #6B6C6E;
  cursor: not-allowed;
  text-decoration: none;
}
a.button--transparent:focus:not([disabled]), a.button--transparent:hover:not([disabled]),
.button--transparent:focus:not([disabled]),
.button--transparent:hover:not([disabled]) {
  background-color: transparent;
  color: #38B34D;
}

.button__icon {
  fill: currentColor;
}

.site-header {
  margin-top: 3.5rem;
}
@media (min-width: 1200px) {
  .site-header {
    margin-top: 1.5rem;
  }
}
@media print {
  .site-header {
    margin-top: 0;
  }
}

.site-header__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgb(232.8, 232.95, 233.25);
}

@media (max-width: 767px) {
  .site-header__brand {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .site-header__brand {
    margin-right: 1.5rem;
  }
}
@media print {
  .site-header__brand {
    width: 300px;
  }
}

.site-header__brand a {
  display: inline-block;
}
@media (max-width: 767px) {
  .site-header__brand a {
    width: 100%;
  }
}

.site-header__brand img {
  width: 250px;
  height: auto;
}
@media (min-width: 1025px) {
  .site-header__brand img {
    width: 480px;
  }
}
@media (min-width: 1440px) {
  .site-header__brand img {
    width: 600px;
  }
}

.site-header__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1rem;
  margin-left: auto;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .site-header__navigation {
    margin-top: 0.9rem;
  }
}
@media (min-width: 1024px) {
  .site-header__navigation {
    margin-top: 1rem;
  }
}
@media print {
  .site-header__navigation {
    display: none;
  }
}

.site-header__utilities {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
@media (min-width: 1200px) {
  .site-header__utilities {
    position: relative;
  }
}

.site-header__utilities > * + * {
  margin-left: 1.5rem;
}

.site-header__cta {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
@media (min-width: 768px) {
  .site-header__cta {
    right: 2.25rem;
  }
}
@media (min-width: 1024px) {
  .site-header__cta {
    right: 2.25rem;
  }
}
@media (min-width: 1200px) {
  .site-header__cta {
    position: static;
  }
}

@media (min-width: 1200px) {
  .site-header__search-toggle {
    padding-left: 1.25rem;
    border-left: 1px solid rgb(195.8, 196.2, 197);
  }
}

.site-header__search {
  top: 0;
  position: absolute;
  left: 0;
  margin-left: 0;
  padding: 1rem;
  -webkit-box-shadow: 0px 4px 8px rgba(107, 108, 110, 0.5);
          box-shadow: 0px 4px 8px rgba(107, 108, 110, 0.5);
  background: rgb(5.6, 51.2, 93.6);
  z-index: 1000;
}
@media (max-width: 767px) {
  .site-header__search {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .site-header__search {
    top: 5rem;
    right: 2.25rem;
    left: auto;
  }
}
@media (min-width: 1024px) {
  .site-header__search {
    top: 0.5rem;
    right: 2.25rem;
  }
}
@media (min-width: 1200px) {
  .site-header__search {
    top: calc(100% + 0.5rem);
    right: 0;
  }
}

.js .site-header__search {
  display: none;
}

.js .site-header__search--is-open {
  display: block;
}

.site-footer {
  padding-bottom: 1.5rem;
  background-color: #074075;
  color: white;
}

.site-footer__wrapper {
  padding-top: 3rem;
}
@media (min-width: 768px) {
  .site-footer__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 767px) {
  .site-footer__wrapper > * + * {
    margin-top: 2.25rem;
  }
}

.site-footer__wrapper > :not(:last-child) {
  margin-right: 4vw;
}

.site-footer a {
  color: white;
  text-decoration-color: rgb(98.35, 165.95, 211.45);
}
.site-footer a:hover, .site-footer a:focus {
  color: rgb(158.6, 200.2, 228.2);
}

.site-footer__logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -0.5rem -1.5rem;
  overflow: hidden;
}

.site-footer__logos > * {
  margin: 0.5rem 1.5rem;
  position: relative;
}

.site-footer__logos > :last-child::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(-1.5rem - 1px);
  bottom: 0;
  border-right: 1px solid rgb(11.2, 94.4, 150.4);
}

.site-footer__connect {
  margin-top: 2.25rem;
}
@media print {
  .site-footer__connect {
    display: none;
  }
}

.site-footer__connect > * {
  margin-right: 0.25rem;
}

.site-footer__connect > span {
  font-weight: 700;
}

.site-footer__connect a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 3rem;
  height: 3rem;
  border: 2px solid #0E76BC;
  border-radius: 50%;
  text-decoration: none;
  vertical-align: middle;
}
.site-footer__connect a:hover, .site-footer__connect a:focus {
  background-color: #0E76BC;
  color: white;
}

.site-footer__about {
  margin-top: 1.5rem;
  font-size: 1rem;
  max-width: 60ch;
}

@media (min-width: 768px) {
  .site-footer__navigation {
    margin-top: 3rem;
  }
}
@media print {
  .site-footer__navigation {
    display: none;
  }
}

@media (min-width: 768px) {
  .site-footer__navigation:first-of-type {
    margin-left: auto;
  }
}

@media (min-width: 1024px) {
  .site-footer__navigation:last-of-type {
    margin-bottom: 2.25rem;
  }
}

.site-footer__navigation h2 {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.05ch;
  text-transform: uppercase;
}

.site-footer__navigation ul {
  list-style: none;
  margin: 0;
  margin-top: 2.25rem;
  padding: 0;
}

.site-footer__navigation li + li {
  margin-top: 1rem;
}

.site-footer__navigation a[rel=external] {
  position: relative;
}
.site-footer__navigation a[rel=external]:hover, .site-footer__navigation a[rel=external]:focus {
  color: rgb(175.4, 224.6, 183.8);
}

.site-footer__navigation a[rel=external]::after {
  display: inline-block;
  width: 16px;
  height: 16px;
  opacity: 1;
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(175 225 184);"><path d="M21 11L6.414 11 11.707 5.707 10.293 4.293 2.586 12 10.293 19.707 11.707 18.293 6.414 13 21 13z"></path></svg>');
  -webkit-transform: rotate(135deg);
       -o-transform: rotate(135deg);
          transform: rotate(135deg);
  line-height: 1;
}

.site-footer__legal {
  margin-top: 3rem;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .site-footer__legal {
    margin-top: 0;
    margin-left: auto;
    text-align: right;
  }
}

.primary-navigation {
  list-style: none;
  margin: 0;
  padding: 0;
}

.primary-navigation li {
  display: inline-block;
  margin-right: 1.5rem;
}

.primary-navigation a {
  text-decoration: none;
  color: currentColor;
}

.breadcrumbs {
  margin-top: 0.75rem;
  font-size: 1rem;
}

.breadcrumbs a {
  color: #6B6C6E;
  font-weight: 400;
  text-decoration: none;
}

.breadcrumbs a + span {
  margin: 0 0.5rem;
  color: #38B34D;
  font-weight: 700;
}

.post__header-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.post__categories {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  color: rgb(85.6, 86.4, 88);
}

.post__topic {
  color: rgb(58.85, 59.4, 60.5);
  font-weight: 600;
}

.post__excerpt {
  margin-top: 2.25rem;
}

.post__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-top: 2.25rem;
  padding-top: 1rem;
}

.post__meta > * + * {
  margin-left: 1rem;
}

.post__type {
  display: inline-block;
  padding: 0 0.5rem;
  background-color: rgba(252, 195, 11, 0.2);
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.05ch;
  text-transform: uppercase;
}

.post__date {
  margin-top: 0.5rem;
  margin-right: auto;
  padding-right: 1.25rem;
  line-height: 1;
}
.post__date:first-child {
  margin-left: 0;
}

.post__goals {
  margin-top: 1rem;
  margin-left: 0;
}

.post__goal {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  border-radius: 50%;
  color: white;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
}

a.post__goal {
  position: relative;
  text-decoration: none;
  -webkit-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  transition: 0.25s ease;
}
a.post__goal:hover, a.post__goal:focus {
  background-color: rgb(58.85, 59.4, 60.5) !important;
}

.post__main {
  margin-top: 2.25rem;
}
@media (min-width: 1024px) {
  .post__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: grid;
    grid-template-columns: 10rem 1fr 300px;
    grid-column-gap: 4rem;
    margin-top: 4rem;
  }
}
@media print {
  .post__main {
    display: block;
    margin-top: 0;
  }
}

@media (min-width: 1024px) {
  .post__main > * + * {
    padding-left: 2.25rem;
  }
  @supports (display: grid) {
    .post__main > * + * {
      padding-left: 0;
    }
  }
}

@media (min-width: 1024px) {
  .post__content {
    grid-column: 2;
    width: 60%;
  }
  @supports (display: grid) {
    .post__content {
      width: auto;
    }
  }
}

@media print {
  .post__content a[href]::after {
    content: " (" attr(href) ")";
    font-weight: 400;
    font-size: 0.9em;
  }
}

.post__utilities {
  margin-top: 3rem;
}
@media print {
  .post__utilities {
    display: none;
  }
}

@media (min-width: 768px) {
  .post__utilities > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.post__utilities > div > * {
  margin-top: 0.75rem;
}

.post__utilities a {
  margin-right: 2.25rem;
}

.post__utilities a:not(.button) {
  display: inline-block;
  vertical-align: baseline;
  text-decoration: none;
}
.post__utilities a:not(.button):hover, .post__utilities a:not(.button):focus {
  color: #38B34D;
}

.post__footer-meta {
  margin-top: 2.25rem;
  padding-top: 2.25rem;
  border-top: 1px solid rgb(232.8, 232.95, 233.25);
}
@media print {
  .post__footer-meta {
    display: none;
  }
}

@media (min-width: 768px) {
  .post__footer-meta > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.post__footer-meta div div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  .post__footer-meta div div {
    margin-left: 2.25rem;
  }
}

.post__footer-meta > div > :first-child {
  margin-left: 0;
}

.post__footer-meta h2 {
  width: 100%;
}

.post__footer-meta p {
  margin-top: 1rem;
}

.post__footer-meta p + p {
  margin-left: 2.25rem;
}

.post__footer-meta span:first-child {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 400;
}

@media (min-width: 768px) {
  .post__footer-meta span:last-child {
    display: inline-block;
    margin-top: 0.5rem;
  }
}

.post__author-summary {
  margin-bottom: 2.25rem;
  padding-bottom: 2.25rem;
  border-bottom: 1px solid rgb(232.8, 232.95, 233.25);
}
@media (min-width: 768px) {
  .post__author-summary {
    width: 20%;
    grid-column: 1/span 2;
    padding-bottom: 0;
    border: none;
  }
  @supports (display: grid) {
    .post__author-summary {
      width: auto;
    }
  }
}
@media (min-width: 1024px) {
  .post__author-summary {
    grid-column: span 1;
  }
}

.post__author-summary h2 {
  font-size: 1rem;
  font-family: "Open Sans", sans-serif;
  line-height: 1.375;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .post__author-summary h2 {
    line-height: 1.5;
  }
}
@media (min-width: 1200px) {
  .post__author-summary h2 {
    font-size: 1.125rem;
  }
}

.post__author-summary h3 {
  margin-top: 1rem;
}

.post__author-summary img {
  width: 150px;
  height: auto;
}
@media (max-width: 1023px) {
  .post__author-summary img {
    display: none;
  }
}
@media print {
  .post__author-summary img {
    display: none;
  }
}

.post__author-summary img ~ img {
  margin-top: 2.25rem;
}

.post__author-detail {
  margin-top: 3rem;
  padding: 1.5rem 1rem 3rem;
  background-color: rgb(244.64, 244.71, 244.85);
}
@media (min-width: 1024px) {
  .post__author-detail {
    padding: 1.5rem 2.25rem 3rem;
  }
}

.post__author-detail article {
  margin-top: 2.25rem;
}

.post__author-bio {
  margin-top: 1rem;
}

@media (min-width: 768px) {
  .post__aside {
    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-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 20%;
    padding-bottom: 1.5rem;
  }
  @supports (display: grid) {
    .post__aside {
      width: auto;
    }
  }
}
@media print {
  .post__aside {
    display: none;
  }
}

.post__advert {
  margin-top: 2.25rem;
  padding: 1.25rem 0 1rem;
  border: solid rgb(232.8, 232.95, 233.25);
  border-width: 1px 0;
  text-align: center;
}
@media (min-width: 1024px) {
  .post__advert {
    display: none;
  }
}

.post__adverts {
  display: none;
}
@media (min-width: 1024px) {
  .post__adverts {
    display: block;
    margin-top: 0.5rem;
  }
}

.post__adverts > * + * {
  margin-top: 1rem;
}
@media (min-width: 1024px) {
  .post__adverts > * + * {
    margin-top: 2.25rem;
  }
}

@media (max-width: 1023px) {
  .post__related {
    margin-top: 3rem;
  }
}

.post__related-posts {
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  .post__related-posts {
    margin-top: 2.25rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .post__related-posts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
  }
}

.post__adverts + .post__related {
  margin-top: 600;
}
@media (min-width: 768px) {
  .post__adverts + .post__related {
    margin-top: 4rem;
  }
}

.post__related-posts > * + * {
  margin-top: 1rem;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .post__related-posts > * + * {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .post__related-posts > * + * {
    margin-top: 2.25rem;
  }
}

/* =================================================================
   Single post template
   ================================================================= */
.single .post {
  margin-top: 2.25rem;
}

@media (max-width: 1023px) {
  .single .post__header {
    padding-bottom: 1rem;
    background-color: rgb(244.64, 244.71, 244.85);
  }
}
@media print {
  .single .post__header {
    background-color: transparent;
  }
}

@media (min-width: 1024px) {
  .single .post__header--with-adjacent-image {
    padding-bottom: 2rem;
  }
}

@media (min-width: 1024px) {
  .single .post__header-content::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: -25vw;
    bottom: -4rem;
    background-color: rgb(244.64, 244.71, 244.85);
    z-index: -1;
  }
}
@media print {
  .single .post__header-content::before {
    content: none;
  }
}

@media (min-width: 1024px) {
  .single .post__header--with-adjacent-image .post__header-content::before {
    bottom: 0;
  }
}

.single .post__title,
.single .post__excerpt p {
  max-width: none;
}

@media (min-width: 768px) {
  .single .post__header--with-adjacent-image .post__header-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media print {
  .single .post__header--with-adjacent-image .post__header-wrapper {
    display: block;
  }
}

.single .post__header-content {
  position: relative;
  padding: 2.25rem 0 1.5rem;
}
@media (min-width: 768px) {
  .single .post__header-content {
    padding-right: 3rem;
  }
}
@media (min-width: 1024px) {
  .single .post__header-content {
    width: calc(100% - 300px);
    padding-top: 3rem;
    padding-right: 4rem;
  }
}
@media print {
  .single .post__header-content {
    width: auto;
    padding-top: 0;
  }
}

.single .post__header .post__meta {
  margin-top: 1.5rem;
  padding-top: 0;
}

@media (min-width: 768px) {
  .single .post__header .post__date:not(:last-child) {
    margin-right: 1.25rem;
    border-right: 1px solid rgb(195.8, 196.2, 197);
  }
}

.single .post__editions {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-left: 0;
  margin-top: 1rem;
}

.single .post__edition {
  color: #0E76BC;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: #0E76BC;
}
.single .post__edition:focus, .single .post__edition:hover {
  color: #0E76BC;
  text-decoration: none;
}

.single .post__editions span:last-child {
  display: none;
}

@media (min-width: 1024px) {
  .single .post__image {
    margin-top: 0.5rem;
  }
}

@media (min-width: 768px) {
  .single .post__header--with-adjacent-image .post__image {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 40%;
    margin-top: 0;
    padding: 1rem;
    background-color: rgb(244.64, 244.71, 244.85);
  }
  @supports (display: grid) {
    .single .post__header--with-adjacent-image .post__image {
      padding: 0;
    }
  }
}
@media print {
  .single .post__header--with-adjacent-image .post__image {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .single .post__image figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (min-width: 768px) {
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .single .post__header--with-adjacent-image .post__image figure {
      height: calc(100% + 1rem);
    }
  }
}
@media (min-width: 1024px) {
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .single .post__header--with-adjacent-image .post__image figure {
      height: calc(100% + 2.25rem * 2);
      -webkit-transform: translateY(-2.25rem);
           -o-transform: translateY(-2.25rem);
              transform: translateY(-2.25rem);
    }
  }
}
@media print {
  .single .post__header--with-adjacent-image .post__image figure {
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
  }
}

@media (min-width: 768px) {
  .single .post__image figcaption {
    margin-left: auto;
  }
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .single .post__image figure > div {
    position: relative;
    height: 0;
    padding-bottom: 66.66666%;
  }
  @media (min-width: 768px) {
    .single .post__image figure > div {
      padding-bottom: 40%;
    }
  }
  .single .post__image figure > div > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

@media (min-width: 768px) {
  .single .post__header--with-adjacent-image .post__image div {
    height: 100%;
  }
}

.single .post__image img {
  width: 100%;
}
@media (min-width: 768px) {
  .single .post__image img {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

@media (min-width: 768px) {
  .single .post__header--with-adjacent-image .post__image img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.single .post__content > .blocks > p:first-child, .single .post__content > .wp-block-group__inner-container > p:first-child {
  font-weight: 600;
}

/* =================================================================
Post teaser
================================================================= */
.listing .post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1024px) {
  .listing .post {
    display: grid;
    grid-template-columns: 1.5fr 3fr;
    grid-column-gap: 2.25rem;
  }
}

.listing .page {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgb(232.8, 232.95, 233.25);
}

.listing .post > * {
  grid-column: 2;
}

.listing .post__image {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  grid-row: 1;
  margin-bottom: 0.75rem;
}
@media (min-width: 1024px) {
  .listing .post__image {
    grid-column: 1;
    grid-row: 1/span 3;
    margin-top: 0.25rem;
  }
}

.listing .post__image a {
  overflow: hidden;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .listing .post__image a {
    position: relative;
    display: block;
    height: 0;
    padding-bottom: 66.66666%;
  }
  @media (min-width: 1024px) {
    .listing .post__image a {
      padding-bottom: 100%;
    }
  }
}

.listing .post__image img {
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .listing .post__image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.listing .post__image a:hover img {
  -webkit-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);
}

.listing .post__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.listing .post__title a {
  color: rgb(58.85, 59.4, 60.5);
  font-weight: 700;
  text-decoration: none;
}
.listing .post__title a:hover, .listing .post__title a:focus {
  color: #0E76BC;
}

.listing .post__author {
  margin-top: 1rem;
  font-size: 1rem;
  font-weight: 600;
}

.listing .page .post__excerpt {
  margin-top: 1rem;
}

.listing .post__excerpt > p:last-child {
  margin-top: 1.5rem;
}

.listing .post__meta {
  margin-top: 0.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgb(232.8, 232.95, 233.25);
}

/* =================================================================
Home page main post
================================================================= */
.home__main-post .post {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #074075;
  color: white;
}

.home__main-post .post > *:not(.post__image) {
  margin-right: 1rem;
  margin-left: 1rem;
}
@media (min-width: 1024px) {
  .home__main-post .post > *:not(.post__image) {
    margin-right: 2.25rem;
    margin-left: 2.25rem;
  }
}

.home__main-post .post__image {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(black));
  -webkit-mask-image: -webkit-linear-gradient(bottom, transparent, black);
          mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(black));
          mask-image: linear-gradient(to top, transparent, black);
}

.home__main-post .post__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 1rem;
  z-index: 1;
}
@supports ((-webkit-mask-image: url()) or (mask-image: url())) {
  .home__main-post .post__header {
    margin-top: -6rem;
  }
}

.home__main-post .post__title a {
  color: white;
  font-weight: 700;
  text-decoration: none;
}
.home__main-post .post__title a:hover, .home__main-post .post__title a:focus {
  color: rgb(158.6, 200.2, 228.2);
}

.home__main-post .post__title a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.home__main-post .post__author {
  margin-top: 1rem;
  font-weight: 600;
}

.home__main-post .post__topic,
.home__main-post .post__categories {
  color: white;
}

.home__main-post .post__excerpt > p:last-child {
  display: none;
}

.home__main-post .post__meta {
  margin-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 576px) {
  .home__main-post .post__meta {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
}

.home__main-post .post__date {
  border: none;
  font-size: 1rem;
}

.home__main-post .post__type {
  background-color: rgba(158.6, 200.2, 228.2, 0.3);
}

.home__main-post .post__goals {
  position: relative;
  z-index: 1;
}
@media (max-width: 575px) {
  .home__main-post .post__goals {
    display: block;
  }
}

.site-intro {
  background-color: #074075;
  color: white;
  padding: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 1024px) {
  .site-intro {
    padding: 1.75rem;
    margin-bottom: 1.75rem;
  }
}

.post-filter {
  padding: 0.25rem 0.75rem 0.75rem;
  background-color: rgb(244.64, 244.71, 244.85);
}
@media (min-width: 768px) {
  .post-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 0;
  }
}

.post-filter > * {
  margin-top: 0.75rem;
}
@media (min-width: 768px) {
  .post-filter > * {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: 1rem;
  }
}

@media (max-width: 767px) {
  .post-filter > * + * {
    margin-top: 1rem;
  }
}

.post-filter__diplomacy {
  display: none;
}

.post-filter select,
.post-filter input {
  width: 100%;
}

@media (min-width: 768px) {
  .post-filter__submit {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 11rem;
            flex: 0 0 11rem;
    margin-right: 0;
  }
}

.post-filter__reset {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-top: 0.5rem;
  margin-right: 0.5rem;
  padding: 0.25rem 0.5rem;
  padding-right: 1.5rem;
  background-color: rgb(218.85, 234.45, 244.95);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'12'%20height%3D'12'%20viewBox%3D'-393%20195%2012%2012'%20enable-background%3D'new%20-393%20195%2012%2012'%3E%3Cpath%20fill%3D'transparent'%20d%3D'M-393%20195h12v12h-12v-12z'%2F%3E%3Cpath%20fill%3D'%23069'%20d%3D'M-389.8%20205l-1.1-1.1%206.8-6.9%201.1%201.1-6.8%206.9zm6.7-1.1l-1.1%201.1-6.8-6.9%201.1-1.1%206.8%206.9z'%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 0.25rem) 0.4rem;
  font-weight: 400;
  font-size: 14px;
  text-align: left;
}
.post-filter__reset:hover, .post-filter__reset:focus {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'12'%20height%3D'12'%20viewBox%3D'-393%20195%2012%2012'%20enable-background%3D'new%20-393%20195%2012%2012'%3E%3Cpath%20fill%3D'%2338B34D'%20d%3D'M-393%20195h12v12h-12v-12z'%2F%3E%3Cpath%20fill%3D'%23fff'%20d%3D'M-389.8%20205l-1.1-1.1%206.8-6.9%201.1%201.1-6.8%206.9zm6.7-1.1l-1.1%201.1-6.8-6.9%201.1-1.1%206.8%206.9z'%2F%3E%3C%2Fsvg%3E");
  background-color: rgb(225.15, 243.6, 228.3) !important;
  color: rgb(30.8, 98.45, 42.35) !important;
}

.post-filter__reset b {
  margin-right: 0.25rem;
}

.listing__main {
  margin-top: 2.25rem;
}
@media (min-width: 1024px) {
  .listing__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: grid;
    grid-template-columns: 1fr 300px;
    grid-column-gap: 3rem;
    grid-auto-flow: dense;
  }
}

.listing__filter {
  margin-bottom: 1.5rem;
}
@media (min-width: 1024px) {
  .listing__filter {
    grid-column: 1/-1;
    width: 100%;
  }
}

.listing__items {
  margin-bottom: 0;
  padding-left: 0;
}
@media (min-width: 1024px) {
  .listing__items {
    width: 60%;
    padding-right: 3rem;
  }
  @supports (display: grid) {
    .listing__items {
      width: auto;
      padding-right: 0;
    }
  }
}

.listing__item {
  max-width: none;
  margin-bottom: 3rem;
}

.listing__pagination {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  grid-column: 1;
  text-align: center;
}
@media (min-width: 1024px) {
  .listing__pagination {
    width: 100%;
  }
  @supports (display: grid) {
    .listing__pagination {
      text-align: right;
    }
  }
}

.listing__advert {
  padding-bottom: 2.25rem;
  border-bottom: 1px solid rgb(232.8, 232.95, 233.25);
  text-align: center;
}
@media (min-width: 1024px) {
  .listing__advert {
    display: none;
  }
}

.listing__adverts {
  display: none;
}
@media (min-width: 1024px) {
  .listing__adverts {
    width: 30%;
    margin-left: auto;
    text-align: right;
    display: block;
    margin-top: 1.5rem;
  }
  @supports (display: grid) {
    .listing__adverts {
      width: auto;
      text-align: left;
    }
  }
}

.listing__adverts > * + * {
  margin-top: 1rem;
}
@media (min-width: 1024px) {
  .listing__adverts > * + * {
    margin-top: 2.25rem;
  }
}

.listing__empty {
  margin-top: 4rem;
  color: #0E76BC;
  font-weight: 600;
}

.pagination .current {
  color: #0E76BC;
  font-weight: 600;
}

@media (min-width: 768px) {
  .pagination .nav-links > * + * {
    margin-left: 0.25rem;
  }
}

.pagination a {
  display: inline-block;
  margin-bottom: 0.5rem;
  padding: 0.25rem 0.75rem;
  background-color: rgb(218.85, 234.45, 244.95);
  color: rgb(11.2, 94.4, 150.4);
  font-weight: 600;
  text-decoration: none;
}
.pagination a:hover, .pagination a:focus {
  background-color: #38B34D;
  color: white;
}

.is-style-mark-before::before,
.is-style-mark::after,
.mark::before,
.mark::before,
.mark::after {
  content: "";
  display: block;
  background-color: #38B34D;
}

.is-style-mark::after,
.mark::after {
  width: 1.25em;
  height: 4px;
  margin-top: 0.75rem;
}
.home__main-post .is-style-mark::after,
.home__main-post .mark::after {
  margin-top: 1.25rem;
}

.mark--before::after {
  content: none;
}

.is-style-mark-before::before,
.mark--before::before {
  display: inline-block;
  width: 4px;
  height: 0.725em;
  margin-right: 0.5rem;
  vertical-align: baseline;
}

.page__excerpt.mark::after {
  margin-top: 1.75rem;
}

.page__block {
  margin-top: 4rem;
}

.page__main {
  margin-top: 4rem;
}
@media (min-width: 1024px) {
  .page__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: grid;
    grid-template-columns: 4rem 1fr 300px;
    grid-column-gap: 3rem;
  }
}

.page__main > * {
  width: 70%;
}
@supports (display: grid) {
  .page__main > * {
    width: auto;
  }
}

.page__main header {
  grid-column: 1/-1;
  max-width: 50rem;
  margin-bottom: 3rem;
}
@media (min-width: 1024px) {
  .page__main header {
    grid-column: 2;
  }
}

.page__excerpt {
  margin-top: 1rem;
}

.page__image {
  margin-top: 0.5rem !important;
}

@media (min-width: 1024px) {
  .page__content {
    grid-column: 2;
  }
}

.page__content > p:first-child,
.page__content > .page__image + p {
  font-weight: 600;
}

.page__advert {
  padding: 1.25rem 0 1rem;
  border: solid rgb(232.8, 232.95, 233.25);
  border-width: 1px 0;
  text-align: center;
}
@media (min-width: 1024px) {
  .page__advert {
    display: none;
  }
}

.page__adverts {
  display: none;
}
@media (min-width: 1024px) {
  .page__adverts {
    display: block;
    width: 30%;
    margin-top: 0.5rem;
    padding-left: 4rem;
  }
  @supports (display: grid) {
    .page__adverts {
      width: auto;
      padding-left: 0;
    }
  }
}

.page__adverts > * + * {
  margin-top: 1rem;
}
@media (min-width: 1024px) {
  .page__adverts > * + * {
    margin-top: 2.25rem;
  }
}

.post__header--page {
  margin-bottom: 4rem;
}
@media (min-width: 1024px) {
  .post__header--page .post__header-content::before {
    bottom: -1.5rem;
  }
}

.sdga-card {
  position: relative;
}

.sdga-card__content {
  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-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 0.75rem 0 1rem;
  background-color: white;
}

.has-background .sdga-card__content {
  padding-left: 1rem;
  padding-right: 1rem;
}

.has-background.has-white-background-color .sdga-card__content {
  padding-left: 0;
  padding-right: 0;
}

.sdga-card__title a {
  color: rgb(58.85, 59.4, 60.5);
  font-weight: 700;
  text-decoration: none;
}
.sdga-card__title a:hover, .sdga-card__title a:focus {
  color: #0E76BC;
}

.sdga-card__title a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.sdga-card__excerpt {
  margin-top: 0.75rem;
  margin-bottom: 1rem;
}

.sdga-card__excerpt + * {
  margin-top: auto;
}

.sdga-card__image {
  overflow: hidden;
}

.sdga-card__image img {
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.sdga-card:hover .sdga-card__image img {
  -webkit-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);
}

.sdga-card__author {
  font-weight: 600;
}

@media (min-width: 768px) {
  .sdga-card__goals {
    margin-top: 1rem;
  }
}

/* =================================================================
   Feature posts
   ================================================================= */
.feature-posts .sdga-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

/* =================================================================
   Secondary post on Home page
   ================================================================= */
@media (min-width: 768px) {
  .home__secondary-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.5rem;
    margin-top: 1.5rem;
  }
}
@media (min-width: 1024px) {
  @supports (display: grid) {
    .home__secondary-post {
      grid-gap: 1.5rem 3rem;
    }
  }
}

@media (min-width: 768px) {
  .home__secondary-post .sdga-card {
    width: 46%;
  }
  @supports (display: grid) {
    .home__secondary-post .sdga-card {
      width: auto;
    }
  }
}

.home__secondary-post .sdga-card__image {
  display: none;
}

.advert {
  display: inline-block;
  background-color: #074075;
}

.advert img {
  -webkit-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.advert:hover img {
  opacity: 0.5;
}

.home__more-posts .advert {
  display: block;
}
@supports (display: grid) {
  .home__more-posts .advert {
    display: inline-block;
  }
}

.home__primary {
  margin-top: 1.5rem !important;
}
@media (min-width: 1024px) {
  .home__primary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  @supports (display: grid) {
    .home__primary {
      grid-column-gap: 3rem;
    }
  }
}

@media (min-width: 1024px) {
  .home__primary > * {
    width: 48%;
  }
  @supports (display: grid) {
    .home__primary > * {
      width: auto;
    }
  }
}

.home__advert-one,
.home__advert-two-default-embed {
  text-align: center;
}

@media (min-width: 768px) {
  .home__advert-one-small {
    display: none;
  }
}

@media (max-width: 767px) {
  .home__advert-one-large {
    display: none;
  }
}

.home__secondary-post {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .home__secondary-post {
    margin-top: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .home__secondary-post {
    margin-top: 2.25rem;
  }
}

.home__feature-posts {
  margin: 0;
  margin-top: 1rem;
  padding: 0;
}
@media (min-width: 768px) {
  .home__feature-posts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.5rem;
    margin-top: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .home__feature-posts {
    margin-top: 0;
  }
  @supports (display: grid) {
    .home__feature-posts {
      grid-gap: 1.5rem 3rem;
    }
  }
}

@media (min-width: 768px) {
  .home__feature-posts > * {
    width: 48%;
  }
  @supports (display: grid) {
    .home__feature-posts > * {
      width: auto;
    }
  }
}

.home__more-posts {
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .home__more-posts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .home__more-posts {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 3rem;
  }
}

@media (min-width: 768px) {
  .home__more-posts > * {
    width: 48%;
  }
}
@media (min-width: 1024px) {
  .home__more-posts > * {
    width: 23%;
  }
}
@supports (display: grid) {
  .home__more-posts > * {
    width: auto;
  }
}

@media (max-width: 767px) {
  .home__feature-posts > * + *,
  .home__more-posts > * + * {
    margin-top: 1.25rem;
  }
}

.home__feature-content {
  position: relative;
}

.home__feature-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 0;
  padding-bottom: 35%;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}
.home__feature-image::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -webkit-radial-gradient(at top right, transparent, #074075 68%);
  background: -o-radial-gradient(at top right, transparent, #074075 68%);
  background: radial-gradient(at top right, transparent, #074075 68%);
}
.home__feature-image ~ * {
  position: relative;
}

.home__teaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1.5rem 1rem 1rem;
  background-color: rgb(244.64, 244.71, 244.85);
}

.home__teaser > h3 {
  font-weight: 700;
}

.home__teaser-content {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.home__teaser > a {
  margin-top: auto;
}

@media (min-width: 768px) {
  .search-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.search-form input {
  width: 25rem;
  border-color: white;
  border-right-width: 0;
}
@media (max-width: 767px) {
  .search-form input {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .search-form button {
    margin-top: 0.5rem;
    width: 100%;
  }
}

.subscribe {
  padding: 2.25rem 0;
  background-color: rgb(5.6, 51.2, 93.6);
}
@media (min-width: 768px) {
  .subscribe {
    padding: 4rem 0;
  }
}
@media print {
  .subscribe {
    display: none;
  }
}

@media (min-width: 1024px) {
  .subscribe__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 1024px) {
  .subscribe__wrapper > * {
    width: 50%;
  }
}

.subscribe__content > h2 {
  margin-bottom: 0.75rem;
}

.subscribe__form {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .subscribe__form {
    margin-top: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .subscribe__form {
    margin-top: 3rem;
    padding-left: 4rem;
  }
}

.subscribe__form label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

@media (min-width: 768px) {
  .subscribe__form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.subscribe__form form > :first-child {
  width: 100%;
}

.subscribe__form form > :last-child {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.subscribe__form input {
  width: 100%;
}

.subscribe__form svg {
  fill: currentColor;
}

.subscribe__form button {
  line-height: 1.25rem;
}
@media (max-width: 767px) {
  .subscribe__form button {
    width: 100%;
    margin-top: 0.5rem;
  }
}
@media (min-width: 768px) {
  .subscribe__form button {
    line-height: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .subscribe__form button {
    line-height: calc(1.5rem - 2px);
  }
}

.subscribe__form .gform_validation_errors {
  display: none;
}

.subscribe__form .gfield_validation_message {
  margin-top: 0.5rem;
}

.post-publications {
  margin: 3rem 0;
  padding-top: 0.75rem;
  border-top: 1px solid rgb(232.8, 232.95, 233.25);
}

.post-publications h2 {
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  .post-publications h2 {
    font-size: calc(20px + 4 * (100vw - 320px) / 880);
  }
}
@media screen and (min-width: 1200px) {
  .post-publications h2 {
    font-size: 24px;
  }
}

/*--------------------------------------------------------------
 #7. Utility helper classes

 Utility classes are for final adjustments, and should not be
 overridden by anything that comes before them.
--------------------------------------------------------------*/
.visually-hidden,
.screen-reader-text,
.hide {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.text-sm, .has-small-font-size {
  font-size: 1rem;
  line-height: 1.375;
}
@media (min-width: 768px) {
  .text-sm, .has-small-font-size {
    line-height: 1.5;
  }
}

.text-base, .has-normal-font-size {
  font-size: 1rem;
  font-family: "Open Sans", sans-serif;
  line-height: 1.375;
}
@media (min-width: 768px) {
  .text-base, .has-normal-font-size {
    line-height: 1.5;
  }
}
@media (min-width: 1200px) {
  .text-base, .has-normal-font-size {
    font-size: 1.125rem;
  }
}

.text-lg, .has-large-font-size {
  font-size: 1.25rem;
  line-height: 1.25;
}
@media (min-width: 768px) {
  .text-lg, .has-large-font-size {
    line-height: 1.375;
  }
}

.text-xl, .has-xl-font-size {
  line-height: 1.25;
}
.text-xl, .has-xl-font-size {
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  .text-xl, .has-xl-font-size {
    font-size: calc(20px + 4 * (100vw - 320px) / 880);
  }
}
@media screen and (min-width: 1200px) {
  .text-xl, .has-xl-font-size {
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  .text-xl, .has-xl-font-size {
    line-height: 1.375;
  }
}

.text-2xl, .has-2xl-font-size {
  line-height: 1.1;
}
.text-2xl, .has-2xl-font-size {
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .text-2xl, .has-2xl-font-size {
    font-size: calc(24px + 4 * (100vw - 320px) / 880);
  }
}
@media screen and (min-width: 1200px) {
  .text-2xl, .has-2xl-font-size {
    font-size: 28px;
  }
}
@media (min-width: 768px) {
  .text-2xl, .has-2xl-font-size {
    line-height: 1.25;
  }
}

.text-3xl, .wp-block-group h2, .has-3xl-font-size {
  line-height: 1.1;
}
.text-3xl, .wp-block-group h2, .has-3xl-font-size {
  font-size: 28px;
}
@media screen and (min-width: 320px) {
  .text-3xl, .wp-block-group h2, .has-3xl-font-size {
    font-size: calc(28px + 8 * (100vw - 320px) / 880);
  }
}
@media screen and (min-width: 1200px) {
  .text-3xl, .wp-block-group h2, .has-3xl-font-size {
    font-size: 36px;
  }
}
@media (min-width: 768px) {
  .text-3xl, .wp-block-group h2, .has-3xl-font-size {
    line-height: 1.2;
  }
}

.mt-0 {
  margin-top: 0 !important;
}