﻿
       /* CONTENT */
       .content_det a {color: var(--colorDark_LC3); padding: 0; display: inline;}
       .content_det a:hover {color: var(--colorDark_HC1); text-decoration: underline;}

/* Document Specific */
        /* CONTENT */
        .content_det p {margin: 1.4rem 0;}
        .content_det p.par1 {margin-top: 0;}
        .about-Content {margin: 0; padding: 0;}        
        .aboutPar2 {display: inline;}
        /* SUB TITLE */
        p.about-Header {margin: 1.4rem 0;}
        .about-Header a {font-weight: bold;}
        
/* RESPONSIVE *******************************************************************************************************/

        @media (max-width: 600px) {
            .content_det {padding-top: 2.35rem;}
            :root {
                --contentWidth: 84%;
                --titleMarBottom: 0rem; /* vs. 1.4rem; */
            }
        }
        @media (max-width: 562px) {
            :root {--contentWidth: 80%;}
        }
        @media (max-width: 530px) {
            .container {font-size: var(--fontSize2);} /* 1.35rem; */
        }
        @media (max-width: 460px) {
            :root {--contentWidth: 85%;}
        }
        @media (max-width: 430px) {
            .wrapper {padding-top: 1.1rem;}
        }        
        @media (max-width: 382px) {
            .wrapper {padding-top: .9rem;}
        }
        @media (max-width: 362px) {
            .wrapper {padding-top: .6rem;}
        }        
        /* > 600px */
        @media (min-width: 600px) { 
            .content, .soc {width: 97%; margin: 0 auto;}
            :root {
                /* Footer */
                --titleMarBottom2: var(--paddingFooter);
                --paddingFooter: .5rem;
            }
        }
        @media (min-width: 645px) {
            .content, .soc {width: 94.9%;}
        }
        @media (min-width: 730px) {
            .content, .soc {width: 94.5%; max-width: 528px;}
        }
        @media (min-width: 768px) {
            .content, .soc {width: var(--widthCore); max-width: 540px;}
            :root {
                /* Footer */
                --titleMarBottom2: 1.4rem;
                --heightRem1: calc( var(--heightRem) - 2.5rem );
            }
        }
        @media (min-width: 860px) {
            .content, .soc {max-width: unset;}
        }
        @media (min-width: 992px) {
            .content_det {padding-top: 3.4rem;}
        }
        @media (min-width: 1300px) {
            :root {--widthCore: 65.7%;}
        }
        
/* Document Specific */
        @media (max-width: 600px) {
            p.about-Header {margin-top: 2.5rem;}            
        }
        @media (max-width: 382px) {
            p.about-Header {margin-top: 2.2rem;}
        }
        @media (max-width: 362px) {
            p.about-Header {margin-top: 1.7rem;}
        }
        @media (max-width: 342px) {
            p.about-Header {margin-top: 1.5rem;}
        }
        /* > 600px */
        @media (min-width: 600px) {
            p.about-Header {margin-top: 3rem;}
            .aboutPar2 {display: block; margin-top: 1.4rem;} /* WAS: 680px !!! */
        }
        @media (min-width: 768px) {
            p.about-Header {margin-top: 3.5rem;}
        }
        @media (min-width: 992px) {
            p.about-Header {margin-top: 3rem;}
        }
        @media (min-width: 1400px) { /* WAS: 1072px */
            p.about-Header {margin-top: 3.5rem;}
        }

/*** ABBREVIATED TEXT | DOCUMENT SPECIFIC ***/
/*                          abbrMid3: Soc Title ***
         Bio Par. 1         bio1Min: Abbreviated wording
                            bio1Mid: Addl. wording
         Bio Par. 2         bio2Mid: Self Taught
                            bio2Min: Public Speaking, etc.
                                bio2-vMid: Addl. wording
                                bio2-vMin: Abbreviated wording
         C2F Line 1         about1Mid: Addl. wording
         C2F Line 2         about2Mid
         C2F Line 3 + 4     about3Max
                                about3-vMax: Addl. wording
                                about3-vMid: Abbreviated wording */
        @media (max-width: 600px) {
            .bio1Mid, .bio2Mid, .about3Max, .bio2-vMin {display: none;}
            .bio2Min, .about1Mid, .about2Mid {display: inline;}
        }
        @media (max-width: 562px) {
            .bio2-vMid {display: none;}
            .bio2-vMin {display: inline;}
        }
        @media (max-width: 496px) {
            .about2Mid {display: none;} /* C2F Line 2 */
        }
        @media (max-width: 385px) {
            .abbrMid3 {display: none;}
        }
/* > 600px */
        @media (min-width: 600px) {
            .bio1Min, .bio2Min, .about1Mid, .about2Mid, .about3-vMax {display: none;}
            .bio1Mid, .bio2Mid, .about3Max, .about1Mid {display: inline;}
        }
        @media (min-width: 992px) {
            .about2Mid, .about3-vMax {display: inline;}
            .about3-vMid {display: none;}
        }
        @media (min-width: 1072px) {
            .bio2Min {display: block;} /* Public Speaking */            
            .bio2-vMid {display: none;}
        }