@import (less) '../../../styles/variables.less';

.pageFooter {
  background-color: @black;
  overflow: auto;
  padding: @s32 @s24;
  position: relative;

  &.invert {
    background-color: @grey-pale;
    color: @black;
  }
}

.pageFooter--left {
  text-indent: -9999px;
  margin-bottom: @s16;
}

.pageFooter--left-logo {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  border-bottom: none;
  display: block;
  height: 20px;
  width: 100%;
  min-width: 100px;

  &.mobile {
    display: none;
  }

  @media @mobile{
    display: none;

    &.mobile {
      display: block;
    }
  }
}



.pageFooter--left-social {
  float: left;
  margin-top: 20px !important;
  margin-bottom: 30px !important;
  width: 100%;
}

.pageFooter--left-social li {
  float: left;
  height: 25px;
  margin-right: 10px;
  width: 25px;
}

.pageFooter--left-social a {
  display: block;
  height: 100%;
  width: 100%;
}

.pageFooter--left-social .facebook a {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 1a19 19 0 1 0 19 19A18.954 18.954 0 0 0 20 1zm3.958 19h-2.691v9.5h-3.959V20h-1.9v-3.325h1.9v-2.217a3.707 3.707 0 0 1 3.325-3.958h3.642v3.325h-2.058a.748.748 0 0 0-.792.792v2.058h3.008z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  height: 25px;
  width: 25px;
}

.pageFooter--left-social .facebook a:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 1a19 19 0 1 0 19 19A18.954 18.954 0 0 0 20 1zm3.958 19h-2.691v9.5h-3.959V20h-1.9v-3.325h1.9v-2.217a3.707 3.707 0 0 1 3.325-3.958h3.642v3.325h-2.058a.748.748 0 0 0-.792.792v2.058h3.008z' fill='%233b5999'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.pageFooter--left-social .twitter a {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 1A19 19 0 1 1 1 20 19.056 19.056 0 0 1 20 1zm9.025 15.833a14.671 14.671 0 0 0 2.217-2.216 6.636 6.636 0 0 1-2.375.633 4.045 4.045 0 0 0 1.9-2.375 13.697 13.697 0 0 1-2.692 1.108 3.986 3.986 0 0 0-3.167-1.425 4.257 4.257 0 0 0-4.275 4.275 2.008 2.008 0 0 0 .159.95 13.243 13.243 0 0 1-4.909-1.266 12.953 12.953 0 0 1-3.958-3.167 5.154 5.154 0 0 0-.633 2.217 3.798 3.798 0 0 0 1.9 3.483 4.216 4.216 0 0 1-1.9-.475 4.3 4.3 0 0 0 .95 2.692 3.733 3.733 0 0 0 2.533 1.425 2.695 2.695 0 0 1-1.108.158h-.792a4.053 4.053 0 0 0 1.583 2.058 4.785 4.785 0 0 0 2.534.792 8.285 8.285 0 0 1-5.384 1.9H10.5a11.934 11.934 0 0 0 6.492 1.9 10.23 10.23 0 0 0 4.275-.792 14.9 14.9 0 0 0 3.483-1.9 10.37 10.37 0 0 0 2.375-2.85 10.781 10.781 0 0 0 1.583-3.325 12.347 12.347 0 0 0 .475-3.483c-.158 0-.158-.158-.158-.317z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  height: 25px;
  width: 25px;
}

.pageFooter--left-social .twitter a:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 1A19 19 0 1 1 1 20 19.056 19.056 0 0 1 20 1zm9.025 15.833a14.671 14.671 0 0 0 2.217-2.216 6.636 6.636 0 0 1-2.375.633 4.045 4.045 0 0 0 1.9-2.375 13.697 13.697 0 0 1-2.692 1.108 3.986 3.986 0 0 0-3.167-1.425 4.257 4.257 0 0 0-4.275 4.275 2.008 2.008 0 0 0 .159.95 13.243 13.243 0 0 1-4.909-1.266 12.953 12.953 0 0 1-3.958-3.167 5.154 5.154 0 0 0-.633 2.217 3.798 3.798 0 0 0 1.9 3.483 4.216 4.216 0 0 1-1.9-.475 4.3 4.3 0 0 0 .95 2.692 3.733 3.733 0 0 0 2.533 1.425 2.695 2.695 0 0 1-1.108.158h-.792a4.053 4.053 0 0 0 1.583 2.058 4.785 4.785 0 0 0 2.534.792 8.285 8.285 0 0 1-5.384 1.9H10.5a11.934 11.934 0 0 0 6.492 1.9 10.23 10.23 0 0 0 4.275-.792 14.9 14.9 0 0 0 3.483-1.9 10.37 10.37 0 0 0 2.375-2.85 10.781 10.781 0 0 0 1.583-3.325 12.347 12.347 0 0 0 .475-3.483c-.158 0-.158-.158-.158-.317z' fill='%23429bd5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.pageFooter--left-social .linkedin a {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M39 20A19 19 0 1 1 20 1a18.823 18.823 0 0 1 16.625 9.975A17.881 17.881 0 0 1 39 20zm-9.658 8.708v-6.491a4.86 4.86 0 0 0-1.267-3.8 3.442 3.442 0 0 0-3.167-1.267 3.087 3.087 0 0 0-1.266.158l-.95.475c-.159.159-.475.317-.634.634-.158.158-.316.475-.475.633v-1.583h-3.8v11.4h3.8v-6.334a2.008 2.008 0 0 1 .159-.95 2.327 2.327 0 0 1 .791-.95 1.231 1.231 0 0 1 1.267-.316 1.543 1.543 0 0 1 1.425.633 4.216 4.216 0 0 1 .475 1.9v6.017zM15.25 15.25a2.358 2.358 0 0 0 .633-1.425 1.72 1.72 0 0 0-.633-1.425 2.033 2.033 0 0 0-1.583-.633 2.033 2.033 0 0 0-1.584.633 2.358 2.358 0 0 0-.633 1.425 1.72 1.72 0 0 0 .633 1.425 1.519 1.519 0 0 0 1.584.475 1.914 1.914 0 0 0 1.583-.475zm.317 13.458v-11.4h-3.8v11.4z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  height: 25px;
  width: 25px;
}

.pageFooter--left-social .linkedin a:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M39 20A19 19 0 1 1 20 1a18.823 18.823 0 0 1 16.625 9.975A17.881 17.881 0 0 1 39 20zm-9.658 8.708v-6.491a4.86 4.86 0 0 0-1.267-3.8 3.442 3.442 0 0 0-3.167-1.267 3.087 3.087 0 0 0-1.266.158l-.95.475c-.159.159-.475.317-.634.634-.158.158-.316.475-.475.633v-1.583h-3.8v11.4h3.8v-6.334a2.008 2.008 0 0 1 .159-.95 2.327 2.327 0 0 1 .791-.95 1.231 1.231 0 0 1 1.267-.316 1.543 1.543 0 0 1 1.425.633 4.216 4.216 0 0 1 .475 1.9v6.017zM15.25 15.25a2.358 2.358 0 0 0 .633-1.425 1.72 1.72 0 0 0-.633-1.425 2.033 2.033 0 0 0-1.583-.633 2.033 2.033 0 0 0-1.584.633 2.358 2.358 0 0 0-.633 1.425 1.72 1.72 0 0 0 .633 1.425 1.519 1.519 0 0 0 1.584.475 1.914 1.914 0 0 0 1.583-.475zm.317 13.458v-11.4h-3.8v11.4z' fill='%23017bb6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.pageFooter--left-social .instagram a {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 38.05A18.05 18.05 0 1 1 38.05 20 18.05 18.05 0 0 1 20 38.05zm4.061-27.827H15.94c-5.596 0-5.566 5.565-5.566 5.565v8.123c0 5.565 5.566 5.565 5.566 5.565h8.122c5.566 0 5.566-5.565 5.566-5.565v-8.123c0-5.565-5.566-5.565-5.566-5.565z'/%3E%3Cpath d='M27.822 23.76a3.595 3.595 0 0 1-3.911 3.911h-7.822a3.595 3.595 0 0 1-3.91-3.91v-7.822a3.595 3.595 0 0 1 3.91-3.911h7.822a3.595 3.595 0 0 1 3.91 3.91zM24.964 20A4.964 4.964 0 1 0 20 24.964 4.964 4.964 0 0 0 24.964 20zM20 23.31A3.31 3.31 0 1 1 23.31 20 3.324 3.324 0 0 1 20 23.31zm5.265-9.778a1.203 1.203 0 1 0 1.203 1.203 1.203 1.203 0 0 0-1.203-1.203z'/%3E%3Ccircle cx='20' cy='20' r='3.309' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  height: 25px;
  width: 25px;
}

.pageFooter--left-social .instagram a:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 38.05A18.05 18.05 0 1 1 38.05 20 18.05 18.05 0 0 1 20 38.05zm4.061-27.827H15.94c-5.596 0-5.566 5.565-5.566 5.565v8.123c0 5.565 5.566 5.565 5.566 5.565h8.122c5.566 0 5.566-5.565 5.566-5.565v-8.123c0-5.565-5.566-5.565-5.566-5.565z' fill='%23c84274'/%3E%3Cpath d='M27.822 23.76a3.595 3.595 0 0 1-3.911 3.911h-7.822a3.595 3.595 0 0 1-3.91-3.91v-7.822a3.595 3.595 0 0 1 3.91-3.911h7.822a3.595 3.595 0 0 1 3.91 3.91zM24.964 20A4.964 4.964 0 1 0 20 24.964 4.964 4.964 0 0 0 24.964 20zM20 23.31A3.31 3.31 0 1 1 23.31 20 3.324 3.324 0 0 1 20 23.31zm5.265-9.778a1.203 1.203 0 1 0 1.203 1.203 1.203 1.203 0 0 0-1.203-1.203z' fill='%23c84274'/%3E%3Ccircle cx='20' cy='20' r='3.309' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.pageFooter--right {
  float: left;
}

.pageFooter--right-topLine {
  position: absolute;
  right: 20px;
  top: 30px;
}

.pageFooter--right-topLine .return {
  margin-bottom: 13px;
  text-transform: uppercase;
  width: 38px;
}

.pageFooter--right-topLine .full {
  display: none;
}

.pageFooter--right-links ul {
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
}

.PageFooter,.wrapper,ul {
    padding-top: @s16 !important;
}

.PageFooter,.section,ul {
    padding-top: 0 !important;
}

.pageFooter--right-links li {
  margin-bottom: @s8;
  padding: 0;

  a {
    color: @white;
    text-decoration: none;
    &:hover {
      color: @grey-25;
    }
    &:visited{
      color: @grey-50;
    }
  }
}

.invert .pageFooter--right-links li {
  a {
    color: @black;
  }
  a:hover {
    color: @brand;
  }
  a:visited{
    color: @grey-50;
  }
}

.pageFooter--right-links .section {
  -webkit-column-count: 2;
  column-count: 2;
  margin: @s8 0 @s24;
}

.pageFooter--right-links .footer-title {
  text-align: left;
  text-transform: uppercase;
}

.pageFooter--branding {
  border-top: 1px solid @grey-50;
  float: left;
  padding-top: @s16;
  width: 100%;
  color: @white;
}

.invert .pageFooter--branding {
  color: @black;
}

.pageFooter--branding-logo {
  height: 11px;
  width: 114px;
}

.pageFooter--right-links .large-footer-link{
  margin: 7px 0 23px 0;
  clear: both;
  float: none;
  text-align: left;
  a{
    color: @white;
    font-size: 14px;
    font-family: "National Medium", system-ui;
    white-space: nowrap;
    border: 1px solid;
    padding: 8px 10px;
    &:hover{
      color: @grey-25;
    }
    &:visited{
      color: @grey-50;
    }
  }
  @media(min-width: 768px){margin: 7px 0 7px;}

}

.pageFooter--branding-copyright {
  display: inline-block;
  width: 100%;
}
@media (min-width:48rem) {
  .pageFooter {
    padding: @s32 @s64;
  }

  .pageFooter--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .pageFooter--left {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-right: 64px;
  }

  .pageFooter--right-topLine {
    border-bottom: 1px solid @grey-50;
    margin-bottom: @s16;
    position: static;
    text-align: right;

    a {
      color: @black;
    }
  }

  .pageFooter--right-topLine .full {
    display: inline-block;
  }

  .pageFooter--right-links .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .pageFooter--right-links .wrapper > li {
    -webkit-box-flex: 0;
    padding: 0 @s16;
    &:first-of-type {
      padding-left: 0;
    }
  }

  .pageFooter--right-links .section {
    -webkit-column-count: 1;
    column-count: 1;
    margin-bottom: 0;
    margin-right: @s4;
  }

  .pageFooter--right-links .section > li:last-child {
    padding-bottom: 0;
  }

  .pageFooter--branding {
    border-top: none;
    bottom: 36px;
    position: absolute;
    width: 216px;
  }
}
@media (min-width:58rem) {
  .pageFooter {
    padding: @s32;
  }

  .pageFooter--right {
    width: @md;
  }
}
@media (min-width:88.75rem) {
  .pageFooter {
    padding: @s32 0;
  }

  .pageFooter--branding {
    bottom: 0;
  }
}

.pageFooter {
  font-family: @sans;
  font-variant-numeric: lining-nums;
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke: 0.45px rgba(0,0,0,.1);
  color: @black;
  font-size: 12px;
  line-height: 1.17;
}

.pageFooter .footer-title {
  font-family: @sans;
  font-variant-numeric: lining-nums;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 1px;
  color: @white;
}

.pageFooter.invert .footer-title {
  color: @black;
}

.pageFooter .footer-title,
.pageFooter .return {
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-stroke: 0.45px rgba(0,0,0,.1);
}

.pageFooter .return {
  font-family: @sans;
  font-variant-numeric: lining-nums;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
}

#scrollTop {
  color: @black;
  min-width: 120px;
  cursor: pointer;
  font-size: 12px;
}
@media (min-width: 88.75rem) {
  .lock {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto !important;
    position: relative !important;
    padding: 0 60px;
    width: 1420px!important;
  }
}