:root {
    --color-primary: #0061A9;
    --color-primary-alt: #0061A9;   /* shorthand used in original */
    --color-dark: #0061A9;
    --color-light: #fff;
    --color-gray: #888;
  }
  
  /* Layout adjustments */
  td#wideBlogTableLeftColumn {
      display: flex!important;
      flex-direction: column;
  }
  
  #wideBlogTable tbody tr {
      display: flex;
      justify-content: center;
      width: 100%;
  }

  .wideNewsContent h1 {
    margin-top: 0;
    color: #0061A9;
}
  
  img.blogTop5Image {
      width: 500px !important;
      border-radius: 5px;
  }
  
  /* Buttons and links */
  .subscribeToRssFeed a, a.blogTop5ReadMore {
      color: var(--color-light);
      width: 20rem;
      background-color: var(--color-primary);
      padding: .25rem .5rem;
      border-radius: 5px;
      font-size: .9rem;
      transition: all ease 300ms;
  }
  .subscribeToRssFeed a, a.blogTop5ReadMore:hover {
      color: var(--color-light);
      background-color: var(--color-primary);
  }
  
  #wideBlogTable tbody tr td#wideBlogTableRightColumn div.wideNewsContent {
      display: flex!important;
      flex-direction: column;
  }
  
  input#blogSearchInput {
      min-width: 18.5rem;
      margin-right: 0.3rem;
  }
  
  p#blogTitleSearch {
      width: 25%;
      margin-left: 1.5rem;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
  }
  
  .subscribeToRssFeed {
      display: none;
  }
  
  .wideNewsContent {
      padding: 0 1rem;
  }
  
  .wideNewsContent h1 {
      margin-top: 0;
  }
  
  .subscribeToRssFeed a {
      color: var(--color-primary);
  }
  
  td#wideBlogTableRightColumn {
      flex-wrap: wrap;
      max-width: 900px;
  }
  
  .blogLink a:nth-of-type(2) {
      max-width: 900px !important;
      background-color: var(--color-dark);
      border-radius: 3px;
      font-weight: 500 !important;
      font-size: 1.1rem;
      min-height: 2rem;
      display: flex;
      color: #ffffff;
      align-items: center;
      padding: .3rem .6rem .5rem;
      cursor: pointer;
      transition: .3s;
  }
  
  span.blogTop5Description {
      max-width: 100%;
  }
  
  .blogSocialWrapper {
    display: none!important;
  }
  
  td#wideBlogTableRightColumn span {
      margin: 0 !important;
  }
  
  td#wideBlogTableRightColumn .wideNewsContent img {
      margin: 0 !important;
  }
  
  img.responsiveImage {
      height: auto!important;
      width: 100%!important;
  }
  
  a.blogTop5ReadMore {
      color: var(--color-light);
      white-space: nowrap;
  }
  
  h6.blogTop5Headline {
      font-size: 1.3rem;
      margin: 0.5rem 0;
  }
  
  a.blogCategoryLink {
      line-height: 1.5rem;
      cursor:pointer;
      transition: all ease 150ms;
  }
  a.blogCategoryLink:hover {
      color: var(--color-gray);
  }
  
  /* Responsive Styles */
  @media only screen and (max-width: 1350px) {
    .tierOneBannerContainer {
      margin-left:2rem;
    }
    td#wideBlogTableLeftColumn {
      margin-left: 1rem;
    }
  }
  
  @media only screen and (max-width: 1000px) {
    .wideNewsContent {
        width:90%!important;
    }
  }
  
  @media only screen and (max-width: 900px) {
    #wideBlogTable tbody tr {
      flex-direction: column-reverse;
      align-items: center;
    }
    td#wideBlogTableLeftColumn {
        width: 90%!important;
        border-right: none!important;
    }
    #wideBlogTable iframe {
        width: 100%!important;
    }
    .blogLink a:nth-of-type(2) {
        max-width: 900px!important;
        background-color: var(--color-dark);
        border-radius: 3px;
        min-height: 4rem;
        display: flex;
        color: var(--color-primary-alt);
        align-items: center;
        padding: 0.3rem 0.6rem 0.5rem 0.6rem;
        cursor: pointer;
        transition: all ease 300ms;
    }
  }
  
  @media only screen and (max-width: 650px) {
    #wideBlogTable tbody tr {
        width: 100%;
    }
    #wideBlogTable  tbody {
      display: flex;
      justify-content: center;
      width: 100%;
    }
    table#wideBlogTable {
      display: flex;
      justify-content: center;
    }
  }
  
  @media only screen and (max-width: 570px) {
    #wideBlogTable tbody tr {
        width: 100%;
    }
    #wideBlogTable  tbody {
      display: flex;
      justify-content: center;
      width: 100%;
    }
    table#wideBlogTable {
      display: flex;
      justify-content: center;
    }
  }
  
  @media only screen and (max-width: 450px) {
    #wideBlogTable  tbody {
      display: flex;
      justify-content: center;
      width: 100%;
    }
  }
  
  @media only screen and (max-width: 390px) {
    #wideBlogTable  tbody {
      display: flex;
      justify-content: center;
      width: 100%;
    }
  }