/*
 Theme Name:   Everland Theme
 Theme URI:    https://everland.earth
 Description:  Based on GeneratePress
 Author:       Jason Tagg
 Author URI:   https://transfuture.com
 Template:     generatepress
 Version:      0.1
*/

html {
    scroll-behavior: smooth;
}

html, body {
    overflow-x: hidden;
}
body {
    position: relative
}

:root {
    /*--primaryorange: #d15d46; */
    --primaryorange: #A32E19;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.wp-block-image figure.alignright {
    float:right;
    margin: 5px 0 20px 25px;
}

.wp-block-image figure.alignleft {
    float: left;
    margin: 5px 25px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

@font-face {
    font-family: 'StagSans';
    font-style: normal;
    src: url("/wp-content/themes/everland/assets/fonts/stag_sans/StagSans-Medium.otf");
    font-weight: 400;
}
@font-face {
    font-family: 'StagSans';
    font-style: normal;
    font-weight: 300;
    src: url("/wp-content/themes/everland/assets/fonts/stag_sans/StagSans-Light.otf");
}
@font-face {
    font-family: 'StagSans';
    font-style: italic;
    font-weight: 300;
    src: url("/wp-content/themes/everland/assets/fonts/stag_sans/StagSans-LightItalic.otf");
}
@font-face {
    font-family: 'StagSans';
    font-style: normal;
    font-weight: 600;
    src: url("/wp-content/themes/everland/assets/fonts/stag_sans/StagSans-Semibold.otf");
}
@font-face {
    font-family: 'StagSans';
    font-style: normal;
    font-weight: 700;
    src: url("/wp-content/themes/everland/assets/fonts/stag_sans/StagSans-Bold.otf");
}
@font-face {
    font-family: 'StagSansBook';
    font-style: normal;
    font-weight: 600;
    src: url("/wp-content/themes/everland/assets/fonts/stag_sans/StagSans-Semibold.otf");
}
@font-face {
    font-family: 'StagSansBook';
    font-style: normal;
    src: url("/wp-content/themes/everland/assets/fonts/stag_sans/StagSans-Book.otf");
}

body{
    font-family: 'StagSansBook', sans-serif;
    color: #363844;
    font-size: 16px;
    margin: 0;
    line-height: 1.5;
    overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'StagSans', sans-serif;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 20px;
    margin-top: 0;
}
h1, .h1 {
    font-size: 70px;
    padding-top: 30px;
}
h2, .h2 {
    font-size: 60px;
}
h3, .h3 {
    font-size: 45px;
}
h4, .h4, .h4 p {
    font-size: 36px;
}
h5 {
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
}
header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
    padding: 0;
}

body section.centermob h3, body section.rmvpdbot h2, body section.twcolsec h3, body section h2, body section h3, body section h4 {
    color: var(--primaryorange);
}

body section.imgbgsection h3 {
    color: white;
}

body section.imgbgsection h2 {
    color: white;
}

/* header styles (moved from template file 12/5/22) */
.home .headlogo .noscroll{
    display: none;
}
.inner-container{
    padding: 0 5%;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}
.navbar-toggle.active .icon-bar:nth-of-type(1) {
    top: 10px;
    transform: rotate(45deg);
}
.navbar-toggle.active .icon-bar:nth-of-type(2) {
    background-color: transparent !important;
    visibility: hidden;
}
.navbar-toggle.active .icon-bar:nth-of-type(3) {
    top: -6px;
    transform: rotate(-45deg);
}


.navbar-toggle {
    display: block;
}
.navbar-collapse.collapse {
    /*display: none !important;*/
}
.navbar-nav {
    float: none;
}
.navbar-nav>li {
    float: none;
}
.navbar-collapse.collapse.in{
    display:inline-block;
    width: 100%;
    float: left;
} 
.navbar-collapse.collapse.show {
    display: block !important;
    left: 0 !important;
    visibility: visible;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: var(--primaryorange);
    width: 100%;
    height: 4px;
    display: inline-block;
    float: left;
    margin: 3px 0;
    position: relative;
}


.navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    border: 0px solid;
    width: 45px;
    background-color: transparent !important;
    padding: 0 4px;
    border-radius: 10px;
}


button#menubuttom {
    float: left;
    cursor: pointer;
    margin: 2px 0 0 0;
}

span.mnlable {
    display: inline-block;
    float: left;
    margin-left: 10px;
    font-weight: 600;
}
span.mntitle {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -9px;
}
ul.secmenu {
    padding: 0;
    margin: 0;
    list-style: none;
    float: right;
}
ul.secmenu a {
    color: #9ca4ab;
}
ul.secmenu li {
    display: inline-block;
}
.navbar-header {
    position: relative;
    float: none;
}

div#navbar {
    position: fixed;
    width: 100%;
    height: 100% !important;
    background-color: rgba(209,93,70,0.8);
    z-index: 9999;
    padding: 0 5%;
    top: 0;
    transition: .5s all ease;
    left: -100%;
}


.navbar-nav a {
    color: #fff;
}
nav ul {
    list-style: none;
    padding: 0;
}
.menutitle {
    display: inline-block;
    margin-top: 33px;
    width: 100%;

}
span#closemenu, img.menulogo {
    display: inline-block;
    float: left;
}
span#closemenu {
    padding-top: 10px;
    margin-right: 0;
    cursor: pointer;
}

ul.nav.navbar-nav.navbar-right > li > a {
    border-bottom: 1px solid rgba(255,255,255,0.4);
    padding-bottom: 18px;
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
    padding-top: 0;
    padding-left: 0;
}
ul.nav.navbar-nav.navbar-right li {
    margin-bottom: 10px;
}
ul.nav.navbar-nav.navbar-right > li:last-child > a {
    border-bottom: 0px;
}
.menu-bg-cont {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 5%;
    background-color: var(--primaryorange);
    width: 100%;
    max-width: 50%;
    height: 100%;
}

li.has-submenu ul {
    display: none;
    padding-top: 10px;
}

ul.sub-menu.showsmenu{
    display: inline-block;
}


.navbar-default {
    border: 0px;
    min-height: auto;
    margin-bottom: 0;
}
.nav>li>a:hover,
.nav>li>a:focus,
.nav>li>a:active,
.nav>li>a:visited,
.nav>li>a:focus-visible,
.nav>li>a:focus-within,
.nav>li>a:target ,
.nav>li>a:hover,
.nav li:focus,
.nav li:active,
.nav li:visited,
.nav li:focus-visible,
.nav li:focus-within,
.nav li:target,
.nav ul:focus,
.nav ul:active,
.nav ul:visited,
.nav ul:focus-visible,
.nav ul:focus-within,
.nav ul:target{
    text-decoration: none;
    background-color: transparent !important;
    outline: 0;
}
ul#menu-header-menu {
    float: left !important;
    width: 100%;
    margin-top: 30px;
}
ul.sub-menu {
    width: 100%;
    margin-left: 0;
}
#menu-header-menu .current-menu-parent a:before{
    display: none;
}
#menu-header-menu .current-menu-item a:before{
    display: none;
}
button#menubuttom {
    float: left;
    cursor: pointer;
    margin: 2px 0 0 0;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
    width: 100%;
    height: 4px;
    display: inline-block;
    float: left;
    margin: 3px 0;
    position: relative;
}
header#header {
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    float: left;
    transition: all 500ms ease-in-out;
}

button.navbar-toggle {
    display: block;
}
.scroll_on .navbar-default .navbar-toggle .icon-bar,
.single-news .navbar-default .navbar-toggle .icon-bar, 
.post-type-archive-news .navbar-default .navbar-toggle .icon-bar {
    background-color: var(--primaryorange);
}
.navbar-header span {
    color: #fff;
}
.scroll_on .navbar-header span,
.single-news .navbar-header span, 
.post-type-archive-news .navbar-header span{
    color: var(--primaryorange);
}

.navbar-header {
    padding-top: 13px;
    float: left;
}
div#bs-example-navbar-collapse-1, ul.extramenu,.searchcont {
    padding-top: 13px;
}
img.menulogo {
    float: none;
    margin: 0 auto;
    display: block;
}
ul.nav.navbar-nav.navbar-right li {
    width: 100%;
}
ul.sub-menu.showsmenu {
    display: inline-block;
    position: relative;
    padding-left: 0;
    left: 0;
    padding-top: 0;
}
ul.sub-menu.showsmenu li {
    display: inline-block !important;
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 15px !important;
    background-color: transparent !important;
}

ul.sub-menu.showsmenu li a {
    color: #fff !important;
    font-weight: 500;
}
span.headlogo {
    position: absolute;
    left: 50%;
    top: -10px;
    transform: translateX(-50%);
}

body.communityvoice span.headlogo {
    top: 10px;
}

.single ul#menu-header a {
    color: #fff;
}
@media (max-width: 408px) {
    span.headlogo{
        display: none !important;
    }
}
@media (max-width: 884px) {
    .searchcont {
        padding-top: 53px;
    }
    .menu-bg-cont {
        max-width: 100%;
    }
    ul#menu-header > li {
        border-bottom: 0px solid rgba(255,255,255,0.4);
        max-width: 95%;
    }
    .menutitle {
        z-index: 10;
        position: relative;
    }
    ul#menu-header {
        padding-top: 125px;
    }
    span#closemenu {
        padding-top: 26px;
    }
}

/* end header styles */



.container {
    display: block;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}
.communityvoice .container {
    max-width: 1350px;
}
/* Don't know why this isn't needed */ 
/*ul.nav.navbar-nav,ul.extramenu {
    list-style: none;
    padding: 0;
    margin: 0;
}*/
ul.nav.navbar-nav a {
    color: #fff;
    font-family: 'StagSans', sans-serif;
    font-weight: 600;
    position: relative;
}
a {
    text-decoration: none;
    cursor: pointer;
}

ul.nav.navbar-nav li {
    display: inline-block;
    padding: 0 20px;
    position: relative;

}
ul.extramenu {
    display: inline-block;
    float: right;
    margin-top: 0;
    list-style: none;
}
li.main-button.login a {
    font-family: 'StagSans', sans-serif;
    color: #fff;
    font-weight: 600;
    padding: 9px 17px;
    border: 2px solid;
    border-radius: 50px;
}
div#bs-example-navbar-collapse-1 {
    display: inline-block;
    width: 100%;
    max-width: 700px;
    margin-left: 15%;
}
section{
    display: inline-block;
    width: 100%;
    float: left;
    position: relative;
    padding: 80px 0;
    box-sizing: border-box;
}
section#banner {
    text-align: center;
    color: #fff;
    overflow: hidden;
    height: 100%;
}

span.bannerback {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-size: cover;
    background-position: center;
}
.rowhet {
    padding: 200px 0;
}
/*not sure why this was here */ 
/*button.navbar-toggle {
    display: none;
}
div#bs-example-navbar-collapse-1,ul.extramenu {
    padding-top: 35px;
}*/
span.headlogo {
    float: left;
    display: inline-block;
}

.textcont1 {
    font-family: 'StagSans', sans-serif;
    font-style: italic;
    text-align: center;
    padding-bottom: 40px;
}
.textcont1 .container {
    max-width: 1100px;
}
.textcont1  .h4 {
    line-height: 1.5;
    font-weight: 300;
}
span.bgimg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-size: cover;
    background-position: center;
}
.center-cont {
    text-align: center;
}
.wtext {
    color: #fff;
}
.p1 {
    /*font-size: 24px;*/
}
.widlimit {
    max-width: 800px;
    margin: 0 auto;
}
section.imgbgsection {
    padding: 100px 0;
    margin-top: 50px;
}
.blink {
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 23px;
    font-family: 'StagSans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin-top: 15px;
    display: inline-block;
}
.wcolor {
    background-color: #fff;
}
.blink.wcolor a {
    color: var(--primaryorange);
}
img.img-responsive {
    width: 100%;
}
div {
    box-sizing: border-box;
}
.twcitem {
    display: inline-block;
    width: 100%;
    float: left;
    max-width: 50%;
    padding: 0 20px;
    position: relative;
}
.brushlink a {
    color: var(--primaryorange);
}
.brushlink {
    font-size: 24px;
    position: relative;
    padding: 0 20px;
    margin-top: 15px;
    display: inline-block;
}
.brushlink::before {
    content: "";
    background-image: url(assets/img/brushstroke.svg);
    background-repeat: no-repeat;
    width: 150px;
    position: absolute;
    height: 14px;
    bottom: -20px;
    left: 0;
}
.imgbgsection {
    min-height: 460px;
}
.osfb h3 {
    width: 214px;
    float: right;
    margin: 0 55px 0 0;
}
.osfb p {
    width: 700px;
    float: right;
}
.osfb {
    width: 100%;
    display: inline-block;
}
p {
    margin: 10px 0;
    display: inline-block;
    font-size: 22px;
    width: 100%;
}
.newstitle {
    color: #fff;
    font-size: 25px;
}
.padbox {
    padding: 20px;
}
.secnstory:first-child {
    margin-bottom: 10px;
}
.secnstory:last-child {
    margin-top: 10px;
}
.secnstory {
    display: inline-block;
}
.secnstory {
    background-size: cover;
    height: 300px;
    background-position: center;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.mainnstory {
    height: 628px;
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.padbox {
    padding: 20px;
    position: absolute;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    width: 100%;
}

.frow > div {
    display: inline-block;
    float: left;
}
.frow .fcol3 {
    float: right;
    width: 100%;
    max-width: 256px;
}

section.newscarousel {
    padding-bottom: 50px;
}

section.newscarousel .flexslider {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    aspect-ratio: 1.7;
    margin-bottom: 0;
    border: 0;
}   

section.newscarousel .flexslider div.newsarticleimage {
    width: 100%; 
    aspect-ratio: 1.7; 
    background-repeat: no-repeat; 
    background-size: cover important;
    min-height: 600px;
}

/* newscarousel */
section.newscarousel .flexslider div.newsarticletitle {
    position: absolute;
    left: 60px;
    bottom : 6%;
    text-align: left;
    padding-right: 60px;
    width: 90%;
}
section.newscarousel .flexslider div.newsarticletitle h3 {
    color: white;
    font-size: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
}

section.newscarousel .flexslider div.newsarticletitle p {
    color: white;
    font-size: 22px;
    line-height: 30px;
}

section.newscarousel .flexslider div.newsarticletitle a {
    text-decoration: none;
}

section.newscarousel .flexslider .flex-control-nav {
    z-index:99;
}

section.newscarousel .flexslider .flex-direction-nav .flex-prev, .flexslider .flex-direction-nav .flex-next {
    opacity: 0.7 !important;
    background-color: black !important;
    height: 60px !important;
    width: 40px !important;
    color: white;
}

.flex-direction-nav a:before {
    color: white !important;
}

section.newscarousel .flexslider .flex-direction-nav .flex-prev {
    left: 0;
    padding-left: 10px;
}

section.newscarousel .flexslider .flex-direction-nav .flex-next {
    right: 0;
    padding-right: 10px;
}

section.newscarousel .flex-control-paging {
    display: none;
}


footer {
    color: var(--notblack);
    display: inline-block;
    width: 100%;
    float: left;
    padding: 20px 0;
    overflow: hidden;
}
footer a {
    color: #808080;
}
footer a:hover {
    color: var(--primaryorange);
}
.frow ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.fcol2, .fcol3 {
    margin-top: 37px;
}
.fcol2 {
    padding-left: 10%;
}
span.sectitle {
    font-family: 'StagSans', sans-serif;
    color: var(--primaryorange);
    font-weight: 600;
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
}
.frow ul li {
    margin-bottom: 5px;
}


/* Subscribe Constant Contact form */

body div.ctct-form-embed div.ctct-form-defaults {
    padding: 0;
}

body div.ctct-form-embed div.ctct-form-defaults h2.ctct-form-header {
    font-family: 'StagSans', sans-serif;
    color: var(--primaryorange) !important;
    font-weight: 600;
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
}

body #gdpr_text, body div.ctct-form-embed form.ctct-form-custom label.ctct-form-label {
    display: none;
}

body div.ctct-form-embed form.ctct-form-custom input.ctct-form-element {
    margin-top: 10px;
    box-shadow: none;
    border-radius: 0;
    max-width: 300px;
    border: 1px solid #c2c2c2;
}

body div.ctct-form-embed form.ctct-form-custom button.ctct-form-button {
    font-family: 'StagSans', sans-serif;
    font-weight: 400;
    border: medium none;
    background-color: var(--primaryorange) !important;
    color: #fff;
    padding: 15px 25px;
    margin-top: -14px;
    font-size: 18px;
    border-radius: 0;
    width: auto;
}

body .ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-text {
    display: none;
}

/* End Subscribe Constant Contact form */

ul.socialmenu img {
    width: 36px;
    height: 36px;
}
.frow {
    display: inline-block;
    width: 100%;
    float: left;
}
ul.socialmenu li {
    display: inline-block;
    float: left;
    margin: 0 15px 0 0 !important;
}
span.copyr {
    padding-top: 5px;
    display: inline-block;
    float: right;
}

span.imgblock {
    margin: 10px 0 40px;
    display: inline-block;
    width: 100%;
}

.rignbg {
    position: absolute;
    width: 268px;
    height: 373px;
    z-index: -1;
    display: none;
}
.botrig {
    right: 0;
    bottom: 0;
}
.toprig {
    right: 0;
    top: 0;
}
.botlef {
    left: 0;
    bottom: 0;
}

.searchcont {
    display: inline-block;
    float: right;
    padding-top: 35px;
    position: relative;
}
div#header-search {
    position: fixed;
    top: 0;
    right: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index: 999;
}
div#header-search.active {
    display: block;
}

ul.sub-menu {
    padding: 20px 0 0 0;
    position: absolute;
    display: none;
    left: 11px;
    margin-top: 20px;
    z-index: 99;
    top: 0;
}
ul.nav.navbar-nav ul.sub-menu li {
    display: inline-block;
    width: 160px;
    padding: 10px 10px;
}
.menu-item:hover ul.sub-menu, ul.sub-menu :hover{
    /*display: inline-block;*/
}

.menu-item-has-children > a::after{
    content: url('assets/img/arrow-white.svg');
    position: absolute;
    transform: rotate(90deg);
    top: -6px;
}
.scroll_on  .menu-item-has-children > a::after {
    content: url('assets/img/arrow-red.svg');
    transform: rotate(0deg);
    top: 0;
    right: -25px;
}
.imgblock.hgt1,.imgblock.hgt2,.imgblock.hgt3 {
    width: 100%;
    height: 700px;
    background-size: cover;
    background-position: center;
}

.imgblock.hgt2{
    height: 500px; 
}
img.img-responsive.banerimg {
    max-width: 300px;
}
section.mapsection {
    padding: 50px 5%;
    margin-top: 0;
}
.videointro {
    width: auto;
    height: auto;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    max-width: none;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
}
.headlogo img {
    width: 90px;
    height: 90px;
}
.siscroll{
    display: none;
}
a#s_open i {
    color: #fff;
    font-size: 22px;
}
#header.scroll_on, .post-type-archive-news #header, .single-news #header {
    background-color: #fff;
}
ul.sub-menu li {
    background-color: #fff;
}
ul.nav.navbar-nav ul.sub-menu li a{
    color: var(--primaryorange); 
}
.scroll_on ul.nav.navbar-nav a,.scroll_on li.main-button.login a,.scroll_on a#s_open i,
.single-news ul.nav.navbar-nav a,.single-news li.main-button.login a,.single-news a#s_open i,.post-type-archive-news li.main-button.login a,.post-type-archive-news a#s_open i {
    color: var(--primaryorange);
}
ul.sub-menu li:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
ul.sub-menu li:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.scroll_on li.main-button.login a:hover,
.single-news li.main-button.login a:hover,
.post-type-archive-news li.main-button.login a:hover {
    color: #fff;
    background-color: var(--primaryorange);
    border-color: var(--primaryorange);
}
.scroll_on li.main-button.login a,
.single-news li.main-button.login a,
.post-type-archive-news li.main-button.login a {
    color: var(--primaryorange);
    border-color: var(--primaryorange);
}
.scroll_on .noscroll,
.single-news .noscroll,
.post-type-archive-news .noscroll {
    display: none;
}
.scroll_on .siscroll,
.single-news .siscroll,
.post-type-archive-news .siscroll {
    display: block;
}
#header-search form {
    text-align: center;
    top: 30%;
    position: relative;
    max-width: 600px;
    margin: 0 auto;
    width: 100%;
}
button#s_search {
    cursor: pointer;
    background-color: #fff;
    border: medium none;
    position: absolute;
    right: 0;
    font-size: 25px;
    padding: 8px;
    color: var(--primaryorange);
}
span#s_close {
    font-size: 25px;
    top: 10%;
    position: relative;
    right: 10%;
    float: right;
    cursor: pointer;
    color: var(--primaryorange);
}
:focus-visible {
    outline: 0;
}
.cli-bar-btn_container,.cli-bar-message,.cli-bar-container.cli-style-v2 {
    display: inline-block;
}
ul.sub-menu a {
    width: 100%;
    display: inline-block;
}
.menu-item-has-children .sub-menu a::after {
    transform: rotate(0deg);
    top: -3px;
    right: 0;
}
.mapsection .bgimg {
    display: none;
}
li.main-button.login a:hover {
    color: var(--primaryorange);
    background-color: #fff;
    border-color: #fff;
}

span.blink.wcolor:hover {
    background-color: var(--primaryorange);
}
span.blink.wcolor:hover a {
    color: #fff;
}

input#s {
    padding: 11px 17px;
    border: medium none;
    border-bottom: 1px solid var(--primaryorange);
    width: 100%;
    font-size: 20px;
}
input#s,button#s_search,span#s_close {
    background-color: transparent;
    color: #fff;
}
input#s {
    border-bottom: 1px solid #fff;
}
ul.extramenu {
    margin-right: 30px;
}
input#s {
    font-size: 40px;
    padding-left: 50px;
}
button#s_search img {
    width: 40px;
}
button#s_search {
    right: auto;
    left: 0;
    font-size: 40px;
    padding: 0;
    top: 15px;
}
input#s::placeholder {
    color: #fff;
}

.twcitem.algright {
    float: right;
}
.teamposi, .teamname {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}
.teamname {
    font-size: 23px;
    font-weight: 600;
}
.team-item {
    display: inline-block;
    width: 100%;
    float: left;
    max-width: 25%;
    position: relative;
    padding: 0 10px;
    margin-bottom: 20px;
    margin-top: 30px;
}
span.teamimg {
    display: inline-block;
    width: 100%;
    height: 375px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}
.page-template-page-blocks section#banner,.search section#banner{
    padding: 25px 0;
}
.leftpad {
    padding: 30px 0 30px 25px;
}
.padtop {
    padding-top: 50px;
}
section a {
    color: var(--primaryorange);
}
section a:hover {
    text-decoration: underline;
}
span.blink.wcolor a:hover,span.brushlink a:hover{
    text-decoration: none !important;
}
section.twcolsec {
    padding: 50px 0;
}
.fborder {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #C3C2C1;
    margin: 20px 0 40px;
    float: left;
}



.more-less {
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    transition: max-height 0.5s ease;
    transition: padding 0.3s ease;
}

.showfaq + .more-less {
    padding: 10px;
    display: block;
    max-height: 100%;
    transition: max-height 0.7s ease;
    transition: padding 0.3s ease;
}
.less-b {
    display: none;
}
.showfaq .less-b,.more-b {
    display: inline-block;
}
.showfaq .more-b {
    display: none;
    height: 0px;
    transition: height 4s;
}
.faq-head {
    position: relative;
    padding: 20px 50px 20px 30px;
    background-color: var(--primaryorange);
}
.faq-cont {
    margin-bottom: 20px;
}
.faq-head a {
    width: 100%;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 25px;
}
.faq-body {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}
.faq-cont {
    margin-bottom: 20px;
}
.more-b span.faq_arrow img {
    transform: rotate(90deg);
}
.less-b span.faq_arrow img {
    transform: rotate(-90deg);
}
span.faq_arrow {
    position: absolute;
    right: 25px;
    top: 25px;
}
input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    content: '';
    cursor: pointer;
}
input#s{
    -webkit-appearance: textfield;
}
.search-single-item {
    display: inline-block;
    width: 100%;
    float: left;
    border-bottom: 1px solid #c2c2c2;
    margin-bottom: 50px;
    padding-bottom: 25px;
}
.s-info img,.s-info div {
    width: 100%;
    max-width: 30%;
    float: left;
}
.s-info div {
    max-width: 70%;
    padding-left: 20px;
}
span.s-title {
    font-size: 35px;
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    line-height: 1.2;
}
span.s-date {
    color: #808080;
}
.contactcols,.contactcol {
    display: inline-block;
    width: 100%;
    float: left;
}
.contactcol {
    max-width: 50%;
}
.contactcol:first-child {
    padding-right: 15px;
}
.contactcol:last-child {
    padding-left: 15px;
}
.form-row input,.form-row textarea {
    border: 1px solid #c2c2c2;
    padding: 12px;
    border-radius: 5px;
    width: 100%;
    max-width: 400px;
    font-family: 'StagSansBook', sans-serif;
}
.form-row .wpcf7-submit {
    background-color: var(--primaryorange);
    color: #fff;
    border: medium none;
    padding: 12px 20px;
    border-radius: 0;
    width: auto;
    cursor: pointer;
    font-size: 18px;
}
.form-row {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}
.infocont {
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 15px;
    margin-top: 10px;
    padding-left: 23px;
}
.infoicon {
    position: absolute;
    left: 0;
    top: 0;
    color: var(--primaryorange);
}
.wpcf7-response-output {
    margin: 10px 0 0 0 !important;
}
span.backoverlay {
    position: absolute;
    background-color: rgba(17,17,17,0.3);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.infocont a {
    color: #363844;
}

.infocont a:hover {
    color: var(--primaryorange);
    text-decoration: underline;
}
section#single-content h1 {
    font-size: 50px;
    text-align: center;
    padding-top: 10px;
}
.p_date {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    font-size: 20px;
}
.mdate {
    text-transform: uppercase;
}
.sthumb {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.sthumb img {
    max-width: 100%;
}
.content-single {
    padding: 0 5%;
}
.tohidemob {
    display: inline-block;
    margin: 0 8px;
}
.single_cat {
    text-align: center;
    color: var(--primaryorange);
    font-size: 20px;
    margin: 45px 0 0;
    text-transform: uppercase;
}
.p2 {
    font-size: 27px;
}

/* team styles (moved from template 12/15/22) */

body.single-team p.role {
    text-align: center;
}
body.single-team ul.nav.navbar-nav a,
body.single-team li.main-button.login a,
body.single-team a#s_open i {
    color: var(--primaryorange);
}
body.single-team .siscroll {
    display: block;
}
body.single-team .noscroll {
    display: none;
}

body.single-team ul.sub-menu li {
    background-color: #fff;
}
body.single-team #header {
    background-color: #fff;
}
body.single-team .navigation a {
    color: #808080;
}
body.single-team .navigation a:hover {
    color: var(--primaryorange);
    text-decoration:none;
}
body.single-team .navigation {
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-top: 50px;
    font-size: 22px;
}
body.single-team .pnline {
    color: #808080;
    margin: 0 15px;
}
body.single-team .pnline:first-child,.pnline:last-child {
    display: none;
}
body.single-team figure {
    text-align: center;
}
body.single-team .searchw {
    display: none;
}
body.single-team .searchb{
    display: block;
}
body.single-team .content-single p {
    display: block;
}

#macy-container > .newsitem > div {
    box-sizing: border-box;
    padding: 40px;
    display: block;
}

section.newscont {
    padding-top: 0;
}

body.post-type-archive-news #banner {
    padding-bottom: 40px;
}

body.post-type-archive-news #banner h1 {
    color: var(--primaryorange);
}
body.post-type-archive-news .rowhet {
    padding-top: 80px;
    padding-bottom: 0;
}

.newsitem .newsitem_inner {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.24), 0px 3px 8px -1px rgba(50, 50, 71, 0.05); 
    position: relative; 
    overflow: hidden;
    padding-bottom: 5px;
}

#newsitem0.newsitem .newsitem_inner {
    padding-bottom: 0;
}

.newsitem a {
    text-decoration: none !important;
    color: black;
}
.newsitem img.newsimage {
    width: 100%;
    position: static; 
    object-fit: cover;
    aspect-ratio: 2.1;
    display: block;
}

.newsitem .newsdetails {
    margin-left: 20px;
    margin-right: 20px;
}
.newsitem h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 8px;
    font-family: 'StagSans', sans-serif;
    color: var(--primaryorange);
}
.newsitem p {
    font-size: 16px;
    width: auto;
}
.newsitem p, .newsitem .newsmeta {
    margin-top: 14px;
}
.newsitem .newscategory {
    background-color: #8c9088;
    color: #fff;
    font-size: 12px;
    padding-left: 7px;
    padding-right: 7px;
    border-radius: 5px;
    margin-right: 10px;
    text-transform: uppercase;
    display: inline-block;
    line-height: 29px;
}
.newsitem .newspublication {
    color: #808080;
    font-size: 12px;
    margin-right: 10px;
    text-transform: uppercase;
    display: inline-block;
    line-height: 29px;
    font-weight: 700;
}
.newsitem .newsdate {
    font-size: 12px;
    text-transform: uppercase;
    color: #808080;
}

.newsitem .newsviewmore {
    font-weight: 500;
    color: var(--primaryorange);
    font-family: StagSans;
}

.newsitem .mediaicon {
    height: 21px; 
    margin-left: 7px; 
    margin-bottom: -1px;
}

.newsitem .mediaicon_feature {
    display: none;
}

#newsitem0.newsitem .mediaicon_feature {
    display: none;
    height: 40px; 
    margin-left: 12px; 
    margin-bottom: -3px;
}
#newsitem0.newsitem .mediaicon {
    display: inline-block;
}

#newsitem0 {
    margin-bottom: 24px;
}

@media screen and (min-width: 740px) {
    #newsitem0 {
        margin-bottom: 35px;
    }
    #newsitem0 .newsdetails {
        background-color: var(--primaryorange);
        margin-top: -20px;
        margin-left: 0;
        padding: 20px;
        width: 100%;
    }

    #newsitem0.newsitem .newscategory, #newsitem0.newsitem .newspublication {
        background-color: transparent;
        font-size: 24px;
        color: white;
        padding-left: 0;
        font-weight: 500;
    }
    #newsitem0.newsitem .newsdate {
        display: none;
    }
    #newsitem0 a, #newsitem0 h2 {
        color: white;
    }

    #newsitem0 .newsdetails h2 {
        margin-top: 5px;
        font-size: 30px;
        line-height: 34px;
    }

    #newsitem0.newsitem .mediaicon_feature {
        display: inline-block;
    }
    #newsitem0.newsitem .mediaicon {
        display: none;
    }

    #newsitem0 .newsdetails p {
        font-size: 18px;
        line-height: 24px;
        margin: 0;
    }

    #newsitem0 .newsdetails .newsviewmore {
        display: none;
    }

    #macy-container > .newsitem:nth-child(2) {
        padding-top: 200px;
    }
}

@media screen and (max-width: 740px) {
    body.post-type-archive-news #banner h1 {
        font-size: 50px;
    }
    body.post-type-archive-news .rowhet {
        padding-top: 120px;
        padding-bottom: 0;
    }

    section#single-content h1 {
        font-size: 36px;
    }

    body.news-template-default p, body.news-template-default li {
        font-size: 18px;
    }

    body.news-template-default ol {
        padding: 0;
        margin: 0;
    }
}


section li {
    font-size: 22px;
}
.defaultpage h3 {
    color: var(--primaryorange);
}
.content-single h2 {
    font-size: 30px;
    margin-top: 30px;
}
.content-single {
    margin-top: 30px;
}
blockquote {
    max-width: 550px;
    text-align: center;
    margin: 20px auto;
    padding: 20px;
}
cite {
    width: 100%;
    display: inline-block;
}
span.teamposi p {
    font-size: 19px;
    margin-top: 0;
}
.s-exc p {
    margin-top: 0;
}
.s-exc {
    display: inline-block;
    width: 100%;
}
strong,b {
    font-weight: 600;
}
.searchb, .searchw {
    height: 24px;
    width: 24px;
}
.searchb,
.scroll_on .searchw,
.single-news .searchw,
.post-type-archive-news .searchw {
    display: none;
}
.scroll_on .searchb,
.single-news .searchb,
  .searchb {
    display: block;
}



.socialshare {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
}
.socialshare a {
    float: none !important;
    margin: 0 5px;
}
.wp-block-image {
    margin: 30px 0;
}
#single-content {
    padding-top: 150px;
}
.center-cont.wtext h2 {
    margin-bottom: 5px;
}
section.centermob {
    /*padding-bottom: 0;*/
    padding-top: 100px;
}
.home .twcitem {
    margin: 50px 0;
}
h2.deskonly {
    margin-top: 100px;
}
.home .lnescont .twcitem {
    margin: 0;
}
.imghov{
    cursor: pointer;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
span.teamsocial {
    display: inline-block;
    width: 100%;
    float: left;
}
span.teamsocial img {
    max-width: 36px;
}
#magic-submit {
    cursor: pointer;
}
#magiclogin {
    margin-right: 40px;
}
#magiclogin label {
    display: block;
    text-align: center;
    font-style: bold;
    color: var(--primaryorange);
    margin-bottom: 20px;
}
#magiclogin p, #magiclogin p a {
    color: white;
}
#magiclogin p a { 
    text-decoration: underline;
}
.login-container {
    background-color: #fff;
    width: 100%;
    max-width: 700px;
    float: right;
    padding: 25px 60px 100px;
}
section.loginCont {
    padding: 0;
}
.acclogo {
    text-align: center;
    margin-bottom: 30px;
}
.login-container h1 {
    font-size: 45px;
    color: var(--primaryorange);
}
.login-container p {
    font-size: 18px;
}
.login-password label,.login-username label{
    width: 100%;
    display: inline-block;
    font-size: 18px;
}
input#user_login,input#user_pass,input.nafield {
    border: 1px solid #c2c2c2;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    max-width: 500px;
}
input#wp-submit,.ctab {
    background-color: var(--primaryorange);
    color: #fff;
    border: medium none;
    padding: 12px 20px;
    cursor: pointer;
    font-size: 18px;
    border-radius: 5px;
    width: 100%;
    max-width: 522px;
}
.login-remember {
    position: absolute;
    left: 0;
    bottom: -40px;
}
.Cloginform {
    position: relative;
    margin-bottom: 40px;
    width: 85%;
    max-width: 522px;
    padding-bottom: 10px;
}
a.f_pass {
    position: absolute;
    bottom: -30px;
    font-size: 18px;
    right: 0;
}
.seclcont {
    width: 100%;
    max-width: 522px;
    display: inline-block;
}
a.ctab {
    color: var(--primaryorange);
    background-color: #fff;
    border: 2px solid var(--primaryorange);
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding: 8px 20px;
    max-width: 478px;


}
a.ctab:hover {
    color: #fff;
    background-color: var(--primaryorange);
    border: 2px solid var(--primaryorange);
    text-decoration: none;
}
.orsep span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -11px;
    background-color: #fff;
    padding: 0 10px;
}
.orsep {
    position: relative;
    border-bottom: 1px solid #a4a7a8;
    margin-bottom: 30px;
    color: #a4a7a8;
    margin-top: 20px;
}
.Cloginform.recpascont {
    margin-bottom: 0;
    padding-bottom: 0;
}
.hlafrform {
    display: inline-block;
    float: left;
    max-width: 250px;
}
.hlafrform:first-child {
    padding-right: 20px;
}
.hlafrform:last-child {
    padding-left: 20px;
}
.edit-notice {
    color: var(--primaryorange);
    text-align: center;
}
.edit-success {
    color: var(--cvdarkgreen);
    text-align: center;
}
/*------------------------------------------------------------------------------------------------*/
.brushlink::after{
    content: "";
    background-size: 100%;
    background-repeat: no-repeat;
    height: 20px;
    width: 160px;
    background-position-x: center;
    background-position-y: 0;
    background-color: #fff;
    position: absolute;
    bottom: -15px;
    left: 109%;
}

.brushlink:hover::after {
    animation-name: logoIn;
    animation-duration: 2.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
@keyframes logoIn {
    from {
        left: 0;
    }

    to {
        left: 150%;
    }
}
.lso_view{
    opacity: 0;
    position: relative;
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -o-transform: translateY(40px);
    -moz-transform: translateY(40px);
}
.lso_view.active{
    animation-duration: 2.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 4s;
    animation: botIn 1s;
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-animation: botIn 1s;
    -o-animation: botIn 1s;
    -moz-animation: botIn 1s;
}

@keyframes botIn{0% {opacity: 0;top: 20px;}100% {opacity: 1;top: 0;}}
@-webkit-keyframes botIn{0% {opacity: 0;top: 20px;}100% {opacity: 1;top: 0;}}
@-moz-keyframes botIn{0% {opacity: 0;top: 20px;}100% {opacity: 1;top: 0;}}
@-o-keyframes botIn{0% {opacity: 0;top: 20px;}100% {opacity: 1;top: 0;}}



.mainnstory .bgimg,
.secnstory .bgimg,
.imghov .nitemimg{
    width: 100%;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.mainnstory:hover .bgimg,
.secnstory:hover .bgimg,
.imghov:hover .nitemimg{
    transform: scale3d(1.2, 1.2, 1);
    -webkit-transform: scale3d(1.2, 1.2, 1);
    -moz-transform: scale3d(1.2, 1.2, 1) rotate(0.02deg);
}

/* hide recapcha logo */
.grecaptcha-badge { opacity:0;}

.form-row p {
    color: #aaa;
    font-size: 11px;
    margin: 0;
}

/* Projects pages css */

@keyframes showtitle {
    from {
        transform: translateY(12vh);
        opacity: 0;
    }
    25% {
        transform: translateY(9vh);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes showcountry {
    from {
        transform: translateY(100px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes showscroll {
    from {
        opacity: 0;
    }
    90% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

body.single-projects .project-name {
    margin-top: 16vh;
    animation-name: showtitle;
    animation-duration: 3s;
}

body.single-projects h1 {
    font-size: 80px !important;
    margin-bottom: -15px !important;
    font-weight: 700 !important;
}
body.single-projects section h2 {
    flex-basis: 100%;
    font-size: 36px !important;
    font-weight: 700;
}
section#more-projects {
    margin-top: 60px;
}
section#more-projects h2 {
    font-size: 16px !important;
    color: white;
    font-weight: 500 !important;
}
.impact-article h3 {
    font-family: StagSans;
    font-weight: 400;
    font-size: 36px;
    margin-bottom: 80px;
}
body.single-projects section p, .single-projects section li {
    font-family: StagSansBook;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: justify;
}	
body.single-projects section ul {
    margin-block-start: 0;
    padding-left: 20px;
}
body.single-projects section li {
    margin-bottom: 15px;
    text-align: left;
}

body.single-projects section#banner {
    padding-bottom: 160px;
    height: 100%;
}

#project-developer, #project-country {
    animation-name: showcountry;
    font-size: 50px;
    font-weight: 400;
    display: block;
}

#project-developer {
    font-family: StagSansBook;
    animation-duration: 3s;
    padding-top: 15px;
}

#project-country {
    font-family: Cardo;
    font-style: italic;
    animation-duration: 4s;
}

#project-information, #media-inner {
    max-width: 1280px;
    padding-left: 55px;
    padding-right: 55px;
    margin-left: auto;
    margin-right: auto;
}

#project-special {
    background-color: #E1F6DC;
    padding-bottom: 15px !important;
}

#project-special h2 {
    margin-top: 20px;
    margin-bottom: 5px;
    color: #335E19;
    font-family: StagSans, sans-serif;
    font-weight: 600;
    font-size: 28px !important;
}

#project-information section {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 80px;
}
#overview {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}	
#overview #project-map {
    width: 100vw;
    max-width: 617px;
    height: 582px;
}

#overview #project-map a.maplink {
    color: black;
}
#overview #project-map #project-map-frame, #overview #project-map iframe {
    width: 100%;
    height: 100%;
}
#overview #project-description {
    margin-top: -15px;
    /*max-height: 582px;*/
    max-width: 43%;
    padding-left: 20px;
}

section#media {
    background-image: url(/wp-content/themes/everland/assets/img/gallery-background.svg), linear-gradient(180deg, #FFFFFF 0%, #FCEBDA 50%, #FFFFFF 100%);
    background-size: contain;
    background-position-x: center;
    background-position-y: center;
    padding-bottom: 0;
}
.back-to-top {
    margin-top: 0px;
    padding-top: 30px;
    background-color: transparent;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-left: auto;
    font-size: 12px;
    font-weight: 400;
    font-family: StagSans;
    color: var(--primaryorange);
}
.back-to-top svg {
    height: 24px;
    width: 24px;
    flex-shrink: 0;
    flex-grow: 0;
    fill: currentcolor;
    margin-left: 12px;
}

#intervention-model {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    background-image: url('/wp-content/themes/everland/assets/img/tree.webp');
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 30%;
    padding-left: 92px;
    padding-right: 92px;
}
#intervention-nav {
    width: 200px;
    margin-top: 20px;
}
.intervention-nav, .intervention-text h3 {
    font-family: StagSans;
    color: black;
}	

.intervention-nav {
    width: 200px;
    font-size: 30px;
    line-height: 30px;
    appearance: none;
    background-color: transparent;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    text-align: inherit;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
    transition-property: color;
    cursor: pointer;
    margin-bottom: 30px;
    padding: 0;
}

.intervention-text h3 {
    font-size: 20px;
    line-height: 14px;
    display: none;
    margin-bottom: 0px;
    width: 160px;
    margin-top: 20px;
}

.intervention-nav::after, .intervention-text h3::after {
    transition-duration: 0.2s, 0.2s;
    transition-timing-function: ease-out, ease-out;
    transition-delay: 0s, 0s;
    transition-property: opacity, width;
    transform-origin-x: left;
    transform-origin-y: center;
    opacity: 0.2;
    width: 0px;
    content: "";
    position: relative;
    top: 4px;
    display: block;
    height: 20px;
    background-image: url("/wp-content/themes/everland/assets/img/tab-underline.svg");
    background-size: 100px 100%;
}

.intervention-text h3::after {
    opacity: 1;
    background-size: 80px 100%;
    width: 80px;
}

.intervention-nav[data-state="active"] {
    color: var(--primaryorange);
}

.intervention-nav[data-state="active"]::after {
    opacity: 1;
    width: 100px;
}	
#intervention-text {
    max-width: 440px;
}

.intervention-text[data-state="inactive"]	{
    display: none;
}
#more-projects {
    padding-top: 64px;
    padding-bottom: 20px;
    background-image: url('/wp-content/themes/everland/assets/img/discover-background.webp');
    background-size: cover;
}

section#impact {
    position: relative;
    background-color: rgb(255, 249, 237);
    padding-top: 40px;
    padding-left: 92px;
    padding-right: 92px;
    min-height: 857px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 24px 38px 0px;
    padding-bottom: 190px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-bottom: 60px;
}
.impact-article {
    position: relative;
    display: inline-block;
    margin-top: 70px;
}

.impact-article[data-state="inactive"]	{
    display: none;
}

.impact-article-body {
    width: 50%;
    padding-right: 40px;
    float: left;
}
.impact-article-image {
    max-width: 50%;
    margin-top: 20px;
    max-height: 500px;
}

.impact-nav-button {
    appearance: none;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    text-align: inherit;
    position: absolute;
    width: 96px;
    height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(255, 249, 237);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 16px 32px 0px;
    border-top-left-radius: 999px;
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px;
    border-bottom-left-radius: 999px;
    cursor: pointer;
    transform: translateY(50%);
}	

.nav-arrow {
    width: 64px;
    height: 64px;
}

.impact-nav-button:hover use {
    stroke: #343642;
    stroke-width: 1;
}

#project-footer {
    position: fixed;
    visibility: visible;
    opacity: 1;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1;
    transition:visibility 0.6s linear,opacity 0.6s linear;
}

#project-footer.hidden {
    opacity: 0;
    visibility: hidden;
}

#mobilenav.hidden {
    opacity: 0;
    visibility: hidden;
}

#project-navigation {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#project-navigation-inner {
    display: inline-flex;
    justify-content: center;
    background-color: rgb(255, 249, 237);
    border-bottom-color: var(--primaryorange);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: var(--primaryorange);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: var(--primaryorange);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: var(--primaryorange);
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    color: rgb(0, 0, 0);
    column-gap: 8px;
    height: 38px;
    list-style-type: none;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    row-gap: 8px;
}

#project-navigation a {
    font-family: StagSansBook;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    height: 28px;
    color: black;
    padding-left: 16px;
    padding-right: 16px;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
    transition-property: background-color;
}

#project-navigation a:hover, #project-navigation a.active {
    background-color: rgb(250, 210, 183);
}

#project-stats {
    margin-top: 8px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px -8px 8px 0px;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#project-stats-inner {
    text-align: left;
    display: inline-flex;
    justify-content: space-between;
    max-width: 1280px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-family: StagSansBook;
    line-height: 16px;
    font-size: 15px;
    font-weight: 400;
    color: rgb(54, 56, 68);
}
.project-stats-1,.project-stats-2,.project-stats-3 {
    position: relative;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    column-gap: 16px;
}
#project-stats .project-stats-2 {
    border-left: 1px solid rgb(208, 93, 69, 0.2);
    border-right: 1px solid rgb(208, 93, 69, 0.2);
}
#project-stats .project-stats-1-1,#project-stats .project-stats-1-2,#project-stats .project-stats-2-1,#project-stats .project-stats-2-2,#project-stats .project-stats-3-1,#project-stats .project-stats-3-2 {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;
    display: flex;
    align-items: center;
    row-gap: 16px;
    column-gap: 8px;
}
.project-stats-label {
    color: var(--primaryorange);
}

.project-stats-1-1 .project-stats-label, .project-stats-1-2 .project-stats-label {
    min-width: 75px;
}
.project-stats-label svg {
    color: var(--primaryorange);
    fill: var(--primaryorange);
    height: 24px;
    width: 24px;
    margin-right: 8px;
}

#project-stats .project-stats-1-1 #project-stats .project-stats-label, #project-stats .project-stats-1-2 #project-stats .project-stats-label {
    width: 60px;
}

#project-stats .project-stats-3-1 #project-stats .project-stats-label, #project-stats .project-stats-3-2 #project-stats .project-stats-label {
    width: 72px;
}

#project-stats-mobile {
    position:fixed;
    top:0;
    left:0;
    background-color: var(--primaryorange);
    z-index:99;
    width:100%;
    height:100%;
    visibility: visible;
    opacity: 1;
    color: white;
    padding-top: 40px;
    transition: visibility 0.6s linear,opacity 0.6s linear;
    text-align: center;
}

#project-stats-mobile h2 {
    font-size: 24px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

#project-stats-mobile .project-stats-1, #project-stats-mobile .project-stats-2, #project-stats-mobile .project-stats-3 { 
    border-bottom: 1px solid white;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}
#project-stats-mobile .project-stats-3 {
    border-bottom: none;
}
#project-stats-mobile .project-stats-1-1, #project-stats-mobile .project-stats-1-2, #project-stats-mobile .project-stats-2-1, #project-stats-mobile .project-stats-2-2, #project-stats-mobile .project-stats-3-1, #project-stats-mobile .project-stats-3-2 {
    display: flex;
    column-gap: 15px;
}

#project-stats-mobile.hidden {
    visibility: hidden;
    opacity: 0;
}

#project-stats-mobile .project-stats-label {
    color: white;
    width: 30%;
    text-align: right;
}

#project-stats-mobile .project-stats-text {
    width: 70%;
    text-align: left;
}

#project-stats-mobile .project-stats-label svg {
    color: white;
    fill: white;
}

.close-button {
    border: 0px;
    padding-right: 0px;
    padding-left: 0px;
    margin: 0px;
    background-color: rgb(255, 249, 237);
    width: 80%;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 12px;
    font-weight: 400;
    color: black;
}	

@media only screen and (max-width: 1200px) {
    #intervention-model {
        padding-left: 0;
        padding-right: 0;
    }
    section#more-projects h2 {
        margin-left: 15px;
    }
}

@media only screen and (max-width: 900px) {
    .project-name {
        margin-top: 23vh;
    }
    body.single-projects h1 {
        font-size: 48px !important;
        margin-bottom: -5px !important;
    }
    body.single-projects section h2 {
        font-size: 20px !important;
    }
    body.single-projects section p {
        text-align: left;
    }
    #project-developer, #project-country {
        font-size: 36px;
        line-height: 50px;
    }
    #project-information, #media-inner {
        padding-left: 20px;
        padding-right: 20px;
    }
    #overview {
        flex-direction: column;
    }
    #overview #project-map {
        width: calc(100% + 40px);
        margin-left: calc(-20px);
        margin-right: calc(-20px);
        max-width: 900px;
    }
    #overview #project-map a.maplink {
        margin-left: 20px;
    }
    #overview #project-description {
        margin-top: 35px;
        width: 100%;
        max-width: 900px;
        padding-left: 0;
    }
    body.single-projects section p {
        text-align: left;
    }

    #intervention-model {
        background-image: none;
    }
    #intervention-text {
        max-width: 100%;
    }
    .intervention-text h3 {
        display: block;
    }
    .intervention-nav {
        display: none;
    }
    .intervention-text[data-state="inactive"]	{
        display: block;
    }
    section#impact {
        width: calc(100% + 40px);
        margin-left: calc(-20px);
        margin-right: calc(-20px);
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
        box-shadow: none;
        padding-bottom: 190px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

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

    .impact-article-body {
        width: 100%;
        padding-right: 0;
        float: none;
    }
    .impact-article-image {
        max-width: 100%;
    }
    .impact-article h3, .impact-article-body {
        text-align: left;
    }
    .impact-nav-button-position-right {
        right: 50px;
    }	

    .impact-nav-button-position-left {
        left: 50px;
    }

    .login-container {
        padding: 0 !important;
    }
}

@media only screen and (min-width: 900px) {
    .impact-nav-button {
        top: 350px;
    }
    .impact-nav-button-position-right {
        right: -48px;
    }	
    .impact-nav-button-position-left {
        left: -48px;
    }
}

.impact-nav {
    display: flex;
    margin-left: -48px;
    flex-direction: column;
    align-items: flex-start;
}

.impact-nav-item {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.impact-nav-item-link {
    appearance: none;
    background-color: transparent;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    text-align: inherit;
    outline-style: none;
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;
    align-items: center;
    justify-content: space-between;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
    transition-property: color;
    margin-left: 48px;
    cursor: pointer;
    min-width: 175px;
    border-bottom-color: var(--primaryorange);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-family: StagSansBook;
    font-weight: 300;
    font-size: 20px;
    line-height: 32px;
    color: rgb(54, 56, 68);
    margin-bottom: 24px;
}

.impact-nav-item[data-state="active"] .impact-nav-item-link, .impact-nav-item-link:hover {
    color: var(--primaryorange);
}  

.impact-nav-item-link, .impact-nav-item-link:hover {
    text-decoration: none;
}

.impact-nav-item-link svg {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    flex-grow: 0;
    fill: currentcolor;
}

.impact-subnav {
    background-color: rgb(252, 235, 218);
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    display: none;
}

.impact-subnav[data-state="open"] {
    display: block;
}

.impact-subnav-item {
    appearance: none;
    background-color: transparent;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    text-align: inherit;
    outline-style: none;
    transition-duration: 0.2s, 0.2s;
    transition-timing-function: ease-out, ease-out;
    transition-delay: 0s, 0s;
    transition-property: background-color, color;
    min-height: 24px;
    cursor: pointer;
    width: 100%;
    font-family: StagSansBook;
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    color: rgb(54, 56, 68);
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    margin-top: 0;
    margin-bottom: 0;
}

.impact-subnav-item:hover, .impact-subnav-item[data-state="active"] {
    color: rgb(149, 37, 34);
    background-color: rgb(250, 210, 183);
    font-weight: 400;
    outline-style: none;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

@media only screen and (min-width: 1200px) {
    .impact-nav {
        flex-direction: row;
        align-items: center;
    }

    .impact-nav-item-link {
        margin-bottom: 0px;
    }	
}
.scroll-down {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    margin-top: 40px;
    animation-name: showscroll;
    animation-duration: 4s;
}

.scroll-down span {
    font-family: StagSansBook;
    font-size: 12px;
    font-weight: 400;
    color: white;
}

.scroll-down > svg {
    fill: white;
    transition-duration: 150ms;
    transition-timing-function: linear;
    transition-delay: 0s;
    transition-property: all;
    height: 24px;
    width: 24px;
}
.scroll-down:hover > svg {
    transform: translateY(8px);
}

#mobilenav {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1;
    opacity: 1;
    transition:visibility 0.6s linear,opacity 0.6s linear;
    margin-left: -5px;
    margin-right: -5px;
}

#mobilenav a {
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin: 0px;
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-image: initial;
    background-color: transparent;
    min-width: 68px;
    height: 52px;
    padding-top: 8px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    flex: 1 1 0%;
    border-top: 2px solid rgb(54, 56, 68);
    color: rgb(54, 56, 68);
    cursor: pointer;
}

#mobilenav a.active {
    background-color: rgb(252, 235, 218);
    color: #D05D45;
    border-color: #D05D45;
}

#mobilenav svg {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    flex-grow: 0;
    fill: currentcolor;
}

.mobilenav-label {
    font-family: StagSansBook;
    font-size: 10px;
    letter-spacing: -0.4px;
    line-height: 16px;
    font-weight: 400;
    text-align: center;
}

@media only screen and (min-width: 700px) {
    #mobilenav {
        display: none;
    }
}

@media only screen and (max-width: 700px) {
    #project-footer {
        display: none;
    }
}
#project-gallery {
    overflow-x: auto;
    cursor: grab;
    overflow-y: hidden;
    height: 532px;
}
div.everland-gallery {
    grid-template-areas:
        "vertical1 horizontal1 vertical2 vertical3 horizontal3 vertical4 vertical5 horizontal5"
        "vertical1 horizontal2 vertical2 vertical3 horizontal4 vertical4 vertical5 horizontal6";
    grid-template-columns: fit-content(340px);
    height: 532px;
    display: grid;
    grid-template-rows: 250px 250px;
    gap: 32px;
}
#media .everland-gallery-item {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    cursor: grab;
    width: 340px;
}
div.everland-gallery-item:hover figcaption, div.everland-gallery-item:hover .everland-gallery-caption-gradient  {
    transform: translateY(0px);
    opacity: 1;
}

div.everland-gallery-caption-gradient {
    background: linear-gradient(rgba(196, 196, 196, 0), rgba(196, 196, 196, 0.3), rgb(54, 56, 68));
    height: 167px;
    position: absolute;
    bottom: 0;
    opacity: 0;
    transition-delay: 0.15s, 0.15s;
    transition-duration: 0.2s, 0.2s;
    transition-property: opacity;
    transition-timing-function: ease-out, ease-out;
    width: 100%;
}
@font-face {
    font-family: 'BetterParens';
    src: local('Times New Roman');
    unicode-range: U+0028-0029;
}
div.everland-gallery figcaption {
    font-family: 'BetterParens', StagSansBook;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    transform: translateY(10px);
    transition-delay: 0.15s, 0.15s;
    transition-duration: 0.2s, 0.2s;
    transition-property: opacity, transform;
    transition-timing-function: ease-out, ease-out;
    color: white;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 28px;
    padding-right: 28px;
    opacity: 0;
}



#media .everland-gallery-image-wrapper {
    box-sizing: border-box; display: block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: absolute; inset: 0px;
}
#media .everland-gallery-image-wrapper img {
    position: absolute;
    inset: 0px;
    box-sizing: border-box;
    padding: 0px;
    border: none;
    margin: auto;
    display: block;
    width: 0px;
    height: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
}



#media .everland-gallery-item:nth-child(1) {
    grid-area: vertical1 / vertical1 / vertical1 / vertical1;
}

#media .everland-gallery-item:nth-child(2) {
    grid-area: horizontal1 / horizontal1 / horizontal1 / horizontal1;
}

#media .everland-gallery-item:nth-child(3) {
    grid-area: horizontal2 / horizontal2 / horizontal2 / horizontal2;
}

#media .everland-gallery-item:nth-child(4) {
    grid-area: vertical2 / vertical2 / vertical2 / vertical2;
}

#media .everland-gallery-item:nth-child(5) {
    grid-area: vertical3 / vertical3 / vertical3 / vertical3;
}

#media .everland-gallery-item:nth-child(6) {
    grid-area: horizontal3 / horizontal3 / horizontal3 / horizontal3;
}

#media .everland-gallery-item:nth-child(7) {
    grid-area: horizontal4 / horizontal4 / horizontal4 / horizontal4;
}

#media .everland-gallery-item:nth-child(8) {
    grid-area: vertical4 / vertical4 / vertical4 / vertical4;
}

#media .everland-gallery-item:nth-child(9) {
    grid-area: vertical5 / vertical5 / vertical5 / vertical5;
}

#media .everland-gallery-item:nth-child(10) {
    grid-area: horizontal5 / horizontal5 / horizontal5 / horizontal5;
}

#media .everland-gallery-item:nth-child(11) {
    grid-area: horizontal6 / horizontal6 / horizontal6 / horizontal6;
}

#more-projects-list {
    display: flex;
    overflow-x: auto;
    overflow-y: auto;
    row-gap: 15px;
    column-gap: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
}
#more-projects-list a {
    cursor: pointer;
    width: 258px;
    min-height: 284px;
    background-color: white;
    padding: 12px;
    flex-shrink: 0;
    text-decoration: none;
}

.more-image {
    position: relative;
    width: 258px;
    height: 173px;
}
.more-image-image {
    box-sizing: border-box; 
    display: block; 
    overflow: hidden; 
    background-image: none; 
    opacity: 1; 
    border: 0px; 
    margin: 0px; 
    padding: 0px; 
    position: absolute; 
    inset: 0px;
}
.more-image-image img {
    position: absolute; 
    inset: 0px; 
    box-sizing: border-box; 
    padding: 0px; 
    border: none; 
    margin: auto; 
    display: block; 
    width: 0px; 
    height: 0px; 
    min-width: 100%; 
    max-width: 100%; 
    min-height: 100%; 
    max-height: 100%; 
    object-fit: cover;
}
.more-country {
    position: absolute;
    bottom: 20px;
    left: 20px;
    display: flex;
    align-items: center;
}

.more-country svg {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    flex-grow: 0;
    color: rgb(255, 255, 255);
    fill: currentcolor;
}

.more-country-name {
    font-family: Cardo;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    line-height: 20px;
    color: white;
    margin-left: 12px;
}

.more-project-details {
    padding: 12px;
}


.more-standards-label, .more-standards, .more-project-name {
    color: black;
    font-family: StagSans;
    font-size: 16px;
    font-weight: 400;
}

.more-standards {
    font-weight: 300;
}

.more-project-name {
    font-weight: 700;
    font-size: 20px;
    line-height: normal;
    display: block;
    /*min-height: 56px;*/
}


@media (min-width: 900px) {
    #more-projects {
        padding-left: calc((100vw - 1280px) / 2 + 60px);
        padding-right: calc((100vw - 1280px) / 2 + 60px);
    }
    #more-projects-list a, .more-image {
        width: 352px;
    }
    .more-project-name {
        font-size: 24px;
        line-height: 32px;
    }
}

@media (min-width: 1200px) {
    #more-projects-list {
        margin-left: -15px;
    }
}


/* Projects archive page */
body.post-type-archive-projects #project-list-page {
    background-image: url('/wp-content/themes/everland/assets/img/discover-background.webp');
    background-size: cover;
    padding-top: 120px;
    padding-bottom: 50px;
}
body.post-type-archive-projects h1 {
    font-family: StagSans;
    font-size: 48px;
    font-weight: 500;
    color: white;
    margin: 20px;
}
body.post-type-archive-projects .project-list {
    margin: auto;
    max-width: 1240px;
}

body.post-type-archive-projects .project-list-inner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(353px, 1fr));
    gap: 12px;
    padding: 12px;
    overflow-y: auto;
    place-content: center;
    margin: 20px;
    background-color: white;
}

body.post-type-archive-projects .project {
    cursor: pointer;
    min-height: 284px;
    background-color: white;
    flex-shrink: 0;
    margin: 0px auto;
    width: 100%;
}

body.post-type-archive-projects .project-thumbnail {
    position: relative;
    width: 100%;
    height: 173px;
}
body.post-type-archive-projects .project-thumbnail img {
    position: absolute; 
    inset: 0px; 
    box-sizing: border-box; 
    padding: 0px; 
    border: none; 
    margin: auto; 
    display: block; 
    width: 0px; 
    height: 0px; 
    min-width: 100%; 
    max-width: 100%; 
    min-height: 100%; 
    max-height: 100%; 
    object-fit: cover;
}

body.post-type-archive-projects .project-location {
    position: absolute;
    bottom: 20px;
    left: 20px;
    display: flex;
    align-items: center;
}

body.post-type-archive-projects .project-location svg {
    color: white;
    height: 24px;
    width: 24px;
    margin-right: 12px;
    flex-shrink: 0;
    flex-grow: 0;
    fill: currentcolor;
}

body.post-type-archive-projects .project-location span {
    color: white;
    text-decoration: none;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 20px;
}

body.post-type-archive-projects .project-details {
    padding: 12px;
}
body.post-type-archive-projects .standards-label, .standards-text {
    color: rgb(17, 17, 17);
    font-family: StagSans;
    font-size: 16px;
}
body.post-type-archive-projects .standards-label {
    font-weight: 400;
}
body.post-type-archive-projects .standards-text {
    font-weight: 300;
}
body.post-type-archive-projects .project-developer, body.post-type-archive-projects .project-country, .more-project-developer, .more-project-country {
    display: block;
    color: black;
    font-weight: 300;
}
body.post-type-archive-projects .project-name {
    color: rgb(17, 17, 17);
    font-family: StagSans;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    /*min-height: 56px;*/
    margin-top: 12px;
    display: block;
}

@media only screen and (max-width: 900px) {
    body.post-type-archive-projects .project-name {
        font-size: 20px;
        line-height: normal;
    }
    body.post-type-archive-projects .project-list-inner {
        display: block;
    }
}

.wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full {
    border: 0 !important;
    background: white !important;
    padding: 0 !important;
}


#media-usage-policy-overlay {
    position:fixed;
    top:50%;
    left:50%;
    background-color:white;
    z-index:1002;
    overflow:auto;
    width:450px;
    height:520px;
    margin-left:-225px;
    margin-top:-260px;
    border-radius: 8px;
    padding:30px;
    filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.2));
    display: none;
}

#media-usage-policy-overlay h2 {
    font-size: 24px;
}

#media-usage-policy-overlay p {
    font-size: 16px;
}

#media-usage-policy-overlay a#downloadmedia, #media-usage-policy-overlay a#canceldownload {
    display: block;
    border-radius: 6px;
    color: white;
    font-size: 14px;
    font-weight: 600;
    padding: 6px;
    margin: 12px;
    margin-left: 70px;
    margin-right: 70px;
    text-align: center;
    cursor: pointer;
}
#media-usage-policy-overlay a {
    color: var(--primaryorange);
}

#media-usage-policy-overlay a#downloadmedia {
    color: white;
    background-color: var(--primaryorange);
}

#media-usage-policy-overlay a#canceldownload {
    color: white;
    background-color: #bbb;
}


/* Community Voice styles */

:root {
    --cvdarkgreen: #002E0F;
    --cvlightgreen: #00B140;
    --notblack: #363844; 
    --grey: #8C9088;
}

body.communityvoice {
    font-family: futura-pt, sans-serif;
    font-weight: 400;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}
body.communityvoice #container {
    padding-left: 60px;
    padding-right: 60px;
}

body.communityvoice section {
    padding: 0;
}

body.communityvoice ul.nav.navbar-nav a,
    body.communityvoice li.main-button.login a,
    body.communityvoice a#s_open i {
        color: var(--primaryorange);
    }
    body.communityvoice .siscroll {
        display: block;
    }
    body.communityvoice .noscroll {
        display: none;
    }

    body.communityvoice ul.sub-menu li {
        background-color: #fff;
    }
    body.communityvoice #header {
        background-color: #fff;
    }
    body.communityvoice .navigation a {
        color: #808080;
    }
    body.communityvoice .navigation a:hover {
        color: var(--primaryorange);
        text-decoration:none;
    }
    body.communityvoice .navigation {
        text-align: center;
        display: inline-block;
        width: 100%;
        margin-top: 50px;
        font-size: 22px;
    }
    body.communityvoice .pnline {
        color: #808080;
        margin: 0 15px;
    }
    body.communityvoice .pnline:first-child,.pnline:last-child {
        display: none;
    }
    body.communityvoice figure {
        text-align: center;
    }
    body.communityvoice .searchw {
        display: none;
    }
    body.communityvoice .searchb{
        display: block;
    }
    body.communityvoice .content-single p {
        display: block;
    }

body.communityvoice h1, body.communityvoice h2, body.communityvoice h3, body.communityvoice p, body.communityvoice span.tags {
    font-family: futura-pt, sans-serif;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
}
body.communityvoice #mainsplash {
    margin-top: 160px;
    margin-bottom: 60px;
}
body.communityvoice #mainsplashinner {
    display: grid;
    grid-template-columns: 3fr 2fr;
    column-gap: 60px;
    row-gap: 30px;
    background-color: #aaa;
    background-image: url('/wp-content/themes/everland/assets/img/communityvoice_header.webp');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    color: white;
    padding-top: 320px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 10px;
}
    #mainsplash #mainsplashpitch {
        margin-top: 20px;
    }
    #mainsplash #mainsplashpitch h1 {
        text-transform: uppercase;
        font-size: 60px;
        line-height: 80px;
        font-weight: 600;
    }
        #mainsplash #mainsplashpitch h1 u {
            text-decoration-color: var(--cvlightgreen);
        }
    #mainsplash #mainsplashpitch .tagline {
        font-size: 22px;
        line-height: 31px;
    }
    .sociallink {
        margin-top: 15px;
        margin-right: 15px;
    }

    body.communityvoice .photocaption {
        text-align: right;
    }

body.communityvoice #newslettersignup {
    color: black;
    background-color: white;
    padding: 46px;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2)  ; 
        -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); 
        -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); 
    margin-bottom: -50px;
}

    #newslettersignup .eyebrow {
        text-transform: uppercase;
        color: var(--cvlightgreen);
        font-size: 20px;
        line-height: 27px;
    }

    #newslettersignup .ctct-form-defaults {
        padding: 0;
    }

    #email_address_label_0 {
        display: none;
    }

    #gdpr_text {
        transition: max-height 0.5s ease-out;
        max-height: 0;
        overflow: hidden !important;
        display: block;
    }
    #gdpr_text.show {
        height: auto;
        max-height: 100px;
    }

    .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button {
        margin-top: 5px;
        border-radius: 50px !important;
        font-size: 22px !important;
        font-weight: 700;
        width: 170px !important;
        font-family: futura-pt, sans-serif;
        background-color: var(--cvlightgreen) !important;
    }

    .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button:hover {
        background-color: var(--cvlightgreen) !important;
        border: 1px solid var(--cvlightgreen) !important;
    }

    #newslettersignup .ctct-form-header {
        font-size: 30px !important;
        line-height: 45px !important;
        font-weight: 700 !important;
        font-family: futura-pt, sans-serif !important;
        color: #323232!important;
    }

    #newslettersignup .ctct-form-text {
        color: var(--notblack) !important;
        font-size: 22px !important;
        line-height: 31px !important;
        font-family: futura-pt, sans-serif !important;
        font-weight: 400 !important;
        display: block;
        margin: 0;
        padding-top: 0;
    }

    #newslettersignup .ctct-form-footer {
        display: none;
    }

    #gdpr_text {
        font-size: 8px;
    }
    @media screen and (min-width: 700px) {
        body.communityvoice figure.alignright.size-large{
            width: 45%;
            float: right;
            margin-left: 15px;
        }
        body.communityvoice figure.alignleft.size-large{
            width: 45%;
            float: left;
            margin-right: 15px;
        }
    }
    @media screen and (max-width: 700px) {
        body.communityvoice figure.alignright.size-large, body.communityvoice figure.alignleft.size-large {
            margin: 0 !important;
        }
    }
    @media screen and (max-width: 960px) {
        body.communityvoice #mainsplash {
            margin-bottom: 320px;
        }
        body.communityvoice #mainsplashinner {
            grid-template-columns: 1fr;
            background-position: calc(50% + 130px) 0px;
            padding-left: 20px;
            padding-right: 20px;
        }

        body.communityvoice #mainsplashinner #newslettersignup {
            margin-bottom: -300px;
        }

        /* hack to make gutenberg columns break earlier */
        body.commmunityvoice .wp-container-3 {
            flex-wrap: wrap!important;
            width: 100%;
        }
        
        body.commmunityvoice .wp-container-1, body.commmunityvoice .wp-container-2 {
            flex-basis: 100% !important;
        }
    }

    @media screen and (max-width: 500px) {

        body.communityvoice #mainsplashinner {
            padding-top: 0;
        }
        #mainsplash #mainsplashpitch h1 {
            font-size: 40px;
            line-height: 50px;
            margin-bottom: 240px;
        }
        #mainsplash #mainsplashpitch .tagline {
            font-size: 18px;
            line-height: 22px;
        }
    }



/* Portfolio page styles */
    /* conditional display of Login and My Portfolio menu item depending on login/logout */
    li#menu-item-2011 {
        display: none;
    }
    body.logged-in li#menu-item-282 {
        display: none !important;
    }
    body.logged-in li#menu-item-2011 {
        display: block !important;
    }


    /* this can move to the Constant Contact controller */
    .fcol3 .ctct-form-embed.form_1 .ctct-form-defaults {
        background-color: transparent;
    }

    #portfoliocontainer {
        max-width: 1280px;
        padding-left: 55px;
        padding-right: 55px;
        margin-left: auto;
        margin-right: auto;
    }

    .portfoliolink {
        margin-left: 120px;
        height: 100%;
        display: inline-block;
        margin-top: 14px;
    }
    .portfoliolink a, .extramenu a {
        color: var(--primaryorange);
    }

    #portfoliocontainer h2, #portfoliocontainer h2 a {
        color: var(--primaryorange);
        weight: 500;
        font-size: 32px;
        line-height: 43px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    #portfoliocontainer h3 {
        font-weight: 500;
        font-size: 24px;
        line-height: 33px;
        margin: 0;
    }
    #portfoliocontainer .portfolio-highlights-story h3 {
        color: var(--primaryorange);
    }
    #portfoliocontainer label {
        font-weight: 600;
        margin-right: 8px;
    }
    #portfolio-head {
        margin-top: 150px;
        border-radius: 20px;
        width: 100%;
        background-size: cover;
        background-position: center;
        text-align: center;
        color: white;

        padding-top: 90px;
        padding-left: 12%;
        padding-right: 12%;
        padding-bottom: 140px;
    }
        #portfolio-head h1 {
            font-weight: 500 !important;
            font-size: 70px !important;
            line-height: 79px;
        }
        #portfolio-head #portfolio-sponsor-name {
            font-weight: 400;
            font-size: 22px;
            margin-top: 30px;
            margin-bottom: 30px;
        }

    .portfoliocard {
        background-color: white;
        border-radius: 16px;
        box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.24), 0px 3px 8px -1px rgba(50, 50, 71, 0.05);
        padding: 24px;
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .portfoliocard-thumb {
        border-radius: 16px;
        aspect-ratio: 1.81/1;
        object-fit: cover;
        width: 100%;
    }

    #portfolio-project-special {
        background-color: #E1F6DC;
    }

    #portfolio-project-special h2 {
        color: #335E19;
        margin-top: 0;
        margin-bottom: 5px;
    }

    .portfolio-wildlifecard, .portfolio-gallerycard, .portfolio-projectcard {
        position: relative;
        margin: 0;
        padding: 8px;
    }

    .portfolio-gallerycard figcaption {
        color: #111;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        padding: 16px;
    }

    .portfolio-gallerycard figcaption span {
        display: block;
        margin-top: 6px;
    }

    #portfolio-verificationschedule {
        display: grid;
        grid-template-columns: 120px 230px 1fr;
        column-gap: 30px;
        align-items: center;
    }

    #portfolio-verificationschedule p {
        margin: 0;
    }

    #portfolio-recent-impact-report-button, #portfolio-due-diligence-report-button, .portfolio-gallery-image-download-button, .portfolio-gallery-download-all-button, .portfolio-report-download-button {
        margin-left: 10px;
        padding-left: 25px;
        padding-right: 25px;
        height: 45px;
        background: var(--primaryorange);
        color: white;
        font-weight: 600;
        font-size: 14px;
        border: 1px solid var(--primaryorange);
        border-radius: 8px;
        display: inline-grid;
        grid-template-columns: 40px 1fr;
        align-items: center;
        margin-bottom: 8px;
    }

    #portfolio-due-diligence-report-button {
        color: var(--primaryorange);
        background: white;
    }

    .portfolio-gallery-image-download-button {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -25px;
        margin-left: -95px;
        visibility: hidden;
    }

    .portfolio-gallery-download-all-button {
        width: 200px;
        float: right;
        margin-right: 30px;
    }

    .portfolio-report-download-button {
        display: inline-grid;
    }

    #portfolio-stats {
        background-color: #fbf4ed;
        display: grid;
        padding-top: 32px;
        padding-bottom: 32px;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 30px;
        font-weight: 400;
        font-size: 22px;
        line-height: 140%;
        margin-top: 32px;
    }

    .portfolio-stats-card .stats-value {
        color: var(--primaryorange);
        font-family: 'StagSans', sans-serif;
        font-weight: 500;
        font-size: 32px;
        display: block;
    }

    #portfolio-portfolionote {
        margin-top: 150px;
        background-color: var(--cvlightgreen); 
        color: white; 
        display: block;
        padding: 8px;
        padding-left: 18px;
    }

    #portfolio-portfolionote a {
        color: white;
        text-decoration: underline;
    }

    #portfolio-portfolionote span {
        font-weight: 700; 
        font-size: 20px; 
        vertical-align: middle;
    }
    

    #portfolio-overview-head, #portfolio-portfoliohead {
        display: grid;
        grid-template-columns: 1fr 150px;
        column-gap: 10px;
        align-items: center;
    }

    #portfolio-sponsor-logo, #portfolio-companylogo {
        width: 150px;
        float: right;
    }

    #welcometext {
        display: block;
    }

    .portfoliocard-projecthead {
        display: grid;
        grid-template-columns: 1fr 80px;
    }

    .portfoliocard-projecthead .developerlogo img {
        margin-top: 8px;
        width: 80px;
        height: auto;
    }

    .portfoliocard-projecthead h3 {
        font-weight: 500;
        font-size: 20px;
        line-height: 30px;
        color: black;
    }

    .portfolio-projectcard {
        height: 100%;
        display: relative;
        padding-bottom: 40px;
    }
    
    .portfolio-projectcard p {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: black;
    }
        
    .portfolio-projectcard p.view-details {
        font-weight: 600;
        color: var(--primaryorange);
        font-weight: 600;
        color: var(--primaryorange);
        position: absolute;
        bottom: 10px;
        left: 10px;
    }

    #portfolio-standards {
        border: 2px solid black;
        border-radius: 8px;
        display: inline-block;
        padding: 8px;
        padding-left: 25px;
        padding-right: 25px;
        margin-top: 18px;
    }

    #portfolio-endangered-wildlife-carousel {
        margin-bottom: 15px;
    }

    #portfolio-endangered-wildlife-carousel, #portfolio-projects {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 20px;
        row-gap: 30px;
    }

    #portfolio-projects {
        margin-top: 50px; 
    }

    #portfolio-info {
        margin-top: 50px;
        padding-top: 50px;
        border-top: 2px solid #ccc;
    }

    #portfolio-info h2 {
        color: black;
    }

    #portfolio-contact {
        margin-top: 50px;
    }

    #portfolio-contact p {
        font-size: 18px;
    }

    #portfolio-contact a {
        text-decoration: underline;
        color: var(--primaryorange);
    }


    .portfolio-wildlifecard .biname {
        font-style: italic;
        font-weight: 400;
        font-size: 16px;
    }

    .portfolio-wildlifecard .endangeredstate {
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
    }

    .portfolio-wildlifecard .endangeredstate span {
        margin-right: 10px;
    }

    .portfolio-wildlifecard .endangeredstate.endangered-cr span {
        color: #E61E25;
    }
    .portfolio-wildlifecard .endangeredstate.endangered-vu span {
        color: #F9E600;
    }
    .portfolio-wildlifecard .endangeredstate.endangered-en span {
        color: #F47536;
    }
    .portfolio-wildlifecard .endangeredstate.endangered-nt span {
        color: #C3D82E;
    }
    .portfolio-wildlifecard .endangeredstate.endangered-lc span {
        color: #49B749;
    }


    #portfolio-endangered-wildlife-carousel .portfolio-wildlifecard h3 {
        font-weight: 600;
        font-size: 18px;
    }

    #portfolio-endangered-wildlife-carousel .portfolio-wildlifecard p {
        font-weight: 400;
        font-size: 16px;
        line-height: 140%;
    }

    #portfolio-endangered-wildlife-carousel .portfolio-wildlifecard a {
        text-decoration: underline;
        color: black;
    }

    #portfolio-highlights {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 10px;
    }
    #portfolio-highlights-map {
        width: 100%;
        height: 800px;
        z-index: 99;
    }
    #portfolio-highlights-stories {
        height: 800px;
        overflow: scroll;
        padding-right: 10px;
        position: relative;
    }

    #portfolio-highlights .portfolio-highlights-story h3 {
        margin-top: 15px;
    }

    .portfolio-highlights-story {
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
    }

    .highlightedstory {
        background-color: #FAF5EF;
    }

    .portfolio-highlights-post-image img {
        border-radius: 16px;
        object-fit: cover;
        width: 100%;
    }
    
    .portfolio-highlights-post-content p {
        font-weight: 400;
        font-size: 16px;
        line-height: 140%;
    }

    #portfolio-links {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 20px;
    }

    #portfolio-recent-impact-report, #portfolio-impact-report-archive, #portfolio-media {
        text-align: center;
        padding-left: 40px;
        padding-right: 40px;
        cursor: pointer;
        position: relative;
    }

    #portfolio-gallery-head {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #portfolio-gallery-switcher {
        height: 48px;
        border: 1px solid var(--primaryorange);
        border-radius: 8px;
        display: inline-block;
        overflow: hidden;
    }

    .portfolio-gallery-switch {
        padding: 13px 24px;
        height: 46px;
        color: var(--primaryorange);
        font-weight: 500;
        font-size: 14px;
        display: inline-block;
        margin: 0;
        cursor: pointer;
        text-align: center;
    }
    .portfolio-gallery-switch.active {
        background: var(--primaryorange);
        color: white;
    }
    .portfolio-gallery {
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 20px;
        row-gap: 30px;
        display: none;
        clear: both;
    }
    .portfolio-gallery.active {
        display: grid;
    }

    #portfolio-back {
        text-align: center;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    #portfolio-back a {
        color: var(--primaryorange);
    }

    #portfolio-back a:hover {
        text-decoration: underline;
    }

    .mapboxgl-marker {
        background-size: cover;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        cursor: pointer;
    }

    .marker-default {
        background-image: url('/wp-content/themes/everland/assets/img/icons/mapmarkers/map_default.svg');
    }
    

    /* complete */
    .marker-complete-aquaculture, .marker-progress-aquaculture, .marker-planned-aquaculture {
        background-image: url('/wp-content/themes/everland/assets/img/icons/mapmarkers/map_aquaculture.svg');
    }
    .marker-complete-classroom, .marker-progress-classroom, .marker-planned-classroom {
        background-image: url('/wp-content/themes/everland/assets/img/icons/mapmarkers/map_educational.svg');
    }
    .marker-complete-community, .marker-progress-community, .marker-planned-community {
        background-image: url('/wp-content/themes/everland/assets/img/icons/mapmarkers/map_community.svg');
    }
    .marker-complete-ecological, .marker-progress-ecological, .marker-planned-ecological {
        background-image: url('/wp-content/themes/everland/assets/img/icons/mapmarkers/map_ecological.svg');
    }
    .marker-complete-farming, .marker-progress-farming, .marker-planned-farming {
        background-image: url('/wp-content/themes/everland/assets/img/icons/mapmarkers/map_farming.svg');
    }
    .marker-complete-medical, .marker-progress-medical, .marker-planned-medical {
        background-image: url('/wp-content/themes/everland/assets/img/icons/mapmarkers/map_medical.svg');
    }
    .marker-complete-ranger, .marker-progress-ranger, .marker-planned-ranger {
        background-image: url('/wp-content/themes/everland/assets/img/icons/mapmarkers/map_ranger.svg');
    }
    .marker-complete-tourism, .marker-progress-tourism, .marker-planned-tourism {
        background-image: url('/wp-content/themes/everland/assets/img/icons/mapmarkers/map_tourism.svg');
    }
    .marker-complete-water, .marker-progress-water, .marker-planned-water {
        background-image: url('/wp-content/themes/everland/assets/img/icons/mapmarkers/map_water.svg');
    }
    .marker-complete-wildlife, .marker-progress-wildlife, .marker-planned-wildlife {
        background-image: url('/wp-content/themes/everland/assets/img/icons/mapmarkers/map_wildlife.svg');
    }

    /* progress */
    .marker-progress-aquaculture, .marker-progress-classroom, .marker-progress-community, .marker-progress-ecological, .marker-progress-farming, .marker-progress-medical, .marker-progress-ranger, .marker-progress-tourism, .marker-progress-water, .marker-progress-wildlife {
        opacity: 0.6 !important;
    }

    /* planned */
    .marker-planned-aquaculture, .marker-planned-classroom, .marker-planned-community, .marker-planned-ecological, .marker-planned-farming, .marker-planned-medical, .marker-planned-ranger, .marker-planned-tourism, .marker-planned-water, .marker-planned-wildlife {
        opacity: 0.4 !important;
    }

    .mapboxgl-popup {
        max-width: 200px;
        border-radius: 4px;
      }

      .mapboxgl-popup-content {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
      }
      
      .mapboxgl-popup-content h3 {
        text-align: center;
        font-size: 14px !important;
        line-height: 18px !important;
        margin-top: 5px;
        margin-bottom: 5px;

      }

    .impactreport {
        display: grid;
        grid-template-columns: 1fr 2fr;
        column-gap: 30px;
        padding-bottom: 30px;
        font-weight: 400;
        font-size: 22px;
        line-height: 140%;
        color: #363844;
    }
    .impactreport .thumbnail img {
        width: 100%;
    }
    #portfoliocontainer .impactreport .details h2 {
        font-weight: 500;
        font-size: 32px;
        margin-top: 8px;
        margin-bottom: 8px;
    }
    #portfoliocontainer .impactreport .thumbnail h2 {
        display: none;
    }
    .portfolio-report-type {
        border: 1px solid #8c9088;
        color: #8c9088;
        font-size: 16px;
        line-height: 100%;
        padding: 8px 10px;
        border-radius: 6px;
        margin-right: 15px;
        text-transform: uppercase;
        display: inline-block;
    }

    .kpipillarcontainer {
        border-radius: 16px;
        padding: 24px;
        margin-top: 34px;
        grid-template-columns: 60px 60px;
    }

    .kpipillarcontainer.pillar-community {
        background-color: #B5474E;
    }

    .kpipillarcontainer.pillar-governance {
        background-color: #497DA6;
    }

    .kpipillarcontainer.pillar-biodiversity {
        background-color: #9DC58C;
    }

    .kpipillarcontainer.pillar-climate {
        background-color: #E1BB69;
    }

    #portfoliocontainer .kpipillarcontainer h3.kpipillar {
        color: white;
        font-size: 32px;
        margin: 0;
    }  

    #portfoliocontainer .kpipillarcontainer h3.kpipillar span.kpisubpillar {
        font-size: 24px;
    }

    .kpicharts {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 24px;
    }

    #kpichart {
        margin-bottom: 0;
    }

    #kpichart h4 {
        font-size: 24px;
        color: black;
    }
    

    .tooltip {
        position: relative;
        display: inline-block;
        cursor: pointer;
    }

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 500px;
        background-color: white;
        color: black;
        border-radius: 12px;
        padding: 15px;
        position: absolute;
        z-index: 9999;
        bottom: 120%;
        left: 50%;
        margin-left: -265px;
        box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
    }

    .tooltiptext p {
        font-size: 16px;
        line-height: 130%;
        font-family: 'StagSansBook', sans-serif;
    }

    .tooltip .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -10px;
        border-width: 10px;
        border-style: solid;
        border-color: white transparent transparent transparent;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

    @media only screen and (max-width: 1100px) {
        #portfolio-verificationschedule {
            grid-template-columns: 120px 1fr 280px;
        }
    }
    @media only screen and (max-width: 900px) {
        
        #portfoliocontainer {
            padding-left: 15px;
            padding-right: 15px;
        }
        #portfolio-portfoliohead {
            grid-template-columns: 1fr;
            row-gap: 10px;
        }
        .portfoliolink {
            margin-left: 90px;
        }
        #portfolio-head h1 {
            font-size: 48px !important;
            line-height: 56px;
        }
        #portfolio-head #portfolio-sponsor-name {
            font-size: 17px;
        }

        #portfolio-recent-impact-report-button {
            margin-top: 20px;
        }

        .portfolio-projectcard p.view-details {
            position: relative;
            left: 0;
        }

        #portfolio-endangered-wildlife-carousel .wildlifeinfoicon {
            display: none;
        }

        #portfolio-project-description p, #portfolio-forest-type p, #portfolio-endangered-wildlife-carousel .portfolio-wildlifecard p, .portfolio-highlights-post-content p {
            font-size: 18px;
        }
        #portfolio-verificationschedule, #portfolio-stats, #portfolio-endangered-wildlife-carousel, #portfolio-links, .portfolio-gallery, #portfolio-projects {
            grid-template-columns: 1fr;
        }
        #verificationthumb {
            display: none;
        }
        #portfolio-stats {
            row-gap: 30px;
        }

        .portfolio-recent-impact-report-button {
            margin-top: 20px;
        }

        #portfolio-highlights-stories {
            height: auto;
        }

            .portfolio-highlights-post-content {
                margin-bottom: 0 !important;
            }

        #portfoliocontainer h2, #portfoliocontainer h2 a {
            margin: 0 !important;
        }

        .impactreport {
            grid-template-columns: 1fr;
        }
        #portfoliocontainer .impactreport .thumbnail h2 {
            display: block;
            font-size: 16px;
            line-height: 18px;
            margin: 0;
            margin-bottom: 8px;
        }
        #portfoliocontainer .impactreport .details {
            display: none;
        }

        .portfolio-gallery-download-all-button {
            display: none;
        }

        #portfolio-gallery-head {
            text-align: center;
        }

        #portfolio-gallery-head img {
            float: none;
            margin-right: auto;
            margin-left: auto;
            margin-top: 20px;
        }
        

        #portfolio-gallery-switcher {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
        }

        .portfolio-gallery-switch span {
            display: none;
        }

        #portfolio-overview-head {
            grid-template-columns: 1fr;
            text-align: center;
        }

        #portfolio-overview-head img {
            margin-left: auto;
            margin-right: auto;
        }  

        #portfolio-highlights {
            grid-template-columns: 1fr;
        }

        #portfolio-highlights #portfolio-highlights-map {
            visibility: hidden;
            position: fixed;
            top: 0;
            left: 0;
            height: 250px;
            width: 100%;
            border-bottom: 5px solid var(--primaryorange);
            border-top: 1px solid var(--primaryorange);
            opacity: 0;
            z-index: 999;
            transition: visibility 1s, opacity 0.5s linear;
        }

        #portfolio-highlights #portfolio-highlights-map.showmap {
            visibility: visible;
            opacity: 1;
            transition: visibility 0s, opacity 0.5s linear;
        }
        .portfoliocard {
            padding-top: 14px;
            padding-bottom: 14px;
            padding-left: 8px;
            padding-right: 8px;
        }
        .portfolio-gallerycard figcaption {
            padding-left: 8px;
            padding-right: 8px;
        }
        #portfolio-stats {
            font-size: 18px;
        }
        .portfolio-stats-card .stats-value {
            font-size: 26px;
        }

        .tooltip {
            display: none;
        }
    }

    /* temporary to break cache */
    h2.impactreportsectionhead.highlights {
        background-image: url(/wp-content/themes/everland/assets/img/highlights_bgnd.webp) !important;
    }
    h2.impactreportsectionhead.opportunities {
        background-image: url(/wp-content/themes/everland/assets/img/opportunities_bgnd.webp) !important;
    }
    h2.impactreportsectionhead.challenges {
        background-image: url(/wp-content/themes/everland/assets/img/challenges_bgnd.webp) !important;
    }