/* Title: Infinifactory: Infiniupdate #1
  Version: 0.1
  Author: Hillary
  URI
  */
/*--------------------------------------
0.0 Fonts
--------------------------------------*/
@font-face {
  font-family: 'Sinkin Bold';
  src: url('../fonts/sinkin-bold/SinkinSans-700Bold-webfont.eot');
  src: url('../fonts/sinkin-bold/SinkinSans-700Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sinkin-bold/SinkinSans-700Bold-webfont.woff') format('woff'), url('../fonts/sinkin-bold/SinkinSans-700Bold-webfont.ttf') format('truetype'), url('../fonts/sinkin-bold/SinkinSans-700Bold-webfont.svg#sinkin_sans700_bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Sinkin Light';
  src: url('../fonts/sinkin-light/SinkinSans-300Light-webfont.eot');
  src: url('../fonts/sinkin-light/SinkinSans-300Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sinkin-light/SinkinSans-300Light-webfont.woff') format('woff'), url('../fonts/sinkin-light/SinkinSans-300Light-webfont.ttf') format('truetype'), url('../fonts/sinkin-light/SinkinSans-300Light-webfont.svg#sinkin_sans300_light') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*--------------------------------------
  1.0 General
--------------------------------------*/
body {
  background: #16120F url(../img/bg.jpg) top left;
  color: #f5eae9;
  font-family: Sinkin Light, Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.7;
  -webkit-text-stroke: 0.3px rgba(0, 0, 0, 0.1);
}
/* Modification of twitter bootstrap */
.container {
  max-width: 1020px;
}
img {
  max-width: 100%;
  height: auto;
}
p,
ul {
  font-size: 95%;
}
ul li {
  line-height: 2;
}
a,
a:active {
  color: #e97b15;
  transition: color 100ms;
  border-bottom: 1px solid #e97b15;
}
a:hover,
a:focus,
a:visited {
  color: #ff8717;
}
/*--------------------------------------
  2.0 Typography
--------------------------------------*/
h1 {
  font-family: Sinkin Bold, Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
/*--------------------------------------
  3.0 Header/Branding
--------------------------------------*/
header {
  position: relative;
}
header a,
header a:active {
  border: none;
}
.logo {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  padding-bottom: 10px;
}
/*--------------------------------------
  4.0 Content
--------------------------------------*/
.content article {
  position: relative;
  background: rgba(45, 28, 24, 0.45);
  margin: 1rem 0 5rem;
}
.content article .wrap {
  margin: 2rem;
  padding-bottom: 2rem;
}
.content article h2 {
  font-family: Sinkin Light, Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 2rem;
}
.content article h2 em {
  font-family: Sinkin Bold, Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-style: normal;
}
.content article:before {
  position: absolute;
  top: -18px;
  width: 100%;
  border-right: 18px solid transparent;
  border-bottom: 18px solid rgba(45, 28, 24, 0.45);
  content: '';
  display: block;
}
.featured-image {
  position: relative;
  margin-bottom: 2rem;
}
.featured-image h2 {
  position: absolute;
  top: 20px;
  left: 22px;
}