/*!
Theme Name: Thomas Reuters Foundation
Author: FlipSide Group
Description: A custom theme for the Thomson Reuters Foundation.
Version: 1.0.0
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Vars
# Fonts
# Global
# Navigation
# Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Vars
--------------------------------------------------------------*/

:root {
  --color-orange: #d64000;
  --color-green: #123015;
  --color-graphite: #212223;
  --color-light-grey: #e5e5e5;
  --color-medium-grey: #2c2d2e;
  --color-white: #ffffff;
  --color-trust-dark-blue: #173e91;
  --color-trust-light-blue: #3e80c2;
  --corect-color-trust-light-blue: #3e7ca8;
  --color-body-copy: #212223;

  --spacing-primary: 75px;
  --spacing-secondary: 50px;
  --spacing-tertiary: 25px;

  --fontsize-body-normal: 1rem; /* 16px */
  --fontsize-heading-primary: 2.625rem; /* 42px */
  --fontsize-heading-secondary: 2.1875rem; /* 35px */
  --fontsize-heading-tertiary: 1.75rem; /* 28px */
  --fontsize-heading-quarternary: 1.5rem; /* 24px */
  --fontsize-heading-quinary: 1.375rem; /* 22px */
  --fontsize-button: 1.125rem; /* 18px */

  --fontfamily-body: "Clario", sans-serif;
  --fontfamily-headings: "Clario", sans-serif;

  --transition: 0.45s ease all;
}

/* @media(mobile){
	:root {
		--xs: 8px;
		--max-width: unset;
	}
} */

:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}

/* a:-webkit-any-link {
  color: -webkit-link;
  cursor: pointer;
  text-decoration: underline;
} */

a:-webkit-any-link:focus-visible {
  outline-offset: 1px;
}

/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/

@font-face {
  font-family: "Clario";
  font-style: normal;
  font-weight: 100;
  src: url(fonts/Clario-Thin.woff) format("woff");
}

@font-face {
  font-family: "Clario";
  font-style: italic;
  font-weight: 100;
  src: url(fonts/Clario-ThinItalic.woff) format("woff");
}

@font-face {
  font-family: "Clario";
  font-style: normal;
  font-weight: 200;
  src: url(fonts/Clario-Light.woff) format("woff");
}

@font-face {
  font-family: "Clario";
  font-style: italic;
  font-weight: 200;
  src: url(fonts/Clario-LightItalic.woff) format("woff");
}

@font-face {
  font-family: "Clario";
  font-style: normal;
  font-weight: 300;
  src: url(fonts/Clario-Air.woff) format("woff");
}

@font-face {
  font-family: "Clario";
  font-style: italic;
  font-weight: 300;
  src: url(fonts/Clario-AirItalic.woff) format("woff");
}

@font-face {
  font-family: "Clario";
  font-style: normal;
  font-weight: 400;
  src: url(fonts/Clario-Regular.woff) format("woff");
}

@font-face {
  font-family: "Clario";
  font-style: italic;
  font-weight: 400;
  src: url(fonts/Clario-RegularItalic.woff) format("woff");
}

@font-face {
  font-family: "Clario";
  font-style: normal;
  font-weight: 500;
  src: url(fonts/Clario-Medium.woff) format("woff");
}

@font-face {
  font-family: "Clario";
  font-style: italic;
  font-weight: 500;
  src: url(fonts/Clario-MediumItalic.woff) format("woff");
}

@font-face {
  font-family: "Clario";
  font-style: normal;
  font-weight: 600;
  src: url(fonts/Clario-Bold.woff) format("woff");
}

@font-face {
  font-family: "Clario";
  font-style: italic;
  font-weight: 600;
  src: url(fonts/Clario-BoldItalic.woff) format("woff");
}

@font-face {
  font-family: "Clario";
  font-style: normal;
  font-weight: 700;
  src: url(fonts/Clario-Black.woff) format("woff");
}

@font-face {
  font-family: "Clario";
  font-style: italic;
  font-weight: 700;
  src: url(fonts/Clario-BlackItalic.woff) format("woff");
}

/*--------------------------------------------------------------
# Global
--------------------------------------------------------------*/

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body * {
  scroll-margin-top: 85px;
  -webkit-font-smoothing: antialiased;
}

body {
  color: var(--color-body-copy);
  font-size: 16px;
  font-weight: 400;
  font-family: var(--fontfamily-body);
  margin: 0;
  line-height: 1.6;
  overflow-x: hidden;
}

body,
button,
input,
select,
optgroup,
textarea {
  font-family: var(--fontfamily-body);
}

.post,
.page {
  margin: 0;
}

body > * {
  /* max-width: 1920px; */
  margin: auto;
}

a,
a:visited,
a:hover,
a:focus,
a:active {
  outline: 0;
  color: var(--color-body-copy);
  text-decoration: none !important;
}

a:focus-visible {
  outline: thin dotted;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  font-family: var(--fontfamily-headings);
}

h1 {
  line-height: 1.1;
  margin: 0 0 25px;
  font-size: var(--fontsize-heading-primary);
  color: var(--color-graphite);
  font-weight: 600;
  margin-top: 0;
}

h2 {
  font-size: var(--fontsize-heading-secondary);
  margin-bottom: 0.5em;
  line-height: 1.1;
  margin-top: 0;
}

h3 {
  font-size: var(--fontsize-heading-tertiary);
  font-weight: 600;
  color: var(--color-graphite);
  margin: 0;
  line-height: 40px;
}

h4 {
  font-size: var(--fontsize-heading-quarternary);
  line-height: 32px;
  margin: 0;
  font-weight: 600;
}

h5 {
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  margin: 0;
}

h6 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  margin: 0;
}

p {
  font-size: var(--fontsize-body-normal);
  font-weight: 400;
  font-size: 18px;
}

p.large {
  font-size: 18px;
  line-height: 32px;
  margin: 10px 0 20px;
}

p.large.nomargin {
  margin: 0px;
}

ul,
ol {
  margin: 0;
  padding-left: 20px;
  font-size: var(--fontsize-body-normal);
}

mark:empty {
  display: none;
}

.entry-content ul:not(.no-list) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  padding-left: 0px;
  gap: 14px;
}

.entry-content ul:not(.no-list) li {
  list-style: none;
  font-size: 18px;
  /*display: flex;*/
  /* align-items: center; */
  align-self: stretch;
  gap: 8px;
  flex: 1 0 0;
  font-weight: 400;
  line-height: 30px;
}

.wp-block-column > ul > li {
  padding-left: 30px;
}

.entry-content ul:not(.no-list) li::before {
  background-image: url("image/uil-bullet-point.svg");
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  margin-left: -40px;
}

.entry-content ul.black li::before {
  width: 11px;
  background-position: right;
  filter: grayscale(1) brightness(0);
  height: 28px;
  background-size: 20px;
  position: relative;
  top: 1px;
}

input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  width: 24px;
  height: 24px;
  border-radius: var(--Padding-XXS, 8px);
  border: 1px solid var(--Neutrals-Gray-1, #e5e5e5);
  background: var(--Neutrals-White, #fff);
  position: relative;
}
input[type="checkbox"]::before {
  content: "";
  width: 24px;
  height: 24px;
}
input[type="checkbox"]:checked::before {
  background-image: url("/wp-content/uploads/2024/07/uil-check.svg");
  position: absolute;
  top: 0px;
  left: 0px;
  background-position: center center;
  background-repeat: no-repeat;
}
input[type="checkbox"]:checked {
  border: 1px solid var(--Primary-Orange, #d64000);
  background: var(--Primary-Orange, #d64000);
}
input[type="checkbox"]:focus {
  /* outline: max(2px, 0.15em) solid #e5e5e5;
  outline-offset: max(2px, 0.15em); */
  outline: none;
  box-shadow: none;
}
input[type="checkbox"]:disabled {
  --form-control-color: grey;
  color: grey;
  cursor: not-allowed;
}

b,
strong {
  font-weight: 600;
}

mark,
ins {
  background: transparent;
}

fieldset {
  padding: 0 20px 20px;
}

.max-width {
  max-width: 1230px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

body.logged-in .show-logged-out,
body:not(.logged-in) .show-logged-in {
  display: none;
}

.entry-footer {
  display: none;
}

.clear:after,
.clear::before,
.clear::after,
.clear {
  clear: both;
}

.half {
  width: 50%;
}

.third {
  width: 33.3%;
}

.twothirds {
  width: 66.6%;
}

.overflow-container {
  overflow: hidden;
}

.post,
.page {
  margin: 0;
}

.home .entry-header,
.entry-footer {
  display: none;
}

#primary {
  margin-top: 138px;
}

.flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.space-between {
  justify-content: space-between;
}

.space-around {
  justify-content: space-around;
}

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

.center {
  text-align: center;
}

.col-2,
.col-3 {
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
}

.col-2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

.col-3 {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}

.col-2 > *,
.col-3 > * {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -moz-page-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
}

.underline-text strong {
  text-decoration: underline;
}

.has-body-medium-font-size {
  line-height: 30px;
}

.border-hover .wp-block-column,
.border-hover-white.transparent-hover .wp-block-column {
  transition: var(--transition);
}

.border-hover .wp-block-column:hover,
.border-hover .wp-block-column:focus {
  border-color: var(--color-graphite) !important;
}

.border-hover .wp-block-column:hover a::after,
.border-hover .wp-block-column:focus a::after,
.border-hover .wp-block-column a:focus::after {
  width: 100%;
}

/* Special trust hover */
.border-hover.trust-hover .wp-block-column:hover,
.border-hover.trust-hover .wp-block-column:focus {
  background-color: rgba(62, 128, 194, 0.1);
}

.border-hover.trust-hover .wp-block-column:hover a,
.border-hover.trust-hover .wp-block-column:focus a,
.border-hover.trust-hover .wp-block-column a:focus {
  color: var(--color-trust-light-blue) !important;
}

.border-hover.trust-hover .wp-block-column:hover a::after,
.border-hover.trust-hover .wp-block-column:focus a::after,
.border-hover.trust-hover .wp-block-column a:focus::after {
  background-color: var(--color-trust-light-blue) !important;
}

/* Special hover white border and transparent bg */
.border-hover-white.transparent-hover .wp-block-column {
  border: 1px solid transparent !important;
}

.border-hover-white.transparent-hover .wp-block-column:hover,
.border-hover-white.transparent-hover .wp-block-column:focus {
  background-color: transparent !important;
  border-color: var(--color-white) !important;
}

.featured-text-block-bg.yellow .custom-btn:hover {
  color: var(--color-graphite) !important;
}

.featured-text-block-bg.yellow .custom-btn span::after {
  background-color: var(--color-graphite) !important;
}

.underline-hover .wp-block-button .wp-block-button__link:hover,
.underline-hover .wp-block-button .wp-block-button__link:focus {
  background-color: transparent !important;
  color: #fff !important;
}

.underline-hover .wp-block-button .wp-block-button__link:hover span,
.underline-hover .wp-block-button .wp-block-button__link:focus span {
  color: #fff !important;
}

.underline-hover .wp-block-button .wp-block-button__link:hover::before,
.underline-hover .wp-block-button .wp-block-button__link:focus::before {
  filter: none !important;
}

.underline-hover a span {
  position: relative;
}

.underline-hover a span::after {
  position: absolute;
  width: 0%;
  height: 2px;
  background-color: #ffffff;
  bottom: -3px;
  left: 0px;
  transition: all 0.2s linear;
  content: "";
}

.underline-hover a:hover span::after {
  width: 100%;
}

/*--------------------------------------------------------------
# Colours
--------------------------------------------------------------*/

.bg-trust-dark-blue {
  background-color: var(--color-trust-dark-blue);
}

.bg-trust-light-blue {
  background-color: var(--color-trust-light-blue);
}

.bg-graphite {
  background-color: var(--color-graphite);
}

.bg-green {
  background-color: var(--color-green);
}

.bg-orange {
  background-color: var(--color-orange);
}

.white {
  color: var(--color-white);
}

.orange {
  color: var(--color-orange);
}

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/

.button {
  padding: 0 28px;
  display: inline-block;
  font-size: var(--fontsize-button);
  position: relative;
  z-index: 1;
  border-style: solid;
  border-width: 1.5px;
  height: 58px;
  line-height: 55px;
  cursor: pointer;
  font-weight: 600;
  border-radius: 8px;
  opacity: 1;
  transition: var(--transition);
}

.button + .button {
  margin-left: 15px;
}

.button.orange {
  background-color: var(--color-orange);
  border-color: var(--color-orange);
  color: var(--color-white);
}

.button.orange:lightbox-overlay {
  background-color: transparent;
  border-color: var(--color-orange);
  color: var(--color-orange);
}

.button.orange:hover,
.button.orange:focus {
  border-color: var(--color-orange);
  color: var(--color-white);
}

.button.orange::after {
  content: "";
  display: block;
  width: 0%;
  height: 2px;
  position: absolute;
  bottom: 15px;
  width: 0;
  background-color: var(--color-white);
  transition: var(--transition);
}

.button.orange:hover::after,
.button.orange:focus::after {
  width: calc(100% - 56px);
}
a.button.custom-btn.yellow-btn:hover {
  color: #212223 !important;
}
a.button.custom-btn.yellow-btn span::after {
  background-color: #212223 !important;
}
.solid-green-btn .wp-block-button a {
  background-color: #007e72;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

.mobile-nav {
  display: none;
}

#masthead {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9999;
  background-color: var(--color-white);
  transition: transform 0.3s ease-in-out;
  transform: translateY(0);
}

.nav-max-width {
  /* max-width: 1460px; */
  margin: 0 auto;
  padding: 0 24px;
}

.top-nav {
  background-color: var(--color-orange);
  color: var(--color-white);
  padding: 12px 0;
}

#top-menu {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: end;
  align-items: center;
}

#top-menu li {
  margin-left: 22px;
}

#top-menu a {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-white);
}

#site-navigation {
  display: flex;
  justify-content: end;
}
.site-branding {
  position: absolute;
}
.site-branding img {
  display: block;
}

.main-navigation li {
  margin-left: 30px;
  position: initial;
}

.main-navigation a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  padding: 37px 0;
  color: var(--color-graphite);
}

.main-navigation #bottom-menu > li.has-child > a::after {
  content: "";
  display: inline-block;
  background-image: url("/wp-content/uploads/2024/06/arrow-up-orange.svg");
  width: 12px;
  height: 8px;
  margin-left: 7px;
  filter: grayscale(1);
  transform: rotate(180deg);
  transition: 0.15s ease all;
  vertical-align: middle;
}

.main-navigation #bottom-menu > li.has-child > a:hover::after,
.main-navigation #bottom-menu > li.has-child > a:focus::after,
.main-navigation #bottom-menu > li.has-child > a:focus-visible::after {
  filter: none;
  transform: rotate(0);
}

.main-navigation #bottom-menu > li > a {
  border-bottom: 6px solid var(--color-white);
  padding-bottom: 31px;
  transition: var(--transition);
}

.main-navigation #bottom-menu > li > a:hover {
  color: var(--color-orange);
}

.main-navigation #bottom-menu > li > a:hover,
.main-navigation #bottom-menu > li > a:focus,
.main-navigation #bottom-menu > li > a:focus-visible,
.main-navigation #bottom-menu > li.current-menu-item > a,
.main-navigation #bottom-menu > li.current-ancestor > a {
  border-color: var(--color-orange);
}

li.menu-item > .trf-dropdown {
  position: absolute;
  visibility: hidden;
  width: auto;
  right: 35px;
  opacity: 0;
  transition: 0.35s opacity ease;
  transition-delay: 0.1s;
}

li.menu-item > .trf-dropdown::before {
  content: "";
  position: absolute;
  top: -30px;
  left: 0;
  width: calc(100% + 200px);
  left: -100px;
  height: 100%;
}

li.menu-item:hover > .trf-dropdown,
li.menu-item.show-dropdown > .trf-dropdown,
li.menu-item > a:focus + .trf-dropdown,
li.menu-item > a:focus-visible + .trf-dropdown {
  visibility: visible;
  opacity: 1;
}

li.menu-item > .trf-dropdown .dropdown-wrap {
  background-color: var(--color-white);
  display: flex;
  box-shadow: 0px 4px 18px -10px rgba(0, 0, 0, 0.15);
  position: relative;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#bottom-menu li:nth-child(1) .trf-dropdown,
#bottom-menu li:nth-child(2) .trf-dropdown {
  right: auto;
}

.main-navigation .current_page_item .trf-dropdown a::before {
  content: unset;
}

#bottom-menu .caffeine_search-menu_button {
  display: none;
}

.featured-link {
  width: 300px;
  background-color: var(--color-graphite);
  color: var(--color-white);
  padding: 30px 20px 75px;
  border-radius: 10px;
  margin: 22px;
  position: relative;
  min-height: 315px;
}

.menu-item .trf-dropdown .featured-link-arrow {
  padding: 0;
  border: 1px solid var(--color-white);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  text-align: center;
  line-height: 48px;
  position: absolute;
  bottom: 22px;
  right: 18px;
}

li.menu-item .trf-dropdown .featured-link-arrow {
  transition: var(--transition);
}

.menu-item .trf-dropdown .featured-link .featured-link-arrow:hover,
.menu-item .trf-dropdown .featured-link .featured-link-arrow:focus,
.menu-item .trf-dropdown .featured-link .featured-link-arrow:focus-visible,
.menu-item .trf-dropdown .nav-featured-block .featured-link-arrow:hover,
.menu-item .trf-dropdown .nav-featured-block .featured-link-arrow:focus,
.menu-item .trf-dropdown .nav-featured-block .featured-link-arrow:focus-visible {
  background-color: rgba(255, 255, 255, 0.4);
  border-color: rgba(255, 255, 255, 0.4);
}

/* a.featured-link-arrow img {
  transition: var(--transition);
}

a.featured-link-arrow:hover img {
  filter: invert(1);
} */

.sub-menu-column {
  margin: 60px 30px 60px 20px;
}

.main-navigation .sub-menu-column ul {
  position: static;
  box-shadow: none;
  float: none;
  display: block;
}

.main-navigation .sub-menu-column li {
  margin: 0;
}

.trf-dropdown .sub-menu-column a {
  font-size: 16px;
  padding: 0;
  line-height: 30px;
  font-weight: 600;
  width: 320px;
  position: relative;
  margin: 24px 0;
}

li.menu-item:hover > .trf-dropdown .sub-menu-column a,
li.menu-item:focus > .trf-dropdown .sub-menu-column a,
li.menu-item:focus-visible > .trf-dropdown .sub-menu-column a {
  transition: var(--transition);
}

.trf-dropdown .sub-menu-column a:not(.nav-featured-block):hover,
.trf-dropdown .sub-menu-column a:not(.nav-featured-block):focus,
.trf-dropdown .sub-menu-column a:not(.nav-featured-block):focus-visible {
  color: var(--color-orange);
}

.trf-dropdown .sub-menu-column a.border-top {
  border-top: 1px solid var(--color-light-grey);
  padding-top: 20px;
  margin-top: 20px;
}

.trf-dropdown .sub-menu-column a:not(.nav-featured-block)::after {
  content: "";
  display: inline-block;
  background-image: url("/wp-content/uploads/2024/06/arrow-right-black.svg");
  width: 12px;
  height: 12px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

li.menu-item:hover > .trf-dropdown .sub-menu-column a:not(.nav-featured-block)::after,
li.menu-item:focus > .trf-dropdown .sub-menu-column a:not(.nav-featured-block)::after,
li.menu-item:focus-visible > .trf-dropdown .sub-menu-column a:not(.nav-featured-block)::after {
  transition: var(--transition);
}

.main-navigation li.news-ancestor .sub-menu-column:last-child a.graphite[href="#"]::after {
  display: none;
}

.trf-dropdown .sub-menu-column a:hover:not(.nav-featured-block)::after,
.trf-dropdown .sub-menu-column a:focus:not(.nav-featured-block)::after,
.trf-dropdown .sub-menu-column a:focus-visible:not(.nav-featured-block)::after {
  transform: translate(10px, -6px);
  filter: invert(32%) sepia(59%) saturate(5875%) hue-rotate(14deg) brightness(94%) contrast(101%);
}

.sub-menu-column a + span {
  font-size: 14px;
  max-width: 300px;
  display: block;
  margin-top: -15px;
}

.trf-dropdown .sub-menu-column li:first-child a {
  margin-top: 0;
}

.trf-dropdown .sub-menu-column li:last-child a:last-child {
  margin-bottom: 0;
}

.sub-menu-column a.nav-featured-block {
  border-radius: 8px;
  padding: 15px;
  color: var(--color-white);
  position: relative;
}

a.nav-featured-block:last-child {
  margin-top: 15px;
}

a.nav-featured-block span {
  font-size: 14px;
  font-weight: 400;
  display: block;
}

a.nav-featured-block p {
  margin: 10px 0;
  font-size: 16px;
  font-weight: 600;
}

a.nav-featured-block:last-child {
  margin-top: 15px;
  margin-bottom: -38px;
}

.menu-item .trf-dropdown a.nav-featured-block .featured-link-arrow {
  width: 32px;
  height: 32px;
  line-height: 31px;
  bottom: 17px;
  right: 15px;
}

.trf-dropdown .sub-menu-column a[href="#"] {
  pointer-events: none;
  cursor: default;
}

li.menu-item > .trf-dropdown .dropdown-wrap > .sub-menu {
  display: flex;
}

/*--------------------------------------------------------------
# Tender Single
--------------------------------------------------------------*/

/* body.single header.entry-header {
	margin-top: 140px;
	padding: 65px 80px;
	background-color: var(--color-green);
}
body.single header.entry-header h1 {
	margin:0;
	color: var(--color-white);
	font-weight:500;
}

body.single main .max-width {
	display: flex;
	flex-wrap: wrap;
}
body.single main .max-width article {
	width:calc(100% - 300px);
} */

/*--------------------------------------------------------------
# single article 
--------------------------------------------------------------*/

/*.single .single-post-type .wp-container-core-columns-is-layout-1 .wp-block-column:nth-child(1) {
  flex-basis: 55% !important;
}

.single .single-post-type .wp-container-core-columns-is-layout-1 .wp-block-column:nth-child(2) {
  flex-basis: calc(45% - 127px) !important;
}*/

/*--------------------------------------------------------------
# Lightbox
--------------------------------------------------------------*/

.trf-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  text-align: left;
}

.lightbox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.lightbox-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: var(--color-white);
  padding: 40px;
  max-width: 950px;
  width: 90%;
  max-height: 90%;
  overflow-y: scroll;
  border-radius: 6px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
  transform: translate(-50%, -50%);
}

.lightbox-wrapper > .close-lightbox {
  position: absolute;
  top: 12px;
  right: 13px;
  cursor: pointer;
  max-width: 14px;
}

.lightbox-wrapper .video-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 60%;
  overflow: hidden;
}

.lightbox-wrapper .video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*--------------------------------------------------------------
# Social links
--------------------------------------------------------------*/

li.wp-social-link {
  transition: var(--transition);
}

li.wp-social-link:hover a,
li.wp-social-link:focus a,
li.wp-social-link a:focus {
  border-color: transparent !important;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.site-footer {
  background-color: var(--color-graphite);
  color: var(--color-white);
  padding: 64px 0;
}

.footer-top .footer-left {
  display: flex;
  background-color: var(--color-medium-grey);
  padding: 32px;
  border-left: 6px solid var(--color-orange);
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.footer-top .footer-left span,
.footer-top .footer-left h6 {
  font-size: 20px;
  font-weight: 600;
  max-width: 170px;
  display: inline-block;
  line-height: 28px;
  vertical-align: middle;
}

.footer-top .footer-right ul {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  margin: 22px 0;
}

.footer-top .footer-right ul li {
  margin-left: 22px;
}

.footer-top .footer-right ul li.caffeine_search-menu_button {
  display: none;
}

.footer-top .footer-right ul li a {
  font-size: 16px;
  font-weight: 400;
  color: var(--color-white);
}

.footer-top .footer-right ul li a {
  position: relative;
}

.footer-top .footer-right ul li a::after {
  position: absolute;
  width: 0%;
  height: 2px;
  background-color: #ffffff;
  bottom: -3px;
  left: 0px;
  transition: all 0.2s linear;
  content: "";
}

.footer-top .footer-right ul li a:hover::after,
.footer-top .footer-right ul li a:focus::after {
  width: 100%;
}

#footer-top-menu a {
  font-weight: 600;
  color: var(--color-white);
}

.footer-bottom {
  margin-top: 30px;
}

.footer-bottom .footer-left p {
  margin: 0;
  font-size: 14px;
}

.footer-right .social-media {
  display: flex;
  align-items: center;
  gap: var(--XS, 16px);
}

.footer-right .social-media a {
  width: 48px;
  height: 48px;
  background-color: var(--color-medium-grey);
  border-radius: 8px;
  text-align: center;
  /* margin-left: 8px; */
  border: 1px solid transparent;
  transition: var(--transition);
}

.footer-right .social-media a:hover,
.footer-right .social-media a:focus {
  border: 1px solid var(--color-white);
}

.footer-right .social-media a img {
  display: block;
  text-align: center;
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/*--------------------------------------------------------------
# Cookie Consent Banner
--------------------------------------------------------------*/

.moove-gdpr-cookie-notice h2 {
  color: #212223 !important;
  font-size: 22px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 30px !important;
}

.moove-gdpr-cookie-notice p {
  color: #212223;
  font-family: Clario;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 32px !important;
  margin: 0;
}

.moove-gdpr-info-bar-content {
  display: flex;
  padding: 24px 48px !important;
  align-items: center;
  gap: 32px;
  border-top: 1px solid #e5e5e5;
  background: #fff;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn {
  box-shadow: unset !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
  padding: 0px !important;
}

#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme {
  border-top: 0px solid #e5e5e5 !important;
}

.moove-gdpr-button-holder {
  display: flex;
  align-items: center;
  gap: 16px;
}

#moove_gdpr_cookie_info_bar
  .moove-gdpr-info-bar-container
  .moove-gdpr-info-bar-content
  button.mgbutton {
  display: flex !important;
  padding: 16px 32px !important;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px !important;
  background: #d64000 !important;
  color: #fff !important;
  text-align: center;
  font-family: Clario !important;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 22px !important;
  margin: 0 !important;
  border-color: #d64000 !important;
  white-space: nowrap !important;
}

#moove_gdpr_cookie_info_bar
  .moove-gdpr-info-bar-container
  .moove-gdpr-info-bar-content
  .moove-gdpr-button-holder {
  padding-left: 0vw !important;
}

#moove_gdpr_cookie_info_bar
  .moove-gdpr-info-bar-container
  .moove-gdpr-info-bar-content
  button.mgbutton.change-settings-button {
  color: #000000 !important;
  opacity: 1 !important;
  background-color: #ffffff !important;
}

#onetrust-banner-sdk {
  box-shadow: unset !important;
}
.ot-sdk-show-settings {
  font-weight: bold;
  cursor: pointer;
}

#onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-row {
  /* layout */
  display: flex;
  padding: 24px 48px;
  align-items: center;
  gap: 32px;
  /* style */
  border-top: 1px solid #e5e5e5;
  background: #fff;
}

#onetrust-banner-sdk #onetrust-policy-title {
  color: #212223 !important;
  font-size: 22px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 30px !important;
}

p#onetrust-policy-text {
  /* layout */
  align-self: stretch;
  /* style */
  color: #212223;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 177.778% */
}

#onetrust-banner-sdk #onetrust-button-group-parent #onetrust-button-group {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 10px;
  justify-items: stretch;
}
button#onetrust-pc-btn-handler:has(+ button#onetrust-reject-all-handler) {
  grid-column: 1;
}
button#onetrust-reject-all-handler {
  grid-column: 2;
}
button#onetrust-accept-btn-handler {
  grid-column: 2; /* Span across two columns */
}
button#onetrust-reject-all-handler ~ button#onetrust-accept-btn-handler {
  grid-column: 1 / 3; /* Span across two columns */
}

#onetrust-pc-btn-handler {
  /* layout */
  display: flex;
  height: 56px;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  /* style */
  border-radius: 8px;
  background: #d64000;
}

#onetrust-accept-btn-handler {
  /* layout */
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  /* style */
  border-radius: 8px;
  border: 1px solid #212223;
}

#onetrust-banner-sdk #onetrust-policy {
  margin: 0 !important;
}

#onetrust-consent-sdk #onetrust-banner-sdk a[href] {
  color: #212223 !important;
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  text-decoration-line: underline;
  /* margin-left: 0px; */
  /* display: none !important; */
}

#onetrust-consent-sdk #onetrust-banner-sdk p#onetrust-policy-text {
  color: #212223;
  font-family: Clario;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  margin: 0;
}

/* #onetrust-policy-text br:first-of-type {
	display: none;
} */

#onetrust-policy-text br {
  display: none;
}

#onetrust-banner-sdk:not(.ot-iab-2) #onetrust-group-container {
  width: auto !important;
}

#onetrust-banner-sdk:not(.ot-iab-2).vertical-align-content #onetrust-button-group-parent {
  position: relative !important;
  left: unset !important;
  width: 35% !important;
  transform: unset;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin: 0 !important;
  min-width: 393px;
}

#onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2) #onetrust-button-group button {
  width: auto !important;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

#onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2) #onetrust-button-group button:last-of-type {
  margin-bottom: 0px !important;
}

#onetrust-consent-sdk #onetrust-pc-btn-handler,
#onetrust-reject-all-handler {
  display: flex;
  /* height: 56px !important; */
  padding: 16px 32px !important;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #212223 !important;
  color: #212223 !important;
  background: #fff !important;
  font-family: Clario;
  font-size: 0px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 22px !important;
  margin: 0 !important;
  /* order: 2; */
  white-space: nowrap !important;
}

#onetrust-consent-sdk #onetrust-pc-btn-handler:before,
#onetrust-reject-all-handler:before {
  content: "Manage Cookies";
  font-size: 18px;
  position: relative;
  left: 4px;
}
#onetrust-reject-all-handler:before {
  content: "Reject All";
  left: 0px;
  top: 3px;
}
@media only screen and (min-width: 1280px) {
  #onetrust-banner-sdk:not(.ot-iab-2) #onetrust-button-group-parent {
    width: 60% !important;
  }
}
@media only screen and (min-width: 1024px) {
  #onetrust-banner-sdk:not(.ot-iab-2) #onetrust-button-group-parent {
    width: 70% !important;
  }
}
@media only screen and (min-width: 550px) {
  #onetrust-banner-sdk:not(.ot-iab-2) #onetrust-button-group-parent {
    width: 85% !important;
    max-width: 500px;
  }
}
@media only screen and (max-width: 1024px) {
  #onetrust-banner-sdk #onetrust-button-group-parent #onetrust-button-group {
    display: flex !important;
  }
}
/* @media (min-width: 550px) {
  #onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2) #onetrust-button-group-parent {
    width: 100% !important;
    padding-left: 0%;
    padding-right: 0%;
  }
} */

#onetrust-banner-sdk #onetrust-accept-btn-handler {
  display: flex !important;
  padding: 16px 32px !important;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px !important;
  background: #d64000 !important;
  color: #fff !important;
  text-align: center;
  font-family: Clario !important;
  font-size: 0px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 22px !important;
  margin: 0 !important;
  border-color: #d64000 !important;
  white-space: nowrap !important;
}

button#onetrust-accept-btn-handler:before {
  content: "Accept All";
  font-size: 18px;
  position: relative;
  left: 4px;
}

#onetrust-banner-sdk #onetrust-button-group {
  margin-right: 0px !important;
}

.pagination {
  grid-column: span 3;
  text-align: center;
  margin-top: 20px;
}

.pagination > a,
.pagination > span {
  width: 44px;
  height: 44px;
  display: inline-block;
  border-radius: 8px;
  font-size: 16px;
  line-height: 42px;
  font-weight: 600;
  margin: 0 2px;
  border: 1px solid var(--color-light-grey);
  color: var(--color-graphite);
  transition: var(--transition);
}

.pagination > a.prev img,
.pagination > span.prev img {
  position: relative;
  transform: rotate(180deg);
}

.pagination > a.disabled,
.pagination > span.disabled {
  cursor: not-allowed;
}

.pagination > a.disabled img,
.pagination > span.disabled img {
  opacity: 0.3;
}

.pagination > a.active,
.pagination > a:not(.disabled):hover,
.pagination > a:not(.disabled):focus,
.pagination > span.active,
.pagination > span:not(.disabled):hover,
.pagination > span:not(.disabled):focus {
  background-color: var(--color-orange);
  color: var(--color-white);
  border-color: var(--color-orange);
}

.pagination > a.active img,
.pagination > a:not(.disabled):hover img,
.pagination > a:not(.disabled):focus img,
.pagination > span.active img,
.pagination > span:not(.disabled):hover img,
.pagination > span:not(.disabled):focus img {
  filter: brightness(0) invert(1);
}

body.page-id-1407 .entry-content .wp-block-button__link.has-background:hover,
body.page-id-1407 .entry-content .wp-block-button__link.has-background:focus {
  background-color: var(--color-orange) !important;
}

aside#ais-facets #filter-sort-by {
  width: 100%;
}

.ui-selectmenu-button {
  border: 1px solid #e5e5e5 !important;
  background: #fff !important;
  border-radius: 8px;
  height: 64px;
  font-size: 16px;
  line-height: 62px;
  padding: 0 16px;
  position: relative;
  color: #7a7a7a !important;
  font-family: var(--fontfamily-body);
  width: 100% !important;
  display: block !important;
}

.ais-SortBy .ui-selectmenu-button {
  color: #000 !important;
}
.ui-button .ui-icon {
  display: none;
}
/* clears the ‘X’ from Internet Explorer */
input[type="search"]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
input[type="search"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

.ui-selectmenu-button::after {
  content: "";
  position: absolute;
  background-image: url("/wp-content/uploads/2024/08/arrow2.png");
  width: 24px;
  height: 24px;
  top: calc(50% - 12px);
  right: 5px;
  /* border: 1px solid red; */
  background-size: 12px 8px;
  background-position: center;
  background-repeat: no-repeat;
}
span.ui-selectmenu-text {
  display: initial;
}
.ui-selectmenu-menu .ui-menu {
  max-width: 96%;
  margin-left: 2%;
}
.ui-menu-item-wrapper {
  font-size: 16px;
  font-family: "Clario";
}
/* .ui-selectmenu-menu {
    display: block !important;
    max-height: 0px;
    transition: var(--transition);
    overflow: hidden;
}
.ui-selectmenu-open {
    max-height: 500px;
} */
.ui-front {
  z-index: 9999 !important;
}

#our-objectives p {
  font-size: 16px;
}

.error-404 {
  max-width: 1285px;
  width: 100%;
  margin: 0 auto;
  padding: 30px 20px;
}

.error-404 .mob-site-search form {
  margin-left: 0;
}

.error-404 .recent-news-404 {
  margin-bottom: 50px;
  margin-top: 50px;
}

.error-404 .recent-posts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  row-gap: 30px;
  column-gap: 10px;
}

.error-404 .recent-posts .single-recent-post {
  border-radius: 8px;
  border: 1px solid #e5e5e5;
  background: #fff;
  display: flex;
  overflow: hidden;
  flex-direction: column;
}

.error-404 .recent-posts .single-recent-post img {
  display: flex;
  height: 240px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex-shrink: 0;
  align-self: stretch;
  width: 100%;
  object-fit: cover;
  border-radius: 8px 8px 0px 0px;
}

.error-404 .recent-posts .single-recent-post .post-content {
  display: flex;
  padding: 32px 32px 34px 32px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
}

.error-404 .recent-posts .single-recent-post .post-title {
  overflow: hidden;
  color: #212223;
  text-overflow: ellipsis;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin: 0px;
  margin-bottom: 8px;
}

.error-404 .recent-posts .single-recent-post .post-excerpt p {
  overflow: hidden;
  color: #212223;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin: 0px;
}

.error-404 .recent-posts .single-recent-post .read-more {
  position: relative;
  color: #212223;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  display: inline-block;
  padding: 2px 0px;
  margin-top: 20px;
}

.error-404 .recent-posts .single-recent-post .read-more::after {
  position: absolute;
  width: 0%;
  height: 2px;
  background-color: var(--color-graphite);
  bottom: -3px;
  left: 0px;
  transition: all 0.2s linear;
  content: "";
}

.error-404 .recent-posts .single-recent-post:hover .read-more::after,
.error-404 .recent-posts .single-recent-post:focus .read-more::after,
.error-404 .recent-posts .single-recent-post .read-more:focus::after {
  width: 100%;
}

/* Gravity Forms */

.pattern-form_wrapper .gform_required_legend {
  display: none;
}

.pattern-form :is(input, textarea, select, option)::placeholder {
  color: #737373;
}

.pattern-form h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.pattern-form input[type="checkbox"]:checked::before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pattern-form .gfield_consent_label a {
  text-decoration: underline !important;
  font-weight: 500;
}

.validation_message {
  background: rgba(220, 10, 10, 0.2);
  margin-top: 5px;
  border-radius: 8px;
  padding: 10px 16px;
  color: #000 !important;
}

.validation_message::before {
  content: "";
  position: relative;
  background-image: url("../trust/image/uil-alert.png");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 2;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 8px;
}

.gform_validation_errors {
  display: none !important;
}

.pattern-form .gfield_radio input::before {
  background-color: var(--color-orange) !important;
}

.single-impact-story .wp-block-column > p:first-of-type {
  font-weight: bold;
  font-style: normal;
}
.gform_footer .gform_button:focus {
  box-shadow: none !important;
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
  border-color: #737373 !important;
}
.accordion-content .auto-format-content ul li::before {
  background-image: url(image/uil-bullet-point.svg);
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  margin-left: -40px;
}
.accordion-content .auto-format-content ul {
  margin-left: 20px;
  padding-left: 20px;
}
.accordion-content .auto-format-content ul li {
  list-style: disc;
}

@media (min-width: 1700px) {
  .max-width {
    max-width: 1620px !important;
  }
}

@media (min-width: 1471px) {
  .max-width {
    max-width: 1400px;
  }
}

@media (min-width: 1440px) {
  /* .max-width {
    width: 100%;
    padding-left: 120px;
    padding-right: 120px;
    max-width: unset;
  } */
  .footer-bottom {
    margin-top: 48px;
  }
}

@media (max-width: 1199px) {
  .site-branding {
    max-width: 200px;
  }
  .main-navigation li {
    margin-left: 20px;
  }
}

@media (max-width: 1080px) {
  #onetrust-banner-sdk .ot-sdk-container,
  #onetrust-pc-sdk .ot-sdk-container,
  #ot-sdk-cookie-policy .ot-sdk-container {
    background-color: #ffffff;
  }
  #onetrust-banner-sdk:not(.ot-iab-2).vertical-align-content #onetrust-button-group-parent {
    width: auto !important;
    min-width: unset;
  }
  p {
    font-size: 16px;
    line-height: 28px;
  }
  .button {
    height: 54px;
    line-height: 51px;
  }
  #page {
    overflow-x: hidden !important;
  }
  #primary {
    margin-top: 70px;
  }
  .max-width {
    width: 100%;
    padding-left: 38px;
    padding-right: 38px;
  }
  .rss-carousel-wrap img.feed-logo {
    margin-bottom: 0;
  }
  .rss-carousel-wrap p.feed-description {
    width: 97%;
  }
  .site-footer {
    padding: 25px 0 50px;
    border-top: 1px solid var(--color-white);
  }
  .footer-top .footer-left {
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
  .footer-top .footer-left h6 {
    max-width: unset;
  }
  .footer-top .footer-right {
    width: 100%;
    margin-top: 20px;
  }
  .footer-top .footer-right ul {
    justify-content: start;
  }
  .footer-top .footer-right ul li {
    margin-left: 0;
    margin-right: 22px;
  }
  .footer-bottom .footer-left span {
    /* height: 25px; */
    overflow: hidden;
    display: block;
    max-width: 350px;
  }
}

@media (max-width: 781px) {
  .max-width {
    padding-left: 32px;
    padding-right: 32px;
  }
  #footer-top-menu a {
    padding: 10px 0;
    display: block;
  }
  #footer-top-menu {
    padding: 0 0 18px;
    display: block;
    margin: 5px 0;
    border-bottom: 1px solid var(--color-white);
  }
  #footer-bottom-menu {
    margin: 18px 0 0;
    display: block;
  }
  .footer-top .footer-right ul li a {
    padding: 10px 0;
    display: block;
  }
  .footer-bottom .footer-left {
    width: 50%;
  }
  #onetrust-button-group-parent #onetrust-button-group {
    flex-direction: column;
  }
  #onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2) #onetrust-button-group button {
    width: 100% !important;
  }
  #onetrust-consent-sdk #onetrust-banner-sdk p#onetrust-policy-text {
    margin-top: 10px;
  }
  #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-row {
    flex-direction: column;
  }
}

@media (max-width: 639px) {
  #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-row {
    padding: 20px 0px;
  }
  #onetrust-consent-sdk #onetrust-banner-sdk {
    background-color: #ffffff !important;
  }
  #onetrust-banner-sdk:not(.ot-iab-2).vertical-align-content #onetrust-button-group-parent {
    width: 100% !important;
  }
  div#onetrust-button-group {
    width: 100% !important;
  }
  #onetrust-banner-sdk .ot-sdk-row:after {
    display: none !important;
  }
  /* .wp-block-spacer:has(+ .wp-block-columns.full-width.discover-heading.has-graphite-background-color) {
    display:none;
  } */
  .button {
    height: auto;
    line-height: 29px;
    padding: 12px 25px;
  }
  .button + .button {
    margin-left: 0;
    margin-top: 15px;
  }
  .button::after {
    display: none;
  }
  .button.orange::after {
    bottom: 13px;
  }
  .button.orange:hover::after,
  .button.orange:focus::after {
    width: calc(100% - 50px);
  }
  .max-width {
    padding-left: 20px;
    padding-right: 20px;
  }
  .footer-top .footer-left {
    padding: 20px 20px 22px;
    display: block;
    border-left: none;
    border-top-right-radius: 0;
    border-top: 6px solid var(--color-orange);
    border-bottom-left-radius: 6px;
    text-align: center;
  }
  .footer-top .footer-left .button {
    width: 100%;
    margin-top: 20px;
  }
  .footer-top .footer-left .button::after {
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
  }
  .footer-top .footer-left .button:hover::after,
  .footer-top .footer-left .button:focus::after {
    width: 85px;
  }
  .footer-bottom .footer-left {
    width: 100%;
    order: 2;
    margin-top: 20px;
  }
  .footer-bottom .footer-left span {
    height: auto;
    overflow: hidden;
    display: block;
  }
  .footer-bottom .footer-left span p {
    line-height: 20px;
  }
  .site-footer {
    padding: 64px 0 64px;
  }
}