:root {
  /* Theme Colors */
  --color-primary: #007492;
  --color-primary-light: #e4e4dd;
  --color-secondary: #a0d9e6;
  --color-secondary-light: #a0d9e6;
--color-puple-light: #aea9d1;
  --bg-body: #fff;
  --text-color: #676767;
  --bold-color: #222222;
  --light: #edede8;;
  --dark: #222222;
  --border: #dedede;
  --shadow: 0 0 8px 1px #cccccc;
  --font-text: "Open Sans", sans-serif;
  --font-heading: "Roboto", sans-serif;
  --accent-color: #3c644aa1;
}

#footer {
  background: var(--light) url(../images/footer-bg.png);
}

body{
 overflow-x: auto!important;
}


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;}

.message-info::before {
 background-color: var(--color-primary);
}
.message-info {
 background-color: #6b868d;
}

.opacity-zero{
 opacity: 0;
}

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

.full-height{
 height: 100%;
}

ul{
 padding-left: 40px;
}

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

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

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

.site-name a, .site-name a:hover{
 color: var(--color-primary);
 font-weight: 700;
 font-style: italic;
 text-transform: capitalize;
}
a.button-round, a.button-dark, a.button-outline,a.button-animate{
 text-decoration:none;
}
.region-content a:not(.button, .button-round, .button-dark, .button-outline,.button-animate), 
.region-content-top a:not(.button, .button-round, .button-dark, .button-outline,.button-animate){
 color: #0381A0;
 text-decoration: underline;
}

.region-content a:not(.button, .button-round, .button-dark, .button-outline,.button-animate):hover{
 background-color: #eee;
}

a:not(.button, .button-round, .button-dark, .button-outline,.button-animate):visited{
  color: #804180; 
}

@media screen and (min-width: 767px){
  .site-logo img {
    max-height: 100px;
    max-width: unset;
  }
}

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

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

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

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

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

.front .slider-text h1,
.front .slider-text h2{
 background-color: rgba(14, 16, 39, .5);
 width: fit-content;
}

/* Sidebar menu */
.region-sidebar-sliding ul:not(.contextual-links) a{
 text-decoration: none;
 color: white!important;
}


@media screen and (max-width: 767px){
 .region-sidebar-sliding ul.submenu{
   margin-left: 3em;
   list-style: disc;
   padding-top: 1em;
  }
}

.region-sidebar-sliding ul.submenu li{
    border-bottom: 0px;
}
/* End Sidebar menu */


.user_page .field:not(:last-child) {
    margin-bottom: 15px;
}
.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;
}

.region-content .user_page .image-field{
 max-height: 300px;
 width: auto;
 float:right;
}


.views-element-container th a{
 color: white;
}

.view-user_directory td.views-field-field-comittees-and-working-grou{
 font-size: .8em;
}
.front .field--name-field-access{
 display: none;
}
.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;
}

.page-type-affiliate aside.sidebar-right,
.page-type-committees-and-working-groups aside.sidebar-right,
.page-type-study-site-or-center aside.sidebar-right{
 font-size: .8em;
}

.page-type-affiliate .sidebar .block,
.page-type-committees-and-working-groups .sidebar .block,
.page-type-study-site-or-center .sidebar .block{
 padding: 0px;
 border: none;
 background-color: #eff5f7;
}

.page-type-affiliate aside.sidebar-right td,
.page-type-committees-and-working-groups aside.sidebar-right td,
.page-type-study-site-or-center  aside.sidebar-right td
{
  padding: 0px 3px 0px 1em;
  border: none;
}
.page-type-affiliate aside.sidebar-right th,
.page-type-committees-and-working-groups aside.sidebar-right th,
.page-type-study-site-or-center aside.sidebar-right th{
  padding: 5px 10px;
}

.page-type-affiliate aside.sidebar-right table,
.page-type-committees-and-working-groups aside.sidebar-right table,
.page-type-study-site-or-center aside.sidebar-right table{
 table-layout: fixed;
 margin-bottom: .5rem;
 border-spacing: 0;
 border-collapse: collapse;
 border: 2px solid var(--border);
}

.page-type-affiliate aside.sidebar-right table tbody,
.page-type-committees-and-working-groups aside.sidebar-right table tbody,
.page-type-study-site-or-center aside.sidebar-right table tbody,
.view-sites_center_group_roster div.email-list,
.view-working_group_roster div.email-list
{
 display:block;
 max-height: 400px;
 overflow-y: scroll;
}
aside.sidebar-right .user_compact div{
 padding-left: 1.5em;
 padding-bottom: 1em;
}

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

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

.view-affiliate_roster .views-data-export-feed, 
.view-working_group_roster .views-data-export-feed{
 display: block;
 padding-left: 1em;
 padding-top:1em;
 border-top: 10px solid #ddd;
}

.view-affiliate_roster .csv-feed.views-data-export-feed::before,
.view-working_group_roster .csv-feed.views-data-export-feed::before {
  content: "Download Roster:";
}

.nid-104 .field--name-field-access{
 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;
  }
  .region-sidebar-sliding .menu-item-has-children{
    align-items: start;
    }
    .region-sidebar-sliding li.menu-item.menu-item-level-1{ 
      display: block;
    }
    .region-sidebar-sliding li.menu-item.menu-item-level-1 .submenu li {
      padding-left: 2em;
    }


}
@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;
}


ul.primary-tab a.is-active,
.page-tabs li.active-page-tab a,
.page-tabs li.active-page-tab a:visited,
a.button,
a:visited.button,
a:active.button{
 color: white;
}

.profile_name{
 display: none;
}

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



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

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

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

}
#block-useraccountmenu ul:not(.contextual-links) li a:hover{
 background-color: var(--color-primary);
 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;
}

.white-black{
 background-color: white;
 color: black;
}
.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;
 content: "\f0a1";
 background-color: var(--color-primary);
}
.message-announce{
 background: var(--light);
 position: relative;
 text-shadow: none;
 margin: 20px 0;
 padding: 1px 14px 14px 64px;
}

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

.view-meeting_notes .views-row{
 margin-bottom: 1em;
}

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

li li::not(.main-menu-item) {
    list-style-type: circle;
}
ol[type='a']>li{
  list-style-type: lower-alpha;
}

ul.no-bullet li{
 list-style-type: none;
}

.accordion-content, .toggle-content {
    border-left: 1px solid lightgray;
    padding-left: 1em;
    margin-left: 1em;
}
.active-accordion {
    border-bottom: none;
}
.subgroup {
    padding-left: 2em;
}
.view-working_groups li, ul.no-bullet li,
.view-committees li{
    list-style-type: none;
}
.view-working_groups h2,
.view-committees h2{
   font-size: 1.2em;
   font-weight: bold;
}

.view-working_groups a.button-round,
.view-committees a.button-round{
 color: white;
 text-decoration: none;
}


.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;
}


.form-details-wrapper{
    padding: 1em;
}
.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;
}

.message a, .message-success a, .message-info a, .message-error a, .message-warning a, .message-announcement a, .message-notice a,
.message a:visited, .message-success a:visited, .message-info a:visited, .message-error a:visited, .message-warning a:visited, .message-announcement a:visited, .message-notice a {
  text-decoration: underline!important;
  color: #fff!important;
}
.message-notice h2{
 color: #fff!important;
}


b, strong{
  color:unset;
}
.field--name-field-members-only-content{
 background-color: #eee;
 min-height: 2em;
 margin-bottom: 1.5em;
 padding: 5px;
}
.field--name-field-members-only-content .field__label{
 position: absolute;
 bottom: 0px;
 right: 0px;
 font-size: .8em;
}

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

.one_three.service .article_title{
 margin-bottom: 1em;
}

.one_three.service img{
  display: block;
  width: auto;
  max-height: 300px;
  height: 300px;
  margin: auto;
  overflow-y: clip;
}

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

.newsandpubs .service{
 display: revert;
 text-align: left;
}
.service.twitter{
 padding:0;
}

th a{
 color: white!important;
}



/*** Ckeditor Accordion Color Example ***/

.ckeditor-accordion-container > dl dt > a {
 color: #fff; /* Default title color */
 background-color: var(--color-primary);  /* Default title background color */
 text-decoration: none;
}

.ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) {
  background-color: var(--color-primary);  
  border-bottom: 1px solid #fff;
  transition: background-color: 600ms;
}

.full .one_three{
 min-width:0;
}

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

@media screen and (min-width: 767px){
 .page-title-wrap h1.page-title {
   padding-left:.5em;
 }
}
.pubs{
 padding-bottom: 1em;
}

ul, ol {
 padding: 0 0 0.25rem 2rem;
}

.menu-item-has-children::after {
  content: none;
}

/************
/ Main Menu overrides */

#block-mainnavigation .main-menu{
 display: initial!important;
}

.main-menu .menu-item-has-children>a {
 padding-right: 1em;
}

.main-menu .menu-item-has-children>a::after {
/* content: '\25BC';*/
 content: '\02C7';
 padding-left:2px;
 position: absolute;
 font-size: 2em;
}

#block-primedtarapro-main-menu ul.submenu a:visited{
 color: #fff;
}

#block-primedtarapro-main-menu ul.submenu a:hover{
 color: var(--color-secondary-light);
}

ul.main-menu > li a{
 color: var(--color-primary);
 text-decoration: none;
 font-size: 16px;
}
ul.main-menu .menu-item-level-1>a:visited{
 color: black;
}
ul.main-menu > li a:hover{
 color: #000;
}

li.menu-item.main-menu-item.menu-item-level-1 {
  white-space: nowrap;
}

.main-menu-item a {
 width: 100%;
}
@media (max-width: 768px){
 .region-primary-menu .menu-item-level-1 a{
   color: #fff!important;
 }
}
@media (min-width: 768px){
  .region-primary-menu .menu-item-level-1:hover>a {
    color: #fff!important;
  }
}

/***********End Main Menu Overrides */

.nid-3 .box i{
 font-size: 6em;
 float:left;
 padding-right: 15px;
}

.header-top-container{
 justify-content: flex-end;
}
.social-icons li a, .social-icons li a:visited{
 background-color: var(--color-primary);
 color: #fff;
}
.social-icons li a:hover{
 color: var(--color-primary);
 background-color: #fff;
}
#main{
 padding-bottom: 4em;
}
.block-content form.user-login-form,
#block-user-login-2 ul{
 padding-left: 1.5em;
}
.service .fa{
 padding-top: 1em;
}
.emphasized{
 font-weight:bold;
 font-style: italic;
}

.path-sitesandcenters .views-row{
 padding-bottom: 2em;
}

.isAdmin .sliding-sidebar-container {
 top: 3em;
}

.emphasized{
 font-weight:bold;
 font-style: italic;
}
.front-questions .box,
.nid-1 .service{
 background-color: var(--light);
}
.sliding-panel-icon{
 color: var(--color-primary);
 position:relative;
 top: 3px;
}
.pager-item-control a{
 color: white!important;
}
.region-content .pager-item-control a:hover{
 background-color: var(--color-primary);
}

.page-title-wrap::before, .page-title-wrap::after {
    display: block;
}
#views-exposed-form-paper-proposals-page-1 .js-form-item-combine{
 float:left;
}

@media screen and (min-width: 767px){
  a, h2, h3{
    scroll-margin-top: 130px;
  }
}
@media screen and (max-width: 767px){
  a, h2, h3{
    scroll-margin-top: 90px;
  }
}
.node-publications-form .fieldset-wrapper{
 padding: 1em;
}

.path-publications .view-publications .ext{
 white-space:nowrap;
}
.no-indent .subgroup{
 padding-left: 0px;
}


.nid-509 .items{
 grid-template-columns: 1fr 1fr;
}

.multi{
 background-color: var(--color-puple-light);
 color: black;
 font-size: .7em;
 padding-left: 5px;
 padding-right: 5px;
 font-weight: bold;
 text-transform: uppercase;
 white-space:nowrap;
}


a.button-round, a.button{
 min-width: fit-content;
}

.right{
 text-align: right;
}
.file--text-html a {
    background-image: url(../images/icons/text-html.png);
    min-height: 16px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: left 4px;
    margin-left: -20px;
}

.tagged {
  background-color: #a7ebfe;
  height: 2em;
  display: inline-block;
  position: relative;
  clip-path: polygon(0% 0%, calc(100% - 0.5em) 0%, 100% 50%, calc(100% - 0.5em) 100%, 0% 100%);
  font-weight: bold;
  padding-left: .5em;
  padding-right: 1em;
}