/*!
 */
/*! Custom CSS */
.table>:not(caption)>*>* {
	padding: 0rem 0.5rem 1rem 0.5rem;
}
.alert {
    --bs-alert-padding-x: 0.8rem;
    --bs-alert-padding-y: 0rem;
	--bs-alert-margin-bottom: 1rem;
	--bs-alert-margin-top: 1rem;
}
.btn {
    --bs-btn-padding-x: 0.3rem;
    --bs-btn-padding-y: 0.08rem;
	font-size: 13px;
}
.card-body {
  font-size: 14px !important;
  padding: 10px 10px 10px 10px !important;
 
}
.bg-primary {
  background-color: #59C7EB !important;
}
.text-bg-primary {
  background-color: #00A9E0 !important;

}

.border-primary {
  border-color:  #00A9E0 !important;
}

.btn:hover {
  color: #59C7EB !important;
  background-color: #59C7EB !important);
}

.btn-success {
  color: white !important;
  --bs-btn-color: #a6e1f4 !important;
  --bs-btn-bg: #59C7EB !important;
  --bs-btn-border-color: #59C7EB !important;
  --bs-btn-hover-color: #a6e1f4 !;
  --bs-btn-hover-bg: ##59C7EB !important;
  --bs-btn-hover-border-color: ##59C7EB !important;
  --bs-btn-focus-shadow-rgb: 60,153,110;
  --bs-btn-active-color: #a6e1f4 !important;
  --bs-btn-active-bg: #59C7EB !important;
  --bs-btn-active-border-color: #59C7EB !important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #a6e1f4 !important;
  --bs-btn-disabled-bg:#59C7EB !important;
  --bs-btn-disabled-border-color: #59C7EB !important;
}

.list-group-item.active {
  background-color: #00A9E0 !important;
  border-color:  #00A9E0 !important;
}

a.btn.btn-primary {
  color: white !important;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #59C7EB !important;
  --bs-btn-border-color: #59C7EB !important;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #59C7EB !important;
  --bs-btn-hover-border-color: #59C7EB !important;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #59C7EB !important;
  --bs-btn-active-border-color: #59C7EB !important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #59C7EB !important;
  --bs-btn-disabled-border-color: #59C7EB !important;
}

h1 {
  font-size: 21px !important;
  padding-left: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: #d1f2fd !important;
  border-radius: 5px !important;
}


.card-text {
  font-size: 14px !important;
}

.table {
  margin-bottom: -1rem !important;
}

.button-group .button {
  border-radius: 5 !important;
  margin-right: 2px !important;
  margin-top: 2px !important;
  padding: 0 1.0em;
}

.grid {
  background: rgb(255, 255, 255) !important;
}

.color-shape {
  background-image: linear-gradient(to bottom, #e8e8e8 0, #f5f5f5 100%);
  background-repeat: repeat-x;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1);
}
.small, small {
  font-size: 14px;
}
p {
  font-size: 14px;
}

.text-bg-info {
  background-color: #d1f2fd !important;
}

a {
  color: #0094c5  !important;
}

a:hover {
  color: #00779e !important;
}

.azzurrino {
	color: #0094c5 !important;
}

h3 {
  padding-top: 20px !important;
  padding-bottom: 5px !important;
}

.img-fluid.rounded-start {
  padding: 10px 10px 10px 10px !important;
}

.badge.bg-secondary {
  font-size: 14px !important;
}

.my-pull-right {
  float: right;
}



/*adapt logo paddings for tablets*/
@media (max-width: 991px) and (min-width: 768px) {
  .navbar-nav>li>a {
	padding-left: 10px;
	padding-right: 10px;
  }
}


.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
	font-size: 3.5rem;
  }
}

.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.b-example-vr {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: underline;
}

/* ---- button ---- inizio isotype pubblicazioni */

/* ---- button ---- */

.button {
  display: inline-block;
  padding: 0.5em 1.0em;
  background: #EEE;
  border: none;
  border-radius: 7px;
  background-image: linear-gradient(to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2));
  color: #222;
  font-family: sans-serif;
  font-size: 12px;
  text-shadow: 0 1px white;
  cursor: pointer;
}

.button:hover {
  background-color: #8CF;
  text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
  color: #222;
}

.button:active,
.button.is-checked {
  background-color: #28F;
}

.button.is-checked {
  color: white;
  text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
}

.button:active {
  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}

/* ---- button-group ---- */

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
}

.button-group .button:first-child {
  border-radius: 0.5em 0 0 0.5em;
}

.button-group .button:last-child {
  border-radius: 0 0.5em 0.5em 0;
}

/* ---- isotope ---- */

.grid {
  background: #EEE;
  max-width: 1200px;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ui group */

.ui-group {
  display: flex;
  margin-top: 30px;
}

.ui-group h3 {
  display: inline-block;
  margin-right: 0.2em;
  font-size: 14px;
}

.ui-group .button-group {
  display: inline-block;
  margin-right: 20px;
}


.myteam-container {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
}
.myteam-section {
	margin-bottom: 40px;
	text-align: center;
}
.myteam-title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}
.myteam-card {
	width: 250px;
	background: white;
	border-radius: 10px;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	text-align: center;
	padding: 15px;
}

.myteam-card h3 {
	margin: 10px 0;
	font-size: 18px;
}
.myteam-card p {
	font-size: 14px;
	margin: 5px 0;
	color: #555;
}
.myteam-card a {
	display: inline-block;
	margin-top: 10px;
	padding: 8px 10px;
	background: #007bff;
	color: white;
	text-decoration: none;
	border-radius: 5px;
	font-size: 12px;
}
.myteam-card a:hover {
	background: #0056b3;
}

.myteam-photo {
    width: 100%;            /* Adatta la larghezza alla card */
    aspect-ratio: 1 / 1;    /* Imposta il rapporto quadrato */
    object-fit: cover;      /* Ritaglia e scala l'immagine per riempire */
    object-position: center;/* Centra l'immagine */
    border-radius: 10px;    /* Arrotonda gli angoli (opzionale) */
}