@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Bilbo+Swash+Caps');

.cid-r0q7qo3vIe .google-map { height: 25rem; position: relative; }

.cid-r0q7qo3vIe .google-map iframe {   height: 100%;   width: 100%; }

.cid-r0q7qo3vIe .google-map [data-state-details] {
  color: #6b6763;
  font-family: Montserrat;
  height: 1.5em;
  margin-top: -0.75em;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
}
.cid-r0q7qo3vIe .google-map[data-state] {background: #e9e5dc; }
.cid-r0q7qo3vIe .google-map[data-state="loading"] [data-state-details] {  display: none; }

.list .item #custom {
    width: 100%;
    height: 100%;
    padding: 40px;
    color: #FFF;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
}

/* START Gallery home page */
.wrapper {
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
	display: grid;
	grid-gap: 10px;
	grid-auto-rows: 200px;
	padding-bottom: 50px;
}

.griglia { grid-template-columns: repeat(4, 1fr); }
.griglia2 { grid-template-columns: repeat(4, 1fr); }

.fit img {width: 100%; height: 100%;  object-fit: cover; border-radius: 5px; background-color: rgb(178, 153, 105);}
.fit a:hover {opacity: 0.5;}

.one {grid-column: 1 / 3 ; grid-row: 1 / 3; border-radius: 5px; background-color: rgb(178, 153, 105);}
.two {grid-column: 3;  grid-row: 1 ; border-radius: 5px; background-color: rgb(178, 153, 105);}
.three {grid-column: 4;  grid-row: 1; border-radius: 5px; background-color: rgb(178, 153, 105);}
.four {grid-column: 3;  grid-row: 2; border-radius: 5px; background-color: rgb(178, 153, 105);}
.five {grid-column: 4;  grid-row: 2; border-radius: 5px; background-color: rgb(178, 153, 105);}
/* END Gallery home page */

#manda{border: none;}

#scroll {position: relative !important;}

aside {	width: 400px !important; padding-left: 30px !important;}
aside .blocktitle {	font: bold 16px/25px 'Open Sans', sans-serif !important;}

main .centre {padding-top: 50px !important; padding-bottom: 0px !important; padding-left: 50px !important; padding-right: 50px;}

main #content h2{ font-family: 'Bilbo Swash Caps' !important; font-size: 3em !important; text-transform: capitalize; }

#header .h1{ padding: 57px 0 70px !important;}

.fullwidth .usp { margin: 45px 0 !important;}

#tagscamera {padding-top: 0; margin: 0;}

#featured .item .title span {font-family: 'Bilbo Swash Caps' !important; font-size: 80px !important; }

.tags {margin:0 !important; padding-top:0px !important; padding-bottom: 50px;}

#recensioni a, a:active, a:hover, a:visited, a:checked, a:enabled { text-decoration: none; color:rgb(178, 153, 105);}

#contact {margin-top: 0px !important; margin-bottom: 0px !important; background: none !important;box-shadow: none !important;}
#contact button { width: 100% !important; margin:0px 0px 50px 0px !important; }
#contact .field, #contact select {	background: white;	opacity: 0.7; box-shadow: none !important;}
#contact .col{padding:5px!important;}

footer { background: url(../../media/slider-home/colazione_2019.jpeg)!important; background-size: cover !important; }
#footer .dark { opacity: 0.9; }

#modulocontatti{padding:50px 0 50px 0;}

#modulocontatti .col { display:inline-block; float: left;	width: calc(33.33% - 10px);	height: 100%; text-align: left;}

#modulocontatti select {
	background: rgba(255, 255, 255, 0.15) ;
    width: calc(97%/3);
    padding: 0  15px;
    border: 1px solid;
    border-radius: 4px;
    box-sizing: border-box;
    line-height:40px;
	resize: vertical;
	color: white;}

#modulocontatti textarea {height: 149px; padding: 12px 15px; display: block;}

#modulocontatti input[type=text], select, textarea {
	background: rgba(255, 255, 255, 0.15) ;
    width: 100%;
	height: 43px;
    padding: 0  15px;
    border: 1px solid;
    border-radius: 4px;
    box-sizing: border-box;
    line-height:40px;
    margin-bottom: 10px}

#modulocontatti input[type=submit] {
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

@media only screen and (max-width:1500px) {}

@media only screen and (max-width:1300px) {}

@media only screen and (max-width:1200px) {
	#left { width: calc(100% - 430px) !important;}
	.wrapper {padding-left:30px; padding-right:30px;}
}

@media only screen and (max-width:1024px) {
	.list .item .details p {display: block !important}
    #nav .nascondi { display:none; }
}

@media only screen and (max-width:900px) {
	main .centre {padding: 30px 50px !important;}
	#left { width:100% !important;}
	aside {	width: 100% !important; padding-left:0px !important;padding-right: 0px !important;padding-top: 50xp !important;}

	#contact {margin-top: 30px !important ;}
	#contact .col { padding: 20px 20px 5px 20px !important;}
	#contact form {padding-top: 0px !important;}
	#contact button { margin-bottom: 20px !important; }

	.one {  grid-column: 1 / 3 ;  grid-row: 1 / 3;}
	.two {   grid-column: 3 / 5 ;  grid-row: 1 ;}
	.three {  grid-column: 3 / 5;  grid-row: 2;}
	.four {  grid-column: 1 / 3 ;  grid-row: 3;}
	.five {  grid-column: 3 / 5;  grid-row: 3;}

	#footer .dark { display: inherit !important; margin: 0 !important;}
	#footer .news { display:none !important;}
	#footer .contact {text-align: center; float: none !important;width: 100% !important;}

	}

@media only screen and (max-width:800px) {
	#footer .contact {padding: 30px 0 30px !important;}
}

@media only screen and (max-width:700px) {
	#footerlinks {height: 100% !important; }
	#footerlinks span { display: block !important;  font-size: 10px/50px;}
	.ghost { display:none !important;}
}

@media only screen and (max-width:630px) {
}

@media only screen and (max-width:500px) {
	main .centre {padding: 30px 20px !important; }
	#extras {background:none !important; box-shadow: none !important;}

	.wrapper { 	grid-auto-rows: 150px; padding-bottom: 30px }
	.griglia2 { grid-template-columns: repeat(1, 1fr); }

	.one {	grid-column: 1 / 5 ; grid-row: 1 ;}
	.two {   grid-column: 1 / 5 ;  grid-row: 2 ;}
	.three {  grid-column: 1 / 5;  grid-row: 3;}
	.four {  grid-column: 1 / 5 ;  grid-row: 4;}
	.five {  grid-column: 1 / 5;  grid-row: 5;}

	.tags {margin:0 !important; padding-top:10px !important; padding-bottom: 0px;}
	#nascondi{display: none;}

}

@media only screen and (max-width:400px) {
	main .centre {padding: 30px 10px !important;}
	#map1-e { display:none !important;}
	#mygallery figure {	width: 100%; height: 150px;}


}