/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

 hr.reports
 {
     border: 1px dotted #CCC;
 }

 a {
     color: #0000C0;
     text-decoration:none;
 }

.fixed-nav {
    position: fixed;
    top: -5px;
    z-index: 999;
    left: 0;
    width: 100%;
}

 a#superfish-main-toggle {
    color: #FFF;
}

button.form-submit {
border:0;
border-radius: 0;
}

 .divider-1 {
    height: 1px;
    border-top: 1px dashed #ababab;
}

.align-right {
    float: right;
    width:225px;
    margin-left: 25px;
    margin-bottom:5px;
}

 figcaption {
    font-size: .8em;
    text-align: center;
}

 /* Custom Tooltip */


 table.training {
font-size: 0.6875em;
}

table.training th, table.training td {
padding:5px;
}

 span.custom-tip {
    display: none;
    padding: 3px 4px;
    margin-left: 9px;
    width: 200px;
    border-radius: 5px;
}
a.fa {
    font-size: 1.5em;
    color: #008000;
}

a.fa:hover{
    text-decoration:none;
}

a.custom-tooltip {
    font-size: 12px;
}

a.custom-tooltip:hover span.custom-tip {
    display: inline-block;
    position: absolute;
    border: 1px solid #20558a;
    color: #000;
    background-color: #FFF;
    z-index: 99;
}

table.tablesaw caption {
    caption-side: top;
    background-color: #466d94;
    padding: 1em;
    text-align: center;
    font-size: larger;
    text-transform: uppercase;
    color: #FFF;
}

table.tablesaw thead {
    color: #FFF;
    background: #0e1f3d;
   }

    table.tablesaw tbody tr:first-child td {
    color: #FFF;
     background-color: #D9D9D9;
   }

   table.tablesaw tbody tr:first-child a {
    color: #000;
   }

    table.tablesaw tbody tr:nth-child(2), table.tablesaw tbody tr:nth-child(16) {
    color: #0e1f3d;
    background-color: #e6e7e8;
   }

   table.tablesaw tbody tr:first-child th {
    color: #FFF;
    background-color: #466d94;
   }

  table.tablesaw tbody tr:nth-of-type(3) th, table.tablesaw tbody tr:nth-of-type(4) th, table.tablesaw tbody tr:nth-of-type(5) th,
  table.tablesaw tbody tr:nth-of-type(6) th, table.tablesaw tbody tr:nth-of-type(7) th, table.tablesaw tbody tr:nth-of-type(8) th,
  table.tablesaw tbody tr:nth-of-type(9) th, table.tablesaw tbody tr:nth-of-type(10) th, table.tablesaw tbody tr:nth-of-type(11) th,
  table.tablesaw tbody tr:nth-of-type(12) th, table.tablesaw tbody tr:nth-of-type(13) th, table.tablesaw tbody tr:nth-of-type(14) th,
  table.tablesaw tbody tr:nth-of-type(15) th, table.tablesaw tbody tr:nth-of-type(17) th, table.tablesaw tbody tr:nth-of-type(18) th,
  table.tablesaw tbody tr:nth-of-type(19) th, table.tablesaw tbody tr:nth-of-type(20) th, table.tablesaw tbody tr:nth-of-type(21) th{
    color: #0e1f3d;
    background-color:  #D9D9D9;
   }

  table.tablesaw tbody tr:nth-of-type(3) td, table.tablesaw tbody tr:nth-of-type(4) td, table.tablesaw tbody tr:nth-of-type(5) td,
  table.tablesaw tbody tr:nth-of-type(6) td, table.tablesaw tbody tr:nth-of-type(7) td, table.tablesaw tbody tr:nth-of-type(8) td,
  table.tablesaw tbody tr:nth-of-type(9) td, table.tablesaw tbody tr:nth-of-type(10) td, table.tablesaw tbody tr:nth-of-type(11) td,
  table.tablesaw tbody tr:nth-of-type(12) td, table.tablesaw tbody tr:nth-of-type(13) td, table.tablesaw tbody tr:nth-of-type(14) td,
  table.tablesaw tbody tr:nth-of-type(15) td, table.tablesaw tbody tr:nth-of-type(17) td, table.tablesaw tbody tr:nth-of-type(18) td,
  table.tablesaw tbody tr:nth-of-type(19) td, table.tablesaw tbody tr:nth-of-type(20) td, table.tablesaw tbody tr:nth-of-type(21) td{
    color: #0e1f3d;
    background-color: #abbad4;
   }

.tablesaw th, .tablesaw td {
    padding:5px;
    font-size: 0.9em;
    text-align: left;
    line-height: 1.2;
    vertical-align: middle;
}
.tablesaw tbody td a {
  line-height: 1.2;
}

/* research spotlight carousel */

#research-spotlight-carousel {
    margin-bottom: 12px;
}

#research-spotlight-carousel .carousel-item img {
height: 307px;
min-width: 100%;
border-radius: 10px;
}

#research-spotlight-carousel  a.left.carousel-control {
display: block;
position: absolute;
top: 151px;
left: 0px;
}

 #research-spotlight-carousel  a.right.carousel-control {
display: block;
position: absolute;
top: 151px;
right: 0px;
 }

/* end research spotlight carousel */

 .internal-covid-banner .region-covid-banner {
     background-color: #706C69;
     color: #FFF;
     font-size: 0.875em;
     margin-top:0;
     margin-bottom: 10px;
    border-radius: 10px;
    padding: 8px;
}
.internal-covid-banner .region-covid-banner > section {
     width:100%;
 }

 .region-covid-banner {
     display: flex;
     background-color: #706C69;
     color: #FFF;
     font-size: 0.875em;
     margin-top: 17px;
    border-radius: 10px;
    padding: 8px;
 }

 .over {
     background-color: #f0dfa6;
 }

 .overcol {
 }

 .region-covid-banner > section {
     width:50%;
 }

 .region-covid-banner section a {
     color: #FFF;
     text-decoration: underline;
 }

 .region-covid-banner h2 {
     font-size: 1.2rem;
 }

 #views-exposed-form-495-timeline-page-1 .form-type-select {
width:40%
}

#views-exposed-form-495-timeline-page-1 .form-type-select label {
font-weight:bold;
margin-right:2%
}

 ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker {
    right: -6px;
}
ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker {
    left: -5px;
}

ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper {
    padding: 2em 2em 2em 0;
}

ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper {
    padding: 2em 0 2em 2em;
}

.wrap-list-495 h3 {
  width:12%
  }

 ul.tabs--primary li {
     margin-right: 10px;
 }

 .alignright {
     float:right;
 }

 ul.pager
 {
     list-style-type:none;
 }

 #backtotop {
 background: url(/themes/custom/obssr_od_nih/images/backtotop-new.png)
 no-repeat center center;
 }


 a[href$=".pdf"]:after {
     content: "pdf";
     margin-left: 4px;
    margin-right: 1px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #d54b4b;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding-left: 0.4em;
    padding-right: 0.4em;
    padding-top: 0;
    position: relative;
    top: -2px;
    font: 0.8em/1.5em Helvetica,sans-serif;
}


 /* styles for obssr news */

 .views-row {
     border-bottom: 2px dotted #CCC;
     padding: 20px 0 20px 0;
 }
 .views-row:last-child {
   border-bottom: none;
 }

 p {
     margin-top:0;
 }

 .view-teaser-container {
    display: flex;
}


.views-row .summary h2 {
     font-size: 0rem;
}
.views-row .summary h3 {
     font-size: 0.75rem;
}

.views-row .newsletter-link a{
    color: #FFF;
    width: 150px;
    padding: 4px;
    border-radius: 5px;
    background-color: #0e1f3d;
    border: 3px solid #0e1f3d;

}

 .field--item time {
     font-style: italic;
 }


 .views-row .link-to-content a{
    color: #FFF;
    width: 150px;
    padding: 1px;
    border-radius: 5px;
    background-color: #0e1f3d;
    border: 3px solid #0e1f3d;
   }

   .views-row .news-presenter {
       color: #0e1f3d;
   }

   .views-row .news-presenter p {
       margin-bottom: 0;
   }

 img {
     vertical-align: baseline;
 }

 nav#block-researchresources, nav#block-training, nav#block-events, nav#block-news,
 nav#block-aboutobssr, #block-relatedinformation, nav#block-ccmenu, nav#block-oppnetsidemenu,
 .menu--about-obssr {
     border-radius:  0;
background-color:#20558a;
font-size: 1em;

}

nav#block-news, nav#block-researchresources, nav#block-aboutobssr, nav#block-ccmenu, nav#block-oppnetsidemenu {
    margin-bottom: 10px;
}

ul.menu.menu--research-resources.nav li, ul.menu.menu--training.nav li, ul.menu.menu--events.nav li,
 ul.menu.menu--news.nav li,
ul.menu.menu--about-obssr.nav li, ul.menu.menu--related-information.nav li, ul.menu.menu--cc-menu.nav li,
 ul.menu.menu--oppnet-side-menu.nav li {
    display: block;
      width: 100%;
    text-align: left;
}

ul.menu.menu--research-resources.nav li a, ul.menu.menu--training.nav li a,
ul.menu.menu--events.nav li a,
 ul.menu.menu--news.nav li a,
ul.menu.menu--about-obssr.nav li a, ul.menu.menu--related-information.nav li a, ul.menu.menu--cc-menu.nav li a,
ul.menu.menu--oppnet-side-menu.nav li a,
nav#block-mainnavigation-5 ul.menu.menu--main.nav.navbar-nav li a {

    display:block;
    padding: .75rem;
    color: #FFF;
    font-size: 1em;
    border-bottom: 1px solid;
    text-decoration: none;
    font-weight: 700;
    line-height: 1.2;
    }

 ul.menu.menu--research-resources.nav li a:hover, ul.menu.menu--training.nav li a:hover,
ul.menu.menu--about-obssr.nav li a:hover, ul.menu.menu--events.nav li a:hover,
 ul.menu.menu--news.nav li a:hover, ul.menu.menu--related-information.nav li a:hover, ul.menu.menu--cc-menu.nav li a:hover,
ul.menu.menu--oppnet-side-menu.nav li a:hover  {
    color: #0e1f3d;
    background-color:#F0F0F0;

}
ul.menu.nav li.active-trail {
    background-color:#F0F0F0;
    color:#0e1f3d;
}

ul.menu.nav li a.active-trail {
    color:#0e1f3d;
}


.hero-research-resources {
    background: linear-gradient(90deg, rgba(24, 90, 125,1) 0%, rgba(24, 90, 125,1) 50%, rgba(48, 96, 149,1) 50%, rgba(48, 96, 149,1) 100%);
}

.hero-training {
        background: linear-gradient(90deg, rgba(24, 90, 125,1) 0%, rgba(24, 90, 125,1) 50%, rgba(48, 96, 149,1) 50%, rgba(48, 96, 149,1) 100%);
}

.hero-news-events {
        background: linear-gradient(90deg, rgba(24, 90, 125,1) 0%, rgba(24, 90, 125,1) 50%, rgba(48, 96, 149,1) 50%, rgba(48, 96, 149,1) 100%);
}

.hero-news-events {
        background: linear-gradient(90deg, rgba(24, 90, 125,1) 0%, rgba(24, 90, 125,1) 50%, rgba(48, 96, 149,1) 50%, rgba(48, 96, 149,1) 100%);
}

.hero-aboutObssr {
        background: linear-gradient(90deg, rgba(24, 90, 125,1) 0%, rgba(24, 90, 125,1) 50%, rgba(48, 96, 149,1) 50%, rgba(48, 96, 149,1) 100%);
}

.hero-research-resources .hero h1 {
    background: url(/themes/custom/obssr_od_nih/images/banner/OBSSR_Internal_Banner_V3_P2_purple.png) no-repeat top right;
    background-size: 598px 115px;
    height: 115px;
    margin:auto;
    position: relative;
}

.hero-research-resources .hero h1::before {
    content: url(/themes/custom/obssr_od_nih/images/banner/OBSSR_Internal_Banner_V3_P3_left_purple.png);
    vertical-align: middle;
    margin-left:-215px;
}

.hero-training .hero h1 {
    background: url(/themes/custom/obssr_od_nih/images/banner/OBSSR_Internal_Banner_V3_P2_blue.png) no-repeat top right;
    background-size: 598px 115px;
    height: 115px;
    margin:auto;
    position: relative;
}

.hero-training .hero h1::before {
    content: url(/themes/custom/obssr_od_nih/images/banner/OBSSR_Internal_Banner_V3_P3_left_blue.png);
    vertical-align: middle;
    margin-left:-215px;
}

.hero-news-events .hero h1 {
    background: url(/themes/custom/obssr_od_nih/images/banner/OBSSR_Internal_Banner_V3_P2_green.png) no-repeat top right;
    background-size: 598px 115px;
    height: 115px;
    margin:auto;
    position: relative;
}

.hero-news-events .hero h1::before {
    content: url(/themes/custom/obssr_od_nih/images/banner/OBSSR_Internal_Banner_V3_P3_left_green.png);
    vertical-align: middle;
    margin-left:-215px;
}

.hero-aboutObssr .hero h1 {
    background: url(/themes/custom/obssr_od_nih/images/banner/OBSSR_Internal_Banner_V3_P2_teal.png) no-repeat top right;
    background-size: 598px 115px;
    height: 115px;
    margin:auto;
    position: relative;
}

.hero-aboutObssr .hero h1::before {
    content:url(/themes/custom/obssr_od_nih/images/banner/OBSSR_Internal_Banner_V3_P3_left_teal.png);
    vertical-align: middle;
    margin-left:-215px;
}

#hero {
    background-color: white;
    margin:auto;
}

.hero h1 {
    font-size: 2.5rem;
}

h1.page-header {
    font-size: 2rem;
}

.content h2 {
font-size: 1.5rem;
}

.content h3 {
font-size: 1.25rem;
}

iframe {
    display: block;
    max-width:100%;
}

.internal-content-dropshadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding:11px;
    margin-bottom: 10px;
}

  .breadcrumb {
      background-color: #FFF;
  }

  .breadcrumb > li+li:before {
      content: "  /";
      margin-right: 5px;
  }
  .breadcrumb li {
      margin-right: 12px;
  }

/* for the home button */

  body {
    font-size:100%;
    color: #303030;
    font-family: Helvetica, Tahoma, Arial;
  }

  * {
      box-sizing: border-box;
  }
.ribbon-hhs {
    background-image: url("../images/icons.png");
    background-position: 0 -166px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    height: 26px;
    width: 22px;
    float: left;
    margin-right: 5px;

}

.image-logo img {
    max-width:360px;
}

 .form-inline [type=submit] {
     margin-left: 2px;
     width:91px;
     height:38px;
     background-color: #005393;
     border-radius: .25rem;
     border: 1px solid #ced4da;
     color:#FFF;
     font-size: 1.0625em;

 }
  .form-inline label, .form-inline > div {
     margin-right: 2px;
 }
#main-menu {
    background-color: #0e1f3d;
}

.main-menu {
    background-color: #0e1f3d;
}

#section1 {
    background-repeat: no-repeat;
    background-image: url("../images/topsection.png");
    background-position: center;
    background-size: cover;
    padding: 0;
    background-color: #f2f2f2;
}
.section2 {
    background-repeat: no-repeat;
    background-image: url("../images/OBSSR_Website_Background.jpg");
    background-position: center;
    background-size: cover;
}


.flex-control-nav {
    bottom: 5px;
    z-index: 999;
}

.flexslider {
    margin: 0;
    border: 0;
    border-radius: 10px;
}

.flexslider .slides img {
    border-radius: 0;
}

.flexslider:hover .flex-direction-nav .flex-prev {
    left: 3px;
}
.flex-direction-nav a {
        height: 50px;
}

#OBSSRCarousel {
     max-height: 352px;
    border-radius: 10px;
}

#OBSSRCarousel .carousel-inner {
    max-height: 352px;
}


.carousel-item img {
    border-radius: 10px;
    max-height: 352px;
        display: block
}

a.left.carousel-control {
    display:block;
    position:absolute;
    top: 185px;
    left:0px;

}

a.right.carousel-control {
    display:block;
    position:absolute;
    top: 185px;
    right:0px;

}

ol.carousel-indicators {
    position:absolute;
    right: -186px;
    bottom: 13px;
}

.flex-container {
    display:flex;
    flex-direction: column;
}

.first-content{
font-size: 1.25em;
color: #FFF;
text-align: center;
}

.first-content img {
    display: block;
    margin:auto;
width: 50px;
height: 44px;
}

.get-update-section  img {
    display: block;
    margin:auto;
    width: 50px;
    height: 44px;
    margin-bottom:18px;
}

.subscribe-text {
    text-align: center;
    font-size: 1.0625em;
}
.subscribe-text a{
     color: #f0dfa6;
    text-decoration: underline;
}
.row-margin {
    margin-top: 15px;
}
 .top-border {
     border-top:8px solid #CCC;
     border-radius: 3px;
    padding-top:13px;
 }

 .border-seperator{
     margin-top: 17px;
    border-top:8px solid #CCC;
     border-radius: 3px;
    padding-top:13px;
 }
.row-top-border {
    border-top:8px solid #CCC;
    border-radius: 3px;
    padding-top:13px;
}

.our-mission h3.mission {
    color: #354a65;
    text-transform: uppercase;
    font-weight:bold;
    font-size: 1.1875em;
}

.our-mission ul {
    position: relative;
    left: -37px;
}
 .our-mission ul li {
     color:#354a65;
    line-height: 26px;
    margin:16px;
}

.staff-directory, .mwr-honorees, .mwr-double-honorees  {
    display:flex;
    border-bottom: 1px solid #CCC;
    margin-bottom: 7px;
    padding: 5px 0 10px 0;
}

.mwr-double-honoree  {
    border-bottom: 1px solid #CCC;
    margin-bottom: 7px;
    padding: 5px 0 10px 0;
   }
.mwr-double-honoree .mwr-honoree1, .mwr-double-honoree .mwr-honoree2 {
    display:flex;
}

.mwr-double-honoree .mwr-honorees-photo {
    margin-right: 21px;
}

.staff-directory .staff-photo, .mwr-honorees .mwr-honorees-photo {
    margin-right: 21px;
}
.mwr-honorees-photo img {
    max-width:150px;
    height:150px;
}

.mwr-honorees-photo img:nth-child(2) {
    max-width:150px;
    height:150px;
    margin-top: 5px;
}


span.link2, span.link4 {
    display: block;
    margin-top: -2px;
}

span.link1, span.link3, span.link5 {
    display: block;
    margin-top: 31px;
}

.staff-photo img {
width: auto;
max-height: 300px;
}

.dropdown-toggle {
    white-space: unset;
}

.field--name-field-subtitle {
  font-size: 1.2rem;
    font-weight: 700;
    font-style: italic;
    margin-bottom: 1rem;
}
.subtitle {
  font-style: italic;
}

.strategic-plan {
  background: #eee;
}
.teal-bg {
  background:#43afac;
  color: #fff;
  padding:1rem;
  text-align: center;
}
.teal-bg a {color:#fff;}
.strategic-plan .nav-tabs {
    align-items: center;
    height: 100%;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: stretch;
    background: #43afac;
}
.strategic-plan .nav-tabs .nav-item .nav-link, .strategic-plan .nav-tabs .nav-link {
  color:#fff;
  border: 0px;
  border-radius: 0px;
  height: 100%;
  line-height: 1.2;
  padding: 1.5rem 1rem;
}
.strategic-plan .nav-tabs .nav-item.show .nav-link, .strategic-plan .nav-tabs .nav-link.active {
  background:#1A9D98;
}
/*.strategic-plan .nav-tabs .nav-item.show .nav-link::after, .strategic-plan .nav-tabs .nav-link.active::after {
  content: "";
  position: absolute;
  left: 125px;
  bottom: -10px;
  border: 10px solid #43afac;
  border-bottom: 0;
  border-left-color: transparent;
  border-right-color: transparent;
}
*/
.strategic-plan .nav-tabs .nav-item .nav-link:hover {
  background:#1A9D98;
}
.strategic-plan .tab-pane {
  padding: 1rem;
}
.tab-pane-inner {
  background: #fff;
  padding:1rem;
  box-shadow: 0px 4px 8px rgba(38,38,38,0.2)
}
.sp-hero {
  min-height:400px;
  background-image: url(/themes/custom/obssr_od_nih/images/banner/OBSSR-strategic-plan-banner.png);
  background-size: cover;
  background-repeat:no-repeat;
  background-position:center center;
  position:relative;
}
.sp-buttons {
  display: flex;
  align-items: center;
  justify-content: left;
  width: 100%;
}
.sp-buttons .btn {
  margin-right:2rem;
}
.mission {
  background-image: url(/themes/custom/obssr_od_nih/images/sp-banner-bg.png);
  background-repeat:no-repeat;
  background-position:center center;
  color:#fff;
  background-size: cover;
}
.sp-hero-text {
  padding: 2rem;
}
.mission h1 {
  color: #fff;
  margin: 0 0 1.5rem 0 !important;
  font-weight: 700;
}
.callout {
  background-color: #F0F0F0;
  border-radius: .25rem;
  margin-bottom: 1rem;
  padding: 1rem;
}

@media (min-width: 992px){
ul.sf-menu a.sf-depth-1.menuparent {
    font-size: 14px;
    letter-spacing: 1px;
}
}
@media (min-width: 1060px){
ul.sf-menu a.sf-depth-1.menuparent {
    font-size: 18px;
    letter-spacing: 1px;
}
}
img.banner-left {float:left;margin-left:-215px;}
.hero h1::before {content:unset !important;}
.hero h1 {padding-top:20px !important;}
@media screen and (max-width: 767px){
.hero-research-resources .hero img.banner-left, .hero-training .hero img.banner-left, .hero-news-events .hero img.banner-left, .hero-aboutObssr .hero img.banner-left {
display: none;
}
}
@media (min-width: 768px) {
  .block-hero .hero h1 {
    font-size: 2.1rem;
  }
  .hero .carousel-container {
padding:2rem !important;
}
}
.sr-only {
position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.event-info {
margin-bottom:2rem;
}
.event-info .field--name-field-event-date-time .field--item label {font-weight:700;}
.podcast-block img.email {margin-left:1rem;vertical-align:middle;height:40px;}
.block-field-blocknodelanding-pagefield-teaser-list .card {
border: 1px solid #E8E8E8;
  box-shadow: 2px 4px 10px rgba(34,34,34,0.05);
  border-radius: 8px;
}
.block-field-blocknodelanding-pagefield-teaser-list .card .card-body {padding-top:0px;}
article .field--type-datetime {margin-bottom:1rem;}
.region-content-left h2.block-title, .region-content-right h2.block-title {font-weight:600;}

@media (min-width: 768px) {
  .collab .card {
    max-height: 170px;
  }
}
.teaser-list {
background: #EFF5F7;
  border-radius: 10px;
  margin-left: -100px;
  margin-right: -100px;
  padding: 2em 6em;
margin-top:2em;
}
.teaser-list h2 {margin-top:0px !important;}
.events-upcoming-container .events-upcoming-text-box .events-upcoming-text-title {line-height:1.2}
.views-field-field-event-date-time ul {
  list-style:none;
  padding-left:0px;
}