.geolocation-map-wrapper{
    max-width:1180px;
    margin: 0 auto;
}

#PA:hover, #IL:hover, #FL:hover, #CA:hover {
    cursor: pointer;
    fill: #c9dbf3 !important;
}

.region-eyebrow nav ul li:nth-child(1) a{
    background-color:#8fa6c7;
}

.path-open-positions td.views-field.views-field-title a, .path-open-positions td.views-field.views-field-title a:visited{
    color:#0e459c;
    
}

.path-open-positions td.views-field.views-field-title a:hover{
    color:#ffbb0b;
    
}

.block-views-blockhost-site-locations-block-2 .views-field-field-image img{
    padding-bottom:15px;
}

.callout.text {
    font-weight: 700;
    color: #062c70;
    font-size: 28px;
}

.button.yellow a {
    background: #ffbb0b;
    margin-top: 2em;
}

.block-views-blockcallouts-block-1 .views-row{
    text-align: center;
}

.block-views-blockcallouts-block-1 .block-inner{
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

.members .views-inner nav {
    width: 100%;
    background-color: #fff;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
}

.members .views-inner ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.members .views-inner ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 0 15px;
}

/*.sites-grid .views-inner > :not(.views-row){
    display: none;
}*/

.user-form #edit-account div:not(.form-item-pass-pass2){
    padding-bottom:15px;
}

.user-form input[type="submit"]{
    margin:20px 0px;
}

.user-form .password-strength__meter{
    max-width:400px;
}

.user-form input[type="password"], .user-form input[type="email"]{
    border-radius: 6px;
    border: 1px solid #ddd;
    height: 20px;
    box-shadow: #eee 1px 1px 5px;
    padding:2px 10px;
}

.user-form .description{
    font-size:75%;
}

.user-form details, .user-form .form-item-user-picture-0{
    padding-bottom:15px;
}

.user-form details summary{
    padding-bottom:5px;
}

.user-form details div{
    padding-left:10px;
}

.path-user .block-local-tasks-block{
    display: none;
}

.content-glue.block-local-tasks-block {
    display: block;
  position: relative !important;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9990;
  background-image: none !important;
  white-space: normal !important;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.content-glue.block-local-tasks-block > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}

.content-glue.block-local-tasks-block > ul li {
  margin: 0;
  padding: 0;
}

body .content-glue.block-local-tasks-block ul li a {
  display: block;
  margin: 0 10px;
  line-height: 30px;
  color: #155fbe !important;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px !important;
  font-weight: bold;
}

.icon-block-item .image{
    border-radius: 50%;
    max-width:170px;
}

.icon-block-items{
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

.icon-block-items .icon-block-item .image {
    margin-bottom: 8px;
    overflow: hidden;
    line-height: 0;
    margin-left: auto;
    margin-right: auto;
}

.icon-block-items .icon-block-item > span {
    display: block;
    text-align: center;
}

p.default{
    font-size:100%;
}

p.medium{
    font-size:125%;
}

p.large{
    font-size:150%;
}

p.default.black{
    font-size:100%;
    color:black;
}

p.medium.black{
    font-size:125%;
    color:black;
}

p.large.black{
    font-size:150%;
    color:black;
}

p.default.black.bold{
    font-size:100%;
    color:black;
    font-weight: bold;
}

p.medium.black.bold{
    font-size:125%;
    color:black;
    font-weight: bold;
}

p.large.black.bold{
    font-size:150%;
    color:black;
    font-weight: bold;
}

.paragraph--type--language-skills{
    padding-top:0px;
    padding-bottom:.25em;
}

.language-skill{
    display: flex;
    width: 35%;
    margin-bottom:.5em;
}

.language-skill:last-of-type{
    margin-bottom:1.5em;
}

.language{
    width: 50%;
}

.preference{
    width:50%;
    text-align: right;
}

.apply-button{
    padding-top:2em;
}

.apply-button a{
    padding: 10px 20px;
}

.region-eyebrow nav ul li:nth-child(1) a {
  background-color: #9fce99;
}

.region-eyebrow nav ul li:nth-child(2) a {
  background-color: #8fa6c7;
}

.region-eyebrow nav ul li:nth-child(3) a {
  background-color: #ffbb0b;
}

.node--view-mode-member-card{
    max-width:1180px;
    margin:0 auto;
    padding:1em 2em;
}
.author-card{
    max-width:1180px;
    margin:0 auto;
    padding:2em 3em 1em;
    background: #eee;
}

.author-card h3 a{
    text-decoration: none;
    color:#0e459c;
}

.author-card .node__content{
    padding-bottom:5px;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.author-card img{
    max-width:300px;
    border-radius: 50%;
}

.author-card .author-bio{
    padding:0px 2em;
}

.author-card .field-body{
    padding-bottom:1em;
}

.author-card .button a{
    padding:10px 20px;
}

.bio-details {
    padding-bottom: 30px;
}

.story-posts .card{
    display: flex;
    flex-direction: column;
}

.story-posts header{
    width:100%;
}

.page-node-type-member .story-posts .views-inner {
    margin: 0;
}

#block-views-block-members-sites{
    padding-top:40px;
}

#search-block-form #custom-submit {
    height: 30px;
    position: absolute;
    top:0px;
    right:10px;
    width: 60px;
    margin: 0;
    padding: 0;
    background: transparent url(/themes/contrib/nhc/images/magnifying-glass.svg) no-repeat;
    display: inline-block;
    vertical-align: middle;
    vertical-align: auto;
    zoom: 1;
    display: inline;
    text-indent: -9999px;
    overflow: hidden;
    border: none;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-size: 60px 30px;
    margin-top: 20px;
}

.element-invisible{
    display: none !important;
}

#search-block-form .form-text {
    position: absolute;
    width:0;
    right: 60px;
    top: 5px;
    display: block;
    max-width: 665px;
    padding: 0;
    padding-right: 0;
    background-color: #eee;
    -webkit-transition: all linear 0.35s;
    -moz-transition: all linear 0.35s;
    -o-transition: all linear 0.35s;
    -ms-transition: all linear 0.35s;
    transition: all linear 0.35s;
    z-index: 899;
    border:none;
    height:55px;
    font-size: 18px;
}

#search-close{
    background: no-repeat;
    background-image: url(/themes/contrib/nhc/images/cross-sign.svg) !important;
    background-size: 60px 30px;
    width:60px;
    height:60px;
    position: absolute;
    top: 20px;
    right:5px;
    z-index: 9999;
    cursor: pointer;
    display: none;
}

.region-eyebrow nav {
    margin-left: auto;
    margin-right: 80px;
}


#block-searchform input{
    width: 97%;
    margin: 5px;
    height: 33px;
}

    #block-searchform #search-block-form{
    display: none;
    }  

.path-search #block-nhc-content{
    max-width:1180px;
    margin:0 auto;
    padding:1em 2em;
}

.path-search .pager ul{
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.path-search .bef-exposed-form{
    display: flex;
}

.path-search .bef-exposed-form > div{
    padding:5px;
}

.path-search .item-list ul{
    list-style-type: none;
}

.path-search .item-list ul li{
    padding:1em;
    margin: 10px 0px;
}

.path-search h3 a{
    text-decoration: none;
    color:#0e459c;
}

.region-eyebrow{
    position: relative;
}

.about-title{
        max-width: 1180px;
    margin: 0 auto;
    padding: 1em 2em;
}

.page-node-type-blog-post .grid.three .views-inner header{
    margin-left:20px;
    margin-right:20px;
}

.block-views-blockhost-site-locations-block-3{
    padding-top:2em;
}

.page-node-type-host-site .members .views-inner header{
    width:100%;
    padding-top:2em;
    text-align: left;
}

.page-node-type-host-site .members .views-inner{
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.region-sidebar-second .block-views-blockmembers-stories-block-2 .views-row{
    width:100%;
    margin:5px;
}

.region-sidebar-second .block-views-blockmembers-stories-block-2 .views-row .views-field-nothing{
    padding-left:0px !important;
    padding-right:0px !important;
}

.region-sidebar-second .grid.three .views-inner > .views-row{
    width: 100%;
    margin: 10px 0px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.region-sidebar-second .grid.three .views-inner{
    margin-left:0px;
    margin-right:0px;
}

.page-node-type-member .layout-sidebar-second{
    margin-top:2em;
}

.region-sidebar-second .block-views-blockmembers-stories-block-2 .pager__item--first, .region-sidebar-second .block-views-blockmembers-stories-block-2 .pager__item--last, .region-sidebar-second .block-views-blockmembers-stories-block-2 .pager__item--ellipsis{
    display: none;
}

.region-sidebar-second .block-views-blockmembers-stories-block-2 .pager ul, .region-sidebar-second .block-views-blockmembers-stories-block-2 .pager ul.pager__items{
    padding-left:0px;
    margin:0px;
}

.node--type-position h3 {
    font-size:1.3em;
}

#DE{
    fill: #ffbb0b !important;
}

#DE:hover{
    cursor: pointer;
    fill: #c9dbf3 !important;
}

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

#views-exposed-form-meet-our-members-page-3{
    width:100%;
}

.serve-map{
    display: flex;
    align-items: center;
    justify-content: center;
}

.serve-map svg{
    padding-left:5%;
}

.quote-text h3{
    line-height: 1.4em;
}

.page-node-type-member h1{
    font-size: 2em;
}

.page-node-type-blog-post .host-sites .views-inner{
    display: block;
}

html .page-node-type-blog-post .host-sites .views-inner .views-row{
    float:left;
    margin-top:0px !important;
    height: 357px;
}

nav#block-mainnav-2 {
    margin-left: auto;
    width: 60%;
    margin-right: 1.5%;
}

nav#block-mainnav-2 > ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    z-index: 900;
    position: relative;
}

.bio-details .views-row {
    flex-wrap: wrap;
}

.bio-details .page-title {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    flex: 1 0 100%;
}

.region-sidebar-second h2{
    font-size:1.2em;
}

.region-sidebar-second {
    margin-top: 3.3em;
}

.para-image{
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    padding:1em 0;
    text-align: center;
}

    .width100 img{
        width:100% !important;
        height:auto;
    }

#views-exposed-form-staff-page-4{
    width:100%;
    
}

#views-exposed-form-staff-page-4 .form-radios > div label{
    font-size: 1rem;
}

@media only screen and (max-width: 1180px) {
    
    body:not(.front-page) .region-content > .block-views, body:not(.front-page) .para-inner {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 1em;
}
    
    .page-node-type-blog-post .host-sites .views-inner {
    display: block;
        margin-left:10px;
        margin-right: 10px;
    }
    
    .page-node-type-blog-post .geolocation-map-container{
        width:65% !important;
    }
    
    #block-nhc-page-title, .block-views-blockopen-positions-block-1{
       padding: 0 1em; 
    }
    
    body.sidebar-second main .layout-sidebar-second {
        margin-right: 2em;
    }
    
    .home-hero-slideshow .views-row .text {
        text-align: center;
        z-index: 800;
        position: absolute;
        top: 43%;
        left: 50%;
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        font-size: 45px;
        line-height: 110%;
        font-weight: bold;
        color: #fff;
        text-shadow: 0 0 10px rgba(0,0,0,0.7);
    }
    
    .preface .region-preface-first {
        background-color: #fff;
        min-height: 400px;
    }
    
    body .sites-grid .views-inner {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 1180px;
        margin-left: auto;
        margin-right: auto;
        padding: 0em 2em;
    }
    
    body .sites-grid .views-inner > .views-row{
        margin:25px 0px;
    }
    
    .front-page .our-stories-block .block-inner .story-posts .views-inner {
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin: 0;
        padding: 0em 2em;
    }
    
    #block-hflogoblock img {
        max-width: 100%;
    }
    
    .story-posts .views-inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 20px;
}
    
    nav#block-mainnav-2 > ul li a {
    display: block;
    margin: 0;
    padding: 5px 8px;
    text-decoration: none;
    text-transform: uppercase;
    color: #155fbe;
    font-weight: 700;
    border-bottom: 2px solid transparent;
    font-size:16px;
}
}



@media only screen and (max-width: 1023px) {
    .off-canvas-menu-wrapper #block-mainnav {
         display: block; 
    }
    
        #views-exposed-form-staff-page-4{
        width:100%;
    
    }

    #views-exposed-form-staff-page-4 .form-radios > div label{
        font-size: 0.8rem;
        padding: 1rem 0.5rem;
        line-height: inherit !important;
    }
    
    .views-exposed-form .form-radios > div {
        display: flex;
        align-items: center;
    }
}

@media only screen and (max-width: 940px) {
    .author-card .node__content {
         flex-direction: column;
         align-content: center;
        justify-content: center;
    }
    
    .author-card .author-bio {
        padding: 0px .5em;
    }
    
    .author-card .author-image{
        text-align: center;
    }
    
    #views-exposed-form-staff-page-4{
        width:100%;
    
    }

    #views-exposed-form-staff-page-4 .form-radios > div label{
        font-size: 0.8rem;
        padding: 1rem 0.5rem;
    }
    
    .views-exposed-form .form-radios > div {
        display: flex;
        align-items: center;
    }
    
}




@media only screen and (max-width: 767px) {
    
    .page-node-type-blog-post .host-sites .views-inner {
    display: block;
        margin-left:0px;
        margin-right:0px;
    }
     .bio-details .views-row {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        flex-direction: column;
    }
    
    .bio-details .views-row .bio-left {
        max-width: 300px;
        margin: 0 auto 10px;
    }
    
        .region-eyebrow nav {
        margin-left: auto;
        margin-right: auto;
    }
    
        .region-eyebrow nav ul li a {
        padding: 10px 15px;
    }
    
    body.sidebar-second main {
        max-width: 1180px;
        margin-left: auto;
        margin-right: auto;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
    }
    
    body.sidebar-second main .layout-sidebar-second, body.sidebar-second main .layout-content {
        width:99%;
        margin:0 auto;
    }
    
    .page-node-type-host-site .views-field-field-image .field-content img{
        max-width: 300px;
    }
    
    .views-field-field-image .field-content{
        text-align: center;
    }
    
    #search-block-form{
        display: none;
    }
    
    #block-searchform #search-block-form{
    display: block;
    }   
    
    #block-searchform{
        display: block;
    }
    
    .eyebrow #block-searchblock{
        display: none;
    }
    
    .home-hero-slideshow .views-row .text {
        text-align: center;
        z-index: 800;
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        font-size: 24px;
        line-height: 110%;
        font-weight: bold;
        color: #fff;
        text-shadow: 0 0 10px rgba(0,0,0,0.7);
        padding: 5px;
    }
    
    .preface .region-preface-first {
        min-height:auto;
    }
    
    body .sites-grid .views-inner {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    padding: 0em 2em;
}
    
        body .sites-grid .views-inner > .views-row {
    width: 96%;
            margin: 1em auto;
    position: relative;
    line-height: 0;
}
    

    
    .region-sidebar-second .grid.three .views-inner{
        padding-left:0px;
        padding-right:0px;
    }
    
   .region-sidebar-second .grid.three .views-inner > .views-row {
        width: auto;
        max-width: 767px; 
    }
    
        html .page-node-type-blog-post .host-sites .views-inner .views-row {
        float:none;
        height:auto;
        width:100%;
        margin: 0 auto;
        padding-left:0px;
        padding-right:0px;
        max-width:none;
    }
    
     .page-node-type-blog-post .geolocation-map-container{
        width:100% !important;
    }
    
    html .page-node-type-blog-post .host-sites{
        padding-left:0px;
        padding-right:0px;
    }
    .para-image{
    width: 95% !important;
    }
}

@media only screen and (max-width: 635px) {
    .region-eyebrow nav {
        margin-left: auto;
        margin-right: auto;
    }
    
    .region-eyebrow nav ul li a {
        padding: 10px 15px;
        font-size:12px;
    }
    
    .path-search .bef-exposed-form {
    display: flex;
    flex-direction: column;
}
    
}
