html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*--------------------------------------------------------------
SASS Variables
--------------------------------------------------------------*/
/*--------------------------------------------------------------
CSS Variables
--------------------------------------------------------------*/
:root {
  font-size: 16px;
  --font-size-12: 0.75rem;
  --font-size-14: 0.875rem;
  --font-size-16: 1rem;
  --font-size-17: 1.063rem;
  --font-size-18: 1.125rem;
  --font-size-20: 1.25rem;
  --font-size-22: 1.375rem;
  --font-size-24: 1.5rem;
  --font-size-28: 1.75rem;
  --font-size-30: 1.875rem;
  --font-size-32: 2rem;
  --font-size-36: 2.25rem;
  --font-size-42: 2.625rem;
  --font-size-48: 3rem;
  --font-size-54: 3.375rem;
  --font-size-60: 3.75rem;
  --font-size-68: 4.25rem;
  --font-size-76: 4.75rem;
  --font-size-84: 5.25rem;
  --font-size-92: 5.75rem;
  --line-height-small: 1.2;
  --line-height-medium: 1.4;
  --line-height-large: 1.6;
  --font-weight-300: 300;
  --font-weight-400: 400;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --spacing-02: 0.125rem;
  --spacing-04: 0.25rem;
  --spacing-06: 0.375rem;
  --spacing-08: 0.5rem;
  --spacing-12: 0.75rem;
  --spacing-16: 1rem;
  --spacing-18: 1.125rem;
  --spacing-20: 1.25rem;
  --spacing-22: 1.375rem;
  --spacing-24: 1.5rem;
  --spacing-26: 1.625rem;
  --spacing-30: 1.875rem;
  --spacing-32: 2rem;
  --spacing-40: 2.5rem;
  --spacing-48: 3rem;
  --spacing-64: 4rem;
  --spacing-80: 5rem;
  --spacing-96: 6rem;
  --spacing-128: 8rem;
  --spacing-160: 10rem;
}

/*--------------------------------------------------------------
Mixins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Base
--------------------------------------------------------------*/
html, body {
  font-family: "ibm-plex-sans", sans-serif;
  font-size: 16px;
  line-height: 1.3;
  color: rgb(0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

img {
  display: block;
  max-width: 100%;
}

b,
strong {
  font-weight: 700;
}

/*--------------------------------------------------------------
Buttons
--------------------------------------------------------------*/
a.btn-blue,
a.btn-outline,
a.btn-outline-thin,
a.btn-white {
  padding: var(--spacing-16);
  font-size: var(--font-size-17);
  text-decoration: none;
  width: 100%;
  display: block;
}
a.btn-blue .fa-arrow-right-long,
a.btn-outline .fa-arrow-right-long,
a.btn-outline-thin .fa-arrow-right-long,
a.btn-white .fa-arrow-right-long {
  font-size: var(--font-size-20);
  float: right;
  position: relative;
  top: 3px;
}

a.btn-blue {
  background-color: rgb(0, 150, 205);
  color: rgb(255, 255, 255);
}

a.btn-outline {
  border: solid 3px rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  margin-top: var(--spacing-40);
}
@media only screen and (min-width: 768px) {
  a.btn-outline {
    margin-top: 0;
  }
}

a.btn-outline-thin {
  border: solid 1px rgb(0, 0, 0);
  color: rgb(0, 0, 0);
}

a.btn-white {
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}

/*--------------------------------------------------------------
WP Button block
--------------------------------------------------------------*/
.wp-block-button {
  width: 100%;
}

.is-style-outline .wp-block-button__link,
.is-style-solid .wp-block-button__link,
.is-style-solid-blue .wp-block-button__link {
  font-size: var(--font-size-17);
  text-decoration: none;
  width: 100%;
  background-image: url("../img/icons/arrow-right.png") !important;
  background-repeat: no-repeat !important;
  background-size: 20px auto !important;
  background-position: top 25px right 20px !important;
  border-radius: 0px;
  text-align: left;
  padding: var(--spacing-18) !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.is-style-outline .wp-block-button__link:hover,
.is-style-solid .wp-block-button__link:hover,
.is-style-solid-blue .wp-block-button__link:hover {
  background-image: url("../img/icons/arrow-right-white.png") !important;
  background-color: rgb(31, 70, 144) !important;
  color: rgb(255, 255, 255) !important;
}

.is-style-outline .wp-block-button__link {
  border: solid 3px rgb(0, 0, 0) !important;
  color: rgb(0, 0, 0);
}
.is-style-outline .wp-block-button__link:hover {
  border: solid 3px rgb(31, 70, 144) !important;
}

.is-style-solid .wp-block-button__link {
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}

.is-style-solid-blue .wp-block-button__link {
  background-image: url("../img/icons/arrow-right-white.png") !important;
  background-color: rgb(0, 150, 205);
  color: rgb(255, 255, 255);
}
.is-style-solid-blue .wp-block-button__link:hover {
  border: solid 1px rgb(0, 0, 0) !important;
  background-image: url("../img/icons/arrow-right.png") !important;
  background-color: transparent !important;
  color: rgb(0, 0, 0) !important;
}

/*--------------------------------------------------------------
Tags / category buttons
--------------------------------------------------------------*/
a.btn-tag {
  background-color: rgb(167, 240, 186);
  color: rgb(0, 0, 0);
  font-size: var(--font-size-14);
  border-radius: 50px;
  padding: var(--spacing-06) var(--spacing-12);
  margin-bottom: var(--spacing-06);
  display: inline-block;
}

a.btn-category {
  background-color: rgb(255, 255, 255);
  color: rgb(31, 70, 144);
  font-size: var(--font-size-14);
  font-weight: 600;
  border: solid 1px rgba(31, 70, 144, 0.4);
  border-radius: 50px;
  padding: var(--spacing-12) var(--spacing-16);
  margin-right: 3px;
}
a.btn-category:hover {
  background-color: rgba(31, 70, 144, 0.05);
}
a.btn-category.active, a.btn-category.active-all {
  color: rgb(255, 255, 255);
  background-color: rgb(31, 70, 144);
}

/*--------------------------------------------------------------
Information box
--------------------------------------------------------------*/
.info-box {
  background-color: rgb(255, 247, 239);
  border-left: 2px solid rgb(184, 15, 10);
  padding: var(--spacing-26);
  margin-bottom: var(--spacing-32);
}
.info-box h6 {
  font-weight: var(--font-weight-700);
}
.info-box h6 span.info-icon {
  background-color: rgb(184, 15, 10);
  border-radius: 50%;
  display: inline-block;
  margin-left: -42px;
  margin-right: var(--spacing-18);
  width: var(--spacing-30);
  height: var(--spacing-30);
  text-align: center;
  Position: relative;
  top: -2px;
}
.info-box h6 .fa-info {
  font-size: var(--font-size-14);
  color: rgb(255, 255, 255);
  padding-top: 5px;
}
.info-box li {
  font-size: var(--font-size-16);
}

/*--------------------------------------------------------------
Bootstrap Grid overrides
--------------------------------------------------------------*/
.container-wide,
.container-medium {
  padding: 0 20px;
}
@media only screen and (min-width: 768px) {
  .container-wide,
  .container-medium {
    padding: 0 40px;
  }
}

.container-wide {
  max-width: 1660px;
}

.container-medium {
  max-width: 1200px;
}

/*--------------------------------------------------------------
Bootstrap overides general
--------------------------------------------------------------*/
.card,
.card-header,
.card-body,
.card-footer {
  border-radius: 0;
  border: none;
  background-color: transparent;
  padding: 0;
}

.accordon,
.accordion-button,
.accordion-item,
.accordion-button:not(.collapsed) {
  background-color: transparent;
  border: none;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*--------------------------------------------------------------
WP blocks overrides common
--------------------------------------------------------------*/
.wp-block-cover,
.wp-block-cover__inner-container {
  margin: 0;
  padding: 0;
}

/*--------------------------------------------------- */
/*--------------------------------------------------- */
h1 {
  font-size: var(--font-size-28);
}
@media only screen and (min-width: 768px) {
  h1 {
    font-size: var(--font-size-32);
  }
}

h2 {
  font-size: var(--font-size-24);
}
@media only screen and (min-width: 768px) {
  h2 {
    font-size: var(--font-size-28);
  }
}

h3 {
  font-size: var(--font-size-22);
}
@media only screen and (min-width: 768px) {
  h3 {
    font-size: var(--font-size-24);
  }
}

h4 {
  font-size: var(--font-size-20);
}

h5 {
  font-size: var(--font-size-18);
}

h6 {
  font-size: var(--font-size-16);
}

/*--------------------------------------------------- */
h2, h3, h4, h5, h6 {
  line-height: var(--line-height-medium);
}

p, li {
  line-height: var(--line-height-large);
}

/*--------------------------------------------------- */
h1,
h2,
h3,
p,
ul,
ol {
  margin-bottom: var(--spacing-32);
}

h4, h5, h6 {
  margin-bottom: var(--spacing-18);
}

li {
  margin-bottom: var(--spacing-12);
}

/*--------------------------------------------------- */
h1 {
  font-weight: var(--font-weight-600);
}

h4, h5, h6 {
  font-weight: var(--font-weight-700);
}

/*--------------------------------------------------- */
ul {
  list-style-type: disc;
  padding-left: 24px;
}

/*--------------------------------------------------- */
p a,
li a {
  font-weight: var(--font-weight-700);
  border-bottom: dotted 1px rgb(0, 0, 0);
  padding-bottom: 1px;
}

/*--------------------------------------------------- */
img {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}

/*--------------------------------------------------- */
/*--------------------------------------------------- */
a {
  color: rgb(0, 0, 0);
  text-decoration: none !important;
}

/*--------------------------------------------------- */
/*--------------------------------------------------- */
figcaption.wp-element-caption {
  font-size: var(--font-size-14);
  margin-top: -20px;
  margin-bottom: var(--spacing-32);
}

/*--------------------------------------------------- */
/*--------------------------------------------------- */
sup,
sub,
p sup,
p sub,
ul li sub {
  vertical-align: baseline;
  position: relative;
  top: -0.3em;
  font-size: 0.9em !important;
}

sub,
p sub {
  top: 0.4em;
}

/*------------------------------------------------------------------- */
/*------------------------------------------------------------------- */
h2.is-style-ooda-spacing-xs, h3.is-style-ooda-spacing-xs, h4.is-style-ooda-spacing-xs, h5.is-style-ooda-spacing-xs, h6.is-style-ooda-spacing-xs {
  margin-bottom: var(--spacing-04) !important;
}
h2.is-style-ooda-spacing-md, h3.is-style-ooda-spacing-md, h4.is-style-ooda-spacing-md, h5.is-style-ooda-spacing-md, h6.is-style-ooda-spacing-md {
  margin-bottom: var(--spacing-32) !important;
}
h2.is-style-ooda-spacing-lg, h3.is-style-ooda-spacing-lg, h4.is-style-ooda-spacing-lg, h5.is-style-ooda-spacing-lg, h6.is-style-ooda-spacing-lg {
  margin-bottom: var(--spacing-48) !important;
}
h2.is-style-ooda-spacing-xl, h3.is-style-ooda-spacing-xl, h4.is-style-ooda-spacing-xl, h5.is-style-ooda-spacing-xl, h6.is-style-ooda-spacing-xl {
  margin-bottom: var(--spacing-64) !important;
}

p.is-style-ooda-spacing-xs, ul.is-style-ooda-spacing-xs, ol.is-style-ooda-spacing-xs {
  margin-bottom: var(--spacing-04) !important;
}
p.is-style-ooda-spacing-sm, ul.is-style-ooda-spacing-sm, ol.is-style-ooda-spacing-sm {
  margin-bottom: var(--spacing-12) !important;
}
p.is-style-ooda-spacing-md, ul.is-style-ooda-spacing-md, ol.is-style-ooda-spacing-md {
  margin-bottom: var(--spacing-32) !important;
}
p.is-style-ooda-spacing-lg, ul.is-style-ooda-spacing-lg, ol.is-style-ooda-spacing-lg {
  margin-bottom: var(--spacing-48) !important;
}
p.is-style-ooda-spacing-xl, ul.is-style-ooda-spacing-xl, ol.is-style-ooda-spacing-xl {
  margin-bottom: var(--spacing-64) !important;
}

/*--------------------------------------------------------------
Header (logo / Nav / icons )
--------------------------------------------------------------*/
.section__logo-nav {
  padding-top: var(--spacing-16);
  padding-bottom: var(--spacing-16);
}
@media only screen and (min-width: 768px) {
  .section__logo-nav {
    padding-top: var(--spacing-20);
    padding-bottom: var(--spacing-20);
  }
}
.section__logo-nav .fa-bars {
  float: left;
  font-size: var(--font-size-22);
  margin-right: var(--spacing-32);
  position: relative;
  top: 2px;
}
@media only screen and (min-width: 768px) {
  .section__logo-nav .fa-bars {
    display: none;
  }
}
.section__logo-nav img.logo_top {
  float: left;
  width: 4.8rem;
  height: auto;
}
@media only screen and (min-width: 900px) {
  .section__logo-nav img.logo_top {
    width: 5.7rem;
  }
}
@media only screen and (min-width: 768px) {
  .section__logo-nav ul.nav-main_dt,
  .section__logo-nav ul.nav-icons_dt {
    position: relative;
    top: 0.25rem;
  }
}
.section__logo-nav ul.nav-main_dt li,
.section__logo-nav ul.nav-icons_dt li {
  display: inline;
  margin-left: var(--spacing-48);
}
@media only screen and (min-width: 992px) {
  .section__logo-nav ul.nav-main_dt li,
  .section__logo-nav ul.nav-icons_dt li {
    margin-left: var(--spacing-96);
  }
}
.section__logo-nav ul.nav-main_dt li a,
.section__logo-nav ul.nav-icons_dt li a {
  letter-spacing: 0.7px;
}
.section__logo-nav ul.nav-main_dt {
  display: none;
  float: left;
}
@media only screen and (min-width: 768px) {
  .section__logo-nav ul.nav-main_dt {
    display: inline-block;
  }
}
.section__logo-nav ul.nav-icons_dt {
  float: right;
}
.section__logo-nav ul.nav-icons_dt li {
  margin-left: var(--spacing-32);
}
@media only screen and (min-width: 992px) {
  .section__logo-nav ul.nav-icons_dt li {
    margin-left: var(--spacing-48);
  }
}
.section__logo-nav ul.nav-icons_dt li .fa-user {
  font-size: var(--font-size-22);
}
.section__logo-nav ul.nav-icons_dt li .fa-magnifying-glass {
  font-size: var(--font-size-20);
  position: relative;
  top: 1px;
}

/*--------------------------------------------------------------*/
.mobile-menu {
  width: 100% !important;
}
.mobile-menu .btn-closed {
  position: absolute;
  z-index: 200;
  right: 30px;
  top: 22px;
}
.mobile-menu .mobile-login {
  padding: var(--spacing-20) var(--spacing-20);
}
.mobile-menu .mobile-login .fa-user {
  font-size: var(--font-size-20);
  float: right;
  padding-right: 15px;
  padding-top: 5px;
}
.mobile-menu .header-wrap {
  padding: var(--spacing-20) var(--spacing-20);
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.mobile-menu .header-wrap img.logo-offCanvas {
  width: 3rem;
  margin: 0 auto;
}
.mobile-menu .header-wrap .btn-closed {
  font-size: var(--font-size-24);
  float: right;
}
.mobile-menu .menu-setup .menu-wrapper {
  width: 100%;
  overflow: hidden;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.mobile-menu .menu-setup .menu-wrapper .is-visible {
  display: block;
}
.mobile-menu .menu-setup .list-wrapper {
  height: 100%;
  padding: 30px 20px 10px 20px;
  overflow-y: auto;
  background: rgb(255, 255, 255);
}
.mobile-menu .menu-setup .list-wrapper ul li {
  font-size: 19px;
  font-weight: 600;
  display: block;
  margin-bottom: 30px;
}
.mobile-menu .menu-setup .list-wrapper ul li i.fa-chevron-right {
  font-size: 14px;
  float: right;
  position: relative;
  top: 15px;
  padding-right: 15px;
}
.mobile-menu .menu-setup .list-wrapper ul li.menu-item-has-children {
  background-image: url("../img/icons/chevron-right.png");
  background-repeat: no-repeat !important;
  background-size: 8px auto !important;
  background-position: top 9px right 16px !important;
  display: block;
}
.mobile-menu .menu-setup .list-wrapper ul li.menu-item-has-children a {
  display: block;
}
.mobile-menu .menu-setup .list-wrapper ul.sub-menu {
  border-top: solid 1px rgba(0, 0, 0, 0.1);
  margin: 40px -20px 0 -20px;
}
.mobile-menu .menu-setup .list-wrapper ul.sub-menu li {
  font-size: 17px;
  margin-top: 26px;
  margin-left: 45px;
}
.mobile-menu .menu-setup .list-wrapper:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.mobile-menu .menu-setup .list-wrapper:nth-child(2).is-visible {
  -webkit-transform: none;
          transform: none;
}
.mobile-menu .menu-setup .list-wrapper:nth-child(1) > ul > li .sub-menu {
  display: none;
}
.mobile-menu .menu-setup .list-wrapper h3.back-one-level {
  font-size: 19px;
  font-weight: 700;
  position: absolute;
  top: 22px;
}
.mobile-menu .menu-setup .list-wrapper h3.back-one-level .fa-chevron-left {
  font-size: 17px;
  padding-right: 10px;
}

/*--------------------------------------------------------------*/
#menu-about,
#menu-topics {
  position: absolute;
  z-index: 100;
  width: 100%;
}

.mega-menu {
  background-color: rgb(255, 255, 255);
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
          box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
.mega-menu .menu-left {
  display: none;
}
@media only screen and (min-width: 992px) {
  .mega-menu .menu-left {
    display: block;
    float: left;
    max-width: 26.25rem;
    padding: var(--spacing-64);
  }
}
.mega-menu .menu-left p {
  margin-top: var(--spacing-24);
}
.mega-menu .menu-left a.btn-outline-thin {
  margin-top: var(--spacing-48);
}
.mega-menu .menu-right {
  background-color: rgb(255, 247, 239);
  padding: var(--spacing-64);
}
@media only screen and (min-width: 992px) {
  .mega-menu .menu-right {
    margin-left: 26.25rem;
  }
}
.mega-menu .menu-right ul {
  margin-top: var(--spacing-40);
  max-width: 650px;
}
.mega-menu .menu-right ul li {
  border-bottom: solid 1px rgba(0, 0, 0, 0.3);
  padding-top: var(--spacing-32);
  padding-bottom: var(--spacing-32);
  background-image: url("../img/icons/arrow-right.png");
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: top 40px right 4px;
}
.mega-menu .menu-right ul li a {
  font-weight: 700;
}
.mega-menu .menu-right ul li:first-child {
  border-top: solid 1px rgba(0, 0, 0, 0.3);
}

/*--------------------------------------------------------------
  footer
--------------------------------------------------------------*/
.footer {
  background-color: rgb(38, 42, 51);
  padding-top: 1.8rem;
  padding-bottom: 1.8rem;
  color: rgb(255, 255, 255);
}
@media only screen and (min-width: 768px) {
  .footer {
    padding-top: calc(2 * 1.8rem);
    padding-bottom: calc(2 * 1.8rem);
  }
}
.footer .top-row {
  height: 6rem;
}
.footer a {
  color: rgb(255, 255, 255);
}
.footer img.footer-logo {
  display: block;
  width: 5.7rem;
  margin-bottom: var(--spacing-32);
}
@media only screen and (min-width: 768px) {
  .footer img.footer-logo {
    width: 6rem;
  }
}
.footer p.copyright {
  font-size: var(--font-size-12);
}
.footer p.copyright span.ooda-link {
  display: none;
}
@media only screen and (min-width: 768px) {
  .footer p.copyright span.ooda-link {
    font-size: var(--font-size-14);
    display: inline;
    margin-left: var(--spacing-32);
  }
}
.footer ul li {
  display: inline;
  margin-left: var(--spacing-32);
}
@media only screen and (min-width: 768px) {
  .footer ul li {
    margin-left: var(--spacing-64);
  }
}
.footer ul li:first-child {
  margin-left: 0;
}
@media only screen and (min-width: 768px) {
  .footer ul.nav-footer,
  .footer ul.social-icons-footer {
    float: right;
    display: inline;
  }
}
@media only screen and (max-width: 600px) {
  .footer ul.nav-footer {
    font-size: var(--font-size-14);
  }
}
.footer ul.social-icons-footer {
  font-size: var(--font-size-18);
  margin-top: var(--spacing-24);
}
@media only screen and (min-width: 768px) {
  .footer ul.social-icons-footer {
    margin-top: 0;
    position: relative;
    top: -5px;
  }
}

/*--------------------------------------------------------------
Common
--------------------------------------------------------------*/
.section_home-insights,
.section__topic-intro,
.section__hero_3-col,
.section__updates-latest,
.module__subscribe-box {
  margin-top: 2rem;
}
@media only screen and (min-width: 768px) {
  .section_home-insights,
  .section__topic-intro,
  .section__hero_3-col,
  .section__updates-latest,
  .module__subscribe-box {
    margin-top: calc(2rem * 2);
  }
}
@media only screen and (min-width: 992px) {
  .section_home-insights,
  .section__topic-intro,
  .section__hero_3-col,
  .section__updates-latest,
  .module__subscribe-box {
    margin-top: calc(2rem * 2.5);
  }
}

.section__article_3-col,
.section__bottom-3-col-pink,
.section__bottom-3-col-white-bg-pink {
  margin-top: 2.5rem;
}
@media only screen and (min-width: 768px) {
  .section__article_3-col,
  .section__bottom-3-col-pink,
  .section__bottom-3-col-white-bg-pink {
    margin-top: calc(2.5rem * 2);
  }
}
@media only screen and (min-width: 992px) {
  .section__article_3-col,
  .section__bottom-3-col-pink,
  .section__bottom-3-col-white-bg-pink {
    margin-top: calc(2.5rem * 2.5);
  }
}

.section_feature-1-col-btn-top {
  margin-top: 3rem;
}
@media only screen and (min-width: 768px) {
  .section_feature-1-col-btn-top {
    margin-top: calc(3rem * 2);
  }
}
@media only screen and (min-width: 992px) {
  .section_feature-1-col-btn-top {
    margin-top: calc(3rem * 2.5);
  }
}

.module__quotation {
  margin-top: 3.5rem;
}
@media only screen and (min-width: 768px) {
  .module__quotation {
    margin-top: calc(3.5rem * 2);
  }
}
@media only screen and (min-width: 992px) {
  .module__quotation {
    margin-top: calc(3.5rem * 2.5);
  }
}

/*--------------------------------------------------------------
Display type typography
--------------------------------------------------------------*/
.display-type h1,
.display-type h2,
.display-type h3,
.display-type h4,
.display-type h5,
.display-type h6,
.display-type p {
  font-weight: 400;
}
.display-type h1,
.display-type h2,
.display-type h3,
.display-type h4,
.display-type h5,
.display-type h6,
.display-type p,
.display-type ul,
.display-type ol,
.display-type img {
  margin-bottom: 0px;
}
.display-type ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.display-type ul li {
  margin-bottom: 0px;
}
.display-type p a,
.display-type li a {
  font-weight: var(--font-weight-400);
  border-bottom: none;
  padding-bottom: 0px;
}

/*--------------------------------------------------------------
Utilities
--------------------------------------------------------------*/
/*
.util__rule-above-lg,
.util__rule-above-sm {
    border-top: 1px solid $black;
}

.util__rule-above-lg {
    padding-bottom: var(--spacing-48);
}

.util__rule-above-sm {
    padding-bottom: var(--spacing-12);
}


.util__spacer-t-lg {
	margin-top: var(--spacing-64);
}

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

 ******   MODULES   ***********

--------------------------------------------------------------*/
/*--------------------------------------------------------------
Columns and cards
--------------------------------------------------------------*/
.module__article-card {
  margin-top: var(--spacing-16);
  -webkit-column-gap: var(--spacing-16);
     -moz-column-gap: var(--spacing-16);
          column-gap: var(--spacing-16);
}
.module__article-card .wp-block-column {
  margin-top: var(--spacing-20);
}
@media only screen and (min-width: 781px) {
  .module__article-card .wp-block-column {
    margin-top: 0;
  }
}
.module__article-card .card img {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.module__article-card .card .card-body {
  padding: var(--spacing-20) var(--spacing-20) var(--spacing-20) 0;
}
.module__article-card .card .card-body h6 {
  font-weight: var(--font-weight-700);
}
.module__article-card .card .card-body h5,
.module__article-card .card .card-body p {
  margin-top: var(--spacing-20);
}
.module__article-card .card .card-body h5 a:hover {
  color: rgb(0, 0, 0);
  text-decoration: underline !important;
}
.module__article-card.card_bg-white .card, .module__article-card.card_bg-pink .card {
  background-image: url("../img/icons/arrow-right.png");
  background-repeat: no-repeat;
  background-size: 20px auto;
  background-position: bottom 30px left 20px;
  padding-bottom: 80px;
}
.module__article-card.card_bg-white .card .card-body, .module__article-card.card_bg-pink .card .card-body {
  padding: var(--spacing-20);
}
.module__article-card.card_bg-white .card .card-footer, .module__article-card.card_bg-pink .card .card-footer {
  padding: var(--spacing-26) var(--spacing-20);
}
.module__article-card.card_bg-pink .card {
  background-color: rgb(255, 247, 239);
}
.module__article-card.card_bg-white .card {
  background-color: rgb(255, 255, 255);
}

/*--------------------------------------------------------------
Headers

Incl:
.module__hero-full
.module__hero-half
.module__hero-half-contained
.module__hero-no-img

--------------------------------------------------------------*/
.module__hero-full {
  min-height: 500px !important;
}
@media only screen and (min-width: 768px) {
  .module__hero-full {
    min-height: 500px !important;
  }
}
@media only screen and (min-width: 992px) {
  .module__hero-full {
    min-height: 700px !important;
  }
}
.module__hero-full .hero-content {
  position: absolute;
  bottom: 70px;
  padding-top: 200px;
}
@media only screen and (min-width: 992px) {
  .module__hero-full .hero-content {
    width: 60%;
  }
}
.module__hero-full .hero-content h1, .module__hero-full .hero-content h5 {
  color: rgb(255, 255, 255);
}
.module__hero-full .hero-content h1 {
  margin-top: var(--spacing-32);
}
.module__hero-full .hero-content .wp-block-buttons {
  margin-top: var(--spacing-40);
}
@media only screen and (min-width: 768px) {
  .module__hero-full .hero-content .wp-block-buttons .wp-block-button {
    width: 360px;
  }
}

/*--------------------------------------------------------------*/
.hero-full_wrapper {
  background-size: cover;
  position: relative;
  min-height: 500px !important;
}
@media only screen and (min-width: 768px) {
  .hero-full_wrapper {
    min-height: 500px !important;
  }
}
@media only screen and (min-width: 992px) {
  .hero-full_wrapper {
    min-height: 700px !important;
  }
}
.hero-full_wrapper .hero-content {
  position: absolute;
  bottom: 70px;
  padding-top: 200px;
  width: 90%;
}
@media only screen and (min-width: 992px) {
  .hero-full_wrapper .hero-content {
    width: 55%;
  }
}
.hero-full_wrapper .hero-content h3, .hero-full_wrapper .hero-content h6 {
  color: rgb(255, 255, 255);
}
.hero-full_wrapper .hero-content h3 {
  margin-top: var(--spacing-16);
}

/*--------------------------------------------------------------*/
.hero-half_wrapper {
  background-color: rgb(255, 247, 239);
}
@media only screen and (max-width: 992px) {
  .hero-half_wrapper .container-wide {
    margin: 0;
    padding: 0;
  }
}

.module__hero-half img {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.module__hero-half .hero-content {
  padding: var(--spacing-40) var(--spacing-16);
  max-width: 620px;
}
@media only screen and (min-width: 768px) {
  .module__hero-half .hero-content {
    padding-left: var(--spacing-32);
  }
}
@media only screen and (min-width: 992px) {
  .module__hero-half .hero-content {
    padding-left: 0px;
  }
}
.module__hero-half .hero-content h3,
.module__hero-half .hero-content h6,
.module__hero-half .hero-content .taxonomy-category {
  padding-right: var(--spacing-16);
}
@media only screen and (min-width: 560px) {
  .module__hero-half .hero-content h3,
  .module__hero-half .hero-content h6,
  .module__hero-half .hero-content .taxonomy-category {
    padding-right: var(--spacing-64);
  }
}
.module__hero-half .hero-content h3 {
  margin-top: var(--spacing-16);
}

.module__hero-no-img {
  background-color: rgb(255, 247, 239);
  padding: 80px 0 30px 0;
}
@media only screen and (min-width: 768px) {
  .module__hero-no-img {
    padding: 150px 0 40px 0;
  }
}

/*--------------------------------------------------------------*/
.module__subscribe-box {
  padding: 1.5rem;
  background-color: rgb(250, 201, 87);
}
@media only screen and (min-width: 768px) {
  .module__subscribe-box {
    padding: calc(1.5rem * 2);
  }
}
.module__subscribe-box .wp-block-column.subscribe-left {
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
}
@media (max-width: 782px) {
  .module__subscribe-box .wp-block-column.subscribe-left {
    padding-bottom: var(--spacing-18);
  }
}

/*--------------------------------------------------------------*/
@media only screen and (max-width: 992px) {
  .module__quotation {
    display: none;
  }
}
.module__quotation .ooda_grid {
  display: -ms-grid;
  display: grid;
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-24);
}
@media only screen and (min-width: 768px) {
  .module__quotation .ooda_grid {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
.module__quotation .ooda_grid .ooda-col {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .module__quotation .ooda_grid .ooda-col-1 {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}
@media only screen and (min-width: 768px) {
  .module__quotation .ooda_grid .ooda-col-2 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 1;
    grid-row: 1;
    padding-top: 50px;
  }
}
.module__quotation h1 {
  font-weight: 300;
}
@media only screen and (min-width: 992px) {
  .module__quotation h1 {
    font-size: var(--font-size-42);
  }
}
.module__quotation p {
  margin-top: var(--spacing-32);
}
.module__quotation .wp-block-image img {
  border-radius: 50%;
  max-width: 200px;
  margin-bottom: var(--spacing-32);
}
@media only screen and (min-width: 768px) {
  .module__quotation .wp-block-image img {
    max-width: 300px;
    float: right;
    margin-right: var(--spacing-32);
  }
}

/*--------------------------------------------------------------*/
.module__footer-tags {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media only screen and (min-width: 768px) {
  .module__footer-tags {
    padding-top: calc(2 * 1rem);
    padding-bottom: calc(2 * 1rem);
  }
}
.module__footer-tags h5,
.module__footer-tags ul {
  max-width: 700px;
  padding-top: var(--spacing-20);
}
.module__footer-tags h5 {
  border-top: solid 1px rgb(0, 0, 0);
}
.module__footer-tags ul li {
  display: inline-block;
  margin-top: var(--spacing-12);
}

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

 ******   SECTIONS   ***********

--------------------------------------------------------------*/
/*--------------------------------------------------------------
Section - Post info top x 3

Incl:
.section__post-info-top-jump
.section__post-info-top
.section__post-info-top-update

--------------------------------------------------------------*/
.section__post-info-top-jump {
  display: none;
}
@media only screen and (min-width: 768px) {
  .section__post-info-top-jump {
    display: block;
    background-color: rgb(255, 247, 239);
    border-bottom: solid 1px rgba(0, 0, 0, 0.3);
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .section__post-info-top-jump {
    padding-top: calc(2 * 0.375rem);
    padding-bottom: calc(2 * 0.375rem);
  }
}
@media only screen and (min-width: 768px) {
  .section__post-info-top-jump ul li {
    display: inline-block;
    margin-right: var(--spacing-128);
    font-weight: var(--font-weight-300);
    line-height: var(--line-height-medium);
  }
  .section__post-info-top-jump ul li:last-child {
    margin-right: 0;
  }
}

.section__post-info-top .content-left,
.section__post-info-top-update .content-left {
  float: left;
}
.section__post-info-top .content-left ul,
.section__post-info-top-update .content-left ul {
  padding: 10px 0;
}
.section__post-info-top .content-left ul li,
.section__post-info-top-update .content-left ul li {
  margin-bottom: 4px;
}
.section__post-info-top .content-left ul li .linebr,
.section__post-info-top-update .content-left ul li .linebr {
  display: none;
}
.section__post-info-top .content-left ul li p,
.section__post-info-top-update .content-left ul li p {
  font-size: var(--font-size-14);
}
@media only screen and (min-width: 480px) {
  .section__post-info-top .content-left ul,
  .section__post-info-top-update .content-left ul {
    padding: 0;
  }
  .section__post-info-top .content-left ul li,
  .section__post-info-top-update .content-left ul li {
    margin-bottom: 0;
    display: inline-block;
    margin-right: var(--spacing-80);
  }
  .section__post-info-top .content-left ul li .linebr,
  .section__post-info-top-update .content-left ul li .linebr {
    display: block;
  }
}
.section__post-info-top .content-right,
.section__post-info-top-update .content-right {
  display: none;
}
@media only screen and (min-width: 768px) {
  .section__post-info-top .content-right,
  .section__post-info-top-update .content-right {
    display: block;
    float: right;
    position: relative;
  }
  .section__post-info-top .content-right ul li,
  .section__post-info-top-update .content-right ul li {
    font-size: var(--font-size-18);
    display: inline-block;
    margin-left: var(--spacing-64);
  }
  .section__post-info-top .content-right ul li a,
  .section__post-info-top-update .content-right ul li a {
    color: rgba(0, 0, 0, 0.4);
  }
}

.section__post-info-top {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  border-bottom: solid 1px rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 768px) {
  .section__post-info-top {
    padding-top: calc(2 * 0.4rem);
    padding-bottom: calc(2 * 0.4rem);
  }
}
@media only screen and (min-width: 768px) {
  .section__post-info-top .content-right {
    top: 5px;
  }
}

.section__post-info-top-update {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media only screen and (min-width: 768px) {
  .section__post-info-top-update {
    padding-top: calc(2 * 1rem);
    padding-bottom: calc(2 * 1rem);
  }
}

/*--------------------------------------------------------------
Section - Updates Latest (homepage)
--------------------------------------------------------------*/
.section__updates-latest .categories-column {
  padding-right: 50px;
}
.section__updates-latest .categories-column h5 {
  margin-top: var(--spacing-24);
  font-weight: var(--font-weight-700);
}
@media only screen and (min-width: 992px) {
  .section__updates-latest .categories-column h5 {
    margin-top: var(--spacing-48);
  }
}
.section__updates-latest .categories-column a.btn-category {
  border: solid 1px rgba(31, 70, 144, 0.4);
  padding: var(--spacing-12) var(--spacing-16);
}
.section__updates-latest .categories-column ul {
  margin-top: var(--spacing-12);
}
.section__updates-latest .categories-column ul li {
  margin-top: var(--spacing-32);
  display: inline-block;
}
.section__updates-latest .row-title h3,
.section__updates-latest .row-title p {
  border-bottom: 1px solid rgb(0, 0, 0);
  margin-bottom: 0;
  height: var(--spacing-64);
}
.section__updates-latest .row-title p {
  text-align: right;
}
.section__updates-latest .row-title p .fa-arrow-right-long {
  padding-left: var(--spacing-04);
}
.section__updates-latest .card {
  border-bottom: 1px solid rgb(0, 0, 0);
  width: 100%;
}
.section__updates-latest .card .card-body,
.section__updates-latest .card .card-footer {
  padding-top: var(--spacing-20);
  margin-bottom: var(--spacing-32);
}
.section__updates-latest .card .card-body h5 {
  padding-right: var(--spacing-32);
  margin-top: var(--spacing-20);
}
.section__updates-latest .card .card-body h6 {
  font-weight: var(--font-weight-700);
}
.section__updates-latest .card .card-body h6 span.article-date {
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-300);
  float: right;
  padding-right: var(--spacing-12);
}
.section__updates-latest .card .card-footer a.btn-tag {
  display: inline-block;
}

/*--------------------------------------------------------------
Sections General
--------------------------------------------------------------*/
.section__join-top {
  background-color: rgb(255, 247, 239);
  padding: var(--spacing-40) 0;
}
@media only screen and (min-width: 781px) {
  .section__join-top {
    padding: var(--spacing-64) 0;
  }
}
.section__join-top h3 {
  margin-bottom: var(--spacing-12);
}
@media only screen and (min-width: 781px) {
  .section__join-top h3 {
    padding-right: 20%;
  }
}
.section__join-top .wp-block-buttons {
  margin-top: 30px;
}
@media only screen and (min-width: 781px) {
  .section__join-top .wp-block-buttons {
    margin-top: 0;
    padding-left: 15%;
  }
}

/*--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  .section__topic-intro {
    margin-top: var(--spacing-40);
    padding-bottom: var(--spacing-40);
  }
}
@media only screen and (min-width: 992px) {
  .section__topic-intro {
    padding-left: 10%;
    padding-right: 30%;
  }
}
.section__topic-intro h3 {
  margin-bottom: var(--spacing-12);
}
.section__topic-intro .wp-block-buttons {
  margin-top: var(--spacing-40);
}
@media only screen and (min-width: 768px) {
  .section__topic-intro .wp-block-buttons .wp-block-button {
    width: 420px;
  }
}

/*--------------------------------------------------------------*/
.section_feature-1-col-btn-top .text-button {
  border-top: solid 1px rgb(0, 0, 0);
}
.section_feature-1-col-btn-top .wp-block-columns {
  margin: 50px 0;
}
.section_feature-1-col-btn-top .wp-block-columns .wp-block-buttons {
  margin-top: 40px;
}
@media only screen and (min-width: 781px) {
  .section_feature-1-col-btn-top .wp-block-columns .wp-block-buttons {
    margin-top: 0;
    padding-right: 30%;
  }
}
@media (min-width: 781px) {
  .section_feature-1-col-btn-top .wp-block-columns .wp-block-column:first-child {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .section_feature-1-col-btn-top .wp-block-columns .wp-block-column:nth-child(2) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.section_feature-1-col-btn-top .wp-block-cover {
  height: 100px !important;
}
@media only screen and (min-width: 781px) {
  .section_feature-1-col-btn-top .wp-block-cover {
    height: 400px !important;
  }
}
@media only screen and (min-width: 992px) {
  .section_feature-1-col-btn-top .wp-block-cover {
    height: 760px !important;
  }
}

/*--------------------------------------------------------------*/
.section__article_3-col .ooda_grid {
  display: -ms-grid;
  display: grid;
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-24);
}
@media only screen and (min-width: 560px) {
  .section__article_3-col .ooda_grid {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  .section__article_3-col .ooda_grid {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
.section__article_3-col .ooda_grid .ooda-col {
  width: 100%;
}

/*--------------------------------------------------------------*/
.section__bottom-3-col-pink,
.section__bottom-3-col-white-bg-pink {
  padding-bottom: var(--spacing-48);
}
@media only screen and (min-width: 781px) {
  .section__bottom-3-col-pink,
  .section__bottom-3-col-white-bg-pink {
    padding-bottom: var(--spacing-80);
  }
}
.section__bottom-3-col-pink .ooda-grid,
.section__bottom-3-col-white-bg-pink .ooda-grid {
  display: -ms-grid;
  display: grid;
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-24);
}
@media only screen and (min-width: 768px) {
  .section__bottom-3-col-pink .ooda-grid,
  .section__bottom-3-col-white-bg-pink .ooda-grid {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
.section__bottom-3-col-pink .ooda-grid .ooda-col,
.section__bottom-3-col-white-bg-pink .ooda-grid .ooda-col {
  width: 100%;
}
.section__bottom-3-col-pink .ooda-grid .ooda-col-1,
.section__bottom-3-col-pink .ooda-grid .ooda-col-2,
.section__bottom-3-col-white-bg-pink .ooda-grid .ooda-col-1,
.section__bottom-3-col-white-bg-pink .ooda-grid .ooda-col-2 {
  padding: var(--spacing-26) 0;
}
@media only screen and (min-width: 781px) {
  .section__bottom-3-col-pink .ooda-grid .ooda-col-1,
  .section__bottom-3-col-pink .ooda-grid .ooda-col-2,
  .section__bottom-3-col-white-bg-pink .ooda-grid .ooda-col-1,
  .section__bottom-3-col-white-bg-pink .ooda-grid .ooda-col-2 {
    padding: var(--spacing-26) 0 var(--spacing-48) 0;
  }
}
@media only screen and (min-width: 768px) {
  .section__bottom-3-col-pink .ooda-grid .ooda-col-1,
  .section__bottom-3-col-white-bg-pink .ooda-grid .ooda-col-1 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}
.section__bottom-3-col-pink .ooda-grid .ooda-col-1 h3,
.section__bottom-3-col-white-bg-pink .ooda-grid .ooda-col-1 h3 {
  margin-top: var(--spacing-32);
}
@media only screen and (min-width: 781px) {
  .section__bottom-3-col-pink .ooda-grid .ooda-col-1 h3,
  .section__bottom-3-col-white-bg-pink .ooda-grid .ooda-col-1 h3 {
    padding-right: var(--spacing-80);
  }
}
@media only screen and (min-width: 768px) {
  .section__bottom-3-col-pink .ooda-grid .ooda-col-2,
  .section__bottom-3-col-white-bg-pink .ooda-grid .ooda-col-2 {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}
@media only screen and (min-width: 781px) {
  .section__bottom-3-col-pink .ooda-grid .ooda-col-2 .wp-block-button,
  .section__bottom-3-col-white-bg-pink .ooda-grid .ooda-col-2 .wp-block-button {
    margin-top: 80px;
  }
}

.section__bottom-3-col-pink .ooda-col-1,
.section__bottom-3-col-pink .ooda-col-2 {
  border-top: solid 1px rgb(0, 0, 0);
}
@media only screen and (max-width: 768px) {
  .section__bottom-3-col-pink .ooda-col-1 {
    margin-top: var(--spacing-30);
    padding: var(--spacing-8) 0 var(--spacing-20) 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .section__bottom-3-col-pink .ooda-col-2 {
    border-top: none;
  }
}

.section__bottom-3-col-white-bg-pink {
  background-color: rgb(255, 247, 239) !important;
}

/*--------------------------------------------------------------*/
.section__hero_3-col .ooda-grid {
  display: -ms-grid;
  display: grid;
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-24);
}
@media only screen and (min-width: 480px) {
  .section__hero_3-col .ooda-grid {
    grid-row-gap: var(--spacing-16);
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 992px) {
  .section__hero_3-col .ooda-grid {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
.section__hero_3-col .ooda-grid .ooda-col {
  width: 100%;
}
@media only screen and (min-width: 480px) {
  .section__hero_3-col .ooda-grid .ooda-col-1 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}
@media only screen and (min-width: 992px) {
  .section__hero_3-col .ooda-grid .ooda-col-1 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}
.section__hero_3-col .ooda-grid .ooda-col-1 .wp-block-cover .has-background-dim {
  opacity: 0.4;
}
@media only screen and (min-width: 992px) {
  .section__hero_3-col .ooda-grid .ooda-col-1 .wp-block-cover .has-background-dim {
    opacity: 0;
  }
}
.section__hero_3-col .ooda-grid .ooda-col-1 .wp-block-cover .wp-block-spacer {
  min-height: 320px;
}
@media only screen and (min-width: 992px) {
  .section__hero_3-col .ooda-grid .ooda-col-1 .wp-block-cover .wp-block-spacer {
    min-height: 620px;
  }
}
.section__hero_3-col .ooda-grid .ooda-col-1 .card {
  background-image: url("../img/icons/arrow-right-white.png");
  background-color: transparent;
}
@media only screen and (min-width: 992px) {
  .section__hero_3-col .ooda-grid .ooda-col-1 .card {
    background-image: url("../img/icons/arrow-right.png");
    background-color: rgb(255, 247, 239);
    float: right;
    width: 32.65%;
  }
}
.section__hero_3-col .ooda-grid .ooda-col-1 .card h6, .section__hero_3-col .ooda-grid .ooda-col-1 .card h5 {
  color: rgb(255, 255, 255);
  padding-right: 30%;
}
@media only screen and (min-width: 992px) {
  .section__hero_3-col .ooda-grid .ooda-col-1 .card h6, .section__hero_3-col .ooda-grid .ooda-col-1 .card h5 {
    color: rgb(0, 0, 0);
    padding-right: 0;
  }
}

/*--------------------------------------------------------------
landing Page - Updates

Incl:
.section__updates-landing-title
.section__updates-landing-categories
.section__updates-landing-content

--------------------------------------------------------------*/
@media only screen and (min-width: 992px) {
  .section__updates-landing-title h3,
  .section__updates-landing-title ul,
  .section__updates-landing-categories h3,
  .section__updates-landing-categories ul {
    padding-right: 24%;
  }
}

.section__updates-landing-title {
  background-color: rgb(255, 247, 239);
  padding: var(--spacing-40) 0 var(--spacing-64) 0;
}
@media only screen and (min-width: 768px) {
  .section__updates-landing-title {
    padding: var(--spacing-96) 0 var(--spacing-80) 0;
  }
}
.section__updates-landing-title h3 {
  margin-top: var(--spacing-20);
}
.section__updates-landing-title a {
  font-weight: 600;
  color: rgb(31, 70, 144);
  border-bottom: solid 1px rgb(31, 70, 144);
  padding-bottom: 1px;
}

.section__updates-landing-categories {
  padding-top: var(--spacing-20);
}
@media only screen and (min-width: 768px) {
  .section__updates-landing-categories {
    padding-top: var(--spacing-32);
  }
}
.section__updates-landing-categories ul {
  padding-left: 0;
}
.section__updates-landing-categories ul li {
  margin-top: var(--spacing-20);
  display: inline-block;
}

.section__updates-landing-content {
  margin-top: var(--spacing-32);
  margin-bottom: var(--spacing-96);
}
@media only screen and (min-width: 768px) {
  .section__updates-landing-content {
    margin-top: var(--spacing-64);
  }
}
.section__updates-landing-content .util__rule-above {
  border-top: 1px solid rgb(0, 0, 0);
  margin: var(--spacing-32) 0;
}
@media only screen and (min-width: 992px) {
  .section__updates-landing-content .util__rule-above {
    margin: var(--spacing-40) 0;
  }
}
.section__updates-landing-content .col-tags,
.section__updates-landing-content .col-date {
  padding-top: var(--spacing-40);
}
.section__updates-landing-content h3 {
  font-weight: var(--font-weight-600);
  margin-top: var(--spacing-20);
  margin-bottom: var(--spacing-48);
}
.section__updates-landing-content h5 {
  margin-top: var(--spacing-20);
}
@media only screen and (min-width: 560px) {
  .section__updates-landing-content h5 {
    padding-right: var(--spacing-32);
  }
}
.section__updates-landing-content h6 {
  font-weight: var(--font-weight-700);
}
.section__updates-landing-content p {
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-300);
  float: right;
  padding-right: var(--spacing-12);
}
.section__updates-landing-content .btn-outline {
  margin-top: var(--spacing-32);
}
@media only screen and (min-width: 768px) {
  .section__updates-landing-content .btn-outline {
    max-width: 40%;
  }
}
.section__updates-landing-content .spinner-container {
  display: none; /* Initially hide the spinner */
  text-align: center;
}
.section__updates-landing-content .spinner {
  border: 5px solid #f3f3f3;
  border-top: 5px solid rgb(0, 150, 205);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
  margin: 20px auto;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

p.no-updates {
  text-align: center;
}

/*--------------------------------------------------------------
Single Post / Update
--------------------------------------------------------------*/
.single__body-content {
  margin-top: var(--spacing-48);
  margin-bottom: var(--spacing-48);
}
.single__body-content h1,
.single__body-content h2,
.single__body-content h3,
.single__body-content h4,
.single__body-content h5,
.single__body-content h6,
.single__body-content p,
.single__body-content ul,
.single__body-content .info-box,
.single__body-content .bio_wrap,
.single__body-content .tags_wrap {
  max-width: 700px;
}
.single__body-content p, .single__body-content ul, .single__body-content ol {
  font-size: var(--font-size-18);
}
.single__body-content img {
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) {
  .single__body-content {
    margin-top: var(--spacing-64);
    margin-bottom: var(--spacing-96);
  }
}
.single__body-content .bio_wrap,
.single__body-content .tags_wrap {
  border-top: solid 1px rgb(0, 0, 0);
  padding-top: var(--spacing-20);
}
.single__body-content .bio_wrap {
  margin-top: var(--spacing-64);
}
.single__body-content .bio_wrap h2 {
  margin-bottom: var(--spacing-20);
}
.single__body-content .bio_wrap p {
  font-size: var(--font-size-16);
}
.single__body-content .tags_wrap {
  margin-top: var(--spacing-64);
}
.single__body-content .tags_wrap .btn-tag {
  margin-right: var(--spacing-04);
}

/*--------------------------------------------------------------
Tag result page / Updates
--------------------------------------------------------------*/
.update_tag-results {
  margin: 20px 0 130px 0;
}
.update_tag-results h4 {
  font-size: 18px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.3);
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.update_tag-results .article_wrap {
  padding: 30px 0 30px 0;
  border-bottom: solid 1px rgba(0, 0, 0, 0.3);
}
.update_tag-results .article_wrap h3 {
  margin-bottom: 20px;
}
.update_tag-results .article_wrap h6 {
  margin-bottom: 10px;
  font-weight: 600;
}
.update_tag-results .article_wrap p {
  margin-bottom: 20px;
}
.update_tag-results .article_wrap p.published_date {
  font-size: 16px;
  font-weight: 300;
}
.update_tag-results .article_wrap p a {
  color: rgb(31, 70, 144);
  text-decoration: underline !important;
}

/*--------------------------------------------------------------
Subscribe page
--------------------------------------------------------------*/