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

/*    font    */
@font-face {
	font-family: "DMSans";
	src: url("fonts/DMSans-Regular.woff2") format("woff2");
}
/* @font-face {
	font-family: "Felix";
	src: url("fonts/Felix.woff2") format("woff2");
} */
/* @font-face {
	font-family: "Magnita";
	src: url("fonts/Magnita.woff2") format("woff2");
} */

/* h1,
h2,
h4,
h5,
h6 {
	font-family: "DMSans", sans-serif;
} */
/* a {
	font-family: "DMSans", sans-serif;
} */
p,
span {
	font-family: "DMSans", sans-serif;
	/* font-size: 18px; */
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.4px;
}

/* h1 {
	font-size: 79px !important;
	font-weight: 500 !important;
	line-height: 94.8px !important;
	text-transform: uppercase;
} */

/* h2 {
	font-size: 51px !important;
	font-weight: 500 !important;
	line-height: 61.2px !important;
} */
/* h3 {
	font-family: "DMSans", sans-serif;
	font-size: 31px;
	font-weight: 500;
	line-height: 1.4em;
} */




.footer-text li>a {
	color: white;
}

.footer-text li>a:hover {
	color: #2f769d;
}

.absolute-footer {
	background-color: #fff;
	color: #2f769d;
}


.absolute-footer .footer-primary{
	color: #2f769d;
}

.button-custom{
	border-color: #fff;
}

.button-custom:hover{
	background-color: #fff !important;
}

.button-custom span:hover{
	color: #2f769d;
}

/* padding menu */
div#masthead {
	padding: 0 5%;
}

li.menu-item {
	padding: 0 20px;
}

.padding-column{
	padding: 4% 6% !important;

}

.border-column .col-inner{
	border: 1px solid #ededed;
	border-radius: 10px;
}
.border-column .box-image {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.width-90{
	width: 90%;
}
i.icon-envelop {
	font-size: x-large;
}

/* form contatti */
div#form-contatti div{
	margin: 10px 0;
}


.margin-0 p{
	margin: 0;
}

svg.flickity-button-icon {
  max-width: 50px;
	width: 50px;
}
.flickity-button.previous {
	margin-left: 5px
}

.flickity-button.next{
	margin-right: 5px
}

.custom-border img, .custom-arrows img {
    border-radius: 20px;
}

span.acf_color {
	color: #2f769d;
	font-weight: 500;
}

.vertical-center {
	align-items: baseline;
}

@media only screen and (min-width: 48em) {
	.stretch-between {
		display: grid;
		justify-content: end;
	}
}


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

section.mobile {
	margin-bottom: 30px;
}

}