/*
Theme Name: Heap-of-Daily-Nous
Theme URI: http://pixelgrade.com/demos/heap
Author: JdH, PixelGrade Team
Author URI: http://pixelgrade.com
Template: heap
Description:  Heap of Daily Nous - Heap Child Theme (Dec 2015). Heap is an indispensable Magazine Style WordPress Theme aimed at providing you with an easy-to-use tool to share your discoveries and showcase the latest findings.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: heap_txtd
Tags: black, orange, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
*/

/* Add your custom CSS rules that overwrite the ones in the main Heap theme here */

/* This file assumes you wish to add new CSS rules that will overwrite the ones in the parent's CSS files
If you wish however, you can copy the whole style.css file from the parent here and hack at it - see functions.php for more details.
In that case please remember that you still need to retain the header above (replace the header of the parent style.css with the one above),
specifically the 'Template: heap' line. */

body {
    border-bottom: 4px solid black;
}

/**/
.article-archive--aside {
 background-color: rgba(0, 0, 0, 0.03);
 /*background-color: rgba(0, 0, 0, 0.8);*/
}
.article-archive--aside .article__header {
    margin-bottom: 7px;
}

.article-archive--aside .article__header::before{
    /*content: "~";*/
    /*background-color: black;*/
    /*color: white;*/
    text-align: center;
    width: 100%;
    display: inline-block;
    border-top: 2px solid black;
}

.blog-archive .article-archive .article__content  a[href^="http://dailynous.com/"] {
    //color: #123;    
}
/*a[href^="http://dailynous.com/"] {
    color: #321;
}*/

.article-archive .article__category a,
.article-archive .article__content a {
    color: #767B89;
}
.article-archive .article__category a:hover,
.article-archive .article__content a:hover {
    color: rgb(0, 147, 191);
}


/*social*/
/*ello*/
.ello-svg:hover{
    fill: #0093bf;
}
a.social-icon > i, 
a.social-icon > svg {
    vertical-align: middle;
}





/*meta*/
/*time*/
time {
  display: inline-block;
}




.container {
  padding-top: 256px;
}

/*this increases the max height of the header image*/
/*.site-title--image .site-logo--image img, */
.site-title--image img {
    /*max-height: 180px;*/
}


/*this puts the social links etc in the header aligned to the bottom of the header */
.site-header .header-component {
    vertical-align: bottom; 
}


/*adjusts column*/
.header-component  {
    width: 25%;
}
.header-component--center {
    width: 50%;
}


.container,
.header--sticky .site-header__container .flexbox, 
.header--sticky .site-header__container .navigation--main {
    padding-left: 30px;
    padding-right: 30px;
}


/*sidebar and widgets etc*/
.sidebar {
  overflow: hidden;
}

.widget {
  width: 100%;
}

/*sidebar widget title*/
.widget__title, 
.widget--sidebar-blog__title
{
    text-align: center;
    background-color: #000;
    color: #fefefe;
}


@media only screen and (max-width: 900px) {

    .wpgrade_popular_posts .media__body {
        margin-left: 150px;
        min-height: 150px;
        border-left: 12px solid #fff;
        box-shadow: -150px 0px 0px #f8f8f8;
    }

    .wpgrade_popular_posts .media__img + .media__body {
        margin-left: 0px;
        min-height: auto;
        border-left: none;
        box-shadow: none;
    }
}





/*wp125 paid ads*/

.widget.widget--sidebar-blog.widget_wp125 > .widget__title.widget--sidebar-blog__title,
.widget.widget--sidebar-blog.daily-widget > .widget__title.widget--sidebar-blog__title {
    font-size: 12px;
    /*color: #777;*/
    text-transform: capitalize;
}




/*advanced ads*/

.daily-adlabel {
  width: 100%;
  font-size: 12px;
  text-transform: capitalize;
    text-align: center;
    background-color: #000;
    color: #fefefe;
    margin: 0;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;

    line-height: 1.61;
    font-weight: 600;
}
 .content .sidebar2 .daily-widget + .daily-widget {
  padding-top: 0px;
}
.daily-widget + .daily-widget .daily-adlabel {
  display: none;
}

/*advanced ads*/
.daily-widget .advads-track {
  /*display: inline-block;*/
  flex: 1 1 900px;
  max-width: 100%;
  align-self: center;
}
  

.side-bar {
  display: inline-block;
  width: 30%;
}

.daily-widget,
.daily-widget > .advads-track,
.daily-nous-supporters-secondary, 
.daily-nous-supporters-main {
  display: inline-flex;
  width: 100%;
  max-width: 100%;
  
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  
  margin: 0 auto;
  box-sizing: border-box;
  /*padding: 1em;*/
  
  text-align: center;
  
  
  
}
.advads-track .advads-track {
  /*reset just in case*/
  flex: 1 1 300px;
  max-width: 600px;
}




.daily-widget .widget__title {
  width: 100%;
}

.daily-widget a {
  display: inline-block;
  display: block;
  width:100%;
  text-align:center;
}
.daily-widget img {
/*   min-width: 125px; */
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
/*   max-width: 300px; */
}

div.dn-ad-small,
.daily-widget .dn-ad-small {
/*   width: 50%; */
  flex: 1 1 150px;
      flex: auto;
      flex: 1 1 150px;
         /* JdH-flex */
         -webkit-box-flex: 1 1 150px;      /* OLD - iOS 6-, Safari 3.1-6 */
            -moz-box-flex: 1 1 150px;         /* OLD - Firefox 19- */
          /*width: 50%;*/               /* For old syntax, otherwise collapses. */
             -webkit-flex: 1 1 150px;          /* Chrome */
                 -ms-flex: 1 1 150px;              /* IE 10 */
                     flex: 1 1 150px;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */



  display: inline-block;
  vertical-align: top;
}

.advads-track {
    vertical-align: top;
  /*background-color: white;*/
}
.advads-track:nth-child(2n) {
  /*background-color: white;*/
}
.advads-track img{
  /*margin: -4px;*/
}


.dn-ad-small img{
/*   max-height: 150px; */
  /*min-width: 100px;*/
  max-width: 270px;
/*   width: auto; */
  
}

div.dn-ad-wide,
.daily-widget .dn-ad-wide {
  flex: 1 1 375px; 
      flex: auto;
      flex: 1 1 375px;
         /* JdH-flex */
         -webkit-box-flex: 1 1 375px;      /* OLD - iOS 6-, Safari 3.1-6 */
            -moz-box-flex: 1 1 375px;         /* OLD - Firefox 19- */
          /*width: 100%;*/               /* For old syntax, otherwise collapses. */
             -webkit-flex: 1 1 375px;          /* Chrome */
                 -ms-flex: 1 1 375px;              /* IE 10 */
                     flex: 1 1 375px;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */

}
div.dn-ad-wide:first-child,
.daily-widget .dn-ad-wide:first-child {
      flex: auto;
      flex: 8 1 375px;
         /* JdH-flex */
         -webkit-box-flex: 8 1 375px;      /* OLD - iOS 6-, Safari 3.1-6 */
            -moz-box-flex: 8 1 375px;         /* OLD - Firefox 19- */
          /*width: 100%;*/               /* For old syntax, otherwise collapses. */
             -webkit-flex: 8 1 375px;          /* Chrome */
                 -ms-flex: 8 1 375px;              /* IE 10 */
                     flex: 8 1 375px;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */

}
.dn-ad-wide img {
  min-width: 150px;
  max-width: 600px;
}
  
.widget.widget--sidebar-blog.daily-widget  .widget__title.widget--sidebar-blog__title {
    font-size: 12px;
    /* color: #777; */
    text-transform: capitalize;
}


/*up*/

  @media (min-width: 420px) {
    div.dn-ad-small {
      max-width: 50%;
    }
  }

  @media (min-width: 600px) {
    .daily-widget .advads-track {
      padding-top: 2px;
      padding-bottom: 2px;  
      /*align-self: flex-start;*/
    }

    .dn-ad-small,
    .dn-ad-wide {
      padding-top: 2px;
      padding-bottom: 2px;
    }
    div.dn-ad-small,
    .daily-widget .dn-ad-small {
      max-width: 50%;
      flex: auto;
      flex: 1 1 150px;
         /* JdH-flex */
         -webkit-box-flex: 1 1 150px;      /* OLD - iOS 6-, Safari 3.1-6 */
            -moz-box-flex: 1 1 150px;         /* OLD - Firefox 19- */
          /*width: 50%;*/               /* For old syntax, otherwise collapses. */
             -webkit-flex: 1 1 150px;          /* Chrome */
                 -ms-flex: 1 1 150px;              /* IE 10 */
                     flex: 1 1 150px;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
 
      /*align-self: flex-start;*/
      /* box-sizing: border-box; */
      
      /*max-width: 48%;*/
      /*box-sizing: content-box;*/
    }

      .daily-widget .dn-ad-small {
        padding-right: 2px;
      }
      /*two in a row give a little room between*/
      .daily-widget .dn-ad-small + .dn-ad-small {
        padding-left: 2px;
        padding-right: 0px;
      }

    div.dn-ad-wide,
    .daily-widget .dn-ad-wide {
      flex: 1 1 300px;    
      flex: 2 1 300px;    
      flex: 4 1 300px; 

      flex: auto;
      flex: 4 1 300px;
         /* JdH-flex */
         -webkit-box-flex: 4 1 300px;      /* OLD - iOS 6-, Safari 3.1-6 */
            -moz-box-flex: 4 1 300px;         /* OLD - Firefox 19- */
          /*width: 100%;*/               /* For old syntax, otherwise collapses. */
             -webkit-flex: 4 1 300px;          /* Chrome */
                 -ms-flex: 4 1 300px;              /* IE 10 */
                     flex: 4 1 300px;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
   
    }
  }


/*down*/

  @media (max-width: 420px) {
     div.dn-ad-small,
    .daily-widget .dn-ad-small {
      max-width: 175px;
      flex: auto;
      flex: 1 1 150px;
         /* JdH-flex */
         -webkit-box-flex: 1 1 150px;      /* OLD - iOS 6-, Safari 3.1-6 */
            -moz-box-flex: 1 1 150px;         /* OLD - Firefox 19- */
          /*width: 50%;*/               /* For old syntax, otherwise collapses. */
             -webkit-flex: 1 1 150px;          /* Chrome */
                 -ms-flex: 1 1 150px;              /* IE 10 */
                     flex: 1 1 150px;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
   
    }
    div.dn-ad-wide,
    .daily-widget .dn-ad-wide {
      flex: auto;
      flex: 2 1 300px;
         /* JdH-flex */
         -webkit-box-flex: 2 1 300px;      /* OLD - iOS 6-, Safari 3.1-6 */
            -moz-box-flex: 2 1 300px;         /* OLD - Firefox 19- */
          /*width: 100%;*/               /* For old syntax, otherwise collapses. */
             -webkit-flex: 2 1 300px;          /* Chrome */
                 -ms-flex: 2 1 300px;              /* IE 10 */
                     flex: 2 1 300px;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
   
  
    }
  
  }


  @media (max-width: 600px) {
      .daily-widget,
      .daily-widget > .advads-track {
          /*flex-direction: column;*/
          /*flex-wrap: nowrap;*/
     }
      .daily-widget .advads-track {
          padding: 4px;
      }
  }


  
  @media (max-width: 900px) {
      .content .sidebar .widget.daily-widget {
          /*padding: 0;*/
      }
      .sidebar--main .daily-widget .advads-track {
          padding: 4px;
      }
  }













/*Heap of Links*/
/*Simple Links*/
.simple-links-list {}
.simple-links-item,
.simple-links-widget-item {}
.simple-links-widget-item > a {
    font-weight: 600;
}
.link-description {}

/*link library*/
ul.blogroll {
  margin-left: 0px;
  list-style: none;
}

ul.blogroll li {
    margin-top: 9px;
}
@media (max-width: 900px) {
  ul.blogroll li {
      margin-top: 24px;
  }
  
}

.heap-of-link_name {
    /*border-bottom: 2px solid rgb(0, 147, 191);*/
    /*border-bottom: 2px solid rgba(0, 147, 191, 0.4);*/
    font-weight: 600;
    
}



/*classes for comment blurbs*/
#comments a,
#epoch-comments a {
  word-break: break-all;
}

.latest-comments__body {}
.latest-comments__author {}
.latest-comments__title {
    /*overflow: hidden;*/
    /*white-space: normal; */
}
.latest-comments__title {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
}
.latest-comments__title::after {
    content: "...";
    
}
.latest-comments__content {
    display: none;
}


.bwp-rc-ulist {
    margin-left: 0px;
}
/*change the defauly padding to uncover the linked comment*/
li.comment, li.pingback {
    padding-top: 0px;
}
.comment-article {
    padding-top: 55px;
}


.comments-area:before {
  border-left: 0px solid transparent;
}



/*ads*/
.wp125ad {
}

#wp125adwrap_2c  {
    text-align: center;
}
@media all {
 
    #wp125adwrap_2c .wp125ad {
        display: inline-block;
        float: none !important;
       
    }
}
#wp125adwrap_2c .wp125ad {
    width: 48%;
    max-width: 125px;
    padding:0px !important;
}
#wp125adwrap_2c .wp125ad:nth-of-type(3n+1) {
    width: 250px;
    max-width: 100%;
    height: auto;
    max-height: 125px;
}



/**/
/*attempt at inlcuding second sidebar*/

.page-content.has-sidebar .page-content__wrapper {
/*margin-right: 305px;*/
/*margin-right: 710px;*/
}


@media only screen and (min-width: 900px) {

  .page-content.has-sidebar {
  /*margin-right: -305px;*/
  /*margin-right: -710px;*/
  }
  .sidebar--main {
  /*width: 300px;*/
  /*width: 150px;*/
  }
}


/*comments on posts*/
.comment__content, .comment {
    color: #123;
}

/*COLORS*/
/******************************************************************/

/*JdH*/
/*Color background highlight for posts in archive view*/

/*yellow1*/
.blog-archive .dailynousyellow1 {
  background-color: #FFC000;
  background-color: rgb(255,192,0);
  background-color: rgba(255,192,0,0.1);
   @media (prefers-color-scheme: dark) {
        background-color: rgb(38, 54, 79);
        color: rgb(209, 209, 207);
    }
}
.blog-archive  .article-archive.dailynousyellow1 .meta-box,
.blog-archive  .article-archive.dailynousyellow1 .meta-box a {
   /*color:white;*/
}
/*yellow2*/
.blog-archive .dailynousyellow2 {
  background-color: #FFC000;
  background-color: rgb(255,192,0);
  background-color: rgba(255,192,0,0.25);
}
.blog-archive  .article-archive.dailynousyellow2 .meta-box,
.blog-archive  .article-archive.dailynousyellow2 .meta-box a {
   color:black;
}
/*yellow3*/
.blog-archive .dailynousyellow3 {
  background-color: #FFC000;
  background-color: rgb(255,192,0);
}
.blog-archive  .article-archive.dailynousyellow3 .meta-box,
.blog-archive  .article-archive.dailynousyellow3 .meta-box a {
   color:white;
}

/*blue1*/
.blog-archive .dailynousblue1 {
  background-color: #0066FF;
  background-color: rgb(0,102,255);
  background-color: rgba(0,102,255,0.1);
}
.blog-archive  .article-archive.dailynousblue1 .meta-box,
.blog-archive  .article-archive.dailynousblue1 .meta-box a {
   /*color:white;*/
}
/*blue2*/
.blog-archive .dailynousblue2 {
  background-color: #0066FF;
  background-color: rgb(0,102,255);
  background-color: rgba(0,102,255,0.25);
}
.blog-archive  .article-archive.dailynousblue2 .meta-box,
.blog-archive  .article-archive.dailynousblue2 .meta-box a {
   color:black;
}
/*blue3*/
.blog-archive .dailynousblue3 {
  background-color: #0066FF;
  background-color: rgb(0,102,255);
}
.blog-archive  .article-archive.dailynousblue3 .meta-box,
.blog-archive  .article-archive.dailynousblue3 .meta-box a {
   color:white;
}

/*green1*/
.blog-archive .dailynousgreen1 {
  background-color: #00B050;
  background-color: rgb(0,176,80);
  background-color: rgba(0,176,80,0.1);
}
.blog-archive  .article-archive.dailynousgreen1 .meta-box,
.blog-archive  .article-archive.dailynousgreen1 .meta-box a {
   /*color:white;*/
}
/*green2*/
.blog-archive .dailynousgreen2 {
  background-color: #00B050;
  background-color: rgb(0,176,80);
  background-color: rgba(0,176,80,0.25);
}
.blog-archive  .article-archive.dailynousgreen2 .meta-box,
.blog-archive  .article-archive.dailynousgreen2 .meta-box a {
   color:black;
}
/*green3*/
.blog-archive .dailynousgreen3 {
  background-color: #00B050;
  background-color: rgb(0,176,80);
}
.blog-archive  .article-archive.dailynousgreen3 .meta-box,
.blog-archive  .article-archive.dailynousgreen3 .meta-box a {
   color:white;
}

/*red1*/
.blog-archive .dailynousred1 {
  background-color: #FF0000;
  background-color: rgb(255,0,0);
  background-color: rgba(255,0,0,0.1);
}
.blog-archive  .article-archive.dailynousred1 .meta-box,
.blog-archive  .article-archive.dailynousred1 .meta-box a {
   /*color:white;*/
}
/*red2*/
.blog-archive .dailynousred2 {
  background-color: #FF0000;
  background-color: rgb(255,0,0);
  background-color: rgba(255,0,0,0.25);
}
.blog-archive  .article-archive.dailynousred2 .meta-box,
.blog-archive  .article-archive.dailynousred2 .meta-box a {
   color:black;
}
/*red3*/
.blog-archive .dailynousred3 {
  background-color: #FF0000;
  background-color: rgb(255,0,0);
}
.blog-archive  .article-archive.dailynousred3 .meta-box,
.blog-archive  .article-archive.dailynousred3 .meta-box a {
   color:white;
}

/*cyan1*/
.blog-archive .dailynouscyan1 {
  background-color: #00FFFF;
  background-color: rgb(0,255,255);
  background-color: rgba(0,255,255,0.1);
}
.blog-archive  .article-archive.dailynouscyan1 .meta-box,
.blog-archive  .article-archive.dailynouscyan1 .meta-box a {
   /*color:white;*/
}
/*cyan2*/
.blog-archive .dailynouscyan2 {
  background-color: #00FFFF;
  background-color: rgb(0,255,255);
  background-color: rgba(0,255,255,0.25);
}
.blog-archive  .article-archive.dailynouscyan2 .meta-box,
.blog-archive  .article-archive.dailynouscyan2 .meta-box a {
   color:black;
}
/*cyan3*/
.blog-archive .dailynouscyan3 {
  background-color: #00FFFF;
  background-color: rgb(0,255,255);
}
.blog-archive  .article-archive.dailynouscyan3 .meta-box,
.blog-archive  .article-archive.dailynouscyan3 .meta-box a {
   color:white;
}

/*purple1*/
.blog-archive .dailynouspurple1 {
  background-color: #CC00FF;
  background-color: rgb(204,0,255);
  background-color: rgba(204,0,255,0.1);
}
.blog-archive  .article-archive.dailynouspurple1 .meta-box,
.blog-archive  .article-archive.dailynouspurple1 .meta-box a {
   /*color:white;*/
}
/*purple2*/
.blog-archive .dailynouspurple2 {
  background-color: #CC00FF;
  background-color: rgb(204,0,255);
  background-color: rgba(204,0,255,0.25);
}
.blog-archive  .article-archive.dailynouspurple2 .meta-box,
.blog-archive  .article-archive.dailynouspurple2 .meta-box a {
   color:black;
}
/*purple3*/
.blog-archive .dailynouspurple3 {
  background-color: #CC00FF;
  background-color: rgb(204,0,255);
}
.blog-archive  .article-archive.dailynouspurple3 .meta-box,
.blog-archive  .article-archive.dailynouspurple3 .meta-box a {
   color:white;
}











/**/
/* as of 2015-12-18 */


.page-content {
  max-width: 100%;
}


  /*JdH edits - 2015-12-15*/
  
  /*base no media query*/
  /*.home .page-content-flex,*/
  /*.single .page-content-flex,*/
  .content {
    max-width: 100%;
    overflow: hidden;

    display: flex;

      /* JdH-flex */
    display: -webkit-box;   /* OLD:; iOS 6-, Safari 3.1-6, Android browser, older WebKit browsers.  */
    display: -moz-box;      /* OLD: Firefox 19- (buggy) */
    display: -ms-flexbox;   /* TWEENER/MID: IE 10 */
             -ms-flex-pack: center;
    display: -webkit-flex;  /* NEW, Chrome 21?28, Safari 6.1+ */
    display: flex;          /* NEW, Spec - Opera 12.1, Firefox 20+ */
    
      /* JdH-flex */
    -webkit-flex-flow: row wrap;
       -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    
    
      /* JdH-flex */
    -webkit-flex-wrap: wrap;
       -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    
    
      /* JdH-flex */
   /*-webkit-box-orient: vertical;*/
    /*-moz-box-orient: vertical;*/
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  /*-webkit-flex-direction: column;*/
  /*-ms-flex-direction: column;*/
  /*flex-direction: column;*/
  
  max-width: 95vw;
  max-width: 100%;
  left: 0px;
  right: 0px;


  }
    /*.home .page-content-flex>*,*/
    /*.single .page-content-flex>*,*/
    .content>* {

      flex: auto;


      /* JdH-flex */
    -webkit-box-flex: auto;      /* OLD - iOS 6-, Safari 3.1-6 */
       -moz-box-flex: auto;         /* OLD - Firefox 19- */
    /*width: 100%;*/
  /* For old syntax, otherwise collapses. */
    /*min-width: 320px;               */
        -webkit-flex: auto;          /* Chrome */
            -ms-flex: auto;              /* IE 10 */
                flex: auto;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */




      order: 2;

      /* JdH-flex */
      -webkit-box-ordinal-group: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
         -moz-box-ordinal-group: 2;      /* OLD - Firefox 19- */
                 -ms-flex-order: 2;              /* TWEENER - IE 10 */
                  -webkit-order: 2;               /* NEW - Chrome */
                          order: 2;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */



    }
  .page-content {
    /*order: 1;*/
    padding: 24px 0 24px 0;

  }


/*fix for old browswers*/
/*.aside, .details, .figcaption, .figure, .footer, .header, .hgroup, .main, .nav, .section, .summary,*/
.article {
  display: block;
  width: 100%;
}

/*from old parent css file -->  */

/*--------------------------------*\
               CONTENT
\*--------------------------------*/
/*.content {
  border-bottom: 1px solid #d8d8d8;
  }*/

/*.page-content {
  padding-top: 48px;
  }*/
  @media only screen and (max-width: 899px) {
    .page-content {
      /*padding: 0 0 24px 0; */
    }
  }
  @media only screen and (min-width: 900px) {
    .page-content.has-sidebar {
      /*width: 100%;*/
      /*margin-right: -325px;*/
      /*float: left;*/
    }
      .page-content.has-sidebar:after {
        display: none;
        /*content: "";*/
        /*position: absolute;*/
        /*top: -1px;*/
        /*bottom: 0;*/
        /*right: 325px;*/
        /*border-right: 1px solid #d8d8d8;*/
      }
      .page-content.has-sidebar .page-content__wrapper {
        /*padding-right: 48px;*/
        /*margin-right: 325px;*/
      }
  }

@media only screen and (max-width: 899px) {
  .archive .page-content {
    /*padding-top: 24px;*/
  }
    .archive .page-content .page-content__wrapper > hr {
      /*display: none;*/
    }
}

@media only screen and (max-width: 899px) {
  .page .page-content {
    /*padding-top: 12px;*/
  }
}

/*--------------------------------*\
               SIDEBAR
\*--------------------------------*/

.sidebar,
.sidebar--main,
.sidebar2 {
  max-width: 100%;
}

@media only screen and (min-width: 900px) {
  .sidebar--main {
    border-left: 1px solid #d8d8d8;
  }
  .sidebar2 {
    border-left: none;
  }  
    /*position: relative;*/
    /*z-index: 5;*/
    /*float: right;*/
    /*width: 325px; */
  
}





/*.sidebar img {}*/
/*.sidebar a {}*/
/*.sidebar .widget {}*/
.sidebar a {
display: inline-block;
max-width: 100%;
vertical-align: middle;
}

.sidebar2 {
/*background-color:rgba(12, 20, 60, 1); */
/*height:600px;*/
}



/*ads*/
.daily-nous-supporters-main,
.daily-nous-supporters-secondary {}

  /*take care of top widget's bottom border, especially when bottom is hidden too*/
  .sidebar2 .daily-widget {
    border-bottom-width: 0;
    padding-bottom: 0;
  }
  .sidebar2 .daily-widget + .daily-widget {
    border-bottom-width: 1px;
    padding-bottom: 24px;
    padding-bottom: 0;
  }

.daily-nous-supporters-secondary {}

.sidebar--main .widget_wp125,
.sidebar--main .daily-nous-supporters-main {
  display: none;
}
.sidebar2 .widget_wp125,
.sidebar2 .daily-nous-supporters-main {
  display: inline-block;
}
.sidebar2 .daily-nous-supporters-main {
  display: flex;
}


/*comment fix*/

.vortex-container-vote-comment + .vortex-container-vote-comment {
  display: none;
}


/* tmp JdH fix 2015-12-22*/
.comment-edit-link, .comment-reply-link {
  opacity: 1;
}

.epoch-single-comment .pmcc-comments-report-link {
  display: block !important;
  margin-top: 0px;
}

.epoch-single-comment.administrator .pmcc-comments-report-link,
.epoch-single-comment.administrator:hover .pmcc-comments-report-link,
.epoch-single-comment.bypostauthor .pmcc-comments-report-link,
.epoch-single-comment.bypostauthor:hover .pmcc-comments-report-link {
  display: none !important;
}



#epoch-comments {
  padding-bottom: 12px;
}
.epoch-single-comment .comment-edit-link, 
.epoch-single-comment .comment-reply-link {
    opacity: 1;
    color: #333 !important;
    /*background-color: #333 !important;*/
    /*color: white !important;*/
    /*padding: 2px 4px !important; */
}
.comments-area:before {
  border-left: 0px solid transparent;
}

.comment-form-author label, 
.comment-form-email label, 
.comment-form-url label, 
.comment-form label {
  display: inline-block;
}

#epoch-comments #reply-title,
 .pmcc-comments-report-link {
  display: block !important;
 }

 .epoch-wrapper .comment-respond {
  padding-left: 0px;
  margin-top: -24px;
 }

  /**/
  @media screen and (min-width: 320px) { 
    * {}
    .sidebar--main {
      display: block;
      width: 100%;
    }

  }
  /**/
  @media screen and (min-width: 480px) { 
    * {}
  }
  /**/
  @media screen and (min-width: 600px) { 
      
    /*.home .sidebar2,*/
    /*.single .sidebar2,*/
    .content .sidebar2 {
      flex: 1;

      /* JdH-flex */
         -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
            -moz-box-flex: 1;         /* OLD - Firefox 19- */
          width: 20%;               /* For old syntax, otherwise collapses. */
             -webkit-flex: 1;          /* Chrome */
                 -ms-flex: 1;              /* IE 10 */
                     flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */






      order: 1;


      /* JdH-flex */
      -webkit-box-ordinal-group: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
         -moz-box-ordinal-group: 1;      /* OLD - Firefox 19- */
                 -ms-flex-order: 1;              /* TWEENER - IE 10 */
                  -webkit-order: 1;               /* NEW - Chrome */
                          order: 1;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */



      border-right: 1px solid #d8d8d8;
      /*width: 200px;*/
    }
    /*.home .sidebar2 .widget,*/
    /*.single .sidebar2 .widget,*/
    .content .sidebar2 .widget {
      padding: 24px 24px 0px 0px;
    }
    /*.home .page-content,*/
    /*.single .page-content,*/
    .content .page-content {
      flex: 2;

      /* JdH-flex */
         -webkit-box-flex: 2;      /* OLD - iOS 6-, Safari 3.1-6 */
            -moz-box-flex: 2;         /* OLD - Firefox 19- */
          width: 40%;               /* For old syntax, otherwise collapses. */
             -webkit-flex: 2;          /* Chrome */
                 -ms-flex: 2;              /* IE 10 */
                     flex: 2;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */



    }
    .home .page-content.has-sidebar .page-content__wrapper,
    .single .page-content.has-sidebar .page-content__wrapper {
        padding: 0 24px;
      
    }
  }
  /**/
  @media screen and (min-width: 900px) { 

    /*.home .sidebar--main,*/
    /*.single .sidebar--main,*/
    .content .sidebar--main {
      display: inline-block;
      width: auto;
      /*min-width: 250px;*/
      max-width: 350px;
      
      flex: auto;
      flex: 1 4 300px;
        /* JdH-flex */
         -webkit-box-flex: 1 4 300px;      /* OLD - iOS 6-, Safari 3.1-6 */
            -moz-box-flex: 1 4 300px;         /* OLD - Firefox 19- */
          width: 380px;  
                       /* For old syntax, otherwise collapses. */
             -webkit-flex: 1 4 300px;          /* Chrome */
                 -ms-flex: 1 4 300px;              /* IE 10 */
                     flex: 1 4 300px;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */




    }
    /*.home .sidebar2,*/
    /*.single .sidebar2,*/
    .content .sidebar2 {
      /*flex: auto;*/
        /* JdH-flex */
         /*-webkit-box-flex: auto;*/
            /*-moz-box-flex: auto;*/
          /*width: 20%;*/
             /*-webkit-flex: auto;*/
                 /*-ms-flex: auto;*/
                     /*flex: auto;*/


    }
    /*.home .page-content,*/
    /*.single .page-content,*/
    .content .page-content {
      padding-top: 48px;
      
      flex: auto;
      flex: 4 1 1200px;
         /* JdH-flex */
         -webkit-box-flex: 4 1 900px;      /* OLD - iOS 6-, Safari 3.1-6 */
            -moz-box-flex: 4 1 900px;         /* OLD - Firefox 19- */
          width: 50%;               /* For old syntax, otherwise collapses. */
             -webkit-flex: 4 1 900px;          /* Chrome */
                 -ms-flex: 4 1 900px;              /* IE 10 */
                     flex: 4 1 900px;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */




    }

    /*.home .page-content-flex,*/
    /*.single .page-content-flex,*/
    .content {

      flex-wrap: nowrap;
          /* JdH-flex */
    -webkit-flex-flow: nowrap;
       -moz-flex-flow: nowrap;
        -ms-flex-flow: nowrap;
            flex-flow: nowrap;
    
 
    }
    .page-content.has-sidebar .page-content__wrapper {
        padding: 0 24px;
      
    }




    /*more ads*/
    .sidebar--main .widget_wp125,
    .sidebar--main .daily-nous-supporters-main {
      display: inline-block;
    }
    .sidebar--main .daily-nous-supporters-main {
      display: flex;
    }
    .sidebar--main .wp125 {

    }
    .sidebar2 .widget_wp125,
    .sidebar2 .daily-nous-supporters-main {
      display: none;
    }
    .sidebar2 .wp125 {

    }
    .daily-widget .advads-track {
      align-self: flex-start;
    }



}

  @media screen and (min-width: 1024px) { 

    /*comments*/
  
    /*trying to fix epoch comment 'reply' button*/
    .epoch-single-comment .comment-edit-link, 
    .epoch-single-comment .comment-reply-link {
        opacity: 0; 
        color: #00a8da;
    }
    .epoch-single-comment:hover .comment-edit-link, 
    .epoch-single-comment:hover .comment-reply-link {
        opacity: 1; 
    }


  /*#epoch-comments #reply-title,*/
   .epoch-single-comment .pmcc-comments-report-link {
    display: none !important;
   }

  }
  /**/
  @media screen and (min-width: 1250px) {     

    /*.mosaic-wrapper {*/
    .page-content {
      display:inline-block; 
      vertical-align:top; 
      /*width: 40%;*/
      /*float:right; */
      /*width:69%;*/
    }

    .sidebar--main {

    }
    .sidebar2 {
      display:inline-block; 
      vertical-align:top; 
      /*width: 10%;*/
      /*float:left; */
      /*width:30%; */

      


    }

  }
  /**/
  @media screen and (min-width: 1px) and (max-width: 2100px) { 
    * {}

  }


/*dev test JdH*/

.site-header__menu {
  /*display: none;*/
}

a.social-icon[href=""] {
    display: none !important;
}




/* fix for heap theme making forms offscreen during mobile viewing */
@media screen and (max-width: 600px) { 
	.grid, .comment-form {
		margin-left: 0px;
		margin-left: auto;
		margin-left: inherit;	
	}

  }


/* tmp fix for icon fonts*/
/* reset */
 [class^="icon-"]:before,  [class*=" icon-"]:before {
	font-family: inherit;
}


[class^="icon-e-"]:before, [class*=" icon-e-"]:before,
.site-header [class^="icon-"]:before, .site-header  [class*=" icon-"]:before {
	font-family: 'entypo';
}

#comments [class^="icon-"]:before, #comments  [class*=" icon-"]:before,
#epoch-comments [class^="icon-"]:before, #epoch-comments  [class*=" icon-"]:before,
.icon-heart:before {
	font-family: 'fontello';
}

.icon-envelope-o:before,
.icon-reorder:before {
	font-family: 'FontAwesome' !important;
}



/**/
/*