/*-----BODY-----*/

body {
    font-size: 16px;
}


.comparsa {	/* questi due per blocchi a comparsa*/
	display: none;
}
.comparsa:target {
	display: block;
}

/*-----HEADER-----*/

.main-header {
    background-color: #fff;
}

.main-header__title img {
    width: auto;
	max-height: 6.3em;
}

.page_index:not(.indexSite) .main-header {
    padding-top: 0;
	max-height: unset;
}

.page_index:not(.indexSite) .main-header__title, .main-header__title {
    margin: -0.8em auto 0.8em auto;
}

.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    padding-right: 0;
    padding-left: 0;
}

/*-----TOP MENU-----*/

#languageNav .main-header__lang-link {
    color: #000;
    background: transparent;
    border: 1px solid transparent;
}

#languageNav .main-header__lang-link:hover, #languageNav .main-header__lang-link:focus, #languageNav .main-header__lang-link:active {
    color: #000;
    border: 1px dotted #000;
}

.task_count, .task_count:active, .task_count:focus, .task_count:hover {
    background: #c7c7c7;
    padding: 0 0.5ex;
    border-radius: 4px;
	color: #000;
}

.nav-link:focus, .nav-link:hover, .nav-link {
    color: inherit;
}

.dropdown-menu {
	font-size:inherit;
}

.dropdown-item {
	font-weight: inherit;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: #3586b3;
	color: #fff;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #4091b8;
}

.main-header__admin-link, .main-header__lang-link {
    background-color: #fff;
    color: #000;
}

.main-header a {
    border: 1px solid transparent;
}

.main-header__admin-link:hover, .main-header__lang-link:hover, .main-header__admin-link:focus, .main-header__lang-link:focus, .main-header__admin-link:active, .main-header__lang-link:active {
    background-color: #fff;
    color: #000;
    border: 1px dotted #000;
}

.main-header__nav-link {
	background: transparent;
	color: #fff;
}

.main-header__nav-link:hover, .main-header__nav-link:focus, .main-header__nav-link:active {
    color: #fff;
    background-color: transparent;
    border: 1px dotted #fff;
}

/*aggiunge le bandierine accanto alla lingua*/
#languageToggleMenulanguageNav::before { 
    content: url(https://journals.francoangeli.it/public/lang-icon.png);
    vertical-align: top;
    opacity: 0.7;
}

/*per allineare i menu al contenitore centrale*/
@media (min-width: 576px) {.main-header__admin.locale-enabled {max-width: 540px; margin: 0 auto;}}
@media (min-width: 768px) {.main-header__admin.locale-enabled {max-width: 720px; margin: 0 auto;}}
@media (min-width: 992px) {.main-header__admin.locale-enabled {max-width: 960px; margin: 0 auto;}}
@media (min-width: 1200px) {.main-header__admin.locale-enabled {max-width: 1140px; margin: 0 auto;}}

@media (min-width: 576px) {.main-header__admin.locale-disabled {max-width: 540px; margin: 0 auto;}}
@media (min-width: 768px) {.main-header__admin.locale-disabled {max-width: 720px; margin: 0 auto;}}
@media (min-width: 992px) {.main-header__admin.locale-disabled {max-width: 960px; margin: 0 auto;}}
@media (min-width: 1200px) {.main-header__admin.locale-disabled {max-width: 1140px; margin: 0 auto;}}


/*-----MAIN MENU-----*/

#navigationPrimary .dropdown-item a {
    border: 1px solid transparent;
	color:#fff;
}

#navigationPrimary .dropdown-item a:active,
#navigationPrimary .dropdown-item a:hover,
#navigationPrimary .dropdown-item a:focus {
    background-color: #3586b3;
    color: #fff;
	border: 1px dotted #fff;
}

#navigationPrimary .dropdown-menu.show {
    background-color: #3586b3;
    box-shadow: 0 10px 9px rgba(0,0,0,0.1);
	margin-top: -1px;
	justify-content: space-evenly;
}

.navbar-expand-sm {
	background: #3586B3;
    box-shadow: 0 6px 5px rgba(0,0,0,0.1);
}

@media (min-width: 576px) {			/*per non avere sottomenu fisso in linea*/
	#navigationPrimary .nav-item {
		position: relative;
	}
	
	#navigationPrimary .dropdown-menu.show {
		display: block;
		width: auto;
	}
	
	.dropdown-menu.show li {
		display: block;
	}
}

/*-----responsive main menu-----*/

@media (max-width: 575px) {
	
	#navigationPrimary .dropdown-item a {
		color:inherit;
	}

	#navigationPrimary .dropdown-menu.show {
		background-color: #fff;
	}

	#navigationPrimary .dropdown-item a:active, #navigationPrimary .dropdown-item a:hover, #navigationPrimary .dropdown-item a:focus {
		border: 1px solid transparent;
	}
	
	.main-header__nav-link:focus {
		border: 1px solid transparent;
	}

}

/*-----INFO CONTAINER-----*/

.journal-description {
    background: #3586B3;
	padding: 0;
}

.journal-description img {
  vertical-align: text-top;
}

.journal-description .container .row .col-md-6 {
  flex: 0 0 100%;
  max-width: 100%;
}

.btn-primary {
    background-color: transparent;
}

h3 {
    margin: 1.5rem 0 1rem 0;
}

/*-----AVVISI CONTAINER-----*/

.announcements {
    background: #eef;
    padding: 0.8vh 0 0 0;
	font-size: 0.9em;
}

.announcements .container header.row {
	visibility: hidden;
	margin-bottom: -3.5em;
}

.announcement__title {
    margin: 0 0 -0.5em 0;
	font-size: 1.3rem;
	letter-spacing: -0.03em;
}

@media (min-width: 768px) {
.announcements .container .row {
	display: table;
	table-layout: fixed;
	flex-wrap: unset;
	width: 100%;
}}

@media (min-width: 768px) {
.row.announcement-section__toc .col-md-4 {
  flex: unset;
  display: table-cell;
  min-width: 24.8%;
  max-width: 99%;
  width: auto;
  hyphens: auto;
}}


/*-----AVVISI PAGE-----*/

article .text-muted {
    margin: -0.5em 0 0.5em 0;
}

.obj_announcement_full .description {
    margin-top: 1.3em;
}

.main__header .main__title {
	margin-top: 1em;
}

.cmp_edit_link {
	display: none;
}

/*-----ISSUE & ARTICLE CONTAINER-----*/

.issue {
	background: #fff;
	color: #000;
	padding-top: 1em;
	padding-bottom: 1em;
}

.col-md-6 {
    flex: 0 0 60%;
    max-width: 60%;
}

.issue__header {
    margin-bottom: -1.5em;
}

.issue-desc {
    border-bottom: 3px dotted #000;
}

.issue .issue-desc .col-md-2 {
	margin-right: 15px;
	padding-right: unset;
}

.issue-desc .col-md-2 .img-fluid {
    width: 180px;
	border: 1px solid rgba(0,0,0,0.15);
}

.issue-desc a {
    color: #3586b3;
    padding-left: 5px;
}

.issue-desc a:hover, .issue-desc a:focus, .issue-desc a:active {
   	color: #55a6c3;
}

.issue .container {
	min-height: 130px;
}

.issue .container .issue-section__header {
	margin-bottom: 0.85em;
}

.issue-section {
    padding: 2.5em 0 0 0;
}

.issue-section__toc {
    padding: 0;
}

.issue-section__title {
    font-family: 'Spectral',serif;
}

.col-md-6.col-lg-3.issue-section__title {
	/* allarga spazio per il nome sezione nel TOC */
    max-width: 80%;
    flex: auto;
}

.issue-section .container .article__title a {
	font-size: 1.4rem;
}

.article {
    margin-bottom: 1.5em;
}

.article:hover {
    background: rgba(200,200,255,0.2);
}

.issue-desc__btn-group .article__btn {
    border: 1px solid #000;
	color: #000;
}

.issue-desc__btn-group .article__btn:hover {
    background-color: #000;
    color: #fff;
}

.article__btn {
text-transform: uppercase;
}

.offset-md-4 {
    margin-left: 5%;
}

.article__meta {
     margin-bottom: 0.8em;
}

.article__btn {
    margin-right: 1.5vw;
}	
	
.article__btn-group li {
    margin-bottom: 0.8em;
    margin-top: -1.5em;
}

.issue__title {
    margin: 1em 0 .15em;
	font-size: 1.8em;
}

@media (min-width: 768px) {
	.col-md-8 {
		/* allarga spazio per titolo in visualizzazione desktop */
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-lg-3 {
		/* bisogna ridimensionare la colonna di dx secondo l'istruzione precedente */
		flex: 0 0 20%;
		max-width: 20%;
	}
	
	.article .row .col-md-8.offset-md-4 {
		/*in home desktop il titolo prende tutta la larghezza a disposizione*/
		flex: 0 0 90%;
		max-width: 90%;
	}
	
	.offset-lg-1 {
		margin-left: 3%;
	}

	.article .row .col-md-4 {
		/* crea lo spazio in riga per le copertine dei singoli articoli (se previsti)*/
		flex: 0 0 13%;
		max-width: 13%;
	}
	
	.article .row .col-md-4 .article__img {
		/* se previste le copertine artcl, le spazia correttamente */
		margin: 1vh 0 1vh 1vh;
	}

	.article .row .col-md-4 .article__img .img-fluid {
		/* se previste le copertine artcl, dà loro altezza max e bordo */
		max-height: 180px;
		border: 1px solid rgba(0,0,0,0.1);
	}

}

@media (max-width: 767px) {
	.issue-desc__title {
		/* aggiunge spazio vert in visualizzazione smartphone*/
		margin-top: 1.5rem;
	}
	
	.issue .issue-desc .col-md-2 {
		/*immagine fascicolo centrata in v. smartphone*/
		text-align: center;
	}
	
	.row.issue-desc .col-md-6 {
		/*descrizione fascicolo tutta larghezza in v. smartphone*/
		flex: 0 0 90%;
		max-width: 90%;
	}
}

/*-----ASIDE-----*/

aside p, aside dt, aside dd, aside li {
    font-size: inherit;
    font-family: 'Spectral',serif;
	margin-bottom: 0;
}

.additional-home-content {
    font-size: 15px;
	padding-top: 2em;
    padding-bottom: 2em;
    text-align: justify;
	hyphens: auto;
}

.additional-home-content p {
	font-size: 16px;
	text-align: center;
}

aside img{
    box-shadow: 8px 8px 5px rgba(0,0,0,0.15);
	border: 1px solid rgba(0,0,0,0.15);
}

/*-----ARTICLE PAGE-----*/

.article-page {
    background: transparent;
    color: #000;
	padding-top: 1em;
    padding-bottom: 1em;
}

.article-page a {
    color: #000;
}

.article-page__header .article-page__title {
    font-size: 2.2rem;
}

.article-page__galleys {
    margin: 1.5em 0;
}

.list-galleys a {
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
}

.list-galleys a:hover {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
}

.article-sidebar {
    padding-top: 1em;
    padding-bottom: 1em;
}

.article-sidebar figure a::after {
    border-bottom: none;
}

.references li {
	margin-bottom: 0;
}

.authors-string__item .orcid_icon {
    margin-left: 0.5em;
	margin-right: 0.15em;
	width: auto;
	height: 1.5em;
}

.article-details__author {
	/*box con la bio autori*/
    background-color: #eeeeff;
    padding: 0.2em 0.5em 0.4em;
    border-radius: 8px;
}

.article-sidebar li {
    font-size: 0.75em;
    font-family: 'Roboto',sans-serif;
	list-style: none;
    margin-left: -3.2em;
}

/*-----BIBLIOGRAFIA + CREATIVE COMMONS-----*/

.article-page .references a,
.copyright-info a {
	display: inline;
	text-decoration: underline;
}

.article-page .references a::after,
.copyright-info a::after {
	display: inline;
	border-bottom: none;
}

.article-page .references a:hover, .article-page .references a:focus, .article-page .references a:active,
.copyright-info a:hover, .copyright-info a:focus, .copyright-info a:active {
	text-decoration: none;
}

aside .copyright-info p {
	font-family: 'Roboto',sans-serif;
	font-size: 0.75em;
}

aside .copyright-info img {
	box-shadow: none;
	border: none;
	margin: 0.3em 0;
}

.copyright-info::before {
 /*aggiunge intestazione License, prima del copyright*/
	content: 'Copyright';
    font-size: 0.85rem;
    font-family: 'Spectral',serif;
    font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1.2;
    display: block;
    padding-bottom: 1.5rem;
}

.modal-body {
	font-family: "Roboto", sans-serif;
	font-size: 0.9rem;
	text-align: left;
}

/*-----CONTACT PAGE-----*/

.contact_section .affiliation, .contact_section .email {
	font-variant: all-small-caps;
}

/*-----FOOTER-----*/

.sidebar_wrapper {
    border-top: 3px dotted #000;
    padding-top: 2em;
	margin-right: 0;
	margin-left: 0;
}

.main-footer {
    border-top: none;
	padding: 0 0 1.5em 0;
}

/*-----LOG IN-----*/

.btn-primary {
	color: #000;
}

.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background-color: #000;
    color: #fff;
}

.modal-content {
	background: #3586b3;
}

.modal-content .btn-primary {
    background-color: transparent;
    color: #fff;
}

.modal-content .btn.btn-primary:hover,
.modal-content .btn.btn-primary:focus,
.modal-content .btn.btn-primary:active {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
}

.modal-content .btn.btn-secondary:hover,
.modal-content .btn.btn-secondary:focus,
.modal-content .btn.btn-secondary:active {
    text-decoration: none;
}

.modal-content a:hover,
.modal-content a:focus,
.modal-content a:active {
    text-decoration: underline;
}

.form-control:focus {
    border-color: #000;
}

#register legend {
    margin: 0.5rem 0;
    font-size: inherit;
    font-weight: 600;
}

/*-----ARCHIVIO ISSUE-----*/

.archived-issue .img-fluid {
	height: 200px;
	border: 1px solid rgba(0,0,0,0.15);
}

@media (max-width: 767px) {
	/*in v. smartphone, centra i fascicoli dell'archivio*/
	a.issue-summary__link {
		width: 100%;
	}
		.archived-issue {
		text-align: center;
	}
}

/*-----SEARCH FORM-----*/

.search__form {
    background-color: #3586b3;
}

.search__form button {
    color: #fff;
}

.col-md-4.search {
flex: 0 0 25%;
max-width: 25%;
}

/*-----Plugin SCOPUS/CROSSREF CITATIONS-----*/

.item.citations-container {
  font-size: 0.75rem;
}

.item.citations-container::before {
	/*aggiunge l'intestazione per separarlo dagli altri plugin*/
  content: 'Cited by';
  font-size: 0.85rem;
  font-family: 'Spectral',serif;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.2;
  display: block;
  padding: 3.5rem 0 1.5rem
}

.citations-count img {
	/*toglie l'ombra e ridimensiona le icone*/
	box-shadow: none;
	border: none;
	width: auto;
	height: 1.5em;
}

.citations-count {
	/*trasforma la visualizzazione griglia in blocchi*/
  display: block;
  grid-template-columns: unset;
  text-align: left;
}

.citations-count-scopus {
  padding: 0 0 1em 0;
  font-size: 0.90rem;
}

/*mette il numero accanto all'icona*/
		.citations-count-scopus br {
		display: none;
		}
		
		.citations-count-scopus .badge_total {
		margin: 0 0 0 1em;
		}
/**/

.citations-list {
  margin-top: -0.5em;
}

.citations-list > div {
	/*i riferimenti vengono mostrati come elenco puntato*/
  margin: 1em 0 0 10.5px;
  display: list-item;
}

/*modifica i link nelle citazioni per migliorare la lettura*/
		.citations-list a {
		display: inline;
		text-decoration: underline;
		white-space: normal;
		}
		
		.citations-list a:hover, .citations-list a:focus, .citations-list a:active {
		text-decoration: none;
		}
		
		.citations-list a::after {
		display:none;
		}
/**/

/*-----Plugin ARTICLEBYSAMEAUTHOR-----*/

#articlesBySameAuthorList {
	padding-bottom: 1em;
	flex: 0 0 75%;
	max-width: 75%;
}

#articlesBySameAuthorPages {
	text-align: center;
}

#articlesBySameAuthorList a {
	color: #3586b3;
	display: inline;
}

#articlesBySameAuthorList a:hover, #articlesBySameAuthorList a:focus, #articlesBySameAuthorList a:active {
	color: #55a6c3;
}

#articlesBySameAuthorList a::after {
	border-bottom: none;
	display: inline;
}

/*-----ELENCO RIVISTE-----*/

.is_img {
  max-width: unset;
}

.about_site ul {
  margin-bottom: 0;
}

.about_site {
  margin-top: 2em;
  font-size: 14px;
}

.img-thumbnail {
  max-width: 130px;
}

.has_thumb:hover {
    background: rgba(200,200,255,0.2);
}

.index-site__journals .index-site__links .btn.btn-secondary {
	display: none; /*toglie il bottone "Ultimo fascicolo" perché non utile ai non-OA*/
}

.index-site__journals .description p {
	margin-bottom: auto;
}

/*--per avere una visualizzazione a tabella delle riviste--*/
	.has_thumb:after {	
		content: "";
		display: table;
		clear: both;
	}
	
	.index-site__journals .thumb {
		width: 22%;
		float: left;
	}
	
	.index-site__journals .description {
		width: 77%;
		float: right;
		font-size: 14px;
		/* da qui: per mostrare non più di quattro linee */
		max-height: 6em;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		margin-bottom: 1.2em;
	}
	
	.index-site__links {
		width: 77%;
		float: right;
	}
	
	.has_thumb h3 {
		font-size: 19px;
		width: 77%;
		float: right;
		margin-top: 0;
	}
/*--end--*/

/*---visualizzazione riviste responsive---*/
@media (max-width: 991px) {
	.index-site__journals .thumb {
		float: none;
		margin-bottom: 1em;
	}
	
	.has_thumb h3 {
		float: none;
	}
	
	.index-site__journals .description {
		float: none;
	}
	
	.index-site__links {
		width: auto;
		float: none;
	}
}
/*--end--*/