
:root {
    --primary-color: #002424;
    --secondary-color: #D7801B;
    --secondary-color-80: #DF9949;
    --background-color: #f5f5f5;
    --font-color-grey: #6C757D;
    --sidebar-color: #03830a;
    --active-color: #03830a;
    --light-ash: #f5f5f5;
    --light-ash-over: #e5e5e5;
    --light-ash-comp: #c4c4c4;
    --dark-ash: #333333;
    --text-color: #677788;
}

#GAIMSLogo {
    /*height: 240px;*/
    width: 200px;
}

body{
    font-size: 16px !important;
    /*font-family: 'Avenir', sans-serif !important;*/
    font-family: 'Montserrat', sans-serif !important;
}

p {
    margin-bottom: 0 !important;
}

.nav-link {
    /*color: var(--primary-color);*/
}

.nav-link:hover {
    /*color: var(--primary-color);*/
    /*color: unset;*/
    /*font-weight: bold;*/
}

.active {
    /*color: var(--secondary-color) !important;*/
    color: var(--active-color) !important;
}

.nav-link.active.map-sidebar {
    /*background: var(--active-color) !important;*/
    /*color: #ffffff !important;*/
    /*background: #f5f5f5 !important;*/
    color: var(--active-color) !important;
}

.nav-link.map-sidebar {
    padding-left: 0 !important;
    color: #677788 !important;
}

.nav-link.map-sidebar:hover{
    color: #677788;
}

/*.navbar-brand {*/
/*    height: 60px !important;*/
/*}*/

.navbar-brand-logo {
    /*width: 50% !important;*/
    max-width: 60% !important;
    min-width: 20% !important;
}

.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    /*background-color: var(--active-color) !important;*/
    /*border-color: var(--active-color) !important;*/
}

.btn-secondary-custom {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: var(--primary-color) !important;
}

.btn-secondary {
    color: #ffffff !important;
}



.dark-green-btn-2 {
    background-color: #28a745 !important;
    color: #ffffff !important;
    border-color: #28a745 !important;
    border: 3px solid;
    font-weight: bold;
}

.dark-green-btn-2:hover {
    background-color: transparent !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
    border: 3px solid;
}

/*.top-section {*/
/*    background-color: #333333;*/
/*    width: 100% !important;*/
/*    !*-webkit-transform: skewY(-3deg);*!*/
/*    !*-moz-transform: skewY(-3deg);*!*/
/*    !*-ms-transform: skewY(-3deg);*!*/
/*    !*-o-transform: skewY(-3deg);*!*/
/*    !*transform: skewY(-3deg);*!*/
/*    overflow:hidden;*/
/*    border-bottom: 5px solid var(--secondary-color);*/
/*}*/

.navbar-box-shadow {
    box-shadow: 0px 0px 3px #3333334D;
}


.top-section {
    min-height: 85vh;
    max-height: 85vh;
    max-width: 100vw;
    /*image credit*/
    /*"2DU Kenya 78" by CIAT International Center for Tropical Agriculture is licensed with CC BY-SA 2.0. To view a copy of this license, visit https://creativecommons.org/licenses/by-sa/2.0/*/
    background-image: url("../img/gaims/GAIMS-Hero-5-BDG.jpg");
    background-color: #515151;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #ffffff;
}

.top-section-image {
    box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.5);
    background-size: cover;
    /*background: url("../img/custom/Forest-Photo.jpg") center;*/
    background-image: url("../img/gaims/GAIMS-Hero-5-BDG.jpg");
    /*-webkit-transform: skewY(3deg);*/
    /*-moz-transform: skewY(3deg);*/
    /*-ms-transform: skewY(3deg);*/
    /*-o-transform: skewY(3deg);*/
    /*transform: skewY(3deg);*/
    margin-bottom: -3rem;
}

.middle-section {
    background-image: url("../img/custom/Map Mask Image.png");
    background-repeat: repeat-x;
    background-position: center;
    background-size: contain;
    background-color: var(--secondary-color-80);
    height: 20rem;
    width: 100% !important;
}

.feature-card {
    height: 18rem;
    width: 18rem;
    border-radius: 8px;
    background-color: var(--background-color);
    color: var(--primary-color) !important;
}

.feature-card i {
    font-size: 3rem;
}

.partner-logo {
    /*width: 10rem;*/
    height: 4rem;
}

/*.footer-section {*/
/*    background-image: url("../img/custom/Footer.png");*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    !*width: 100vw !important;*!*/
/*    height: auto;*/
/*}*/

/*.footer-logo{*/
/*    width: 7rem;*/
/*}*/

/*.footer-social-link {*/
/*    color: #ffffff;*/
/*}*/

/*.footer-social-link:hover {*/
/*    color: var(--secondary-color);*/
/*}*/


.dark-green-btn {
    background-color: #002424 !important;
    color: #ffffff !important;
    border-color: #002424 !important;
    border: 3px solid;
}

.dark-green-btn:hover {
    background-color: transparent !important;
    color: #002424 !important;
    border-color: #002424;
    border: 3px solid;
}


.custom-footer {
    background-color: var(--primary-color);
    font-size: 14px;
    color: #ffffff;
}

.custom-footer a, h5 {
    color: #ffffff;
}

.footer-footer {
    background-color: var(--primary-color);
    font-size: 14px;
}

.footer-logo {
    height: 80px;
}

.social-media-icon {
    height: 1rem;
    width: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 1rem;
    padding: 4%;
    margin-right: 1rem;
}

.social-media-icon:hover {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: #ffffff;
}

.quick-link{
    margin-bottom: 5%;
}

.get-in-touch {
    margin-bottom: 2% !important;
}

.partner-logo {
    width: 200px;
    height: 200px;
}

.publication-card {
    background-color: var(--background-color);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 2rem;
}

.publication-category {
    font-size: small;
    color: var(--font-color-grey);
}

.publication-title {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

.publication-description{
    margin-bottom: 1rem !important;
}

.publication-author{
    font-size: small;
    color: var(--font-color-grey);
}

.publication-attachments {
    font-size: small;
    color: var(--font-color-grey);
}

.publication-attachments-file {
    margin-left: 1rem;
}

.layer-item{
    /*change color here*/
    /*color: #000000 !important;*/
}

.forestry-ghana-map {
    height: 25rem;
}

.file-link {
    color: var(--font-color-grey);
}

.selected-category {
    color: var(--secondary-color) !important;
}

.category-filter-selector:hover {
    cursor: pointer;
}

.orange-background {
    background-color: var(--secondary-color);
    color: #ffffff;
}

.orange-background:hover {
    color: #ffffff;
}

/*contact*/
.form-btn {
    background-color: #ffffff;
    border: 2px solid #002424;
    color: #002424;
}

.form-btn:hover {

}

.form-btn-active {
    background-color: #002424 !important;
    border: 2px solid #002424 !important;
    color: #ffffff !important;
}

@media screen and (max-width: 991px) {
    #GAIMSTitle {
        font-size: 1.7rem !important;
        margin-bottom: 1rem !important;
    }
}

/*Added only when map page loads*/
.navbar-over-sidebar{
    /*z-index: 4000;*/
    /*z-index: 1005;*/
}

/*GODAN Guideline Card*/
.godan-guideline-card {
    border-radius: 20px;
    /*box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.3);*/
    background-color: #ffffff;
    /*box-shadow: 0px 0px 20px 1px #3333334D;*/
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.02);
    color: #ffffff;
    /*color: #333333;*/
    padding: 2rem 1rem;
    box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.8);
    background-image: url("../img/gaims/Godan-Image-2-BW.jpg");
    background-size: contain;
    height: 165px;
}

.godan-guideline-card .fas {
    font-size: 2.4rem;
    margin-bottom: 1rem;
}


/*GODAN section*/
.godan-section {
    padding: 5rem 0rem;
    /*box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.8);*/
    /*opacity: 0.4;*/
    background-size: cover;
    /*background-image: url("../img/gaims/Godan-Image-1-BW.jpg");*/
    background-position: center;
    background-color: #f8f8f8;
}

.godan-subcategory-card {
    /*display: none;*/
}

.godan-subcategory-card-favicon {
    height: 2.5rem;
    margin-bottom: 0.7rem;
    color: #333333;
}

.home-page-feature-image:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.home-page-feature-image-div {
    padding: 0rem 8rem;
}

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

    .home-page-feature-image-div {
        padding: 0rem 2rem;
    }

}

#InfoGroupCard {

}

/*#InfoGroupCard:after {*/
/*    content: "";*/
/*    display: block;*/
/*    padding-bottom: 100%;*/
/*}*/

.info-card:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.info-value {
    /*position: center;*/
    /*top: 50%;*/
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #002424;
}

/*Info icon on top of info*/
.more-info {
    color: var(--active-color) !important;
    font-size: 2rem;
}

.insight-table {
    border-radius: 0.5rem !important;
}

.insight-layer-accordion-header {
    padding: 1rem !important;
    color: var(--text-color) !important;
}

.light-text-color {
    color: var(--text-color) !important;
}

.insight-background {
    border-radius: 0.75rem;
}


/*SEARCH MAP STYLES*/
.zoom-to-found-feature:hover {
    cursor: pointer;
}

#SearchResults {
    height: 68vh !important;
    overflow-y: scroll;
}