/* === HOMEWORK */

html, input, textarea, button {
  text-rendering: optimizeLegibility;
}

html, button, input, select, textarea,
.pure-g [class *= "pure-u"] {
    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, Helvetica, sans-serif;
}

.nmb {
  margin-bottom: 0 !important;
}
.nmt {
  margin-top: 0 !important;
}
.nml {
  margin-left: 0 !important;
}
.nmr {
  margin-right: 0 !important;
}
.npb {
  padding-bottom: 0 !important;
}
.npt {
  padding-top: 0 !important;
}
.npl {
  padding-left: 0 !important;
}
.npr {
  padding-right: 0 !important;
}
.tc {
  text-align: center;
}
.tl {
  text-align: left;
}
.tr {
  text-align: right;
}

.trdesk {
  text-align: center;
}
@media screen and (min-width: 35.5em){
    .trdesk {
      text-align: right;
    }
}


.ir {
  font-size: 1px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  color: transparent;
}

.spacer {
  display: block;
  zoom: 1;
  content: " ";
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}


html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  font-size: .91rem;
}
body {
  color: #545454;
  background-color: #ffffff;
  font-weight: 400;
  margin: 0px auto;
  padding: 0px;
  overflow-x: hidden;
/*   overflow-x: auto; */
  overflow-y: auto;
 
}
a {
  text-decoration: none;
}
strong {
  font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6,
h7,
h8 {
  color: #003453;
  font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.25;
  text-overflow: ellipsis;
  z-index: 99;
  word-wrap: break-word;
}
p {
  line-height: 1.45;
  text-overflow: ellipsis;
  word-wrap: break-word;
}



/* === RESPONSIVE HIDERS */


/* pure-hidden-xs */
@media screen and (max-width:35.438em) {
    .pure-visible-sm{display:none}
    .pure-visible-md{display:none}
    .pure-visible-lg{display:none}
    .pure-visible-xl{display:none}
    .pure-hidden-xs{display:none}
}
/* pure-hidden-sm */
@media screen and (min-width:35.5em) and (max-width:47.938em) {
    .pure-visible-xs{display:none}
    .pure-visible-md{display:none}
    .pure-visible-lg{display:none}
    .pure-visible-xl{display:none}
    .pure-hidden-sm{display:none}
}
/* pure-hidden-md */
@media screen and (min-width:48em) and (max-width:63.938em) {
    .pure-visible-xs{display:none}
    .pure-visible-sm{display:none}
    .pure-visible-lg{display:none}
    .pure-visible-xl{display:none}
    .pure-hidden-md{display:none}
}
/* pure-hidden-lg */
@media screen and (min-width:64em) and (max-width:79.938em) {
    .pure-visible-xs{display:none}
    .pure-visible-sm{display:none}
    .pure-visible-md{display:none}
    .pure-visible-xl{display:none}
    .pure-hidden-lg{display:none}
}
/* pure-hidden-xl */
@media screen and (min-width:80em) {
    .pure-visible-xs{display:none}
    .pure-visible-sm{display:none}
    .pure-visible-md{display:none}
    .pure-visible-lg{display:none}
    .pure-hidden-xl{display:none}
}


/* === COLORS */
a,
a:link {
  color: #005189;
}
a:visited {
  color: #b5c6d2;
}
a:hover {
  color: #e62249;
}
a:active {
  color: #00bd50;
}

a.staticlink,
a.staticlink:link,
a.staticlink:visited {
  color: #e62249 !important;
}
a.staticlink:hover {
  color: #e62249 !important;
}
a.staticlink:active {
  color: #3fe622 !important;
}


a.staticlinkblack,
a.staticlinkblack:link,
a.staticlinkblack:visited {
  color: #04223f !important;
}
a.staticlinkblack:hover {
  color: #e62249 !important;
}
a.staticlinkblack:active {
  color: #3fe622 !important;
}



/* === BOXES */
.box-x {
  padding: 0.8em 0.3em;
}
.box-d {
  padding: 0.3em 0.5em;
}
.box-m {
  padding: 0.15em 0.3em;
}
.box-s {
  padding: 0em 0.5em;
}



/* === BORDERS */
.bda {
  border: 1px solid #DFDFDF;
}
.bdt {
  border-top: 1px solid #DFDFDF;
}
.bdr {
  border-right: 1px solid #DFDFDF;
}
.bdb {
  border-bottom: 1px solid #DFDFDF;
}
.bdl {
  border-left: 1px solid #DFDFDF;
}
.bda-d {
  border: 1px dotted #DFDFDF;
}
.bdt-d {
  border-top: 1px dotted #DFDFDF;
}
.bdr-d {
  border-right: 1px dotted #DFDFDF;
}
.bdb-d {
  border-bottom: 1px dotted #DFDFDF;
}
.bdl-d {
  border-left: 1px dotted #DFDFDF;
}


/* === MAIN DIVS */

.mh {
    display: none;
}

.holder-main {
    margin: 0 auto;
    padding: 0 0.2em;
    max-width: 74em;
}

#footer {
    padding-top: 20px;
    margin: 25px 0.5em 0 0.5em;
    border-top: 2px solid #2c3337;
    font-size: 1.2em;
}

#footer a {
    display: inline-block;
    background: #e62249;
    color: #FFFFFF !important;
    border-radius: 50px;
    padding: 0.35em 1.2em 0.4em 1.2em;
}

#footer a:first-child {
    margin-right: 25px;
}

#footer a:link, #footer a:link:visited {
    color: #FFFFFF !important;
}

#footer a:hover {
    color: #FFFFFF !important;
}

#footer a:link:active {
    color: #FFFFFF !important;
}

#footer_contact {
    padding-bottom: 25px;
    border-top: 1px dotted #F9F9F9;
    font-size: 0.9em;
}


#holder-standalone {
    margin-top: 30px;
    margin-bottom: 15px;
}

#holder-logo {
    text-align: center;
}

#holder-form {
    width: 100%;
    margin: 0 auto;
}

#holder-form input {
    width: 100%;
    font-weight: 700;
    background-color: #96caff;
}

#holder-form input::-webkit-input-placeholder {
   color: #333333;
}
#holder-form input:-moz-placeholder {
   color: #333333;
}
#holder-form input::-moz-placeholder {
   color: #333333;
}
#holder-form input:-ms-input-placeholder {  
   color: #333333;
}

#customize {
    font-size: 0.9em;
    font-weight: 700;
    text-transform: uppercase;
}

@media screen and (min-width: 35.5em){
    #holder-logo {
        text-align: left;
    }

    #holder-form {
        max-width: 400px !important;
        float: right !important;
    }

}

/* === CONTENT */

.feedbox h3 {
    padding: 0;
    margin: 0 0 14px 0;
}

.feedbox h4 {
    clear: both;
    font-size: 1em;
    font-weight: 400;
    border-top: 1px solid #DFDFDF;
    padding: 0.25em 0 0.32em 0;
}

.feedbox h4 a {

}

.kindplain .pure-u-1:first-child h4 {
    border-top: none !important;
}

#holder-popular .pure-u-1:first-child h4:first-child {
    border-top: none !important;    
}

@media screen and (min-width: 48em){
    #holder-popular .pure-u-1 h4:first-child {
        border-top: none !important;
    }
}

.feedbox h3 {
    width: 200px;
    height: 35px;
    margin-top: 15px;
}

.feedbox h3 a {
    display: block;
    width: 200px;
    height: 35px;
}

.feedbox img {
    float: right;
    border: 1px solid #F2F2F2;
    border-radius: 2px;
    padding: 1px;
    margin-left: 0.4em;
    margin-bottom: 0.4em;
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.1);
    object-fit: cover;
    object-position: center center;
    overflow: hidden;    
}

.qubox h3 {
    display: inline;
    background-color: #003453;    
    color: #FFFFFF;
    padding: 0.5em 0.75em;
    border-radius: 3px;
    text-transform: uppercase;

}

.qubox h4 {
    text-transform: capitalize;
}

.qubox h4:first-child {
    border-top: none !important;
}

h4.more a, h4.more a:link, h4.more a:visited {
    color: #005189 !important;
    font-size: 0.9em;
    font-weight: 700;
}

.isapp h4.more {
    display: none !important;
}

#quickies h2 {
    font-size: 3em;
    border-bottom: 2px solid #232323;
}

/* === CONTENT PHOTO */

.kindphoto.feedbox h4 {
    border-top: none !important;
    font-size: 0.8em;
}

.kindphoto.feedbox h4 {
    display: block;
    padding: 0.5em 1em 0.5em 0;
}

.kindphoto.feedbox img {
    float: none;
    margin: 0 0.5em 0.5em 0em;
    width: 100%;
    height: auto;
    max-height: 100px;
    object-fit: cover;
    object-position: center center;
    overflow: hidden;  
}

/* === TOOLTIP */

.qtip {
    line-height: 150%;
    font-size: 0.9em;
}

/* === CONTENT VIDEO */

.kindvideo.feedbox h4 {
    border-top: none !important;
}

.kindvideo.feedbox h4 {
    display: block;
    padding: 0.5em 1em 0.5em 0;
}

.kindvideo.feedbox img {
    float: none;
    margin: 0 0.5em 0.5em 0em;    
    width: 100%;
    height: auto;
}

/* === SITES */

#fpopular {
    background-image: url('/quickly/i/popular.png');
    margin-top: 5px;
    width: 100px;
    height: 15px;
}

#freddit {
    background-image: url('/quickly/i/reddit.png');
}

#ftheverge {
    background-image: url('/quickly/i/theverge.png');
}

#fdigg {
    background-image: url('/quickly/i/digg.png');
}

#fflickr {
    background-image: url('/quickly/i/flickr.png');
}

#fhuffingtonpost {
    background-image: url('/quickly/i/huffingtonpost.png');
}

#fmetafilter {
    background-image: url('/quickly/i/metafilter.png');
    background-position: 0px -4px;
}

#flongform {
    background-image: url('/quickly/i/longform.png');
    background-position: 0px -2px;
}

#fyoutube {
    background-image: url('/quickly/i/youtube.png');
}

#f500px {
    background-image: url('/quickly/i/500px.png');
}

#fgoogle {
    background-image: url('/quickly/i/google.png');
}

#fhackernews {
    background-image: url('/quickly/i/hackernews.png');
}

#fnytimes {
    background-image: url('/quickly/i/nytimes.png');
}

#fslashdot {
    background-image: url('/quickly/i/slashdot.png');
}

#fboingboing {
    background-image: url('/quickly/i/boingboing.png');
}

#fbuzzfeed {
    background-image: url('/quickly/i/buzzfeed.png');
    background-position: 0px -4px;
}

#ffark {
    background-image: url('/quickly/i/fark.png');
}

#fwired {
    background-image: url('/quickly/i/wired.png');
}

#faol {
    background-image: url('/quickly/i/aol.png');
}

#fonion {
    background-image: url('/quickly/i/onion.png');
}

#flifehacker {
    background-image: url('/quickly/i/lifehacker.png');
}

#fdzone {
    background-image: url('/quickly/i/dzone.png');
}

#fpinboard {
    background-image: url('/quickly/i/pinboard.png');
}

#fgawker {
    background-image: url('/quickly/i/gawker.png');
    background-position: 0px 4px;
}

#fneatorama {
    background-image: url('/quickly/i/neatorama.png');
}

#fvideosift {
    background-image: url('/quickly/i/videosift.png');
}

#fdailymotion {
    background-image: url('/quickly/i/dailymotion.png');
}

#fbehance {
    background-image: url('/quickly/i/behance.png');
}
/* === SITES CUSTOM */



#gr_fark img {
    display: none;
}