:root{
	font-size: 16px;
}

p.quote {
	margin-left: 50px;
	}

/* begin structural code */
html,
body{
	overflow-x: hidden;
	/* font-size: 62.5%; */
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	}

input {
	font-size: 16px;
	}
		
 .big-image { 
 	display: block;
	margin:0 auto; 
	width: 100%;
	height: 500px;
	max-width:2000px;
	border-radius: 0; 
	background-image: url('/pages/DSDR/images/dsdr-homepage-hero-2.png');
	background-repeat: no-repeat;
	}

.dsdrHomePageLogo {
	background-color: #282C67;
	padding: 20px 40px;
    margin-left: -31px;
	
	}
	
.purpleBar {
	margin-top: 40px;
}

.myDataLogInButton {
	text-align: right;
	/* margin: 2px 0 10px 0; */
	font-size: 1.6rem;
	}


/* .search-term-group {
    width: 100%;
	} */

#sort-studies{
	font-size: 16px;
}

.studyhomepanel h3.metadata-field {
	font-weight: bold;
	}

#studiesSearch {
    margin: 20% auto;
    display: block;
	}

#studiesSearch input {
    border: 1px solid #101010;
    font-size: 1rem;
    padding: 7px;
    color: #101010;
    background: #fffffd;
    border-radius: 4px;
    height: 75px;
	}

#studiesSearch button.btn-default{
    background: transparent;
    color: #101010;
    position: absolute;
    right: 0px;
    top: 0px;
    border: none;
    z-index: 1000;
    padding: 14px;
    border-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
	}

#studiesSearch button.btn-default:hover,
#studiesSearch button.btn-default:focus {
	background: #101010;
	color: #fff;
	padding: 14px;
    top: 0px;
    right: 0px;
    transition: ease-in .5s;
	}

.navbar-expand .navbar-collapse {
    display: inline-block !important;
    flex-basis: unset;
}

.navbar-brand {
    margin-right: -4px;
    padding: 0;
}

input::-webkit-input-placeholder {
	color: #707070 !important;
	}
 
input:-moz-placeholder { /* Firefox 18- */
	color: #707070 !important;  
	}
 
input::-moz-placeholder {  /* Firefox 19+ */
	color: #707070 !important;  
	}
 
input:-ms-input-placeholder {  
	color: #707070 !important;  
	}

.stats-row {
	margin-top: 20px;
	}

.stats-wrap {
    font-size: 2rem;
    height: 128px;
    background: #282C67;
    padding: 10px;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
	}


.stats-num {
    font-size: 1rem;
    padding-top: 22px;
    line-height: 1;
	}

.stats-wrap a, 
.stats-1, 
.stats-2, 
.stats-3, 
.stats-4, 
.stats-3 a {
    color: #fff;
	}

article .stat-wraps a:hover, 
.stats-1, 
.stats-2, 
.stats-3, 
.stats-4 {
    text-decoration: none;
	}

.stats-wrap a.NICHD-funded {
	font-size: 1rem;
	}

.stats-wrap img {
    float: left;
    margin: 5px;
	}

.headerWrapper {
	background: rgb(33,43,102); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(33,43,102,1) 0%, rgba(33,43,101,1) 45%, rgba(36,45,102,1) 47%, rgba(58,66,118,1) 55%, rgba(75,80,129,1) 60%, rgba(108,112,151,1) 68%, rgba(134,138,170,1) 74%, rgba(149,152,181,1) 77%, rgba(184,186,204,1) 82%, rgba(218,220,229,1) 87%, rgba(236,237,241,1) 89%, rgba(248,248,250,1) 92%, rgba(255,255,255,1) 95%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(33,43,102,1) 0%,rgba(33,43,101,1) 45%,rgba(36,45,102,1) 47%,rgba(58,66,118,1) 55%,rgba(75,80,129,1) 60%,rgba(108,112,151,1) 68%,rgba(134,138,170,1) 74%,rgba(149,152,181,1) 77%,rgba(184,186,204,1) 82%,rgba(218,220,229,1) 87%,rgba(236,237,241,1) 89%,rgba(248,248,250,1) 92%,rgba(255,255,255,1) 95%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(33,43,102,1) 0%,rgba(33,43,101,1) 45%,rgba(36,45,102,1) 47%,rgba(58,66,118,1) 55%,rgba(75,80,129,1) 60%,rgba(108,112,151,1) 68%,rgba(134,138,170,1) 74%,rgba(149,152,181,1) 77%,rgba(184,186,204,1) 82%,rgba(218,220,229,1) 87%,rgba(236,237,241,1) 89%,rgba(248,248,250,1) 92%,rgba(255,255,255,1) 95%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212b66', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	padding-bottom: 20px;
	}	
 
 .bg-dark{
	background-color: transparent !important;}

 
 .navbar-collapse {
    align-items: end;
}

.dsdrGreenNavBar, 
.dsdrGreenNavBarSecondaryPages {
 	background-color: #197E3F;
	}

.dsdrGreenNavBar{
	padding: 10px 0;
	margin-right: -33px;	
	}


.dsdrGreenNavBarSecondaryPages {
	padding: 4px 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-right: -10px;
    margin-top: 10px;
}

/* .dsdrGreenNavBar li {
    padding: 0 6%;
} */

.dsdrGreenNavBar li:last-child {
    padding-right: 0 ;
}

.dsdrGreenNavBarSecondaryPages li {
	padding: 0 25px;

}
.navbar-expand .navbar-nav .nav-link {
	padding: 1rem 1.5rem;
}

.dsdrGreenNavBar li a,
.navbar-dark .navbar-nav .nav-link {
	font-size: 1rem;
	color: #fff;
	border: 2px solid transparent;
	text-shadow: none;
	
}

.navbar .dsdrGreenNavBar li a:hover,
.navbar .dsdrGreenNavBar li a:focus,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
	border: 2px solid #fff;
	border-radius: 4px;
	transition: .5s ease-in-out;
	background: transparent;
	color: #fff;
}

.myDataLogInButton.homePage {
	text-align: right;
	
}

#dsdrSecondaryMenu .myDataLogInButton {
	text-align: right;
	margin: 5px 0 10px 0;
}

/* .btn {
	font-size: 1rem;
} */

.btn.btn-primary.logInBTNNav {
    background-image: none;
    background-color: #fff;
    text-shadow: none;
    border: 1px solid #fff;
    color: #000;
    /* font-size: 1rem; */
}

.btn.btn-primary.logInBTNNav:hover {
    background-image: none;
    background-color: #000;
    color: #fff;
    text-shadow: none;
    border: 1px solid #000;
}

.myDataLogInButton.open>.dropdown-menu {
	top: 30px;
	right: 26px;
	left: auto;
	max-width: 200px; 
	float: right;
} 

.myDataLogInButton.homePage a.dropdown-toggle.logged-in {
	background-image: none;
    background-color: #fff;
    text-shadow: none;
    border: 1px solid #fff;
    padding: 2px 5px;
    border-radius: 4px;
    color: #000;
    text-decoration:none;
} 

a.dropdown-toggle.logged-in.secondaryPages {
   color: #fff;
}




#dsdrMenu.collapse.navbar-collapse.flex-column{
    margin-top: -167px;
    }

#studiesSearchSecondary {
	margin-top: 15px;
	padding-right: 9px;
	width: 85%;
    float: right;
    margin-right: -10px;
	}
	
#studiesSearchSecondary input {
    border: 1px solid #101010;
    /* font-size: 1.6rem; */
    padding: 7px;
    padding-right: 38px;
    color: #101010;
    background: #fffffd;
    border-radius: 4px;
    
}

#studiesSearchSecondary button.btn-default {
    background: white;
    color: #101010;
    position: absolute;
    right: 0px;
	top: 0px;
    border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-left: 0px;
    z-index: 1000;
    padding: 7px 15px;
    border-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

#studiesSearchSecondary button.btn-default:hover,
#studiesSearchSecondary button.btn-default:focus {
	background: #101010;
	color: #fff;
	/* padding: 4px 6px 5px 8px;
    right: 1px; */
}


html body div#skip a {
	color: blue;
	text-decoration: underline;
	float: left;
	}

#skip a:link{
	color: #000;
	background-color: #fff;
	font-size: 1.6rem;
	margin: 5px 10px;
	display: block;
	}
	
aside {
	margin-top: 30px;
	}
	
.indent {
	margin-left: 20px;
}

.colspanBG {
	background-color: #ddd;
}

img.cvfsImage {
    max-width: 60%;
}


.form-control{
	border-radius: 4px;
	border-color: #707070;
	}

#restrictedDataModal .btn.btn-primary,
.btn.btn-primary{
    background: #232E66;
    border: 1px solid #232E66;
    border-radius: 4px;
    text-shadow:none;
}

#feedbackFormMobile,
footer #form-body-mobile p {
	color: #000;
	text-align: left;
}

#feedbackFormMobile .modal-footer {
    padding: 15px;
 	padding-right: 0;
    text-align: right;
    border: none;
}


.requiredSentence {
	font-size: 1rem;
	padding:0;
}

sup.required {
	color: #cd0000;
	}

#restrictedDataModal .btn.btn-primary:hover,
#restrictedDataModal .btn.btn-primary:focus,
.btn.btn-primary:hover, 
.btn.btn-primary:focus {
    background: #fff;
    color:#232E66;
   }

.btn:hover {
	background-position: 0px;
	}

p,
ol,
ul,
article,
div {
	font-size: 1rem;
}


p.noPaddingBottom {
	padding-bottom: 0;
}

ol li,
ul li {
	margin-bottom: 5px;
}

.nav-tabs .nav-item {
	margin-bottom: 0;
}

@media (min-width: 992px) {
	.dsdrGreenNavBar{
		display: flex;
		justify-content: space-around;
	}
	.myDataLogInButton.homePage {
		margin: -10px 0 28px 0;
	}
  }

@media (max-width: 991px) {
	.dsdrGreenNavBar{
		display: flex;
		justify-content: space-around;
	}
	.myDataLogInButton.homePage {
		margin: -10px 0 20px 0;
	}
  }

  @media (max-width: 767px) {
	.navbar-nav{
		width: 100% !important;
	}
  }

.navbar-default .navbar-toggle .navbar-toggle {
    background-color: transparent;
    border-color: #fff;
}
 .navbar-default .navbar-toggle .icon-bar{
	background-color: #fff;
}

.navbar-default {
	background-image:none;
	box-shadow: none;
	border-radius: 0;
	background-color: transparent;
	border-color: transparent;
}


/* end structural code */

#resultSummariesToggle .toggle-switch {
    margin-left: 89px;
    text-indent: -93px;
}

#resultSummariesToggle .related-publications-toggle {
    margin-left: 170px;
    text-indent: -174px;
}

/********************************Information Section *********************************/

.row.informationSection {
	margin-top: 45px;
	margin-bottom: 10px;
}


fieldset {
	border: 1px solid #333;
	border-radius: 8px;
	min-height: 400px;
	box-shadow: 5px 7px 15px 0px rgba(0,0,0,0.33);
	-webkit-box-shadow: 5px 7px 15px 0px rgba(0,0,0,0.33);
	-moz-box-shadow: 5px 7px 15px 0px rgba(0,0,0,0.33);
	}
	
	
 legend { 
    display: inline;
    width: auto;
    margin-top: -17px;
    margin-bottom: 20px;
    background-color: #fff;
    font-size: 1.5rem;
    line-height: inherit;
    color: #333;
    border: 0;
	margin-left: 10px;
	font-weight: 600;
}

.infoBody {
	padding: 15px 15px 15px 20px;
}



.latestReleaseUL {
	list-style: none;
	padding-left: 0;
	margin-top:-10px;
}

p.latestReleases,
.latestReleaseUL p {
	margin-bottom: 0;
	padding-bottom: 0;
}



#headline-posts ul,
#blogger-posts ul {
	padding-left: 20px;
	padding-right: 15px;
	list-style: none;
}


 #headline-posts ul li,
 #blogger-posts ul li {
	position: relative;
	margin-bottom: 10px;
	margin-top: 26px;
} 

#headline-posts ul li:first-child{
	margin-top: 15px;
}


#headline-posts ul li a {
	text-decoration: none;
	}


#headline-posts ul li a:hover,
#headline-posts ul li a:focus {
	text-decoration: underline;
	}
	

#headline-posts ul li:after,
#blogger-posts ul li:after {
   content: "";
   border-bottom: 1px solid #5b5a5a;
   position: absolute;
   display: block;
   width: 145px;
   margin: 10px auto;
   left: 25%;
  }

#headline-posts ul li:last-child:after,
#blogger-posts ul li:last-child:after {
	content: none;
	border-bottom: none;
}



.uppercase{
	text-transform: uppercase;
}

.dsdrResources h2,
.dsdrVDE h2 {
	margin-top: 40px;
}

.dsdrResources aside h2 {
	margin-top: 0;
}

.dsdrResources h2#faqs {
	margin-top: 0;
}

h2.accordion-header{
	margin-top: 0;
}


.accordion-header .accordion-button {
	font-size: 1rem;
	text-decoration: none;
	}	
	
.accordion-header .accordion-button:hover,
.accordion-header .accordion-button:focus{
	text-decoration: underline;
	}



#maintContent a.closeBTN{
	text-transform: title;
	color: #000;
	font-weight: 700;
	text-decoration: none;
	border-bottom: none;
	padding: 10px;
	}
	
a.closeBTN:hover,
a.closeBTN:focus{
	color: #fff;
	background-color: #000;
	font-weight: 700;
	text-decoration: none;
	}
	
#DSDR .panel-body a.closeBTN {
	border-bottom: none;
	margin-top: 10px;
}

.no-var-results strong {
	font-weight: normal;
}

.viewMore[aria-expanded="false"]:before{
  content:"[ View More ]";
}

.viewMore[aria-expanded="true"]:before{
  content:"[ View Less ]";
}

.asterisk {
	color: #ff0000;}
	
.metricsImage{
	width: 75%; 
	margin: 20px auto; 
	border: 1px solid #ccc; 
	padding: 10px;
	}
	
.depositImage	{
	width: 75%; 
	margin: 10px 0; 
	border: .5px solid #ccc;	
	}

.btn.btn-primary.startDepositBTN {
	padding: 10px 30px;
}	

.pdeUl {
	margin-top: 5px;
}



/**********************************  FOOOTER   *****************************/

.subscribeHome{
	/* display: block; */
	margin: 30px auto 10px;
	padding: 10px 20px;
	}
	
footer,
#DSDR footer {
	margin-top: 20px;	
	background-color: #282C67;
	padding: 0;
}


ul.contactUsPrivacy {
	color: #fff;
	margin-top: 10px;
	margin-left: 80px;
	}

ul.contactUsPrivacy li {
	list-style: none;
	display: inline;
}

ul.contactUsPrivacy a,
#DSDR ul.contactUsPrivacy li a {
	color: #fff;
	text-decoration: underline;
	border-bottom: none;
}

ul.contactUsPrivacy li a:hover,
ul.contactUsPrivacy li a:focus {
	text-decoration:none;
	border-bottom: none;
}

.socialMedia {
	float: right;
	margin-top: 10px;
}

.socialMedia a {
	color: #fff;
}

.socialMedia li {
	margin-right: 15px;
	display: inline-block;
}

footer .socialMedia li a {
	border-bottom: none;
}

#DSDR footer .socialMedia li a:hover,
#DSDR footer .socialMedia li a:focus {
	color: #222B65;
	background: #fff;
	padding: 20px 7px 7px 7px;
	transition: .5s ease-in-out;
}

	
div#bottomBlurb {
	text-align: center;
	margin-top: 20px;
	padding-left: 20px;
    padding-right: 20px;
	font-size: .7rem;
	color: #fff; 
	}

#DSDR div#bottomBlurb a {
	text-decoration: underline;
	border-bottom: none;
	color: #fff;
	}
	
div#bottomBlurb a:hover {
	text-decoration: none;
	}
	
p.copyrightstatement {
	font-size: .7rem;
}

li.navbar-text.indexSocialMedia{
	margin-top: 10px;
	margin-bottom: 0;
	margin-right: 30px;
}

#DSDR footer a.external {
	padding-right: 15px;
}

/* .form-group .control-label {
	font-size: 1rem
} */

/* end footer styles */



/***************** begin body styles ******************/

article a {
	text-decoration: underline;
	}
	
article a.btn {
	text-decoration: none;
	}
	
h1 {
	color: #2e3869;
	/* font-size: 3.2rem; */
    font-weight: 600;
    padding: 0 0 7px 0;
    margin-top: 0;
	}
	
h2 {
	color: #232E66;
	/* font-size: 2.8rem; */
	font-weight: 600;
	margin-top: 35px;
	}
	
h3 {
	color: #232E66;
	font-weight: 500; 
	/* font-size: 2.4rem; */
	}
	
h4 {
	color: #232E66;
	font-weight: 500; 
	/* font-size: 2rem; */
	}
	
h5 {
	color: #232E66;
	font-weight: 500; 
	/* font-size: 1.6rem; */
	}
	
	
img {
    max-width: 100%;
    height: auto !important;
}

.right-image {
	float: right;
	margin: 0 0 8px 8px;
	}

.left-image {
	float: left;
	margin: 0 8px 8px 0;
	}

.bio {
	margin-bottom: 12px;
	min-height: 175px;
	clear: both;
	border: 1px solid #ddd;
	padding: 15px;
	background-color: #eee;
	}

.bio-image {
	padding: 4px;
	border: 2px solid #4d588c;
	}

.bio h3 {
	margin-top: 0;
}	
	
div.panel-heading h2.panel-title a {
	text-decoration: none;
	}
	
aside h2 {
	font-size: 1rem;
}

aside h3 {
	font-size: 1.6rem;
	font-weight: bold;
}

aside p {
	font-size: 1rem;
}

#floatingToc h3{
	margin-top: 30px;
}

#floatingToc ul {
	list-style-type: none;
}

#floatingToc ul li {
	margin-bottom: 5px;
}

#floatingToc ul li a{
	text-decoration: none;
}
	
div#floatingToc {
	position: fixed;
	/* width: 150px; */
	}	

aside#asideToc h2 {
	margin-top: 0px;
	padding-top: 0px;
}

ol.breadcrumb {
	margin-top: 20px;
	}
	
.dpah2 {
	margin-top:-13px;
}



article .row {
	margin:  0;
	}

#facetResultType {
	margin-top: 10px;
	}	
	
	
.moreNewsHome{
	font-size: 1rem;
	float: right;
	padding: 10px;
	}
	

.contactUsBox {
	border: 2px solid #707070;
	border-radius: 4px;
	padding: 15px;
	margin-bottom: 20px;
	margin-top: 50px;
}

ul.keyStaff {
	list-style: none;
}

.contactUsBox h2 {
	margin-top: 0;
}
	

.row.card-discover .col-sm-3{
	padding: 13px 10px;
}	

.card-small-discover {
    font-size: 1em;
    overflow: hidden;
    padding: 0 10px;
    border: 1px solid #eee;
    border-radius: .28571429rem;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    margin-top: 15px;
    min-height: 230px;
    background-color:#f4f4f4;
   
}


a .card-small-discover:hover,
a > .card-small-discover:focus,
a > .card-small-discover:active {
	background-color: rgba(0, 0, 0, 0.15);
	box-shadow: none;
	transition: .5s ease-in-out;
}

.card-block-discover {
	padding: 0; 
	
	}
	

.card-title-small-discover {
	text-align: center;   
	margin-top: 29px; 
	margin-bottom: 10px;
	} 
	
.card-title-small-discover.special {
	margin-top: 16px;
}
	
.card-img-top-discover {
	display: block;
	margin: 10px auto;
	padding: 0 20px;
}

.card-img-top-discover.circleImg {
	border-radius: 50%;
}

.browseBySubject {
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

.viewMoreSubjects{
	text-align: center;
	margin: 20px 0;
	
}



.youtube-video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.youtube-video-container::after {
  display: block;
  content: "";
  padding-top: 56.25%;
}

.youtube-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.printChecklist {
	margin: 15px 0;
}


.addCitationBTN {
	margin: 20px 0 0 10px;
	
}

/*****     subscribe button on annoucements page ******/



.subscribeAnnounce{
	display: inline-block;
	padding: 10px;
	margin: 0 0 15px;
	}



.announcementUL {
		padding-left: 0;
	}

.announcementUL li {
		margin-bottom: 10px;
		list-style: none;
		}

.announcementUL li a {
		text-decoration: none;
		margin-left: 15px;
		}

h2.previousAnnouncements {
	font-size: 2rem;
}		
		
.contactPageFacebookIcon {
    margin-left: 8px;
    padding-right: 12px;
}

.contactPageTwitterIcon {
    padding-right: 10px;
}


/******************* OPEN ICPSR WORKSPACE **************/

#workspace{
	margin:20px 15px;
}

#workspace a{
	text-decoration:none;
}

#workspace .col-sm-3.col-lg-2 a.btn.btn-primary{
	margin-top: 20px;
	}
	
	
/**************************** StudyHomePages ***************/


#search .panel-title a {
	text-decoration: none;
	}

#DSDR #search .panel-body{
	padding: 5px;
	}

#search div.previous-next,
#search div.previous-next .btn-group-sm>.btn {
	font-size: 80%;
	}

#search aside {
/*overiding style.css of margin-top: 30px*/
	margin-top: 0;}


#DSDR .btn-default:active, 
#DSDR .btn-default.active, 
#mainContent .nav-tabs>li.nav-item.active>a.nav-link, 
#mainContent .nav-tabs>li.nav-item.active>a.nav-link:hover,
#mainContent .nav-tabs>li.nav-item.active>a.nav-link:focus,
#DSDR #studies-display div.results-header div.row,
#DSDR #variables-display div.results-header div.row, 
#DSDR #publications-display div.results-header div.row,
#DSDR #studies-display div.toolbar div.row,
#DSDR #variables-display div.toolbar div.row, 
#DSDR #publications-display div.toolbar div.row, 
#DSDR #metadata div.toolbar div.row,
#DSDR #studies-display > .toolbar,
#DSDR #variables-display > .toolbar,
#DSDR .toolbar,
#DSDR #publications-display > .toolbar,
#DSDR #data-doc thead,
.page-item.active,
.active>.page-link, .page-link.active {
    background-color: #203264;
    color: #fff;
   	}

#mainContent .nav-tabs>li.nav-item>a.nav-link:hover, 
#mainContent .nav-tabs>li.nav-item>a.nav-link:focus {	
	background-color: #e0e0e0;
	color: #000;
	}


.input-group-sm>.form-control,
.input-group-sm>.btn {
	font-size: .875rem;
}

#DSDR #publications-display .alert {
	margin-bottom: 2px;
	} 
 
#DSDR #variables-display .searchResult p,
#DSDR #studies-display .searchResult p,
#DSDR #variables-display .searchResult p, 
#DSDR #publications-display .searchResult p,
#DSDR #studies-display .searchResult p,
#DSDR #variables-display .searchResult p, 
#DSDR #publications-display .searchResult p, 
#DSDR #metadata .searchResult p {
	font-size: 1rem;
	}

#DSDR #publications-display div.toolbar #publicationsTypeLegend .row {
	background-color: #efefef;
	color: #000;
}

.accordion-body h3 {
	font-size: 1.2rem;
    margin-top: 1.5rem;
    font-weight: 600;
}

.page-link {
	font-size: 1rem; /* 16px */
	color: #2e3869;
}
		
#search h1,
#DSDR .study-title {
 	border-bottom: 0;
 	}
 
#DSDR #ownerBlurb img{
	display: block;
	}
	
#DSDR #ownerBlurb{
	float: initial;
	width: auto;
	margin: 15px 0;;
	border-radius: 0;
	background: #fff;
	border: 1px solid #ddd;
	}

#DSDR #search .nav-tabs>li.active>a,
.result-type-tabs.row .nav-tabs>li.active>a,
#facetResultType .nav>li.active>a, #facetResultType .nav>li.active>a{
	
    color: #fff;
	}
 
#DSDR .utilizationButtons .stat-wrap {
	font-size: 1.4rem;
	line-height: 1;
}

#DSDR .downloadsButton, 
#DSDR .squareButtonWords {
	font-size: 1rem;
}

#DSDR #mainContent a.moreOptionsButton:link, 
#DSDR #mainContent a.moreOptionsButton:visited {
	border-bottom: none;
	font-size: 1rem;
}
	
#search .nav-tabs>li.nav-item>a.nav-link:hover, 
#search .nav-tabs>li.nav-item>a.nav-link:focus, 
#search .nav-tabs>li .nav-link.active, 
#search .nav-tabs>li.active>a:hover, 
#search .nav-tabs>li.active>a:focus {	
    border: 1px solid transparent;
    border-bottom: 4px solid #B2B9DB;
    color: #fff !important;
    text-decoration: none !important;
    background-color: transparent !important;
}

#search .nav-tabs>li a{
	text-decoration:none;
	color: #fff;
	}

#search .nav.nav-tabs {
    background: #1D2F64;
    margin-top: 25px;
}

#mainContent .nav-tabs>li.nav-item>a.nav-link:hover,
#mainContent .nav-tabs>li.nav-item>a.nav-link:focus{
	
	text-decoration:underline;
	}

h2.card-header {
	margin-top: 0;
	font-size: 1.5rem;
}

#DSDR .study-homepage-related-publications-toggle {
    margin-left: 192px;
    text-indent: -192px;
}

#resultSummariesToggle strong,
#resultSummariesToggle i {
	display: none;
} 

.new-feature-message {
    margin-top: 15px;
    display: none;
}


li#studiesTabTop a.external,
li#variablesTabTop a.external,
li#publicationsTabTop a.external {
	background-image: none;
}


#DSDR header{
	background-color: transparent;
	}

.col-md-1.dataset {
    margin-left: -5px;
    }
	


.addHealth.table_heading{background: #ccc; }
.addHealthtoc { padding-left: 10px;}
.toc2 {padding-left: 30px;}
.addHealthtoc li { list-style-type: none; padding-bottom: 5px; }
.toc2 li {list-style-type: disc; padding-bottom: 5px;}
.addHealthtoc li a, .toc2 li a { text-decoration: none;}
.addHealthtoc li a:hover, .toc2 li a:hover { text-decoration: underline;}

.bottomBorder{
	border-bottom: 1px solid rgba(224, 222, 208, .8);
	margin-bottom: 40px;
	padding-bottom: 40px;
}

.addHealthfixed {
	position: fixed;  
	}

.list-title {
	margin-left:-19px; 
	margin-bottom:2px; 
	margin-top:10px;
	}

h2.modal-title {
	margin-top: 0;
}

/************************  DATA USER STORIES PAGE ************************/
.card {
    font-size: 1em;
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
    margin-top: 15px;
	min-height: 315px;
}

.card-block {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: .5em;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, .1);
    box-shadow: none;
}

.card-img-top {
    display: block;
    width: 100%;
    height: auto;
}

.card-title {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.2857em;
    padding: .5em;
    text-align: center;
	min-height: 100px;
}

.card-title-well {
	font-size: 1em;
    font-weight: 700;
}

.card-text {
    clear: both;
    margin-top: .5em;
    color: rgba(0, 0, 0, .68);
    word-wrap: break-word;
}


.resourcesP .card-block {
	min-height: 120px;
}

.resourcesP .card-title {
    min-height: 65px;
    padding: 0;
}

.nichd-supported-wrapper {
	padding: 0 0 20px;
}

.border {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 20px 15px;
}

p.terminologyP {
	margin-top: 20px;
}

.dsdr-video-presentation-img {
    margin-top: 35px;
}

ul.checkboxList, 
ul.checkboxList ul {
	list-style-type: none; 
	}

ul.checkboxList li:before { 
	font-family: 'Font Awesome\ 5 Free';  
	content:  "\f0c8 \ "; 
	}
	
.vdePageTable {
	background-color: #1C2D63;
	color: #fff;
	}

.table>thead>tr>th {
	padding: 15px 8px;
	}
	
aside#floatingToc {
    padding-left: 0;
	}

aside#floatingToc ul li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
	}


.text-toogle[aria-expanded=false] .text-expanded,
.text-toggleSubject[aria-expanded=false] .text-expanded {
  	display: none;
	}
	
	
.text-toogle[aria-expanded=true] .text-collapsed,
.text-toggleSubject[aria-expanded=true] .text-collapsed {
	display: none;
	}

/*******************end data user stories page *************/



.btn.view-more {
	background-image: none;
	text-shadow: none;
	background-color: #eee;
	display: block;
	margin: 0 auto;
	color: #000;
}

.btn.view-more:hover,
.btn.view-more:focus,
.btn.view-more:active {
	background-color: #000;
	color: #fff;
}

.bold, .question{font-weight: bold;}

 div.one_item {padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc;} 
 .laFans {background-color: #eee;}   
  
 .laFansTitle a {text-transform: uppercase;}
 
 .fixed {
 	position: fixed;  
 	}

.dropdown-menu li a {
	font-size: 1rem;
	}




/******************* MEDIA QUERIES *******************/





@media (max-width:865px) and (min-width: 767px){
	.dsdrGreenNavBar li a {
		font-size: 1.6rem;
	}
	
}


@media(min-width: 768px){
	/* This code enables a hover menu. Need to disable this on touch-screen devices. */
	ul.nav li.dropdown:hover > ul.dropdown-menu {
    	display: block;    
	}
}

	

	




@media(max-width:1200px){
	.card.resourcesP{
		min-height: 300px;
	}
	.card-title {
		min-height: 120px;
	}
	
	.stats-wrap img{
		width: 62px;
	}
	
	.stats-wrap img.pub-icon {
		width: 50px;
	}
	
	.stats-wrap a{
		font-size: 1rem;
	}
	
	.stats-num {
		padding-top: 13px;
		
	}
	.stats-wrap {
    	height: 108px;
	}
	#search .nav-tabs>li a {
	    font-size: 1.3rem;
	}

}



@media (max-width : 992px) {

	#workspace .col-sm-3.col-lg-2 a.btn.btn-primary{
		font-size: 80%;
	}
	
	#DSDR #publications-display #citationSearchForm .input-group,
	#citationSearchForm {
		margin-top: 0;
	}
	
	.card.resourcesP{
		min-height: 280px;
	}
	.card-title {
		min-height: 70px;
	}
	

	.dpah2 {
		margin-top:20px;
		}
	
	.addHealthfixed {
		position: initial;
		}
	
	.stats-wrap {
		margin-bottom: 5px;
		height: 90px;
		}

	#oa-stats {padding-top: 0;}

	
	/* .purpleBar {
		margin-top: -10px;
	} */
	
	.big-image {
	   background-image: url('/pages/DSDR/images/dsdr-big-image-md.png');
	   height: 300px;
		}
	
	.informationSection fieldset {
		margin-bottom: 40px;
		margin-right: 0;
	}
	
	.dsdrGreenNavBar {
		padding:0;
		}
	
 	.dsdrGreenNavBar li a, .navbar-dark .navbar-nav .nav-link {
		/* font-size: 1.6rem; */
		padding-right: 0;
		padding-left: 0;
		}
	.dsdrGreenNavBarSecondaryPages .navbar-dark .navbar-nav .nav-link {
	    padding: 0 15px;
	}
	
	.dsdrHomePageLogo {
		width: 35%;
	}
	
	.dsdrSecondaryPageLogo {
	    /* width: 35%; */
	    margin-left: 0;
	    padding-top: 13px;
	}
	
	.socialMedia {
		display: block;
    	float: none;
    	margin-top: 20px;
	}
	
	div#bottomBlurb {
	    margin-top: 12px;
	    padding-left: 20px;
	    padding-right: 23px;
	}
	
	ul.contactUsPrivacy {
		margin-left: 0;
	}
	
	
	
	#dsdrMenu.collapse.navbar-collapse.flex-column {
    	margin-top: -122px;
		}
		
	 #dsdrSecondaryMenu.collapse.navbar-collapse.flex-column{
		margin-top: -100px;
	} 
		
	/* .myDataLogInButton.homePage {
		margin: 5px 0 35px 0;
		} */
		
	#studiesSearch {
    	margin: 60px auto;
	}
	
	#studiesSearchSecondary {
		width: 58%;
	}
	
	#studiesSearch input {
		height: 65px;
		font-size: 1rem;
	}
	
	#studiesSearch button.btn-default .fa-search {
		font-size: 2rem;
	}
	
	#studiesSearch button.btn-default {
	    padding: 15px 20px;
		top: 0;
		right: 0px;
	}
	
	#studiesSearch button.btn-default:hover, 
	#studiesSearch button.btn-default:focus {
		padding: 15px 20px;
		top: 0;
		right: 0px;
		}
		
	
	aside#floatingToc {
		margin-bottom: 35px;
	}
	
	.border {
		padding: 0;
	}
	.dsdr-terminology-img{
		margin-top: 32px;
	}
	
	.dsdr-video-presentation-img {
		margin-top: 80px;
	}
	
	.fixed {
		position: initial; 
		width:  100%;
		}
	
	.navbar>.container-fluid {
		display: block;
	}
	/* .navbar-dark .navbar-toggler {
		float: right;
	} */
} 



@media(max-width:767px) {
	/* -sm */
	body {
		overflow-x: hidden;
	}
	
	footer {
		text-align: center;
	}

	ul.contactUsPrivacy {
		padding-left: 0;
		}
	
	.moreNewsHome{
		margin-right: 0px;
	}
	
	.subscribeAnnounce{
		width: 100%;
	}
	
	#workspace .col-sm-3.col-lg-2 a.btn.btn-primary,
	#workspace .col-sm-3.col-lg-2 button.btn.btn-primary{
		font-size: 100%;
		margin: 10px 0;
	}
	
	#workspace .col-sm-3.col-lg-2 a.btn.btn-sm{
		font-size: 100%;
		display:inline-block;
	}
	
	.myDataLogInButton.homePage, 
	#dsdrSecondaryMenu .myDataLogInButton {
		margin: 10px 19px 0;
	}
	
	a.dropdown-toggle.logged-in.secondaryPages {
	color: #000;
	}
	
	#DSDR .dropdown-menu>li:nth-child(odd)>a, 
	.dropdown-menu>li:nth-child(odd)>a:hover, 
	.dropdown-menu>li:nth-child(odd)>a:focus {
	    background-color: #ffffff;
	    background-image: none;
	    color: var(--darkColor);
	}
	
	#DSDR .dropdown-menu li:nth-child(even)>a {
    color: #333;
}

	 
	.dropdown-menu li:nth-child(even)>a:hover, 
	.dropdown-menu li:nth-child(even)>a:focus {
	    background-color: var(--darkColor);
	    background-image: none;
	    color: #ffffff;
	}

	.collapse.navbar-collapse.flex-column {
	    z-index: 10000;
    	position: relative;
    	background: #fff;
    	margin-top:0;
	}
	
	#studiesSearchSecondary {
		width: 100%;
	}
	#studiesSearchSecondary input {
    font-size: .9rem;
    height: 40px;
	}
	
	#studiesSearchSecondary button.btn-default {
		padding: 7px 10px;
	}
	
	#dsdrSecondaryMenu.collapse.navbar-collapse.flex-column,
	#dsdrMenu.collapse.navbar-collapse.flex-column {
		margin-top: 0;
	} 

	.big-image {
		height: 240px; 
	}
	
	.purpleBar {
		background-color: #282C67;
		/* height: 100px; */
		margin-left: -15px;
    	margin-right: -15px;
    	margin-top: -6px;
	}
	
	
	#studiesSearch {
    	margin: 38px 20px;
	}
	
	#studiesSearch input {
		height: auto;
		padding-right: 45px;
		margin-bottom: 15px;
	}
	#studiesSearch button.btn-default {
	    padding: 5px 7px;
	}
	
	#studiesSearch button.btn-default .fa-search {
		font-size: 2em;
	}
	
	#studiesSearch button.btn-default:hover, #studiesSearch button.btn-default:focus {
    	padding: 5px 7px;
		}
	
	.dsdrHomePageLogo {
		padding: 0;
		width: 55%;
		margin-left: 15px;
		margin-top: 15px;
		margin-right: 20px;
		margin-bottom: 10px;
	}
	
	

	.stats-wrap a{
		font-size: 1rem;
	}
	
	.dsdrGreenNavBar, 
	.dsdrGreenNavBarSecondaryPages {
		margin-right: 0px;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	
	.dsdrGreenNavBar li{
		padding: 0px 20px;
	}
	
	.navbar-dark .navbar-toggler {
		border-color: #fff;
		float: right;
    margin-top: 20px;
    margin-right: 20px;
	}
	
	aside#floatingToc {
	    padding-left: 15px;
	    margin-top: -20px;
	}
	
	.aboutVideoImg {
		margin-bottom: 20px;
		}
	
	#search .nav-tabs>li a {
	    font-size: 1.6rem;
	}
	
	.dsdr-terminology-img{
		display: block;
		margin: 0 auto;
	}
	.dsdr-video-presentation-img {
		margin-top: 0;
	}
	
	img.cvfsImage {
   	 	max-width: 100%;
		}
	
}



@media (max-width: 400px){
	div#mainContent {
	    padding: 15px;
	}
}

@media(min-width:1200px){
	#workspace .col-sm-3.col-lg-2 a.btn.btn-primary{
		font-size: 95%;
	}

}

@media(min-width:1500px){
	.big-image{
		background-image: url('/pages/DSDR/images/dsdr-hero-image-2000.jpg');
	}	
	
}

@media (min-width: 1800px){
	#studiesSearch {
    	margin: 13% auto 10%;
  
	}
}


/* end mobile customizations */





.archonnex-alert-message-wrapper.addABorder {
	border: none !important;
}

/* hide website content search tab for unmigrated sites */
#search a.nav-link[href*="website-search?q="] {
    display: none;
}