body {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-style: normal;
  -webkit-animation: fadein 1.2s;
  -moz-animation: fadein 1.2s;
  -ms-animation: fadein 1.2s;
  -o-animation: fadein 1.2s;
  animation: fadein 1.2s;
  background: #ffffff;
  overflow-x: hidden !important;
	color: #323845
}

.sticky {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 100000;
}

.menu {
  background-color: #742979;
}
#nav-icon {
  width: 40px;
  height: 45px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
#nav-icon span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #ffffff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#nav-icon span:nth-child(1) {
  top: 5px;
}

#nav-icon span:nth-child(2),
#nav-icon span:nth-child(3) {
  top: 19px;
}

#nav-icon span:nth-child(4) {
  top: 33px;
}

#nav-icon.opened span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon.opened span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.opened span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon.opened span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

@media (min-width: 992px) {
  .float-left {
    float: left;
  }
  .float-right {
    float: right;
  }
}

@media (min-width: 992px) {
  #sub .menu-1 ul {
    float: left;
  }
  .menu-1 ul {
    float: none;
  }
}

@media (max-width: 900px) {
  .menu .brand-sm {
    width: auto;
    height: 25px;
    position: absolute;
    top: 10px;
    margin: 0;
    left: 10px;
    z-index: 1;
  }
  .search-icon {
    position: absolute;
    top: 10px;
    margin: 0;
    right: 10px;
    width: auto;
    height: 30px;
    /*transform: rotate(90deg);*/
  }
}
@media (min-width: 900px) {
  .menu .brand-sm {
    width: auto;
    height: 25px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 10px;
    z-index: 1;
  }
  .search-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 10px;
    width: auto;
    height: 30px;
    /*transform: rotate(90deg);*/
  }
}

.menu-1 ul .sub-menu {
  -webkit-animation: fadein 0.5s;
  -moz-animation: fadein 0.5s;
  -ms-animation: fadein 0.5s;
  -o-animation: fadein 0.5s;
  animation: fadein 0.5s;
}

@media (min-width: 900px) and (max-width: 2000px) {
  .menu-1 {
    font-size: min(max(17px, 1vh), 22px);
  }
}
@media (min-width: 992px) {
  .sub-menu a {
    padding: 0;
    white-space: nowrap;
    width: auto;
    float: none;
    text-shadow: none !important;
  }
  .sub-menu li {
    font-size: 16px;
    text-align: left;
    display: block;
    line-height: 35px;
  }
}

@media (max-width: 900px) {
  header .padding1 {
    padding: 0;
  }
}

.menu-1 ul .sub-menu {
  -webkit-animation: fadein 0.5s;
  -moz-animation: fadein 0.5s;
  -ms-animation: fadein 0.5s;
  -o-animation: fadein 0.5s;
  animation: fadein 0.5s;
}
.menu-item-has-children {
  background-image: url("../imgs/arrow-down-light.svg");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: 100% 57%;
}
.menu-1 ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  display: table;
  text-align: left;
}
.menu-1 li {
  float: left;
  position: relative;
}
.menu-1 a {
  display: block;
  text-decoration: none;
  cursor: pointer;
}
.menu-1 ul ul {
  position: absolute;
  left: 50% !important;
  transform: translateX(-50%);
  z-index: 99999;
  display: none;
  border-bottom: solid 1px var(--light-color);
}
.sub-menu {
  display: block;
}
.menu-1 ul ul ul {
  left: 100% !important;
  top: 0;
  transform: none;
  min-width: 220px;
  z-index: 100000;
  border-bottom: none;
}
.menu-1 ul ul li {
  width: 100%;
  color: #ffffff;
}
.menu-1 ul li:hover > ul,
.menu-1 ul li.focus > ul {
  display: block;
}
.menu-1 ul li:hover > ul,
.menu-1 ul li.focus > ul {
  left: auto;
}
.menu-1 ul ul li:hover > ul,
.menu-1 ul ul li.focus > ul {
  left: 100% !important;
  transform: none;
}
.menu-1 a {
  padding: 10px 25px;
  color: #ffffff;
  font-weight: 500;
}
.menu-1 li ul li a {
  color: #000;
}
.menu-toggle {
  display: none;
}

@media (max-width: 900px) {
  .menu-1 a {
  }
  .menu-item-has-children {
    background-position: center 32px;
    background-size: 10px;
    padding-right: 0;
  }
  .menu-1 li ul li a {
    color: #ffffff;
  }
  .sub-menu {
    background-color: var(--dark-color);
  }
  .overlay-icon img {
    width: auto;
    float: none;
    margin-right: 0;
  }
  #menu-top {
    width: 100%;
  }
  #site-menu {
    display: none;
  }
  .menu-1 a {
    color: #ffffff;
    text-shadow: none;
  }
  .menu-1 ul ul {
    left: 0;
  }
  .menu-toggle {
    color: #ffffff;
    margin: 0 auto;
    width: 100%;
    border: 0;
    border-radius: 0;
  }
  .toggled .menu-toggle {
    color: white;
    margin: 0 auto;
  }
  /* Small menu. */
  .menu-toggle,
  .menu-1.toggled #site-menu {
    display: block;
  }
  .menu-item-has-children {
    background-position: 95% 20px;
  }
  .menu-1 li {
    float: none;
  }
  .menu-1 ul ul {
    position: relative;
    float: none;
    left: 0 !important;
    display: none;
    transform: initial;
    box-shadow: none;
    border-bottom: none;
    padding-left: 1rem;
    margin: 0.25rem 0 0.5rem;
  }
  .menu-1 ul li:hover > ul,
  .menu-1 ul li.focus > ul {
    display: block;
  }
  .menu-1 ul ul a {
    width: 100%;
  }
  .menu-1 ul ul ul {
    left: auto !important;
    position: relative;
    top: auto;
    min-width: 0;
    padding-left: 1rem;
    margin: 0.15rem 0 0.35rem;
    background-color: transparent;
    box-shadow: none;
  }

  .menu-1 ul ul li:hover > ul,
  .menu-1 ul ul li.focus > ul {
    left: auto !important;
  }

  .sub-menu > .menu-item-has-children {
    background-image: url("../imgs/arrow-down-light.svg");
    background-position: 95% 20px;
  }

  .sub-menu .sub-menu a {
    opacity: 0.92;
    font-size: 0.95em;
  }
}

@media (min-width: 900px) and (max-width: 1400px) {
  .menu-1 a {
    padding-left: 17px;
    padding-right: 17px;
  }

  .menu-item-has-children {
    /* background-position:100% 64%;*/
    background-size: 9px 9px;
  }
  .sub-menu a:link {
    font-size: 15px;
  }
}

@media (min-width: 900px) {
  .sub-menu li a {
    padding: 5px 20px;
  }
  .sub-menu li {
    background-color: var(--dark-color);
  }
  ul .sub-menu {
    padding-top: 7px !important;
  }
  .sub-menu {
    background-color: #ffffff;
    border-radius: 0;
    box-shadow: 0px 29px 20px -7px #00000033;
  }

  /* Nested parent: right-pointing chevron (not down arrow) */
  .sub-menu > .menu-item-has-children {
    background-image: url("../imgs/arrow-light.svg");
    background-size: 8px 13px;
    background-position: calc(100% - 14px) center;
    background-repeat: no-repeat;
  }

  .sub-menu > .menu-item-has-children > a {
    padding-right: 2.25rem;
  }

  .sub-menu > .menu-item-has-children:hover,
  .sub-menu > .menu-item-has-children.focus {
    background-color: #3a3a3a;
  }

  /* Third-level flyout panel */
  .menu-1 ul ul ul,
  .sub-menu .sub-menu {
    margin: 0;
    padding: 0.4rem 0;
    min-width: 220px;
    background-color: #ffffff;
    box-shadow: 4px 10px 28px rgba(0, 0, 0, 0.2);
    border-radius: 0;
  }

  /* Hover bridge so the pointer can reach L3 */
  .menu-1 ul ul ul::before,
  .sub-menu .sub-menu::before {
    content: "";
    position: absolute;
    left: -14px;
    top: 0;
    bottom: 0;
    width: 14px;
  }

  .sub-menu .sub-menu li {
    background-color: #ffffff;
  }

  .sub-menu .sub-menu li a {
    color: #000000;
    padding: 0.55rem 1.25rem;
    line-height: 1.35;
    white-space: normal;
  }

  .sub-menu .sub-menu li:hover,
  .sub-menu .sub-menu li.focus {
    background-color: #f2f2f2;
  }

  .sub-menu .sub-menu .current-menu-item {
    background-color: #555555;
  }

  .sub-menu .sub-menu .current-menu-item a {
    color: #ffffff;
  }
}
@media (min-width: 992px) {
  .current-menu-item {
    border-bottom: 4px solid #ffffff;
    /* text-decoration: underline;
  text-underline-position: under */
  }
  .sub-menu .current-menu-item {
    text-decoration: none;
    border: none;
  }
  .sub-menu .current-menu-item {
    border-radius: 0;
    background-color: #555555;
  }
  #uoe .sub-menu .current-menu-item {
    background-color: var(--night-color);
  }
  .sub-menu .current-menu-item a {
    color: #ffffff;
  }
}

@media (max-width: 900px) {
  .menu-toggle {
    width: 100%;
    position: relative;
  }
  .menu-toggle button img {
    float: right !important;
  }
  .menu-1 li {
    float: left;
    width: 100%;
  }
}

.video-container-middle video {
  overflow-x: hidden !important;
}
html,
body,
h1,
h2,
h3,
h4 {
  margin: 0;
  padding: 0;
}
footer,
header,
menu,
nav,
section {
  display: block;
  clear: both;
}
h1 {
  font-size: 7vw;
  line-height: 47px;
}
.normalise {
  font-size: 45px;
  color: #029f9e;
  margin-bottom: 20px;
}
h1,
h2,
h3,
.overlay,
.box-menu,
.events,
.our-research p,
.fontydon,
.button {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
}
.content h2 {
  margin-bottom: 20px;
}
.beige-text h2,
.beige-text h3 {
  color: #c4aea0;
}
.events {
  color: #3ea4c0;
  font-size: 17px;
  margin-right: 30px;
}
p, .content li {
  font-size: 19px;
	line-height: 26px;
}
b,
strong,
.bold {
  font-weight: 700;
}
h2 {
  font-size: 32px;
}
h3 {
  font-size: 26px;
  color: #000000;
}
h4 {
  font-size: 20px;
  padding-bottom: 12px;
}
.bg1 p,
.bg2 p,
.bg3 p,
.bg4 p,
.bg5 p,
.bg6 p,
.bg7 p,
.bg8 p,
.bg9 p {
  font-size: 8vh;
  font-weight: 800;
  text-shadow: 4px 4px 19px rgb(0 0 0 / 40%);
  line-height: 90%;
  margin: 0;
  padding: 0;
}
.looong-word p {
  word-wrap: break-word;
}
.content img {
  border-radius: 10px;
}
.menufull .row [class^="col-"] {
  height: 33.3vh;
  padding: 3%;
}
.overlay {
  height: 100vh;
  max-height: 100%;
}
.menufull p {
  padding: 0;
  margin: 0;
  position: relative;
  font-size: 3vw;
  top: 50%;
  transform: translateY(-50%);
  text-shadow: 4px 4px 19px rgba(0, 0, 0, 0.3);
  line-height: 90%;
}
iframe {
	display: block;
	width: 100%;
	border: 0;
	border-radius: 12px;
	clip-path: inset(0 round 12px);
	box-shadow:
		0 24px 60px rgba(22, 32, 38, 0.16),
		0 4px 14px rgba(22, 32, 38, 0.08);
}
.hdq_result,
.qvc_tta-panel-body a,
.qvc_tta-panel-body a:link,
.qvc_tta-panel-body a:visited,
.qvc_tta-panel-body:link {
  color: #000 !important;
}

@media (max-width: 800px) {
  .menufull p {
    font-size: 5vw;
  }
  .overlay {
    overflow-y: scroll;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

@media (max-width: 500px) {
  .overlay img {
    max-width: 50px;
  }
}
.space {
  padding-top: 25px;
  padding-bottom: 25px;
}
.dgame {
  width: 100%;
  height: 450px;
  border-radius: 20px;
  background: url(../imgs/d-bggame.png) no-repeat #1f1f31;
  background-size: cover;
  padding: 30px;
}

.figame {
  width: 100%;
  height: 600px;
  border-radius: 20px;
  background: url(../imgs/fi-bg.png) no-repeat #000000 50%;
  background-position: bottom 30px center;
  padding: 30px;
}
.game-title {
  font-size: 50px;
  padding: 0;
  margin: 0;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  border-radius: 12px !important;
}
.video-no-br iframe,
.video-no-br object,
.video-no-br embed {
  border-radius: 0 !important;
}

.search input {
  background: url(../imgs/search-colour-right.svg) no-repeat scroll 92% 50%;
  background-size: 30px;
  border-radius: 30px;
  border: 0;
  background-color: #e1f3f6;
  margin-top: 28px;
  padding: 2px 30px 2px 25px;
}
header input:focus {
  outline-width: 0;
}
header img[src="../imgs/university-of-exeter-light.svg"] {
  -webkit-filter: drop-shadow(#000000 0px 0px 10px);
  filter: drop-shadow(#000000 0px 0px 10px);
}

.bg1,
.bg2,
.bg3,
.bg4,
.bg5,
.bg6,
.bg7,
.bg8,
.bg9,
.box-menu .col-xs-4 {
  background-repeat: no-repeat, no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.flexed {
  min-height: 200px;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
  from {
    opacity: 0.2;
  }
  to {
    opacity: 1;
  }
}
.menufull .col-xs-4 p,
.title-text {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  text-shadow: 4px 4px 19px rgba(0, 0, 0, 0.4);
  line-height: 90%;
  margin: 0;
  padding: 0;
}
.bg1 {
  background-image: url("../imgs/fungi.jpg");
}
.bg2 {
  background-image: url("../imgs/aspergillus4.jpg");
}
.bg3 {
  background-image: url("../imgs/aspergillus1.jpg");
}
.bg4 {
  background-image: url("../imgs/candida4.jpg");
}
.bg5 {
  background-image: url("../imgs/candida2.jpg");
}
.bg6 {
  background-image: url("../imgs/aspergillus2.jpg");
}
.bg7 {
  background-image: url("../imgs/candida2.jpg");
}
.bg8 {
  background-image: url("../imgs/global-impact.jpg");
}
.bg9 {
  background-image: url("https://thefungalthreat.com/wp-content/uploads/pharmakon-1.jpeg");
}
.flexed .bg1 {
  -webkit-animation: myfirst 2s; /* Chrome, Safari, Opera */
  animation: myfirst 2s;
}
.bg-box1 {
  background-image: url("../imgs/one.png");
}
.bg-box2 {
  background-image: url("../imgs/two.png");
}

.bg-box3 {
  background-image: url("../imgs/three.png");
}

.bg-box4 {
  background-image: url("../imgs/four.png");
}

.bg-box5 {
  background-image: url("../imgs/five2.png");
}

.bg-box6 {
  background-image: url("../imgs/six.png");
}

.bg-box7 {
  background-image: url("../imgs/seven.png");
}

.bg-box8 {
  background-image: url("../imgs/eight.png");
}

.bg-box9 {
  background-image: url("../imgs/nine2.png");
}

.bounce {
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

.flexed .bg2 {
  -webkit-animation: myfirst 3s; /* Chrome, Safari, Opera */
  animation: myfirst 3s;
}
.flexed .bg3 {
  -webkit-animation: myfirst 3s; /* Chrome, Safari, Opera */
  animation: myfirst 3s;
}
.flexed .bg4 {
  -webkit-animation: myfirst 4s; /* Chrome, Safari, Opera */
  animation: myfirst 4s;
}
.flexed .bg5 {
  -webkit-animation: myfirst 5s; /* Chrome, Safari, Opera */
  animation: myfirst 5s;
}

.float {
  position: relative;
  height: 100%;
  min-height: 300px;
}
.float p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.boxes .text {
  padding: 20px 30px;
}

.boxes img {
  object-fit: cover;
  width: 100%;
  height: 175px;
  height: auto;
}
@media (max-width: 992px) {
  .central {
    margin: 2.5% 0;
  }
  header {
    height: auto;
    line-height: normal;
  }
  /*header [class^=col-] {
    width: 50%;
      float: left;
       padding: 0 20px
  }*/
  header {
    padding: 0 20px;
  }
}

header .blocks {
  text-align: left;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

header .container {
  display: flex;
  align-items: center;
}

header .brand {
  text-align: right;
  padding-left: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1 1 auto;
  min-width: 0;
}

header .brand img {
  display: block;
  height: 80px;
  width: auto;
  max-height: 80px;
  max-width: 100%;
  margin-top: 0;
}

.max180 {
  max-width: 180px;
}

header .blocks .site-logo,
header .text-left .site-logo {
  display: inline-block;
  line-height: 0;
  vertical-align: middle;
}

header .blocks .site-logo img,
header .text-left .site-logo img {
  display: block;
  width: auto;
  max-height: 100px;
  height: auto;
}

.brand p {
  text-transform: uppercase;
  font-size: 14px;
}

@media (max-width: 900px) {
  header .brand {
    padding-left: 0.85rem;
  }

  header .brand img {
    height: 52px;
    max-height: 52px;
  }

  header .blocks .site-logo img,
  header .text-left .site-logo img {
    max-height: 74px;
  }
}

@media (max-width: 600px) {
  header .brand {
    padding-left: 0.65rem;
  }

  header .brand img {
    height: 40px;
    max-height: 40px;
  }

  header .blocks .site-logo img,
  header .text-left .site-logo img {
    max-height: 64px;
  }
}

@media (max-width: 992px) {
  .switcharoo {
    display: flex;
    flex-flow: column;
  }
  .left-flex {
    order: 2;
  }
  .right-flex {
    order: 1;
  }

  .l h2,
  .r h2 {
    display: none;
  }
  .left-flex {
    float: none;
    width: 100%;
    padding: 30px;
  }
  .right-flex {
    float: none;
    width: 100%;
    padding: 30px;
  }
}

@media (min-width: 992px) {
  .boxes .col-md-4 {
    width: 31%;
  }
  .central {
    margin: 0% 2.5%;
  }
  .boxes img {
    max-height: 240px;
  }

  .resize-reset {
    display: flex;
  }
  .flex {
    display: flex;
    min-height: 400px;
  }
  .flexed {
    flex: 1;
  }

  .left-flex {
    float: left;
    width: 50%;
    padding: 0 80px;
  }
  .right-flex {
    float: right;
    width: 50%;
    padding: 0 80px;
  }

  .l,
  .r {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    /*max-width:585px;*/
    width: 100%;
  }
  .l {
    float: right;
    max-width: 585px;
    width: 100%;
  }
  .r {
    float: left;
    max-width: 585px;
    width: 100%;
  }
}

.home-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  text-align: center;
  max-height: 333px;
  height: auto;
  position: relative;
}
.home-slide img {
  object-fit: cover;
  width: 100%;
  max-height: 333px;
  height: auto;
}

.home-slide h1 {
  color: #ffffff;
  font-size: 40px;
  position: absolute;
}

.cover {
  text-align: right;
  padding: 2% 5%;
}
.cover p,
.cover .button {
  font-size: 30px;
}
.cover p {
  margin-top: 5%;
}
.cover a,
.cover a:visited {
  color: #000000;
}
.cover img {
  max-height: 88px;
}
@media (max-width: 992px) {
  .cover {
    text-align: left;
  }

  .cover p,
  .cover .button {
    font-size: 20px;
  }
}

@media (max-width: 540px) {
  .cover img {
    width: 100%;
    height: auto;
  }
}

.justify p {
  text-align: justify;
}

.feature-wide {
  clear: both;
}

.transparent {
  background-color: transparent;
}
header {
  height: auto;
  line-height: normal;
}
header [class^="col-"] {
  height: auto;
  line-height: normal;
}
.above {
  background: transparent;
  position: absolute;
  z-index: 10000;
  width: 100%;
}

.contact p {
  font-size: 15px;
}
.contact a:link {
  font-size: 22px;
  font-weight: 600;
}

header span {
  font-weight: 900;
  font-size: 37px;
  margin: 0;
  margin-left: 12px;
  position: absolute;
  display: block;
}
.nolink a:link,
.nolink a:hover {
  text-decoration: none !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

/* FRAMEWORK */

.left {
  padding-left: 35px;
}
.right {
  width: auto;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.large-title h2 {
  font-size: 72px;
}
.feature img {
  object-fit: cover;
  width: 100%;
  max-height: 400px;
  height: 400px;
  margin-bottom: 30px;
  margin-top: 30px;
}
.feature-wide img {
  object-fit: cover;
  width: 100%;
  max-height: 500px;
  border-radius: 0;
  height: 40vh;
  min-height: 400px;
}
.feature-wide h1 {
  color: #ffffff;
  z-index: 100;
  position: absolute;
  text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.6);
}
@media (max-width: 992px) {
  .feature-wide h1 {
    margin-top: 7%;
  }
}
.feature-wide {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  text-align: center;
  position: relative;

  /* makes text fit - see h1 size above */
  overflow: hidden;
  white-space: nowrap;
}

.articles img {
  object-fit: cover;
  width: 100%;
  height: 180px;
  margin-bottom: 20px;
  border-radius: 0;
}
.articles {
  padding: 10px;
}
.articles h2 {
  font-size: 35px;
  margin-bottom: 10px;
}
.articles strong {
  margin-bottom: 7px;
}

.splash {
  position: relative;
}

.splash-article {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  padding: 15px;
}

.splash-float {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  color: #ffffff;
  text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.6);
}
.splash-float .btn {
  color: #ffffff;
  font-size: 20px;
}
.splash-float h1,
.splash-float p {
  margin-bottom: 20px;
}
.splash-date {
  color: #ffffff;
  margin-right: 30px;
  float: left;
}

/*.splash img {
    object-fit: cover;
    width: 100%;
    max-height: 400px;
}*/
.alignleft,
.alignnone {
  float: left;
  margin-right: 25px;
}
.alignright {
  float: right;
  margin-left: 25px;
}
.wp-caption p {
  background: #3b89ba;
  color: #fff;
  padding: 10px 20px;
  font-size: 14px;
  line-height: normal;
  margin-right: 10px;
  border-top: solid #fff 2px;
}
.aligncenter {
  display: block;
  margin: 20px auto;
}

.current-menu-item {
}

.feature img {
  object-fit: cover;
  width: 100%;
  max-height: 500px;
  max-height: 500px;
  height: 100%;
  margin-bottom: 30px;
}

.content ol li {
  line-height: 37px;
}

.content p a:link,
.content p a:visited,
.content li a:link,
.content li a:visited {
  color: #000000;
  font-weight: 500;
  border-bottom: solid 1px;
}

.grey-grad p a:link,
.grey-grad p a:visited {
  border-bottom: none;
  padding-left: 40px;
  background-image: url("../imgs/open-icon.svg");
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 25px;
  float: left;
  margin-bottom: 7%;
  min-height: 25px;
}

.nf-form-content {
  padding: 0 !important;
  max-width: 100% !important;
  margin: 0 auto;
  padding-top: 35px;
}

.logos {
  margin: 30px 0;
}

.logos img {
  display: block;
  margin-bottom: 25px;
}

.middle > * {
  vertical-align: middle;
}
.nudge .btn-solid {
  margin-top: 8px;
}

.dark-to-light {
  background-image: linear-gradient(to top, transparent, #000000);
  /* background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1.0));*/
  /* opacity: 0.95; */
  min-height: 200px;
}
.light-to-dark {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  min-height: 250px;
}

.gradient {
  background: rgb(42, 83, 161);
  background: -moz-linear-gradient(270deg, rgba(42, 83, 161, 1) 0%, rgba(123, 142, 197, 1) 52%);
  background: -webkit-linear-gradient(270deg, rgba(42, 83, 161, 1) 0%, rgba(123, 142, 197, 1) 52%);
  background: linear-gradient(270deg, rgba(42, 83, 161, 1) 0%, rgba(123, 142, 197, 1) 52%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2a53a1",endColorstr="#7b8ec5",GradientType=1);
}
.on {
  background-image: linear-gradient(to top, rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.6));
  height: 11%;
}
.bg-one {
  background-image: url("../hg/bg-one.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #66c4d1;
  color: #ffffff;
  padding: 4% 0;
}
.bg-one p,
.bg-one h2,
.bg-two p,
.bg-two h2,
.bg-one a:link,
.bg-two a:link,
.bg-one a:visited,
.bg-two a:visited {
  color: #ffffff !important;
}

.img-fit img {
  max-width: 75px;
  float: left;
  margin-right: 24px;
  margin-top: -8px;
}

.dark {
  background-color: #192032;
  color: #ffffff;
}
.light-text {
  color: #ffffff;
}
.purple {
  background-color: #b55fa6 !important;
}
.dark-purple {
  background-color: #6d0574 !important;
}
.dark-grey2 {
  background-color: #707070 !important;
}
.turq {
  background-color: #12a5a8 !important;
}
.beige {
  background-color: #c4aea0 !important;
}
.orange {
  background-color: #ec715f !important;
}
.blue {
  background-color: #0062b9 !important;
}
.green {
  background-color: #0dc3c7 !important;
}
.light-blue {
  background-color: #289dd9 !important;
}
.sea {
  background-color: #029f9e !important;
}

.grey {
  background-color: #e0e0e0;
}
.light-grey {
  background-color: #f4f4f4;
}
.grey-grad {
  background: rgb(224, 224, 224);
  background: linear-gradient(180deg, rgba(224, 224, 224, 1) 35%, rgba(255, 255, 255, 1) 100%);
}
.dark-grey {
  background-color: #262626;
  color: #ffffff;
}

.black {
  background-color: #000000;
  color: #ffffff;
}
.white {
  background: #ffffff;
}

.gradient p,
.dark h2,
.dark h3,
.dark .intro p,
.dark a:link,
.dark a:visited,
.light-text h2,
.light-text h3,
.light-text .intro p,
.light-text a:link,
.light-text a:visited {
  color: #ffffff !important;
}

.dark-text,
.grey h2,
.grey-grad h2 {
  color: #3d5ca8;
}
.grey .btn-solid.tab:hover {
  padding-bottom: 7px !important;
  border-bottom: none !important;
}
.grey .btn-solid.tab {
  color: #ffffff !important;
}
.grey .btn-solid.tab:link {
  border-bottom: none !important;
  color: #ffffff !important;
}

.sub-page .dark {
  padding: 30px 0;
}

.gap {
  margin-bottom: 11px;
}

.paddingt1 {
  padding-top: 10px;
}
.paddingt2 {
  padding-top: 20px;
}
.paddingt3 {
  padding-top: 30px;
}
.paddingt4 {
  padding-top: 40px;
}
.paddingt5 {
  padding-top: 50px;
}
.paddingb1 {
  padding-bottom: 10px;
}
.paddingb2 {
  padding-bottom: 20px;
}
.paddingb3 {
  padding-bottom: 30px;
}
.paddingb1 {
  padding-bottom: 10px;
}
.paddingb2 {
  padding-bottom: 20px;
}
.paddingtb3 {
  padding: 30px 0 30px 0;
}
.latest {
  padding: 0 35px 0 35px;
}
.padding1 {
  padding: 10px 10px;
}
.padding2 {
  padding: 20px 20px;
}
.padding3 {
  padding: 30px 30px;
}
.padding4,
.content .dark,
.vc_row.wpb_row.vc_row-fluid.gradient,
.content .grey {
  padding: 40px 40px;
}
.padding5 {
  padding: 50px 50px;
}

.nopadding {
  padding: 0 !important;
}
.nopadding.wpb_column.vc_column_container.vc_col-sm-12 {
  padding: 0 !important;
}
.title {
  font-size: 25px;
}
.intro p,
.intro {
    max-width: 57rem;
    font-size: clamp(1.15rem, 2.2vw, 1.35rem);
    line-height: 1.55;
    font-weight: 400;
    color: var(--tft-muted, #323845);
    margin: 0 auto;
}
.welcome .intro p {
  margin: 20px 0 40px 0 !important;
}
.welcome h1 strong {
  color: #7b8ec5;
}

/* TEMPLATE */

.content p {
  margin-bottom: 20px;
}

#resources .dark {
  margin-bottom: 30px;
}

.parent a {
  color: #ffffff;
  background-color: #3d5ca8;
  display: inline-block;
  background-image: url("../imgs/back-light.svg");
  background-repeat: no-repeat;
  background-position: 5%;
  background-size: 30px;
  padding: 7px 5% 9px 10%;
  min-width: 340px;
  width: 100%;
}
.parent {
  position: absolute;
  right: 25px;
  bottom: 25px;
}
.grey-grad p a:hover {
  padding-bottom: 0 !important;
  border-bottom: none !important;
  transition: none !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
}
a:active {
  top: 2px;
  position: relative;
}
.ms-inner-controls-cont,
.ms-container {
  max-height: 500px !important;
}
.ms-view {
  min-height: 400px;
}
.ms-slide .ms-slide-bgcont,
.ms-slide .ms-slide-bgvideocont {
  min-height: 400px;
}
.thumbnail {
  padding: 0px 30px 30px 30px;
}

/* MENUS */

header span {
  font-size: 17px;
  margin-left: 0;
  margin-bottom: 25px;
  height: 21px;
  display: block;
}
.search img {
  width: auto;
  float: none;
  margin-right: 0;
}

@media (min-width: 992px) {
  .search {
    float: left;
  }
}

.hide {
  display: none !important;
}
.show {
  display: block !important;
}

.trail-items a,
.trail-items a:visited {
  color: #ffffff;
}

.tags a {
  border-radius: 20px;
  color: #ffffff;
  padding: 7px 14px;
  display: inline-block;
  margin-right: 4px;
  font-size: 13px;
  text-transform: capitalize;
  background-color: #d14799;
}
cats a {
  margin-top: 7px;
  border-radius: 20px;
  color: #ffffff;
  padding: 7px 14px;
  display: inline-block;
  margin-right: 4px;
  font-size: 13px;
  list-style: none;
  background: #1d92c5;
  text-transform: capitalize;
}

.ms-slide img {
  margin-top: 0 !important;
}

.title,
.search {
  -webkit-animation: fadein 3s;
  -moz-animation: fadein 3s;
  -ms-animation: fadein 3s;
  -o-animation: fadein 3s;
  animation: fadein 3s;
}

.nopadp p {
  margin-top: 0;
}

/* VC */

.vc_col-sm-12 .wpb_content_element {
  margin-bottom: 0 !important;
}
.wpb_content_element {
  margin-bottom: 25px !important;
}
.vc_tta-panel-heading {
  background-color: #000000 !important;
  padding: 7px;
}
.vc_tta-panel-body p {
  color: #000000 !important;
}
h2.hdq_results_title,
h3.hdq_question_heading {
  color: #222 !important;
}
.hdq_question_number {
  color: #029f9e !important;
}
.hdq-options-check input[type="checkbox"]:checked + .hdq_toggle::before {
  background: #029f9e !important;
}
.vc_tta-panel-heading h4 {
  padding-bottom: 0;
}
.vc_tta-panel-body {
  background-color: #fafafa !important;
  padding-bottom: 0 !important;
  padding-bottom: 30px !important;
}
.vc_tta-title-text,
.vc_tta-controls-icon-chevron,
.vc_tta-panel-body table td {
  color: #ffffff !important;
}
.vc_tta.vc_general .vc_tta-icon {
  color: #029f9e;
}
.vc_tta.vc_general .vc_tta-panel-heading {
  border: none !important;
}
.vc_tta-controls-icon::before,
.vc_tta-controls-icon::after {
  border-color: #ffffff !important;
}

.wpb-js-composer .vc_tta.vc_tta-style-modern .vc_tta-panel-body,
.wpb-js-composer .vc_tta.vc_tta-style-modern .vc_tta-panel-heading {
  background-image: none !important;
}

.vc_tta-container ul {
  padding-bottom: 30px;
}

.vc_column_container > .vc_column-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.wpb-js-composer .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after,
.wpb-js-composer .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::before {
  border-color: #e30613 !important;
}
.vc_col-lg-1,
.vc_col-lg-10,
.vc_col-lg-11,
.vc_col-lg-2,
.vc_col-lg-3,
.vc_col-lg-4,
.vc_col-lg-5,
.vc_col-lg-6,
.vc_col-lg-7,
.vc_col-lg-8,
.vc_col-lg-9,
.vc_col-md-1,
.vc_col-md-10,
.vc_col-md-11,
.vc_col-md-2,
.vc_col-md-3,
.vc_col-md-4,
.vc_col-md-5,
.vc_col-md-6,
.vc_col-md-7,
.vc_col-md-8,
.vc_col-md-9,
.vc_col-sm-1,
.vc_col-sm-10,
.vc_col-sm-11,
.vc_col-sm-2,
.vc_col-sm-3,
.vc_col-sm-4,
.vc_col-sm-5,
.vc_col-sm-6,
.vc_col-sm-7,
.vc_col-sm-8,
.vc_col-sm-9,
.vc_col-xs-1,
.vc_col-xs-10,
.vc_col-xs-11,
.vc_col-xs-2,
.vc_col-xs-3,
.vc_col-xs-4,
.vc_col-xs-5,
.vc_col-xs-6,
.vc_col-xs-7,
.vc_col-xs-8,
.vc_col-xs-9 {
  padding: 15px !important;
}

.vc_col-lg-12,
.vc_col-md-12,
.vc_col-xs-12,
.vc_col-sm-12 {
  padding: 15px !important;
}

/* TOP */

#myBtn {
  display: none;
  position: fixed;
  bottom: -5px;
  right: 20px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: transparent !important;
  color: white !important;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
  font-size: 30px;
  background: none !important;
  text-shadow: 4px 4px 29px rgba(0, 0, 0, 0.9);
}

#myBtn:hover {
  background-color: #65c3d0;
}

.vc_column-gap-35 {
  margin-left: -17.5px !important;
  margin-right: -17.5px !important;
}

/* TESTIMONIALS */
.testimonial_rotator_wrap {
  margin: 0 !important;
}
.testimonial_rotator.template-default .testimonial_rotator_author_info {
  font-style: normal !important;
  line-height: normal !important;
  padding: 0 !important;
  border-left: none !important;
  margin: 0 !important;
  font-weight: bold;
  color: #555;
}
.testimonial_rotator_wrap.with-prevnext {
  padding: 8px 30px !important;
}
.testimonials h3 {
  padding-left: 25px;
}

/* TWITTER */

.twitter p,
.twitter img,
.twitter b {
  color: #ffffff;
  margin-right: 20px;
  float: left;
}
.tweet p {
  width: 100%;
  word-break: break-all;
}
.twitter_reply_icon {
  margin-right: 10px !important;
}
#twitter {
  width: 100%;
}
#twitter p,
.twitter a {
}
#twitter a,
#twitter a:visited {
  color: #5ea9dd;
}
#twitter a:hover {
  color: #636466;
}
#twitter ul li {
  list-style: none;
  overflow: hidden;
}
#twitter .user,
#twitter .tweet,
#twitter .timePosted {
  float: left;
  color: #000000;
}

#twitter .user {
  width: 150px;
}
#twitter ul {
  margin: 0px;
  padding-left: 0px;
}
/*
#twitter .tweet {
padding-bottom:20px;
}*/
#twitter p {
  padding-bottom: 0px;
}
#twitter .timePosted {
  width: 100%;
  font-size: 14px;
}

#twitter .user {
  clear: left;
}

#twitter .user a {
  width: 100px;
}

#twitter .user span span {
  width: 100px;
  display: block;
}

#twitter .user img,
#twitter .user a > span {
  float: left;
}
#twitterbase .interact {
  float: none;
}
#twitter .interact a {
  color: #ffffff !important;
  background-color: #5ea9dd;
  border-radius: 25px;
  padding: 2px 22px;
  display: inline-block;
  text-decoration: none !important;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#twitter .user a > span {
  margin-left: 10px;
}
.rightside {
  text-align: right;
}

.thumbnail img {
  border-radius: 0;
  object-fit: cover;
  width: 100%;
  max-height: 240px;
  height: 240px;
}

.black a:link {
  color: #ffffff;
}
footer a:link,
footer a:visited,
footer p {
  color: #000000;
}

.text-center {
  text-align: center;
}

.sidebar {
}

.sidebar h3 {
  color: #000000;
  font-weight: 700;
  font-size: 14px;
}

.nopad {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.pad {
  padding: 5% 0;
}
.pad2 {
  padding: 40px 0 2% 0;
}

/* FORMS */
#nf-field-4 {
  padding: 7px 40px;
  display: inline-block;
  color: #ffffff;
  background-color: #005593;
  border-radius: 25px;
}
#nf-field-4:hover,
.forms button:hover {
  text-decoration: none;
  transition: 0.2s linear;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  opacity: 0.5;
  cursor: pointer;
}
.forms input,
.nf-field-element #nf-field-1,
.nf-field-element #nf-field-2,
.nf-field-element #nf-field-6 {
  border-radius: 50px !important;
  padding: 15px 25px !important;
  width: 100% !important;
  border: none !important;
  background-color: #e1f3f6 !important;
  margin-top: 5px;
}
.nf-form-content textarea {
  border-radius: 15px !important;
  padding: 15px 25px !important;
  width: 100% !important;
  border: none !important;
  background-color: #e1f3f6 !important;
}

.ninja-forms-form-wrap *,
.ninja-forms-form-wrap ::after,
.ninja-forms-form-wrap ::before {
  margin-bottom: 20px;
}

/* BUTTONS and LINKS */

.btn,
.btn-solid,
.btn-light,
.btn-solid-light,
.btn-grad,
.button {
  padding: 7px 40px;
  display: inline-block;
}
.btn {
  color: #000000;
  border: 3px solid #3d5ca8;
}
button {
  border: none;
  background: none;
}
.no-border {
  border: none;
}
.tab {
  border-radius: 25px;
}

.btn-solid {
  color: #ffffff;
  background-color: #192032;
}
.btn-solid-light {
  color: #ffffff;
  background-color: #66c3d0;
}
.btn-grad {
  background: rgb(42, 156, 216);
  background: -moz-linear-gradient(45deg, rgba(42, 156, 216, 1) 0%, rgba(102, 195, 208, 1) 50%);
  background: -webkit-linear-gradient(45deg, rgba(42, 156, 216, 1) 0%, rgba(102, 195, 208, 1) 50%);
  background: linear-gradient(45deg, rgba(42, 156, 216, 1) 0%, rgba(102, 195, 208, 1) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2a9cd8",endColorstr="#66c3d0",GradientType=1);
}

.button {
  color: #000000;
  background-image: url("../imgs/arrow-up-dark.svg");
  background-repeat: no-repeat;
  background-position: 100% 10%;
  background-size: 23px;
  display: inline-block;
  font-size: 25px;
  padding: 7px 30px;
}
.dark .button {
  background-image: url("../imgs/arrow-up-light.svg");
}
.p {
  background-image: url("../imgs/arrow-up-light-shadow.svg");
  background-repeat: no-repeat;
  background-position: 100% 10%;
  background-size: 40px;
  padding: 7px 30px;
}

.btn-arrow {
  color: #000000;
  padding: 7px 60px 7px 50px;
  background-image: url("../imgs/arrow.svg");
  background-repeat: no-repeat;
  background-position: 90%;
  background-size: 15px;
  margin: 20px 0;
  display: inline-block;
}
.btn-arrow-back {
  color: #ffffff;
  padding: 7px 50px 7px 60px;
  background-image: url("../imgs/arrow-back.svg");
  background-repeat: no-repeat;
  background-position: 10%;
  background-size: 15px;
  margin: 20px 0;
  display: inline-block;
}

.btn-middle {
  color: #ffffff;
  border: 3px solid #ffffff;
}
.btn-middle-arrow {
  color: #ffffff;
  border: 3px solid #ffffff;
  padding: 7px 60px 7px 50px;
  background-image: url("../imgs/arrow-light.svg");
  background-repeat: no-repeat;
  background-position: 90%;
  background-size: 15px;
  margin: 20px 0;
  display: inline-block;
}

.btn-light {
  color: #ffffff;
  border: 3px solid #ffffff;
}
.btn-light-arrow {
  color: #ffffff;
  padding: 7px 60px 7px 50px;
  background-image: url("../imgs/arrow-light.svg");
  background-repeat: no-repeat;
  background-position: 90%;
  background-size: 15px;
  margin: 20px 0;
  display: inline-block;
}
@media (max-width: 992px) {
  .btn-arrow-back {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    text-align: center;
  }
}

.zoom {
  transition: transform 0.5s;
}
.zoom:hover {
  transform: scale(1.1);
  opacity: 1;
}
.zoom-slight {
  transition: transform 0.5s;
}
.zoom-slight:hover {
  transform: scale(1.02);
}
.mooz {
  transition: transform 0.5s;
}
.mooz:hover {
  transform: scale(0.8);
  opacity: 1;
}
.mooz-slight {
  transition: transform 0.5s;
}
.mooz-slight:hover {
  transform: scale(0.92);
}

.btn-circle {
  display: inline-block;
  height: 175px;
  width: 175px;
  border-radius: 50%;
  border: 5px solid red;
  background-position: center;
  background-repeat: repeat;
  margin: 4% 4% 0 4%;
  line-height: 160px;
  color: #ffffff;
  font-size: 25px;
  background-size: 100%;
}
.btn-circle:hover,
.zoom:hover {
  -webkit-filter: drop-shadow(1px 22px 20px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(1px 22px 20px rgba(0, 0, 0, 0.4));
}

.dropdown {
  background-image: url("../imgs/arrow-down-light.svg");
  background-repeat: no-repeat;
  background-position: 92% 53%;
  background-size: 10px;
}

.open-icon-light {
  background-image: url("../imgs/open-icon-light.svg");
  background-repeat: no-repeat;
  background-position: 90%;
  background-size: 22px;
  padding: 7px 5% 9px 10%;
}
.open-icon {
  background-image: url("../imgs/open-icon.svg");
  background-repeat: no-repeat;
  background-position: 6%;
  background-size: 22px;
  padding: 7px 5% 9px 10%;
}

.open-icon-new-window {
  background-image: url("../imgs/open-new-window-icon.svg");
  background-repeat: no-repeat;
  background-position: 6%;
  background-size: 22px;
  padding: 7px 5% 9px 10%;
}

.button {
  background-color: inherit !important;
  color: inherit !important;
  border: none !important;
  font-weight: bold;
  padding-left: 0;
}

a,
.button:link {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
  cursor: pointer !important;
}
a:hover,
.button:hover {
  text-decoration: none;
  transition: 0.2s linear;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  opacity: 0.8;
  cursor: pointer !important;
}

.content p a:hover {
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: solid 2px transparent;
  transition: 0.2s linear;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
}
.base h3 {
  font-size: 28px;
}
.base .col-lg-4 {
  padding: 20px;
}

#sidebar {
  padding: 40px 30px 30px 30px;
}

.sidebar-pad {
  padding: 30px;
}

.sidebar img {
  max-width: 100%;
  height: auto;
}

.text-box {
  padding-right: 30px;
}

nav a:active {
  position: relative;
  top: 2px;
}

/* ICONS */

.social img {
  width: 40px;
  height: 40px;
  margin: 5px;
}

.uppercase {
  text-transform: uppercase;
  margin-bottom: 20px;
}
.small a:link,
.small p {
  font-size: 14px;
  font-weight: 200;
  padding: 0;
  margin: 0;
  line-height: normal;
  margin-bottom: 20px;
}
footer small a {
  margin-right: 30px;
}

#footer {
  padding: 48px 30px;
  text-align: left;
}

#footer .container {
  display: flex;
  align-items: flex-start;
  gap: 48px;
}

#footer .container::before,
#footer .container::after {
  display: none;
}

#footer .footer-main {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}

#footer .footer-menu {
  flex: 0 0 240px;
  text-align: left;
}

#footer .footer-menu-list {
  display: grid;
  gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer .footer-menu-list li {
  margin: 0;
}

#footer .footer-menu-list a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
}

#footer .footer-menu-list a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

#footer .footer-links {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  max-width: 100%;
  margin-left: 0;
  padding-left: 0;
}

#footer .footer-links > a {
  margin-right: 0;
}

#footer .footer-mark {
  display: inline-flex;
  align-items: center;
  margin: 0 0 20px;
  padding: 0;
  line-height: 0;
}

#footer .footer-mark img {
  display: block;
  width: 60px;
  height: 60px;
}

#footer .footer-links > a + a::before {
  content: "·";
  display: inline-block;
  margin: 0 0.55em;
  speak: never;
}

#footer .footer-copyright {
  display: block;
  margin-top: 20px;
}

@media (min-width: 992px) {
  #footer .footer-menu {
    text-align: right;
  }
}

@media (max-width: 991px) {
  #footer .container {
    flex-direction: column;
    gap: 32px;
  }

  #footer .footer-main,
  #footer .footer-menu {
    width: 100%;
  }

  #footer .footer-menu {
    flex-basis: auto;
  }
}

@media (max-width: 768px) {
  #footer .footer-links {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  #footer .footer-links > a + a::before {
    content: none;
  }

  #footer .footer-links > a {
    line-height: 1.5;
  }
}

@media (max-width: 500px) {
  #footer {
    padding: 36px 24px;
  }
}

small {
  font-size: 13px;
}

/* IMAGES */

.circle img {
  object-fit: cover;
  background-position: center;
  border-radius: 50%;
  width: 250px;
  height: 250px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .circle img {
    width: 200px;
    height: 200px;
    display: inline-block;
  }
}
@media (max-width: 992px) {
  .circle img {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: block;
    width: 100%;
    border-radius: 5px;
  }
}

/* TOOLTIP */

.tooltip {
  border-bottom: 4px dotted #008aad;
}

.tooltiptext {
  visibility: hidden;
  width: 100%;
  border: 7px solid #008aad;
  background-color: #111122;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 100000;
  padding: 4px 10px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
.paddingt5.relative a:hover {
  opacity: 1 !important;
}
.bc.dark {
  background-color: #008aad;
}

/* BREADCRUMBERATORS */

#breadcrumbs {
  list-style: none;
  margin: 10px 0;
  padding: 0;
  overflow: hidden;
  text-align: center;
}

#breadcrumbs li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}

#breadcrumbs .separator {
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
}
.sub-crumbs {
  position: absolute;
  bottom: 7%;
  text-shadow: 0px 0px 7px rgb(0, 0, 0);
  font-size: 20px;
  padding: 25px 0;
}

/* OVERLAY */

.overlay a:visited {
  color: #ffffff;
}

.overlay a:hover {
  text-decoration: none;
}

.overlay .closebtn:hover {
  color: #ffffff;
}

/*.overlay p {
    color: #ffffff;
    margin-top: 20px;
    font-size: 25px;
}*/

.openSearch img {
  width: 30px;
  height: 30px;
  margin-right: 30px;
  margin-left: 20px;
  margin-top: 0;
  cursor: pointer;
}

.overlay input[type="text"] {
  padding: 20px 40px;
  font-size: 30px;
  border: none;
  width: 70%;
  border-radius: 50px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  color: #000000;
}

.overlay input[type="text"]:hover {
  background: #f1f1f1;
}
.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  background-color: rgb(0, 40, 76);
  background-color: rgba(0, 40, 76, 0.9);
  -webkit-animation: fadein 0.5s;
  -moz-animation: fadein 0.5s;
  -ms-animation: fadein 0.5s;
  -o-animation: fadein 0.5s;
  animation: fadein 0.5s;
}

.overlay-content {
  position: relative;
  width: 100%;
  text-align: center;
  margin: auto;
  transform: translateY(-50%);
  top: 50%;
}

.overlay a:link {
  color: #ffffff;
  font-size: 20px;
}

.overlay button.overlay-tile-btn,
.overlay button.closebtn {
  appearance: none;
  -webkit-appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  color: #ffffff;
  font: inherit;
  font-size: 20px;
  cursor: pointer;
  text-decoration: none;
  display: block;
  width: 100%;
  text-align: center;
}

.overlay button.closebtn {
  font-size: 6vh;
  font-weight: bold;
  width: 100%;
  text-align: center;
  margin-top: 5%;
  position: absolute;
}

header button.menu,
.blocks button {
  appearance: none;
  -webkit-appearance: none;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: inherit;
  font: inherit;
}



.close:hover span {
  display: none;
}
.close:hover:before {
  content: "×";
}
.mag:hover span {
  display: none;
}
.mag:hover:before {
  content: "Search";
}

.closebtn {
  text-decoration: none;
  font-size: 6vh;
  font-weight: bold;
  color: #ffffff;
  width: 100%;
  text-align: center;
  margin-top: 5%;
  position: absolute;
}
.closebtn:hover,
.closebtn:focus {
  text-decoration: none;
  cursor: pointer;
}

footer small {
  /* color: #FFFFFF;
    opacity: 0.7;*/
}

.logo-l img {
  max-width: 218px;
  margin-bottom: 20px;
  height: auto;
  width: 100%;
}
.logo-r img {
  max-width: 158px;
  margin-bottom: 40px;
  margin-top: 15px;
  height: auto;
  width: 100%;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media only screen and (min-width: 501px) and (max-width: 960px) {
}

@media (min-width: 992px) {
  header p {
    margin: 30px 0 0 0;
  }
  header .contact a {
    margin-bottom: 10px;
  }
}

@media (max-width: 992px) {
  .articles.text-center {
    text-align: left;
  }
  .bar,
  .bar .icon,
  .text-right,
  .text-left {
    text-align: center;
    float: none;
  }
  .pinch {
    margin: auto;
    width: 100%;
  }
}

@media (max-width: 568px) {
  .overlay a:link {
    line-height: 50px;
    font-size: 20px;
  }

  .bar {
    line-height: 24px;
  }
  .btn,
  .btn-arrow,
  .btn-solid,
  .btn-light,
  .btn-light-arrow {
    margin-bottom: 20px;
    display: inline-block;
    text-align: center;
    width: 100%;
  }
  .home-slide h1 {
    font-size: 27px;
  }
  .home-slide img {
    height: 250px;
  }
  .padding2,
  .padding3,
  .padding4,
  .content .dark,
  .vc_row.wpb_row.vc_row-fluid.gradient,
  .content .grey,
  .padding5,
  .paddingt1,
  .paddingt2,
  .paddingt3,
  .paddingt4,
  .paddingt5,
  .paddingb1,
  .paddingb2,
  .paddingt3,
  .paddingt4,
  .paddingt5 {
    padding: 20px 20px;
  }
}

@media (max-width: 500px) {
  footer a {
    display: block;
    line-height: 40px;
  }
  footer small a {
    margin-right: 0;
  }
  .footer-links {
    display: block;
  }
  .footer-mark {
    display: inline-flex;
    margin: 0 0 0.35rem 0;
    padding: 0;
  }
  .footer-mark img {
    margin-right: 0;
  }
  .footer-links > a:not(.footer-mark) + a::before {
    content: none;
    margin: 0;
  }
}

@media (max-width: 768px) {
  .thumbnail img {
    width: 100%;
    margin-bottom: 30px;
    padding-right: 0;
    height: 100%;
  }
  .parent {
    position: initial;
    width: 100%;
  }
  .line h1,
  .line h2 {
    display: block;
    width: 90%;
    margin: auto;
  }
  .line h1::before,
  .line h1::after,
  .line h2::before,
  .line h2::after {
    content: none;
  }

  .twitter img {
    margin-right: 0;
    float: none;
    margin-bottom: 10px;
  }
  #twitter .timePosted {
    width: 100%;
  }
  #twitterbase .interact {
    float: left;
  }

  h2 {
    font-size: 35px;
  }
  .pad {
    padding: 3% 0;
  }

  .logos img {
    text-align: center;
    display: inherit;
  }
  .chi {
    float: none;
    padding-right: 0;
  }

  footer {
    text-align: center;
  }
}

@media (min-width: 904px) {
  .hideshow {
    display: none;
  }

  .showhide {
    display: initial;
  }
}

@media (max-width: 992px) {
  blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
  }

  .social img {
    width: 32px;
    height: 32px;
  }
  .feature img {
    height: 100%;
  }
  .feature-wide img {
    height: 100%;
  }
  .left {
    padding-left: 0;
  }

  .hideshow {
    display: initial;
  }

  .showhide {
    display: none;
  }
  /*    header {
 text-align: center;
    }
  */
  header span {
    position: relative;
  }

  .left,
  .right {
    width: 100%;
  }
}

a:hover {
  outline: 0;
}
mark {
  background: #ff0;
  color: #000;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
select {
  text-transform: none;
}
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: 700;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  text-decoration: none;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
.container {
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    max-width: 750px;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 970px;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
    width: 100%;
  }
}
section {
  margin-right: auto;
  margin-left: auto;
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  position: relative;
  min-height: 1px;
}
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}
input[type="checkbox"],
input[type="radio"] {
  margin: 4px 0 0;
  line-height: normal;
}
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] input[type="radio"],
input[type="checkbox"].disabled,
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="radio"][disabled] {
  cursor: not-allowed;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="checkbox"]:focus,
input[type="file"]:focus,
input[type="radio"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
textarea.form-control {
  height: auto;
}
.checkbox,
.radio {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.checkbox.disabled label,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio label {
  cursor: not-allowed;
}
.checkbox label,
.radio label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
  position: absolute;
  margin-left: -20px;
}
.checkbox + .checkbox,
.radio + .radio {
  margin-top: -5px;
}
.checkbox-inline,
.radio-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.checkbox-inline.disabled,
.radio-inline.disabled,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio-inline {
  cursor: not-allowed;
}
.checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline {
  margin-top: 0;
  margin-left: 10px;
}
.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
select[multiple].input-sm,
textarea.input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm select[multiple].form-control,
.form-group-sm textarea.form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
select[multiple].input-lg,
textarea.input-lg {
  height: auto;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.clearfix:after,
.clearfix:before,
section:after,
section:before,
.container:after,
.container:before,
.row:after,
.row:before {
  display: table;
  content: " ";
}
.clearfix:after,
section:after,
.container:after,
.row:after {
  clear: both;
}

button.btn-solid,
button.btn-solid.tab {
  appearance: none;
  -webkit-appearance: none;
  border: none;
  cursor: pointer;
  font: inherit;
}

/* button-06 — Home 2026 hero buttons, available site-wide */
.button-06,
.button-06-reverse {
  --button-06-teal: #12a5a8;
  --button-06-purple: #742979;
  --button-06-coral: #ef6b5a;
  border-radius: 999px;
  padding: 14px 22px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Nunito", sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.2;
  box-shadow: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transition: 0.3s ease;
}

.button-06 {
  border: 1px solid #1d1d1d;
  background: #1d1d1d;
  color: #fff;
}

.button-06::after,
.button-06-reverse::after {
  content: "→";
  font-size: 18px;
  line-height: 1;
  font-weight: 900;
  transition: transform 0.2s ease;
}

a.button-06,
a.button-06:visited,
a.button-06:hover,
button.button-06 {
  color: #fff;
  background: #1d1d1d;
  border-color: #1d1d1d;
}

.button-06:hover::after,
.button-06-reverse:hover::after {
  transform: translateX(4px);
}

.button-06-reverse {
  border: 1px solid #fff;
  background: #fff;
  color: #1d1d1d;
}

a.button-06-reverse,
a.button-06-reverse:visited,
a.button-06-reverse:hover,
button.button-06-reverse {
  color: #1d1d1d;
  background: #fff;
  border-color: #fff;
}

.button-06--teal,
a.button-06--teal,
a.button-06--teal:visited,
a.button-06--teal:hover {
  background: var(--button-06-teal);
  border-color: var(--button-06-teal);
  color: #fff;
}

.button-06--purple,
a.button-06--purple,
a.button-06--purple:visited,
a.button-06--purple:hover {
  background: var(--button-06-purple);
  border-color: var(--button-06-purple);
  color: #fff;
}

.button-06--coral,
a.button-06--coral,
a.button-06--coral:visited,
a.button-06--coral:hover {
  background: var(--button-06-coral);
  border-color: var(--button-06-coral);
  color: #fff;
}

.stories-learn-more {
  --button-06-teal: #12a5a8;
  --button-06-purple: #742979;
  --button-06-coral: #ef6b5a;
  width: min(100%, 28rem);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.stories-learn-more__title {
  margin: 0 0 1.25rem;
}

.stories-learn-more__actions {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 11px;
  margin: 0;
  padding: 0;
  width: 100%;
}

.stories-learn-more__actions .button-06 {
  width: 100%;
  flex: 0 0 auto;
  justify-content: space-between;
  white-space: nowrap;
  box-sizing: border-box;
}

.stories-learn-more__actions .button-06::after {
  margin-left: auto;
}

.stories-learn-more__follow {
  margin: 2rem 0 0;
}

.stories-learn-more__follow-label {
  display: block;
  margin: 0 0 0.85rem;
  font-family: "Nunito", sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.stories-learn-more__social {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
}

.stories-learn-more__social .button-06 {
  justify-content: center;
}

@media (max-width: 767px) {
  .stories-learn-more {
    width: min(100%, 26rem);
  }

  .stories-learn-more__actions .button-06 {
    padding: 14px 16px;
    font-size: 11px;
    letter-spacing: 0.05em;
    white-space: normal;
  }
}

/* Our Research — Home 2026-aligned overview (WP Bakery) */
.tft-research {
  --tft-teal: #12a5a8;
  --tft-purple: #742979;
  --tft-coral: #ef6b5a;
  --tft-plum: #3a2148;
  --tft-plum-deep: #24132f;
  --tft-ink: #192032;
  --tft-muted: #323845;
  --tft-rule: #c5d4e8;
  --tft-panel: #f4f7fb;
  box-sizing: border-box;
  width: min(1100px, 100%);
  margin: 0 auto;
  color: var(--tft-ink);
  text-align: left;
}

.tft-research *,
.tft-research *::before,
.tft-research *::after {
  box-sizing: border-box;
}

.tft-research__eyebrow {
  margin: 0 0 0.65rem;
  font-family: "Nunito", sans-serif;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--tft-rule) 45%, var(--tft-ink) 55%);
}

.tft-research__heading {
  margin: 0 0 1.25rem;
  font-family: "Nunito", sans-serif;
  font-size: clamp(2.4rem, 6vw, 4.25rem);
  line-height: 0.92;
  letter-spacing: -0.05em;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--tft-ink);
}

.tft-research__lede {
  margin: 0;
  max-width: 56rem;
  font-size: clamp(1.15rem, 2.2vw, 1.35rem);
  line-height: 1.55;
  font-weight: 400;
  color: var(--tft-muted);
}

.tft-research__fungi {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(200px, 0.8fr);
  gap: clamp(1.25rem, 3vw, 2.5rem);
  align-items: center;
  margin: 2.75rem 0 0;
  padding: clamp(1.75rem, 3vw, 2.5rem) clamp(1.5rem, 3vw, 2rem);
  overflow: hidden;
  isolation: isolate;
  border-radius: 28px;
  background: linear-gradient(
    135deg,
    var(--tft-plum-deep) 0%,
    var(--tft-plum) 72%,
    #4a2959 100%
  );
  color: #fff;
}

.tft-research__fungi-copy {
  position: relative;
  z-index: 2;
  min-width: 0;
}

.tft-research__fungi-photo {
  position: relative;
  z-index: 1;
  justify-self: end;
  width: min(100%, 360px);
  aspect-ratio: 0.92 / 1;
  min-height: 280px;
  background-color: rgba(255, 255, 255, 0.08);
  background-image: url("https://thefungalthreat.com/v2/wp-content/uploads/mcr-6.webp");
  background-size: cover;
  background-position: center;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 65% 35% 48% 52% / 40% 42% 58% 60%;
  box-shadow:
    0 4px 10px rgba(36, 19, 47, 0.12),
    0 18px 36px rgba(36, 19, 47, 0.18),
    0 42px 80px rgba(36, 19, 47, 0.28),
    0 2px 0 rgba(255, 255, 255, 0.35) inset;
  transform: rotate(-2deg);
}

.tft-research__fungi--response .tft-research__fungi-photo {
  min-height: 0;
  aspect-ratio: 1.25 / 1;
  background-image: url("https://thefungalthreat.com/v2/wp-content/uploads/gi-small-3.jpg");
}

.tft-research__fungi-title {
  margin: 0 0 1rem;
  font-family: "Nunito", sans-serif;
  font-size: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.15;
  letter-spacing: -0.03em;
  font-weight: 900;
  color: #fff;
}

.tft-research__fungi p:last-child {
  margin-bottom: 0;
}

.tft-research__tagline {
  margin-top: 1.5rem !important;
  font-family: "Nunito", sans-serif;
  font-size: clamp(1.15rem, 2vw, 1.4rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em;
  color: var(--tft-teal) !important;
}

@media (max-width: 767px) {
  .tft-research__fungi {
    grid-template-columns: 1fr;
    padding: 1.5rem 1.25rem 2rem;
    border-radius: 22px;
  }

  .tft-research__fungi-photo {
    order: -1;
    justify-self: center;
    width: min(72%, 260px);
    min-height: 220px;
    margin-bottom: 0.35rem;
  }
}

.tft-research__film.wpb_video_widget {
  width: min(1100px, 100%);
  margin: 2.75rem auto 0;
}

.tft-research__film iframe {
  border: 0 !important;
  border-radius: 22px !important;
}

.tft-research__film-title {
  width: min(1100px, 100%);
  margin: 1.15rem auto 0.25rem;
  text-align: center;
}

.tft-research__film-title h2 {
  margin: 0;
  font-family: "Nunito", sans-serif;
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  line-height: 1.15;
  letter-spacing: -0.03em;
  font-weight: 900;
  color: var(--tft-ink, #192032);
}

.tft-research__areas {
  margin: 3.25rem 0 0;
}

.tft-research__areas-title-row {
  display: flex;
  align-items: flex-end;
  gap: 1.25rem;
  width: 100%;
  margin: 0 0 1.75rem;
}

.tft-research__areas-title {
  margin: 0;
  flex: 0 0 auto;
  font-family: "Nunito", sans-serif;
  font-size: clamp(2.4rem, 5.5vw, 4rem);
  line-height: 0.9;
  letter-spacing: -0.05em;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--tft-ink);
}

.tft-research__title-rule {
  flex: 1 1 auto;
  min-width: 0;
  height: 2px;
  margin-bottom: 0.45em;
  background: linear-gradient(to right, var(--tft-rule), rgba(197, 212, 232, 0));
}

.tft-research__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
}
.tft-research__grid--two-col {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(5, 1fr);
  grid-auto-flow: column;
}
.tft-research__grid > p {
  display: contents;
  margin: 0;
}
.tft-research__grid br,
.tft-research__item br {
  display: none;
}
.tft-research__item {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.95rem;
  align-items: center;
  padding: 1.15rem 1.2rem;
  border-radius: 22px;
  background: var(--tft-panel);
  border: 1px solid transparent;
  text-decoration: none;
  color: var(--tft-ink);
  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}

.tft-research__item:link,
.tft-research__item:visited {
  color: var(--tft-ink);
  text-decoration: none;
}

.tft-research__item:hover,
.tft-research__item:focus-visible {
  transform: translateY(-2px);
  background: #fff;
  border-color: color-mix(in srgb, var(--tft-item-accent, var(--tft-teal)) 35%, #fff);
  box-shadow: 0 14px 28px rgba(36, 19, 47, 0.1);
  color: var(--tft-ink);
  text-decoration: none;
}

.tft-research__item:focus-visible {
  outline: 3px solid var(--tft-item-accent, var(--tft-teal));
  outline-offset: 2px;
}

.tft-research__item--teal {
  --tft-item-accent: var(--tft-teal);
}

.tft-research__item--purple {
  --tft-item-accent: var(--tft-purple);
}

.tft-research__item--coral {
  --tft-item-accent: var(--tft-coral);
}

.tft-research__num {
  font-family: "Nunito", sans-serif;
  font-size: 1.35rem;
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1;
  color: var(--tft-item-accent, var(--tft-teal));
}

.tft-research__copy {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
}

.tft-research__title {
  font-family: "Nunito", sans-serif;
  font-size: 1.02rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: var(--tft-ink);
}

.tft-research__subtitle {
  font-size: 0.9rem;
  font-style: normal;
  line-height: 1.35;
  color: var(--tft-muted);
}

.tft-research__arrow {
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1;
  color: var(--tft-item-accent, var(--tft-teal));
  transition: transform 0.2s ease;
}

.tft-research__item:hover .tft-research__arrow,
.tft-research__item:focus-visible .tft-research__arrow {
  transform: translateX(4px);
}

@media (max-width: 1100px) {
  .tft-research__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .tft-research__grid {
    grid-template-columns: 1fr;
  }

  .tft-research__grid--two-col {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    grid-auto-flow: row;
  }
}

@media (max-width: 767px) {
  .tft-research__item {
    padding: 1rem 1rem;
    gap: 0.75rem;
  }

  .tft-research__title {
    font-size: 0.98rem;
  }

  .tft-research__areas-title-row {
    gap: 0.85rem;
  }
}