#main-content {
  background-color: $white;

  &-col {
    padding-right: rem-calc(12px);
    min-height: 100vh;
    margin-bottom: 30px;
    &:focus {
      outline: none;
    }

    a {
      text-decoration: underline;
    }
  }

  &-col.resource-page h1{
    a{
      text-decoration: none;
      .hidden-icon{
        visibility:hidden;
        width: .9em;
        vertical-align: -.2em;
      }
    }
    a:hover .hidden-icon {
      visibility:visible;
      color: $lightgray;
    }
  }
}

.index-page {

  max-width: 1000px;

  h4 {

    >img{
      height: 16px;
      transform: translate(0, -10%);
      margin: 0 8px 0 4px;
    }
    > svg{
      height: 16px;
      transform: translate(0, -10%);
      margin: 0 8px 0 4px;
    }
  }

  .grid-container{
    margin: 40px 0;
  }

  h3{
    margin: 8px;
    border-bottom: 1px solid $border-dark;
  }

  .cell{
    -webkit-box-shadow: $box-shadow;
    box-shadow: $box-shadow;
    border: 1px solid transparent;
  }

}


// Skip links //
a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    border-radius: 15px;
    border:4px solid yellow;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}
