/*********************
COLORS
*********************/
.landing-page {
  /* Medium Devices, Desktops */
  /****************************************************************************
    Header styles
  ****************************************************************************/
  /****************************************************************************
    Arrow block styles
  ****************************************************************************/
  /****************************************************************************
    Card block styles
  ****************************************************************************/
  /****************************************************************************
    Publish block styles
  ****************************************************************************/
  /****************************************************************************
    Resources block styles
  ****************************************************************************/
  /****************************************************************************
    Page specific styles
  ****************************************************************************/ }
  .landing-page h2 {
    text-transform: none; }
  .landing-page .is-flex {
    margin-right: -15px;
    margin-left: -15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .landing-page .is-flex > [class*='col-'] {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
  .landing-page .bg-shade {
    background-color: #edf4f9; }
  .landing-page .carousel-showmanymoveone {
    margin: 0 40px; }
  .landing-page .carousel-showmanymoveone .item {
    -webkit-transition: all 0.3s linear !important;
    -o-transition: all 0.3s linear !important;
    transition: all 0.3s linear !important; }
    .landing-page .carousel-showmanymoveone .item .thumb {
      background-position: center top;
      background-size: cover;
      width: 100%;
      height: 0;
      padding-bottom: 66.25%;
      margin-bottom: 2.5rem; }
    .landing-page .carousel-showmanymoveone .item a {
      display: block;
      text-align: center; }
      .landing-page .carousel-showmanymoveone .item a h3 {
        color: #162335;
        margin: 0; }
      .landing-page .carousel-showmanymoveone .item a p {
        margin: 0;
        text-transform: capitalize; }
  .landing-page .carousel-showmanymoveone .carousel-inner > .next.left > div:not(.cloneditem-2) h3, .landing-page .carousel-showmanymoveone .carousel-inner > .next.left > div:not(.cloneditem-2) p,
  .landing-page .carousel-showmanymoveone .carousel-inner > .prev.right > div.cloneditem-1 h3,
  .landing-page .carousel-showmanymoveone .carousel-inner > .prev.right > div.cloneditem-1 p, .landing-page .carousel-showmanymoveone .carousel-inner > .prev.right > div.cloneditem-2 h3, .landing-page .carousel-showmanymoveone .carousel-inner > .prev.right > div.cloneditem-2 p {
    opacity: 0; }
  .landing-page .carousel-showmanymoveone .carousel-control {
    width: 4%;
    background-image: none;
    opacity: 1; }
    .landing-page .carousel-showmanymoveone .carousel-control span {
      position: absolute;
      top: 35%;
      transform: translateY(-50%);
      color: #2f6aba;
      font-size: 3.25rem;
      text-shadow: none;
      opacity: 1; }
  .landing-page .carousel-showmanymoveone .carousel-control.left {
    margin-left: 0;
    left: -30px; }
    .landing-page .carousel-showmanymoveone .carousel-control.left span {
      right: 10px; }
  .landing-page .carousel-showmanymoveone .carousel-control.right {
    margin-right: 0;
    right: -30px; }
    .landing-page .carousel-showmanymoveone .carousel-control.right span {
      left: 10px; }
  @media only screen and (max-width: 767px) {
    .landing-page .carousel .item .col-xs-12 {
      padding: 0; }
    .landing-page .carousel-showmanymoveone .cloneditem-1,
    .landing-page .carousel-showmanymoveone .cloneditem-2,
    .landing-page .carousel-showmanymoveone .cloneditem-3 {
      display: none; }
    .landing-page .carousel .item .col-xs-12:nth-last-child(-n+2) {
      display: none; }
    .landing-page .carousel-showmanymoveone .carousel-control.left span {
      right: 0; }
    .landing-page .carousel-showmanymoveone .carousel-control.right {
      margin-right: 0;
      right: -30px; }
      .landing-page .carousel-showmanymoveone .carousel-control.right span {
        left: 0; } }
  @media all and (min-width: 768px) {
    .landing-page .carousel-showmanymoveone .carousel-inner > .active.left,
    .landing-page .carousel-showmanymoveone .carousel-inner > .prev {
      left: -33%; }
    .landing-page .carousel-showmanymoveone .carousel-inner > .active.right,
    .landing-page .carousel-showmanymoveone .carousel-inner > .next {
      left: 33%; }
    .landing-page .carousel-showmanymoveone .carousel-inner > .left,
    .landing-page .carousel-showmanymoveone .carousel-inner > .prev.right,
    .landing-page .carousel-showmanymoveone .carousel-inner > .active {
      left: 0; }
    .landing-page .carousel-showmanymoveone .carousel-inner .cloneditem-2,
    .landing-page .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
      display: block; } }
  @media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
    .landing-page .carousel-showmanymoveone .carousel-inner > .item.active.right,
    .landing-page .carousel-showmanymoveone .carousel-inner > .item.next {
      -webkit-transform: translate3d(33%, 0, 0);
      transform: translate3d(33%, 0, 0);
      left: 0; }
    .landing-page .carousel-showmanymoveone .carousel-inner > .item.active.left,
    .landing-page .carousel-showmanymoveone .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-33%, 0, 0);
      transform: translate3d(-33%, 0, 0);
      left: 0; }
    .landing-page .carousel-showmanymoveone .carousel-inner > .item.left,
    .landing-page .carousel-showmanymoveone .carousel-inner > .item.prev.right,
    .landing-page .carousel-showmanymoveone .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0; } }
  .landing-page header {
    background: #162335;
    color: white;
    margin-bottom: 9.375rem; }
    .landing-page header h1 {
      margin-top: 4.375rem;
      margin-bottom: 0; }
    .landing-page header p {
      margin: 1.375rem 0;
      padding-bottom: 1.375rem;
      padding-right: 8.33333333%; }
    .landing-page header a {
      color: #2cd6ff; }
    .landing-page header .img-wrap {
      background-size: cover;
      background-position: left;
      position: relative;
      height: 0;
      padding-bottom: 106.25%;
      margin: 0 0 4rem; }
    @media only screen and (min-width: 768px) {
      .landing-page header h1 {
        margin-top: 4.375rem;
        margin-bottom: 0; }
      .landing-page header p {
        margin: 4.375rem 0;
        padding-bottom: 4.375rem;
        padding-right: 8.33333333%; }
      .landing-page header .img-wrap {
        height: 100%;
        margin: 4.375rem 0;
        padding-bottom: 0; } }
  .landing-page .arrow-block {
    padding: 0 0 9.375rem; }
    .landing-page .arrow-block:last-of-type {
      padding-bottom: 0; }
    .landing-page .arrow-block h2 {
      text-transform: none; }
    .landing-page .arrow-block .ab-info h2 {
      margin: 0; }
    .landing-page .arrow-block .ab-info p {
      margin: 4.688rem 0 3.125rem; }
    .landing-page .arrow-block .ab-items .ab-item {
      position: relative;
      margin-bottom: 3.125rem; }
      .landing-page .arrow-block .ab-items .ab-item .copy {
        width: calc(100% - 45px);
        padding-right: 8px; }
      .landing-page .arrow-block .ab-items .ab-item .icon {
        position: absolute;
        width: 25px;
        height: 25px;
        top: 50%;
        right: 20px;
        transform: translateY(-50%) translateX(0px);
        transition: all .3s ease; }
        .landing-page .arrow-block .ab-items .ab-item .icon line, .landing-page .arrow-block .ab-items .ab-item .icon polyline {
          transition: all .3s ease; }
      .landing-page .arrow-block .ab-items .ab-item a h3 {
        transition: all .3s ease; }
      .landing-page .arrow-block .ab-items .ab-item a h3 {
        color: #162335; }
      .landing-page .arrow-block .ab-items .ab-item a:hover h3 {
        color: #2cd6ff; }
      .landing-page .arrow-block .ab-items .ab-item a:hover .icon {
        transform: translateX(3px) translateY(-50%); }
        .landing-page .arrow-block .ab-items .ab-item a:hover .icon line, .landing-page .arrow-block .ab-items .ab-item a:hover .icon polyline {
          stroke: #2cd6ff; }
    @media only screen and (min-width: 768px) {
      .landing-page .arrow-block .ab-items .ab-item .copy {
        width: calc(100% - 20%); }
      .landing-page .arrow-block .ab-items .ab-item .icon {
        right: 30px; } }
  .landing-page .cards-block {
    padding: 9.375rem 0; }
    .landing-page .cards-block:last-of-type {
      padding-bottom: 0; }
    .landing-page .cards-block p {
      margin: 4.688rem 0 4.8rem; }
  .landing-page .publish-block {
    padding: 9.375rem 0; }
    .landing-page .publish-block:first-of-type {
      padding-top: 0; }
    .landing-page .publish-block h3 {
      color: #2d276b;
      margin: 3.125rem 0; }
    .landing-page .publish-block p {
      margin: 0 0 3.125rem;
      font-size: 1.313rem;
      color: #2f6aba;
      max-width: 75%; }
      .landing-page .publish-block p span {
        display: block; }
      .landing-page .publish-block p .byline {
        margin: 1.563rem 0 3.125rem;
        font-size: 1rem;
        font-weight: bold;
        color: #2d276b; }
      .landing-page .publish-block p .date {
        color: #2d276b; }
  .landing-page .resources {
    padding: 9.375rem 0 0; }
    .landing-page .resources .res-block {
      margin-bottom: 4.688rem; }
      .landing-page .resources .res-block > div[class*="col-"]:first-of-type {
        text-align: right; }
      .landing-page .resources .res-block h3 {
        margin: 1.25rem 0 3.125rem; }
      .landing-page .resources .res-block ul {
        list-style: none;
        padding: 0;
        margin: 0; }
        .landing-page .resources .res-block ul li {
          padding: 0;
          margin-bottom: 1.875rem;
          font-size: 1rem;
          letter-spacing: 0.05rem; }
          .landing-page .resources .res-block ul li ul {
            margin-top: 1.875rem; }
            .landing-page .resources .res-block ul li ul li {
              margin-left: 3.125rem; }
      .landing-page .resources .res-block.case-studies {
        margin-top: 3.125rem; }
        .landing-page .resources .res-block.case-studies svg {
          width: 71.67px;
          height: 69.07px;
          max-width: 100%; }
      .landing-page .resources .res-block.educator-guides svg {
        width: 53.08px;
        height: 73.47px;
        max-width: 100%; }
      .landing-page .resources .res-block.case-studies svg {
        width: 71.48px;
        height: 62.91px;
        max-width: 100%; }
  .landing-page.connected-courses header .img-wrap {
    background-image: url("../images/landing/cc_header.jpg"); }
  .landing-page.connected-libraries header .img-wrap {
    background-image: url("../images/landing/cl_header.jpg");
    background-position: right bottom; }
  .landing-page.connected-teaching header .img-wrap {
    background-image: url("../images/landing/cl_teaching.jpg");
    background-position: center; }
  .landing-page.connected-educators header {
    margin-bottom: 0; }
    .landing-page.connected-educators header .img-wrap {
      background-image: url("../images/landing/cl_educators.jpg");
      background-position: center top; }
  .landing-page.connected-educators .jump-nav {
    margin-bottom: 4.688rem; }
    .landing-page.connected-educators .jump-nav ul {
      padding: 0;
      margin: 0;
      list-style: none;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      flex-wrap: wrap; }
      .landing-page.connected-educators .jump-nav ul li {
        margin-right: 20px;
        margin-bottom: 10px; }
        .landing-page.connected-educators .jump-nav ul li a {
          display: block;
          padding: 10px 20px 11px;
          white-space: nowrap; }
  .landing-page.connected-civics header .img-wrap {
    background-image: url("../images/landing/cl_civics.jpg");
    background-position: center top; }

/*# sourceMappingURL=landing-pages.css.map */