/*CSS per lo stile dei testi e formattazione*/
/*da incorporare anche nell'editor*/

:root{
	--font-size_base: 1.5rem;
}

body{
	background-position: center;
	background-repeat: repeat-y;
	font-size: 14px;
	font-size: calc(var(--font-size_base) * 0.65555555);
	line-height: 1.6;
	/*background: #ffffff;
	background: linear-gradient(90deg,#ffffff 0%, #fbfbfb 80%);
	background: -webkit-linear-gradient(90deg,#ffffff 0%, #fbfbfb 80%);
	background: -moz-linear-gradient(90deg,#ffffff 0%, #fbfbfb 80%);*/
}

p{
	font-size: 1rem;
}

h1{
	font-size: calc(var(--font-size_base) * 1.05);
	color: rgb(72, 117, 112) !important;
	font-weight: bold;
}
h2{
	font-size: calc(var(--font-size_base) * 0.9);
	margin-bottom: 10px;
	font-weight: bold;
}
h3{
	font-size: calc(var(--font-size_base) * 0.69);
	font-weight: bold;
}
h4{
	font-size: calc(var(--font-size_base) * .6);
	font-weight: bold;
}
h5{
	font-size: calc(var(--font-size_base) * 0.55);
	margin-bottom: 2px;
}
h6{
	font-size: calc(var(--font-size_base) * 0.45);
}

ul{
	padding-left: 28px;
}

h2.titlelink{
	font-size: 1.15rem;
	font-size: calc(var(--font-size_base) * 0.66);
	margin-bottom: 1rem;
}

article h2:not(.h2no-margin){
	margin-top: 30px;
	font-family: 'Lato', 'Roboto', sans-serif;
}
article h2.subtitle{
	font-size: calc(var(--font-size_base) * 0.8);
}

h2.h2no-margin {
  font-size: calc(var(--font-size_base) * 0.75);
}

/*p:has(iframe){
	position: relative;
  	padding-top: 56%;
  	width: 100%;
}*/
iframe{
	/*position: absolute;*/
	width: 100%;
	/*top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border: 1px solid #efefef;*/
}
/*article h3.subtitle, .subtitle-hp{
	color: rgb(72, 117, 112);
}*/

.section-title h2{
	margin-top: 0 !important;
}

article .section-title div:last-of-type{
	font-size: 0.9rem;
}

.navbar{
	font-variant: petite-caps;
	user-select: none;
}

.navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
}

.wrap_results h3{
	margin-bottom: 0;
}

.wrap_results .flex-grow-1{
	width: calc(75% - 5px);
	border-left: 1px solid #aeaeae;
	margin-left: 5px;
}

.itemimage{
	width: 25%;
}

footer, nav{
	background-color: #232e3c !important;
	color: #d2d2d2;
	margin-bottom: 0 !important;
}

footer{
	margin-top: 30px;
}

footer th, footer td{
	color: #d2d2d2;
	font-size: 0.8rem;
}

footer h3{
	color: #ffffff;
	font-size: initial !important;
}

footer .container-fluid{
	background-color: #212121;
	padding-right: 0;
	padding-left: 0;	
}

footer .container-fluid .col-md-12{
	padding-right: 0;
	padding-left: 0;	
}

small{
	line-height: 1.1rem;
	display: inline-block;
}

figure {
    cursor: zoom-in;
    margin: 0 0 0.3rem;
    margin-bottom: 20px;
}

small span{
	font-variant: small-caps;
}

a{
    color: unset;
    word-wrap: anywhere;
}
a:hover{
    color: black
}

.container-md{
	position: relative;
}

.mark, mark {
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #ffee98;
}

.logo-head{
	max-height: 104px; width: 50%; max-width: 560px;
}

.homepage {
    margin-top: 15px;
}

.jumbotron {
    padding-top: 1rem; 
    padding-bottom: 1rem;
}

.main-content aside {
    padding: 15px;
	margin-bottom: 25px;
}

.main-content aside.known {
	border-left: 6px solid #ffab00;
}

.avviso_abb{
	font-size: 1.5rem;
    margin: 25px 0 40px 0;
	box-shadow: 0px 0px 4px #cdcdcd;
    background-color: #f5f5f5;
    border-top: 4px solid #ffab00;
}

.blockaside{
	padding: 0.7rem;
	margin-bottom: 10px;
	padding-top: 2px;
    clear: both;
}

.blockaside > div{
	display: block;
	padding-top: 0;
}
.blockaside h3, .allegati h3{
    font-variant: small-caps;
    font-weight: bold;
    font-size: calc(var(--font-size_base) * 0.8);
    margin-bottom: 10px;
    border-bottom: 2px solid #525252;
    padding-top: 8px;
}

.blockaside p:first-child {
    margin-top: 10px;
}

.blockaside p:last-child{
	margin-bottom: 0;
}

.user-blockaside{
	border: 1px solid #f0f0f0;
}

footer .user-blockaside{
	margin: 0;
	padding: 0;
	border: 0;
}

.allegati h3, .modulo-seglazioni, #close-reply-guide, #font-size{
	cursor: pointer;
}

.openMenu{
	color: white;
	font-size: 18px;
	font-size: calc(var(--font-size_base) * 0.65);
	font-variant: petite-caps;
}

.openMenu:hover{
	color: white;
	text-decoration: underline;
}

footer .blockaside {
    border-bottom: none;
    padding: 10px;
}

/*footer > div{
	border-bottom: 1px solid #464646;
}*/

footer hr{
	border-color: #464646;
}

.row li {
    /*margin-bottom: 10px;*/
}

blockquote {
    position: relative;
    margin: 40px 1rem 40px 3.5rem;
    padding-left: 1rem;
    min-height: 4rem;
}    

blockquote:before {
	content: 'ˮ';
	position: absolute;
	margin-left: -80px;
	font-size: 10rem;
	border-right: 1px solid #757575;
	color: #757575;
	line-height: 0;
	height: 100%;
	padding-top: 4rem;  
}

blockquote p{
	font-size: 1.15rem;
}

.homepage h2:first-child{
	background-color: #ececec;
	padding: 3px;
}

label{
    margin-bottom: 0;
    margin-top: .5rem;
}

figcaption{
	font-size: 0.85rem;
}

p, li{
	font-size: 18px;
	font-size: calc(var(--font-size_base) * 0.7);
}

ol:last-of-type li{
	font-size: 15px;
	font-size: calc(var(--font-size_base) * 0.55);
	margin-bottom: 5px;
}

footer p, footer li{
	font-size: 14px;
	font-size: calc(var(--font-size_base) * 0.59);
}

.wrap-follow_read{
    display: inline-block;
    padding-left: 4px;
    font-size: 14px;
}

p a, p a:hover, p a:visited, table a, table a:hover, table a:visited, li a, li a:hover, li a:visited,
a.continua-lettura-l, a.continua-lettura-l:hover, a.continua-lettura-l:visited{
	transition: 0.4s;
	color: rgb(78, 125, 120);
}

footer a{
	color: #fafafa !important;
}

article{
	margin-bottom: 20px;
	width: 100%;
}

article h2 a, article h2 a:hover, article h2 a:visited{
	transition: 0.4s;
}

article table {
    margin-bottom: 12px;
}

.table .thead-dark th {
    color: #fff;
    background-color: #8bbdc1;
    border-color: #87b5b9;
}

table:not(.table) td, table:not(.table) th{
	padding: 5px;
	border: 1px solid #c4c3c3;
	vertical-align: top;
	font-variant-numeric: tabular-nums;
}

.main-content{
	margin-top: 30px;
	margin-bottom: 30px;
}

.blink{
	text-shadow: 0px 0px 5px #fdca00; cursor: wait !important;
}

article .authorsGroup, .authorsGroup a, .authorsGroup a:hover, .authorsGroup a:visited{
	color: #595858;
}

article .authorsGroup{
	margin-bottom: 5px;
	clear: both;
}

article .authorsGroup p{
    font-size: 15px;
    margin-bottom: 0.5rem;
}

article .authorsGroup ol{
	padding-left: 1rem;
	padding-right: 1rem;
	margin: 10px;
}

article .authorsGroup li{
    font-size: 0.8rem;
    margin-bottom: 0.1rem;
}

article .authorsGroup div p{
    font-size: 0.85rem;
}

.nav-link{
	color: white !mportant;
	/*text-transform: uppercase;*/
}

.dropdown-menu{
	overflow: auto;
	font-size: 0.9rem;
}

.dropdown-menu hr{
	margin: 5px;	
}

.dropdown-menu a{
	color: black;
	text-transform: uppercase;
}
nav .nav-link:link, nav .nav-link:visited{
	color: white !important;
	
}
nav .nav-link{
	display: inline;
	color: white;
}

.dropdown-item:link, .dropdown-item:visited, .dropdown-item{
	color: black;
}

.nav-item i.fas{
	font-size: 1.3rem;
    position: relative;
    top: 2px;
}

.nav-item a:hover{
	text-decoration: underline;
}

.nav-item a{
	padding: 0.5rem 0.5rem;
	cursor: pointer;
}

.dropdown-item{
	/*color:  black !important;*/
	padding-left: 0.7rem;
	padding-bottom: 0;
}

.dropdown-item  i{
	width: 28px;
	text-align: center;
	border-right: 2px solid #5e5e5e;
	padding-right: 3px;
	margin-right: 4px;
	font-size: 1.2rem;
}

.modal-header {
    background-color: #8bbdc1;
}

figcaption{
	font-size: 0.8rem;
	border-top: 1px solid #6bbfc666;
	color: black;
	margin-top: 5px;
	clear: inline-start;
	font-family: 'georgia';
	background-color: #f3f3f3;
	padding: 5px;	
	margin-bottom: 20px;
}

figcaption:empty, h5:empty, .dimensione_s, .affiliations, .smalldevice, .hidden_part, .topics span{
	display: none;
}

.mainimages{
	position: relative;
	max-height: 360px;
	overflow: hidden;
	background-color: #f9f9f9;
	margin-bottom: 20px;
	clear: both;
}

.copertina{
	max-height: unset;
	margin-left: unset !important;
	margin-right: unset !important;	
}

.copertina img, .cover-wrap img{
	width: 100%;
	height: auto;
}

.icon-wrap-thumb-pdf img{
	width: 90%;
}

aside .mainimage {
    border-radius: 10px;
}

.abstract{
	padding: 15px 15px 0 15px;
    border: 1px solid #e4e4e4;
    margin-bottom: 25px;
}

.row{
	position: relative;
}

.admintools{
	position: sticky;
	top: 80px;
	z-index: 9;
	text-align: center;
	color: #34484f;
	transform: scale(0.8);
    transform-origin: top center;
}

.admintools div{
 	margin-bottom: -2px;
 	background-color: #f2f2f2;
 }

.admintools > div{
	position: relative;
}

.admintools div i{
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%) translateX(-50%);
	margin: 0px;
}


.shareFacebook{
	margin-top: 10px;
}

.noeditable{
	background-color: #F0F2F1;
}

/*.abstract p::first-letter {
    font-size: 4rem;
    float: left;
    color: #d46c54;
}
*/

.opacity-4{
	opacity: 0.4;
}

.opacity-2{
	opacity: 0.18;
}

img{
	max-width: 100%;
	height: auto;
}

img[style="float: left;"], img[align=left], img[style="float: left; opacity: 1;"]{
	margin-right: 10px; margin-top: 0px;
}
img[style="float: right;"], img[align=right], img[style="float: right; opacity: 1;"]{
	margin-left: 10px; margin-top: 0px;
}

figcaption[style="float: left;"], figcaption[align=left], figcaption[style="float: left; opacity: 1;"]{
	margin-right: 10px; margin-top: 0px;
}
figcaption[style="float: right;"], figcaption[align=right], figcaption[style="float: right; opacity: 1;"]{
	margin-left: 10px; margin-top: 0px;
}

figure[style="float: left;"], figure[align=left], figure[style="float: left; opacity: 1;"]{
	margin-right: 10px; margin-top: 0px;
}
figure[style="float: right;"], figure[align=right], figure[style="float: right; opacity: 1;"]{
	margin-left: 10px; margin-top: 0px;
}

picture img{
	margin-bottom: 5px;
	filter: brightness(0.98);
	border: 1px solid #dedede;
}

.warning{
	color: #de0000; 
	font-size: 0.9rem;
}
.warning:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f071  ";
}

.show_hidden{
	cursor: pointer;
	font-weight: bold;
	margin-bottom: 25px;
}

.show_hidden:before{
	content: "\25bc  "
}

.pagenumber{
	min-width: 62px;
	background-color: #F0F2F1;
	border-bottom: 10px solid white;
	font-size: 0.9rem;
	text-align: right;
}
.pagenumberdiv > em{
	display: none;
}
.continua-lettura-l:before{
	content: "Continua ";	
}

.continua-lettura-l:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f138  ";
}

.datastamp{
	font-size: 12px;
	color: gray;
	text-align: right;
	clear: both;
	margin-top: 30px;
	min-height: 39px;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	padding: 10px 5px;
}

.divspinner{
	text-align: center;	
	width: 100%;
	margin: 25px 0;
}
.divspinner .spinner-border{
	width: 4rem;
	height: 4rem;
}

.revert-remove, .chartaccess, #searchtool, .nav-link span{
	cursor: pointer;
	-webkit-user-select: none;
   	-ms-user-select: none;	
	user-select: none;
}

.authresource{
	font-size: 0.8rem;
	color: red;	
}

.img-zoom{
	height: auto;
	width: auto;
	max-width: 100%; /*bypassata da chi comprende la successiva*/
	max-width: min(100vw, 90%);
	max-height: 80vh;
	/*transition: 0.2s;*/
}

.previousPost{
	text-align: center; background-color: #f8f8f8; cursor: pointer; padding: 10px; font-size: 1.5rem;
	-webkit-user-select: none;
   	-ms-user-select: none;	
	user-select: none;
	margin-bottom: 30px;
}
.previousPost:hover, .modulo-seglazioni:hover{
	text-decoration: underline;
}

.wrap_favor{
	transition: 1.3s;
	padding: 10px 0;
	border-bottom: 1px solid rgba(0,0,0,.1);
}

.allegati{
	-webkit-user-select: none;
   	-ms-user-select: none;	
	user-select: none;
	padding: 15px;
	background-color: #F0F2F1;
	border-left: 10px solid #CADFE4;
	margin-top: 4px;
	margin-bottom: 25px;
	position: relative;	
	word-wrap: anywhere;
	transform-origin: top left;
	animation-name: allegatiPopup;
	animation-duration: 0.3s;	
	animation-fill-mode: initial;
}

@keyframes allegatiPopup{
	0%{transform: scale(0.5);}
	100%{transform: scale(1);}
}

.allegati a, .tbl-allegati a{
	font-weight: bold;
}

.allegati h3 .fa-paperclip{
	position: absolute;
	top: -8px;
	right: 3px;
	font-size: 47px;
	color: rgba(64, 64, 64, 0.5);
	transform: rotate(-44deg);
	text-shadow: 0px 2px 2px currentColor;
}

.allegati > div{
	margin-bottom: 10px;
}

.allegati > div div{
	margin-bottom: 7px;
}

.allegati img{background: white;}

.banner-allegati-mobile{
	display: none;
	margin-top: 15px;
	margin-bottom: 30px;
	cursor: pointer;
	font-variant: small-caps;
	user-select: none;
}

.banner-allegati-mobile h3{
	border-bottom: none;	
}

.icon-wrap i {
	font-size: 35px;
	color: #1a2e2d;
	transition: 0.5s;
}

.icon-wrap{
	padding-right: 7px;
	position: relative;
}

.icon-wrap-thumb-pdf:before{
	content: "\f1c1";
	top: 5%;
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-size: 3rem;
	color: white;
	margin-left: 10%;
	text-shadow: 3px 3px 19px #000;
	color: #db2025;
	cursor: pointer;
}

.logoblog{
	min-width: 25%;
	max-width: 25%;
	text-align: center;
}

#nextImage, #previousImage{
	position: absolute;
	top: 75px;
	background-color: transparent;
	height: calc(100% - 115px);
	cursor: pointer;
	width: 140px;
	z-index: 9;
	display: none;
}

#nextImage div, #previousImage div{
	position: absolute;
	font-size: 2rem;
	width: 45px;
	height: 45px;
	background-color: white;
	text-align: center;
	border-radius: 100%;
	cursor: pointer;
	transition: 0.5s;
	top: calc(50% - 30px);
	opacity: 0.5;
}

#previousImage{
	left: 20px;
}

#nextImage{
	right: 20px;
}

#nextImage div:hover, #previousImage div:hover{
	background-color: rgba(0, 0, 0, 0.7);
	opacity: 0.8;
	color: white;
}

#nextImage div{
	right: 0;
}

#requestsModal .modal-dialog{
	transform: scale(0.5);
	transform-origin: top;
}	

#gouppage{
	display: none;
	position: fixed;
	bottom: 25px;
	right: 25px;
	font-size: 3rem;
	color: #605f5f;
	cursor: pointer;	
	z-index: 9999;
}

.keywords-list{
	font-size: 1rem;
	font-size: calc(var(--font-size_base) * 0.6666);
	border-top: 1px solid #e4e4e4;
	padding-top: 10px;	
	clear: both;
}

.reqModalZoom1{
	transform: scale(1) !important;
}

.post_date{
	text-align: right;
	margin-top: 0.2rem;
}

.topics{
	margin-top: 25px;
	font-variant: small-caps;
}

.topics:first-child{
	margin-top: 5px;
}

.preferiti{
	display: inline-block;
	font-size: 25px;
	width: 40px;
	height: 40px;
	text-align: center;
	border-radius: 100%;
	padding-top: 2px;
	padding-right: 1px;
	cursor: pointer;
	background-color: #e6e6e6;
}

.preferiti:hover{
	background-color: #bdbdbd;
}

.shareWhatsapp-api{
	display: none; /*sta dopo .preferiti*/
}

.admintools .fa-heart{
	color: rgb(75, 118, 124);
	cursor: pointer;
	transition: 0.5s;
}
.admintools .far{
	color: grey;	
	cursor: pointer;
	transition: 0.4s;
}

.admintools span{
	font-size: 10px;
	display: inline-block;
	width: 42px;
	text-align: center;	
	user-select: none;
}

.occhiello{
	color: black;
	font-variant: petite-caps;
	font-size: 0.9rem;
	border-bottom: 1px dotted #000;
}

.groupment{
	margin-bottom: 0 !important;
}

.occhiello-up{
	display: none;
	margin: 0px 0px 5px 0px;
}

.introduction{
	color: #747474;
}

.searchlist tr td:first-child{
	font-size: 0.9rem;
	color:  grey;
}
.searchlist tr td:last-child:before{
	content: "\f057 ";
	font-family: "Font Awesome 5 Free";
	cursor: pointer;
}
.searchlist tr td:nth-child(2):before{
	content: "\f002  ";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.searchlist thead th:last-child{
	cursor: pointer;
	font-size: 1.24rem;
}
.contact_corrisp{
	margin-bottom: 15px;
	font-size: 0.9rem;	
}

.toastepi{
	position: fixed;
    bottom: 100px;
    margin: auto;
    width: 300px;
    text-align: center;
    background-color: white;
    left: calc(50% - 150px);
    font-weight: bold;
    padding: 25px;
    border: 2px solid;
    font-size: 2rem;
    transition: 0.5s;
    box-shadow: 10px 10px 10px #969595;
}

.pubmed-links > div{
	font-size: 0.8rem;
	font-weight: bold;
	margin-top: 12px;
}
.pubmed-links span{
	font-size: 0.7rem;
	font-weight: normal;
}

.reedtime, #comments_counter{
	display: block;
	float: right;
	font-size: 0.8rem;
	text-align: right;	
}

.hidescrollX{
	overflow-x: hidden;
}

.indexitem{
	font-size: 16px;
	font-size: calc(var(--font-size_base) * 0.6499999);
	font-weight: bold;
}
.indexitem i{
	color: #488880;
}

.icon-rubrica{
	max-width: 120px;
}

.section-title{
	width: 100%;
}

.section-title h2{
	border-bottom: 1px solid #1e1e1e;
}

.frame-forms{
	width: 100%;
	min-height: 60px;
	border: 0;
}

.cookie-banner{
	position: fixed;
    bottom: 0;
    background-color: white;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,.5);
    border-bottom: 1px solid #f1f1f1;
    z-index: 9998;
}

.credits{
	position: absolute;
	bottom: 4px;
	width: 100%;	
	text-align: right;
	font-size: 10px;
	z-index: 99;
	padding-right: 10px;
	text-shadow: 0px 0px 15px black;
	color: #fff;
	background-color: #02020266;	
	background: linear-gradient(45deg, #7b7b7b66, #00000091);
	box-shadow: 0px 0px 1px #404040;
}

span[style="font-size: 12pt;"]{ line-height: 16pt; display: inline-block;}
span[style="font-size: 10pt;"]{ line-height: 14pt; display: inline-block;}
span[style="font-size: 8pt;"]{ line-height: 11pt; display: inline-block;}

.raggruppamento{
	font-size: 80%;
	font-variant: petite-caps;
}
.banner-raggruppamento{
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
    height: 47vw;
    max-height: 348px;
}

#blocks-aside-lf{
	margin-top:	25px;
}

#blocks-aside-bt{
	margin-top:	18px;
}

#subscribe-nail{
	position: fixed;
    bottom: -30px;
    right: 5%;
    background-color: red;
    padding: 10px;
    font-size: 0.8rem;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding-top: 20px;
    cursor: pointer;
    transition: 0.7s;
    transition-timing-function: cubic-bezier(0.26, 1.18, 1, 1);
    z-index: 9;
	animation-name: subscribeNailAnimation;
	animation-duration: 0.7s;
	animation-delay: 6s; 
	animation-iteration-count: 8; 
	animation-direction: alternate;  
}

@keyframes subscribeNailAnimation {
  0% { bottom: -30px; background-color: red; transform: scale(1);}
  100% { bottom: 0; background-color: #005dff; transform: scale(1.2);}
}

#subscribe-nail:hover{
	 bottom: 0; transform: scale(1.2)
}

.tooltip-inner  {
    width: 400px !important;
    min-width: 300px !important;
}

.last-post-blog {
    padding-top: 20px;
}

.blog-list{
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.blog-list:last-child{
	border-bottom: none;
	padding-bottom: unset;
	margin-bottom: unset;
}

#scroll-perc{
	position: absolute;
	height: 5px;
	background: #f28f00;
	border: 0;
	bottom: 0px;
	left: 0;
	transition: 0.2s;
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;	
}

#previusArticle, #nextArticle{
	overflow: hidden;
}

.col-md-4 .avviso_abb{
	font-size: 0.8rem
} 

.col-md-4 .avviso_abb p{
	font-size: 0.85rem
} 

.cover-video{
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;	
}

.open_affiliations{
	cursor: pointer;
	font-weight: bold;
	margin-bottom: 15px;
}

	.popover{
		background-color: #f0ff88;
		box-shadow: 2px 2px 4px #939090;
	}
	.guideheader{
		text-align: center;
		color: white;
	}
	.guideheader i{
		font-size: 3rem;
	}
	.popover-header {
		background-color: #8bbdc1;
	}

	#some_error{
		font-size: 1.3rem;
	}
	.descr{
		margin-bottom: 28px;
	}
			  	
	.forms{
	 	margin-top: 5px;
		padding: 10px;
		background-color: transparent; /*#f9f6f6;*/
	 	display: none;
	}

	.pointers_block, .buyarticle, .linkepi{
		cursor:pointer;
		color: rgb(72, 117, 112) !important;
		-webkit-user-select: none;
	   	-ms-user-select: none;	
		user-select: none;
	}
	.pointers_block:hover, .buyarticle:hover, .linkepi:hover{
		text-decoration: underline;
	}	

  	.wrap_button{
  		text-align: right;
  		margin-top: 10px;
  		margin-right: 16px;
  	}
  	.form-group span{
  		font-size: 0.9rem;
  	}
  	
  	.spinner-border-big{
  		width: 70px;
		height: 70px;
	}
 	
 	.alert{
 		font-size: 1.1rem;
 	}
	
	.nonpubblica{
		color: #ff5757;
	}
	
	.pubblica{
		color: #0eb000;
	}
	
	.newcomments{
		float: right;
		padding-right: 15px;
		color: #ec0000;
	}
	
/*.custom-control{
    padding-left: 0 !important;:
}*/

	
/*SIDE MENU*/
.sidepanel  {
  width: 0;
  position: fixed;
  z-index: 1;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(107, 189, 179, 0.99);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  font-variant: petite-caps;
  box-shadow: 6px 0px 14px #a9a6a6;
}
.sidepanel div:first-child{
	padding-left: 15px;
	margin-top: -40px;
}

.submenucollaps{
	display: none;
	padding-left: 30px;
}

/*nav .submenucollaps span, nav .new_item_page{
	font-size: 18px !important;	
}*/

.sidepanel a, #sidepanelMenu span{
	padding.bottom: 5px;
	text-decoration: none;
	font-size: 16px;
	color: #fff;
	display: block;
	transition: 0.3s;
	padding-bottom: 5px;
	white-space: nowrap;
}

.sidepanel a:hover {
  color: #f1f1f1;
}

.sidepanel .closeMenu {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
}

.sidepanel i{
 	display: inline-block;
	width: 22px;
}

.compainmenu{
	width: clamp(100px, 75%, 500px);
	text-align: center;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 20px;
	margin-left: 20px;
	margin-top: 20px;
	max-width: 400px;
}

.compainmenu p, .compainmenu a, .compainmenu button{
	color: black !important;
	font-size: clamp(10px, 1vw, 19px) !important;
}

.btn-success:hover {
    background-color: #8bbdc1;
    border-color: #8bbdc1;
}

.form-control:focus {
    box-shadow: none;
}

.menuitem-select{
	text-decoration: underline !important;
	color: black !important;
}

#sidepanelMenu a, #sidepanelMenu span{
	-webkit-user-select: none;
   	-ms-user-select: none;	
  	user-select: none;
}

#sidepanelMenu .dropdown-toggle::after{
	border: 0;
	content: "\f138 ";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;	
	margin-top: 0;
	font-size: 1.2rem;
	position: absolute;	
	transition: 0.6s;
}
#sidepanelMenu .dropdown-toggle-rotate::after{
	transform: rotate(90deg);
}
.submenu-items{
	margin-left: 35px
}
.submenu-items a:before{
	content: "- "
}

/*SIDE MENU*/	
.open-access-logo{
	margin-top: 10px;
	opacity: 0.8;
	text-align: right;
}

.in-advance-marker{
  position: absolute;
  z-index: 1;
  margin-top: 10px;
  font-weight: bold;
  font-size: 12px;
  background-color: #f28f00ba;
  box-shadow: 5px 5px 30px #000;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 100%;
  font-variant: petite-caps;
  text-align: center;
  color: #940000;
  user-select: none;
  width: 90px;
  height: 90px;
  padding-top: 15px;
  margin-left: 38px;
  border: 4px solid #fff;
	animation-name: pulse;
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
	animation-direction: alternate-reverse;  
}

@keyframes pulse {
  from {opacity: 0.2; transform: scale(0.8)}
  to {opacity: 1; transform: scale(1)}
}

/*accordion newsletter
accordion newsletter*/
.w-33 {
    width: 33.3%;
    box-sizing: border-box;
}


.column01{
	float: left;
	width: 30%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.column01 p{
	margin-top: 0;
}
.column02{
	float: left;
	width: 70%;
	margin: 0;
	padding: 0 0 0 10px;
	box-sizing: border-box;	
}
.column03{
	clear: both;
	height: 0;
}
.column33{
	float: left;
	width: 33.3333%;
	margin: 0;
	padding: 5px;
	margin-bottom: 20px;
	box-sizing: border-box;
}

.column50d{
	float: left;
	width: 50%;
	margin: 0;
	padding-left: 8px;
	margin-bottom: 20px;
	box-sizing: border-box;
}
.column50s{
	float: left;
	width: 50%;
	margin: 0;
	padding-right: 8px;
	margin-bottom: 20px;
	box-sizing: border-box;
}

.evento{
	margin-top: 34px;
	font-size: 1.25rem;
	color: #fdfdfd;
	background: rgb(72, 117, 112);
	padding: 8px;
	text-align: center;
	border-radius: 7px;
}

.epi-font-1{
	font-size: 0.85rem;
}

.epi-font-2{
	font-size: 1.2rem;
}

.feedevidenza{
	background-color: #EFE1CE;
  	margin-bottom: 4px;
  	border-bottom-right-radius: 30px;	
}

.shareTwitter{
	position: relative;
	margin-bottom: 5px !important;
}
.shareTwitter img{
	width: 22px;
	height: 22px;
	margin-top: -8px;
}

@media (max-width: 575px) {
	.column01, .column02, .column33, .column50s, .column50d{
		float: none !important;
		width: 100%;
		padding: 0;
	}
	.column02{
		padding-top: 10px;
	}
}

@media (max-width: 991px) {
	.col-md-4 .avviso_abb .d-flex{
		display: block !important;
	}
}

@media (max-width: 1199px) {
	
	.container, .container-lg, .container-md, .container-sm {
	    max-width: 100%;
	    padding-left: 2rem;
		padding-right: 2rem;
	}
}	
	
@media screen and (max-width: 767px) {
	.logo-head{
		max-height: 104px; width: 100%; max-width: 770px;
	}    
    
	.w-25, .w-33, .w-50, .w-75{
		width: 100% !important; float: none;
	}
	#previusArticle, #nextArticle, #blocks-aside-lf{
		display: none;
	}
	.shareWhatsapp-api{
		display: inline-block;
	}	
	.banner-allegati-mobile{
		display: block;	
	}	
	.shareWhatsapp-web{
		display: none;
	}
	.p-1{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}	
	.admintools div {
	    margin-right: 10px !important;
	}
	.admintools {
	    text-align: right;
	    max-width: none;
	}	
	.admintools span{
		position: absolute;
		margin-left: -55px;
		margin-top: -10px;
		width: 50px;
		text-align: center;
	}

	#addpreferiti + span{
	    display: none;
	}
	
	.col-md-4 .avviso_abb{
		display: none;
	}
	
	.allegati > div{
		display: none;
	}
	
	.col-md-4:not(.colsx){
		margin-top: 36px;
	}
	
	.col-md-4 .allegati:not(.leftside){
		display: none;
	}

	.wrap_results .flex-grow-1{
		/*width: 100%;*/
		border-left: 0;
		margin-left: 0;
	}	
	.admintools	{
		position: fixed;
		top: auto;
		bottom: 0;
		height: 60px;
		z-index: 99999;
		width: 100%;
		left: 0;
		text-align: center;
		background-color: #8bbdc19e;	
		border-top: 1px solid #797979;
		transform-origin: bottom left;
    	width: 125%;
	}	
	.cookie-banner{
	    bottom: 55px;
	}	
	footer{
		margin-bottom: 50px !important;
	}
	
	#gouppage {
	    bottom: 65px;	
	}
	
	.preferiti {
	    font-size: 20px;
	    width: 35px;
	    height: 35px;
	}	
	.shareTwitter{
		top: -6.5px;
		padding-top: 4px;
	}
	.shareTwitter img{
		width: 18px;
		height: 18px;
		margin-top: -6px;
	}
	.pubblicazioni-archivio .flex-fill{
	  background-image: none !important;
	}	
}

@media screen and (max-width: 575px) {
		
	.container, .container-lg, .container-md, .container-sm {
	    padding-left: 15px;
		padding-right: 15px;
	}	
	
	.mainimages{
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.embedFrame{display: none;}
	.itemimage{
		display: none;
	}	
	.occhiello-up{
		display: block;	
	}
	
	.occhiello-alt a{
		font-size: 0.95rem;
	}
	.nav-item span{
		display: none;
	}
	.dimensione_l{
		display: none;
	}
	.dimensione_s{
		display: inline;
	}
	.wrap_results .flex-grow-1{
		width: 100%;
	}	
	.post_date {
	    text-align: left;
	    font-size: 0.8em;
	    margin-top: 1px;
	    margin-bottom: 15px;
	    color: grey;
	}	
	.post_date div:last-child{
		display: none;
	}
	.topics span{
		display: inline;
	}
	
	.smalldevice{
		display: block;
	}	
}

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active){
	.transiente{
		background:white;	
	}
}