/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 14, 2018, 10:30:11 AM
    Author     : wh
*/
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 12, 2018, 3:21:41 PM
    Author     : wh
*/
@font-face {
  font-family: "Lapotaise";
  src: url(../fonts/lapontaise-light/lapontaise-light.woff);
  font-style: normal;
  font-weight: normal;
}
body.post-type-archive-press, body.single-press {
  background-color: #d8d7d6;
}
body.post-type-archive-press .nav-column.shortcuts, body.single-press .nav-column.shortcuts {
  position: static;
}
body.post-type-archive-press .header-content, body.single-press .header-content {
  background-color: #d8d7d6;
}
body.post-type-archive-press #main, body.single-press #main {
  padding: 0 2.5%;
  padding-top: 90px;
}
body.post-type-archive-press #main .grid-sizer, body.post-type-archive-press #main .press-item, body.single-press #main .grid-sizer, body.single-press #main .press-item {
  width: 47%;
  margin: 1.5%;
  margin-bottom: 70px;
}
body.post-type-archive-press #main .press-item, body.single-press #main .press-item {
  border-top: 7px solid #000;
  cursor: pointer;
}
body.post-type-archive-press #main .press-item .post-edit-link, body.single-press #main .press-item .post-edit-link {
  font-size: 0.6rem;
  font-family: "Arial Nova W01", Arial, Helvetica, sans-serif;
  letter-spacing: 0;
  text-transform: uppercase;
  color: inherit;
  text-decoration: none;
  position: absolute;
  right: 0;
  top: 10px;
}
body.post-type-archive-press #main .press-item h5, body.single-press #main .press-item h5 {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 200;
  margin-top: 5px;
  margin-bottom: 3rem;
}
body.post-type-archive-press #main .press-item h5 img, body.single-press #main .press-item h5 img {
  height: 40px;
  width: auto;
}
body.post-type-archive-press #main .press-item h4, body.single-press #main .press-item h4 {
  font-size: 4rem;
  margin: 2rem 0;
  padding-right: 20%;
}
body.post-type-archive-press #main .press-item .more-tag, body.single-press #main .press-item .more-tag {
  display: block;
  font-weight: 700;
  text-decoration: none;
  color: inherit;
}
body.post-type-archive-press #main .press-item .excerpt p:first-child, body.single-press #main .press-item .excerpt p:first-child {
  margin-top: 0;
}
body.post-type-archive-press #main .press-item .excerpt p:last-of-type, body.single-press #main .press-item .excerpt p:last-of-type {
  margin-bottom: 0;
}

body.single-press #main {
  padding-left: 0;
  padding-right: 0;
  max-width: 1100px;
  margin: 0 auto;
  padding: 90px 4%;
}
body.single-press #main .press-item {
  width: 100%;
  margin: 0;
}
body.single-press h1 a {
  color: inherit;
  text-decoration: none;
  display: inline-block;
  margin: 0 5px;
}
body.single-press h1 a.prevnext {
  position: relative;
  top: 1px;
}

@media screen and (max-width: 1200px) {
  body.post-type-archive-press #main .press-item h4, body.single-press #main .press-item h4 {
    font-size: 3rem;
  }
}
@media screen and (max-width: 500px) {
  body.post-type-archive-press #main .grid-sizer, body.post-type-archive-press #main .press-item, body.single-press #main .grid-sizer, body.single-press #main .press-item {
    width: auto;
    margin-bottom: 30px;
  }
  body.post-type-archive-press #main .press-item h4, body.single-press #main .press-item h4 {
    padding-right: 0;
  }
  body.single-press .page-title {
    position: static;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    margin-top: 30px;
  }
  body.single-press .page-title h1 {
    font-size: 1rem;
  }
}