/* Add your css code here */
/*
Variable Definitions:
  --r-bg: #fff
  --r-tx: Sets the text color.
  --r-h1: Sets the color for h1, h2, and h3 headings.
  --r-lk: Sets the link text color.
  --r-lk-h: Sets the hover color for link text.
  --r-br: Sets the border color.
  --r-bg-fr: Sets the background color for input forms.
  --r-tx-lk: Sets the menu link text color.
  --r-tx-lk-h: Sets the hover color for menu link text.
  --r-bg-lk: Sets the background color for menu links.
  --r-bg-lk-h: Sets the hover background color for menu links.
  --r-tx-bt: Sets the button text color.
  --r-tx-bt-h: Sets the hover color for button text.
  --r-bg-bt: Sets the button background color.
  --r-bg-bt-h: Sets the hover background color for buttons.
*/

/*
Regions Names, each region has an ID and a Class with the same name.
You can use .page-wrapper or #page-wrapper
#page-wrapper {}
#primary-sidebar-menu {}
#fixed-search-block {}
#popup-login-block {}
#header {}
#primary-menu {}
#welcome-text {}

#top-container {}
#top-box-first {}
#top-box-second {}
#top-box-third {}

#system-messages {}
#breadcrumb {}
#page-title {}

#main-container {}
#sidebar-box-first {}
#sidebar-box-main {}
#sidebar-box-second {}

#bottom-container {}
#bottom-box-first {}
#bottom-box-second {}
#bottom-box-third {}
#bottom-box-fourth {}

#footer-container {}
#footer-box-first {}
#footer-box-second {}
#footer-box-third {}

#footer-menu {}
#copyright {}

Examples:

#page-wrapper {
  background-color: var(--r-bg);
  color: var(--r-tx);
  border-color: var(--r-br);
}

h1, h2, h3 {
  color: var(--r-h1);
}

a:not(li.nav__menu-item a) {
  color: var(--r-lk);
  color: var(--r-lk-h);
}

input:not(.button) {
  background-color: var(--r-bg-fr);
}

li.nav__menu-item a {
  color: var(--r-tx-lk);
  background-color: var(--r-bg-lk);
}

li.nav__menu-item a:hover {
  color: var(--r-tx-lk-h);
  background-color: var(--r-bg-lk-h);
}

button:not(li.nav__menu-item button) {
  color: var(--r-tx-bt);
  background-color: var(--r-bg-bt);
}

button:not(li.nav__menu-item button):hover {
  color: var(--r-tx-bt-h);
  background-color: var(--r-bg-bt-h);
}
https://www.drupal.org/docs/extending-drupal/themes/contributed-themes/solo/instructions-for-developers-on-using-colors-in-solo-theme
*/

/****************************************************************
                      Fullscreen loader 
****************************************************************/

#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff; /* Background color */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; /* Ensure it appears above everything else */
}

/* Loader design */
.loader {
  width: 8px;
  height: 40px;
  border-radius: 4px;
  display: block;
  margin: 20px auto;
  position: relative;
  background: currentColor;
  color: var(--green); /* Green color */
  box-sizing: border-box;
  animation: animloader 0.3s 0.3s linear infinite alternate;
}

.loader::after, .loader::before {
  content: '';
  width: 8px;
  height: 40px;
  border-radius: 4px;
  background: currentColor;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  box-sizing: border-box;
  animation: animloader 0.3s  0.45s linear infinite alternate;
}

.loader::before {
  left: -20px;
  animation-delay: 0s;
}

@keyframes animloader {
  0%   { height: 48px; } 
  100% { height: 4px; }
}


/* ******************************************************************** */

button:not(li.nav__menu-item button), .page-wrapper a.button {
  color: var(--white);
  background-color: var(--green);
}

button:not(li.nav__menu-item button):hover, .page-wrapper a.button:hover {
  color: var(--white) ;
  background-color: var(--brown);
  box-shadow: none;
}

:root {
  --black: #1D1D1B;
  --white: #fff;
  --green: rgba(14, 171, 75, 1);
  --brown: rgba(232, 193, 106, 1);
  --grey: #F2F2F2;
  --border: #D7D5D5;
  --bluish: #0B162C
}

html {
  scroll-behavior: smooth;
}


html, body {
	overflow-x: hidden !important;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
  font-family: "Poppins", sans-serif;
}

h2{
  font-size: 2.67em;
  margin-bottom: 30px;
font-weight: 700;
line-height: 60px !important;
text-align: inherit;
text-underline-position: from-font;
text-decoration-skip-ink: none;

}

body, p, a,li {
  font-size: 1em;
}


table.acbftable {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  border: 1px solid rgba(14, 171, 75, 1);
}

table.acbftable th {
  background-color: rgba(14, 171, 75, 1);
  color: white;
  padding: 10px;
  border: 1px solid rgba(14, 171, 75, 1);
  text-align: left;
}

table.acbftable td {
  padding: 10px;
  border: 1px solid rgba(14, 171, 75, 0.4);
}

table.acbftable tbody tr:nth-child(odd) {
  background-color: #fdfaf3; /* Light neutral */
}

table.acbftable tbody tr:nth-child(even) {
  background-color: rgba(232, 193, 106, 0.2); /* Light gold tone */
}



.page-wrapper a:not(.nav__menu-link,.button,.site-name-link,.site-logo,h1 a,h2 a,h3 a) {
  color: var(--brown);
}

@font-face {
  font-family: 'acbficons';
  src: url('font/acbficons.eot?1376368');
  src: url('font/acbficons.eot?1376368#iefix') format('embedded-opentype'),
       url('font/acbficons.woff2?1376368') format('woff2'),
       url('font/acbficons.woff?1376368') format('woff'),
       url('font/acbficons.ttf?1376368') format('truetype'),
       url('font/acbficons.svg?1376368#acbficons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'acbficons';
    src: url('font/acbficons.svg?1376368#acbficons') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "acbficons";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-flag:before { content: '\e800'; } /* '' */
.icon-eye-arrow-progress:before { content: '\e801'; } /* '' */
.icon-iconmonstr-instagram:before { content: '\e802'; } /* '' */
.icon-iconmonstr-linkedin:before { content: '\e803'; } /* '' */
.icon-iconmonstr-quote-3-1:before { content: '\e804'; } /* '' */
.icon-arrow-circle-right-1:before { content: '\e805'; } /* '' */
.icon-arrow-circle-right:before { content: '\e806'; } /* '' */
.icon-angle-small-down:before { content: '\e807'; } /* '' */
.icon-mouse:before { content: '\e808'; } /* '' */
.icon-earth-americas:before { content: '\e809'; } /* '' */
.icon-interrogation:before { content: '\e80a'; } /* '' */
.icon-angle-small-right-1:before { content: '\e80b'; } /* '' */
.icon-angle-small-right:before { content: '\e80c'; } /* '' */
.icon-heart-partner-handshake:before { content: '\e80d'; } /* '' */
.icon-books:before { content: '\e80e'; } /* '' */
.icon-resources:before { content: '\e80f'; } /* '' */
.icon-button-arrow:before { content: '\e812'; } /* '' */
.icon-climate-change:before { content: '\e814'; } /* '' */
.icon-linearrow-right:before { content: '\e815'; } /* '' */
.icon-agri-business:before { content: '\e816'; } /* '' */
.icon-economic-development:before { content: '\e817'; } /* '' */
.icon-economic-social-governance:before { content: '\e818'; } /* '' */
.icon-special-programs:before { content: '\e819'; } /* '' */
.icon-linearrow-left:before { content: '\e81a'; } /* '' */
.icon-minus:before { content: '\e81d'; } /* '' */
.icon-plus:before { content: '\e81e'; } /* '' */



.page-wrapper, .solo-outer, .region-inner {
	background-color: var(--white);
}

/* Navigation */

.top-nav {
  display: flex;
  gap: 20px;
  justify-content: right;
}

.top-nav li {
  list-style: none;
}

.top-nav li a {
  color: var(--white) !important;
  font-size: 14px;
}

.page-wrapper.sw-1600 > .solo-outer > .solo-inner:not(.primary-sidebar-menu-inner, .page-node-type-pb-content .main-container-inner), #block-solo-subtheme-views-block-success-stories-block-1 {
	max-width: 90%;
  margin-left: auto;
  margin-right: auto;

}

.header-inner {
  align-items: center;
  padding: 1rem 0 !important;
  flex-wrap: nowrap;
}

#header,
#main-menubar li a, .page-wrapper li.nav__menu-item > button {
  background: white;
}


#highlighted {
  background: var(--green);
}

.top-nav li.menu {
  line-height: 1 !important;
}

@media(max-width: 600px){
  .top-nav li.menu a {
    font-size: 12px;
  }
}

/* Menu */

.solo-inner .navigation__default li:hover > ul.sub__menu {
	z-index: 99999;
}

.page-wrapper hr:not(.field hr), .page-wrapper ul:not(.field ul), .page-wrapper ul li:not(.field ul li), .page-wrapper table:not(.field table) {
	background-color: transparent !important;
}

button.en-link.dropdown-toggler.dropdown-toggler-parent {
  background: transparent;
}

#primary-menu-inner {
	display: flex !important;
	align-items: center;
	padding: 6px 0;
	gap: 15px;
}

#block-solo-subtheme-languageswitcher {
	width: unset;
}

#main-navigation-content {
	display: none;
}

.solo-button-menu.mobile-menubar-toggler-button {
	background: transparent !important;
}

.solo-clear.solo-menu.navigation-responsive.navigation-primary-responsive::before, .solo-clear.solo-menu.navigation-responsive.navigation-primary-responsive::after {
display: none;
}

#primary-menu .activate-branding.navigation-primary-responsive {
	display: flex;
	justify-content: space-between;
	gap: 5px;
	align-items: center;
}

@media(min-width:992px) {
  .menu-branding .menu-branding-logo img, .menu-branding .menu-branding-logo svg {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: auto;
    max-height: 80px;
    max-width: 300px;
  }
}

@media(max-width: 500px){

  #primary-menu-inner {
    display: flex;
    align-items: self-end;
    padding: 15px 0;
    gap: 15px;
    flex-direction: column-reverse;
  }
}

#main-menubar li > a.nav__menu-link {
	padding: 8px;
	font-size: 15px;
}

.toggler-icon.dropdown-arrow {
	margin: 0 !important;
}

#main-menubar .dropdown-toggler.dropdown-toggler-parent {
	width: unset;
	padding: 8px;
}

@media(max-width: 1345px){
  #main-menubar .dropdown-toggler.dropdown-toggler-parent {
    font-size: 14px;
  }
}

.en-link.dropdown-toggler.dropdown-toggler-parent:hover {
	background: transparent;
}

.solo-inner .navigation__megamenu > li.nav__menu-item > .dropdown-toggler, .solo-inner .navigation__menubar:not(.navigation__megamenu) li.nav__menu-item .dropdown-toggler {
	cursor: pointer !important;
}

.page-wrapper li.nav__menu-item > button:hover {
  background: transparent;
}


.support-btn.nav__menu-link {
	background: var(--green) !important;
	margin-left: 10px !important;
  transition: 500ms ease-in-out;
}

.support-btn.nav__menu-link:hover {
	background: var(--brown) !important;
}

.support-btn.nav__menu-link .menu__url-title {
	color: var(--white) !important;
	padding: 2px 10px;
}

/* Banners */
.banners-region img {
  width: 100%;
  height: 70vh;
  object-fit: cover;
}

.main-banner-con {
  position: relative;
}
.views-page.path-view-success-stories div#page-title,
.path-node-118 div#page-title,
.path-view-procurement-and-consultancies div#page-title,
.path-node-97 div#page-title,
.path-node-71 div#page-title,
.path-view-video-gallery div#page-title,
.path-view-features-stories div#page-title,
.path-view-photo-gallery div#page-title,
.path-view-events div#page-title,
.path-view-vacancies div#page-title,
.path-webform div#page-title,
.path-node-91 div#page-title,
.path-node-493 div#page-title,
.path-node-494 div#page-title,
.path-node-495 div#page-title,
.path-node-496 div#page-title,
.path-node-497 div#page-title,
.page-node-type-vacancies div#page-title,
.path-node-76 div#page-title,
.path-node-6 div#page-title,
.path-node-117 div#page-title,
.path-node-69 div#page-title,
.path-node-72 div#page-title,
.path-node-73 div#page-title,
.path-node-472 div#page-title,
.path-view-the-executive-board div#page-title,
.path-node-1 div#page-title {
  display: none !important;
}

.banner-content-main {
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
}


.banner-content-main h1 {
  /* display: inline-block; */
  /* background: rgba(232, 193, 106, 0.7); */
  /* padding: 10px 25px; */
  /* border-radius: 20px; */
  /* backdrop-filter: blur(12px); */
  color: white !important;
  /* text-align: center; */
  white-space: nowrap; 
  max-width: 100%; 
  min-width: 150px; 
  font-size: 30px;
}
.banner-content-title {
  position: absolute;
  top: -40px;
  left: 30px;
  z-index: 1;
}





.main-banner-con .banner-summary {
  position: relative;
  width: fit-content; /* Shrinks or expands based on content */
  min-width: 250px; /* Ensures it doesn’t get too small */
  max-width: 580px; 
  height: auto;
  min-height: 108px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(232, 193, 106, 0.75);
  padding: 15px 30px;
  text-align: start;
  background: var(--brown);
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  display: inline-block; /* Ensures it wraps around content */
  word-wrap: break-word; /* Prevents overflow issues */
  white-space: normal; /* Allows multi-line text */
  display: none;
}



/* Adjust for smaller screens */
@media (max-width: 768px) {
  /* .main-banner-con .banner-summary {
    width: 110%; 
    min-height: 90px; 
    padding: 30px 5px 10px;
  } */

  .main-banner-con img {
    height: 750px;
    object-fit: cover;
}
}

@media (max-width: 575px) {
.main-banner-con .banner-summary {
  max-width: unset;
  width: 80%;
  height: auto;
}
.banner-content-main {
  left: 0;
}
.banner-content-main h1 {
  font-size: 20px;
}
}


@media (max-width: 480px) {
  .main-banner-con .banner-summary {
    /* width: 95%; 
    min-height: 80px; */
    font-size: 14px; 
  }
  .banner-content-main h1 {
    font-size: 17px;
}
}

.main-banner-con .banner-summary p{
  color: rgba(255, 255, 255, 1);
}


@media(max-width: 600px){

  .banners-region img {
    width: 100%;
    height: 400px;
    object-fit: cover;
  }

  h1.page-title-text {
    font-size: 20px !important;
    line-height: 35px !important;
    font-weight: 500 !important;
  }



  .tabsbar .quicktabs-main {
    padding: unset !important;
  }
  .solo-outer .region-inner {
    padding: unset !important;
}

.views-field.views-field-field-project .field-content {
  font-size: 15px !important;
  font-weight: 500 !important;
}

.view-projects.view-id-projects .views-field.views-field-title a {
  font-size: 15px !important;
}

.infor-slider h2 {
  font-size: 25px !important;
  font-weight: 700 !important;
  line-height: 45px !important;
}

.views-label.views-label-field-project {
  font-size: 19px !important;
}

.infor-slider .slider-caption p {
  font-size: 21px !important;
  font-weight: 400 !important;
  line-height: 35px !important;
}

.view-grants .views-row {
  padding: 15px;
}

.menu-branding .menu-branding-logo img, .menu-branding .menu-branding-logo svg {
  width: 120px !important;
}

.view-photo-gallery .view-content {
  grid-template-columns: 1fr !important;
}

.banners-region .bog-slider-wrap img {
  width: unset !important;
  height: unset !important;

}

.bog-slider-wrap h2 {
  font-size: 20px !important;
  font-weight: 500 !important;
}

.path-node-5 .bog-slider-wrap h3 {
  font-weight: 400 !important;
  font-size: 15px !important;
}

.bog-partners {
  display: none !important;
}
.path-node-5 .solo-col, .page-wrapper, .solo-outer {
  display: block !important;
  margin-inline: auto;
  margin-block: 0;
}

.time-place {
  flex-direction: column;
}
.bog-buttons {
  align-items: unset !important;
  flex-direction: column;
}

}


/* Slider */

.image-slider img {
  position: relative;
  height: 85vh;
  object-fit: cover;
  width: 100%;
}

.infor-slider {
  position: absolute;
  top: 25%;
  left: 5%;
}

@media(min-width:600px){
  .infor-slider {
    width: 44%;
}
}

@media(min-width:1200px){
  .infor-slider {
    width: 50%;
    top: 20%;
}
}


/* #primary-menu-inner {
  max-width: 100%;
} */

#primary-menu-inner img {
	width: 100%;
}

.scroll-down {
  position: absolute;
  bottom: 5%;
  left: 5%;
}

.infor-slider h2 {
color: var(--white);
font-size: 2.11em;
font-weight: 700;
line-height: 57px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;

}

.infor-slider .slider-caption p {
	color: var(--white);
	font-size: 36px;
	font-style: italic;
	font-weight: 400;
	line-height: 54px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	margin-bottom: 10px;
}

.infor-slider .slider-caption p::before {
	content: "";
	width: 200px;
	left: 0;
	border-bottom: 5px solid;
	bottom: 0;
	position: absolute;
}

.scroll-down i {
	color: var(--white);
	font-style: normal;
}


/* Banner */

.banner-wrapper {
	position: relative;
}

#page-title {
	position: absolute;
	top: 50%;
	left:0%;
	/* transform: translate(-50%, -50%); */
	/* text-align: center; */
	background: transparent;
	color: var(--white);
  transform: translateY(-50%);
}



#page-title .page-title-text {
  color: var(--white);
}

.page-node-type-the-executive-board #page-title{

    position: relative;
    top: unset;
    left: unset;
    transform: unset;
    text-align: center;
    background: transparent;
    color: var(--black);

}

.path-who-we-are .ui-dialog.ui-widget.ui-widget-content.ui-front img.solo-image {
  float: left; 
  padding: 20px 25px 20px 20px;
  width: 40%;
  height: 400px;
  object-fit: contain;
}

.solo-clear.node__content {
  position: relative;
}
/* .field.field--name-field-position-.field--type-string.field--label-hidden.field__item {
  position: absolute;
  top: 0;
  right: 0%;
  width: 100%;
  max-width: 423px;
} */

.ui-dialog.ui-widget.ui-widget-content.ui-front {
  height: 87% !important;
  position: relative;
  width: 80% !important;
  left: 10% !important;
  /* overflow: hidden; */
}
.ui-dialog.ui-widget.ui-widget-content.ui-front::after {
  content: "";
  position: absolute;
  background:var(--green);
  height: 1px;
  width: 90%;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}

.ui-dialog .ui-dialog-title {
  font-size: 30px;
  position: relative !important;
  left: 231px !important;
	display: none;
}


.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  left: 50% !important;
  top: -30px !important;
  width: 80px !important;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 80px !important;
  transform: translateX(-50%) !important;
}



.ui-dialog .ui-dialog-titlebar {
  padding: 6.4em 0 1em !important;
  position: relative;
}
.ui-dialog .ui-dialog-content {
  padding: 0.5em 1em 12rem !important;
  /* overflow: auto !important; */
}
.field:not(:last-child) {
  color: var(--green) !important;
  /* font-size: 20px; */
}

/* .field.field--name-field-date-success-story.field--type-datetime.field--label-hidden.field__item {
    color: var(--green) !important;
} */
.ui-dialog.ui-widget.ui-widget-content.ui-front .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
  /* border-bottom: 1px solid var(--green); */
  /* padding: 0 0 20px;
  position: absolute;
  top: 40px;
  width: 100%;
  max-width: 380px;
  text-align: justify;
  right: 6%; */
}

.ui-dialog.ui-widget.ui-widget-content.ui-front .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p{
  color: var(--black);
  line-height: 25px;
}
.field.field--name-field-order.field--type-integer.field--label-visually_hidden {
  display: none;
}

.field.field--name-field-position-.field--type-string.field--label-hidden.field__item {
  font-size: 21px;
  line-height: 22px;
  padding-top: 3px;
  font-weight: 600;
}

div#drupal-modal{
  max-height: 80% !important;
  height: 100% !important;
}
.path-who-we-are .ui-dialog .ui-dialog-titlebar button:not(li.nav__menu-item button) {
  /* color: var(--white); */
  background-color: var(--green);
  border-radius: 50%;
  padding: 17px !important;
  border: none;
  box-shadow: 0 0 13px rgba(0, 0, 0, .38);
}

.ui-dialog.ui-widget.ui-widget-content.ui-front {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 3.2);
  padding: 0 0 30px ;
}
.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png");
  background-repeat: no-repeat;
  filter: brightness(0) invert(1) !important;
  display: none !important;
}

.ui-dialog-titlebar-close {
  position: relative; 
}

.ui-dialog-titlebar-close::after {
  content: ""; /* Required for pseudo-elements */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  background-image: url("./img/close-two.svg"); 
  filter: brightness(0) invert(1) !important;
  background-size: cover;  
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  z-index: 1;
}

.ui-widget-overlay {
  background: rgba(0,0,0,0.85)!important;
  opacity: 1 !important;
}
.ui-widget-header {
  border: 1px solid #dddddd;
  background: transparent !important;
  color: #333333;
  font-weight: bold;
}
/* .path-our-work #page-title, */
.path-view-success-stories .solo-outer .region-inner,
.path-view-success-stories div#main-container {
  background: #faefd8 !important;
  padding: 40px 0;
}

@media (max-width: 767px){
  .field.field--name-field-position-.field--type-string.field--label-hidden.field__item {
    position: unset;
    width: unset;
    max-width: unset;
}
.ui-dialog.ui-widget.ui-widget-content.ui-front .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
  position: unset;
  width: unset;
  max-width: unset;
}
.ui-dialog .ui-dialog-title {
  position: unset !important;
}
.ui-dialog .ui-dialog-content {
  overflow: auto !important;
}
.ui-dialog .ui-dialog-title {
  font-size: 20px;
  padding: 20px;
}
}

.solo-outer .region-inner{
  margin-top: -10px;
}
.path-node-495 .solo-outer .region-inner {
  margin-top: -90px;
}

@media (max-width: 600px) {
  .path-who-we-are .ui-dialog.ui-widget.ui-widget-content.ui-front img.solo-image {
    float: unset;
    padding: unset;
  }
}

.page-node-type-the-executive-board #page-title .page-title-text {
  color: var(--black);
}

.view-the-executive-board .views-field.views-field-title a {
	color: var(--black);
}

.view-the-executive-board .solo-clear.views-row {
	/* background: rgba(232, 193, 106, 0.75); */
	/* border-radius: 15px; */
	overflow: hidden;
  border: 1.5px solid #8e8d8a;
  padding: 0 20px;
  transition: border-color 0.3s ease;
}

.views-field.views-field-field-executive-image {
  position: relative; 
}

.views-field.views-field-field-executive-image::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 180%;
  border-bottom: 1.5px solid #8e8d8a;
  transform: translateX(-50%);
  transition: border-color 0.3s ease;
  z-index: 0;
}
.view-the-executive-board .solo-clear.views-row:hover{
  border: 1.5px solid var(--green);
}
.views-field.views-field-field-executive-image:hover::after {
  border-bottom-color: var(--green); /* Use the CSS variable or a valid color */
  border-bottom-width: 1.5px; /* Adjust border width */
  z-index: 1; /* Increase z-index on hover */
}



/* Body */

a.button, .recents-btn a.button {
	background-color: var(--green);
	color: white;
	padding: 15px 20px;
	margin-top: 20px;
	font-weight: 600;
}


/* Spacing between sections */

section#block-solo-subtheme-latest, section#block-solo-subtheme-howweareimpactingafrica, #block-solo-subtheme-views-block-features-stories-block-1, #block-solo-subtheme-views-block-testimonials-block-1 {
  margin-bottom: 5em;
}

/* *************************** */

.infor h2, #block-solo-subtheme-howweareimpactingafrica .solo-block-title {
  text-align: center;
}

#block-solo-subtheme-howweareimpactingafrica .solo-block-title {
  color: var(var(--r-h1, var(--r-tx)));
  margin-bottom: 40px;
}

.africa-content {
	display: grid;
	grid-template-columns: repeat(4, minmax(100px, 1fr));
	gap: 20px;

}

.africa-content .image img {
	width: 100%;
}

.africa-content .image {
  padding: 0 0 14px;
  border: 1px solid rgba(215, 213, 213, 1);
  background: var(--green);
  color: var(--white);
  text-align: center;
  font-size: 15px;
}

.africa-content .image p:last-child{
  padding: 0 15px;
}

.africa-content .image h4 {
  padding: 0 15px;
  font-weight: 600;
  text-align: center;
  min-height: 4.625em;
}

.africa-content p {
  font-size: 0.9em;
}


#system-messages {
  position: relative;
  padding: 60px 0;
  color: var(--black);
}
/* #system-messages::before {
	content: "" !important;
	background-image: url('../css/img/acbf-svg-map.svg');
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
} */

.acbf-map svg {
  width: 50%;
  height: 100%;
}

section#block-solo-subtheme-acbfataglance .content, section#block-solo-subtheme-acbfataglance h2.title{
  text-align: center;
}

.glance .countries {
  display: flex;
  gap: 10px;
}

.glance .countries li {
  color: var(--black);
}

.image-cover {
	position: relative;
}

.image-cover h2.title {
  font-family: Poppins;
  font-size: 80px;
  font-weight: 700;
  line-height: 80px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: var(--black);
}

.image-cover .content .subtitle {
	font-size: 20px;
	border-bottom: 1px solid #D7D5D5;
	/* max-width: 40%; */
	/* margin-right: auto; */
	/* margin-left: auto; */
	display: inline-block;
	margin-bottom: 60px;
	padding-bottom: 10px;
}

.map-flex {
  display: flex;
  gap: 10px;
}

.country-list {
  text-align: left;
  columns: 3;
  flex-basis: 50%;
}

.acbf-map {
  flex-basis: 60%;
}

.acbf-map svg {
  width: 100%;
}

.country-list p {
  margin-top: 0 !important;
  line-height: 1.4;
  font-size: 14px;
}


@media (max-width: 600px){
  .map-flex {
 flex-wrap: wrap;
  }

  .country-list, .acbf-map  {
    flex-basis: 100%;
  }



}

#block-solo-subtheme-views-block-success-stories-block-1 .solo-clear.views-row {
	border-bottom: 2px solid #D7D5D5;
	padding: 30px 0;
}

#block-solo-subtheme-views-block-success-stories-block-1 .solo-clear.views-row p {
	font-weight: 400;
	font-family: 'Poppins';
	font-size: 15px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
margin: 0;
}

#block-solo-subtheme-views-block-success-stories-block-1 .views-field.views-field-title a {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  text-align: left;
}


#block-solo-subtheme-views-block-success-stories-block-1 .field-content a {
	color: var(--brown);
}


#block-solo-subtheme-views-block-success-stories-block-1 .views-field.views-field-title a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	color: var(--black) !important;
	font-size: 20px !important;
	padding-top: 20px;
  transition: 300ms ease-in-out;
}

#block-solo-subtheme-views-block-success-stories-block-1 .views-field.views-field-title a:hover {
	color: var(--green);
}

#block-solo-subtheme-views-block-success-stories-block-1 .view-success-stories .field-content img {
	border-radius: 15px  15px 0 0;
}

#block-solo-subtheme-views-block-success-stories-block-1 .view-success-stories .owl-nav i {
	color: var(--green);
}

#block-solo-subtheme-views-block-success-stories-block-1 .view-success-stories .views-row {
  border-radius: 0px;
  min-height: 50px;
}

#block-solo-subtheme-views-block-success-stories-block-1 .view-success-stories .views-field.views-field-title, #block-solo-subtheme-views-block-success-stories-block-1 .view-success-stories .views-field.views-field-body, #block-solo-subtheme-views-block-success-stories-block-1 .view-success-stories .views-field.views-field-view-node  {
  padding: 18px 0;
}

#block-solo-subtheme-views-block-success-stories-block-1 .views-field.views-field-field-success-image {
  padding-bottom: 0px !important;
}


#block-solo-subtheme-views-block-success-stories-block-1 .views-field.views-field-title a {
  line-height: 30px;
  min-height: 80px;
}

#block-solo-subtheme-views-block-success-stories-block-1 .views-field.views-field-body .field-content {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* Limits to 3 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 125px;
}

.path-frontpage #block-solo-subtheme-views-block-success-stories-block-1 nav.pager, .path-frontpage .more-link.solo-clear.element-container-wrapper {
  display: none;
}


/* Testimonials */

#block-solo-subtheme-views-block-testimonials-block-1 .solo-clear.views-row{
  position: relative;
}

#block-solo-subtheme-views-block-testimonials-block-1 .solo-clear.views-row::before {
	content: "\e804";
	font-family: "acbficons";
	color: rgba(232, 193, 106, 0.75);
	font-size: 30px;
}

#block-solo-subtheme-views-block-testimonials-block-1 blockquote {
	margin: 40px 0 0;

}

.views-field.views-field-field-testimony-image img {
	height: 62px;
	border-radius: 50%;
	width: 62px !important;
	float: left;
	padding: 0px 2px;
	object-fit: cover;
	border: none;
	margin-right: 15px;
}

#block-solo-subtheme-views-block-testimonials-block-1 .views-field.views-field-title span {
	font-weight: 600 !important;
}

#block-solo-subtheme-views-block-testimonials-block-1 .owl-nav, #block-solo-subtheme-views-block-success-stories-block-1  .owl-nav {
	display: flex;
	position: absolute;
	top: -90px;
	right: 0;
	font-size: 40px;
}

@media (max-width: 614px) {
  #block-solo-subtheme-views-block-testimonials-block-1 .owl-nav {
    top: -112px !important;
    right: 0 !important;
}
}

#block-solo-subtheme-views-block-testimonials-block-1 {
	position: relative;
	/* min-height: 800px; */
	margin-bottom: 0;
	height: 100%;
	padding-bottom: 80px;
}

/* #block-solo-subtheme-views-block-testimonials-block-1::before {
  content: "" !important;
  background-image: url(/acbf/themes/solo/solo_subtheme/css/img/network.svg);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
} */

section#block-solo-subtheme-views-block-testimonials-block-1 h2 {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  /* padding-top: 390px; */
  z-index: 9;
  position: relative;
}

section#block-solo-subtheme-views-block-testimonials-block-1 .solo-clear.element-container-wrapper {
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;

}

#block-solo-subtheme-views-block-testimonials-block-1 .owl-nav {
	display: flex;
	position: absolute;
	/* top: -152px; */
	right: 0;
	font-size: 30px;
	background: var(--green);
	padding: 15px 5px 10px;
  border-radius: 10px;
}

#block-solo-subtheme-views-block-testimonials-block-1 .owl-nav .icon-linearrow-left, #block-solo-subtheme-views-block-testimonials-block-1 .owl-nav .icon-linearrow-right {
	background: white;
	border-radius: 5px;
	color: var(--green);
}

#block-solo-subtheme-views-block-testimonials-block-1 .owl-nav .icon-linearrow-left {
  
  margin-right: 30px;
  padding: 3px 15px 0 3px;
}

#block-solo-subtheme-views-block-testimonials-block-1 .icon-linearrow-left, #block-solo-subtheme-views-block-testimonials-block-1 .icon-linearrow-right {
	background: var(--white);
	border-radius: 5px;
}

#block-solo-subtheme-views-block-testimonials-block-1 .icon-linearrow-right {
  padding: 3px 15px 0 0;
}


/* Network */

section#block-solo-subtheme-networksvg, #block-solo-subtheme-keyachievements {
  max-width: 90%;
  margin-right: auto;
  margin-left: auto;
}

section#block-solo-subtheme-networksvg svg {
  width: 100%;
}

/* Footer 1 */

#block-solo-subtheme-becomeandsupport {
	background: var(--green);
	padding: 80px;
	color: var(--white);
	position: relative;
	overflow: hidden;
}

.support-container {
	display: flex;
  position: relative;
}

.support-container .support {
	flex-basis: 50%;
}

.support-container .support:first-child::after {
	content: " ";
	position: absolute;
	background-color: #ffffff;
	top: -100%;
	right: 50%;
  bottom: -100%;
	padding: 25% 0.5px;
}

.support-container .support:nth-child(2) {
  padding-left: 60px;
}

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

.support a.button {
  background-color: var(--white);
  color: var(--black) !important;
  padding: 15px 20px;
  margin-top: 20px;
  font-weight: 700;
}

.support a.button::after {
display: none;
}


/* Footer 2 */

div#footer-menu-inner {
  padding: 40px 0;
}

.solo-clear.footer-menu-second.fade-inner {
  display: flex;
  gap: 15px;
}

div#footer-menu {
  background: var(--white);
}

.solo-clear.footer-menu-second.fade-inner h2 {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}

div#copyright {
  background: var(--white);
  border-top: 1px solid var(--border);
}

.quick-links a {
	color: var(--black) !important;
}

.quick-links a:hover {
	color: var(--brown) !important;
}


/*  Mailchimp */

img.refferal_badge {
  display: none !important;
}

input#mc-embedded-subscribe {
  background: var(--green) !important;
  border-radius: 0 !important;
  padding: 10px 20px20px !important;
  height: unset !important;
}

#mc_embed_signup input {
  border: 1px solid var(--black);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0;
  box-shadow: none;
}

.mc-field-group {
	display: flex !important;
	align-items: center;
	align-self: center !important;
}

#mc_embed_signup .button {
	clear: both;
	/* background-color: #111; */
	border: 0 none;
	border-radius: 4px;
	transition: all 0.23s ease-in-out 0s;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	/* font-size: 15px; */
	font-weight: normal;
	/* height: 32px; */
	line-height: 0.8 !important;
	/* margin: 0 5px 10px 0; */
	padding: 0 22px;
	/* text-align: center; */
	text-decoration: none;
	vertical-align: top;
	white-space: nowrap;
	/* width: fit-content; */
	width: -moz-fit-content;
	margin-top: -13px;
	/* height: 100%; */
}

#mc_embed_signup .mc-field-group input#mc-embedded-subscribe {
	display: block;
	width: fit-content!important;
	padding: 8px 0;
	text-indent: inherit;
	border-radius: 0;
  margin-top: -10px !important;
}


#mc_embed_signup .mc-field-group input {
	text-indent: initial;
  border-radius: 0;
}

#mce-EMAIL {
	padding: 16px 10px !important;
}

#mc_embed_signup form {
	margin: 0 !important;
}

#mc_embed_signup {
	width: unset !important;
}

/* Board */

.view-the-executive-board .view-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 40px 20px;
}

.views-field.views-field-field-executive-image img {
  width: 100%;
  /* height: 300px; */
  object-fit: contain;
  object-position: top;
}

.views-field.views-field-field-position- .field-content {
	color: rgba(54, 54, 54, 1);
	padding: 0px 15px;
	font-size: 13px;
	line-height: 1.7;
	min-height: 50px;
}

.view-the-executive-board .views-field.views-field-title a {
	font-size: 18px;
	line-height: 36px;
	font-weight: 600;
	padding: 0 15px 0;
}
.views-field.views-field-field-position- {
	padding: 0 0 25px;
  text-align: center;
}

.view-the-executive-board .views-field.views-field-title {
	padding: 25px 0 0;
  text-align: center;
}

article.node.solo-clear.node--type-the-executive-board.node--view-mode-full h2 {
  margin-bottom: 10px;
  line-height: 40px !important;
}

article.node.solo-clear.node--type-the-executive-board.node--view-mode-full h4
 {
  color: var(--green);
  font-weight: 600;
  margin-bottom: 30px;
}




.ui-dialog .ui-dialog-content {
  padding: 0.5em 3em 12rem !important;
}

.more-link a, .path-frontpage .view-success-stories .views-field-view-node a{
  background-color: var(--green);
  color: white !important;
  padding: 15px 10px 15px 15px;
  margin-top: 20px;
  font-weight: 600;
  border-radius: 15px;
  display: inline-block;
  transition: 400ms ease-in-out;
}

.more-link a::after, .path-frontpage .view-success-stories .views-field-view-node a::after {
  content: "\e812";
    font-family: "acbficons";
    background: white;
    color: var(--green);
    padding: 10px;
    font-size: 24px;
    border-radius: 10px;
    margin-left: 10px;
}

.more-link a:hover, .path-frontpage .view-success-stories .views-field-view-node a:hover {
  color: var(--white);
  background-color: var(--brown);
}

.path-frontpage .view-success-stories .views-field.views-field-view-node a::before {
display: none;
}

.vision-mission {
	display: flex;
	position: relative;
	padding: 60px 0;
	margin: 60px 0;
}


.vision-mission::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20%;
  width: 200%;
  background-color: var(--border);
  height: 1px;
}

.vision-mission::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: -20%;
	width: 200%;
	background-color: var(--border);
	height: 1px;
}


.vision, .mission {
  flex: 1; /* Make both sections take up equal space */
  box-sizing: border-box; /* Include padding in width calculations */
  position: relative; /* Needed for pseudo-elements */
  text-align: center;
}

.mission{
 padding-left: 40px;
}

.vision::after {
	content: '';
	position: absolute;
	top: -60px;
	right: 0;
	width: 1px;
	height: 295px;
	background-color: var(--border);
	z-index: 99;
}

@media (max-width: 260px) {
  .vision::after {
    height: 330px;
}
}

.vision::before {
	content: "\e801";
	position: relative;
	left: 0;
	top: 0;
	font-family: "acbficons";
	background: var(--brown);
	color: var(--white);
	padding: 10px;
	font-size: 24px;
}

.mission::before {
	content: "\e800";
	position: relative;
	left: 0;
	top: 0;
	font-family: "acbficons";
  background: var(--brown);
	color: var(--white);
	padding: 10px;
	font-size: 24px;
}

@media(max-width: 600px) {
  .vision-mission {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
  }

  .vision, .mission {
    flex: auto;
  }

  .mission {
    padding-left: 0;
  }

  .vision::after {
  display: none;
  }
}


/* Procurement */

.view-procurement-and-consultancies.view-id-procurement_and_consultancies .views-row {
	background: var(--grey);
	padding: 40px;
	margin: 40px 0;
}

.view-procurement-and-consultancies.view-id-procurement_and_consultancies .views-field.views-field-title a {
	font-size: 20px;
	font-weight: normal;
}

.view-procurement-and-consultancies.view-id-procurement_and_consultancies .views-field.views-field-title {
	margin-bottom: 30px;
}

.view-procurement-and-consultancies.view-id-procurement_and_consultancies .views-label.views-label-field-country-, .view-procurement-and-consultancies.view-id-procurement_and_consultancies .views-label.views-label-field-closing-date {
	font-weight: 600;
}

.view-procurement-and-consultancies.view-id-procurement_and_consultancies  .views-field.views-field-field-country- {
	padding-right: 10px;
}

.view-procurement-and-consultancies.view-id-procurement_and_consultancies  .views-field.views-field-field-closing-date {
	border-left: 1px solid;
	padding: 0 10px;
}

/* African Partners */

.view-partners .view-content {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  align-items: center;
}

/* .views-field.views-field-field-flag img {
  width: 100%;
  height: 150px;
  object-fit: contain;
} */

/* .view-partners .views-row {
	background: var(--grey);
	padding: 20px;
	width: 230px;
} */
section#block-solo-subtheme-views-block-partners-block-4 .views-field.views-field-field-flag img,
section#block-solo-subtheme-views-block-partners-block-5 .views-field.views-field-field-flag img,
.view-id-partners.view-id-partners.view-display-id-block_4 .views-field.views-field-field-flag img,
.view-id-partners.view-id-partners.view-display-id-block_2 .views-field.views-field-field-flag img{
  border-radius: unset;
  height: unset;
  width: 100px;
}
.path-node-472 .region-inner h2.solo-block-title {
  padding: 6px 0px 6px 0px;
  background:var(--green);
  font-size: 1.5rem;
  max-width: 50%;
  min-width: 200px;
  width: auto;
  text-align: center;
  color: white;
  white-space: nowrap;
  margin-top: 60px;
}

section#block-solo-subtheme-views-block-partners-block-1 {
  margin-top: -50px;
}

@media (max-width: 1020px) {
  .path-node-472 .region-inner h2.solo-block-title {
      white-space: normal; /* Allows text to wrap */
      text-align: center; 
      font-size: 1rem; 
      width: 100%; /* Takes full width */
  }
}

@media (max-width: 992px){
div#breadcrumb {
 display: none;
}
}
@media (max-width: 990px) {
  .path-node-472 .region-inner h2.solo-block-title {
    padding: unset;
  }
}
.views-field.views-field-field-flag img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 50%;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

.view-partners .views-field.views-field-title {
  text-align: center;
  padding: 10px 0;
  font-size: 13px;
  line-height: 1.5;
}

/* Photo Gallery */

.view-photo-gallery .view-content {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 60px 40px;
}

.view-photo-gallery .views-row {
	background: var(--brown);
  border-radius: 20px 20px 0 0 !important;
  overflow: hidden;
}

.view-photo-gallery .views-field.views-field-field-images img {
  height: 280px;
  object-fit: cover;
}

.view-photo-gallery .views-field.views-field-title, .view-photo-gallery .views-field.views-field-field-date- {
	padding: 20px;
}

.view-photo-gallery .views-field.views-field-title {
	/* margin-bottom: 20px; */
	min-height: 50px;
}

.view-photo-gallery .views-field.views-field-title a {
	color: var(--black);
	font-weight: 600;
}


.photoswipe-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Adjust minmax as needed */
  gap: 40px;
}

.photoswipe-gallery  img.solo-image {
  height: 330px;
  object-fit: cover;
}
.photoswipe-gallery .field__item {
  background: white;
  padding: 20px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}

 /* Vacancies */

 .view-vacancies .view-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.view-vacancies .views-row {
  background: var(--grey);
  padding: 40px;
}

.view-vacancies .views-field.views-field-title {
	font-size: 24px;
	margin-bottom: 30px;
	padding-left: 0;
}

.view-vacancies .views-field.views-field-field-type-of-contract {
	margin-bottom: 20px;
}

/* ACBF Documents  */

.view-key-acbf-documents .view-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.doc-wrap {
	display: flex;
	gap: 15px;
	background: var(--grey);
}

.doc-image {
	min-width: 35%;
	flex-basis: 40%;
}

.doc-wrap > * {
    height: 300px; 
}

/* .doc-image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
} */

.doc-image img {
    /* height: 100%; */
    /* width: 100%; */
    object-fit: cover;
    /* width: 500px !important; */
    height: 164px !important;
}

.doc-content h3 {
  font-weight: 400;
  font-size: 18px;
  margin-top: 0;
}

.doc-text p {
  margin-top: 0;
}

.doc-content {
	padding: 10px;
}

.doc-text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	font-size: 15px;
	margin-bottom: 10px;
	/* min-height: 120px; */
}

.doc-upload {
  position: relative;
}

.doc-upload::before {
  content: url(/acbf/themes/solo/solo_subtheme/css/img/pdf-logo.png);
  top: 5px;
  position: relative;
}

div#quicktabs-key_acbf_documents {
  display: flex;
}

.tabsbar ul.quicktabs-tabs {
  display: flex;
  flex-direction: column !important;
  border-bottom: none;
}

.tabsbar .quicktabs-tabs > li.active > a, .tabsbar .quicktabs-tabs > li.active > a:hover, .tabsbar .quicktabs-tabs > li.active > a:focus {
	color: var(--white);
	border-color: none;
	background-color: var(--green);
	font-weight: 500;
}
@media(max-width: 1180px) {
  div#quicktabs-key_acbf_documents {
    flex-wrap: wrap;
  }

  .tabsbar ul.quicktabs-tabs {
    flex-direction: unset;
  }
  
}

@media(max-width: 768px){
  .view-key-acbf-documents .view-content {
    grid-template-columns: 1fr;
  }
}

.path-node-72 .what-we-do-pdf {
  gap: 10px;
  justify-content: center;
  align-items: center;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
}
.path-node-72 h1{
  text-align: start;
  /* padding-bottom: 30px; */
  font-size: 35px;
}
.path-node-72 .what-we-do-pdf a {
  /* background: var(--brown); */
  padding: 20px;
  max-width: 360px;
  width: 100%;
  box-sizing: border-box;
}
.path-node-72 .what-we-do-pdf img{
  transition: transform 0.3s ease;
}

.path-node-72 .what-we-do-pdf img:hover{
  transform: scale(1.1);
}

/* Success Stories */
/* .path-our-work div#breadcrumb {
  display: none;
} */
/* .path-our-work #page-title {
  position: unset;
  top: 50%;
  left: 50%;
  transform: unset;
  text-align: center;
  background: transparent;
  color: var(--white);
} */

/* .path-our-work #block-solo-subtheme-pagetitle h1.page-title-text {
  display: inline-flex;
  background: transparent;
  padding: unset;
  border-radius: unset;
  backdrop-filter: unset;
  color: var(--black);
}
.path-our-work .block-page-title-block {
  text-align: start;
} */

.solo-clear.views-row.first-stories-row {
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: 100px;
  position: relative;
}

.path-view-success-stories div#main-container {
  position: relative; /* Required for absolute positioning of ::before */
}

.path-view-success-stories div#main-container::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../css/img/zim-map-acbf.svg");
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  opacity: 0.045;
}

.solo-clear.views-row.grid-item .row-image .solo-image {
  /* max-width: 100%; */
  height: 250px;
  object-fit: cover;
  border-radius: 20px 20px 0 0;
  width: 100%; 
}

@media (max-width: 768px) {
  .solo-clear.views-row.first-stories-row {
   flex-wrap: wrap;
  }
  .view-success-stories .first-stories-row img.solo-image{
    width: 100%;
  }
}
.view-success-stories .first-stories-row .views-field.views-field-view-node,
.view-success-stories .first-stories-row .views-field.views-field-body{
  padding: 0 0 34px;
}
.view-success-stories .first-stories-row img.solo-image {
  width: 1310px;
  height: 410px;
  object-fit: cover;
  border-radius: 20px 20px 0 0;
}

/* .view-success-stories .first-stories-row .views-field.views-field-view-node a:hover{
border-bottom: 1px solid var(--black);
color: var(--black);
} */
.view-success-stories .first-stories-row .first-row-details .views-field.views-field-title span.field-content a{
  color: var(--black) !important;
}

.first-row-details {
  padding-right: 20px;
}

.view-success-stories .view-content .grid-stories-rows {
	display: grid;
	/* grid-template-columns: 1fr 1fr 1fr; */
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 30px;
}

.view-success-stories .views-row, .view-video-gallery .views-row {
	/* background: var(--brown); */
  border-radius: 15px;
  overflow: hidden;
}
.view-video-gallery .views-row{
  border-bottom: 2px solid #D7D5D5;
  border-radius: 0;
}
/* .view-success-stories span.field-content .view-success-stories .views-row a{
  font-weight: 700;
} */

.view-success-stories .views-field.views-field-title, .view-success-stories .views-field.views-field-field-date-success-story, .view-video-gallery .views-field.views-field-title, .view-video-gallery .views-field.views-field-field-date-success-story,.view-success-stories .views-field.views-field-view-node,.view-success-stories .views-field.views-field-body {
	padding: 18px 0px;
}
.view-success-stories .views-field.views-field-view-node {
  /* margin-bottom: 30px; */
  margin-top: -17px;
}

.view-success-stories .views-field.views-field-body {
  margin-top: -17px;
}

/* .view-success-stories .views-field.views-field-title, .view-video-gallery .views-field.views-field-title{
	margin-bottom: 30px;
	min-height: 80px;
} */

.view-success-stories .views-field.views-field-title {
  min-height: 130px;
  padding-bottom: 0;
  margin-bottom: 0;
}

.view-video-gallery .views-field.views-field-title a {
	color: var(--black);
	font-weight: 600;
  transition: 500ms ease-in-out
}
.view-success-stories .views-field.views-field-title a {
  font-weight: 600;
  font-size: 1.43em;
  color: var(--black);
  display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.view-success-stories .views-field.views-field-view-node a{
  color: var(--black);
  padding-left: 20px; 
  position: relative;
}

.view-success-stories .views-field.views-field-body p {
  margin: 0;
}

.view-success-stories .views-field.views-field-view-node a::before {
  content: ">"; /* Unicode character for right arrow */
  position: absolute;
  left: 0;
  top: 53%;
  transform: translateY(-50%); /* Vertically center the arrow */
  color: var(--black); /* Match the link color */
}

.view-success-stories .views-field.views-field-view-node a:hover{
  color: var(--brown);
}

.view-success-stories .views-field.views-field-title a:hover, .view-video-gallery .views-field.views-field-title a:hover{
	color: var(--black);
}

.more-link.solo-clear.element-container-wrapper {
  text-align: center;
}

.views-field.views-field-field-success-image, .views-field.views-field-field-date-success-story, .view-video-gallery .views-field-field-video-embed {
	padding-bottom: 20px !important;
}

.views-field.views-field-field-success-image a.img--is-clickable > img.solo-image{
  height: 230px;
  object-fit: cover;
}


.view-video-gallery .view-content {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 30px;
}

.view-video-gallery .views-field-field-date-v {
padding: 20px
}

.views-field.views-field-field-video-embed img {
  border-radius: 20px 20px 0 0;
}

/* Publication */

/* .publication-header-wrap {
	display: flex;
	gap: 30%;
	justify-content: space-between;
} */

.press-details {
	background: var(--brown);
	padding: 40px;
	border-radius: 15px;
}

.pub-title h2 {
	line-height: 1.2;
}
/* Styling for the first row */
.featured-row {
	position: relative;
	display: flex;
	background-color: var(--green);
	overflow: hidden;
	flex-direction: row-reverse;
	margin: 5em 0;
	border-radius: 15px;
}

@media(max-with:992px){
  .view-features-stories .featured-row {
    display: block;
  }
}

.featured-row .first-row-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.featured-row .first-row-details, .featured-row .first-row-image {
  flex-basis: 50%;
}

.featured-row .first-row-details {
  padding: 40px;
  color: var(--white);
  position: relative;
}

.view-success-stories .first-stories-row .first-row-details .views-field.views-field-title{
  padding: 0 0 34px !important;
}
.first-row-details .views-field-title a {
  font-size: 24px;
  color: var(--white) !important;
  font-weight: 400;
  transition: 500ms ease-in-out;
}

@media(max-width:1145px){
  .first-row-details .views-field-title a {
    font-size: 15px;

  }
}

.first-row-details .views-field-title a:hover {
  color: #fdf6f6;
}

.first-row-details .views-field-view-node a {
  color: white;
}


.first-row-details .views-field.views-field-field-date {
  color: white;
  position: absolute;
  bottom: 40px;
}

/* Styling for the grid container */
.view-features-stories .grid-rows {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	margin-top: 16px;
	gap: 60px 2%;
}

/* Rest of the rows styling */
.view-features-stories .grid-rows .views-row {
  position: relative;
  color: #fff;
  overflow: hidden;
  height: 500px;
  border-radius: 15px;
}

.view-features-stories .grid-rows .views-row .row-details {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  padding: 40px;
  z-index: 9
}

.view-features-stories .grid-rows .solo-clear.views-row::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.60);
  z-index: 1;
  transition: 300ms ease-in-out;
  top: 0;
}

.view-features-stories .grid-rows .solo-clear.views-row:hover::after  {
  background: rgba(0,0,0,0.80);
}

.view-features-stories .grid-rows .solo-clear.views-row:hover .views-field-title a , .view-features-stories .grid-rows .solo-clear.views-row:hover .views-field.views-field-field-date{
  color: var(--white);
}

.view-features-stories .grid-rows .views-row .row-details .views-field-title a {
	font-size: 24px;
	font-weight: 400;
	line-height: 36px;
  color: var(--bluish);
}

.view-features-stories .grid-rows .views-row .row-details .views-field-body {
  font-size: 0.9em;
  margin-bottom: 8px;
}

.view-features-stories .grid-rows .views-row .row-details .views-field-view-node a {
  color: #fff;
  text-decoration: underline;
  font-weight: bold;
}

.view-features-stories .grid-rows .views-field.views-field-field-date {
  position: absolute;
  bottom: 40px;
  color: var(--white);
  padding: 0 40px;
  z-index: 99;
}


.view-features-stories .views-field.views-field-title {
  position: absolute;
  z-index: 99;
  padding: 40px;
}

.first-row-details .views-field.views-field-title {
  position: relative;
  padding: 0px;
}

.path-frontpage .view-features-stories .views-field.views-field-title {
	position: relative;
	z-index: 99;
	padding: unset;
}

.view-features-stories .views-field.views-field-title a {
  color: var(--white);
}


.node--type-projects .node__content {
  background: var(--grey);
  padding: 40px;

}

/* Projects List Page */


.solo-clear.view.view-projects .view-content .views-row {
	background: var(--grey);
	margin-bottom: 30px;
	padding: 20px 40px;
}

.view-projects.view-id-projects .views-field.views-field-title a {
	font-size: 22px;
	color: var(--black);
	font-weight: 600;
}

#sidebar-box-first h2.solo-block-title {
	font-size: 28px;
}

/* Contact Us */

.contact-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
}

.contact.container {
	display: grid;
	gap: 15px;
	grid-template-columns: 1fr 1fr 1fr;
	margin-top: 40px;
}

.office-wrap h4 {
	font-size: 18px;
	font-weight: 700;
	line-height: 27px;
	border-bottom: 2px solid var(--border);
	padding-bottom: 10px;
	min-height: 70px;
}

input, textarea {
	background: transparent !important;
	margin-bottom: 20px;
	border: 1px solid var(--border);
	box-shadow: none;
	padding: 20px !important;
}

::placeholder {
	color: var(--border);
	opacity: 1;
}

div.action, div.form-actions {
	justify-content: left;
}

#edit-actions-submit {
	background: var(--green) !important;
	color: var(--white);
	border: none;
	padding: 15px 25px;
}

.page-wrapper form input.button.form-submit:hover {
	animation: unset;
	box-shadow: none;
}

.small-text {
	font-size: 13px;
	margin-top: 60px;
}

/* Default grid layout for larger screens (desktop/tablet) */
.path-node-69 .region-inner {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Two equal columns */
  grid-template-rows: auto auto; /* Adjust rows based on content height */
  gap: 16px; /* Space between grid items */
}

#block-solo-subtheme-content {
  grid-column: 1; /* First column */
  grid-row: 1; /* First row */
}

#block-solo-subtheme-webform {
  grid-column: 2; /* Second column */
  grid-row: 1; /* First row */
}

#block-solo-subtheme-contactdetails {
  grid-column: 1 / -1; /* Full width */
  grid-row: 2; /* Second row */
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
  .path-node-69 .region-inner {
    display: flex;
    flex-wrap: wrap;
  }

}


/* Language Switcher */

.language-dropdown-toggle {
  background-color: transparent !important;
  color: var(--black) !important;
  padding: 8px 12px;
  font-size: 15px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}

.language-dropdown-toggle:after {
  content: '\e807'; /* Dropdown arrow */
  font-family: "acbficons";
  margin-left: 8px;
  font-size: 18px;
}

#block-solo-subtheme-languageswitcher {
	margin-top: -10px;
}

.page-wrapper #block-solo-subtheme-languageswitcher.language-switcher-language-url ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #fff !important;
	display: none;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 50px;
	z-index: 9999;
	border: 1px solid var(--border);
}

.language-switcher-language-url ul li {
  padding: 8px 12px;
  cursor: pointer;
}

.language-switcher-language-url ul li:hover {
  background-color: #f0f0f0;
}

.language-switcher-language-url {
  position: relative; /* Ensure dropdown is positioned correctly */
  display: inline-block;
}

/* Accordians */

.ckeditor-accordion-container > dl {
	border: 1px solid var(--border);
}

.ckeditor-accordion-container > dl dt.active > a {
	background-color: var(--black) !important;
}

.ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) {
	display: block;
	padding: 10px 15px 10px 50px;
	background-color: var(--green);
	color: #fff;
	cursor: pointer;
	-webkit-transition: background-color 300ms;
	transition: background-color 300ms;
	border-bottom: 1px solid var(--border);
}

.ckeditor-accordion-container > dl dt > a:hover, .ckeditor-accordion-container > dl dt > a:not(.button):hover {
	background-color: var(--black);
	box-shadow: none;
	color: #fff;
	text-decoration: none;
}

/* bog page */

.path-node-5 #primary-menu-inner img {
  width: unset !important;
}

.path-node-5 #primary-menu-inner .banner-image img {
  width: 100% !important;
  height: 525px;
  object-fit: cover;
  object-position: top;
}

.path-node-5 .bog-banner {
  position: relative;
}

.path-node-5 .bog-slider-wrap {
  position: absolute;
  top: 0;
  width: 90%;
  margin: 40px 5% 20px 5%;
}

.bog-logo-img {
  background: white;
  display: inline-block;
  padding: 10px 20px 0px;
  margin-bottom: 15px;
}

.bog-slider-wrap h2 {
  color: #FFF;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: 90%;
  margin-bottom: 0;
}

.calendar-loaction p {
  color: white;
}

.path-node-5 .bog-slider-wrap h3 {
  color: white;
  font-weight: 600;
}

.calendar-loaction {
  display: flex;
  gap: 30px;
}

.path-node-5 .bog-logo-img img {
  max-width: 150px; /* Adjust max-width as needed */
}

.path-node-5 h1.page-title-text span {
  display: none;
}

h1.page-title-text{
  font-size: 35px ;
  line-height: 51px ;
}

#block-solo-subtheme-pagetitle h1.page-title-text, .block-page-title-block {
  display: none;
}

/* #block-solo-subtheme-pagetitle h1.page-title-text {
	display: inline-flex;
	background: rgba(232, 193, 106, 0.7);
	padding: 10px 25px;
	border-radius: 20px;
  backdrop-filter: blur(12px);
} */

#block-solo-subtheme-pagetitle h1.page-title-text {
  display: inline-flex;
  background: var(--brown);
  padding: 25px 25px;
  /* border-radius: 20px; */
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  backdrop-filter: blur(12px);
  font-size: 17px;
  font-weight: 400;
  width: 100%;
  max-width: 500px;
  height: auto;
  min-height: 108px;
  line-height: 26px;
  text-align: start;
}

.slide-btn-wrap {
  margin-top: 40px;
}

.bog-partners {
  background: white;
  padding: 5px 40px;
  display: inline-block;
}

.bog-partners img {
  padding: 0 20px;
  width: auto;
}


.about-fles {
  display: flex;
  gap: 40px;
  align-items: center;
}

.about-bog-img {
  flex-basis: 40%;
}

.about-bog-content {
  flex-basis: 60%;
}

.time-place {
  display: flex;
  gap: 40px;
  /* margin: 30px 0; */
}

.bog-buttons {
  display: flex;
  gap: 40px;
  align-items: center;
}

.bog-buttons .button.program-btn {
  background: transparent;
  color: #18714B;
  border: 1px solid #18714B;
}


.path-node-5 .view-bog-tiles .view-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 
  gap: 20px;
}
.views-field-field-tile-image .view-bog-tiles img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.view-bog-tiles .views-row {
  background: #fff;
  padding-bottom: 14px;
}
.view-bog-tiles .field-content a {
  color: #000 !important;
  padding: 20px;
}

.path-node-5 section#block-solo-subtheme-boglinks {
  /* background: green; */
  margin-top: 120px;
}

.view-bog-tiles .views-field-field-tile-image {
  margin-bottom: 15px;
}

#tabs > ul {
	list-style: none;
	background: linear-gradient(270deg, #B0D25A 0%, #53948A 47%, #55488C 100%) !important;
	border: none;
	padding: 30px 20px;
	text-align: center;
}

#tabs ul > li a {
	font-size: 36px;
	color: white;
}

/* Mobile REsponsiveness */

@media (max-width:992px) {
  .grid-rows, .view-video-gallery .view-content, view-success-stories .view-content, .africa-content, .view-the-executive-board .view-content, .view-success-stories .view-content, .view-features-stories .grid-rows, .contact.container
  {
    grid-template-columns: 1fr 1fr;
  }
}


@media (max-width: 768px) {
  .about-fles {
      flex-wrap: wrap;
      justify-content: center;
  }
  .about-bog-img {
    flex-basis: unset;
}
.about-bog-content {
  flex-basis: unset;
}
div#quicktabs-grants {
  flex-wrap: wrap;
  align-items: center;
}
}

@media (max-width:676px){
  .grid-rows, .view-video-gallery .view-content, view-success-stories .view-content, .africa-content, .view-the-executive-board .view-content, .view-success-stories .view-content, .view-vacancies .view-content, .view-features-stories .grid-rows, .contact.container {
    grid-template-columns: 1fr
  }

  .featured-row {
    flex-direction: column;
    flex-wrap: wrap;
  }

  .views-field.views-field-field-date {
    position: unset;
  
  }

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

  .view-procurement-and-consultancies.view-id-procurement_and_consultancies .views-field.views-field-title a {
    font-size: 16px;
  }

  /* Footer */

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

  .support-container .support {
    flex-basis: auto;
  }

  .support-container .support:nth-child(2) {
    padding-left: inherit;
  }

  .support-container .support:first-child::after {
    display: none;
  }


  #block-solo-subtheme-quicklinks p a {
    color: var(--black) !important;
    transition: 300ms ease-in-out;
  }

  #block-solo-subtheme-quicklinks p a:hover {
    color: var(--brown) !important;
  }

  /* Contact Us */

  .contact.container, .contact-wrap {
    display: flex;
    flex-wrap: wrap;
  }

}

@media(max-width:992px){
  .solo-clear.footer-menu-second.fade-inner {
    display: flex;
    flex-wrap: wrap;
  }
}

/* Audio */

@media(min-width:600px) {
.solo-clear.view.view-audio .view-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}
}

.solo-clear.view.view-audio .view-content iframe {
	height: 250px;
}


/* Media Kit */

.solo-clear.view.view-media-kit.view-id-media_kit .view-content {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
}


.solo-clear.view.view-media-kit.view-id-media_kit .view-content .views-row {
	background: var(--grey);
	padding: 20px;
}

.solo-clear.view.view-media-kit.view-id-media_kit .view-content .views-row {
	background: var(--grey);
	padding: 20px;
}

.downloadhide, .download  {
	position: relative;
}

.downloadhide::before, .download::before {
  content: url(/acbf/themes/solo/solo_subtheme/css/img/pdf-logo.png);
  top: 5px;
  position: relative;
}

@media(max-width:992px) {
  .solo-clear.view.view-media-kit.view-id-media_kit .view-content {
    grid-template-columns: 1fr 1fr;
  }

  .view-country-profiles .view-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
}

@media(max-width:600px) {
  .solo-clear.view.view-media-kit.view-id-media_kit .view-content {
    grid-template-columns: 1fr;
  }
  .view-country-profiles .view-content {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
  }

  #system-messages::before { 
    background-position: initial;

}

section#block-solo-subtheme-views-block-testimonials-block-1 h2 {
  padding-top: 80px;
}
#block-solo-subtheme-views-block-testimonials-block-1::before {
  background-image: unset;
  top: unset;
  background: var(--brown);
}
.support a.button {
  font-size: 15px ;
}
}
@media(max-width:399px){
  .support a.button {
    font-size: 10px ;
  }
}

/* Country Profiles */

.view-country-profiles .view-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}

.view-country-profiles .solo-clear.views-row {
  display: flex;
  background: var(--grey);
}

.views-field-field-country-flag .field-content {
	height: 100%;
	width: 180px;
}

.views-field.views-field-field-country-flag img {
  width: 180px;
  object-fit: cover;
  height: 100%;
}

.views-field.views-field-field-upload-profile-2 {
  padding: 20px;
}


/* Events */

.view-events .views-row {
	background: var(--grey);
	padding: 40px;
	margin-bottom: 40px;
	border: 1px solid var(--green);
}

.views-field.views-field-field-country-event, .views-field.views-field-field-venue {
	display: flex;
	gap: 10px;
}

.views-label.views-label-field-venue, .views-label.views-label-field-country-event {
	font-weight: 600;
}



/* Newsletter December */

.view-newsletters-events .view-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    justify-content: center;
    margin-bottom: 50px;
}
 
.views-field.views-field-field-image-newsletter img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	border-radius: 15px;
}

.view-newsletters-events .views-field-title {
	padding-top: 15px;
	line-height: 28px;
	min-height: 120px;
}

.view-newsletters-events .views-field.views-field-title a {
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
}

.view-newsletters-events .views-field.views-field-view-node a {
	background-color: var(--brown) !important;
	color: var(--white);
	padding: 2px 10px;
	border-radius: 50px;
	font-size: 15px;
}

.view-newsletters-events .views-row {
	margin-bottom: 30px;
}

/* Grants */

.view.view-grants .views-field-title {
	font-size: 48px;
	color: var(--green);
	font-weight: 600;
	margin-bottom: 30px;
	line-height: 72px;
}

.views-field.views-field-field-project, .views-field.views-field-field-grant-institution, .views-field.views-field-field-grant-coverage,.views-field.views-field-field-grant-amount, .views-field.views-field-field-date-of-signing, .views-field.views-field-field-duration, .views-field.views-field-field-ggrant-number-official, .views-field.views-field-field-grant-country {
	display: flex;
	gap: 10px;
}

.views-label.views-label-field-project, .views-label.views-label-field-grant-institution, .views-label.views-label-field-grant-coverage, .views-label.views-label-field-ggrant-number-official, .views-label.views-label-field-grant-amount, .views-label.views-label-field-date-of-signing, .views-label.views-label-field-duration, .views-label.views-label-field-project-goal, .views-label.views-label-field-grant-country  {
	font-weight: 600;
}

.view-grants .views-row, #quicktabs-tabpage-grants-2, #quicktabs-tabpage-grants-0, #quicktabs-tabpage-grants-3, #quicktabs-tabpage-grants-4{
	background: var(--grey);
	padding: 40px;
	margin-bottom: 40px;
	border: 1px solid var(--green);
}

.views-field.views-field-field-project .field-content {
	font-size: 28px;
	font-weight: 600;
	color: var(--green);
}

.views-label.views-label-field-project {
	font-size: 28px;
  margin-bottom: 40px;
}


div#quicktabs-grants {
  display: flex;
}

#quicktabs-container-grants .solo-clear.node__header {
	display: none;
}

.tabsbar .quicktabs-main {
	padding: 20px 40px;
}

/* Disable French for now */

/* #block-solo-subtheme-languageswitcher ul li {
	display: none;
} */




.homepage-slider .owl-item .infor-slider h2 {
  /* opacity: 0; Hide the text initially */
  /* transform: translateY(20px); Move it down slightly */
  /* transition: opacity 0.8s ease-out, transform 0.8s ease-out; */
}

.homepage-slider .owl-item.active .infor-slider h2 {
  opacity: 1; /* Make the text visible */
  /* transform: translateY(0); Move it to its normal position */

}

.homepage-slider .owl-item .infor-slider .slider-caption p {
  opacity: 0; /* Hide the text initially */
  transform: translateY(20px); /* Move it down slightly */
  transition: opacity 1s ease-out, transform 1s ease-out;
}

.homepage-slider .owl-item.active .infor-slider .slider-caption p  {
  opacity: 1; /* Make the text visible */
  transform: translateY(0); /* Move it to its normal position */

}


/* Recent  */

.recent-content {
text-align: center;
padding-bottom: 10px;
}
.recents-btn {
  text-align: center;
}
.utube-v iframe {
	/* border: 20px solid var(--brown); */
	border-radius: 15px;
}

.recent-content .infor h2 {
	text-align: center;
}


a.button, .recents-btn a.button, .view-features-stories .views-field.views-field-view-node span.field-content a {
	background-color: var(--green);
	color: white !important;
	padding: 15px 10px 15px 15px;
	margin-top: 20px;
	font-weight: 600;
	border-radius: 15px;
  display: inline-block;
  transition: 400ms ease-in-out;
}

a.button:hover, .recents-btn a.button:hover, .view-features-stories .views-field.views-field-view-node span.field-content a:hover {
	background-color: var(--brown);
}

a.button::after, .recents-btn a.button::after, .view-features-stories .views-field.views-field-view-node span.field-content a::after {
	content: "\e812";
	font-family: "acbficons";
	background: white;
	color: var(--green);
	padding: 10px;
	font-size: 24px;
	border-radius: 10px;
	margin-left: 10px;
}


#block-solo-subtheme-howweareimpactingafrica {
	/* position: relative; */
	/* z-index: 1; */
	/* padding: 80px; */
	margin-bottom: 20px !important;
}

#block-solo-subtheme-howweareimpactingafrica::after {
	/* background: var(--green); */
	content: "";
	width: 140%;
	height: 100%;
	left: -20%;
	position: absolute;
	top: 0;
	z-index: -1;
}

/* #block-solo-subtheme-howweareimpactingafrica::before {
	content: "" !important;
	background-image: url('../css/img/OUR-PORTFOLIO.svg'); 
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
} */


.climate-change, .agri-business, .economic-development, .economic-social-governance, .special-programs {
	position: relative;
}

/* .climate-change::after {
	content: "\e814";
	font-family: "acbficons";
	font-size: 36px;
	color: var(--white);
	background: var(--green);
	position: absolute;
	padding: 8px;
	border-radius: 10px;
	margin-left: 10px;
	bottom: 10px;
	right: 15px;
	text-align: right;
}

.agri-business::after {
	content: "\e816";
	font-family: "acbficons";
	font-size: 36px;
	color: var(--white);
	background: var(--green);
	position: absolute;
	padding: 8px;
	border-radius: 10px;
	margin-left: 10px;
	bottom: 10px;
	right: 15px;
	text-align: right;
}

.economic-development::after {
	content: "\e817";
	font-family: "acbficons";
	font-size: 36px;
	color: var(--white);
	background: var(--green);
	position: absolute;
	padding: 8px;
	border-radius: 10px;
	margin-left: 10px;
	bottom: 10px;
	right: 15px;
	text-align: right;
}

.economic-social-governance::after {
	content: "\e818";
	font-family: "acbficons";
	font-size: 36px;
	color: var(--white);
	background: var(--green);
	position: absolute;
	padding: 8px;
	border-radius: 10px;
	margin-left: 10px;
	bottom: 10px;
	right: 15px;
	text-align: right;
}

.special-programs::after {
	content: "\e819";
	font-family: "acbficons";
	font-size: 36px;
	color: var(--white);
	background: var(--green);
	position: absolute;
	padding: 8px;
	border-radius: 10px;
	margin-left: 10px;
	bottom: 10px;
	right: 15px;
	text-align: right;
} */

/* About Us */

.who-flex {
	display: grid;
	gap: 5%;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	margin-bottom: 60px;
}

.who-image img {
	width: 100%;
}

.who-sidebar {
	background: var(--brown);
	padding: 60px;
	border-radius: 10px;
}

.who-sidebar .link-item a {
	color: var(--black);
	width: 100%;
	display: inline-block;
  position: relative;
  transition: 300ms ease-in-out;
}

.who-sidebar .link-item a::after {
	content: "\e812";
	right: 0;
	position: absolute;
	font-family: "acbficons";
	color: var(--white);
	background: var(--green);
	padding: 0 10px;
	border-radius: 10px;
  transition: 300ms ease-in-out;
}

.who-sidebar .link-item a:hover {
	color: var(--white);
}

.who-sidebar .link-item a:hover::after{
	color: var(--green);
  background: var(--white);
}

.who-sidebar .link-item {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 10px 0;
}

.who-sidebar .link-item:last-child {
	border: none;
}

/* key achievement */
section#block-solo-subtheme-keyachievements {
  /* background: var(--green); */
  text-align: center;
  margin-top: 30px;
  padding-top: 80px;
  padding-bottom: 80px;
}
section#block-solo-subtheme-keyachievements .number,
section#block-solo-subtheme-keyachievements p,
section#block-solo-subtheme-keyachievements h2.solo-block-title{
  color: var(--black);
  text-align: center;
}
section#block-solo-subtheme-keyachievements h2.solo-block-title{
  padding-bottom: 80px;
}
section#block-solo-subtheme-keyachievements .the-achievements {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 
  gap: 30px; 
  justify-content: center;
  align-items: stretch; 
  max-width: 1280px;
    margin: 0 auto;
}

section#block-solo-subtheme-keyachievements .the-achievements .achievements {
  display: flex;
  flex-direction: column;
  align-items: center; 
  text-align: start;
}
.the-achievements .achievements:not(:last-child) {
  border-right: 1px solid #ffffff; 
  padding-right: 20px; 
}

.the-achievements .achievements img {
  max-width: 80%; 
  height: 200px; 
  object-fit: contain;
}

section#block-solo-subtheme-keyachievements .number {
  font-size: 40px;
  font-weight: 700;
  transition: opacity 1s ease-in-out;
  padding-right: 10px;
  /* color: var(--green); */
}
.number.visible {
  opacity: 1;
}


.achievements:last-child .number:after {
    content: '+';
    opacity: 0;
    transition: opacity 1s ease-in-out;
}
.achievements:nth-child(2) .number:after{
  content: 'K';
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.achievements:nth-child(2) .number.show-plus:after,
.achievements:last-child .number.show-plus:after {
    opacity: 1;
}
section#block-solo-subtheme-keyachievements p{
  font-weight: 700;
}


section#block-solo-subtheme-keyachievements .text {
  padding-top: 20px;
  width: 100%;
  max-width: 277px;
}


/* Hide BreadCrumb on Success stories */

.path-view-success-stories #breadcrumb {
  display: none;
}

.main-banner-con p {
  margin-bottom: 0;
}


/* banner animation */

.banner-content-main {
  opacity: 0;
  transform: translateY(-50%);
  animation: fadeSlideIn 1s ease-out forwards;
}

@keyframes fadeSlideIn {
  from {
      opacity: 0;
      transform: translateY(20px);
  }
  to {
      opacity: 1;
      transform: translateY(-50%);
  }
}

/* Tool Tip */


#tooltip {
  position: fixed;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 14px;
  pointer-events: none;
  display: none; /* hide on load */
  white-space: nowrap;
  z-index: 99999;
}

path.country {
  transition: 300ms ease-in-out;
}

path.country:hover {
  opacity: 0.75;
  cursor: pointer;
}

@media(max-width: 735px){
.first-row-details .views-field.views-field-field-date {
    bottom: 10px;
}
}

@media(max-width: 430px){
.first-row-details .views-field.views-field-field-date {
    bottom: 5px;
}
  .path-node-692 .solo-clear.node__content .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item img {
    width: 200px !important;
}
}


.path-node-692 section#block-solo-subtheme-newsinsidebanner {
    display: none;
}
@media(max-width: 1200px){
.path-node-692 .solo-clear.node__content .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item img {
    width: 320px;
    height: auto !important;
    object-fit: cover !important;
    margin-top: 15px;
}
 }

@media(max-width: 1166px){

  .path-node-692 .solo-clear.node__content .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item img {
    width: 300px !important;
}
}


.path-node.page-node-type-success-stories .field:not(:last-child) {
    margin-block-end: var(--solo-px18);
    padding-top: 40px;
}



.path-node-527 div#breadcrumb{
  display:  none !important;
}

@media(max-width: 1440px){
  .path-node.page-node-type-success-stories div#breadcrumb {
    bottom: 67%;
}
}

@media(max-width: 1350px){
  .path-node.page-node-type-success-stories div#breadcrumb {
    bottom: 68%;
}
}

@media(max-width: 1300px){
  .path-node.page-node-type-success-stories div#breadcrumb {
    bottom: 70%;
}
}

@media(max-width: 1200px){
  .path-node.page-node-type-success-stories div#breadcrumb {
    bottom: 71%;
}
}

@media(max-width: 1130px){
  .path-node.page-node-type-success-stories div#breadcrumb {
    bottom: 72%;
}
}

@media(max-width: 1070px){
  .path-node.page-node-type-success-stories div#breadcrumb {
    bottom: 73%;
}
}


.path-node.page-node-type-success-stories div#breadcrumb {
display: none !important;
}

.path-node.page-node-type-success-stories .solo-image {
    height: auto;
    width: 100% !important;
}