@import url('https://fonts.googleapis.com/css?family=Zilla+Slab');
*::-moz-selection {
  color: #ffffff;
  background: #000000;
}
*::selection {
  color: #ffffff;
  background: #000000;
}
.typology-button,
.typology-pagination a,
input[type=submit],
.submit {
  font-size: 1.5rem;
}
.typology-button:hover,
.typology-pagination a:hover {
  -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.15);
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  background: transparent;
}
body.single h1 a,
body.archive h1 a,
body.single h2 a,
body.archive h2 a,
body.single h3 a,
body.archive h3 a,
body.single h4 a,
body.archive h4 a,
body.single h5 a,
body.archive h5 a,
body.single h6 a,
body.archive h6 a {
  color: #000000;
  display: inline-block;
}
body.single h2 a,
body.archive h2 a,
body.single .h1 a,
body.archive .h1 a {
  margin-left: -10px;
  padding: 0 10px;
}
body.single h1 a:hover,
body.archive h1 a:hover,
body.single h2 a:hover,
body.archive h2 a:hover,
body.single h3 a:hover,
body.archive h3 a:hover,
body.single h4 a:hover,
body.archive h4 a:hover,
body.single h5 a:hover,
body.archive h5 a:hover,
body.single h6 a:hover,
body.archive h6 a:hover {
  color: #fff !important;
  background: #000;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Zilla Slab', 'Open Sans', Helvetica, Sans-serif;
}
.typology-cover .entry-title,
.typology-cover h1 {
  font-size: 5rem;
}
#typology-header.typology-header-sticky {
  z-index: 9003;
}
#typology-header img.typology-logo {
  max-width: 200px;
  width: auto !important;
}
.typology-sidebar ul {
  margin: 0;
  padding: 0;
}
.typology-sidebar ul li {
  padding-left: 0;
}
.typology-sidebar ul li:before {
  background: transparent;
  width: 0;
  height: 0;
}
.typology-sidebar a {
  color: #aeaeae;
}
#typology-cover {
  position: fixed;
  width: 100%;
  height: 100%;
  min-height: 100%;
  top: 0;
  z-index: 9000;
}
#typology-cover.typology-cover-empty {
  height: 45% !important;
  min-height: 45% !important;
}
.typology-cover-item {
  background-color: #222222;
}
.typology-fake-bg.no-cover {
  margin-top: 45vh;
}
/*
 * Section
 */
.section-content {
  margin: 0 auto 4rem;
  max-width: 960px;
  padding: 0 30px;
}
.section-content.section-content-c {
  padding-bottom: 4rem;
}
.typology-section {
  padding: 10rem 0;
}
.typology-section > :last-child {
  padding-bottom: 0;
}
.typology-section.brand-section-bottom {
  padding: 0;
}
.typology-fake-bg {
  margin-top: 100vh;
}
.section-head {
  margin-bottom: -2rem;
}
.typology-layout-c.typology-post {
  padding: 0 10px;
}
.typology-layout-c .typology-featured-image {
  margin-bottom: 0;
}
.typology-featured-image:after {
  background: #ffffff;
}
.typology-featured-image:hover:after {
  opacity: 0.5;
}
.typology-fake-bg {
  z-index: 9001;
}
.typology-fake-bg .typology-section:first-child {
  top: -90px;
}
.typology-cover-overlay:after {
  background: rgba(0, 0, 0, 0.2);
}
.typology-posts {
  padding: 0 10px;
}
/* Composit Logo */
#composit-logo {
  width: 100%;
  overflow: hidden;
}
#composit-logo span {
  font-size: 11px;
  line-height: 11px;
  color: #ffffff;
  display: block;
  text-transform: uppercase;
  font-family: 'Abel';
  font-weight: 400;
  padding: 5px 10px;
}
#composit-logo.brand-pos-top {
  position: absolute;
  top: -21px;
}
#composit-logo.brand-pos-bottom {
  display: inline-block;
}
#composit-logo.brand-pos-bottom span {
  color: #aeaeae;
}
#composit-logo .tf-logo-branding {
  position: relative;
  background: #f0f0f0;
  overflow: hidden;
  padding-top: 10px;
}
#composit-logo .tf-logo-branding .tf-logo-img {
  width: 19%;
  text-align: center;
  display: inline-block;
}
#composit-logo .tf-logo-branding .tf-logo-img a {
  display: inline-block;
}
#composit-logo .tf-logo-branding .tf-logo-img a img {
  display: inline-block;
  margin: 0 auto;
  max-width: 100%;
}
.typology-sidebar-header .site-title img {
  max-height: 60px;
}
.col-md-3 {
  width: 33.333%;
}
.col-md-6 {
  width: 50%;
}
.col-md-4 {
  width: 25%;
}
.typology-layout-c.typology-post {
  display: block;
}
.section-content-c .typology-posts {
  align-items: flex-start;
}
.typology-post .entry-title,
.typology-post p {
  font-family: 'Zilla Slab', 'Open Sans', Helvetica, Sans-serif;
}
.single .entry-title,
.single p {
  font-family: 'Zilla Slab', 'Open Sans', Helvetica, Sans-serif;
}
.single #typology-cover,
.archive #typology-cover {
  height: 60vh;
  min-height: 60vh;
  max-height: 60vh;
}
.single .typology-fake-bg {
  margin-top: 60vh;
}
.archive .typology-fake-bg {
  margin-top: 40vh;
}
.single .typology-post p {
  color: #222;
  font-size: 14pt;
  line-height: 150%;
}
.single h1,
.single h2,
.single h3,
.single h4 {
  font-family: 'Zilla Slab', 'Open Sans', Helvetica, Sans-serif;
}
@media only screen and (max-width: 678px) {
  .single #typology-cover,
  .archive #typology-cover {
    height: 40vh;
    min-height: 40vh;
    max-height: 40vh;
  }
  .single .typology-fake-bg {
    margin-top: 30vh;
  }
  .archive .typology-fake-bg {
    margin-top: 5vh;
  }
}
@media only screen and (max-width: 1366px) {
  .single #typology-cover,
  .archive #typology-cover {
    height: 60vh !important;
    min-height: 60vh !important;
    max-height: 60vh !important;
  }
  .single .typology-fake-bg {
    margin-top: 60vh !important;
  }
  .archive .typology-fake-bg {
    margin-top: 40vh !important;
  }
}
@media only screen and (max-width: 1366px) {
  #typology-cover .typology-cover-item {
    min-height: 80vh !important;
  }
}
body.archive .typology-section.brand-section-bottom {
  margin-bottom: 0;
}
body.single .section-content:first-child {
  margin-bottom: 4rem;
}
body.single .typology-section-related .typology-featured-image {
  margin-bottom: 1.8rem;
}
body.single .section-head {
  margin-bottom: 4rem;
}
/* Home */
body.home .entry-title a:hover {
  color: #eaeaea !important;
}
body.home .typology-fake-bg {
  background: #222222;
}
body.home .typology-sidebar,
body.home .typology-section {
  background: #383838;
}
body.home .typology-sidebar p,
body.home .typology-section p,
body.home .typology-sidebar span,
body.home .typology-section span,
body.home .typology-sidebar blockquote,
body.home .typology-section blockquote {
  color: #aeaeae;
}
body.home .typology-sidebar h1,
body.home .typology-section h1,
body.home .typology-sidebar h2,
body.home .typology-section h2,
body.home .typology-sidebar h3,
body.home .typology-section h3,
body.home .typology-sidebar h4,
body.home .typology-section h4,
body.home .typology-sidebar h5,
body.home .typology-section h5,
body.home .typology-sidebar h6,
body.home .typology-section h6 {
  color: #eaeaea;
}
body.home .typology-sidebar h1 a:link,
body.home .typology-section h1 a:link,
body.home .typology-sidebar h2 a:link,
body.home .typology-section h2 a:link,
body.home .typology-sidebar h3 a:link,
body.home .typology-section h3 a:link,
body.home .typology-sidebar h4 a:link,
body.home .typology-section h4 a:link,
body.home .typology-sidebar h5 a:link,
body.home .typology-section h5 a:link,
body.home .typology-sidebar h6 a:link,
body.home .typology-section h6 a:link {
  color: #eaeaea;
}
body.home header.container {
  min-width: 970px;
}
body.home .typology-layout-c {
  -webkit-box-shadow: 0px 16px 0px -12px rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0px 16px 0px -12px rgba(0, 0, 0, 0.19);
  box-shadow: 0px 16px 0px -12px rgba(0, 0, 0, 0.19);
  margin: 0 0 2rem 0;
}
body.home .typology-layout-c.post-image-on .entry-title {
  font-size: 2.8rem;
  margin-bottom: 10px;
}
body.home span.tag {
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 12;
  display: block;
  font-size: 1rem;
  line-height: 1rem;
  background: #222222;
  padding: 5px 7px;
  text-transform: uppercase;
  font-family: 'Abel';
}
body.home .entry-header {
  padding: 1.5rem;
  background: #222222;
}
body.home .entry-header p {
  margin: 0;
}
body.home .white-border {
  border: 2px solid #ffffff;
  padding: 10px;
}
body.home .white-border p {
  margin-bottom: 0;
}
body.home .typology-featured-image:after {
  background: #000;
}
body.home .typology-section.brand-section-bottom {
  margin-bottom: 0;
}
body.home .typology-sidebar a:hover {
  color: #ffffff;
}
.home .typology-post .entry-title {
  text-transform: none;
}
.home .typology-post .entry-header {
  min-height: 180px;
}
@media (max-width: 1366px) {
  .typology-cover-item {
    min-height: 100vh;
  }
  body.archive .typology-cover-item {
    min-height: 40vh;
  }
}
@media (max-width: 1024px) {
  body.home header.container {
    min-width: 100%;
  }
  .col-md-3,
  .col-md-4,
  .col-md-6 {
    min-width: 50%;
  }
  .typology-layout-c.typology-post {
    padding: 0 10px;
  }
  body header.container {
    min-width: 100%;
  }
  body header.container .col-md-3 {
    min-width: 100%;
  }
  .section-content {
    max-width: 100%;
  }
}
@media (max-width: 680px) {
  .col-md-3,
  .col-md-4,
  .col-md-6 {
    min-width: 100%;
  }
  .typology-layout-c.typology-post {
    padding: 0 10px;
  }
  .typology-layout-c.typology-post .typology-layout-c {
    -webkit-box-shadow: 0px 15px -10px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 15px 0px -10px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 15px 0px -10px rgba(0, 0, 0, 0.19);
    margin: 0 0 2rem 0;
  }
  #typology-cover {
    height: 50%;
    min-height: 50%;
  }
  .typology-fake-bg {
    margin-top: 50vh;
  }
  #typology-header img.typology-logo {
    max-width: 120px;
  }
  .typology-cover-item {
    min-height: 50vh;
  }
  .typology-section.brand-section-bottom {
    padding: 0;
    margin-bottom: 10rem;
  }
}
@media (max-width: 480px) {
  .typology-section.brand-section-bottom {
    margin-bottom: 0;
  }
}