@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Lora:ital,wght@0,400;0,700;1,400&display=swap');


/* TIPOGRAFIA */

body {
	font-size:16px;
	line-height:30px;
}
body p {
	font-size:16px;
	line-height:30px;
	margin:0px 0px 20px;
}
h1,h2,h3,h4,h5,h6,.display1,.display2,.display3, .titolo-h1 .g-title{
	font-weight:bold;
	font-family: 'Inter', sans-serif;
}
h1 {
	font-size:36px;
	line-height:1;
	margin:30px 0px 10px;
	letter-spacing: -0.03em;
	color: #a67152;
}
h2 {
	font-size:24px;
	line-height:30px;
	margin:30px 0px 6px;
}
h3 {
	font-size:18px;
	line-height:30px;
	margin:30px 0px 6px;
	text-transform:uppercase
}
h4 {
	font-size:16px;
	font-weight:bold;
	margin:10px 0px 0px;
	font-family:roboto, sans-serif;
}
.h1,.titolo-h1 .g-title {
	font-size:48px;
	line-height:1;
	margin:30px 0px 10px;
	letter-spacing: -0.03em;
	color: #a67152;
}
.intro {
    font-size:18px;
	line-height:30px;
	margin:0px 0px 15px;
}
.display1 {
	font-size: 48px;
	line-height: 1;
	letter-spacing: -2px;
	margin:0px;
}
.display2 {
	font-size:31.5px;
	line-height:1;
	margin:0px;
}
.display3 {
	font-size:24px;
	line-height:1;
	margin:0px 0px 7px;
}
.display4 {
	font-size:24px;
	line-height:1;
	text-transform:uppercase;
	font-weight:400;
	border-bottom: 2px solid #fff;
	display: inline-block;
	margin-bottom: 40px;
	padding-bottom: 40px;
	letter-spacing: 2px;
	font-weight:700;
}
.pre-titolo,.post-titolo {
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 16px;
	margin: 0px 0px 10px;
	line-height: 1;
}
.pre-titolo::after {
    content: ' ';
    display: block;
    width: 25px;
    height: 2px;
    background-color: #333;
    position: relative;
    top: 14px;
	margin-bottom:20px;
}

.intro::before {
	content: ' ';
	display: block;
	width: 50px;
	height: 2px;
	background-color: #a67152;
	margin-bottom: 20px;
	margin-top: 24px;
}
.testo {max-width:800px;margin:auto;}

.button {
	box-shadow: 4px 4px 14px 0 rgba(0,0,0,.2)!important;
	border-radius: 100px;
	line-height: 1;
	font-size: 18px;
	padding: 0.55rem 1.5rem 0.65rem;
}
@media only screen and (min-width:88rem) {

h1 {
	font-size:48px;
	line-height:1;
	margin:30px 0px 10px;
	letter-spacing: -0.03em;
	color: #a67152;
}
h2 {
	font-size:24px;
	line-height:30px;
	margin:30px 0px 6px;
}
h3 {
	font-size:18px;
	line-height:30px;
	margin:30px 0px 6px;
	text-transform:uppercase
}
h4 {
	font-size:16px;
	font-weight:bold;
	margin:10px 0px 0px;
	font-family:roboto, sans-serif;
}
.h1,.titolo-h1 .g-title {
	font-size:48px;
	line-height:1;
	margin:30px 0px 10px;
	letter-spacing: -0.03em;
	color: #a67152;
}
.intro {
    font-size:18px;
	line-height:30px;
	margin:0px 0px 15px;
}
.display1 {
	font-size: 64px;
	line-height: 1;
	letter-spacing: -2px;
	margin:0px;
}
.display2 {
	font-size:31.5px;
	line-height:1;
	margin:0px;
}
.display3 {
	font-size:24px;
	line-height:1;
	margin:0px 0px 7px;
}
.display4 {
	font-size:24px;
	line-height:1;
	text-transform:uppercase;
	font-weight:400;
	border-bottom: 2px solid #fff;
	display: inline-block;
	margin-bottom: 20px;
	padding-bottom: 20px;
	letter-spacing: 2px;
}
	
	
}
/*----------- CUSTOM GRID -------------*/
.custom-content {
  margin: 0 10px 10px 0;
  padding: 0 15px 15px 0;
}

.titolo-grid {
	background-color: #f1eee4;
}

/*------------- variazioni custom -----------*/
.titolo-grande .g-title {
  font-weight: 400;
  text-align: center;
  margin-bottom:25px;
  margin-bottom: 25px;
	font-size: 30px;
	letter-spacing: -0.025em;
}


/* ----------- LOGO ------------- */

.custom-logo .g-logo {
	max-width:160px;	
}
@media only screen and (max-width: 50.99rem) {
	.g-logo {
		margin:auto;
	}
}
/*---------- MENU ----------------*/
.g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
	text-transform:uppercase;
	letter-spacing: 0.05em;
	font-weight: 400;
}
.g-offcanvas-toggle {
  top: 22px;
}
#g-offcanvas #g-mobilemenu-container {
 margin-left: -35px;
}
#g-mobilemenu-container .g-toplevel li .g-menu-item-content {
  line-height: 2;
  font-size: 20px;
  text-transform: uppercase;
}
/*------------ SLIDE-HOME-----------*/
.slide-home-outer {
	width:100%;
	height:calc(100vh - 100px);
	padding:0 5vw 20vh;
	background-color: #70635f;
	background-image: url('/images/slide1-2560.jpg');
	background-size: cover;
	background-position: center bottom;
}
.slide-home-inner {
	height: 100%;
	width: 100%;
	display:table
}
.slide-home-inner-cell {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	text-shadow: 0px 0px 30px #1f0b02;
}
.fade-in {
	-webkit-animation: 1s ease 0s normal forwards 1 fadein-delay;
	animation: 1s ease 0s normal forwards 1 fadein-delay;
}
.slide-azienda-outer {
	width:100%;
	height:calc(30vh);
	padding:0 5vw;
	background-color: #70635f;
	background-image: url('/images/azienda-2560.jpg');
	background-size: cover;
	background-position: center;
}
@media only screen and (min-width:30rem) {
	.slide-home-outer {
	padding:0 25vw 10vh;
}
	.slide-azienda-outer {
	padding:0 25vw 0vh;
}
}

/*----------------------- JOOMLA ARTICLE ---------------------------------------*/
.g-joomla-articles .g-content {
	height:100%;
}

.g-joomla-articles .g-array-item {
	background-color:#fff;
	box-shadow: 0 10px 30px -20px rgba(0, 0, 0, 0.6);
	padding-bottom:25px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	height: 100%;
}
.g-joomla-articles .g-array-item:hover {
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.6);
}
.g-joomla-articles .g-item-title {
	padding:0 15px;
	font-weight:700;
	text-transform:none;	
}
.g-joomla-articles.g-content-array .g-item-title a {
  color: #6c5852;
}

/* ----------------------------- A N I M A Z I O NI---------------------------------------*/



@keyframes fadein{
    0% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadein{
    0% { opacity:0; }
    100% { opacity:1; }
}

@keyframes fadein-delay{
    0% { opacity:0; }
    50% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadein-delay{
    0% { opacity:0; }
    50% { opacity:0; }
    100% { opacity:1; }
}

/*------------------------------- CHRONOFORM -----------------------------------------*/

/* .chronoforms {font-family:roboto, sans serif;} */

#contatto {
	position: relative;
	top: -65px;
	height: 0px;
}

.ui.form ::-moz-placeholder {
    color: #000000!important;
}

.ui.form ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #000!important;
}
.ui.form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #000!important;
}
.ui.form ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #000!important;
}
.ui.form :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #000!important;
}
.ui.form .field > label {
	color:inherit!important;
}

.ui.form textarea, .ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"] {
	font-family: roboto,'Helvetica Neue',Arial,Helvetica,sans-serif!important;
	border: 1px solid #d5c4c4 !important
	color: rgba(0,0,0,.87)!important;
	border-radius: 4px!important;
}



.chronoforms6_credits {
	display:none!important;
}
.ui.form input:not([type]),
.ui.form input[type=date],
.ui.form input[type=datetime-local],
.ui.form input[type=email],
.ui.form input[type=file],
.ui.form input[type=number],
.ui.form input[type=password],
.ui.form input[type=search],
.ui.form input[type=tel],
.ui.form input[type=text],
.ui.form input[type=time],
.ui.form input[type=url],
.ui.button {
	font-family:inherit!important;
}

.ui.form label {
	font-size:1.1em!important;
}
.ui.yellow.button, .ui.yellow.buttons .button {
	display: inline-block;
	font-family: "Inter";
	font-weight: 700;
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	margin: 0 0 0.5rem 0;
	padding: 0.55rem 1.5rem 0.65rem;
	border: 2px solid transparent;
	vertical-align: middle;
	text-shadow: none;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
    background-color: #ec9d3b !important;
	box-shadow: 4px 4px 14px 0 rgba(0,0,0,.2);
	color: #fff !important;
	text-transform: none;
	line-height:1;
	border-radius:100px;
}
.ui.yellow.button:hover, .ui.yellow.buttons .button:hover, .ui.yellow.button:active, .ui.yellow.buttons .button:active, .ui.yellow.button:focus, .ui.yellow.buttons .button:focus  {
	background: #ffffff !important;
	color: #ec9d3b !important;
  border-color: #ec9d3b;
  cursor: pointer;

}
.ui.form .required.field > label::after, .ui.form .required.fields.grouped > label::after, .ui.form .required.fields:not(.grouped) > .field > label::after {
    display: none!important;
}

.ui.form .field {
    margin: 0 0 0.5rem!important;
}
@media only screen and (max-width:767px) {
 .ui.selection.dropdown .menu {
  max-height:none!important;
 }
}

/* ----------------- BANNER FISSO TASTI RAPIDI MOBILE ---------------------------------------*/

.banner-contatti {
    position: fixed;
    z-index: 100;
    text-align: center;
    bottom: 0px;
    left: 0px;
    padding:0px;
    width:100%;
    background-color: #ec9d3b;
	box-shadow: 0 0px 6px rgba(0,0,0,0.16), 0 -1px 6px rgba(0,0,0,0.23);
}
.banner-contatti-item a {
    color:#52433e!important;
}
.banner-contatti-item {
	float:left;
	width:33.333%;
	text-align:left;
	margin:0px;
	padding:2px 0;
	font-size:16px;
	text-transform:uppercase;
	font-weight:700;
}
.banner-contatti-item span.fa {
	font-size:150%;
	position: relative;
	top: 3px;
}
.contatti-button-inner {margin:0 auto;}

.banner-contatti .informazioni, .banner-contatti .mappa , .banner-contatti .chiama {
    float:left;
    text-align:left;
    color: #FFF;
    padding: 5px 0px;
	
}




/* .contatti-button1 {background-color: #5d8d5e;}

.contatti-button2 {background-color: #c94f55;}

.contatti-button3 {background-color: #8f2c31;} */

.contatti-button1, .contatti-button2, .contatti-button3 {
   padding:4px 2px;
/*    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0,0,0,.12); */
   border-radius:6px;
   text-align:center;
   line-height: 30px;
}

.banner-contatti-testo {line-height:40px;}
@media (max-width:50.99rem) {
#g-copyright {
	padding-bottom:40px;
}
}