/*** DEBUG BOOTSTRAP 4 - DA TOGLIERE ***/
/*
body::before {
  content: "xs";
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  background-color: #000;
  color: #fff;
}
*/
/* Small devices (landscape phones, 576px and up) 
@media (min-width: 576px) { body::before { content: "sm"; } }
*/
/* Medium devices (tablets, 768px and up)
@media (min-width: 768px) { body::before { content: "md"; } }
*/
/* Large devices (desktops, 992px and up)
@media (min-width: 992px) { body::before { content: "lg"; } }
*/
/* Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { body::before { content: "xl"; } }
*/
/*** FINE DEBUG BOOTSTRAP ***/



.vis-landscape {
  display:none;
}

.vis-no-landscape {
  display:block;
}
@media screen and (max-device-width: 1824px) and (orientation : landscape) {

  .vis-landscape {
    display:block; 
  }

  .vis-no-landscape {
    display:none;
  }

}

/* .navbar-collapse.show { background-color: #ffffff !important;} */

/* Style for kore
* --------------------------------------- */

/* style base sections
* --------------------------------------- */
.section{
	text-align:center;
}

.section a {
  color:#fff !important;
}

/* vedere, deriva da esempio fullpage.js */
h1{
	font-size: 5em;
	color: #fff;
	margin:0;
	padding:0;
}

/* Backgrounds will cover all the section
* --------------------------------------- */
#section1,
#section2,
#section3,
#section4,
#section5{
	background-size: cover;
	background-attachment: fixed;
}

/* Defining each sectino background and styles
* --------------------------------------- */
#section1{
	background-image: url(../img/bg-home.jpg);
}

#section2{
	background-image: url(../img/bg-azienda.jpg);
}

#section3{
	background-image: url(../img/bg-prodotti.jpg);
}

#section4{
	background-image: url(../img/bg-gallery.jpg);
}

#section5{
	background-image: url(../img/bg-mappa.jpg);
}


/* Adding background for the slides (per futuro uso delle slide orizzontali)
* --------------------------------------- */
/*
#slide1{
	background-image: url(imgs/bg2.jpg);
	padding: 6% 0 0 0;
}
#slide2{
	background-image: url(imgs/bg5.jpg);
	padding: 6% 0 0 0;
}
*/


/* posizione testi sezioni - settato verticalCentered nel plugin */
/*
#section1 h1, #section2 h1, #section3 h1, #section4 h1, #section5 h1 {
	top: 50%;
	transform: translateY(-50%);
	position: relative;
}
*/

/* testi sezioni */
#section1 p {
	margin-top:24px;
	font-size: 18px;
	color:#ffffff;
}


#section2 h1, #section3 h1 {
	font-size: 38px;
	text-decoration: underline;
	color:#ffffff;
}

#section2 p, #section3 p {
	margin-top:24px;
	font-size: 18px;
	color:#ffffff;
}

#section4 h2 {
	padding-top:20px;
	padding-bottom:20px;
	font-size: 28px;
	color:#ffffff;
}


#section5 p {
	margin-top:24px;
	font-size: 14px;
	color:#ffffff;
}

#section5 h2 {
	padding-top:20px;
	padding-bottom:20px;
	font-size: 28px;
	color:#ffffff;
}

/* cerchi navigazione */
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    /*
    height: 4px;
    width: 4px;
	*/
    height: 14px;
    width: 14px;
    border: 0;
    /* background: #fff; */
    background: transparent;
    border:1px solid #fff;
    left: 50%;
    top: 50%;
    /* margin: -2px 0 0 -2px; */
    margin: -7px 0 0 -7px;
}

/* cerchi navigazione hover */
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
	/*
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
    */
    width: 18px;
    height: 18px;
    margin: -9px 0px 0px -9px;
}

/* cerchio navigazione attivo */
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
	/*
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
    */
    height: 16px;
    width: 16px;
    margin: -8px 0 0 -8px;
    border-radius: 100%;
    border:2px solid #fff;
 }

/* contenitori <li> cerchi navigazione */
#fp-nav ul li, .fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 20px;
    margin: 7px;
    position: relative;
}


/* formattazione menu */
.nav-link {
	color:#9b5413;
	font-family: 'CircularStd-Book', sans-serif;
	font-size:1.2rem;
}

.nav-item {
	padding-right:20px;
}


/* animazione pointer freccia verso il basso */
.fdown {
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0% {
    top:0px;
  }
  50% {
    top:6px;
  }
  100% {
    top:0px;
  }
}