/*****************************************
	  
	  CSS DEL SITO MONOLINGUA

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

@media (min-width: 991px){
	/* apri menu dropdown al passaggio mouse*/
	ul.nav li.dropdown:hover ul.dropdown-menu{ display: block; }
}

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

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

.nav>li>a {
    padding-left:15px;
    padding-right:15px;
}


.min-height{
	min-height: 350px;
}

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

hr.nero{
	border-top: 2px solid #333;
}

.link_nero{
	color: #333;
}

/*****************************************
	  
	  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: 15px;
	}
}

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

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



img.opacity {
	opacity: 1;
	filter: alpha(opacity=100);
 	-webkit-transition: opacity 0.5s linear;
	
	}	
	
img.opacity:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
 	-webkit-transition: opacity 0.5s linear;
	}
	
/*****************************************
	  
	  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;
}



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

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

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

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

footer a:hover{
	color: #d0121c;
}



/* LOGHI SOCIAL */
.fa-facebook, .fa-facebook-square {
    color: #3b5998
}

.fa-twitter, .fa-twitter-square {
    color: #00aced
}

.fa-pinterest, .fa-pinterest-square {
    color: #cb2027
}

.fa-youtube, .fa-youtube-play, .fa-youtube-square {
    color: #bb0000
}

.fa-google-plus, .fa-google-plus-square {
    color: #dd4b39
}

.fa-yelp
{
	color:#F00
}

.fa-instagram:before {
	content: url(../struttura/Instagram-logo_25.png) !important;
	vertical-align: middle;
}

/* FINE Loghi social */





/*****************************************
	  
	  END CSS DEL SITO MONOLINGUA

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

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

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


/* 
html, body {
	height: 100%;
	width: 100%;
}
 */
hr.grigio{
	border-color: #cdcdcd;
}

.nascondi{
	display:none;
}


/*  img.lazy {
        max-width: 100%;
        display: block;
        
       
        background-image: url('../struttura/loader.gif');
        background-repeat: no-repeat;
        background-position: 50% 50%;
    } */
	


/* .lazyload {
    opacity: 0;
	transition: opacity 300ms;
	-webkit-transition: opacity 300ms;
} */

.lazyloading {
    opacity: 1;
    transition: opacity 300ms;
	-webkit-transition: opacity 300ms;
    background: #f7f7f7 url(../struttura/loader.gif) no-repeat center;
}


.titolo-home{
	font-size: 4.5em;
    font-weight: 700;
    margin: 0;
    padding: 0;
}


/* testo centrato verticalmente ed orizzontalmente*/
.text-vcenter {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.text-vcenter h1 {
	font-size: 4.5em;
	font-weight: 700;
	margin: 0;
	padding: 0;
}


.pad-section {
	padding: 50px 0;
}

/* 
  .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
} */

.well{
	min-height: 189.83px;
}

/* 
body{
	padding-top:50px;
} */

p>img{
    max-width: 100%;
    height: auto;
	}

/* Questa regola gestisce le immagini nei div contenuto che sono div che racchiudono i contenuti dinamici degli articoli */
.contenuto img{
    max-width: 100%;
    height: auto;
	}
/*****************************************
	  
	  TESTATA

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

/* logo brand */
.navbar-brand>img {
    max-height: 30px;
}

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

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


/*****************************************
	  
	  COLONNA 

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

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

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

@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

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


/* .affix {
	top:0;
	width: 100%;
	z-index: 9999 !important;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	background-color: #337ab7;
	border-color: #337ab7;
}
.affix a {
	color: #fff !important;
	padding: 15px !important;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.affix-top a {
	padding: 25px !important;
}

.affix ~ .container{
	position: relative;
	top: 50px;
} */

/* Small devices (tablets, 768px and up) */
@media (max-width: 767px){ 

a.navbar-brand {
    padding: 15px !important;
}
}


/* .navbar {
	margin-bottom: 0px;
} */



.dropdown-menu>li>a{
	padding: 5px 20px !important;
}

.dropdown-menu>li.logo>a:before{
	/* content: url(../struttura/fotografo_napoli_W20X20.png); */
	padding-right: 3px;
}

.dropdown-menu>li.logo>a:hover:before{
	/* content: url(../struttura/fotografo_napoli_20X20.png); */
	padding-right: 3px;
}

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


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

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

.testo-bianco{
	color: #FFF;
}

a.testo-bianco:hover{
	text-decoration: none;
}

/*****************************************
	  
	  FORM CONTATTI

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


/*****************************************
	  
	  MENU A DISCESA

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

/****************************
*
*	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;
}



/*********************************
*
*	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);
    }
}


/*****************************************
	  
	BOTTONE TORNA SU

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

#top{
    width:100px;
        border:1px solid #d2d2d2;
		background: #d0121c url(../struttura/to-top.svg) no-repeat center 50%;
        text-align:center;
        padding:5px;
        position:fixed;

        cursor:pointer;
        display:none;
        color:#FFF;
        font-family:verdana;
        font-size:12px;
		    height: 40px;
    width: 40px;
    right: 30px;
    bottom: 30px;
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 767px){ 
	#top{
    width:100px;
        border:1px solid #d2d2d2;
		background: #d0121c url(../struttura/to-top.svg) no-repeat center 50%;
        text-align:center;
        padding:5px;
        position:fixed;
		opacity: 0.65;

        cursor:pointer;
        display:none;
        color:#FFF;
        font-family:verdana;
        font-size:12px;
		    height: 40px;
    width: 40px;
    right: 10px;
    bottom: 10px;
}
}

a:hover{
	text-decoration: underline;
}




/*****************************************
	  
	Img google recaptcha

******************************************/
	.grecaptcha-badge{
		display:none;
	}

/*****************************************
	  
	 FINE CSS

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





/* effetto immagine Bianco e nero su hover mouse */
.bw {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.bw:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
}


/****************************
*
*	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;
}

/****************************
*
*	FIX per STAMPA
*
****************************/
@media print {
    a:link:after, a:visited:after {  
      display: none;
      content: "";    
    }
}