body {
  font-family: "Lato", sans-serif; }

#header {
  text-align: center;
  margin-bottom: 170px; }

#blogList {
  display: flex;
  padding-top: 35px; }
  #blogList > .row {
    width: 100%; }
  #blogList header {
    display: none; }
  #blogList article {
    margin-top: -23px; }
  #blogList #archive {
    border: 1px solid #004071; }
    #blogList #archive h4 {
      background: #004071;
      color: #fff;
      text-align: center;
      font-family: "Lato", sans-serif;
      font-weight: bold;
      font-size: 18px;
      text-transform: uppercase;
      padding: 5px; }
    #blogList #archive span {
      display: none; }
    #blogList #archive .smartArchive {
      list-style: none;
      padding: 0px 0px 10px 18px; }
      #blogList #archive .smartArchive li {
        padding-bottom: 10px; }
        #blogList #archive .smartArchive li a {
          color: #004071; }
  #blogList #categoriesList {
    margin-top: 30px;
    border: 1px solid #004071; }
    #blogList #categoriesList h4 {
      background: #004071;
      color: #fff;
      text-align: center;
      padding: 5px;
      text-transform: uppercase;
      font-family: "Lato", sans-serif;
      font-weight: bold;
      font-size: 18px; }
    #blogList #categoriesList ul {
      padding: 0px 0px 10px 18px; }
      #blogList #categoriesList ul li {
        list-style: none;
        padding-bottom: 10px; }
        #blogList #categoriesList ul li .smartCategory {
          color: #004071; }
  #blogList #blogPageLatest {
    margin-top: 30px;
    border: 1px solid #004071; }
    #blogList #blogPageLatest h4 {
      background: #004071;
      color: #fff;
      text-align: center;
      padding: 5px;
      text-transform: uppercase;
      font-family: "Lato", sans-serif;
      font-weight: bold;
      font-size: 18px; }
    #blogList #blogPageLatest #latestPostCol {
      padding-bottom: 18px; }
      #blogList #blogPageLatest #latestPostCol .postBody a {
        color: #004071; }
      #blogList #blogPageLatest #latestPostCol .dates {
        font-size: 12px; }
  #blogList .postList .post {
    margin-bottom: 30px; }
    #blogList .postList .post h3 {
      margin-bottom: 20px;
      font-family: "Lato", sans-serif;
      font-size: 28px;
      font-weight: bold; }
      #blogList .postList .post h3 a {
        text-decoration: none;
        color: #004071; }
    #blogList .postList .post img {
      margin-bottom: 1em; }
    #blogList .postList .post p {
      color: #4a4a4a;
      letter-spacing: .24px; }
    #blogList .postList .post footer {
      border-top: 1px solid #6a6a6a;
      padding: 10px 0;
      margin: 20px 0 0;
      background: #fff; }
      #blogList .postList .post footer .tagList {
        list-style: none; }
        #blogList .postList .post footer .tagList li {
          float: left;
          margin-left: 5px; }
      #blogList .postList .post footer .col-md-6 {
        font-size: 12px;
        padding: 0; }
        #blogList .postList .post footer .col-md-6 p {
          margin: 0; }
          #blogList .postList .post footer .col-md-6 p a {
            color: #004071; }
      #blogList .postList .post footer .col-md-6:last-child {
        display: flex;
        justify-content: flex-end; }
  #blogList .tagList a {
    color: #004071; }
  #blogList .pagingSummary {
    display: none; }
  #blogList article > nav:nth-child(2) {
    display: none; }
  #blogList .pagination {
    justify-content: space-evenly;
    margin-bottom: 3em; }
    #blogList .pagination .pageFirst, #blogList .pagination .pageLast {
      display: none; }
    #blogList .pagination .pageItem {
      border: 1px solid #004071;
      color: #004071;
      padding: 15px 17px; }
    #blogList .pagination .pageCurrent {
      background: #004071;
      color: #fff;
      padding: 15px 17px; }
    #blogList .pagination .pagePrev, #blogList .pagination .pageNext {
      border: 1px solid #004071;
      color: #004071;
      padding: 15px 17px;
      cursor: pointer; }

#postPageBody {
  margin-top: 200px; }
  #postPageBody .blogImage {
    padding: 0; }
    #postPageBody .blogImage img {
      width: 100%; }
  #postPageBody #header {
    display: none; }
  #postPageBody .postPrevious {
    float: left; }
  #postPageBody .postNext {
    float: right; }
  #postPageBody .orange-button {
    min-width: 260px;
    min-height: 50px;
    background: #ffa000;
    border-radius: 25px;
    border: 2px solid #fff;
    font-size: 20px;
    color: #fff;
    padding: 7px 0;
    text-align: center;
    text-transform: uppercase;
    -moz-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    font-weight: 300; }
    #postPageBody .orange-button:hover {
      background: #004071;
      cursor: pointer; }
      #postPageBody .orange-button:hover a {
        text-decoration: none; }
  #postPageBody .videoPlayer {
    display: flex;
    justify-content: center;
    margin: 5em 0; }
  #postPageBody .innerPostBody {
    margin-top: 30px; }
    #postPageBody .innerPostBody h1 {
      font-size: 36px;
      color: #004071;
      font-family: Lato, sans-serif;
      font-weight: bold;
      margin-bottom: 15px; }
    #postPageBody .innerPostBody p {
      color: #6a6a6a; }
    #postPageBody .innerPostBody .imageRow {
      margin-top: 30px;
      margin-bottom: 30px; }
      #postPageBody .innerPostBody .imageRow img {
        width: 100%; }
    #postPageBody .innerPostBody .postAuthor {
      margin-bottom: 20px;
      font-size: 14px; }
      #postPageBody .innerPostBody .postAuthor span {
        font-style: italic; }
        #postPageBody .innerPostBody .postAuthor span a {
          color: #004071; }

.addthis {
  text-align: center;
  margin-bottom: 30px;
  color: #004071;
  text-transform: uppercase; }
  .addthis .row {
    padding-bottom: 10px; }

/* Responsive
============================ */
@media (max-width: 767px) {
  #header {
    margin-top: 200px;
    margin-bottom: 100px; }
    #header p span {
      font-size: 24px; }
  #blogList {
    justify-content: center; }
    #blogList .side-bar {
      order: 1;
      margin-bottom: 38px; }
    #blogList article .postList .post {
      margin-top: 30px; }
      #blogList article .postList .post img {
        width: 100%; }
      #blogList article .postList .post footer {
        height: 50px; }
        #blogList article .postList .post footer .col-md-6:last-child {
          justify-content: flex-start; }
          #blogList article .postList .post footer .col-md-6:last-child .tagList li {
            margin: 0; }
  .post-header {
    text-align: center;
    margin-top: 200px; }
    .post-header p span {
      font-size: 24px; }
  #postPageBody {
    margin-top: 125px; }
    #postPageBody .col-md-10 {
      margin: 0; }
      #postPageBody .col-md-10 img {
        margin: 0;
        width: 100%; }
    #postPageBody .videoPlayer .col-md-12 {
      position: relative; }
      #postPageBody .videoPlayer .col-md-12 iframe {
        width: 100%;
        height: 100%; } }