:root {
    /* Primary */
    --bg-AAA-primary-color: #367e3d;
    --bg-AAA-secondary-color: #93ae3c;
    --bg-AAA-tertiary-color: #18351c;
}
.content.container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0px !important;
}

div#main {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0px !important;
}
#page-wrapper {
    overflow: hidden;
}

section#educationHeader>div.col-lg-8{
    background: url(https://aaahq.org/portals/0/images/education/CareerCenterTrianglesGraphic_v2.svg);
    padding: 1rem;
    background-size: cover;
    background-position: 0px center;
    background-repeat: no-repeat;

}

section#educationHeader>div.col-lg-4{
    background: url(https://aaahq.org/portals/0/images/education/phd/graduation-cap-on-gray-background-with-copy-space-2023-11-27-05-09-07-utc.jpg);
    background-size: cover;
    background-position: center center;
    box-shadow: inset -8px 0px 10px -3px black;
}

section#educationHeader{
    box-shadow: 1px 4px 6px rgba(0,0,0,0.5);
    position: relative;
    z-index:9;
    padding: 0px 15px;
}

div.headerCard{
    padding: 1rem;
    background: white;
    box-shadow: 2px 2px 15px;
    border-radius: 0.5rem;
}


#education{
    background-image: linear-gradient(135deg, #187288 0%, #93ae3c 59% , #367e3d 100%);
    background-image: linear-gradient(135deg, #187288f2 0%, #93ae3cf2 59% , #367e3df2 100%),url(https://aaahq.org/portals/0/images/education/CareerCenterTrianglesGraphic_v2.svg);
    background-size: cover;
}

div#education p, div#education li {
    line-height: 1.1;
}


.btn-success{ 
    background: var(--bg-AAA-primary-color);
    background: -moz-linear-gradient(-45deg, var(--bg-AAA-primary-color) 0%, var(--bg-AAA-secondary-color) 100%);
    background: -webkit-linear-gradient(-45deg, var(--bg-AAA-primary-color) 0%, var(--bg-AAA-secondary-color) 100%);
    background: linear-gradient(135deg, var(--bg-AAA-primary-color) 0%, var(--bg-AAA-secondary-color) 100%);
    color: white;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.8);
    text-decoration: none !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,1);
    font-family: 'Gotham-Medium', sans-serif;
}
.btn-success:hover{
    text-decoration: none;
    transform: translate(-1px, -2px);
    transition: 0.2s;
    box-shadow: 3px 4px 6px rgba(0,0,0,0.5);
    filter: saturate(120%);
}

section#phdBody {
    background: linear-gradient(135deg, white 0%, white 40%, black 150%);
    padding: 1rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 0.5fr 0.5fr 1fr;
    grid-template-areas:
        "serve serve serve serve olsen olsen olsen olsen"
        "articles articles articles articles schools schools schools schools"
        "funding funding funding funding funding pathways pathways pathways"
        "nonTrad nonTrad nonTrad nonTrad nonTrad pathways pathways pathways";
    grid-gap: 1.5rem;
    box-shadow: 25px 0 20px -20px rgba(0, 0, 0, 0.45), -25px 0 20px -20px rgba(0, 0, 0, 0.45);
}

#serve{
    grid-area: serve;
}

#serve li{
    padding:0.5rem 0;
}

#serve li strong{
    margin: 0;
    font-family: 'Gotham-Black', sans-serif;
}

#olsen{
    grid-area: olsen;
}

#articles{
    grid-area: articles;
}

#schools{
    grid-area: schools;
}

#funding{
    grid-area: funding;
}

#nonTrad{
    grid-area: nonTrad;
}

#pathways{
    grid-area: pathways;
}

div#videoWrapper {
    padding: 0.5rem;
    box-shadow: 2px 5px 10px rgba(0,0,0,0.8), inset -1px -1px 5px rgba(0,0,0,0.3);
    background: var(--bg-AAA-primary-color);
    background: -moz-linear-gradient(-45deg,var(--bg-AAA-primary-color) 0%,var(--bg-AAA-secondary-color) 100%);
    background: -webkit-linear-gradient(-45deg,var(--bg-AAA-primary-color) 0%,var(--bg-AAA-secondary-color) 100%);
    background: linear-gradient(135deg,var(--bg-AAA-primary-color) 0%,var(--bg-AAA-secondary-color) 100%);
    margin-bottom: 1rem;
}

div.card.edCard{
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 2px 8px rgba(0, 0, 0, 0.25), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1) !important;
    padding: 1rem;
    border-radius: 0.5rem;
    display: block;
    z-index: 99;
    position: relative;
}

div.card.edCard h3{
    margin-top: 0;
}

div.btnRow{
    display: flex;
    column-gap: 1rem;
    margin: 1rem 0;
    justify-content: space-between;
}

div.btnGrid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1rem;
}

.btn-block{
    display: block !important;
}

div.card.articleCard{
    padding: 0.7rem;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border: 1px solid lightgrey !important;
    row-gap: 0.5rem;
}

@media only screen and (max-width: 992px){
    #phdBody{
        grid-template-columns: 1fr 1fr  !important;
        grid-template-areas: 
            "serve serve "
            "olsen olsen "
            "articles articles "
            "schools schools "
            "funding pathways"
            "nonTrad nonTrad" !important;
    }

    .btnGrid{
        grid-template-columns: 1fr !important;
    }

}

@media only screen and (max-width: 768px){
    #phdBody{
        grid-template-columns: 1fr !important;
        grid-template-areas: 
            "serve"
            "olsen"
            "articles"
            "schools"
            "funding"
            "pathways"
            "nonTrad" !important;
        
    }

   .btnRow{
        flex-direction: column !important;
        row-gap: 0.5rem !important;
   }
}