/************************************
	DNA theme styles.css
************************************/

.page {background-color:#fff; border:1px solid #bbb0a3;}
.pageWrap .con {background-color:transparent; box-shadow:none; padding:0;}

.primaryExperience {padding:100px 0 30px 64px; border-radius:5px 5px 0 0; background-repeat:no-repeat; background-position:right top; background-color:#bccfed;}
h1.primaryHeadline {font-size:32px; font-weight:300;}
h2.primarySubHead {font-size:14px; color:#666; margin-top:8px;}
.primaryDescription {width:90%; max-width:480px; margin-top:24px; color:#666; font-size:14px;}

.primaryExperience .HorizontalComponent {margin-top: 30px;}
.primaryExperience .HorizontalComponent .conBody {background-color:transparent; border:none; border-radius:0; padding:0;}
.locations-banner {background-color:#ccc; padding:12px 20px; box-shadow:-3px 3px 4px rgba(0,0,0,0.2); color:#666;}


.dna-history, .dna-discovery {padding: 0 64px; margin-top:50px; position:relative;}
.dna-history h2, .dna-discovery h2 {font-size:32px; font-weight:300; margin-bottom:30px;}
.dna-history h3 {font-weight:bold; margin-top:10px;}
.dna-history .articles {border-bottom:1px solid #ddd;}
.dna-history article {margin-bottom:30px;}
.dna-history article .article-text {padding-left:30px;}

.dna-history img {border-radius:100%; width:100%; max-width:230px; max-height:230px;}

.dna-discovery {margin-bottom:50px;}
.dna-discovery .step {display:block; margin:0 auto; width:140px; height:140px; background-image:url("https://www.ancestrycdn.com/legacy/fw/images/theme/dna/dna-discover-steps-sprite.jpg"); background-repeat:no-repeat;}
.step-one {background-position:0 0 ;}
.step-two {background-position:-140px 0 ;}
.step-three {background-position:-280px 0 ;}
.step-four {background-position:-420px 0 ;}

.dna-discovery p {font-size:14px; text-align:center;}
.dna-discovery blockquote {margin-top:54px; font-style:italic; color:#808080; font-size:16px;}
.dna-discovery blockquote strong {font-size:14px;}

.pageNavigation {background-color:#d1cebe; padding:60px 160px;}
ul.headNavList li a {color:#666; font-size:14px; text-decoration:underline;}
ul.headNavList li a:hover {text-decoration:none; color:#789200;}
.navTitle {margin-bottom:30px; font-size:20px;}

.widgetCon .gbComponentRoot.con {-webkit-box-shadow:none; background: none; border-radius: 0; box-shadow: none; padding:0;}

@media only screen and (max-width: 880px) { 
	.pageNavigation {padding:60px;}
}

@media only screen and (max-width: 767px) { 
	.dna-discovery p {margin-bottom:20px;}
	.dna-history img {display:block; margin:0 auto; max-width:200px;}
	.primaryExperience {padding-left:40px; padding-top:60px;}
	.dna-history article .article-text {padding-left:0;}
	.dna-history, .dna-discovery {padding:0 45px;}
}

@media only screen and (max-width: 480px) { 
	.primaryExperience {padding-left:20px; padding-top:40px;}
	.dna-history, .dna-discovery {padding:0 30px;}
	.horizontalSection {width:100%;}
	.locations-banner {margin-top:30px; display:none;}
}