/* ATTENZIONE!!! Alcune personalizzazioni potrebbero essere state inserite direttamente all'interno del pannello Heliz Ultimate*/

/* Responsive layout */

@media(min-width:1200px){
	#sp-header.full-header {
 	   padding-left: 30px;
 	   padding-right: 30px;
	}
}

@media(max-width:991px){
  .sp-contact-info, ul.social-icons{
    text-align: center;
    display:block;
  }
}

@media(max-width:575px){
  #sp-main-body{
   	padding-left: 15px!important;
 	padding-right: 15px!important;
 	}
  #sp-bottom, #sp-footer{
    padding-left: 30px!important;
 	padding-right: 30px!important;
    }
}

@media(max-width:320px){
  #sp-header.full-header {
    padding-left: 0;
    padding-right: 0;
  }
  
 #offcanvas-toggler.offcanvas-toggler-right {
  	margin-left: 0!important;
  }
}

@media(max-width:300px){
 .offcanvas-menu {
  	max-width: 280px;
  }
  
 .logo-image {
  	height: 30px!important;
  }
}
/* Fine */

/* Stile moduli,articoli, vista blog ecc.. */
.sp-module-ludec {
	min-height: 20px;
	padding: 15px;
	margin-bottom: 20px;
	background-color: #eeefff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 10px 10px rgba(0,0,0,40%);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,40%);
	box-shadow: 0 8px 8px 0 rgb(0 0 0 / 40%);
}

.blog-featured {
    padding-right: 0;
    padding-left: 0;
}

.article-list .article{
   	background-color: #ffffff;
}

.article-list .article:hover{
   	box-shadow: 0 20px 20px 0 rgb(43 46 48 / 20%);
    transition: box-shadow .3s ease-in;
}

.article-details .article-header h1, .article-details .article-header h2, .page-header h1, .page-header h2 {
    font-size: 1.375rem;
}

.article-list .article .readmore a {
    display: inline-block;
    padding: 8px 30px;
    margin-top: 10px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    background-color: #2e3192;
    font-weight: 700;
    text-transform: uppercase;
}

.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .readmore a:focus {
     color: #ffffff;
     background-color: #00b0f0;
}
/* Fine */

/* Stile font e colori non possibile cambiare da pannello Helix Ultimate */
#sp-bottom, #sp-footer{
    font-size: 18px;
}

.sp-scroll-up {
  	background: rgba(0, 176, 240, 0.4);
}  

.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
    background: #00b0f0; 
}

.accordion-button {
	font-weight: 600;
	background-color: transparent;
	font-size: 1.5rem
}

.accordion-item, .accordion-button:focus {
	background-color: transparent;
}

.accordion-button:not(.collapsed) {
    color: #00b0f0;
    background-color: transparent;
}

/* Fine */

/* Formattazione tabelle */

	/* Formattazioni generali tabelle */
table {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

table caption {
  caption-side: top;
  text-align: center;
  font-size: large;
  color: #00b0f0;
  font-weight: bold;
  padding-bottom: 1rem; 
}

tr {
  font-size: 10pt;
}

th {
  text-align: center;
  background-color: #2e3192;
  color: #ffffff;
  font-size: 12pt;
}

td, th {
  padding: 6pt 4pt;
}

	/* Dimensioni tabelle */
.tabella_risultati, .tabella_contatti, .tabella_organigramma, .tabella_gironi {
  max-width: 700px;
}

.tabella_classifica {
  max-width: 567px;
}

.tabella_roster {
  max-width: 500px;
}

	/* Formattazioni specifiche tabelle */
.tabella_roster, .tabella_risultati, .tabella_contatti, .tabella_classifica, .tabella_organigramma {
  box-shadow: 0 4px 10px 0 rgb(0 0 0 / 30%), 0 4px 20px 0 rgb(0 0 0 / 19%);
}

.tabella_roster tr:hover, .tabella_risultati tr:hover, .tabella_contatti tr:hover, .tabella_classifica tr:hover, .tabella_organigramma tr:hover { background-color: rgb(0,176,240,0.2);}

.tabella_roster td:first-child, .tabella_classifica tbody td:first-child {
  background-color: #2e3192;
  color: #ffffff;
  font-weight: bold;
}

.tabella_roster td, .tabella_risultati tr, .tabella_classifica, .tabella_contatti tr, .tabella_organigramma td, .tabella_organigramma th{
  border: 1px solid #d3d3d3;
}

	/* Tabella Organigramma */
.tabella_organigramma td:first-child{
  background-color: #cccccc;
  font-weight: bold;
}

	/* Tabella Roster */
.tabella_roster tbody td:first-child, .tabella_roster tbody td:last-child {
  text-align: center;
}

.tabella_risultati tbody td:nth-last-child(2), .tabella_risultati tbody td:nth-last-child(1)  {
  text-align: center;
}

.tabella_classifica td:nth-child(2), .tabella_classifica th:nth-child(2), .tabella_risultati th:first-child {
  text-align: left;
}

	/* Tabella Classifica */
.tabella_classifica tbody td {
  padding: 12pt 4pt;
  Text-align: center;
  font-size: 12pt;
}

.tabella_classifica tfoot td {
  background-color: #00b0f0;  
}

.tabella_classifica td:last-child {
  background-color: #00b0f0;
  font-weight: bold;
}

	/* Tabella Gironi */
.tabella_gironi {
  border: 2px solid #ff00ff;
  text-align: center;
}

.tabella_gironi th {
  background-color: transparent;
  font-size: 14pt;
}

.tabella_gironi tr {
  font-size: 14pt;
}

.tabella_gironi td {
  padding: 15pt;
}

.tabella_gironi tbody th:first-child {
  color: #ff00ff;
}

.tabella_gironi tbody th:last-child  {
  color: #00b0f0;
}

/* Colori Classifca LudecCup*/
.colore_blu_cup th, .colore_blu_cup tbody td:first-child{
  background-color: #00b0f0;
}

.colore_rosa_cup td:last-child, .colore_rosa_cup tfoot td{
  background-color: #ff00ff;
}

.tabella_classifica.colore_blu_cup tbody td:nth-child(2) {
    font-weight: bold;
}

/* Colori Tabelle */

.colore_viola {
  color: #d12e86;
  font-weight: bold;
}

.colore_rosa{
  color: #ff00ff;
  font-weight: bold;
}

.colore_qualificazione {
  background-color: rgba(0, 176, 240, 0.2);
} 
  
.colore_primo_posto {
	background-color: rgba(255, 255, 0);
  	font-weight: bold;
}

.colore_secondo_posto {
	background-color: #cccccc;
 	font-weight: bold;
}

.colore_terzo_posto {
	background-color: #ea7500;
 	font-weight: bold;
}

/* Fine */

/* Personalizzazione card */
.riga_card_ludec {
	margin-bottom: 30px; 
	padding: 0 10px;
}

.card_ludec {
	width: 215px;
  	height: 215px;
  	text-align: center;
  	padding: 21px 0;
  	margin-left: auto;
  	margin-right: auto;
  	box-shadow: 0 4px 10px 0 rgb(0 0 0 / 30%), 0 4px 20px 0 rgb(0 0 0 / 19%);
}

.custom_icona {
  	font-size: 48px;
 	color: #00b0f0;
}

.card_titolo {
 	text-transform: uppercase;
 	font-weight: bold;
  	margin: 30px 0 0 0;
  	font-size: 1em;
}

.card_testo {
  	margin: 19px 0 0 0;
 	font-size: 10pt;
}
/* Fine */

/* Personalizzazione video youtube */
.youtube-player {
	position: relative;
	padding-bottom: 56.23%;
	/* Use 75% for 4:3 videos */
	height: 0;
	overflow: hidden;
	max-width: 100%;
	background: #000;
	/*margin: 5px;*/
}
    
.youtube-player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: transparent;
}
    
.youtube-player img {
	bottom: 0;
	display: block;
	left: 0;
	margin: auto;
	max-width: 100%;
	width: 1005%;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	height: auto;
	cursor: pointer;
	-webkit-transition: .4s all;
	-moz-transition: .4s all;
	transition: .4s all;
}
    
.youtube-player img:hover {
	-webkit-filter: brightness(75%);
}

.youtube-player .play {
	height: 72px;
	width: 72px;
	left: 50%;
	top: 50%;
	margin-left: -36px;
	margin-top: -36px;
	position: absolute;
	background: url(/images/immagini%20menu/youtube-logo.png) no-repeat; 
	cursor: pointer;
}

.youtube-player .play:hover {
	-webkit-filter: brightness(75%);
}

.youtube-player+p {
	font-weight: 500; 
}
/* Fine */

/* Nasconde il badge 'Featured' sugli articoli in home */
.featured-article-badge {
  display: none !important;
}

/* Ricerca (Smart Search): il campo riempie tutto il riquadro, con il pulsante "Vai" a destra.
   Lo script di autocompletamento avvolge il campo in un .awesomplete che va reso flessibile. */
.mod-finder .mod-finder__search { flex-wrap: nowrap; }
.mod-finder .mod-finder__search > .awesomplete { display: block; flex: 1 1 auto; width: 1%; min-width: 0; }
.mod-finder .mod-finder__search > .awesomplete > input { width: 100%; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.mod-finder .mod-finder__search > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.sp-module-ludec .slideshowck.sp-module-ludec {
      padding: 0;
      margin-bottom: 0;
      background: none;
      border-radius: 0;
      box-shadow: none;
      min-height: 0;
}