.field--name-field-basic-page-content .paragraph--type--sub-title {
  padding-top: 2em;
  font-size: clamp(1.1rem, 5vw, 0.9rem);
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  color: var(--first-color);
  font-family: "Rubik", sans-serif;
}
.field--name-field-basic-page-content .paragraph--type--basic-text-paragraph p {
  padding-bottom: 1em;
  text-align: justify;
}
.field--name-field-basic-page-content .paragraph--type--basic-text-paragraph a {
  color: var(--first-color);
}
.field--name-field-basic-page-content .paragraph--type--list-items {
  padding-bottom: 1em;
}
.field--name-field-basic-page-content .paragraph--type--list-items .field__items .field__item {
  padding-bottom: 0.3em;
  padding-left: 3em;
  text-align: justify;
}
.field--name-field-basic-page-content .paragraph--type--list-items .field__items .field__item::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  padding: 0 0.5em;
  font-weight: 900;
  content: "\f101";
}
.field--name-field-basic-page-content .paragraph--type--numbered-list {
  padding-bottom: 1em;
}
.field--name-field-basic-page-content .paragraph--type--numbered-list .field__items {
  padding-left: 3em;
}
.field--name-field-basic-page-content .paragraph--type--numbered-list .field__items .field__item {
  padding-bottom: 0.3em;
  padding-left: 1em;
  text-align: justify;
  display: list-item;
  list-style-type: decimal;
}
.field--name-field-basic-page-content .paragraph--type--message {
  padding: 1em 0;
}
.field--name-field-basic-page-content .paragraph--type--message .field--name-field-message {
  padding: 1em;
  background: var(--first-color);
}
.field--name-field-basic-page-content .paragraph--type--message .field--name-field-message .field__item {
  border-left: solid 4px var(--first-color-alt);
  padding-left: 1.5em;
}
.field--name-field-basic-page-content .paragraph--type--file-download .field--name-field-file {
  padding: 1.5em;
}
.field--name-field-basic-page-content .paragraph--type--file-download .field--name-field-file a {
  background-color: var(--body-color);
  padding: 0.5em;
  color: var(--first-color);
}
.field--name-field-basic-page-content .paragraph--type--file-download .field--name-field-file a:hover {
  color: var(--first-color-send);
}
.field--name-field-basic-page-content .paragraph--type--file-download .field--name-field-file a::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  padding: 0 0.5em;
  font-weight: 900;
  content: "\f019";
}
.field--name-field-basic-page-content .paragraph--type--file-download .field--name-field-image-description {
  background: var(--body-color);
  font-size: 0.8rem;
  text-align: justify;
  padding: 1.5em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.field--name-field-basic-page-content .paragraph--type--file-download .field--name-field-image-description::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  padding: 0 0.5em;
  font-weight: 900;
  content: "\f05a";
}

.path-frontpage .view-daily-covid-19-report {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 2em 0;
}
.path-frontpage .view-daily-covid-19-report .view-daily-covid-19-report {
  display: flex;
}
.path-frontpage .view-daily-covid-19-report .covidinforow.views-row {
  flex: 1 1 66%;
  display: flex;
  justify-content: space-evenly;
}
.path-frontpage .view-daily-covid-19-report .covidinforow.views-row .coviddata {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.path-frontpage .view-daily-covid-19-report .covidinforow.views-row .coviddata .label {
  font-size: clamp(1.1rem, 5vw, 0.9rem);
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  color: var(--first-color);
  font-family: "Rubik", sans-serif;
  text-transform: uppercase;
  text-align: center;
}
.path-frontpage .view-daily-covid-19-report .covidinforow.views-row .coviddata .value {
  font-size: clamp(1.1rem, 5vw, 0.9rem);
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  color: var(--first-color);
  font-family: "Rubik", sans-serif;
  font-size: 4em;
  font-family: "Crimson Pro", serif;
  color: var(--accent-color);
}
.path-frontpage .view-daily-covid-19-report .attachment.attachment-after {
  flex: 1 1 34%;
  display: flex;
  justify-content: flex-start;
}
.path-frontpage .view-daily-covid-19-report .attachment.attachment-after .coviddata {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.path-frontpage .view-daily-covid-19-report .attachment.attachment-after .coviddata .label {
  font-size: clamp(1.1rem, 5vw, 0.9rem);
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  color: var(--first-color);
  font-family: "Rubik", sans-serif;
  text-transform: uppercase;
  text-align: center;
}
.path-frontpage .view-daily-covid-19-report .attachment.attachment-after .coviddata .value {
  font-size: clamp(1.1rem, 5vw, 0.9rem);
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  color: var(--first-color);
  font-family: "Rubik", sans-serif;
  font-size: 4em;
  font-family: "Crimson Pro", serif;
  color: var(--accent-color);
}
.path-frontpage .view-important-covid-19-external-links {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2em;
}
.path-frontpage .view-important-covid-19-external-links .views-row .views-field.views-field-name {
  font-size: clamp(1.1rem, 5vw, 0.9rem);
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  color: var(--first-color);
  font-family: "Rubik", sans-serif;
  text-transform: uppercase;
}
.path-frontpage .view-important-covid-19-external-links .views-row .views-field.views-field-name::after {
  content: "\f30b";
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  padding: 0 0.5em;
  font-weight: 900;
  font-size: 0.85rem;
  color: var(--accent-color);
}
.path-frontpage .view-front-content-slider.frontcontentslider .contentsliderrow .slidercontenttype {
  position: relative;
  font-size: 0.89rem;
  line-height: 1.5em;
  color: var(--text-color-light);
  padding: 10px 1em;
}
.path-frontpage .view-front-content-slider.frontcontentslider .contentsliderrow .slidercontenttype::before {
  position: absolute;
  inset: 0 0 0 0;
  content: "";
  width: 4px;
  height: 20px;
  background-color: var(--first-color);
  display: block;
  margin: 10px 0 0;
}
.path-frontpage .view-front-content-slider.frontcontentslider .contentsliderrow .slidertitle {
  font-size: clamp(1.1rem, 5vw, 0.9rem);
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  color: var(--first-color);
  font-family: "Rubik", sans-serif;
  margin: 0;
}
.path-frontpage .view-quote-or-figure-of-the-day .quoterow {
  display: flex;
  flex-direction: column;
  padding: clamp(1.2em, 3vw, 2.2em);
  padding-bottom: 0;
}
.path-frontpage .view-quote-or-figure-of-the-day .quoterow .quotetxt {
  text-align: center;
  font-size: clamp(1.2rem, 3vw, 2.2rem);
  line-height: 1.2;
  font-family: "Crimson Pro", serif;
  font-style: italic;
  color: var(--body-color);
  margin-bottom: 1em;
}
.path-frontpage .view-quote-or-figure-of-the-day .quoterow .quotetxt::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  padding: 0 0.5em;
  font-weight: 900;
  content: "\f10d";
  font-size: clamp(1.2rem, 3vw, 2.2rem);
  padding-right: 1em;
}
.path-frontpage .view-quote-or-figure-of-the-day .quoterow .quotetxt::after {
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  padding: 0 0.5em;
  font-weight: 900;
  content: "\f10e";
  font-size: clamp(1.2rem, 3vw, 2.2rem);
  padding-right: 2em;
}
.path-frontpage .view-quote-or-figure-of-the-day .quoterow .quotesource {
  text-align: right;
  color: var(--first-color);
  font-size: clamp(0.9rem, 2vw, 1.25rem);
}
.path-frontpage .view-quote-or-figure-of-the-day .quoterow .quoteedit a {
  background: var(--accent-color-light);
  padding: 0.5em 1em;
}
.path-frontpage .view-quote-or-figure-of-the-day .quoterow .quoteedit a:hover {
  background: var(--first-color);
  color: var(--body-color);
}
.path-frontpage .view.view-news {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
.path-frontpage .view.view-news .attachment.attachment-before .view.view-news {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
@media all and (min-width: 480px) {
  .path-frontpage .view.view-news .attachment.attachment-before .view.view-news {
    flex-direction: row;
  }
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow {
  display: flex;
  flex-direction: column;
  gap: 0.4em;
  flex: 1 1 100%;
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .newsimg {
  overflow: hidden;
  width: 100%;
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .newsimg:hover img {
  transform: scale(1.3) rotate(5deg);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .newsimg img {
  transition: all 0.3s;
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
  height: auto;
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .newstitle {
  font-size: clamp(1.1rem, 5vw, 0.9rem);
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  color: var(--first-color);
  font-family: "Rubik", sans-serif;
  font-family: "Rubik", sans-serif;
  min-height: 2.8em;
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .newstitle a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type {
  display: flex;
  gap: 1em;
  text-transform: uppercase;
  color: var(--body-color);
  display: flex;
  gap: 0.5em;
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span {
  padding: 0 3px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  max-width: 120px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  background: var(--first-color);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span a {
  color: var(--body-color);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span a:hover {
  color: var(--text-color-light);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span.Macroeconomics, .path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span.Governance {
  background: var(--theme-1);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span.Private, .path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span.Finance {
  background: var(--theme-2);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span.Data, .path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span.statstics {
  background: var(--theme-3);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span.Technology, .path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span.Climate, .path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span.Natural {
  background: var(--theme-4);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span.Poverty, .path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span.Inequality, .path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span.Social {
  background: var(--theme-5);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span.Economic, .path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span.Planning {
  background: var(--theme-6);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span.Subregional {
  background: var(--theme-7);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span.Gender, .path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span.Empowerment {
  background: var(--theme-8);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span.Regionl, .path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span.Trade {
  background: var(--theme-9);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span[data~="1"] {
  background: var(--sdg-1);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span[data~="2"] {
  background: var(--sdg-2);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span[data~="3"] {
  background: var(--sdg-3);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span[data~="4"] {
  background: var(--sdg-4);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span[data~="5"] {
  background: var(--sdg-5);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span[data~="6"] {
  background: var(--sdg-6);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span[data~="7"] {
  background: var(--sdg-7);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span[data~="8"] {
  background: var(--sdg-8);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span[data~="9"] {
  background: var(--sdg-9);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span[data~="10"] {
  background: var(--sdg-10);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span[data~="11"] {
  background: var(--sdg-11);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span[data~="12"] {
  background: var(--sdg-12);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span[data~="13"] {
  background: var(--sdg-13);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span[data~="14"] {
  background: var(--sdg-14);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span[data~="15"] {
  background: var(--sdg-15);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span[data~="16"] {
  background: var(--sdg-16);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .type span[data~="17"] {
  background: var(--sdg-17);
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .details {
  display: flex;
  gap: 0.5em;
  align-items: center;
}
.path-frontpage .view.view-news .attachment.attachment-before .attachedrow .bloginfo .details span {
  font-size: 0.5rem;
}
.path-frontpage .view.view-news .rowwrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1em;
}
.path-frontpage .view.view-news .rowwrapper .views-row {
  display: grid;
  grid-template-columns: minmax(90px, 120px) 2fr;
  gap: 0.5em;
}
.path-frontpage .view.view-news .rowwrapper .views-row .newsimg {
  overflow: hidden;
  width: 100%;
}
.path-frontpage .view.view-news .rowwrapper .views-row .newsimg:hover img {
  transform: scale(1.3) rotate(5deg);
}
.path-frontpage .view.view-news .rowwrapper .views-row .newsimg img {
  transition: all 0.3s;
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
  height: auto;
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .newstitle {
  font-size: 0.9rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo {
  display: flex;
  flex-direction: column;
  font-size: 0.7rem;
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type {
  text-transform: uppercase;
  color: var(--body-color);
  display: flex;
  gap: 0.5em;
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span {
  padding: 0 3px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  max-width: 120px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  background: var(--first-color);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span a {
  color: var(--body-color);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span a:hover {
  color: var(--text-color-light);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span.Macroeconomics, .path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span.Governance {
  background: var(--theme-1);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span.Private, .path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span.Finance {
  background: var(--theme-2);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span.Data, .path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span.statstics {
  background: var(--theme-3);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span.Technology, .path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span.Climate, .path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span.Natural {
  background: var(--theme-4);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span.Poverty, .path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span.Inequality, .path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span.Social {
  background: var(--theme-5);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span.Economic, .path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span.Planning {
  background: var(--theme-6);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span.Subregional {
  background: var(--theme-7);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span.Gender, .path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span.Empowerment {
  background: var(--theme-8);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span.Regionl, .path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span.Trade {
  background: var(--theme-9);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span[data~="1"] {
  background: var(--sdg-1);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span[data~="2"] {
  background: var(--sdg-2);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span[data~="3"] {
  background: var(--sdg-3);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span[data~="4"] {
  background: var(--sdg-4);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span[data~="5"] {
  background: var(--sdg-5);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span[data~="6"] {
  background: var(--sdg-6);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span[data~="7"] {
  background: var(--sdg-7);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span[data~="8"] {
  background: var(--sdg-8);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span[data~="9"] {
  background: var(--sdg-9);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span[data~="10"] {
  background: var(--sdg-10);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span[data~="11"] {
  background: var(--sdg-11);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span[data~="12"] {
  background: var(--sdg-12);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span[data~="13"] {
  background: var(--sdg-13);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span[data~="14"] {
  background: var(--sdg-14);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span[data~="15"] {
  background: var(--sdg-15);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span[data~="16"] {
  background: var(--sdg-16);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .type span[data~="17"] {
  background: var(--sdg-17);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .author a {
  color: var(--accent-color);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .bloginfo .author a:hover {
  color: var(--first-color);
}
.path-frontpage .view.view-news .rowwrapper .views-row .blogdetails .date {
  font-size: 0.8rem;
}
.path-frontpage .view.view-news .morelink {
  text-align: right;
}
.path-frontpage .view.view-news .morelink a {
  color: var(--accent-color);
  text-transform: uppercase;
  font-size: 0.85rem;
  border: 0;
  letter-spacing: -0.5px;
}
.path-frontpage .view.view-news .morelink a:hover {
  color: var(--first-color);
}
.path-frontpage .view.view-news .morelink a:hover::after {
  color: var(--first-color);
}
.path-frontpage .view.view-news .morelink a::after {
  content: "\f101";
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  padding: 0 0.5em;
  font-weight: 900;
  font-size: 0.85rem;
  color: var(--accent-color);
}
.path-frontpage .view.view-news .views-row .newstitle {
  font-size: clamp(1.1rem, 5vw, 0.9rem);
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  color: var(--first-color);
  font-family: "Rubik", sans-serif;
  font-family: "Rubik", sans-serif;
}
.path-frontpage .view.view-news .views-row .blogdetail {
  padding: 0.5em 0;
}
.path-frontpage .view.view-news .views-row .newsdate, .path-frontpage .view.view-news .views-row .author {
  font-size: 0.8rem;
}
.path-frontpage .view.view-news .views-row .newsdate a, .path-frontpage .view.view-news .views-row .author a {
  color: var(--accent-color);
  font-size: 0.8rem;
}
.path-frontpage .view.view-news .views-row .newsdate a:hover, .path-frontpage .view.view-news .views-row .author a:hover {
  color: var(--first-color);
}
.path-frontpage .view.view-news .views-row .newsbody {
  font-size: 0.89rem;
  line-height: 1.5em;
  color: var(--text-color-light);
}
.path-frontpage .view.view-news .views-row .newsbody {
  margin-top: 0.5em;
}
.path-frontpage .view-articles {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.path-frontpage .view-articles .rowwrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2em;
}
.path-frontpage .view-articles .morelink {
  text-align: right;
}
.path-frontpage .view-articles .morelink a {
  color: var(--accent-color);
  text-transform: uppercase;
  font-size: 0.85rem;
  border: 0;
  letter-spacing: -0.5px;
}
.path-frontpage .view-articles .morelink a:hover {
  color: var(--first-color);
}
.path-frontpage .view-articles .morelink a:hover::after {
  color: var(--first-color);
}
.path-frontpage .view-articles .morelink a::after {
  content: "\f101";
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  padding: 0 0.5em;
  font-weight: 900;
  font-size: 0.85rem;
  color: var(--accent-color);
}
.path-frontpage .view-articles .articlesrow, .path-frontpage .view-articles .articledetail {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.path-frontpage .view-articles .articlesrow .articleimg img, .path-frontpage .view-articles .articledetail .articleimg img {
  width: 100%;
  height: auto;
}
.path-frontpage .view-articles .articlesrow .articlesource span, .path-frontpage .view-articles .articledetail .articlesource span {
  font-size: 0.75rem;
  color: var(--body-color);
  border-radius: 2px;
  padding: 0.5em 1em;
}
.path-frontpage .view-articles .articlesrow .articlesource span.Internal, .path-frontpage .view-articles .articledetail .articlesource span.Internal {
  background: var(--theme-2);
}
.path-frontpage .view-articles .articlesrow .articlesource span.External, .path-frontpage .view-articles .articledetail .articlesource span.External {
  background: var(--thime-1);
}
.path-frontpage .view-articles .articlesrow .articledate, .path-frontpage .view-articles .articledetail .articledate {
  font-size: 0.89rem;
  line-height: 1.5em;
  color: var(--text-color-light);
}
.path-frontpage .view-articles .articlesrow .articletitle a, .path-frontpage .view-articles .articledetail .articletitle a {
  font-family: "Crimson Pro", serif;
  font-size: 1.25em;
}
.path-frontpage .view-our-team {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
.path-frontpage .view-our-team .rowwrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2em;
}
@media all and (min-width: 769px) {
  .path-frontpage .view-our-team .rowwrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 2em;
  }
}
.path-frontpage .view-our-team .frontpublicationrow.views-row, .path-frontpage .view-our-team .directoraterow.views-row {
  display: flex;
  flex-direction: column;
  gap: 0.7em;
}
.path-frontpage .view-our-team .frontpublicationrow.views-row .pubimg img, .path-frontpage .view-our-team .frontpublicationrow.views-row .directoratephoto img, .path-frontpage .view-our-team .directoraterow.views-row .pubimg img, .path-frontpage .view-our-team .directoraterow.views-row .directoratephoto img {
  width: 100%;
  height: auto;
}
.path-frontpage .view-our-team .frontpublicationrow.views-row .pubtitle, .path-frontpage .view-our-team .frontpublicationrow.views-row .name, .path-frontpage .view-our-team .directoraterow.views-row .pubtitle, .path-frontpage .view-our-team .directoraterow.views-row .name {
  font-size: clamp(1.1rem, 5vw, 0.9rem);
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  color: var(--first-color);
  font-family: "Rubik", sans-serif;
  margin: 0;
}
.path-frontpage .view-our-team .frontpublicationrow.views-row .pub.date, .path-frontpage .view-our-team .frontpublicationrow.views-row .position, .path-frontpage .view-our-team .directoraterow.views-row .pub.date, .path-frontpage .view-our-team .directoraterow.views-row .position {
  font-size: 0.89rem;
  line-height: 1.5em;
  color: var(--text-color-light);
  font-size: 0.8rem;
}
.path-frontpage .view-our-team .frontpublicationrow.views-row .pubtype, .path-frontpage .view-our-team .frontpublicationrow.views-row .membership, .path-frontpage .view-our-team .directoraterow.views-row .pubtype, .path-frontpage .view-our-team .directoraterow.views-row .membership {
  font-size: 0.7rem;
}
.path-frontpage .view-our-team .frontpublicationrow.views-row .pubtype a, .path-frontpage .view-our-team .frontpublicationrow.views-row .membership a, .path-frontpage .view-our-team .directoraterow.views-row .pubtype a, .path-frontpage .view-our-team .directoraterow.views-row .membership a {
  color: var(--accent-color);
  font-weight: bold;
}
.path-frontpage .view-our-team .frontpublicationrow.views-row .pubtype a:hover, .path-frontpage .view-our-team .frontpublicationrow.views-row .membership a:hover, .path-frontpage .view-our-team .directoraterow.views-row .pubtype a:hover, .path-frontpage .view-our-team .directoraterow.views-row .membership a:hover {
  color: var(--first-color);
}
.path-frontpage .view-our-team .frontpublicationrow.views-row .download a, .path-frontpage .view-our-team .directoraterow.views-row .download a {
  font-size: 0.85rem;
  text-transform: uppercase;
  font-weight: bold;
}
.path-frontpage .view-our-team .frontpublicationrow.views-row .download a::before, .path-frontpage .view-our-team .directoraterow.views-row .download a::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  padding: 0 0.5em;
  font-weight: 900;
  content: "\f019";
  padding: 0;
  padding-right: 0.5em;
}
.path-frontpage .view-our-team .morelink {
  text-align: right;
}
.path-frontpage .view-our-team .morelink a {
  color: var(--accent-color);
  text-transform: uppercase;
  font-size: 0.85rem;
  border: 0;
  letter-spacing: -0.5px;
}
.path-frontpage .view-our-team .morelink a:hover {
  color: var(--first-color);
}
.path-frontpage .view-our-team .morelink a:hover::after {
  color: var(--first-color);
}
.path-frontpage .view-our-team .morelink a::after {
  content: "\f101";
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  padding: 0 0.5em;
  font-weight: 900;
  font-size: 0.85rem;
  color: var(--accent-color);
}
.path-frontpage .view-multimedia {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
@media all and (min-width: 769px) {
  .path-frontpage .view-multimedia {
    flex-direction: row;
  }
}
.path-frontpage .view-multimedia .views-row.oneitemrow, .path-frontpage .view-multimedia .attachment.attachment-after {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: 0.7em;
}
.path-frontpage .view-multimedia .views-row.oneitemrow .featuredmultimediaimg img, .path-frontpage .view-multimedia .attachment.attachment-after .featuredmultimediaimg img {
  width: 100%;
}
.path-frontpage .view-multimedia .views-row.oneitemrow .featuredmultimediadate, .path-frontpage .view-multimedia .attachment.attachment-after .featuredmultimediadate {
  font-size: 0.89rem;
  line-height: 1.5em;
  color: var(--text-color-light);
}
.path-frontpage .view-multimedia .views-row.oneitemrow .featuredmultimediatitle, .path-frontpage .view-multimedia .attachment.attachment-after .featuredmultimediatitle {
  font-size: clamp(1.1rem, 5vw, 0.9rem);
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  color: var(--first-color);
  font-family: "Rubik", sans-serif;
}
.path-frontpage .view-multimedia .views-row.oneitemrow .featuredmultimediatype, .path-frontpage .view-multimedia .attachment.attachment-after .featuredmultimediatype {
  position: relative;
  font-size: 0.89rem;
  line-height: 1.5em;
  color: var(--text-color-light);
  padding: 10px 1em;
}
.path-frontpage .view-multimedia .views-row.oneitemrow .featuredmultimediatype::before, .path-frontpage .view-multimedia .attachment.attachment-after .featuredmultimediatype::before {
  position: absolute;
  inset: 0 0 0 0;
  content: "";
  width: 4px;
  height: 20px;
  background-color: var(--first-color);
  display: block;
  margin: 10px 0 0;
}
.path-frontpage .view-multimedia .views-row.oneitemrow .view-multimedia, .path-frontpage .view-multimedia .attachment.attachment-after .view-multimedia {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
@media all and (min-width: 480px) {
  .path-frontpage .view-multimedia .views-row.oneitemrow .view-multimedia, .path-frontpage .view-multimedia .attachment.attachment-after .view-multimedia {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1em;
  }
}
.path-frontpage .view-multimedia .views-row.oneitemrow .view-multimedia .multiitemrow, .path-frontpage .view-multimedia .attachment.attachment-after .view-multimedia .multiitemrow {
  position: relative;
}
.path-frontpage .view-multimedia .views-row.oneitemrow .view-multimedia .multiitemrow .featuredmultimediaimg img, .path-frontpage .view-multimedia .attachment.attachment-after .view-multimedia .multiitemrow .featuredmultimediaimg img {
  width: 100%;
}
.path-frontpage .view-multimedia .views-row.oneitemrow .view-multimedia .multiitemrow .featuredmultimediadate, .path-frontpage .view-multimedia .attachment.attachment-after .view-multimedia .multiitemrow .featuredmultimediadate {
  font-size: 0.89rem;
  line-height: 1.5em;
  color: var(--text-color-light);
}
.path-frontpage .view-multimedia .views-row.oneitemrow .view-multimedia .multiitemrow .featuredmultimediatitle, .path-frontpage .view-multimedia .attachment.attachment-after .view-multimedia .multiitemrow .featuredmultimediatitle {
  font-size: clamp(1.1rem, 5vw, 0.9rem);
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  color: var(--first-color);
  font-family: "Rubik", sans-serif;
  font-size: 1.1rem;
  margin: 0;
}
.path-frontpage .view-multimedia .views-row.oneitemrow .view-multimedia .multiitemrow .featuredmultimediatype, .path-frontpage .view-multimedia .attachment.attachment-after .view-multimedia .multiitemrow .featuredmultimediatype {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--first-color);
  color: var(--body-color);
  padding: 0.5em 1em;
  font-size: 0.8rem;
}
.path-frontpage .view-multimedia .views-row.oneitemrow .view-multimedia .multiitemrow .featuredmultimediatype::before, .path-frontpage .view-multimedia .attachment.attachment-after .view-multimedia .multiitemrow .featuredmultimediatype::before {
  display: none;
}
.path-frontpage .view-athletes {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
@media all and (min-width: 480px) {
  .path-frontpage .view-athletes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2em;
  }
}
.path-frontpage .view-athletes .featuredathleterow {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media all and (min-width: 769px) {
  .path-frontpage .view-athletes .featuredathleterow {
    flex-direction: row;
  }
}
.path-frontpage .view-athletes .featuredathleterow .featuredathletephoto {
  flex: 1 1 100%;
}
.path-frontpage .view-athletes .featuredathleterow .featuredathletephoto img {
  width: 100%;
}
.path-frontpage .view-athletes .featuredathleterow .featuredathletedetail {
  flex: 1 1 100%;
  display: grid;
  align-items: center;
}
.path-frontpage .view-athletes .featuredathleterow .featuredathletedetail .athletedob, .path-frontpage .view-athletes .featuredathleterow .featuredathletedetail .athletediscipline {
  display: flex;
  font-size: 0.89rem;
  line-height: 1.5em;
  color: var(--text-color-light);
}
.path-frontpage .view-athletes .featuredathleterow .featuredathletedetail .athletename {
  font-size: clamp(1.1rem, 5vw, 0.9rem);
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  color: var(--first-color);
  font-family: "Rubik", sans-serif;
  font-size: 1.1rem;
  margin: 0;
}
.path-frontpage .view-athletes .featuredathleterow .featuredathletedetail .athleteprofile {
  color: var(--accent-color);
  text-transform: uppercase;
  font-size: 0.85rem;
  border: 0;
  letter-spacing: -0.5px;
}
.path-frontpage .view-athletes .featuredathleterow .featuredathletedetail .athleteprofile:hover {
  color: var(--first-color);
}
.path-frontpage .view-athletes .featuredathleterow .featuredathletedetail .athleteprofile:hover::after {
  color: var(--first-color);
}
.path-frontpage .view-athletes .featuredathleterow .featuredathletedetail .athleteprofile::after {
  content: "\f101";
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  padding: 0 0.5em;
  font-weight: 900;
  font-size: 0.85rem;
  color: var(--accent-color);
}
.path-frontpage .view-sponsors .groupclass h3 {
  font-size: clamp(1.1rem, 5vw, 0.9rem);
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  color: var(--first-color);
  font-family: "Rubik", sans-serif;
  text-align: center;
  text-transform: uppercase;
}
.path-frontpage .view-sponsors .groupclass .resultrows {
  display: flex;
  gap: 2em;
  justify-content: space-evenly;
  flex-direction: column;
}
@media all and (min-width: 480px) {
  .path-frontpage .view-sponsors .groupclass .resultrows {
    flex-direction: row;
  }
}
.path-frontpage .view-sponsors .groupclass .resultrows .sponsorrow {
  display: flex;
  flex-direction: column;
  gap: 1em;
  justify-items: center;
  align-items: center;
  font-size: clamp(1.1rem, 5vw, 0.9rem);
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  color: var(--first-color);
  font-family: "Rubik", sans-serif;
  font-size: 0.9rem;
  text-transform: uppercase;
}

.fronttrendingtext {
  display: flex;
}
.fronttrendingtext .view-header {
  flex: 1 1 150px;
  font-size: 0.8rem;
  color: var(--body-color);
  background: var(--accent-color);
  padding: 0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}
.fronttrendingtext .skin-default {
  flex: 1 1 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 1em;
  background: var(--first-color-light);
}
.fronttrendingtext .skin-default .views_slideshow_cycle_main {
  flex: 1 1 100%;
}
.fronttrendingtext .skin-default .views_slideshow_cycle_main .views_slideshow_cycle_teaser_section, .fronttrendingtext .skin-default .views_slideshow_cycle_main .views_slideshow_cycle_slide {
  width: 100% !important;
}
.fronttrendingtext .skin-default .views-slideshow-controls-bottom {
  flex: 1 1 100px;
  display: flex;
  justify-content: flex-end;
}
.fronttrendingtext .skin-default .views-slideshow-controls-bottom .views_slideshow_controls_text {
  display: flex;
}
.fronttrendingtext .skin-default .views-slideshow-controls-bottom .views_slideshow_controls_text_pause {
  display: none;
}
.fronttrendingtext .skin-default .views-slideshow-controls-bottom .views_slideshow_controls_text_previous, .fronttrendingtext .skin-default .views-slideshow-controls-bottom .views_slideshow_controls_text_next {
  width: 30px;
}
.fronttrendingtext .skin-default .views-slideshow-controls-bottom .views_slideshow_controls_text_previous a, .fronttrendingtext .skin-default .views-slideshow-controls-bottom .views_slideshow_controls_text_next a {
  color: transparent;
}
.fronttrendingtext .skin-default .views-slideshow-controls-bottom .views_slideshow_controls_text_previous a::before, .fronttrendingtext .skin-default .views-slideshow-controls-bottom .views_slideshow_controls_text_next a::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  padding: 0 0.5em;
  font-weight: 900;
  font-size: 0.85rem;
  color: var(--accent-color);
  width: 40px;
  height: 40px;
  padding: 0.5em 0.7em;
  border: solid 1px #efefef;
}
.fronttrendingtext .skin-default .views-slideshow-controls-bottom .views_slideshow_controls_text_previous a:hover, .fronttrendingtext .skin-default .views-slideshow-controls-bottom .views_slideshow_controls_text_next a:hover {
  text-decoration: none;
  color: transparent;
}
.fronttrendingtext .skin-default .views-slideshow-controls-bottom .views_slideshow_controls_text_previous a:hover::before, .fronttrendingtext .skin-default .views-slideshow-controls-bottom .views_slideshow_controls_text_next a:hover::before {
  text-decoration: none;
  color: var(--first-color);
}
.fronttrendingtext .skin-default .views-slideshow-controls-bottom .views_slideshow_controls_text_previous a::before {
  content: "\f104";
}
.fronttrendingtext .skin-default .views-slideshow-controls-bottom .views_slideshow_controls_text_next a::before {
  content: "\f105";
}
.fronttrendingtext .skin-default .slidertitle {
  font-size: clamp(1.1rem, 5vw, 0.9rem);
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  color: var(--first-color);
  font-family: "Rubik", sans-serif;
}
.fronttrendingtext .skin-default .slidertitle a {
  font-family: "Crimson Pro", serif;
  font-size: 1.2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

.view-popular-blog {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}
.view-popular-blog .views-row {
  display: grid;
  grid-template-columns: minmax(90px, 120px) 2fr;
  gap: 0.5em;
}
.view-popular-blog .views-row .popularimg {
  overflow: hidden;
  width: 100%;
}
.view-popular-blog .views-row .popularimg:hover img {
  transform: scale(1.3) rotate(5deg);
}
.view-popular-blog .views-row .popularimg img {
  transition: all 0.3s;
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
  height: auto;
}
.view-popular-blog .views-row .populardetail {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.view-popular-blog .views-row .populardetail .title {
  font-size: clamp(1.1rem, 5vw, 0.9rem);
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  color: var(--first-color);
  font-family: "Rubik", sans-serif;
  font-size: 0.9rem;
}
.view-popular-blog .views-row .populardetail .title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.view-popular-blog .views-row .populardetail .popularinfo {
  display: flex;
  gap: 1em;
  font-size: 0.7rem;
}
.view-popular-blog .views-row .populardetail .popularinfo .author a {
  color: var(--accent-color);
}
.view-popular-blog .views-row .populardetail .popularinfo .author a:hover {
  color: var(--first-color);
}
.view-popular-blog .views-row .populardetail .totalview {
  font-size: 0.8rem;
}

.socialcounterblock {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  padding: 1.5em 0 3em;
}
.socialcounterblock .socialmediacounterrow {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.socialcounterblock .socialmediacounterrow .socialmediainfo {
  display: flex;
  flex-direction: column;
  gap: 0.2em;
}
.socialcounterblock .socialmediacounterrow .socialmediainfo .socialicon img {
  width: 40px;
  height: 40px;
}
.socialcounterblock .socialmediacounterrow .socialmediainfo .followerscount {
  font-size: 1rem;
  font-weight: bold;
}
.socialcounterblock .socialmediacounterrow .socialmediainfo .followertag {
  font-size: 0.8rem;
}

.view-athlete-profile .athletebannerrow .athleteinfo {
  padding-top: 2em;
  display: grid;
  place-items: center;
}
.view-athlete-profile .athletebannerrow .athleteinfo .athleteprofile {
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 769px) {
  .view-athlete-profile .athletebannerrow .athleteinfo .athleteprofile {
    flex-direction: row;
    gap: 2em;
  }
  .view-athlete-profile .athletebannerrow .athleteinfo .athleteprofile > * {
    width: 25vw;
  }
}
.view-athlete-profile .athletebannerrow .athleteinfo .athleteprofile .columnone img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.view-athlete-profile .athletebannerrow .athleteinfo .athleteprofile .columentwo {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.view-athlete-profile .athletebannerrow .athleteinfo .athleteprofile .columentwo .name {
  font-size: clamp(1.1rem, 5vw, 0.9rem);
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  color: var(--first-color);
  font-family: "Rubik", sans-serif;
  text-align: center;
  display: none;
}
.view-athlete-profile .athletebannerrow .athleteinfo .athleteprofile .columentwo .field {
  display: flex;
  justify-content: space-between;
}
.view-athlete-profile .athletebannerrow .athleteinfo .athleteprofile .columentwo .field .field__label {
  text-transform: uppercase;
  font-size: 0.85em;
}

.block-views.block-views-blocksocial-media-links-block-1 {
  display: flex;
}

.view-social-media-links {
  display: flex;
  gap: 1em;
}
.view-social-media-links .socialmediarow {
  display: flex;
  gap: 2em;
}
.view-social-media-links .socialmediarow .socialicon {
  display: flex;
  align-items: center;
}
.view-social-media-links .socialmediarow .socialicon a {
  display: flex;
  align-items: center;
}
.view-social-media-links .socialmediarow .socialicon a img {
  width: 15px;
  height: 15px;
}
@media all and (min-width: 769px) {
  .view-social-media-links .socialmediarow .socialname {
    display: none;
  }
}
.view-social-media-links .view-footer {
  width: 20px;
  margin-left: 1em;
  background: url(../images/search-solid.svg) no-repeat center center;
  background-size: 0.7rem;
  display: flex;
}
.view-social-media-links .view-footer a {
  flex: 1 1 100%;
}
.view-social-media-links .socialmediaiconrow.views-row {
  padding: 0 1em;
}
.view-social-media-links .socialmediaiconrow.views-row .socialname {
  width: 0px;
}
.view-social-media-links .socialmediaiconrow.views-row .socialname a {
  color: transparent;
}
.view-social-media-links .socialmediaiconrow.views-row .socialname a::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1rem;
  font-size: 0.85rem;
  color: var(--accent-color);
  padding: 0 0.25em;
}
.view-social-media-links .socialmediaiconrow.views-row .socialname a.Facebook::before {
  content: "\f39e";
  color: var(--body-color);
}
.view-social-media-links .socialmediaiconrow.views-row .socialname a.Facebook:hover::before {
  color: #3b5998;
}
.view-social-media-links .socialmediaiconrow.views-row .socialname a.Twitter::before {
  content: "\f099";
  color: var(--body-color);
}
.view-social-media-links .socialmediaiconrow.views-row .socialname a.Twitter:hover::before {
  color: #00acee;
}
.view-social-media-links .socialmediaiconrow.views-row .socialname a.Flickr::before {
  content: "\f16e";
  color: var(--body-color);
}
.view-social-media-links .socialmediaiconrow.views-row .socialname a.Flickr:hover::before {
  color: #ff0088;
}
.view-social-media-links .socialmediaiconrow.views-row .socialname a.Youtube::before {
  content: "\f167";
  color: var(--body-color);
}
.view-social-media-links .socialmediaiconrow.views-row .socialname a.Youtube:hover::before {
  color: #FF0000;
}

.view-blog-details {
  padding: 0 0 0 1em;
}
.view-blog-details .views-row {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}
.view-blog-details .views-row .blogmaintheme .valfield a {
  padding: 0.5em 1em;
  color: var(--body-color);
  font-size: 0.8rem;
  border-radius: 0.25em;
  background: var(--first-color);
}
.view-blog-details .views-row .blogmaintheme .valfield a:hover {
  color: var(--text-color-light);
}
.view-blog-details .views-row .blogmaintheme .valfield.Macroeconomics a, .view-blog-details .views-row .blogmaintheme .valfield.Governance a {
  background: var(--theme-1);
}
.view-blog-details .views-row .blogmaintheme .valfield.Private a, .view-blog-details .views-row .blogmaintheme .valfield.Finance a {
  background: var(--theme-2);
}
.view-blog-details .views-row .blogmaintheme .valfield.Data a, .view-blog-details .views-row .blogmaintheme .valfield.statstics a {
  background: var(--theme-3);
}
.view-blog-details .views-row .blogmaintheme .valfield.Technology a, .view-blog-details .views-row .blogmaintheme .valfield.Climate a, .view-blog-details .views-row .blogmaintheme .valfield.Natural a {
  background: var(--theme-4);
}
.view-blog-details .views-row .blogmaintheme .valfield.Poverty a, .view-blog-details .views-row .blogmaintheme .valfield.Inequality a, .view-blog-details .views-row .blogmaintheme .valfield.Social a {
  background: var(--theme-5);
}
.view-blog-details .views-row .blogmaintheme .valfield.Economic a, .view-blog-details .views-row .blogmaintheme .valfield.Planning a {
  background: var(--theme-6);
}
.view-blog-details .views-row .blogmaintheme .valfield.Subregional a {
  background: var(--theme-7);
}
.view-blog-details .views-row .blogmaintheme .valfield.Gender a, .view-blog-details .views-row .blogmaintheme .valfield.Empowerment a {
  background: var(--theme-8);
}
.view-blog-details .views-row .blogmaintheme .valfield.Regionl a, .view-blog-details .views-row .blogmaintheme .valfield.Trade a {
  background: var(--theme-9);
}
.view-blog-details .views-row .otherthemes .item-list ul.list-group {
  display: flex;
  gap: 1em;
  flex-wrap: wrap;
}
.view-blog-details .views-row .otherthemes .item-list ul.list-group li.list-group-item a {
  padding: 0.2em 0.4em;
  color: var(--body-color);
  font-size: 0.8rem;
  border-radius: 0.25em;
}
.view-blog-details .views-row .otherthemes .item-list ul.list-group li.list-group-item a:hover {
  color: var(--text-color-light);
}
.view-blog-details .views-row .otherthemes .item-list ul.list-group li.list-group-item.Macroe a, .view-blog-details .views-row .otherthemes .item-list ul.list-group li.list-group-item.Govern a {
  background: var(--theme-1);
}
.view-blog-details .views-row .otherthemes .item-list ul.list-group li.list-group-item.Privat a, .view-blog-details .views-row .otherthemes .item-list ul.list-group li.list-group-item.Financ a {
  background: var(--theme-2);
}
.view-blog-details .views-row .otherthemes .item-list ul.list-group li.list-group-item.Data-- a, .view-blog-details .views-row .otherthemes .item-list ul.list-group li.list-group-item.statst a {
  background: var(--theme-3);
}
.view-blog-details .views-row .otherthemes .item-list ul.list-group li.list-group-item.Techno a, .view-blog-details .views-row .otherthemes .item-list ul.list-group li.list-group-item.Climat a, .view-blog-details .views-row .otherthemes .item-list ul.list-group li.list-group-item.Natura a {
  background: var(--theme-4);
}
.view-blog-details .views-row .otherthemes .item-list ul.list-group li.list-group-item.Povert a, .view-blog-details .views-row .otherthemes .item-list ul.list-group li.list-group-item.Inequa a, .view-blog-details .views-row .otherthemes .item-list ul.list-group li.list-group-item.Social a {
  background: var(--theme-5);
}
.view-blog-details .views-row .otherthemes .item-list ul.list-group li.list-group-item.Econom a, .view-blog-details .views-row .otherthemes .item-list ul.list-group li.list-group-item.Planni a {
  background: var(--theme-6);
}
.view-blog-details .views-row .otherthemes .item-list ul.list-group li.list-group-item.Subreg a {
  background: var(--theme-7);
}
.view-blog-details .views-row .otherthemes .item-list ul.list-group li.list-group-item.Gender a, .view-blog-details .views-row .otherthemes .item-list ul.list-group li.list-group-item.Empowe a {
  background: var(--theme-8);
}
.view-blog-details .views-row .otherthemes .item-list ul.list-group li.list-group-item.Region a, .view-blog-details .views-row .otherthemes .item-list ul.list-group li.list-group-item.Trade- a {
  background: var(--theme-9);
}
.view-blog-details .views-row .sdgs .item-list ul.list-group {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.view-blog-details .views-row .sdgs .item-list ul.list-group li.list-group-item a {
  padding: 0.5em 1em;
  color: var(--body-color);
  font-size: 0.8rem;
  border-radius: 0.25em;
}
.view-blog-details .views-row .sdgs .item-list ul.list-group li.list-group-item a:hover {
  color: var(--text-color-light);
}
.view-blog-details .views-row .sdgs .item-list ul.list-group li.list-group-item.SDG-1- a {
  background: var(--sdg-1);
}
.view-blog-details .views-row .sdgs .item-list ul.list-group li.list-group-item.SDG-2- a {
  background: var(--sdg-2);
}
.view-blog-details .views-row .sdgs .item-list ul.list-group li.list-group-item.SDG-3- a {
  background: var(--sdg-3);
}
.view-blog-details .views-row .sdgs .item-list ul.list-group li.list-group-item.SDG-4- a {
  background: var(--sdg-4);
}
.view-blog-details .views-row .sdgs .item-list ul.list-group li.list-group-item.SDG-5- a {
  background: var(--sdg-5);
}
.view-blog-details .views-row .sdgs .item-list ul.list-group li.list-group-item.SDG-6- a {
  background: var(--sdg-6);
}
.view-blog-details .views-row .sdgs .item-list ul.list-group li.list-group-item.SDG-7- a {
  background: var(--sdg-7);
}
.view-blog-details .views-row .sdgs .item-list ul.list-group li.list-group-item.SDG-8- a {
  background: var(--sdg-8);
}
.view-blog-details .views-row .sdgs .item-list ul.list-group li.list-group-item.SDG-9- a {
  background: var(--sdg-9);
}
.view-blog-details .views-row .sdgs .item-list ul.list-group li.list-group-item.SDG-10 a {
  background: var(--sdg-10);
}
.view-blog-details .views-row .sdgs .item-list ul.list-group li.list-group-item.SDG-11 a {
  background: var(--sdg-11);
}
.view-blog-details .views-row .sdgs .item-list ul.list-group li.list-group-item.SDG-12 a {
  background: var(--sdg-12);
}
.view-blog-details .views-row .sdgs .item-list ul.list-group li.list-group-item.SDG-13 a {
  background: var(--sdg-13);
}
.view-blog-details .views-row .sdgs .item-list ul.list-group li.list-group-item.SDG-14 a {
  background: var(--sdg-14);
}
.view-blog-details .views-row .sdgs .item-list ul.list-group li.list-group-item.SDG-15 a {
  background: var(--sdg-15);
}
.view-blog-details .views-row .sdgs .item-list ul.list-group li.list-group-item.SDG-16 a {
  background: var(--sdg-16);
}
.view-blog-details .views-row .sdgs .item-list ul.list-group li.list-group-item.SDG-17 a {
  background: var(--sdg-17);
}

.view-footer-copyright .views-row {
  display: flex;
  flex-direction: column;
  gap: 0.7em;
  align-items: center;
}

body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.3em;
}
@media screen and (min-width: 769px) {
  body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.3em;
  }
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow {
  position: relative;
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow:hover .title a {
  color: var(--first-color) !important;
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .sliderimg {
  overflow: hidden;
  width: 100%;
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .sliderimg:hover img {
  transform: scale(1.3) rotate(5deg);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .sliderimg img {
  transition: all 0.3s;
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
  height: auto;
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  pointer-events: none;
  z-index: 1;
  padding: 1.5em;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorStr=#00000000, endColorStr=#DD000000);
  background-color: transparent;
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
  background-position-y: -1px;
  bottom: -1px;
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type {
  text-transform: uppercase;
  color: var(--body-color);
  display: flex;
  gap: 0.5em;
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span {
  padding: 0 3px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  max-width: 120px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  background: var(--first-color);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span a {
  color: var(--body-color);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span a:hover {
  color: var(--text-color-light);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span.Macroeconomics, body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span.Governance {
  background: var(--theme-1);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span.Private, body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span.Finance {
  background: var(--theme-2);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span.Data, body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span.statstics {
  background: var(--theme-3);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span.Technology, body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span.Climate, body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span.Natural {
  background: var(--theme-4);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span.Poverty, body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span.Inequality, body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span.Social {
  background: var(--theme-5);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span.Economic, body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span.Planning {
  background: var(--theme-6);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span.Subregional {
  background: var(--theme-7);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span.Gender, body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span.Empowerment {
  background: var(--theme-8);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span.Regionl, body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span.Trade {
  background: var(--theme-9);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span[data~="1"] {
  background: var(--sdg-1);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span[data~="2"] {
  background: var(--sdg-2);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span[data~="3"] {
  background: var(--sdg-3);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span[data~="4"] {
  background: var(--sdg-4);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span[data~="5"] {
  background: var(--sdg-5);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span[data~="6"] {
  background: var(--sdg-6);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span[data~="7"] {
  background: var(--sdg-7);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span[data~="8"] {
  background: var(--sdg-8);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span[data~="9"] {
  background: var(--sdg-9);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span[data~="10"] {
  background: var(--sdg-10);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span[data~="11"] {
  background: var(--sdg-11);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span[data~="12"] {
  background: var(--sdg-12);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span[data~="13"] {
  background: var(--sdg-13);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span[data~="14"] {
  background: var(--sdg-14);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span[data~="15"] {
  background: var(--sdg-15);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span[data~="16"] {
  background: var(--sdg-16);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .type span[data~="17"] {
  background: var(--sdg-17);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .title {
  font-size: 1rem;
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .title a {
  color: var(--body-color);
  font-weight: bold;
  font-family: "Rubik", sans-serif;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .frontfeaturedrow .featureddetails .date {
  font-size: 0.89rem;
  line-height: 1.5em;
  color: var(--text-color-light);
  color: white;
  text-shadow: 0 0.5px 0.5px var(--first-color);
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .attachment.attachment-before .view-front-content-slider {
  display: block;
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .attachment.attachment-before .view-front-content-slider .title {
  font-size: 1.55rem;
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider img {
  width: 100%;
  height: auto;
  display: block;
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider img::before {
  content: "";
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2) 35%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0));
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background-color 0.3s ease;
  z-index: 1;
}
body.path-frontpage .region-highlighted .view-front-content-slider.frontcontentslider .rowwrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.3em;
}

.node--type-page, .node--type-directorates {
  margin: 0 auto;
  text-align: justify;
}
.node--type-page p, .node--type-directorates p {
  font-family: "Crimson Pro", serif;
  padding: 0.5em 0;
  line-height: 1.3;
  font-size: 1.35rem;
}
@media all and (min-width: 769px) {
  .node--type-page article, .node--type-directorates article {
    max-width: 810px;
  }
}

body.node--type-blog .footerwebsite {
  display: none;
}
body.node--type-blog .highlighted .region-highlighted .view-blog-details {
  padding: 3rem 0 0;
}
body.node--type-blog .highlighted .region-highlighted .view-blog-details .views-row {
  position: relative;
  justify-content: center;
  align-items: center;
  gap: 0.7em;
}
body.node--type-blog .highlighted .region-highlighted .view-blog-details .views-row .blogtitles {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorStr=#00000000, endColorStr=#DD000000);
  background-color: transparent;
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
  background-position-y: -1px;
  bottom: -1px;
}
body.node--type-blog .highlighted .region-highlighted .view-blog-details .views-row .blogtitles .blogtitle {
  margin-bottom: 1em;
  text-align: center;
}
body.node--type-blog .highlighted .region-highlighted .view-blog-details .views-row .blogtitles .blogtitle span {
  padding: 0 0 2px;
  color: var(--first-color);
  font-size: clamp(1.75rem, 5vw, 3rem);
  line-height: 1.2;
  margin: 0;
  font-weight: normal;
  font-family: "Rubik", sans-serif;
}
body.node--type-blog .highlighted .region-highlighted .view-blog-details .views-row .blogtitles .blogtitle span {
  color: var(--body-color);
}
body.node--type-blog .highlighted .region-highlighted .view-blog-details .views-row .blogtitles .blogsubtitle {
  text-align: center;
  font-size: 1.5rem;
  font-style: italic;
  padding: 0.3em 0;
  color: var(--first-color-light);
  font-family: "Crimson Pro", serif;
}
body.node--type-blog .highlighted .region-highlighted .view-blog-details .views-row .headerblogtitle {
  margin-bottom: 1em;
}
body.node--type-blog .highlighted .region-highlighted .view-blog-details .views-row .headerblogtitle span {
  padding: 0 0 2px;
  color: var(--first-color);
  font-size: clamp(1.75rem, 5vw, 3rem);
  line-height: 1.2;
  margin: 0;
  font-weight: normal;
  font-family: "Rubik", sans-serif;
}
body.node--type-blog .highlighted .region-highlighted .view-blog-details .views-row .headersubtitle span.blogsubtitle {
  text-align: center;
  font-size: 1.5rem;
  font-style: italic;
  padding: 0.3em 0;
  color: var(--text-color-light);
  font-family: "Crimson Pro", serif;
}
body.node--type-blog .highlighted .region-highlighted .view-blog-details .views-row .headerblogimgcredit {
  display: flex;
  gap: 1em;
  color: var(--text-color-light);
  font-size: 0.8rem;
  font-family: "Crimson Pro", serif;
  font-style: italic;
}
body.node--type-blog .highlighted .region-highlighted .view-blog-details .views-row .headerimg {
  overflow: hidden;
  width: 100%;
}
body.node--type-blog .highlighted .region-highlighted .view-blog-details .views-row .headerimg:hover img {
  transform: scale(1.3) rotate(5deg);
}
body.node--type-blog .highlighted .region-highlighted .view-blog-details .views-row .headerimg img {
  transition: all 0.3s;
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
  height: auto;
}
body.node--type-blog .highlighted .region-highlighted .view-blog-details .views-row .headerblogdate {
  font-size: 1rem;
  color: var(--text-color-light);
  padding: 0 0 0.5em;
  text-align: center;
}
body.node--type-blog .content-area-wrapper {
  display: flex;
}
@media all and (min-width: 769px) {
  body.node--type-blog .content-area-wrapper {
    display: grid;
    grid-template-columns: 44.5em 21.5em;
    gap: 3em;
    max-width: 69em;
    width: calc(100% - 3rem);
    margin: 0 auto;
  }
}
body.node--type-blog .content-area-wrapper .main-content {
  position: relative;
}
body.node--type-blog .content-area-wrapper .main-content .container.region-content {
  display: grid;
  grid-template-columns: 1fr 6fr;
  gap: 1em 2em;
  position: absolute;
  top: -10rem;
  padding: 1em;
  margin-left: 1em;
  background: var(--body-color);
}
body.node--type-blog .content-area-wrapper .main-content .container.region-content h1.title {
  display: none;
}
body.node--type-blog .content-area-wrapper .main-content .container.region-content nav.tabs {
  grid-column-start: 1;
  grid-column-end: -1;
}
body.node--type-blog .content-area-wrapper .main-content .container.region-content .block-rrssb {
  grid-column-start: 1;
  grid-column-end: 2;
}
body.node--type-blog .content-area-wrapper .main-content .container.region-content article {
  grid-column-start: 2;
  grid-column-end: -1;
}
body.node--type-blog .content-area-wrapper .main-content .container.region-content article img {
  width: 100%;
  height: auto;
}
body.node--type-blog .content-area-wrapper .main-content article.node--type-blog .node__content {
  display: flex;
  flex-direction: column;
}
body.node--type-blog .content-area-wrapper .main-content article.node--type-blog .field--name-field-nationality {
  text-align: center;
  font-size: 1.5rem;
  font-style: italic;
  padding: 0.3em 0;
  color: var(--text-color-light);
  font-family: "Crimson Pro", serif;
}
body.node--type-blog .content-area-wrapper .main-content article.node--type-blog .field--name-field-banner-image img {
  width: 100%;
  height: auto;
}
body.node--type-blog .content-area-wrapper .main-content article.node--type-blog .field--name-field-date-of-birth {
  text-align: right;
}
body.node--type-blog .content-area-wrapper .main-content article.node--type-blog .field--name-field-date-of-birth time {
  font-size: 0.9rem;
}
body.node--type-blog .content-area-wrapper .main-content article.node--type-blog .field--name-field-date-of-birth time::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  padding: 0 0.5em;
  font-weight: 900;
  content: "\f073";
  color: var(--accent-color);
}
body.node--type-blog .content-area-wrapper .main-content article.node--type-blog .field--name-field-place-of-birth {
  display: flex;
  gap: 1em;
}
body.node--type-blog .content-area-wrapper .main-content article.node--type-blog .field--name-field-place-of-birth > div {
  color: var(--text-color-light);
  font-size: 0.8rem;
}
body.node--type-blog .content-area-wrapper .main-content article.node--type-blog .field--name-field-place-of-birth .field__label {
  text-transform: uppercase;
}
body.node--type-blog .content-area-wrapper .main-content article.node--type-blog .field--name-field-place-of-birth .field__item {
  font-family: "Crimson Pro", serif;
}
body.node--type-blog .content-area-wrapper .main-content article.node--type-blog .field--name-body {
  font-size: 1rem;
  text-align: justify;
  padding: 0 0 1em 0;
}
body.node--type-blog .content-area-wrapper .main-content article.node--type-blog .field--name-body p {
  font-family: "Crimson Pro", serif;
  padding: 0.5em 0;
  line-height: 1.3;
  font-size: 1.35rem;
}
body.node--type-blog .content-area-wrapper .main-content article.node--type-blog .field--name-body ul {
  margin-left: 1em;
  padding-left: 1em;
}
body.node--type-blog .content-area-wrapper .main-content article.node--type-blog .field--name-body ul li {
  font-family: "Crimson Pro", serif;
  padding: 0.5em 0;
  line-height: 1.3;
  font-size: 1.35rem;
  list-style: disc;
}
body.node--type-blog .content-area-wrapper .main-content article.node--type-blog .field--name-field-tags .field__label {
  font-family: "Rubik", sans-serif;
  font-size: 0.9rem;
  text-transform: uppercase;
  color: var(--blogsecondary);
  font-weight: bold;
}
body.node--type-blog .content-area-wrapper .main-content article.node--type-blog .field--name-field-tags ul.links.field__items {
  padding: 0.5em 0;
  display: flex;
  gap: 0.5em;
}
body.node--type-blog .content-area-wrapper .main-content article.node--type-blog .field--name-field-tags ul.links.field__items li {
  background: var(--first-color-light);
  padding: 0.2em 0.3em;
}
body.node--type-blog .content-area-wrapper .main-content article.node--type-blog .field--name-field-tags ul.links.field__items li a {
  font-size: 0.75rem;
  text-transform: uppercase;
  background-color: var(--light);
  padding: 0.3em 0.5em;
}
body.node--type-blog .content-area-wrapper .sidebar-first .region-sidebar-first {
  display: flex;
  flex-direction: column;
  gap: 3em;
}
body.node--type-blog .content-area-wrapper .sidebar-first .block h2.block-main-title {
  border-bottom: solid 2px var(--first-color-light);
  margin-bottom: 1em;
  line-height: 1em;
  font-weight: normal;
}
body.node--type-blog .content-area-wrapper .sidebar-first .block h2.block-main-title span {
  background: var(--first-color-light);
  padding: 0.2em 1em;
  color: var(--first-color);
  font-size: 1rem;
  margin: 0;
  text-transform: uppercase;
}
body.node--type-blog .content-area-wrapper .sidebar-first .view-blog {
  padding: 0 2em;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
body.node--type-blog .content-area-wrapper .sidebar-first .view-blog .authorandstatsrow, body.node--type-blog .content-area-wrapper .sidebar-first .view-blog .view-header, body.node--type-blog .content-area-wrapper .sidebar-first .view-blog .view-footer {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
body.node--type-blog .content-area-wrapper .sidebar-first .view-blog .authorandstatsrow .authornamepic, body.node--type-blog .content-area-wrapper .sidebar-first .view-blog .view-header .authornamepic, body.node--type-blog .content-area-wrapper .sidebar-first .view-blog .view-footer .authornamepic {
  display: flex;
  align-items: center;
  gap: 1em;
}
body.node--type-blog .content-area-wrapper .sidebar-first .view-blog .authorandstatsrow .authornamepic img, body.node--type-blog .content-area-wrapper .sidebar-first .view-blog .view-header .authornamepic img, body.node--type-blog .content-area-wrapper .sidebar-first .view-blog .view-footer .authornamepic img {
  border-radius: 50%;
}
body.node--type-blog .content-area-wrapper .sidebar-first .view-blog .authorandstatsrow .blogpostdate time, body.node--type-blog .content-area-wrapper .sidebar-first .view-blog .view-header .blogpostdate time, body.node--type-blog .content-area-wrapper .sidebar-first .view-blog .view-footer .blogpostdate time {
  font-size: 0.9rem;
}
body.node--type-blog .content-area-wrapper .sidebar-first .view-blog .authorandstatsrow .blogpostdate time::before, body.node--type-blog .content-area-wrapper .sidebar-first .view-blog .view-header .blogpostdate time::before, body.node--type-blog .content-area-wrapper .sidebar-first .view-blog .view-footer .blogpostdate time::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  padding: 0 0.5em;
  font-weight: 900;
  content: "\f073";
  color: var(--accent-color);
}
body.node--type-blog .content-area-wrapper .sidebar-first .view-blog .authorandstatsrow .totalread::before, body.node--type-blog .content-area-wrapper .sidebar-first .view-blog .view-header .totalread::before, body.node--type-blog .content-area-wrapper .sidebar-first .view-blog .view-footer .totalread::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  padding: 0 0.5em;
  font-weight: 900;
  content: "\f06e";
  color: var(--accent-color);
}
body.node--type-blog .content-area-wrapper .sidebar-first .view-blog .authorandstatsrow .commentcount::before, body.node--type-blog .content-area-wrapper .sidebar-first .view-blog .view-header .commentcount::before, body.node--type-blog .content-area-wrapper .sidebar-first .view-blog .view-footer .commentcount::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  padding: 0 0.5em;
  font-weight: 900;
  content: "\f086";
  color: var(--accent-color);
}

body.path-posts .content-area-wrapper, body.path-blog .content-area-wrapper {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 2em;
  max-width: 69em;
  width: calc(100% - 3rem);
  margin: 0 auto;
}
body.path-posts .content-area-wrapper .main-content .attachment.attachment-before .view-news, body.path-blog .content-area-wrapper .main-content .attachment.attachment-before .view-news {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
@media all and (min-width: 769px) {
  body.path-posts .content-area-wrapper .main-content .attachment.attachment-before .view-news, body.path-blog .content-area-wrapper .main-content .attachment.attachment-before .view-news {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2em;
  }
}
body.path-posts .content-area-wrapper .main-content .attachment.attachment-before .view-news .attachedrow, body.path-blog .content-area-wrapper .main-content .attachment.attachment-before .view-news .attachedrow {
  display: flex;
  flex-direction: column;
  gap: 0.4em;
}
body.path-posts .content-area-wrapper .main-content .attachment.attachment-before .view-news .attachedrow .newsimg, body.path-blog .content-area-wrapper .main-content .attachment.attachment-before .view-news .attachedrow .newsimg {
  overflow: hidden;
  width: 100%;
}
body.path-posts .content-area-wrapper .main-content .attachment.attachment-before .view-news .attachedrow .newsimg:hover img, body.path-blog .content-area-wrapper .main-content .attachment.attachment-before .view-news .attachedrow .newsimg:hover img {
  transform: scale(1.3) rotate(5deg);
}
body.path-posts .content-area-wrapper .main-content .attachment.attachment-before .view-news .attachedrow .newsimg img, body.path-blog .content-area-wrapper .main-content .attachment.attachment-before .view-news .attachedrow .newsimg img {
  transition: all 0.3s;
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
  height: auto;
}
body.path-posts .content-area-wrapper .main-content .rowwrapper, body.path-blog .content-area-wrapper .main-content .rowwrapper {
  display: flex;
  gap: 2em;
  padding-top: 2em;
}
@media all and (min-width: 769px) {
  body.path-posts .content-area-wrapper .main-content .rowwrapper, body.path-blog .content-area-wrapper .main-content .rowwrapper {
    flex-direction: column;
  }
}
body.path-posts .content-area-wrapper .main-content .rowwrapper .newsarticlerow.views-row, body.path-blog .content-area-wrapper .main-content .rowwrapper .newsarticlerow.views-row {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media all and (min-width: 769px) {
  body.path-posts .content-area-wrapper .main-content .rowwrapper .newsarticlerow.views-row, body.path-blog .content-area-wrapper .main-content .rowwrapper .newsarticlerow.views-row {
    flex-direction: row;
    gap: 1.6em;
  }
}
body.path-posts .content-area-wrapper .main-content .rowwrapper .newsarticlerow.views-row .newsimg, body.path-blog .content-area-wrapper .main-content .rowwrapper .newsarticlerow.views-row .newsimg {
  overflow: hidden;
  width: 100%;
  flex: 1 1 35%;
}
body.path-posts .content-area-wrapper .main-content .rowwrapper .newsarticlerow.views-row .newsimg:hover img, body.path-blog .content-area-wrapper .main-content .rowwrapper .newsarticlerow.views-row .newsimg:hover img {
  transform: scale(1.3) rotate(5deg);
}
body.path-posts .content-area-wrapper .main-content .rowwrapper .newsarticlerow.views-row .newsimg img, body.path-blog .content-area-wrapper .main-content .rowwrapper .newsarticlerow.views-row .newsimg img {
  transition: all 0.3s;
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
  height: auto;
}
body.path-posts .content-area-wrapper .main-content .rowwrapper .newsarticlerow.views-row .blogdetails, body.path-blog .content-area-wrapper .main-content .rowwrapper .newsarticlerow.views-row .blogdetails {
  flex: 1 1 65%;
  display: flex;
  flex-direction: column;
  gap: 0.3em;
}
body.path-posts .content-area-wrapper .main-content .rowwrapper .newsarticlerow.views-row .blogdetails .bloginfo, body.path-blog .content-area-wrapper .main-content .rowwrapper .newsarticlerow.views-row .blogdetails .bloginfo {
  flex-direction: row;
  align-items: center;
}
body.path-posts .content-area-wrapper .main-content .views-row .newstitle, body.path-blog .content-area-wrapper .main-content .views-row .newstitle {
  font-size: clamp(1.1rem, 5vw, 0.9rem);
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  color: var(--first-color);
  font-family: "Rubik", sans-serif;
  min-height: 2.8em;
}
body.path-posts .content-area-wrapper .main-content .views-row .newstitle a, body.path-blog .content-area-wrapper .main-content .views-row .newstitle a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.path-posts .content-area-wrapper .main-content .views-row .blogdetail, body.path-blog .content-area-wrapper .main-content .views-row .blogdetail {
  padding: 0.5em 0;
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo, body.path-posts .content-area-wrapper .main-content .views-row .blogdetails, body.path-blog .content-area-wrapper .main-content .views-row .bloginfo, body.path-blog .content-area-wrapper .main-content .views-row .blogdetails {
  display: flex;
  flex-direction: column;
  gap: 0.4em;
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo span, body.path-posts .content-area-wrapper .main-content .views-row .blogdetails span, body.path-blog .content-area-wrapper .main-content .views-row .bloginfo span, body.path-blog .content-area-wrapper .main-content .views-row .blogdetails span {
  font-size: 0.5em;
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type, body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type, body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type, body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type {
  text-transform: uppercase;
  color: var(--body-color);
  display: flex;
  gap: 0.5em;
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span, body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span, body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span, body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span {
  padding: 0 3px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  max-width: 120px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  background: var(--first-color);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span a, body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span a, body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span a, body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span a {
  color: var(--body-color);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span a:hover, body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span a:hover, body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span a:hover, body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span a:hover {
  color: var(--text-color-light);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span.Macroeconomics, body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span.Governance, body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span.Macroeconomics, body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span.Governance, body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span.Macroeconomics, body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span.Governance, body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span.Macroeconomics, body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span.Governance {
  background: var(--theme-1);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span.Private, body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span.Finance, body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span.Private, body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span.Finance, body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span.Private, body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span.Finance, body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span.Private, body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span.Finance {
  background: var(--theme-2);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span.Data, body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span.statstics, body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span.Data, body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span.statstics, body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span.Data, body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span.statstics, body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span.Data, body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span.statstics {
  background: var(--theme-3);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span.Technology, body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span.Climate, body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span.Natural, body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span.Technology, body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span.Climate, body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span.Natural, body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span.Technology, body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span.Climate, body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span.Natural, body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span.Technology, body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span.Climate, body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span.Natural {
  background: var(--theme-4);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span.Poverty, body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span.Inequality, body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span.Social, body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span.Poverty, body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span.Inequality, body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span.Social, body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span.Poverty, body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span.Inequality, body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span.Social, body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span.Poverty, body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span.Inequality, body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span.Social {
  background: var(--theme-5);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span.Economic, body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span.Planning, body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span.Economic, body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span.Planning, body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span.Economic, body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span.Planning, body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span.Economic, body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span.Planning {
  background: var(--theme-6);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span.Subregional, body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span.Subregional, body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span.Subregional, body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span.Subregional {
  background: var(--theme-7);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span.Gender, body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span.Empowerment, body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span.Gender, body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span.Empowerment, body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span.Gender, body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span.Empowerment, body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span.Gender, body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span.Empowerment {
  background: var(--theme-8);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span.Regionl, body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span.Trade, body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span.Regionl, body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span.Trade, body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span.Regionl, body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span.Trade, body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span.Regionl, body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span.Trade {
  background: var(--theme-9);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="1"], body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="1"], body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="1"], body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="1"] {
  background: var(--sdg-1);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="2"], body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="2"], body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="2"], body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="2"] {
  background: var(--sdg-2);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="3"], body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="3"], body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="3"], body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="3"] {
  background: var(--sdg-3);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="4"], body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="4"], body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="4"], body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="4"] {
  background: var(--sdg-4);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="5"], body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="5"], body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="5"], body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="5"] {
  background: var(--sdg-5);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="6"], body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="6"], body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="6"], body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="6"] {
  background: var(--sdg-6);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="7"], body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="7"], body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="7"], body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="7"] {
  background: var(--sdg-7);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="8"], body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="8"], body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="8"], body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="8"] {
  background: var(--sdg-8);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="9"], body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="9"], body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="9"], body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="9"] {
  background: var(--sdg-9);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="10"], body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="10"], body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="10"], body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="10"] {
  background: var(--sdg-10);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="11"], body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="11"], body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="11"], body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="11"] {
  background: var(--sdg-11);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="12"], body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="12"], body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="12"], body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="12"] {
  background: var(--sdg-12);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="13"], body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="13"], body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="13"], body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="13"] {
  background: var(--sdg-13);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="14"], body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="14"], body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="14"], body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="14"] {
  background: var(--sdg-14);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="15"], body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="15"], body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="15"], body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="15"] {
  background: var(--sdg-15);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="16"], body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="16"], body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="16"], body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="16"] {
  background: var(--sdg-16);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="17"], body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="17"], body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .type span[data~="17"], body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .type span[data~="17"] {
  background: var(--sdg-17);
}
body.path-posts .content-area-wrapper .main-content .views-row .bloginfo .details, body.path-posts .content-area-wrapper .main-content .views-row .blogdetails .details, body.path-blog .content-area-wrapper .main-content .views-row .bloginfo .details, body.path-blog .content-area-wrapper .main-content .views-row .blogdetails .details {
  display: flex;
  gap: 0.5em;
  /* justify-content: start; */
  align-items: center;
}
body.path-posts .content-area-wrapper .main-content .views-row .newsdate, body.path-posts .content-area-wrapper .main-content .views-row .author, body.path-blog .content-area-wrapper .main-content .views-row .newsdate, body.path-blog .content-area-wrapper .main-content .views-row .author {
  font-size: 0.8rem;
}
body.path-posts .content-area-wrapper .main-content .views-row .newsdate a, body.path-posts .content-area-wrapper .main-content .views-row .author a, body.path-blog .content-area-wrapper .main-content .views-row .newsdate a, body.path-blog .content-area-wrapper .main-content .views-row .author a {
  color: var(--accent-color);
  font-size: 0.8rem;
}
body.path-posts .content-area-wrapper .main-content .views-row .newsdate a:hover, body.path-posts .content-area-wrapper .main-content .views-row .author a:hover, body.path-blog .content-area-wrapper .main-content .views-row .newsdate a:hover, body.path-blog .content-area-wrapper .main-content .views-row .author a:hover {
  color: var(--first-color);
}
body.path-posts .content-area-wrapper .main-content .views-row .newsbody, body.path-blog .content-area-wrapper .main-content .views-row .newsbody {
  font-size: 0.89rem;
  line-height: 1.5em;
  color: var(--text-color-light);
  margin-top: 0.5em;
}

.node--type-directorates article .node__content {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-template-rows: 10fr 1fr 1fr;
  gap: 1em;
}
.node--type-directorates article .node__content .field--name-field-photo {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
  padding-top: 1em;
}
.node--type-directorates article .node__content .field--name-field-place-of-birth {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
  font-weight: bold;
  color: var(--accent-color);
}
.node--type-directorates article .node__content .field--name-body {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: -1;
}
.node--type-directorates .region-featured-bottom-first {
  max-width: 69em;
  width: calc(100% - 3rem);
  margin: 0 auto;
}
.node--type-directorates .region-featured-bottom-first .view-blog {
  display: flex;
  gap: 2em;
  padding-top: 2em;
}
@media all and (min-width: 769px) {
  .node--type-directorates .region-featured-bottom-first .view-blog {
    flex-direction: column;
  }
}
.node--type-directorates .region-featured-bottom-first .view-blog .authorandstatsrow.views-row {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media all and (min-width: 769px) {
  .node--type-directorates .region-featured-bottom-first .view-blog .authorandstatsrow.views-row {
    flex-direction: row;
    gap: 1.6em;
  }
}
.node--type-directorates .region-featured-bottom-first .view-blog .authorandstatsrow.views-row .newsimg {
  overflow: hidden;
  width: 100%;
  flex: 1 1 35%;
}
.node--type-directorates .region-featured-bottom-first .view-blog .authorandstatsrow.views-row .newsimg:hover img {
  transform: scale(1.3) rotate(5deg);
}
.node--type-directorates .region-featured-bottom-first .view-blog .authorandstatsrow.views-row .newsimg img {
  transition: all 0.3s;
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
  height: auto;
}
.node--type-directorates .region-featured-bottom-first .view-blog .authorandstatsrow.views-row .blogdetails {
  flex: 1 1 65%;
  display: flex;
  flex-direction: column;
  gap: 0.3em;
}
.node--type-directorates .region-featured-bottom-first .view-blog .authorandstatsrow.views-row .blogdetails .bloginfo {
  flex-direction: row;
  align-items: center;
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .newstitle {
  font-size: clamp(1.1rem, 5vw, 0.9rem);
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  color: var(--first-color);
  font-family: "Rubik", sans-serif;
  min-height: 2.8em;
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetail {
  padding: 0.5em 0;
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails {
  display: flex;
  flex-direction: column;
  gap: 0.4em;
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo span, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails span {
  font-size: 0.5em;
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type {
  text-transform: uppercase;
  color: var(--body-color);
  display: flex;
  gap: 0.5em;
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span {
  padding: 0 3px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  max-width: 120px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  background: var(--first-color);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span a, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span a {
  color: var(--body-color);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span a:hover, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span a:hover {
  color: var(--text-color-light);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span.Macroeconomics, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span.Governance, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span.Macroeconomics, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span.Governance {
  background: var(--theme-1);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span.Private, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span.Finance, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span.Private, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span.Finance {
  background: var(--theme-2);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span.Data, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span.statstics, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span.Data, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span.statstics {
  background: var(--theme-3);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span.Technology, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span.Climate, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span.Natural, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span.Technology, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span.Climate, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span.Natural {
  background: var(--theme-4);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span.Poverty, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span.Inequality, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span.Social, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span.Poverty, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span.Inequality, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span.Social {
  background: var(--theme-5);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span.Economic, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span.Planning, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span.Economic, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span.Planning {
  background: var(--theme-6);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span.Subregional, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span.Subregional {
  background: var(--theme-7);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span.Gender, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span.Empowerment, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span.Gender, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span.Empowerment {
  background: var(--theme-8);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span.Regionl, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span.Trade, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span.Regionl, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span.Trade {
  background: var(--theme-9);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span[data~="1"], .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span[data~="1"] {
  background: var(--sdg-1);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span[data~="2"], .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span[data~="2"] {
  background: var(--sdg-2);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span[data~="3"], .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span[data~="3"] {
  background: var(--sdg-3);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span[data~="4"], .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span[data~="4"] {
  background: var(--sdg-4);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span[data~="5"], .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span[data~="5"] {
  background: var(--sdg-5);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span[data~="6"], .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span[data~="6"] {
  background: var(--sdg-6);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span[data~="7"], .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span[data~="7"] {
  background: var(--sdg-7);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span[data~="8"], .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span[data~="8"] {
  background: var(--sdg-8);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span[data~="9"], .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span[data~="9"] {
  background: var(--sdg-9);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span[data~="10"], .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span[data~="10"] {
  background: var(--sdg-10);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span[data~="11"], .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span[data~="11"] {
  background: var(--sdg-11);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span[data~="12"], .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span[data~="12"] {
  background: var(--sdg-12);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span[data~="13"], .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span[data~="13"] {
  background: var(--sdg-13);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span[data~="14"], .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span[data~="14"] {
  background: var(--sdg-14);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span[data~="15"], .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span[data~="15"] {
  background: var(--sdg-15);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span[data~="16"], .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span[data~="16"] {
  background: var(--sdg-16);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .type span[data~="17"], .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .type span[data~="17"] {
  background: var(--sdg-17);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .bloginfo .details, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .blogdetails .details {
  display: flex;
  gap: 0.5em;
  /* justify-content: start; */
  align-items: center;
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .newsdate, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .author {
  font-size: 0.8rem;
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .newsdate a, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .author a {
  color: var(--accent-color);
  font-size: 0.8rem;
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .newsdate a:hover, .node--type-directorates .region-featured-bottom-first .view-blog .views-row .author a:hover {
  color: var(--first-color);
}
.node--type-directorates .region-featured-bottom-first .view-blog .views-row .newsbody {
  font-size: 0.89rem;
  line-height: 1.5em;
  color: var(--text-color-light);
  margin-top: 0.5em;
}

body.path-quotes .view-quote-or-figure-of-the-day .quoterow {
  display: flex;
  flex-direction: column;
  padding: 3em;
  padding-bottom: 0;
}
body.path-quotes .view-quote-or-figure-of-the-day .quoterow .quotetxt {
  text-align: center;
  font-size: 35px;
  line-height: 1.2;
  font-family: "Crimson Pro", serif;
  font-style: italic;
  color: var(--first-color);
  margin-bottom: 1em;
}
body.path-quotes .view-quote-or-figure-of-the-day .quoterow .quotetxt::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  padding: 0 0.5em;
  font-weight: 900;
  content: "\f10d";
  font-size: 3rem;
  padding-right: 1em;
}
body.path-quotes .view-quote-or-figure-of-the-day .quoterow .quotetxt::after {
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  padding: 0 0.5em;
  font-weight: 900;
  content: "\f10e";
  font-size: 3rem;
  padding-right: 2em;
}
body.path-quotes .view-quote-or-figure-of-the-day .quoterow .quotesource {
  text-align: right;
  color: var(--accent-color);
  font-size: 1.25rem;
}
body.path-quotes .view-quote-or-figure-of-the-day .quoterow .quoteedit a {
  background: var(--accent-color-light);
  padding: 0.5em 1em;
}
body.path-quotes .view-quote-or-figure-of-the-day .quoterow .quoteedit a:hover {
  background: var(--first-color);
  color: var(--body-color);
}

body.path-blog .content-area-wrapper {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 2em;
  max-width: 69em;
  width: calc(100% - 3rem);
  margin: 0 auto;
}
body.path-blog .view-glossary {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
body.path-blog .view-glossary .attachment.attachment-before .view.view-glossary {
  display: flex;
  flex-direction: row !important;
  gap: 1em;
}
body.path-blog .view-glossary .rowwrapper {
  display: flex;
  gap: 2em;
  padding-top: 2em;
}
@media all and (min-width: 769px) {
  body.path-blog .view-glossary .rowwrapper {
    flex-direction: column;
  }
}
body.path-blog .view-glossary .rowwrapper .bloglistrow.views-row {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media all and (min-width: 769px) {
  body.path-blog .view-glossary .rowwrapper .bloglistrow.views-row {
    flex-direction: row;
    gap: 1.6em;
  }
}
body.path-blog .view-glossary .views-row .newstitle {
  font-size: clamp(1.1rem, 5vw, 0.9rem);
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  color: var(--first-color);
  font-family: "Rubik", sans-serif;
}
body.path-blog .view-glossary .views-row .blogdetails {
  padding: 0.5em 0;
}
body.path-blog .view-glossary .views-row .bloginfo {
  display: flex;
  gap: 0.4em;
  align-items: center;
}
body.path-blog .view-glossary .views-row .bloginfo span {
  font-size: 0.5em;
}
body.path-blog .view-glossary .views-row .newsdate, body.path-blog .view-glossary .views-row .author {
  font-size: 0.8rem;
}
body.path-blog .view-glossary .views-row .newsdate a, body.path-blog .view-glossary .views-row .author a {
  color: var(--accent-color);
  font-size: 0.8rem;
}
body.path-blog .view-glossary .views-row .newsdate a:hover, body.path-blog .view-glossary .views-row .author a:hover {
  color: var(--first-color);
}
body.path-blog .view-glossary .views-row .newsbody {
  font-size: 0.89rem;
  line-height: 1.5em;
  color: var(--text-color-light);
  margin-top: 0.5em;
}
body.path-blog .view-glossary .views-row .totalviews {
  font-size: 0.89rem;
  line-height: 1.5em;
  color: var(--text-color-light);
}

.path-our-team .content-area-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2em;
  padding-top: 3em;
  max-width: 69em;
  width: calc(100% - 3rem);
  margin: 0 auto;
}
.path-our-team .content-area-wrapper nav.tabs {
  padding: 2em 0;
}
.path-our-team .content-area-wrapper nav.tabs ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.path-our-team .content-area-wrapper nav.tabs ul li a.is-active {
  color: var(--accent-color);
}
.path-our-team .content-area-wrapper nav.tabs ul li a.is-active::after {
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  padding: 0 0.5em;
  font-weight: 900;
  content: "\f107";
}
.path-our-team .view-publications, .path-our-team .view-our-team {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2em;
  gap: 2em;
}
@media all and (min-width: 769px) {
  .path-our-team .view-publications, .path-our-team .view-our-team {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 2em;
  }
}
.path-our-team .view-publications .views-row, .path-our-team .view-publications .directoraterow.views-row, .path-our-team .view-our-team .views-row, .path-our-team .view-our-team .directoraterow.views-row {
  display: flex;
  flex-direction: column;
  gap: 0.7em;
}
.path-our-team .view-publications .views-row .pubimg img, .path-our-team .view-publications .views-row .directoratephoto img, .path-our-team .view-publications .directoraterow.views-row .pubimg img, .path-our-team .view-publications .directoraterow.views-row .directoratephoto img, .path-our-team .view-our-team .views-row .pubimg img, .path-our-team .view-our-team .views-row .directoratephoto img, .path-our-team .view-our-team .directoraterow.views-row .pubimg img, .path-our-team .view-our-team .directoraterow.views-row .directoratephoto img {
  width: 100%;
  height: auto;
}
.path-our-team .view-publications .views-row .pubtitle, .path-our-team .view-publications .views-row .name, .path-our-team .view-publications .directoraterow.views-row .pubtitle, .path-our-team .view-publications .directoraterow.views-row .name, .path-our-team .view-our-team .views-row .pubtitle, .path-our-team .view-our-team .views-row .name, .path-our-team .view-our-team .directoraterow.views-row .pubtitle, .path-our-team .view-our-team .directoraterow.views-row .name {
  font-size: clamp(1.1rem, 5vw, 0.9rem);
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  color: var(--first-color);
  font-family: "Rubik", sans-serif;
  margin: 0;
}
.path-our-team .view-publications .views-row .pub.date, .path-our-team .view-publications .views-row .position, .path-our-team .view-publications .directoraterow.views-row .pub.date, .path-our-team .view-publications .directoraterow.views-row .position, .path-our-team .view-our-team .views-row .pub.date, .path-our-team .view-our-team .views-row .position, .path-our-team .view-our-team .directoraterow.views-row .pub.date, .path-our-team .view-our-team .directoraterow.views-row .position {
  font-size: 0.89rem;
  line-height: 1.5em;
  color: var(--text-color-light);
  font-size: 0.8rem;
}
.path-our-team .view-publications .views-row .pubtype, .path-our-team .view-publications .views-row .membership, .path-our-team .view-publications .directoraterow.views-row .pubtype, .path-our-team .view-publications .directoraterow.views-row .membership, .path-our-team .view-our-team .views-row .pubtype, .path-our-team .view-our-team .views-row .membership, .path-our-team .view-our-team .directoraterow.views-row .pubtype, .path-our-team .view-our-team .directoraterow.views-row .membership {
  font-size: 0.7rem;
}
.path-our-team .view-publications .views-row .pubtype a, .path-our-team .view-publications .views-row .membership a, .path-our-team .view-publications .directoraterow.views-row .pubtype a, .path-our-team .view-publications .directoraterow.views-row .membership a, .path-our-team .view-our-team .views-row .pubtype a, .path-our-team .view-our-team .views-row .membership a, .path-our-team .view-our-team .directoraterow.views-row .pubtype a, .path-our-team .view-our-team .directoraterow.views-row .membership a {
  color: var(--accent-color);
  font-weight: bold;
}
.path-our-team .view-publications .views-row .pubtype a:hover, .path-our-team .view-publications .views-row .membership a:hover, .path-our-team .view-publications .directoraterow.views-row .pubtype a:hover, .path-our-team .view-publications .directoraterow.views-row .membership a:hover, .path-our-team .view-our-team .views-row .pubtype a:hover, .path-our-team .view-our-team .views-row .membership a:hover, .path-our-team .view-our-team .directoraterow.views-row .pubtype a:hover, .path-our-team .view-our-team .directoraterow.views-row .membership a:hover {
  color: var(--first-color);
}
.path-our-team .view-publications .views-row .download a, .path-our-team .view-publications .directoraterow.views-row .download a, .path-our-team .view-our-team .views-row .download a, .path-our-team .view-our-team .directoraterow.views-row .download a {
  font-size: 0.85rem;
  text-transform: uppercase;
  font-weight: bold;
}
.path-our-team .view-publications .views-row .download a::before, .path-our-team .view-publications .directoraterow.views-row .download a::before, .path-our-team .view-our-team .views-row .download a::before, .path-our-team .view-our-team .directoraterow.views-row .download a::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  padding: 0 0.5em;
  font-weight: 900;
  content: "\f019";
  padding: 0;
  padding-right: 0.5em;
}
.path-our-team .view-publications .morelink, .path-our-team .view-our-team .morelink {
  text-align: right;
}
.path-our-team .view-publications .morelink a, .path-our-team .view-our-team .morelink a {
  color: var(--accent-color);
  text-transform: uppercase;
  font-size: 0.85rem;
  border: 0;
  letter-spacing: -0.5px;
}
.path-our-team .view-publications .morelink a:hover, .path-our-team .view-our-team .morelink a:hover {
  color: var(--first-color);
}
.path-our-team .view-publications .morelink a:hover::after, .path-our-team .view-our-team .morelink a:hover::after {
  color: var(--first-color);
}
.path-our-team .view-publications .morelink a::after, .path-our-team .view-our-team .morelink a::after {
  content: "\f101";
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  padding: 0 0.5em;
  font-weight: 900;
  font-size: 0.85rem;
  color: var(--accent-color);
}

.table-responsive table {
  width: 100%;
}
.table-responsive caption {
  font-size: clamp(1.1rem, 5vw, 0.9rem);
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  color: var(--first-color);
  font-family: "Rubik", sans-serif;
}

.path-authors h1.title {
  margin-bottom: 1em;
  padding-bottom: 1.5em;
}
.path-authors h1.title span {
  padding: 0 0 2px;
  color: var(--first-color);
  font-size: clamp(2rem, 5vw, 4rem);
  line-height: 1.2;
  margin: 0;
  font-weight: normal;
  font-family: "Rubik", sans-serif;
}
.path-authors .content-area-wrapper {
  max-width: 69em;
  width: calc(100% - 3rem);
  margin: 0 auto;
}
.path-authors .view-our-team.view {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
@media all and (min-width: 480px) {
  .path-authors .view-our-team.view {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2em;
  }
}
@media all and (min-width: 769px) {
  .path-authors .view-our-team.view {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 2em;
  }
}
.path-authors .view-our-team.view .directoraterow {
  display: flex;
  flex-direction: column;
  gap: 0.7em;
}
.path-authors .view-our-team.view .directoraterow .directoratephoto img {
  width: 100%;
  height: auto;
}
.path-authors .view-our-team.view .directoraterow .directoratename {
  font-size: clamp(1.1rem, 5vw, 0.9rem);
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  color: var(--first-color);
  font-family: "Rubik", sans-serif;
  margin: 0;
  font-size: 1.2rem;
}
.path-authors .view-our-team.view .directoraterow .directoratemembershp, .path-authors .view-our-team.view .directoraterow .directorateposition {
  font-size: 0.89rem;
  line-height: 1.5em;
  color: var(--text-color-light);
}

.field--name-field-blog-comment {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
.field--name-field-blog-comment .indented {
  padding-left: 2.5em;
}
.field--name-field-blog-comment form.comment-comment-form textarea, .field--name-field-blog-comment form.comment-comment-form input[name=name], .field--name-field-blog-comment form.comment-comment-form input[type=text] {
  width: 100%;
}
.field--name-field-blog-comment form.comment-comment-form .text-format-wrapper a {
  display: none;
}
.field--name-field-blog-comment form.comment-comment-form .filter-guidelines-item {
  display: none;
}
.field--name-field-blog-comment article.comment {
  background: var(--first-color-light);
  padding: 1em 1.5em;
  border-radius: 0.3em;
}
.field--name-field-blog-comment article.comment .comment__meta {
  display: flex;
  gap: 1.5em;
}
.field--name-field-blog-comment article.comment .comment__meta .comment__time {
  font-size: 0.8rem;
}
.field--name-field-blog-comment article.comment .comment__meta .comment__permalink {
  display: none;
}
.field--name-field-blog-comment article.comment .card {
  display: flex;
  flex-direction: column;
}
.field--name-field-blog-comment article.comment .card .card-block h3.card-title {
  font-weight: normal;
  padding-bottom: 0.5em;
}
.field--name-field-blog-comment article.comment .card .card-block .field--name-comment-body {
  font-size: 0.89rem;
  line-height: 1.5em;
  color: var(--text-color-light);
}
.field--name-field-blog-comment article.comment .card .card-block nav {
  padding-top: 1em;
}
.field--name-field-blog-comment article.comment .card .card-block nav ul.links {
  display: flex;
  gap: 2em;
}
.field--name-field-blog-comment article.comment .card .card-block nav ul.links li a {
  font-size: 0.8rem;
}

.path-frontpage .region-highlighted {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
.path-frontpage .featured-top.section-padding {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
@media all and (min-width: 769px) {
  .path-frontpage .featured-top.section-padding {
    flex-direction: row;
  }
  .path-frontpage .featured-top.section-padding .region-featured-top {
    flex: 1 1 46em;
  }
  .path-frontpage .featured-top.section-padding .region-featured-bottom-second {
    flex: 1 1 23em;
  }
}
.path-frontpage .featured-top.section-padding, .path-frontpage .quote-and-figure.section-padding, .path-frontpage .newsarticles,
.path-frontpage .featured-bottom-third.section-padding, .path-frontpage .section-footer-first.section-padding, .path-frontpage .sidebarsecond.section-padding {
  max-width: 69em;
  width: calc(100% - 3rem);
  margin: 0 auto;
}
.path-frontpage .featured-top, .path-frontpage .quote-and-figure, .path-frontpage .newsarticles, .path-frontpage .featured-bottom-third.section-padding, .path-frontpage .sidebarsecond.section-padding {
  padding: 3em 0;
}
.path-frontpage .region-sidebar-first {
  /*   background: rgb(150,185,255);
       background: linear-gradient(135deg, rgba(150,185,255,1) 0%, rgba(0,76,151,1) 35%, rgba(150,185,255,1) 100%);
  */
  background: url(../images/quote_bg.svg) no-repeat top left;
  background-size: contain;
  padding: clamp(1.75em, 5vw, 3em);
  border-radius: 0.75em;
}
.path-frontpage .region-sidebar-first h2.block-main-title {
  border: none;
  text-align: center;
  margin: 0;
  padding: 0;
  line-height: 1;
}
.path-frontpage .region-sidebar-first h2.block-main-title span {
  background: none;
  padding: 0 0 1em 0;
  color: white;
  font-size: clamp(1.75em, 5vw, 3em);
  margin: 0;
  text-transform: uppercase;
  font-family: "Rubik", sans-serif;
}
.path-frontpage .sidbarsecondbg .sidebarsecond .region-sidebar-second {
  display: flex;
  flex-direction: column;
  gap: 4em;
}
.path-frontpage .sidbarsecondbg .sidebarsecond .region-sidebar-second .block-views-blockdaily-covid-19-report-block-1 .block-main-title {
  border-bottom: none;
  margin-bottom: 1em;
  line-height: 1em;
  text-align: center;
}
.path-frontpage .sidbarsecondbg .sidebarsecond .region-sidebar-second .block-views-blockdaily-covid-19-report-block-1 .block-main-title span {
  background: none;
  padding: 0.2em 1em;
  color: var(--title-color);
  border: none;
  font-size: 2rem;
  margin: 0;
  text-transform: uppercase;
}
.path-frontpage .sidbarsecondbg .sidebarsecond .region-sidebar-second .block-views-blockimportant-covid-19-external-links-block-1 .block-main-title {
  border-bottom: none;
  margin-bottom: 1em;
  line-height: 1em;
  text-align: center;
}
.path-frontpage .sidbarsecondbg .sidebarsecond .region-sidebar-second .block-views-blockimportant-covid-19-external-links-block-1 .block-main-title span {
  background: none;
  padding: 0.2em 1em;
  color: var(--title-color);
  border: none;
  font-size: 1.25rem;
  margin: 0;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 1.5em;
}
.path-frontpage .blogsubscription {
  background: var(--first-color-light);
  margin-top: 3em;
}
.path-frontpage .blogsubscription .featured-bottom-third.section-padding {
  background: url(../images/eca_ideas.png) no-repeat left 1.5em transparent;
  background-size: 180px;
}
.path-frontpage .blogsubscription .region-featured-bottom-third {
  width: 100%;
}
.path-frontpage .blogsubscription .region-featured-bottom-third .block-main-title {
  border-bottom: none;
  margin-bottom: 1em;
  line-height: 1em;
  text-align: center;
}
.path-frontpage .blogsubscription .region-featured-bottom-third .block-main-title span {
  background: none;
  padding: 0.2em 1em;
  color: var(--first-color);
  border: none;
  font-size: 4rem;
  margin: 0;
  text-transform: uppercase;
}
.path-frontpage .blogsubscription .region-featured-bottom-third form {
  display: grid;
  grid-template-columns: 2fr 2fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0 2em;
}
.path-frontpage .blogsubscription .region-featured-bottom-third form .description.text-muted {
  display: none;
}
.path-frontpage .blogsubscription .region-featured-bottom-third form fieldset.form-item-field-name-0-value {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 2;
}
.path-frontpage .blogsubscription .region-featured-bottom-third form fieldset.form-item-field-name-0-value label {
  display: none;
}
.path-frontpage .blogsubscription .region-featured-bottom-third form fieldset.form-item-message {
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 4;
  font-size: 1.5rem;
  text-align: center;
  font-style: italic;
  padding-bottom: 1.5em;
}
.path-frontpage .blogsubscription .region-featured-bottom-third form fieldset.form-item-mail-0-value {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 2;
  grid-column-end: 3;
}
.path-frontpage .blogsubscription .region-featured-bottom-third form fieldset.form-item-mail-0-value label {
  display: none;
}
.path-frontpage .blogsubscription .region-featured-bottom-third form input.button.form-submit.form-control {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 3;
  grid-column-end: 4;
}
.path-frontpage .blogsubscription .region-featured-bottom-third .block-webform-block {
  display: flex;
  justify-content: center;
}
.path-frontpage .blogsubscription .region-featured-bottom-third form.webform-submission-post-subscription-form.webform-submission-post-subscription-add-form {
  display: grid;
  grid-template-columns: 2fr 2fr 1fr;
  grid-template-columns: 1fr 2fr 1fr;
  justify-items: center;
  padding-bottom: 2em;
  gap: 1.5em;
  width: 80%;
}
.path-frontpage .blogsubscription .region-featured-bottom-third form.webform-submission-post-subscription-form.webform-submission-post-subscription-add-form label {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
  background: none;
  color: white;
  font-size: clamp(1.75em, 5vw, 3em);
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
  font-family: "Rubik", sans-serif;
}
.path-frontpage .blogsubscription .region-featured-bottom-third form.webform-submission-post-subscription-form.webform-submission-post-subscription-add-form fieldset#edit-markup {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 3;
  font-size: 1.75rem;
  font-family: "Crimson Pro", serif;
  color: var(--body-color);
}
.path-frontpage .blogsubscription .region-featured-bottom-third form.webform-submission-post-subscription-form.webform-submission-post-subscription-add-form fieldset.form-item-name {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 3;
  grid-row-end: 4;
}
.path-frontpage .blogsubscription .region-featured-bottom-third form.webform-submission-post-subscription-form.webform-submission-post-subscription-add-form fieldset.form-item-email {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 3;
  grid-row-end: 4;
}
.path-frontpage .blogsubscription .region-featured-bottom-third form.webform-submission-post-subscription-form.webform-submission-post-subscription-add-form input.btnsubscribe {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 3;
  grid-row-end: 4;
}
.path-frontpage .blogsubscription .region-featured-bottom-third form.webform-submission-post-subscription-form.webform-submission-post-subscription-add-form input.btnsubscribe:hover {
  background-color: var(--first-color-light);
  color: var(--accent-color);
}

.page-wrapper {
  padding-bottom: 3em;
}

.page-node-412.path-node.node--type-page .blogsubscription {
  background: var(--first-color-light);
  margin-top: 3em;
}
.page-node-412.path-node.node--type-page .blogsubscription .featured-bottom-third.section-padding {
  background: url(../images/eca_ideas.png) no-repeat left 1.5em transparent;
  background-size: 180px;
  max-width: 69em;
  width: calc(100% - 3rem);
  margin: 0 auto;
  padding: 3em 0;
}
.page-node-412.path-node.node--type-page .blogsubscription .region-featured-bottom-third {
  width: 100%;
}
.page-node-412.path-node.node--type-page .blogsubscription .region-featured-bottom-third .block-main-title {
  border-bottom: none;
  margin-bottom: 1em;
  line-height: 1em;
  text-align: center;
}
.page-node-412.path-node.node--type-page .blogsubscription .region-featured-bottom-third .block-main-title span {
  background: none;
  padding: 0.2em 1em;
  color: var(--first-color);
  border: none;
  font-size: 4rem;
  margin: 0;
  text-transform: uppercase;
}
.page-node-412.path-node.node--type-page .blogsubscription .region-featured-bottom-third form {
  display: grid;
  grid-template-columns: 2fr 2fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0 2em;
}
.page-node-412.path-node.node--type-page .blogsubscription .region-featured-bottom-third form .description.text-muted {
  display: none;
}
.page-node-412.path-node.node--type-page .blogsubscription .region-featured-bottom-third form fieldset.form-item-field-name-0-value {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 2;
}
.page-node-412.path-node.node--type-page .blogsubscription .region-featured-bottom-third form fieldset.form-item-field-name-0-value label {
  display: none;
}
.page-node-412.path-node.node--type-page .blogsubscription .region-featured-bottom-third form fieldset.form-item-message {
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 4;
  font-size: 1.5rem;
  text-align: center;
  font-style: italic;
  padding-bottom: 1.5em;
}
.page-node-412.path-node.node--type-page .blogsubscription .region-featured-bottom-third form fieldset.form-item-mail-0-value {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 2;
  grid-column-end: 3;
}
.page-node-412.path-node.node--type-page .blogsubscription .region-featured-bottom-third form fieldset.form-item-mail-0-value label {
  display: none;
}
.page-node-412.path-node.node--type-page .blogsubscription .region-featured-bottom-third form input.button.form-submit.form-control {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 3;
  grid-column-end: 4;
}
.page-node-412.path-node.node--type-page .blogsubscription .region-featured-bottom-third .block-webform-block {
  display: flex;
  justify-content: center;
}
.page-node-412.path-node.node--type-page .blogsubscription .region-featured-bottom-third form.webform-submission-post-subscription-form.webform-submission-post-subscription-add-form {
  display: grid;
  grid-template-columns: 2fr 2fr 1fr;
  grid-template-columns: 1fr 2fr 1fr;
  justify-items: center;
  padding-bottom: 2em;
  gap: 1.5em;
  width: 80%;
}
.page-node-412.path-node.node--type-page .blogsubscription .region-featured-bottom-third form.webform-submission-post-subscription-form.webform-submission-post-subscription-add-form label {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
  background: none;
  color: white;
  font-size: clamp(1.75em, 5vw, 3em);
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
  font-family: "Rubik", sans-serif;
}
.page-node-412.path-node.node--type-page .blogsubscription .region-featured-bottom-third form.webform-submission-post-subscription-form.webform-submission-post-subscription-add-form fieldset#edit-markup {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 3;
  font-size: 1.75rem;
  font-family: "Crimson Pro", serif;
  color: var(--body-color);
}
.page-node-412.path-node.node--type-page .blogsubscription .region-featured-bottom-third form.webform-submission-post-subscription-form.webform-submission-post-subscription-add-form fieldset.form-item-name {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 3;
  grid-row-end: 4;
}
.page-node-412.path-node.node--type-page .blogsubscription .region-featured-bottom-third form.webform-submission-post-subscription-form.webform-submission-post-subscription-add-form fieldset.form-item-email {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 3;
  grid-row-end: 4;
}
.page-node-412.path-node.node--type-page .blogsubscription .region-featured-bottom-third form.webform-submission-post-subscription-form.webform-submission-post-subscription-add-form input.btnsubscribe {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 3;
  grid-row-end: 4;
}
.page-node-412.path-node.node--type-page .blogsubscription .region-featured-bottom-third form.webform-submission-post-subscription-form.webform-submission-post-subscription-add-form input.btnsubscribe:hover {
  background-color: var(--first-color-light);
  color: var(--accent-color);
}

.footerwebsite {
  background: url(../images/IdeasToAction-runner.jpg) repeat-x top left var(--first-color);
  background-size: contain;
  padding-top: 3em;
}

.content-area-wrapper {
  max-width: 69em;
  width: calc(100% - 3rem);
  margin: 0 auto;
}

.topbar {
  background: var(--first-color);
  padding: 0.5em;
}
.topbar .topheader.section-padding {
  max-width: 69em;
  width: calc(100% - 3rem);
  margin: 0 auto;
}
.topbar .topheader.section-padding .region.container.region-top-header-form {
  display: flex;
  justify-content: space-between;
}
.topbar .topheader.section-padding nav ul {
  display: flex;
  gap: 0.7em;
}
.topbar .topheader.section-padding nav ul li a {
  color: var(--body-color);
  text-transform: uppercase;
  font-size: 0.8rem;
}
.topbar .topheader.section-padding nav ul li a:hover {
  color: var(--container-color);
}

.tools {
  background: var(--first-color-light);
  padding: 0.2em 0;
  position: absolute;
  left: 0;
  right: 0;
}
@media all and (min-width: 769px) {
  .tools {
    top: 0;
  }
  .tools .region-footer-fifth {
    display: flex;
    gap: 2em;
    justify-content: flex-end;
  }
}
.tools ul {
  display: flex;
  gap: 1em;
}
.tools ul li.is-active a {
  color: var(--first-color);
}
.tools ul li a {
  color: var(--first-color);
  font-size: 0.85rem;
}
.tools ul li a:hover {
  color: var(--accent-color);
}

.footer-footer_third {
  background: var(--first-color-light);
  padding: 3em 0;
}
.footer-footer_third .region-footer-third {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media all and (min-width: 480px) {
  .footer-footer_third .region-footer-third {
    flex-direction: row;
  }
}
.footer-footer_third .region-footer-third h2 {
  font-family: "Rubik", sans-serif;
  padding-bottom: 1.5em;
  font-size: 1rem;
  text-transform: uppercase;
}
.footer-footer_third .region-footer-third nav ul:not(.contextual-links) {
  letter-spacing: 1px;
  display: flex;
  flex-direction: column;
  gap: 1em;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.footerwebsite {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.7em;
  font-size: 0.85rem;
  color: var(--body-color);
  padding: 4em 0 1em;
}
.footerwebsite .region-footer-fourth {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.7em;
}
.footerwebsite .region-footer-fourth ul:not(.contextual-links) {
  display: flex;
  gap: 1em;
}
.footerwebsite .region-footer-fourth ul:not(.contextual-links) li::after {
  content: "|";
  font-size: 0.7rem;
  padding-left: 1em;
}
.footerwebsite .region-footer-fourth ul:not(.contextual-links) li:last-child::after {
  display: none;
}
.footerwebsite a {
  color: var(--first-color);
}
.footerwebsite a:hover {
  color: var(--accent-color);
}

body.scrolled .to-top {
  width: 40px;
  height: 40px;
  position: fixed;
  right: 50px;
  background: var(--first-color);
  bottom: 20px;
  text-align: center;
  color: white;
  font-size: 16px;
  padding: 8px;
  cursor: pointer;
  border-radius: 5px;
  transition: 0.4s;
}
body.scrolled .to-top .to-top:hover {
  color: var(--accent-color);
}

header.header {
  padding: 1.8em 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
}
header.header .region-top-header {
  flex: 1 1 40%;
}
header.header .region.region-header {
  display: flex;
  align-items: center;
  flex: 1 1 60%;
}
header.header .region.region-header a.navbar-brand {
  width: 100%;
}
@media screen and (min-width: 769px) {
  header.header .region.region-header a.navbar-brand {
    width: 100%;
  }
}

.highlighted.section-bottom-padding {
  max-width: 69em;
  width: calc(100% - 3rem);
  margin: 0 auto;
  padding-bottom: 3em;
}

/*===== VARIABLES CSS =====*/
:root {
  --header-height: 6rem;
  --header-height-small: 4rem;
  /*========== Colors ==========*/
  --first-color: #004c97;
  --accent-color: #972e46;
  --first-color-light: #edf8fe;
  --accent-color-light: #ffcbd7;
  --title-color: #494C6F;
  --text-color: #464646;
  --text-color-light: #8F8A8A;
  --body-color: #FFFFFF;
  --container-color: rgba(255, 184, 140, .3);
  /*========== SDG Colors ==========*/
  --sdg-1: #eb1c2d;
  --sdg-2: #d3a029;
  --sdg-3: #279b48;
  --sdg-4: #c31f33;
  --sdg-5: #ef402b;
  --sdg-6: #00aed9;
  --sdg-7: #fdb713;
  --sdg-8: #8f1838;
  --sdg-9: #f36d25;
  --sdg-10: #e11484;
  --sdg-11: #f99d26;
  --sdg-12: #cf8d2a;
  --sdg-13: #48773e;
  --sdg-14: #007dbc;
  --sdg-15: #5dbb46;
  --sdg-16: #02558b;
  --sdg-17: #183668;
  /*========== Theme Colors ==========*/
  --theme-1: #df4848;
  --theme-2: #faa918;
  --theme-3: #85c240;
  --theme-4: #1cbaaf;
  --theme-5: #1a2c4e;
  --theme-6: #6a4561;
  --theme-7: #655a87;
  --theme-8: #4d78b5;
  --theme-9: #c1a265;
  /*========== Font and typography ==========*/
  --body-font: "Rubik", sans-serif;
  --biggest-font-size: 2rem;
  --h2-font-size: 1.25rem;
  --h3-font-size: 1.125rem;
  --normal-font-size: .938rem;
  --small-font-size: .813rem;
  /*========== Font weight ==========*/
  --font-semi-bold: 600;
  --font-bold: 700;
  /*========== Margenes ==========*/
  --mb-1: .5rem;
  --mb-2: 1rem;
  --mb-3: 1.5rem;
  --mb-4: 2rem;
  --mb-5: 2.5rem;
  --mb-6: 3rem;
  /*========== z index ==========*/
  --z-bottom: 10;
  --z-middle: 100;
  --z-top: 1000;
  /*========== Front Container Width ==========*/
  --big-container: 745px;
}
@media screen and (min-width: 769px) {
  :root {
    --biggest-font-size: 3rem;
    --h2-font-size: 1.75rem;
    --h3-font-size: 1.25rem;
    --normal-font-size: 1rem;
    --small-font-size: .875rem;
  }
}

/*========== BASE ==========*/
*, ::before, ::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

/*========== Variables Dark theme ==========*/
body.dark-theme {
  --first-color-send: #161212;
  --title-color: #F3F1F1;
  --text-color: #D1C7C8;
  --body-color: #251D1E;
  --container-color: #302728;
}

#preloader {
  background: url(../images/preloader_red.gif) no-repeat center center var(--first-color);
  height: 100%;
  background-size: 250px;
  position: fixed;
  width: 100%;
  z-index: 9999999;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  overflow-y: hidden;
}

.loading {
  overflow: hidden;
}

#preloader > img {
  display: none;
}

body {
  margin: 0 0 0 0;
  font-family: var(--body-font);
  font-size: var(--normal-font-size);
  background-color: var(--body-color);
  color: var(--text-color);
  line-height: 1.6;
}

h1, h2, h3, ul, p {
  margin: 0;
}

h1, h2, h3 {
  font-weight: var(--font-semi-bold);
  color: var(--title-color);
}

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

a {
  text-decoration: none;
  color: var(--first-color);
}
a:hover {
  color: var(--accent-color);
}

nav.tabs {
  text-transform: uppercase;
  font-size: 0.85em;
  padding: 2em 0 0;
}
nav.tabs ul {
  display: flex;
  gap: 2em;
}

.l-main {
  overflow: hidden;
}

.content-main-wrapper, .header.region.container {
  max-width: 69em;
  width: calc(100% - 3rem);
  margin: 0 auto;
}

.l-header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-fixed);
  background-color: var(--body-color);
}

h1.title {
  margin-bottom: 1em;
}
h1.title span {
  padding: 0 0 2px;
  color: var(--first-color);
  font-size: clamp(1.75rem, 5vw, 3rem);
  line-height: 1.2;
  margin: 0;
  font-weight: normal;
  font-family: "Rubik", sans-serif;
}

h2.block-main-title {
  border-bottom: solid 2px var(--first-color);
  margin-bottom: 1em;
  line-height: 1em;
}
h2.block-main-title span {
  background: var(--first-color);
  padding: 0.2em 1em;
  color: var(--body-color);
  font-size: 1rem;
  margin: 0;
  text-transform: uppercase;
}

.pager ul {
  display: flex;
  gap: 1em;
  align-items: center;
  justify-content: center;
  padding: 1em;
}
.pager ul li.is-active a {
  background-color: var(--first-color);
  color: white;
  padding: 0.1em 0.5em;
}

ul.language-switcher-language-url li a {
  display: flex;
  gap: 0.5em;
  align-items: center;
  justify-items: center;
}
ul.language-switcher-language-url li a[hreflang=en]::after {
  background: url(../images/en_lang.jpg) no-repeat transparent;
  content: "";
  display: flex;
  width: 20px;
  height: 10px;
}
ul.language-switcher-language-url li a[hreflang=am]::after {
  content: "";
  display: flex;
  background: url(../images/am_lang.jpg) no-repeat transparent;
  width: 20px;
  height: 10px;
}

.search-block-form {
  padding: 0;
}
.search-block-form form {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0;
  gap: 2em;
}
.search-block-form form fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

.block-search {
  width: 0%;
}
.block-search #search {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 20;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
  transition: all 0.5s ease-in-out;
  transform: translate(0px, -100%) scale(0, 0);
  opacity: 0;
}
.block-search #search .innerbtn {
  padding-top: 20%;
}
.block-search #search.open {
  transform: translate(0px, 0px) scale(1, 1);
  opacity: 1;
}
.block-search #search input[type=search] {
  display: inline-block;
  background: rgba(0, 0, 0, 0);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 300;
  text-align: center;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: solid 3px var(--first-color);
  margin: 0px auto;
  padding: 0px;
  outline: none;
  color: var(--first-color);
  box-shadow: none;
}
.block-search #search input[type=search]:focus {
  box-shadow: none;
}
.block-search #search input[type=submit] {
  display: inline-block;
  padding: 15px;
  margin: 0;
  border: none;
  color: var(--body-color);
  background-color: var(--first-color);
  height: 50px;
  text-transform: uppercase;
}
.block-search #search input[type=submit]:hover {
  background-color: var(--accent-color);
}
.block-search #search .close {
  position: fixed;
  top: 15px;
  right: 15px;
  color: var(--body-color);
  background-color: var(--first-color);
  border-color: var(--first-color);
  opacity: 1;
  padding: 10px 17px;
  font-size: 27px;
}
.block-search #search .close:hover {
  background-color: var(--accent-color);
}

.rrssb {
  padding: 0 !important;
  font-size: var(--normal-font-size) !important;
}
.rrssb .rrssb-buttons {
  display: flex;
  flex-direction: column;
  gap: 2em;
  margin: 0;
  padding: 0;
  width: 100%;
  justify-content: center;
}
.rrssb .rrssb-buttons .rrssb-text {
  display: none;
}
.rrssb .rrssb-buttons li {
  width: 3em !important;
  height: 3em !important;
}
.rrssb .rrssb-buttons li a {
  background: none !important;
  display: flex;
}
.rrssb .rrssb-buttons li a .rrssb-icon {
  background-repeat: no-repeat;
}
.rrssb .rrssb-buttons li a .rrssb-text {
  color: transparent;
  width: 0px;
}
.rrssb .rrssb-buttons li.rrssb-facebook a {
  filter: invert(36%) sepia(9%) saturate(3160%) hue-rotate(172deg) brightness(70%) contrast(82%);
}
.rrssb .rrssb-buttons li.rrssb-email a {
  filter: invert(22%) sepia(19%) saturate(6378%) hue-rotate(320deg) brightness(67%) contrast(119%);
}
.rrssb .rrssb-buttons li.rrssb-twitter a {
  filter: invert(51%) sepia(53%) saturate(3688%) hue-rotate(165deg) brightness(101%) contrast(101%);
}
.rrssb .rrssb-buttons li.rrssb-linkedin a {
  filter: invert(26%) sepia(86%) saturate(4551%) hue-rotate(177deg) brightness(65%) contrast(101%);
}

table {
  border-collapse: collapse;
  margin: 25px 0;
  font-size: 0.9em;
  font-family: sans-serif;
  min-width: 400px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

thead tr {
  background-color: var(--first-color);
  color: #ffffff;
  text-align: left;
}

table th,
table td {
  padding: 12px 15px;
}

table tbody tr {
  border-bottom: 1px solid #dddddd;
}

table tbody tr:nth-of-type(even) {
  background-color: #f3f3f3;
}

table tbody tr:last-of-type {
  border-bottom: 2px solid var(--first-color);
}

table tbody tr:hover {
  background-color: var(--first-color-light);
}

ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

a:focus, a:active {
  text-decoration: none;
  outline: none;
  transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
}

input, textarea {
  outline: none;
  appearance: unset !important;
  -moz-appearance: unset !important;
  -webkit-appearance: unset !important;
  -o-appearance: unset !important;
  -ms-appearance: unset !important;
}

select {
  outline: none;
  /*  appearance: unset !important;
    -moz-appearance: unset !important;
    -webkit-appearance: unset !important;
    -o-appearance: unset !important;
    -ms-appearance: unset !important;*/
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  -o-appearance: none !important;
  -ms-appearance: none !important;
  margin: 0;
}

input:focus, select:focus, textarea:focus {
  outline: none;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important;
}

input[type=checkbox] {
  appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  -webkit-appearance: checkbox !important;
  -o-appearance: checkbox !important;
  -ms-appearance: checkbox !important;
}

input[type=radio] {
  appearance: radio !important;
  -moz-appearance: radio !important;
  -webkit-appearance: radio !important;
  -o-appearance: radio !important;
  -ms-appearance: radio !important;
}

input[type=number] {
  -moz-appearance: textfield !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

input:-webkit-autofill {
  box-shadow: 0 0 0 30px transparent inset;
  -moz-box-shadow: 0 0 0 30px transparent inset;
  -webkit-box-shadow: 0 0 0 30px transparent inset;
  -o-box-shadow: 0 0 0 30px transparent inset;
  -ms-box-shadow: 0 0 0 30px transparent inset;
}

input, select {
  display: block;
  border: 1px solid var(--first-color-light);
  padding: 11px 20px;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 13px;
}

input:focus, select:focus {
  border: 1px solid var(--first-color);
}

label {
  font-size: 0.85rem;
  text-transform: uppercase;
  margin-bottom: 2px;
  display: block;
}

input[type=radio] {
  position: absolute;
  visibility: hidden;
}

input[type=radio]:checked ~ .check {
  border: 1px solid var(--first-color-light);
}

input[type=radio]:checked ~ .check::before {
  background: var(--first-color-light);
}

select {
  /*  appearance: none !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    -o-appearance: none !important;
    -ms-appearance: none !important;*/
  position: relative;
  background: 0 0;
  z-index: 10;
  cursor: pointer;
}

.form-submit {
  width: 140px;
  height: 40px;
  display: inline-block;
  margin: 0;
  font-weight: 400;
  font-size: 0.85rem;
  padding: 10px;
  border: none;
  cursor: pointer;
  background: var(--first-color);
  color: var(--body-color);
}
.form-submit:hover {
  background: var(--accent-color);
}

#reset {
  background: #f8f8f8;
  color: #999;
  margin-right: 8px;
}

#reset:hover {
  background: var(--accent-color);
  color: #fff;
}

#submit {
  background: var(--first-color);
  color: #fff;
}

#submit:hover {
  background-color: #cd5300;
}

.form-row {
  display: flex;
  flex-direction: column;
  padding: 2em 0;
}
@media all and (min-width: 769px) {
  .form-row {
    flex-direction: row;
  }
}

fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

.menuToggle {
  position: relative;
  width: 40px;
  height: 40px;
  background: url(../images/menu.png) no-repeat center;
  background-size: 30px;
  cursor: pointer;
  filter: invert(1);
}

.menuToggle.active {
  background: url(../images/close.png) no-repeat center;
  background-size: 25px;
}

.region-top-header.active {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 94px;
  left: 0;
  right: 0;
  padding: 2em;
  background: var(--first-color);
  z-index: var(--z-top);
}

nav.menu--main.active {
  order: 1;
  border-bottom: solid 2px var(--first-color);
  padding-bottom: 1em;
}

nav.menu--secondary-main-menu.active {
  order: 2;
  padding-top: 1em;
}

nav.menu--main.active, nav.menu--secondary-main-menu.active {
  display: block;
  position: relative;
}
nav.menu--main.active ul, nav.menu--secondary-main-menu.active ul {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(100% - 115px);
  align-items: center;
  z-index: var(--z-top);
}
nav.menu--main.active ul li a, nav.menu--secondary-main-menu.active ul li a {
  font-size: 1.4rem;
  font-weight: 300;
  color: var(--body-color);
}

@media screen and (min-width: 769px) {
  .menuToggle {
    display: none;
  }

  header nav.menu--main, .topbar nav.menu--main {
    order: 2;
    display: flex;
    justify-content: flex-end;
  }
  header nav.menu--main a, .topbar nav.menu--main a {
    text-transform: uppercase;
    color: var(--first-color);
  }
  header nav.menu--secondary-main-menu, .topbar nav.menu--secondary-main-menu {
    display: flex;
    justify-content: flex-end;
  }
  header nav.menu--secondary-main-menu a, .topbar nav.menu--secondary-main-menu a {
    text-transform: capitalize;
  }
  header .menu--main, header .menu--secondary-main-menu, .topbar .menu--main, .topbar .menu--secondary-main-menu {
    display: flex;
  }
  header .menu--main ul:not(.contextual-links), header .menu--secondary-main-menu ul:not(.contextual-links), .topbar .menu--main ul:not(.contextual-links), .topbar .menu--secondary-main-menu ul:not(.contextual-links) {
    display: flex;
    flex-direction: row;
  }
  header .menu--main ul:not(.contextual-links) li, header .menu--secondary-main-menu ul:not(.contextual-links) li, .topbar .menu--main ul:not(.contextual-links) li, .topbar .menu--secondary-main-menu ul:not(.contextual-links) li {
    flex: 1 1 auto;
    text-align: center;
    padding: 0.5em 1em;
  }
  header .menu--main ul:not(.contextual-links) li:last-child, header .menu--secondary-main-menu ul:not(.contextual-links) li:last-child, .topbar .menu--main ul:not(.contextual-links) li:last-child, .topbar .menu--secondary-main-menu ul:not(.contextual-links) li:last-child {
    padding-right: 0;
  }
  header .menu--main ul:not(.contextual-links) li a, header .menu--secondary-main-menu ul:not(.contextual-links) li a, .topbar .menu--main ul:not(.contextual-links) li a, .topbar .menu--secondary-main-menu ul:not(.contextual-links) li a {
    color: var(--accent-color);
    font-size: 0.8rem;
    letter-spacing: 0.025em;
  }
  header .menu--main ul:not(.contextual-links) li a.is-active, header .menu--secondary-main-menu ul:not(.contextual-links) li a.is-active, .topbar .menu--main ul:not(.contextual-links) li a.is-active, .topbar .menu--secondary-main-menu ul:not(.contextual-links) li a.is-active {
    color: var(--text-color-light);
  }
  header .menu--main ul:not(.contextual-links) li a:hover, header .menu--secondary-main-menu ul:not(.contextual-links) li a:hover, .topbar .menu--main ul:not(.contextual-links) li a:hover, .topbar .menu--secondary-main-menu ul:not(.contextual-links) li a:hover {
    color: var(--first-color);
  }
  header .menu--main ul:not(.contextual-links) li:hover ul, header .menu--secondary-main-menu ul:not(.contextual-links) li:hover ul, .topbar .menu--main ul:not(.contextual-links) li:hover ul, .topbar .menu--secondary-main-menu ul:not(.contextual-links) li:hover ul {
    visibility: visible;
    opacity: 1;
    top: 2rem;
  }
  header .menu--main ul:not(.contextual-links) li ul, header .menu--secondary-main-menu ul:not(.contextual-links) li ul, .topbar .menu--main ul:not(.contextual-links) li ul, .topbar .menu--secondary-main-menu ul:not(.contextual-links) li ul {
    position: absolute;
    top: 3em;
    visibility: hidden;
    opacity: 0;
    transition: top 0.3s;
  }
  header .menu--main ul:not(.contextual-links) li ul li, header .menu--secondary-main-menu ul:not(.contextual-links) li ul li, .topbar .menu--main ul:not(.contextual-links) li ul li, .topbar .menu--secondary-main-menu ul:not(.contextual-links) li ul li {
    position: relative;
    margin: 0;
    display: list-item;
    width: 150px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.3);
  }
  header .menu--secondary-main-menu li, .topbar .menu--secondary-main-menu li {
    padding: 0 1em !important;
  }
}/*# sourceMappingURL=style.css.map */