/** Assumptions: - Normalization has been applied.
                 - This will be the last stylesheet in the cascade.
 */

@font-face {
    font-family: 'Lora-Regular';
    src: url('../fonts/Lora-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lora-Medium';
    src: url('../fonts/Lora-Medium.otf') format('opentype');
    /*font-weight: normal;*/
    font-style: normal;
}

@font-face {
    font-family: 'Lora-SemiBold';
    src: url('../fonts/Lora-SemiBold.otf') format('opentype');
    /*font-weight: normal;*/
    font-style: normal;
}
/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2016 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Yellow Design Studio
 * License URL: https://www.fontspring.com/licenses/yellow-design-studio/webfont
 *
 *
 */

/**
* @license
* MyFonts Webfont Build ID 791109
*
* The fonts listed in below are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license from one of MyFonts official sites.
* http://www.fonts.com
* http://www.myfonts.com
* http://www.linotype.com
*
*/

@font-face {
    font-family: 'GT-America-Compressed-Black-Italic';
    src: url('../fonts/GT-America-Compressed-Black-Italic.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FrutigerLTStd-Light';
    src: url('../fonts/FrutigerLTStd-Light.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GT-America-Condensed-Medium';
    src: url('../fonts/GT-America-Condensed-Medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GT-America-Condensed-Black-Italic';
    src: url('../fonts/GT-America-Condensed-Black-Italic.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GT-America-Extended-Bold';
    src: url('../fonts/GT-America-Extended-Bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GT-America-Standard-Black';
    src: url('../fonts/GT-America-Standard-Black.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GT-America-Standard-Bold';
    src: url('../fonts/GT-America-Standard-Bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GT-America-Standard-Light';
    src: url('../fonts/GT-America-Standard-Light.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GT-America-Standard-Medium';
    src: url('../fonts/GT-America-Standard-Medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GT-America-Standard-Regular';
    src: url('../fonts/GT-America-Standard-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

html {
    font-family: GT-America-Standard-Light, Arial, Helvetica, sans-serif;
    font-size: .96em;
    letter-spacing: .04em;
}

.body-font {
    font-family:  GT-America-Standard-Light, Arial, Helvetica, sans-serif;
}

a {
    text-decoration: none;
}

body {
    margin: 16px;
    max-width: 58em;
}

#header-container {
    /*border-bottom: 1px solid #e0d020;*/ /* TODO: How to assign color separately */
}

#header-container {
    height: 4.8rem;
    margin-bottom: 12px;
    max-width: 60em;
    min-width: 60em;
    padding-bottom: 6px;
    /*border: 1px solid #e0d020;*/
}

#footer-container {
    font-family: FrutigerLTStd-Light, sans-serif;
    border-top: 1px solid #1070c0;
    font-size: 0.88rem;
    height: 1.20rem;
    padding-bottom: 0.20rem;
    padding-top: 0.60rem;
    text-align: right;
    margin-top: 0.50rem;
    width: 58rem;
}

.footer-objects {
    position: relative;
    display: inline;
    letter-spacing: 0.04rem;
    padding-top: 0.34rem;
    padding-right: 0.80rem;
    padding-left: 0.60rem;
    margin-left: 0.40rem;
    vertical-align: middle;
}

.footer-trace-elements {
/*    font-size: 0.84rem;*/
    position: relative;
    /*display: inline;*/
    display: none;
    letter-spacing: 0.04rem;
    padding-bottom: 0.14rem;
    padding-right: 0.80rem;
    padding-left: 0.60rem;
    margin-left: 0.40rem;
    vertical-align: middle;
}

#content-area-x {
    border: 1px solid #40d0a0
}

#content-area-y {
}

#current-status {
}

.header-nav-box {
    position: relative;
    display: flex;
    justify-content: space-evenly;
    top: 194px;
    padding-bottom: 0.04rem;
    height: 1.64rem;
    width: 45.0rem;
    /*border: 1px solid red;*/
}

.header-nav-box-objects {
    position: relative;
    font-family: GT-America-Standard-Medium, sans-serif;
    font-size: 0.90rem;
    top: 0.2em;
    /*font-variant: small-caps;*/
    /*letter-spacing: 0.064em;*/
}

#header-nav-box-home {
    margin-left: 230px;
}

#header-nav-box-read-me-first {
    margin-left: 30px;
}

.header-nav-box-home-glow {
    font-family: GT-America-Standard-Black, sans-serif;
}

.header-nav-box-read-me-first-glow {

    font-family: GT-America-Standard-Black, sans-serif;
}

.header-nav-box-read-me-first-clicked {

    text-decoration: underline solid 1px #8c4040;
    text-underline-offset: 0.16rem;
}

#header-nav-box-work-desired {
    margin-left: 20px;
}

.header-nav-box-work-desired-glow {

    font-family: GT-America-Standard-Black, sans-serif;
}

.header-nav-box-work-desired-clicked {

    text-decoration: underline solid 1px #646464;
    text-underline-offset: 0.16rem;
}

h1 {
    font-family: Lora-Medium, serif;
    font-size: 1.80rem;
    /*font-weight: bold;*/
    letter-spacing: .075rem;
    text-align: right;
    padding: 0;
    margin: 0;
}

.h1-subtext-contact {
    font-family: GT-America-Standard-Regular, sans-serif;
    font-size: 0.98em;
    letter-spacing: .04em;
    padding-bottom: 0.78rem; /* Change this to move the nav bar -- TODO: Rework the whole fixed portion of header */
    /*margin: .03em 0 .03em 0;*/
    text-align: right;
}

.h1-subtext-what-i-am {
    font-family: GT-America-Standard-Regular, sans-serif;
    font-size: 0.98em;
    letter-spacing: .03em;
    margin-top: 0;
    /*padding-bottom: 0.8em;*/
    text-align: right;
}

h2:first-of-type {
    /* margin-top: 0.00rem; Change this to increase or decrease "Current Employment vertical spacing */
}

h2 {
    font-family: Lora-SemiBold, serif;
    font-size: 1.18rem;
    /*font-weight: bold;*/
    letter-spacing: .070em;
    /*margin-top: 1.2em;*/
    margin-left: 6px;
    margin-bottom: 0.35rem;
}

.selected-projects-bar {
    font-family: Lora-SemiBold, serif;
    font-size: 1.16rem;
    letter-spacing: .065em;
    margin-top: 6.24rem;
    margin-bottom: 0.22rem;
    padding-left: 0.80rem;
    padding-bottom: 0.27rem;
}

h3 {
    font-size: 1.32em;
    font-weight: normal;
    letter-spacing: .03em;
    margin-left: 15px;
    margin-top: 5px;
    margin-bottom: 0;
}

h4 {
    font-size: 1.32em;
    font-weight: normal;
    letter-spacing: .03em;
    margin-left: 25px;
}

.proj-desc {
    padding-top: 1.4em;
}

ul {
    margin-top: 0;
    margin-left: 30px;
    padding: 0;
}

.employment {
    letter-spacing: .04em;
}

/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    NOTICE: project-group must precede project-group-first
    for the cascade override to work.
    - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.project-group {
    padding-top: 1.05rem;
}

.project-group-first {
    padding-top: 0.40rem;
}

/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    NOTICE: project-group must precede project-group-first
    for the cascade override to work.
    - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.clearance {
    letter-spacing: .03em;
}

.project-new {
    padding-top: 0.60rem;
}

.project-desc {} /* --FOR CONTROL ONLY. -- Do not define markup in this block*/

#summaries {
    height: 100%;
    overflow-x: hidden;
    margin-top: 0.60rem;
    padding-right: 0.90rem;
    line-height: 130%;
    /*overflow-y: auto;*/
}

.summaries-more-container {
    display: none;
    height: 100%;
    overflow-x: hidden;
    /*overflow-y: auto;*/
    font-size: .96em;
    letter-spacing: 0.04rem;
    width: 48.0rem;
    padding-left: 1.05rem;
    padding-right: 2.20rem;
    margin-top: 0.45rem;
    padding-top: 0.30rem;
    padding-bottom: 1.30rem;
}

.summaries-more-topic {
    font-family: GT-America-Standard-Medium, sans-serif;
/*    font-size: .98em;*/
/*    letter-spacing: 0.08em;*/
    padding-top: 0.70rem;
}

.summaries-more-list {
    font-family: GT-America-Standard-Light, sans-serif;
    padding-top: 0.24rem;
    list-style: disc;
}

li.summaries-more-li-padding{
    padding-top: 0.60rem;
}

.summaries-more-bolder {
    font-family: GT-America-Standard-Regular, sans-serif;
}

.summaries-more-show {
    display: block;
}

/* - - - - - - - - - - - - - - - - ToDo: Deprecated. Staged for removal.
.summaries-more-hide {
    display: none;
}
*/


.summaries-more-contact-viaus-for-additional-information {
    font-family: GT-America-Extended-Bold, sans-serif;
    font-size: 1.6rem;
    opacity: .50;
    padding-top: 1.06rem;
    padding-left: 1.34rem;
}

.color-border-blue-gray-light {
    border: solid 1px #b0b0d0;
}

.category {
    padding-top: .5em;
    color: #232379;
}

.color-blue-light {
    color: #9080f0;
}

.color-blue-med {
    color: #3300f0;
}

.color-blue-bright {
    color: #3333f0;
}

.color-blue-dark {
    color: #232364;
}

.color-gray-blue-dark {
    color: #202050;
}

.color-gray-blue-dark {
    color: #404070;
}

.color-gray-light {
    color: #505050;
}

.color-gray-dark {
    color: #303030;
}

.color-black {
    color: #000000;
}

.color-gray-std {
    color: #404040;
}

.color-red-dark {
    color: #a00000;
}
.color-tools-tech {
    color: #00a000;

}

.color-empl-client {
    color: #0000a0;
}

.project-title {
    /*user-select: none;*/
    font-family: GT-America-Standard-Medium, sans-serif;
    font-size: 0.98em;
    letter-spacing: .04rem;
    display: inline;
    padding-left: .05rem;

}

.project-title-glow {
    font-family: GT-America-Standard-Bold, sans-serif;
    transition-delay: 1.6s;  /*Why doesn't this or transition-duration work? */
}

.project-title-clicked {
    text-decoration: underline solid 1px #303040;
    text-underline-offset: 0.16rem;
}

.readme-container {
    position: fixed;
    display: none;
    z-index: 10;
    overflow: auto;
    font-family: GT-America-Standard-Regular, sans-serif;
    font-size: 0.90rem;
    letter-spacing: 0.04rem;
    top: 308px;
    left: 14px;
    width: 448px;
    height: 758px;
    padding: 0.6rem;
    border: 1px solid;
    border-color: #9292a6;
    box-shadow: 4px 4px 10px #9696a6;
    border-radius: 14px;
    background-color: #3838f0;
}

.readme-topic-name {
    font-family: GT-America-Standard-Bold, sans-serif;
    font-size: 0.88rem;
    letter-spacing: 0.06rem;
}

.readme-topic-content {
    padding-bottom: 0.64rem;
}

.readme-container-show {
    display: block;
}

.work-desired-container {
    position: fixed;
    display: none;
    z-index: 10;
    overflow: auto;
    font-family: GT-America-Standard-Regular, sans-serif;
    font-size: 0.90rem;
    letter-spacing: 0.04rem;
    top: 344px;
    left: 493px;
    width: 376px;
    height: 548px;
    padding: 0.6rem;
    border: 1px solid;
    border-color: #9292a6;
    box-shadow: -2px 4px 10px #9696a6;
    border-radius: 14px;
    background-color: #3838f0;
}

.work-desired-topic-name {
    font-family: GT-America-Standard-Bold, sans-serif;
    font-size: 0.88rem;
    letter-spacing: 0.064rem;
}

.work-desired-topic-content {
    padding-bottom: 0.64rem;
}

.work-desired-container-show {
    display: block;
}

.kywd-gloss-container {
    position: fixed;
    display: none;
    font-size: 0.86rem;
    letter-spacing: 0.06rem;
    top: 106px;
    left: 400px;
    width: 300px;
    /*height: 220px;*/
    padding: 0.6rem;
    border: 1px solid;
    border-color: #9292a6;
    box-shadow: 2px 2px 10px #9696a6;
    border-radius: 14px;
    background-color: #3838f0;
}

.kywd-gloss-container-show {
    display: block;
}

.kywd-gloss-clicked {
    text-decoration: underline solid 1px #7c4040;
    text-underline-offset: 0.16rem;
}


.kywd-gloss {
    user-select: none;
    font-family: GT-America-Standard-Regular, sans-serif;
    font-size: .94em;
    letter-spacing: 0.04rem;
    display: inline;
    padding-left: 0.05rem;

}

.kywd-gloss-glow {
    font-family: GT-America-Standard-Bold, sans-serif;
}

table {
    margin-left: 1.5em;
    font-size: 0.94em;
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 1em;
    border: 1px solid #7c7c7c;
}

.font-text-med {
    font-family: GT-America-Standard-Medium, sans-serif;
}

#KywdTblHdr {
    background: #f0f0f8;
    color: #232379;

}

th {
    padding: .2em .5em .2em .5em;
    border: 1px solid #7c7c7c;
}

td p {
    margin: 0;
    padding: 0;
    border: 0;
}

td {
    padding: .2em .5em .2em .5em;
    border-left: 1px solid #d0d0d0;
    /*border-right: 1px solid #7c7c7c;*/
    border-top: 1px solid #d0d0d0;
}

td:first-child {
    padding: .2em .5em .2em .5em;
    border-left: 1px solid #7c7c7c;
    border-right: 1px solid #d0d0d0;
    /*border-top: 1px solid #e0e0e0;*/
}

.col-keyword {
    width: 11em;
    text-align: right;
}

.col-level {
    width: 4em;
    text-align: right;

}

.col-environment {
    width: 21em;
    text-align: left;
}

.col-notes {
    width: 18em;
}

#proj_summaries li {
    line-height: 1.35em;
    margin-top: .45em;
}

#current_status li {
    line-height: 1.35em;
    margin-top: .45em;
}

#proj_summaries {
    clear: both;
}

#name-and-contact-data {
    width: 14.0em;
    float: right;
    clear: right;
    position: relative;
    top: 12px;
    left: -24px;
    padding-right: 12px;
    margin-bottom: 14px;
    /*border: solid 1px black;*/
}

#photo_me {
    position: relative;
    /*border: solid 1px #c00000;*/
}

#logo-box-top {
    width: 41.6em;
    height: 4.14em;
    float: left;
    clear: left;
    position: relative;
    top: 12px;
    /*margin-right: 0;*/
    padding-left: 8px;
    padding-bottom: .25em;
    /*background-color: #aaaaaa;*/
    border: solid 1px #acacac;

}

#logo {
    font-family: GT-America-Compressed-Black-Italic, sans-serif;
    font-size: 2.66em;
    letter-spacing: .070em;
    /*border: solid 1px black;*/
}

#logo-box-inset1 {
    width: 30rem;
    top: 12px;
    position: relative;
    float: right;
    clear: left;
    /*padding-right: 12px;*/
    /*border: solid 1px green;*/

}

.inset-text {
    font-family: GT-America-Standard_Regular, sans-serif;
    font-size: .90rem;

}

#detailed-employment-history div{
    padding-top: 2px;
    padding-bottom: 10px;
}

#detailed-employment-history {
    height: 370em;
}

#detailed-employment-history li {
    line-height: 1.3em;
    margin-left: 55px;
    margin-top: .29em;
}

#detailed-employment-history dl {
    margin-top: 3px;
}

#detailed-employment-history dt {
    float: left;
    clear: left;
    width: 3.125em;
    margin-left: 42px;
}

#detailed-employment-history dd {
    margin-left: 8.9em;
    text-indent: -1.50em;
    margin-bottom: .39em;
    margin-right: 1.5em;
}

#detailed-employment-history dt.my-role {
    width: 7.25em;
}

#detailed-employment-history dd.my-role {
    margin-left: 10.5em;
    text-indent: -1.50em;
    margin-bottom: .39em;
    margin-right: 1.5em;
}

#detailed-employment-history dt.noteworthy {
    width: 9.25em;
}

#detailed-employment-history dd.noteworthy {
    margin-left: 12.3em;
    text-indent: -1.60em;
    margin-bottom: .39em;
    margin-right: 1.5em;
}


#detailed-employment-history dt.challenges {
    width: 9.25em;
}

#detailed-employment-history dd.challenges {
    margin-left: 12.3em;
    text-indent: -1.60em;
    margin-bottom: .39em;
    margin-right: 1.5em;
}

p {
    line-height: 1.3em;
    margin-top: 3px;
    margin-bottom: 2px;
    margin-left: 42px;
}

#detailed-employment-history h3 {
    margin-top: 8px;
    margin-left: 15px;
    font-size: 1.32em;
    font-weight: normal;
    letter-spacing: .03em;
}

#detailed-employment-history h4 {
    margin-top: 8px;
    margin-left: 15px;
    font-size: 1.32em;
    font-weight: bold;
    letter-spacing: .03em;
    color: #232379;
}

.project-status {
    font-size: .72em;
    font-weight: bold;
    color: #cc6062;
}

.pubref {
    font-style: italic;
    /*color: #000000;*/
}

.strong {
    font-family: GT-America-Standard-Medium, sans-serif;
    font-weight: bold;
}

.strong-alt {
    color: #cc0000;
}

.light {
    font-size: .90em;
    font-weight: normal;
    color: #2000cf;
}

.sc {
    font-variant: small-caps;
    color: #404040;
}

.pad-left-right {
    padding: 0 .6em 0 .6em;
}

.bold {
    font-family: VerbMedium, sans-serif;
    /*font-weight: bold;*/
}

.empl-client {
    padding: 0 .6em 0 .6em;
}

/*span.dropt {border-bottom: thin dotted; background: #ffeedd;}*/
span.dropt {color: #ff0000;
            /*text-decoration: underline;*/
}

span.dropt:hover {
    text-decoration: none;
    /*background: #ffffff;*/
    z-index: 6;
}

.tech-and-env {
    font-family: GT-America-Standard-Regular, sans-serif;
    font-size: .94em;
    letter-spacing: .04em;
}

.color-gray-blue-lighter            {color: #f4f4f8;}
.color-cyan-med                     {color: #075f9e;}

/* Background highlight colors */
.backgrnd-black-blue-darker     {background-color: #232330;}
.backgrnd-blue-darker           {background-color: #23234c;}
.backgrnd-gray-lighter          {background-color: #f4f4f8;}
.backgrnd-gray-light            {background-color: #f2f2f6;}
.backgrnd-gray-blue-light            {background-color: #dfdff0;}
.backgrnd-gray                  {background-color: #ececec;}
.backgrnd-lime                  {background-color: #e0ffb0;}
.backgrnd-pink                  {background-color: #ffd8d8;}
.backgrnd-light-od              {background-color: #ecf0d0;}
.backgrnd-yellow                {background-color: #fefe9e;}
.backgrnd-gray-pink             {background-color: #f0e8e8;}

span.dropt span {
    position: absolute;
    left: -9999px;
    color: #232379;
    font-weight: normal;
    text-align: left;
}

span.dropt:hover span {
    position: fixed;
    top: 29.32%;
    left: 22.85%;
}

span.dropt span {
    position: absolute;
    left: -9999px;
}

span.dropt:hover span {
    border: 1px solid #6c6c6c;
    background: #fffaf8;
    z-index:6;
}

span.dropt:hover span p {
    margin: .25em .7em .25em .7em;
    /*padding: .25em .7em .25em .7em;*/
}