/* ####################################################
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 City Scope website

Created by Sam Silvey
###################################################
*/
.slide_header {
  width: 100%;
  float: left;
  margin-bottom: 7em; }
  .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;
    max-height: 75vh; }
    .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; }

.cs_news_main .wrapper {
  max-width: 1440px;
  margin: 0 auto 0; }
  .cs_news_main .wrapper:before, .cs_news_main .wrapper:after {
    content: " ";
    display: table; }
  .cs_news_main .wrapper:after {
    clear: both; }
  @media (max-width: 1160px) {
    .cs_news_main .wrapper {
      width: 100%!important;
      float: left!important;
      margin: 0 0 0!important;
      padding: 0 1.5em!important; } }
.cs_news_main .logo_title {
  text-align: center;
  border-bottom: 2px solid #906931;
  margin: 0 1.6em 0 1.6em;
  width: calc(100% - (1.6em * 2));
  float: left; }
  .cs_news_main .logo_title h5 {
    font-family: 'HoeflerText-Roman';
    color: #906931;
    font-size: 1.9em;
    margin-bottom: 0.3em; }
    .cs_news_main .logo_title h5 sup {
      line-height: 1;
      top: -0.23em; }
  .cs_news_main .logo_title h2  {
    text-transform: uppercase;
    font-size: 5em;
/*     font-family: 'MajestiBanner-Bold'; */
	  font-family: 'GothamBook';
    margin-bottom: 0.8em; }

.css_per_cat {
  margin: 3.5em 0; }

.cs-article_list {
  width: 100%;
  float: left; }
  .cs-article_list li {
    width: 33.33%;
    float: left;
    padding: 1.6em;
    min-height: 47em;
  }

    @media (min-width: 767px) {
/*       .cs-article_list li:nth-child(3n+1) {
        clear: left!important;
		} */
}
    @media (min-width: 500px) and (max-width: 767px) {
      .cs-article_list li {
        width: 50%!important; }
        .cs-article_list li:nth-child(2n+1) {
          clear: left!important; } 
        }

    @media (max-width: 500px) {
      .cs-article_list li {
        width: 100% !important;
        padding: 1.6em 0!important; } }


    .cs-article_list li .article_featured {
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      background-color: transparent;
      display: block;
      height: 225px;
      width: 100%; }
      .cs-article_list li .article_details {
        /*       border-left: 4px solid #906931; */
        /*       padding-left: 1em; */
              margin-top: 1.2em; }
              .cs-article_list li .article_details .article_title {
        /*         font-family: 'PlayfairDisplay-Bold'; */
              font-family: 'GothamLight';
				  text-transform: none !important;
                font-size: 3em;
                line-height: 1;
                margin: 0 0 0.5em 0;
                min-height: 2em; 
              text-align:center;
        }
        @media (max-width: 1100px) {
          .cs-article_list li .article_details .article_title {
            font-size: 2.3em; } }
        @media (max-width: 500px) {
          .cs-article_list li .article_details .article_title {
            min-height: 0; } }
      .cs-article_list li .article_details .article_excerpt {
        min-height: 5.5em;
        margin-bottom: 0.7em;
        text-align:center;
       }
        @media (max-width: 500px) {
          .cs-article_list li .article_details .article_excerpt {
            min-height: 0; } }
      .cs-article_list li .article_details .article_link {
        font-family: 'GothamBlack';
        text-transform: uppercase;
        font-size: 1.8em; }

.more_articles {
  border-top: 2px dotted #906931;
  width: calc(100% - (1.6em * 2));
  float: left;
  margin: 5em 1.6em 5em 1.6em;
  position: relative; }
  .more_articles .load_more_btn {
    position: absolute;
    left: calc((100% - 3.8em) / 2);
    top: -0.8em;
    font-size: 1.6em;
    text-transform: uppercase;
    color: #906931;
    font-family: 'GothamMedium';
    width: 4.3em;
    height: 2.3em;
    text-align: center;
    background: url(../images/load-more.png) no-repeat scroll center bottom #fff;
    cursor: pointer; }

.all_articles {
  border-bottom: 7px solid #906931;
  width: calc(100% - (1.6em * 2));
  float: left;
  margin: 3em 1.6em 3em 1.6em;
  position: relative;
  display: none; }
  .all_articles .load_all_btn {
    float: right;
    font-size: 2.38em;
    text-transform: uppercase;
    font-family: 'GothamBlack';
    background: url(../images/allstories-link.png) no-repeat scroll right center #fff;
    padding: 0.35em 2.8em 0.35em 0;
    cursor: pointer;
    margin-bottom: 0.7em; }

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