a {
	text-decoration: none;
    color: #0000ff;
	}
/*NOTE: change this from simple a to a:link for the normal state. Check what the setting is in the style.css file about link styles (would apply sitewide).
Change link color to a turquoise, e.g., 4-164-154.
Text-decoration: none means that links have no underline in normal state. Only show underline with hover.
The original had first line as:  text-decoration: none !important;  Original color is #db143c; red. Color #c79311; is darker gold (is too dark for Home page)
Color #4dbbff; is a bright blue. Color #00ff0a; is bright green. Color #daa520; is goldenrod gold. Color #f0b114; is brighter goldenrod. Color #ffc229; is bright gold.
Note: The hover color actually is a bright cream white. I don't knwo where it comes from. Probably from style.css or from bootstrap.css.
Color #d10ce2; is medium pink-purple.  Color #d10ce2; is light blue. Color #0000ff; is pure blue.*/
a-HQS {
	text-decoration: none;
    color: #036407;
	}
/* Color #036407; is dark green. */

a-HQS:hover {
    color: #ffff00;
	text-decoration: underline;
}
/*Change hover underline to the same color as link normal state, e.g. turquoise.
This replaces the "a:hover" color in style.css line 192 that has color #222 */
/*This hover underline comes from bootstrap.css line 170 */

a:hover {
    color: #d10ce2;
	text-decoration: underline;
}
/*This replaces the "a:hover" color in style.css line 192 that has color #222.  Color #2d25ff; is slightly light pure blue. Color #d10ce2; is medium pink-purple.*/ 
/*This hover underline comes from bootstrap.css line 170 */

.copyright-links-HQS {
	a {
		display: inline-block;
		margin: 0 3px;
		color: #7c95ff;
		border-bottom: 1px dotted #444;
		&:hover {
			color: #ffff00;
			border-bottom: 1px solid #666;
		}
	}
}
/* Color #7c95ff; is light blue. For Privacy Policy link text. Original color is #333 dark grey. Original hover color is #555 medium grey. */

.col-padding-HQS {
    padding: 30px;
}

.pri-menu-div-color-HQS {
    color: #db143c;
}
/*This alternate color is listed as "dark goldenrod" 184-134-11. Original color is red #db143c.*/

.pri-menu-div-color-goldenrod-HQS {
    color: #daa520;
}
/*This color is listed as "goldenrod" 218-165-32 = #daa520 */
/*The previous color is listed as "dark goldenrod" 184-134-11. Original color is red #db143c.*/

.pri-menu-div-color-HQSGold-HQS {
    color: #b5985a;
}
/*This color is the official "HQS GOLD" = 181-152-90  = #b5985a */

.pri-menu-div-color-HQSBlue-HQS {
    color: #0047ab;
}
/*This color is the official "HQS BLUE" = Cobalt Blue = 0-71-171  = #0047ab */

.p-bullets-form-HQS {
    margin-bottom: 1px;
}

.bg {
  /* The image used */
/*  background-image: url("images/TheHQCompanies_Logo576x576-names-slogan-2048x1365res72-website-18.jpg");*/
  background-color: #dbc27d
/* bg color #dbc27d is medium gold, which is close to the Subscribe Form background pale yellow. */
	  /* Full height */
/*  height: 100%; */

  /* Center and scale the image nicely */
/*  background-position: center;*/
/*  background-repeat: no-repeat;*/
/*  background-size: cover;*/
}

.bg-intro {
  /* The image used */
  background-image: url("images-site/WIAD-Cookbook-Intro-1920x1080res300-text-12.jpg");
  /* Full height */
/*  height: 100%; */
  /* Full width for the Intro-from-Kathy page so that the text is displayed at diferent screen widths. */
  width: 100%;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

HQS img {
    display: block;
    position: relative;
    width: auto;
    height: auto;
}

/*This replaces the class in style.css line 5815 that has width: 100%.*/

.content-wrap-HQS {
    position: relative;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}

/*This replaces the class in style.css line 4214 that has padding top and bottom: 80px. */

.content-wrap-nopadding-HQS {
    position: relative;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

/*This replaces the .content-wrap-HQS class in main-HQS.css above that has padding top and bottom: 10px. */

.content-wrap-nopadding-nomargin-HQS {
    position: relative;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin: 0px;
}

/*This replaces the .content-wrap-nopadding-HQS class in main-HQS.css above that has only padding at 0px. */

.bottommargin-lg-HQS {
    margin-bottom: 0px;
}
/*This replaces the .bottommargin-lg class in style.css Line 440 that has margin-bottom of 80px with !important. */

.section-HQS {
    position: relative;
/*    margin: 0px 0;*/
    padding: 60px 0;
    background-color: #292929;
    /*-- original is #F9F9F9 --*/
    overflow: hidden;
}
/*This replaces style.css line 801 which has margin of 60px 0px; around the .section-companies and .section-careers and section Interested in Index.html line 329 and line 407 and 471. */

.section-HQS-Overview {
    position: relative;
/*    margin: 0px 0;*/
    padding: 0px 0;
    background-color: #585858;
	/*-- previous is very dark grey #292929 --*/
    /*-- original is pale white #F9F9F9 --*/
    overflow: hidden;
}
/*This class applies to the OVERVIEW button. It replaces style.css line 801 which has margin of 60px 0px; around the .section-companies and .section-careers and section Interested in Index.html line 329 and line 407 and 471. */

.nomargin-HQS-Overview {
    margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}
/*This replaces the .nomargin class in style.css Line 448 that has margin of 0px with !important - From Index line 471. */

.bottommargin-lg-HQS {
	margin-bottom: 0px
}

#page-title-HQS {
    position: relative;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    background-color: #F5F5F5;
    border-bottom: 1px solid #EEE;
}
/*This replaces the ID in style.css line 3981 that has padding top and bottom: 50px. */

section-HQS {
    position: relative;
    margin: 0px 0;
    padding: 60px 0;
    background-color: #F9F9F9;
    /*-- original is #F9F9F9 --*/
    overflow: hidden;
}
/*This replaces the class in style.css line 801 that has margin top and bottom: 60px. */

a-menu-overview-HQS {
    text-decoration: none !important;
    color: #daa520;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	padding: 24px 22px;
	font-size: 13px;
	letter-spacing: 1px;
}
/*This color #daa520 is listed as goldenrod */
/*This replaces the "a" color in style.css line 187 that has color #1ABC9C */

/* a-HQS {
    color: #db143c;
	} */
/*The original had first line as:  text-decoration: none !important; */



.tleft-HQS {
    text-align: left !important;
    font-family: 'Lato', sans-serif;
}
/*This replaces the class .tleft in style.css line 316 that does not specify font.
Note: Font weight=100 is the Light font. Can set weight in the text. */

.tleft-examples-HQS {
    text-align: left !important;
    font-family: 'Lato', sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.4;
}
/*  This is used with h5.  This replaces the class .tleft-HQS and .tleft in style.css line 316 that does not specify font.
Note: Font weight=400 is the Regular weight.  Font weight=100 is the Light font. Can set weight in the text. */

.entry-image-HQS {
    margin-bottom: 10px;
}
/*This replaces the class .entry-image in style.css line 5818 that has margin-bottom: 30px;*/

.fslider,
.fslider .flexslider,
.fslider .slider-wrap,
.fslider .slide,
.fslider .slide > a,
.fslider .slide > img,
.fslider .slide > a > img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    padding-bottom: 5px;
}
/*This replaces the class .flexslider in style.css line 973 that has no padding-margin; specification */

h4 {
    font-size: 18px;
	line-height: 1.5;
	margin-top: 0px;
	margin-bottom: 18px;
	font-family: 'Lato', sans-serif;
}
/**This replaces the h4 in style.css line 252 that is font-size: 18px;   */
/**This also replaces the h5 in style.css line 236 that is margin-bottom: 20px; and margin-top: 0px;  */

h4-HQS {
    font-size: 18px;
	line-height: 1.5;
	margin-top: 0px;
	margin-bottom: 18px;
	font-family: 'Lato', sans-serif;
    text-decoration: underline;
}
/**This is an alternative h4 in this main-HQS.css that adds text-decoration underline, used to underline section headings in Kathy BIO web page. */
/**This replaces the h4 in style.css line 252 that is font-size: 18px;   */
/**This also replaces the h5 in style.css line 236 that is margin-bottom: 20px; and margin-top: 0px;  */


h5 {
    font-size: 16px;
	margin-top: 20px;
	margin-bottom: 3px;
}
/**This replaces the h5 in style.css line 255 that is font-size: 14px;   */
/**This also replaces the h5 in style.css line 236 that is margin-bottom: 20px; and margin-top: 0px;  */

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form {
    margin-bottom: 6px;
}
/*This replaces the p in style.css line 285 that is margin-bottom: 30px;   */

p-HQS {
    margin-bottom: 1rem;
}
/*This replaces the p in style.css line 285 that is margin-bottom: 30px;   */

table, th, td {
	border: 1px solid black;
}
/*This set table style for HQ Blog articles. */

th, td {
	padding: 10px;
}
/*This set table style for cell padding for HQ Blog articles. */

table.center {
	margin-left: auto;
	margin-right:auto;
}

.testi-meta span {
    display: block;
/*    font-weight: normal;*/
    font-weight: bold;
/*    color: #999;*/
    color: #777;
/*    font-size: 12px;*/
    font-size: 14px;
    text-transform: none;
/*    padding-left: 10px;*/
    padding-bottom: 10px;
}
/*This replaces the class .testi-meta span in style.css line 11841 that has original settings */

.testi-meta spaninfo {
    display: block;
    font-weight: bold;
    color: #2525FF;
    font-size: 11px;
    text-transform: none;
    padding-left: 10px;
}
/*This replaces the class .testi-meta spaninfo in the HQ website style.css line 11850 that is missing in style.css */

.testimonial .flex-control-nav li a {
    width: 6px !important;
    height: 6px !important;
    border: none;
    background-color: #0000FF;
    opacity: 0.5;
}
/*This replaces the class .flex-control-nav in the HQ website style-previous.css line 11961 that is missing in new style.css */

.text-pubdate-HQS {
    color: #aaaaaa;
}
/*This class contols text color. The color: #2525FF; is dark blue. Color #aaaaaa is light grey.
 * e.g.,  <span style="color: #FF0000;">This text is red using a hex code.</span> */

/*
#primary-menu ul li > a {
    display: block;
    line-height: 22px;
    padding: 39px 15px;
    color: #444;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    -webkit-transition: margin .4s ease, padding .4s ease;
    -o-transition: margin .4s ease, padding .4s ease;
    transition: margin .4s ease, padding .4s ease;
}
*/

/*
#primary-menu ul li:hover > a,
#primary-menu ul li.current > a {
    color: #1ABC9C;
}
*/

/*
#primary-menu-HQS {
    float: right;
    color: #db143c;
}
*/