@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

html, body{
    font-family: 'Lato' !important;
    background: #2F8128;
}

.content .widget.cardHCCGreen h3{
    background: #2F8128;
}

.content .widget.cardBlack h2, .content .widget.cardBlack h3{
    background: #2F8128;
}


.breadcrumb {
    font-family: 'Lato' !important;
    background: #2F8128;
}

a.microLinks, .content .anchors, a[name*="_Top1"]+ul {
  font-family: 'Lato' !important;
}


.content .panel.info:before {
    color: #2F8128;
}

.breadcrumb>div {
background: #2F8128;
}

.content .indented {
    border-left: 3px solid #2F8128;
}

li.active-trail.show a {
    background: #2F8128;
}

li.active-trail a.active-trail:hover{
      background: #2F8128;
}

.breadcrumb ul li.active-trail a:before{
    border-left: 10px solid #2F8128;
}

.footerGreenLine{
    background: rgb(51,51,51);
    height: 15px;
}

.toolbar{
    display: none;
}

.faq .faq-toggle .faq-toggle-icon, .faq .faq-toggle.plus .faq-toggle-icon {
    background: url("//code.jquery.com/mobile/1.4.5/images/icons-png/carat-d-white.png") #2F8128 no-repeat 4px 50% !important;
}

footer ul{
    list-style: none;
    border-left: 3px solid white;
}

footer ul li{
    padding: 5px;
}

footer ul li a{
    color: white;
}

footer .footer-logo-hccsp {
    float: right;
    margin-right: 30px;
}

@media only screen and (max-width: 640px) {
  #c1 
  {
      display: inherit;
      width:100%;
  }
  
  #c2 
  {
       display: inherit;
        width:100%;
  }
  
  #c3 
  {
      display: inherit;
  }

footer .footer-logo-hccsp{
    float: none;
    margin-left: 30px;
}

footer ul{
    border-left: none;
}

}

.content article ul:not([class]), .content aside ul:not([class]) {
    list-style: none;
    padding-left: 1.4em;
}

.content article ul:not([class]) li:before, .content aside ul:not([class]) li:before{
    content: '•';
    float: left;
    font-size: 1.5em;
    line-height: .8em;
    width: .7em;
    color: #2F8128;
    font-family: 'Open Sans', sans-serif;
}

li.overflow::after{
    background: #2F8128 !important;
}


.nav-menu.visible {
    display: flex;
    flex-direction: row;
}
.nav .nav-menu a {
    color: #262262;
    text-decoration: none;
}

.nav .nav-menu__item {
    font-size: 0.9rem;
    font-weight: bold;
    text-transform: uppercase;
    padding:  0.5rem 1rem;
    display: inline-block;
    border-bottom: none;
    margin: 0;
    width: auto;
}

.nav .nav-menu__item.sub a:before {
    content: "";
}

.nav .nav-menu__item.nav-search {
    position: relative;
    vertical-align: top;
    margin-left: 2rem;
    display: inline-block;
}

.nav .nav-subMenu {
    position: absolute;
    border-top: 3px solid #2F8128;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      margin-top: 7px;
}

.nav .nav-subMenu.active {
    display: block;
}

.nav .nav-subMenu__item {
    background-color: #fff;
    font-size: 0.8rem;
    padding: 0.5rem 1rem;
    text-transform: capitalize;
    letter-spacing: 0.5px;
}

.nav .nav-subMenu__item a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.nav .nav-subMenu {
    display: none;
}

.resourcesMenuItem:hover .resourcesDropDown{
display: block;
}

#form1 > div.push-wrapper > div > div > div.universalContainer > section > article > div.hero-block.clearfix > div > div > h1.lead{
    margin-left: 0px;
}

@media only screen and (max-width: 820px) {
       .hamburger-menu {
        height: 23px;
        width: 35px;
        position: absolute;
        top: 2.5rem;
        right: 2.5rem;
        z-index: 2;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        cursor: pointer;
    }

    .hamburger-menu .line {
        display: block;
        height: 4px;
        width: 100%;
        border-radius: 10px;
        background: #262262;
    }
    
    .nav-menu {
        display: none;
    }

     #StickyHeader .header {
        background: url(/siteelements/images/custom-branding/hccsp/hccsp-logo-rgb-cropped-315x127-cropped-249x100.jpg) no-repeat left top !important;
         height: 120px !important;
    }

    .nav .nav-menu__item {
        font-size: 1.5rem;
        font-weight: bold;
        text-transform: uppercase;
        padding: 0;
        border-bottom: 2px solid #7c7b9b;
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
    }

    .nav-menu.visible {
        display: flex;
        flex-direction: column;
        align-items: end;
        background-color: #2F8128;
        margin-top: 79px;
        width: 100%;
    }

    .nav .nav-menu a {
        color: white;
        text-decoration: none;
        padding: 2rem 0rem 2rem 2rem;
    }

     #StickyHeader {
        height: 120px !important;
    }

       .nav .nav-menu__item.sub > a:before {
         content: '\e800';
         position: absolute;
         right: 20px;
         top: 25px;
         display: block;
         font-family: "fontello";
         font-size: 3rem;
         font-weight: 400;
    }

    .nav .nav-subMenu{
        position: unset;
    }

    .nav .nav-subMenu__item{
 background-color: #2F8128;
    }
    
}