@import url("https://fonts.googleapis.com/css?family=Hammersmith+One&display=swap");
 html, body {
     height: 100%;
     line-height: normal;
}
 a, a:hover, i:hover, input[type="button"]:hover, #form-login a:hover {
     transition: ease-in-out 0.2s;
     text-decoration: none;
}
 body {
     font-family: "Hammersmith One", sans-serif;
     background-color: #fff;
     display: flex;
     flex-direction: column;
}
#ultimiInseritiCarousel {
    display: none;
}
 .container.full-content {
     width: 100%;
     padding: 0;
}
 .navbar {
     margin-bottom: 0;
}
 .navbar-brand {
     margin: 0;
     padding: 0;
     height: auto;
}
 .navbar-default .navbar-collapse {
     padding: 0;
     margin: 0;
}
 .navbar-brand>img {
     margin: 0 auto;
     max-height: 100px;
}
 .navbar-header {
     display: flex;
     flex-direction: column;
     width: 100%;
     text-transform: uppercase;
     background-color: #fff;
}
 .navbar-nav.centrale {
     width: 100%;
     justify-content: space-around;
     display: flex;
     background: rgb(247, 140, 0);
     background: -moz-radial-gradient(circle, rgba(247, 140, 0, 1) 0%, rgba(105, 228, 206, 1) 100%);
     background: -webkit-radial-gradient(circle, rgba(247, 140, 0, 1) 0%, rgba(105, 228, 206, 1) 100%);
     background: radial-gradient(circle, rgba(247, 140, 0, 1) 0%, rgba(105, 228, 206, 1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f78c00", endColorstr="#69e4ce", GradientType=1);
}
 .navbar-nav.centrale a {
     color: #fff !important;
     text-transform: uppercase;
     font-size: 22px;
}
 .navbar-nav.centrale a:hover {
     color: #333 !important;
}
 .navbar-right {
     position: absolute;
     align-self: flex-end;
     top: 50px;
     margin-top: -25px;
     right: 0;
     margin-right: 0;
}
 .navbar-right a {
     color: #f78c00 !important;
     font-size: 18px;
}
 .navbar-right a:hover {
     color: #69e4ce !important;
}
 .canale-page .root {
     display: flex;
     justify-content: space-between;
    width: 100%;
}
/* container contenuti */
.ultime-news {display: none;}
 .category-list, .article-list, .login, .article-content {
     background-color: #f7f7f7;
     flex-grow: 1;
     padding: 15px;
}
 .login {
     background-color: #fff;
     padding: 0;
}
 .category-list {
     background-image: url(/stili/locali/bg-home.jpg);
     background-size: cover;
     background-position: bottom right;
     display: flex;
    flex-direction: column;
    justify-content: center;
}
.category-list .no-padding {
    display: flex;
    flex-direction: column;
    align-items: center;
}
 .titles {
     color: #333;
}
/* sezioni home */
 .box-element {
     background-size: cover;
     margin: 10px;
     padding: 160px 50px;     
     text-align: center;
}
 .box-element a {
     width: 100%;
     background-color: #f78c00;
     display: block;
     padding: 10px 0;
     color: #fff;
     text-transform: uppercase;
     font-size: 18px;
}
 .box-element a:hover {
     background-color: #fff;
     color: #333;
}
/* pagina articoli */
 .box-wrap.articoli {
     width: 100%;
}
 .article-list .container .row {
     display: flex;
     flex-direction: column;
     align-items: center;
}
 .titolo-header, h2.titolo {
     padding: 30px;
     font-size: 47px;
     text-transform: uppercase;
     width: auto;
     margin: 0 auto;
     position: relative;
     font-weight: normal;
     line-height: normal !important;
     text-align: center;
}
 .titolo-header::before, h2.titolo::before {
     content: "";
     width: 50px;
     height: 5px;
     background-color: #f78c00;
     display: block;
     position: absolute;
     top: 90px;
     left: 50%;
     margin-left: -25px;
}
 .box-element-generico {
     display: flex;
     flex-direction: column;
     align-items: center;
     min-height: 400px;
     background-size: cover;
     justify-content: center;
     text-align: center;
     border: 10px solid #f7f7f7;
     box-sizing: border-box;
}
 a.immagine-box {
     padding: 20px 30px;
     line-height: normal;
     color: #333;
     font-size: 14px;
     display: block;
     cursor: pointer;
     background-color: #fff;
}
 a.immagine-box:hover {
     background-color: #f78c00;
     color: #fff;
}
.testo {
    text-align: justify;
}
.foto-articolo {
    float: left;
    width: 100%;
    margin: 20px 0;
}
.foto-articolo img {
    border: 10px solid #fff;
    width: 100%;
    max-width: 600px;
}


/* paginazione */
 #navigazione-pagine {
     display: flex;
     align-items: center;
}
 #navigazione-pagine i {
     font-family: "FontAwesome";
     font-style: normal;
}
 .selezionata {
     background-color: #69e4ce !important;
     color: #fff !important;
}
 .selezionata, .n-pagina, i {
     padding: 15px;
     background-color: #fff;
     margin: 10px;
     width: 50px;
     height: 50px;
     display: flex;
     justify-content: center;
     color: #f78c00;
}
 .n-pagina:hover, i:hover {
     background-color: #f78c00;
     color: #fff;
}
/* footer */
ul.contact-socials li {
    padding: 5px 0;
}
 footer {
     background-color: #fff;
     text-align: center;
     border-top: 4px solid #69e4ce;
}
 footer ul {
     display: flex;
     flex-direction: row;
     justify-content: space-around;
     margin: 10px 0;
     list-style: none;
     padding: 0 10px;
}
 footer li a {
     color: #000;
}
 footer li a:hover {
     color: #f78c00;
}
 footer p {
     margin: 10px 0;
}
 h1 {
     font-size: 32px;
}
 h2 {
     font-size: 24px;
}
 h1, h2 {
     text-align: center;
     font-weight: bold;
}
/* FORM */
 .login .container {
     width: 100%;
}
 #login {
     background-color: #f7f7f7;
     padding: 0 15px;
}
 #form-login, #form-disiscrizione {
     display: flex;
     flex-direction: column;
     align-items: center;
}
 #form-login tr {
     display: flex;
     flex-direction: column;
     align-items: center;
}
 #form-login td {
     height: unset;
}
 #form-login a, #form-disiscrizione a {
     color: #f78c00;
     padding: 15px;
}
 #form-login a:hover, #form-disiscrizione a:hover {
     color: #69e4ce;
}
 .wrap-campo {
     padding: 15px;
}
 input.campo-testo, input.form-control {
     border: 2px solid #69e4ce;
     background-color: #fff;
     padding: 15px 10px !important;
     border-radius: 0;
     height: unset;
}
 input.campo-testo:focus {
     background-color: #69e4ce;
     border-radius: 0;
     color: #000 !important;
     outline: 0;
     border: 2px solid #f78c00;
}
 input[type="button"], .btn-primary {
     width: fit-content;
     background-color: #f78c00;
     border: 0;
     padding: 15px;
     text-transform: uppercase;
     font-size: 14px;
     color: #fff;
     border-radius: 0;
}
 .wrap-campo.format {
     margin: 15px;
}
 input[type="button"]:hover, input[type="button"]:focus, .btn-primary:hover {
     background-color: #69e4ce !important;
     color: #333 !important;
     outline: none !important;
     box-shadow: none;
}
 input.new-user {
     margin: 30px auto;
     padding: 15px;
     display: flex;
}
 .login-page .h3 {
     text-align: center;
}
/* messsaggi login */
 .messaggio-prefisso, .messaggio-thankyou {
     text-align: center;
     padding: 15px;
     color: red;
     font-size: 18px;
     font-weight: normal !important;
}
 .messaggio-thankyou {
     color: #61e41d !important;
}
 .messaggio-password-empty, messaggio-password-format {
     color: red;
     text-align: center;
}
/* pagine istituzionali */
 .disiscrizione .container {
     width: 100%;
}
 #disiscrizione ul {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .article-content {
     background-color: #f7f7f7;
}
 h2.titolo.olor-1 {
     background-color: #fff;
     width: 100%;
}
 #disiscrizione {
     width: auto;
     margin: 0 auto;
     display: flex;
     flex-direction: column;
     padding: 15px;
     text-align: center;
}
/* profilo utente */
 .profilo-utente .testo {
     background-color: #f7f7f7;
     padding: 15px;
     display: flex;
     margin: 0 auto;
     flex-direction: column;
}
 .profilo-utente .h3 {
     margin: 0;
     text-align: center;
}
 .profilo-utente .panel-heading {
     padding: 0;
}
 .panel.panel-default {
     width: fit-content;
     margin: 0 auto;
     border: 0;
     background-color: transparent;
     box-shadow: none;
}
 .profilo-utente .panel-body {
     padding: 0;
}
 #form-login .input-group {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
}
 #form-login span {
     padding: 15px;
     margin: 0;
     width: 100%;
     background-color: transparent;
     border: 0;
}
 .profilo-utente .container {
     width: 100%;
}
 .profilo-utente .post-form {
     margin: 0 auto;
     text-align: center;
}
/* recupera password */
 #recupera-password {
     text-align: center;
}
 #recupera-password .panel-heading {
     font-size: 24px;
}
 #recupera-password td {
     display: flex;
     justify-content: center;
     height: unset;
}
 #form-recupera .input-group {
     width: 100%;
     display: flex;
     flex-direction: column;
}
 #form-recupera span.input-group-addon {
     width: 100%;
     background-color: transparent;
     border: 0;
}
 .recupera-password {
     display: flex;
     flex-direction: column;
     align-items: center;
}
 a#scrollUp {
     border: 2px solid #f78c00;
     width: unset;
     height: unset;
     padding: 0;
}
 a#scrollUp i {
     margin: 0;
     padding: 0;
     display: flex;
     align-items: center;
}
.app h2, .app h1 {
    display: none;
}

@media only screen and (max-width: 767px) {
	footer {
		position: fixed;
		bottom: 0;
		width: 100%;	
	}
	.category-list {
		padding-bottom: 200px;
	}
    #navigazione-pagine, .login-page #content.login, .profilo-utente #content, .sezione-page .article-list .container, .archivio-page .article-list .container, .articolo-page .article-content .container {
        padding-bottom: 180px;
    }
}

input.new-user {
    border: none !important;
    text-transform: none !important;
    padding: 0 !important;
    background-color: transparent !important;
    color: #f78c00 !important;
}
input.new-user:hover {
  text-decoration: underline !important;
  background-color: transparent !important;
  color: #f78c00 !important;
}