/* Custom Variables */
:root{
	--red_bck : #ef5350;
	--red : #e54c3c;
	--dark : #333333;
	--white : #ffffff;
	--lightgray : #f5f5f5;
	--green : #2aa22f;
}

/* Custom Stylesheet */
html,
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  overflow-y: auto;
  text-rendering: optimizeLegibility;
  text-size-adjust: 100%;
  box-sizing: border-box;
  margin:0;
  padding:0;
}
*,
*::before,
*::after {
	box-sizing: inherit;
}

#loading.modal{
	width:400px;
	text-align:center;
}

.brand-logo {
	font-family: 'Satisfy', cursive;
	color: var(--red) !important;
	font-size: 2rem !important;
}
.container{
	margin:0 auto;
	padding: 20px;
}
@media(max-width: 900px){
	.container {
		/* width: 70%; */
		width:100% !important;
	}
}
.col .row {
	margin-left:0;
	margin-right:0;
}

p {
	font-size:1rem;
	line-height: 2rem;
	color: var(--dark);
}
br.dsp_mob{
	display:none;
}

/* Menu */
nav{
	background-color: var(--white);
	color: var(--red);
	border-bottom: 2px solid var(--red);
	box-shadow:none;
}
nav ul a{
	height:50px;
	color: var(--dark);
	font-weight:600;
	background-color: var(--white);
	border-bottom: 2px solid var(--white);
	padding: 0 10px;
}
nav ul a:hover {
	color: var(--red) !important;
	font-weight:600;
	background-color: var(--white) !important;
	border-bottom: 2px solid var(--red);
}
nav i.right {
	float: right;
	margin-left: 5px;
}
.nav-wrapper {
  _padding: 0 50px;
  padding:0;
  _overflow:hidden;
}
nav .sidenav-trigger{
	color: var(--red) !important;
	position: absolute;
	left: -30px;
}
.dropdown-content {
	width: 220px !important;
	top: 48px !important;
	height:auto;
}
.dropdown-content li>a,
.dropdown-content li>span {
	color: var(--dark);
	font-weight:600;
	background-color: var(--white);
	border-bottom: 2px solid var(--white);
}

/*Carousel*/
.carousel{
	height:450px;
}
.carousel .carousel-item>img {
	width: 100%;
	object-fit: cover;
	height: 450px;
}
.carousel.carousel-slider .carousel-fixed-item {
	position: absolute;
	_top:20px;
	left: 20px;
	right: 20px;
	bottom: initial;
	z-index: 2;
	top:50%;
	transform:translateY(-50%);
}
.carousel.carousel-slider .carousel-fixed-item.with-indicators {
	top:50%;
	transform:translateY(-50%);
}
.carousel.carousel-slider .carousel-fixed-item h2{
	font-size:36px;
	line-height:46px;
	font-weight:600;
	color:var(--white);
	text-shadow: 4px 4px rgba(0, 0, 0, 0.2);
	margin:0 auto;
}
.carousel.carousel-slider .overlay{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	background-color: rgba(0, 0, 0, 0.5);
	width:100%;
	height:100%;
}

/*Section*/
section.mission{
	background-color:var(--white);
	margin: 50px auto;
}
section.mission .promo i{
	color: var(--red);
}
section.vetrina-articoli {
	background-color: var(--lightgray);
	margin: 50px auto;
}
section.vetrina-articoli h2 {
	font-size: 36px;
	font-weight: 600;
	color: var(--dark);
	text-align: center;
}
section.vetrina-articoli .card .card-image img{
	object-fit: cover !important;
	width: 100%;
	height: 210px;
}
section.vetrina-articoli .card .card-content {
	position: relative;
	padding:10px;
	text-align:center;
}
section.vetrina-articoli .card .card-content .card-title{
	font-size: 18px;
	line-height: 20px;
	height: 50px;
	font-weight: 600;
	color: var(--dark);
	cursor:pointer;
}
section.vetrina-articoli .card .card-content .card-title:hover {
	text-decoration:underline;
}
section.vetrina-articoli .card .card-content .card-title i {
	margin-right: 0;
	margin-left: 0;
	position: absolute;
	top: 5px;
	right: 4px;
}
section.vetrina-articoli .card .card-content p {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color: var(--dark);
}
section.contact{
	background-color:var(--white);
	margin: 50px auto;
}
section.contact h3 {
	font-size: 24px;
	line-height: 24px;
	color: var(--red);
	font-weight: 600;
	margin: 10px 0 5px;
}
section.contact h3:first-child {
	margin-top:0;
}
section.contact h3 i{
	margin-right:5px;
}
section.contact .google-maps {
	position: relative;
	padding-bottom: 55%;
	height: 0;
	overflow: hidden;
}
section.contact .google-maps>iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
section.vetrina-prodotti{
	background-color:var(--white);
	margin: 50px auto;
}
section.vetrina-prodotti h2{
	font-size: 36px;
	font-weight: 600;
	color: var(--dark);
	text-align: center;
}

section.vetrina-prodotti .card .card-image {
	position: relative;
	object-fit: cover;
	width: 100%;
	height: 210px;
}
section.vetrina-prodotti .card .card-image .prev {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 30px;
	_background-color: #0000001c;
	color: #FFF;
	z-index:2;
}

section.vetrina-prodotti .card .card-image .prev a i,
section.vetrina-prodotti .card .card-image .next a i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 70px;
	color: #FFF;
}

section.vetrina-prodotti .card .card-image .next {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 30px;
	_background-color: #0000001c;
	color: #FFF;
	z-index:2;
}
section.vetrina-prodotti .card .card-image img{
	object-fit: cover !important;
	width: 100%;
	height: 210px;
}
section.vetrina-prodotti .card .card-content {
	position: relative;
	_padding: 10px 20px;
	padding:10px;
	text-align:center;
}
section.vetrina-prodotti .card .card-content .card-title{
    font-size: 18px;
    line-height: 20px;
    height: 50px;
	font-weight: 600;
	_color: var(--red);
	color: var(--dark);
	cursor:pointer;
}
section.vetrina-prodotti .card .card-content .card-title:hover {
	text-decoration:underline;
}
section.vetrina-prodotti .card .card-content .card-title i {
	margin-right: 0;
	margin-left: 0;
	position: absolute;
	top: 5px;
	right: 4px;
}
section.vetrina-prodotti .card .card-content p {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color: var(--dark);
}
section.privacy {
	background-color: var(--white);
	margin: 50px auto;
}

section.privacy h2 {
	font-size: 36px;
	font-weight: 600;
	color: var(--red);
	text-align: center;
}


section.dettaglio-prodotto img{
	width:100%;
}

section.dettaglio-prodotto h2 {
	font-size: 26px;
	font-weight: 600;
	color: var(--red);
	text-align: left;
}

section.dettaglio-prodotto .row h2 {
	font-size: 26px;
	font-weight: 600;
	color: var(--red);
	text-align: left;
	margin-top:0;
	margin-bottom: 0;
}

section.dettaglio-prodotto h2.dark {
	font-size: 26px;
	font-weight: 600;
	color: var(--dark);
	text-align: center;
}

section.dettaglio-prodotto .label{
	display:inline-block;
	width:100px;
	font-weight:600;
	font-size:16px;
}

section.dettaglio-prodotto .field {
	display:inline-block;
	font-weight:400;
	font-size:16px;
}

section.dettaglio-prodotto .block-img {
	width:100%;
	_height:330px;
	overflow:hidden;
	position:relative;
	vertical-align:baseline;
}

section.dettaglio-prodotto .block-img .prev {
	position:absolute;
	top: 50%;
	left: 0;
	transform:translateY(-50%);
	width: 50px;
	height:70px;
	background-color:#0000002e;
	color:#FFF;
}

section.dettaglio-prodotto .block-img .prev a i,
section.dettaglio-prodotto .block-img .next a i {
	position: relative;
	font-size: 70px;
	line-height:70px;
	color:#FFF;
	width: 100%;
	height: 100%;
}

section.dettaglio-prodotto .block-img .prev a i{
	margin-left:-10px;
}

section.dettaglio-prodotto .block-img .next a i {
	margin-left:-8px;
}

section.dettaglio-prodotto .block-img .next {
	position:absolute;
	top: 50%;
	right: 0;
	transform:translateY(-50%);
	width: 50px;
	height:70px;
	background-color:#0000002e;
	color:#FFF;
}


/*Footer*/
footer.page-footer {
	border-top:2px solid var(--red);
	background-color:var(--white);
	margin: 50px auto 0;
	padding:0;
}
footer.page-footer .container{
	margin-bottom:0;
}
footer.page-footer .col.right{
	text-align:right;
}
footer.page-footer p{
	margin:0;
}
footer.page-footer .row {
	margin: 0;
}
footer .col p{
	font-size:14px;
}


@media only screen and (max-width : 600px) {
	.nav-wrapper {
		padding: 0 10px;
		width: 90% !important;
	}

	footer .col {
		text-align: center !important;
	}

	section.privacy h2,
	section.vetrina-artcioli h2,
	section.vetrina-prodotti h2 {
		font-size: 24px;
	}
}

@media(max-width:500px) {
	.container{
		padding-left:0;
		padding-right:0;
	}
	br.dsp_mob {
		display: block;
	}
}


/* Da controllare */
.button-collapse {
  color: #ef2550;
}


.header {
  margin-top: 15%;
}

.header-subtitle {
  margin-top: 10%;
  font-size: 1.3em;
}

.col-articoli {
  margin-top: 60px;
  margin-bottom: 100px;
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

#articoli h5 {
  font-size: 1.3em;
  line-height: 1.6em;
}

.section-registrazione {
  width: 100%;
  height: 100%;
}

.registrazione-icon {
  font-size: 7em;
  margin-top: 60px;
}

.registrazione-subtitle {
  font-size: 1.3em;
  margin-top: 5%;
}

.btn-registrazione {
  width: 100%;
}

.ospita-icon {
  font-size: 7em;
  margin-top: 60px;
}

.ospita-subtitle {
  font-size: 1.3em;
  margin-top: 5%;
  line-height: 2em;
}

.btn-ospita {
  width: 100%;
}




.social-icon {
  font-size: 1.5em;
  color: #fff;
  padding: 0 20px;
}

.social-icon-contatti {
  font-size: 1.0em;
  color: #000000;
}

.social-icon:hover {
  color: #ef3550;
}


.cookie-container {
  position: fixed;
  bottom: -100%;
  left: 0;
  right: 0;
  background: #2f3640;
  color: #f5f6fa;
  padding: 0 32px;
  box-shadow: 0 -2px 16px rgba(47, 54, 64, 0.39);

  transition: 400ms;
}

.cookie-container.active {
  bottom: 0;
}

.cookie-container a {
  color: #f5f6fa;
}

.cookie-btn {
  background: #e84118;
  border: 0;
  color: #f5f6fa;
  padding: 12px 48px;
  font-size: 18px;
  margin-bottom: 16px;
  border-radius: 8px;
  cursor: pointer;
}


.indigo {
	background-color: var(--red) !important;
}
input:focus{
	border-bottom: 1px solid var(--red) !important;
	-webkit-box-shadow: 0 1px 0 0 var(--red) !important;
	box-shadow: 0 1px 0 0 var(--red) !important;
}
.indigo-text {
	color: var(--red) !important;
}
.grey.lighten-4 label{
	color: var(--red) !important;
	font-weight:600;
}
.indigo.darken-2 {
	background-color: var(--red) !important;
	color:#FFF;
}
.indigo-text.text-lighten-1{
	color: var(--red) !important;
}
#timestamp > i {
	width:30px;
	color:#FFF;
	float:left;
}
#timestamp>i.right {
	width: 30px;
	color: #FFF;
	float: right;
}
.btn,
.btn-large,
.btn-small{
	background-color: var(--red) !important;
}
table.edit b{
	color:var(--red) !important;
}
.row.button{
	margin-top:20px;
}
td,th{
	font-size:14px;
	padding: 5px 5px;
}
.five{
	width:5%;
}
.ten {
	width: 10%;
}
.twenty {
	width: 20%;
}
.fourty {
	width: 40%;
}