@font-face {
  font-family: 'FontAwesome';
  src: url(https://tomahawk.grahamdigital.com/css/assets/fonts/fontawesome-webfont.eot?v=4.3.0);
  src: url(https://tomahawk.grahamdigital.com/css/assets/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format("embedded-opentype"), url(https://tomahawk.grahamdigital.com/css/assets/fonts/fontawesome-webfont.woff2?v=4.3.0) format("woff2"), url(https://tomahawk.grahamdigital.com/css/assets/fonts/fontawesome-webfont.woff?v=4.3.0) format("woff"), url(https://tomahawk.grahamdigital.com/css/assets/fonts/fontawesome-webfont.ttf?v=4.3.0) format("truetype"), url(https://tomahawk.grahamdigital.com/css/assets/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'EP-Icon-Font';
  src: url('https://tomahawk.grahamdigital.com/css/assets/fonts/EP-Icon-Font.eot');
  src: url('https://tomahawk.grahamdigital.com/css/assets/fonts/EP-Icon-Font.eot?#iefix') format('embedded-opentype'), url('https://tomahawk.grahamdigital.com/css/assets/fonts/EP-Icon-Font.woff') format('woff'), url('https://tomahawk.grahamdigital.com/css/assets/fonts/EP-Icon-Font.ttf') format('truetype'), url('https://tomahawk.grahamdigital.com/css/assets/fonts/EP-Icon-Font.svg#EP-Icon-Font') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(https://tomahawk.grahamdigital.com/css/assets/fonts/glyphicons-halflings-regular.eot);
  src: url(https://tomahawk.grahamdigital.com/css/assets/fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(https://tomahawk.grahamdigital.com/css/assets/fonts/glyphicons-halflings-regular.woff2) format("woff2"), url(https://tomahawk.grahamdigital.com/css/assets/fonts/glyphicons-halflings-regular.woff) format("woff"), url(https://tomahawk.grahamdigital.com/css/assets/fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(https://tomahawk.grahamdigital.com/css/assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg");
}

/* Lato latin-ext */

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline'), url(https://tomahawk.grahamdigital.com/css/assets/fonts/LatoLatin-Hairline.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline'), url(https://tomahawk.grahamdigital.com/css/assets/fonts/Lato-Hairline.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://tomahawk.grahamdigital.com/css/assets/fonts/LatoLatin-Light.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://tomahawk.grahamdigital.com/css/assets/fonts/Lato-Light.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://tomahawk.grahamdigital.com/css/assets/fonts/LatoLatin-Regular.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://tomahawk.grahamdigital.com/css/assets/fonts/Lato-Regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://tomahawk.grahamdigital.com/css/assets/fonts/LatoLatin-Bold.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://tomahawk.grahamdigital.com/css/assets/fonts/Lato-Bold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(https://tomahawk.grahamdigital.com/css/assets/fonts/LatoLatin-Black.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(https://tomahawk.grahamdigital.com/css/assets/fonts/Lato-Black.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: local('Lato Hairline Italic'), local('Lato-HairlineItalic'), url(https://tomahawk.grahamdigital.com/css/assets/fonts/LatoLatin-HairlineItalic.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: local('Lato Hairline Italic'), local('Lato-HairlineItalic'), url(https://tomahawk.grahamdigital.com/css/assets/fonts/Lato-HairlineItalic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: local('Lato Light Italic'), local('Lato-LightItalic'), url(https://tomahawk.grahamdigital.com/css/assets/fonts/LatoLatin-LightItalic.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: local('Lato Light Italic'), local('Lato-LightItalic'), url(https://tomahawk.grahamdigital.com/css/assets/fonts/Lato-LightItalic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(https://tomahawk.grahamdigital.com/css/assets/fonts/LatoLatin-Italic.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(https://tomahawk.grahamdigital.com/css/assets/fonts/Lato-Italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://tomahawk.grahamdigital.com/css/assets/fonts/Lato-BoldItalic.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://tomahawk.grahamdigital.com/css/assets/fonts/LatoLatin-BoldItalic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: local('Lato Black Italic'), local('Lato-BlackItalic'), url(https://tomahawk.grahamdigital.com/css/assets/fonts/LatoLatin-BlackItalic.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: local('Lato Black Italic'), local('Lato-BlackItalic'), url(https://tomahawk.grahamdigital.com/css/assets/fonts/Lato-BlackItalic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* TOPIC VIEW */

body {
  margin: 0 auto;
  padding: 0;
  line-height: 1.3;
}

.tomahawk {
  margin: 30px 0 0;
  padding: 0;
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-variant-ligatures: no-common-ligatures;
  -moz-font-feature-settings: "liga" 0, "clig" 0;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
}

.tomahawk,.tomahawk .repeat,.tomahawk .banner,.tomahawk .full,.tomahawk .full .article,.tomahawk .wrap,.tomahawk .fullwidth,.tomahawk .dual,.tomahawk .triplet {
  width: 100%;
}

.tomahawk .dual,.tomahawk .triplet {
  max-width: 1150px;
}

.tomahawk .full:parent {
  margin: 0;
}

.tomahawk .repeat,.tomahawk .dual,.tomahawk .triplet {
  margin: 0 auto;
}

.tomahawk:last-child,.topic-index:last-child {
  margin-bottom: 20px;
}

.tomahawk .t-heading {
  width: 100%;
}

.tomahawk .t-heading h1 {
  width: 1150px;
  margin: 15px auto 0;
  padding: 0 15px;
  font-size: 55px;
  color: #3d3d3d;
  text-transform: capitalize;
}

.tomahawk>div:not(.full),.tomahawk>div:not(.scroll) {
  margin: 0 auto;
}

.tomahawk,.tomahawk>div:not(.full),.tomahawk>div:not(.scroll),.tomahawk>div:not(.repeat),.tomahawk .gmg-ad,.tomahawk .full,.tomahawk .dual,.tomahawk .dual .article,.tomahawk .dual a,.tomahawk .triplet,.tomahawk .triplet .gmg-ad,.tomahawk .triplet .article,.tomahawk .pancakes a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-content: flex-end;
  align-content: flex-end;
}

.tomahawk .content div,.tomahawk .pancakes {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: flex-end;
  align-content: flex-end;
}

.tomahawk .dual .article {
  margin-top: 20px;
  align-content: flex-start;
}

.tomahawk .dual h3,.tomahawk .pancakes h3 {
  width: 100%;
  margin: 0;
}

.tomahawk .dual h5,.tomahawk .pancakes h5 {
  margin: 0;
  font-weight: 400;
  color: #8a8a8a;
}

/* OVERLAY */

.tomahawk .origin {
  display: none;
}

.tomahawk .external .origin {
  width: 100%;
  padding: 10px 15px;
  display: block;
  color: #ffffff;
}

.tomahawk .image {
  position: relative;
}

.tomahawk .external:hover .overlay {
  top: 100%;
}

.tomahawk .external .overlay {
  position: absolute;
  top: 75%;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  overflow: hidden;
  width: 100%;
  -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

/* LINKS */

.tomahawk .dual a,.tomahawk .pancakes a {
  color: #292929;
  width: 100%;
}

.tomahawk .dual a:hover,.tomahawk .pancakes a:hover {
  color: #292929;
}

.tomahawk .dual a:hover h3,.tomahawk .pancakes a:hover h3 {
  color: #ffa600;
}

.tomahawk a,.tomahawk a:hover {
  text-decoration: none;
}

/* ADS */

.tomahawk .leaderboard {
  width: 100%;
  margin-top: 90px;
}

.tomahawk .leaderboard div {
  margin: 0 auto;
}

.tomahawk .triplet .gmg-ad {
  margin: 10px 0 0 10px;
  max-width: 300px;
}

.tomahawk .gmg-ad {
  margin: 20px auto 0;
}

/* FULL WIDTH ARTICLE */

.tomahawk .full {
  margin: 20px auto 0;
  position: relative;
  overflow: hidden;
}

.tomahawk .fullbkg {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}

.tomahawk .full .article {
  z-index: 2;
  text-align: center;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.8);
}

.tomahawk .full h1 {
  padding: 4% 18% 0;
  font-size: 45px;
  font-weight: bold;
  text-shadow: 1px 1px 2px #000000;
  text-transform: capitalize;
}

.tomahawk .full .summary {
  max-height: 82px;
  margin: 2% auto;
  padding: 0 18%;
  overflow: hidden;
  font-size: 20px;
  text-shadow: 1px 1px 2px #000000;
}

.tomahawk .full .read {
  margin-top: 4%;
  padding-bottom: 4%;
  text-transform: uppercase;
}

.tomahawk .full a {
  width: 200px;
  padding: 10px 70px;
  font-size: 18px;
  color: #292929;
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 1px 6px 1px #000000;
  text-decoration: none;
}

.tomahawk .full a:hover {
  background-color: #ffa600;
}

/* DUAL ARTICLES */

.tomahawk .dual .article,.tomahawk .dual .image {
  width: 49%;
}

.tomahawk .dual .image {
  min-height: 120px;
  margin-right: 10px;
}

.tomahawk .dual .content {
  flex: 1;
  margin: 0 10px 0 0;
}

.tomahawk .dual .summary {
  margin: 5px 0;
  padding-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 300;
  font-size: 16px;
}

/* TRIPLE ARTICLES */

.tomahawk .pancakes {
  width: 68%;
  /* max-width: 68%; */
  flex-grow: 2;
}

.tomahawk .pancakes a {
  width: 100%;
}

.tomahawk .pancakes .article {
  width: 100%;
  margin: 10px 0;
  overflow: auto;
}

.tomahawk .pancakes .image {
  width: 40%;
  min-height: 170px;
  margin-right: 10px;
}

/*.tomahawk .pancakes .content {
        width: 58%;
        max-height: 170px;
        overflow: hidden;
        font-size: 16px;
        font-weight: 300;
    }
    .tomahawk .pancakes .summary {
        margin: 10px 0 0;
        height: 75px;
        overflow: hidden;
    }*/

.tomahawk .pancakes .content {
  max-height: 170px;
  flex: 1;
  padding-right: 10px;
  overflow: hidden;
  font-size: 16px;
  font-weight: 300;
}

.tomahawk .pancakes .summary {
  margin: 0;
  margin-top: 10px;
  /*height: 76px;*/
  overflow: hidden;
}

@media only screen and (max-width: 480px) {
  .tomahawk .full .article {
    margin: 20% 0;
  }

  .tomahawk .full .read {
    padding-bottom: 13%;
  }
}

@media only screen and (max-width: 600px) {
  .tomahawk .t-heading h1 {
    font-size: 30px;
  }

  .tomahawk .dual .article {
    overflow: auto;
  }

  .tomahawk .dual h5,  .tomahawk .pancakes h5 {
    font-size: 14px;
  }

  .tomahawk .external .overlay {
    top: 85%;
  }

  .tomahawk .dual .content,  .tomahawk .pancakes .content {
    width: 100%;
    margin: 10px 15px 0;
    height: 131px;
    overflow: hidden;
    font-size: 16px;
  }

  .tomahawk .origin {
    font-size: 18px;
  }

  .tomahawk .triplet {
    margin: 0;
  }

  .tomahawk .pancakes .image,  .tomahawk .triplet,  .tomahawk .dual,  .tomahawk .dual .image {
    width: 100%;
  }

  .tomahawk .pancakes .image,  .tomahawk .dual .image {
    height: 300px;
    margin-right: 0;
  }

  .tomahawk .full .article {
    margin: 17% 0;
  }

  .tomahawk .full .article h1 {
    font-size: 27px;
  }

  .tomahawk .full .read {
    margin-top: 5%;
    padding-bottom: 6%;
  }

  .tomahawk .pancakes .content {
    max-height: 100%;
    width: 100%;
    padding-right: 0;
  }

  .tomahawk .pancakes .summary {
    overflow: hidden;
  }

  .tomahawk .content .summary {
    font-size: 17px;
  }
}

@media only screen and (min-width: 601px) and (max-width: 768px) {
  .tomahawk .t-heading h1 {
    font-size: 40px;
  }

  .tomahawk .dual .article,  .tomahawk .pancakes .content {
    max-height: 163px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .tomahawk .dual .image {
    width: 50%;
  }

  .tomahawk .dual .summary {
    font-size: 16px;
    min-height: 100px;
  }

  .tomahawk .triplet {
    width: 100%;
    margin: 0;
  }

  .tomahawk .pancakes .content {
    padding-right: 10px;
    font-size: 16px;
    font-weight: 300;
  }

  .tomahawk .pancakes .summary {
    overflow: hidden;
  }

  .tomahawk .full .article {
    margin: 12% 0;
  }

  .tomahawk .full .article h1 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .tomahawk .dual h3,  .tomahawk .pancakes h3 {
    font-size: 19px;
  }

  .tomahawk .dual {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .tomahawk .dual .article,  .tomahawk .pancakes {
    width: 100%;
  }

  .tomahawk .triplet {
    margin-top: 5px;
  }

  .tomahawk .triplet .gmg-ad {
    margin: 15px auto 0;
    width: 100%;
  }

  .tomahawk .pancakes {
    max-width: 100%;
  }
}

@media only screen and (max-width: 978px) {
  .tomahawk .triplet .gmg-ad {
    margin: 15px auto 0;
    width: 100%;
  }

  .tomahawk .pancakes {
    max-width: 100%;
  }
}

@media only screen and (min-width: 769px) and (max-width: 992px) {
  .tomahawk .t-heading h1 {
    font-size: 45px;
  }

  .tomahawk .dual .article {
    margin: 15px 0 0;
    max-height: 100%;
    height: 119px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .tomahawk .dual h3 {
    font-size: 15px;
  }

  .tomahawk .dual h5 {
    font-size: 11px;
  }

  .tomahawk .dual .summary {
    /*min-height: 100px;*/
    padding-top: 0;
    font-size: 14px;
  }

  .tomahawk .pancakes h3 {
    font-size: 19px;
  }

  .tomahawk .dual .content {
    height: 86px;
  }

  .tomahawk .pancakes .content {
    max-height: 170px;
    min-height: 135px;
    height: 140px;
    width: 53%;
    font-size: 15px;
    overflow: hidden;
  }

  .tomahawk .triplet .origin {
    padding: 7px 15px;
  }

  .tomahawk .dual .origin {
    padding: 3px 15px;
  }

  .tomahawk .triplet {
    margin-top: 15px;
  }

  .tomahawk .full .article {
    margin: 12% 0;
  }

  .tomahawk .pancakes .image {
    width: 45%;
  }
}

@media only screen and (min-width: 993px) {
  .tomahawk .dual .article {
    max-height: 146px;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .tomahawk .dual h3 {
    font-size: 18px;
  }

  .tomahawk .pancakes h3 {
    font-size: 20px;
  }

  .tomahawk .triplet {
    margin-top: 15px;
  }

  .tomahawk .dual .summary {
    /* min-height: 100px;*/
  }

  .tomahawk .pancakes .article {
    min-height: 170px;
  }

  .tomahawk .full .article {
    margin: 12% 0;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1150px) {
  .tomahawk .pancakes {
    padding-right: 10px;
  }
}

@media only screen and (min-width: 1151px) {
  .tomahawk>div:not(.full),  .tomahawk>div:not(.scroll),  .tomahawk>div:not(.repeat) {
    min-width: 1150px;
    width: 100%;
  }

  .tomahawk .pancakes .content {
    max-height: 170px;
  }

  .tomahawk .pancakes h3 {
    font-size: 23px;
  }
}

/* TOPICS INDEX */

.topic-index .wrapper {
  max-width: 1150px;
}

.topic-index,.topic-index .wrapper {
  margin: 0 auto;
}

.topic-index .header {
  width: 100%;
  height: 65px;
  padding: 10px 15px;
  margin-bottom: 10px;
  z-index: 4;
  background-color: #292929;
  align-items: flex-end;
}

.topic-index .header h3 {
  font-weight: normal;
  color: #ffffff;
  text-transform: uppercase;
}

.topic-index form {
  margin-bottom: 10px;
}

.topic-index input {
  font-size: 16px;
}

::-webkit-input-placeholder {
  color: #292929;
}

:-moz-placeholder {
  color: #292929;
}

::-moz-placeholder {
  color: #292929;
}

:-ms-input-placeholder {
  color: #292929;
}

.topic-index .gmg-ad {
  width: 100%;
  margin: 10px 0;
}

.topic-index .tiles {
  padding-top: 30px;
  width: 100%;
  margin: 0 auto;
}

.topic-index .leaderboard {
  margin: 35px auto 0;
  width: 100%;
}

.topic-index .gmg-ad div {
  margin: 0 auto;
}

.topic-index .rightrail {
  margin: 30px auto;
  max-width: 300px;
}

.topic-index .rightrail div {
  margin: 0 auto;
}

.topic-index,.topic-index .wrapper,.topic-index .tiles,.topic-index .tile-wrap,.topic-index .tile-wrap a,.topic-index .quad,.topic-index .overlay,.topic-index .header {
  flex-grow: 1;
}

.topic-index,.topic-index .wrapper,.topic-index .tiles,.topic-index div,.topic-index div a,.topic-index .header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-content: flex-end;
  align-content: flex-end;
}

.topic-index .tile-wrap {
  width: 40%;
  height: 200px;
  margin: 10px 5px;
  background-size: 100%;
  z-index: 1;
  align-content: flex-end;
}

.topic-index .tiles a {
  height: 100%;
  color: #ffffff;
  z-index: 3;
}

.topic-index .quad {
  height: 100%;
}

.topic-index .tiles span {
  height: 28px;
  padding: 5px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  background-color: #292929;
}

/* OVERLAY */

.topic-index .quad {
  position: relative;
  align-items: flex-start;
  align-content: flex-start;
}

.topic-index .quad:hover .overlay {
  top: 40%;
}

.topic-index .overlay {
  position: absolute;
  align-content: flex-start;
  top: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  overflow: hidden;
  width: 100%;
  -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

.topic-index .title {
  padding: 10px;
  font-weight: bold;
  font-size: 20px;
  color: #ffa000;
  line-height: 1.1;
}

@media only screen and (max-width: 480px) {
  .topic-index form {
    margin-left: 10px;
  }

  .topic-index input {
    font-size: 14px;
  }
}

@media only screen and (max-width: 600px) {
  .topic-index .tile-wrap {
    width: 100%;
    margin: 10px 15px;
  }

  .topic-index {
    padding: 0;
  }
}

@media only screen and (max-width: 768px) {
  .topic-index .rightrail {
    display: none;
  }

  .topic-index .tiles {
    width: 100%;
  }

  .topic-index .ad {
    max-height: 50px;
  }
}

@media only screen and (min-width: 601px) and (max-width: 768px) {
  .topic-index .tile-wrap {
    height: 140px;
  }

  .topic-index {
    padding: 0 30px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
  .topic-index .wrapper {
    max-width: 750px;
  }

  .topic-index .tiles {
    max-width: 415px;
    -webkit-flex-direction: row;
    flex-direction: row;
  }

  .topic-index .tiles div:not(.header):not(.ad) {
    width: 100%;
  }
}

@media only screen and (min-width: 992px) {
  .topic-index .wrapper {
    max-width: 970px;
  }

  .topic-index .tiles {
    max-width: 630px;
  }

  .topic-index .tile-wrap {
    height: 170px;
  }
}

@media only screen and (min-width: 1200px) {
  .topic-index .wrapper {
    max-width: 1150px;
  }

  .topic-index .tiles {
    max-width: 760px;
  }

  .topic-index .tile-wrap {
    height: 200px;
  }
}

/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

/* makes the font 33% larger relative to the icon container */

.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: .3em;
}

.fa.pull-right {
  margin-left: .3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x,.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

.fa-search:before {
  content: "\f002";
}

.fa-user:before {
  content: "\f007";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-remove:before,.fa-close:before,.fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-repeat:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-print:before {
  content: "\f02f";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-list:before {
  content: "\f03a";
}

.fa-photo:before,.fa-image:before,.fa-picture-o:before {
  content: "\f03e";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-edit:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-warning:before {
  content: "\f071";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-key:before {
  content: "\f084";
}

.fa-comments:before {
  content: "\f086";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-upload:before {
  content: "\f093";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-f:before,.fa-facebook:before {
  content: "\f09a";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-rss:before {
  content: "\f09e";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-group:before,.fa-users:before {
  content: "\f0c0";
}

.fa-chain:before,.fa-link:before {
  content: "\f0c1";
}

.fa-cut:before {
  content: "\f0c4";
}

.fa-copy:before,.fa-files-o:before {
  content: "\f0c5";
}

.fa-save:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-sort:before {
  content: "\f0dc";
}

.fa-sort-down:before {
  content: "\f0dd";
}

.fa-sort-up:before {
  content: "\f0de";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-paste:before {
  content: "\f0ea";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before,.fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-info:before {
  content: "\f129";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-toggle-down:before {
  content: "\f150";
}

.fa-toggle-up:before {
  content: "\f151";
}

.fa-toggle-right:before {
  content: "\f152";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-toggle-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-try:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before {
  content: "\f1c5";
}

.fa-file-zip-o:before {
  content: "\f1c6";
}

.fa-file-audio-o:before {
  content: "\f1c7";
}

.fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-support:before {
  content: "\f1cd";
}

.fa-ra:before {
  content: "\f1d0";
}

.fa-ge:before {
  content: "\f1d1";
}

.fa-send:before {
  content: "\f1d8";
}

.fa-send-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-cc:before {
  content: "\f20a";
}

.fa-server:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-medium:before {
  content: "\f23a";
}