@import url('https://fonts.cdnfonts.com/css/franklin-gothic');
h1, h2, h3,h4, h5, h6 {
font-family: 'Franklin Gothic', sans-serif;
}

@media only screen and (min-width: 650px) {


    .home-content {
    padding: 50px 25px;
    font-family: georgia;
    width: 80%;
    margin: 9px 10%;
  }
   body.about-page  .content  .block-content {
    display: inline-grid;
    grid-template-columns: 23% 29%  25% 25%;
  }

  div.home-section {
      display: inline-block;
      margin: 20px 3.55%;
  }

.fixed-nav {
    margin-top: 10px;
}

}

@media only screen and (max-width: 650px) {
.first {
    display:none;
}
.fixed-nav {
   margin-top:5px;
}

div.table-row {
    display: block !important;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #f1f1f1;
    padding-top: 20px;
}

div.table-row div:nth-child(1) {
    width: 100px;
    vertical-align: middle;
    text-align: left !important;
}

/*** VCAP Nav
element.style {
    font-size: 32px;
    font-weight: bold;
    height: 50px;
    width: 100px;
    margin-top: 20px;
}
*/
.site-nav {
height: 15px;
line-height: 1px;
width: 100%;
text-transform: capitalize;
font-size: 16px;
font-weight: 700;
text-align: right;
margin-right: 40px;
margin-top: -50px;
margin-bottom: 20px;
display: inline-flex;
}

.site-nav a{
text-decoration: none;
    color: #000000;
    margin-right: 20px;
}

h4.home-subtitle {
margin-bottom: 16px;
margin-left: 0px;
margin-top: 60px;
}

.path-front .content-inner .home {
    border: none;
    background: #fff;
    box-shadow: none;
    background-image: linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,.3), rgba(255,255,255,.6)), url(https://uva.theopenscholar.com/files/vcap/files/adobestock_441132211_sm.png);
    background-repeat: no-repeat;
    background-position: 275px -30px;
}

    .path-front .content-inner .block .block-content {
        padding: none !important;
     }
    body.about-page .content-inner .field--name-body {
       display:block;
       width:100%;       
   }

    body.about-page   .content .block-content {
    display: grid !important;
    grid-template-columns: 50% 50%;
}
   .block-content a{
       display:block;
       line-height: 20px;
   }

   td,th { display: block; width:100% !important; }


   .region-footer-left table td { display: inline-block;
width: 23% !important; } 
.region-footer-left table, .region-footer-right table { width:90%; margin: o auto; }
.region-footer-right table td{ display: inline-block;
width: 33% !important;}




.home-content {
    border: 1px solid #dededc;
    background: #fff;
    box-shadow: 0 6px 4px 0 #dededc;
    border-radius: 20px;
    font-family: georgia;
    padding: 15px;
    font-size: 11px;
}


.home-button {
    color: #FFFFFF;
    background-color: #F37C20;
    /* padding: 10px 20px; */
    border: 1px solid #F37C20;
    border-radius: 25px;
    width: 200px;
    margin: 38px auto -19px auto;
    text-align: center;
    height: 40px;
    line-height: 35px;
}
  div.home-section {
      display: block;
      margin: 25px;
  }

}

   body.about-page .content   .block-content {
    line-height: 2px;
    text-align: center;
    width: 100%;
    text-align: center;
    display: block;
    margin-bottom: 40px;
    padding-bottom: 50px;
    padding-top: 50px;
    overflow: hidden;
    border-bottom: 1px solid #F37C20;
    font-size: 15px;
}

span.file-icon {
    background-image: url(/libraries/os-toolbar/images/icons.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.subheader { 
font-size: 11px;
}

#page .not-front .main-section, #page .main-section {
background-image: none !important;
background-color: #ffffff !important;
}
div.newsletter-section  {
	display: inline-block; 
    height: 225px;
    border: 1px solid #F9DCBF;
    background-color: #FFF7EF;
    width: 320px;
    font-size: 18px;
    color: #666666;
    margin: 20px 25px;
    vertical-align:top;
    
}

div.home-section {
    height: 225px;
    border: 1px solid #F9DCBF;
    background-color: #FFF7EF;
    width: 320px;
    font-size: 15px;
    color: #666666;
    vertical-align: top;
}


div.newsletter-section::before {
  content: '\1f4d6 \00a0 \00a0 Newsletter';
  background-color:#F9DCBF;
  display: block;
  width: 320px;
  color: #666666;
  text-transform: uppercase;
  font-size:14px;
  padding:15px 20px;
}

div.home-section::before {
  content: '\1f4d6 \00a0 \00a0 Publication';
  background-color:#F9DCBF;
  display: block;
  width: 320px;
  color: #666666;
  text-transform: uppercase;
  font-size:14px;
  padding:15px 20px;
}


.newsletter-section p {
	padding: 0px 20px;
    font-size:14px;
}

a.newsletter-link {
	display: block;
    text-transform: underline;
    color: #F37C20;
    padding:10px 20px;
}

.page-header, .node--title, .field--name-body h1 {
background: #F1F1F1;
padding: 28px 50px 40px 50px;
}

.not-front .main-container section .content-inner {
padding: 0; 
border: none;
background: #fff;
box-shadow: none;
border-radius: 3px;
}

aside > .region > .block, aside > .region nav {
margin-bottom: 20px;
border: 0 !important;
background: #fff;
box-shadow: none !important;
margin-top: 0;
}

aside .navbar-nav li {
float: none;
list-style: none;
background: none;
text-align: left;
}
aside .navbar-nav li a {
display: block;
color: #F37C20;
text-decoration: none;
padding: 8px 15px;
font-size: 15px;
font-weight: normal;
line-height: inherit;
}

.home-content {
    border: 1px solid #dededc;
    background: #fff;
    box-shadow: 0 6px 4px 0 #dededc;
    border-radius: 20px;
    font-family: georgia;
}


.path-front .content-inner .block {
border: none;
background: #fff;
box-shadow: none;
}

aside .navbar-nav li a.is-active,  aside .navbar-nav li a:hover{
color: #000000;
background: none;
}

body.about-page .content-inner .field--name-body a {
text-decoration: none;
border-radius: 25px;
margin-bottom:20px;
}

body.publications table, body.publications-page table {
 width:90%;
}

body.publications td, body.publications-page td {
width: auto;
}

body.publications td:first, body.publications-page td:first {
width: 100px;
}


.summary {
      padding: 25px 50px; color: #666666; margin-top: -150px; margin-bottom: 50px; font-weight: 300; font-size: 12px;
}

.main-container .field--name-body h3 {
font-size: 1.4rem;
margin: 5px 40px;
}

.subheader {
font-size: 11px;
padding: 5px 40px;
}

div.table-wrapper {
	width: 100%;
    text-align:left;
}

.first{
	font-weight:bold;
}

.table-row{
display: inline-flex;
width: 100%;
margin-bottom: 3px;

}

div.table-row div a {
text-decoration:none;
color:#F37C20;

}

div.table-row div {
margin-right:20px;
line-height: 24px;
width:180px;
font-size:12px;
}

div.table-row div:nth-child(2){
width:400px; 
}


div.table-row div:nth-child(1){
 width:100px;
 vertical-align:middle;
 text-align:center;
}

h4.home-subtitle {
margin-bottom: 16px;
margin-left: 50px;
margin-top: 60px;
}

.home-title {
margin-left: 30px;
width: 400px;
font-size: 20px;
}
.path-front .content-inner .home {
border: none;
background: #fff;
box-shadow: none;
background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,.3), rgba(255,255,255,1)), url('https://uva.theopenscholar.com/files/vcap/files/adobestock_441132211_sm.png');
background-repeat: no-repeat;
    background-position: 275px -30px;
}

.fixed-nav {
font-size: 24px;
font-weight: bold;
height: 45px;
width: 100px;
}

.site-nav {
height:15px;line-height:1px;width:100%;text-transform:capitalize;font-size:16px;font-weight:700;text-align:right;margin-right:40px;margin-top:-25px;
}

.home-button {
    color: #FFFFFF;
    background-color: #F37C20;
    padding: 10px 20px;
    border: 1px solid #F37C20;
    border-radius: 25px;
    width: 280px;
    margin: 38px auto -19px auto;
    text-align: center;
}
.home-button a { text-decoration:none !important; color: white; text-align:center;}

body.researchers-section h1.page-header::after {
content: 'The Cognitive Aging Lab has employed over 20 research assistants every summer since starting in 2001. Our research assistants have gone on to clinical psychology Ph.D. programs, law school, nursing school, and more! To read more information on some of what our former research assistants are up to now, please visit the News page.';
}

body.about-page  h1.page-header::after {
    content: 'The Virginia Cognitive Aging Project (VCAP) is a comprehensive study that investigates cognitive functioning in adults aged 18 to 99 from the community. This project uniquely combines both cross-sectional and longitudinal research methods. It focuses on various cognitive domains and subjective cognitive assessments, enriched by a range of individual difference factors. These include physical and cognitive activities, social support, personality traits, overall well-being, and emotional states.';
}

body.news-section h1.page-header::after {
content: 'Here, you can find our annual newsletters, with information about recent research and news about the laboratory.';
}

body.researchers-section h1.page-header span::after,
body.news-section h1.page-header span::after,
body.about-page  h1.page-header span::after{
content: "\a";
}

body.researchers-section h1.page-header, body.news-section h1.page-header, body.about-page h1.page-header{ font-size: 14px;  color: #666666; }
body.researchers-section h1.page-header span, body.news-section h1.page-header span, h1.page-header.page-title, body.about-page  h1.page-header span{ font-size: 48px; display:block; color: #000000; }

.row {
margin-right: -15px;
margin-left: -15px;
}

.container {
  padding: 0;
width: 100%;
}

.header-container {
display: flex;
align-items: center;
padding: 10px 40px;
box-sizing: ;
box-sizing: ;
background-color: white;
}

#navbar-collapse, .breadcrumb {display:none !important;}

.main-container > .row {
  padding-top: 0px;
}



.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding: 0 0px;
}


.content{
padding-left: 30px;
padding-right: 30px;
}


.col-sm-push-3 {
left: 0;
}

.col-sm-9 {
width: 100%;
}

.univ-address-block-inner, .region-branding-footer, #block-os-base-powered { display:none; }

body, html { background-color: #232D4B; }

footer.footer {
background: #232D4B;
border-top: #e57200 8px solid;
color: #fff;
margin-top: -20px;
}