/* SCROLLING FRAME AREA TOP LEVEL PAGE - WIDTH ADDS BORDER */

#family_history_iframe_scroll
{
	width: 90%;
	max-width: 500px; /* Original 250px */
	min-width: 100px; /* OriginaL 200px */
	margin: 0px auto 10px auto;
	border: #000000 1px solid;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
   border-radius: 6px; 
}

#family_history_iframe_scroll iframe
{
	width: 100%;
	height: 360px; /* IF YOU EDIT HEIGHT EDIT THE SCROLLING SCRIPT HEIGHT!!!! */
	display: block;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
   border-radius: 6px;
	border-radius: 6px;
}

.family_history_scroll_title
{
	color: #FFFFFF;
	/* font-size: 20px; */
	text-align: center;
	background-color: #F9F9F9;
	padding: 5px 5px 5px 5px;
	border-bottom: #A5A5A5 5px solid;
	border-radius: 6px;
	border-radius: 6px;
}

/* EMBEDDED NEWS PAGE BODY */

body.family_history
{
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	border: 0;
}

#FamilyHistoryFeed
{ /* Also used in javascript */
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

#FamilyHistoryFeed
{
	color: #F9F9F9;
	padding: 0px 0px 0px 0px;
	-webkit-user-select: none;  /* Chrome all / Safari all */
  	-moz-user-select: none;     /* Firefox all */
  	-ms-user-select: none;      /* IE 10+ */
  	user-select: none;          /* Likely future */ 
}

#FamilyHistoryFeed hr
{
	margin-left: 0;
}

#FamilyHistoryFeed hr.between-persons
{
	margin-left: 0;
	color: light-grey;
}
		
#FamilyHistoryFeed *
{
	margin-top: 0.1em;
	margin-bottom: 0.1em;
   padding-top: 0;
	padding-bottom: 0;
}

#FamilyHistoryFeed button.start
{
  background-color: inherit; /* Green */
  border: none;
  padding: 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  color: white;
  font-size: inherit;
  font-weight: inherit;
  line-height: 300%;
  width: 100%;
}

#FamilyHistoryFeed h1
{
	margin: 0;
	background-color: #23282B;
   pointer-events: none;

}

#FamilyHistoryFeed h2
{
	text-align: center;
}
 
#FamilyHistoryFeed h3
{
	text-align: left;
	border-bottom: #666666 0px solid;
}

#FamilyHistoryFeed div.flex-container
{
  display: flex;
  margin: 0 8px 0 8px;
  padding-left: 0;
  padding-right: 0;
  align-items: flex-start; /* aligns the flex items at the beginning of the container */
  flex-flow: row nowrap;
  break-after: avoid;
}

#FamilyHistoryFeed figure.flex-figure-item
{
  margin: auto 0;
  padding: 0;
  width: 43px;
  height: 57px;
}

#FamilyHistoryFeed p.flex-text-item
{
  margin: 0 8px 0 8px;
  padding: 0;
  width: 100%;
  height: 100%;
  line-height: 95%;
  text-align: left;
}



/* EMBEDDED NEWS PAGE LINK COLORS */

.family_history a:link	{ color: #0033FF; text-decoration: none; }

.family_history a:visited	{ color: #6633FF; text-decoration: none; }

.family_history a:active	{ color: #0033FF; text-decoration: none; }

.family_history a:hover	{ color: #6699FF; text-decoration: underline; }



