/*
CONTENT:
01. MAIN
02. HEADER
03. form licenza
04. SCHEDA VIDEO
05. TO TOP scroll
06. LETTERE
07. CALENDARIO VIGNETTE
08. STAR RATINGS
09. SHARE
10. banner consenso
11. CATEGORIE
12. Bootstrap Customization
MEDIA QUERY



*/

.form-check-input {
	border-color: #000!important;
}

@property --arco-color {
  syntax: "<color>";
  inherits: false;
  initial-value: #027d88;
}

@property --arco-color-light {
  syntax: "<color>";
  inherits: false;
  initial-value: #05737d4f;
}

@property --arco-color-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: #05747e;
}

body {
	--arco-color: #027d88;
	--arco-color-light: #05737d4f;
	--arco-color-dark: #05747e;
}





#arcoplayer_logo{
	display: none!important;
}


.b-shadow{
    width: 100%;
   height: 1rem;
    background-color: #fff;
    border-top: solid rgb(255 255 255 / 15%);
    border-width: 1px 0;
    box-shadow: 0px 0.3em 0.5em 0px #0000001a;	
	
}




a:not(.btn):not(.page-link):not(.page-item):not(.navbar-brand):not(.nav-link):not(.link-light)  {
	
	color: var(--arco-color);
	text-decoration: none!important;
	
}

a:hover:not(.btn):not(.page-link):not(.page-item):not(.navbar-brand):not(.nav-link):not(.no-hover):not(.link-light)  {
	color: var(--arco-color)!important;
}
a.page-link {
	color: #000;
}

.active > .page-link, 
.page-link.active {
	background-color: var(--arco-color)!important;
	border-color: var(--arco-color)!important;
}

.text-bg-arcoiris {
	background-color: var(--arco-color)!important;
}

.box-arcoiris {
	background-color: var(--arco-color-light)!important;
	color: var(--arco-color-dark)!important;
}


.btn-arco {
	background-color: var(--arco-color-light)!important;
	color: var(--arco-color-dark)!important;
}



.font-sm {
	font-size: 0.8rem!important;
}


/*-------------
02. MAIN
--------------*/
 body {
	 background: #f3f3f3/*url(../img/bg.png) repeat fixed*/;
	 
	 }
.body-white {background: #fff; box-shadow: 0px 2px 5px #7d8485;}

.clearfix {clear: both;}

/*navbar*/
/**/

.ml-10 {margin-left: 10px;}
.mr-10 {margin-right: 10px;}
.mr-20 {margin-right: 20px!important;}

.mt-10 {margin-top: 10px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-50 {margin-bottom: 50px;}


.text-center { text-align: center;}




dt, dd {
    line-height: 35px!important;
}


h1.emergency {
	color: #FF0000;
	font-size: 24px;
	margin: 20px 0 5px 0;

}

h1.emergency i {
	font-stretch: extra-condensed;
	font-size: 30px;
	
}


h1.emergency a {
	color: #FF0000;
	

}

h3.btit {
	background: #05737d4f;
	color: #05747e;
	padding-left: 2px;
}




.font-md {
	font-size: 16px;
}

li.font-md {
	line-height: 26px;
}

.navbar .nav > li > a {
padding: 10px 8px;
}


.modal.large{
left: 30%;
width: 70%;

}

.bg-body-menu {
	background-color: #027d88;
    background-image: linear-gradient(to bottom, #03666f, #07808B);
    background-repeat: repeat-x;
    border-color: #1296a2;
}

.bg-body-menu a {
	color: #fff!important;
}

.bg-body-menu  .navbar-brand {
	font-size: 24px;
	font-weight: 400;
	text-shadow: none;

}

/*
.bg-body-menu {
 background-color: #027d88;
    background-image: linear-gradient(to bottom, #03666f, #07808B);
    background-repeat: repeat-x;
    border-color: #1296a2;
}

.bg-body-menu a {
	color: #fff!important;
}

.bg-body-menu  .navbar-brand {
	font-size: 24px;
	font-weight: 400;
	text-shadow: none;

}


.navbar-inverse .navbar-inner {
    background-color: #027d88;
    background-image: linear-gradient(to bottom, #03666f, #07808B);
    background-repeat: repeat-x;
    border-color: #1296a2;
}
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
    background-color: #01535a;
    color: #FFF;
}


.nav > .disabled > a,.nav-header {
    color: #dadada;
}

.navbar-inverse .brand, .navbar-inverse .nav > li > a {
    color: #dadada;
}
*/

.block{
	
margin: 0 0 10px 0;	
	
}

.blogs{
	
margin: 0 0 15px 0;	
}



h4 span {font-size: 0.9em;}


.poetry {
    border: 1px solid #5D8896;
    display: block;
    float: left;
    font-size: 18px;
    margin: 5px 5px 5px 5px;
    padding: 25px 0;
    text-align: center;
    width: 45%;
}

.logosconjugator {
	background-color: transparent;
    border: 1px solid #E3E3E3;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}

.padding-5, .padding-5 dd, .padding-5 dt { padding: 5px;}
.bdy {padding-top: 1.5em;}
.black {color: #000;}



/*-------------
 JW PLAYER CUSTOM CSS
--------------*/

/*#arcoplayer */








#arco-nextVideo {
	
	position: absolute;
	background: #000;
	top:0;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	opacity: 0.7;
	z-index: 8888;
	text-shadow: 1px 0px 0px rgba(150, 150, 150, 1);
	
}




#arco-nextVideo h4{
	
	margin-top: 50px;
	
	font-weight: normal;
	opacity: 1;

}


#arco-nextVideo h3{
	
	margin-top: 1rem;
	opacity: 1;
	margin-bottom: 2rem;
}


#arco-nextVideo h2{
	text-align: center;
	font-size: 1.5rem;
	opacity: 1;
}



.text-error {
	color: red;
}

#arco-nextVideo .arco-button {
	display: inline-block;
	padding: 4px;
	text-align: center;
	
	
}



/* ANIMATION PLAY */
.play-item {
    position: relative;
  /*  float: left;*/
	opacity: 1;
	text-align: center;
}

.play-item h2 {
    text-align:center;
    position: absolute;
	color: #fff;
    line-height: 60px;
    width: 100%;
    font-size: 12px;  
	opacity: 1;
	z-index: 8888;
}

svg {
   -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.circle_animation {
  stroke-dasharray: 188; /* this value is the pixel circumference of the circle, in JS = initialOffset */
  stroke-dashoffset: 188;
  transition: all 1s linear;
}



/*-------------
02. HEADER
--------------*/
header {
	margin-top: 80px; 
	padding-bottom: 5px;
	padding-top: 5px;
	}

.head-clmn {
	    display: inline-block!important;
		height: auto;
		vertical-align: middle;
}

.lq-wrapper{
	text-align: center;
}

.logos-quotes {
	margin-top: 15px;
}
	
	
.logos-quotes p {

	
	
}	
	
	
.foundation {float: right;}
.header img {margin: 0 5px;}


.ui-autocomplete {
    max-height: 250px;
    max-width: 400px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    z-index: 99999;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 250px;
  }

.r-av {font-size: 11px;}
/*---------------
03. Form licenza
--------------------*/

#creativecommons {margin: 2em 1em;}
#ivb {border: none; background: transparent; color: #006666; text-align: left; margin-bottom: 2px;}
.ulogin {
background: #fff!important; 
box-shadow: inset 0px 0px 2px #636363!important;
border: solid 1px #f3f3f3!important;
}

/*-----------------
04. SCHEDA VIDEO
-------------------*/


/*schede*/
.item {
	margin: 0 0 10px 0; 
	border-top: solid 1px #EB2D26;
	line-height: 1.8;
}

h2.title {
	/*
	background: transparent; 
	color:  #4b4b4b; 
	text-shadow: 0 1px 0 #fff; 
	padding: 4px; 
	text-align: left;
	*/
	margin-bottom: 15px;
	font-weight: bold;
}
.title a {color:  #AC0C36!important; text-decoration: none;}

.inline_images{
	position:relative;
	width: 145px;
	/*height: 100px;*/
	float: left;
	margin:0 15px 10px 2px;
	cursor:pointer;
	padding: 3px;
/*	background: #fff;
	box-shadow: 0px 0px 5px #666;
*/
}
.inline_images span{
	position:absolute;
	top:  0px;
	left: 0px;
	width:145px;
	min-height: 100px;
	background: url(../img/flvplay2.gif) no-repeat;
	filter:alpha(opacity=38);
	-moz-opacity:.38;
	opacity:.38;
}
.inline_images a:hover span{
	background-image:url(../img//flvh2.gif);
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	cursor:pointer;
}
.info {
	background: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #dedede);
	background-image: -ms-linear-gradient(top, #ffffff, #dedede);
	background-image: -o-linear-gradient(top, #ffffff, #dedede);
	background-image: -webkit-linear-gradient(top, #ffffff, #dedede);
	background-image: linear-gradient(top, #ffffff, #dedede);
	margin:10px 5px 2px 5px; 
	padding:4px; 
	border: solid 1px #d5d5d5;
	border-radius: 3px 3px 3px 3px; 
}

.info li {margin: 4px 0; font: 13px Verdana; color: #333; text-shadow: 0 1px 0 #fff;}
.info li img{margin-left:5px;}


.other-videos li img{margin-left:1px!important}


li.evid-info {
	margin-bottom: 10px; 
	font-size: 14px; 
	background: rgba(244, 207, 53, 0.24); 
	padding: 5px;
}


#share-box {
	display: none;
}

.scheda, #share-box {
	color: #000;
	text-shadow: 0 1px 0 #fff;
	border: solid 1px #c5c5c5;
	border-radius: 5px;
	padding: 10px;
	margin: 15px 0;
	background-color: #F8F8F8;
	background-image: -moz-linear-gradient(top, #ffffff, #dedede);
	background-image: -ms-linear-gradient(top, #ffffff, #dedede);
	background-image: -o-linear-gradient(top, #ffffff, #dedede);
	background-image: -webkit-linear-gradient(top, #ffffff, #dedede);
	background-image: linear-gradient(top, #ffffff, #dedede);
	
	line-height: normal;
}

#arcoplayer {margin: 0 auto; left: 0!important;}


.sortby-small a { 
	background: #DFDFDF;
	padding: 4px;
	color: #000; 
	border: solid 1px #666666;
}
.sortby-small a:hover   {background: #FBE694;}
.sortby-small a.current {background: #F58A11;}





/*-----------------------------
05. scroll to top
-------------------------------*/
/*-- SCROLL TO TOP ----*/
#toTop {
	display:none;
	text-decoration:none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 51px;
	height: 51px;
	border:none;
	text-indent:100%;
	background: url(../img/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../img/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

/*------------------
06. LETTERE
--------------------*/

.evid {background: #FEDB1B; padding: 2px;}


.lettere, .commento {
    min-height: 90px;
    position: relative;
    /*width: 90%;*/
    margin-left: 30px;
}

.lettere {
    border-left: 1px dotted #ADBEBE;
}

.commento {
	/*width: 80%;
	text-shadow: 0 1px 0 #fff;*/
}


.commento.odd {
	background: #F9F9F9;
}

.commento.even {
	background: #EDE8E8;
}

p.pdata {
    background: #FFFFFF;
    font-size: 13px;
    position: absolute;    
    left: -30px;
    line-height: 1.6;
    margin: 0 !important;
    padding: 8px 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    display: block;
    width: 80px!important;
    border: solid 1px #d5d5d5;
}

.pad {
    overflow: hidden;
    padding: 5px 0 60px 80px;
    /*width: 80%;*/
}

/*------------------------
07. CALENDARIO VIGNETTE
--------------------------*/

#vcalback {
float:right;
	/*background: #FFF url('../images/ajaxLoader.gif') no-repeat 50% 100px;*/
	/*margin: 0 auto;*/
	margin: 10px 5px 15px 10px;
	width: 250px;
	font-size: 14px;
	height: 300px;
}

#vcalback h4 {
margin:0 0 2px 0;
text-align: center;
color: #CE083B;
font-size: 18px;

}


#vcalendar {
	width: 100%;
	height: 100%;
}

.cal {
	background: #CE083B;
	width: 100%;
	border: solid 1px #000; 
}

.calhead {
	width: 100%;
	font-weight: normal;
	color: #FFF;
	font-size: 18px;
   
}

.calhead img {
	border: none;
}

.dayhead {
	height: 10px;
	background: #EEE;
	font-size: 10px;
}

.dayhead td {
	text-align: center;
	color: #000;
}

.dayrow {
	background: #FFF;
}

.dayrow td {
	color: #000;
border: solid 1px #ccc;
}

.day {
	float: right;
}

.dayover {
	background: #EEE;
}

.dayout {
	background: #fff;
}

#calback a.oggi:link, #calback a.oggi:visited {
color: #008080;
font-weight: bold;
}
#calback a.oggi:hover {

}


/*------------------------

08. STAR RATINGS

------------------------*/


.rating-box {
	float: left; margin-right: 30px;
}


.rate {clear: both; margin:5px 0 0 15px; padding:2px ;}

.ratingblock {
	display:block;
	width:350px;
	border-bottom:1px solid #999;
	padding-bottom:8px;
	margin-bottom:8px;
	
	}

.loading {
	height: 15px;
	background: url(../img/starrating.gif) 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 15px;
	position: relative;
	z-index: 2;
	background: url(../img/starrating.gif) top left repeat-x;		
	}

.unit-rating li {
    text-indent: -30000px;
	padding: 0px;
	margin: 0px;
	display:block;
	width:15px;
	height: 15px;
	position: relative;
	float: left;
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:15px;
	height: 15px;
	text-decoration: none;
	text-indent: -4500px;
	z-index: 200;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url(../img/starrating.gif) left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:15px;}
.unit-rating a.r2-unit{left:15px;}
.unit-rating a.r2-unit:hover{width: 30px;}
.unit-rating a.r3-unit{left: 30px;}
.unit-rating a.r3-unit:hover{width: 45px;}
.unit-rating a.r4-unit{left: 45px;}	
.unit-rating a.r4-unit:hover{width: 60px;}
.unit-rating a.r5-unit{left: 60px;}
.unit-rating a.r5-unit:hover{width: 75px;}
.unit-rating a.r6-unit{left: 75px;}
.unit-rating a.r6-unit:hover{width: 90px;}
.unit-rating a.r7-unit{left: 90px;}
.unit-rating a.r7-unit:hover{width: 105px;}
.unit-rating a.r8-unit{left: 105px;}
.unit-rating a.r8-unit:hover{width: 120px;}
.unit-rating a.r9-unit{left: 120px;}
.unit-rating a.r9-unit:hover{width: 135px;}
.unit-rating a.r10-unit{left: 135px;}
.unit-rating a.r10-unit:hover{width: 150px;}

.unit-rating li.current-rating {
	background: url(../img/starrating.gif) left bottom;
	position: absolute;
	height: 15px;
	display: block;
	text-indent: -4500px;
	z-index: 1;
	}

.voted {color:#666;}
.thanks {color:#36AA3D;font-size:10px;}
.static {color:#5D3126;}		
.voted, .unvoted{font-weight:normal; font-size: 12px;}
div.rate {margin-bottom:5px;}



.footer {background: #333; color: #fff;}
.footer a {color: #f3f3f3;}
.footer a:hover {color: #000;}

.decreto { font-size: 10px;}
.decreto ul, .list-unstyled {
	padding-left: 0;
  list-style: none;
  }
  
  
 /*
09. share

*/

.post-share {
    display: block;
	margin: 2em;
	border-top: dotted 1px #fff;
	border-bottom: dotted 1px #fff;
}


.post-share a {
    transition-property: color, rgb(0, 0, 0), border;
    transition-duration: 0.15s;
    transition-timing-function: linear;
	text-decoration : none;
}



.post-share-menu {
    line-height: 0.5em;
    list-style: outside none none;
    padding: 0px;
    margin: 0px;
    font-size: 24px;
}

.post-share-menu-item span {
	font-size: 20px;
	margin: 0 auto;
}



.post-share-menu-title {
    font-size: 110%;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    position: relative;
    top: 0.0625em;
}
.post-share-menu-item, .post-share-menu-title {
    display: inline-block;
    /*vertical-align: middle;*/
    line-height: 0;
}

.post-share-menu-item {
	text-align: center;
    margin-left: -0.25em;
}


.post-share-menu-link {
    padding: 8px;
    border: 0px none;
    display: block;
}

.post-share-menu-link--twitter {
    margin-left: 0.75em;
	color: #55ACEE!important;
	
}

.post-share-menu-link--twitter:hover {
	color: #fff!important;
	background: #55ACEE!important;
}


.post-share-menu-link--facebook{
	color: #3B5998!important;
}



.post-share-menu-link--facebook:hover {
	color: #fff!important;
	background: #3B5998!important;
}

.post-share-menu-link--google{
	color: #DD4B39!important;
}

.post-share-menu-link--google span{
    margin-top: 3px!important;
}


.post-share-menu-link--google:hover {
	color: #fff!important;
	background: #DD4B39!important;
} 
  
  
img.cat-list {
	margin: 0 5px 5px 5px;
} 
  
  
 /*
10. consenso

*/ 
  
 #confirmCookie {
	position: fixed;
	display: none;
	padding: 1em 0;
	font-size: 1.2 em;
	color: #000;
	background: #FFD119;
	box-shadow: 0px 0px 3px #000000;
	transition: all 0.5s ease-out 0s;
	z-index: 9999;

 } 



 /*
11. CATEGORIE

*/ 
  
.cats-list li h4, 
h4.cats-list 
{
	padding-bottom: 4px;
	font-size: 26px;
	border-bottom: solid 1px #008080;
	
}

h4.cats-list {
	margin-bottom: 20px;
	
}

img.cat-list {
	border: solid 1px #d6d6d6;
}

.subcats-list p {
	font-size: 12px;
}


.subcats-a {
	margin-bottom: 70px;

}

.subcats-a > li {
	padding: 2px 8px;
	margin-bottom: 8px;
}


.subcats-b {

	border-left: solid 1px #ccc;
	padding-left: 5px;
}

span.mini-title {
	font-size: 12px;
	color: #8c8c8c;
	margin-left: 8px;
	
}

.subcat-a2 {
	margin-left: 80px;
	

}

.subcat-a2 > li {

	font-size: 18px!important;
	padding-bottom: 8px;
	margin-bottom: 8px;
	
	
}


.subcat-b2 {
	margin-left: 300px;
	padding-bottom: 25px;
	font-size: 15px!important;
}

.subcat-b2 li:hover {
	background-color: rgba(6, 121,131, 0.1);
}


/*

12. Bootstrap Customization

*/


.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--arco-color);
}

.nav-link {
  color: var(--arco-color-dark);
}




/*

MEDIA QUERY
*/
@media (max-width: 767px) { 
	img.libri-books {width: 130px;}
	h2 {font-size: 1.6em;}
	
	.logo-container{
		text-align: center!important;
	}
	
	.body-white {
		box-shadow: none;
	}
	


}



@media (max-width: 850px) { 

	
	.subcat-a2 {
		margin-left: 10px;

	}
	.subcat-b2 {
	margin-left: 120px;
	
}

}


@media (min-width: 768px) { 
	h1 {margin-bottom: 1.5em;}

}


@media (min-width: 980px) and (max-width: 1200px) { 
	.r-av {display: none;}

}

@media (min-width: 980px) and (max-width: 1200px) { 
	.nav-search-form {display: none;}

}

@media (max-width: 979px) { 
	.sidebar-search-form {display: none;}

}

@media (min-width: 1201px) { 
	.sidebar-search-form {display: none;}

}