body {
    font-family: 'Fenix';
    background-color: rgb(40,40,40);
    color: rgb(235,235,235);
    padding: 0%;
    margin: 0%;
}

h1 {
    font-size: 42pt;
    margin-top: 1vh;
    margin-bottom: 0vh;
}

h2 {
    font-size: 44pt;
    font-weight: bold;
    
    padding: 0pt;
    margin: 0pt;
}

h3 {
    
    font-size: 14pt;
    padding: 0pt;
    margin: 0pt;
}

a {
    text-decoration: none;
    color: rgb(235,235,235);
}

.blackBar {
    height: 4vh;
    background-color: rgb(10,10,10);
}

.sideNavigationContainer {
    width: 24%;
    float: left;

    font-size: 18pt;
    text-align: center;
    
    position: -webkit-sticky;
    position: sticky;
    top: 0;

    /* filter: grayscale(100%); */
}

.sideNavigationItem--Small {
    width: 100%;
    height: 8vh;
    color: rgb(250,250,250);
    filter: grayscale(100%);

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    
    cursor: pointer;
}

.sideNavigationItem--Large:hover {
    opacity: 85%;
    filter: grayscale(0%);
    transition-duration: .25s;
}

.sideNavigationItem--Large {
    width: 100%;
    height: 12vh;
    color: rgb(250,250,250);
    filter: grayscale(100%);

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    
    cursor: pointer;
}

.sideNavigationItem--Small:hover {
    opacity: 95%;
    filter: grayscale(0%);
    transition-duration: .25s;
}

.navHomeIconPhoto {
    height: 6vh;
    /* max-width: 20%; */
    margin-top: 1vh;
    border-radius: 50%;
    filter: grayscale(100%);

    background-color: rgb(225,225,225);
}

.navHomeIconPhoto:hover {
    opacity: 95%;
    background-color: rgb(150,150,150);
    filter: grayscale(0%);
    transition-duration: .25s;
}

.sideNavigationItem--Multi {
    width: 60%;
    height: 8vh;
    color: rgb(250,250,250);
    /* filter: grayscale(100%); */

    padding-left: 20%;
    padding-right: 20%;

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    text-align: center;
    align-items: center;
}

.sideNavigationItem--Multi:hover {
    
}

.sideNavText {
    /* padding-top: 3vh; */
    text-shadow: -7px 0px 8px black;

}

#navImage--Home {
    background-color: rgb(10,10,10);
}

#navImage--Scholar {
    background-image: url(../assets/field_scholar.jpg);
}

#navImage--Professor {
    background-image: url(../assets/field_educator.jpg);
}

#navImage--handyman {
    background-image: url(../assets/field_craftsman.jpg);
}

#navImage--Musician {
    background-image: url(../assets/field_muhsician.jpg);
}

#navImage--Software {
    background-image: url(../assets/field_software.jpg);
}

#navImage--AV {
    background-image: url(../assets/field_av.jpg);
}

#navImage--Athletics {
    background-image: url(../assets/field_athletics.jpg);
}

#navImage--About {
    background-color: rgb(10,10,10);
    display: flex;
}

.sideNavBorder {
    float: left;
    width: 1%;
    background-color: rgb(0,0,0);

    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.sideNaveBorderColor {
    background-color: black;
    height: 100vh;
}

.pageRightSideContainer {
    width: 75%;
    display:inline-block;
}

.pageTitleSectionContainer {
    width: 100%;
    text-align: center;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pageTitleSectionText {
    padding-top: 7vh;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 7vh;

    background-color: rgba(75,75,75,.6);
    /* opacity: calc(80%); */
}

.pageTitleSectionSubtext {
    text-shadow: -7px 0px 8px black;
}

#pageTitleSectionBackgroundImage {
    background-image: url(../assets/field_craftsman.jpg);
}

.leadHeaderContainer {
    height: 94%;

    margin-left: 3%;
    margin-right: 3%;
    padding-top: 6vh;
    padding-bottom: 5vh;

    float: none;
    display: block;
}

.leadHeaderImageContainer {
    height: 10vh;
    border-radius: 50%;

    margin-right: 2%;
    float: left;
}

/* .contentSectionBoxesContainer {
    width: 94%;
    padding-left: 2%;
    padding-right: 2%;

    display: flex;
} */

.contentSectionBoxesContainer {
    /* width: 94%; */
    /* height: 20vh; */
    /* padding-left: 2%; */
    /* padding-right: 2%; */

    display: flex;
}

.contentBoxContainer {
    height: 20vh;
    width: 33.3%;

    background-size: cover;

    background-color: rgb(10,10,10);
    text-align: center;

    /* float: left; */
    /* margin-left: 2%; */
}

#contentBoxOnHover:hover {
    background-color: rgba(20,20,20,.8);
    cursor: pointer;

    text-shadow: -7px 0px 8px black;
}

.contentBoxText {
    padding-top: 5vh;
    height: 15vh;

    background-color: rgba(50,50,50,.8);
    
    text-align: center;
}

.contentBoxTextSubheader {
    font-style: italic;
}

.contentBoxTextHeader {
    font-size: 18pt;
    margin-top: 1vh;
    font-weight: 800;
}

#contentBoxImage--Phone {
    background-image: url(../assets/contact_phone.jpg);
}

#contentBoxImage--Email {
    background-image: url(../assets/contact_email.jpg);
}

#contentBoxImage--Location {
    background-image: url(../assets/contact_location.jpg);
}

.downloadButtonSectionContainer {
    height: 15vh;
    /* width: 92%;

    margin-left: 4%;
    margin-right: 4%; */

    background-size: cover;
    background-position: center;
}

#downloadButtonImage--Resume {
    background-image: url(../assets/navResume.PNG);
}

.downloadButtonTextContainer {
    height: 12vh;
        
    padding-top: 3vh;
    text-align: center;
    background-color: rgba(50,50,50,.8);
}

.downloadButtonTextContainer:hover {
    background-color: rgba(20,20,20,.8);
    text-shadow: -7px 0px 8px black;
}

.threeSelectionContainer {
    /* margin-left: 3%;
    margin-right: 2%;
    width: 96%; */
    height: 20vh;

    display: flex;
}

.threeSelectionItem:hover {
    cursor: pointer;

    text-shadow: -7px 0px 8px black;
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
}

.threeSelectionItem {
    width: 33.3%;
    height: inherit;

    background-position: center;
    background-size: cover;

    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

.fourSelectionContainer {
    /* margin-left: 3%;
    margin-right: 2%; */
    /* width: 96.9%; */
    display: flex;
}

.fourSelectionItem:hover {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
    cursor: pointer;

    text-shadow: -7px 0px 8px black;
}

.fourSelectionItem {
    width: 25%;
    height: 25vh;

    /* margin-left: 1%;
    margin-left: 1%; */

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.fourSectionItemShadowMask {
    min-height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

.fourSectionItemShadowMask:hover {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}

.fourSelectionContainerColor {
    height: inherit;
}

.fourSelectionContainerColor--OU {
    background-color: rgba(0,103,71, .7);
}

.fourSelectionContainerColor--OU:hover {
    background-color: rgba(0,103,71, .9);
}

.fourSelectionContainerColor--OU:active {
    background-color: rgb(0,103,71);
}

.fourSelectionContainerColor--BW {
    background-color: rgba(61,45,31, .7);
}

.fourSelectionContainerColor--BW:hover {
    background-color: rgba(61,45,31, .9);
}

.fourSelectionContainerColor--BW:active {
    background-color: rgb(61,45,31);
}

.fourSelectionContainerColor--MP {
    background-color: rgba(175,70,0, .7);
}

.fourSelectionContainerColor--MP:hover {
    background-color: rgba(175,70,0, .9);
}

.fourSelectionContainerColor--MP:active {
    background-color: rgb(175,70,0);
}

.fourSelectionContainerColor--MHts {
    background-color: rgba(35, 60, 202, .7);
}

.fourSelectionContainerColor--MHts:hover {
    background-color: rgba(35, 60, 202,.9);
}

.fourSelectionContainerColor--BWRA {
    background-color: rgba(100,80,20, .7);
}

.fourSelectionContainerColor--BWRA:hover {
    background-color: rgba(100,80,20, .9);
}

.fourSelectionContainerColor--CC {
    background-color: rgba(82,81,72, .7);
}

.fourSelectionContainerColor--CC:hover {
    background-color: rgba(82,81,72, .9);
}

.fourSelectionItemText {
    padding-top: 5vh;
    height: inherit;
    text-align: center;
}


#fourSelectionItem--OUPHD:hover {
    background-color: rgba(0,103,71, .9);
    filter: brightness(80%);
    height: inherit;
}

#fourSelectItemImage--OUPHD {
    background-image: url(../assets/educationOU2.jpg);
}

#fourSelectItemImage--OUMA {
    background-image: url(../assets/educationOU.jpg);
}

#fourSelectItemImage--BSBW {
    background-image: url(../assets/educationBW.jpg);
}

#fourSelectItemImage--HSMP {
    background-image: url(../assets/educationMidpark.jpg);
}

#fourSelectItemImage--EmplBWL3 {
    background-image: url(../assets/educationBW.jpg);
}

#fourSelectItemImage--EmplOUGI {
    background-image: url(../assets/educationOU.jpg);
}

#fourSelectItemImage--EmplMHAS {
    background-image: url(../assets/employment-MHAth.jpg);
}

#fourSelectItemImage--EmplMHBS {
    background-image: url(../assets/employment-MH.jpg);
}

#fourSelectItemImage--EmplBWITSA {
    background-image: url(../assets/employment-bwit.jpg);
}

#fourSelectItemImage--EmplBWRA {
    background-image: url(../assets/employment-BWRA.jpg);
}

#fourSelectItemImage--EmplCCIT {
    background-image: url(../assets/employment-CCIT.jpg);
}


/* #fourSelectItemImage--OU:hover {
    background-color: rgba(0,103,71,.3);
} */

#fourSelectItemImage--BW {
    background-color: rgb(61,45,31);
}

/* #fourSelectItemImage--BW:hover {
    background-color: rgba(61,45,31,.3);
} */

#fourSelectItemImage--HS {
    background-color: rgb(175,70,0);
}

/* #fourSelectItemImage--HS:hover {
    background-color: rgba(175,70,0,.3);
} */

#employmentSelectionImage--OU {
    background-color: rgb(0,103,71);
}

/* #employmentSelectionImage--OU:hover {
    background-color: rgba(0,103,71,.3);
} */

#employmentSelectionImage--BW {
    background-color: rgb(61,45,31);
}

/* #employmentSelectionImage--BW:hover {
    background-color: rgba(61,45,31,.3);
} */

#employmentSelectionImage--MH {
    background-color: rgb(35, 60, 202);
}

/* #employmentSelectionImage--MH:hover {
    background-color: rgba(35, 60, 202, 0.3);
} */

#employmentSelectionImage--CC {
    background-color: rgb(200,200,200);
}

/* #employmentSelectionImage--CC:hover {
    background-color: rgba(200,200,200, 0.3);
} */

#organizationInfoContainer--OUPHD {
    /* background-color: rgba(0,103,71.8); */
}

.organizationImageContainer {
    height: inherit;
    /* background-size: cover; */
    background-position: center;
    background-size: cover;
}

.OrganizationGreenFilter {
    background-color: rgba(0,103,71,.4);
    height: inherit;
}

.OrganizationOrangeFilter {
    background-color: rgba(175,70,0, .7);
    height: inherit;
}

.OrganizationYellowFilter {
    background-color: rgba(100, 100, 25,.8);
    height: inherit;
}

.OrganizationGreyFilter {
    background-color: rgba(125, 125, 125,.8);
    height: inherit;
}

.OrganizationBrownFilter {
    background-color: rgba(61,45,31,.6);
    height: inherit;
}

.OrganizationPurpleFilter {
    background-color: rgba(150,50,150,.6);
    height: inherit;
}

.OrganizationRedFilter {
    background-color: rgba(200,100,100,.6);
    height: inherit;
}

.organizationTextContainer {
    padding-top: 2vh;
    text-align: center;
}

.institutionTextHeader {
    font-size: 24pt;
    font-weight: 800;;
}

.institutionTextSubheader {
    font-size: 15pt;
    font-style: italic;
}

#organizationImage--OU {
    background-image: url(../assets/educationOU.jpg);
}

.achievementsBoxContainer {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;

    text-align: center;
}

.formattingAchievementsOU {
    color: rgb(0,103,71);
    font-size: 14pt;
    
}

.formattingAchievementsBrownBW {
    color: rgba(61,45,31);
    font-size: 14pt;
}

.formattingAchievementsHSMP {
    color: rgb(175,70,0);
    font-size: 14pt;
}

.achievementContainerTitle {
    /* line-height: 2.5; */

    padding-top: .5vh;
    padding-bottom: .5vh;
}

.achievementsContainerBox {
    background-color: rgb(225,225,225);
    border-radius: 20px;

    padding-left: 10%;
    padding-right: 10%;

    /* padding-top: .1ch;
    padding-bottom: .1ch;  */


    margin-top: .5em;
    margin-bottom: .5em;

    

}

.achievementsContainerBox:hover {
    background-color: rgb(255,255,255);
    cursor: pointer;
}

.achievementListItemImage {
    max-height: 1.5vh;
    background-repeat: no-repeat;
    background-size: contain;
}

#achievementCheckmarkImage {
    background-image: url(../assets/achievement_checkmark.png);
    /* background-image: url(../assets/checkbox-circle.svg); */
}

.achievementListContainer {
    width: 100%;
    display: flex;

    justify-content: center;
    align-items: center;
}

.achievementListItemContainer {
    /* height: 6vh; */
    border-radius: 20px;
    background-color: rgb(235,235,235);

    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: .5vh;

    margin-top: 1vh;
    margin-bottom: 1vh;

    margin-left: 10px;
    margin-right: 10px;
}

#achievementListItemContainer--OU {
    color: rgb(0,103,71);
}

#achievementListItemContainer--Handyman {
    color: rgb(50,50,50);
}

.additionalInformationBoxContainer {
    margin-right: 15%;
    margin-left: 15%;
    margin-bottom: 1vh;

    padding-top: .25vh;
    padding-bottom: .25vh;
    padding-left: 1%;
    padding-right: 1%;
}

#additionalInformationBoxColor--OU {
    background-color: rgb(0,103,71);
}

.fourSectionPhotoContainer {
    display: flex;

    margin-top: 1vh;
    margin-left: 2%;
    margin-right: 2%;
}

.fourSectionSinglePhoto {
    height: 20vh;
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;

    background-position: center;
    background-size: cover;
}

.fourSectionSinglePhotoDescription {
    font-size: 9pt;
    
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;

    background-position: center;
}

#educationPhdImage1 {
    background-image: url(../assets/educationPhdImage1.jpg);
}

#educationPhdImage2 {
    background-image: url(../assets/educationPhdImage2.jpg);
}

#educationPhdImage3 {
    background-image: url(../assets/educationPhdImage3.jpg);
}

#educationPhdImage4 {
    background-image: url(../assets/educationPhdImage4.jpg);
}

#educationMAImage1 {
    background-image: url(../assets/educationOuImage1.jpg);
}

#educationMAImage2 {
    background-image: url(../assets/educationOuImage2.jpg);
}

#educationMAImage3 {
    background-image: url(../assets/educationOuImage3.jpg);
}

#educationMAImage4 {
    background-image: url(../assets/educationOuImage4.PNG);
}

/* #educationHSMPImage1 {
    background-image: url(../assets/educationOuImage4.PNG);
} */

#educationHSMPImage2 {
    background-image: url(../assets/HSedu1.JPG);
}

#educationHSMPImage3 {
    background-image: url(../assets/HSedu2.PNG);
}

/* #educationHSMPImage4 {
    background-image: url(../assets/educationOuImage4.PNG);
} */

.closeSelection {
    width: 100%;
    cursor: pointer;
    /* background-color: rgba(50,50,50,.3); */

    filter: brightness(150%);
}

#closeEducation--OU {
    background-color: rgba(0,103,71,.5);
}

#closeEducation--OU:hover {
    background-color: rgba(0,103,71,.8);
}

#closeEducation--BSBW {
    background-color: rgba(61,45,31,.5);
}

#closeEducation--BSBW:hover {
    background-color: rgba(61,45,31,.8);
}

#closeEducation--HS {
    background-color: rgba(175,70,0,.5);
}

#closeEducation--HS:hover {
    background-color: rgba(175,70,0,.8);
}