/*
Theme Name: PGP
Author: Matt Felser
Author URI: http://grandex.co
Theme URI: http://postgradproblems.com
Version: 1.0
License: GNU General Public License
License URI: license.txt

*/
/*============================================================================
  #Variables
==============================================================================*/
/*============================================================================
  #Document and Layout Styles
==============================================================================*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,700);
/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after {
  clear: both; }

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
  *zoom: 1; }

/* =Reset
-------------------------------------------------------------- */
html, body, div, article, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

html {
  font-size: 62.5%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  background: #fefefe;
  overflow: hidden; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block; }

ol, ul {
  list-style: none; }

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  font-weight: normal;
  text-align: left; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a:focus {
  outline: thin dotted; }

a:hover,
a:active {
  outline: 0; }

a img {
  border: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

/*============================================================================
  #Freestar Implementation

==============================================================================*/
/*#mobile-sticky-advert{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	z-index:99;
	div[align="center"] {
		margin-bottom:0!important;
	}
	@media screen and (max-width: 768px){
		display:none;
	}
}*/
div[align="center"] {
  margin: 0 auto 64px;
  width: 100%; }

#bottom-square div[align="center"] {
  margin: 0 auto;
  width: 100%; }

.inline-feed-ad div[align="center"] {
  margin-bottom: 0; }

#top-leaderboard div[align="center"] {
  margin: 0 auto; }

#sticky-footer {
  background-color: transparent !important; }

/*============================================================================
  #Post Types Update

==============================================================================*/
iframe.instagram-media {
  position: static !important; }

#single-content {
  position: relative; }
  #single-content article.category-embed {
    position: static !important; }

.favs-stamp .header_favorite .favsicon-rated, .favs-stamp .header_favorite .favsicon-unrated {
  color: #9a9a9a !important; }

.svg-inline--fa {
  margin-right: 3px; }

.embed-post-title {
  margin: 12px 0 12px 0;
  font-weight: normal;
  letter-spacing: -.015em;
  font-size: 28px;
  color: #000;
  line-height: 34px; }

.youtube-fullscreen {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0; }
  .youtube-fullscreen iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .youtube-fullscreen p {
    margin-bottom: 0; }

.vertical-center {
  position: relative;
  top: 50%; }

blockquote.twitter-tweet {
  display: inline-block;
  padding: 16px;
  margin: 10px 0;
  max-width: 468px;
  border: #ddd 1px solid;
  border-top-color: #eee;
  border-bottom-color: #bbb;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  font: bold 14px/18px Helvetica, Arial, sans-serif;
  color: #000;
  background-color: #FFF; }

blockquote.twitter-tweet p {
  font: normal 18px/24px Georgia, "Times New Roman", Palatino, serif;
  margin: 0 5px 10px 0; }

blockquote.twitter-tweet a[href^="https://twitter.com"] {
  font-weight: normal;
  color: #666;
  font-size: 12px; }

blockquote.twitter-tweet {
  display: inline-block;
  font-family: "Helvetica Neue", Roboto, "Segoe UI", Calibri, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  border-color: #eee #ddd #bbb;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  margin: 10px 5px;
  padding: 0 16px 16px 16px;
  max-width: 468px; }

blockquote.twitter-tweet p {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px; }

blockquote.twitter-tweet a {
  color: inherit;
  font-weight: normal;
  text-decoration: none;
  outline: 0 none; }

blockquote.twitter-tweet a:hover,
blockquote.twitter-tweet a:focus {
  text-decoration: underline; }

twitterwidget, .twitter-tweet, .twitter-tweet-rendered {
  margin: 12px auto !important; }

.search #page {
  max-width: 670px; }

body.tag #page {
  max-width: 1000px; }

.single #page {
  max-width: 1300px !important; }

.feature-post-meta .comment-stamp {
  font-size: 17px; }
.feature-post-meta .favs-stamp {
  font-size: 17px; }

.wall-post-content-page {
  position: relative;
  border: solid 1px #E0E1E2;
  padding: 84px 24px; }
  .wall-post-content-page p {
    color: #4a4a4a;
    font-family: "Open Sans", sans-serif !important;
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 400;
    text-align: center;
    position: relative;
    margin-bottom: 36px !important; }
  .wall-post-content-page img {
    width: 100px;
    margin: 0 auto;
    display: block; }

.filter-category-update {
  float: none !important;
  width: 100% !important;
  display: none; }

.category #page {
  max-width: 1000px; }

#category-container {
  padding: 12px;
  background-color: #EEE; }
  @media screen and (max-width: 710px) {
    #category-container {
      padding: 0; } }
  #category-container #category-sidebar {
    float: left;
    width: 38.3%;
    margin-right: 0;
    padding-top: 0;
    display: block !important;
    background-color: #FFF; }
    @media screen and (max-width: 710px) {
      #category-container #category-sidebar {
        display: none !important; } }
    #category-container #category-sidebar #popular-on-site {
      float: none;
      width: auto;
      padding: 12px;
      margin: 0;
      display: block !important;
      background-color: #FFF; }
      #category-container #category-sidebar #popular-on-site #popular {
        float: none;
        width: auto;
        display: block !important; }
  #category-container #category-feed {
    width: 60%;
    float: right;
    padding: 12px;
    background-color: #FFF; }
    @media screen and (max-width: 710px) {
      #category-container #category-feed {
        float: none;
        width: 100%;
        padding: 0; } }
    #category-container #category-feed #latest {
      width: 100%;
      float: none; }

#popular-on-site.sticky {
  position: fixed;
  bottom: 0; }
  @media screen and (max-width: 1000px) {
    #popular-on-site.sticky {
      display: none !important; } }

.ad.anchor {
  padding-bottom: 24px; }

@media screen and (max-width: 1000px) {
  #homepage-feed #popular-on-site.sticky {
    display: none !important; } }

.ajax-loaded-post {
  display: block;
  width: 100%; }

.in-feed-post {
  margin: 0 0 64px 0; }

.in-feed-post {
  display: block;
  width: 100%; }
  .in-feed-post .feed-post-media.wall-post-feed {
    border: solid 1px #E0E1E2;
    padding: 24px; }
    .in-feed-post .feed-post-media.wall-post-feed img {
      display: block;
      width: 100px;
      margin: 0 auto; }
  .in-feed-post .feed-post-media .thumbnail-image {
    width: 100%; }
  .in-feed-post .feed-post-media .wall-post-content {
    position: relative;
    height: 228px; }
    .in-feed-post .feed-post-media .wall-post-content p {
      /*font-size: 24px!important;
      font-weight: bold;
      text-align: center;
      line-height: 30px!important;
      font-family:"Open Sans", sans-serif!important;
      font-style:normal!important;
      color:#4A4A4A;*/
      color: #4a4a4a;
      font-size: 20px;
      line-height: 28px;
      font-weight: 400;
      text-align: center;
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
  .in-feed-post .feed-post-title {
    padding: 12px 0 0 0;
    text-align: left; }
    .in-feed-post .feed-post-title a {
      color: #4a4a4a;
      font-size: 20px;
      line-height: 28px;
      font-weight: 400; }
  .in-feed-post .feed-post-meta-info {
    padding: 12px 0 0 0; }
    .in-feed-post .feed-post-meta-info .author-and-designation {
      padding: 0 0 12px 0; }
      .in-feed-post .feed-post-meta-info .author-and-designation .feed-post-author {
        float: left; }
        .in-feed-post .feed-post-meta-info .author-and-designation .feed-post-author img {
          width: 28px;
          height: 28px;
          border-radius: 50%;
          margin-right: 6px; }
        .in-feed-post .feed-post-meta-info .author-and-designation .feed-post-author a {
          color: #4A4A4A;
          font-size: 14px; }
        .in-feed-post .feed-post-meta-info .author-and-designation .feed-post-author .social-follow {
          display: block;
          float: left;
          text-decoration: none;
          background-color: steelblue;
          color: #fff;
          border-radius: 4px;
          padding: 6px;
          margin: 0 6px 0 0;
          font-size: 14px; }
          @media screen and (max-width: 425px) {
            .in-feed-post .feed-post-meta-info .author-and-designation .feed-post-author .social-follow {
              font-size: 12px; } }
        .in-feed-post .feed-post-meta-info .author-and-designation .feed-post-author .social-post-comment-link {
          float: left;
          display: block;
          font-size: 14px;
          margin-top: 6px; }
          @media screen and (max-width: 425px) {
            .in-feed-post .feed-post-meta-info .author-and-designation .feed-post-author .social-post-comment-link {
              margin-top: 3px; } }
          @media screen and (max-width: 410px) {
            .in-feed-post .feed-post-meta-info .author-and-designation .feed-post-author .social-post-comment-link {
              display: inline-block;
              clear: both;
              margin-top: 6px; } }
      .in-feed-post .feed-post-meta-info .author-and-designation .feed-post-designation {
        float: right; }
        .in-feed-post .feed-post-meta-info .author-and-designation .feed-post-designation .article-post-type-label, .in-feed-post .feed-post-meta-info .author-and-designation .feed-post-designation .special-post-type-label {
          display: block;
          color: #9A9A9A;
          font-size: 14px;
          margin-top: 6px; }

.feed-post-meta-info {
  padding: 12px 0 0 0; }
  .feed-post-meta-info .author-and-designation {
    padding: 0 0 12px 0; }
    .feed-post-meta-info .author-and-designation .feed-post-author {
      float: left; }
      .feed-post-meta-info .author-and-designation .feed-post-author img {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        margin-right: 6px; }
      .feed-post-meta-info .author-and-designation .feed-post-author a {
        color: #4A4A4A;
        font-size: 14px; }
      .feed-post-meta-info .author-and-designation .feed-post-author .social-follow {
        display: block;
        float: left;
        text-decoration: none;
        background-color: steelblue;
        color: #fff;
        border-radius: 4px;
        padding: 6px;
        margin: 0 6px 0 0;
        font-size: 14px; }
        @media screen and (max-width: 425px) {
          .feed-post-meta-info .author-and-designation .feed-post-author .social-follow {
            font-size: 12px; } }
      .feed-post-meta-info .author-and-designation .feed-post-author .social-post-comment-link {
        float: left;
        display: block;
        font-size: 14px;
        margin-top: 6px; }
        @media screen and (max-width: 425px) {
          .feed-post-meta-info .author-and-designation .feed-post-author .social-post-comment-link {
            margin-top: 3px; } }
        @media screen and (max-width: 410px) {
          .feed-post-meta-info .author-and-designation .feed-post-author .social-post-comment-link {
            display: inline-block;
            clear: both;
            margin-top: 6px; } }
    .feed-post-meta-info .author-and-designation .feed-post-designation {
      float: right; }
      .feed-post-meta-info .author-and-designation .feed-post-designation .article-post-type-label, .feed-post-meta-info .author-and-designation .feed-post-designation .special-post-type-label {
        display: block;
        color: #9A9A9A;
        font-size: 14px;
        margin-top: 6px; }

.time-stamp-and-post-metrics {
  padding: 12px 0 0 0;
  border-top: solid 1px #E0E1E2; }
  .time-stamp-and-post-metrics .feed-post-time-stamp {
    float: left; }
    .time-stamp-and-post-metrics .feed-post-time-stamp .post-time-stamp {
      font-size: 14px;
      color: #4A4A4A; }
      .time-stamp-and-post-metrics .feed-post-time-stamp .post-time-stamp .fa {
        font-size: 20px;
        margin: 0 3px 0 0; }
  .time-stamp-and-post-metrics .feed-post-favs-coms {
    float: right; }
    .time-stamp-and-post-metrics .feed-post-favs-coms .comment-stamp {
      font-size: 14px;
      color: #4A4A4A;
      margin-right: 6px; }
      .time-stamp-and-post-metrics .feed-post-favs-coms .comment-stamp .fa {
        font-size: 20px;
        margin: 0 3px 0 0; }
    .time-stamp-and-post-metrics .feed-post-favs-coms .favs-stamp {
      font-size: 14px;
      color: #4A4A4A; }
      .time-stamp-and-post-metrics .feed-post-favs-coms .favs-stamp .fa {
        font-size: 20px;
        margin: 0 3px 0 0; }

.time-stamp-and-post-metrics.single {
  margin-bottom: 24px; }

@media screen and (max-width: 1024px) {
  #page {
    padding-top: 44px !important; } }

@media screen and (max-width: 1024px) {
  .single-post #page {
    padding-top: 44px !important; } }

#mobile-quick-links {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #F8F8F8;
  padding: 10px 12px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
  @media screen and (max-width: 1024px) {
    #mobile-quick-links {
      display: block; } }
  #mobile-quick-links ul {
    margin: 0;
    padding: 0;
    display: inline-block; }
    #mobile-quick-links ul li {
      display: inline-block; }
      #mobile-quick-links ul li a {
        color: #4A4A4A;
        font-size: 14px;
        margin: 0 12px 0 0; }

#post-content .post_format-post-format-image .post-info {
  display: none; }

.post_format-post-format-image .post-info {
  padding: 12px;
  background-color: #FFF;
  border-top: solid 1px #E0E1E2; }
.post_format-post-format-image .photo {
  background-color: #F8F8F8; }
.post_format-post-format-image h2 {
  color: #4a4a4a;
  font-size: 20px;
  line-height: 28px;
  margin: 0 0 12px 0;
  font-weight: 400;
  text-align: left; }
.post_format-post-format-image h2 a {
  color: #4a4a4a; }
.post_format-post-format-image h2:hover, .post_format-post-format-image h3:hover {
  color: #2080AA; }
  .post_format-post-format-image h2:hover a, .post_format-post-format-image h3:hover a {
    color: #2080AA; }
.post_format-post-format-image h3 {
  color: #4a4a4a;
  font-size: 12px;
  margin: 0 0 12px 0;
  font-weight: 400; }
  .post_format-post-format-image h3 img {
    width: 28px;
    height: 28px;
    margin: 0;
    border-radius: 50%;
    float: left; }
  .post_format-post-format-image h3 .sf-author-name {
    float: left;
    padding: 5px 0 0 6px; }
  .post_format-post-format-image h3 a {
    color: #4a4a4a; }
.post_format-post-format-image .infinite-post-meta {
  border-top: solid 1px #e0e1e2;
  padding: 12px 0 0;
  font-size: 12px;
  text-align: left; }
  .post_format-post-format-image .infinite-post-meta img {
    width: 16px;
    float: left;
    margin: 0 2px 0 0; }
  .post_format-post-format-image .infinite-post-meta span {
    color: #4a4a4a; }
.post_format-post-format-image .comment-stamp {
  float: right;
  margin: 0 0 0 0; }
.post_format-post-format-image .favs-stamp {
  float: right;
  margin: 0 12px 0 0; }
.post_format-post-format-image article .thumbnail {
  width: 100% !important; }
.post_format-post-format-image article .stub {
  width: 100% !important; }
.post_format-post-format-image article h3.entry-title {
  color: #4a4a4a;
  font-size: 16px;
  line-height: 26px;
  margin: 0 0 12px 0;
  font-weight: 400; }

.time-stamp .fa {
  font-size: 17px !important;
  margin-right: 3px; }

.featured-post-tag {
  font-style: italic;
  color: #FFF !important;
  background-color: #EBB800;
  padding: 4px 12px;
  margin-right: 12px;
  text-transform: uppercase;
  font-size: 16px; }

@media screen and (max-width: 565px) {
  .fpt-desktop {
    display: none; } }

.fpt-mobile {
  display: none; }
  @media screen and (max-width: 565px) {
    .fpt-mobile {
      display: block;
      float: right;
      margin-top: 6px;
      margin-right: 0;
      font-size: 14px; } }

.fv-icon {
  font-size: 17px;
  color: #4A4A4A;
  margin-right: 3px; }

.comment-stamp .cs-icon {
  font-size: 17px;
  color: #4A4A4A;
  margin-right: 3px; }

#profile-content .category-embed .post-info {
  float: none !important;
  width: 100% !important; }
#profile-content .category-the-wall .wall-post-content {
  width: 58.5%; }
  @media screen and (max-width: 768px) {
    #profile-content .category-the-wall .wall-post-content {
      width: 100%; } }
#profile-content .category-the-wall .post-info {
  float: none !important; }

.single-post-meta {
  padding: 12px 0 0;
  font-size: 12px; }
  .single-post-meta a {
    outline: 0; }
  .single-post-meta img {
    width: 16px;
    float: left;
    margin: 0 2px 0 0; }
  .single-post-meta span {
    color: #4a4a4a; }
  .single-post-meta .comment-stamp {
    float: right;
    margin: 0 0 0 0; }
  .single-post-meta .favs-stamp {
    float: right;
    margin: 0 12px 0 0; }
  .single-post-meta .favorite {
    display: inline-block;
    width: 20px;
    margin-left: 7px;
    position: relative; }
    .single-post-meta .favorite img {
      margin-right: 4px !important;
      position: absolute;
      top: -14px; }

a.favorite {
  outline: 0; }

.wall-author h3 {
  float: left; }
.wall-author h3 {
  color: #4a4a4a;
  font-size: 12px;
  margin: 0;
  font-weight: 400; }
  .wall-author h3 img {
    width: 28px;
    height: 28px;
    margin: 0;
    border-radius: 50%;
    float: left; }
  .wall-author h3 .sf-author-name {
    float: left;
    padding: 5px 0 0 6px; }
  .wall-author h3 a {
    color: #4a4a4a; }

.category-the-wall .wall-author {
  margin-top: 12px; }

.wall-post-type-link {
  float: right;
  font-size: 13px;
  margin-top: 4px; }

@media screen and (max-width: 920px) {
  #homepage-feed {
    width: 100%; } }
#homepage-feed #popular-on-site {
  float: left;
  width: 38.3%;
  margin-right: 0;
  padding-top: 0;
  display: block !important;
  padding: 12px;
  background-color: #FFF; }
  @media screen and (max-width: 1000px) {
    #homepage-feed #popular-on-site {
      float: none;
      margin: 0 auto 12px;
      width: 100%;
      max-width: 552px;
      padding: 0;
      background-color: transparent; } }
  @media screen and (max-width: 558px) {
    #homepage-feed #popular-on-site {
      padding: 0 12px !important; } }
  @media screen and (max-width: 1000px) {
    #homepage-feed #popular-on-site h3 {
      display: none; } }
  @media screen and (max-width: 1000px) {
    #homepage-feed #popular-on-site #secondary {
      background-color: transparent !important; } }
  @media screen and (max-width: 1000px) {
    #homepage-feed #popular-on-site #popular {
      display: block !important;
      white-space: nowrap;
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch; } }
  @media screen and (max-width: 1000px) {
    #homepage-feed #popular-on-site #popular .popular {
      display: inline-block;
      margin: 0 12px 0 0;
      white-space: normal;
      background-color: #FFF;
      padding: 0;
      width: 90%; }
      #homepage-feed #popular-on-site #popular .popular .title a {
        color: #666; }
      #homepage-feed #popular-on-site #popular .popular .title .author {
        margin-top: 6px; }
      #homepage-feed #popular-on-site #popular .popular .title {
        font-size: 12px;
        line-height: 16px;
        float: left;
        width: 71%;
        color: #666;
        padding: 6px 0 0 6px; } }
    @media screen and (max-width: 1000px) and (max-width: 335px) {
      #homepage-feed #popular-on-site #popular .popular .title {
        font-size: 10px;
        line-height: 13px; } }
  @media screen and (max-width: 1000px) {
      #homepage-feed #popular-on-site #popular .popular .thumbnail {
        width: 90px;
        max-width: 90px !important; } }
    @media screen and (max-width: 1000px) and (max-width: 335px) {
      #homepage-feed #popular-on-site #popular .popular .thumbnail {
        max-width: 65px !important; } }

  @media screen and (max-width: 1000px) {
    #homepage-feed #popular-on-site #popular .ad {
      display: none; } }
  #homepage-feed #popular-on-site .swipe-for-more {
    text-align: center;
    display: none;
    text-transform: uppercase;
    margin-bottom: 12px;
    margin-top: 7px;
    color: #888;
    font-size: 14px;
    letter-spacing: 1px; }
    @media screen and (max-width: 920px) {
      #homepage-feed #popular-on-site .swipe-for-more {
        display: block; } }
#homepage-feed #whats-new {
  width: 60%;
  float: right;
  padding: 12px;
  background-color: #FFF; }
  @media screen and (max-width: 1000px) {
    #homepage-feed #whats-new {
      float: none;
      margin: 0 auto;
      width: 100%;
      max-width: 552px;
      padding: 12px; } }
  #homepage-feed #whats-new .infinite-scroll .sf-post {
    width: 100% !important; }
    #homepage-feed #whats-new .infinite-scroll .sf-post p {
      margin: 0; }
    #homepage-feed #whats-new .infinite-scroll .sf-post .twitter-tweet {
      margin: 12px auto !important; }
  #homepage-feed #whats-new .infinite-scroll .post_format-post-format-video iframe {
    margin-bottom: 12px; }
#homepage-feed .grey-anchor-header {
  background-color: #e0e1e2;
  color: #888;
  letter-spacing: 1px;
  font-size: 12px;
  text-transform: uppercase;
  padding: 3px 6px; }
  @media screen and (max-width: 1000px) {
    #homepage-feed .grey-anchor-header {
      margin-bottom: 12px;
      padding: 0;
      background-color: #FFF; } }

.special-post-type-meta {
  margin: 0 0 12px 0; }
  .special-post-type-meta .social-follow {
    display: block;
    float: left;
    text-decoration: none;
    background-color: steelblue;
    color: #fff;
    border-radius: 4px;
    padding: 6px;
    margin: 0 6px 0 0;
    font-size: 14px; }
    @media screen and (max-width: 425px) {
      .special-post-type-meta .social-follow {
        font-size: 12px; } }
  .special-post-type-meta .social-post-comment-link {
    float: left;
    display: block;
    font-size: 14px;
    margin-top: 6px; }
    @media screen and (max-width: 425px) {
      .special-post-type-meta .social-post-comment-link {
        margin-top: 3px; } }
    @media screen and (max-width: 410px) {
      .special-post-type-meta .social-post-comment-link {
        display: inline-block;
        clear: both;
        margin-top: 6px; } }
  .special-post-type-meta .special-post-type-label {
    display: block;
    float: right;
    color: #CECECE;
    font-size: 14px;
    margin-top: 6px; }
    @media screen and (max-width: 425px) {
      .special-post-type-meta .special-post-type-label {
        margin-top: 3px; } }

.single #latest {
  width: 100%;
  max-width: 552px; }
  .single #latest .sf-post {
    width: 100%; }

#wall-category-page {
  max-width: 920px;
  margin: 0 auto; }
  @media screen and (max-width: 965px) {
    #wall-category-page .infinite-scroll .sf-post {
      width: 100% !important; } }

#post-content .special-post-type-meta {
  margin-bottom: 0;
  border-bottom: solid 1px #E0E1E2;
  padding-bottom: 12px; }

#podcast-post-title {
  font-size: 32px;
  color: #000;
  font-weight: 700;
  line-height: 36px;
  margin: 0 0 12px 0;
  font-weight: normal;
  letter-spacing: -.015em; }
  @media screen and (max-width: 965px) {
    #podcast-post-title {
      font-size: 24px;
      line-height: 30px; } }

article.tag-podcast p {
  margin-bottom: 0 !important; }

#back-to-the-feed {
  background-color: #eeeeee;
  margin: 0 0 12px 0; }
  #back-to-the-feed #btf-wrap {
    max-width: 1300px;
    margin: 0 auto;
    padding: 6px 12px; }
  #back-to-the-feed a {
    color: #285499;
    font-weight: bold;
    font-size: 12px; }

/*============================================================================
  #Header and Nav Styles
==============================================================================*/
.spinner {
  margin: 48px auto 0;
  width: 70px;
  text-align: center; }

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@media screen and (max-width: 1354px) {
  #nav-bar,
  #footer-wrap {
    padding: 0 12px; }

  .wrapper {
    max-width: none !important;
    padding: 0 12px; }

  .panel-toggle .nav-panel-wrap {
    padding: 24px 0 0; } }
#mobile-nav-header .site-name {
  margin: 0 0 0 12px; }

.toggle-close {
  position: absolute;
  right: 12px;
  margin: 14px 0 0 0px; }

.mobile-nav-toggle img {
  width: 32px; }
@media screen and (min-width: 1024px) {
  .mobile-nav-toggle {
    display: none; } }

.site-name {
  float: left;
  font-size: 16px;
  line-height: 16px;
  padding: 5px 5px 0 0;
  margin-right: 12px;
  position: relative; }
  @media screen and (max-width: 1024px) {
    .site-name {
      float: none;
      display: block;
      width: 84px;
      height: 52px;
      padding: 0;
      margin: 0;
      text-align: center; } }
  .site-name a {
    display: block;
    width: 98px; }
  .site-name img {
    width: 98px;
    position: absolute;
    left: 0;
    top: 4px;
    display: block; }
    @media screen and (max-width: 1024px) {
      .site-name img {
        top: 3px; } }

#nav-bar {
  background-color: #1CCFC9;
  z-index: 99;
  width: 100%;
  position: relative;
  font-family: 'Open Sans', sans-serif; }
  @media screen and (max-width: 1024px) {
    #nav-bar {
      width: 100%; } }

#nav-bar.sticky {
  position: fixed;
  top: 0; }

#browse {
  float: left; }
  @media screen and (max-width: 1024px) {
    #browse {
      border-left: none;
      border-right: none; } }
  #browse > a {
    color: #fff;
    font-size: 13px;
    letter-spacing: .05em;
    text-decoration: none;
    display: block;
    padding: 22px 16px 21px 16px;
    text-transform: uppercase;
    position: relative; }
    #browse > a .border-cover {
      display: none;
      position: absolute;
      left: 0;
      bottom: -3px;
      z-index: 13;
      width: 100%;
      background-color: #17B0AB;
      height: 3px; }

#mobile-search {
  display: none; }

.top-level-nav {
  float: left; }

.single .nav-content {
  max-width: 1300px; }

.nav-content {
  max-width: 1300px;
  margin: 0 auto; }
  .nav-content nav {
    float: left;
    color: #FFF;
    -webkit-transition: transform  linear;
    -moz-transition: transform linear;
    -ms-transition: transform linear;
    -o-transition: transform linear;
    transition: transform linear; }
    @media screen and (max-width: 1024px) {
      .nav-content nav {
        position: fixed;
        overflow: scroll;
        width: 100%;
        margin-left: 0;
        background-color: #17B0AB;
        height: 100%;
        top: -120%;
        left: 0% !important; } }
    .nav-content nav > ul {
      list-style-type: none;
      margin: 0; }
      .nav-content nav > ul > li {
        float: left;
        border-left: solid 1px #1CCFC9;
        border-right: solid 1px #1CCFC9; }
        @media screen and (max-width: 1024px) {
          .nav-content nav > ul > li {
            float: none; } }
        .nav-content nav > ul > li > a {
          color: #fff;
          font-size: 13px;
          letter-spacing: .05em;
          text-decoration: none;
          display: block;
          padding: 22px 24px 21px 24px;
          text-transform: uppercase;
          position: relative; }
        .nav-content nav > ul > li a:hover {
          background-color: #17B0AB; }
  .nav-content #mobile-nav-header {
    display: none; }
    @media screen and (max-width: 1024px) {
      .nav-content #mobile-nav-header {
        display: block; } }
    .nav-content #mobile-nav-header .upper {
      border-bottom: solid 1px rgba(255, 255, 255, 0.25); }
      .nav-content #mobile-nav-header .upper .mobile-nav-toggle {
        margin: 12px 0 0 12px; }
    .nav-content #mobile-nav-header .lower {
      border-bottom: solid 1px rgba(255, 255, 255, 0.25); }
    .nav-content #mobile-nav-header .lower .indicator {
      margin: 0 auto;
      padding: 0 24px;
      position: relative;
      max-width: 370px; }
    .nav-content #mobile-nav-header .indication-arrow {
      position: absolute;
      bottom: -3px;
      left: 28px;
      transition: all 0.5s ease; }
      .nav-content #mobile-nav-header .indication-arrow .blue {
        width: 0;
        height: 0;
        content: '';
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #17B0AB;
        position: absolute;
        bottom: -3px;
        left: 17px; }
      .nav-content #mobile-nav-header .indication-arrow .white {
        width: 0;
        height: 0;
        content: '';
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid rgba(255, 255, 255, 0.25);
        position: absolute;
        bottom: -5px;
        left: 17px; }
    .nav-content #mobile-nav-header .indication-arrow.account {
      left: 255px; }
    .nav-content #mobile-nav-header .upper .mobile-nav-toggle img {
      width: 20px; }
    .nav-content #mobile-nav-header .lower a {
      text-transform: uppercase;
      color: #fff;
      text-decoration: none;
      letter-spacing: 1px;
      padding: 12px 0;
      display: block;
      float: left;
      width: 50%;
      text-align: center;
      font-size: 14px;
      cursor: pointer;
      font-weight: 300; }
    .nav-content #mobile-nav-header .lower a:first-child {
      text-align: left; }
    .nav-content #mobile-nav-header .lower a:nth-child(2) {
      text-align: right; }
  .nav-content #nav-utilities {
    float: right; }
    .nav-content #nav-utilities ul {
      margin: 0; }
      @media screen and (max-width: 1024px) {
        .nav-content #nav-utilities ul .search-utility {
          display: none; }
        .nav-content #nav-utilities ul .submit-utility {
          display: none; }
        .nav-content #nav-utilities ul #user-menu {
          position: absolute;
          width: 100%;
          top: 0;
          right: 0;
          height: 0;
          z-index: 11; }
          .nav-content #nav-utilities ul #user-menu #user-dropdown {
            top: 53px;
            padding: 0; }
          .nav-content #nav-utilities ul #user-menu .user-icon {
            float: right; }
            .nav-content #nav-utilities ul #user-menu .user-icon img {
              width: 33px;
              height: 33px; } }
      .nav-content #nav-utilities ul #user-utility .mobile-account-link {
        display: none;
        position: absolute;
        top: -1px;
        right: 0; }
      @media screen and (max-width: 1024px) {
        .nav-content #nav-utilities ul #user-utility .mobile-account-link {
          display: block;
          height: 53px; }
        .nav-content #nav-utilities ul #user-utility .account-link {
          display: none; } }
      .nav-content #nav-utilities ul li {
        display: block;
        float: left;
        border-left: solid 1px rgba(0, 0, 0, 0.1); }
        .nav-content #nav-utilities ul li a {
          display: block;
          color: #fff;
          text-decoration: none;
          font-size: 13px;
          text-transform: uppercase;
          letter-spacing: 1px; }
      .nav-content #nav-utilities ul li:nth-child(1) a {
        padding: 22px 22px 21px 22px; }
        .nav-content #nav-utilities ul li:nth-child(1) a img {
          width: 16px; }
      .nav-content #nav-utilities ul li:nth-child(2) a {
        padding: 22px 22px 21px 22px; }
      .nav-content #nav-utilities ul li:nth-child(3) a {
        padding: 22px 22px 21px 22px; }
        @media screen and (max-width: 1024px) {
          .nav-content #nav-utilities ul li:nth-child(3) a {
            padding: 19px 12px 22px 22px; } }
        .nav-content #nav-utilities ul li:nth-child(3) a img {
          float: left;
          margin: 0px 7px 0 0;
          width: 15px; }

@media screen and (max-width: 1024px) {
  .nav-content nav.search #mobile-search {
    display: block; }
  .nav-content nav.search .nav-panel {
    display: none; }
  .nav-content nav.search #mobile-nav-header .indication-arrow {
    left: 294px; } }

@media screen and (max-width: 1024px) {
  .nav-content nav.browse #mobile-search {
    display: none; }
  .nav-content nav.browse .nav-panel {
    display: block; } }

#mobile-search {
  padding: 24px;
  max-width: 370px;
  margin: 0 auto; }
  #mobile-search #search {
    width: 100%;
    padding: 10px !important;
    margin: 0 0 12px 0;
    border-radius: 2px;
    font-size: 14px;
    -webkit-appearance: none;
    appearance: none;
    font-family: 'Open Sans', sans-serif; }
  #mobile-search input[type="submit"] {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    background-color: #f08a17;
    color: #fff;
    border: none;
    border-radius: 2px;
    display: block;
    font-size: 14px;
    padding: 13px;
    letter-spacing: 1px;
    font-weight: 400; }

#mobile-gta {
  display: none;
  text-align: center;
  bottom: 0;
  padding: 0 0 24px 0;
  margin: 12px 0 0 0;
  font-weight: 300;
  font-size: 13px;
  letter-spacing: 2px; }
  @media screen and (max-width: 1024px) {
    #mobile-gta {
      display: block; } }
  #mobile-gta i {
    font-size: 42px;
    margin: 0 12px 0 0;
    vertical-align: middle; }
  #mobile-gta a {
    color: #fff;
    text-transform: uppercase; }

#mobile-nav-footer {
  display: none;
  max-width: 370px;
  padding: 24px;
  margin: 0 auto;
  border-top: solid 1px rgba(255, 255, 255, 0.25); }
  @media screen and (max-width: 1024px) {
    #mobile-nav-footer {
      display: block; } }
  #mobile-nav-footer p {
    text-align: center;
    margin: 0 0 3px 0; }
    #mobile-nav-footer p a {
      color: rgba(255, 255, 255, 0.45); }
  #mobile-nav-footer ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: center; }
    #mobile-nav-footer ul li {
      display: inline-block;
      margin: 0 6px 0 0; }
    #mobile-nav-footer ul li:last-child {
      margin-right: 0; }
    #mobile-nav-footer ul li a {
      font-size: 12px;
      color: rgba(255, 255, 255, 0.45); }

#nav-panel-holder {
  position: relative;
  max-width: 1300px;
  margin: 0 auto; }

#desktop-nav-footer {
  display: block;
  position: absolute;
  right: 12px;
  top: 10px; }
  #desktop-nav-footer p {
    display: inline-block;
    margin-right: 18px;
    font-size: 12px; }
    #desktop-nav-footer p a {
      color: rgba(255, 255, 255, 0.45); }
  #desktop-nav-footer ul {
    display: inline-block;
    margin: 0;
    padding: 0; }
  #desktop-nav-footer li {
    display: inline-block;
    margin-right: 6px; }
    #desktop-nav-footer li a {
      color: rgba(255, 255, 255, 0.45);
      font-weight: 300;
      font-size: 12px; }
  #desktop-nav-footer li:last-child {
    margin-right: 0; }

#nav-bar #user-menu {
  margin: 0;
  height: auto;
  padding: 10px; }
  #nav-bar #user-menu #user-dropdown {
    top: 61px; }
  #nav-bar #user-menu img {
    margin: 0; }
  #nav-bar #user-menu h3 a, #nav-bar #user-menu p a {
    padding: 10px; }

.search-utility {
  position: relative; }
  @media screen and (max-width: 1354px) {
    .search-utility #nav-bar,
    .search-utility #footer-wrap {
      padding: 0 12px; }
    .search-utility .wrapper {
      max-width: none !important;
      padding: 0 12px; }
    .search-utility .panel-toggle .nav-panel-wrap {
      padding: 24px 0px 0; } }
  .search-utility .search-input {
    display: none;
    right: -1px;
    background-color: #17B0AB;
    padding: 22px;
    width: 300px;
    z-index: 12;
    position: absolute;
    border-top: solid 1px #1CCFC9; }
    .search-utility .search-input input[type="search"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      background-color: #17B0AB;
      font-family: 'Open Sans', sans-serif;
      border: none;
      color: #fff;
      width: 230px;
      float: left;
      display: block;
      font-size: 12px; }
    .search-utility .search-input input[type="search"]:focus {
      outline: 0; }
    .search-utility .search-input input[type="submit"] {
      display: none;
      font-family: 'Open Sans', sans-serif; }
    .search-utility .search-input img {
      width: 16px;
      display: block;
      float: right;
      margin-top: 4px; }
  .search-utility .search-input.show {
    display: block; }

#search::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff; }

#search::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff; }

#search:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff; }

#search:-moz-placeholder {
  /* Firefox 18- */
  color: #fff; }

.search-toggle:hover {
  background-color: #17B0AB; }

.search-toggle.expanded {
  background-color: #17B0AB; }

@media screen and (min-width: 1024px) {
  #browse.panel-toggle.show-menu {
    background-color: #17B0AB; }
    #browse.panel-toggle.show-menu .border-cover {
      display: block; }
    #browse.panel-toggle.show-menu .nav-panel-wrap {
      display: block;
      padding: 24px 0 0; }

  #browse.show-menu .nav-panel-wrap {
    display: block;
    padding: 24px 0 0; }

  #browse.panel-toggle.show-menu {
    background-color: #17B0AB;
    border: none; } }
#nav-utilities li > a:hover {
  background-color: #17B0AB; }

.panel-toggle .nav-panel-wrap {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  top: 60px;
  padding: 24px 0 0;
  background-color: #17B0AB;
  z-index: 12; }
  @media screen and (max-width: 1024px) {
    .panel-toggle .nav-panel-wrap {
      padding: 12px 0 0; } }
  .panel-toggle .nav-panel-wrap .nav-panel {
    max-width: 1300px;
    margin: 0 auto 24px;
    padding-left: 132px;
    padding-right: 12px; }
    @media screen and (max-width: 1324px) {
      .panel-toggle .nav-panel-wrap .nav-panel {
        padding-left: 143px !important; } }
    @media screen and (max-width: 1024px) {
      .panel-toggle .nav-panel-wrap .nav-panel {
        max-width: 370px;
        padding: 0px !important; } }
    .panel-toggle .nav-panel-wrap .nav-panel .np-header {
      display: block;
      border-bottom: solid 1px rgba(255, 255, 255, 0.3);
      padding: 0px 0 6px 0;
      margin: 0 0 18px 0;
      font-size: 10px;
      color: #d2d2d2;
      letter-spacing: 1px;
      font-weight: 300;
      text-transform: uppercase; }
    .panel-toggle .nav-panel-wrap .nav-panel .quick-links {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      .panel-toggle .nav-panel-wrap .nav-panel .quick-links li {
        line-height: 1em;
        margin: 0 0 8px 0; }
        @media screen and (max-width: 1024px) {
          .panel-toggle .nav-panel-wrap .nav-panel .quick-links li {
            margin: 0; } }
        .panel-toggle .nav-panel-wrap .nav-panel .quick-links li a {
          color: #fff;
          font-size: 13px;
          font-weight: 400;
          text-decoration: none;
          letter-spacing: 1px;
          text-transform: uppercase; }
        .panel-toggle .nav-panel-wrap .nav-panel .quick-links li a:hover {
          color: #d2d2d2; }
    .panel-toggle .nav-panel-wrap .nav-panel #nav-popular {
      margin: 0; }
      .panel-toggle .nav-panel-wrap .nav-panel #nav-popular li a {
        display: block;
        font-size: 12px;
        line-height: 18px;
        text-decoration: none;
        color: #fff; }
      .panel-toggle .nav-panel-wrap .nav-panel #nav-popular li a:hover h3 {
        color: #d2d2d2; }
      .panel-toggle .nav-panel-wrap .nav-panel #nav-popular li h3 {
        line-height: 1.5em; }
  .panel-toggle .nav-panel-wrap .nav-panel-social-wrap {
    border-top: solid 1px rgba(255, 255, 255, 0.3);
    position: relative; }
    .panel-toggle .nav-panel-wrap .nav-panel-social-wrap .nav-panel-social {
      max-width: 1300px;
      margin: 0 auto; }
      .panel-toggle .nav-panel-wrap .nav-panel-social-wrap .nav-panel-social a {
        padding: 0;
        display: block;
        float: left;
        margin: 7px 18px 0 0;
        padding: 0 0 4px 0; }
        .panel-toggle .nav-panel-wrap .nav-panel-social-wrap .nav-panel-social a i {
          color: #fff;
          font-size: 24px; }
        .panel-toggle .nav-panel-wrap .nav-panel-social-wrap .nav-panel-social a img {
          width: 28px; }
      .panel-toggle .nav-panel-wrap .nav-panel-social-wrap .nav-panel-social a:first-child {
        margin: 0 16px 0 0;
        border-left: solid 1px rgba(255, 255, 255, 0.3);
        border-right: solid 1px rgba(255, 255, 255, 0.3); }
        .panel-toggle .nav-panel-wrap .nav-panel-social-wrap .nav-panel-social a:first-child img {
          width: 133px; }

body.mobile-nav-show {
  width: 100%; }
  body.mobile-nav-show nav {
    -webkit-transform: translate(0, 120%);
    transform: translate(0, 120%);
    z-index: 98; }

/* MAJOR MOBILE STYLE CHANGES */
@media screen and (max-width: 1024px) {
  nav > ul li,
  #browse > a:first-child,
  #browse .nav-panel .grid__item,
  #browse .np-header,
  .nav-panel-social-wrap {
    display: none; }

  .nav-panel .grid {
    margin-left: 0; }

  #browse,
  #browse .nav-panel-wrap,
  #browse .nav-panel .grid__item:first-child,
  #browse .quick-links li {
    display: block; }

  #browse .quick-links {
    width: 100%;
    margin: 0 auto;
    padding: 0 24px; }

  #browse .quick-links li a {
    display: block;
    padding: 14px 0;
    font-size: 18px;
    text-transform: capitalize;
    border-bottom: solid 1px rgba(255, 255, 255, 0.25); }

  #browse #submit-content {
    margin: 24px 0 0 0; }
    #browse #submit-content a {
      border-radius: 3px;
      text-transform: uppercase;
      text-align: center;
      border: solid 1px #fff;
      padding: 12px; }

  #browse {
    float: none; }

  #browse .nav-panel-wrap {
    position: static;
    left: auto;
    top: auto;
    border-top: none; }

  #browse-nav-parent {
    padding-left: 0;
    width: 100%; }
    #browse-nav-parent #menu-browse-menu {
      -webkit-transition: all 0.25s linear; }
    #browse-nav-parent #mobile-submit-content {
      display: block; }

  #browse-nav-parent.account #menu-quick-links {
    display: none; }
  #browse-nav-parent.account #mobile-submit-content {
    display: none; }
  #browse-nav-parent.account .mobile-login-block {
    display: block; } }
.mobile-login-block {
  display: none;
  margin: 0 auto;
  width: 300px; }
  .mobile-login-block h3 {
    font-weight: 400;
    text-align: center;
    margin: 0 0 12px 0;
    color: #fff; }
  .mobile-login-block input[type="email"],
  .mobile-login-block input[type="password"] {
    display: block;
    margin: 0 0 12px 0;
    padding: 12px;
    width: 100%;
    font-size: 14px;
    border-radius: 3px;
    border: none; }
  .mobile-login-block input[type="submit"] {
    background-color: #E18B00;
    width: 100%;
    display: block;
    text-align: center;
    padding: 12px;
    text-transform: uppercase;
    color: #fff;
    border: none;
    font-size: 16px;
    letter-spacing: 1px;
    border-radius: 3px; }
  .mobile-login-block span:last-child {
    font-size: 12px;
    margin: 12px 0 0 0;
    display: block; }
    .mobile-login-block span:last-child a {
      display: inline-block;
      color: #0098D8; }

.worthless-pad {
  display: block;
  padding: 0 23px;
  width: 100%; }

#mobile-submit-content {
  display: none;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
  border: solid 1px #fff;
  letter-spacing: 2px;
  padding: 10px;
  text-transform: uppercase;
  text-decoration: none;
  width: 322px;
  max-width: 100%;
  text-align: center;
  margin: 24px auto 0;
  border-radius: 3px; }

#nav-popular img {
  max-width: 100%;
  display: block;
  margin: 0 0 8px 0; }
#nav-popular span {
  font-weight: 300; }

.wrapper {
  max-width: 1330px;
  margin: 0 auto; }

@media screen and (max-width: 1024px) {
  #home-first {
    padding: 0;
    background-color: #ccc; } }
@media screen and (max-width: 680px) {
  #home-first {
    padding: 0px; } }

.dark-background {
  background-color: #666;
  padding: 24px 0; }

.single .wrapper {
  margin-top: 24px; }

#top-leaderboard {
  background-color: #333333;
  text-align: center; }
  #top-leaderboard img {
    display: block;
    margin: 0 auto; }

body.single #content {
  padding-top: 20px !important; }
  @media screen and (max-width: 768px) {
    body.single #content {
      padding-left: 10px;
      padding-right: 10px; } }

/*============================================================================
  #2016 Post Styles
==============================================================================*/
#popular-on-site {
  float: right;
  width: 324px;
  padding-right: 24px;
  padding-top: 12px;
  margin-right: -324px; }
  @media screen and (max-width: 816px) {
    #popular-on-site {
      display: none !important; } }
  #popular-on-site h3 {
    background-color: #e0e1e2;
    color: #888;
    letter-spacing: 1px;
    font-size: 12px;
    text-transform: uppercase;
    padding: 3px 6px; }
  #popular-on-site #secondary {
    width: 100%;
    float: none; }
    #popular-on-site #secondary .thumbnail {
      float: left;
      width: 25%; }
    #popular-on-site #secondary .popular .title {
      float: left;
      width: 75%;
      margin-right: 0;
      padding-left: 12px; }
      #popular-on-site #secondary .popular .title a {
        color: #666; }
      #popular-on-site #secondary .popular .title a:hover {
        color: #4990E2; }
  #popular-on-site .submit-dropdown {
    margin-top: 12px; }
  #popular-on-site .section-header {
    display: none; }

.single.single-format-video #page {
  max-width: 1080px; }

.single.single-format-video #social-interaction {
  box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.15);
  padding-top: 24px;
  margin-bottom: 24px; }

#single-content {
  float: right;
  margin-left: 324px;
  padding: 0; }
  @media screen and (max-width: 1136px) {
    #single-content {
      width: 100%;
      padding-top: 12px; } }

#single-content.video-content {
  float: none;
  margin-left: 0; }

article.post p {
  font-size: 17px;
  line-height: 26px;
  font-family: Georgia, sans-serif; }

#post-header {
  border-bottom: solid 1px #e0e1e2;
  margin: 0 0 24px 0;
  padding: 0 0 24px 0;
  position: relative; }
  #post-header h1 {
    margin: 0 0 12px 0;
    font-weight: normal;
    letter-spacing: -.015em; }
  #post-header .category-link {
    display: none;
    color: #4A90E2;
    font-size: 13px;
    text-transform: uppercase; }
  #post-header .category-link:hover {
    color: #2080AD; }
  #post-header #author-date-stamp {
    float: left;
    white-space: nowrap;
    margin-top: 4px; }
    #post-header #author-date-stamp span {
      font-size: 14px; }
    @media screen and (max-width: 676px) {
      #post-header #author-date-stamp {
        float: none; } }
    #post-header #author-date-stamp span:nth-child(3) {
      font-size: 13px;
      padding-top: 4px;
      font-weight: lighter; }
    #post-header #author-date-stamp span:nth-child(2), #post-header #author-date-stamp span:nth-child(3) {
      display: block;
      line-height: 1.25em; }
    #post-header #author-date-stamp span:last-child {
      color: #999; }
  #post-header .author-badge {
    display: block;
    float: left; }
    #post-header .author-badge img {
      border-radius: 50%;
      width: 40px;
      height: 40px;
      margin: 0 8px 0 0; }
  #post-header .author-badge + span a {
    color: #4A90E2; }
  #post-header .author-badge + span a:hover {
    color: #2080AD; }
  #post-header #comment-likes-stamp {
    float: right;
    font-size: 12px;
    margin: 12px 0 0 0;
    text-transform: uppercase; }
    @media screen and (max-width: 676px) {
      #post-header #comment-likes-stamp {
        float: none; } }
    #post-header #comment-likes-stamp span:first-child {
      margin: 0 6px 0 0; }
    #post-header #comment-likes-stamp span:nth-child(2) {
      color: #999;
      margin: 0 0 0 6px; }
    #post-header #comment-likes-stamp img {
      width: 20px;
      margin-right: 2px; }
    #post-header #comment-likes-stamp .comment-stamp {
      margin-right: 6px; }
    #post-header #comment-likes-stamp .fave-stamp {
      margin-left: 6px; }
    #post-header #comment-likes-stamp .favorite {
      display: inline-block;
      width: 20px;
      margin-left: 7px;
      position: relative; }
      #post-header #comment-likes-stamp .favorite img {
        margin-right: 4px !important;
        position: absolute;
        top: -17px; }

#post-content {
  float: left;
  margin: 0 300px 0 0;
  padding-right: 24px;
  position: relative; }
  @media screen and (max-width: 816px) {
    #post-content {
      float: none;
      padding: 0;
      margin: 0; } }

.video-content #post-content {
  float: none;
  margin: 0;
  padding: 0; }

#post-sidebar {
  float: left;
  width: 300px;
  margin-left: -300px; }
  @media screen and (max-width: 816px) {
    #post-sidebar {
      display: none; } }
  #post-sidebar .ad {
    margin-top: 0 !important; }
  #post-sidebar h3 {
    margin: 24px 0 0 0;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    border-bottom: solid 3px #999; }
  #post-sidebar #shiny-social {
    margin: 12px 0 0 0; }
    #post-sidebar #shiny-social a {
      width: 40px;
      height: 40px;
      display: inline-block;
      margin: 0 6px 0 0; }
      #post-sidebar #shiny-social a img {
        max-width: 100%;
        border-radius: 50%; }
  #post-sidebar ul {
    margin: 12px 0 24px 0;
    padding: 0;
    list-style-type: none; }
  #post-sidebar li.tag-podcast {
    margin: 0 0 12px 0; }
    #post-sidebar li.tag-podcast .pod-thumb {
      width: 30%;
      float: left;
      padding-right: 6px; }
      #post-sidebar li.tag-podcast .pod-thumb img {
        width: 100%;
        max-width: 100%; }
    #post-sidebar li.tag-podcast .play-podcast {
      width: 10%;
      float: left;
      padding-right: 6px; }
      #post-sidebar li.tag-podcast .play-podcast img {
        max-width: 100%; }
    #post-sidebar li.tag-podcast .entry-title {
      width: 60%;
      float: left;
      clear: none;
      line-height: 16px; }
      #post-sidebar li.tag-podcast .entry-title a {
        color: #4a4a4a;
        font-size: 12px;
        line-height: 16px; }
      #post-sidebar li.tag-podcast .entry-title a:hover {
        color: #4990E2; }
  #post-sidebar #app-sidebar-widget {
    margin: 12px 0 0 0; }
    #post-sidebar #app-sidebar-widget #appicon {
      float: left;
      margin-right: 6px; }
      #post-sidebar #app-sidebar-widget #appicon img {
        width: 50px; }
    #post-sidebar #app-sidebar-widget #app-tag {
      float: left; }
      #post-sidebar #app-sidebar-widget #app-tag span {
        display: block;
        font-size: 14px;
        margin: 0 0 3px 0;
        color: #4a4a4a; }
      #post-sidebar #app-sidebar-widget #app-tag a {
        display: block;
        border: solid 1px #4A90E2;
        padding: 3px 0;
        border-radius: 3px;
        font-size: 12px;
        width: 50px;
        text-align: center;
        color: #4A90E2; }

/* post footer css */
#post-footer {
  margin: 24px 0 0 0;
  position: relative; }
  #post-footer ul {
    margin: 0;
    padding: 0;
    font-size: 13px;
    list-style-type: none; }
    #post-footer ul li a {
      font-size: 13px;
      color: #9b9b9b; }
    #post-footer ul li a:hover {
      color: #2080AD; }
  #post-footer #author-bio-social {
    padding: 24px 0 0;
    margin: 0;
    border-top: solid 2px #e0e1e2;
    text-align: left; }
    #post-footer #author-bio-social img {
      float: left;
      width: 10%;
      height: 10%;
      border-radius: 50%; }
    #post-footer #author-bio-social div {
      float: left;
      width: 90%;
      padding-left: 12px; }
      #post-footer #author-bio-social div h3 {
        font-size: 16px; }
        #post-footer #author-bio-social div h3 a {
          font-size: 16px;
          font-weight: normal; }
      #post-footer #author-bio-social div p {
        font-size: 14px;
        color: #7a7a7a;
        line-height: 1.5em;
        font-family: 'Open Sans', Helvetica, Arial, sans-serif; }
      #post-footer #author-bio-social div ul li {
        display: inline-block;
        margin: 0 8px 0 0; }
        @media screen and (max-width: 1024px) {
          #post-footer #author-bio-social div ul li {
            display: block;
            float: left;
            width: 50%;
            margin: 0 0 6px 0; } }
        @media screen and (max-width: 536px) {
          #post-footer #author-bio-social div ul li {
            float: none;
            width: 100%; } }
      #post-footer #author-bio-social div ul li img {
        width: 18px;
        margin: 1px 3px 0 0;
        border-radius: 0; }

#radial-shadow {
  background: url("images/shadowline2x.png") no-repeat;
  background-size: 100%;
  width: 100%;
  padding-bottom: 7%; }

#social-interaction {
  margin-left: -6px;
  text-align: center;
  padding: 6px 0 18px; }
  #social-interaction .soc-but-con {
    padding-left: 6px;
    width: 20%;
    float: left; }
    #social-interaction .soc-but-con a {
      padding: 6px 0 7px;
      display: block;
      width: 100%;
      text-align: center;
      color: #4a4a4a;
      font-size: 14px;
      position: relative; }
      #social-interaction .soc-but-con a img {
        width: 20px; }
  @media screen and (max-width: 526px) {
    #social-interaction .soc-but-con:nth-of-type(4) {
      padding-left: 0; } }
  @media screen and (max-width: 526px) and (max-width: 526px) {
    #social-interaction .soc-but-con:nth-of-type(4) img {
      position: absolute;
      left: 50%;
      margin-left: -10px;
      top: 16px; } }
  @media screen and (max-width: 526px) {
    #social-interaction .soc-but-con:nth-of-type(5), #social-interaction .soc-but-con:nth-of-type(6) {
      padding-left: 18px; }
      #social-interaction .soc-but-con:nth-of-type(5) img, #social-interaction .soc-but-con:nth-of-type(6) img {
        position: absolute;
        left: 50%;
        margin-left: -9px;
        top: 15px; } }
  #social-interaction .rating-foot a {
    border: solid 1px #b2b2b2; }
    @media screen and (min-width: 1140px) and (max-width: 1228px) {
      #social-interaction .rating-foot a img {
        display: none; } }
    @media screen and (min-width: 816px) and (max-width: 908px) {
      #social-interaction .rating-foot a img {
        display: none; } }
  @media screen and (max-width: 526px) {
    #social-interaction .rating-foot {
      width: 50%; } }
  #social-interaction .respond-foot a {
    border: solid 1px #b2b2b2; }
    @media screen and (min-width: 1140px) and (max-width: 1228px) {
      #social-interaction .respond-foot a img {
        display: none; } }
    @media screen and (min-width: 816px) and (max-width: 908px) {
      #social-interaction .respond-foot a img {
        display: none; } }
  @media screen and (max-width: 526px) {
    #social-interaction .respond-foot {
      width: 50%;
      margin-bottom: 24px;
      padding-left: 12px; } }
  #social-interaction .email-foot a {
    background-color: #989898;
    border: solid 1px #989898; }
  #social-interaction .email-foot a:hover {
    background-color: #858585;
    border: solid 1px #858585; }
  @media screen and (max-width: 526px) {
    #social-interaction .email-foot {
      width: auto;
      display: inline-block;
      padding-left: none !important;
      float: none; }
      #social-interaction .email-foot a {
        width: 50px;
        height: 50px;
        padding: 12px 0 0 0;
        border-radius: 50%; } }
  #social-interaction .facebook-foot a {
    background-color: #3B5998;
    border: solid 1px #3B5998; }
  #social-interaction .facebook-foot a:hover {
    background-color: #334D84;
    border: solid 1px #334D84; }
  @media screen and (max-width: 526px) {
    #social-interaction .facebook-foot {
      width: auto;
      display: inline-block;
      float: none; }
      #social-interaction .facebook-foot a {
        width: 50px;
        height: 50px;
        padding: 11px 0 0 0;
        border-radius: 50%; } }
  #social-interaction .twitter-foot a {
    background-color: #4099FF;
    border: solid 1px #4099FF; }
  #social-interaction .twitter-foot a:hover {
    background-color: #1F87FF;
    border: solid 1px #1F87FF; }
  @media screen and (max-width: 526px) {
    #social-interaction .twitter-foot {
      width: auto;
      display: inline-block;
      float: none; }
      #social-interaction .twitter-foot a {
        width: 50px;
        height: 50px;
        padding: 11px 0 0 0;
        border-radius: 50%; } }

#anchor-post-footer, #respond-anchor {
  position: absolute;
  top: -61px; }

.favorite-box {
  position: relative; }
  .favorite-box .favsicon-rated {
    display: none !important; }
  .favorite-box .nice-text {
    display: inline-block; }

.favorite-box.rated .favsicon-rated {
  display: inline-block !important; }
.favorite-box.rated .favsicon-unrated {
  display: none; }
.favorite-box.rated .nice-span {
  display: inline-block; }
.favorite-box.rated .nice-text {
  display: none; }

.favorite-box:hover, .favorite-box:active, .favorite-box:focus, .respond-foot a:hover {
  background-color: #f2f2f2;
  text-decoration: none; }

.video-content #post-footer {
  margin-top: 24px;
  margin-bottom: 24px; }
.video-content #author-bio-social {
  display: none; }

.Videos-footer #author-bio-social, .Photos-footer #author-bio-social, .Galleries-footer #author-bio-social {
  display: none; }

.single .category-photos .caption, .single .category-galleries .caption, .single .category-the-wall .caption {
  display: none; }
.single .category-photos #social-interaction, .single .category-galleries #social-interaction, .single .category-the-wall #social-interaction {
  margin-top: 24px;
  margin-bottom: 24px; }

.single-post article.format-image {
  box-shadow: none; }

.previous-photo-link {
  text-align: left; }

.single .article-feed-heading {
  width: 100%;
  margin: 24px auto !important;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  border-bottom: solid 3px #999; }

.single .article-feed-heading.sponsored {
  margin-bottom: 0px !important; }

.single .middle-banner {
  max-width: 1080px;
  margin: 20px auto; }

.caption .title .title-link a {
  color: #4a4a4a; }

.caption .comments a {
  color: #4a4a4a; }

.tag-header {
  margin: 0 0 24px 0; }
  .tag-header p {
    margin: 0 0 12px 0; }
  .tag-header h2 {
    text-transform: capitalize;
    font-size: 30px;
    font-weight: bold;
    border-bottom: solid 1px #ccc;
    margin: 0; }

.author-comment-interaction {
  float: left;
  margin: 3px 0 0 0; }
  @media screen and (max-width: 475px) {
    .author-comment-interaction {
      float: none;
      width: 100%; } }

.author .comment-score {
  margin: 0 6px 6px 0; }
  @media screen and (max-width: 475px) {
    .author .comment-score {
      display: inline-block;
      float: none !important; } }

.author .vote-buttons {
  float: none;
  margin: 0; }

.infinite-scroll {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: stretch;
  list-style-type: none; }
  .infinite-scroll .sf-post, .infinite-scroll article {
    margin: 0 0 48px 0; }
    @media screen and (max-width: 965px) {
      .infinite-scroll .sf-post, .infinite-scroll article {
        width: 49% !important; } }
    @media screen and (max-width: 535px) {
      .infinite-scroll .sf-post, .infinite-scroll article {
        width: 100% !important; } }
    .infinite-scroll .sf-post .post-img, .infinite-scroll article .post-img {
      width: 100%;
      max-width: 100%;
      margin: 0 0 6px 0; }
    .infinite-scroll .sf-post h2, .infinite-scroll article h2 {
      color: #4a4a4a;
      font-size: 20px;
      line-height: 28px;
      margin: 0 0 12px 0;
      font-weight: 400; }
    .infinite-scroll .sf-post h2 a, .infinite-scroll article h2 a {
      color: #4a4a4a; }
    .infinite-scroll .sf-post h2:hover, .infinite-scroll .sf-post h3:hover, .infinite-scroll article h2:hover, .infinite-scroll article h3:hover {
      color: #2080AA; }
      .infinite-scroll .sf-post h2:hover a, .infinite-scroll .sf-post h3:hover a, .infinite-scroll article h2:hover a, .infinite-scroll article h3:hover a {
        color: #2080AA; }
    .infinite-scroll .sf-post h3, .infinite-scroll article h3 {
      color: #4a4a4a;
      font-size: 12px;
      margin: 0 0 12px 0;
      font-weight: 400; }
      .infinite-scroll .sf-post h3 img, .infinite-scroll article h3 img {
        width: 28px;
        height: 28px;
        margin: 0;
        border-radius: 50%;
        float: left; }
      .infinite-scroll .sf-post h3 .sf-author-name, .infinite-scroll article h3 .sf-author-name {
        float: left;
        padding: 5px 0 0 6px; }
      .infinite-scroll .sf-post h3 a, .infinite-scroll article h3 a {
        color: #4a4a4a; }
    .infinite-scroll .sf-post .infinite-post-meta, .infinite-scroll article .infinite-post-meta {
      border-top: solid 1px #e0e1e2;
      padding: 12px 0 0;
      font-size: 12px; }
      .infinite-scroll .sf-post .infinite-post-meta img, .infinite-scroll article .infinite-post-meta img {
        width: 16px;
        float: left;
        margin: 0 2px 0 0; }
      .infinite-scroll .sf-post .infinite-post-meta span, .infinite-scroll article .infinite-post-meta span {
        color: #4a4a4a; }
    .infinite-scroll .sf-post .comment-stamp, .infinite-scroll article .comment-stamp {
      float: right;
      margin: 0 0 0 0; }
    .infinite-scroll .sf-post .favs-stamp, .infinite-scroll article .favs-stamp {
      float: right;
      margin: 0 12px 0 0; }
  .infinite-scroll article .thumbnail {
    width: 100% !important; }
  .infinite-scroll article .stub {
    width: 100% !important; }
  .infinite-scroll article h3.entry-title {
    color: #4a4a4a;
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 12px 0;
    font-weight: 400; }

.category #latest.light, #profile-content {
  list-style-type: none;
  padding: 0; }
  .category #latest.light .sf-post, .category #latest.light article, #profile-content .sf-post, #profile-content article {
    margin: 0 0 24px 0 !important; }
    .category #latest.light .sf-post .post-img, .category #latest.light article .post-img, #profile-content .sf-post .post-img, #profile-content article .post-img {
      width: 40%;
      float: left;
      max-width: 100%;
      margin: 0; }
      @media screen and (max-width: 535px) {
        .category #latest.light .sf-post .post-img, .category #latest.light article .post-img, #profile-content .sf-post .post-img, #profile-content article .post-img {
          width: 100%;
          float: none;
          margin: 0 0 6px 0 !important; } }
    .category #latest.light .sf-post .post-info, .category #latest.light article .post-info, #profile-content .sf-post .post-info, #profile-content article .post-info {
      width: 58.5%;
      float: right; }
      @media screen and (max-width: 535px) {
        .category #latest.light .sf-post .post-info, .category #latest.light article .post-info, #profile-content .sf-post .post-info, #profile-content article .post-info {
          width: 100%;
          float: none; } }
    .category #latest.light .sf-post h2, .category #latest.light article h2, #profile-content .sf-post h2, #profile-content article h2 {
      color: #4a4a4a;
      font-size: 24px;
      line-height: 32px;
      margin: -5px 0 12px 0;
      font-weight: 400; }
      .category #latest.light .sf-post h2 a, .category #latest.light article h2 a, #profile-content .sf-post h2 a, #profile-content article h2 a {
        color: #4A4A4A; }
      @media screen and (max-width: 535px) {
        .category #latest.light .sf-post h2, .category #latest.light article h2, #profile-content .sf-post h2, #profile-content article h2 {
          font-size: 16px;
          line-height: 26px; } }
    .category #latest.light .sf-post h2:hover, .category #latest.light .sf-post h3:hover, .category #latest.light article h2:hover, .category #latest.light article h3:hover, #profile-content .sf-post h2:hover, #profile-content .sf-post h3:hover, #profile-content article h2:hover, #profile-content article h3:hover {
      color: #2080AA; }
      .category #latest.light .sf-post h2:hover a, .category #latest.light .sf-post h3:hover a, .category #latest.light article h2:hover a, .category #latest.light article h3:hover a, #profile-content .sf-post h2:hover a, #profile-content .sf-post h3:hover a, #profile-content article h2:hover a, #profile-content article h3:hover a {
        color: #2080AA; }
    .category #latest.light .sf-post h3, .category #latest.light article h3, #profile-content .sf-post h3, #profile-content article h3 {
      color: #4a4a4a;
      font-size: 12px;
      margin: 0 0 12px 0;
      font-weight: 400; }
      .category #latest.light .sf-post h3 img, .category #latest.light article h3 img, #profile-content .sf-post h3 img, #profile-content article h3 img {
        width: 28px;
        height: 28px;
        margin: 0;
        border-radius: 50%;
        float: left; }
      .category #latest.light .sf-post h3 .sf-author-name, .category #latest.light article h3 .sf-author-name, #profile-content .sf-post h3 .sf-author-name, #profile-content article h3 .sf-author-name {
        float: left;
        margin: 5px 0 0 6px; }
      .category #latest.light .sf-post h3 a, .category #latest.light article h3 a, #profile-content .sf-post h3 a, #profile-content article h3 a {
        color: #4a4a4a; }
    .category #latest.light .sf-post .infinite-post-meta, .category #latest.light article .infinite-post-meta, #profile-content .sf-post .infinite-post-meta, #profile-content article .infinite-post-meta {
      border-top: solid 1px #e0e1e2;
      padding: 12px 0 0;
      font-size: 12px; }
      .category #latest.light .sf-post .infinite-post-meta img, .category #latest.light article .infinite-post-meta img, #profile-content .sf-post .infinite-post-meta img, #profile-content article .infinite-post-meta img {
        width: 16px;
        float: left;
        margin: 0 2px 0 0; }
      .category #latest.light .sf-post .infinite-post-meta span, .category #latest.light article .infinite-post-meta span, #profile-content .sf-post .infinite-post-meta span, #profile-content article .infinite-post-meta span {
        color: #4a4a4a; }
    .category #latest.light .sf-post .comment-stamp, .category #latest.light article .comment-stamp, #profile-content .sf-post .comment-stamp, #profile-content article .comment-stamp {
      float: right;
      margin: 0 0 0 0; }
    .category #latest.light .sf-post .favs-stamp, .category #latest.light article .favs-stamp, #profile-content .sf-post .favs-stamp, #profile-content article .favs-stamp {
      float: right;
      margin: 0 12px 0 0; }
  .category #latest.light article .thumbnail, #profile-content article .thumbnail {
    width: 100% !important; }
  .category #latest.light article .stub, #profile-content article .stub {
    width: 100% !important; }
  .category #latest.light article h3.entry-title, #profile-content article h3.entry-title {
    color: #4a4a4a;
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 12px 0;
    font-weight: 400; }

.home.blog #page {
  width: 100%;
  max-width: 1000px;
  background-color: #EEE;
  padding: 12px; }
  @media screen and (max-width: 1000px) {
    .home.blog #page {
      padding: 0; } }

@media screen and (max-width: 965px) {
  .main-feature {
    width: 100% !important;
    padding-right: 0;
    margin-bottom: 0; } }

.second-feature {
  width: 39.25% !important;
  float: left; }
  @media screen and (max-width: 965px) {
    .second-feature {
      width: 100% !important;
      margin-bottom: 0; } }

@media screen and (max-width: 535px) {
  #features .row.clear {
    margin-top: 12px !important; } }

.main-feature, .second-feature {
  position: relative;
  margin-bottom: 12px; }
  .main-feature img, .second-feature img {
    width: 100%;
    max-width: 100%;
    margin: 0; }
  .main-feature .featured-inset, .second-feature .featured-inset {
    padding: 0px 12px 0;
    width: 100%;
    position: absolute;
    bottom: 12px; }
    @media screen and (max-width: 965px) {
      .main-feature .featured-inset, .second-feature .featured-inset {
        position: static;
        margin: 0;
        padding: 0 !important; } }
  .main-feature .feature-post-info, .second-feature .feature-post-info {
    background-color: rgba(0, 0, 0, 0.8);
    padding: 12px;
    width: 100%; }
  .main-feature h2, .second-feature h2 {
    color: #fff;
    font-size: 26px;
    line-height: 32px;
    margin: 0 0 4px 0;
    font-weight: 400; }
    @media screen and (max-width: 535px) {
      .main-feature h2, .second-feature h2 {
        font-size: 20px !important;
        line-height: 28px; } }
  .main-feature h2:hover, .second-feature h2:hover {
    color: #2080AA; }
  .main-feature h3, .second-feature h3 {
    float: left;
    color: #fff;
    font-size: 12px;
    margin: 0;
    font-weight: 400; }
    .main-feature h3 img, .second-feature h3 img {
      width: 28px;
      height: 28px;
      margin: 0;
      border-radius: 50%;
      float: left; }
    .main-feature h3 a:nth-of-type(2), .main-feature h3 span, .second-feature h3 a:nth-of-type(2), .second-feature h3 span {
      float: left;
      margin: 6px 0 0 6px; }
    .main-feature h3 a, .second-feature h3 a {
      color: #9a9a9a; }
    .main-feature h3 a:hover, .second-feature h3 a:hover {
      color: #2080AA; }
  .main-feature .feature-post-meta, .second-feature .feature-post-meta {
    padding: 0;
    font-size: 12px; }
    .main-feature .feature-post-meta span img, .second-feature .feature-post-meta span img {
      width: 20px;
      float: left;
      margin: -3px 4px 0 0; }
    .main-feature .feature-post-meta span, .second-feature .feature-post-meta span {
      color: #9a9a9a; }
  .main-feature .comment-stamp, .second-feature .comment-stamp {
    float: right;
    margin: 6px 0 0 0;
    margin-top: 6px; }
    @media screen and (max-width: 965px) {
      .main-feature .comment-stamp, .second-feature .comment-stamp {
        margin-top: 13px; } }
  .main-feature .comment-stamp img, .second-feature .comment-stamp img {
    margin-top: -1px !important; }
  .main-feature .favs-stamp, .second-feature .favs-stamp {
    float: right;
    margin: 6px 12px 0 0; }
    @media screen and (max-width: 965px) {
      .main-feature .favs-stamp, .second-feature .favs-stamp {
        margin-top: 13px; } }

#comment-likes-stamp .favorites_score {
  color: #999;
  padding-left: 4px; }

.category-headline {
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 3px;
  border-bottom: solid 2px #e0e1e2;
  padding-bottom: 18px;
  text-align: center;
  margin: 0 0 24px 0; }

.pf-ad {
  width: 100%;
  /*@media screen and (max-width: 965px) {
  	width:50%;
  }
  @media screen and (max-width: 536px) {
  	width:100%;
  }*/ }

.favorite-link .favorite .favsicon-rated, #comment-likes-stamp .favorite .favsicon-rated, .wall-meta .favorite .favsicon-rated, .favorite_link .favorite .favsicon-rated, .infinite-post-meta .favorite .favsicon-rated {
  display: none; }
.favorite-link .favorite.rated .favsicon-rated, #comment-likes-stamp .favorite.rated .favsicon-rated, .wall-meta .favorite.rated .favsicon-rated, .favorite_link .favorite.rated .favsicon-rated, .infinite-post-meta .favorite.rated .favsicon-rated {
  display: inline-block; }
.favorite-link .favorite.rated .favsicon-unrated, #comment-likes-stamp .favorite.rated .favsicon-unrated, .wall-meta .favorite.rated .favsicon-unrated, .favorite_link .favorite.rated .favsicon-unrated, .infinite-post-meta .favorite.rated .favsicon-unrated {
  display: none; }

.feed-interaction {
  float: right;
  margin: 8px 12px 0 0; }
  .feed-interaction .comments {
    float: left;
    margin: 0 12px 0 0; }
  .feed-interaction .favorite_link {
    float: right; }
    .feed-interaction .favorite_link .feed_vote img {
      float: left;
      width: 17px;
      margin: 3px 3px 0 0; }
    .feed-interaction .favorite_link span {
      float: right; }

.wall-meta .feed-interaction {
  margin: 0 0 0 12px; }

.feature-meta .comments .fa,
.caption .comments .fa,
.entry-meta .fa,
.wall-meta .fa {
  margin: 0 4px 0 0;
  font-size: 18px; }

.favs-stamp .favorite .favsicon-rated, .favs-stamp .favorite .favsicon-unrated {
  font-size: 17px;
  color: #4A4A4A; }

.feature-post-meta .favorite .favsicon-rated, .feature-post-meta .favorite .favsicon-unrated {
  margin-top: -3px !important; }

.time-stamp img {
  margin-right: 3px !important; }

/*html, .page-template-login, .page-template-login #page, .page-template-login #page #content{
	//height:100%;
}
*/
#account-page {
  position: relative; }
  #account-page input, #account-page p, #account-page label, #account-page a {
    font-family: 'Open Sans', arial, sans-serif; }
  #account-page h2 {
    text-align: center;
    margin: 36px 0 36px 0;
    font-size: 32px;
    font-weight: 300; }
    @media screen and (max-width: 636px) {
      #account-page h2 {
        margin: 24px 0;
        display: none; } }
  @media screen and (max-width: 636px) {
    #account-page .page-template-register-head {
      display: block;
      font-size: 20px; } }
  #account-page #account-module {
    border: solid 1px #DBDBDB;
    padding: 24px;
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 2px; }
    @media screen and (max-width: 636px) {
      #account-page #account-module {
        border: none; } }
  #account-page #signup-module {
    max-width: 865px;
    margin: 0 auto; }
    #account-page #signup-module .signup-section input {
      width: 100%;
      border-radius: 2px !important;
      border: solid 1px #DADADA; }
    #account-page #signup-module .signup-section:first-child {
      padding: 0 0 36px 0;
      margin: 0 0 36px 0;
      border-bottom: solid 1px #E0E0E0; }
      @media screen and (max-width: 636px) {
        #account-page #signup-module .signup-section:first-child {
          margin-bottom: 24px !important;
          padding-bottom: 24px !important; } }
    #account-page #signup-module .signup-section:nth-of-type(2) {
      margin: 0 0 36px 0; }
      @media screen and (max-width: 636px) {
        #account-page #signup-module .signup-section:nth-of-type(2) {
          margin-bottom: 24px; } }
    #account-page #signup-module .signup-section:nth-of-type(3) {
      padding: 0 0 36px 0;
      margin: 0 0 36px 0;
      border-bottom: solid 1px #E0E0E0; }
      @media screen and (max-width: 636px) {
        #account-page #signup-module .signup-section:nth-of-type(3) {
          margin-bottom: 24px;
          padding-bottom: 24px; } }
    #account-page #signup-module .signup-section:nth-of-type(4) {
      padding: 0 0 36px 0;
      margin: 0 0 24px 0;
      border-bottom: solid 1px #E0E0E0; }
    #account-page #signup-module .signup-section:nth-of-type(4) p {
      text-align: left; }
    #account-page #signup-module .signup-field {
      width: 50%;
      float: left; }
      @media screen and (max-width: 636px) {
        #account-page #signup-module .signup-field {
          float: none;
          width: 100%; } }
    @media screen and (max-width: 636px) {
      #account-page #signup-module .signup-field:nth-child(1), #account-page #signup-module .signup-field:nth-child(2) {
        margin-bottom: 12px; } }
    #account-page #signup-module .signup-field p {
      text-align: left; }
    #account-page #signup-module .signup-field input[type="submit"] {
      margin: 0;
      border: none !important; }
    #account-page #signup-module .signup-field:first-child {
      padding-right: 12px; }
      @media screen and (max-width: 636px) {
        #account-page #signup-module .signup-field:first-child {
          padding: 0; } }
    #account-page #signup-module .signup-field:nth-child(2) {
      padding-left: 12px; }
      @media screen and (max-width: 636px) {
        #account-page #signup-module .signup-field:nth-child(2) {
          padding: 0; } }
  #account-page label {
    display: block;
    font-size: 12px;
    color: #7e8080;
    font-weight: bold;
    margin: 0 0 4px 0; }
  #account-page img {
    display: block;
    margin: 0 auto 24px;
    width: 40px;
    max-width: 100%;
    opacity: .35; }
  #account-page #account-errors {
    border: 1px solid #DC0000;
    width: 100%;
    border-radius: 2px;
    background: #FFF6F6;
    margin: 0 0 12px 0;
    padding: 12px;
    text-align: left; }
  #account-page #account-errors p {
    font-size: 14px;
    color: #DC0000;
    text-align: left; }
  #account-page #account-errors ul {
    margin: 3px 0 0 17px; }
  #account-page #account-errors li {
    color: #DC0000;
    font-size: 13px; }
  #account-page #account-notice {
    width: 100%;
    background: #d1e6ff;
    border: 1px solid #83a7d5;
    margin: 0 0 12px 0;
    padding: 12px;
    text-align: left; }
    #account-page #account-notice p {
      margin: 0; }
  #account-page input[type="text"], #account-page input[type="password"], #account-page input[type="email"] {
    display: block;
    width: 100%;
    font-size: 16px;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    apperance: none;
    height: 44px;
    padding-left: 12px;
    line-height: 44px !important; }
  #account-page input[type="text"] {
    border-radius: 2px 2px 0 0;
    border: solid 1px #DADADA; }
  #account-page input[type="password"] {
    border-radius: 0px 0px 2px 2px;
    border: solid 1px #DADADA;
    border-top: none; }
  #account-page input[type="submit"] {
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    color: #fff;
    text-align: center;
    background-color: #4782C6;
    font-size: 16px;
    border: none;
    border-radius: 3px;
    box-shadow: none;
    padding: 14px 0;
    margin: 12px 0 24px 0;
    text-shadow: none; }
  #account-page ::-webkit-input-placeholder {
    color: #999;
    font-size: 13px;
    font-weight: 300; }
  #account-page ::-moz-placeholder {
    color: #999;
    font-size: 13px;
    font-weight: 300; }
  #account-page :-ms-input-placeholder {
    color: #999;
    font-size: 13px;
    font-weight: 300; }
  #account-page :-moz-placeholder {
    color: #999;
    font-size: 13px;
    font-weight: 300; }
  #account-page .resetting-password input[type="password"] {
    border-top: solid 1px #DADADA;
    border-radius: 2px 2px 0 0; }
  #account-page .resetting-password input[type="password"].password-two {
    border-top: none;
    border-radius: 0 0 2px 2px; }
  #account-page .forget-pw-pos {
    position: relative; }
    #account-page .forget-pw-pos a {
      position: absolute;
      top: 13px;
      right: 12px;
      color: #4990E2;
      font-size: 13px; }
  #account-page p {
    font-size: 13px;
    text-align: center;
    margin: 0 0 12px 0; }
  @media screen and (max-width: 636px) {
    #account-page .signup-field.terms-agree p {
      text-align: center !important; } }

#series-nav-wrap {
  border-bottom: solid 1px #E0E1E2; }

#series-navigation {
  margin: 0 auto;
  position: relative; }
  #series-navigation .shadow {
    position: absolute;
    z-index: 99;
    height: 60px;
    width: 10px;
    top: -1px;
    background-color: rgba(0, 0, 0, 0.5); }
  #series-navigation .left.shadow {
    left: 0;
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%); }
  #series-navigation .right.shadow {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); }
  #series-navigation ul {
    margin: 0 auto;
    padding: 18px 0;
    overflow-x: scroll;
    white-space: nowrap;
    transition: all .25s ease;
    background: #fff;
    position: relative; }
    @media screen and (max-width: 636px) {
      #series-navigation ul {
        text-align: center; } }
  #series-navigation li {
    display: inline-block;
    margin: 0 15px 0 15px; }
    #series-navigation li a {
      color: #4A4A4A;
      font-size: 13px;
      font-weight: lighter; }
    #series-navigation li a:hover {
      color: #2080AD; }

#series-navigation ul::-webkit-scrollbar {
  display: none; }

.page-template-series #series-navigation a[href="/series/"] {
  font-weight: bold; }

#series-page h2 {
  text-align: center;
  font-size: 48px;
  padding: 62px 0 66px 0;
  text-transform: uppercase;
  letter-spacing: 3px; }
  @media screen and (max-width: 535px) {
    #series-page h2 {
      font-size: 22px;
      padding: 20px 0 24px 0; } }
#series-page #series-grid ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: stretch;
  list-style-type: none; }
#series-page #series-grid li {
  width: 32%;
  margin: 0 0 72px 0; }
  @media screen and (max-width: 965px) {
    #series-page #series-grid li {
      width: 49%;
      margin: 0 0 96px 0; } }
  @media screen and (max-width: 535px) {
    #series-page #series-grid li {
      width: 100%;
      float: none; } }
  #series-page #series-grid li img {
    width: 100%;
    max-width: 100%; }
  #series-page #series-grid li h3 {
    padding: 36px 0 18px;
    text-align: center; }
    #series-page #series-grid li h3 a {
      color: #7E8890;
      font-size: 20px;
      text-transform: uppercase;
      letter-spacing: .33px; }
    #series-page #series-grid li h3 a:hover {
      color: #2080AD; }
  #series-page #series-grid li h3 + p {
    line-height: 12px;
    margin: 0 0 12px 0;
    font-weight: 600;
    font-size: 12px;
    color: #1CCFC9;
    font-family: 'Open Sans', sans-serif; }
  #series-page #series-grid li p {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #4A4A4A;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    margin: 0 0 36px 0; }
  #series-page #series-grid li .view-all-series {
    display: block;
    margin: 0 auto;
    width: 117px;
    font-size: 13px;
    padding: 6px;
    text-align: center;
    text-transform: uppercase;
    color: #4990E2;
    letter-spacing: .5px;
    border: solid 1px #4990E2;
    border-radius: 2px; }
  #series-page #series-grid li .view-all-series:hover {
    background-color: #4990E2;
    color: #fff; }

#series-description {
  max-width: 840px;
  margin: 54px auto; }
  @media screen and (max-width: 710px) {
    #series-description {
      margin: 36px auto 24px; } }
  #series-description h2 {
    color: #4A4A4A;
    font-size: 48px;
    text-align: center;
    margin: 0 0 8px 0; }
    @media screen and (max-width: 710px) {
      #series-description h2 {
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 8px 0; } }
  #series-description p {
    font-size: 16px;
    line-height: 28px; }
    @media screen and (max-width: 710px) {
      #series-description p {
        font-size: 14px;
        line-height: 26px; } }

.series-writer {
  color: #4a4a4a;
  display: block;
  font-size: 12px;
  margin: 0 0 12px 0;
  font-weight: 400;
  text-align: center; }
  @media screen and (max-width: 710px) {
    .series-writer {
      margin-bottom: 24px; } }
  .series-writer a {
    display: inline-block; }
  .series-writer img {
    width: 28px;
    height: 28px;
    margin: 0;
    border-radius: 50%;
    float: left; }
  .series-writer .sf-author-name {
    float: left;
    padding: 5px 0 0 6px; }
  .series-writer a {
    color: #4a4a4a; }

#series-latest-pagnation-container {
  /*width:65%;
  float:left;*/
  float: left;
  margin: 0 300px 0 0;
  padding-right: 24px; }
  @media screen and (max-width: 941px) {
    #series-latest-pagnation-container {
      width: 100%;
      float: none;
      padding-right: 0;
      margin: 0; } }

.tag .popular .title a {
  color: #4A4A4A; }

.tag #post-sidebar ul {
  margin: 0 0 24px 0; }
.tag #post-sidebar .popular {
  padding: 12px 0 12px; }
.tag #post-sidebar .popular:last-child {
  border-bottom: none; }
.tag #post-sidebar h3:nth-of-type(2) {
  margin-top: 0; }
.tag #post-sidebar h3:nth-of-type(3) {
  margin-top: 36px; }

#series-latest-pagnation-container + #post-sidebar {
  /*float:right!important;
  width:29%;
  margin-left:0;*/
  float: left;
  width: 300px;
  margin-left: -300px; }
  @media screen and (max-width: 941px) {
    #series-latest-pagnation-container + #post-sidebar {
      display: none; } }

#latest.infinite-scroll.series-feed .sf-post {
  width: 100% !important;
  float: none; }
  #latest.infinite-scroll.series-feed .sf-post .post-img {
    width: 50%;
    margin: 0 12px 0 0;
    float: left; }
    @media screen and (max-width: 710px) {
      #latest.infinite-scroll.series-feed .sf-post .post-img {
        float: none;
        width: 100%;
        margin: 0; } }
  #latest.infinite-scroll.series-feed .sf-post a p {
    color: #4a4a4a; }
  #latest.infinite-scroll.series-feed .sf-post p {
    font-size: 14px;
    padding: 0 0 12px 0; }
  #latest.infinite-scroll.series-feed .sf-post .post-info {
    float: left;
    width: 48%;
    height: 100%;
    position: relative; }
    @media screen and (max-width: 710px) {
      #latest.infinite-scroll.series-feed .sf-post .post-info {
        float: none;
        position: static;
        height: auto;
        width: 100%; } }
    #latest.infinite-scroll.series-feed .sf-post .post-info h3 {
      font-size: 13px;
      color: #9B9B9B;
      margin: 0 0 3px 0;
      letter-spacing: .33px;
      text-transform: uppercase; }
      @media screen and (max-width: 710px) {
        #latest.infinite-scroll.series-feed .sf-post .post-info h3 {
          margin: 12px 0 3px 0; } }
    #latest.infinite-scroll.series-feed .sf-post .post-info .infinite-post-meta {
      position: absolute;
      bottom: 0;
      width: 100%; }
      @media screen and (max-width: 710px) {
        #latest.infinite-scroll.series-feed .sf-post .post-info .infinite-post-meta {
          border-top: solid 1px #E0E1E2;
          position: static; } }

#series-sort {
  margin: 0 0 24px 0;
  padding: 0 0 19px 0;
  border-bottom: solid 1px #E0E1E2;
  text-align: left; }
  #series-sort .drop-down-list {
    display: none;
    margin: 0 12px 0 0; }
  #series-sort .drop-down-list.active {
    display: inline-block; }

.drop-down-list {
  width: 155px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  margin: 0 0 0 0;
  position: relative; }
  .drop-down-list dt {
    padding: 12px 24px 12px 18px;
    background-color: #f2f2f2;
    cursor: pointer;
    text-transform: capitalize; }
    .drop-down-list dt a {
      color: #4A4A4A; }
    .drop-down-list dt span {
      float: left;
      font-weight: 400;
      font-size: 13px; }
    .drop-down-list dt img {
      width: 12px;
      float: right;
      margin: 7px 0 0 0; }
  .drop-down-list dd {
    display: none;
    position: absolute;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 5px 30px -8px rgba(0, 0, 0, 0.6);
    margin: 0;
    top: 0;
    left: 0;
    z-index: 99; }
    .drop-down-list dd ul {
      margin: 0;
      padding-top: 6px;
      list-style-type: none; }
      .drop-down-list dd ul li a {
        color: #4A4A4A;
        text-transform: capitalize;
        display: block;
        padding: 12px 24px; }
      .drop-down-list dd ul li.active a {
        color: #4990E2; }
      .drop-down-list dd ul li:hover {
        color: #4990E2;
        background-color: rgba(74, 144, 226, 0.2); }
        .drop-down-list dd ul li:hover a {
          color: #4990E2; }

#post-series-widget-top {
  background-color: #F4F4F4;
  border: solid 1px #E0E1E2;
  padding: 12px;
  margin: 0 0 24px 0;
  display: none; }
  #post-series-widget-top p {
    font-size: 13px;
    font-style: italic;
    margin: 0; }

#post-series-widget-bottom {
  border: solid 1px #E0E1E2;
  background-color: #F4F4F4;
  margin: 0 0 24px 0;
  clear: both;
  display: none; }
  #post-series-widget-bottom #archive-link {
    text-align: center;
    padding: 12px; }
    #post-series-widget-bottom #archive-link h4 {
      font-size: 15px;
      margin: 0 0 12px 0; }
      #post-series-widget-bottom #archive-link h4 a {
        font-size: 15px; }
    #post-series-widget-bottom #archive-link p {
      font-family: 'Open Sans', sans-serif;
      font-size: 13px;
      line-height: 18px;
      margin: 0; }
  #post-series-widget-bottom #chrono-buttons {
    border-top: solid 1px #E0E1E2; }
    #post-series-widget-bottom #chrono-buttons #last-chrono, #post-series-widget-bottom #chrono-buttons #next-chrono {
      width: 50%;
      float: left;
      padding: 12px;
      line-height: 15px; }
      #post-series-widget-bottom #chrono-buttons #last-chrono a, #post-series-widget-bottom #chrono-buttons #next-chrono a {
        font-style: italic;
        font-size: 13px; }
    #post-series-widget-bottom #chrono-buttons #last-chrono {
      border-right: solid 1px #E0E1E2;
      text-align: left; }
    #post-series-widget-bottom #chrono-buttons #next-chrono {
      text-align: right; }
    #post-series-widget-bottom #chrono-buttons #last-chrono.previous-only {
      border-right: none !important;
      text-align: center !important;
      width: 100% !important; }
    #post-series-widget-bottom #chrono-buttons #last-chrono.previous-only + #next-chrono {
      display: none !important; }

#post-series-widget-bottom.show-widget,
#post-series-widget-top.show-widget {
  display: block; }

/* FEATURED POST UPDATES */
@media screen and (max-width: 966px) {
  #features .second-feature {
    display: none; } }

@media screen and (max-width: 1000px) {
  #features {
    padding: 12px; } }

@media screen and (max-width: 565px) {
  .main-feature {
    margin-bottom: 12px !important;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25); }
    .main-feature .featured-inset {
      margin: 0; }
    .main-feature .feature-post-info {
      background-color: #fff; }
      .main-feature .feature-post-info h2 {
        color: #4A4A4A; }
    .main-feature .comment-stamp, .main-feature .favs-stamp {
      display: none; } }
  @media screen and (max-width: 565px) and (max-width: 565px) {
    .main-feature .comment-stamp {
      display: none;
      float: left;
      margin-left: 12px; } }
@media screen and (max-width: 565px) {
    .main-feature h3 a:nth-of-type(2) {
      margin-left: 0px !important; } }

@media screen and (max-width: 565px) {
  .second-feature {
    background-color: #fff;
    display: block !important;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25); }
    .second-feature img {
      float: left;
      width: 39%; }
    .second-feature .featured-inset {
      width: 61%;
      float: left;
      margin: 0; }
    .second-feature .feature-post-meta h3 a:nth-of-type(2) {
      margin-left: 0; }
    .second-feature .feature-post-info {
      background-color: #fff; }
      .second-feature .feature-post-info h2 {
        font-size: 18px !important;
        line-height: 24px;
        color: #4A4A4A; } }
      @media screen and (max-width: 565px) and (max-width: 433px) {
        .second-feature .feature-post-info h2 {
          font-size: 13px !important;
          line-height: 18px; } }
@media screen and (max-width: 565px) {
    .second-feature .favs-stamp, .second-feature .comment-stamp {
      display: none; } }

.the-latest {
  display: none;
  clear: both;
  font-style: italic;
  margin: 0;
  color: #9B9B9B;
  padding: 12px 0 0 0;
  font-size: 14px;
  letter-spacing: .58px;
  text-transform: uppercase; }
  @media screen and (max-width: 565px) {
    .the-latest {
      display: block; } }

#page {
  padding: 12px 12px; }

.home #page, .page-template-login #page, .page-template-reset-password #page {
  padding: 0; }

/* UGC - SUBMISSION */
.page-template-user-submission #page {
  padding: 0; }

#ugc-container {
  padding: 36px 0 0;
  margin: 0 auto;
  max-width: 860px; }
  #ugc-container h1 {
    text-align: center;
    margin: 0 0 6px 0;
    font-size: 34px;
    font-weight: normal;
    color: #4A4A4A; }
    @media screen and (max-width: 636px) {
      #ugc-container h1 {
        font-size: 24px; } }
    @media screen and (min-width: 636px) {
      #ugc-container h1 {
        margin-top: 36px; } }
  #ugc-container h1 + p {
    text-align: center;
    margin: 0 0 24px 0;
    color: #4A4A4A; }
    @media screen and (max-width: 636px) {
      #ugc-container h1 + p {
        font-size: 13px;
        padding: 0 12px; } }

#dispenser button, #dispenser a {
  appearance: none;
  text-align: left;
  color: #4A4A4A;
  font-size: 15px;
  margin: 0;
  font-weight: normal;
  border: none;
  text-shadow: none;
  box-shadow: none;
  background-color: transparent;
  width: 100%;
  padding: 24px 24px 24px 0;
  border-bottom: solid 1px #ccc; }
  #dispenser button img, #dispenser a img {
    float: right;
    transform: rotate(-90deg);
    opacity: .8;
    width: 14px;
    margin: 3px 0 0 0; }
#dispenser a {
  display: block;
  width: 100%;
  padding: 24px 24px 24px 0; }
  #dispenser a img {
    margin-top: 7px; }
#dispenser button:focus {
  outline: 0; }
#dispenser li:last-child a {
  border-bottom: none; }
#dispenser span {
  font-size: 13px;
  color: #4A4A4A;
  margin: 0 0 24px 0;
  display: block;
  text-align: center; }
#dispenser ul {
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
  max-width: 375px; }
  @media screen and (max-width: 636px) {
    #dispenser ul {
      max-width: none;
      box-shadow: 0px 0px 24px -8px rgba(0, 0, 0, 0.6); } }
#dispenser li {
  margin: 0;
  padding: 0; }
  @media screen and (max-width: 636px) {
    #dispenser li {
      padding: 0 0 0 24px; } }
#dispenser div {
  border: solid 1px #E0E1E2;
  background-color: #F5F5F5;
  padding: 24px;
  border-radius: 3px;
  margin: 24px auto 0;
  max-width: 375px; }
  #dispenser div p {
    font-size: 13px;
    margin: 0 0 6px 0; }
  #dispenser div a {
    color: #4990E2;
    font-size: 13px;
    padding: 0;
    margin: 24px 0 0px 0;
    border: none !important; }

.ugc-slide {
  display: none;
  padding: 0 12px; }
  @media screen and (max-width: 636px) {
    .ugc-slide {
      max-width: 475px;
      margin: 0 auto; } }
  .ugc-slide input, .ugc-slide p, .ugc-slide label, .ugc-slide a {
    font-family: 'Open Sans', arial, sans-serif; }
  .ugc-slide input[type="checkbox"] {
    margin-right: 6px; }
    @media screen and (max-width: 636px) {
      .ugc-slide input[type="checkbox"] {
        margin-top: 0; } }
  .ugc-slide .customcheck-container + span {
    font-size: 13px;
    font-weight: normal;
    float: left;
    margin: 5px 0 0 12px; }
  .ugc-slide .ugc-section {
    padding: 0 0 36px 0; }
    @media screen and (max-width: 636px) {
      .ugc-slide .ugc-section {
        margin: 0;
        padding: 0; } }
    .ugc-slide .ugc-section .ugc-field {
      width: 50%;
      float: left; }
      @media screen and (max-width: 636px) {
        .ugc-slide .ugc-section .ugc-field {
          width: 100%;
          float: none;
          margin: 0 0 24px 0; } }
    .ugc-slide .ugc-section .ugc-field:first-child {
      padding-right: 12px; }
      @media screen and (max-width: 636px) {
        .ugc-slide .ugc-section .ugc-field:first-child {
          padding-right: 0; } }
    .ugc-slide .ugc-section .ugc-field:nth-child(2) {
      padding-left: 12px; }
      @media screen and (max-width: 636px) {
        .ugc-slide .ugc-section .ugc-field:nth-child(2) {
          padding-left: 0; } }
  @media screen and (max-width: 636px) {
    .ugc-slide .hidden-mobile-field {
      display: none; } }
  .ugc-slide .ugc-section.bordered {
    border-bottom: solid 1px #DADADA;
    margin: 0 0 36px 0; }
    @media screen and (max-width: 636px) {
      .ugc-slide .ugc-section.bordered {
        margin: 0 0 24px 0;
        border-bottom: none; } }
    @media screen and (max-width: 636px) {
      .ugc-slide .ugc-section.bordered .ugc-field:nth-child(2) {
        margin-bottom: 0; } }
  .ugc-slide .box + span {
    margin: 0;
    opacity: .5;
    font-size: 12px;
    font-style: italic;
    display: block; }
  .ugc-slide .well {
    border: solid 1px #E0E1E2;
    background-color: #F5F5F5;
    padding: 24px;
    border-radius: 3px;
    margin: 0 0 48px 0; }
    @media screen and (max-width: 636px) {
      .ugc-slide .well {
        paddding: 12px 18px;
        margin: 0 0 42px 0; } }
    .ugc-slide .well p {
      font-size: 13px;
      margin: 0 0 6px 0; }
    .ugc-slide .well p:nth-of-type(2) {
      margin: 0; }
  .ugc-slide label {
    font-size: 12px;
    display: block;
    margin: 0 0 4px 0;
    color: #4A4A4A;
    font-weight: bold; }
  .ugc-slide label.error {
    color: red; }
  .ugc-slide label.error + .box label {
    border: solid 1px red; }
  .ugc-slide label.error + .drop-down-list {
    border: solid 1px red; }
  .ugc-slide label.error + input, .ugc-slide label.error + textarea {
    border: solid 1px red; }
  .ugc-slide .error-msg {
    font-size: 13px;
    color: red; }
    @media screen and (max-width: 636px) {
      .ugc-slide .error-msg {
        font-size: 12px; } }
  .ugc-slide .optional-label {
    color: #CFCFCF;
    font-weight: 400;
    font-size: 13px;
    margin: 2px 0 0 10px; }
  .ugc-slide .padded-floated {
    margin-top: 24px; }
  .ugc-slide input[type="text"], .ugc-slide input[type="email"], .ugc-slide textarea {
    width: 100%;
    max-width: 475px;
    padding: 6px;
    display: block;
    margin: 0; }
  .ugc-slide .drop-down-list {
    margin: 0;
    width: 100%; }
  .ugc-slide .captcha {
    margin: 0; }
    @media screen and (max-width: 636px) {
      .ugc-slide .captcha {
        text-align: center; } }
  .ugc-slide .g-recaptcha {
    display: inline-block; }

@media screen and (max-width: 636px) {
  #pv-maxxed .ugc-section {
    margin-bottom: 36px; } }

.ugc-slide textarea {
  height: 135px;
  max-width: 100%; }

@media screen and (min-width: 636px) {
  #ugc-container form {
    margin-top: 84px; } }

#ugc-success p {
  text-align: center; }
#ugc-success #ugc-success-social {
  margin: 0 0 24px 0;
  text-align: center; }
  #ugc-success #ugc-success-social a {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 6px 0 0; }

input[type="text"], input[type="password"], input[type="email"] {
  display: block;
  width: 100%;
  font-size: 16px;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  apperance: none;
  height: 44px;
  padding-left: 12px;
  line-height: normal;
  line-height: 44px !important; }

input[type="text"] {
  border-radius: 2px 2px 0 0;
  border: solid 1px #DADADA;
  line-height: normal; }

input[type="password"] {
  border-radius: 0px 0px 2px 2px;
  border: solid 1px #DADADA;
  border-top: none;
  line-height: normal; }

input[type="submit"] {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  color: #fff;
  text-align: center;
  background-color: #4782C6;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: none;
  border-radius: 3px;
  box-shadow: none;
  padding: 14px 0;
  margin: 0 0 24px 0;
  text-shadow: none; }

input[type="submit"]:focus {
  outline: 0; }

.account-at-symbol {
  width: 10%;
  height: 44px;
  border: solid 1px #ccc;
  border-radius: 3px 0px 0px 3px;
  border-right: none;
  display: block;
  background-color: #f5f5f5;
  text-align: center;
  padding-top: 8px;
  float: left; }

#attr-user {
  width: 90%;
  float: left;
  border-radius: 0px 3px 3px 0px; }

::-webkit-input-placeholder {
  color: #999;
  font-size: 13px;
  font-weight: 300; }

::-moz-placeholder {
  color: #999;
  font-size: 13px;
  font-weight: 300; }

:-ms-input-placeholder {
  color: #999;
  font-size: 13px;
  font-weight: 300; }

:-moz-placeholder {
  color: #999;
  font-size: 13px;
  font-weight: 300; }

.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.inputfile + label {
  cursor: pointer; }

.no-js .inputfile + label {
  display: none; }

.inputfile:focus + label,
.inputfile.has-focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px; }

.inputfile + label * {
  /* pointer-events: none; */
  /* in case of FastClick lib use */ }

.inputfile-1 + label {
  color: #4990E2;
  padding: 9px;
  font-size: 16px;
  text-align: center;
  border-radius: 3px;
  font-weight: normal;
  border: solid 1px #DADADA;
  background-color: transparent; }

input[type="submit"] {
  cursor: pointer; }

body.page-template-user-submission-success {
  height: 100%; }
  body.page-template-user-submission-success #page {
    height: 100%; }

.captcha.cap-error {
  border: solid 1px red;
  padding-top: 12px;
  padding-left: 12px; }

.ugc-submit.locked {
  opacity: .6; }

.error + .user-attribution .account-at-symbol {
  border: solid 1px red;
  border-right: none; }
.error + .user-attribution #attr-user {
  border: solid 1px red; }

.hider {
  display: none; }

.yes-no .button {
  appearance: none;
  -webkit-appearance: none;
  border: solid 1px #E0E1E2;
  border-radius: 5px 0px 0px 5px;
  background-color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 9px;
  margin: 0;
  color: #4A4A4A;
  display: block;
  float: left;
  width: 85px;
  box-shadow: none;
  text-shadow: none; }
.yes-no .button:focus {
  outline: 0; }
.yes-no .button:hover {
  box-shadow: none;
  border: solid 1px #9C9C9C; }
.yes-no .button:nth-child(2) {
  border-radius: 0px 5px 5px 0px;
  border-left: none !important; }
.yes-no .button.yes.active {
  background-color: #91c53f;
  border: solid 1px #91c53f;
  color: #fff; }
.yes-no .button.no.active {
  background-color: #B2BABC;
  border: solid 1px #B2BABC;
  color: #fff; }
.yes-no .button.errors {
  border: solid 1px red; }

#user-attribution.hidden {
  display: none; }

.unhider {
  font-size: 13px;
  display: inline-block;
  margin: 12px 0 0 0; }

.box.alt .inputfile-1 + label {
  display: inline-block;
  border: solid 1px red;
  padding: 0;
  font-size: 13px;
  text-align: left;
  border: none; }

#pv-maxxed {
  max-width: 406px;
  margin: 0 auto; }

#attr-user-label {
  margin-top: 36px; }

.user-attribution.site-account .account-at-symbol, .user-attribution.Email .account-at-symbol {
  display: none; }
.user-attribution.site-account #attr-user, .user-attribution.Email #attr-user {
  width: 100% !important;
  float: none !important; }

.label-parent input[type="checkbox"] {
  display: none; }

.label-parent {
  position: relative; }
  .label-parent span {
    display: block;
    max-width: 80%;
    line-height: 1.3em; }
    @media screen and (max-width: 875px) {
      .label-parent span {
        width: 100%; } }

.customcheck-container {
  width: 28px;
  height: 28px;
  border: solid 2px #C3C3C3;
  float: left;
  border-radius: 2px; }

.customcheck-container label {
  display: inline-block; }

input[type=checkbox]:checked + .customcheck-container {
  background-image: url(images/terms-check.png);
  background-repeat: no-repeat;
  background-size: 25px 19px;
  background-position: 0px 2px; }

#content_submit {
  width: 100px; }

input:focus, textarea:focus {
  outline: none; }

.cat-submit {
  background-color: #4990E2;
  color: #fff;
  padding: 12px;
  width: 100%;
  display: block;
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 24px 0; }

.remove-file-upload {
  color: #999;
  margin-left: 18px; }

.remove-file-upload.hidden {
  display: none; }

@media screen and (max-width: 636px) {
  body.page-template-user-submission {
    background-color: #F5F5F5; }

  #dispenser ul {
    background-color: #FFF; }

  #dispenser div {
    background-color: #FFF; } }
/* =Global
----------------------------------------------- */
body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
  clear: both; }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

/* Text elements */
p {
  margin-bottom: 1.5em; }

ul, ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 5%; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

b, strong {
  font-weight: bold; }

dfn, cite, em, i {
  font-style: italic; }

blockquote {
  margin: 1em 1.5em; }

.pullquote {
  font-size: 1.4em;
  width: 200px;
  line-height: 1.1em;
  color: #a20000; }

.pullquote.right {
  float: right;
  margin-left: 20px; }

.pullquote.left {
  float: left;
  margin-right: 20px; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  padding: 1.6em;
  overflow: auto;
  max-width: 100%; }

code, kbd, tt, var {
  font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark, ins {
  background: #fff9c0;
  text-decoration: none; }

sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  bottom: 1ex; }

sub {
  top: .5ex; }

small {
  font-size: 75%; }

big {
  font-size: 125%; }

figure {
  margin: 0; }

table {
  margin: 0 0 1.5em;
  width: 100%; }

th {
  font-weight: bold; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
  vertical-align: bottom; }

button,
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */
  *vertical-align: middle;
  /* Improves appearance and consistency in all browsers */ }

button,
input {
  line-height: normal;
  /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ }

button,
html input[type="button"],
input[type="reset"] {
  border: 1px solid #ccc;
  border-color: #ccc #ccc #bbb #ccc;
  border-radius: 3px;
  background: #e6e6e6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  -webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  padding: .6em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover {
  border-color: #ccc #bbb #aaa #bbb;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); }

button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active {
  border-color: #aaa #bbb #bbb #bbb;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0; }

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #111; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 3px; }

textarea {
  overflow: auto;
  padding-left: 3px;
  vertical-align: top;
  width: 98%; }

/* Links */
a {
  color: #4990E2;
  text-decoration: none; }

a:hover,
a:focus,
a:active {
  text-decoration: none;
  color: #2080AD; }

/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto; }

/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important; }

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar */ }

/* Clearing */
.clear:before,
.clear:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after {
  content: '';
  display: table; }

.clear:after,
[class*="content"]:after,
[class*="site"]:after {
  clear: both; }

.row.clear {
  margin: 10px; }

#features .row.clear {
  margin: 12px 12px 2px 12px; }

.mobile {
  display: none; }

/* =Content
----------------------------------------------- */
.single #page {
  max-width: 1000px; }

#page {
  position: relative;
  margin: 0px auto 30px;
  z-index: 4;
  max-width: 1000px; }

.hentry {
  margin: 0 0;
  clear: both;
  float: left;
  width: 100%; }

.byline,
.updated {
  display: none; }

.single .byline,
.group-blog .byline {
  display: inline; }

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

.page #primary {
  width: 100%; }

body.single-format-status #primary {
  width: 100%; }

/* =Asides
----------------------------------------------- */
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none; }

/* =Media
----------------------------------------------- */
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
  display: inline; }

.comment-content img {
  display: block;
  clear: both;
  padding: 5px 0; }

.wp-caption {
  border: 1px solid #ccc;
  margin-bottom: 1.5em;
  max-width: 100%;
  width: auto !important; }

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 1.2% auto 0;
  max-width: 98%;
  padding: 0; }

.wp-caption-text {
  text-align: center; }

.wp-caption .wp-caption-text {
  margin: 0.8075em 0; }

.site-main .gallery {
  margin-bottom: 1.5em; }

.site-main .gallery a img {
  border: none;
  height: auto;
  max-width: 90%; }

.site-main .gallery dd {
  margin: 0; }

/* Make sure embeds and iframes fit their containers */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 1em; }

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

embed,
iframe,
object {
  max-width: 100%; }

/* =Navigation
----------------------------------------------- */
.site-main [class*="navigation"] {
  margin: 0 0 1.5em;
  overflow: hidden; }

[class*="navigation"] .nav-previous {
  float: left;
  width: 50%; }

[class*="navigation"] .nav-next {
  float: right;
  text-align: right;
  width: 50%; }

/* =Comments
----------------------------------------------- */
.comment-content a {
  word-wrap: break-word; }

/*Main Coding Begins Here*/
body {
  font-family: 'Open Sans', sans-serif;
  -webkit-font-smoothing: subpixel-antialiased; }

#header-container {
  background: #bc2026;
  width: 1080px;
  margin: 0 auto;
  border-width: 1px 1px 0 1px;
  border-color: #fff;
  border-style: solid; }

header#masthead {
  max-width: 1080px;
  margin: auto; }

.site-branding {
  width: 60px;
  float: left;
  margin: 4px 0 4px 2%; }

h1.site-title a {
  text-decoration: none;
  font-weight: bold;
  font-size: 36px;
  color: #484848;
  display: block; }

.logo-container {
  position: relative; }

.main_logo {
  max-width: 60px;
  max-height: 60px;
  height: 60px;
  display: block;
  background: url("images/PGP-logo.png"); }

span.logo {
  background-image: url("images/small-logo.png");
  width: 30px;
  height: 30px;
  background-size: 100%;
  display: inline-block;
  vertical-align: text-top;
  margin-left: 2px;
  margin-top: -4px;
  text-indent: -9999px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .main_logo {
    background: url("images/PGP-logo2x.png");
    background-size: 60px 60px; } }
/* =Search
----------------------------------------------- */
.search .top-banner {
  margin-bottom: 10px; }

.search article.format-image {
  background: none;
  text-align: left; }

.search #primary article.wall-post {
  padding: 0.5em; }

.search #primary .wall-container {
  width: 32% !important;
  margin: 0 0 24px 0; }
  @media screen and (max-width: 965px) {
    .search #primary .wall-container {
      width: 49% !important; } }
  @media screen and (max-width: 535px) {
    .search #primary .wall-container {
      width: 100% !important; } }

.infinite-scroll .wall-container article.wall-post {
  width: 100% !important; }

#refine-search {
  margin: 0 0 24px 0; }

.search #refine-search fieldset {
  text-align: center; }

.search #refine-search fieldset input#s {
  width: 84%;
  padding: 10px;
  border-radius: 0;
  -webkit-appearance: none; }

.search #refine-search fieldset input#searchsubmit {
  padding: 11px;
  font-size: 1em;
  width: 15%; }

.search-filter {
  float: right;
  font-weight: normal; }

.search-filter select {
  margin-left: 5px; }

.search #primary article {
  padding: 1em 0;
  margin: 0; }

.search article.pgp_forum .stub {
  width: 100%; }

.search .entry-summary {
  margin: 0; }

.search .stub {
  width: 66%; }

.search .post .thumbnail {
  width: 34%; }

/* HOME PAGE */
#whats-trending {
  width: 39.25%;
  float: left; }

#whats-new {
  width: 100%; }

#trending-posts {
  margin-bottom: 1em;
  margin-left: 2%;
  padding-bottom: 10px; }

.section-header {
  color: #17B0AB;
  text-align: center;
  border-bottom: solid 1px #17B0AB;
  text-transform: uppercase;
  font-size: 1.25em;
  margin: 0.5em 0; }

.section-header span {
  background: #fff;
  padding: 0 5px; }

/* Small menu */
.menu-toggle {
  display: none;
  cursor: pointer; }

.wall-post {
  background-color: #f8f8f8;
  border: solid 1px #e0e1e2;
  padding: 12px;
  margin: 0 0 12px 0;
  position: relative;
  clear: both; }

.single .wall-post {
  background-color: transparent;
  border: none;
  border-bottom: solid 1px #e0e1e2;
  padding: 0 0 12px 0; }

.wall-post.pending {
  padding-top: 2em; }

.single-format-status .wall-post {
  border-width: 1px;
  width: 100%; }

.single-format-status .wall-post p {
  font-size: 42px;
  line-height: 1.3em; }

.popular,
.friend {
  padding: 1.1em 0;
  border-bottom: 1px solid #dedede; }

.popular:hover .thumbnail {
  opacity: 1 !important; }
.popular:hover .title a {
  color: #2080AD !important; }

.popular .thumbnail {
  float: right;
  text-align: right;
  max-width: 70px;
  height: auto;
  width: 20%; }

.friend .thumbnail {
  float: left;
  text-align: right;
  max-width: 70px;
  height: auto;
  width: 20%; }

.friend .title {
  width: 79%;
  float: right;
  font-size: 0.8em;
  margin-right: 1%; }

.popular .title {
  width: 79%;
  float: left;
  font-size: 0.8em;
  margin-right: 1%; }

.trending-sidebar {
  margin-left: 2em; }

.trending-sidebar li {
  font-size: 0.9em;
  line-height: 1.2em;
  margin-bottom: 1em; }

.popular .author a,
.friend .author a {
  font-size: 0.8em;
  color: #999; }

div.view-all {
  text-align: center;
  border: 1px solid #ccc;
  background: #eee;
  padding: 10px 0;
  clear: both;
  text-transform: uppercase; }

div.view-all a {
  color: #bc2026; }

div.view-all a:hover {
  color: #bc2026; }

.wall-post a {
  color: #000; }

.wall-post p {
  margin-bottom: 0.4em; }

.wall-post .wall-meta {
  float: left;
  padding-top: 5px; }

.wall-post .wall-meta,
.wall-post .wall-meta a {
  color: #989898;
  font-size: 0.9em;
  margin-top: 12px; }

.wall-post .wall-social {
  float: right; }

.entry-social iframe {
  max-width: none;
  vertical-align: bottom; }

.entry-social a,
.favorite_link a {
  text-decoration: none;
  -webkit-transition: color .15s linear;
  -moz-transition: color .15s linear;
  -o-transition: color .15s linear;
  -ms-transition: color .15s linear;
  transition: color .15s linear;
  color: #000; }

.entry-social a:hover,
.entry-social a.rated,
.favorite_link a:hover,
.favorite_link a.rated {
  color: #2080AD; }

article.category-columns .entry-social,
article.category-water-cooler .entry-social,
article.category-galleries .entry-social,
article.category-videos .entry-social,
article.pgp_forum .entry-social {
  margin: 10px 0; }

#post_thumbnail {
  margin-bottom: 10px;
  text-align: center; }

article.category-columns .entry-content,
article.category-water-cooler .entry-content {
  font-family: Georgia, Times, serif; }

.entry-content img {
  display: block;
  -moz-box-shadow: 0 0 2px #999;
  -webkit-box-shadow: 0 0 2px #999;
  box-shadow: 0 0 2px #999;
  margin: 0 auto;
  box-sizing: border-box; }

article .entry-content a {
  color: #17B0AB; }

.category-the-wall .wall-post,
#profile-content .wall-post,
.search .wall-post {
  border-bottom-width: 1px; }

.search .wall-post {
  margin-bottom: 1em; }

#profile-content .wall-post {
  margin: 0 2% 1em; }

.wall-post .entry-social {
  float: right; }

.single .wall-post .entry-social {
  display: none; }

.stub h3.entry-title {
  font-size: 2em;
  line-height: 1.2em; }
  .stub h3.entry-title a {
    color: #4a4a4a; }
    @media screen and (max-width: 768px) {
      .stub h3.entry-title a {
        color: #fff; } }
  .stub h3.entry-title a:hover {
    color: #2080AD; }
  @media screen and (max-width: 768px) {
    .stub h3.entry-title {
      font-size: 1em; } }

.top-comment {
  position: relative;
  background: #f8f8f8;
  border: 1px solid #c9c9c9;
  width: 100%;
  padding: 10px;
  margin: 5px 0;
  float: left; }

.top-comment-avatar {
  float: left;
  width: 9%;
  margin: 1%; }

article.format-image div.top-comment-avatar img {
  width: 100%;
  height: auto; }

.top-comment-content {
  color: #000;
  font-size: 0.9em;
  float: left;
  width: 89%; }

span.top-comment-author a {
  display: block;
  color: #8f8f8f;
  font-size: 0.8em; }

.top-comment-label {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #c9c9c9;
  color: #696969;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.5em;
  padding: 3px; }

p.firstParagraph:first-letter {
  /*
  	font-size: 4em;
  	line-height:56px;
  	margin-bottom: -9px;
  	margin-top:-5px;
  	margin-right: 5px;
  	float: left;
  	color: $pgp-dark;*/ }

#grandex-header {
  text-align: center;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 9999; }

#grandex-header #full-header {
  background: #363636;
  display: none;
  border-bottom: 1px solid #999; }

#grandex-header #full-header a {
  color: #fff;
  text-transform: uppercase; }

#grandex-header #full-header .brand {
  margin: 1em 1%;
  width: 12.2857%;
  float: left;
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.5; }

#grandex-header #full-header .brand .name {
  font-size: 16px;
  padding-top: 5px; }

#grandex-header #full-header .active.brand,
#grandex-header #full-header .brand:hover {
  filter: alpha(opacity=100);
  opacity: 1; }

#grandex-header #small-header {
  height: 30px;
  position: relative;
  background: #202020;
  border-bottom: 1px solid #000;
  box-shadow: 1px 0 5px #000;
  cursor: pointer;
  -webkit-transition: background .15s linear;
  -moz-transition: background .15s linear;
  -o-transition: background .15s linear;
  -ms-transition: background .15s linear;
  transition: background .15s linear; }

#grandex-header #small-header .more-from {
  height: 17px;
  background: url("images/more-from.png") repeat;
  width: 142px;
  margin: 5px auto;
  display: inline-block;
  position: relative; }

#grandex-header #small-header .more-from span {
  background: url("images/more-from.png") repeat;
  background-position: 0 -17px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -moz-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  -ms-transition: opacity .15s linear;
  transition: opacity .15s linear; }

#grandex-header #small-header:hover .more-from span {
  opacity: 1; }

#grandex-header #small-header:hover {
  -webkit-transition: background .15s linear;
  -moz-transition: background .15s linear;
  -o-transition: background .15s linear;
  -ms-transition: background .15s linear;
  transition: background .15s linear;
  background: #000; }

#grandex-header #small-header:before {
  left: 50%;
  margin-left: -13px; }

footer#author {
  border: solid #ddd;
  border-width: 1px 0;
  padding: 10px 0;
  margin-bottom: 1em; }

footer#author .author-picture {
  float: left;
  width: 23%;
  margin-right: 2%; }

footer#author .author-social {
  float: left;
  width: 25%; }

footer#author .author-picture .avatar {
  height: auto; }

footer#author .author-content {
  margin-left: 2%;
  float: left;
  width: 48%; }

footer#author .author-bio {
  font-size: 0.8em;
  line-height: 1.5em; }

footer#author .more-from-this-author {
  font-weight: bold;
  margin: 0; }

footer#author h3 {
  font-size: 1em;
  font-weight: bold; }

footer#author .author-social a {
  color: #000;
  display: block; }

footer#author a {
  color: #bc2026; }

/*Content Regions*/
#content {
  width: 100%; }

#primary {
  width: 70%;
  float: right;
  padding-left: 1%;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

body.search #primary {
  width: 100%; }

#secondary {
  float: right;
  width: 30%;
  background: #fff; }

#secondary > .ad {
  margin-top: 0; }

.entry-header {
  position: relative; }

h1.page-title {
  padding: 10px;
  background: #eaeaea;
  border-bottom: solid 1px #ddd;
  font-weight: bold;
  margin-top: 15px; }

h1.entry-title a, h1.entry-title {
  font-size: 36px;
  color: #000;
  font-weight: 700;
  line-height: 46px; }

.entry-meta {
  color: #989898;
  font-size: 14px;
  padding: 0.5em 0; }

.single .entry-meta {
  font-size: 0.9em; }

.entry-meta a {
  color: #999; }

span.comments-link {
  float: right; }

#featured_image {
  width: 150px;
  float: left;
  clear: left;
  margin: 20px 10px 15px 3px; }

#featured_image img {
  width: 125px;
  box-shadow: 0px 3px 3px -3px #333; }

.entry-content {
  margin: 0;
  font-size: 1.1em; }

.entry-content ol {
  margin-left: 0; }

.entry-content li {
  padding: 10px 15px;
  border: solid 1px #ccc;
  margin: 0 0 20px 0;
  list-style-position: inside; }

.category .entry-content,
.home .entry-content,
.author .entry-content {
  font-size: 1em; }

.category .ad {
  padding-bottom: 20px; }

.read-more {
  color: #17B0AB;
  display: inline-block; }

p#load {
  text-align: center;
  margin: 24px 0 0 0; }

#pagination {
  text-align: center;
  margin-bottom: 1em;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  clear: both;
  padding: 15px 0;
  font-size: 1.1em; }

#pagination a {
  display: inline-block;
  padding: 5px;
  line-height: 1em;
  margin: 3px 1px;
  background: #17B0AB;
  color: #fff; }

#pagination a:hover {
  background: #000;
  text-decoration: none; }

#pagination span.current {
  background: #ddd;
  padding: 5px;
  line-height: 1em;
  display: inline-block;
  margin: 0 3px;
  color: #666; }

#pagination span {
  padding: 5px 0;
  line-height: 1em;
  display: inline-block;
  color: #666; }

.top-banner {
  text-align: center;
  padding-top: 0px;
  padding-bottom: 5px; }

.single .top-banner {
  padding: 15px 0; }

.middle-banner {
  text-align: center;
  border: solid 1px #eee;
  background: #f8f8f8;
  padding: 20px 0;
  margin: 20px 0; }

.bottom-banner {
  text-align: center;
  margin-bottom: 1em;
  padding-top: 0.5em;
  clear: both; }

/*make sure the ad is centered*/
.top-banner div,
.bottom-banner div {
  margin: 0 auto; }

.ad {
  margin-left: 2%;
  text-align: center;
  clear: both; }

#whats-trending div.ad,
#popular .ad,
.single .ad {
  margin: 1em 0; }

.second-feature {
  width: 40%;
  float: right; }

.main-feature .favorite_link a:hover,
.main-feature .favorite_link a.rated,
.second-feature .favorite_link a:hover,
.second-feature .favorite_link a.rated {
  color: #2080AD; }

#features .sub-feature {
  width: 19%;
  margin: 8px 1.25% 0 0;
  line-height: 1.3em;
  font-size: 0.85em; }

#features .sub-feature .thumbnail {
  margin-bottom: .4em; }

#features .last.sub-feature {
  margin-right: 0; }

#features .sub-feature.promo-post {
  margin-right: 0;
  float: right; }

.feature-meta a {
  color: #a5a5a5; }

.feature-meta .title a {
  color: #fff; }

.feature-meta .title {
  font-size: 1.3em;
  border-bottom: 1px solid #565656;
  line-height: 1.2em;
  padding-bottom: 5px; }

.sub-feature {
  float: left;
  margin-right: 2%;
  width: 32%; }

.sub-feature.last,
.trending-post.last {
  margin-right: 0; }

.trending-post {
  float: left;
  margin-right: 2%;
  width: 49%;
  position: relative;
  margin-bottom: 1em;
  background: #000; }

.trending-post a.title {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  color: #fff;
  padding: 5px;
  text-shadow: 1px 1px 1px #000; }

.trending-post .thumbnail img {
  opacity: 0.7; }

.thumbnail {
  position: relative;
  float: left;
  max-width: 100%; }

.thumbnail img {
  vertical-align: bottom; }

.category_tag {
  position: absolute;
  background: #2080AD;
  top: 5px;
  left: 0;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0 5px;
  font-size: 0.75em;
  z-index: 5; }

.promo-post .category_tag,
.promo-post a .category_tag {
  color: #fff;
  background: #a60000;
  padding: 3px; }

.sub-feature-meta {
  font-size: 0.85em;
  margin-top: .5em;
  color: #989898; }

.sub-feature-meta .title a {
  font-size: 1.2em;
  color: #000;
  margin-bottom: 0.2em; }

.sub-feature-meta a {
  color: #989898; }

.feature-meta .comments {
  float: right; }

.entry-meta .comments {
  float: right; }

.sub-feature-meta .fa {
  margin: 0 0.2em 0 0.3em; }

.sub-feature-meta .author .fa,
.feature-meta .author .fa,
.caption .author .fa,
.entry-meta .fa-user,
.wall-meta .fa-user {
  margin: 0 0.2em 0 0em; }

#share-email-modal {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto; }

#share-email-modal h2 {
  text-align: center;
  font-size: 2em; }

#share-email-modal input[type="email"],
#share-email-modal textarea {
  width: 100%;
  padding: 0.5em;
  margin: 0.5em 0; }

#share-email-modal input[type="submit"] {
  color: #fff;
  background: #c32424;
  text-shadow: 1px 1px 0 #000;
  font-size: 1.5em;
  padding: 0.5em 1em;
  -webkit-appearance: none;
  border: none;
  box-shadow: none;
  border-radius: 0; }

#share-email-modal .send-share-email {
  text-align: center; }

#share-email-error {
  border: 1px solid #ff0000;
  background: #ff9999;
  margin: 10px 3%;
  padding: 10px;
  display: none; }

/*Footer*/
#footer-container {
  width: 1060px;
  margin: auto;
  clear: both;
  text-align: center; }

#footer-container a {
  color: #DADADA;
  font-size: 11px;
  display: inline-block; }

#footer-container .widget-area {
  float: left;
  width: 75%; }

#footer-container #second.widget-area {
  text-align: right;
  width: 25%; }

#footer-container .widget-area p {
  margin: 0;
  color: #c4c4c4; }

#footer-container .widget-area ul {
  list-style: none;
  margin: 0; }

#footer-container .widget-area li {
  display: inline;
  margin-right: 10px;
  text-transform: uppercase;
  font-size: 0.9em; }

#footer-container .widget-title {
  background: none;
  color: #fff;
  font-size: 1.5em;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  border-bottom: 2px solid #ccc; }

.site-footer {
  padding: 0 10px 15px;
  background: transparent;
  z-index: 90; }

/*profile page*/
#profile-menu {
  width: 20%;
  float: left;
  z-index: 4; }

#profile-utility {
  width: 20%;
  float: left;
  z-index: 4; }
  @media screen and (max-width: 768px) {
    #profile-utility {
      width: 100%;
      padding-bottom: 1em; } }
  #profile-utility #profile-menu {
    width: 100%;
    float: none; }
  #profile-utility #profile-bio {
    float: none;
    width: 100%; }

#profile-content {
  width: 80%;
  padding: 0 0 0 24px;
  float: left; }
  @media screen and (max-width: 768px) {
    #profile-content {
      padding: 0; } }

#profile-content .no-posts {
  text-align: center; }

#profile-content #comments {
  margin: 0 2%; }

#profile-content #comments ul {
  margin: 0; }

#profile-content article {
  margin-bottom: 1em;
  padding: 0 2%; }

#profile-content #comments article {
  padding: 0px; }

#profile-bio {
  width: 20%;
  float: right; }

.profile-bio h3 {
  font-weight: 900;
  font-size: 1em;
  margin: 24px 0 12px 0;
  color: #17B0AB; }

.profile-bio h3 span {
  font-weight: normal; }

.profile-bio h4 {
  font-size: 11px;
  margin: 12px 0 12px 0;
  color: #999; }

.bio-content {
  margin: 0 0 12px 0; }

#profile-avatar {
  position: relative;
  text-align: center; }

#profile-avatar img {
  max-width: 150px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto; }

#profile-avatar .edit-avatar {
  position: absolute;
  bottom: 10px;
  text-align: center;
  width: 100%;
  display: none; }

#profile-avatar:hover .edit-avatar {
  display: block; }

#profile-avatar .edit-avatar a {
  background: #fff;
  padding: 2px;
  font-size: 12px; }

#profile-avatar .edit-avatar a:hover {
  text-decoration: none;
  background: #ddd; }

#profile-bio #follow a {
  color: #000;
  font-size: 13px;
  display: block;
  text-decoration: none;
  -webkit-transition: color .15s linear;
  -moz-transition: color .15s linear;
  -o-transition: color .15s linear;
  -ms-transition: color .15s linear;
  transition: color .15s linear; }
  @media screen and (max-width: 480px) {
    #profile-bio #follow a {
      font-size: 18px; } }

#profile-bio a,
#profile-bio #follow a:hover {
  color: #2080AD; }

#profile-bio .edit-profile {
  margin: 5px 0; }

#profile-bio input[type=text],
#profile-bio textarea {
  width: 98%;
  border: 1px solid #999;
  border-radius: 0; }

#profile-bio form p {
  margin-bottom: 5px; }

#profile-bio form label {
  font-size: 0.8em;
  color: #999; }

#profile-bio a.edit {
  border: 1px solid #666;
  padding: 3px 5px;
  color: #666;
  font-weight: bold;
  font-size: 0.8em; }

#profile-bio a.edit:hover {
  text-decoration: none; }

#profile-bio .update-submit {
  text-align: right; }

#profile-bio a.cancel-profile-update {
  color: #17B0AB;
  margin-right: 5px; }

/*category pages */
#filter {
  float: left;
  width: 15%; }
  @media screen and (min-width: 768px) {
    #filter {
      width: 13%;
      margin-right: 2%; } }

.category #popular {
  float: left;
  width: 30%; }

.category #latest {
  width: 85%;
  float: left; }

.category .submit-dropdown {
  width: 100%;
  margin: 0 0 24px 0; }

#wall .submit-dropdown {
  width: 100%;
  margin-left: 0; }

.category-photos #latest {
  text-align: center; }

.home #latest .hentry,
.search #main .hentry,
#profile-content .hentry {
  width: 100%;
  padding-bottom: 1em; }
  @media screen and (max-width: 768px) {
    .home #latest .hentry,
    .search #main .hentry,
    #profile-content .hentry {
      padding-bottom: 0; } }

.hentry.category-columns,
.hentry.category-water-cooler,
.hentry.category-galleries,
.hentry.category-videos {
  width: 100%;
  padding: 0; }

.play-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center; }

#profile-content .format-image {
  width: 100%;
  background: inherit;
  text-align: left; }

.category #latest article {
  margin: 0 0 1em; }

.archive #latest article {
  margin: 0 0 1em; }

.category .friend .title {
  width: 50%;
  padding-left: 2%; }

#filter a,
#profile-menu a {
  color: #4990E2;
  text-transform: uppercase; }

#filter a:hover,
#profile-menu a:hover {
  color: #2080AB !important; }

#profile-menu .fa {
  display: none; }

#filter li,
#profile-menu li {
  margin: 0;
  border-top: 1px;
  border-style: solid;
  border-color: #e0e1e2;
  padding: 5px 0;
  list-style: none; }

#filter ul,
#profile-menu ul {
  margin-left: 0; }

#filter li ul li,
#profile-menu li ul li {
  padding-left: 1em; }

#filter ul li:first-child {
  border-top: none; }

#filter li ul,
#profile-menu li ul {
  display: none; }

#filter li.last,
#profile-menu li.last {
  border-bottom: 1px;
  border-style: solid;
  border-color: #e0e1e2; }

#filter li.active > a,
#profile-menu li.active > a {
  color: #4a4a4a;
  font-weight: bold; }

#filter a:hover,
#profile-menu a:hover {
  color: #4A90E2; }

#filter li.active ul,
#profile-menu li.active ul {
  display: block; }

/*forum */
#forum {
  float: left;
  width: 85%; }

#forum_submission_errors {
  border: 1px solid #ff0000;
  background: #ff9999;
  margin: 10px 10%;
  padding: 0;
  text-align: center; }

#forum_submission_errors p {
  margin: 0; }

#content-submission .submit-meta .format-buttons {
  display: none; }

#submission-form {
  margin: 0 2%;
  display: none; }

#forum #submission-form {
  margin: 0 2% 0 3%; }

#submission-form input[type=text],
#submission-form textarea {
  width: 100%; }

#submission-form #photo {
  display: none; }

#submission-form .photo_select {
  width: 20%;
  float: left;
  font-size: 16px;
  padding: 5px 0;
  line-height: 24px;
  color: #fff;
  background: #17B0AB;
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
  border: 1px solid #17B0AB; }

#submission-form .photo_file_name {
  font-size: 16px;
  padding: 5px 10px;
  width: 80%;
  float: left;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  border: solid #ccc;
  border-width: 1px 1px 1px 0;
  color: #999;
  cursor: pointer;
  margin-bottom: 0.5em; }

#submission-error {
  border: 1px solid #ff0000;
  background: #ff9999;
  margin: 10px 3%;
  padding: 10px;
  display: none; }

#submission-notice {
  background: #d1e6ff;
  border: 1px solid #83a7d5;
  margin: 10px 10%;
  padding: 10px;
  display: none; }

#wall-submission,
#photo-submission,
#video-submission,
#column-submission,
#news-tip-submission {
  display: none; }

#forum .forum-row {
  padding-top: 5px;
  clear: both;
  border-bottom: 1px solid #999;
  margin-left: 1%; }

#forum .forum-row.heading {
  border-bottom: none; }

#forum .forum-row .clear {
  clear: both;
  padding-top: 5px; }

#forum h3.forum-heading {
  text-transform: uppercase;
  width: 25%;
  padding: 0 1%;
  float: left;
  border-bottom: 1px solid #000;
  clear: none; }

#forum .new-topic,
.submit-dropdown a,
.require-login {
  text-align: center;
  margin-left: 1%;
  display: block;
  width: 99%;
  text-transform: uppercase;
  background: #4990E2;
  padding: 10px;
  margin-bottom: 10px;
  cursor: pointer; }

.require-login {
  background: #eeeeee;
  border: 1px solid #ccc; }

.require-login a {
  color: #17B0AB; }

#forum .new-topic a,
.submit-dropdown a {
  color: #fff; }

#forum .forum-row.sticky_topic {
  background: #f0ff81; }

#forum .forum-row.sticky_topic:hover {
  background: #ffcf81; }

#forum .forum-row .forum-column {
  float: left;
  width: 25%;
  padding: 0 1%; }

#forum .forum-row .forum-column.stats,
#forum .forum-row .forum-heading.stats {
  width: 15%; }

#forum .forum-row .forum-column.topic,
#forum .forum-row .forum-heading.topic {
  width: 35%; }

#forum .forum-row .forum-column h3 a {
  font-size: 1em;
  color: #10456b;
  font-weight: bold; }

#forum .forum-column h3 .by {
  display: none; }

#forum .forum-row .forum-column p {
  margin: 0;
  font-size: 0.8em; }

#forum #pagination {
  font-size: 1.2em;
  margin: 10px 0; }

.forum-single article.pgp_forum {
  background: #eee;
  padding: 10px;
  border: 1px solid #111;
  width: 100%;
  position: relative; }

.forum-single ol {
  margin: 0; }

.forum-single .comment-meta img {
  width: auto; }

.forum-single .commentPaging {
  text-align: center;
  width: 100%;
  border-width: 1px 0;
  border-style: solid;
  border-color: #ccc;
  margin-bottom: 1em; }

.forum-single .commentPaging a {
  color: #bc2026;
  padding: 0 5px; }

.forum-single .commentPaging span {
  padding: 0 5px; }

.forum-single article img,
.forum-single #comments img {
  display: block; }

.forum-single .comment-meta {
  width: 15%;
  text-align: center;
  margin: 0;
  padding-left: 1%;
  box-sizing: border-box; }

.forum-single .author-link {
  display: block;
  color: #bc2026;
  font-weight: normal;
  font-size: 1em; }

.forum-single .comment-score {
  font-size: 1.1em; }

.forum-single .comment-content {
  padding: 1%; }

.forum-single .comment-content p {
  margin: 0.5em 0 1em; }

#comments blockquote:before {
  content: none; }

#comments blockquote {
  border: 1px solid #aaa;
  background: #fcfcfc;
  clear: both;
  padding: 30px 10px 0 10px;
  position: relative;
  font-style: italic;
  margin: 0; }

#comments blockquote .quote-author {
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 0.7em; }

.forum-single #quote-wrapper {
  display: none;
  padding: 10px;
  background: #ddd;
  border: 1px solid #ccc; }

.forum-single #quote-wrapper h3 {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold; }

.forum-single #quote-wrapper h3 a {
  color: #bc2026; }

a.follow_button {
  display: inline-block;
  color: #fff;
  width: 75px;
  background: #000;
  text-align: center;
  font-size: 14px;
  vertical-align: top; }

.entry-social a.follow_button {
  margin-left: 20px; }

a.follow_button.following {
  background: #ffb000;
  color: #000; }

a.follow_button:hover {
  text-decoration: none;
  background: #2080AD;
  color: #000; }

a.follow_button.following:hover {
  background: #a50000;
  color: #fff; }

.single-pgp_forum .comment-author a {
  font-size: .75em;
  line-height: 1em;
  color: #999; }

.single-pgp_forum .comment-author a:hover,
.single-pgp_forum .comment-author a:hover .author-link {
  color: #000;
  text-decoration: none; }

.single-pgp_forum .comment-author a .author-link {
  padding-top: 3px; }

/*slider*/
#slider,
article.full-image {
  position: relative;
  margin: 0;
  text-align: center;
  width: 100%; }

#slider {
  float: left; }

#latest article.format-images {
  margin-bottom: 1em;
  width: auto;
  float: none;
  display: inline-block;
  width: 96%; }

article.format-image {
  box-shadow: 0px 0px 1px 1px #ccc;
  -webkit-box-shadow: 0px 0px 1px 1px #ccc;
  text-align: center; }

#slider article.format-image,
.search article.format-image,
.author article.format-image {
  box-shadow: none;
  -webkit-box-shadow: none; }

#slider article.format-image {
  border: solid #ccc;
  border-width: 1px 1px 0 1px; }

#slider-container {
  position: relative;
  margin-left: 2%; }

.photo .left-arrow,
.photo .right-arrow {
  position: absolute;
  top: 50%;
  margin-top: -2.5em;
  z-index: 20;
  cursor: pointer;
  display: none; }

.photo .left-arrow a,
.photo .right-arrow a {
  color: #000; }

.photo:hover .left-arrow,
.photo:hover .right-arrow {
  display: block; }

.photo .left-arrow {
  left: 5px; }

.photo .right-arrow {
  right: 5px; }

.photo .left-arrow:hover a,
.photo .right-arrow:hover a {
  color: #404040; }

#slider article.first {
  display: inline-block; }

.photo .left-arrow:hover {
  background-position: 0 -58px; }

.photo .right-arrow:hover {
  background-position: -58px -58px; }

.previous-photo-link,
.random-photo-link,
.next-photo-link {
  display: block;
  width: 33%;
  float: left;
  margin: 12px 0 12px; }

.random-photo-link {
  text-align: center; }

.next-photo-link {
  text-align: right; }

#slider article {
  display: none;
  margin: 0 auto;
  width: 100%; }

#slider article div.slide,
article.format-image,
article.format-image .photo {
  position: relative; }

.single-post article.format-image {
  width: 100%;
  text-align: center; }

article.format-image img {
  width: auto; }

article.format-image .photo img {
  padding: 0.5em; }

#slider article.format-image img {
  max-height: 400px; }

.archive article.format-image img {
  max-height: 500px; }

article.format-image .caption {
  color: #000;
  padding: 10px 0 0 0;
  background: #eee;
  border-top: 1px solid #ccc; }

.single .caption {
  font-size: 1.5em; }

article.format-image .caption .favorite_link a:hover,
article.format-image .caption .favorite_link a.rated {
  color: #2080AD; }

article.format-image .caption .title {
  border-bottom: 1px dashed #999;
  padding: 0 10px; }

article.format-image .caption .author {
  float: left;
  font-size: 0.9em;
  padding: 10px; }

article.format-image .title .title-link {
  float: left;
  text-align: left;
  width: 75%;
  min-height: 42px; }

article.format-image .title .slideshow-meta {
  width: 25%;
  text-align: right;
  float: right; }

article.format-image .title .title-link p {
  margin: 0; }

.adjacent-posts {
  clear: both;
  margin-bottom: 3em; }

.single-format-image article.format-image .caption .comments,
.single-format-image article.format-image .caption .author {
  font-size: .7em; }

.slideshow-meta a:hover {
  text-decoration: none; }

.slideshow-meta a:hover .fa-stack-2x {
  color: #999; }

.slideshow-meta .twitter .fa-circle {
  color: #55acee; }

.slideshow-meta .facebook .fa-circle {
  color: #3b5998; }

.slideshow-meta .pinterest .fa-circle {
  color: #c32424; }

/*individual post page*/
article h1 {
  font-size: 36px; }

article h2 {
  font-size: 32px;
  margin-top: 10px; }

article h3 {
  font-size: 28px; }

article h4 {
  font-size: 25px; }

article h5 {
  font-size: 22px; }

article h6 {
  font-size: 18px; }

article blockquote {
  background: #eee;
  padding: 5px 25px;
  padding-top: 25px;
  font-style: italic; }

article blockquote:before {
  content: url("images/quote.png");
  position: relative;
  left: -38px;
  top: -30px;
  padding: 0;
  display: block;
  height: 0; }

article table td {
  padding: 7px; }

article table th {
  background: #000;
  padding: 10px 5px;
  color: #1a0; }

article table tr:nth-child(even) {
  background: #eee;
  border-bottom: solid 1px #ddd; }

article table tr:nth-child(odd) {
  background: #eaeaea;
  border-bottom: solid 1px #ddd; }

article table td {
  border-bottom: solid 1px #ddd; }

article ul ul {
  list-style: circle; }

article ul ul ul {
  list-style: disc; }

article ol ol {
  list-style: lower-roman; }

article ol ol ol {
  list-style: lower-alpha; }

/*Comments Section */
.vote-buttons img {
  display: none;
  padding: 0;
  width: 20px;
  float: left;
  margin-top: -1px; }

.meh-img {
  float: none !important;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg); }

.comment-list {
  list-style: none;
  margin: 0;
  padding: 0; }

li.comment {
  display: block;
  clear: both; }

.comment article,
.comment-submit,
.load-more,
.submit-meta,
#quote-content {
  background: #eeeeee;
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 10px;
  position: relative;
  clear: both; }

.comment article {
  padding: 10px;
  margin: 8px 0;
  background: none;
  border: none;
  position: relative;
  border-left: solid 3px #ccc; }

.load-more-comments,
.load-more {
  width: 100%;
  display: block;
  text-transform: uppercase;
  color: #17B0AB; }

.load-more {
  width: 325px;
  margin: 12px auto; }

.comment-submit,
.submit-meta {
  padding: 5px; }

.comment-submit p,
.submit-meta p {
  float: left;
  margin: 0;
  font-size: 0.75em;
  line-height: 2em;
  color: #333; }

.comment-submit p a,
.submit-meta p a {
  color: #4990E2; }

#cancel-comment-reply-link {
  font-size: 0.75em;
  line-height: 2em;
  color: #333;
  margin-right: 10px; }

.comment-submit input,
.submit-meta input,
#avatar-submit,
#profile-update,
.search input[type=submit] {
  color: #fff;
  background: #4990E2;
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
  margin: 0;
  font-size: 13px;
  padding: 3px 12px;
  border: 1px solid #4990E2; }

.comment-submit input:hover,
.submit-meta input:hover {
  box-shadow: none;
  color: #ccc; }

#respond textarea,
#submission-form textarea {
  width: 100%;
  resize: none;
  height: 8em;
  padding: 0.5em; }

.vote-buttons {
  float: left;
  margin: 3px 0 0 6px; }

.comment-reply-link {
  float: left;
  margin: 3px 0 0 3px; }

.comment-score {
  color: #4a4a4a;
  font-size: 13px;
  display: block;
  background-color: #f2f2f2;
  float: left;
  padding: 3px 6px;
  border-radius: 3px;
  border: solid 1px #e0e1e2; }
  .comment-score img {
    display: inline-block;
    padding: 0;
    width: 18px;
    margin: 0px 3px 0 0; }
  .comment-score img.negative-score {
    margin-right: 5px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg); }

#click-for-comments, .load-more-comments {
  width: 100%;
  border: 1px solid #4A90E2;
  border-radius: 5px;
  text-transform: capitalize !important;
  display: block;
  clear: both;
  text-align: center;
  font-weight: normal;
  padding: 12px;
  margin-bottom: 12px;
  color: #4A90E2; }

#click-for-comments:hover, .load-more-comments:hover {
  color: #fff;
  border: 1px solid #7aa9e0;
  background-color: #7aa9e0; }

#comments {
  clear: both;
  position: relative; }

#comment-line {
  margin: 0 0 24px 0; }
  #comment-line #comm-num {
    float: left;
    font-size: 20px;
    font-weight: lighter; }
    @media screen and (max-width: 490px) {
      #comment-line #comm-num {
        display: block;
        float: none; } }
  #comment-line #comm-log-in {
    float: right;
    font-size: 14px;
    margin: 5px 0 0 0; }
    @media screen and (max-width: 490px) {
      #comment-line #comm-log-in {
        display: block;
        float: none; } }

#click-for-comments:hover {
  cursor: pointer; }

#comments .admin-tools {
  position: absolute;
  bottom: 0;
  right: 0;
  top: auto; }

.comment-meta {
  display: inline-block;
  clear: none;
  float: left;
  text-align: center;
  width: 10%;
  padding: 5px;
  box-sizing: border-box; }

.comment-meta img {
  width: 50px;
  border-radius: 50%; }

.comment-meta span {
  font-size: 0.7em;
  display: block; }

.comment-content {
  overflow: hidden; }

.comment-meta-info {
  margin: 0 0 12px 0; }
  .comment-meta-info img {
    border-radius: 50%; }

.author-meta {
  padding-top: 16px; }

.author-link {
  display: block;
  line-height: 13px; }
  .author-link a {
    color: #404040; }
  .author-link a:hover {
    color: #4990E2; }

.comment-date-stamp {
  color: #b2b2b2;
  font-size: 12px; }

.comment-author {
  float: left;
  width: 50px;
  height: 50px;
  margin: 0 6px 0 0; }

/* :D  */
.comment-content p {
  word-break: break-word;
  margin: .5em 0;
  line-height: 1.7em;
  font-size: 15px;
  font-family: georgia, serif; }

.comment-buttons,
.submit-buttons {
  float: right; }

.comment-content .reply {
  font-size: 0.85em;
  padding-top: 8px;
  display: inline-block; }

.comment-content .reply a.clicked {
  font-weight: bold; }

.comment-content .author-link a {
  padding-right: 5px;
  font-weight: normal;
  font-size: .95em; }

.stub {
  float: left;
  width: 60%;
  padding: 0 10px; }

.stub p {
  margin: 0; }

.post .thumbnail {
  width: 40%; }

.home .post .thumbnail {
  width: 34%; }

.home .post .stub {
  width: 66%; }
  @media screen and (max-width: 768px) {
    .home .post .stub {
      width: 100%; } }

.single .post .thumbnail {
  width: 34%; }

.single .post .stub {
  width: 66%; }
  @media screen and (max-width: 768px) {
    .single .post .stub {
      width: 100%; } }

.author .post .thumbnail {
  width: 40%; }

.author .post .stub {
  width: 60%; }
  @media screen and (max-width: 768px) {
    .author .post .stub {
      width: 96%; } }

@media screen and (min-width: 768px) {
  .archive .post .thumbnail {
    width: 34%; } }

@media screen and (min-width: 768px) {
  .archive .post .stub {
    width: 66%; } }

.archive #latest h2.section-header {
  margin-bottom: 20px; }

.post {
  position: relative; }

h3.entry-title {
  font-size: 2em;
  font-weight: bold; }
  @media screen and (max-width: 768px) {
    h3.entry-title {
      font-size: 1em; } }

/*social icons*/
.social_icons {
  float: right;
  text-align: right;
  margin-right: 1%;
  margin-top: 14px; }

.social_icons a:hover {
  text-decoration: none; }

.masthead .social_icons a {
  color: #fff;
  margin-right: 3px; }

.social_icons .fa-stack-2x,
#masthead .fa-user,
#masthead .fa-search {
  -webkit-transition: color .15s linear;
  -moz-transition: color .15s linear;
  -o-transition: color .15s linear;
  -ms-transition: color .15s linear;
  transition: color .15s linear;
  color: #fff; }

.social_icons .fa-inverse {
  color: #bc2026; }

.social_icons .fa-stack:hover .fa-stack-2x,
#colophon .social_icons .fa-stack:hover .fa-stack-2x,
#masthead .fa-user:hover,
#masthead .fa-search:hover {
  color: #2080AD; }

#colophon .social_icons {
  width: auto;
  margin-top: -0.5em;
  float: none; }

#colophon .social_icons .fa-stack-2x {
  color: #c4c4c4; }

#colophon .social_icons .fa-inverse {
  color: #383838; }

#login,
#user-menu,
#header-search {
  float: right;
  padding-left: 1%;
  position: relative;
  cursor: pointer;
  height: 49px;
  z-index: 9999;
  margin: 10px 1% 10px 0; }

#login {
  width: 40px; }

.login-icon {
  color: #fff;
  font-size: 2.3em;
  line-height: 1.3em; }

.user-icon img {
  height: 40px;
  width: 40px;
  margin: 4px 0;
  border: 1px solid #fff; }

.search-icon {
  color: #fff;
  font-size: 2.1em;
  line-height: 1.3em; }

#login-dropdown,
#user-dropdown {
  display: none;
  position: absolute;
  right: 0;
  top: 70px;
  width: 320px;
  background: #17B0AB;
  font-size: 12px; }

#login-dropdown {
  text-align: center;
  padding: 10px 0; }

#header-search-form {
  display: none;
  position: absolute;
  right: 0;
  top: 70px;
  background: #660000;
  padding: 10px 0;
  width: 320px;
  font-size: 1.2em;
  text-align: center; }

#header-search-form .search-field {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  width: 215px;
  font-size: 14px;
  padding: 8px;
  border: 0; }

#header-search-form .search-submit {
  font-size: 14px;
  padding: 9px;
  border: 0;
  background: #c3c3c3;
  color: #000; }

#header-search-form .search-submit:hover {
  background: #dddddd; }

#user-dropdown {
  width: 200px;
  text-align: left; }

#user-dropdown a {
  color: #fff; }

#user-dropdown p {
  margin: 0px;
  padding: 5px 15px;
  border-top: 1px solid #1CCFC9; }

#user-dropdown p:hover {
  background: #1CCFC9; }

#user-dropdown h3 {
  font-weight: bold;
  font-size: 1.2em;
  padding: 5px 10px; }

#login-dropdown:after,
#user-dropdown:after,
#header-search-form:after {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(10, 41, 63, 0);
  border-bottom-color: #17B0AB;
  border-width: 10px;
  left: 95%;
  margin-left: -10px; }

#user-dropdown:after {
  left: 90%; }

#signin {
  width: 180px;
  float: left;
  padding: 5px 0; }

#signup {
  width: 130px;
  border-right: 1px dotted #fff;
  float: left;
  padding: 50px 0; }

#login .username,
#login .password {
  width: 90%;
  margin: 5px 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  padding: 8px;
  float: right;
  border: none; }

#login a {
  color: #fff;
  margin-right: 10px; }

#login #signup a {
  padding: 12px 8px;
  border: 1px solid #000;
  background: #c31b1b;
  margin: 10px;
  font-weight: bold;
  font-size: 14px;
  text-shadow: 0px 1px 0px #000; }

#login #signup a:hover {
  text-decoration: none;
  background: #e32d2d; }

#login input[type=submit] {
  background: #c3c3c3;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0;
  padding: 7px 13px;
  float: right;
  font-size: 14px;
  font-weight: bold; }

#login input[type=submit]:hover {
  background: #dddddd; }

#account #content {
  width: 70%;
  margin: 0 auto;
  text-align: center; }

#account h1 {
  font-size: 2em;
  font-weight: bold; }

#account legend {
  font-size: 2em; }

#bio-update {
  display: none; }

.bio-description {
  font-size: 13px;
  display: block; }

#account form {
  margin: 10px 10%;
  padding: 1em;
  border: 1px solid #ccc;
  background: #eee;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  display: block;
  text-align: center; }

#account label {
  color: #333;
  font-size: 0.8em;
  display: block;
  margin-right: 10px; }

#account label.check {
  color: #000;
  font-style: italic;
  font-size: 0.75em;
  display: inline; }

#account form #avatar {
  display: none; }

#account form #file {
  width: auto;
  background: #ddd;
  margin: 5px auto;
  cursor: pointer;
  display: inline;
  padding: 5px 10px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  display: inline-block; }

/* admin menu */
.admin-tools {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 200px;
  text-align: right;
  font-size: 10px; }

.admin-tools a.post-edit-link,
.admin-tools a.comment-edit-link {
  display: inline-block;
  zoom: 1px;
  *display: inline;
  width: 13px;
  height: 0;
  padding: 13px 0 0 0;
  overflow: hidden;
  background: url("images/adminMenu.png") 0 0;
  margin-right: 2px; }

.admin-tools a.post-edit-link:hover,
.admin-tools a.comment-edit-link:hover {
  background: url("images/adminMenu.png") 0 -87px; }

.admin-tools span.delete-link a,
.admin-tools .comment-delete-li
nk {
  display: inline-block;
  zoom: 1px;
  *display: inline;
  width: 13px;
  height: 0;
  padding: 13px 0 0 0;
  overflow: hidden;
  background: url("images/adminMenu.png") -17px 0; }

.admin-tools span.delete-link a:hover,
.admin-tools .comment-delete-link:hover {
  background: url("images/adminMenu.png") -17px -87px; }

/*UP NEXT*/
#up-next {
  clear: both;
  margin-bottom: 1em; }

#up-next h3 {
  font-weight: bold;
  font-size: 1.25em;
  margin-bottom: 0.5em; }

#up-next .up-next-trending {
  width: 32%;
  margin-right: 2%;
  float: left; }

#up-next .up-next-trending.last {
  margin-right: 0%; }

#up-next .up-next-trending .title {
  font-weight: bold; }

#up-next .up-next-trending a .click-to-read {
  color: #bc2026; }

/*VIDEO PLAYER*/
.single-format-video #primary {
  width: 100%;
  padding: 0; }

.single .hentry.category-videos {
  margin: 0; }

.single-format-video #primary .post {
  width: 100%; }

#video-content {
  width: 100%;
  padding-right: 1%;
  float: left; }

article.video.active {
  outline: 4px solid #ffc600; }

#player {
  background: #000;
  position: relative;
  clear: both;
  margin: 0 0 24px 0; }

#player_container {
  width: 65%;
  height: auto;
  margin: 0 auto; }

#playlist {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  width: 91%;
  margin: 0 4%; }

#disable-playlist {
  position: absolute;
  width: 100%;
  background: url("images/black-80-1x1.png") repeat;
  height: 100%;
  z-index: 50; }

#playlist_wrapper {
  background: #292929;
  position: relative;
  box-shadow: inset 0 1px 5px #000;
  padding-top: 4px; }

#playlist_slider {
  position: relative;
  margin: 10px 0;
  width: 120px; }

#player a.previous-video,
#player a.next-video {
  color: #666666;
  width: 3%;
  position: absolute;
  top: 40px;
  left: 10px; }

#player a.next-video {
  right: 10px;
  left: auto;
  text-align: right; }

#player a.previous-video:hover,
#player a.next-video:hover {
  color: #ffc600; }

article.video {
  display: inline-block;
  position: relative;
  /*width: 90px;*/
  height: auto;
  margin: 0 15px; }

#player_container p {
  color: #fff;
  font-size: 1.5em; }

#player_container.mobile {
  text-align: center;
  display: block; }

.video .thumbnail a {
  float: left; }

#playlist.loading {
  background: url("images/loading.gif") no-repeat center; }

.jwplayer button, .jwplayer button:hover {
  box-shadow: none; }

.tipsy {
  font-size: 14px;
  line-height: 15px;
  position: absolute;
  z-index: 100000;
  padding: 5px; }

.tipsy-inner {
  background-color: #000;
  color: #FFF;
  max-width: 200px;
  text-align: center;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 5px 8px 4px; }

.tipsy-arrow {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  border: 5px dashed #000;
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: #000; }

/*solvemedia captcha*/
#adcopy-outer {
  margin: 0 auto !important; }

#captcha {
  width: 100%;
  border: 1px solid #ccc;
  text-align: center; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #cccccc; }

.mfp-preloader a:hover {
  color: #fff; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid #fff;
  margin-left: 31px; }

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid #fff;
  margin-left: 39px; }

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444; }

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
  	 * Remove all paddings around the image on small screen
  	 */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {
    padding: 0; }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

a.at4-logo {
  display: none; }

/* RESPONSIVE DESIGN BEGINS BELOW */
/*for smaller pcs and older desktops*/
@media screen and (max-width: 965px) {
  header .social_icons {
    display: none; }

  header #login,
  #user-menu {
    border: none; }

  #main article.hentry {
    width: 100%; }

  #primary {
    width: 100%;
    float: none;
    padding: 0; }

  #secondary {
    width: 100%;
    float: none;
    margin: auto; }

  #video-content {
    width: 100%;
    padding: 0; }

  #secondary .submit-dropdown {
    width: 100%;
    margin: 0; }

  .search #refine-search fieldset input#searchsubmit {
    width: 25%; }

  .search #refine-search fieldset input#s {
    width: 72%; } }
@media screen and (max-width: 1080px) {
  #header-container, #footer-container, #nav-container, header#masthead, #content, #account #content {
    width: 100%; } }
/*For all Tablets*/
@media screen and (min-width: 768px) and (max-width: 959px) {
  .site-info, #footer-navigation, #footertext {
    display: block;
    min-width: 80%;
    float: none;
    text-align: center;
    margin: auto; }

  #footer-navigation {
    position: relative;
    left: -20px; }

  #grandex-header #full-header .brand .name {
    font-size: 12px;
    padding-top: 5px; } }
/*For all remaining Mobile Sizes*/
@media screen and (max-width: 768px) {
  .mobile {
    display: block; }

  #page {
    margin: 0 auto 50px; }

  #login, #user-menu {
    border-left: none; }

  .user-icon img {
    margin: 5px 0; }

  #header-container, #footer-container, #nav-container, header#masthead, #content, #account #content,
  footer#author .author-more-posts ul li {
    width: 100%; }

  #feature-promo-post a {
    display: block; }

  #profile-content article {
    margin: 0 0 1em; }

  .site-branding {
    margin: 7px 0 7px -17px;
    position: absolute;
    left: 50%;
    width: 35px; }

  .main_logo {
    background-size: 35px 35px;
    max-width: 35px;
    max-height: 35px;
    height: 35px; }

  #header-container {
    height: 50px;
    border: none; }

  .single #content {
    padding: 0; }

  #up-next {
    padding: 0 12px; }

  article.comment {
    padding: 0; }

  #small-header,
  #friends,
  #filter,
  .category #popular,
  ul.breadcrumbs,
  .home #slider-container,
  #whats-trending .anchor,
  #share-box span,
  .middle-banner {
    display: none; }

  .top-banner {
    background: #f8f8f8;
    padding: 10px 0;
    border-bottom: solid 1px #ddd; }

  .category #latest,
  #forum,
  #content #forum .forum-row .forum-column,
  #profile-content,
  #profile-bio {
    width: 100%; }

  #profile-menu {
    width: 100%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #f8f8f8;
    margin: 0 0 12px 0; }

  #profile-menu ul {
    margin: 0; }

  #profile-menu h2.section-header,
  #profile-menu h2.section-header span {
    background: none; }

  #profile-menu .fa {
    display: inline; }

  #forum .forum-column.topic p,
  #forum .forum-column.latest-reply .state,
  #forum .forum-column.posted-by .state,
  #forum .forum-row.heading {
    display: none; }

  #forum .forum-column.posted-by,
  #forum .forum-column.latest-reply,
  #forum .forum-column.stats {
    font-size: 0.8em; }

  #forum .forum-column h3 .by,
  #forum .forum-column.posted-by h3,
  #forum .forum-column.latest-reply h3,
  #forum .forum-column p {
    display: inline; }

  #forum .forum-row .forum-column p {
    margin-right: 5px; }

  .forum-single .comment-meta,
  .forum-single .comment-content {
    width: 100%;
    padding: 1%; }

  .forum-single .comment-score {
    position: absolute;
    right: 0;
    top: 0; }

  .forum-single #comments img.avatar {
    display: inline;
    max-height: 50px; }

  .main-feature,
  .second-feature,
  #whats-trending,
  #whats-new {
    width: 100%;
    margin: 0; }

  .main-feature .feature-meta {
    background: #000; }

  #login-dropdown,
  #user-dropdown {
    top: 50px;
    width: 100%;
    z-index: 20;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    padding: 20px 0; }

  #header-search {
    display: none; }

  #login-dropdown:after,
  #user-dropdown:after {
    border: none; }

  #login,
  #user-menu {
    position: inherit; }

  header #login,
  #user-menu {
    margin: 0 1% 0 0; }

  #latest .thumbnail,
  .search .post .thumbnail,
  #profile-content .thumbnail,
  .sub-feature .thumbnail {
    width: 100%;
    float: left; }

  #whats-trending .entry-social,
  .post .stub .entry-content {
    display: none; }

  .sub-feature-meta {
    float: left;
    width: 100%;
    font-size: 0.8em;
    padding-top: 5px;
    font-weight: normal; }

  .main-feature .feature-meta {
    position: relative; }

  .feature-meta .title {
    font-size: 1em; }

  .stub h3.entry-title {
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: normal; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .stub h3.entry-title {
      font-size: 1em; } }

@media screen and (max-width: 768px) {
  .stub .entry-meta {
    font-size: .8em; }

  .sub-feature-meta,
  .post .stub {
    position: absolute;
    bottom: 0px;
    background: url("images/black-80-1x1.png") repeat;
    color: #a5a5a5;
    width: 100%;
    padding: 0.5% 1%; }

  .sub-feature-meta .title,
  .stub .entry-title {
    border-bottom: 1px solid #565656; }

  .sub-feature-meta .title a,
  .stub .entry-title a {
    color: #fff;
    font-size: 1em;
    line-height: 1.2em;
    padding-bottom: 5px; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .sub-feature-meta .title a,
    .stub .entry-title a {
      display: block; } }

@media screen and (max-width: 768px) {
  .thumbnail img,
  #features .thumbnail {
    width: 100%; }

  #features .main-feature .thumbnail img,
  #features .second-feature .thumbnail img {
    padding-bottom: 0; }

  #features .sub-feature,
  #whats-new .sub-feature {
    width: 100%;
    padding: 0.5em 0;
    border-bottom: 1px solid #ccc;
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2em; }

  .menu-toggle {
    display: block;
    font-size: 2em; }

  .search-icon {
    margin-top: 0; }

  .login-icon {
    margin-top: -5px;
    line-height: 1.6em; }

  #primary {
    width: 100%;
    float: none; }

  #secondary {
    width: 100%;
    float: none;
    margin: auto; }

  h1.entry-title, h1.entry-title a {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px; }

  .single .entry-meta {
    font-size: 0.9em; }

  .single .entry-content {
    font-size: 1em; }

  .entry-content img {
    display: block;
    box-sizing: border-box;
    margin: 0 auto; }

  .site-info, #footer-navigation, #footertext {
    display: block;
    width: 90%;
    float: none;
    text-align: center !important;
    margin: auto; }

  #footer-container .widget-area .grandex {
    display: block; }

  #footer-container .widget-area,
  #footer-container #second.widget-area {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 0.8em; }

  #footer-container .social_icons {
    text-align: center;
    margin: 0; }

  .sub-feature-meta .timestamp,
  .stub .timestamp {
    float: right; }

  .meta-bullet {
    display: none; }

  .search-filter {
    float: none;
    display: inline-block; }

  #profile-content article.post {
    width: 100%; }

  #pagination {
    font-size: .7em;
    padding: 0 0 15px 0;
    border-top: none; }

  .bottom-banner,
  .top-banner,
  .search .top-banner {
    margin: 0 -10px 10px -10px;
    padding: 0; }

  #mobile-bottom-ad {
    box-sizing: border-box; }

  .bottom-banner.mobile {
    position: fixed;
    width: 100%;
    height: 60px;
    bottom: -60px;
    text-align: center;
    z-index: 10;
    margin: 0;
    padding: 5px 0;
    transition: all ease-in 600ms;
    -webkit-transition: all ease-in 350ms; }

  .bottom-banner.mobile.active {
    transform: translate(0, -60px);
    -webkit-transform: translate(0, -60px); }

  #trending-posts {
    margin-left: 0;
    border: none;
    margin-bottom: 5px; }

  header #login,
  #user-menu {
    margin: 0; }

  .ad {
    margin-left: 0; }

  .ad-content {
    background: #eee;
    padding-top: 1em;
    font-size: 0.8em;
    margin-bottom: 1em; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .ad-content {
      background: #f8f8f8;
      border: solid 1px #eee;
      padding: 1em 0; } }

@media screen and (max-width: 768px) {
  h3.entry-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2em; }

  .entry-meta {
    padding: 4px 0; }

  .stub p {
    line-height: 1.5em;
    font-size: .9em; }

  .home #latest {
    padding-left: 0; }

  .load-more {
    margin-left: 0;
    width: 100%; }

  #latest article,
  #profle-content article {
    border-bottom: solid 1px #ccc;
    padding: 0;
    margin-bottom: 15px; }

  footer.site-footer {
    padding-bottom: 20px; }

  #footer-container .social_icons {
    font-size: 18px;
    padding-top: 5px; }

  footer#author .author-picture {
    width: 43%; }

  .entry-social {
    padding: 10px 0; }

  footer#author .author-social {
    width: 55%; }

  footer#author .author-content {
    display: none; }

  .trending-post {
    margin: 0 auto 1em;
    width: 100%; }

  .trending-post .thumbnail {
    width: 100%; }

  .trending-post img {
    width: 100%;
    height: auto; }

  article.format-image .photo img {
    padding: 0; }

  article.format-image .caption .title {
    margin-bottom: 5px; }

  article.format-image .title .title-link {
    width: 65%;
    line-height: 1.2em;
    padding-bottom: 10px; }

  article.format-image .title .slideshow-meta {
    width: 35%; }

  article.format-image .caption .comments,
  article.format-image .caption .author {
    padding: 0 10px; }

  .single-format-image article.format-image .caption .comments,
  .single-format-image article.format-image .caption .author {
    padding: 5px 10px 10px 10px; }

  #latest article.category-photos {
    width: 100%; }

  .single-format-video #primary .post {
    padding-top: .5em; }

  .category #latest article {
    margin: 0 0 1em; }

  .category .ad {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: solid 1px #ccc; }

  #player_container {
    width: 100%; }

  #playlist_wrapper {
    display: none; }

  .hentry.category-videos h1 {
    font-size: 1.3em; }

  #video-content {
    width: 100%;
    padding-right: 0; }

  .hentry.category-videos .entry-meta {
    font-size: 13px; }

  .hentry.category-videos .entry-content {
    font-size: 1em;
    line-height: 1.2em; }

  article.category-columns .entry-social,
  article.category-water-cooler .entry-social,
  article.category-galleries .entry-social,
  article.category-videos .entry-social,
  article.pgp_forum .entry-social {
    margin: 0; }

  .hentry.category-videos .entry-social {
    padding: 10px 0 0 0; }

  .comment-meta span {
    font-size: 0.6em;
    line-height: 1.3em;
    display: block;
    padding-top: 3px; }

  .comment-content {
    font-size: .9em;
    padding-left: 5px;
    line-height: 1.2em; }

  .comment-content .reply {
    padding-top: 5px; }

  p#load {
    margin-bottom: 0; }

  .category-photos.category #latest article,
  .category-contest.category #latest article {
    border: none;
    padding: 0; }

  .category-the-wall.category #latest article {
    padding: 10px 15px; }

  .wall-post .wall-meta {
    padding: 0 0 5px 0; } }
@media screen and (max-width: 480px) {
  #colophon .widget-area {
    float: none;
    margin-right: 0;
    width: auto; }

  .comment-meta {
    width: 15%; }

  .comment-meta img {
    padding-left: 5px; }

  article.format-image .title .title-link {
    width: 100%;
    min-height: 0px; }

  article.format-image .title .slideshow-meta {
    width: 100%;
    text-align: center; }

  #up-next .up-next-trending {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.5em;
    display: none; }

  #up-next .up-next-trending.first {
    display: block; }

  #up-next img {
    width: 100%;
    height: auto; } }
@media screen and (max-width: 412px) {
  .comment-meta {
    width: 20%; }
    .comment-meta .comment-author {
      max-width: 100% !important; } }
/*expandable ad unit*/
.collapsible-banner {
  width: 100%;
  top: 0;
  text-align: center;
  z-index: 10;
  margin: 0;
  position: relative; }

.collapsible-banner .smallAd,
.collapsible-banner.small .close,
.collapsible-banner.small .largeAd,
.collapsible-banner .expand {
  display: none; }

.collapsible-banner.attached {
  position: relative !important; }

.collapsible-banner.small,
.collapsible-banner.activated {
  position: fixed; }

.collapsible-banner.large .largeAd,
.collapsible-banner.small .smallAd {
  display: block; }

.collapsible-banner.small .expand {
  display: inline-block; }

.collapsible-banner .trigger {
  opacity: 0.7;
  position: absolute;
  z-index: 50;
  top: 0;
  right: 0;
  height: 100%;
  width: 50px;
  font-size: 24px; }

.collapsible-banner .trigger span {
  top: 10%;
  right: 2%;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  line-height: 30px; }

@font-face {
  font-family: 'fa-snapchat';
  src: url("fonts/fa-snapchat_-73zac.eot");
  src: url("fonts/fa-snapchat.eot") format("embedded-opentype"), url("fonts/fa-snapchat_-73zac.ttf") format("truetype"), url("fonts/fa-snapchat_-73zac.woff") format("woff"), url("fonts/fa-snapchat_-73zac-fa-snapchat.svg") format("svg"); }
.fa-snapchat:before {
  font-family: 'fa-snapchat';
  content: "\e600"; }

@media screen and (min-width: 1024px) {
  .size-trending-thumbnail-post {
    height: 200px;
    width: 360px; } }

.inline-feed-ad {
  clear: both;
  width: 100%;
  margin: 0 auto 64px; }

h3.article-feed-heading {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: .3em; }

.single h3.article-feed-heading, .single #latest {
  margin: 0 auto 12px; }
  .single h3.article-feed-heading article, .single #latest article {
    margin-bottom: 10px; }

#revContentContainer {
  /*@media screen and (min-width: 768px){
  	width: 70%;
  	float: right;
  	padding-left: 1%;
  }*/ }

h2.sponsored-content {
  margin-bottom: -10px; }
  @media screen and (min-width: 768px) {
    h2.sponsored-content {
      width: 69%;
      float: right; } }

@media screen and (min-width: 768px) {
  body.single-format-video h2.sponsored-content {
    width: 100%; } }

@media screen and (min-width: 768px) {
  body.single-format-video #revContentContainer {
    width: 100%; } }

/*# sourceMappingURL=style.css.map */