/*****************************************
	  
	  CSS

******************************************/

hr {
    border-top: 2px solid #ccc;
}

hr.nero{
	border-top: 2px solid #333;
}
hr.grigio_full{
	border-top: 2px solid #e8e7e8;
}
hr.grigio{
	width: 100px;
	border-top: 1px solid #e8e7e8;
}

.link_nero{
	color: #333;
}

/*****************************************
	  
	  MENU

******************************************/

/* centra menu */
@media (min-width: 1200px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}


/*****************************************
	  
	  TESTATA

******************************************/

.sfondo_vesuvio{
	background-image: url(../struttura/associazione_verace_pizza_napoletana2.png);
    background-repeat: no-repeat;
    background-position-y: 100%;
    background-position-x: 90%;
    background-size: inherit;
	background-position: 90% 100%;
}

  .affix {
      top: 0;
      width: 100%;
	  z-index: 999;
  }

  .affix + .container{
      padding-top: 70px;
  }

/* CSS commentato perchè sono state aggiunte altre righe sotto h1 della testata */
/* .vertical-align {
  display: flex;
  flex-direction: row;
}
 */
  
/* .vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: flex;
  align-items: center;
  } */
  /* justify-content: center;  Optional, to align inner items 
                              horizontally inside the column */


.navbar-brand {
    padding: 15px 15px;
}

.navbar-default {
	border-bottom: 2px solid #CCC;
}

@media (min-width: 992px){
	.navbar-default .navbar-nav>li>a {
    font-size: 17px;
	}
}

/*****************************************
	  
	  CONTENUTI

******************************************/



img.opacity {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	}	
	
img.opacity:hover {
	zoom: 1;
	filter: alpha(opacity=75);
	opacity: 0.75;
	}
	
/*****************************************
	  
	  COLONNA DESTRA

******************************************/

.titolo_colonna_dx{
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: 2px solid #CCC;
	color: #FFF;
	background-color: #D0121C;
}

.social ul li a{
	color: #333;
}

.social ul li a:hover, .social ul li a:focus{
	color: #D0121C;
}


/*********************************
*
*	EFFETTO FADE carousel
*
*********************************/   

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}


@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}




/*****************************************
	  
	  FOOTER

******************************************/

footer{
	background-color: #e6e6e6;
	padding-bottom: 20px;
}

footer a{
	color: #948986;
	font-weight: bold;
}

footer a:hover{
	color: #d0121c;
}

/****************************
*
*	MARGINI utilizzabili (possono essere implementati aggiungendo regole ad hoc)
*
****************************/

/* Vertical Offset Top */

.vert-offset-top-4{
    margin-top: 4em;
}
.vert-offset-top-3{
    margin-top: 3em;   
}
.vert-offset-top-2{
    margin-top: 2em;
}
.vert-offset-top-1{
    margin-top: 1em;
}
.vert-offset-top-0{
    margin-top: 0em;
}
/* Vertical Offset Bottom */

.vert-offset-bottom-4{
    margin-bottom: 4em;
}
.vert-offset-bottom-3{
    margin-bottom: 3em;
}
.vert-offset-bottom-2{
    margin-bottom: 2em;
}
.vert-offset-bottom-1{
    margin-bottom: 1em;
}
.vert-offset-bottom-0{
    margin-bottom: 0em;
}

/****************************
*
*	FIX per IOS (spunta-sottomenu)
*
****************************/
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

/* .has-feedback label~.form-control-feedback {
    right: 10px;
} */

.has-feedback.right_value label~.form-control-feedback {
	right: 3%;
}