/* -------------------------------- 

Typography - reusable parts

-------------------------------- */
em, i {font-style: italic;}
body { color: #000; font-size: 0.9em;}
strong {font-weight: bold;}
p, td, th, .inner li, main li {
    line-height: 1.7em;
 
    margin: .7em 0;
text-align: left;
}
th {font-weight: bold;}
.jobs {border-collapse: collapse;}
.jobs td {padding: .35rem;}
.jobs tr, .jobs thead {border-bottom: 1px solid #CCC;}
.jobs tr td:nth-child(3) {display: none;}
.jobs thead th:nth-child(3) {display: none;}


.eight li {
	font-size: .9em;
	list-style-type: disc;
	margin-left: 2rem;
	margin-bottom: 2px;
}

.content p.highlighted {
	font-size: 130%;
	color: #666;

}

.content {
	margin-bottom: 4rem;
}


.pagecontent p:first-of-type {font-size: 140%; margin-top: 0;}

/*a { color: # 578CA3; color: #3D9EB6;}*/

a.more, .blogpost a { 
  font-size: 11px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  margin-top: 2rem; text-align: center;
  border: 1px solid #191919;
  padding: .7em 1em;
  color: #191919;
}
a.more:hover, .blogpost a:hover {background-color: #f15b40; color: #FFF; border-color: #f15b40; }
.blogpost a {display: table; margin-top: .5em; padding: 0em .5em; border: 0px solid transparent;}

.morelink {margin-top: 2rem; text-align: center;}
.button {background: #3D9EB6; border-radius: .25em; padding: .5rem 1rem; color: #FFF; font-weight: bold; text-decoration: none; text-transform: uppercase;}


main p a {text-decoration: underline;}
footer .footer-menu a { }
footer p, footer li {font-size: 80%;}
footer a, footer p { text-decoration: none; }
h1, h2, h3  {
       
    font-weight: 900;
    line-height: 120%;
 font-family: 'PT Sans', sans-serif; 
Font-Family: 'Roboto Condensed', Sans-Serif;

}
    

h1 {
    font-size: 1.6em;
    margin-top: 0.5em;
    line-height: 36px;
}

callout h1 {
   font-size: 1.5em;
   color: #82AABD;
}

h2 {
    font-size: 1.6em;
    margin: 0.5em 0 1em 0;
}
h2.pullquote {
    text-align: center; 
    color: #999;
    /* color: #3D9EB6; */
    width: 80%; 

    line-height: 140%; 
    font-size: 1.2rem;
    margin: 1em auto 1em auto;
}



p ~ h2 { margin-top: 2.2rem;}

h3 { 
    font-size: 1.4em;
    margin: 1em 0;
}
.highlightsVertical h3 { 
    margin: .5em 0;
}
.highlightsVertical h3 a { 
    color: #666;
}
.highlightsVertical h3 a:hover { 
    color: #f15b40;
}

main h3.pagetitle { 
    font-size: 2.3em;
    margin: 0em 0 .5em 0em;
    padding: 0px;
}

aside h3 {
    margin-top: 0;
}





.highlights h3 {margin: 0;}
.highlights .four h3, .highlights .four p, .highlights .three h3, .highlights .three p   {margin: 0px 0px; padding: .5em 1em 0 1rem;}



.currenttitle {width: 90%; display: block; float:none; text-align: center; font-size: 1rem; text-transform: uppercase; margin: 2em auto 2em auto; border-bottom: 1px solid #F5F6F7;} 

.sectiontitle {text-align: center;  font-size: 1.3em; font-weight: normal; line-height: 85px; margin-top: 45px; text-transform: uppercase;}
#exhibits .sectiontitle { color: #EEECE8; }
#publications .sectiontitle {}

main h3 a.title  {text-decoration: none; }
main h3 a.title:hover {text-decoration: none;}

main h3.feature a.title {font-size: 80%; margin-bottom: 0px;}
main h3.feature {margin-bottom: .5em; line-height: 1.2; font-weight: bold;}
main .four aside p.nomargin {font-size: 85%; line-height: 1.2; color: #999;}
main .four aside.row {border-top: 1px solid #F2F3F4; padding-top: 1em;}
main .four h2.currenttitle {border-bottom: 0px solid #F5F6F7;}

#exhibits h3 {margin: .2em 0 0 0;}
.lg-sub-html h2 {
    color: #CCC;
}
h4, h5 {
   
    margin-top: 1em;
    text-transform: uppercase;
    font-size: .9em;
}



caption, footer {
    font-size: .90rem;
}

p.copyright {
	font-size: .75rem;
}

aside p {margin-top: .5em;}

body {
  font-family: "PT Sans", sans-serif;
Font-Family: 'Cabin', Sans-Serif;
font-family: 'Roboto', sans-serif;
}

nav, header {
   
}

.eight:nth-child(3) { font-weight: bold; }


.side ul {border-top: 1px dotted #D5CFC6;}
.side li {margin: 0 0 0 0; padding: 0 0 0 0;}
.side li a { display: block; padding: 8px 10px; border-bottom: 1px dotted #D5CFC6; font-size: 90%; text-decoration: none; }
.side li a:hover {background: #F4F3F0;}

.template13 h2 {color: #333;}
.page9 .content li, .page2 .news li, .index li.news-list {list-style-type: none; margin: 0; padding: .5rem 0rem; border-bottom: 1px dotted #D5CFC6;}

.template17 .news {margin-top: 0rem; }
.page2 .news li span, li.news-list span {font-size: .9rem;}
.page2 .news li a, li.news-list a {text-decoration: none;}
.page2 .news li a:hover, li.news-list a:hover {text-decoration: underline;}







/* footer 
=========================================================== */


.footerlinks { 
    font-size: .85em;
}

.footerlinks a, .footerlinks h3 {
    
    text-decoration: none;
}
.footerlinks a:hover {color: #EEECE8;}

.cd-navigation a {color: #aab5b7; }

.breadcrumbs, .caption {font-size: .75em;}
.caption {font-style: italic; margin-bottom: 1.5em;}

/* slideshow 
=========================================================== */
.cycle-overlay h3 {
    color: #FFF; 
    margin-bottom: 0px;
    font-size: 1.3em;
}
.cycle-overlay p {
    margin-top: .25em; 
    line-height: 1;
}



/*font-awesome share buttons 
=========================================================== */

.social {padding-right: 2em;  }
.social .table { 
    display: table; 
    margin: 0 auto;
    padding: 0.5em 0; 
}
.share-buttons{
    list-style: none;
    font-size: 1.5em;
}
.share-buttons a {
    display: inline; 
    color: #fff;
    font-size: 20px;
    width: 35px; height: 35px;
   /* line-height: 17px; */
    text-align:center;
    display: inline-block;
    padding: 8px 0 0 0; 
    background-color:#CCCCCC;
    border-radius: 100%;
    margin-left: 6px;
}

/*.share-buttons li > a :hover{ color: #FFF; }*/

/*
.p-fa-tumblr:hover {background-color:#314E6C;}
.p-fa-twitter:hover  {background-color:#32CCFE;} 
.p-fa-pinterest:hover  {background-color:#CC2127;} 
.p-fa-facebook:hover  {background-color:#3C599F;} 
.p-fa-google-plus:hover  {background-color:#CF3D2E;} 
.p-fa-envelope:hover  {background-color:#00555C;}
*/
.share-buttons a:hover{ background-color: #222 !important; color: #FFF; }


/*font-awesome connect buttons 
=========================================================== */
.connect-buttons{
    list-style: none;
   font-size: 24px;
}
@media (max-width: 1060px) {
   .connect-buttons { font-size: 18px; }
}

@media (max-width: 800px) {
   .connect-buttons { font-size: 16px; }
}

@media (max-width: 725px) {
   .connect-buttons { font-size: 14px; }
}

@media (max-width: 545px) {
   .connect-buttons { font-size: 24px; }
}
@media (max-width: 500px) {
   .connect-buttons { font-size: 18px; }
}
.connect-buttons { margin-left: -0.4em; } 
.connect-buttons li { display: table-cell;  padding-right: 0.5em; }

.footer-bottom .connect-buttons a { border: none; }