@charset "utf-8";
/* CSS Document */
/*Home Page*/
body {
  background-color: #ffffff;
}
#gsindex {
  background-color: #fe976b; /* #fe976b */
}
/* footer  */
#gsfooter {
  max-width: 1200px;
  color: #FFFFFF;
  background-color: #5556a7;
  /*height: 300px;*/
  font-size: 1rem;
  /* padding-top: 5rem; */
  margin-left: auto;
  margin-right: auto;
}
#gsfooter a {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: normal;
}
#gsfooter li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-bottom: .5rem;
}
#gsfooter-container {
  background-color: #5556a7;
  min-height: 300px;
  border-top: 3px solid #fe976b;
}
#gsfooter img {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
/*   ----   Footer links    -----   */
#gsfooter a:hover {
  color: blanchedalmond;
  text-decoration: underline;
}
p.footertiny {
  font-size: .75rem;
  line-height: 200%;
}
/*  nav bar  */
.gs-btn {
  background-color: #ffde59;
}
.gsdropdown {
  font-size: .75rem;
}
#strt-hdr {
  background-image: url("fam-support-guide/imgs/hdr-bk.jpg");
  background-repeat: repeat-x;
}
#wb-toc {
  background-image: url("fam-support-guide/imgs/wellbeing/Well-Being-toc-back-01.svg");
  max-width: 625px;
  margin-left: auto;
  margin-right: auto;
}
#know-toc {
  background-image: url("fam-support-guide/imgs/Knowledge-toc-back.svg");
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
#emp-toc {
  background-image: url("fam-support-guide/imgs/empowerment-toc-bk.svg");
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
#gsheader {
  background-color: #ffffff;
  background-image: url("imgs/wave.png");
  background-repeat: repeat-x;
  height: 150px;
}
#gsheadcontent {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
#gs-body {
  max-width: 1000px;
  padding: 2rem;
  background-color: #FFFFFF;
  margin-left: auto;
  margin-right: auto;
  min-height: 600px;
}
#page-h1 {
  color: #5556a7;
  font-size: 3rem;
}
.const-hdr {
  max-width: 1000px;
  background-color: #FFFFFF;
}
/*  From main page dev  */
.gshero-image {
  background-image: url("imgs/index-back-svg.svg"); /*  imgs/svg-back-01.svg  */
  border-top: 3px solid #fe976b;
}
a.gslink {
  color: #FFFFFF;
}
a.gslink:hover {
  text-decoration: none;
}
/*	div.gsback {
		background-color: #cce5f0;
	}
	*/
#hv-imglinks a {
  fill: #8A8A8A;
  opacity: 0;
}
#hv-imglinks a:hover {
  fill: #FFFFFF;
  opacity: .4;
  transition: .5s ease;
}
.hv-imglinks a {
  fill: #8A8A8A;
  opacity: 0;
}
.hv-imglinks a:hover {
  fill: #FFFFFF;
  opacity: .7; /*  .4  */
  transition: .5s ease;
}
.guide-link {
	padding-bottom: 3rem;
  padding-top: 1rem;
  margin-top: 3rem;
}
.guide-link a{
  font-weight: normal;
}
.guide-link a:hover {
  color: white;
  font-weight: normal;
  text-decoration: none;
}
.guide-link a:visited {
  color: white;
  font-weight: normal;
  text-decoration: none;
}


.gs-link {
  border-bottom: 1px solid #FFA970;
  border-top: 1px solid #FFA970;
  padding-bottom: 3rem;
  padding-top: 3rem;
  margin-top: 3rem;
}
.gs-link a {
  font-weight: normal;
}
.gs-link a:hover {
  color: white;
  font-weight: normal;
  text-decoration: none;
}
.gs-link a:visited {
  color: white;
  font-weight: normal;
  text-decoration: none;
}
a.tooltip {
  border-bottom: 1px dashed;
  text-decoration: none;
}
a.tooltip:hover {
  /*  cursor: help;  */
  position: relative;
}
a.tooltip span {
  display: none;
}
a.tooltip:hover span {
  /*  border: #666 2px solid;  */
  padding: 5px 20px 5px 5px;
  display: block;
  z-index: 100;
  background: #e3e3e3;
  left: 0px;
  margin: 15px;
  width: 300px;
  position: absolute;
  top: 15px;
  text-decoration: none;
  font-size: 10rem;
}
.modal-title {
  margin-left: auto;
  margin-right: auto;
}
div.gs-content {
  max-width: 1000px;
  padding-left: 2rem;
  padding-right: 2rem;
  background-color: #FFFFFF;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #FFD6A9;
}
a.gs-nobold {
	font-weight:normal;
}
table.gstable {
  border-top: 10px solid #FDA882
}
table.gstable td {
  padding: 0.5rem;
}
table.gstable a {
  font-size: 1rem;
  font-weight: normal;
  text-decoration: underline;
}

.activity-icon {
  max-width: 50px;
	margin-left: auto;
	margin-right: auto;
}
tr.gstopic {
  background-color: #ECECEC;
	font-weight: bold;
}
td.gs-topicleft {
	text-align: center;
	vertical-align: top;
}
td.gs-leftcol {
	text-align: center;
	vertical-align: top;
}
td.gs-leftcol p{
	text-align: center;
	font-weight: bold;
}
/*  fam-support guide */
p.section-nameblue {
    font-size: 1.75rem;
    color: #0099cc;
    font-weight: bold;
}
p.section-namered {
    font-size: 1.75rem;
    color: #ee2d69;
    font-weight: bold;
}
p.section-namegrn {
    font-size: 1.75rem;
    color: #669933;
    font-weight: bold;
}
h2.gs-pink {
	color: #FCA5CB;
}
h2.gs-blue {
	color: #2aace2;
}
btn.gs-green {
	background-color: #669933;
}
.gs3btn {
	padding-bottom: 1rem;
  padding-top: 1rem;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
 /*  margin-top: 3rem; */
}
.gs3btn a{
  font-weight: normal;
	min-width: 300px;
}
.gs3btn a:hover {
  color: white;
  font-weight: normal;
  text-decoration: none;
}
.gs3btn a:visited {
  color: white;
  font-weight: normal;
  text-decoration: none;
}
tr.gshdr-pink {
  font-size: 1.5rem;
  font-weight: bold;
  background-color: #FCA5CB;
}
tr.gshdr-blue {
  font-size: 1.5rem;
  font-weight: bold;
  background-color: #BAE8FF;
}
tr.gshdr-green {
  font-size: 1.5rem;
  font-weight: bold;
  background-color: #D4FCC2;
}

.gobutton {
    background-image: url("imgs/link1.png");
    width: 200px;
    height: 80px;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
}
.gobutton {
  margin-right: auto;
  margin-left: auto;
  margin-top: 2rem;
	margin-botom: 2rem;
}
.gobutton:hover {
  background-image: url("imgs/link2.png");
  margin-right: auto;
  margin-left: auto;
}
.pdfbutton {
    background-image: url("imgs/link-pdf2.png");
    width: 200px;
    height: 80px;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
}
.pdfbutton {
  margin-right: auto;
  margin-left: auto;
}
.pdfbutton:hover {
  background-image: url("imgs/link-pdf1.png");
  margin-right: auto;
  margin-left: auto;
}