:root
{
    --blue: #0642DA;
    --lightblue:#5E7491; 
    --text: #354D62;
    --yellow: #FDC638;
    --gray: #E8E8E8;
	--grey: #F3F1EE;
	--links: #1D4B70;
	--hoverlinks: #42A9FC;
}


.std_contentpage .pageheader {height: 470px;}
.pagecontent {position: absolute;top: 560px;left: 445px;font-size: 150%;background: var(--grey); }
.pagecontent p { display: none; }
.std_contentpage .pageheader .banner {/* background-position: top -50px center; */ background-size: cover;}

.std_contentpage .pageheader .banner { max-width: 800px; height: 400px}

.section271 .layoutleft { display: none; }
.newsblogs .list_article .list { padding: 0px; }

@media ( max-width: 1400px )
{
    .pagecontent { top: 560px; left: 300px; }
}
@media ( max-width: 1130px )
{
    .pagecontent { top: 560px; left: 170px; }
}
@media ( max-width: 1000px )
{
    .pagecontent { top: 600px; left: 100px; }
}
@media ( min-width: 941px )
{
    .layoutheader .nav_multilevel .level1 li:hover .level2 { top: 180px; } 
}
@media ( min-width: 840px )
{
    .layoutmiddle, .section32 .layoutmiddle { padding: 470px 10px 0px 10px;}
}
@media ( max-width: 840px )
{
    .std_contentpage .pageheader .banner { max-width: 800px; height: 400px; }
    .layoutmiddle .layoutleft { margin-top: 500px !important; display: block; }
    .std_contentpage .pageheader { position: absolute; }
    .pagecontent { left: 20px; }
}


.layoutleft .util_textbox, .layoutleft .whitesec .link1, .toggle { display: none;}
.layoutheader .logo {max-width: 400px;}
.layoutheader .logo img { max-width: 400px; }
.std_contentpage .pageheader { top: 181px; }
.layoutheader .bluebar { background: #1D4B70; }
.layoutfooter { background: none; padding: 0px; }
.layoutfooter .bottom { background: #1D4B70; }
.layoutfooter .bottom .items { max-width: 1130px; margin: 0px auto; padding: 30px 0px; }
.layoutfooter .bottom .items .legal { padding: 20px 0px 0px 0px; }
.layoutfooter .layoutfooter_inner { display: block; max-width: 100%; }
.layoutfooter .layoutfooter_inner p { padding: 0px; }
.layoutfooter .tandcs .std_content_inner .content { display: flex; justify-content: center; gap: 30px; padding-bottom: 20px; }
.layoutfooter .tandcs .std_content_inner .content a:hover { text-decoration: underline; }
.layoutfooter .nav_linklist a {display: block;width: fit-content;margin: 0px auto;}
.layoutfooter img { height: 45px; width: auto; }
.layoutfooter a:hover img { mix-blend-mode: overlay;}



@media ( max-width: 832px )
{
    .layoutleft .whitesec .link1, .toggle { display: block;}
    .layoutheader .toggle { top: 65px; right: 20px; }
    .layoutheader .whitesec .items { justify-content: flex-start; padding-left: 10px;}
}
@media ( max-width: 575px )
{
    .layoutheader .toggle { top: 105px; }
}
@media ( max-width: 500px )
{
    .layoutheader .logo, .layoutheader .logo img { max-width: 90%; }
}


/* Home */

.home .pageheader {   }


.home .box { padding-bottom: 50px; }
.home .box .items { display: flex; justify-content: space-between; }
.home .box .items>div { width: 47%; padding: 10px;  }
.home .box .items>div:hover { background-color: var(--gray); }
.home .box .items .imagetop img { width: 100%;  height: auto;}
.home .box .items h2 { font-size: 140%; text-transform: capitalize; }
.home .box .items .content { margin: 0px; }
.home .box .items .content h3 { font-size: 110%; padding-top: 10px; }
.home .box .items .content p { margin: 0px; }
.home .box .items .link { color: var(--links); font-size: 110%; padding-top: 10px;  }
.home .box .items .link::before { content: '\1F852'; margin-right: 20px; color: white; background-color: var(--links); padding: 1px 4px; border-radius: 50%;  }

.dbase_random { background-color: var(--grey); padding: 30px 15px; position: relative; max-width: 1130px; margin: 0px auto 20px auto; }
.dbase_random h2 { font-weight: bold; font-size: 130%; padding-bottom: 20px; }
.dbase_random span { display: block; padding-left: 300px; }
.dbase_random span:first-child { padding-bottom: 10px; }
.dbase_random span:first-child::before { font-family: Arial; content: '	\201C'; position: absolute; left: 100px; top: 80px; font-size: 700%; color: var(--hoverlinks); }
.dbase_random span.column_AchTestName { display: inline-block; font-weight: bold;}
.dbase_random .column_AchTestName::before { content: '\270E'; color: var(--hoverlinks); padding-right: 10px;  }
.dbase_random span.column_AchTestLocation { display: inline-block; padding: 0px;}

@media ( max-width: 600px )
{
    .dbase_random span { padding: 0px; }
    .dbase_random span:first-child { padding-top: 50px; }
    .dbase_random span:first-child::before { top: 50px; left: 10px; }
}

/* Family History Research */

.std_content .content { margin: 0px; max-width: 100%; }

.layoutleft .selected { border: none; }
.layoutleft .selected a { color: black; }

.layoutcontent strong { font-size: 130%; }
.layoutcontent ul li strong { font-size: 100%; }
.layoutcontent h3 { font-size: 120%; }
.layoutcontent a { color: var(--links); }
.layoutcontent a:hover,.layoutleft .selected a:hover{ color: var(--hoverlinks); }
.layoutcontent ul { margin-left: 20px; }
.layoutcontent li {list-style: disc;}


@media ( max-width: 970px )
{
    .std_content .content img { width: 100%; }
}


/* Meet the team */

.meet-the-team .util_textbox_inner { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 30px;  }
.meet-the-team h2.titletxt {width: 100%;font-size: 120%;padding-bottom: 30px;}
.meet-the-team img { height: auto; border-radius: 50%; }
.meet-the-team .imageleft { width: 250px; }
.meet-the-team .content { width: 60%; }
.meet-the-team ul { display: flex; margin: 0px; align-items: center; justify-content: center; gap: 20px}
.meet-the-team li {list-style: none;}
.meet-the-team li img {  width: auto; border-radius: 0%; }