/* ####################################################
NOTE
I am coding styles using SASS (.scss) which is then compiled using Compass into this .css

This is (.scss) file for Football website

Created by Sam Silvey
###################################################
*/
/* ####################################################
NOTE
I am coding styles using SASS (.scss) which is then compiled using Compass into this .css

This is (.scss) file for variables and mixins of Football website

Created by Sam Silvey
###################################################
*/
.slide_header {
  width: 100%;
  float: left; }
  .slide_header .slides .slide_item {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    padding: 80px 0 0 0;
    height: calc( 100vh - 43px );
    text-align: right;
    position: relative; }
    .slide_header .slides .slide_item img {
      right: 10vw;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      max-width: 80vw; }
  .slide_header .football_news_title {
    position: absolute;
    bottom: 0.5em;
    left: 0;
font-family: 'Patua One', cursive;
    border-bottom: 3px solid #fff;
    color: #fff;
    text-transform: capitalize;
    font-size: 12em;
    line-height: 0.9;
    padding-left: 0.2em; }
    @media (max-width: 767px) {
      .slide_header .football_news_title {
        font-size: 5em; } }

.footballs_per_cat.has_blogs {
  margin: 5em 0; }
.footballs_per_cat.no_blogs {
  margin: 35em 0; }
.footballs_per_cat .cat_title {
  width: 100%;
  float: left;
  margin-bottom: 5em; }
  .footballs_per_cat .cat_title h2 {
font-family: 'Patua One', cursive;
    border-bottom: 4px solid #51b5e7;
    display: inline-block;
    padding-left: 8vw; }

.football-blog_list {
  width: 100%;
  float: left; }
  .football-blog_list li {
    float: left;
    width: 50%;
    padding: 0.47vw;
    height: 29vw;
    min-height: 300px; }
    @media (max-width: 550px) {
      .football-blog_list li {
        width: 100%; } }
    .football-blog_list li.small .football_post_wrap .pd_post_content .post_main {
      padding: 1.2em 1.8em; }
    @media (max-width: 767px) {
      .football-blog_list li.medium .football_post_wrap .pd_post_content .post_main {
        padding: 1.2em 1.8em; } }
    @media (max-width: 767px) {
      .football-blog_list li.medium .football_post_wrap .pd_post_content .post_main > p {
        display: none; } }
    @media (max-width: 767px) {
      .football-blog_list li.medium .football_post_wrap .pd_post_content .post_main .read-more-link {
        display: none; } }
    .football-blog_list li .football_post_wrap {
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      background-color: transparent;
      width: 100%;
      height: 100%;
      position: relative;
      display: block; }
      .football-blog_list li .football_post_wrap .pd_post_content {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        color: #fff; }
        .football-blog_list li .football_post_wrap .pd_post_content h6 {
          padding: 0 0 0 1.5em; }
          @media (max-width: 1100px) {
            .football-blog_list li .football_post_wrap .pd_post_content h6 {
              font-size: 1.5em;
              margin-bottom: 0.3em;
              padding: 0 0 0 0.7em; } }
        .football-blog_list li .football_post_wrap .pd_post_content .post_main {
          background-color: rgba(81, 181, 231, 0.85);
          position: relative;
          padding: 1.2em 1.8em 2.5em 1.8em; }
          .football-blog_list li .football_post_wrap .pd_post_content .post_main h3 {
            font-family: 'kurry_ecoregular';
            text-transform: capitalize;
            line-height: 0.9; }
            @media (max-width: 1100px) {
              .football-blog_list li .football_post_wrap .pd_post_content .post_main h3 {
                font-size: 2.5em; } }
          .football-blog_list li .football_post_wrap .pd_post_content .post_main .read-more-link {
            position: absolute;
            bottom: 0.5em;
            right: 1em;
            font-size: 1.6em;
            text-transform: uppercase;
            font-family: 'GothamBold';
            background: url(../images/icon-more.png) no-repeat right center transparent;
            padding-right: 12px; }

/*# sourceMappingURL=football-cats.css.map */