/*
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.   ***************/
.off-canvas-center.mfp-bg.mfp-ready { opacity: .95; }

.off-canvas-center .nav-sidebar.nav-vertical > li > a {
	font-family: "Raleway", sans-serif !important;
	font-size: 16px;
	letter-spacing: 1px;
}

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

li.menu-item.menu-item-type-post_type.menu-item-object-page {
	text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}

/*************** HEADER ***************/
.nav>li>a, .nav-dropdown>li>a { letter-spacing: 1px; };

.nav>li>a:hover { color: rgba(255,255,255,1);}

.nav-dropdown-has-border .nav-dropdown { border: 2px solid #abbca1; }

.nav-dropdown>li>a { 
	color: rgba(171,188,161,1); 
	font-weight: bolder;
}

.nav-dropdown>li>a:hover, .dark .nav-vertical>li>ul li a:hover { color: rgba(16,77,42,1); }

.nav-dropdown li.active>a { color: #abbca1; }

.button.primary:not(.is-outline), .button.primary:not(.is-outline) { background-color: #104d2a !important; }

/*************** PAGINE ***************/
.banner h2 {
    font-size: 90px;
    letter-spacing: 4px;
	font-weight: normal;
}

.banner h3 {
    font-size: 28px;
    letter-spacing: 2px;
}

.Title h2 {
	font-size: 65px;
    line-height: 0.5;
    letter-spacing: 4px;
	font-weight: normal;
}

.Title h6 {
	font-size: 30px;
    opacity: 1;
    text-transform: none;
    color: #000;
    letter-spacing: 4px;
    font-weight: lighter;
	margin-bottom: 50px;
}

.Title.Subtitle h6 { line-height: 0.8; }

.Title p { text-align: justify; }

.Home-Icone h5 {
	letter-spacing: 4px;
	padding-top: 24px;
	padding-left: 24px;
}

.Home-Citazione h3 {
    font-size: 22px;
    line-height: 1.4;
	text-align: justify;
}

.Home-Citazione h3 span {
	font-style: italic;
    font-size: 20px;
}

.Home-Indirizzo .icon { margin-bottom: 40px; }

a.button.secondary.is-underline {
    font-family: "Amiri", sans-serif;
    letter-spacing: 3px;
}

.button.is-underline:hover { color: #104d2a; }

.Contatti-Text p { width: 80%; }

/*************** COOKIE ***************/

#cookie-law-info-bar[data-cli-style="cli-style-v2"] { padding: 14px 40px; }

.cli-style-v2 .cli-bar-message { width: 60%; }

.cli-bar-message a, a#CONSTANT_OPEN_URL { font-weight: bold; }

.cli-bar-message a:hover { color: #fff; }

h4.bodytext { letter-spacing: 2px; }

.Title-Cookie h1 {
	font-size: 45px;
    line-height: 0.5;
    letter-spacing: 4px;
	font-weight: normal;
}

/*************** FORM CONTATTI ***************/

.Contatti-Icone h5 {
	letter-spacing: 4px;
	padding-top: 20px;
}

.nf-before-form-content {
    font-size: 14px;
    text-transform: uppercase;
    text-align: left;
    font-weight: bold;
    color: #104d2a;
    margin-bottom: 30px;
}

.nf-form-content label, .nf-form-content .ninja-forms-field { font-size: 14px !important; }

.nf-field-label label { font-weight: 100 !important; }

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

input#nf-field-9, input#nf-field-6, input#nf-field-5, input#nf-field-10 {
	background: transparent;
	border: none;
	border-bottom: 2px solid #abbca1;
	height: 30px !important;
}

textarea#nf-field-7 { 
	background: transparent;
	border: 2px solid #abbca1;
}

select#nf-field-12 { background: rgb(171 188 161 / 46%); }

.nf-form-content .list-select-wrap .nf-field-element>div { 
	background: transparent !important;
	border: none !important;
}

.nf-form-content select.ninja-forms-field {
    color: #104d2a !important;
	font-weight: bold;
}

.list-select-wrap div:after { color: #104d2a !important; }

.nf-form-content .list-select-wrap>div div:after { font-size: 14px !important; }

input#nf-field-8 {
	background: #abbca1;
	width: 100%;
}

.nf-form-content input[type=button]:hover { 
	color: #fff !important;
	background: #104d2a !important; 
	box-shadow: none;
}

.nf-error .nf-error-msg, .nf-error-msg {
	font-size: 14px;
	font-weight: bold;
}

.simpleMap-info span {
	text-shadow: none !important;
	color: #104d2a !important;
	text-transform: uppercase;
	padding: 0px 10px;
}

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

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

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

.absolute-footer.dark { color: #104d2a; }

.copyright-footer { color: #104d2a; }

.ninja-forms-req-symbol { color: #abbca1; }

.button.is-outline { 
	border: none;
    background-color: #104d2a; 
	border-radius: 0px !important;
	margin-bottom: 50px;
}

.icon-angle-up:before { color: #fff; }

.is-outline:hover {
	background-color: #abbca1 !important;
}


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

	.Title h2 { 
		font-size: 42px; 
		line-height: 1.2;
	}
	
	.Title h6 { font-size: 25px; }
	
	.banner h2 { font-size: 60px; }
	
	.banner h3 { 
		font-size: 20px; 
		line-height: 1.2;
	}
	
	h3 { font-size: 20px; }
	
	.Banner-Contatti h3 { font-size: 40px; }
	
	a.button.secondary.is-underline { font-size: 14px; }
	
	.Title-Cookie h1 { line-height: 1.2; }
	
	.cli-style-v2 .cli-bar-message { width: 100%; }
	
}