@charset "UTF-8";
body{
	background: #1F232C;
	/*background-image: url(images/background_noise.png);*/
	color: #f0f0f0;
	font-family: segoe ui,tahoma,arial,sans serif;
	margin: 0 auto;
	overflow-y: scroll!important;
}
#wrapper{
	overflow: hidden;
	position: relative;
}
a{
	text-decoration: none;
}
a:hover{
	color: inherit;
	text-decoration: underline;
}
img{
	border: none;
	image-rendering: auto;
	ms-interpolation-mode: bicubic;
}
h1{
	font-size: 25px;
	font-weight: 400;
	margin: 0;
	overflow: hidden;
}
h2{
	font-size: 16px;
	margin: 0;
}
form{
	display: inline;
}
input[type="text"]{
	border: 1px solid #ddd;
	border-radius: 3px;
	color: #000;
	font-size: 12px;
	margin: 5px 8px 5px 0;
	moz-border-radius: 3px;
	padding: 2px 3px;
	text-align: center;
	webkit-border-radius: 3px;
	width: 190px;
}
#searchbox, #menusearchbox{
	background: #f9f9f9;
	background: linear-gradient(top,rgba(249,249,249,1) 0%,rgba(255,255,255,1) 74%);
	background: -moz-linear-gradient(top,rgba(249,249,249,1) 0%,rgba(255,255,255,1) 74%);
	background: -ms-linear-gradient(top,rgba(249,249,249,1) 0%,rgba(255,255,255,1) 74%);
	background: -o-linear-gradient(top,rgba(249,249,249,1) 0%,rgba(255,255,255,1) 74%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(249,249,249,1)),color-stop(74%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,rgba(249,249,249,1) 0%,rgba(255,255,255,1) 74%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#ffffff',GradientType=0);
	padding-left: 4px;
	text-align: left;
	width: 270px;
}
input[class="menu"]{
	font-size: 16px;
}
#menusearchbox{
	width: 100%;
	box-sizing: border-box;
	height: 30px;
	margin-top: -2px;
}
.list .attribute-row {
	display: block;
  	font-weight: bold;
  	color: #fff;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	background-color: #777;
	border: 1px solid #CCC;
	margin-bottom: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.center{
	text-align: center;
}
.clearer{
	clear: both;
}
.clearer_r{
	clear: right;
}
.clearer_l{
	clear: left;
}
.fright{
	float: right!important;
}
.fleft{
	float: left!important;
}
.dnone{
	display: none!important;
}
.nooverflow{
	overflow: visible!important;
}
.placeholder{
	color: #999;
}
#content{
	color: #000;
	margin: 10px auto 0;
	padding: 0 0 10px;
}
#header{
	background: #912F3F;
	/*border-bottom-left-radius: 6px;*/
	/*border-bottom-right-radius: 6px;*/
	/*box-shadow: 0 0 1px #ddd,inset 0 0 8px #222;*/
	color: #ddd;
	margin: 0 16px;
	moz-border-radius-bottomleft: 6px;
	moz-border-radius-bottomright: 6px;
	moz-box-shadow: 0 0 1px #ddd,inset 0 0 8px #222;
	webkit-border-bottom-left-radius: 6px;
	webkit-border-bottom-right-radius: 6px;
	webkit-box-shadow: 0 0 1px #ddd,inset 0 0 8px #222;
}
#header a{
	color: inherit;
}
#header #title{
	font-size:20px;
    line-height:24px;
    font-weight:bold;
    float:left;
    padding:6px 0 0 15px;
    margin-right: 7px;
}
#header .home_url{
	float: left;
	font-size: 11px;
	margin: 8px 5px 0;
	padding-top: 6px;
}
.navbar-default{
	background-color: #333;
	border-color: #333;
}
.navbar-nav{
	float: right;
}
.navbar-nav > li > form{
	line-height: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.nav > li > form{
	display: block;
	padding: 10px 15px;
	position: relative;
}
.nav > li > a > img{
	line-height: 20px;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-top: 10px;
}
.row{
	margin-left: 0;
	margin-right: 0;
}
#footer{
	color: #333;
	margin: 0 auto;
	max-width: 960px;
	min-height: 48px;
}
#footer .text{
	font-size: 11px;
}
/*
#footer>*>div{
	float: left;
}*/
#footer>*>.cp_link{
	float: right;
	text-align: right;
	width: 220px;
}
#footer>*>.cp_link>a{
	color: #bbb;
}
#footer>*>.cp_link>img{
	width: 200px;
}
.clearfooter{
	clear: both;
	height: 55px;
}
.prevnext{
	padding: 10px;
}
.prevnext .gbutton{
	border: 1px solid rgba(0,0,0,0.15);
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	float: none;
	margin: 2px;
	moz-border-radius: 3px;
	moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	padding: 5px;
	webkit-border-radius: 3px;
	webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.prevnext .gbutton a{
	border-right: 1px solid;
	border-right-color: #ddd;
	border-right-color: rgba(0,0,0,0.15);
	float: left;
	line-height: 34px;
	padding: 0 14px;
	text-decoration: none;
}
.prevnext .gbuttonactive{
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	margin: 2px;
	moz-border-radius: 3px;
	moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	padding: 5px;
	webkit-border-radius: 3px;
	webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.prevnext .gbutton a:hover,.pagination .active a{
	background-color: #c7eefe;
}
#navig{
	float: right;
	margin-right: 10px;
}
#navig a{
	display: block;
	padding: 5px 8px;
}
#navig ul{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#navig ul li{
	border-radius: 3px;
	float: left;
	margin: 4px 0 4px 7px;
}
.panel{
	background-color: transparent;
	/*color: #333;*/
	color: #FF8261;
	font-size: 14px;
	margin: 0 10px 5px;
	margin: 0 auto;
	max-width: 1000px;
	/*text-shadow: 0 1px 0 rgba(255,255,255,0.3);
	text-shadow: 1px 1px 0 #ccc;*/
}
.panel a{
	color: inherit;
}
.list{
	background: #292E38;
	/*background-image: url(images/background_noise_light.png);*/
	border-radius: 5px;
	/*box-shadow: 0 0 1px #fff,inset 0 0 8px #777;*/
	margin: 0 0 10px;
	moz-border-radius: 5px;
	moz-box-shadow: 0 0 1px #fff,inset 0 0 8px #777;
	overflow: hidden;
	padding: 6px 5px;
	webkit-border-radius: 5px;
	webkit-box-shadow: 0 0 1px #fff,inset 0 0 8px #777;
	width: auto;
	z-index: -1;
}
.list > .title,.large > .title{
	/*background: #333;*/
	background: #912F3F;
	/*border-radius: 5px;*/
	/*box-shadow: 0 0 1px #ddd,0 0 3px #888,inset 0 0 8px #222;*/
	color: #ddd;
	font-size: 17px;
	margin: 0 0 10px;
	moz-border-radius: 5px;
	moz-box-shadow: 0 0 1px #ddd,0 0 3px #888,inset 0 0 8px #222;
	padding: 6px 8px;
	position: relative;
	text-shadow: none;
	webkit-border-radius: 5px;
	webkit-box-shadow: 0 0 1px #ddd,0 0 3px #888,inset 0 0 8px #222;
}
.list > .title.fleft,.large > .title.fleft,.large >.title.fright{
	border: none;
	margin-bottom: 0;
	margin-right: 10px;
	padding: 0;
}
.list .group{
	margin-top: 8px;
	overflow: hidden;
	padding: 0 2px 5px 5px;
	position: relative;
}
.list .group > .title{
	border-bottom: 1px solid #666;
	font-size: 20px;
	font-weight: 700;
	width: 100%;
	padding: 0px;
	clear: none;
	display: block;
	width: auto;
}
.list .group > .title > .meta{
	font-size: 11px;
	font-weight: 400;
}
.list .element{
	overflow: hidden;
	padding: 3px 10px;
	position: relative;
	width: auto;
}
.list .element .title{
	float: left;
	width: auto;
}
.list .elemento{
	overflow: hidden;
	padding: 3px 10px;
	position: relative;
	width: auto;
}
.list .elemento .title{
	float: left;
	font-size: 17px;
}

#tablelatest {display:table; border-collapse:separate; border-spacing:.1em;}
.list .elemento .title .row {display:table-row;}
.list .elemento .title .cell {display:table-cell; font-size:17px;}

.list .element .meta_r{
	float: right;
	font-size: 11px;
	margin-top: 2px;
}
.list .element .meta_r a{
	font-size: 120%;
}
.list .group .preview{
	float: left;
	margin-right: 5px;
	max-height: 200px;
	position: relative;
	z-index: 100;
}
.list.series .group{
	min-height: 70px;
	padding: 0 8px 8px;
}
.list.series .meta_r{
	clear: both;
	float: none;
	position: static;
}
.list .element .image{
	float: left;
	margin-right: 5px;
	max-height: 125px;
	position: relative;
	z-index: 100;
}
.large{
	background: #f7f7f7;
	background-image: url(images/background_noise_light.png);
	border-radius: 5px;
	box-shadow: 0 0 1px #fff,inset 0 0 8px #777;
	margin: 0 0 10px;
	moz-border-radius: 5px;
	moz-box-shadow: 0 0 1px #fff,inset 0 0 8px #777;
	overflow: hidden;
	padding: 6px 5px;
	webkit-border-radius: 5px;
	webkit-box-shadow: 0 0 1px #fff,inset 0 0 8px #777;
	z-index: -1;
}
.large.comic.alert{
	background: rgba(255,0,0,0.4);
	color: #f5f5f5;
	text-shadow: none;
}
.large.comic .title{
	font-size: 20px;
}
.thumbnail{
	background-color: transparent;
	border-radius: 0;
	box-sizing: content-box;
	padding: 3px;
	text-align: center;
}
.thumbnail img{
	border: 1px solid #999;
	border-radius: 5px;
	box-shadow: 0 0 1px #fff,inset 0 0 8px #777;
	moz-border-radius: 5px;
	moz-box-shadow: 0 0 1px #fff,inset 0 0 8px #777;
	webkit-border-radius: 5px;
	webkit-box-shadow: 0 0 1px #fff,inset 0 0 8px #777;
}
.large.comic .thumbnail{
	border: 1px solid #999;
	float: left;
	height: 250px;
	margin: 0 30px 10px;
	padding: 3px;
	text-align: center;
	width: 250px;
}
.large.comic .info{
	margin: 5px;
}
.large.comic .info ul{
	list-style: none;
	padding: 0 0 0 15px;
}
.large.comic .info ul li{
	margin: 2px 0 0;
	text-indent: 3px;
}

#tablelist {display:table; border-collapse:separate; border-spacing:.3em;}
.large.comic .info .row {display:table-row;}
.large.comic .info .cell {display:table-cell; font-size:15px;}

.social {
    width: 100%;
}

.social td {
    padding: 10px;
    text-align: center;
}

.social td > a > div {
    display: inline-block;
}

.social td > a > div > div {
    display: table-cell;
    width: 80px;
    height: 80px;
    border-radius: 50px;
    text-align: center;
    vertical-align: middle;
    background: #333;
    color: white;
}
.sidebar{
	float: right;
	list-style: none;
	margin: 0 0 10px 10px;
	padding: 0;
	width: 300px;
	z-index: -1;
}
.sidebar li{
	background-image: url(images/background_noise_light.png);
	border-radius: 5px;
	box-shadow: 0 0 1px #fff,inset 0 0 8px #777;
	margin: 0 0 10px;
	moz-border-radius: 5px;
	moz-box-shadow: 0 0 1px #fff,inset 0 0 8px #777;
	padding: 6px 5px 10px;
	webkit-border-radius: 5px;
	webkit-box-shadow: 0 0 1px #fff,inset 0 0 8px #777;
}
.sidebar li h3{
	background: #333;
	border-radius: 5px;
	box-shadow: 0 0 1px #ddd,0 0 3px #888,inset 0 0 8px #222;
	color: #ddd;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	margin: 0 0 7px;
	moz-border-radius: 5px;
	moz-box-shadow: 0 0 1px #ddd,0 0 3px #888,inset 0 0 8px #222;
	padding: 3px 10px;
	position: relative;
	text-shadow: none;
	webkit-border-radius: 5px;
	webkit-box-shadow: 0 0 1px #ddd,0 0 3px #888,inset 0 0 8px #222;
}
.sidebar .text{
	padding: 0 5px;
}
#page{
	box-shadow: inset 0 0 3px #000;
	margin: 10px auto;
	max-width: 1000px;
	overflow: hidden;
	padding: 5px 0;
	position: relative;
}
#page .inner{
	margin: 0 auto;
	position: relative;
	text-align: center;
}
#page .inner > a > img{
	display: block;
	margin: 0 auto;
	z-index: 1000;
}
#page .inner .preview{
	position: absolute;
	top: 3px;
	width: 100%;
	z-index: -1;
}
#pagelist{
	margin: 0 auto;
}
#pagelist .title{
	border-bottom: 1px solid #999;
	margin: 0 5px;
	padding: 5px;
}
#pagelist .images{
	margin: 5px auto;
	overflow-x: hidden;
	width: 98%;
}
#pagelist .images table{
	margin: 0;
	padding: 0;
	width: 950px;
}
#pagelist .images table tr{
	height: 100px;
	width: 90%;
}
#pagelist td{
	border: 2px solid transparent;
	height: 170px;
	margin: 0 5px 5px 0;
	text-align: center;
	vertical-align: middle;
	width: 150px;
}
#pagelist a{
	display: block;
	text-decoration: none;
	width: 160px;
}
#pagelist a img{
	max-height: 160px;
	max-width: 160px;
}
#pagelist a img.loaded{
	border: 2px solid #70D441;
}
#pagelist a img.current{
	border: 2px solid #000;
}
.ads.banner{
	background: #333;
	border-radius: 5px;
	box-shadow: 0 0 1px #ddd,inset 0 0 8px #222;
	clear: both;
	color: #ddd;
	margin: 2px auto 10px;
	moz-border-radius: 5px;
	moz-box-shadow: 0 0 1px #ddd,inset 0 0 8px #222;
	overflow: hidden;
	padding: 7px 10px;
	text-align: center;
	webkit-border-radius: 5px;
	webkit-box-shadow: 0 0 1px #ddd,inset 0 0 8px #222;
	width: auto;
}
.ads.banner *{
	margin: 0 auto;
}
.ads.vertical{
	margin: 0 10px;
	padding: 7px;
}
.ads.iframe iframe{
	border: none;
}
.ads.banner.iframe iframe{
	background: transparent;
	height: 90px;
	width: 728px;
}
.topbar{
	background: #333;
	border-radius: 5px;
	box-shadow: 0 0 1px #ddd,inset 0 0 8px #222;
	color: #ddd;
	margin: 0 0 10px;
	margin: 0 0 3px;
	moz-border-radius: 5px;
	moz-box-shadow: 0 0 1px #ddd,inset 0 0 8px #222;
	padding: 3px 5px 5px;
	position: relative;
	text-shadow: none;
	webkit-border-radius: 5px;
	webkit-box-shadow: 0 0 1px #ddd,inset 0 0 8px #222;
}
.topbar_left{
	float: left;
}
.topbar_left>*{
	float: left;
	margin-left: 5px;
}
.topbar_right{
	float: right;
}
.topbar_right div{
	float: right;
	margin-right: 5px;
}
.topbar>div{
	margin-top: 4px;
}
.divider{
	background: #999;
	height: 30px;
	width: 1px;
}
.dropdown_parent{
	display: block;
	position: relative;
	z-index: 2000;
}
.dropdown_parent .text, .dropdown_parent .text_only{
	border: 1px solid #999;
	border-radius: 4px;
	font-size: 14px;
	moz-border-radius: 4px;
	overflow: hidden;
	padding: 6px;
	webkit-border-radius: 4px;
}
.dropdown_parent:hover .text, .dropdown_parent:hover .text_only{
	background: #222;
	border-bottom: 1px solid rgba(71,82,87,1);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: 0 -1px 1px rgba(255,255,255,0.4) inset;
	moz-border-radius-bottomleft: 0;
	moz-border-radius-bottomright: 0;
	moz-box-shadow: 0 -1px 1px rgba(255,255,255,0.4) inset;
	position: relative;
	webkit-border-bottom-left-radius: 0;
	webkit-border-bottom-right-radius: 0;
	webkit-box-shadow: 0 -1px 1px rgba(255,255,255,0.4) inset;
}
.dropdown_parent:hover .text_only{
	border: 1px solid #999;
	border-radius: 4px;
	border-bottom: 0;
}
.dropdown_parent:hover ul.dropdown{
	display: block;
}
ul.dropdown{
	background: #333;
	border-bottom: 1px solid rgba(71,82,87,1);
	border-left: 1px solid rgba(71,82,87,1);
	border-radius: 4px;
	border-right: 1px solid rgba(71,82,87,1);
	border-top-left-radius: 0;
	box-shadow: 0 0 1px #ddd,inset 0 0 8px #222;
	color: #ddd;
	display: none;
	font-size: 14px;
	line-height: 120%;
	list-style: none;
	max-height: 400px;
	moz-border-radius: 4px;
	moz-border-radius-topleft: 0;
	moz-box-shadow: 0 0 1px #ddd,inset 0 0 8px #222;
	overflow: auto;
	overflow-x: hidden;
	padding: 6px 5px;
	position: absolute;
	top: 16px;
	webkit-border-radius: 4px;
	webkit-border-top-left-radius: 0;
	webkit-box-shadow: 0 0 1px #ddd,inset 0 0 8px #222;
	width: 260px;
	z-index: 1200;
}
.dropdown_right ul.dropdown{
	border-radius: 4px;
	border-top-right-radius: 0;
	moz-border-radius: 4px;
	moz-border-radius-topright: 0;
	right: 4px;
	webkit-border-radius: 4px;
	webkit-border-top-right-radius: 0;
}
ul.dropdown li a{
	display: block;
	height: 100%;
	width: 100%;
}
#bottombar{
	background: #333;
	border-radius: 5px;
	color: #ddd;
	margin: 0 auto 10px;
	max-width: 1000px;
	overflow: hidden;
	padding: 2px 0;
}
#bottombar .pagenumber{
    float:left;
    width:90px;
    margin-top:5px;
    margin-left:10px;
    margin-bottom:5px;
}
#bottombar .socialbuttons{
	float: right;
}
#bottombar .socialbuttons div{
	float: right;
	margin-top: 4px;
	position: relative;
}
#bottombar .socialbuttons .fblike{
	display: block;
	overflow: hidden;
	width: 20px;
}
.topbar_right .number{
	border: 1px dashed #999;
	border-radius: 4px;
	font-family: segoe ui,tahoma,arial,sans serif;
	font-size: 14px;
	moz-border-radius: 4px;
	text-align: center;
	text-shadow: none;
	webkit-border-radius: 4px;
}
.topbar_right .number a{
	color: inherit;
	display: block;
	padding: 6px;
}
.topbar_right .number.current_page{
	border: 1px solid lightgray!important;
}
.topbar_right .number.loaded{
	border: 1px solid #999;
}
.topbar_right .number:hover{
	border: 1px solid #444;
}
.tbtitle{
	font-size: 16px;
}
/********
**Icon***
********/

.icon_wrapper {
    position:relative;
    height:32px;
    width:32px;
    padding:0px;
    text-align:center;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    overflow:hidden;
    cursor:pointer;
}

.icon_wrapper .icon {
    position:absolute;
    top:0px;
    text-align:center;
    top:-9px;
    left:-11px;
}

.topbar>*>.icon_wrapper{
    margin-top:4px;
    left:-15px !important;
}

.icon_wrapper .icon.on {
    display:none;
}

.icon_wrapper:hover {
    color: #9dbec9;
}

.icon_wrapper:active {
    color: #46ea00;
}

.icon_wrapper.small {
    width:16px;
    height:16px;
    margin-right:5px;
}

.icon_wrapper.larg {
    font-size: 30px;
}

.icon_wrapper{
    overflow:visible;
}


iframe{
	width: 100%!important;
}
#messages{
	bottom: 0;
	display: block;
	position: fixed;
	width: 100%;
}
#messages .message{
	background: #333;
	background: rgba(0,0,0,0.8);
	border-radius: 5px;
	box-shadow: 0 0 1px #ddd,inset 0 0 8px #222;
	color: #ddd;
	margin: 0 auto 10px;
	moz-box-shadow: 0 0 1px #ddd,inset 0 0 8px #222;
	padding: 8px 10px;
	text-align: center;
	webkit-box-shadow: 0 0 1px #ddd,inset 0 0 8px #222;
	width: 600px;
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}


/* Mobile */

.dh {
  display: none;
}

@media all and (max-width: 1262px) {
 .mmmh {
   display: none;
 }
}

@media all and (max-width: 1024px) {

 .img-responsive,
 .thumbnail > img,
 .thumbnail a > img,
 .carousel-inner > .item > img,
 .carousel-inner > .item > a > img {
   display: block;
   max-width: 100%;
   height: auto;
 }
 .sidebar {
   float: none;
   width: auto;
   margin: 6px;
 }
 .list .element .meta_r {
   float: none;
 }
 .list .element .title {
   float: none;
 }
 #header {
   /*margin-bottom: 80px;*/
 }
 #navig {
   float: none;
 }
 #searchbox {
   width: auto;
   display: none;
 }
 .topbar_right {
  float: left;
  margin-left: 5px;
 }
 .topbar_left {
  margin-bottom: 5px;
 }
 .mmh {
   display: none;
 }
 .dh {
   display: block;
 }
}

@media all and (max-width: 640px) {

 .img-responsive,
 .thumbnail > img,
 .thumbnail a > img,
 .carousel-inner > .item > img,
 .carousel-inner > .item > a > img {
   display: block;
   max-width: 100%;
   height: auto;
 }
 .panel{
	margin: 10px auto;
 }
 .mh {
   display: none;
 }
 #content {
    margin: 0px auto 0px;
 }
 .list {
    border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
 }
 .list .group .preview {
    float: none;
  }
  .list.series .group {
    border-bottom: 1px solid #FFF;
  }
  .topbar_right {
    float: none;
    clear: both;
  }
  .selecto {
    max-width: 140px;
  }
  .nivoSlider {
    height: auto !important;
    padding-top: 50%;
  }
  #messages {
	display: none;
  }
}

#header a:link {
    text-decoration: none;
}

#header a:visited {
    text-decoration: none;
}

#header a:hover {
    text-decoration: none;
    color: #b7ceff;
}

#header a:active {
    text-decoration: none;
    color: #689fff;
}

/* === Griglia globale responsiva === */
.list .elements {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
  align-items: start;
}

/* === Card capitolo === */
.list .element {
  /* reset layout precedente */
  float: none !important;
  width: auto !important;
  overflow: visible;

  /* stile card scuro coerente col tema */
  background: #1f2733;
  border: 1px solid #3a4250;
  border-radius: 10px;
  padding: 12px;
  box-shadow: 0 1px 4px rgba(0,0,0,.25);

  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* media/preview dentro la card (neutralizza fleft/small) */
.list .element img { width: 100%; height: auto; display: block; border-radius: 6px; }
.list .element .fleft { float: none !important; }
.list .element .small { width: 100% !important; height: auto !important; }

/* testi card */
.list .element .title {
  float: none !important;
  width: auto !important;
  font-size: 0.98rem;
  font-weight: 600;
  line-height: 1.3;
  color: #f0f0f0;
}
.list .element .comic {
  font-size: 0.9rem;
  color: #c8cdd8;
  opacity: .95;
}
.list .element .badges { display: flex; flex-wrap: wrap; gap: 6px; }
.list .element .meta_r {
  float: none !important;
  margin-top: 2px;
  font-size: 12px;
  color: #c8cdd8;
  opacity: .9;
}

/* Contenitore thumb: mantiene proporzione uniforme */
.list .element .thumb {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;   /* 3:4 è tipico delle cover manga, puoi cambiare in 2/3 o 16/9 */
  border-radius: 8px;
  overflow: hidden;
  background: #111;      /* sfondo neutro per immagini più piccole */
}

/* Immagine: riempie sempre lo spazio */
.list .element .cover {
  width: 100%;
  height: 100%;
  object-fit: cover;     /* ritaglia mantenendo il focus centrale */
  display: block;
}

/* link */
.list .element a { color: inherit; text-decoration: none; }
.list .element a:hover { text-decoration: underline; }

/* densità griglia a varie larghezze */
@media (min-width: 480px) {
  .list .elements { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
}
@media (min-width: 1024px) {
	.list .elements {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 16px; /* un po’ di respiro tra le card */
  }
}

/* === Smartphone: 2 cover affiancate === */
@media (max-width: 640px) {
  /* due colonne fisse */
  .list .elements {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  /* card più compatte */
  .list .element {
    padding: 8px;
  }

  /* cover uniformi (puoi lasciare 3/4 o scegliere 2/3 se preferisci più slanciate) */
  .list .element .thumb {
    aspect-ratio: 3 / 4; /* oppure 2 / 3 */
    border-radius: 6px;
  }

  /* testi un filo più piccoli */
  .list .element .title { font-size: 0.95rem; }
  .list .element .comic { font-size: 0.85rem; }
  .list .element .meta_r { font-size: 0.8rem; }

  /* badge compatti e su una riga */
  .list .element .badges {
    gap: 4px;
  }
  .list .element .badges .label {
    padding: .15em .45em;
    font-size: 70%;
  }
}

/* (opzionale) telefoni molto stretti: riduci ancora lo spazio */
@media (max-width: 360px) {
  .list .elements { gap: 6px; }
  .list .element { padding: 6px; }
}




.tags-icon {
	width: 30px;
 height: 30px;
 fill: currentColor;     /* il testo/icone ereditano il colore */
 color: #333;            /* cambia qui il colore dell’icona */
 margin-right: 6px;
 vertical-align: middle;
}

/* Ora .title è il nome del fumetto -> in evidenza */
.list .element .title {
  font-size: 1.05rem;
  font-weight: 700;
  color: #fff;
  margin-top: 6px;
  float: none !important; /* neutralizza vecchio float */
  width: auto !important;
}

/* Ora .comic è il titolo del capitolo -> meno in evidenza */
.list .element .comic {
  font-size: 0.9rem;
  font-weight: 400;
  color: #c8cdd8;
  margin-top: 2px;
}
/* === Section title: Latest released chapters (solo CSS) === */
.list > .title{
  background: transparent;           /* togli il blocco pieno */
  padding: 0;
  margin-bottom: 12px;
}

.list > .title > a{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  background: #912F3F;               /* tuo accent */
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .2px;
  box-shadow: 0 2px 6px rgba(0,0,0,.25);
  text-decoration: none;
}

/* icona “sparkle” davanti – usa Font Awesome già incluso */
.list > .title > a::before{
  content: "\f005";                   /* fa-star (FA4) – cambia se vuoi */
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  font-size: 18px;
  opacity: .95;
}

/* hover più luminoso */
.list > .title > a:hover{
  background: #B24759;
  text-decoration: none;
}

/* variante mobile: un filo più compatto */
@media (max-width: 640px){
  .list > .title > a{
    font-size: 16px;
    padding: 8px 12px;
  }
}