:root {
    /* Primary */
    --bg-AAA-primary-color: #367e3d;
    --bg-AAA-secondary-color: #93ae3c;
    --bg-AAA-tertiary-color: #18351c;
}

.content.container,
#main.container {
    padding: 0 !important;
}

.node__content.clearfix {
    margin-top: 0 !important;
}

.node--unpublished {
    padding: 0 !important;
}

#main-wrapper {
    background-color: #36657e;
    /* background: url(https://aaahq.org/portals/0/images/boardcouncil/greenlines_transparent-min.png), linear-gradient(315deg, #1f7b93 0%, #559644 100%); */
    background: url(https://aaahq.org/portals/0/images/boardcouncil/greenlines_transparent-min.png),
        linear-gradient(315deg, #3caea3 0%, #36657e 100%);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-attachment: fixed
}

#main {
    background: linear-gradient(165deg, white 0%, rgb(229 229 229) 30%, #c2c2c2 250%);
    box-shadow: 25px 0 20px -20px rgba(0, 0, 0, 0.45), -25px 0 20px -20px rgba(0, 0, 0, 0.45);
}

#segmentLeadersHeader {
    padding: 0.7rem 1rem;
    color: white !important;
    /* background: linear-gradient(45deg, rgb(206, 28, 97) 0%, rgb(237, 42, 139) 7%, rgb(237, 47, 82) 13%, rgb(221, 49, 37) 19%, rgb(206, 81, 39) 25%, rgb(221, 127, 39) 31%, rgb(204, 139, 42) 36%, rgb(188, 143, 45) 42%, rgb(186, 153, 46) 47%, rgb(145, 134, 49) 53%, rgb(92, 132, 58) 59%, rgb(53, 124, 59) 65%, rgb(92, 97, 170) 71%, rgb(97, 49, 142) 77%, rgb(128, 62, 145) 83%, rgb(165, 72, 147) 88%, rgb(170, 32, 133) 94%, rgb(191, 63, 148) 100%); */
    /* border-radius: 0.25rem; */
    background: linear-gradient(135deg, var(--bg-AAA-primary-color), var(--bg-AAA-secondary-color));
    box-shadow: 0px 4px 8px -2px rgba(9, 30, 66, 0.25), 0px 0px 0px 1px rgba(9, 30, 66, 0.08);
    text-shadow: 1px 1px 3px black, 0 0 10px rgba(0, 0, 0, 0.2);
    position: sticky;
    top: 0;
    z-index: 999;
}

#segmentLeadersHeader .navbar-brand{
    font-family: "Gotham-Black", Helvetica, Arial, Tahoma, sans-serif !important;
    font-size: 36px !important;
}

.toolbar-horizontal #segmentLeadersHeader {
    top: 39px;
}

.toolbar-horizontal.toolbar-tray-open #segmentLeadersHeader {
    top: 78.8px !important;
}


#segmentLeadersHeader h1 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#segmentLeadersHeader ul, #segmentLeadersHeader ul li{
    list-style: none !important;
}

#segmentLeadersHeader a:visited{
    color:unset !important
}

#segmentLeadersHeader a:hover{
    text-decoration: none !important;
    color: white !important;
}

.card {
    padding: 1.5rem;
    box-shadow:0px 4px 8px -2px rgba(9, 30, 66, 0.25),
        0px 0px 0px 1px rgba(9, 30, 66, 0.08),
        1px 2px 8px rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    /* margin: 1.5rem 0; */
}

.card h2 {
    margin-top: 0 !important;
}

.card img {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06);
    margin: 0.5rem 0;
    border-radius: 0.25rem;
}

.card ul{
    padding: 0;
}

.card ul li{
    margin: 0.2rem 0;
}

section#segmentLeadersGrid {
    padding: 1rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas:
        "action action action action announcements announcements"
        "glance glance glance resources resources resources"
        "glance glance glance reimbursements reimbursements reimbursements"
        "nasba nasba index index foundations foundations";
    grid-gap: 1.5rem;
}

section#segmentLeadersResourcesGrid {
    padding: 1rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas:
        "timeline timeline governance governance contact contact"
        "meetings meetings meetings roundtable roundtable roundtable"
        "dei dei past past forms forms"
        "future future future survey survey survey";
    grid-gap: 1.5rem;
}

section#segmentLeadersRepositoryGrid {
    padding: 1rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
        "sections"
        "regions";
    grid-gap: 1.5rem;
}

section#segmentLeadersContactGrid {
    padding: 1rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
        "sections";
    grid-gap: 1.5rem;
}

section#segmentLeadersArchiveGrid{
    padding: 1rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: 
        "archiveMaterials archiveMaterials archiveMaterials"
        "decision archiveGovernance MAC";
    grid-gap: 1.5rem;
}

.action{
    grid-area: action;
}

.announcements{
    grid-area: announcements;
}

.glance{
    grid-area: glance;
}

.resources{
    grid-area: resources;
}

.reimbursements{
    grid-area: reimbursements;
}

.nasba{
    grid-area: nasba;
}

.index{
    grid-area: index;
}

.foundations{
    grid-area: foundations;
}

.timeline{
    grid-area: timeline;
}

.contact{
    grid-area: contact;
}

.contact img {
    float: right;
    margin: 0 0 1rem 1rem;
}

.governance{
    grid-area: governance;
}

.meetings{
    grid-area: meetings;
}

.roundtable{
    grid-area: roundtable;
}

.forms{
    grid-area: forms;
}

.dei{
    grid-area: dei;
}

.past{
    grid-area: past;
}

.future{
    grid-area: future;
}

.survey{
    grid-area: survey
}

.archiveMaterials{
    grid-area: archiveMaterials;
}

.archiveGovernance{
    grid-area: archiveGovernance;
}

.MAC{
    grid-area: MAC;
}

.decision{
    grid-area: decision;
}

.month{
    margin: 1rem 0;
    border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
}


div.news-archive {
    width: 270px;
    padding: 1rem;
    font-size: 15px;
    display: block;
    background: #FDFFFD;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.1), 0px 0px 15px rgba(0,0,0,0.05);
}

div.news-archive:hover, div.news-archive:hover a:hover {
    background-color: var(--bg-AAA-primary-color) !important;
    color: white !important;
    display: block;
    text-decoration: none;
    border-bottom: none !important;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

div.news-archive a {
    display: block;
    height: 100%;
    text-decoration: none;
    border-bottom: none !important;
}

div.repo{
    display: flex;
    gap: 1rem;
    justify-content: space-evenly;
    flex-wrap: wrap;
}


/* .card::before {
    content: '';
    padding: 0 -1rem;
    margin: -1.5rem -1.5rem 1.5rem -1.5rem;
    background: linear-gradient(45deg, rgb(206, 28, 97) 0%, rgb(237, 42, 139) 7%, rgb(237, 47, 82) 13%, rgb(221, 49, 37) 19%, rgb(206, 81, 39) 25%, rgb(221, 127, 39) 31%, rgb(204, 139, 42) 36%, rgb(188, 143, 45) 42%, rgb(186, 153, 46) 47%, rgb(145, 134, 49) 53%, rgb(92, 132, 58) 59%, rgb(53, 124, 59) 65%, rgb(92, 97, 170) 71%, rgb(97, 49, 142) 77%, rgb(128, 62, 145) 83%, rgb(165, 72, 147) 88%, rgb(170, 32, 133) 94%, rgb(191, 63, 148) 100%);
    border-radius: 0.25rem 0.25rem 0 0;
    height: 5px;
} */

@media only screen and (max-width: 1199px){
    section#segmentLeadersGrid{
        
        grid-template-areas: 
        "action action action action announcements announcements"
        "glance glance glance resources resources resources"
        "glance glance glance reimbursements reimbursements reimbursements"
        "foundations foundations foundations foundations foundations foundations"
        "nasba nasba nasba index index index" !important;
    }

    section#segmentLeadersResourcesGrid{
        grid-template-areas: 
        "timeline timeline timeline contact contact contact"
        "governance governance governance past past past"
        "meetings meetings meetings roundtable roundtable roundtable"
        "dei dei dei forms forms forms"
        "future future future survey survey survey" !important;
    }
}

@media only screen and (max-width: 992px) {
    section#segmentLeadersGrid {

       grid-template-columns: 1fr !important;
       grid-template-areas: 
       "action"
       "announcements"
       "glance"
       "resources"
       "reimbursements"
       "foundations"
       "nasba"
       "index" !important
    }

    section#segmentLeadersResourcesGrid{
        grid-template-columns: 1fr !important;
        grid-template-areas: 
            "timeline"
            "contact"
            "governance"
            "past"
            "meetings"
            "roundtable"
            "dei"
            "forms"
            "future"
            "survey" !important;
    }
}