p {
 line-height:  1.5;
}
.fifty_fifty {
  display:none;
}
#component_anchor_2 .container {
  margin: auto;
}
#block-population-connection-page-title {
left: 0;
  right: 0;
  position: absolute;
  bottom: 20px;
}
#block-population-connection-page-title h1 {
  max-width: 1200px;
  margin: auto;
  display: block;
  padding: 15px;
  color:#fff;
}
.views-row {
      max-height: 600px;
    min-height: 400px;
    margin-bottom: 0;
  display:flex; 
  align-items: center;
  overflow: hidden;
position: relative;
}
.views-row:after {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    content: ' ';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 53%, #000000 100%);
    z-index: 0;
}
.pg-featured-links {
    display: flex;
    flex-wrap: wrap;
      gap: 0;
}
.pg-featured-links .pg-featured-link {
    border-bottom: 0 !important;
    padding-bottom: 0px !important;
    display: flex;
  align-items: center;
  margin: 0;
width: 100%;
background: #133156;
}
.pg-featured-link .image, .pg-featured-link .detail {
  flex: 1 0 50%;
}
.pg-featured-link:nth-child(odd) {flex-direction: row-reverse;}
.pg-featured-link .detail {
      background: #133156;
    padding-left: 3.5%;
    padding-right: 3.5%;
  display: flex; 
  align-items: center;
  flex-wrap: wrap;
    padding-top: 70px;
    padding-bottom: 70px;
  color:#fff;
}
.pg-featured-link .detail p a{
      letter-spacing: 3px;
    border-radius: 3px;
    border: 2px solid #fff;
    padding: 11px 14px;
    -webkit-transition: .3s all;
    transition: .3s all;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 17px;
    font-size: 1.0625rem;
      margin: 2rem 0 0 0;
  color:#fff;
      display: table;
}
.pg-featured-link .detail p  {
      font-size: 1.125rem;
}
.pg-featured-link h3 {
      font-weight: bolder;
    color: #141414;
    font-size: 40px;
    font-size: 2.5rem;
  color:#fff;
}
.pg-featured-link .detail p a:hover {
      text-decoration: none;
    color: #133156;
    background: #fff;
}
.child-pages {
          max-width: 1280px;
  margin: auto;
  display:flex;
  flex-wrap: wrap;
}
.child-page .thumbnail {display:none;}
.child-page {
  flex: 1 1 31%;
margin:  1%;
  padding: 30px;
    border: 2px solid #133156;
    -webkit-transition: .3s all;
    transition: .3s all;
  flex-direction: column;
}

.child-page h2 {
  color: #13376b;
    font-weight: 500;
    font-size: 24px;
    font-size: 1.5rem;
}
.child-page h2 a {
  color: #13376b;
    font-weight: 500;
    font-size: 24px;
    font-size: 1.5rem;
  text-decoration: none;
}
.child-page .link a {
      text-decoration: none;
    text-transform: uppercase;
    position: relative;
    font-weight: 500;
      color: #0082c4;
  font-size: 1rem;
  padding-top: 20px;
  display:inline-block;
}
.link a:after {
    content: " ";
    width: 100%;
    height: 3px;
    background: #0082c4;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    -webkit-transition: .3s all;
    transition: .3s all;
    pointer-events: none;
}
body, .p, li, p, .summary, a {
    font-size: 18px;
    font-size: 1.125rem;
  line-height: 1.5;
}
.child-page:hover {
      background: #133156;
}
.child-page:hover h2 a, .child-page:hover .summary, .child-page:hover .link a {color:#fff;}
#block-pgc-contact-block-pgc-contact-block {
    text-align: center;
}
#pgc-contact-block {
    margin: 0;
    padding: 0;
    display: flex
;
    justify-content: center;
    align-items: center;
    gap: 7px;
}
.post-feed .content {
  padding: 10px 35px 35px;
}
#pgc-contact-block li a {
    text-decoration: none;
    background: #0082c4;
    color: #fff !important;
    letter-spacing: 3px;
    border-radius: 3px;
    transition: .3s all;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    padding: 11px 14px;
    font-size: 1.0625rem;
    border: 2px solid #0082c4;
display: block;
  margin-bottom: 5px;
}
#pgc-contact-block li span {
    font-size: 25px;
    display: none;
    vertical-align: middle;
    padding-right: 10px;
}
#pgc-contact-block li a:hover {
  border: 2px solid #0082c4;
    background: #fff;
    color: #0082c4 !important;
    text-decoration: none !important;
}
.ui-accordion-header-active {
      background: rgb(0, 96.1734693878, 145) !important;
}
.pg-gift-details .ui-accordion-content {
    border: none;
    padding: 10px !important;
    overflow: hidden !important;
    background: none;
    height: auto !important;
    color: #fff;
}
.pg-gift-details h2, .pg-gift-details h3, .pg-gift-details h4 {
  color:#fff;
}
.ui-accordion-content table, .ui-accordion-content td, .ui-accordion-content th {
  border-color: #fff;
  border: 1px solid;
  font-size: 1rem;
}
.ui-accordion-content table {
  width: 100%;
  margin-bottom: 30px;
}
.ui-accordion-content td, .ui-accordion-content th {
  padding: 5px;
}
#pgc_resource_block {display: inline-block;text-align: center;}
.block-pgc-resource-block {margin-bottom: 20px;display:flex; gap: 20px;justify-content: center;}
.pgc-body-content.homepage {
  border-bottom: 0;
  margin: 25px 0;
}
#pgc_resource_block {
  text-decoration: none;
  background: #133156;
  color: #fff !important;
  letter-spacing: 3px;
  border-radius: 3px;
  transition: .3s all;
  text-decoration: none;
  padding: 11px 14px;
  border: 2px solid #133156;
}
#pgc_resource_block:hover {
border: 2px solid #133156;
  background: #fff;
  color: #133156 !important;
  text-decoration: none !important;
}
#pgc_resource_block:hover a {
  color: #133156 !important;
}
.align-left {margin: 0 20px 20px 0;}
.align-right { margin: 0 0 20px 20px;}
#block-population-connection-charitysearch, #block-population-connection-qcdsearch {
background: #0082c4;
}
.pgc-qcd-search, .pgc-charity-search {
max-width: 800px;
margin: auto;
color:#fff !important; 
padding: 70px 0;
}
.pgc-qcd-search h3, .pgc-charity-search h3 {
color:#fff;
}
.pgc-charity-search input[type="submit"], .pgc-qcd-search input[type="submit"] {
  background-color: transparent !important;
  color: #fff !important; 
  background-color: transparent;
  color: #fff;
border: 2px solid #fff;
margin-top: 20px;
border-radius: 8px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 3px;
padding: 11px 14px;
}
.pgc-charity-search input[type="submit"]:hover, .pgc-qcd-search input[type="submit"]:hover {
color:#fff !Important;
background: #003057 !important;
border: 2px solid #003057;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
  color: #000;
}
@media screen and (min-width:768px) {
#block-mainmenu-mobile {display:none;}
  #main-menu li:nth-child(2):hover ul {display:none !important;}
  #main-menu > li:nth-child(3):after, #main-menu > li:nth-child(4):after, #main-menu > li:nth-child(5):after, #main-menu > li:nth-child(6):after {
    position:relative;
font-family: FontAwesome;
  content: "\f0d7";
    display:inline-block;
    right: 0;
}
#main-menu ul li:after {display:none !important;}
@media screen and (max-width: 767px) {
  #main-menu li a {
  font-weight: 700;
  color: #133156;
  font-size: 1.5rem;
}
  header .mobile-menu ul {
  text-align: left;
  list-style: none;
  padding: 40px 0 0 0;
}
  .pg-featured-links .pg-featured-link {
  border-bottom: 0 !important;
  padding-bottom: 0px !important;
  display: block;
  align-items: center;
  margin: 0;
  width: 100%;
}
  .child-pages {
  max-width: 1280px;
  margin: auto;
  display: block;
  }
  #pgc-contact-block {
  margin: 0;
  padding: 0;
  display: block;
  }
  #pgc-contact-block li {
  list-style-type: none;
  line-height: 35px;
  margin-bottom: 20px;
}
  #main-menu ul {
 display: block;
  z-index: 999;
  padding: 0;
    padding-left: 0px;
  text-transform: none;
  position: relative;
  color: #133156;
  background: transparent;
  -webkit-box-shadow: 5px 8px 10px rgba(8, 8, 8, .27);
  box-shadow: none;
  text-align: left;
  transform: none;
  margin-top: 20px;
  top: 0;
  margin: 0;
  width: 100%;
  border-left: 2px solid #133156;
  padding-left: 20px;
}
 #main-menu li.expanded ul li a {
  color: #133156;
  background: transparent;
  padding: 10px 5px;
  display: block;
  width: 100%;
  -webkit-transition: .3s all;
  transition: .3s all;
  font-size: 1.3rem;
}
  #main-menu li:hover ul {
  display: block;
  position: relative;
}
  #main-menu ul li a:hover {
  color: #fff;
  background: transparent !important;
  text-decoration: none;
  color: #2d7d2f !important;
}
  .block-pgc-resource-block {
  margin-bottom: 20px;
  display: block;
  gap: 20px;
  justify-content: center;
}
}
  .navigation li {
  display: inline-block;
  list-style: none;
  margin-right: 12px;
}
  .navigation ul {padding: 0;}
@media screen and (max-width:767px) {
.pg-featured-link {display:block;margin-top: -10px;}
#pgc-contact-block {
  margin: 0;
  padding: 0;
  display: block;
}
#pgc-contact-block li {
  list-style-type: none;
  line-height: 35px;
  margin-top: 20px;
}
}
.pg-gift-details-body {
  margin-top: 20px;
  padding: 0 40px;
}
.pg-gift-details .accordion-header-text {
  outline: 0;
  text-align: left;
  background: #0082c4;
  border: 0;
  width: 100%;
  padding: 8px 10px 8px 30px;
}
#block-population-connection-howyourgifthelps {
background: #13376b;
  color: #fff;
  margin-bottom: 50px;
}
.pg-how-gift-helps {
max-width: 1280px;
  margin: auto;
  padding: 50px 0;
  text-align: center;
}
.pg-how-gift-helps h2 {color:#fff;}
.ui-accordion-content h2, .pg-gift-example-body {
padding: 0 40px;
}
#block-population-connection-views-block-gift-type-accordion-block-1 h2 {
text-align: center;
}
.staff {
display: flex;
  max-width: 1280px;
  margin: auto;
  justify-content: center;
  gap: 2%;
  padding: 30px 0;
}
@media screen and (max-width:767) {
.staff {display:block;}
}
.staff img {
border-radius: 50%;
}
#block-pgc-contact-block-pgc-contact-block h2 {
font-weight: bolder;
  color: #003057;
  line-height: 70px;
  font-size: 60px;
  font-size: 3.75rem;
margin: 0;}
}
@media screen and (max-width: 767px) {
.views-row {
  max-height: 400px;
  min-height: 400px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  flex-direction: column;
}
.views-row  img {
  min-width: 100% !important;
  width: auto !important;
  height: 100% !important;
  position: relative;
  flex: 0 1 100%;
  max-width: 100000000000px !important;
}
.pg-featured-link, .child-pages, .block-pgc-resource-block, #pgc-contact-block {display:block !important;}
}
.mobile-menu #main-menu li a {
  font-weight: 700;
  color: #133156;
  font-size: 22px;
}
.mobile-menu #main-menu ul {
  z-index: 999;
  padding: 10px;
  text-transform: none;
  position: relative;
  color: #133156;
  background: transparent;
  -webkit-box-shadow: 0px 0px 0px rgba(8, 8, 8, .27);
  box-shadow: 0px 0px 0px rgba(8, 8, 8, .27);
  text-align: left;
  transform: none;
  margin-top: 0px;
  top: 0;
  margin: 0;
border-left: 2px solid;
}
.mobile-menu #main-menu li.expanded ul li a {
  color: #133156;
  background: transparent;
  padding: 7px 10px;
  display: block;
  width: 220px;
  -webkit-transition: .3s all;
  transition: .3s all;
  font-size: 20px;
}
#menu-item-414, #menu-item-412, #menu-item-5233, #menu-item-535 {display:none;}
.mobile-menu #main-menu li.expanded > a:after {
    font-family: FontAwesome;
    content: "\f0d7";
    display: block;
    right: 0;
position: absolute;
top: 0;
  }
.mobile-menu #main-menu li:hover ul {
  display: none;
  position: relative;
}
.visible {
display:block !important;
}
.mobile-menu #main-menu li a {
  font-weight: 700;
  color: #133156;
  font-size: 22px;
  z-index: -1;
  position: relative;
width: 100%;
  display: block;
cursor: 
}
@media screen and (min-width:768px) {
#block-population-connection-menutogglejavascript-2 {display:none !important;}
}
.visible a {z-index: 1 !important;}
#main-menu li a {cursor: pointer;}
.mobile-menu #main-menu > li:first-child a, .mobile-menu #main-menu > li:last-child a {
z-index: 1;
}
#block-population-connection-howyourgifthelps, #block-population-connection-qcdsearch {padding: 0 20px;}
#block-population-connection-views-block-gift-type-accordion-block-1 h2 {text-align: center;}
.form-submit {
white-space: wrap;
}
@media screen and (min-width: 1200px) and (max-width: 1268px) {
 .col-lg-9 {

    flex: 0 0 auto;
    width: 68%;
  }
}
#block-population-connection-disclaimer {
  max-width: 1200px;
  margin: 40px auto;
}