@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,300&display=swap');

:root {
    --primary: #8DC73F;
    --secondary: #F99220;
    --tirtiary: #00AEEE;
    --fourth: #006F8A;
    --fifth: #000;
    --bg_white: #fff;
}

body {
    font-family: 'Poppins', sans-serif;
}

.view-id-videos.view-display-id-block_2 .views-field-field-image img {
    width: 100%;
    height: auto;
}

.view-id-videos.view-display-id-block_2 {
    margin-top: 60px;
}

.path-vacancies section.banner.member,
.path-knowledge section.banner.member,
.path-policy-database section.banner.member {
    background-image: url(/themes/afforum/images/member.png) !important;
}

h1,
h2 {
    font-weight: 600;
}

.img-block .field.field--name-field-image.field--type-image.field--label-hidden.field__item {
    height: 100%;
}

header {
    border-bottom: 1px solid #e3e3e3;
    position: sticky;
    top: 0;
    z-index: 99;
    background-color: #FFFFFF;

}

.slider-content p {
    color: #fff;
    font-size: 18px;

}

ul.tabs.primary li {
    display: inline-block;
}

ul.tabs.primary {
    padding: 0;
}

.charts-google text {
    padding-bottom: 20px !important;
    /* display: inline-block; */
}

.flip-card {
    background-color: transparent;
    width: 100%;
    height: 295px;
    border: 1px solid #f1f1f1;
    perspective: 1000px;
    /* Remove this if you don't want the 3D effect */
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    /* Safari */
    backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
    background-color: #bbb;
    color: black;
}

/* Style the back side */
.flip-card-back {
    background-color: #fff;
    color: #000;
    transform: rotateY(180deg);
    padding: 15px;
}

.top-header {
    background-color: var(--secondary);
    padding: 3px 0;
    text-align: right;
}

.logo a img {
    width: 90px;
}

article header {
    border: navajowhite;
    margin: 0;
    display: none;
}

.box h4 a {
    color: #212529;
    text-decoration: none;
}

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

/* header ul .top-link{
    padding-top: 20px;
} */
header ul li {
    display: inline-block;
}

header ul li:not(:last-child) {
    margin-right: 2rem;
}

header ul li a {
    font-size: 20px;
    transition: all 0.3s ease-in;
    /* text-decoration: none !important; */
}

.container {
    /*max-width: 1350px;*/
    /* max-width: 1200px;*/
    max-width: 1380px;
    width: 90%;
}

.top-header a {
    font-size: 18px;
    color: var(--bg_white);
    font-weight: 500;
}

a.lang {
    opacity: 0.5;
    text-decoration: none;
}

.menus a {
    color: rgba(0, 0, 0, 0.5);
    text-decoration: none !important;
}

.head-row {
    padding: 8px 0;
}

section.main-slider>div {
    margin: auto;
    height: 100%;
    max-width: 100%;
}

.head-row {
    padding: 8px 0;
}

.image {
    overflow: hidden;
    max-height: 38rem;
}

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

/* 
section.main-slider {
    background-blend-mode: overlay;
    background-color: rgba(0, 0, 0, 0.4);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0rem 0;
    height: calc(100vh - 22rem);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}*/
section.main-slider {
    height: 80vh;
}

.slick-arrow {
    position: absolute;
    font-size: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #004346;
    background-color: transparent;
}

section.main-slider .slick-arrow {
    border-color: #fff;
    bottom: 3rem;
    z-index: 12;
}

section.main-slider .slick-arrow:after {
    color: #fff;
}

.single-slider .row {
    align-items: center;
}

.slider-content h1 {
    text-align: center;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 50px;
    word-break: break-word;
    color: #fff;
}





.slider-content {
    height: 250px !important;
}

.global-cta {
    height: 48px;
    font-size: 20px;
    min-width: 125px;
    display: inline-flex;
    align-items: center;
    margin: 10px 0px;
    justify-content: center;
    /* padding: 0 5rem; */
    font-weight: 500;

    text-decoration: none !important;
    transition: all 0.3s ease-in;
    border: 1px solid;
}

.download span {
    font-size: 10px;
}

.download a {
    font-size: 16px;
    font-weight: 500;
    padding-left: 10px;
    color: #09BC8A;
    text-decoration: none !important;
}

.news-card span a {
    color: #fff;
    font-weight: 400;
}


.staff .col-md-3.col-12 {
    max-width: 20%;
    flex: 0 0 20%;
}

.global-cta.primary {
    background-color: var(--primary);
    color: #fff;
}

.slick-arrow:after {
    content: '\276F';
    font-size: 16px;
    color: #004346;
}

.single-slider .slick-arrow {
    bottom: 0;
    left: -5%;
    right: 0;
    margin: auto;
}

.single-slider .slick-arrow.slick-next {
    left: 0;
    right: -5%;
    margin: auto;
}

section.in-focus {
    background: rgba(249, 146, 32, 0.05);
    padding: 3rem 0 4rem;
}

section.in-focus-new {
    background: #F7F7F7;
    padding: 1rem 0.5rem;
}


h4.heading {
    /* font-size: 50px;
    font-weight: 700; */
    font-size: 22px;
    font-weight: 500;
}

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

span.sub-heading {
    display: block;
    font-size: 24px;
    color: rgba(122, 122, 122, 0.8);
    font-weight: 400;
}

section.in-focus p {
    font-size: 22px;
    font-weight: 500;
    color: rgba(122, 122, 122, 0.8);
}

.sl-box {
    display: flex !important;
    background-color: #fff;
}

.sl-box>* {
    flex: 50%;
}

.sl-box .img {
    border: 1px solid #cdcdcd;
    height: 305px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 0;
}

.sl-box .cont {
    background-color: var(--secondary);
    color: #fff;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sl-box {
    margin-right: 20px;
}

.sl-box .cont h4 {
    font-size: 22px;
    font-weight: 500;
}

.sl-box .cont h6 {
    font-size: 20px;
    margin: 0;
    font-weight: 300;
}

.sl-box .img img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.slider-two .slick-arrow {
    top: 50%;
    transform: translateY(-50%);
}

.slider-two .slick-arrow.slick-prev {
    left: 0;
}

.slider-two .slick-arrow.slick-next {
    right: 0;
}

.slider-two {
    padding: 0 4rem;
    margin-top: 35px;
    margin-bottom: 3rem;
}

.slider-two .slick-arrow {
    border: 1px solid var(--secondary);
}

.slider-two .slick-arrow:after {
    color: var(--secondary);
}

.slick-prev:after {
    transform: rotate(180deg);
    display: block;
}

.outline {
    background: transparent;
    border: 2px solid;
}


section.contribute {
    background-image: url(/themes/afforum/images/contribute.png);
    padding: 4rem 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-blend-mode: overlay;
    background-color: #559433CC;
    color: #fff;
    margin: 6rem 0;
}

section.contribute h2 {
    font-size: 50px;
    font-weight: 700;
}

section.contribute p {
    font-size: 30px;
    font-weight: 500;
    margin: 1rem 0 2rem;
}

.white {
    color: #fff;
}

section.programme {
    margin: 4.6rem 0 6rem;
}

section.programme .row {
    margin-top: 3rem;
}

.box {
    text-align: center;
}

.icon {
    background: rgba(141, 199, 63, 0.15);
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 1rem;
    border-radius: 100px;
}

.icon svg,
.icon svg path {
    /* fill: #8DC73F; */
    /* stroke: #8DC73F; */
}

.blue {
    color: #00AEEE;
}

.box h4 {
    font-size: 26px;
    font-weight: 600;
    margin: 1.25rem auto 1rem;
}

.box p {
    color: rgba(0, 0, 0, 0.5);
    font-size: 16px;
    margin: 0;
}

section.work {
    margin: 7rem 0;
}

.work-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}

.work-box .content {
    position: absolute;
    bottom: 0;
    padding: 10px;
    background-color: rgba(252, 185, 19, 0.9);
    color: #fff;
}

.work-box .content h5 {
    font-size: 14px;
    margin: 0;
}

.work-box .content .headi {
    display: flex;
    justify-content: space-between;
    margin: 5px 0 10px;
}

.work-box .content p {
    font-size: 14px;
    margin: 0;
}

.work-box {
    position: relative;
}

section.work .row {
    margin-bottom: 3rem;
}

section.tiles .im img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.tiles .im h4 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.3);
}

section.tiles .im {
    position: relative;
}

section.events {
    margin: 6rem 0;
}

.event-row {
    margin-bottom: 2rem;
}

.event-box h5 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 20px;
    line-height: 1.4;
}

.event-box h6 {
    font-size: 19px;
    color: #8BC83C;
    margin: 15px 0;
}

.event-box p {
    color: #7A7A7A;
    font-size: 16px;
    margin: 0;
}

section.events .row:not(:last-child) {
    margin-bottom: 30px;
}

.event-box {
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 25px 20px;
    margin-bottom: 30px;
    min-height: 232px;
}

.event-box:hover {
    background: rgba(139, 200, 60, 0.05);
    border: 1px solid #8BC83C;
}

.frozi {
    color: var(--fifth);
}

footer {
    padding-top: 60px;
    color: #fff;
    background-image: url(/themes/afforum/images/Background.png);
    background-repeat: no-repeat;
    background-size: cover;
}

footer .title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 2rem;
}

footer p {
    font-size: 18px;
    font-weight: 300;
}

.social a:not(:last-child) {
    margin-right: 2rem;
}

.social {
    margin-top: 2rem;
}

footer li a {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none !important;
}

footer li {
    list-style-type: none;
    margin-bottom: 3px;
}

footer ul {
    margin: 0;
    padding: 0;
}

.f-icon img {
    margin-right: 12px;
}

.f-icon {
    display: flex;
    align-items: flex-start;
}

.f-icon:not(:last-child) {
    margin-bottom: 2rem;
}

.f-icon span {
    display: block;
}

.bottom-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 2rem 0;
    margin-top: 50px;
}

.pun .col-md-3 {
    flex: 0 0 20%;
    max-width: 20%;
}

.publications {
    background-image: url(/themes/afforum/images/news.png);
    background-color: rgba(0, 174, 238, 0.8);
    background-blend-mode: overlay;
    background-size: cover;
    background-position: center;
    padding: 3rem 0 3.5rem;
    color: #fff;
}

section.publications p {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 2rem;
}

.pub-box {
    background-color: #fff;
    color: #000;
    display: flex;
    flex-wrap: wrap;
}

.pub1 {
    width: 40%;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.pub2 {
    width: 60%;
    padding: 20px;
}

.pub2 h4 {
    font-size: 16px;
    line-height: 22px;
}

.publications .col-md-4 {
    padding: 0 12px;
}

.pub2 h5 {
    font-size: 16px;
    color: rgba(0, 67, 70, 0.5);
    font-weight: 400;
    margin-top: 13px;
}

.down span {
    color: var(--tirtiary);
}

.down {
    margin-top: 20px;
}

.pub1 span {
    display: block;
    background: rgba(0, 67, 70, 0.1);
    text-align: center;
    color: #004346;
    padding: 10px 0;
}

.pub1 img {
    width: 90%;
    height: 80%;
    object-fit: contain;
    display: block;
    margin: 3.5% 5%;
}

section.tiles {
    margin-top: 6rem;
}

header ul li a:hover {
    color: #000;
}

.global-cta.primary:hover {
    background: transparent;
    color: var(--primary);
}

.outline.orange:hover {
    background: var(--secondary);
    color: #fff;
}

.global-cta.blue.outline:hover {
    background: #00AEEE;
    color: #ffff;
}

.global-cta.white.outline:hover {
    background: #fff;
    color: #000;
    border-color: #fff;
}

.global-cta.frozi.outline:hover {
    background: var(--fourth);
    color: #fff;
}

.banner {
    /* background-image: url('/themes/afforum/images/about-banner.png'); */
    padding: 10rem 0;
    color: #fff;
    background-blend-mode: overlay;
    background-color: rgba(0, 0, 0, 0.4);
    margin-bottom: 4rem;
    background-size: cover;
}

.banner h1 {
    font-size: 65px;
    margin-bottom: 1.5rem;
}

.fontawesome-icon svg {
    font-size: 30px;
    font-weight: normal !important;
}

section.banner p {
    font-size: 24px;
    max-width: 50rem;
}

.field--name-field-goal-icon,
.field--name-field-mission-icon,
.field--name-field-vision-icon {
    display: none;
}

.cnt .field--name-field-goal-icon,
.cnt .field--name-field-mission-icon,
.cnt .field--name-field-vision-icon {
    display: block;
}

.tabs a {
    display: block;
    color: #7A7A7A;
    border-bottom: 1px solid #7A7A7A33;
    padding: 0.75rem 1rem;
    text-decoration: none;
}

h2.head {
    font-size: 50px;
    font-weight: 800;
}

p.cmn {
    color: #7A7A7ACC;
    font-size: 22px;
}

.over-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.7);
}

.over-img {
    height: 295px;
    position: relative;
}

.over-img .cnt {
    position: absolute;
    bottom: 0;
    padding: 0.5rem 1rem;
    color: #fff;
    width: 100%;
    left: 0;
}

.over-img .cnt h5 {
    font-weight: 600;
}

section.abt-map {
    margin: 6rem 0;
}

.map img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.map {
    margin-top: 3rem;
}

.p-block {
    background-color: #004346;
    color: #fff;
    padding: 3rem 2rem;
    height: 100%;
}

.p-block h4 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 1rem;
}

.p-block p {
    font-size: 20px;
    font-weight: 300;
}

section.abt-last {
    margin-bottom: 5rem;
}

.purpose {
    background-image: url('/themes/afforum/images/bg01.png');
    background-blend-mode: overlay;
    background-color: rgba(0, 0, 0, 0.5);
    background-position: center;
}

.p-block.p-cont ul {
    list-style-type: none;
    padding: 0;
}

.p-block.p-cont ul li:before {
    content: '';
    background-image: url('/themes/afforum/images/check.png');
    width: 25px;
    height: 25px;
    display: block;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 3px;
}

.p-block.p-cont ul li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 15px;
}

.over-img .cnt img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    margin-bottom: 7px;
    filter: brightness(1);
}

/* .banner.prg {
    background-image: url('/themes/afforum/images/prg.png');
} */

section.goals {
    /* background-image: url('/themes/afforum/images/trees.png'); */
    background-position: center;
    padding: 4rem 0;
    position: relative;
    background-color: #246D35;
}

section.goals h2 {
    color: white;
}

section.goals h4 {
    color: #00ADEF;
    font-weight: 600;
}

section.goals h3 {
    color:white;
    font-weight: 700;
    font-size: 35px;
}

section.goals h5 {
    color: #559433;
    font-size: 15px;
    margin: 1.5rem 0;
    color: white;
}

section.goals p {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.5);
    color: white;
}

section.img-block {
    margin: 4rem 0;
}

section.img-block .row {
    border: 1px solid rgba(0, 0, 0, 0.12);
}

section.img-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.img-block .col-md-5 {
    padding-left: 0;
}

section.img-block .col-md-7 {
    padding: 3rem 2rem;
}

section.img-block p {
    color: rgba(0, 0, 0, 0.5);
}

section.img-block h2 {
    margin-bottom: 1rem;
    font-size: 40px;
}

.img {
    height: 100%;
}

section.programe-public {
    margin-bottom: 6rem;
}

section.programe-public .heading {
    margin-bottom: 5rem;
}

.programe-public .pub1 {
    border: none;
}

.news-card img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.news-card {
    position: relative;
}

.news-cnt {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 1rem;
}

.news-cnt p {
    font-size: 12px;
    margin-bottom: 4px;
}

.news-cnt span {
    font-size: 16px;
    display: block;
    font-weight: 500;
    margin-bottom: 5px;
}

.profile-card img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    filter: brightness(0.9);
}

.profile-card .news-cont {
    background: none;
}

.profile-card .news-cnt {
    background: none;
}

.profile-card .news-cnt h4 {
    font-size: 20px;
}

section.news {
    margin-bottom: 6rem;
}

.k-card h5 {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 500;
    margin-top: 1rem;
}

.k-card a {
    color: var(--secondary);
}

.k-card a {
    color: var(--secondary);
}

.black {
    color: #000;
}

.black:hover {
    color: #8BC83C;
}

section.knowledge {
    margin-bottom: 6rem;
}

.filled-white {
       background: #4C8500;
    color: white !important;
    border: none;
}

.filled-white:hover {
    background: #4C8500;
    color: #fff;
    border: none;
}

.double {
    border-width: 2px;
}

.blog img {
    width: 100%;
    height: 100%;
    filter: brightness(0.9);
}

.blog {
    position: relative;
}

.blog-cng {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1rem;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
}

.blog-cng h5 {
    font-size: 16px;
}

.blog-cng span {
    font-size: 12px;
    display: block;
    margin-top: 8px;
}

.small-blg {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.small-blg .blog {
    flex: 1;
    margin-bottom: 10px;
}

.small-blg .blog:last-child {
    margin-bottom: 0;
}

.large {
    height: 100%;
}

.large .blog {
    height: 100%;
}

.blog img {
    object-fit: cover;
}

section.blogs {
    margin-top: 6rem;
}

.video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

section.goals:after {
    content: '';
    background-color: rgba(139, 200, 60, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

section.knowledge .news-cnt {
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
}

section.interested {
    background-image: url('/themes/afforum/images/interested.png');
    background-blend-mode: overlay;
    background-color: rgba(0, 174, 238, 0.5);
    padding: 5rem 0;
    color: #fff;
    margin: 5rem 0;
}

section.interested h2 {
    max-width: 70rem;
    margin-bottom: 2rem;
}

section.interested h2 {
    max-width: 70rem;
    margin-bottom: 2rem;
}

.related-box>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.related-box {
    position: relative;
}

.rel-cnt {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #00AEEE;
    padding: 2.5rem 2rem;
    color: #fff;
}

.rel-cnt h4 {
    font-weight: 600;
    font-size: 20px;
    margin: 0;
}

.rel-cnt h4 img {
    margin-left: 10px;
}

.related-box.green .rel-cnt {
    background: #8BC83C;
}

.related-box.orange .rel-cnt {
    background: #F99220;
}

section.realted .row {
    margin-top: 1.5rem;
}

section.realted {
    margin-bottom: 6rem;
}

section.banner.member {
    background-image: url('/themes/afforum/images/member.png');
}

.path-latest-news section.banner.member {
    background-image: url('/themes/afforum/images/news-event-banner.png') !important;
}

.hover_data {
    display: none;
}

.node.node--type-about .field--name-body img {
    width: 100%;
    height: auto;
}

.rel-cnt a {
    color: #fff;
}

.view-id-related_links .view-content .views-row:nth-child(2) .rel-cnt {
    background: #8BC83C;
}

.view-id-related_links .view-content .views-row:nth-child(3) .rel-cnt {
    background: #F99220;
}

.path-publications section.banner.member {
    background-image: url('/themes/afforum/images/publication-deatils-banner.png') !important;
}

h4.title-new {
    font-size: 36px;
    font-weight: 600;
}

.programme h4.title-new {
    text-align: center;
    margin-bottom: 2.5rem;
}

p.para {
    font-size: 19px;
    color: #222222;
    text-align: center;
    font-weight: 400;
    opacity: 0.6;
}

.primary {
    color: #4C8500;
}

.fc-card .img_f {
    height: 280px;
    overflow: hidden;
    text-align: center;
    align-content: center;
    display: flex;
    justify-content: center;
    padding: 3%;
}

.fc-card .img_f img {
    /* width: 100%;
    height: 100%;
    object-fit: cover; */

    width: 95%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.fc-card {
    margin: 10px 16px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    overflow: hidden;
}

.fc_content {
    padding: 20px;
    min-height: 188px;
}

.fc_content p {
    font-size: 18px;
}

.path-frontpage .container {
    max-width: 1380px;
    width: 90%;
}

span.fc_date {
    color: #4C8500;
}

.focus-slider .slick-arrow {
    top: -4.85rem;
    right: 0;
    border: 2px solid rgba(51, 51, 51, 0.8);
}

.focus-slider .slick-arrow.slick-prev {
    right: 4rem;
}

.path-frontpage .focus-slider {
    margin-left: 0;
    margin-right: 0;
    margin-top: 1.75rem;
}

.lg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sm_fc_img img {
    width: 100%;
    height: 183px;
    object-fit: cover;
    border-radius: 8px;
}

.lg {
    border: 1px solid #4C8500;
    border-radius: 10px;
    padding: 2rem;
}

.lg-img {
    border-radius: 10px;
    overflow: hidden;
    height: 400px;
    margin-bottom: 1rem;
}

.dt span {
    font-size: 16px;
    color: #4C8500;
}

.dt {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.lg h4 {
    font-size: 24px;
    line-height: 37px;
}

.lg h4 a {
    color: #212529;
    text-decoration: none;
}

.sm_fc_block {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 20px;
}

.sm_fc {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.sm_fc_img {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    height: 195px;
    max-width: 214px;
}

.sm_fc_cnt h5 {
    font-size: 18px;
}

.sm_fc_cnt h5 a {
    font-size: 18px;
    color: #212529;
    text-decoration: none;
}

section.public {
    margin: 6rem 0;
}

.pu-box {
    background: rgba(225, 225, 225, 0.25);
    border-radius: 20px;
    padding: 0 30px 30px;
    margin-top: 5rem;
}

span.pu_pub {
    color: #4C8500;
    display: block;
    font-size: 16px;
}

span.author {
    display: block;
    color: #7A7A7A;
    margin: 5px 0;
}

span.date_pu {
    font-size: 16px;
    color: #333333;
}

.pub-box-im {
    margin-bottom: 10px;
    position: relative;
    text-align: center;
    top: -4rem;
    margin-bottom: -3rem;
}

.pu-box h6 {
    margin-bottom: 11px;
    min-height: 115px;
}

.event-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.event-img {
    height: 250px;
    border-radius: 10px;
    overflow: hidden;
}

.event-cnt {
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    background: #fff;
    max-width: 90%;
    margin: auto;
    position: relative;
    top: -4rem;
    padding: 15px;
    border-radius: 5px;
}

section.news-new {
    margin-top: 6rem;
}

.public h4.title-new.primary {
    margin-bottom: 1.5rem;
}

section.events-new .title-new {
    margin-bottom: 2rem;
}

.public h4.title-new.primary {
    margin-bottom: 1.5rem;
}

section.events-new .title-new {
    margin-bottom: 2rem;
}

.main-slider .views-field.views-field-title>span>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    filter: brightness(0.6);
}

.main-slider .view-content.single-slider {}

.main-slider a.global-cta.filled-white {
    /* border-radius: 10px; */
    color: #4C8500;
}

section.events-new {
    background: #F7F7F7;
    padding: 1rem 0.5rem;
}

.focus-slider .slick-list {
    padding: 0 15% 0 0 !important;
}

.event-cnt h5 a {
    color: #212529;
}

.fc_content a {
    font-size: 18px;
    color: #212529;
    width: 100%;
    float: left;
    margin-bottom: 1rem;
    text-decoration: none;
}

.pu-box h6 a {
    color: #212529;
    text-decoration: none;
}

section.main-slider>div .region.region-hero-slider {
    height: 100%;
}

section.main-slider>div .region.region-hero-slider>div {
    height: 100%;
}

section.main-slider>div .region.region-hero-slider .content {
    height: 100%;
}

section.main-slider>div .region.region-hero-slider .content div {
    height: 100%;
    text-align: center;
    overflow: hidden;
}

.slide-r.container {
    position: relative;
    z-index: 2;
    display: flex;
    /* align-items: center; */
    padding-bottom: 0rem;
    /* justify-content: center; */
}

.slider-content {
    height: fit-content !important;
}



/********* new CSS ********/
#views-exposed-form-publications-page-1 .form-type-select {
    width: 100%;
}

#views-exposed-form-publications-page-1 input,
#views-exposed-form-publications-page-1 select {
    background: rgba(0, 0, 0, 0.05);
    border: 0px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    height: 57px;
    margin-bottom: 30px;
    padding: 15px 17px 15px 40px;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #7A7A7A;
    position: relative;
    width: 100%;
}

#views-exposed-form-news-page-1 .form-type-select {
    width: 100%;
}

#views-exposed-form-news-page-1 input,
#views-exposed-form-news-page-3 input,
#views-exposed-form-news-page-1 select,
#views-exposed-form-news-page-3 select {
    background: rgba(0, 0, 0, 0.05);
    border: 0px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    height: 57px;
    margin-bottom: 30px;
    padding: 15px 17px 15px 40px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    position: relative;
    width: 100%;
}

#views-exposed-form-events-page-1 .form-type-select {
    width: 100%;
}

#views-exposed-form-events-page-1 input,
#views-exposed-form-events-page-1 select {
    background: rgba(0, 0, 0, 0.05);
    border: 0px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    height: 57px;
    margin-bottom: 30px;
    padding: 15px 17px 15px 40px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    position: relative;
    width: 100%;
}

.page-node-type-publications .banner.member {
    background: none;
    color: #000;
    padding: 5rem 0;
    margin-bottom: 0;
}

.publication-details-text h6 {
    /* height: 150px; */
}

.view-videos .view-content h3 {
    width: 100%;
}

.event-news-col:nth-child(n+4) {
    clear: both;
}

.view-id-news.view-display-id-page_1 .main-title,
.view-id-news.view-display-id-page_3 .main-title {
    margin-top: 0;
}

.pager ul a {
    color: #4C8500;
}

.pager ul {
    margin: 0;
    padding: 0;
    color: #4C8500;
}

.pager li {
    display: inline;
    padding: 10px;
    border: 1px solid #cdcdcd;
    margin-right: 5px;
}

.pager ul li.pager__item.is-active a {
    color: #fff;
}

.pager ul li.pager__item.is-active {
    background: #4C8500;
    color: #fff;
}


#views-exposed-form-vacancies-vacancies input,
#views-exposed-form-vacancies-vacancies select {
    background: rgba(0, 0, 0, 0.05);
    border: 0px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    height: 57px;
    margin-bottom: 30px;
    padding: 15px 17px 15px 40px;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #7A7A7A;
    position: relative;
    width: 100%;
}

#views-exposed-form-knowledge-block-1 input,
#views-exposed-form-knowledge-block-1 select {
    background: rgba(0, 0, 0, 0.05);
    border: 0px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    height: 57px;
    margin-bottom: 30px;
    padding: 15px 17px 15px 40px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    position: relative;
    width: 100%;
}

/* @media (min-width: 1200px){
.col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 31.333333%;
}
} */


table.views-table.views-view-table th {
    vertical-align: bottom;
    border-bottom: 1px solid #AAAAAA;
    font-weight: 500;
    font-size: 26px;
    line-height: 48px;
    color: #000000;
    padding: 30px 10px;
}

table.views-table.views-view-table tr {
    box-shadow: unset;
    border: 0px;
    /* border-bottom: 1px solid #AAAAAA; */
}

table.views-table a {
    color: #3E3E3E;
    text-decoration: none;
}

table.views-table.views-view-table td {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    padding: 30px 10px;
    color: #3E3E3E;
}

th#view-field-duty-station-table-column,
#view-field-job-category-table-column,
#view-field-level-table-column {
    width: 20%;
}

.form-item-field-job-category-target-id+.form-item {
    float: none !important;
}

.view-knowledge .view-header {
    padding: 24px;
    background: #F2F2F2;
    border-radius: 10px;
}

.view-knowledge .view-header h2 {
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    color: #559433;
}

.view-knowledge .views-field .views-field-title {
    display: flex;
    align-items: center;
}


.views-field-field-program-area a {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #559433;
    text-decoration: none;

}

.views-field-field-abstract p {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}

.views-field-title a {
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.5);

    /* font-size: 18px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 299px; */


}

.views-field-field-year .field-content {
    font-size: 14px;
    line-height: 21px;
    color: #000000;

}

.knowledge-img img {
    vertical-align: middle;
    border-style: none;
    height: auto;
    width: 100%;
}

.view-knowledge .col-xl-4 {
    border: 1px solid rgba(0, 0, 0, 0.1);
    /* margin-top: 40px; */
    margin: 15px 10px;
    padding: 10px 20px;
    max-width: 31.333333%;
}

.view-knowledge .punlication-card {
    margin-bottom: 15px;
    background: #FFFFFF;
    border: 1px solid rgba(85, 148, 51, 0.5);
    border-radius: 10px;
    /* width: 100%; */
    padding: 10px 20px;
}

.views-field-title .work-paper a {
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    /* color: rgba(0, 0, 0, 0.5); */
    color: #fff;
}

.views-field-title .punlication-card .download a {
    font-size: 14px;
    font-weight: 500;
    /* padding-left: 10px; */
    margin-left: 4px;
    color: #09BC8A;
    text-decoration: none !important;
}

.views-field-title .punlication-card h4 a {
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.program-area {
    padding: 10px 0px;
}

.program-area a {
    color: #559433;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    text-decoration: none;
}

.knowledge-card-text .description p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000;

}

.knowledge-card-text .knowledge-txt a {
    font-size: 16px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.5);

}

.knowledge-card-text p .publication-date {
    font-size: 14px;
    line-height: 21px;
    color: #000000;
}

.knowledge-txt a {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.5);
    text-decoration: none;
}

.download-dark span {
    font-size: 12px;
    color: #559433;
    text-decoration: none;
}

.download-dark a {
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: #559433;
    text-decoration: none;
}

.view-id-banner_image.view-display-id-block_1 img {
    width: 100%;
    height: auto;
}

.view-publications .publication-details-image img {
    width: auto !important;
    height: auto !important;
    border-bottom: none !important;
    object-fit: cover;
}

.view-publications .publication-details-image {
    width: auto;
    height: auto;
    border-bottom: none !important;
    padding: 13px 22px;
}

.view-banner-image.view-id-banner_image.view-display-id-block_1:after {
    content: "";
    background: rgba(0, 0, 0, .5);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.view-banner-image.view-id-banner_image.view-display-id-block_1 .views-field-title {
    position: absolute;
    top: 16%;
    color: #fff;
    z-index: 9;
}

.view-banner-image.view-id-banner_image.view-display-id-block_1 {
    position: relative;
}


button.d-btn {
    border: 0px;
    /* padding: 4px 40px 4px 4px; */
    /* color: #fff; */
    background-color: #09bb8b;
    width: 191px;
}

.d-btn a {
    color: #fff;
    text-decoration: none;
}



.page-node-type-publications .col-md-3.col-12.we-provide {
    display: none;
}

.page-node-type-publications .col-md-9.col-12 {
    flex: 100%;
    max-width: 100%;
}

.publication-detail .img-txt a {
    text-decoration: none;
    color: #09bb8b;
}



.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-image: none;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    height: auto;
    width: auto;
}

.carousel-control-prev {
    z-index: 99999;
    top: auto;
    bottom: 5rem;
    width: auto;
    left: 47%;
}

.carousel-control-next {
    z-index: 99999;
    top: auto;
    bottom: 5rem;
    width: auto;
    right: 47%;
}




nav#block-afforum-main-menu ul {
    padding-left: 40px;
}

.publication-detail .img-txt a {
    display: block;
}

.node-knowledge-base-form input,
.node-knowledge-base-form textarea {
    background: rgba(0, 0, 0, 0.05);
    border: 0px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    height: 57px;
    margin-bottom: 30px;
    padding: 15px 17px 15px 40px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin-top: 15px;
    color: #000;
    position: relative;
    width: 100%;
}

.node-knowledge-base-form input,
.node-knowledge-base-form select {
    background: rgba(0, 0, 0, 0.05);
    border: 0px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    height: 57px;
    margin-bottom: 30px;
    margin-top: 15px;
    ;
    padding: 15px 17px 15px 40px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    position: relative;
    width: 100%;
    display: block;
}

.page-node-type-vacancies .col-md-3.col-12.we-provide {
    display: none;
}

.page-node-type-vacancies .col-md-9 {
    flex: 0 0 100%;
    max-width: 100%;
}

.node-knowledge-base-form .vertical-tabs.clearfix,
.node-knowledge-base-form .field--name-field-related-program,
.node-knowledge-base-form .field--name-field-feature,
.node-knowledge-base-form .field--name-field-cover-image,
.node-knowledge-base-form .field--name-field-program-area,
.node-knowledge-base-form #edit-field-abstract-0-format,
.node-knowledge-base-form .field--name-field-subject-area {
    display: none;
}

.node-knowledge-base-form .js-form-submit {
    width: 20%;
    text-align: center;
    color: #fff;
    background: #559433;
    border-radius: 0;
    padding: 0;
    left: 38%;
}

.node-knowledge-base-form #edit-preview {
    display: none;
}

.node-knowledge-base-form .js-form-item-title-0-value,
.node-knowledge-base-form .js-form-item-field-knowledge-base-type,
.node-knowledge-base-form .js-form-item-field-related-country {
    float: left;
    width: 50%;
}

.node-knowledge-base-form #edit-title-0-value,
.node-knowledge-base-form #edit-field-knowledge-base-type,
.node-knowledge-base-form #edit-field-related-country {
    width: 90%;
    margin: 15px 0px 15px 0px;

}

.node-knowledge-base-form #edit-field-abstract-0-value,
.node-knowledge-base-form #edit-field-link-access-0-value,
.node-knowledge-base-form #edit-field-year {
    width: 48%;
}

.-node-add-knowledge_base .col-md-3.col-12.we-provide {
    display: none;
}

.-node-add-knowledge_base .col-md-9.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.-node-add-knowledge_base .main-section .row::before {
    content: "Knowledge Base Upload Form";
    font-size: 28px;
    font-weight: 600;
    padding: 10px 10px 10px 18px;
    margin-bottom: 25px;
}

.-node-add-knowledge_base .main-section .row {
    content: "Knowledge Base Upload Form";
    font-size: 28px;
    font-weight: 600;
    padding: 40px;
    margin-bottom: 25px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
}

.node-knowledge-base-form label {
    font-size: 18px;
    font-weight: 600;
}

.-node-add-knowledge_base section.banner.member {
    background-image: url('/themes/afforum/images/sl1.png') !important;

}

.-partners-regional-and-global-research-organisations .partners .partners-card .partners-img img {
    width: 503px;
    height: auto;
    object-fit: cover;
}

.staff-person-information .person-information-left {
    margin-top: 72px;
}

.staff-person-information .person-information-left .h1 {
    font-size: 4rem;
    line-height: 1.125;
    font-weight: 700;
}

.staff-person-information .person-information-left .person-address {
    display: flex;
}

.staff-person-information .person-information-left .person-country {
    font-family: "acumin-pro-semi-condensed", sans-serif;
    font-weight: 700;
    background-repeat: no-repeat;
    background-size: 100% 2px, 0 2px;
    text-decoration: none;
    transition: 0.5s;
    background-position: left 100%;
    padding-bottom: 5px;
    margin-right: .625rem;
    margin-bottom: 1.25rem;
}

.staff-person-information .person-information-left .person-region {
    font-family: "acumin-pro-semi-condensed", sans-serif;
    font-weight: 700;
    background-repeat: no-repeat;
    background-size: 100% 2px, 0 2px;
    text-decoration: none;
    transition: 0.5s;
    background-position: left 100%;
    padding-bottom: 5px;
    margin-right: .625rem;
    margin-bottom: 1.25rem;
}

.staff-person-information .person-information-right {
    flex-direction: column;
    align-items: flex-end;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.staff-person-information .person-information-right .person-image img {
    border-radius: 100%;
    height: 230px;
    width: 230px;
}

.staff-person-information .person-description p {
    font-family: "acumin-pro-semi-condensed", sans-serif;
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 1.66667;
}


.staff-person-information .person-links {
    display: flex;
    margin-bottom: 30px;
}

.staff-person-information .person-links .person-google-link,
.person-research-link,
.person-orcid-link {
    background-color: #f3b229;
    margin-right: 20px;
    font-size: .8125rem;
    line-height: 1.23077;
    padding: 12px 20px;
    border-radius: 5px;
    width: 140px;
    text-align: center;

}

.staff-person-information .person-links .person-google-link:hover,
.person-research-link:hover,
.person-orcid-link:hover {
    background-color: #ffd271;
}

.staff-person-information .person-links .person-google-link a,
.person-research-link a,
.person-orcid-link a {
    color: black;
    text-decoration: none;
}

.staff-person-information .person-links .person-google-link,
.person-research-link,
.person-orcid-link a:hover {
    text-decoration: none;
}

.staff-person-information .border-line {
    border: 2px solid #1a1919;
    margin-top: 30px;
    margin-bottom: 70px;
}

.staff-person-information .person-contact {
    font-family: "adobe-caslon-pro", serif;
    font-weight: 400;
    font-style: italic;
    font-size: .9375rem;
    line-height: 1.26667;
}

.page-node-type-staff .block-local-tasks-block {
    display: none;
}

.page-node-type-staff .col-md-9.col-12 {
    max-width: 100%;
}


#block-afforum-main-menu .content ul {
    display: flex;
}

#block-afforum-main-menu .content ul li {
    position: relative;
    display: inline-block;
    cursor: help;
    line-height: 21px;
}

#block-afforum-main-menu .content ul li ul {
    top: 25px;
    display: table;
    visibility: visible;
    min-width: 230px;
    background-color: white;
    color: #fff;
    text-align: left;
    padding: 10px 16px;
    border-radius: 2px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: -20px;
    transition: opacity 0.3s;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
    display: none;
}

#block-afforum-main-menu .content ul li ul li {
    margin: 0 auto;
    padding-bottom: 15px;
}

/* #block-afforum-main-menu .content ul li:hover ul {
    visibility: visible;
    opacity: 1;
    text-align: left;
} */
#block-afforum-main-menu .content ul li:hover ul {
    display: table;
    opacity: 1;
    text-align: left;
}

/* media  Queries */

@media (max-width: 1300px) {

    .single-slider h1 {
        font-size: 25px;
    }

    iframe#twitter-widget-0 {
        max-width: 120%;
    }

    nav#block-afforum-main-menu ul {
        padding-left: 16px;
    }

    header ul li:not(:last-child) {
        margin-right: 1rem;
    }

    header ul li a {
        font-size: 18px;
    }

}

@media (max-width:1199.99px) {
    .carousel-control-next {
        right: 45%;
    }

    header ul li:not(:last-child) {
        margin-right: 8px;
    }

    .carousel-control-prev {
        left: 45%;
    }

    nav#block-afforum-main-menu ul {
        padding-left: 12px;
    }

    header ul li a {
        font-size: 16px;
    }

}

@media (max-width:1024px) {

    section.main-slider {
        height: 100vh;
    }

    nav#block-afforum-main-menu ul {
        padding-left: 14px;

    }

    header ul li:not(:last-child) {
        margin-right: 8px;
    }

    header ul li a {
        font-size: 14px;
    }



}

@media (min-width: 981px) {
    .toggles {
        display: none;
    }
}

@media (max-width: 991.99px) {
    .menus {
        position: fixed;
        width: 100%;
        background: #fff;
        height: 100%;
        left: 0;
        top: 8rem;
        z-index: 199;
        padding: 2rem;
        transition: all 0.3s ease-in;
        left: -100%;
    }

    .single-slider h1 {
        font-size: 25px;
        line-height: 1.4;
        margin-bottom: 2rem;
    }

    .slider-content h1 {
        font-size: 35px;
        padding: 0px 40px;
        line-height: 50px;
    }

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

    section.main-slider>div {
        width: 100%;
    }

    .slide-r.container {
        width: 100%;
        padding-bottom: 4rem;
    }

    .logo img {
        max-width: 5rem;
    }

    .top-header a {
        font-size: 12px;
    }

    .top-header {
        padding: 5px 0;
    }

    img.close-menu {
        display: none;
    }

    section.main-slider {
        padding: 0;
    }

    .single-slider .slick-arrow.slick-next {
        right: -4rem;
    }

    .single-slider .slick-arrow {
        left: -22%;
    }

    h4.title-new {
        font-size: 25px;
    }

    p.para {
        font-size: 16px;
    }

    .programme h4.title-new {
        margin-bottom: 1rem;
    }

    section.programme {
        margin: 3rem 0;
    }

    .box {
        margin-bottom: 2rem;
    }

    .box h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .fc-card {
        margin: 5px;
    }

    .fc-card .img_f {
        height: 200px;
    }

    .fc_content p {
        font-size: 14px;
    }

    span.fc_date {
        font-size: 15px;
    }

    .focus-slider .slick-arrow {
        top: -4rem;
    }

    .news-new a.global-cta.black.outline {
        display: none;
    }

    .lg {
        padding: 1rem;
        margin-bottom: 2rem;
    }

    .lg-img {
        height: 200px;
    }

    .lg h4 {
        font-size: 18px;
        line-height: 1.4;
    }

    .sm_fc_cnt h5 {
        font-size: 14px;
    }

    .dt span {
        font-size: 12px;
    }

    .dt img {
        max-width: 15px;
    }

    .sm_fc_img {
        width: 135px;
        flex: none;
        height: 145px;
    }

    .sm_fc_block {
        margin: 0;
        margin-bottom: 30px;
    }

    section.public {
        margin: 3rem 0;
    }

    .pu-box h6 {
        min-height: 0;
    }

    .event-box h5 {
        font-size: 14px;
    }

    .event-box h6 {
        font-size: 12px;
    }

    .event-box p {
        font-size: 14px;
    }

    section.events-new {
        margin-bottom: 1rem;
    }

    footer p {
        font-size: 14px;
    }

    h4.title {
        margin-bottom: 1rem;
    }

    footer .row {
        gap: 3rem;
    }

    footer li a {
        font-size: 14px;
    }

    footer li {
        margin-bottom: 10px;
    }

    body {
        font-size: 14px;
    }

    .menus li {
        display: block;
        margin-bottom: 1rem;
    }

    section.news-new {
        margin-top: 3rem;
    }

    .menus.show {
        left: 0;
        /* position: absolute; */
    }

    .banner h1 {
        font-size: 30px;
    }

    section.banner p {
        font-size: 16px;
        margin: 0;
    }

    section.banner {
        padding: 3rem 0;
        margin-bottom: 2rem;
    }

    .we-provide {
        margin-bottom: 2rem;
    }

    body .we-provide .side-menu ul li a {
        font-size: 16px;
    }

    h2.head {
        font-size: 25px;
    }

    p.cmn {
        font-size: 16px;
    }

    .over-img {
        margin-bottom: 1rem;
        height: 200px;
    }

    section.abt-map {
        margin: 2rem 0;
    }

    h4.heading {
        font-size: 25px;
    }

    .p-block p {
        font-size: 14px;
    }

    body .purpose {
        padding-bottom: 50px;
    }

    .container {
        padding-right: 0;
        padding-left: 0;
    }

    section.abt-last {
        margin-bottom: 3rem;
    }

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

    .bottom-footer p {
        margin: 0;
    }

    .f-icon:not(:last-child) {
        margin-bottom: 1rem;
    }

    .f-icon img {
        max-width: 18px;
    }

    .image {
        margin-top: 1rem;
        border: 1px solid #e5e5e5;
        text-align: center;
        padding: 1rem;
    }

    .node-knowledge-base-form .js-form-item-title-0-value,
    .node-knowledge-base-form .js-form-item-field-knowledge-base-type,
    .node-knowledge-base-form .js-form-item-field-related-country {
        float: none !important;
        ;
        width: auto;
    }

    .node-knowledge-base-form #edit-title-0-value,
    .node-knowledge-base-form #edit-field-knowledge-base-type,
    .node-knowledge-base-form #edit-field-related-country {
        width: 100%;
        margin: 15px 0px 15px 0px;

    }

    .node-knowledge-base-form #edit-field-abstract-0-value,
    .node-knowledge-base-form #edit-field-link-access-0-value,
    .node-knowledge-base-form #edit-field-year {
        width: 100%;
    }

    section.interested {
        margin: 3rem 0;
        padding: 3rem 0;
    }

    section.interested h2 {
        font-size: 20px;
    }

    .interested a.global-cta.filled-white {
        width: 100%;
    }

    .related-box {
        margin-bottom: 1.5rem;
    }

    .rel-cnt {
        padding: 1rem;
    }

    .rel-cnt h4 {
        font-size: 14px;
    }

    .rel-cnt h4 img {
        width: 18px;
    }

    section.realted {
        margin-bottom: 2rem;
    }

    .programe-public .col-md-4.col-6 {
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }

    .pub2 h4 {
        font-size: 14px;
    }

    .pub2 h5 {
        font-size: 12px;
        margin-top: 10px;
    }

    .down img {
        width: 21px;
    }

    .down {
        font-size: 12px;
    }

    .pub1 span {
        font-size: 12px;
    }

    section.banner.prg {
        margin-bottom: 0 !important;
    }

    section.goals {
        margin: 2rem 0;
        padding: 2rem 0;
    }

    section.goals h2 {
        margin-bottom: 2rem;
    }

    section.goals h3 {
        font-size: 25px;
    }

    section.goals p {
        color: #000;
    }

    section.img-block .row {
        margin: 0;
    }

    section.img-block .col-md-5 {
        padding: 0;
    }

    section.img-block .col-md-7 {
        padding: 1.5rem 1rem;
    }

    section.img-block h2 {
        font-size: 25px;
    }

    section.img-block {
        margin: 2rem 0;
    }

    section.programe-public {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    section.programe-public .global-cta {
        width: auto;
    }

    section.news .global-cta {
        display: none;
    }

    section.news .mb-5 {
        margin-bottom: 1rem !important;
    }

    .news-card {
        margin-bottom: 15px !important;
    }

    .news-cnt span {
        font-size: 10px;
    }

    .news-card img {
        height: 235px;
    }

    .k-card h5 {
        font-size: 16px;
    }

    section.news {
        margin-bottom: 2rem;
    }

    .profile-card {
        margin-bottom: 2rem;
        height: auto;
        position: relative;
    }

    .profile-card img {
        height: 100%;
    }

    section.events {
        margin: 2rem 0;
    }

    .global-cta {
        padding: 0 2rem;
        font-size: 16px;
        height: 50px;
        white-space: pre;
    }

    .k-card {
        margin-bottom: 2rem;
    }

    section.knowledge {
        margin-bottom: 2rem;
    }

    input#edit-title--2 {
        width: 100%;
    }

    .top-header ul {
        display: flex;
        justify-content: space-between;
    }

    .event-cnt {
        top: -2.5rem;
    }

    #block-twitter iframe {
        position: static !important;
    }

    .staff .col-md-3.col-12 {
        max-width: 25%;
        flex: 0 0 25%;
    }

    .public .col-md-3 {

        flex: 0 0 50%;
        max-width: 50%;
    }

    .events-new .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .news-new .col-md-6 {

        flex: 0 0 100%;
        max-width: 100%;
    }

    section.main-slider {
        height: 100vh;
    }

    .articales .articales-card .articales-text {
        padding: 18px 0px;
    }

    .publication-detail .publication-img img {
        width: auto;
        padding: 20px 0;
    }

    .main-title h2 {
        font-size: 25px;
    }

    .tabs-sec .main-title h2,
    .realted .main-title h2 {
        font-size: 25px;
    }

    button.btn.btn-primary-outline {
        padding: 0 2rem;
        font-size: 16px;
        height: 50px;
        white-space: pre;
    }

    button.btn.btn-primary-outline a {
        color: #000;

    }

    .carousel-control-prev {

        left: 42%;
        bottom: 4rem;
    }

    .carousel-control-next {
        right: 42%;
        bottom: 4rem;
    }

    .view-vacancies .view-content {
        width: 100%;
        overflow: scroll;
    }


}



@media (max-width:820px) {
    section.main-slider {
        height: 50vh;
    }
}

@media (max-width:768px) {
    section.main-slider {
        height: 50vh;
    }
}

@media (max-width:767px) {
    section.main-slider {
        height: 100vh;
    }

    .slider-content h1 {
        font-size: 28px;
        line-height: 30px;
        padding: 0px 20px;
    }

    .carousel-control-prev,
    .carousel-control-next {
        bottom: 4rem;

    }

    .staff-person-information .person-information-right {
        text-align: center;
    }

    .staff-person-information .person-information-right .person-image {
        display: block;
        margin: 0 auto;
    }
}


@media (max-width:580px) {

    .slider-content h1 {
        font-size: 24px;
        line-height: 30px;
        padding: 0px 20px;
    }

    .slider-content {
        margin-top: 4rem;
    }

    section.main-slider {
        height: 50vh;
    }

    .global-cta {
        height: 40px;
        min-width: 100px;
    }

    .views-field-title a {
        font-size: 14px;
    }

    .public .col-md-3 {

        flex: 0 0 100%;
        max-width: 100%;
    }

    .events-new .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .flip-card {
        margin-top: 20px;
    }

    .staff .col-md-3.col-12 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .publication-details-image img {
        width: 75% !important;
    }

    .publication-details-text h6 {
        height: 100px;
    }

    .publication-details-image {
        padding: 22px;
    }


    .realted button.btn.btn-primary-outline {
        height: 40px;
        min-width: 100px;
    }

    .realted button.btn.btn-primary-outline a {
        padding: 0;
        font-size: 16px;
        white-space: pre;
        color: #000;
    }

    .carousel-control-next,
    .carousel-control-prev {

        bottom: 3rem;
    }

    .carousel-control-prev {

        left: 35%;
    }

    .carousel-control-next {
        right: 35%;
    }



}

@media (max-width:375px) {

    .carousel-control-next,
    .carousel-control-prev {

        bottom: 1rem;
    }

    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        width: 28px;
        height: 28px;
    }

    .slider-content h1 {
        font-size: 14px;
    }

}

/* my  css  */

.page-node-type-events .col-md-3.col-12.we-provide {
    display: none !important;
}

.page-node-type-events .col-md-9.col-12 {
    flex: 0 0 100% !important;
    max-width: 100%;
}

.event-date-info {
    background-color: #e8e8e7;
    height: 80px;
    padding: 25px;
    margin: 40px auto;
}

.event-date-info .col-md-9.col-12 span {
    margin: 0px 8px;
}

.partners .partners-card .partners-img img {
    width: 260px !important;
    height: 190px !important;
    object-fit: cover;
}

.page-node-type-events div#block-afforum-content .col-md-8.offset-2 {
    text-align: center;
}

.page-node-type-knowledge-base .col-md-9.col-12 {
    flex: 100%;
    max-width: 100%;
}

.page-node-type-knowledge-base .public {
    width: 100%;
}

.page-node-type-knowledge-base .public .container .event-row {
    text-align: center;
    justify-content: center !important;
}

.page-node-type-knowledge-base .public .container .event-row .global-cta {
    padding: 0 5rem !important;
}

.path-author-publication .publication-details-text .download p a:nth-child(2) {
    display: none;
}

.path-author-publication #views-exposed-form-author-publication-page-1 select {
    background: rgba(0, 0, 0, 0.05);
    border: 0px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    height: 57px;
    margin-bottom: 30px;
    padding: 15px 17px 15px 40px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    position: relative;
    width: 100%;
}

.path-author-publication #views-exposed-form-author-publication-page-1 {
    display: flex;
}

.path-author-publication #views-exposed-form-author-publication-page-1 input {
    background: rgba(0, 0, 0, 0.05);
    border: 0px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    height: 57px;
    margin-bottom: 30px;
    /* padding: 15px 17px 15px 40px; */
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    position: relative;
    width: 100%;
}

.main-section {
    margin-top: 60px;
}

table.views-table.views-view-table tbody .views-field-field-date {
    text-align: center !important;

    white-space: nowrap !important;
    position: relative;
    /* bottom: 75px; */
}

table.views-table.views-view-table tbody .views-field-field-duty-station {
    position: relative;
    /* bottom: 61px; */
}

table.views-table.views-view-table tbody .views-field-field-job-category {
    position: relative;
    /* bottom: 75px; */
}

table.views-table.views-view-table tbody .views-field-field-level {
    position: relative;
    /* bottom: 75px; */
}

.path-vacancies table.views-table.views-view-table {
    position: relative;
    bottom: 41px;
}

.page-node-type-page .bef-exposed-form input#edit-combine {
    background: rgba(0, 0, 0, 0.05);
    border: 0px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    height: 57px;
    margin-bottom: 30px;
    padding: 15px 17px 15px 40px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    position: relative;
    width: 100%;
}

.page-node-type-events .main-section #block-tabs #block-afforum-content .col-md-8.offset-2 div {
    display: flex;
    justify-content: center;
}

.page-node-type-events div#block-afforum-content .col-md-8.offset-2 {
    text-align: left !important;
}

.node-67 .node.node--type-about .field--name-body img {
    width: auto;
    height: auto;
    margin-right: 10px;
    margin-bottom: 20px;
}

#block-afforum-content .field--name-field-image img {
    width: 100%;
    height: auto;
}

.view-id-banner_image .views-row .container h1 {
    font-size: 2rem;
}

.publication-details-text h6 a {
    font-size: 14px !important;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 265px;
    font-weight: 500;
}




#block-mainmenus ul li.menu-item.menu-item--expanded ul.menu li ul {
    background-color: #fff;
    min-width: 209px;
    padding: 0;
    position: absolute;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    right: -100%;
    padding: 11px;
}

#block-mainmenus ul li.menu-item.menu-item--expanded ul.menu li:hover ul {
    opacity: 1;
    visibility: visible;
    top: -32%;
    -webkit-transition: all 0.5sease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5sease;
    left: 21%;

}

#block-mainmenus ul li.menu-item.menu-item--expanded ul {
    background-color: #fff;
    min-width: 261px;
    padding: 0;
    position: absolute;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    right: 51%;
    padding: 11px;

    gap: 4px;
    display: flex;
    flex-direction: column;
}

#block-mainmenus ul li.menu-item.menu-item--expanded:hover ul {
    opacity: 1;
    visibility: visible;
    top: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#block-mainmenus ul li.menu-item.menu-item--expanded {


    position: relative;
}

.page-node-type-focus #block-afforum-content h1 {
    font-size: 1.5rem !important;
}

.node.node--type-about .field--name-body p,
.node.node--type-about .field--name-body p strong {
    /*display: flex;*/
    flex-flow: column;
}

.node.node--type-about .field--name-body img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.page-node-type-page #block-afforum-content figure {
    width: 100% !important;

}

.page-node-type-page #block-afforum-content figure img {
    width: 100%;
    height: auto;
    object-fit: cover;

}

.page-node-type-page #block-afforum-content figure a img {
    /* width: 60%; */
    height: auto;
    object-fit: cover;
}

.ngg-gallery-thumbnail-box a img {

    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    max-width: 100% !important;
    height: auto;
    margin: 0 auto;
    box-shadow: none;
    cursor: pointer;
}

.ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box {
    display: inline-block;
    float: none;
    vertical-align: middle;
}

.entry-content p img {
    /* float: left; */
    margin-right: 24px;
    text-align: left;
    width: 23%;
    height: auto;

}

.entry-content strong {
    font-weight: bolder;
    font-weight: bold;
    color: #549433;
}

.entry-content {
    margin-top: 12px;
    color: #606060;
}

#block-mainmenus ul li.menu-item.menu-item--expanded ul.menu .menu-item--expanded {
    margin: 0;
    padding: 0;
}

#block-mainmenus ul li.menu-item.menu-item--expanded ul.menu .menu-item--expanded:nth-child(2) ul.menu {
    left: 40%;
    width: 339px;
    top: 12%;
}

.page-node-type-focus .main-section #block-afforum-content img,
.main-section #block-afforum-content img {
    /* width: 100%;
    height: auto;
    object-fit: cover; */
}

.page-node-type-hero-section #block-afforum-content img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

li.menu-item {
    /* padding: 3px;
    border-bottom: 1px solid #eee; */
}

a.is-active {
    background: #eee;
}

.menu-item--active-trail {
    font-weight: 900;
}

a.is-active {
    background: #eee;
    padding-right: 6px;
    margin: 0;
    font-weight: 600;
    padding-left: 6px;
}

#main-content-page h1 {
    font-size: 1.2rem;
}

.main-entry-content h3 {
    font-size: 1.5rem;
}

.main-images {
    display: flex;
    gap: 12px;
}

.main-images img {
    width: 100% !important;
    height: 210px !important;
    object-fit: cover !important;
}

.images-images img {
    width: 25% !important;
    height: 196px !important;
}

.download-btn button.d-btn img {
    width: 30% !important;
}

.publication-card-text .download a img {
    width: 30% !important;
}

.publication-details-text .download a img {
    width: 13% !important;
}

.publication-details-text p.date {
    font-weight: 400;
    font-size: 14px !important;
    line-height: 21px;
    color: #000000;
    margin-bottom: 10px;
    font-size: 15px !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 265px;
}

.event-news-card .event-news-text p img {
    width: 5% !important;
    height: 20px !important;
}

.event-news-card {
    border: 1px solid rgba(85, 148, 51, 0.2);
    padding: 9px;
}

.event-news-card .event-news-text h3 a {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    /* color: #000000; */
    margin-bottom: 8px;
    text-decoration: none;
    font-size: 19px !important;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 265px;
}

.event-news-card .event-news-img img {
    height: 100% !important;
}

.page-node-type-about .field--name-body p a strong {
    font-weight: bold;
    color: #549433;
}

#block-views-block-focus-block-1-2 .fc-card .fc_content a {
    font-size: 18px !important;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 299px;
}

#block-mainmenus ul.clearfix.menu li.menu-item.menu-item--expanded ul li {
    padding: 3px;
    border-bottom: 1px solid #eee;
    width: 100%;
}

.download-btn .d-btn img {
    filter: invert(1);
}

.download-btn .d-btn:nth-child(2) {
    background-color: var(--secondary);
}

#block-mainmenus ul.clearfix.menu li.menu-item.menu-item--expanded ul li {
    font-weight: normal !important;
}

.menu-item--active-trail {
    background: #eee;
    padding-left: 6px;
    padding-right: 6px;
    margin: 0;
    font-weight: 600;
}

.-policy-database .entry-content ul li a {
    color: #549433;
}

#block-mainmenus ul.clearfix.menu li.menu-item.menu-item--expanded ul li a {
    font-size: 16px;
}


/* custom styles for some pages, done by Martin  */
.project-table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
}

.project-table th,
.project-table td {
    border: 1px solid #ccc;
    padding: 10px;
    vertical-align: top;
    text-align: left;
}

.project-header,
.objectives-header {
    background-color: #2e7d32;
    /* dark green */
    color: white;
    font-weight: bold;
}

.project-page {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    padding: 2rem;
    max-width: 1000px;
    margin: auto;
}

.project-page h1 {
    font-size: 2rem;
    color: #204d25;
    margin-top: 1rem;
}

.project-page h2.subtitle {
    font-size: 1.3rem;
    font-weight: normal;
    color: #3b3b3b;
}

.project-section {
    margin-top: 2rem;
}

.project-image img,
.project-gallery img {
    width: 100%;
    height: auto;
    border-radius: 6px;
    margin-bottom: 0.5rem;
}

.project-image figcaption,
.project-gallery figcaption {
    font-size: 0.9rem;
    color: #666;
}

.project-language-table table,
.activities-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
}

.project-language-table th,
.project-language-table td,
.activities-table th,
.activities-table td {
    border: 1px solid #ccc;
    padding: 1rem;
    vertical-align: top;
}

.project-language-table th,
.activities-table th {
    background-color: #f0f8f4;
}

.project-support {
    background: #e6f7ea;
    padding: 1rem;
    margin-top: 2rem;
    border-left: 4px solid #40916c;
}

.project-gallery {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.project-gallery figure {
    flex: 1 1 30%;
    text-align: center;
}


/* may-21 */
.view-staff img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}

.-about-about-us section.banner,
.-program-area section.banner.prg,
.-news-and-events section.banner.member {
    padding: 5rem;
}

.view-id-banner_image.view-display-id-block_1 img {
    width: 100%;

    height: 471px;
        object-fit: cover;
}

.view-staff .views-field-title a {
    font-size: 22px;
    line-height: 32px;
    color: #0A262C;

    font-weight: 500;
}

.view-staff .field-content {
    font-size: 15px;
    line-height: 24px;
    color: #606060;
}

.main-slider .views-field.views-field-title>span>img {
    height: 100% !important;
}

section.programme {
        margin-top: 21px;
}

.page-node-type-program-areas .goals {
    margin-top: 0;
}

.page-node-type-program-areas .banner {
    margin-bottom: 0;
}

.page-node-type-program-areas nav.breadcrumb {
    margin: 0;
}

.page-node-type-program-areas nav.breadcrumb ol {
    display: flex;
    gap: 0rem;
    list-style: none;
}

.page-node-type-program-areas nav.breadcrumb ol li a::after {
    content: '';
    background-image: url(/themes/afforum/images/arrow-right.png);
    display: inline-block;
    width: 16px;
    height: 10px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 3px;
    position: relative;
    top: -1px;
}

table.views-table.views-view-table th {
    font-size: 19px;
    padding: 15px 10px;
}

.view-voices-from-our-members img {
    width: 100%;
    height: 300px;
    object-fit: cover;
        filter: brightness(0.7);
}

.view-voices-from-our-members p strong {
    /* display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 265px; */
}

.view-voices-from-our-members p {
    /* display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 265px; */
    margin: 3px;
    font-size: 14px;
    margin-top: 14px;


}

.publication-details-card {
    border: 1px solid rgba(85, 148, 51, 0.2);
    margin-bottom: 20px;
    background: rgba(225, 225, 225, 0.25);
    border-radius: 20px;
    padding: 0 30px 30px;
}

.view-publications .publication-details-image {
    width: auto;
    height: auto;
    border-bottom: none !important;
    padding: 0;
    align-items: center;
    align-content: center;
    display: flex;
    justify-content: center;
}

.view-publications .publication-details-image img {
    position: relative;
    top: -45px;
}

.view-publications .view-content.row {
    row-gap: 50px;
}

img.aligncenter {
    width: 100%;
    height: auto;
}

img.alignnone {
    width: 100%;
    height: auto;
}

.entry-content p img {
    width: 100%;
}

.type-rolling_news img {
    width: 100%;
    height: auto;
}

img.wp-image-20550.alignleft {
    width: 23%;
    float: left;
}

.entry-content-block ul li a {
    color: #549433;
}

.-programme-areas #block-afforum-content .col-md-6 img {
    width: 100%;
    height: auto;
    object-fit: cover;
    height: 240px;
        filter: brightness(0.7);
}

.-programme-areas .program_details h3 {
    font-size: 20px;
    margin-top: 24px;
}

.page-node-type-program-areas .punlication-card {
    display: flex;
    align-items: center;
    flex-direction: column;
    border: 1px solid rgba(85, 148, 51, 0.2);
    margin-bottom: 20px;
    background: rgba(225, 225, 225, 0.25);
    border-radius: 20px;
    /* padding: 0 30px 30px; */
    justify-content: center;
}

.page-node-type-program-areas .punlication-card img {}

.field.field--name-field-cover-image.field--type-image.field--label-hidden.field__item {
    position: relative;
    top: -57px;
}


.flip-box {
    background-color: transparent;
    /* width: 300px; */
    height: 240px;
    border: 1px solid #f1f1f1;
    perspective: 1000px;
    /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front,
.flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    /* Safari */
    backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-box-front {
    background-color: #bbb;
    color: black;
}

/* Style the back side */
.flip-box-back {

    color: black;
    transform: rotateY(180deg);
}

.flip-box-front h2 {
    position: absolute;
    bottom: 0px;
    text-align: left;
    margin-left: 5px;
    z-index: 11;
    color: #fff;
}

.flip-box-front h2 a {
    color: #FFF;
    font-size: 18px;
}

.-programme-areas .program_details {
    position: absolute;
       
       bottom: 30px;
    color: #eee;
    left: 26px;
}

.-programme-areas .program_details a {
       background: #eee;
    padding: 5px;
    border-radius: 5px;
    color: black;
}

.-programme-areas #block-afforum-content .row {
    row-gap: 23px;
}

.publication-card-text {
    width: 100% !important;
}
.publication-card-text{
        padding: 0 30px 30px !important;
}

.field--name-field-author-s-list {
       width: 100%;
    display: flex
;
    flex-wrap: wrap;
    gap: 10px;
}
.field--name-field-author-s-list .field__item {
    width: calc(50% - 10px);
}
.field--name-field-author-s-list .field__item::after

 {
    content: ",";
    color: #007bff;
    
   
}
table.views-table.views-view-table td{
        border-bottom: 1px dotted #ff6900;
}
table.views-table.views-view-table th{
         border-bottom: 2px solid #ff6900;
}
.download-dark img{
    width: auto !important;
}
/* .page-node-type-policy-databasse #block-afforum-content .field__item{
        border: 1px solid #eee;
    padding: 4px;
}
.page-node-type-policy-databasse #block-afforum-content .field__label {
    border: 1px solid #eee;
    padding: 4px;   
} */
.page-node-type-policy-databasse .field.field--name-field-jurisdiction.field--type-string.field--label-above{
           display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 65rem;
    gap: 1rem; 
        width: 500px;
}

.page-node-type-policy-databasse .field.field--name-field-status.field--type-list-string.field--label-above{
       display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 65rem;
    gap: 1rem; 
        width: 500px;
}
.page-node-type-policy-databasse .field--name-field-related-country{
      display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 65rem;
    gap: 1rem; 
        width: 500px;
} 
.page-node-type-policy-databasse .field--name-field-year{
       display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 65rem;
    gap: 1rem; 
        width: 500px;
}
.page-node-type-policy-databasse .field--name-field-link-to-policy-document{
  display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 65rem;
    gap: 1rem; 
        width: 500px;
}
#block-publicationblock img {
      object-fit: cover;
    width: 100%;
    height: 420px;
    filter: brightness(0.4);
    
}
.path-publications div#block-afforum-content {
    margin-top: 48px;
}       

h3.publications-page{
       position: absolute;
    top: 29%;
    text-align: left;
    /* width: 100%; */
    color: #fff;
    left: 10%;
    font-size: 65px;
    margin-bottom: 1.5rem;
    font-weight: 600;

}
.page-node-type-publications section.publication-detail {
    /* margin-top: 6%; */
}
.page-node-type-publications section.publication-detail .field--name-field-cover-image{
    top: 0 !important;
}
.page-node-type-publications .event-row{
        margin-bottom: 4rem;
}
section.main-slider{
    height: 720px !important;
}

.view-programme-areas img{
    width: 100%;
    height: auto;
    object-fit: cover;
    height: 240px;
    filter: brightness(0.7);
}
.-programme-areas .program_details h3 a {
    background: none;
    color: #fff;
    font-size: 19px;
}
.-programme-areas .program_details h3 a:hover{
    text-decoration: none;
    cursor:;
}
a.read-more {
    top: 12px;
    position: relative;
}
.slider-content h1{
    text-align:left;
        font-weight: 700;
    margin-bottom: 1rem;
    margin-top: 1rem;
    font-size: 2.5rem;
        font-family: 'Roboto Condensed', sans-serif;
}

section.main-slider>div .region.region-hero-slider .content div{
     text-align:left
}
.slide-r.container{
            /* padding-top: 393px; */
                width: 80%;
                margin-top: 20%;
}
.page-node-type-impact-story .banner{
        background-size: cover;
      height: 400px;
    
        padding: 0;
    align-content: center;
}


#views-exposed-form-policy-database-block-1 select#edit-field-related-country-target-id{
        background: rgba(0, 0, 0, 0.05);
    border: 0px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    height: 57px;
    margin-bottom: 30px;
    padding: 15px 17px 15px 40px;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #7A7A7A;
    position: relative;
    width: 100%;
}
#views-exposed-form-policy-database-block-1  .form-text{
    background: rgba(0, 0, 0, 0.05);
    border: 0px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    height: 57px;
    margin-bottom: 30px;
    padding: 15px 17px 15px 40px;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #7A7A7A;
    position: relative;
    width: 100%;
}
#views-exposed-form-policy-database-block-1 .form-select{
    background: rgba(0, 0, 0, 0.05);
    border: 0px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    height: 57px;
    margin-bottom: 30px;
    padding: 15px 17px 15px 40px;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #7A7A7A;
    position: relative;
    width: 100%;
}
#views-exposed-form-policy-database-block-1 .js-form-item-field-year-value{
        width: 100%;
}
#views-exposed-form-policy-database-block-1 .js-form-item-field-related-country-target-id{
    width: 100%;
}
.page-node-type-news .view-banner-image.view-id-banner_image.view-display-id-block_1 .views-field-title{
        top: 38%;
         width: 100%;
}

.publication-card-text h6 a span{
        color: black;
            font-style: normal;
    font-size: 16px;
    line-height: 24px;
      display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 299px;
}
.publication-card-text h6 a:hover{
    text-decoration: none;
}
.publication-card-text h6 a span:hover{
    text-decoration: none;
}
.publication-card-text h4 div p{
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
      display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 299px; 
}

.view-id-voices_from_our_members .flip-box{
        height: 300px;
}
.publications-page-2{
       position: absolute;
      top: 35%;
    text-align: left;
    /* width: 100%; */
    color: #fff;
    left: 10%;
    font-size: 20px;
    margin-bottom: 1.5rem;
    font-weight: 500;
            font-size: 16px;
        max-width: 60rem;
}
.-why-join-aff .banner{
        padding: 5rem;
    height: 400px;
}
.page-node-type-focus .banner h1{
        font-size: 30px;
}
.news-cnt h4 a span {
    color: #eee;
}
.news-cnt h4 a span:hover {
text-decoration: none;
}.news-cnt h4 a:hover {
text-decoration: none;
}
.event-news-card .event-news-text p img{
    width: 9% !important;
        object-fit: contain !important;
}

#views-exposed-form-impact-stories-page-1 input,
#views-exposed-form-impact-stories-page-1 select{
 background: rgba(0, 0, 0, 0.05);
    border: 0px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    height: 57px;
    margin-bottom: 30px;
    padding: 15px 17px 15px 40px;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #7A7A7A;
    position: relative;
    width: 100%;
}
#views-exposed-form-impact-stories-page-1  .form-type-select{
    width: 100%;
}
.event-news-card .event-news-text h3 a{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 299px;
        line-height: 21px !important;

}
#maincontent figure{
        display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    
}
.view-impact-stories  .event-news-text p{
  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.page-node-type-staff  section.banner.prg{
        display: none;
}

 .impect-story img {
    width: 300px !important;
    height: auto;
    object-fit: cover;
}
.impect-story figcaption{
        width: 300px;
}
 .page-node-type-impact-story .banner .container{
    text-align: center;
} 

.page-node-type-events .banner h1 {
    font-size: 40px;
    margin-bottom: 1.5rem;
}
.slide-r.container{

}
.path-impact-stories #block-impactstory img{
           width: 100%;
    height: 420px;
    filter: brightness(0.4);
}
.path-impact-stories #block-impactstory p.publications-page-2 {
    max-width: 80%;
       font-size: 16px;
    top: 35%;
    font-weight: 400;
}
.publications-page-3{
  position: absolute;
          top: 58%;
    text-align: left;
    /* width: 100%; */
    color: #fff;
    left: 10%;
    
    margin-bottom: 1.5rem;
   font-weight: 400;
        font-size: 16px;

}
.publications-page-4{
 position: absolute;
             top: 76%;

    text-align: left;
    /* width: 100%; */
    color: #fff;
    left: 10%;
    
    margin-bottom: 1.5rem;
    font-weight: 400;
        font-size: 16px;
}
#block-impactstory p{
    font-weight: 400;
        font-size: 16px;
}

.event-news-card .event-news-text p{
        display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.event-news-text h6 a span{
    color: black;
}
.button.js-form-submit.form-submit {
    padding: 0 !important;
}
#views-exposed-form-policy-database-block-1  .button.js-form-submit.form-submit{
    padding: 0 !important;
    background: rgba(0, 0, 0, 0.05);
    border: 0px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    height: 57px;
    margin-bottom: 30px;
    padding: 15px 17px 15px 40px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    position: relative;
    width: 100%;
}
.bef-exposed-form .form--inline > .form-item {
  
    width: 100%;
}
.related-program .field__label{
        color: #F99220;
    font-size: 20px;
    font-weight: 600;
}

img.my-search-icon{
        
       height: auto;
    cursor: pointer;
    width: 26px;
    filter: invert(1);
    position: relative;
    right: 21px;
}

form#search-block-form {
    /* display: none; */
}
#search-block-form .search-form__submit{
           border: none;
    border-radius: 4px;
 
   
      color: white;
    background: none;
    font-size: 0;
}
#search-block-form input#edit-keys{
      border: none;
    border-radius: 4px;
    height: 33px;
    width: 100%;
    padding-left: 10px;
    border: 1px solid #cdcdcd;
    color: #000;
}

#search-block-form .js-form-item-keys {
  position: relative;
  width: 100%;
}


form#search-block-form{
    width: 100%;
}
.top-header .content.container-inline {
    width: 100%;
}

#search-block-form  div#edit-actions::after{
  /*content: ""; */
  background-image: url('../images/searchicon.png'); /* or absolute path */
  background-size: 20px 20px;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 111;
  left: 2px;
}


div#block-afforum-searchform {
  position: absolute;
    background: #fff;
    width: 100%;
    z-index: 9999999;
    left: 0;
    top: 0;
    height: 80px;
    padding: 20px 100px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    display: none;
}

#block-headertop ul li:nth-child(1){
font-size: 18px;
    color: var(--bg_white);
    font-weight: 500;
}

#search-block-form input.form-search {
    border: none;
    border-radius: 4px;
    height: 33px;
    width: 100%;
    padding-left: 10px;
    border: 1px solid #cdcdcd;
    color: #000;
}
#search-block-form div.form-actions  {
    position: absolute;
    left: 65px;
    top: 23px;
}

.search_close {
    position: absolute;
    right: 70px;
    width: 20px;
    height: 20px;
    /* background: red; */
    z-index: 9999999;
    top: 23px;
    font-size: 20px;
    display: none;
}
#search-block-form .search-form__submit {
    border: none;
    border-radius: 4px;
    color: white;
    background: none;
    font-size: 0;
    background-image: url(../images/searchicon.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 14px;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 111;
    left: 2px;
}
section.banner.prg{
        height: 420px !important;
}



.page-node-type-impact-story div#block-afforum-content img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.story-of-publication {
    position: absolute;
    top: 27px;
    color: white;
    position: absolute;
    top: 40%;
    text-align: left;
    /* width: 100%; */
    color: #fff;
    left: 10%;
    font-size: 20px;
    /* margin-bottom: 1.5rem; */
    font-weight: 500;
    font-size: 16px;
    max-width: 77rem;
}
#block-impactstory p{
    margin:0;
}

.path-publications article.story-of-publication {
    top: 38%;
}

.path-author-publication .publication-details-image{
        height: 100%;
            position: relative;
    bottom: 46px;
    border-bottom:none;
}
.path-author-publication .publication-details-text{
        position: relative;
    bottom: 52px;
}
.path-author-publication .row{
    row-gap:50px
}
.publication-details-text .download img {
    width: 13%;
}


.-partners section.banner.prg .container p {
    font-size: 16px;
    position: relative;
    bottom: 18px;
}


.-partners section.banner.prg .container {
    position: relative;
    bottom: 72px;
}


#views-exposed-form-news-block-5 input#edit-field-author-list-target-id {
    background: rgba(0, 0, 0, 0.05);
    border: 0px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    height: 57px;
    margin-bottom: 30px;
    padding: 15px 17px 15px 40px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    position: relative;
    width: 100%;
}


.node--type-page .node__content section img {
    width: 100%;
    height: auto;
}