a.disable {
	pointer-events: none;
    cursor: default;
}

.s_slideLink { cursor: pointer; }

.news h1 {
	font-size: 30px;
}
@media (min-width: 768px) {
	.news h1 {
		margin-top: 0;
	}
}
.news h2 {
	font-size: 20px;
}
.news h3 {
	font-size: 16px;
    font-style: italic;
}
.news .banner {
	width: 100%;
	padding-bottom: 18%;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 10px;
}

@media (max-width: 767px) {
	.news .banner {
		padding-bottom: 36%;
	}
	#tagButton.ldmFilterButton,
	.btn-group.ldmButtonSelect,
	.btn-group.ldmButtonSelect>.btn:first-child {
		width: 100%;
	}
	
}

 .news-080418 {
	background-image: url("/static/news/2018/fantascienza.jpg");
 }

#searchForm {
    width: 150px;
    height: 0;
    padding: 15px 0 0 15px;
    float: left;
}
#searchForm a {
	display: none;
}
#searchForm .input-group {
	z-index: 1;
}
#searchForm .input-group-addon {
	font-size: 13px;
	padding-top: 0;
    padding-bottom: 0;
}
#searchForm .form-control {
	height: 20px;
	border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
#searchForm.expanded {
	float: none;
	width: 100%;
	height: 38px;
	padding: 15px 15px 0 15px;
	background-color: black;
}
#searchForm.expanded a {
	display: table-cell;
}
#searchForm.expanded .form-control {
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
@media all and (max-width: 540px) {
	#searchForm {
		width: 100%;
	    height: 38px;
	    padding: 10px 10px 0 5px;
	    float: none;
	    background-color: black;
	}
}
/*
font-family: 'Ubuntu', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Noto Sans', sans-serif;
*/

/* Colori principali, per lo sfondo */

.blackbg {
	background-color: black;
}
.graybg {
	background-color: #3E3F41; /* Grigio */
}
.creambg {
	background-color: #ffefce; /* Panna */
}
.orangetext {
	color: #faa54c;
}
.bluetext {
	color: #1baed9;
}

.ldmChosen {
	/* TODO */
}

form.noSpam input[name=firstMessage] {
	display: none;
}

.natale {
	position: absolute;
}

.natale:not(.nataleright) {
        left: 0;
}

.nataleright {
	right: 0;
}

@media all and (max-width: 560px) {
	.ldmImpostaBox {
		clear: left;
	}
}

.popoverRequestLoginSmallTitle {
	min-width: 150px;
}

/* Close icon for panels */
.panel-heading .close i {
	margin-top: -5px;
}

.ldmLabelColumn {
	padding-right: 10px;
}

.ldmTag .badge {
	top: -2px;
	background-color: #bbb;
}

.ldmButtonSelect .dropdown-menu li i.fa-check {
	float: right;
}

.ldmImpersonification {
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 50;
}
.ldmImpersonification .alert {
	background-color: rgb(183, 69, 8);
	text-align: center;
	width: 50%;
	padding: 0;
	margin: auto;
	height: 13px;
}
.ldmImpersonification a, .ldmImpersonification a:hover {
	color: white;
	font-size: 12px;
	position: relative;
	top: -7px;
}

.ldmEditorCommand {
	font-size: 20px;
	color: #faa54c;	
	margin-left: 20px;
}
.ldmEditorCommand:hover {
	color: #1794b7;	
}



.home .homeDesc {
    font-family: 'Ubuntu';
    color: #ffefce;
    display: flex;
    flex-direction: column;
    padding: 40px 20px 0px 20px;
    margin-bottom: 0;
}
.home .homeDesc .claim {
    margin-bottom: 40px;
    font-size: 20px;
    border: 6px solid;
    padding: 20px;
    background-color: #ffefce;
    color: #f7a743;
}
.home .homeDesc .claim h1 {
    font-size: 40px;
    margin-top: 0;
    float: left;
}
.home .homeDesc .claim p {
	margin-bottom: 20px;
    float: left;
    clear: left;
}
.home .homeDesc .claim img {
	width: 250px;
	max-width: 100%;
	float: right;
}
.home .homeDesc .claim.leggi img {
	width: 250px;
}
.home .homeDesc .claim.pubblica img {
	width: 170px;
}
.home .homeDesc .claim.lettori p {
	width: 50%;
}
.home .homeDesc .claim.lettori img {
	width: 450px;
}
.home .homeDesc .claim.discussioni img {
	width: 200px;
}
@media all and (min-width: 790px) {
	.home .homeDesc .claim {
	    width: 80%;
	}
	.home .homeDesc .claim p {
		width: 50%;
	}
}
@media all and (min-width: 1200px) {
  .home .homeDesc .claim h1 {
     font-size: 40px;
  }
}
@media all and (max-width: 500px) {
	.home .homeDesc {
		padding: 0;
		background-color: initial;
		border: none;
		margin-bottom: 0px;
	}
	.home .homeDesc .claim h1 {
		font-size: 20px;
	}
	.home .homeDesc .claim p {
		font-size: 16px;   
	}
	.home .homeDesc .claim.discussioni {
		margin-bottom: 0px;
	}
}
@media all and (max-width: 700px) {
}
.home .homeDesc .claim:nth-child(even) {
	align-self: flex-end;
    color: #1baed9;
    border-radius: 25px;
}

.home .nuoviRacconti {
	margin-top: 20px;
}

.sitoDiProva {
	color: rgb(255, 255, 33);
	background-color:rgb(198, 28, 28);
	text-align: center;
	top: -10px;
	width: 100%;
	font-size: 14px;
}

.home .sitoDiProva {
	top: 10px;
}

@media all and (max-width: 360px) {
	.panel.mobile-wide {
		margin: 10px -15px;
	}
}


.homeBox h1 {
	margin-top: 0;
}

.homeBox img {
	margin-top: 0;
	float: right;
	padding: 5px;
	max-width: 29%;
}

.homeBox .bookBox img {
	border-style: solid;
    border-color: #C3C6CA;
    border-width: thin;
    padding: 0;
    margin: 0 0 0 5px;
	max-width: 120px;
}

.homeBox .mercurioBook h1 {
	font-size: 30px;
}

.homeBox .panel {
	 min-height: 160px;
} 

.webmaster {
	text-align: center;
	margin-bottom: 20px;
}
.webmaster a {
	text-decoration: none;
}

.editIcon {
	padding: 0 5px 0 5px;
	color: #dd585a;
	border: none;
}

body { 
	/* font-family: 'Roboto', sans-serif; */ 
	font-family: 'Noto Sans', sans-serif;
	background-color: #3E3F41; /* Grigio */
	color: black;
	font-size: 16px;
}
h1, h2, h3, h4, h5 {font-family: 'Ubuntu', sans-serif; font-weight: bold;}

/*
h3 {
	font-size: 18px;
}
*/

p { margin: 0; }

p.ldmp10 { margin-bottom: 10px; }

.ldmpspaced p { margin-bottom: 20px; }

::-webkit-input-placeholder {
   color: red;
}
:-moz-placeholder { /* Firefox 18- */
   color: red;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}
:-ms-input-placeholder {  
   color: red;  
}

#environment {
	position: absolute;
	z-index: 9999;
	color: darkgrey;
}

.loadMoreLoader {
	display: none;
	width: 100%;
	height: 100px;
	background:url(images/loader.gif) no-repeat center center #FFFFFF;
}

.loadMoreButton {
	width: 120px;
	margin: auto;
}

.loader {
	/* display: none; */
	position:fixed; 
	top:0; left:0; bottom:0; right:0; 
	z-index: 999999;
	opacity: 0;
}

.loader.loaderSpinner {
	margin: auto;
	background:url(images/loader.gif) no-repeat center center #FFFFFF;
	opacity: 0.8;
	width: 200px;
	height: 200px;
	z-index: 999999;
}

div.fullPage {
	min-height: 400px;
}

.ldmFatBottom {
	padding-bottom: 50px;
}

.helpButton {
	cursor: pointer;
	margin-left: 10px;
	margin-right: 10px;
	color: #1baed9;
	font-size: 18px;
	cursor: pointer;
}
.helpButton:hover {
	color: #1794b7;
}

.ldmPointer {
	cursor: pointer;
}

.ldmNotAllowed {
	cursor: not-allowed;
}

/* Accordion senza contenuto */
.ldmNotAllowed .panel-title {
	color: #ccc;
}

/* Per jquery-waypoints */
/*
.infinite-more-link {
  display: none;
}

.infinite-loading {
	opacity: 0.9;
}
*/

.storyId {
	color: #AAA;
}

.yadaShowPassword {
	height: 34px;
	color: #1baed9;
}

.yadaShowPassword:hover {
	color: #1794b7;
}

footer {
	margin-top: 10px;
}

.ldmWrapword {
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
	word-break: break-all;
	white-space: normal;
}

/*********/
/* VARIE */
/*********/

@media (max-width: 767px) {
	.staff img {
		margin: auto;
	}
}

.staff img {
	border: solid 3px #1baed9;
	border-radius: 10px;
}

.chisiamo h1 {
	margin: 60px 0 40px 0;	
}

@media (min-width: 768px) {
	.chisiamo h2 {
		margin-top: 0;	
	}
}

.staff {
	margin-bottom: 40px;
}

div.facebookShareButton {
	display: inline-block;
}
div.facebookShareButton a {
	background-image: url('images/fcondividi.gif');
	width: 76px;
	height: 20px;
	border: none;
	vertical-align: bottom;
	background-repeat: no-repeat;
	background-size: contain;
}

#commentList .facebookLoginButton, .popover .facebookLoginButton {
	float: right;
	margin: 10px 0;
}

#commentList .ldmEmbeddedLogin form, .popover .ldmEmbeddedLogin form {
	clear: both;
}

#loginModalDialog .facebookLoginButton {
	position: absolute;
	right: 15px;
	top: 15px;
}

.ldmTopMenu .facebookLoginButton {
	clear: both;
	width: 141px;
	height: 22px;
	margin: 15px 10px 0 0;
}

.facebookLoginButton {
	background-image: url('images/facebookLogin.gif');
	width: 143px;
	height: 22px;
	border: none;
	vertical-align: bottom;
	background-repeat: no-repeat;
	background-size: contain;
}
.facebookLoginButton:HOVER {
	background-image: url('images/facebookLoginHover.gif');
}

form.ldmRegistration .ldmSocialData {
	padding-top: 20px;
}

form.ldmRegistration .ldmSocialData > div > div {
	display: inline-block;
}

form.ldmRegistration .ldmSocialData > div > div:FIRST-CHILD {
	font-weight: bold;
	min-width: 100px;
}

form.ldmRegistration .avatar {
	max-width: 150px;
	margin: 20px 10px 10px 0;
}

@media all and (min-width: 500px) {
	form.ldmRegistration .avatar {
		float: left;
	}
}
@media all and (max-width: 500px) {
	form.ldmRegistration .avatar {
		max-width: initial;
		width: 100%;
	}
	form.ldmRegistration .avatar img {
		width: 150px;
		margin: auto;
	}
}

/***********/
/* AUTHORS */
/***********/
.noAuthor {
	text-transform: uppercase;
    font-style: italic;
    text-align: center;
    margin-bottom: 15px;
}
.thumbnail.author .noStories {
	text-transform: uppercase;
    font-style: italic;
    text-align: center;
}

.thumbnail.author .otherStories {
	display: none;
}

.ldmStoryModal .otherStories {
	display: none;
}

.thumbnail.author {
	border-width: 4px;
} 

.thumbnail.author .avatar, .followAuthor.avatar {
	margin: 0 10px 10px 0;
	float: left;
} 

.showAllAuthorStories {
	margin-bottom: 30px;
	text-align: center;
}


/**************/
/* DATATABLES */
/**************/

.ldmTableToolbar {
	margin-bottom: 15px;
	display: none;
}

table.dataTable .ldmCheckInCell {
	text-align: center;
	width: 50px;
	padding-left: 0;
	padding-right: 0;
}

table.ldmdatatable td.s_open {
	cursor: pointer;
}

table.ldmdatatable .s_hide {
	cursor: pointer;
	color: #1baed9;
}

table.ldmdatatable .s_hide:hover {
	color: #1794b7;
}



tr.ldmRowSelected td {
	background-color: aliceblue !important;
}

td.ldmRowProposto {
	background-color: rgb(206, 253, 199) !important;
}

td.ldmRowBloccato {
	background-color: #FFD7D7 !important;
}

/************/
/* GESTIONE */
/************/

.ldmdatatable .ldmRowCommandButton {
	margin-left: 10px;
}

.modalStoryEdit .ldmDatiAutore .ldmRow > div {
	display: inline-block;
}

.modalStoryEdit .ldmDatiAutore .ldmRow > div:first-child {
	width: 125px;
}

.modalStoryEdit .ldmCommentList {
	margin-top: 20px;
}

.modalStoryEdit table table tr:FIRST-CHILD {
	background-color: rgb(243, 243, 243);
}
.modalStoryEdit th {
	font-weight: normal;
}
.modalStoryEdit td, .modalStoryEdit th {
	padding: 0 4px 0 4px;
}
.modalStoryEdit tr > td:FIRST-CHILD {
	vertical-align: top;
}

.modalStoryEdit .emailInvalid {
	text-decoration: line-through;
}

/*
form.ldmStoryEditGestione button {
	margin-bottom: 15px;
}

.ldmFormStack {
	margin-bottom: 15px;
}

.gestioneActionButtons .btn-default {
	background-color: transparent;
	border: none;
	padding: 0;
}
.gestioneActionButtons span {
	color: #B2B2B2;
	font-size: 26px;
}
.gestioneActionButtons span:hover {
	color: #000;
}
*/

.modal-footer .storyInfo {
	text-align: left;	
}

/************/
/* SCRIVERE */
/************/

#previewContent {
    min-height: 200px;
}

#form-editRacconto .tab-content {
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	margin-bottom: 10px;
}

.ldmScritturaRacconto .ldmNote .panel-default {
	border-color: #bce8f1;
}
.ldmScritturaRacconto .ldmNote .panel-heading {
	background-color: aliceblue;
	color: #31708f;
}

.ldmScritturaRacconto .ldmNote .panel-body {
	background-color: #fdfdfd;
}

.ldmAnteprimaScrittura {
	max-width: 900px;
	margin: 30px auto 60px auto;
}

#form-editRacconto #saveButton {
	font-size: 20px;
}

.editions {
	text-align: center;
}

.privateThumbnail {
	background-color: #EEE;
	padding: 5px;
	margin-bottom: 30px;
	-webkit-box-shadow: 2px 4px 13px rgba(7,7,7,.23);
	-moz-box-shadow: 2px 4px 13px rgba(7,7,7,.23);
	box-shadow: 2px 4px 13px rgba(7,7,7,.23);
}

.privateThumbnail.oldEdition {
	background-color: #DADADA;
}

.privateThumbnail .thumbnail {
	margin-top: 10px;
	margin-bottom: 5px;
}

.privateThumbnail .thumbnail.story {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.privateThumbnail.oldEdition .thumbnail {
	border-color: #aaa;
}

button.ldmPanelCommand {
	font-size: 18px;
}

button.ldmPanelCommand .glyphicon {
	font-size: 25px;
	top: 5px;
}

.ldmPanelCommand.ldmEditButton {
	color: #4ebf57;
}

.ldmPanelCommand.ldmMessageButton {
	color: #8B6945;
}

.ldmPanelCommand.ldmPublishButton {
	color: #1794b7;
}

.ldmPanelCommand.ldmUnpublishButton {
	color: #faa54c;
}

.ldmPanelCommand.ldmNewEditionButton {
	color: #0d8200;
}

.ldmPanelCommand.ldmDeleteButton {
	color: #c64f4f;
}

.storyFlags {
	font-size: 18px;
	float: right;
}

.storyFlags .flagMessage {
	color: #c64f4f;
}

.storyFlags .flagComment {
	color: #1794b7;
	}

.storyFlags .flagNuovo {
	color: #4ebf57;
}

.storyFlags .flagSubmitted {
	color: #1794b7;
}

.storyFlags .flagRespinto {
	color: #4ebf57;
}

.storyFlags .flagProgrammato {
	color: #faa54c;
}

.storyFlags .flagPubblicato {
	color: #1baed9;
}

.storyFlags .flagFrozen {
	color: #c64f4f;
}

table.storyInfo {
	font-size: 14px;
}

.ldmtabs li:not(.active) a {
	background-color: #F3F3F3;
}

.ldmtabs li.active a {
	cursor: pointer !important;
}

/* Tab area utente */
@media all and (min-width: 392px) {
	.ldmAreaUtente .nav-stacked.ldmtabs {
		display: none; 
	}
	.ldmAreaUtente :not(.nav-stacked).ldmtabs {
		display: block; 
	}
}
@media all and (max-width: 391px) {
	.ldmAreaUtente .nav-stacked.ldmtabs {
		display: block; 
	}
	.ldmAreaUtente :not(.nav-stacked).ldmtabs {
		display: none; 
	}
}

@media all and (min-width: 768px) {
	.ldmRacconti #saltaButton {
		display: none;
	}
}

/* Tab racconti */
@media all and (min-width: 392px) {
	.ldmRacconti .nav-stacked.ldmtabs {
		display: none; 
	}
	.ldmRacconti :not(.nav-stacked).ldmtabs {
		display: block; 
	}
}
@media all and (max-width: 391px) {
	.ldmRacconti .nav-stacked.ldmtabs {
		display: block; 
	}
	.ldmRacconti :not(.nav-stacked).ldmtabs {
		display: none; 
	}
}


.tab-pane.active {
	min-height: 200px;
	padding: 10px;
}

@media all and (min-width: 768px) {
	.tab-pane.active {
		padding: 20px;
	}
}

.tab-pane.active > a {
	margin-bottom: 20px;
}

/*
.mystorybuttons {
	position: relative;
	top: -33px;
	right: 10px;
	float: right;
}

.mystorybuttons .btn-default:hover {
	background-color: white;
}

.mystorybuttons .btn-default {
	background-color: white;
}

.mystorybuttons span {
	color: #B2B2B2;
	padding-left: 10px;
	font-size: 26px;
}
	
.mystorybuttons span:hover {
	color: #000;
}

.mystorybuttons button {
	border: none;
}
*/

.newStory {
	/* opacity: 0.3; */
	font-size: 60px;
	text-align: center;
	cursor: pointer;
}

.newStory.thumbnail .avatar {
	margin: 35px auto 50px auto;
}

.newStory .glyphicon {
	margin-top: 21px;
}

.newStory .caption {
	border: 1px solid #ddd;
    border-radius: 4px;
}

.newStory .caption:hover {
	/* opacity: 1; */
	background-color: #e6e6e6;
}

/* Non so come togliere l'underline
a:hover h3:hover {
	text-decoration: none !important;
}

.storyOptionsModal .modal-body table {
	width: 100%;
	margin-bottom: 25px;
}

.storyOptionsModal .modal-body button {
	margin-top: 10px;
}

.storyOptionsModal .modal-body button span {
	margin-right: 10px;
	font-size: 20px;
	vertical-align: middle;
}

.storyOptionsModal table tr>td:FIRST-CHILD {
	padding-right: 5px;
}
*/

.storyEditState {
	margin-top: 10px;
	color: blue;
}


/**********/
/* ACCEDI */
/**********/
/* sarebbe da usare genericamente */
.evidenziato {
	background-color: #FEEBC0;
}
.evidenziato h1 {
	font-size: 45px;
}

/************/
/* RACCONTI */
/************/

.ldmRaccontoToolbox .ldmPlusButton {
	margin: 0 5px 0 10px;
}
.ldmRaccontoToolbox .ldmMinusButton {
	margin: 0 10px 0 5px;
}
.ldmRaccontoToolbox {
  border-style: solid;
  border-width: 1px;
  padding: 10px;
  margin-top: 20px;
 }

.ldmFilterButton {
	min-width: 134px;
	margin-bottom: 10px;
}

.ldmTagSelectListButton {
	vertical-align: baseline;
	margin-left: 10px;
	color: #1baed9;
	cursor: pointer;
}

.ldmTagSelectListButton:hover {
	color: black;
}

.ldmTagSelectList {
	display: none;
	padding: 10px;
	text-align: justify;
	width: 90%;
	left: 5%;
	background-color: white;
	line-height: 50px;
	position: absolute;
	max-height: 400px;
	overflow-y: scroll;
	overflow-x: hidden;
	z-index: 1;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	border-top: solid;
	border-top-color: #eee;
	border-top-width: 1px;
}

.ldmTagSelectList a {
	display: inline;
	white-space: nowrap;
}

.ldmRaccontiToolbox {
	float: right;
	margin-bottom: 20px;
}

.ldmRacconti .commandBar {
	margin: 29px 0;
}

button .ldmTagProposer {
	font-size: 8px;
	display: block;
}

.ldmTag {
	margin-bottom: 5px;
	border-radius: 20px;
 	-webkit-border-radius: 20px;
 	-moz-border-radius: 20px;
}
/*********************/
/* Tags Redazionali  */
/*********************/
.tagredpub a .badge {
	background-color: #1794b7;
}
.tagredpriv a .badge {
	background-color: #c58635;
}
.tagredpub a, a.tagredpub, .tagredpub button{
	background-color: #2aadd9;
    color: white;
    border-color: #2aadd9;
}
.tagredpriv a, a.tagredpriv, .tagredpriv button {
	background-color: #f6a742;
    color: white;
    border-color: #f6a742;
}
.tagredpub ul li>a, .tagredpriv ul li>a {
	background-color: white;
}
.tagredpub a:hover, a.tagredpub:hover, .tagredpub button:hover {
	background-color: #8cc6da;
	color: #1794b7;
	border-color: #8cc6da;
}
.tagredpriv a:hover, a.tagredpriv:hover, .tagredpriv button:hover {
	background-color: #ffd297;
	color: #c58635;
	border-color: #ffd297;
}
.thumbnail.story .ldmTags {
	text-align: center;
}

.thumbnail.story .ldmCounters, .ldmStoryModal .ldmCounters {
	float: left;
}

.thumbnail.story .ldmCounters > div, .ldmStoryModal .ldmCounters > div {
	float: left;
	margin-right: 6px;
}
.thumbnail.story .ldmCounters i, .ldmStoryModal .ldmCounters i, .thumbnail.author .ldmCounters i {
	margin-right: 2px;
}

.thumbnail.story .ldmIndicators {
	float: right;
	height: 34px;
}

.ldmStoryModal .ldmIndicators {
	/* float: right; */
	/* height: 34px; */
	/* position: relative;
	top: -40px;
    right: 50px;*/
}

.author .storylistSameAuthor {
	margin-bottom: 30px;
}

.storylistSameAuthor .row > div:first-child {
	text-align: right;
}

.storySameRead {
	font-weight: normal;
}

.storySameUnread {
	font-weight: bold;
}

/* Non usato */
.ldmStickyFooter {
	position: fixed;
	width: 100%;
	bottom: -47px;
	z-index: 20;
	background-color: #3e3f41;
}

.thumbnail.storyRead {
	border-color: #ddd;
	border-style: dotted;
}

.tagSelector {
	margin-bottom: 4px;
}

.tagSelected {
	background-color: #57d662;
	color: white;	
}

.tagRejected {
	background-color: #dd585a;
	color: white;
}

#tagFilter button {
	margin-bottom: 5px;
}

#tagList form {
	display: inline; 
}

#tagList #nuovoTag {
	height: 22px;
}

#tagList button, #tagList input {
	margin-bottom: 5px;
}

.ldmCommentAuthor {
	font-weight: bold;
}

.ldmCommentList img.media-object.pull-left {
	width: 32px;
	padding-right: 10px;
}

.ldmCommentList {
	font-size: 14px;
	margin-top: 20px;
}

.ldmCommentList .ldmReplyLink i {
	margin: 0 8px;
}

.ldmCommentList .ldmTimestamp {
	font-style: italic;
	font-size: 12px;
}

.thumbnail.story .ldmCommentList li.media div.media-body p {
	margin-bottom: 0;
}


.storyFeedbackBar {
	float: right;
	margin-top: 10px;
	clear: both;
}

DISABLED .puller button {
	height: 50px;
}

.puller {
	padding: 10px;
	position: relative;	
}

#sorter, #filter {
	display: inline;
}

.storyRead {
	font-weight: normal;
	font-style: italic;	
}

.thumbnail .avatar {
	max-width: 200px;
	margin-bottom: 20px;
	clear: both;
} 

.thumbnail {
	position: relative; /* Questo serve per posizionare gli elementi contenuti in modo assoluto */
	-webkit-box-shadow: 2px 4px 13px rgba(7,7,7,.23);
	-moz-box-shadow: 2px 4px 13px rgba(7,7,7,.23);
	box-shadow: 2px 4px 13px rgba(7,7,7,.23);
}

.showStory {
	cursor: pointer;
}

/* 
.thumbnail.story .caption h3, .thumbnail.story .caption h4 {
	font-family: Oswald, Arial, Tahoma, Sans serif; 
}
*/

#modalStory .modal-header {
	border-bottom: none;
}

#modalStory h3 .modal-title {
	/* font-family: Oswald, Arial, Tahoma, Sans serif; */
	font-size: 28px;
}

.thumbnail.story .caption p {
	margin-bottom: 15px;
}

/* Testo iniziale del racconto */
.thumbnail.story .caption p.contentSnippet {
	text-align: justify;
	clear: both;
	overflow: hidden;
	/* inutile: text-overflow: ellipsis; */
	font-family: 'Roboto', sans-serif;
	padding-top: 10px;
	text-rendering: optimizeLegibility;
}

.tempoDiLettura {
	font-weight: bold;
}

.thumbnail.story h3 {
	margin-top: 10px;
}

.thumbnail.story .dataeautore {
	float: right;
}

#modalStory .avatar,
.autoreAndStory .avatar {
	max-width: 200px;
	margin: 10px 10px 10px 0;
}

.modalMessaggi .avatar {
	max-width: 150px;
	margin: 0 10px 10px 0;
}

.ldmStoryCopyright {
	font-size: 11px;
	margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
}

.ldmStoryContent {
	text-align: justify;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 25px;
	text-rendering: optimizeLegibility;
}

.ldmStoryContent > div:first-letter {
	font-family: 'Old Standard TT', serif;
	font-size: 655%;
	font-weight: bold;
	float: left;
	margin: -27px 8px -30px -6px;
}

@-moz-document url-prefix() {
    .ldmStoryContent > div::first-letter {
        margin: 0 0 0 0;
    }
}

#modalStory td {
	padding-right: 10px;
}

@media all and (min-width: 570px) {
.ldmStoryContent {
	-webkit-column-count:2; /* Chrome, Safari, Opera */
	-moz-column-count:2; /* Firefox */
	column-count:2;
	-webkit-column-gap:40px; /* Chrome, Safari, Opera */
	-moz-column-gap:40px; /* Firefox */
	column-gap:40px;
}
}
	
/********************/
/* HEADER homepage  */
/********************/
.ldmAboveHeader {
	height: 40px;
}

.ldmheader {
	position: relative;
}

.backRow {
	height: 112px;
	width: 100%;
	float: left;
	/* Questi servono a mostrare le decorazioni natalizie */
	z-index: -1;
    position: relative;
}

#jumbologo {
	color: black;
	background-image: url('images/ldmlogo-big.png');
	width: 600px;
	height: 302px;
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
}

#ldmbeta {
	position: absolute;
	top: 294px;
	right: 21px;
	color: #1baed9;
}

.sottotitolo {
	width: 100%;
	text-align: center;
	font-size: 15px;
	position: absolute;
    bottom: -23px;
    left: 0;
}

.home .ldmSmallLogo {
	display: none;
}

.ldmStoryModal .ldmButtonIcon.ldmFollowAuthor .fa {
	font-size: 38px;
	text-color: #1baed9;
    cursor: pointer;
    margin: -5px 0 0 10px;
    vertical-align: top;
} 

@media all and (max-width: 560px) {
	.ldmStoryModal .ldmButtonIcon.ldmFollowAuthor .fa {
	    display: block;
	    margin: 0 0;
	}
}

.author.thumbnail .ldmButtonIcon {
	font-size: 38px;
	text-color: #1baed9;
	float: right;
    margin: 0 10px 0 0;
    cursor: pointer;
}

.author.thumbnail .ldmButtonIcon.ldmEditorCommand {
	text-color: #faa54c;
}

/************************/
/* HEADER non homepage  */
/************************/

.ldmheader.nohome .backRow.blackbg {
	height: 90px;
}
.ldmheader.nohome .backRow.graybg {
	height: 20px;
}

.ldmheader .ldmName {
	padding: 15px 155px 0 155px; /* Permette a img-responsive di fare il suo lavoro */
}

.ldmheader .ldmSmallLogo {
	position: absolute;
	top: 8px;
    left: 0;
}

/************/
/* HOMEPAGE */
/************/


.ldmInEvidenza {
	padding-left: 0;
	padding-right: 0;
}

.ldmInEvidenza > div {
	margin-bottom: 10px;
	border-style: solid;
	border-width: 6px;
}

.ldmHomeStory0 {
	background-color: #ffefce;
}

.ldmHomeStory1 {
	background-color: #faa54c;
}

.ldmHomeStory2 {
	color: #ffefce;
	background-color: #1baed9;
}

.ldmHomeStory2 a {
	color: black;
}

.ldmHomeStory3 {
	background-color: black;
	color: white;
}

.ldmTopMenu {
	position: absolute;
	right: 10px;
	top: -30px;
    z-index: 10; /* Altrimenti il jumbologo si sovrappone parzialmente al logout sotto ai 600px */
}
.ldmTopMenu a {
	float: left;
	margin: 3px 10px 0 0;
	color: #ffefce;
}
.ldmTopMenu a:FIRST-CHILD {
	margin-right: 20px;
}
.ldmTopMenu a:last-child {
	float: right;
}

@media all and (max-width: 350px) {
	.ldmTopMenu {
		font-size: 13px;
	}
}

.ldmTopMenu .username {
	margin-top: 16px;
}

.home .ldmMainMenu {
	padding: 0;
}
.home .ldmMainMenu nav {
	margin-bottom: 0;
}

#home-roller, #home-evidenziati-roller {
	background-image: url(../img/carousel/dust-big.jpg);
}

#home-evidenziati-roller {
	padding: 10px 15px;
}

.evidenza.fa-star {
	color: gold;
}

.ldmUltimiRacconti {
	background-color: white;
	margin-top: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	border-style: none solid solid solid;
	border-width: 15px;
	border-color: #3e3f41;
}

.ldmUltimiRacconti>a {
	color: black;
}

.existingCarousel .carousel {
	margin: 40px 0;
}

.existingCarousel .carousel-inner {
    height: 400px;
    overflow: hidden;
}

.existingCarousel .carousel-inner .item {
    height: 400px;
    overflow: hidden;
}

@media (max-width: 660px) {
	.existingCarousel .carousel-inner .item {
    	height: 370px;
	}
}

.existingCarousel .carousel-inner img.ldmBack {
	position: relative;
	width: 100%;
	top: -100px;
    min-width: 720px;
    min-height: 520px;
}

.existingCarousel .carousel-indicators li {
	border-color: #C9C9C9;
}
.existingCarousel .carousel-indicators li.active {
	background-color: #C9C9C9;
}

.existingCarousel .carouselStoryItem .carousel-caption > div img {
	max-width: 200px;
	margin: 0 10px 10px 0;
}

.existingCarousel .carouselStoryItem .carousel-caption, .home .carouselStoryItem .carousel-caption a {
	color: black;
}

.existingCarousel .carouselStoryItem .carousel-caption .ldmStoryContent {
	clear: both;
	-webkit-column-count:1; /* Chrome, Safari, Opera */
	-moz-column-count:1; /* Firefox */
	column-count:1;
}

.existingCarousel div:not(.carouselStoryItem)>.carousel-caption  {
    text-shadow: #555 4px 4px 12px, #555 -4px -4px 12px, #555 -4px 4px 12px, #555 4px -4px 12px;
}

.existingCarousel .carousel-caption a {
	color: white;
}

@media all and (max-width: 660px) {
	.existingCarousel .carouselStoryItem .carousel-caption > div img {
		float: none !important;
		margin: 10px auto 10px auto;
	}
	.existingCarousel .carouselStoryItem .carousel-caption h1 {
		margin-top: 0px;
		font-size: 23px;
	}
	.existingCarousel .carouselStoryItem .carousel-caption .ldmStoryContent {
		display: none;
	}
}
/* carosello versione vecchia, prima di bootstrap 3.3.2
#home-roller {
	padding: 19px 0 10px 0;
}

#home-roller .carousel-inner {
    height: 400px;
	border-style: solid;
	border-width: 8px;
	border-color: #C9C9C9;
	border-radius: 110px;
	-webkit-border-radius: 110px;
	-moz-border-radius: 110px;
}


.home .carouselStoryItem .carousel-caption {
	padding-top: 0;
}

*/
/* Attenzione il carousel non funziona bene su IE8 per cui serve un css specifico messo in home.html */
/*
.home .carousel-inner>.active {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.home .carousel-inner>.next,
.home .carousel-inner>.prev {
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.home .carousel-caption {
    top: 50%;
}

.home .carousel-caption > div {
    position: relative;
	top: -125px;
}

*/


.ldmHeaderButton {
	position: absolute;
	top: 66px;
	z-index: 15;
	width: 200px;
	font-family: 'Ubuntu', sans-serif; 
	font-weight: bold; 
}

.ldmHeaderButton .btn {
	border: 7px solid;
	border-color: #1794b7;
	border-radius: 40px;
}

.ldmHeaderButton .btn:hover {
	border-color: white;
}

.ldmHeaderButton .ldmTop {
	font-size: 26px;
	text-transform: uppercase;
	display: block;
}

.ldmHeaderButton .ldmBottom {
	font-size: 12px;
}

#leftOfLogo {
	left: 54px;
}

#rightOfLogo {
	right: 54px;
}

/***********************/
/* HOMEPAGE RESPONSIVE */
/***********************/

@media all and (max-width: 1130px) {
	.ldmHeaderButton {
		width:170px;
	}
}
@media all and (max-width: 800px) {
	#leftOfLogo {
		left: 10px;
	}
	#rightOfLogo {
		right: 10px;
	}
	/*
	.ldmTopMenu .username {
		font-size: 14px;
		margin-top: 17px;
	}
	*/
}

@media all and (max-width: 740px) {
	#jumbologo {
		width: 530px;
		height: 266px;
	}
	.backRow {
		height: 100px;
	}
	#ldmbeta {
		top: 256px;
		font-size: 13px;
	}
	.ldmHeaderButton {
		top: 138px;
		width: 134px;
	}
	.ldmHeaderButton .btn, .ldmHeaderButton .btn:hover {
		border: none;
		background: none;
		padding: 0;
	}
}
@media all and (max-width: 600px) {
	.ldmheader .ldmName {
		display: none; /* "Letture da metropolitana" sparisce dalle pagine non home */
	}
	.ldmHeaderButton {
		width: 110px;
	}
	.ldmHeaderButton .ldmTop {
		font-size: 22px;
	}
	#leftOfLogo {
		left: 0px;
	}
	#rightOfLogo {
		right: 0px;
	}
}

/*
@media all and (min-width: 540px) {
	.home .backRow.blackbg img {
		display: none;
	}
}
*/

@media all and (max-width: 540px) {
	#jumbologo {
		display:none;
	}
	/*
	#ldmbeta {
		top: 89px;
		right: 10px;
		font-size: 10px;
	}
	*/
	.sottotitolo {
		display:none;
	}
	/*
	.ldmTopMenu a {
		font-size: 12px;
		margin: 7px 10px 0 0;
	}
	.ldmTopMenu .username {
		margin-top: 7px;
	}
	.ldmTopMenu .facebookLoginButton {
		clear: none;
		width: 100px;
		height: 16px;
		margin: 7px 10px 0 0;
	}
	.ldmTopMenu form button {
		font-size: 10px;
		padding: 0 5px 1px 5px;
		margin-top: -12px;
	}
	*/
	.ldmTopMenu {
		width: 100%;
		padding: 0 5px;
	}
	.ldmTopMenu a {
		margin: 0;
	}
	.ldmTopMenu form button {
		padding: 2px 5px 3px 5px;
		margin: -12px 0 0 20px;
	}
	.ldmTopMenu .username {
		margin-top: 5px;
	}
	.ldmTopMenu a:FIRST-CHILD {
	    margin: 0 24px;
	}
	.ldmTopMenu .facebookLoginButton {
		clear: none;
		margin: 0 5px;
	}
	.home .backRow.blackbg {
		height: 90px;
	}
	.home .backRow.graybg {
		height: 20px;
	}
	.home .backRow.creambg {
		display: none;
	}
	.ldmHeaderButton {
		left: 175px !important;
	}
	.ldmHeaderButton .btn {
		text-align: left;
	}
	.ldmHeaderButton .ldmBottom {
		display: none;
	}
	#leftOfLogo {
		top: 10px;
	}
	#rightOfLogo {
		top: 52px;
	}
	ul.ldmtabs li a {
		padding: 5px;
	}
	
	.home .ldmSmallLogo {
		display: inline;
	}
}


/***********************/
/* BOOTSTRAP OVERRIDE  */
/***********************/

.btn {
	font-size: 16px;
}

.btn-primary {
  color: #fff;
  background-color: #1baed9;
  border-color: #1794b7;
}

.btn-primary:hover {
  background-color: #1794b7;
  border-color: #000;
}

.btn-info {
	color: #000;
	background-color: #ffefce;
	border-color: #eadbbe;
}

.btn-info:hover {
	color: #000;
	background-color: #eadbbe;
	border-color: #000;
}

.btn-success {
	color: #fff;
	background-color: #57d662;
	border-color: #4ebf57;
}

.btn-success:hover {
	color: #fff;
	background-color: #4ebf57;
	border-color: #000;
}

.btn-danger {
	color: #fff;
	background-color: #dd585a;
	border-color: #c64f4f;
}

.btn-danger:hover {
	color: #fff;
	background-color: #c64f4f;
	border-color: #000;
}

.navbar-default {
	background-color: #000;
	border-color: #1baed9;
	font-family: 'Noto Sans', sans-serif; 
	font-weight: 700;
}

.ldmMainMenu {
	text-transform: uppercase;
	clear: both;
}

.navbar-default .navbar-text {
	color: #fff;
}
.navbar-default .navbar-nav > li > a {
	color: #fff;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #1baed9;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	background-color: #1794b7;
	color: white;
}

.thumbnail {
	border-width: 2px;
	border-color: #1baed9;
	border-style: solid;
}

a {
	color: #1794b7;
}

a:hover, a:focus {
	color: #1baed9;
}

#modalGenericDialog .modal-title {
	float: left;
}
.yadaNotify .modal-header {
    width: 100%;
    display: inline-block;
}
.yadaNotify .modal-header h4 {
    float: left;
}

.modal .close {
	float: right;
}

.yadaIcon {
	position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.yadaNotify .yadaIcon-warning {
	color: #e81111;
}

.yadaIcon-ok:before {
    content: "\e089";
}
.yadaIcon-warning:before {
    content: "\e088";
}
.yadaIcon-close:before {
    content: "\e014";
}
.yadaIcon-error:before {
    content: "\e088";
}

/*  Switch  */
.mySwitch input.yadaSwitch-round ~ label:after {
	width: 18px;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
.mySwitch input.yadaSwitch-round:checked ~ label:after {
	margin-left: 20px;
}
.mySwitch input.yadaSwitch-round ~ label {
	padding: 2px;
	width: 40px;
	height: 20px;
	background-color: #dddddd;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.mySwitch input.yadaSwitch-round ~ label:before, input.yadaSwitch-round ~ label:after {
	top: 1px;
	left: 1px;
	bottom: 1px;
	content: "";
}
.mySwitch input.yadaSwitch-round ~ label:before {
	right: 1px;
	background-color: #f1f1f1;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.mySwitch input.yadaSwitch-round:checked ~ label:before {
	background-color: #8ce196;
}

#yada-confirm .modal-header {
	display: none;
}

.mySwitchLetturaRacconto {
	margin: 4px;
    max-width: 132px;
    margin-top: 6px;
    margin-left: 15px;
}
.containerLikeAndSwitch {
	display: flex;
    justify-content: flex-start;
}
.storyFeedbackBar a,
.storyFeedbackBar button {
	    margin-bottom: 15px;
}

@media all and (max-width: 767px) {
	.ldmRacconti.container-fluid, .ldmRacconti .container-fluid, 
	.ldmAreaUtente.container-fluid, .ldmAreaUtente .container-fluid,
	.ldmScritturaRacconto {
		padding: 0;
	}
}

.topPu {
	margin-bottom: 20px;
	position: relative;
	width: 100%;
	text-align: center;
}

.home .topPu {
	margin-top: 20px;
}

.spazioPubblicitarioVuoto {
	min-height: 553px;
    max-height: 759px;
    display: none;
}

@media all and (min-width: 768px) {
	.topPu .spazioPubblicitarioVuoto, body.hiddenPubl .thumbnail.story .spazioPubblicitarioVuoto {
	    display: flex;
	}
}

.spazioPubblicitarioVuoto > div {
    margin: auto;
}
.spazioPubblicitarioVuoto p {
	text-align: center;
}
.spazioPubblicitarioVuoto p.title {
	font-weight: bold;
	margin: 25px;
}
.ldmMainMenu .spazioPubblicitarioVuoto {
	color: #ffefce;
	background-color: black;
	min-height: 253px;
}

/* Console: Aggiorna FacebookToken */
input[name="dataScadenzaFacebookToken"] {
	line-height: UNSET;
}

/* .popover.fade {
	width: fit-content;
    min-width: 185px;
} */
.popover .yadaclose.btn-default {
   border: 1px solid transparent;
   border-color: #ccc;
   padding: 1px 5px;
   opacity: 1;
   
   font-size: 12px; 
   margin-top: 10px; 
   float: unset;
}
.ldmStoryModal a.s_customPopovered {
	color: #1794b7;
}
a.s_customPopovered:hover {
	cursor: pointer;
}
.dataeautore a.s_customPopovered {
	font-size: 14px;
    color: black;
    font-weight: normal;
    cursor: pointer;
}
.dataeautore .popover {
	font-style: normal;
}
.dataeautore .popover .popover-content p {
	margin-bottom: 0
}
.dataeautore .popover .popover-title {
	width: fit-content;
    white-space: nowrap;
    min-width: 190px;
}
.gestioneActionButtons a.disable {
	opacity: 0.5;
    pointer-events: none;
}
.gestioneActionButtons a {
	border-radius: 7px;
    padding: 2px 12px;
    display: inline-block;
    background: #fff;
    border: 1px solid #ccc;
}

#tabellaEvidenziati .firstPicked {
	background: #fff3d6;
}
.showLdmCounters {
	display: none; 
}
@media all and (max-width: 560px) {
	.ldmButtonIcon.ldmFollowAuthor {
		display: inline-block;
		margin-left: 10px;
	}
	.autoreAndStory {
		width: 100%;
		clear: both;
	}
	.autoreAndStory .avatar {
		float: none !important; 
		display: block; 
		margin: auto !important;
	}
	.hiddenLdmCounters {
		display: none; 
	}
	.showLdmCounters {
		display: block; 
	}
	.autoreAndStory .avatar>img {
		margin: auto;
	}
}

.modal-backdrop {
	position: fixed; /* Risolve lo scrolling che sposta lo sfondo */
}

/* Su mobile piccoli non funziona bene, il dialog rimane troppo largo */
@media all and (max-width: 380px) {
	.emojionearea-button {
		display: none !important;
	}
}

.ck-editor__editable_inline {
    min-height: 400px;
}

.antispamQuestion {
	border: solid thin #cccccc;
    padding: 10px;
    line-height: 26px;
    margin-bottom: 15px;
}
.antispamQuestion p {
	margin-bottom: 3px;
}
.antispamQuestion .question {
	font-weight: bold;
}
.antispamQuestion label {
	display: block;
	font-weight: normal;
}
.antispamQuestion input {
	margin-right: 10px;
}

/******************/
/* COOKIE BANNER  */
/******************/

#ldmCookieBanner .modal-header span {
	font-size: 2em;
    position: relative;
    top: -11px;
}
#ldmCookieBanner .modal-body p {
    margin-bottom: 1em;
}

#ldmCookieBanner .modal-content .cookie-radio {
    display: flex;
    align-items: center;
    justify-self: flex-start;
    margin-top: 1.8rem;
    margin-bottom: 1.6rem;
}

#ldmCookieBanner input.yadaSwitch-round:disabled ~ label:after {
	display: block;
}

#ldmCookieBanner .modal-content .cookie-radio > span {
	margin-right: 10px;
}

#annivers10 {
	padding: 20px;
    background-color: black;
    border: none;
}