/****************************************
*  Resume Styles
****************************************/
#resumeNav{
   text-decoration:none;
   color:rgba(255,255,255,1) !important;
   background:rgba(0,129,235,1) !important;
   border-color:rgba(0,129,235,1) !important;
}
body.lightTheme{
   background:#fff;
   color:rgba(37,39,41,.8);
}
.lightTheme .secondary{
   color:rgba(37,39,41,.8);
}


h2{
   color:rgba(37,39,41,.95);
}
h3, p{
   color:rgba(37,39,41,.8);
}
.content{
   display: grid;
   grid-template-columns: 1fr 400px;
   grid-template-rows: 1fr;
   grid-column-gap: 0px;
   grid-row-gap: 0px;
   padding-top:64px;
   padding:64px 40px 0 80px;
   max-width: 1496px;
}
section,
section p,
section li,
section a{
   font-weight:400;
   font-size:18px;
   line-height:26px;
}
section p{
   margin:18px 0;
}
section li{
   margin:0;
}
section.main{
   border-right:1px solid rgba(60,64,67,.2);
   padding-right:48px;
   padding:80px 48px 44px 0;
}
section.secondary{
   padding-left:40px;
   padding:92px 0 44px 40px;
}
section.secondary ul{
   margin-top:0;
}



/****************************************
*  Section: Summary
****************************************/

.summary{
   margin-bottom:32px;
}
.summary h2{
   margin-bottom:-6px;
}



/****************************************
*  Section: Work
****************************************/

.showProj .work{
   margin-bottom:56px;
}
.hideProj .work{
   margin-bottom:32px;
}
.work .company{
   margin:-1px 0 12px 0;
}
.work ul{
   margin-top:-2px;
}
.work .dates:before{
   content:"/ ";
}
.hideProj .work .majorProj,
.hideProj .hideProjects,
.hideProj .contactPreview.detailedPDF{
   display:none;
}
.showProj .showProjects,
.showProj .contactPreview.summaryPDF,
.showProj .hideForDetails{
   display:none;
}




/****************************************
*  Section: Secondary 
****************************************/

section.secondary>div{
   margin-bottom:32px;
}
section.secondary h3{
   margin-bottom:8px;
}



/****************************************
*  Section: Contact Info 
****************************************/
.main .contact{
   display:none;
}
.secondary .contact{
   display:block;
}
.contact ul{
   list-style:disc none;
   list-style-type: none;
   margin: 0;
   padding: 0 0 0 38px;
}
.contact ul a{
   color:#0081EB;
   cursor:pointer;
}
.contact li:before{
   content:"";
   width:38px;
   height:20px;
   background:red;
   display:inline-block;
   position:absolute;
   margin-left:-38px;
   margin-top:2px;
   background:url(../images/resume-sprite.webp?04242024);
   background-size:38px 161px;
}
.contact li.contactLinkedIn:before{
   background-position:0 0;
}
.contact li.contactEmail:before{
   background-position:0 -28px;
}
.contact li.contactPreview:before{
   background-position:2px -56px;
}
.contact li.showProjects:before{
   background-position:1px -85px;
}
.contact li.hideProjects:before{
   background-position:1px -113px; q
}



/****************************************
*  Mobile Resolution
****************************************/
@media screen and (max-width:480px) {
   .content{
      display:block;
      padding:64px 24px 0 24px;
   }
   section.main{
      border-right:none;
      padding:50px 0 0 0;
   }
   section.secondary{
      padding:0;
   }
   .summary{
      margin-bottom:24px;
   }
   .main .contact{
      display:block;
      margin-bottom:56px;
   }
   .secondary .contact{
      display:none;
   }
   .work h3{
      clear:both;
   }
   .work .dates{
      display:block;
   }
   .work .dates:before{
      content:"";
   }
   .skills,
   .education{
      padding-top:32px;
   }
   .skills:before,
   .education:before{
      content:"";
      display:block;
      height:1px;
      width:calc(100vw);
      margin-left:-24px;
      margin-top:-32px;
      position:absolute;
      background:rgba(60,64,67,.1);
   }



}