/*
	General Stylesheet for layout and typography

	Site: Acai BO
	
*/

/* ------------------------------------------------------------------- DEFAULT */

body {font-family: 'Raleway', sans-serif; font-size: 13px;}

.row.no-gutters {margin-right: 0; margin-left: 0;}
.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] {padding-right: 0; padding-left: 0;}

.container, footer {position: relative; z-index: 1;}

::-webkit-input-placeholder {color: #656565;}
:-moz-placeholder {color: #656565;}
::-moz-placeholder {color: #656565;}
:-ms-input-placeholder {color: #656565;}

*:focus {outline: none;}
.clearfix {clear: both;}


/* ------------------------------------------------------------------- HEADER */

#navbar {padding: 0;}

.navbar-default {background: transparent; border: none;}
.navbar-nav {font-weight: 800; color: #656565; font-size: 13px; text-transform: uppercase; margin-top: 60px;}
.navbar-nav li {border-right: 1px solid #656565; height: 18px; line-height: 15px;}
.navbar-nav li:last-child {border-right: none;}
.navbar-nav li a {padding: 0 17px;}

.navbar-default .navbar-nav>.active>a {color: #e30917; background: transparent;}
.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color: #e30917; background: transparent;}

.navbar-brand {height: auto; padding: 35px 15px 15px 15px;}

#slides {position: absolute !important; z-index: 0; text-align: center; overflow: visible;}
#slides img {top: 0 !important; max-width: 100% !important; height: auto !important; left: 0 !important;}
#slides h1 {font-size: 50px; color: #fff; font-weight: 300; line-height: 50px; margin: 280px auto 0; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);}
#slides .green {color: #149741;} 
.slides-navigation-outside {font-size: 13px; font-weight: 800; margin: 0; cursor: pointer;}
.slides-navigation-outside a {color: #fff; background: #656565; padding: 7px 15px 5px; float: right;}
.slides-navigation-outside a:hover {color: #656565; background: #fff;}

.navbar-default .navbar-toggle {border: none;}
.navbar-toggle {margin-right: 0;}



/* ------------------------------------------------------------------- HOME */

.home {margin-top: 500px;}
.menu-bar {color: #656565; font-size: 15px;}
.menu-bar h3.area-title {padding: 9px 15px 7px; font-size: 13px; font-weight: 800; margin: 0; color: #fff;}
.menu-bar .red h3 {background: #e30917;}
.menu-bar .grey h3 {background: #656565;}
.menu-bar .grey2 h3 {background: #656565;}
.login-bar {margin-top: 30px;}
.login-bar input {border: none; border-bottom: 1px solid #656565; background: transparent; font-size: 15px; width: 90%;}
.login-bar input[type="submit"] {border: 2px solid #656565; background: transparent; font-size: 13px; margin-top: 20px; padding: 6px 30px 4px; width: auto; font-weight: 700; color: #656565;}
.login-bar input[type="submit"]:hover {background: #656565; color: #fff;}
.login-bar .lost-pass a {color: #656565; text-decoration: underline; display: block; margin-top: 35px;}

.row-news {margin-top: 30px;  position: relative;}
.row-news .content {padding: 20px 15px; width: 50%;}
.row-news .content.full {width: 100%;}
.row-news .grey {background: url('../img/bg_campagna.jpg') no-repeat right center #efefef; height: 300px; color: #656565;}
.row-news .risparmio {background: url('../img/bg_risparmio.jpg') no-repeat right center #efefef; height: 300px; color: #656565;}
.row-news .grey2 {background: url('../img/bg_cappelloni.jpg') no-repeat right center #efefef; height: 300px; color: #656565;}
.row-news .green {background: url('../img/bg_formazione.jpg') no-repeat right center #149741; height: 300px; color: #fff;}
.row-news .green2 {background: url('../img/bg_servizi.jpg') no-repeat right center #149741; height: 300px; color: #fff;}
.row-news .blue {background: url('../img/bg_news12.jpg') no-repeat right center #149741; height: 300px; color: #656565;}
.row-news .green-small {background: url('../img/bg_news3.jpg') no-repeat right center #149741; background-size: cover; height: 300px; color: #fff;}
.row-news .grey-small {background: url('../img/bg_news4.jpg') no-repeat right center #efefef; background-size: cover; height: 300px; color: #656565;}
.row-news .grey-small8 {background: url('../img/bg_news8.jpg') no-repeat right center #efefef; background-size: cover; height: 300px; color: #656565;}
.row-news .acai-small {background: url('../images/home_acai.jpg') no-repeat right center #efefef; background-size: cover; height: 300px; color: #656565;}
.row-news .caf-small {background: url('../images/home_caf_acai.jpg') no-repeat right center #efefef; background-size: cover; height: 300px; color: #656565;}
.row-news .patro-small {background: url('../images/home_patronato.jpg') no-repeat right center #efefef; background-size: cover; height: 300px; color: #656565;}
.row-news .sale-small {background: url('../images/home_salesiani.jpg') no-repeat right center #efefef; background-size: cover; height: 300px; color: #656565;}
.row-news .red {background: url('../img/bg_news5.jpg') no-repeat right center #e30917; height: 300px; color: #fff;}
.row-news .red-small {background: url('../img/bg_news5.jpg') no-repeat right center #e30917; background-size: cover; height: 300px; color: #ffffff;}
.row-news .green-small2 {background: url('../img/bg_news2.jpg') no-repeat right center #149741; background-size: cover; height: 300px; color: #fff;}
.row-news h2 {font-size: 25px; margin: 0 0 15px;}
.row-news h4 {font-size: 25px; margin: 0 0 0px;}
.row-news p {font-size: 15px; position: absolute; bottom: 15px; left: 15px; width: 50%; padding-right: 30px; text-align: justify;}
.row-news .content.full p {width: 100%; padding-right: 30px;}
.row-news .grey-small-empty {background: #efefef; height: 300px; color: #656565;}
.row-news .white-small-empty {background: #fff; height: 300px; color: #656565;}

a.read-more {border: 2px solid #656565; color: #656565; font-weight: 700; background: transparent; font-size: 13px; margin-top: 10px; padding: 6px 30px 4px; width: auto; display: inline-block;}
a.read-more:hover {text-decoration: none; background: #656565; color: #fff;}
a.read-more.white {border-color: #fff; color: #fff;}
a.read-more.white:hover {background: #fff; color: #656565;}



/* ------------------------------------------------------------------- OTHER PAGES */

.chi-siamo {margin-top: 150px;}
.row-content {margin-top: 70px; color: #656565; font-size: 15px;}
.row-content p {margin-bottom: 20px; text-align: justify;}
.row-content h3 {font-size: 25px; margin-bottom: 20px;}
.row-content hr {border-top: 1px solid #efefef;}

.side-menu h3 {font-size: 25px; color: #e30917;}
.side-menu h3.grey {color: #656565;}
.side-menu h3.grey2 {color: #656565;}
.side-menu ul {margin: 0; padding: 0; list-style: none; font-weight: 800; font-size: 13px; color: #656565;}
.side-menu ul li a {color: #656565;}
.side-menu ul li a:hover {color: #e30917; text-decoration: none;}
.side-menu ul li {border-bottom: 1px solid #656565; padding: 5px 0;}
.side-menu ul li.current {border-bottom: 1px solid #e30917; color: #e30917;}
.side-menu ul li.current a {color: #e30917;}

body.amministratore {background:url('../img/bg_yellow.jpg') repeat-x top;}
body.area-riservata {background:url('../img/bg_grey.jpg') repeat-x top;}
.slogan {font-size: 50px; font-weight: 300; line-height: 50px; height: 250px; padding-top: 20px;}
.logo-zenith {margin: 20px 0 60px;}
hr.spaced {margin: 40px 0;}

.row-news.inside .content {padding: 20px 0;}
.row-news.inside {padding: 0 15px; margin-bottom: 60px; margin-top: 0;}

ul.user-menu {margin-bottom: 110px;}
.user-menu .fa {width: 16px; text-align: center;}
.user-menu .green {color: #189944;}



/* ------------------------------------------------------------------- FOOTER */

footer {color: #fff; background: #3f4040; padding: 50px 0;}
footer a {color: #fff; text-decoration: none;}
footer a:hover {color: #e30917; text-decoration: none;}
footer ul {list-style: none; margin: 0; padding: 0;}
footer .current {color: #e30917;}
.social-icon {color: #fff; width: 38px; display: block; padding: 10px; text-align: center; margin-left: 14px; float: left;}
.social-icon:hover {color: #fff;}
.social-icon.twitter {background: #63cdf1;}
.social-icon.facebook {background: #507cbe;}
.social-icon.googleplus {background: #4d4f54;}
.social-icon.youtube {background: #f16261;}
.social-icon.linkedin {background: #90cadd;}



/* ------------------------------------------------------------------- PRINT STYLES */

@media print {
}


/* ------------------------------------------------------------------- MEDIA QUERIES */

@media screen and (max-width: 991px) {
	.home {margin-top: 300px;}
	.chi-siamo {margin-top: 180px;}
	#slides h1 {font-size: 40px; line-loght: 40px; margin: 180px auto 0; }
	.navbar-brand img {max-width: 140px;}
	.navbar-nav {font-size: 12px; margin-top: 45px;}
	.navbar-nav li {height: 18px; line-height: 15px;}
	.navbar-nav li a {padding: 0 12px;}
	.login-bar input {width: 100%;}
	.login-bar .lost-pass {text-align: right;}
	.row-content {margin-top: 20px;}
	.row-news.inside {padding-top: 30px;}
	ul.user-menu {margin-bottom: 30px;}
}

@media screen and (max-width: 767px) {
	.home, .chi-siamo {margin-top: 0px;}
	#navbar {padding: 0 15px;}
	.login-bar {margin-top: 15px;}
	.login-bar input {width: 100%;}
	.row-news .green-small, .row-news .grey-small {height: 170px;}
	footer {text-align: center; padding: 30px 0;}
	footer .social-icon {display: inline-block; float: none; margin-top: 30px;}
	.navbar {margin-bottom: 10px;}
	.navbar-brand {padding-top: 25px;}
	.navbar-toggle {margin-top: 25px; padding-right: 0; cursor: pointer;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background: none;}
	.navbar-default .navbar-toggle .icon-bar {background-color: #656565;}
	.navbar-default .navbar-toggle:hover .icon-bar {background-color: #000;}
	.navbar-nav {margin-top: 10px;}
	.navbar-nav li {border: none; margin-bottom: 10px; font-size: 18px;}
	.row-news h2 {font-size: 16px;}
	.row-news p {font-size: 13px;}
}



/* ------------------------------------------------------------------- TRANSITIONS */

.slides-navigation-outside a,
.navbar-nav li a,
.login-bar input[type="submit"],
a.read-more,
footer a,
.side-menu ul li a
{
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}