/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

p { letter-spacing: 0.04em }

.button span { letter-spacing: 0.08em; }

h1, h2, h3, h4, .nav-uppercase > li > a { letter-spacing: 0.1em; }

h1, h2 { font-size: 0.8em; }

h3, h4, .Home-Title h1 { font-size: 1.5em; }

.dark h2 { color: #5480a7; }

.dark p { color: #222222; }


/*************** GRECO ***************/

.Greco-Titoli h1, .Greco-Titoli h2, .Greco-Titoli h3, .Greco-Titoli h4 { 
	letter-spacing: 0em;
	font-weight: normal!important;
}

/*************** POP UP ***************/

#header-newsletter-signup { max-width: 875px !important; }


/*************** HEADER ***************/

.header-nav.header-nav-main.nav.nav-left.nav-size-large.nav-spacing-large.nav-uppercase {
	text-align: center;
	display: block;
}

.social-icons {
	font-size: 1.2em!important;
	color: #5480a7;
}

.social-icons a:hover, .mobile-nav .icon-menu::before { color: #264d73; }

.button.white.is-outline:hover { color: #264d73!important; }

/*************** MENU MOBILE ***************/

.nav-sidebar.nav-vertical > li.menu-item.active, .nav-sidebar.nav-vertical > li.menu-item:hover {
	background-color: transparent;
	text-decoration: underline;
}

/*************** HOME ***************/

.text-box-content.text.dark { font-size: 110%!important; }

.Home-Box { 
	z-index: 1;
	position:relative;
}

.Home-Banner-Popolo h3 { line-height: 1.6; }

/*************** CONTATTI ***************/

.Contatti-Icon-Text p { font-size: 1.1em; }

.checkbox-container.label-right .field-wrap > div { width: auto!important; }

.label-right .nf-field-description { margin-right: 0!important; }

.nf-form-fields-required { 
	margin-bottom: 25px; 
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-weight: bold;
}

.nf-form-content label {
	font-size: 14px!important;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #264d73;
}

#nf-field-5, #nf-field-6, #nf-field-9, .nf-form-content textarea.ninja-forms-field, #nf-field-17, #nf-field-18, #nf-field-21, #nf-field-23, #nf-field-24, #nf-field-27 { 
	background: none;
	border: 0;
	border-bottom: 2px solid #264d73;
}

#nf-field-5:hover, #nf-field-6:hover, #nf-field-9:hover, #nf-field-7:hover, #nf-field-5:focus, #nf-field-6:focus, #nf-field-9:focus, #nf-field-7:focus, #nf-field-5:active, #nf-field-6:active, #nf-field-9:active, #nf-field-7:active, .nf-form-content input:not([type="button"]), .nf-form-content textarea, #nf-field-17:hover, #nf-field-18:hover, #nf-field-19:hover, #nf-field-21:hover, #nf-field-17:focus, #nf-field-18:focus, #nf-field-19:focus, #nf-field-21:focus, #nf-field-17:active, #nf-field-18:active, #nf-field-19:active, #nf-field-21:active, #nf-field-23:hover, #nf-field-24:hover, #nf-field-25:hover, #nf-field-27:hover, #nf-field-23:focus, #nf-field-24:focus, #nf-field-25:focus, #nf-field-27:focus, #nf-field-23:active, #nf-field-24:active, #nf-field-25:active, #nf-field-27:active { color: #264d73!important; }

#nf-field-5, #nf-field-6, #nf-field-9, #nf-field-17, #nf-field-18, #nf-field-21, #nf-field-23, #nf-field-24, #nf-field-27, #nf-field-25 { height: 0px; }

.nf-form-content textarea.ninja-forms-field { height: 100px!important; }

#nf-field-7:focus, #nf-field-19:focus, #nf-field-25:focus { 
	background: #eeeeec;
	border-color: #264d73;
}

#nf-field-8, #nf-field-26, #nf-field-20 { 
	width: 100%; 
	background: #264d73; 
	color: #fff!important;
	letter-spacing: 0.2em;
	line-height: inherit;
	font-size: 20px;
}

/*************** MAPPA  ***************/

.simpleMap-info span { 
	text-shadow: none!important; 
	letter-spacing: 0.04em;
	font-family: "Nanum Myeongjo", sans-serif;
}

/*************** BUTTON SCROLL  ***************/

#top-link.button.is-outline {
	border: 2px solid #264d73;
	background-color: #264d73;
	border-radius: 0px;
}

.button.icon i { color: #fff; }

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

.absolute-footer.dark { color: rgb(255, 255, 255); }

.absolute-footer {
	font-size: 1.2em;
	letter-spacing: 0.04em;
	font-family: "Nanum Myeongjo", sans-serif;
}

.copyright-footer a:hover { text-decoration: underline; }


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

	.banner h2, .banner h3 { line-height: 1.3; }
	
	.Home-Banner p { font-size: 1.2em; }
	
}