/* =================================================================== */
/* 1. HEADER & NAVIGATION
/* =================================================================== */

header {
   position: relative;
   height: 800px;
   min-height: 500px;
   width: 100%;
   background: #161415 url(../images/header-background.png) no-repeat bottom center;
   background-size: cover !important;
   text-align: center;
}

/* Nasconde i bottoni menu mobile su desktop */
.mobile-btn { display: none !important; }

header .banner {
   display: inline-block;
   vertical-align: middle;
   margin: 0 auto;
   width: 85%;
   padding-top: 150px;
   text-align: center;
}

header .banner-text h1 {
   font: 90px/1.1em 'opensans-bold', sans-serif;
   color: #fff;
   letter-spacing: -2px;
   margin-bottom: 18px;
}

header .banner-text h6 {
   font: 18px/1.9em 'librebaskerville-regular', serif;
   color: #A8A8A8;
   margin: 0 auto;
   width: 70%;
}

header .banner-text p.photo-credit {
   font: 13px/1.2em 'opensans-regular', sans-serif !important;
   color: #666 !important;
   margin-top: 15px;
}

/* Freccia Scrolldown Grande Verde Acqua */
header .scrolldown a {
   position: absolute;
   bottom: 30px;
   left: 50%;
   margin-left: -29px;
   color: #11ABB0 !important;
   display: block;
   height: 58px;
   width: 58px;
   font-size: 58px;
   line-height: 58px;
   transition: all .3s ease-in-out;
}
header .scrolldown a:hover { color: #fff !important; }

/* Menu Navigazione - RIPRISTINATO MAIUSCOLO */
#nav-wrap { 
   font: 12px 'opensans-bold', sans-serif; 
   width: 100%; 
   position: fixed; 
   top: 0; 
   z-index: 100; 
   background: rgba(0,0,0,0.8); 
}
ul#nav { text-align: center; list-style: none; margin: 0; }
ul#nav li { display: inline-block; }
ul#nav li a { 
   color: #fff; 
   padding: 15px 20px; 
   display: block; 
   text-decoration: none; 
   text-transform: uppercase; /* Forza il maiuscolo */
   letter-spacing: 1.5px;
   font-weight: bold;
}
ul#nav li.current a { color: #F06000; }

header .social { margin: 24px 0; padding: 0; font-size: 30px; list-style: none; }
header .social li { display: inline-block; margin: 0 15px; }
header .social li a { color: #fff; }

/* =================================================================== */
/* 2. ABOUT SECTION
/* =================================================================== */

#about { background: #111; padding: 90px 0; color: #7A7A7A; }
#about h2 { font-family: 'opensans-bold', sans-serif; color: #fff; }

/* Foto Profilo Tonda */
#about .profile-pic { 
   width: 150px !important; 
   height: 150px !important; 
   border-radius: 50% !important; 
   object-fit: cover; 
   margin-bottom: 20px; 
}

/* Pulsante Download CV */
#about .download .button { 
   background: #11ABB0; 
   color: #fff !important; 
   padding: 12px 20px; 
   font-family: 'opensans-bold', sans-serif; 
   border-radius: 3px; 
   transition: 0.3s;
   display: inline-block;
}
#about .download .button:hover { background: #fff; color: #11ABB0 !important; }
#about .download .button i { margin-right: 15px; }

/* =================================================================== */
/* 3. CONTACT SECTION
/* =================================================================== */

#contact { background: #191919; padding: 90px 0; }
#contact label { font-family: 'opensans-bold', sans-serif; color: #EBEEEE; display: block; margin: 12px 0; }
#contact input, #contact textarea {
   width: 100%; padding: 10px 15px; background: #373233; color: #eee;
   border: 0; box-sizing: border-box;
}
#contact button.submit {
   background: #11ABB0; color: #fff; padding: 12px 25px;
   font-family: 'opensans-bold', sans-serif; border: none; cursor: pointer; transition: 0.3s;
}
#contact button.submit:hover { background: #fff; color: #11ABB0; }

/* Nasconde rotella caricamento e messaggi automatici */
#image-loader, #message-warning, #message-success { display: none !important; }

/* =================================================================== */
/* 4. FOOTER
/* =================================================================== */

footer { padding: 48px 0; background: #0F0F0F; text-align: center; color: #555; }
.copyright li { display: inline-block; margin: 0 10px; }