﻿        
/* LAYOUT *******************************************************************************************************/

        /* SUB TITLE */
        .subtitle, .readMore {color: var(--colorDark_LC3); font-weight: 400; text-align: center;}
        .subtitle {padding: 0 0 .42rem 0; letter-spacing: .2rem; text-transform: uppercase; vertical-align: middle;}        

        @media (max-width: 600px) {
            .container {font-size: var(--fontSize2);} /* 1.35rem; */
            .section-title {color: var(--colorDark_LC4); border-bottom: 1px solid var(--colorLight_HC4);}
            .subtitle, .readMore {color: var(--colorDark_LC4);}            
            /* .subtitle {padding-top: .5rem;} /* */
            /* ABBR. TEXT */
            .textMid {display: inline;}
            .textMax {display: none;}
        }

        @media (min-width: 600px) {
            /* ABBR. TEXT */
            .textMid {display: none;}
            .textMax {display: inline;}
        }

/* TABLE *******************************************************************************************************/

        .services_table {width: 100%; max-width: 100%; padding: 0; margin: 0;}
        
        .services_header {margin-bottom: 0;} /* ???CONFIRM OK w/ both docs to move margin: 0; to Table.css */

        .services_header {font-weight: bold;}
        .services_header a {display: inline;}
        .services_header, .services_header a {color: var(--colorDark_LC4);}
        .services_header a:hover, .services_header a:focus, .services_det a:hover, .services_det a:focus {color: var(--colorDark_HC1);}
        .services_header a:hover, .services_header a:focus {text-decoration: underline;}

        .services_det_row {vertical-align: top;}
        .services_det a {display: inline;}
        .services_det, .services_det a {color: var(--colorDark_LC3);}        
        .services_det_row td {padding-left: var(--tdPadding); padding-right: var(--tdPadding);}
	    .pos-left {text-align: left;}
        root {
            --tdPadding: inherit 0px;
        }
        
/* Services & Icons */
        .col_content {width: var(--col_content);}
        .col_padding {width: var(--col_padding);}
        .services_det {padding: 0 0 2.8rem 0;}
        
        /* Consulting.html */
        .col_icon {width: var(--iconSize);}

        .services-icon {border-radius: 100%; z-index: 1000; background-color: var(--bgColor2); display: inline-block;}
        .circle {border-radius: 100%; padding: 1px; background: var(--colorDark_HC1); display: inline-block;}
        .services-icon, .circle {width: var(--iconSize); height: var(--iconSize);}
	    .services-icon-pos {padding: var(--iconPadTop) 0 var(--iconPadBot);}
                
/* RESPONSIVE *******************************************************************************************************/

        @media (max-width: 600px) {
            .services_header {margin: 0; padding: 0;}
            .services_det {margin: 0; padding-bottom: 2.12rem;}
            /* Consulting.html */
            .par1 td.services_det {padding-bottom: 2.8rem;}
            :root {
                --iconSize: 4.8rem;
                --tableUsed: calc( var(--col_padding) * 1.17 );
                --tableRemainder: calc( var(--tableWidth) - var(--tableUsed) );
                --iconPadTop: 0;
                --iconPadBot: auto;
            }
        }
        @media (max-width: 550px) {
            /* Consulting.html */
            .par1 td.services_det, .intro.services_det {padding-bottom: 2.5rem;}
        }        
        @media (max-width: 482px) {
            /* Consulting.html */
            .intro.services_det {padding-bottom: 2.12rem;}
        }
        @media (max-width: 390px) {
            .lastRow .services_det {padding-bottom: 0rem;}
        }

/* > 600px */
        @media (min-width: 600px) {
            .services_table {font-size: var(--fontSize1);}            
            /* Consulting.html */
            :root {
                --iconSize: 4.8rem;
                --tableRemainder: calc( var(--tableWidth) - ( var(--col_content) + var(--iconSize) )  );
                --iconPadTop: .5rem; /* vs. 1.3rem; */
                --iconPadBot: 3rem;
           }
        }
        @media (min-width: 800px) {
            :root {
                /* Consulting.html */
                --iconSize: 5rem;
            }
        }
        @media (min-width: 900px) {
            /* Consulting.html */
            :root {
                --iconSize: 5.6rem;
            }
        }
        @media (min-width: 1200px) {
            /* Consulting.html */
            :root {                  
                --col_icon: 5.09%;
            }
        }