.single-resource {
  overflow-x: hidden; }
  .single-resource h1, .single-resource h2, .single-resource h3, .single-resource h4, .single-resource h5, .single-resource h6 {
    float: none; }
  .single-resource .container {
    display: flex;
    align-items: stretch; }
  .single-resource .main-content {
    flex: 1 1 66%;
    padding-right: 1em;
    padding-top: 1em; }
  .single-resource .sidebar {
    flex: 1 1 33%;
    background-color: #E3E8EA;
    background-image: linear-gradient(to right, #D5D9DC 0%, #DFE4E7 33%);
    padding: 2em 1em;
    position: relative;
    overflow: visible; }
    .single-resource .sidebar:after, .single-resource .sidebar:before {
      display: block;
      position: absolute;
      width: 2000px;
      height: 100%;
      background-color: #DFE4E7;
      top: 0;
      right: 0;
      transform: translateX(100%);
      content: ''; }
    .single-resource .sidebar:before {
      display: none;
      right: auto;
      left: 0;
      transform: translateX(-100%); }
  @media (max-width: 992px) {
    .single-resource .container {
      flex-wrap: wrap; }
    .single-resource .main-content,
    .single-resource .sidebar {
      background-image: none;
      flex-basis: 100%; }
      .single-resource .main-content:before, .single-resource .main-content:after,
      .single-resource .sidebar:before,
      .single-resource .sidebar:after {
        display: block;
        background-color: #E3E8EA; }
    .single-resource .sidebar {
      background-color: #E3E8EA; }
    .single-resource .main-content {
      padding-right: 0; } }
  @media (max-width: 650px) {
    .single-resource .main-content {
      padding-left: 15px;
      padding-right: 15px; } }

.resource__meta {
  margin: 2em 0;
  color: #5D6369; }

.resource__meta__date,
.resource__meta__categories {
  padding-left: 24px;
  background-size: auto 100%;
  background-position: left center;
  background-repeat: no-repeat; }

.resource__meta__date {
  margin-right: 1em;
  background-image: url([object Object]); }

.resource__meta__categories {
  background-image: url([object Object]); }

.sidebar-card {
  padding: 1em;
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17);
  display: block;
  transition: all 0.15s ease-out;
  margin-bottom: 1em;
  transition: all 0.15s ease-out; }
  .sidebar-card:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.17);
    color: #013cbe; }

.sidebar-card--icon {
  background-repeat: no-repeat;
  background-size: 20px auto;
  background-position: 1em center;
  padding-left: calc(2em + 20px); }
  .sidebar-card--icon.pdf {
    background-image: url([object Object]); }
  .sidebar-card--icon.doc, .sidebar-card--icon.docx {
    background-image: url([object Object]); }