/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 12 2024 | 14:52:21 */
/*-------general------*/
a {text-decoration: none;}

p {font-size: 18px;}

body, #content, .entry-content, .post-content, .page-content, .post-excerpt, .entry-summary, .entry-excerpt, .widget-area, .widget, .sidebar, #sidebar, footer, .footer, #footer, .site-footer {
    font-family: "brandon-grotesque" !important;
}

.brandon{
font-family: "brandon-grotesque" !important;
}


h1.customtitle:before {
    content: "/";
    color: #0a87fb;
    font-size: 46px;
    position: relative;
    left: -30px;
    margin-right: -14px;
	font-weight: 500;
}

h1.customtitle {
    font-family: "brandon-grotesque" !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    line-height: 1.0em !important;
	letter-spacing: 0.7px;
}
.customtitle {
	font-family: "brandon-grotesque" !important;
	font-size: 40px !important;
	font-weight:700 !important;
	line-height: 1.2em !important;
}
h1.customtitlehalf:before {
    content: "/";
    color: #0a87fb;
    font-size: 46px;
    position: relative;
    left: -30px;
    margin-right: -14px;
	font-weight: 500;
}

h1.customtitlehalf {
    font-family: "brandon-grotesque" !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    line-height: 1.0em !important;
	letter-spacing: 0.7px;
}
.customsubtitle {
	font-size: 24px !important;
}
h1.customtitlegray {
    font-family: "brandon-grotesque" !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    line-height: 1.0em !important;
	letter-spacing: 0.7px;
}
h1.customtitlegray:before {
    content: "/";
    color: #fff;
    font-size: 46px;
    position: relative;
    left: -30px;
    margin-right: -14px;
	font-weight: 500;
}

h2 {
    font-family: "brandon-grotesque" !important;
    font-size: 36px !important;
    line-height: 1.0em !important;
	letter-spacing: 0.7px;
}

@media (max-width: 768px){
h1.customtitle:before {
    font-size: 32px;
}

h1.customtitle {
	margin-left:40px;
}
	h1.customtitlehalf:before {
    font-size: 32px;
    
}

h1.customtitlehalf {
    font-family: "brandon-grotesque" !important;
    font-size: 30px !important;
    margin-left:10px;
}
	h1.customtitlegray {
    font-size: 30px !important;
}
h1.customtitlegray:before {
    font-size: 32px;
}
	}
/*-----page title------*/
.page-title h1:before {
 content: "/";
    color: #0a87fb;
    font-size: 46px;
    position: relative;
    left: -30px;
    margin-right: -14px;
	font-weight: 500;
	text-transform:uppercase;
}
.page-title h1 {
	text-transform:uppercase;
}
.fancy-header .hgroup, .page-title .hgroup {
    overflow: visible;
}
li.current {
    color: #0a87fb;
}
/*------swap-on-mobile-------*/
@media only screen and (max-width: 769px) {
	.swap-on-mobile {
		display: flex !important;
		flex-direction: column-reverse;
	}
}

.customcolumn{
	padding-top: 7% !important;
    padding-right: 7% !important;
    padding-bottom: 7% !important;
    padding-left: 7% !important;
	
}
@media (max-width: 768px){
.customcolumn	
	{padding-top: 30px !important;
    padding-right: 30px !important;
    padding-bottom: 30px !important;
    padding-left: 30px !important;}
	
}
/*-----image overlay----*/
.mpc-item-overlay p {
    color: #fff !important;
    font-size: 14px !important;
    margin-top: 8px;
    line-height: 1.1em;
}
/*-------wpml custom-----*/

li.menu-item.wpml-ls-slot-8.wpml-ls-item.wpml-ls-item-en.wpml-ls-menu-item.wpml-ls-first-item.menu-item-type-wpml_ls_menu_item.menu-item-object-wpml_ls_menu_item.menu-item-wpml-ls-8-en.first.depth-1 {
    max-width: 60px;
}
.wpml-ls-slot-8 ul.sub-nav.level-arrows-on {max-width: 60px; margin-left:-6px;
}
/*-----elenchi puntati---*/
#lista-web-font {
  list-style-type: none;
}
#lista-web-font > li {
  text-indent: -1.5em;
  margin-left: 1.5em;
}

i.fa.fa-caret-right {
    color: #0a87fb;
    margin-right: 20px;
    margin-left: -30px;
}
ul.fa-ul {
    margin-left: 30px;
}
.fa-ul li {
    list-style: none;
    margin-bottom: 15px;
}

.fa-ul li a {
    color: #666b6e;
}
/*------counter------*/
.mpc-counter--style_6 {
    display: inline-block !important;
}

.mpc-counter__counter .mpc-counter--target {
    font-weight: 700;
}

/*-----overflow----*/
.overflow{overflow:hidden !important;
border:40px solid #fff;}

@media (max-width: 768px){
.overflow{
border:20px solid #fff;}	
}

/*-----mobile-menu----*/
.mobile-main-nav li > a .menu-text {
    text-transform: uppercase;
}

/*-----list----*/
.mpc-list__ul .mpc-list__item {
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
}


/*-----form-----*/
.line {
    display: inline-block;
    width: 100%;
    background-color: #02aef2;
    height: 3px;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    font-size: 14px;
	font-family: "brandon-grotesque" !important;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	font-size: 14px;
	font-family: "brandon-grotesque" !important;
}
.full {
    margin-top: 32px;
    margin-bottom: 32px;
}
/*------post-----*/
.post-details.details-type-btn {
    margin-bottom: 0;
    margin-top: 15px;
}

/*-------wp-block button-----*/
.wp-block-file__button {
    background: #02aef2;
    color: #fff !important;
    text-decoration: none;
    border-radius: 0px !important;
    padding: 3px 25px;
}
.wp-block-file {
    box-sizing: border-box;
    display: inline-flex;
    width: 350px;
}
/*------row-parlaci-progetto------*/
.parlaci-progetto{
	background-image: url(/wp-content/uploads/2024/03/Raggruppa-28437.jpg);
  background-size: cover;
	background-position: left top;
  background-repeat: no-repeat;
}
/*----button-----*/
span.mpc-button__title.mpc-transition {
    letter-spacing: 0.3px;
    font-weight: 700;
	font-family: "brandon-grotesque" !important;
}
}
/*-------wp-bakery-----*/
.vc-gitem-zone-height-mode-auto:before {
    content: "";
    display: block;
    padding-top: 80%;
}

/*-----footer----*/
.footer h4 {
    font-weight: 700;
}
#footer p {
    font-size: 16px;
    margin-bottom: 5px;
}
#bottom-bar p {
    margin-bottom: 0;
    font-size: 14px;
}

.social {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 18px;
    margin-top: 7px;
    margin-left: 5px;
}
.flag {
    position: relative;
    display: inline-block;
    float: right;
    margin-right: 18px;
    margin-top: 7px;
    margin-left: 5px;
}