
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: url('Lato-Lig.ttf');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('Lato-Reg.ttf');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url('Lato-Bol.ttf');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: url('Lato-Bla.ttf');
}

@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 300;
    src: url('Lato-LigIta.ttf');
}

@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    src: url('Lato-Ita.ttf');
}

@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    src: url('Lato-BolIta.ttf');
}

@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 900;
    src: url('Lato-BlaIta.ttf');
}

* {
    font-family: Lato,Helvetica Neue,Helvetica,sans-serif !important;
    -webkit-print-color-adjust: exact;
}

html, body {
    font-size: 8pt;
    -webkit-print-color-adjust: exact;
    color: black;
}

hr {
    display: block;
}

/* PRINTING - VIA HTML5 Boilerplate */
*,:before,:after,:first-letter,:first-line {
    box-shadow: none !important;
    text-shadow: none !important;
}

a,a:visited {
    font-weight: 600;
    color: #399FC3;
    text-decoration: none;
    -webkit-print-color-adjust: exact;
}

a.showURL[href]:after {
    font-weight: 200;
    text-decoration: none;
    content: " (" attr(href) ")";
    -webkit-print-color-adjust: exact;
    opacity: 0.4;
}

abbr[title]:after {
    color: #444;
    font-weight: 200;
    content: " (" attr(title) ")";
    -webkit-print-color-adjust: exact;
}

/*
 * Don't show links that are fragment identifiers,
 * or use the `javascript:` pseudo protocol
 */
a[href^="#"]:after,a[href^="javascript:"]:after {
    content: "";
}

/*
 * Printing Tables:
 * http://css-discuss.incutio.com/wiki/Printing_Tables
 */
thead {
    display: table-header-group;
}

tr,img {
    page-break-inside: avoid;
}

p,h2,h3 {
    orphans: 3;
    widows: 3;
}

h2,h3 {
    page-break-after: avoid;
}



/* tables */
table {
    width:100%;
    border-collapse:collapse;
    display: table-header-group;
    font-size: 8pt;
    border: none;
}

table th, table td {
    text-align:left;
    padding:5px 10px;
    border: none;
    background: white;
    border-bottom:1px solid #e5e5e5;
}

dt {
    color:#444;
    font-weight:700;
}

th {
    color:#444;
}


.entry-content {
    margin-top: 5pt;
    margin-bottom: 15pt;
}

.header {
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    page-break-after: avoid;
}

.month {
    font-family: 'Lato','Avenir Next Condensed','Helvetica Neue';
    margin: 0;
    font-size: 3em;
    font-weight: 300;
    text-transform: uppercase;
}

.date {
    font-family: 'Lato', 'Avenir Next Condensed','Helvetica Neue';
    font-size: 7px;
    background: transparent;
    font-weight: bold;
    padding: 0
    border-radius: 2px;
    color: black;
    page-break-inside: avoid;
}

.entry-meta {
    margin: 0;
    padding: 3pt 0;
}

.entry-footer {
    margin: 0 0 25pt;
}

.title {
    font-family: 'Lato', 'Avenir Next Condensed','Helvetica Neue';
    margin: 0;
    font-size: 4em;
    font-weight: 700;
    text-transform: uppercase;
}

.subtitle {
    font-family: 'Lato', 'Avenir Next Condensed','Helvetica Neue';
    margin: 0;
    font-size: 2em;
    font-weight: 500;
    text-transform: uppercase;
}

.location {
    font-size: .55em;
    font-weight: 600;
    color: #8b8b8b;
    margin: 0;
    line-height: 1.5em;
    text-align: right;
    -webkit-print-color-adjust: exact;
}

img.weather-icon {
    width: 15px;
    height: 15px;
    filter: opacity(40%);
}

.tags {
    width: 80%;
    margin: .5em 0;
}

.tag {
    font-size: .875em;
    font-weight: 400;
    line-height: 2.2em;
    background-color: #fff;
    color: #818181;
    -moz-border-radius: 2px;
    border: 1px solid #ececec;
    border-radius: 2px;
    padding: .2em .4em;
    margin: 3px 0 2px;
    white-space: nowrap;
    -webkit-print-color-adjust: exact;
}

.activity {
    display: none;
}

.header {
  page-break-after: avoid;
  page-break-inside:avoid;
}

h1, h2, h3, h4, h5, h6 {
    page-break-inside: avoid;
    page-break-after: avoid;
}

.inline-img-wrapper, img.large-image  {
    width: 100%;
    margin-left: 0;
    max-width: 400pt;
    page-break-inside: avoid;
}

.inline-img-wrapper {
    max-height: 300pt !important;
}

body {
    padding: 0;
}

.entry .header {
    display: flex;
    align-items: center;
    margin-bottom: .5rem;
}

.header .weather-icon {
    margin-right: 0;
    margin-left: .5em;
    margin-top: 0em;
}

.header .location {
    text-align: right;
}

.header .date {
    margin-right: auto;
}

.entry {
    border-top: 1px solid #f2f2f2;
    padding-top: .5rem;
    page-break-inside: avoid;
}

.entry + .entry {
    margin-top: 1rem;
}


/* Keeps an entry from bleeding over just the margin from the last paragraph onto a new page
 when printing books */
.entry > p:last-of-type,
.entry > .break-breaker:last-of-type > p:last-of-type {
  margin-bottom: 0;
}

/* Re-enable this when we want image locations again.
.photo-location {
    color: #797979;
    margin-top: 0.25em;
}
*/

/* This is to remove the padding off the whole entry container */
/* But be careful, this seems like it could be breaky */
/*body > *:first-child {
  margin-top: 0 !important;
}*/


/* This is for debugging page breaks. Uncomment this when you want to see how
page break groups are being made */
/*.break-breaker {
  border: 1px solid red;
}*/


body > *:first-child, body > * > *:first-child {
    /* Overrides a nasty rule in the day-one.css that
    tries to give margin to the first element of any entry */
    margin: 0 !important;
}

/* In view mode the inline-img-wrapper contains img tags, but when we're printing the PDF we
use divs instead (to save disk space). Here we need to apply the same layout styles to the 
div tag that the image tags had.
*/
.inline-img-wrapper > div {
  margin-top: 5px;
}
