/*

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.   ***************/

body {

    line-height: 1.7;

}

@font-face {

    font-family: 'miller_text_scregular';

    src: url('font/miller-textsc-webfont.woff2') format('woff2'),

         url('font/miller-textsc-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



.nav > li > a {

    font-family: 'miller_text_scregular', serif !important;

font-size: 1em;

}

.nav-uppercase > li > a {

    font-weight: lighter;

}

h1, h2, h3, h4, h5 { 

	font-family: 'miller_text_scregular', serif !important;

	color: #A89981;

	font-weight: normal;

}

.h1, h1 {

    font-size: 3em;

line-height: 1em;

}

.h2, h2 {

    font-size: 1.8em;

}

h3 {font-size: 2em;}

p {

    margin-top: 0;

    text-align: justify !important;

}

.is-divider {

    background: transparent url("/logo-divider.png") no-repeat scroll center top;

}





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



.servizi h5 {  font-size: xx-large;  color: #000;}



.servizi h3 {  color: #fff;  font-size: xx-large;}



.Servizi-Testo h4 { 

	color: #000;

	font-size: 1.4em;

	line-height: 1;

}



.Servizi-Testo a.button.primary.is-underline:hover.lowercase.expand{ color: #000; }

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

.footer-1, .footer-2 {

    border-top: none !important;

}

.footer p {

    text-align: center !important;

}
/*************** FORM ***************/

.listradio-wrap li {
    display: inline-block;
    width: 100px;
}
.nf-form-layout .nf-field-element select, .nf-form-layout .nf-field-element input {
    height: auto;
}
.nf-field-container.html-container .nf-field-label {
    display: inline-block !important;
    color: #A89981 !important;
    font-size: 1.4em;
    font-family: 'miller_text_scregular', serif !important;
}
.nf-field-container.html-container .nf-field-label label {
    color: #A89981 !important;
}
#nf-form-4-cont nf-field:nth-child(1), #nf-form-4-cont nf-field:nth-child(2), #nf-form-4-cont nf-field:nth-child(3) {
    display: inline-block;
    width: 25%;
    margin-right: 5px;
}
#nf-form-4-cont nf-field:nth-child(5) {
    display: block;
}
div#nf-field-88-container {
    max-width: 500px;
    margin: 0 auto 20px;
    text-align: center !important;
}
.submit-container .nf-input-limit {
    margin-top: 0px !important;
}
#nf-form-4-cont .nf-error-msg {
    display: none;
    visibility: hidden;
}
#nf-form-3-cont .nf-form-fields-required {
    display: none;
	visibility: hidden;
}
li.nf-next-item input {
    background-color: #A89981;
}

/*************** punteggio circolare ***************/

.circliful .outer {
    fill: transparent;
    stroke: #333;
    stroke-width: 19.8;
    stroke-dasharray: 534;
    transition: stroke-dashoffset 1s;
    -webkit-animation-play-state: running;
    /* firefox bug fix - won't rotate at 90deg angles */
    -moz-transform: rotate(-89deg) translateX(-190px);
}

/* full circle 25 empty 534 */
.circliful .inner {
    fill: transparent;
    stroke: orange;
    stroke-width: 20;
    stroke-dasharray: 534;
    transition: stroke-dashoffset 1s;
    -webkit-animation-play-state: running;
    /* firefox bug fix - won't rotate at 90deg angles */
    -moz-transform: rotate(-89deg) translateX(-190px);
    stroke-dashoffset: 0;
}

.circliful {
    overflow: visible !important;

}

.svg-container {
    width: 100%;
    margin: 0 auto;
    overflow: visible;
    position: relative;
}

svg .icon {
    font-family: FontAwesome;
}

.legend-line {
    white-space: nowrap;
}

.color-box {
    width: 15px;
    height: 15px;
    border-radius: 2px;
    display: inline-block;
    float: left;
    padding-top: 3px;
    margin: 2px 5px 0 0;
}

@media only screen and (min-width: 91em) {

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

.header-inner.flex-row.container.logo-center.medium-logo-center, .row-full-width {

	padding-left: 150px;

	padding-right: 150px;

}

.is-border {border-width:0 200px !important;}

}

@media only screen and (min-width: 81em) and (max-width: 90em) {

.header-inner.flex-row.container.logo-center.medium-logo-center, .row-full-width {

    padding-left: 100px;

    padding-right: 100px;

}
	.is-border {border-width:0 100px !important;}

}
@media only screen and (min-width: 48em) and (max-width: 80em) {

.header-inner.flex-row.container.logo-center.medium-logo-center, .row-full-width {

    padding-left: 100px;

    padding-right: 100px;

}

.is-border {border-width:0 100px !important;}



}

@media only screen and (max-width: 48em) {

/*************** ADD MOBILE ONLY CSS HERE  ***************/

.header-inner.flex-row.container.logo-center.medium-logo-center, .row-full-width {

    padding-left: 10px;

    padding-right: 10px;

}
	h1 {font-size:1.4em;}

.col {
    padding: 0 25px 30px;
}
	.is-border {border-width:0 10px !important;}
#nf-form-4-cont nf-field:nth-child(1), #nf-form-4-cont nf-field:nth-child(2), #nf-form-4-cont nf-field:nth-child(3) {
    display: inline-block;
    width: 100%;
    margin-right: 0px;
}
#nf-form-4-cont nf-field:nth-child(5) {
    display: block;
}
div#nf-field-88-container {
    max-width: 100%;
    margin: 0 auto 20px;
    text-align: center !important;
}
}