/* PROJECT HUB ADDITION -- Jan 2022 */
.project-hub {
  display: flex; }
  @media (max-width: 550px) {
    .project-hub {
      flex-wrap: wrap; } }
  .project-hub__card {
    align-items: center;
    display: flex;
    height: 571px;
    justify-content: center;
    position: relative;
    text-align: center;
    width: 50%;
    z-index: 1; }
    @media (max-width: 1200px) {
      .project-hub__card {
        height: 50vw; } }
    @media (max-width: 1024px) {
      .project-hub__card {
        align-items: baseline;
        padding-top: 20%; } }
    @media (max-width: 768px) {
      .project-hub__card {
        padding-top: 15%; } }
    @media (max-width: 640px) {
      .project-hub__card {
        padding-top: 15%; } }
    @media (max-width: 550px) {
      .project-hub__card {
        align-items: center;
        height: 309px;
        padding-top: 0;
        width: 100%; } }
    .project-hub__card > div {
      position: relative;
      z-index: 3; }
    .project-hub__card h1 {
      color: #FFF;
      font-size: 90px;
      font-weight: 200;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: normal;
      margin: 0;
      pointer-events: none;
      -webkit-transition: all 0.275s ease-in-out;
      -moz-transition: all 0.275s ease-in-out;
      transition: all 0.275s ease-in-out; }
      @media (max-width: 640px) {
        .project-hub__card h1 {
          font-size: 40px !important;
          line-height: 52px !important; } }
    .project-hub__card:nth-of-type(1) {
      background-image: url("../../../../_resources/bgs/home-argentina.jpg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
    .project-hub__card:nth-of-type(2) {
      background-image: url("../../../../_resources/bgs/home-usa.jpg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
    .project-hub__card:before {
      background-color: #2f3640;
      bottom: 0;
      content: '';
      left: 0;
      opacity: 0;
      position: absolute;
      right: 0;
      top: 0;
      -webkit-transition: all 0.35s ease-in-out;
      -moz-transition: all 0.35s ease-in-out;
      transition: all 0.35s ease-in-out;
      z-index: 2; }
    .project-hub__card:hover:before {
      opacity: 0.35; }
    @media (min-width: 1025px) {
      .project-hub__card:hover ul {
        max-height: 300px;
        opacity: 1;
        top: 55px; } }
  .project-hub ul {
    list-style-type: none;
    margin: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 85px;
    -webkit-transition: max-height 0.275s ease-in-out, top 0.325s ease-in-out;
    -moz-transition: max-height 0.275s ease-in-out, top 0.325s ease-in-out;
    transition: max-height 0.275s ease-in-out, top 0.325s ease-in-out; }
    @media (max-width: 1024px) {
      .project-hub ul {
        max-height: unset;
        opacity: 1;
        top: 35px; } }
    @media (max-width: 640px) {
      .project-hub ul {
        top: 25px; } }
    @media (max-width: 550px) {
      .project-hub ul {
        margin-top: 23px;
        top: unset; } }
    .project-hub ul li {
      color: #FFF;
      font-size: 26px;
      font-weight: 300;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      text-transform: uppercase; }
      .project-hub ul li a {
        color: #FFF;
        text-decoration: underline;
        -webkit-transition: all 0.275s ease-in-out;
        -moz-transition: all 0.275s ease-in-out;
        transition: all 0.275s ease-in-out; }
        @media (max-width: 1024px) {
          .project-hub ul li a {
            font-size: 20px !important; } }
        @media (max-width: 550px) {
          .project-hub ul li a {
            font-size: 18px !important;
            line-height: 1.2 !important; } }
        .project-hub ul li a:hover {
          opacity: 0.6; }
      .project-hub ul li + li {
        padding-top: 21px; }
        @media (max-width: 640px) {
          .project-hub ul li + li {
            padding-top: 17px; } }

/*# sourceMappingURL=project-hub.css.map */