/**11/17 css***/
img {
	height:auto;
}
.img-right {float:right;margin-left:1em; width:25%;}
p.img-caption {font-size:.9em;font-style:italic;}
/*****/


.content h3 {
    font-size: 1.5rem;
    color: #20558a;
    font-weight: 700;
}
.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}

/*Events*/
.field--label {
    font-weight: bold;
    margin-top: 10px;
}
.event-info {
    background:#eeeeee;
    padding: 1rem;
   border-bottom: 6px solid #386ECF;
   border-radius: 6px;
   overflow: auto;
}
.event-info img {
    float: left;
    margin-right: 20px;
    border-radius: 6px;
}

.addtocalendar {
    position: relative;
    display: inline-block;
    background: transparent!important;
    margin: 10px 0;
}
.atc-style-blue .atcb-link,
.atc-style-blue .atcb-link:active,
.atc-style-blue .atcb-link:focus {
    margin: 0;
    padding: 7px 25px;
    color: #fff;
    font-family: "Verdana";
    font-size: 14px;
    text-decoration: none;
    outline: none;
    line-height: 20px;
    vertical-align: middle;
    background: #467bdf;
    box-shadow: 0 0 40px rgb(0 0 0 / 23%) inset;
    border-radius: 4px;
    zoom: 1;
}
.atc-style-blue .atcb-link:hover{
    background: #32579c;
}
.views-field.views-field-title h3 {
    font-size: 20px;
}
.view-obssr-events .views-field.views-field-body {
    margin: 10px 0;
    line-height: 1.3;
    color: #505050;
}
.views-field.views-field-field-event-date-time-value {
    font-weight: 600;
}

/*==================
TOP HHS RIBBON
====================*/

#top-ribbon .container.ribbon {
    display: none;
    align-items: center;
}
#top-ribbon .ribbon-logo {
    margin: 5px 10px;
    height: 30px;
}
img.divider {
    opacity: .3;
    height: 38px;
    margin: 0 10px;
}
#top-ribbon a {
    color: #fff;
    font-size: 12px;
}

#top-ribbon {
    background-color: #666;
}

.image-logo img {
    width: 360px;
    margin-top: 15px;
}
.container.sitelogo {
    margin-bottom: 15px;
}

/*======================
COVID-19 BANNER
========================*/

.covid-banner {
    background-color: #eee;
    cursor: pointer;
}
.covid-banner:hover {
    background-color: #e2e2e2;
}

.covid-banner .container {
    padding: 0;
}
#panel, #accordion {
    padding: 5px 40px;
    text-align: left;
    position: relative;
  }
  #accordion {
    color: rgb(185, 7, 7);
    font-weight: 600;
}
  #panel {
    padding: 10px 20px;
    display: none;
  }
  div#panel ul li {
    padding: 0;
    font-size: 14px;
}
  .ckeditor-accordion-toggle {
      display: inline-block;
      position: absolute;
      padding: 0 10px;
      width: 30px;
      height: 30px;
      z-index: 1;
      top: calc(50% - 1px);
      left: 11px;
      box-sizing: border-box;
  }
  .ckeditor-accordion-toggle:before,
  .ckeditor-accordion-toggle:after {
      background: rgb(185, 7, 7);
      -webkit-transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
      transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
      content: "";
      display: block;
      height: 2px;
      position: absolute;
      width: 10px;
      z-index: -1;
      left: 0;
      top: 0;
      -webkit-transform: rotate(-180deg);
      transform: rotate(-180deg);
      will-change: transform;
  }
  .ckeditor-accordion-toggle:before {
      left: 13px;
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
  }
  .ckeditor-accordion-toggle:after {
      right: 13px;
      left: auto;
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg);
  }

/*Social media icons*/
#site-logo {
    margin-top: 20px;
}
.search-and-socialmedia {
    flex-direction: column;
    position: relative;
    top: -5px;
    text-align: left;
}
.search-container {
    position: relative;
    float: right;
}
.col-md-7.search-and-socialmedia .social-media {
    height: 38px;
    display: none;
}

.social{
    position:relative;
    display: inline-block;
    }
    .social-icons {
    display: inline-block;
    width: 36px;
    height: 36px;
    background-color:#666;
    border-radius: 50%;
    margin-left: 10px;
    transform: scale(1);
    transition: transform 250ms ease;
    }
    .social-icons:hover{
    transform: scale(.9);
    }
    .flickr:hover{
    background-color: #f40083;
    }
    .mail:hover{
    background-color: #7232bd;
    }
    .youtube:hover{
    background-color: #ff0000;
    }
    .fb:hover{
    background-color: #1877f2;
    }
    .twitter:hover{
    background-color: #1da1f2;
    }
    .linkedin:hover{
    background-color: #0a66c2;
    }
    .instagram:hover{
    background-color: #C13584;
    }
    .footer-social-media .social-icons{
        margin-left: 0;
        margin-right: 10px;
    }
/*===================
SEARCH
=====================*/
#search_form .fa {
    display: inline-block;
    font: normal normal normal 18px/1 FontAwesome;
    font-size: 20px;
    color:#FFF;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.search-and-socialmedia {
    display:flex;
    flex-direction: column;
    position: relative;
    top: -5px;
}
.search-container {
    position: relative;
}
.search-container [type=text]{
    height: 36px;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #CCC;
    border-radius: 8px;
    width: 300px;
}

.search-container [type=text]:focus {
    border: 1px solid #CCC;
}

.search-container  [type=submit] {
     width:91px;
     height:36px;
     background-color: #005393;
     border-radius: 0 8px 8px 0;
     border: 0;
     color:#FFF;
     font-size: 0.9375em;
     float:right;
 }
 .search-container  [type=submit]:hover{
background-color:#0e1f3d;
 }

 .search-container  [type=submit]:focus {
     border: 2px solid transparent;
 }
    /*=================
    MAIN NAVIGATION
    ====================*/
    .main-menu {
        background-color: #0e1f3d;
        padding: 0;
    }
    ul.sf-menu.sf-style-blue {
        float: left;
        margin-bottom: 0;
        padding: 0;
        width: 100%;
    }
    ul.sf-menu.sf-style-blue li,
    ul.sf-menu.sf-style-blue.sf-navbar {
        background:#0e1f3d;
    }
    ul.sf-menu {
        font-family: 'Open Sans';
         font-style: normal;
         font-weight: 600;
         display: flex;
         justify-content: space-evenly;
     }

     ul.sf-menu a.sf-depth-1.menuparent {
         font-size: 14px;
         color: #FFF;
         line-height: 0;
         padding-top: 20px;
         padding-bottom: 22px;
         width: 100%;
         text-align: center;
         box-sizing: border-box;
         text-transform: uppercase;
       }

     .sf-menu li.sf-depth-1.menuparent:nth-of-type(1),
     .sf-menu li.sf-depth-1.menuparent:nth-of-type(2),
     .sf-menu li.sf-depth-1.menuparent:nth-of-type(3) {
         border-right: 1px solid #FFF;
      }

      .sf-menu li.sf-depth-1.menuparent {
         border-top: 6px solid #0e1f3d;
         width:100%
     }

       ul.sf-menu li.sf-depth-1.menuparent.sfHover {
         text-decoration: underline;
         background-color:#F0F0F0;
         color: #354a65;
     }

     .sf-menu li.sf-depth-1.sfHover a{
         color: #354a65;
         text-decoration: underline;
         background-color:#F0F0F0;
     }

     .sf-menu li.active-trail {
     background-color:#F0F0F0;
     }

     .active-trail.sf-depth-1.menuparent:nth-of-type(1),
     .sf-depth-1.menuparent.sfHover:nth-of-type(1),
     ul.sf-menu.sf-style-blue.sf-accordion li.sf-expanded:nth-of-type(1)  {
         border-top: 6px solid #A075C6;
     }
     .active-trail.sf-depth-1.menuparent:nth-of-type(2),
     .sf-depth-1.menuparent.sfHover:nth-of-type(2),
     ul.sf-menu.sf-style-blue.sf-accordion li.sf-expanded:nth-of-type(2)  {
         border-top: 6px solid #5074b8;
     }
     .active-trail.sf-depth-1.menuparent:nth-of-type(3),
     .sf-depth-1.menuparent.sfHover:nth-of-type(3),
     ul.sf-menu.sf-style-blue.sf-accordion li.sf-expanded:nth-of-type(3)   {
         border-top: 6px solid #3e7c48;
     }
     .active-trail.sf-depth-1.menuparent:nth-of-type(4),
     .sf-depth-1.menuparent.sfHover:nth-of-type(4),
     ul.sf-menu.sf-style-blue.sf-accordion li.sf-expanded:nth-of-type(4)   {
         border-top: 6px solid #43afac;
     }
     .sf-menu li li.sf-depth-2.sf-no-children:last-child a{
        border-bottom: 6px solid #68518e;
    }
    .sf-menu li:nth-of-type(2) li.sf-depth-2.sf-no-children:last-child a  {
        border-bottom: 6px solid  #5074b8;
    }
    .sf-menu li:nth-of-type(3) li.sf-depth-2.sf-no-children:last-child a,
    .sf-menu li:nth-of-type(3) li.sf-depth-2.menuparent:last-child a,
    .sf-menu li:nth-of-type(3) li.sf-depth-2.menuparent:last-child {
        border-bottom: 6px solid  #3e7c48;
    }

    .sf-menu li:nth-of-type(3) li.sf-depth-2.menuparent:last-child li.sf-depth-3.sf-no-children a {
        border-bottom: none;
    }
    .sf-menu li:nth-of-type(3) li.sf-depth-2.menuparent li.sf-depth-3.sf-no-children:last-child a {
        border-bottom: 6px solid #3e7c48;
    }
    .sf-menu li:nth-of-type(4) li.sf-depth-2.sf-no-children:last-child a {
        border-bottom: 6px solid #43afac;
    }

    .sf-menu li.sfHover li a {
        border-bottom: 0;
    }

     a.sf-depth-2 {
         font-size: 14px;
         font-weight: 400;
         border-bottom: 1px solid #ccc;
       }
    ul.sf-menu li.active-trail a.sf-depth-1.menuparent {
        color: #FFF;
    }
    ul.sf-menu a.sf-depth-1.menuparent:hover {
        background-color:#F0F0F0;
        color: #354a65;
        text-decoration: none;
    }
    ul.sf-menu.sf-style-blue a:hover,
    ul.sf-menu.sf-style-blue li:hover{
        background-color:#F0F0F0;
        color: #354a65;
        text-decoration: none;
    }

    ul.sf-menu li.active-trail a.sf-depth-1.menuparent {
        color: #354a65;
        background-color:#F0F0F0;
    }

    ul.sf-menu.sf-style-blue span.nolink {
      text-decoration: none;
      display: block;
      font-weight: normal;
      line-height: 20px;
      padding: 10px 20px 10px;
      color: #333;
      font-size: 14px;
    }

ul.sf-menu.sf-style-blue li li,
ul.sf-menu.sf-style-blue.sf-navbar > li > ul {
  background:#f0f0f0;
}
ul.sf-menu.sf-style-blue li li li {
  background: transparent;
}
ul.sf-menu.sf-style-blue li:hover,
ul.sf-menu.sf-style-blue li.sfHover,
ul.sf-menu.sf-style-blue a:focus,
ul.sf-menu.sf-style-blue a:hover,
ul.sf-menu.sf-style-blue span.nolink:hover {
  background:#e2e2e2;
  color: #333;
  outline: 0;
}
ul.sf-menu.sf-style-blue li:hover > a,
ul.sf-menu.sf-style-blue li.sfHover > a {
    color: #333;
}
.sf-menu.sf-style-blue.sf-navbar li ul {
  background: transparent;
}
.sf-menu.sf-style-blue.sf-navbar li ul li ul {
  background: transparent;
}
div.sf-accordion-toggle.sf-style-blue a {
  background: #ccc;
  color: #333;
  display: inline-block;
  padding: 1em 3em 1em 1em;
  position: relative;
}

div.sf-accordion-toggle.sf-style-blue a.sf-expanded,
ul.sf-menu.sf-style-blue.sf-accordion li.sf-expanded {
  background: #ccc;
}
li.sf-clone-parent {
    display:none;
}

/*Mobile*/
div.sf-accordion-toggle.sf-style-blue a {
    background: transparent;
    display: inline-block;
    font-weight: bold;
    padding: 1em 3em 1em 1em;
    position: relative;
}
    div.sf-accordion-toggle.sf-style-blue a.sf-expanded,
    ul.sf-menu.sf-style-blue.sf-accordion li.sf-expanded {
        background: transparent;
    }
    ul.sf-menu.sf-style-blue li,
    ul.sf-menu.sf-style-blue.sf-navbar {
        background: transparent;
    }
    /*2d level*/
    ul.sf-menu ul {
        width: 100%;
    }
    .sf-menu li li a:hover,
    .sf-menu li.sfHover li a:hover {
        text-decoration: underline;
    }
    .sf-menu li li.sf-depth-2.sf-no-children a,
    .sf-menu li li.sf-depth-2.menuparent a,
    .sf-menu li li.sf-depth-2.menuparent .sf-depth-2.menuparent.nolink {
        text-decoration: none;
        display: block;
        font-weight: 600;
        line-height: 20px;
        padding: 10px 20px 10px;
        color: #000;
        font-size: 15px;
    }

    @media screen and (max-width: 767px){
    ul.sf-menu {
        /*border-left: 1px solid #666;
        border-right: 1px solid #666;*/
    }
    ul.sf-accordion a.sf-depth-1.menuparent{
        border-bottom:#666;
    }
    ul.sf-menu.sf-style-blue li li,
    ul.sf-menu.sf-style-blue.sf-navbar > li > ul {
        background: #ccc;
    }
    .sf-menu li.sf-depth-1.menuparent:nth-of-type(1),
    .sf-menu li.sf-depth-1.menuparent:nth-of-type(2),
    .sf-menu li.sf-depth-1.menuparent:nth-of-type(3) {
        border-right: none;
        border-bottom:1px solid #666;
     }
     ul.sf-menu a.sf-depth-1.menuparent{
         text-align:left;
     }
     .sf-menu li li.sf-depth-2.menuparent a,
     .sf-menu li li.sf-depth-2.menuparent {
        color: #000;
        background: #ccc;
     }
    .sf-menu li li.sf-depth-2.menuparent li a,
    .sf-menu li li.sf-depth-2.menuparent li {
    color: #000;
    background: #ccc;
    }
    .sf-menu li li.sf-depth-2.menuparent li a:hover,
    .sf-menu li li.sf-depth-2.menuparent li {
        color: #000;
        background: #ccc;
    }
    .sf-depth-1.menuparent.sf-expanded a.sf-depth-1.menuparent {
      color: #000;
      background-color:#e2e2e2;
    }
}

/*===============
   HERO Section
=================*/

.region.region-homepage-carousel2 {
    display: block;
    margin: 0 auto;
}
.flex-control-paging li a.flex-active {
    background: #fff;
    cursor: default;
    box-shadow: 1px 1px 1px #000;
}
.flex-control-paging li a {
    box-shadow: 1px 1px 1px #fff;
}
#section1{
    padding: 0;
}
#section1 .container.hero {
    max-width: 100%;
    background-color:#20558a;
}

.flexslider {
    border-radius: 0;
}
.flexslider .slides img {
    border-radius: 0;
}
.form-group {
    margin-bottom: 0;
}
.hero-cards-wrapper {
    padding: 10px;
    background-color: #20558a;
    margin:0 auto;
    display: block;
}
.hero-right {
    align-items: center;
}
.hero-card {
    text-align: center;
    padding: 10px 15px 0;
    transition: transform 250ms ease;
}
.hero-card:hover > .hero-card-image {
    transform: scale(1.2);
}
img.hero-card-image {
    width: 45px;
    transform: scale(1);
    transition: transform 250ms ease;
}
a.hero-card-title {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 14px;
    line-height: 1.1;
    margin-top: -5px;
}
.get-updates {
    margin-top: 15px;
    background-color: #eee;
    border-radius: 10px;
    color: #333;
    padding: 15px;
}
.get-updates h2 {
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Open Sans';
    font-weight: 600;
    color:#20558a;
    text-align: center;
    margin-bottom: 3px;
}
.get-updates-content {
    display: flex;

    align-items: left;
}
.get-updates-content:hover > .email{
    transform: translateY(-8px);
}
.get-updates a{
    color:#333;
    font-size: 14px;
    line-height: 1.0;
    text-align: left;
    margin-left: 10px;
    display: inline-block;
}
.get-updates img.email{
    width: 40px;
    transform: translateY(0px);
    transition: transform 250ms ease;
}

/*================
BREADCRUMB
==================*/

    .breadcrumb {
        border-radius: 0;
        display: none;
    }
    .breadcrumb li {
        display: inline-block;
    }
    .container-fluid.breadcrumb {
        background-color: #eee;
        padding: 0;
        margin-bottom: 30px;
    }

    .obssr-breadcrumb .breadcrumb {
        background-color: transparent;
        margin-bottom: 0;
        font-size: 14px;
        padding: 0.5rem 0;
    }

    .news-container {
        margin: 40px 0;
    }
    .mission-container{
        margin-top: 20px;
    }

    /*========================
    EVENTS & NEWS
    ==========================*/
    .region.region-content {
        padding: 20px 0 30px 0;

    }

    .events-news {
        font-family: inherit;
        border-radius: 0;
        padding: 2em;
        background-color: #20558a;
        border: none;
        margin-right: 0;
        height: auto;
    }
    .events-news .heading,
    .event-recording .heading {
        background-color: transparent;
        padding: 0;
    }
    .events-news .heading h2{
        text-transform: uppercase;
        margin: 0 0 .5em 0;
        font-size: 30px;
        display: inline-block;
        color: #FFF;
    }
    .news-content-list ul {
        list-style: none;
        color: #fff;
        margin: 0;
        padding: 0;
    }
    .news-content-list ul li {
      margin-bottom: .5em;
    }

    .news-content-list a,
    .news-content-list  {
        color: #fff;
        line-height: 1.5;
    }
    .events-news .card-footer {
        padding: 0;
        background-color: rgba(0,0,0,0);
        border-top: none;
    }
    .events-news a.more-link,
    .event-recording a.more-link {
        color: #000;
        padding: 5px 15px;
        border-radius: 5px;
        background-color: #5fc8f1;
        text-decoration: none;
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 10px;
        margin-top: 20px;
    }
    .events-news a.more-link:hover,
    .event-recording a.more-link:hover {
        background-color:#51AACD;
    }

    .event-recording {
        border-bottom: 9px solid#20558a;
        border-top: 3px solid #20558a;
        background-color: #f0f0f0;
        height: 100%;
        padding: 2em;
        overflow: auto;
    }
    .recording{
        padding: 0 ;
    }
    .event-recording .heading,
    .event-recording .recording {
      padding: 0;
    }
    .event-recording .heading h2 {
        text-transform: uppercase;
        font-size: 30px;
        margin: 0 0 .5em 0;
    }
    .event-recording .recording h3 {
      font-size: 1.1rem;
      margin: .5em 0 1.25em 0;
      color: #20558a;
    }
    .event-recording .recording h3 a {
      color: #20558a;
    }
    .event-recording p{
        line-height: 1.2;
        margin-top: 0;
        margin-bottom: 10px;
        font-size: .9rem;
    }
    .event-recording .recording-info p {
      line-height: 1.2;
      font-size: .9rem;
    }
    .event-recording p.smaller{
        font-size: 15px;
    }

    .event-recording img {
        float: left;
        width: 100%;
        margin-bottom: 1em;
    }
    .event-recording .card-footer {
      padding: 0;
    }

    .path-frontpage .layout--twocol-section--50-50 section {
      display: flex;
      height: 100%;
    }


    /*==========================
    LEFT NAVIGATION
    ============================*/
    .region.region-sidebar-first {
        padding: 20px 0;
    }


    .left-side-bar nav h2 {
        border-radius: 0;
        border-bottom: 1px solid #FFF;
        background-color: #0e1f3d;
        color: #FFF;
        font-size: 1em;
        padding: 10px 20px;
        margin: 0;
        font-weight: 700;
        text-transform: uppercase;
    }

    .menu--about-obssr {
        border-radius:  0;
        background-color:#2b639b;
        font-size: 1em;
        list-style: none;
        padding-left: 0;
    }

    li.menu-link a {
        color: #fff;
        padding: 10px 20px;
        display: block;
        border-bottom: 1px solid #ccc;
        font-weight:bold;
    }

    li.menu-link a.active-trail.is-active {
        background-color:#F0F0F0;
        color:#0e1f3d;
    }

    li.menu-link a::after{
        display: none;
    }

    .menu--about-obssr li ul li a {
        font-size: 16px;
        padding-left: 35px;
        line-height: 1.2;
        font-weight: 400;
    }

    .menu--about-obssr li a:hover{
        background-color:#F0F0F0;
        color:#0e1f3d;
        text-decoration: none;
    }

    .menu--about-obssr li ul li ul li a {
        font-size: 14px;
        padding-left: 50px;
        font-weight: 400;
    }


    /*===============
    ABOVE FOOTER
    =================*/

    footer.footer.container-fluid {
        background-color: #eee;
        padding: 30px 0;
    }
    .region.region-footer {
        padding: 0;
    }
    .region.region-footer h2{
        font-size:24px;
        color:#666;
        position:relative;
        margin-bottom:20px;
    }

    #block-strategicplan,
    #block-ourmission,
    #block-obssrdifinition {
        width: 100%;
        padding: 0 20px ;
        font-size: 14px;
        line-height: 1.3;
    }

    #block-ourmission ul {
        padding-left: 15px;
    }
    #block-ourmission ul li{
        line-height: 1.2;
        margin-bottom: 5px;
    }
    section#block-strategicplan img {
	    height: auto;
        width: 100%;
        float: left;
        margin: -2px 10px 0 -8px;
    }
    .image-wrapper {
        width: 30%;
        float: left;
    }
    p.img-caption {
        font-size: 11px;
    }
/*===================
FOOTER
=====================*/
   #section3 {
    background-color: #e6e7e8;
    padding-top: 30px;
    padding-bottom: 30px;
}

    #backtotop{
        border: 1px solid #fff;
    }
    #footer {
        background-color: #d0d0d0;
        padding: 30px 0;
    }
    .footer-item-1 p{
        color: #000;
        font-size: 14px;
    }
    .footer-item-2 a,
    .footer-item-3 a {
        font-size: 14px;
        display: block;
        color:#0000C0;
    }
    .footer-links {
        background-color: #666;
    }
    .container.f-links {
        text-align: center;
        padding: 20px 0;
    }
    .container.f-links a {
        color: #fff;
        margin:0 20px;
    }
    .footer-get-updates {
        margin-top: 15px;
    }
    .footer-get-updates img {
        margin-right: 10px;
        width: 40px;
        transform: translateY(0px);
        transition: transform 250ms ease;
    }
    .footer-get-updates .get-updates-content:hover > .email{
        transform: translateY(0px);
    }
    .footer-get-updates a{
        color: #0000C0;
        font-size: 14px;
        line-height: 1.2;margin-top:15px;;
    }
    .footer-item-1 h3,
    .footer-item-2 h3,
    .footer-item-3 h3,
    .footer-item-4 h3,
    .footer-get-updates h3  {
        font-size: 20px;
        font-weight:400;
    }


    @media (max-width: 1024px){
        .event-recording p{
            font-size:14px;

        }
        .event-recording p.smaller{
            font-size: 14px;

        }

    }


    /*=====================
    INNER PAGES
    =======================*/
    h1.page-header {
        font-size: 2rem;
    }
    .content h2 {
        font-size:1.6rem;
        margin-top: 2rem;
    }
    .content h3 {
      font-size: 1.3rem;
      color: #20558a;
    }
    .mwr-honorees-bio h2 {
        font-size: 1.75rem;
        margin-top: 0;
    }
    .mwr-honorees-bio h2 a,
    .content h2 a,
    h2 a{
        color:#20558a;
    }



    /*Views
    --------------------*/
    .view .view-footer {
      padding: 30px 0;
    }
    .view ul.pager {
      list-style-type: none;
      margin: 30px 0;
      padding: 0;
    }
    .view ul.pager li.previous {
      display: inline-block;
      margin-right: 60px;
    }
    .view ul.pager li.next {
      display: inline-block;
    }

     /* upcoming events view */

     .teaser-posts .title-presenter-container,
     .teaser-posts .title-date-container {
       display: flex;
       flex-direction: column;
     }

     .teaser-posts.views-row .title a {
       font-size: 1.1em;
       font-weight: 700;
       color: #20558a;
     }
     .view-obssr-events .views-field-title a {
       font-weight: 700;
       color: #20558a;
       font-size: 1.1em;
     }

     .webinar-photo {
       margin-right: 20px;
     }

    @media (min-width: 576px){
        .hero-cards-wrapper {
            display: block;
        }
        .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first,
        .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
            flex: 0 1 100%;
            margin-top: 20px;
        }

    }
    @media (min-width: 768px) {
        .breadcrumb {
            display: block;
        }
        .search-container {
            left: 0;
            margin-top:10px;
        }
        .region.region-sidebar-first {
            padding: 20px 0;
        }
        .container {
            max-width: 100%;
        }
        .search-and-socialmedia {
            text-align: right;
        }
        .col-md-7.search-and-socialmedia .social-media {
            display: block;
        }
        .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first,
        .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
            flex: 0 1 100%;
             margin-top: 20px;
        }
        .get-updates-content {
            align-items: center;
            justify-content: center;
        }

    }



    @media (min-width: 992px){
        div#top-ribbon .container.ribbon {
            display: flex;
            align-items: center;
        }
        .region.region-footer {
            display: flex;
        }
        ul.sf-menu a.sf-depth-1.menuparent {
            font-size: 18px;
            letter-spacing: 1px;
        }
        .events-news{
            margin-right: 20px;
            height: 100%;
        }
        .event-recording{
            height: 100%;
        }
        .event-recording p{
            font-size:14px;

        }
        .event-recording p.smaller{
            font-size: 14px;
        }

        .event-recording img {
            width: 48%;
            float: left;
            margin-right: 1em;
        }
         .event-recording .recording-info {
           width: 47%;
           float: left;
         }
         .event-recording a.more-link {
           position: relative;
           top: 10px;
         }
        .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first,
        .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
            flex: 0 1 50%;
            margin-top: 20px;
     }

    }

    @media (min-width: 1200px){
        #section1 .container.hero {
        max-width: 1240px;
        }
        .get-updates {
            margin: 15% 5% 10%;
        }
        img.hero-card-image {
            margin-top: 10px;
        }
        .container {
            max-width: 1240px;
        }
        .event-recording p{
            font-size: 16px;

        }
        .event-recording p.smaller{
            font-size: 15px;
        }

    }
    @media (max-width: 575px){
        .hero-cards-wrapper {
            display: block;
        }
        .hero-card{
            max-width:50%;
        }

        footer.footer.container-fluid {
            margin-bottom:-16px;
        }

        .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first,
        .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
            flex: 0 1 100%;
            margin-top: 20px;
     }

    }
    @media (max-width: 767px){
        .search-container{
            width: 100%;
            margin-top: 10px;
        }
    }

    /* New Homepage CSS */
.page-node-type-landing-page .content h2 {
  font-size:2em;
  font-weight: 600;
}
    .block-hero {
background: linear-gradient(86.87deg, #20558a 5.18%, #0e1f3d 50%);
}
.block-hero .container.hero {
  color:#fff;
background:unset;
align-self: stretch;
min-height: 300px;
}
.block-hero .hero h1 {
  font-size:4em;
  margin: .5em 0 .25em 0;
  padding-top:0px !important;
  font-weight:600;
}
.carousel-text {
border-bottom: 4px solid #43afac;
margin-bottom:2em;

}
.carousel-text p {
  font-size:1.4em;
}
p.tagline {
  font-size: 1.5em;
  font-weight: 600;
}
section.page-section {
  padding-top:40px;
}
section.page-section:last-of-type {
  padding-bottom:40px;
}
#home-pills {
  background-color: #f4f4f4;
    padding:10px 0;
}
@media (min-width: 992px) {
  #home-pills {
max-height: 125px;
overflow: hidden;
}
}

#home-pills .nav-pills .nav-link {
  background: #fff;
box-shadow: 2px 4px 10px rgba(34, 34, 34, 0.05);
margin: 1em;
padding: 1em;
border-radius: 10px;
color:#0e1f3d;
font-weight: bold;
top: 0px;
 position: relative;
  z-index: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  width: unset;
}
#home-pills .nav-pills .nav-link:hover {
    box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
    top: -4px;
    background-color: white;
  }
.pill-icon {
height: 30px;
width: 30px;
border-radius: 20px;
padding: 5px;
margin-right: 10px;
background:#20558a;
display:inline-block;
}
.pill-icon img {width:100%;height:100%;}
.purple .pill-icon {
  background:#A075C6;
}
.navy .pill-icon {
    background:#20558a;
}
.teal .pill-icon {
  background:#43afac;
}
.blue .pill-icon {
    background:#5074b8;
}
.card-subtitle, .card-kicker {
  margin-bottom:.5em;
}
.card-kicker a {
  color: #14284B;
}
.card-kicker a:hover {
  color: #14284B;
  text-decoration: underline;
}
.card-title {
  font-size: 1.4rem;
  margin-bottom:.5em;
}
.card-title a {
  color:#20558a;
}
.card-title a:hover {
  text-decoration:underline;
}
p.card-text {
  margin-bottom:1.5em !important;
}
.card-text .date {font-size:.9rem;}
.g-5 .col {
  padding:1em 1.5em;
}
.card-body h5 {
  font-size: 0.88rem;
line-height: 1.5rem;
text-transform: uppercase;
color: #14284B;
font-weight: bold;
}
.podcast-block {
  background: #EFF5F7;
  box-shadow: 2px 4px 10px rgba(34, 34, 34, 0.05);
margin: 3em;
padding: 1em;
border-radius: 10px;
}
.podcast-block:hover {
  box-shadow: 0px 4px 8px rgba(38,38,38,0.2);
  top: -4px;
}
.podcast-text {
  font-size:1.8em;
  text-align:center;
  display:flex;
  align-items:center;

}
.podcast-text a {
  color:#14284B;
}
.podcast-icon-wrapper {
  text-align:center;
}
.footer-get-updates .get-updates-content {
  background:#fff;
  padding:10px 20px;
  border-radius: 10px;
}
.footer-get-updates .get-updates-content a {
color:#000;
}
/**
 * Set of styles for Upcoming Events on the General Landing page used for the homepage.
 */
/* line 215, ../sass/nhlbi_components/_component_news_cards.scss */
.events-upcoming-container {
  margin-bottom: 1.5em;
  display: flex;
  flex-direction: row;
}
/* line 219, ../sass/nhlbi_components/_component_news_cards.scss */
.events-upcoming-container .events-upcoming-date-box {
  flex: 0 1 7%;
  font-size: 1rem;
  font-weight: 700;
  color: #14284B;
  font-size: 1rem;
  line-height: 1.5rem;
}
/* line 226, ../sass/nhlbi_components/_component_news_cards.scss */
.events-upcoming-container .events-upcoming-date-box .events-upcoming-date-box-border {
  border: 1px solid #D7D7D7;
  padding: 8px 19.5px;
  min-width: 39px;
  border-radius: 4px;
}
/* line 231, ../sass/nhlbi_components/_component_news_cards.scss */
.events-upcoming-container .events-upcoming-date-box .events-upcoming-date-box-border .events-upcoming-date-box-month {
  text-align: center;
}
/* line 234, ../sass/nhlbi_components/_component_news_cards.scss */
.events-upcoming-container .events-upcoming-date-box .events-upcoming-date-box-border .events-upcoming-date-box-day {
  text-align: center;
}
/* line 239, ../sass/nhlbi_components/_component_news_cards.scss */
.events-upcoming-container .events-upcoming-text-box {
  flex: 0 1 90%;
  padding-left: 24px;
  padding-top:5px
}
/* line 242, ../sass/nhlbi_components/_component_news_cards.scss */
.events-upcoming-container .events-upcoming-text-box .events-upcoming-text-title {
  font-size: 1.2rem;
  line-height: 1.25rem;
  font-weight: 400;
  padding-bottom: 8px;
}
/* line 248, ../sass/nhlbi_components/_component_news_cards.scss */
.events-upcoming-container .events-upcoming-text-box .events-upcoming-text-date {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #505776;
}
/* line 255, ../sass/nhlbi_components/_component_news_cards.scss */
.events-upcoming-container a {
  text-decoration: inherit;
  color: #20558a;
}
/* line 259, ../sass/nhlbi_components/_component_news_cards.scss */
.events-upcoming-container a:hover .field--name-title {
  text-decoration: underline;
}

/* line 263, ../sass/nhlbi_components/_component_news_cards.scss */
.node--type-general-hub-page .layout__region--first .releated-events--type--upcoming {
  padding-right: 0px;
}
@media all and (min-width: 0em) and (max-width: 767px) {
  /* line 263, ../sass/nhlbi_components/_component_news_cards.scss */
  .node--type-general-hub-page .layout__region--first .releated-events--type--upcoming {
    padding-right: 20px;
  }
}

/* line 270, ../sass/nhlbi_components/_component_news_cards.scss */
.field--name-field-related-events-title {
  margin-bottom: 25px !important;
}

/* line 273, ../sass/nhlbi_components/_component_news_cards.scss */
.field--name-field-events-descriptive-callout {
  margin-top: 50px !important;
}

/* line 277, ../sass/nhlbi_components/_component_news_cards.scss */
.paragraph--type--related-events {
  margin-bottom: 30px !important;
}
.events-news a:not(.more-link) {
  color:#fff !important;
}
.events-news .events-upcoming-date-box {
  background:#fff;
}
.events-news .events-upcoming-text-date {
  color:#d7d7d7 !important;
}
.block-heading {
  margin-bottom:1em;
}
#block-bssraccomplishments {
    padding: 2em 1em;
    background: #EFF5F7;
border-radius: 10px;

/*border-bottom: 9px solid #20558a;
border-top: 3px solid #20558a; */
}
.acc-card {
  border: 1px solid #E8E8E8;
box-shadow: 2px 4px 10px rgba(34, 34, 34, 0.05);
border-radius: 8px;
background: white;
padding:3em;
}
.accomplishments h3.card-title {
  font-weight: normal;
  margin:1em 0;
  font-size: 1.6em;
}
@media (min-width: 992px) {
#block-bssraccomplishments {
    padding: 3em 6em;
}
}
@media (min-width: 1440px) {
#block-bssraccomplishments {
margin-left:-100px;
margin-right:-100px;
}
}
.btn-blue {
  background-color:#2b639b;
  color:#fff;
  border-color:#2b639b;
}
.btn-blue:hover {
  background-color:#0e1f3d;
  border-color:#0e1f3d;
  color:#fff;
}
.btn-teal {
  background-color:#5fc8f1;
  color:#fff;
  border-color:#5fc8f1;
}
.btn-teal:hover {
  background-color: #51AACD;
  border-color:#51AACD;
  color:#000;
}
.acc-title {
display: block;
padding:.6em;
border-bottom: 1px solid #eaeaea;
}
.acc-title a {
 color:#20558a;
 font-weight: bold;
}
.accomplishments .text-wrapper {
  padding:1em 2em;
}
.accomplishments .text-wrapper p {
  margin-bottom:3em;
  line-height: 1.7;
}
.block-title {
  margin-bottom:1em;
}
.accomplishments-list {
  padding:1em 3em;
}
.collab .card {
  border:0;
  background: #f4f4f4;
  border-radius:0px;
}
.collab .card-body {
  padding-left:0;
}
.collab .card-title {
  font-size:1.2rem;
}
.collab h3.card-title {
  font-weight: 500;
}
.collab .card img{
    width:100%;
  }
@media (min-width: 768px) {

  .collab {
    margin-left:2em;
  }
  .collab .card {
    max-height: 160px;
    overflow:hidden;
  }

}
#footer {
  background-color: #2b639b;
color: #fff;
}
.footer-item-1 p, #footer a{
  color:#fff;
}
.get-updates-content a {
  color:#000 !important;
}
footer.footer.container-fluid {
  background-color:#f4f4f4;
}
.footer-links {
  background:#F4F4F4;
  color:#303030;
}
.container.f-links a {

  color:#303030;
}
.usa-banner {
    background-color: #f0f0f0;
    font-weight: 400;
}
.usa-banner #usaHeader button {
    border: 0;
    color: #005ea2;
    padding: 0;
    text-decoration: underline;
    line-height: initial;
}
.fa-chevron-down::before {
    content: "\f078";
}
.bi-twitter-x {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-twitter-x' viewBox='0 0 16 16'%3E%3Cpath d='M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865l8.875 11.633Z'/%3E%3C/svg%3E");
    display: block;
    height: 36px;
    width: 36px;
    padding: 8px;
}
.bi-linkedin {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='white' class='bi bi-linkedin' viewBox='0 0 16 16'%3E%3Cpath d='M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z'/%3E%3C/svg%3E");
  display: block;
  height: 36px;
  width: 36px;
  padding: 8px;
}
.bi-instagram {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='white' class='bi bi-instagram' viewBox='0 0 16 16'%3E%3Cpath d='M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334'/%3E%3C/svg%3E");
  display: block;
  height: 36px;
  width: 36px;
  padding: 8px;
}
.sbe-covid-projects .view-content {
  display:flex;
justify-content: space-between;
flex-wrap: wrap;
}
.sbe-covid-projects .card {
  background:#eaeaea;
  border:0px;
  margin-bottom:2rem;
}
.sbe-covid-projects .card:hover {
  background:#0e1f3d;
  color:#fff;
}
.sbe-covid-projects .card:hover h3 a{
  color:#fff;
}
.sbe-covid-projects h3 {
  font-size: 1.1em;
  font-weight: 700;
  color: #20558a;
}
.sbe-covid-projects .card h3 a:hover {
text-decoration:none;
}
.sbe-covid-projects a:visited{
   color:#681da8;
}

@media (min-width: 992px) {
.sbe-covid-projects .card {
  width: 31%;
}
}
.pager__item {
  padding: .5rem .75rem;
}
.atc-style-blue .atcb-link, .atc-style-blue .atcb-link:hover{
    background-color: #2b639b;
    color: #fff;
    border-color: #2b639b;
    font-size: 1rem;
    line-height: 1.5;
     padding: .375rem .75rem;
}
.atc-style-blue .atcb-link:hover {
    background-color: #0e1f3d;
    border-color: #0e1f3d;
}
.field--name-field-add-calendar {text-align:center;}
#btn-group, #btn-group .field--name-field-registration-link {
  flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
}
#btn-group div.field--item {
  margin:0 .5rem;
}
#btn-group .field--name-field-registration-link a{
  display:inline-block;
  font-weight: 400;
    line-height: 1.5;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
      background-color: #2b639b;
    color: #fff;
    border-color: #2b639b;
}
#btn-group .field--name-field-registration-link a:hover {
    background-color: #0e1f3d;
    border-color: #0e1f3d;
}
.event-info span.label {font-weight:700;}
.event-info .field--item {margin-bottom:.5rem !important;}
.event-info .field--name-field-event-date-time .field--item {font-weight:normal !important;}