/*
Styles for the blog archive
Created on : 13 Dec 2019, 14:24:45
Author     : luke
*/
#blog_wrapper {
  font-family: "latolight";
  color: #828485;
  /*
  Styles for the blog single page
  */ }
  #blog_wrapper .blog-container {
    max-width: 1200px;
    margin: auto; }
  #blog_wrapper h1, #blog_wrapper h2 {
    font-family: "TradeGothicW01-BoldCn20";
    text-transform: uppercase;
    color: #EA2F50; }
  #blog_wrapper h1 {
    font-size: 46px;
    line-height: 46px;
    color: #5E5F60;
    margin: 10px auto; }
  #blog_wrapper #blog_header {
    position: relative;
    background-color: #E8EAEB;
    text-align: center;
    padding: 75px 25px;
    margin-bottom: 15px;
    font-size: 26px;
    font-family: "TradeGothicW01-BoldCn20";
    color: #828485;
    background-size: cover; }
    #blog_wrapper #blog_header h1 {
      text-transform: uppercase; }
    @media (min-width: 1024px) {
      #blog_wrapper #blog_header h1 {
        font-size: 60px; } }
    #blog_wrapper #blog_header p {
      margin-bottom: 0; }
    #blog_wrapper #blog_header .blog-container {
      z-index: 1;
      position: relative; }
  #blog_wrapper #blog_main {
    margin: 15px 0; }
  #blog_wrapper #blog_posts {
    /* 2 cols on portait phone and larger  */
    /* 3 cols on tablet and larger */ }
    @media (min-width: 700px) {
      #blog_wrapper #blog_posts {
        display: flex !important;
        flex-flow: row wrap; }
        #blog_wrapper #blog_posts .blog-item-wrapper {
          flex-basis: 50%; } }
    @media (min-width: 1024px) {
      #blog_wrapper #blog_posts .blog-item-wrapper {
        flex-basis: 33.33333%; } }
    #blog_wrapper #blog_posts .blog-item-wrapper .blog-item {
      text-transform: uppercase;
      margin: 20px; }
      #blog_wrapper #blog_posts .blog-item-wrapper .blog-item .blog-img {
        overflow: hidden;
        height: 250px; }
      #blog_wrapper #blog_posts .blog-item-wrapper .blog-item a:hover {
        text-decoration: none; }
        #blog_wrapper #blog_posts .blog-item-wrapper .blog-item a:hover h2 {
          text-decoration: underline; }
        #blog_wrapper #blog_posts .blog-item-wrapper .blog-item a:hover img {
          transform: scale(1.1); }
      #blog_wrapper #blog_posts .blog-item-wrapper .blog-item a {
        display: block; }
        #blog_wrapper #blog_posts .blog-item-wrapper .blog-item a .blog-date {
          color: #828485; }
      #blog_wrapper #blog_posts .blog-item-wrapper .blog-item img {
        width: 100%;
        object-fit: cover;
        height: 250px;
        overflow: hidden;
        transition: all ease 0.3s; }
  #blog_wrapper .single-blog-container {
    max-width: 800px;
    margin: auto;
    padding: 0 25px; }
  #blog_wrapper .single-blog-page {
    margin: 50px 0 100px; }
    #blog_wrapper .single-blog-page .blog-date {
      font-family: "TradeGothicW01-BoldCn20";
      text-transform: uppercase; }
  #blog_wrapper #blog_header.single-blog-hdr h1 {
    color: #fff; }
  @media (min-width: 1024px) {
    #blog_wrapper #blog_header.single-blog-hdr {
      padding: 125px 50px; } }
  #blog_wrapper #blog_header.single-blog-hdr a {
    color: #fff; }
  #blog_wrapper .single-blog-hdr::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(34, 34, 34, 0.25); }
  #blog_wrapper .blog-footer {
    margin-top: 50px; }
  #blog_wrapper .back-to-blog {
    font-family: "TradeGothicW01-BoldCn20";
    font-size: 20px; }

/*# sourceMappingURL=blog.css.map */