* {
 box-sizing: border-box;
}

body { font-size:18px; font-family:"Trebuchet MS"; color:#000000; background-color:#f0f2f5; margin:0; }
h1 { margin-top:0px; font-size:34px; font-weight:900; color:#000080; }
h2 { margin-top:0px; font-size:32px; font-weight:700; color: 63d8fa; }
h3,h4,h5,h6 { margin:0; padding:0; font-size:24px; font-weight:400; color:#63d8fa; }
h7 { margin:0; padding:0; font-size:16px; color:#000000; }

a.title1 { margin-left:20px; font-size:34px; color:#ffffff; }
h1.title2 { margin-top:0px; text-align:center; font-size:20px; color:#800000; }

a {color:#000000; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out;}
a:hover {text-decoration:none; color:#004080;}

#header	{float:left; padding:10px 10px 10px 10px; background:#000000;} 

/* Contenitore principale */
.fb-profile {
  width: 100%;
  margin: 0px auto; 
  background-color: #ffffff;
  border-radius: 0px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Copertina */
.fb-copertina {
  position: relative;
  width: 100%;
  height: 150px;
  background: #e4e6eb;
}

.fb-copertina-sfondo {
  position: relative;
  width: 100%;
  height: 150px;
	background:transparent  url(https://www.dj-italia.it/images/disco5.jpg) repeat;  position: relative;
}

.fb-copertina img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.btn-cambia-copertina {
  position: absolute;
  bottom: 16px;
  right: 16px;
  background-color: #ffffff;
  color: #050505;
  border: none;
  padding: 10px 16px;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Sezione Profilo e Informazioni */
.fb-profilo-info {
  display: flex;
  align-items: flex-end;
  padding: 0 32px 20px 32px;
  position: relative;
}

/* Avatar sovrapposto */
.profilo-avatar-container {
  position: relative;
  margin-top: -50px; /* Sposta l'avatar sopra la copertina */
  margin-right: 20px;
}

.profilo-avatar {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 4px solid #ffffff;
  object-fit: cover;
  background-color: #ffffff;
}

.avatar-modifica {
  position: absolute;
  bottom: 8px;
  right: 8px;
  background-color: #e4e6eb;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center; 
  justify-content: center;
  cursor: pointer;
  border: 2px solid #ffffff;
}

/* Testo del Profilo */
.profilo-testo h2 {
  margin: 0;
  font-size: 32px;
  color: #050505;
}

.profilo-testo p {
  margin: 5px 0 0;
  font-size: 15px;
  color: #65676b;
  font-weight: 500;
}

/* Responsive per smartphone */
@media (max-width: 768px) {

  .fb-profilo-info {
    padding: 0 16px 20px 16px;
  }
.profilo-avatar {
  width: 110px;
  height: 110px;
}
  .profilo-avatar-container {
    margin-top: -50px;
    margin-left: 0;
  }
.profilo-testo h2 {
  margin: 0;
  font-size: 16px;
  color: #050505;
}
.profilo-testo p {
  margin: 5px 0 0;
  font-size: 15px;
  color: #65676b;
  font-weight: 500;
}
.fb-copertina {
  position: relative;
  height: 150px;
  width: 100%;
  background: #e4e6eb;
}
.fb-copertina-sfondo {
  position: relative;
  height: 150px;
  width: 100%;
	background:transparent  url(https://www.dj-italia.it/images/disco5.jpg) repeat;  position: relative;
}
}


.btn,
a.btn {-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; padding:6px 6px; font-weight: bold;}
.btn .fa,
a.btn .fa {margin-right: 5px;}
.btn:focus,
a.btn:focus {color: #ffffff;}
a.btn-primary,
.btn-primary {background:#000000; border:1px solid #000000; color:#ffffff; font-weight:600; text-transform:uppercase;}
a.btn-primary:hover,
.btn-primary:hover {background:#004080; border: 1px solid #49ac43; color:#ffffff;}
a.btn-secondary,
.btn-secondary {background:#000000; border:1px solid #479fc8; color:#ffffff; font-weight:600; text-transform:uppercase;}
a.btn-secondary:hover,
.btn-secondary:hover {background: #004080; border:1px solid #3893bd; color:#ffffff;}
.text-highlight {color:#32383e;}
.label-theme {background:#3aaa64; font-size:12px;}
a.dotted-link {border-bottom:1px dotted #778492; color:#778492;}
a.dotted-link:hover {text-decoration: none; color:#49515a;}

.pulsante,
a.pulsante {-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; padding:2px 2px; font-size:12px; font-weight: bold;}
.pulsante:focus,
a.pulsante:focus {color:#ffffff;}
a.pulsante-primary,
.pulsante-primary {background:#000000; border:0px solid #000000; color:#ffffff; font-weight:100; text-transform:uppercase;}
a.pulsante-primary:hover,
.pulsante-primary:hover {background:#000080; border:0px solid #000000; color:#ffffff;}
.text-highlight {color:#32383e;}

/*  Loading */
#loading {
display:none;
position: fixed;
top:0;
left:0;
background:rgb(0,0,0);
background: rgba(0, 0, 0, 0.9);
height:100%;
width:100%;
z-index: 9999;
background: #000000;
opacity: .90;
}
div#verticale {
text-align: center;
color: #ffffff;
width: 150px;
height: 150px;
background: #000000;
position: absolute;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -100px;
}
/*  Fine Loading */




/* ======= Footer ======= */
.footersfondo {
  position: relative;
  width: 100%;
  height: 50px;
	background:transparent  url(https://www.dj-italia.it/images/disco1.jpg) repeat;  position: relative;
}
.footer {
  bottom: 0; 
  width: 100%; 
	text-align: center;
  background: #000000;
  color: #fff;
  padding: 50px 0;
}
.footer .copyright {
  line-height: 1.6;
  color: #d3edf5;
  font-size: 14px;
}
.footer a {
  color: #fff;
}
.footer .fa-heart {
  color: #fb866a;
}