.image-constrain {
  max-width: 100%;
}
.hero__background-nobg {
    overflow: hidden;
    background-image: none;
}
.hero__background-nobg img {
    width: 100%;
    height: auto;
}
.news--lead-story {
  position: relative;
  max-width: 800px;
}
.news--lead-story img {
  display: block;
  width: 100%;
}
.news--lead-story .news--teaser p {
  color: #fff;
}
.news--lead-story .news--teaser {
  padding: 1rem;
  background-color: rgba(25, 24, 30, 0.8);
}
.button a, .modal__content a.button {
  color: white;
  text-decoration: none;
}
.button-center {
  text-align: center;
}
.button-white-bkgrd {
 border-color:#2AA486;
 background-color: #fff;
}
.button-white-bkgrd a {
  color: black;
  text-decoration: none;
font-weight: bold;
border:#2AA486
}

/*read more button*/
.read-more-text {
  font-family: "public-sans", Arial;
  font-size: 0.875rem;
  line-height: 1.5714285714em;
  margin-bottom: 1.1428571429em;
  color: #35363D;
}
#more-content {
  display: none;
}

/*end of read more button*/

/*soundcloud podcasts*/
.podcast-style-title {
  font-size: 10px; 
  color: #cccc;
  word-break: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; 
  font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;
  font-weight: 100;
}
.podcast-style-description {
color: #2AA486; 
text-decoration: none;
}

.podcast-player-items {
  width:100%;
  height:166px;
}
/*end*/

.card_description_slate-text p {
  color: #35363D;
}
.all-around-padding {
  padding:20px;
}

.right-align {
  float:right;
  margin: 15px;
  display: block;
}
img.right-align {
  max-width: 100%;
}
.left-align {
  float:left;
  margin: 15px;
  display: block;
}
.center-align {
  text-align: center;
  margin: 15px;
  display: block;
}
.text-center-align {
  text-align: center;
  display: block;
}
.image-size-95 {
  width:95%;
}
.image-size-90 {
  width:90%;
}
.image-size-80 {
  width:80%;
}
.image-size-70 {
  width:70%;
}
.image-size-60 {
  width:60%;
}
.image-size-50 {
  width:50%;
}
.image-size-40 {
  width:40%;
}
.image-size-30 {
  width:30%;
}
.image-size-20 {
  width:20%;
}
.image-size-10 {
  width:10%;
}
.image-size-5 {
  width:5%;
}
.list-object__content__title__lg {
  color: #6b2a10;
  font-size: 12pt;
}
.list-object__content__description__lg {
  color: #35363D;
  font-size:medium;
}
.border-box {
  border: 3px solid black;
  border-radius: 5px;
  padding: 10px;
  background-color: #FFF1CB;
}
.table-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  font-family: "public-sans", Arial;
}
.table-grid > div:nth-child(1) {
  border-right: solid 1px #000;
}
.table-grid table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
.table-grid table th {
  font-size: 2rem;
  padding-bottom: 16px;
}
.table-grid table td {
  padding: 8px 16px;
  vertical-align: top;
}
.vl {
  border-left: 1px solid black;
  height: 100%;
  padding: 25px;
}


/*Background images*/
.hero__background--news-background {
  background-image: url('../img/png/generic-background-logomark.png');
  background-position: center right;
}
.homepage-image-1 {
  background-image: url('../img/png/homepage-1-virtual-health.png');
  background-position: center center;
}
.homepage-image-2 {
  background-image: url('../img/png/homepage-2-strategic-planning-maine.jpg');
  background-position: center center;
}
.homepage-image-3 {
  background-image: url('../img/png/homepage-3-bimep-eg.jpg');
  background-position: center center;
}
.what-we-do-image {
  background-image: url('../img/png/focus-areas-top.png');
  background-position: center center;
}
.how-we-work-image {
  background-image: url('../img/png/how-we-work-top-image.jpg');
  background-position: center center;
}
.how-we-work-image {
  background-image: url('../img/png/how-we-work-top-image.jpg');
  background-position: center center;
}
.featured-projects-image {
  background-image: url('../img/png/featured-projects-top.png');
  background-position: center center;
}
.featured-projects-image {
  background-image: url('../img/png/featured-projects-top.png');
  background-position: center center;
}
.resources-background {
  background-image: url('../img/png/generic-background-logomark.png');
  background-position: center right;
}
.about-us-background {
  background-image: url('../img/png/about-us-top.png');
  background-position: center center;
}
.join-our-team-background {
  background-image: url('../img/png/join-our-team-top.png');
  background-position: center center;
}
.donate-background {
  background-image: url('../img/png/donate-top.jpg');
  background-position: center center;
}
.hero--mini .hero__background.paphyr-background {
  background-image: url('../img/png/sanitation-hygiene/PAPHYR-FP-top.jpg');
  background-position: center center;
}
.hero--mini .hero__background.bimep-background {
  background-image: url('../img/png/malaria/bimep-fp-top.jpg');
  background-position: center center;
}
.hero--mini .hero__background.ccst-background {
  background-image: url('../img/png/CCST-fp-top.png');
  background-position: center center;
}
.hero--mini .hero__background.chws-background {
  background-image: url('../img/png/community-health-workers-fp-top.png');
  background-position: center center;
}
.hero--mini .hero__background.elearning-background {
  background-image: url('../img/png/e-learning-fp-top.png');
  background-position: center center;
}
.hero--mini .hero__background.elearning-background {
  background-image: url('../img/png/e-learning-fp-top.png');
  background-position: center center;
}
.hero--mini .hero__background.faa-background {
  background-image: url('../img/png/sanitation-hygiene/FAA-FP-top.jpg');
  background-position: center center;
}
.hero--mini .hero__background.hkhf-background {
  background-image: url('../img/png/HFHK-top.jpg');
  background-position: center center;
}
.hero--mini .hero__background.hlc-background {
  background-image: url('../img/png/hlc-top.jpg');
  background-position: center center;
}
.hero--mini .hero__background.mshapp-background {
  background-image: url('../img/png/MSHAPP-fp-top.jpg');
  background-position: center center;
}
.hero--mini .hero__background.netrc-background {
  background-image: url('../img/png/northeast-telehealth-resource-center-fp-top.png');
  background-position: center center;
}
.hero--mini .hero__background.pmiim-background {
  background-image: url('../img/png/pmi-fp-top.jpg');
  background-position: center center;
}
.hero--mini .hero__background.pmimalariareduction-background {
  background-image: url('../img/png/pumra-fp-top.jpg');
  background-position: center center;
}
.hero--mini .hero__background.pshpa-background {
  background-image: url('../img/png/pshpa-fp-top.jpg');
  background-position: center center;
}
.hero--mini .hero__background.echo-background {
  background-image: url('../img/png/project-echo-fp-top.png');
  background-position: center center;
}
.hero--mini .hero__background.rbhwc-background {
  background-image: url('../img/png/rbhwc-fp-top.png');
  background-position: center center;
}
.hero--mini .hero__background.stoppalu-background {
  background-image: url('../img/png/stoppalu-fp-top.jpg');
  background-position: center center;
}
.hero--mini .hero__background.tdes-background {
  background-image: url('../img/png/tdesp-top.jpg');
  background-position: center center;
}
.hero--mini .hero__background.unicefwash-background {
  background-image: url('../img/png/unicef-wash-fp-top.jpg');
  background-position: center center;
}
.hero--mini .hero__background.wellstarme-background {
  background-image: url('../img/png/wellstarme-fp-top.jpg');
  background-position: center center;
}
.hero .hero__background.focus-areas-wellness-programming-background {
  background-image: url('../img/png/wellness-programming-top.jpg');
  background-position: center center;
}
.hero .hero__background.focus-areas-workforce-development-background {
  background-image: url('../img/png/workforce-development-top.jpg');
  background-position: center center;
}
.hero .hero__background.focus-areas-virtual-health-background {
  background-image: url('../img/png/virtual-health-technology-top-image.jpg');
  background-position: center center;
}
.hero .hero__background.focus-areas-health-system-strengthening-background {
  background-image: url('../img/png/health-systems-strengthening-capacity-building-top.jpg');
  background-position: center center;
}
.hero .hero__background.focus-areas-staffing-workforce-background {
  background-image: url('../img/png/staffing-public-health-workforce.png');
  background-position: center center;
}
.hero .hero__background.focus-areas-sanitation-hygiene-background {
  background-image: url('../img/png/sanitation-hygiene/sanitation-hygiene-top-image.jpg');
  background-position: center center;
}
.hero .hero__background.focus-areas-wash-changing-behaviors-background {
  background-image: url('../img/png/sanitation-hygiene/sanitation-hygiene-changing-behavior-creating-demand-top.jpg');
  background-position: center center;
}
.hero .hero__background.focus-areas-wash-enabling-environment-background {
  background-image: url('../img/png/sanitation-hygiene/sanitation-hygiene-enabling-environment-top.jpg');
  background-position: center center;
}
.hero .hero__background.focus-areas-wash-improve-access-background {
  background-image: url('../img/png/sanitation-hygiene/SH-improving-access-top.png');
  background-position: center center;
}
.hero .hero__background.focus-areas-rmnch-background {
  background-image: url('../img/png/rmnch-top.jpg');
  background-position: center center;
}
.hero .hero__background.focus-areas-pandemic-background {
  background-image: url('../img/png/pandemic-response-top.png');
  background-position: center center;
}
.hero .hero__background.focus-areas-oral-health-background {
  background-image: url('../img/png/oral-health.png');
  background-position: center center;
}
.hero .hero__background.focus-areas-malaria-background {
  background-image: url('../img/png/malaria-focus-area-top.jpg');
  background-position: center center;
}
.hero .hero__background.focus-areas-malaria-prevention-background {
  background-image: url('../img/png/malaria/malaria-prevention-top.jpg');
  background-position: center center;
}
.hero .hero__background.focus-areas-malaria-diagnosis-treatment-background {
  background-image: url('../img/png/malaria/diagnosis-treatment-top.png');
  background-position: center center;
}
.hero .hero__background.focus-areas-malaria-sme-background {
  background-image: url('../img/png/malaria/malaria-surveillance-monitoring-evaluation-top.jpg');
  background-position: center center;
}
.hero .hero__background.focus-areas-malaria-elimination-background {
  background-image: url('../img/png/malaria/malaria-elimination-top.jpg');
  background-position: center center;
}
.hero .hero__background.focus-areas-communicable-disease-background {
  background-image: url('../img/png/communicable-diseases-top.jpg');
  background-position: center center;
}
.hero .hero__background.focus-areas-cervical-cancer-background {
  background-image: url('../img/png/cervical-cancer-top.jpg');
  background-position: center center;
}
.hero--mini .hero__background.contact-us-page-background {
  background-image: url('../img/png/generic-background-logomark.png');
  background-position: center right;
}
.hero--mini .hero__background.job-postings-background {
  background-image: url('../img/png/generic-background-logomark.png');
  background-position: center right;
}
.hero--mini .hero__background.past-malaria-projects-top-image {
  background-image: url('../focus-areas/featured-projects/img/malaria-past-projects-top.png');
  background-position: center right;
}
.hero--mini .hero__background.equatorial-guinea-top-image {
  background-image: url('../img/png/equatorial-guinea-top-image.png');
  background-position: center right;
}
.hero--mini .hero__background.our-people-leadership-group-top {
  background-image: url('../img/png/leadership-group-top-photo.jpg');
  background-position: center right;
}
.hero--mini .hero__background.madagascar-top-image {
  background-image: url('../img/png/locations/madagascar/madagascar-children-top-image.jpg');
  background-position: center right;
}
.hero--mini .hero__background.maine-us-top-image {
  background-image: url('../img/png/locations/where-we-work-maine-top-photo.jpg');
  background-position: center right;
}
.hero--mini .hero__background.baileyville-fp-top-image {
  background-image: url('../img/png/baileyville-maine-top-image.jpg');
  background-position: center right;
}
.hero--mini .hero__background.benin-top-photo {
  background-image: url('../img/png/locations/benin-top-photo.jpg');
  background-position: center right;
}
.hero--mini .hero__background.new-england-new-york-top-image {
  background-image: url('../img/png/locations/new-england-top-photo.jpg');
  background-position: center right;
}
.hero--mini .hero__background.behav-health-seo-page-top {
  background-image: url('../img/png/behavioral-health-training-top.png');
  background-position: center right;
}
.hero--mini .hero__background.medical-dental-integration-top {
  background-image: url('../img/png/medical-dental-child-oral-health-top.jpg');
  background-position: center right;
}
.hero--mini .hero__background.pmi-ahms-niger-top {
  background-image: url('../img/png/pmi-advancing-health-malaria-services-niger-top.jpg');
  background-position: center right;
}
/*END of Background images*/

.breadcrum-content {
  display: grid;
  grid-template-columns: 1fr 300px;
}
.breadcrum-content .content .fb-share-button {
  float: left;
  padding-right: 4px;
}
.social-icons {
  width:100px;
  height: auto;
  padding-right:15px;
}

.st-custom-buttons {
  position: fixed;
  top: 25%;
  left: 0;
}
.st-custom-buttons img {
  width: 24px;
  height: 24px;
}
.st-custom-button[data-network] {   
  background-color: #00c7ff; 
  display: block;   
  padding: 12px;   
  cursor: pointer;   
  font-weight: bold;   
  color: #fff;   
}   
.st-custom-button[data-network="linkedin"] {
  background-color: #0073B1;
  border-radius: 0 4px 0 0;
} 
.st-custom-button[data-network="twitter"] {
  background-color: #55acee;
}
.st-custom-button[data-network="facebook"] {
  background-color: #4267B2;
}
.st-custom-button[data-network="email"] {
  background-color: #7d7d7d;
}
.st-custom-button[data-network="whatsapp"] {
  background-color: #25d366;
}
.st-custom-button[data-network="reddit"] {
  background-color: #ff4500;
}
.st-custom-button[data-network="tumblr"] {
  background-color: #32506d;
  border-radius: 0 0 4px 0;
}
.st-custom-button[data-network]:hover, .st-custom-button[data-network]:focus {      
  text-decoration: none;      
  background-color: #00c7ff;   
} 


.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.5em
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--hackernews {
background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
  background-color: #507299
}

.resp-sharing-button--vk:hover {
  background-color: #43648c
}

.resp-sharing-button--linkedin {
  background-color: #0077b5;
  border-color: #0077b5;
}

.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
  background-color: #046293;
  border-color: #046293;
}


.image-caption-border {
  border-style: solid;
  border-radius: 16px;
  padding: 15px;
}
.extra-margin-left {
margin-left:20px;
}
.link-color {
  color:#2AA486;
}
.no-underline {
text-decoration: none;
  }
.top_news_headline {
  font-size: 1.5rem;
  color:white; 
  margin-bottom: 0.5rem;
  font-weight: 700;
}
.top_news_description {
  font-size: 1rem;
  color:white; 
  margin-bottom: 0.75rem;
}
.list-object__content__description span {
  display: block;
}
.subicons-img {
  display: block;
  float:left;
  margin: 20px;
  width:30%;
}
.news .list-object--big .list-object__image {
  height: auto;
}
.news .list-object--big div:first-child {
  width: 200px;
  margin-right: 2rem;
}
.objects-display-grid {
  display: grid;
  grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) );
  grid-template-rows: auto;
  gap: 3rem;
}
.objects-display-grid button a {
  color: #2AA486;
}
.col-grid {
  display: grid;
  grid-template-columns: repeat( auto-fill, minmax(300px, 1fr) );
  grid-template-rows: auto;
  gap: 3rem;
}
.flip {
  transform: scaleX(-1);
}
.banner {
  padding: 1rem;
  margin-bottom: 1rem;
}

.homepage-image {
  display:none;
}
/*
.contact-map {
  width:500px;
  height:400px;
  float:center;
  border:none;
} */


.container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; 
} 

/* Then style the iframe to fit in the container div with full height and width */
.iframe-container {
  position: relative;
  height: 350px;
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wakelet-iframe-settings {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 760px;
  border: none;
  float: center;
}

.carousel-slide__container__caption__link__blue {
  color: #4BA5BD;
}

/*Google Custom Search styling*/
input.gsc-input {
  width: 100%;
  padding: 1px 6px;
  border: none;
  margin: 0px;
  height: auto;
  background: url(https://www.google.com/cse/static/images/1x/en/branding.png) left center no-repeat rgb(255, 255, 255);
  outline: none;
}
.gsib_a {
  padding: 5px 9px 4px 9px;
}
#private_ratings, #private_hproduct, #private_hrecipe, #private_recipe, #private_person, #private_metadata, #base_facets, #base_gacetGroupEntry, #base_webResult, #base_imageResult_image, #base_imageResult_text, #base_imageResult_content, #base_imageResult_popup, #base_thumbnail, #base_action {
  display: none !important;
}

.map-wrapper iframe {
  width: 0; 
  min-width: 100% !important;
  border: none;
}

/* TIMELINE */
.timeline {
  position: relative;
  margin: 0 auto;
}

.timeline ul {
  position: relative;
  padding: 0;
  z-index: 999;
}

.timeline ul li {
  margin-bottom: 50px;
  list-style-type: none;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.timeline .space {
  width: 50%;
  padding: 0;
  font-weight: normal;
} 

/* .point {
  min-width: 20px;
  height: 20px;
  border-radius: 100%;
  z-index: 2;
  border: 3px #333333 solid;
  position: relative;
  left: 1px;
} */

.timeline ul li .content {
  width: 50%;
  padding: 0;
}

.timeline ul li:nth-child(odd) .content {
  padding-left: 0;
}

.timeline ul li:nth-child(odd) .date {
  padding-right: 0;
}

.timeline ul li:nth-child(even) .content {
  padding-right: 0;
}

.timeline ul li:nth-child(even) .date {
  padding-left: 0;
}

.timeline ul li .date {
  position: relative;
}

.timeline ul li .date p.year {
  font-size: 1.75rem;
  background-color: #fff;
  width: 100px;
  text-align: center;
  padding: 5px 10px;
}

.timeline ul li .content p {
  padding: 10px 20px;
  background-color: #fff;
  margin-top: 0;
  text-align: center;
  border: solid 1px #2AA486;
  border-top: none;
}

.timeline ul li .content p.title {
  font-size: 1.75rem;
  font-weight: bold;
  padding: 10px 20px;
  background-color: #FAB941;
  margin-bottom: 0;
  text-align: center;
  border: none;
}

.timeline ul li:nth-child(even) {
  flex-direction: row-reverse;
}

.timeline ul li:nth-child(even) .date h4 {
  float: right
}

.timeline::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 3px;
  left: 50%;
  background-color: #2AA486;
}

@media (min-width: 768px) {  
  .align-left {
    width: 55%;
    float: left;
  }
  .card-align-right {
    width:40%;
    float:right; 
    margin-left:15px;
  }
}
@media (min-width: 576px) {  
  .news--lead-story .news--teaser {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem 1rem 0 1rem;
  }
}

@media (max-width: 768px) {  
  .news .list-object {
    display: block;
  }
  .news .list-object--big div:first-child {
    width: 100%;
  }
  .news .list-object--big .list-object__image {
    width: 100%;
  }
  .timeline ul li .content p.title, .timeline ul li .date p.year {
    font-size: 1.1rem;
  }
}
@media (max-width: 499px) {
  .timeline ul li {
      display: block;
  }
  .timeline ul li .content {
    width: 100%;
  }
  .timeline ul li .content p {
    margin: 0;
  }
  .timeline ul li .date {
    border: solid 1px #ccc;
    border-top: none;
  }
  .timeline ul li .date p.year {
    margin: auto;
  }
}
@media (max-width: 400px) {  
  .objects-display-grid {
    display: block;
  }
  .objects-display-grid .card-object {
    margin-bottom: 3rem;
  }
}

@media (max-width: 300px) {  
  .col-grid {
    display: block;
  }
}