@media only screen and (min-width: 768px){
 .nid-236 h2{ 
  font-size: 2.2em;
 }

 .nid-236 .banner-message{
   top: 80%;
  }
}
@media only screen and (max-width: 768px){
 .nid-236 .banner-message h2{ 
  font-size: 1.2em;
 }
}

.nid-236 .service img {
  width: auto;
  height: 200px;
  margin-bottom: 3em;
}

.nid-236 h2{
 background-color: var(--primary);
 text-transform: capitalize;
 color: white;
 padding: 8px;
}
.nid-236 .banner img{
  opacity: .8;
} 


h1, h2, h3, h4, h5{
 font-weight: 600;
}

h1{ font-size: 2.0rem;}
h2{ font-size: 1.7rem;}
h3{ font-size: 1.4rem;}
h4{ font-size: 1.2rem;}
h5{ font-size: 1rem;}
h6{ font-size: 1rem;}



#sidebar-right h2{ font-size: 1.2rem;}
#sidebar-right h3{ font-size: 1rem;}
#sidebar-right h4, #sidebar-right h5,#sidebar-right h6{ font-size: .8rem;}



:root {
  --accent-color: #3c644aa1;
}

b, strong{
 color: unset!important;
}

.region-content a:not(.button, .button-round, .button-dark, .button-outline,.button-animate){
 color: #CC3300;
 text-decoration: underline;
}
.region-content a:not(.button, .button-round, .button-dark, .button-outline,.button-animate):visited{
 color: #336600;
}



.message-status,
.message-status::before{
 background: var(--accent-color);
}
.message-error,
.message-error::before{
  background: #c94d1c;
}

.main-container a:not(.button, .button-round, .button-dark, .button-outline,.button-animate) {
 text-decoration: underline;
}
.breadcrumb, .breadcrumb a{
 color: black;
}
.opacity-zero{
 opacity: 0;
}

.feature{
 font-size: 1.3em;
 font-weight: bold;
}

.full-height{
 height: 100%;
}

.node-content ul,
.node-content ol{
 padding-left: 40px;
}

.node-content ul li,
.node-content ol li{
 padding: 1px;
}

.footer a{
 text-decoration: underline;
}

.footer-small{
 font-size: .85em;
}




#main ul.main-menu > li a{
 color: var(--primary);
}
#main ul.main-menu > li a:hover{
 color: white;
}

.homepage-content .node-taxonomy-container,
.display-none{
 display:none;
}
.field--name-field-access{
 font-size: .7em;
}

.site-name a, .site-name a:hover{
 color: var(--primary);
 font-weight: 700;
 font-style: italic;
 text-transform: capitalize;
}

a:hover, a:active{
 background-color: #f3f6f7;
}


.service .article_title a{
 text-decoration: none;
 font-weight: bold;
 text-align: left;
 display: block;
}


.smallphoto{
 max-width: 25%;
 height: auto;
}
.medphoto{
 max-width: 50%;
 height: auto;
}
.largephoto{
 width: 100%;
 height: auto;
}



.front .service a.button{
  padding: 10px 20px;
  background: var(--primary);
  color: #fff;
  text-decoration: none;
}

.nid-55 .service img,
.front .service img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.nid-55 div.article_title a,
.front div.article_title a{
  font-size: 1.2em;
  font-weight: bold;
  color: var(--primary);
  text-decoration:none;
}
.nid-55 .service p,
.service p,
.service ul{
  text-align: left!important;
}

a.newsheader{
 color: black;
 text-decoration: none;
}
a.newsheader:hover{
  text-decoration: underline;
  color: var(--primary);
}

a.newsheader{
 color: black;
 text-decoration: none;
}
a.newsheader:hover{
  text-decoration: underline;
  color: var(--primary);
}

.front .slider-text h1, .front .slider-text h2 {
 background-color: rgba(0,87,25,.4);
 width: fit-content;
 padding: 0px 10px 0px 10px;
}
.front .slider-text h2 {
 font-size: 1.5rem;
}

.accordion-content, .toggle-content {
 border-left: 1px solid lightgray;
 padding-left: 1em;
 margin-left: 1em;

}

.active-accordion{
 border-bottom: none;
}

.front .project-content{
  min-height: 100%;
  padding: 10% 10%;
  text-align: left;
}

.textleft{
 position: absolute;
 bottom: 8px;
 left: 16px;
 font-size: 3em;
 color: var(--primary);
}

.sliding-sidebar-container a, .sliding-sidebar-container {
  color: white;
}

.caption>figcaption{
 float:right;
}
figcaption{
 border:none;
}
.animated-panel-from-right{
 z-index: 4000;
}



.sliding-sidebar h2{
 position: relative;
 padding: 0 0 8px 0;
 color: #fff;
 text-align: center;
 font-size: 1.2em;
}

.sliding-sidebar h2::after{
 position: absolute;
 content: "";
 right: 0;
 bottom: 0;
 left: 0;
 width: 100px;
 height: 1px;
 margin: 0 auto;
 margin: 0 auto;
 background: var(--primary);
}

.main-menu-item a {
 width: 100%;
}

@media screen and (max-width: 767px){
 .active-menu ul.main-menu ul.submenu li a {
    text-align: left;
    margin-left: 2em;
 }
}


.front .front-questions img{
 width: 100px;
 height: 100px;
 object-fit: revert;
/* margin-left: 33%; */
}

.view-user_directory td.views-field-field-comittees-and-working-grou,
.view-user_directory td.views-field .views-field-field-research-center-or-site{
 font-size: .8em;
}


.node-taxonomy-container, .node-links-container {
    position: relative;
    display: block;
    width: fit-content;
    margin: 16px 0 0 0;
    padding: 5px;
    border: 1px solid #bbb;
}
p {
    margin: 1rem 0 1rem 0!important;
}

body.toolbar-tray-open.toolbar-vertical.toolbar-fixed{
 overflow: scroll;
}



aside.sidebar-right .user_compact div{
 padding-left: 1.5em;
 padding-bottom: 1em;
}

aside.sidebar-right .user_compact svg{
 display:none;
}


table th,
table tr,
table td{
 vertical-align:top;
}

#highlighted{
 background: white;
}

@media only screen and (min-width: 768px){
  #highlighted .page-title-wrap{
   width: 105%;
   margin-left: -2em;
   margin-bottom:0em;
  }
}
@media only screen and (max-width: 767px){
 .page-title-wrap h1.page-title{
   font-size: 2em;
 }
}

.user-form .form-checkboxes{
 max-width: 500px;
 max-height: 170px;
 overflow-y: scroll;
 border: 1px solid #ccc;
 padding: 3px;
}

a.button {
 padding: 10px 20px;
 background: var(--primary);
 color: #fff;
 text-decoration: none;
}

ul{
 padding-left: 40px;
}

.node-content ul li{
 padding: 0px;
}

.user_page .field-item:not(li),
#block-views-block-assistants-block-1 .field-item {
    margin-left: 20px;
}
.view-user_profile .field-item{
    margin-left: 20px;
}

.page-type-committee-or-working-group aside.sidebar-right table,
.page-type-research-center aside.sidebar-right table{
 table-layout: fixed;
 margin-bottom: .5rem;
 border-spacing: 0em;
 border-collapse: collapse;
 border: 2px solid var(--border);
}


.page-type-committee-or-working-group aside.sidebar-right table tbody,
.page-type-research-center aside.sidebar-right table tbody,
.view-center_sites_group_roster div.email-list,
.view-working_group_roster div.email-list,
.view_partner_group_roster div.email-list{
    display: block;
    max-height: 400px;
    overflow-y: scroll;
}

.view-center_sites_group_roster div.email-list,
.view-working_group_roster div.email-list,
.view_partner_group_roster div.email-list{
  margin-left: 1em;
}

.page-type-committee-or-working-group aside.sidebar-right td,
.page-type-research-center aside.sidebar-right td,
.page-type-partner-group aside.sidebar-right .email-list{
    padding: 0px 3px 0px 1em;
    border: none;
}

.page-type-committee-or-working-group aside.sidebar-right,
.page-type-research-center aside.sidebar-right,
.page-type-partner-group aside.sidebar-right{
 font-size: .8em;
}


.page-type-committee-or-working-group .sidebar .block,
.page-type-research-center .sidebar .block,
.page-type-partner-group .sidebar .block{
  padding: 0px;
  border: none;
  background-color: #eff5f7;
}

.page-type-partner-group .field-group-table th{
 width: 40%;
}

.profile_name{
 display: none;
}
.region-sidebar-second .profile_name{
 display: block;
 font-size: 1.2em;
 font-weight: bold;
}

th{
  background-color: var(--accent-color);
 }
 th a,
 th a:visited{
  color:white!important;
 }

#block-useraccountmenu ul:not(.contextual-links){
 padding-left: 0px;
}

#block-useraccountmenu ul:not(.contextual-links) li{
 display: inline;
 padding: .5em;
 background-color: var(--primary);
 margin-left: .25em;
}

#block-useraccountmenu ul:not(.contextual-links) li a{
 color: white;
 text-decoration: none;
 line-height: 2.3em;
 white-space: nowrap;
}
#block-useraccountmenu ul:not(.contextual-links) li a:hover{
 background-color: var(--primary);
 color: black;
 text-decoration: underline;
}

.views-element-container caption{
 text-align: left;
 font-size: 1.3em;
 font-width: bold;
}


#block-useraccountmenu-2  ul:not(.contextual-links) li{
 display: inline;
 padding: .5em;
 margin-left: .25em;
 float: left;
 font-weight: bold;
 font-size: .8em;
}
.header-top-container{
 float: right;
}

.white-black{
 background-color: white;
 color: black;
}
.message-announce{
 background-color: white;
}
.message-announce::before{
 font-family: "FontAwesome";
 position: absolute;
 left: 0;
 top: 0;
 width: 53px;
 text-align: center;
 height: 100%;
 line-height: 53px;
 font-size: 30px;
 color: white;
}
.message-announce::before {
 content: "\f05a";
 content: "\f0a1";
 background-color: var(--accent-color);
}
.message-announce{
 background: var(--light);
 position: relative;
 text-shadow: none;
 margin: 20px 0;
 padding: 1px 14px 14px 64px;
}

.nid-55 .text-box{
 padding: 15px;
 margin-bottom: 10px;
 background-color: white;
}

.view-research_centers_and_sites_for_dashboard .views-field-title,
.view-research_centers_and_sites_for_dashboard .views-field-mail{
 width: 50%;
}

.subgroup{
 padding-left: 2em;
}

#block-views-block-working-group-roster-block-1 .user_compact article,
.fullroster .user_compact article{
 text-indent: -7px;
 padding-left: 7px;
}

li li {
 list-style-type: circle;
}
.view-working_groups_for_about_page li,
ul.no-bullet li{
 list-style-type: none;
}
.view-working_groups_for_about_page ul {
 padding-left: 0px;
}

.term-title i {
    font-size: 1.1em;
    color: var(--accent-color);
}

.form-item input.error, .form-item textarea.error, .form-item select.error {
  color: #a51b00;
  border-width: 1px;
  border-color: #e62600;
  background-color: hsla(15, 75%, 97%, 1);
  box-shadow: inset 0 5px 5px -5px #b8b8b8;
}
.form-item input.error, .form-item textarea.error, .form-item select.error {
  border: 2px solid red;
}

legend{
  font-weight:bold;
}

.draggable a.tabledrag-handle{
  overflow: hidden;
  cursor: move;
  margin-left: 0em;
 }

 a.tabledrag-handle .handle {
   margin: 0em 1em; /* LTR */
   padding: 1em; /* LTR */
 }

 table th h4{
  color: white;
 }


th a{
   color:white;
}

.user-not-logged-in .menu-newsevents .dropdown-arrow{
 display: none;
}

.node-abstract-form #edit-field-abstract-0-format-guidelines div {
 display:none;
}
#block-mainnavigation .main-menu {
    display: initial!important;
}
#main ul.main-menu > li{
 display: list-item;
}
.nid-140 table,
.nide-140 .toc li{
 font-size: .8em;
}

.nid-140 #sidebar-right ul{
 list-style-type: circle;
 padding-left: 1em;
}


.nid-140 #sidebar-right li{
 padding: 0px;
 border-bottom: none;
}

.active .layer1,
.active .layer2{
  background-color: rgba(15, 17, 42,.3);
  width: fit-content;
}



.newsandpubs .service .article_title a{
 color: var(--primary)!important;
}

.newsandpubs .service{
 text-align: left;
}
.service.twitter{
 padding:0;
}
.newsandpubs .views-field-views-conditional-field,
.newsandpubs .article_title{
 padding-bottom: 1em;
}
 
#block-views-block-partner-group-roster-block-1{
 width: fit-content;
}
.full .one_three{
 min-width:0;
}

.half{
 width: 50%;
}
.third{
 width: 33.3%;
}
.quarter{
 width: 25%;
}


/* Fixes the "missing last item" in mobile menuing. */
@media screen and (max-width: 767px){
  .active-menu .menu-wrap ul.main-menu, ul.main-menu {
    overflow-y: scroll;
    padding-bottom: 30px;
    overflow-x: hidden;
  }
  .page-title-wrap {
    padding: 5px 0px 0px 0px;
    margin: 0px;
  }
  #highlighted .block {
    margin: 0;
  }
  .main-wrapper {
    padding: 0px 0px 50px 0px;
  }
}

.message-announcement a,
.message-announcement a:visited,
.message-announcement a:hover{
 color: white!important;
 background-color: unset;
}

.fa-twitter{
  font-family: "FontAwesome";
}

.header-top-left i, ul.social-icons li a {
    background: var(--primary);
    color: white;
}
ul.social-icons li a:hover {
    background: #fff;
    color: var(--primary);

}
ul.social-icons{
 padding-left: 4em;
}

/* Update twitter to newest icons */
.fa-twitter {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
}
.fa-twitter::before{
  content: "\e61b" !important;
}