/* projects.css */

body.post-type-archive-project {
    padding-top:12vh;
    font-family:'Exo 2';
    font-size:10px;
    padding-left: 2vw;
    padding-right: 2vw;
}
body.post-type-archive-project header.prj_section_header {
    font-size:2rem;
    line-height:4rem;
    margin-bottom:0.5rem;
    background:#a5cf3b;
    padding-left:2rem;
    font-weight:400;
    letter-spacing:1px;
    margin-top:2rem;
}
body.post-type-archive-project section.prj-section {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
body.post-type-archive-project section.prj-section div.prj {
    width:46vw;
    font-size:1rem;
    line-height:1.5rem;
    margin-left:0.5rem;
    margin-right:0.5rem;
    margin-bottom:0.5rem;	
}
body.post-type-archive-project section.prj-section div.prj header {
    font-weight: 500;
    text-align: left;
    background: #0093dd;
    text-align: center;
    font-size:1rem;
    line-height:1.25rem;
    display:flex;
}
.prj-code {
    align-self:center;
    font-family:'Exo 2', monospace;
    font-size:1rem;
    color:black;
    padding-left:1rem;
    padding-right:1rem;
}
body.post-type-archive-project section.prj-section div.prj header a {
    color:white;
    text-decoration:none;
    flex:1;
    padding:1rem;
 
    transition:background 200ms linear;
}
body.post-type-archive-project section.prj-section div.prj header .divider{
       border-right:5px double white;   
}
body.post-type-archive-project section.prj-section div.prj header a:hover {
}
body.post-type-archive-project section.prj-section div.prj div.prj-excerpt {
    font-style:italic;
    padding:1rem;
    background: rgba(0,147, 221, 0.3);
    border-bottom: 3px solid #0093dd;
}
section.prj-section:not(:first-of-type) div.prj-excerpt{
    display:none;
}
section.prj-section:not(:first-of-type) div.prj header{
    font-size:0.8rem !important;
    background: rgba(0,147,221,0.3) !important;
}
section.prj-section:not(:first-of-type) div.prj header a{
   color:black !important;
}
section.prj-section:not(:first-of-type) div.prj {
    width:30vw !important;
}
section.prj-section:not(:first-of-type) {
    justify-content: flex-start !important;
}

.single-project article.prj header{
    display:flex;
    background:#0093dd;
}
.single-project article.prj header .prj-title{
    flex:1;
    padding:1rem;   
    color:white;
    font-size:1.5rem;
    line-height:2rem;
    font-weight: 500;
}
.single-project article.prj header .divider {
     border-right:5px double white;
     width:0px;
}
.single-project .prj-content {
    padding:1rem;
    font-size:1.2rem;
    line-height:1.8rem;
}
.prj-thumb {width:100%;height:40vh;text-align:center;}
.prj-thumb img {object-fit:contain;height:100%;max-height:100%;max-width:100%;background:white;}
.prj-slide__prj {
    width:32vw;
    padding:1rem;
}
.prj-slide__prj__header a {
    display:block;
    width:100%;
    color:black;
    font-size:1.2rem;
    padding:1rem;
    text-align:center;    
    font-weight:400;
    text-decoration: none;
    font-family:'Exo 2', sans-serif;
    line-height:1.5rem;
}
#projects-slide {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-content:center;
}
.prj-slide__prj__header .prj-slide__prj__header__thumbnail {
    margin-bottom:1rem;
    height:20vh;
    width:100%;
}
.prj-slide__prj__header .prj-slide__prj__header__thumbnail img{
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}