*{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:none;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;margin:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}a{text-decoration: none;}
::selection {background: rgba(241,53,95,1);color: #fff;}
body {/*background: #f1f1f1;*/color:#404040;font-family: 'Montserrat', Arial, sans-serif;}

@font-face {
 font-family: "Tiempos Headline";
 src: url("../../V10/fonts/tiemposheadlineblack.woff") format("woff");
}
.smmch-shortcode-box {display: none;}
#login h1 {background: #404040;}
#login h1 a{background: transparent url("http://i1.wp.com/www.onlike.net/wp-content/uploads/2015/12/cropped-onlike_V9_carre.png?fit=84%2C84") center center no-repeat !important;margin:0 auto !important;}
.login form {margin-top: 0 !important;}

#logo {text-align:center;margin: 0 auto;position: absolute;left: 0;right: 0;z-index: 999;}
#logo h1 {height: 70px;padding:10px;background:none;margin:0;line-height:60px;letter-spacing: -2px;}
#logo h1 a {font-size: 55px;text-decoration:none;color:#fff;padding:10px;}
#logo h1 a span{position: relative;}
#logo_single a {color: #fff;font-size: 2.1em;letter-spacing: -1px;padding-right:10px ;padding-left:10px;position: relative;}
#logo_single a:hover {background: :#fff;color:#404040;}
#cat_single a {font-size: 2.1em;text-transform: lowercase;letter-spacing: -1px;padding-left:0;padding-right:10px;}
.inverted {background:#fff;color:#404040;padding:0 20px;margin:0;}
.baseline {color:#fff;margin:4px 0 0 0;display: block;}
.container {position: relative;}
.container > header {color: #333;}

.container > header {margin: 0 auto;background: rgba(0,0,0,0.05);}

#en_section {padding-left: 10px;}
section {margin: 0 auto;padding-top: 10px;}

.section_title {margin: 0 auto;padding: 20px;text-align: center;text-transform: uppercase;font-size: 1.9em;font-weight: 700;}
.section_title.pink, .pink {color: rgba(241,53,95,1);}
.section_title.blue {background-color: #0c5890;}

.section_title span {color: #74818e;}
.section_title.pink span, #content .pink a {color: rgba(241,53,95,1);}
.section_title a{padding: 5px 10px;}
.section_title a.page-numbers {color: #fff;border: 2px solid #fff;border-radius: 2em;}
.page-numbers.current {padding: 5px 10px;}

section a, #content a, .footercol a {color: #0c5890;text-decoration: none;outline: none;transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-duration:.3s;transition-property:color,background-color;border-bottom: 1px solid rgba(22,207,173,1);}

section a:hover, section a:active, section a:focus, #content a:hover, #content a:focus, #content a:active {background-color:rgba(22,207,173,1);color:#ffffff;}


#logo h1 a {
  position: relative;
}
#logo h1 a:after {
  position: absolute;
  bottom: 1.05em; /* setting in em to make positioning change in accordance with font-size */
  left: 10px; /* if you have a padding left on the paragraph then this should have an equivalent offset */
  content: attr(data-first-letter); /* to make the width of the outline same as first letter */
  font-size: 55px;
  width: auto;
  height: 1px;
  overflow: hidden; /* to make sure the content is not displayed */
  border-top: 9px solid #fff; /* or border: 1px solid green; */
}

.bordered{
    position:relative;
}
.bordered::after{
    content:'';
    position:absolute;
    width: 25px;
    height: 0;    
	left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    top:12px;
    border-bottom: 7px solid #566473;  
}
.border::after{
    content:'';
    position:absolute;
    width: 100%;
    height: 0;    
    left:0;
    bottom: 1px;                    /* <- distance */
    border-bottom: 9px solid #fff;  
}
section h1 {
	font-size: 1.6em;
	line-height: 1.3em;
	margin: 0;
	padding: 0 20px 0 0;
	letter-spacing: -1px;
}

section span {color: #444;padding: 0 0 0.6em 0.1em;font-size: 0.7em;font-weight: 400;}

.lead {
	height: 300px;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}
header:first-of-type .lead {height: 10px;}

.block {
	height: 300px;
	background-position: 50% 50%;
	background-size: cover;
}

.centered {
  vertical-align: middle;
  text-align: center;
  font-size: 3em;
  color: #ffffff;
display: flex; 
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
display: table-cell;
}
.table {width: 100.1%;height: 100%;
	background: rgba(0,0,0,.8);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s; 
	display: table;
	position: relative;
}
.table:hover {background: rgba(0,0,0,.8);}
.cell {
	vertical-align: bottom;
	display: table-cell;
}
.constrain {
	max-width: 1000px;
	margin: auto;
}
.constrain h2 {
	padding: 0 0.1em;
	font-size: 3.5em;
	margin-bottom: .5em;
	margin-top:0;
	line-height: 1.2;
	color: #fff;
	display: inline-block;
	letter-spacing: -3px;
}
.block h2 {
	padding: 0.5em;
	font-size: 1.8em;
	margin-bottom: .5em;
	margin-top:0;
	color: #fff;
    letter-spacing: -1px;
}
.block:hover h2 {
	display: inline-block;
}
.block h4 {
	padding: 0.5em;
	font-size: 2.8em;
    line-height: 1.2em;
	margin-bottom: .5em;
	margin-top:0;
	color: #fff;
	display: inline-block;
}

.block .table {background: none;}
.block .table:hover {background: rgba(20,20,20,.8);}
.block .table.nohover:hover {background: rgba(8,8,16,1)}
.block .singletable {background: rgba(8,8,16,.6);width: 100%;}
.kicker {
	background: #006aa4;
	color:#fff;
	font-size: .8em;
	text-transform: uppercase;
	line-height: 0;
	margin: 0 auto .625em auto;
	padding: .9em .5em .5em;
	display: table;
}

.jarallax {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: 0;
}
.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}


.item-body p {margin: 1em auto 2em auto;}
.item-body li {margin: 1em auto;}

#respond {display: none;}

.artcover {text-align: center;}

/* CLEAN WIP */
.clean.block, .clean.block .content-height {height: auto;}
.clean.block .singletable {background: #fff;}
.clean.block .item-header {}
.clean.block .item-header h1{font-weight: bold;color:#0c5890;}

.author-block {text-align: center;width: 100%;}
/* END CLEAN WIP */

/* SPLIT WIP */
#headersplit {height: 800px;min-height: 18em;}
@media (min-width: 500px) {
  .col-sm-6 {
    width: 50%;
    float: right;
  }
}
.left-side {
  background:#f9f9f9;color: #222;
}

.right-side {
 
}

.split-pane {
  padding-top: 1em;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 50%;
  min-height: 9em;
}
@media(min-width: 500px) {
  .split-pane {
    padding-top: 2em;
    height: 100%;
  }
}
.split-pane > div {
  position: relative;
  top: 40%;
  transform: translateY(-40%);
  text-align: right;
}
.split-pane > div .text-content {
  line-height: 1.6em;
  margin-bottom: 1em;
  padding:0 1em;
  font-size: 2em;
}
/* END SPLIT WIP */

/* HOME */ 
.picks {background: transparent;color:#00CFAD;font-size: 1.2em;display: table;padding: .5em;margin-bottom: .625em;border-radius: 2em; border: 2px solid #00CFAD;text-transform: uppercase;}
.overlay {display: block;width: 100%;height:100%;position: absolute;top: 0;left: 0;background: #404040;opacity: 0.6;}
.sponsored {color: #e67e22;font-style: normal;font-size: 0.8em;display: inline-block;}
#firstcol {background: rgba(22,207,173,0.1);padding:10px;height:600px;}
#trends {padding: 20px;}
#trends h4, #collections h4, #en_section h4, #spotted h4 {font-size: 1.8em;color:#00CFAD;letter-spacing: -1px;padding: 0 0 10px 0;margin: 0;}
#trends a {font-size: 1.2em;color:#404040;line-height: 1.4em;margin-bottom: 10px; display: inline-block;border-bottom: 0;font-weight: 700;}
#trends a:hover {color: #0c5890;}
#trends span {display: block;line-height: 1em;}
#spotted h4 {border-bottom: 3px solid #0c5890;}
.flag_EN, .rating {background: #404040;color: #fff;border: 2px solid #404040;padding:0 5px;border-radius: 2px;}
.notation {color: #404040;border: 2px solid #404040;padding:32px 0;border-radius: 50%;display: block;margin: 0 auto 10px auto;text-align: center;width: 100px;height: 100px;}
#trends span:hover .flag_EN, section h4:hover .flag_EN {background: transparent;color: #404040;}
#archivetrends a, .bestofcat a, #bestofauthor a {display: block;line-height: 1.3em;font-size: 1em;}
.huge {font-weight: 700;}
.huge p{font-size: 3em;letter-spacing: -1px;text-align: left;margin: 0;}
.huge#home {padding: 40px 30px;position: relative;}
.huge#home p, .huge#home span{display: block; width: 80%;}
.huge:after {content: '';display: block;clear: both;}
#bubbles {position: absolute;right: 0;top:50%;}
#special .table{background: rgba(0,0,0,.5);}
#lastcol {background: #f4f4f4;height: 300px;padding: 20px;}
#lastcol p{font-size: 1.2em;letter-spacing: -1px;}
#lastcol a{color:#f4f4f4;background:#0c5890;border-color: #0c5890;font-weight: 700;}
#lastcol a:hover{background:#f4f4f4;color:#0c5890;}

#spotted {clear:both;padding:30px 10px;text-align:left;}
#spotted p {color:#0c5890;font-size: 2em;}
#spotted a {color:rgba(241,53,95,1);font-size:3em;font-weight:700;}
#spotted a span {color:#999;font-size:0.3em;font-family: 'Montserrat', sans-serif;font-weight:700;display:block;}

.featured a {color:rgba(22,207,173,1);font-size:1.5em;line-height: 1.8em;}

.shadowframe {box-shadow: 0 2px 6px 0 hsla(0, 0%, 0%, 0.2);margin: 0 auto;padding: 10px;font-weight: 400;border-radius: 3px;display: inline-block;}

/* COLLECTIONS */
.collection {display: block;border-radius: 3px;width: 100%;height:70px;margin:0 0 10px 0;background-color: #0c5890; background-size: cover;background-position: center center;}
#puzzle .collection .table {background: rgba(0,0,0,0.55);border-radius: 3px;height:70px;}

/* To Navigation Style */
nav {position: sticky;position: -webkit-sticky;top: 0;z-index: 99999;background: #fff;}
#navigation {max-width:1025px;height:40px;margin: 0 auto; position: relative; display: block;border-bottom: 1px solid #e4e4e4;z-index: 99999; overflow-y: hidden;white-space: nowrap;}
#navigation ul {list-style: none;text-align: center;padding: 0;color: #e4e4e4;padding: 10px 0;margin: 0 auto;width: 50%;}
#navigation li {display: inline;padding: 0 20px 0 0;}
#navigation li:last-of-type {padding: 0;}
#navigation li a{color: #444;font-size: 0.75em;text-transform: uppercase;font-weight: bold;}
#navigation li a:hover{color: rgba(241,53,95,1);}
#minilogo {display: block;margin: 0;position: absolute;left: 5px;top: 10px;z-index: 999;}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 0%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.66%; }
.span_1_of_3 { width: 33.33%; }


.container #load-more {font-family: Montserrat, sans-serif;}

/* POSTS */
.content-width {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.content-height {height:300px;display: table;}
.autoload .item {margin-bottom: 20px;padding-bottom: 20px;}
.autoload .block, .autoload .content-height, .autoload .block .singletable {height:200px;border-radius: 3px;}
#content .autoload a, #content .autoload a:hover {color: #404040;}

article.item {
    z-index: 1;
    position: relative;
    padding-bottom: 55px;
}
.item-body, .item-body-full {
	position: relative;
    min-height: 100%;
    padding-top: 0;
    padding-bottom: 22px;
    margin: 0 auto;
    font-size: 1.15em;
    line-height: 1.5em;
	color: #404040;
	padding: 0 0 0.6em 0.1em;
}
.item-body img {max-width: 100%;height: auto;}
.item-body iframe {display: block;margin: 0 auto 20px auto;text-align: center;padding: 0;width: 100%;}
.item-body blockquote {border-top: 5px solid #222;color:#222;letter-spacing: -1px;font-size: 1.2em;display: block;margin:0 1em;}
.item-body blockquote p, .item-body .wp-caption-text {margin:10px 0;padding: 0;	line-height: 1.2em;font-weight: 400;}
.item-body .wp-caption-text {border-top: 3px solid #888;color:#888;letter-spacing: -1px;font-size: 0.8em;}
.item-body ul {padding-left: 20px;}
.item-meta {
    width: 300px;
}
.item-meta-row {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 10px 0;
    color: #666;
}
.item-meta-row{display:inline;background:0 0;padding:0 1em 0 0;margin:0 1em 0 0;border-right:1px solid #e7e7e7}
.item-meta-row:last-of-type{border:0;padding:0;margin:0}
#content a#twitterlink {border-bottom: 0;}
.updated {display: block;}
.postlikes {background: rgba(241,53,95,1); color:#fff;padding:0 10px;font-size: 12px;}
#content a.post-edit-link{background: #fff; color:rgba(241,53,95,1);padding:0 10px;font-size: 12px;border-bottom: 0;}
.item-content {
    position: relative;
    right: 0;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;

}
.item-header {margin: auto auto 35px;color:#FFF;}
.item-header h1 {font-size: 3em;letter-spacing: -2px;margin: 0;}
.ratyngs .fa-fw {font-size: 55px;width: 55px;}
.kicker .fa {line-height: 0 !important;}
.item-meta-mobile .ratyngs .fa-fw {font-size: 15px;width: 15px;}
.bestofcat .ratyngs {display: block;}
.bestofcat .ratyngs .fa-fw {font-size: 20px;width: 20px;}
.activity-button {cursor:pointer;border-radius: 0.5em;display:block;margin:1px 0 0 0;text-align:center;text-transform:uppercase;padding:2px 0 0 0;font-size: 0.7em;margin: 1% 0 1% 1.6%;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:color,background-color;transition-property:color,background-color;color:#fff;}

.activity-button.footerbutton {border:2px solid #fff;margin: 0 auto;color:#fff;display:inline-block;padding: 10px;}
.activity-button.footerbutton:hover {border:2px solid #fff;background: #fff;color:#333;}
.activity-button.footerbutton.blue {border:2px solid #0c5890;margin: 0 auto;color:#0c5890;display:inline-block;padding: 10px;}
.activity-button.footerbutton.blue:hover {border:2px solid #0c5890;background: #0c5890;color:#d4e9f8;}
#tweeter {border:2px solid #006aa4;margin-left: 0;color:#006aa4;}
#tweeter:hover{background:#006aa4;color:#fff;}
#facebooker {border:2px solid #3b5998;color:#3b5998;}
#facebooker:hover{background:#3b5998;color:#fff;}
#sponsorise {border:2px solid #e67e22;color:#e67e22;}
#sponsorise:hover{background:#e67e22;color:#fff;}

#content .headlines a {font-size: 3em;letter-spacing: -2px;margin: 0 0 20px 0;border-bottom: 0;font-weight: bold;display: block;}
#content .headlines a:hover {color: #00CFAD;background: 0;}
.headlines .span_1_of_3 {padding: 0 1.5em 0 0;}

.twitter-tweet {margin: auto;}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {width: 100% !important;}

.extra-stories-module {position: absolute;left: -300px;top: 0;width: 250px;height: auto;display: block;text-align: right;background: #fff;}

.popular-stories-module {position: absolute;left: 720px;bottom: 0;width: 300px;height: auto;display: block;}

.moretoread {font: normal 18px/26px 'Montserrat', sans-serif;color:#f1f1f1;margin-top: 10px;border: 0px solid #404040;border-radius: 3px;background-size: cover;background-position: center center;}
.moretoread .table {padding:10px;background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.65) 67%,rgba(0,0,0,0.1) 100%);border-radius: 3px;}
#content .moretoread span{border: 2px solid #f1f1f1;border-radius: 2em;color:#fff;background: #ff0000;padding: 0 10px;}

.memo {font-size:0.8em;background: #404040;padding:2em;border-radius:3px;line-height: 1.2em;color:#ffffff;}
#content .memo a {color: rgba(22,207,173,1);border: 0;text-decoration: underline;}
#content .memo a:hover {background: rgba(22,207,173,1); color: #fff;}

.asidelinks {display: block;position: sticky;
    float: left;
    width: 100px;
    top: 60px;
text-align: center;
font-size: 2.5em;}
#content .asidelinks a{border-bottom: 0;}
#content .asidelinks a:hover{color:rgba(241,53,95,1);background: none;}

/* TILES */
.group-tile{margin: 0 auto;}
#content a.tile {max-width: 320px;height: 380px;border: 1px solid rgba(241,53,95,1);display: block;margin: 0 auto 10px auto;border-radius: 2px;background: #fff;padding: 5px 10px;}
#content a:hover.tile {background-color: rgba(241,53,95,1);}
#content a:hover .tile-title {color:#fff;}
.tile-title {display: block;color:rgba(241,53,95,1);font-size: 1.6em;letter-spacing: -2px;}
.tile-desc {letter-spacing: -1px;}
.tile-pic {height: 150px;width: 100%;display: block;background-position: 50% 50%;background-size: cover;border-radius: 2px;margin:10px 0;}

/* /TILES */

#pinned {margin-top: 40px;}
.popular-stories-module article {height:150px;background-position: top center;border-radius: 3px;margin-bottom: 10px;}
#content-articles .popular-stories-module article .table {background: rgba(0,0,0,0.55);border-radius: 3px;}
.module-title{font-size:20px;font-weight: bold; margin:0;line-height: 1.4em;letter-spacing: -1px;}.popular-stories-module a h3, .popular-stories-module .ratyngs .fa-fw {color: #fff;margin: 0;padding: 0 3px;line-height: 1.2em;} .popular-stories-module .ratyngs .fa-fw {font-size: 1em;width: 15px;}.popular-stories-module figure,.popular-stories-module img, #pinned img {width:100%;height:auto}.popular-stories-module article:last-child{background:0 0;margin:0;padding:0} .popular-stories-module article h3 a:hover{text-decoration:none}.popular-stories-module .sponsor-label{color:#f1a33f}.popular-stories-module .sponsor-name{color:#a1a1a1;margin-left:.5em}
@media only screen and (max-width:1024px){.popular-stories-module{display:none}}

#content-articles hr {float: left;margin: 0;opacity: 0;}
.aligncenter {display:block;margin:0 auto;text-align:center;padding:0;max-width:100%;}

/* ADS */
#indexAD {width:300px;position: absolute;left: 30px;/*top:690px;*/}
#indextopAD, #indexbottomAD {background: #2e3739;}
.sideAD {margin-top: 40px;}
.OAS_top {text-align:center;padding:40px 0;}
/* ARCHIVE AUTHOR & CATEGORY */
.archive-header-container {
    height: 400px;
    box-sizing: border-box;
    background: #0c5890 center 50%/cover no-repeat;
    color: #d4e9f8;
    overflow: hidden;
    text-align: center;
    position: relative;
}
.archive-header-container a{color: #fff;}
.archive-header-details {
    position: absolute;
    top:150px;
    left: 50%;
    width: 90%;
    transform: translate(-50%,-50%);
}
.archive-header-image {
    width: 120px;
    height: 120px;
    background-color: #f1f1f1;
    background-size: cover;
    display: block;
    border-radius: 50%;
    box-sizing: border-box;
    margin: auto;
}
.archive-header-image.footerpic {
    width: 50px;
    height: 50px;
    margin-top: 10px;
}
.archive-header-info {
    position: absolute;
    top: calc(100% + 10px);
    width: 100%;
}
h1.archive-header-name {
    font: bold 40px/46px Montserrat,sans-serif;
    display: inline-block;
    margin: 0;
}
@keyframes fadeIn { 
  from { opacity: 0; } 
}
.archive-header-title {
    font-size: 20px;
    max-width: 1000px;
    margin:0 auto;
}
.archive-header-share a {
    font-size: 34px;
    color: #fff;
    margin-right: 10px;
}
.archive-header-share a:last-child {margin-right: 0;}
.spicker {
	background: rgba(22,207,173,.8);
	color:#fff;
	font-size: .5em;
    letter-spacing: 0px;
	text-transform: uppercase;
	line-height: 0;
	margin-bottom: .625em;
	padding: .9em .5em .5em;
	display: table;
    border-radius: 2px;
}

.bestofcat {margin-bottom:20px;}
#puzzle .singlecol a{border-bottom: 0;padding-top: 5px;clear:both;}
#puzzle .singlecol a:hover{color:rgba(241,53,95,1);background: none;}
#puzzle .singlecol a:hover .rating{background: rgba(241,53,95,1);border-color:rgba(241,53,95,1)}
.cat-aside_title {color: rgba(241,53,95,1);font-size: 20px;text-transform: uppercase;}
#archivetrends a, .bestofcat a, #bestofauthor a{border-bottom: 2px dotted rgba(0,0,0,0.05);}

/* SEARCH */
#ult-fs-search {z-index: 2;}
.twitter-typeahead {position: absolute !important;top:30%;font-family: Montserrat,sans-serif !important;}
#ult-fs-search .btn, #ult-fs-search .close {display: none !important;}
#ult-fs-search input[type="text"] {content:"tapez ici";
    top: 50%;
    color: rgba(241,53,95,1);
    background: rgba(255,255,255,0.2);
    font-size: 60px;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
    border: 2px solid #999;
    display: block;
    width: 80%;
}

/* PAGE */
.type-page .lead {position: relative;}
.type-page .item-header {position: absolute;bottom: 60px;}
.type-page .item-header h1{background: #404040;color: #fff;margin: 0 0 0 60px;padding: 0 20px;text-align: left;}

/* LOAD MORE */
.alm-btn-wrap {padding: 20px !important;}

/* SINGLE COL */
.singlecol a {border-bottom: none;}
.singlecol {padding: 10px;color:rgba(255,255,255,0.9);}
.singlecol p, .singlecol ul{}
.singlecol ul {list-style: none;margin: 0;}
.singlecol .cat-aside_title {color: rgba(241,53,95,1);}

/* FOOTER */
footer a, .footercol a {border-bottom: none;}
footer a:hover {background: none;}
.footercol {background:#242C2D;color: #fff;text-align: center;height:300px;}
.footercol p, .footercol ul{padding: 10px;margin: 0;}
.footercol ul {list-style: none;margin: 0;}
.footercol a {color:#fff;}
.footercol a:hover {background:rgba(241,53,95,1);}

.footercol h4 {font-size: 1.5em;margin: 0.8em 0;text-transform: uppercase}
.generic-anchor {
    color: $primary-light-blue;
    &:visited {
        color: $primary-light-blue
    }
    &:hover {
        color: $primary-line-color
    }
}
.flex-rw {
  display: flex;
  flex-flow: row wrap;
  background: #2e3739;
  margin-top: auto;
  width: 100%
}

.footer-social-section {
  width: 100%;
  align-items: center;
  justify-content: space-around;
  position: relative;
  margin-top: 5px;
}
.footer-social-section::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 10px;
  border-top: 1px solid $primary-line-color;
  width: calc(100% - 20px)
}
.footer-social-overlap {
  position: relative;
  z-index: 2;
  background: #2e3739;
  padding: 0 20px;
  letter-spacing: 0;
}
.footer-social-connect {
  display: flex;
  align-items: center;
  font: 2.5em "Montserrat", sans-serif;
  color: #fff
}
.footer-social-small {
  font-size: 0.6em;
  padding: 0px 20px;
  color:#fff
}
.footer-bottom-rights {
  color:#fff
}
.footer-social-overlap > a {
  font-size: 2em;
  color: rgba(241,53,95,1);
}
.footer-social-overlap > a:not(:first-child) {
  margin-left: 0.4em
}
.footer-bottom-section {
  width: 100%;
  padding: 10px;
  border-top: 1px solid $primary-line-color;
  margin-top: 10px
}
.footer-bottom-section > div:first-child {
  margin-right: auto
}
.footer-bottom-wrapper {
  font-size: 1.3em;color: #fff;
}
.footer-bottom-wrapper a {color:rgba(241,53,95,1);}
#bottombar {
    position: fixed;
    bottom: 0;
    display: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 70px;
    background-color: rgba(255,255,255,1);
    border-top: 1px solid #dcdcdc;
    z-index: 10000;		
}
.bottombar_content {
    color: #898989;
    text-align: center;
    margin: 0 auto;
    width: auto;
    padding-top: 5px;
}
.bottombar-icon {font-size: 2em;}
.bottombar-txt {font-size: 12px;}
.bottombar_content a{color: #7F8B8F;margin-right: 30px;}
    
@media only screen and (max-width: 740px) {

  .footer-social-section {
    justify-content: center
  }
  .footer-social-section::after {
    top: 25%
  }
  .footer-social-connect {
    margin-bottom: 10px;
    padding: 0 10px;
    font-size: 2.5em;
  }
  .footer-social-overlap {
    display: flex;
    justify-content: center;
  }
  .footer-social-icons-wrapper {
    width: 100%;
    padding: 0
  }
  .footer-social-overlap > a {
    font-size: 2.24em
  }  
  .footer-social-overlap > a:not(:first-child) {
    margin-left: 20px;
  }
  .footer-bottom-section {
    padding: 0 5px 10px 5px
  }
  .footer-bottom-wrapper {
    text-align: center;
    width: 100%;
    margin-top: 10px;
  }
}

/* RESPONSIVE */
@media screen and (max-width: 1025px) {
	.container > header, .container > .section {margin: 0 auto;padding: 0;font-size: 80%;}
	section {margin: 0 auto;padding: 20px 10px 0 0;}
	.section_title {margin: 0 auto;padding: 20px 20px 0 10px;}
	.lead {height: 300px;}
	.content-width {max-width: 95%;padding-top: 20px;}
	.block h2{font-size:1.5em;}
	.block h4 {font-size:1.7em;line-height: 1.1em; padding: 0.4em;}
	#indextopAD, #indexbottomAD, #singlebottomAD, .asidelinks {display: none;}
	#indexAD {position: relative;width:95%;margin: 0 auto;left: 0;padding: 0 10px;}
    .huge {padding: 0 15px;}
    #trends {padding: 0;}
    #trends, #collections, #en_section {font-size: 80%;}
    #trends h4 {padding: 0;}
    #trends a, #trends span, .sponsored {display: inline;}
	#trends span:before {content: " • ";}
	#trends span:first-of-type:before {content: "";}
    .autoload {padding: 20px;}
    #puzzle h2 {display: inline-block;}
    #puzzle .block, #puzzle .table, #puzzle .sticky, #puzzle #firstcol, #puzzle #lastcol {height: 200px;}
    #puzzle .table {background: rgba(0,0,0,.4);}
    #puzzle header, #puzzle .sticky {margin: 0 0 10px 0;}
    .span_1_of_3:nth-of-type(4) { width: 66.66%; }
}

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

	.codrops-icon span {display: none;}
	.constrain {max-width: 300px;}

}

@media only screen and (max-width: 480px) {
	
	.col {  margin: 0%; }
	.activity-button {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3, .span_1_of_3:nth-of-type(4) { width: 100%; }
	.navlinks {font-size: 50%;}
    .container > header h2, {font-size: 3em;}
    #puzzle #firstcol {height:auto;}
    .huge, #lastcol {display: none;}
	.archive-header-title, .item-body p.memo {font-size: 80%;}
	.item-body{font-size: 1.2em;}
	.item-body p, .item-body li, .item-body-full p, .item-body blockquote, .picks, #trends {font-size: 0.9em;line-height:1.5em}
	.item-body blockquote {width:100%;margin: 0;padding: 0;}
	.item-header h1 {font-size: 1.7em;padding: 0 20px;}
	h1.archive-header-name {font-size: 2em;}
	#logo_single a:after {bottom: 2em;  border-top: 3px solid #fff; }
	.archive-header-title {font: 18px/20px inherit;}
    header:first-of-type a .lead {height: 300px;}
    .footer-social-overlap > a {margin: auto}
    .footer-social-overlap > a:not(:first-child) {margin-left: 0;}
    .footer-bottom-rights, #bottombar {display: block}
    .ratyngs .fa-fw {font-size: 20px;width: 20px;}
    .archive-header-image {width: 70px;height: 70px;}
    #collections, #featured {width: 95%;margin: 0 auto 20px auto;}
    .headlines .span_1_of_3 {padding: 0;}
    .headlines .span_2_of_3 {padding: 10px;}
    #content .headlines a {font-size: 1.5em;}
    
}

@media only screen and (min-width: 1025px){
.item-content {
    width: 1000px;
    margin: auto;
    min-width: 940px;
}
.item-header {
    position: relative;
    padding: 20px 0 0;
    max-width: 1000px;
}
.item-body {
    padding-bottom: 0;
    width: 700px;
}
#homepage #gn-menu {display: none;}
.item-body blockquote {max-width: 600px;}
#puzzle, .autoload {max-width: 1025px;margin: 0 auto;}
#puzzle .classnobgimg h2, #special h2{display: inline-block;color:#f1f1f1;}
.puzzlesmall {margin-top: 10px; font-size: 0.5em;display: inline-block;line-height: 18px;font-weight: 400;}
#firstcol {border-top-left-radius: 20px;}
#special .table, #special article {border-top-right-radius: 20px;}
.archive-header-details {
width:769px;
}
.archive-header-image {
float: left;
}
.archive-header-image.footerpic {
float: none;
}
.archive-header-info {
left:150px;
top:0;
text-align: left;
}

}

@media only screen and (min-width: 1400px) and (orientation: landscape){
#puzzle, .autoload {max-width:75%;}

}

@media only screen and (max-width: 1024px){
.item-content {width: 86.25%;margin: auto;}
.item-meta, .extra-stories-module {
    display: none;
}
.puzzlesmall {display: none;}
}

@media only screen and (max-width: 1024px) and (min-width: 600px) and (orientation: landscape){
.item-body:not(.profile-bio) {
    max-width: 600px!important;
    margin: auto!important;
}}
@media only screen and (max-width: 1024px) and (min-width: 600px){
.item-body:not(.profile-bio) {
    max-width: 600px!important;
}}
@media only screen and (max-width: 1024px) and (min-width: 600px){
.item-body {
    margin: auto;
}}
@media only screen and (max-width: 1024px) and (min-width: 600px){
.item-body {
    max-width: 600px;
    min-height: 220px;
}}
@media only screen and (max-width: 1024px) and (min-width: 600px) and (orientation: landscape){
.item-body {
    max-width: 450px;
    margin: 0 10px;
}}
@media only screen and (max-width: 1024px) and (min-width: 600px){
.item-body {
    max-width: 450px;
    margin: 0 10px;
}}

.item-meta-mobile{max-width:940px;margin:auto;display:none;line-height:1.4em;margin:0 0 20px 0;}.no-content .item-meta-mobile{line-height:normal;padding-top:11px}

@media only screen and (min-width:1025px){.interactive.bulletin .item-meta-mobile{display:none}}

@media only screen and (max-width:1024px){.item-meta{display:none}.item-meta-mobile{text-align:center;display:block;font-size:16px;line-height:1.4;overflow:hidden;padding-top:5px;transform:translateZ(0);transition:opacity .5s}.is-collapsed .item-meta-mobile{opacity:0;margin-bottom:-20px}.is-collapsed.has-hero .item-meta-mobile{margin-bottom:0}}

.preloader-scan {position: relative;display: table;margin: 0 auto;height: 100%;text-align: center;}.preloader-scan li:nth-child(1) {width: 3px;}.preloader-scan li:nth-child(2) {width: 4px;}.preloader-scan li:nth-child(3) {width: 4px;}.preloader-scan li:nth-child(4) {width: 4px;}.preloader-scan li:nth-child(5) {width: 1px;}.preloader-scan li:nth-child(6) {width: 3px;}.preloader-scan li:nth-child(7) {width: 5px;}.preloader-scan li:nth-child(8) {width: 2px;}.preloader-scan li:nth-child(9) {width: 1px;}.preloader-scan li:nth-child(10) {width: 3px;}.preloader-scan li:nth-child(11) {width: 4px;}.preloader-scan li:nth-child(12) {width: 1px;}.preloader-scan li:nth-child(13) {width: 5px;}.preloader-scan li:nth-child(14) {width: 5px;}.preloader-scan li:nth-child(15) {width: 5px;}.preloader-scan li:nth-child(16) {width: 2px;}.preloader-scan li:nth-child(17) {width: 5px;}.preloader-scan li:nth-child(18) {width: 2px;}.preloader-scan li:nth-child(19) {width: 3px;}.preloader-scan li:nth-child(20) {width: 4px;}.preloader-scan li:nth-child(21) {width: 3px;}.preloader-scan li:nth-child(22) {width: 4px;}.preloader-scan li:nth-child(23) {width: 1px;}.preloader-scan li:nth-child(24) {width: 4px;}.preloader-scan ul {height: 100%;display: table-cell;vertical-align: middle;list-style-type: none;text-align: center;padding: 0;}.preloader-scan li {display: inline-block;width: 2px;height: 50px;background-color: #222;}.preloader-scan .laser {width: 130%;margin-left: -25px;background-color: tomato;height: 1px;position: absolute;top: -10%;z-index: 2;box-shadow: 0 0 4px red;animation: scanning 2s infinite;}.preloader-scan .diode {animation: beam .01s infinite;}@keyframes beam {50% {opacity: 0;}}@keyframes scanning {50% {transform: translateY(75px);}}

@-webkit-keyframes typing {from {width: 0;}}@-webkit-keyframes blink-caret {50% {border-color: transparent;}} {font: bold 300% Consolas, Monaco, monospace;border-right: .1em solid black;width: 16.5em;width: 21ch;margin: 2em 1em;white-space: nowrap;overflow: hidden;-webkit-animation: typing 2s steps(21, end), blink-caret .5s step-end infinite alternate;}

#s-text{font-size:4em;font-weight:bold;}.stext {fill: none;stroke-width: 2;stroke-linejoin: round;stroke-dasharray: 70 330;stroke-dashoffset: 0;-webkit-animation: stroke 6s infinite linear;animation: stroke 6s infinite linear;}.stext:nth-child(5n + 1) {stroke: rgba(22,207,173,1);-webkit-animation-delay: -1.2s;animation-delay: -1.2s;}.stext:nth-child(5n + 2) {stroke: #0c5890;-webkit-animation-delay: -2.4s;animation-delay: -2.4s;}.stext:nth-child(5n + 3) {stroke: #d4e9f8;-webkit-animation-delay: -3.6s;animation-delay: -3.6s;}.stext:nth-child(5n + 4) {stroke: rgba(22,207,173,1);-webkit-animation-delay: -4.8s;animation-delay: -4.8s;}.stext:nth-child(5n + 5) {stroke: #d4e9f8;-webkit-animation-delay: -6s;animation-delay: -6s;}@-webkit-keyframes stroke {100% {stroke-dashoffset: -400;}}@keyframes stroke {100% {stroke-dashoffset: -400;}}