/*
Theme Name: hueman-child
Version: 1.108
Description: A child theme of Hueman
Template: hueman
Author: Administrator
*/


/*@import url("style_SCOUT_hav13.css");*/


/*
============================================================================
   [0] GENERAL STUFF
============================================================================
*/  

/**********************
   Hueman Theme Tweaks 
***********************/

.page-title.hu-pad.group {
    display: none; /* turn off regular title */
}
#header .hu-pad {
    border-bottom: 1px solid #ddd; /* add line underneath header/logo area */
}
.col-2cl .content {
    border-right: 1px solid #ddd; /* add line b/w content and right sidebar */
}
.hu-pad {
    padding-top: 0px; /* remove space from above HA header box; this
            might interfere with regular articles - FIXME */
}
body {
   font-weight: normal;
   font-family: Arial !important; /* force default font to be Arial */
   color: #000;
}
.entry h2.section-title-sct, .entry h2, .entry h2.section-title {
   letter-spacing: normal; /* prevent hueman default compressed font in h2 */
}

/* the next few lines (#header) are to keep using the regular header even in
   smaller media widths -- might revisit */
#nav-header .nav-toggle, #nav-mobile .nav-toggle, #nav-topbar .nav-toggle {
    color: white; /* color of drop down menu lines icon */
}
@media only screen and (max-width: 719px) {
#header .logo-tagline-group {
    display: block; /* leave header ENABLED */
}
#header .mobile-title-logo-in-header {
    display: none; /* do not show mobile logo */
}
} /* max width 719px */

/*
============================================================================
   [A] MEDIA: MAX WIDTH (961+ px) AND DEFAULTS FOR THE OTHER WIDTHS
============================================================================
*/  


/****************************
       Main Header Box   
 ****************************/
 /* [sc name="header_box"] */
.header-box {
   padding-top: 25px; /* typically same as .main-margin */
   margin-bottom: 10px;
   margin-left: -15px;
   margin-right: -15px;
}

.header-box table {
   margin-bottom: 10px; 
   border-collapse: separate; 
   border-spacing: 15px 0px; /* also adjust div#header-top-sct when changing */
}
.header-box table td.header-box-img {
   width: 64%; /*67%*/;    
   text-align: right; 
   padding: 0px; 
   /*border-bottom: none;*/ 
   vertical-align: top;
   border: 1px solid #ddd; /* subtle frame around header images */
}
.guide.header-box table td.header-box-img {
   width: 64%;
}
.header-box td.header-box-img img {
   display:block; 
   padding: 0; 
   margin-left: 0; 
   margin-right: auto; 
   margin-top: 0; 
   padding-left: 0; 
   height: auto;
}
td#header-box-title {
   vertical-align: middle; 
   position: relative; 
   padding:5px; 
   background-color: #308dbf /*#e1f3f9*/;
   /*border: 1px solid #000;*/ /* fixme */
}
td#header-box-title h1 {
   font-size: 100%; /* relative to div#title-box */
   margin-bottom: 0px;
}
td#header-box-title div {
   letter-spacing: normal;
   color: rgba(255,255,255,0.9);
}
div#title-box {
   position: relative; 
   top: 0px;
   font-size: 25px;
   padding-left: 5px;
   padding-right: 5px;
   word-break: break-word;
}
td#header-box-title h1.compressed {
      font-size: 80%; /* extra small option for long titles */
}
td#header-box-title h1 span {
   display: block; 
   padding: 0px; 
   text-align: center; 
   opacity: 0.95; 
   color: #fff;
   letter-spacing: 0px;
}
span#title-topic {
   font-weight: bold;
}
td#header-box-title h1 span#title-subtopic {
   font-weight: normal; 
   /*font-style: italic; */
   font-size: 80%; 
   padding-top: 30px;
   color: #333;
   line-height: 130%;
   font-family: Georgia;
}
.products td#header-box-title h1 span#title-subtopic {
   font-size: 70%; 
}
#title-box > img { /* light bulb */
   margin: 0px auto 20px auto; 
   width: 44px; 
   height: auto;
}
/* guide/specs specific custumization to header */
.guide div#title-box /*, .specs div#title-box */ {
   top: 0px; /*10px*/ /* FIXME needed ? */
}
.guide td#header-box-title  h1 span, 
.specs td#header-box-title  h1 span {
   opacity: 1.0; 
   color: #333;   
}
.article td#header-box-title  h1 span { 
   opacity: 1.0; 
   color: white; /*#154056 -- darker version of 308dbf */
}
.products td#header-box-title  h1 span { 
   opacity: 0.9; 
   color: #111;
}
.guide td#header-box-title { /* yellow guide backgrd */
   background-color: #ffec89 /*rgba(255, 239, 157,0.4)*/;
   border: 1px solid #ffd300 /*#E4E1D4*/ /*#ffec89*/;
}
.specs td#header-box-title { /* green specs backgrd */
   background-color: rgb(213, 232, 180);
   border: 1px solid rgba(48,141,191, 0.2);
}
.article td#header-box-title { 
   background-color: #004c75; /* #7b919e;*/ /*#d3e8f4; */
   border: 1px solid rgba(21, 64, 86, 0.15) /*#154056*/ /*#308dbf*/;
}
.products td#header-box-title { 
   background-color: #ffc266;
   /*border: 1px solid rgba(21, 64, 86, 0.15);*/
}
.guide td#header-box-title div {
   color: #555;
}

/*div.ssbp-set--one.ssbp-wrap.ssbp--.ssbp--theme-1 { */
/*   padding-left: 25px; */ /* move social links in */
/* } */



/********************
     Section Title
 ********************/

/* [sc:section_title_<...>] */
h2.section-title { /* baseline and scout style */
   clear: both; 
   border-bottom: 2px solid rgba(32,95,128,0.2) /*rgba(48,141,191,0.3)*/; 
   margin-top: 40px;
   margin-bottom: 10px;
   padding: 2px; 
   font-weight: bold; 
   color: #205f80 /*#333  rgb(60,111,138); rgba(48,141,191, 1.0)  rgba(255,255,255,0.95)*/; 
   border-radius: 0px; 
   padding-left: 0px; 
   font-size: 21px;
   padding-bottom: 0px;
   /* temp */
   background: rgba(143, 216, 255, 0.3);
   padding-left: 6px;
}
h2.section-title.guide { /* guide customization */
   border-bottom: 5px solid #ffe352; /*3px solid #ffec89;*/
   color: #000;
   background: none;
   padding-left: 0px;
}
h2.section-title.products {
    border: 1px solid #ff9900;
    color: #205a79;
    /* background: #ffd598; */
    /*border-radius: 15px;*/
    text-align: center;
    font-family: roboto condensed;
    padding-top: 4px;
    padding-bottom: 2px;
    border-left: 1px solid #bce7ff;
    border-right: 1px solid #bce7ff;
}
h2.section-title.first { /* first chapter after header */
   margin-top: 17px;
}

h2.section-title.specs { /* specs customization */
   border-bottom: 3px solid rgb(213, 232, 180);
   color: #000;
}
h2.section-title span.regtm { /* registered trademark */
   color:#333; 
   font-size: 70%; 
   font-weight:normal; 
   position: relative; 
   bottom: 0.4em;
}
h2.section-title span.tm { /* trademark */
   color:#000; 
   font-weight: normal;
}

/***********************
     SubSection Title
 ***********************/
/* [sc:subsection_title_<...>] */
h3.subsection-title { /* baseline and scout style */
    font-size: 17.5px;
    /*margin: 20px 30px 15px 30px;*/
    color: #222;
    font-weight: 700;
    letter-spacing: 0; /* revert hueman dense setting */
    border-bottom: 4px double #ffd200 /*3px solid #ececec*/;
}


/*************************
     Centered Images
 *************************/

div.centimg {
   margin-top: 0;
   margin-bottom: 20px;
}
div.centimg > div {
   margin: 0 auto; 
   display: table;
}
.centimg > div > img {
   width: 220px;
}
.centimg2 > div > img {
   margin-left: 15px;
   margin-right: 15px;
   width: 180px;
}
.centimg3 > div > img {
   margin-left:  12px;
   margin-right: 12px;
   width: 150px;
}


/***********************
      Simple Table
 ***********************/

/*div.simple_tbl {
   margin-left: 30px;
   margin-right: 30px;
}*/
div.simple_tbl table {
   margin-top: 25px;
}
div.simple_tbl table td {
   padding-top: 2px;
   padding-bottom: 2px;
}
div.simple_tbl table th {
   background: #fff2b5;
   padding-top: 0px;
   padding-bottom: 0px;
   border-top: 0;
   border-bottom: 3px solid #ddd;
}
.entry .simple_tbl table tr.alt {
    background: #f9f9f9;
}


/***************************
       Simple List 
 ***************************/

/* [list] */

ol.guide {
	counter-reset:li-cnt; /* Initiate a counter */
	margin-left:  15px;
	padding-left:  0;
    margin-right: 20px;
}
ol.guide > li {
	position:relative;
	margin:0 0 0 20px;
	padding:4px 15px;
	list-style:none;
    line-height: 140%;
}
ol.guide.dense > li { /* denser line items if dense="enabled" */
   padding-top:0;
   padding-bottom: 0;
   padding-left: 10px;
}
ol.guide.textflow > li { /* left-align bullets with para & use regular line height */
   /* ie achieve bullets show up as styled like "regular text" */
   margin-left: 5px;
   padding-top: 0px;
   padding-bottom: 0px;
}
ol.guide.textflow {
   margin-top: -0.75em; /* see p.guide, compensate for large bottom margin */
}
ol.guide > li:before {
	content:counter(li-cnt) ".";
	counter-increment:li-cnt;
	position:absolute;
	top: -0.05em;
	left:-20px;
	width:20px;
	margin-right:8px;
	padding:4px;
	text-align:left;
    font-weight: 600;
}
ol.guide.lower-alpha > li:before {
   content: counter(li-cnt, lower-alpha) ".";
   font-weight: 600;
   top: -1;
}
ol.guide.upper-alpha > li:before {
   content: counter(li-cnt, upper-alpha) ".";
}
ol.guide.bullets > li:before {
   content: "\2022";
   font-size: 140%;
}
ol.guide.bullets-square > li:before {
   content: "\25a0";
   font-size: 80%;
   top: -2px;
}
ol.guide.bullets-square.dense > li:before {
   top: -6px;
}
ol.guide.bullets-circle > li:before {
   content: "\25e6";
   font-size: 140%;
}
ol.guide.bullets-triangle > li:before {
   content: "\25b6";
   font-size: 70%;
}
ol.guide.bullets > li,        ol.guide.bullets-square > li, 
ol.guide.bullets-circle > li, ol.guide.bullets-triangle > li {
   padding-left: 5px; /* move text closer to bullets */
}


/************************
     Feature List
 ************************/
p.feat {
   padding-left:37px; 
   text-indent:-37px; 
   line-height: 137%
}
.feat span {
   font-size:100%; 
   color: #111; 
   padding: 2px 4px 2px 4px; 
   margin-right: 10px; 
   /*border-radius: 4px;*/
   background: #fee880; 
   border: 1px solid #ffdb33;
}


/***************************
         Topic List
 ***************************/
 
 /* WIP JOCHEN */

/* [tlist] */

dl.topiclist {
   counter-reset: li-counter;
   margin-left:  0px;
   margin-right: 40px;
   padding-left: 00px;
   margin-top: 20px;
   margin-bottom: 30px;
}
.topiclist dt {
   position: relative;
   padding-left: 35px;
   color: #000;
   margin-bottom: 5px;
   margin-top: 15px;
}
.topiclist dd {
   padding-left: 35px;
   font-size: 100%;
   line-height: 140%;
   color: #111;
   margin-right: 0px;
   margin-top: 3px;
   margin-bottom: 15px;
}
.topiclist dt:before { /* topic numbering */
   content: counter(li-counter) ".";
   counter-increment: li-counter;
   position: absolute;
   top: 0px;
   left: 0px;
   font-size: 18px;
   line-height: 140%;
   font-weight: bold;
   background-color: #FEE880;
   padding: 1px 2px 0px 3px;
   border-radius: 3px;
   border: 1px solid #bbb; 
   color: #333;
}
.topiclist.shade-off dt:before {
   background: none;
}
.topiclist.shade-off dt {
   padding-left: 35px;
}
.topiclist.shade-off dd {
   padding-left: 35px;
}
.topiclist.lower-alpha dt:before {
   content: counter(li-counter, lower-alpha) ".";
}
.topiclist.upper-alpha dt:before {
   content: counter(li-counter, upper-alpha) ".";
}
.topiclist.lower-roman dt:before {
   content: counter(li-counter, lower-roman) ".";
}
.topiclist.upper-roman dt:before {
   content: counter(li-counter, upper-roman) ".";
}
.topiclist.bullets dt:before {
   content: "\2022";
   background: none; /* never shading with bullets style */
   font-size: 140%;
   top: -6px;
   border: none;
}
.topiclist.bullets dt {
   padding-left: 25px; /* with bullets, less space after bullet */
}
.topiclist.bullets dd {
   padding-left: 25px;
}
.topiclist dd.with-bullet:before {
   content: "■ "; /*"■" "●" "▶" */
   padding-right: 5px;
   color: #333;
   position: relative;
   bottom: 3px;
   font-size: 80%;
}

/* styles for items with images */
.topiclist .with-image > a > span { /* default style for topic image */
   float: right; 
   margin-left: 20px; 
   margin-bottom: 5px;
   margin-top: 5px;
   position: relative;
}
.topiclist dd.with-image {
   overflow: hidden; /* avoid overlap of floating pictures */
   margin-top: 10px;
   margin-bottom: 10px;
   text-align: justify;
}
.topiclist .with-image > a > span > img { /* size topic image */
   display: block;
   width: 120px;
   height: auto;
}
.topiclist .with-image > a > span > div { /* mini chevron box */
   background: rgba(255,255,255,0.85);
   height:20px;
   width: 20px;
   padding: 0 0 0 0;
   margin-top:0; 
   /*border-top: 1px solid #ccc;*/
   text-align: center;
   position: absolute;
   right: 2px;
   bottom: 2px;
   border-radius: 0;
}
.topiclist .with-image > a > span > div > i { /* precise pos of chevron link */
   font-size:15px; 
   line-height:20px; 
   display: block; 
   color: #308dbf;
   position: relative;
   top: 1px;
   left: 1px;
}
dl.tpc-img-left > dd.with-image > a > span { /* flaot img left for "left" mode */
   float: left;
   margin-left: 0px;
   margin-right: 20px;
   margin-top: 7px;
   display: block;
}
/* relaxed mode: bigger image, more line spacing, less right margin */
.relaxed-on .with-image > a > span > img {
   width: 150px;
}
.relaxed-on dd {
   margin-right: 15px;
   line-height: 150%;
}




/*
==============================================================================
   MEDIA [B]: REDUCED-WIDTH LAPTOP (820 to 960) 
==============================================================================
*/
@media only screen and (min-width: 820px /*801?*/) and (max-width: 960px) {

.hu-pad {
    padding-left:  85px; 
    padding-right: 85px;
}

/****************************
       Main Header Box
 ****************************/

.header-box table td.header-box-img {
   width: 65%;
}
div#title-box {
   padding-left:  15px; /* more space, have enough "area" */
   padding-right: 15px;
}
.header-box { /* topic header */
   padding-top: 30px;
   margin-left:  -30px;
   margin-right: -30px;
}
div#title-box {
   font-size: 22px;
}
.header-box table {
   border-spacing: 30px 0; /* separate image from topic area */
}
div.ssbp-set--one.ssbp-wrap.ssbp--.ssbp--theme-1 {
   padding-left: 80px; /* move social links in */
}

/********************
     Section Title
 ********************/

h2.section-title {
   margin-top: 25px;
   margin-bottom: 15px;
   font-size: 19px;
}

/***********************
     SubSection Title
 ***********************/
/* [sc:subsection_title_<...>] */
h3.subsection-title { /* baseline and scout style */
    font-size: 17.5px;
    /*margin: 20px 30px 15px 30px;*/
    /*border-bottom: 4px double #ffd200 */;
}

/*************************
     Centered Images
 *************************/

.centimg > div > img {
   width: 180px;
}
.centimg2 > div > img {
   width: 160px;
}
.centimg3 > div > img {
   width: 160px;
}


/* Simple Table */
/* TBD FIXME    */


/* Simple List */
/* TBD FIXME   */


/***************************
         Topic List
 ***************************/

dl.topiclist {
    margin-left:  85px;
    margin-right: 110px;
}


} /*----- end [B] media 820 .. 960 ----*/



/*
===============================================================================
                         MEDIA [C]: TABLET (720 to 819) 
===============================================================================
*/

@media only screen and (min-width: 720px) and (max-width: 819px) {

.hu-pad {
    padding-left:  35px; 
    padding-right: 35px;
}

/****************************
       Main Header Box
 ****************************/

.header-box table td.header-box-img {
   width: 70%;
}
.header-box { /* topic header */
   margin-left:  -30px;
   margin-right: -30px;
}
div#title-box {
   font-size: 22px;
}
.header-box table {
   border-spacing: 30px 0; /* separate image from topic area */
}


/********************
     Section Title
 ********************/

h2.section-title {
   margin-top: 25px;
   margin-bottom: 15px;
   font-size: 19px;
}

/***********************
     SubSection Title
 ***********************/
/* [sc:subsection_title_<...>] */
h3.subsection-title { /* baseline and scout style */
    font-size: 17.5px;
}

/*************************
     Centered Images
 *************************/

.centimg > div > img {
   width: 180px;
}
.centimg2 > div > img {
   width: 180px;
}
.centimg3 > div > img {
   width: 160px;
}


/***************************
         Topic List
 ***************************/

dl.topiclist {
    margin-left:  40px;
    margin-right: 40px;
}


} /* end [C] 720..819 */


/*
==============================================================================
                         MEDIA [D]: TABLET (560 to 719) 
==============================================================================
*/

@media only screen and (min-width: 560px ) and (max-width: 719px) {
    
.hu-pad {
    padding-left:  20px; 
    padding-right: 20px;
}

/****************************
       Main Header Box
 ****************************/

.header-box table td.header-box-img {
   width: 70%;
}
.header-box { /* topic header */
   margin-left:  -15px;
   margin-right: -15px;
   padding-top:   20px;
}
div#title-box {
   font-size: 22px;
}
#title-box > img {
   margin-bottom: 10px;
   width: 40px;
}
.header-box table {
   border-spacing: 15px 0; /* separate image from topic area */
}

/********************
     Section Title
 ********************/

.entry h2.section-title {
   margin-top: 25px;
   margin-bottom: 15px;
   font-size: 18px;
}

/***********************
     SubSection Title
 ***********************/
/* [sc:subsection_title_<...>] */
h3.subsection-title { /* baseline and scout style */
    font-size: 17.5px;
} 

/*************************
     Centered Images
 *************************/

.centimg > div > img {
   width: 160px;
}
.centimg2 > div > img {
   width: 145px;
}
.centimg3 > div > img {
   width: 130px;
}


/***************************
         Topic List
 ***************************/

dl.topiclist {
    margin-left:  30px;
    margin-right: 10px;
}
.topiclist dd {
   margin-right: 20px;
   font-size: 15px;
}
.topiclist dt {
   font-size: 16px;
}
.relaxed-on .with-image > a > span > img {
   width: 130px;
}


} /* end [D] 560..719 */



/*
===============================================================================
                         MEDIA [E]: xxx (480 to 559) 
===============================================================================
*/

@media only screen and (min-width: 480px ) and (max-width: 559px) {

.hu-pad {
    padding-left:  20px; 
    padding-right: 20px;
}


/****************************
       Main Header Box
 ****************************/

.header-box table td.header-box-img {
   width: 70%;
}
.header-box { /* topic header */
   padding-top: 20px;
   margin-left:  -10px;
   margin-right: -10px;
}
div#title-box {
   font-size: 21px;
}
#title-box > img { /* light bulb */
   margin-bottom: 7px;
   width: 37px;
}
td#header-box-title h1 span#title-subtopic {
   padding-top: 15px; /* space between title and subti */
}
.header-box table {
   border-spacing: 10px 0; /* separate image from topic area */
}

/********************
     Section Title
 ********************/

.entry h2.section-title {
   margin-top: 25px;
   margin-bottom: 15px;
   font-size: 18px;
}
/***********************
     SubSection Title
 ***********************/
/* [sc:subsection_title_<...>] */
h3.subsection-title { /* baseline and scout style */
    font-size: 17.5px;
}

/*************************
     Centered Images
 *************************/

.centimg > div > img {
   width: 140px;
}
.centimg2 > div > img {
   width: 130px;
}
.centimg3 > div > img {
   width: 110px;
   margin-left:  10px;
   margin-right: 10px;
}

/***************************
         Topic List
 ***************************/

dl.topiclist {
    margin-left:  20px;
    margin-right: 10px;
}
.topiclist dd {
   margin-right: 20px;
   font-size: 15px;
   padding-left: 30px;
}
.topiclist dt {
   font-size: 16px;
   padding-left: 30px;
}
.topiclist.relaxed-on .with-image > a > span > img {
   width: 120px;
}
.topiclist .with-image > a > span > img {
   width: 110px;
}
.topiclist .with-image > a > span {
   margin-left: 15px; /* less space left of image */
   margin-top: 6px;
}
dl.tpc-img-left > dd.with-image > a > span {
   margin-right: 15px; /* less space right of image */
}


} /* end [E] 480 .. 559 */



/*
===============================================================================
                         MEDIA [F]: xxx (400 to 479) 
===============================================================================
*/

@media only screen and (min-width: 400px ) and (max-width: 479px) {
    
.hu-pad {
    padding-left:  10px; 
    padding-right: 10px;
}
    
    
/****************************
       Main Header Box
 ****************************/
 
.guide td#header-box-title {
   border: none; /* no border around title box td on mobile */
   border-left: 2px solid white;
}
.header-box table td.header-box-img {
   width: 65%;
}
.header-box { /* topic header */
   padding-top: 2px;
   margin-left:  -10px;
   margin-right: -10px;
   margin-bottom: 10px
}
div#title-box {
   font-size: 21px;
}
#title-box > img { /* light bulb */
   margin-bottom: 7px;
   width: 37px;
}
td#header-box-title h1 span#title-subtopic {
   padding-top: 15px; /* space between title and subti */
}
.header-box table {
   border-spacing: 0 0;
}    

/********************
     Section Title
 ********************/

.entry h2.section-title {
   margin-top: 20px;
   margin-bottom: 10px;
   font-size: 18px;
}
/***********************
     SubSection Title
 ***********************/
/* [sc:subsection_title_<...>] */
h3.subsection-title { /* baseline and scout style */
    font-size: 17.5px;
}
/*************************
     Centered Images
 *************************/

.centimg > div > img {
   width: 140px;
}
.centimg2 > div > img {
   width: 135px;
}
.centimg3 > div > img {
   width: 100px;
}


/***************************
         Topic List
 ***************************/

dl.topiclist {
    margin-left:  10px;
    margin-right: 10px;
}
.topiclist dd {
   margin-right: 20px;
   font-size: 15px;
   padding-left: 30px;
}
.topiclist dt {
   font-size: 16px;
   padding-left: 30px;
}
.topiclist.relaxed-on .with-image > a > span > img {
   width: 120px;
}
.topiclist .with-image > a > span > img {
   width: 110px;
}
.topiclist .with-image > a > span {
   margin-left: 15px; /* less space left of image */
   margin-top: 6px;
}
dl.tpc-img-left > dd.with-image > a > span {
   margin-right: 15px; /* less space right of image */
}
.topiclist dd {
   margin-top: 5px; /* move text closer to local title */
}




} /* end [F] 400 .. 479 */



/*
===============================================================================
                         MEDIA [G]: (... to 399) 
===============================================================================
*/



@media only screen and (max-width: 399px) {
    
.hu-pad {
    padding-left:  7px; 
    padding-right: 7px;
}
.site-title a img {
    max-height: 47px; /* make HA logo much smaller than default */
}
.site-title {
    padding-top: 10px;
    padding-bottom: 10px;
}

/****************************
       Main Header Box
 ****************************/

.guide td#header-box-title {
   border: none; /* no border around title box td on mobile */
   border-left: 1px solid white; /* border to the left of title box */
}

.header-box table td.header-box-img {
   width: 65%;
}
.header-box { /* topic header */
   padding-top: 1px; /* experiment, goes hand in hand with above border-left */
   margin-left:  -7px;
   margin-right: -7px;
   margin-bottom: 10px
}
div#title-box {
   font-size: 21px;
   font-family: 'roboto condensed'; /* denser font */
}
#title-box > img { /* light bulb */
   margin-bottom: 10px;
   width: 37px;
}
td#header-box-title h1 span#title-subtopic {
   padding-top: 10px; /* space between title and subti */
}
.header-box table {
   border-spacing: 0 0;
}
div.ssbp-set--one.ssbp-wrap.ssbp--.ssbp--theme-1 {
   padding-left: 5px; /* move social links in */
}
div#title-box { /* max space for title */
   padding-left: 0; 
   padding-right: 0;
}
.header-box table td.header-box-img {
   border: none; /* don't want frame around header images in mobile */
}

/********************
     Section Title
 ********************/

.entry h2.section-title {
   margin-top: 20px;
   margin-bottom: 10px;
   font-size: 18px;
}
/***********************
     SubSection Title
 ***********************/
/* [sc:subsection_title_<...>] */
h3.subsection-title { /* baseline and scout style */
    font-size: 17.5px;
}

/*************************
     Centered Images
 *************************/

.centimg > div > img {
   width: 110px;
}
.centimg2 > div > img {
   width: 100px;
}
.centimg3 > div > img {
   width: 90px;
   margin-left:  6px;
   margin-right: 6px;
}

/***************************
         Topic List
 ***************************/

dl.topiclist {
    margin-left:  10px;
    margin-right: 10px;
}
.topiclist dt {
   font-size: 16px;
   padding-left: 25px;
   margin-bottom: 0px;   
}
.topiclist dd {
   margin-right: 5px;
   font-size: 15px;
   padding-left: 25px;
   margin-top: 3px;
}
.topiclist dd.with-image {
   margin-top: 3px;
}

.topiclist.relaxed-on .with-image > a > span > img {
   width: 105px;
}
.topiclist .with-image > a > span > img {
   width: 110px;
}
.topiclist .with-image > a > span {
   margin-left: 15px; /* less space left of image */
   margin-top: 6px;
}
dl.tpc-img-left > dd.with-image > a > span {
   margin-right: 12px; /* less space right of image */
}
.topiclist dd {
   margin-top: 5px; /* move text closer to local title */
}
.topiclist dt:before { /* make number shading box smaller */
    top: 2px;
    font-size: 15px;
    line-height: 130%;
    padding: 0px 1px 1px 2px;
}



    
} /* end [G] ... 399 */