﻿
       .services_header {padding-bottom: .5rem;}

   /* Document Specific */

       /* SUB TITLE */
       .readMore a {color: inherit;}

       /* CHEVRON & ARROW **********************/
        #chevron {height: calc( var(--subtitleHeight) + var(--chevronAdjHeight) );}
        :root {
            --chevronAdjHeight: calc( var(--chevronSize) + var(--chevronAdj) );
        }
       /* Hover: #chevron + .subtitle; #triangleDiv + .subtitle */
        #chevron:hover a, #chevron:focus a, #chevron:hover .subtitle, #chevron:focus .subtitle, 
        #triangleDiv:hover a, #triangleDiv:focus a, #triangleDiv:hover .subtitle, #triangleDiv:focus .subtitle {color: var(--colorDark_HC1); font-weight: bold;}
        .arrow a {height: var(--chevronSize); width: var(--chevronSize); position: relative; display: inline-block; top: 0; vertical-align: top; content: ''; border-style: solid; border-width: 0.1rem 0.1rem 0 0; transform: rotate(135deg); -webkit-transform: rotate(135deg); background-color: inherit;}
        
/* RESPONSIVE *******************************************************************************************************/

        @media (max-width: 600px) {
            :root {
                 --contentWidth: 79%;
                 --titleMarTop: 1.49rem;
            }
            .content_det {padding-top: 1.4rem;} /* vs. 2rem; */
            .abbrMid3 {display: none;} /* Social Title */
        /* TABLE */
            .services_table, .services_table td {border-collapse: collapse; border-spacing: 0px;}
            .services_header {line-height: 1.278; letter-spacing: .11em; text-transform: uppercase;} /* line-height: 2.3rem; */
            .services_det {line-height: 1.7; letter-spacing: .01875em;}
            td.services_det {height: 4.58rem;}
            .lastRow .services_det, .services_det.lastRow {padding-bottom: 1rem;}
            :root {
                 --col_padding: 3rem;
                 --col_content: var(--tableRemainder);
            }
       /* Document Specific */
            a .subtitle {padding: 0;} /* #triangleDiv */
            /* CHEVRON/ARROW */
            #chevron {display: none;}
            #triangleDiv {padding-top: 1rem; vertical-align: top; font-weight: bold;} /* vs. 2rem without intro */
            #triangleDiv a, #triangleDiv .subtitle {font-weight: inherit;}
            .triangleRight {padding: .28rem; display: inline-block; color: inherit; border-style: solid; border-width: 0 .1rem .1rem 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);} /* Flush = margin-left: -8px; */
            /* IF USE CHEVRON: */
            /* #triangleDiv {display: none;} /* */
            :root {
                --chevronSize: 3.5rem; /* INCLUDES: margin-top: 2.28rem; */
                --chevronAdj: 1.28rem; /* marginTop - bottom (1rem) */
            }
        }        
        @media (max-width: 480px) {
            .content_det {padding-top: 1rem;}
        }
        @media (max-width: 450px) {
            .wrapper {padding-top: 1.1rem;}
        }
        @media (max-width: 430px) {
            /* Chevron */
            #triangleDiv {padding-top: .5rem;}
        }
        @media (max-width: 362px) {
            .wrapper {padding-top: .6rem; padding-bottom: 0rem;}
        }

        /* > 600px */
        @media (min-width: 600px) {
            :root {
                 --col_content: var(--tableRemainder);
                 --col_padding: 3rem;
                 --titleMarTop: 2.49rem;
            }
        /* Document Specific */ /* Chevron */
            #triangleDiv {display: none;}
            #readMore {padding-top: 1rem;}
            :root {
                --chevronSize: 5rem; /* INCLUDES: margin-top: 2.28rem; */
                --chevronAdj: 1.28rem; /* marginTop - bottom (1rem) */
            }
        }
        @media (min-width: 768px) {
            .content {width: 100%; margin: 0 auto;}
        }
        @media (min-width: 860px) {
            .content {width: var(--widthCore);}
        }
        @media (min-width: 910px) {
            :root {--widthCore: 78.9%;}
        }
        @media (min-width: 992px) {
        /* Document Specific */ /* Chevron */
            :root {
                --chevronSize: 5.5rem;
                --chevronAdj: 1.35rem;
            }
        }
        
        @media (min-width: 600px) {
            #readMore {padding-top: .5rem;}
            .wrapper {padding-bottom: 0rem;}
            /*.lastRow .services_det, .lastRow .services-icon-pos {padding-bottom: 1rem;} /* */
            :root {
                --chevronSize: 3.5rem; /* INCLUDES: margin-top: 2.28rem; */
                --chevronAdj: 1.28rem; /* marginTop - bottom (1rem) */
            }
        }

        @media (min-width: 1072px) {
            :root {--widthCore: 71.1%;}
        }
        @media (min-width: 1200px) {
            :root {--widthCore: 64.25%;}
        }

/*** ABBREVIATED TEXT | DOCUMENT SPECIFIC ***/
/*   Section Title     header1
                       header2: Abbreviated wording
     Text Versions
                text1: Table   
                       intro_text1: Client wording
                       intro_text1a: Abbreviated Client wording
                text2: Straight Text
                       intro: Summary div
                       intro1Mid
                       intro1Min: Abbreviated wording
                intro2: Addl. Summary wording */
        .intro2 {display: inline;}
        
        @media (max-width: 600px) {
            .text1, .intro_text1a, .intro1Mid {display: inline;}
            .text2, .intro_text1, .intro1Min, .header2 {display: none;}
        }
        @media (max-width: 580px) {
            .intro_text1 {display: inline;}
            .intro_text1a, .intro2 {display: none;}
        }
        /** Strict Text **/
        @media (max-width: 482px) {
            .intro {display: block;}
            .text2, .intro2 {display: inline;}
            .text1 {display: none;}
        }
        @media (max-width: 430px) {
            .header1, .intro1Mid {display: none;}
            .header2, .intro1Min {display: inline;}
        }
        @media (max-width: 366px) {
            .intro2 {display: none;}
        }        
        /* > 600px */
        @media (min-width: 600px) {
            .text2, .intro_text1a, .header2 {display: none;}
            .intro_text1 {display: inline;}
        }