/*
Theme Name: FINCOS
Theme URI: http://www.gruppopragma.com
Author: Gruppo Pragma - Luca Larice
Author URI: http://www.gruppopragma.com/
Description: Tema personalizzato per FINCOS
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pragma 
Tags:

Pragma theme is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/




/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}



/*--------------------------------------------------------------
# UTILITY: spacers
--------------------------------------------------------------*/
.spaceT5{padding-top:5px;}
.spaceT10{padding-top:10px;}
.spaceT20{padding-top:20px;}
.spaceT30{padding-top:30px;}
.spaceT40{padding-top:40px;}
.spaceT50{padding-top:50px;}
.spaceT100{padding-top:100px;}
.spaceB5{padding-bottom:5px;}
.spaceB10{padding-bottom:10px;}
.spaceB20{padding-bottom:20px;}
.spaceB30{padding-bottom:30px;}
.spaceB40{padding-bottom:40px;}
.spaceB50{padding-bottom:50px;}
.spaceB100{padding-bottom:100px;}
.spaceTB5{padding-top:5px; padding-bottom:5px;}
.spaceTB10{padding-top:10px; padding-bottom:10px;}
.spaceTB20{padding-top:20px; padding-bottom:20px;}
.spaceTB30{padding-top:30px; padding-bottom:30px;}
.spaceTB40{padding-top:40px; padding-bottom:40px;}
.spaceTB50{padding-top:50px; padding-bottom:50px;}
.spaceTB100{padding-top:100px; padding-bottom:100px;}
.space10{padding:10px;}
.space15{padding:15px;}
.space20{padding:20px;}
.space30{padding:30px;}
.space40{padding:40px;}
.space50{padding:50px;}
.spaceL5{padding-left:5px;}
.spaceL10{padding-left:10px;}
.spaceL20{padding-left:20px;}
.spaceR5{padding-right:5px;}
.spaceR10{padding-right:10px;}
.spaceR20{padding-right:20px;}


/*--------------------------------------------------------------
# UTILITY: font
--------------------------------------------------------------*/
.bold{font-weight: 500;}
b, strong{font-weight: 500;}
.full-height{height:100%;}
.uppercase{text-transform: uppercase;}
.lowercase{text-transform: lowercase;}



/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
.bg-white{background: #fff;}

.bg-grey{background: #f2f2f3;}
.bg-green{background-color: #567A5D;}


.white, .white a{color: #fff !important;}





/*--------------------------------------------------------------
# GENERAL SETUP
--------------------------------------------------------------*/
html{
	font-size: 62.5%; /* $rembase = 10px */
}
body {
	background: #ffffff; /* Fallback for when there is no custom background color defined. */
}
ul, ol {
	margin: 0 0 1.5rem 1rem;
	padding: 0;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul, li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
hr {
	border: 0;
	height: .8px;
	margin: 1em auto 1em;
	color: #c3cacd;
	width: 100%;
    background: #c3cacd;
    width: 100%;
}
hr.hr-full{
	width: 100%;
}
hr.hr-footer{
	color: #c3cacd;
	background: #c3cacd;
	width: 200px;
}
.white hr, .hr-white{
	color: #c3cacd;
	background: #c3cacd;
}
/* HR image */
/*.hr{
	display: block;
    border: 0px;
    height: 12px;
    background-image: url('assets/images/hr.png');
    background-size: auto 12px;
    max-width: 200px;
    margin-left: 0;
    margin-top: 15px;
    margin-bottom: 15px;
}*/


.two-columns{
	column-count: 2;
	column-gap: 30px;
}
.two-columns p{margin-bottom:0 !important;}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, textarea {
	color: #000000;
    font-family: 'Montserrat', sans-serif;
	font-size: 1.3rem; /* 13 ÷ $rembase */
	line-height: 1.8rem;
	font-weight: 300;
	letter-spacing: .5px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'DM Serif Text', serif;
	clear: both;
	font-weight: normal;
}


/* FIBONACCI font base
H1=32
H2=24
H3=19
H4=16
H5=14
H6=13
*/

h1, .h1{
    font-size: 2.5rem; 
    font-weight: 200;
    margin-bottom: 2rem;
}
h2, .h2{
    font-size: 2.5rem; 
    margin-bottom: 2.2rem;
}
h3, .h3{
    font-size: 1.5rem; 
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
}
h4, .h4{
    font-size: 1.6rem; 
	margin-bottom: 1.2rem;
}
h5, .h5{
    font-size: 1.4rem; 
    text-transform: uppercase;
    font-weight: bold;
}
h6, .h6{
    font-size: 1.3rem; 
    line-height: 1.4;
    font-weight: 500;
}


p {
	margin-bottom: 1.4em;
}


/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a { 
	color: #000; 
	text-decoration: underline;
}
a:visited {
	color: #000;
}
a:hover, a:focus, a:active {
	color: #000;
	text-decoration: none;
}
a:focus {
	outline: thin dotted;
}
a:hover, a:active {
	outline: 0;
}


.icon-logo{
	height: 35px;
}





/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.menu-cont{
	margin-top: 10px;
}
.main-navigation {
	clear: both;
	display: block;
	width: 100%;
}
.secondary-navigation{
	margin-top: 5px;
	padding-top: 5px;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li {
	display: inline-block;
	position: relative;
}
.main-navigation a {
	display: block;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
	padding:0 15px;
}
.white-nav a{color: #fff}
.secondary-navigation a {
	font-size: 1.2rem;
	font-weight: 200;
	color: #fff;
	padding:0 0 0 25px;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a,
.main-navigation .current_page_parent > a,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current-page-ancestor > a,
.main-navigation .current-menu-ancestor > a {
	text-decoration: underline;
}

.main-navigation .sub-menu{
	display: none;
	position: absolute;
	left: -50%;
	top: 0;
	margin-top: 36px;
	padding-top: 45px;
	z-index: 10;
	width: 260px;
	background-color: rgba(0, 128, 51, 0.6); 
}
.main-navigation .sub-menu li a{
	color: #fff;
	text-decoration: none;
	padding: 8px 10px;
	font-size: 1.2rem;
}
.main-navigation .sub-menu li{
	margin: 0;
	background-color: rgba(0, 128, 51, 0.6); 

	width: 100%;
	text-align: center;
}
.main-navigation .sub-menu li:hover, .main-navigation  .sub-menu li.current-menu-item{
	background-color: #007d32;
	text-decoration: none;
}	
.main-navigation  .sub-menu li:hover a::before, .main-navigation  .sub-menu li.current-menu-item a::before{
	content: none;
}
.main-navigation li.menu-item-has-children:hover .sub-menu{
	display: block;
}


/* mobile nav */
.mobile-menu-slideout-toggle{
	font-size: 2rem;
}
.mobile-navigation div > ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.mobile-navigation li{
	display: block;
	position: relative;
}
.mobile-navigation a {
	display: block;
	letter-spacing: 0.12rem;
	text-transform: lowercase;
	text-decoration: none;
	color: #000;
	font-size: 1.5rem;
	padding: .8rem 0;
	font-weight: 500;
}
.mobile-navigation li:hover > a,
.mobile-navigation li.focus > a,
.mobile-navigation .current_page_item > a,
.mobile-navigation .current-menu-item > a,
.mobile-navigation .current_page_ancestor > a,
.mobile-navigation .current-menu-ancestor > a {
	text-decoration: underline;
}


.mobile-menu-overlay {
    height: 0;
    left: 0;
    overflow-x: hidden;
    position: fixed;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 10000;
}
.menu-link{
	font-size: 1.2rem;
	color: #fff;
}
.menu-link-home{
	color: #fff;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-branding{
	text-align: center;
}
.site-header-home{
    position: absolute;
    width: 100%;
	z-index: 10;
}
.main-banner{
	position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    overflow: hidden;
}
/*.main-banner:before{
    content:"";
    position: absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    z-index:1000;
    background:linear-gradient(to right,rgba(10, 10, 10, .15), rgba(10, 10, 10, .15));
}*/
.homepage-heading__container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	width: 70%;
}

.homepage-heading {
    color: #f7f7f7;
    text-align: center;
}

.homepage-heading--text {
	font-weight: 200;
	font-size: 3rem;
	color: #fff;
	display: none;
}


.site-header{
	padding: 30px 0;
}
.header-text{
	font-size: 1.3rem;
	text-transform: uppercase;
}
.header-text a{
	color: #6585a8;
	font-weight: bold;
}
.social-top a{
	color: #488dc6;
	padding-left: 5px;
	font-size: 2rem;
}
.social-top a:hover{
	color: #1d497d;
}
.site-title{
	margin-bottom: 0;
	padding-bottom: 0;
	position: relative;
	max-width: 210px;
	line-height: 0;
	display: inline-block;
}






/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.moove-gdpr-branding-cnt{display: none}
.footer-logo{
	width: 200px;
}
.site-footer{
	font-size: 1.1rem;
	line-height: 1.8rem;
	padding: 60px 0;
}
.site-footer a{color: #000;}
.footer-menu-cont ul{
	margin: 0;
	list-style-type: none;
}
.footer-menu-cont li{
	display: block;
}
.social a{
	font-size: 2rem;
}
.widget_media_image{
	padding-bottom: 20px;
}

.img-footer img{
	height: 30px;
	width: auto;
}

.contact-button {
    position: fixed;
    bottom: 80px;
    right: 0px;
}
.contact-button img {
    max-width: 50px;
}


.whataspp-button {
    position: fixed;
    bottom: 20px;
    right: 0px;
}
.whataspp-button img {
    max-width: 50px;
}

.logo-image img{
	height: 60px;
}



.lightbox-box{
	border: 5px solid #e9cc74;
	border-radius: 20px;
	padding: 30px;
	max-width: 400px;
	display: none;
}
.lightbox-box img{
	width: 55px;
	margin-bottom: 20px;
}



/*--------------------------------------------------------------
# PARALLAX
--------------------------------------------------------------*/
.parallax-window {
    min-height: 350px;
    background: transparent;
}




/*--------------------------------------------------------------
# Global
--------------------------------------------------------------*/
#content{
	min-height: 600px;
}

.video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	margin-top:3px;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.img-hover-zoom {
  	overflow: hidden;
}
.img-hover-zoom img {
  	transition: transform .5s ease;
}
.img-hover-zoom:hover img {
  	transform: scale(1.05);
}

.breadcrumbs, .breadcrumbs a{
	color: #e9cc74;
	text-transform: uppercase;
	font-size: 1.2rem;
}

.grecaptcha-badge {
    display: none !important;
}

/*--------------------------------------------------------------
# Homepage
--------------------------------------------------------------*/
.icon-box img{
	height: 70px;
}
a.btn-blue{
	background: #22303B;
	color: #fff;
	padding: 20px;
	display: inline-block;
	text-decoration: none;
}
a.btn-blue:hover{
	background: #567A5D;
}
a.btn-blue2:hover{
	background: #000;	
}
.arrow-bx{
	font-size: 2rem;
	display: block;	
	padding-bottom: 5px;
}


/*--------------------------------------------------------------
# Contesto
--------------------------------------------------------------*/
.banner-hero img{
	width: 100%;
}
.dist-image img{
	height: 90px;
}
.dist-dist{
	font-size: 4rem;
	line-height: 4.5rem;
	font-weight: 800;
	color: #567A5D;
}
.dist-text{
	text-transform: uppercase;
	font-weight: bold;
}


/*--------------------------------------------------------------
# Stato lavori
--------------------------------------------------------------*/
.circle {
  font-weight: bold;
  padding: 15px 20px;
  border-radius: 50%;
  background-color: #56919a;
  color: #fff;
  max-height: 50px;
  z-index: 2;
}

.how-it-works.row {
  display: flex;
}
.how-it-works.row .col-2 {
  display: inline-flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
}
.how-it-works.row .col-2::after {
  content: "";
  position: absolute;
  border-left: 3px solid #56919a;
  z-index: 1;
}
.how-it-works.row .col-2.bottom::after {
  height: 50%;
  left: 50%;
  top: 50%;
}
.how-it-works.row .col-2.full::after {
  height: 100%;
  left: calc(50% - 3px);
}
.how-it-works.row .col-2.full-left::after {
  height: 100%;
  left: calc(50%);
}
.how-it-works.row .col-2.top::after {
  height: 50%;
  left: 50%;
  top: 0;
}

.timeline div {
  padding: 0;
  height: 40px;
}
.timeline hr {
  border-top: 3px solid #56919a;
  margin: 0;
  top: 17px;
  position: relative;
  height: 0;

	
}
.timeline .col-2 {
  display: flex;
  overflow: hidden;
}
.timeline .corner {
  border: 3px solid #56919a;
  width: 100%;
  position: relative;
  border-radius: 15px;
}
.timeline .top-right {
  left: 50%;
  top: -50%;
}
.timeline .left-bottom {
  left: -50%;
  top: calc(50% - 3px);
}
.timeline .top-left {
  left: -50%;
  top: -50%;
}
.timeline .right-bottom {
  left: 50%;
  top: calc(50% - 3px);
}





/*--------------------------------------------------------------
# Tipologie abitative
--------------------------------------------------------------*/
.tipologie-abitative-link{
	text-decoration: none;
	display: block;
	padding: 50px 10px;
	background:#567A5D;
	color: #fff;
}
.tipologie-abitative-link a{color: #fff; text-decoration: none;}
.tipologie-abitative-link:hover{
	text-decoration: none;
	background-color: #22303B;
	color: #fff;
}
.tipologie-abitative-text{
	text-transform: uppercase;
	font-size: 1.2rem;
}
.tipologie-abitativa-tipo{
	font-family: 'Playfair Display', serif;
	font-size: 2rem;
	padding: 20px 0;
}




/*--------------------------------------------------------------
# Tipologia
--------------------------------------------------------------*/
.gallery-tipologia{
	border: 1px solid #a7a7a7;
	margin-bottom: 20px;
}
.link-hover{
	background: #567A5D;
	display: block;
	color: #fff;
	font-size: 1.3rem;
	padding: 10px 10px;
	margin-bottom: 10px;
	text-decoration: none;
	vertical-align: middle;
	position: relative;
}
.link-hover span{
	position: absolute;
	right: 10px;
	top: 8px;
}
.link-hover span img{
	height: 25px;
	display: inline-block;
}

.link-hover:hover{
	color: #fff;
	background: #22303B;
}


.download-text p{margin-bottom: 0;}


.imm-venduto, .imm-riservato{
	position: relative;
}

.imm-venduto .venduto, .imm-riservato .riservato{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.icons-contacts{
	position: absolute;
	right: 0;
	z-index: 10;
}

	.wpcf7-spinner{display: block !important}


/*--------------------------------------------------------------
# News NAV
--------------------------------------------------------------*/
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
 
.navigation li {
    display: inline;
}
 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #7692b1;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}
 
.navigation li a:hover,
.navigation li.active a {
    background-color: #7692b1;
}

.post-list h3{
	min-height: 60px;
}




/*--------------------------------------------------------------
# Contatti
--------------------------------------------------------------*/
#map{
    filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="g"><feColorMatrix type="matrix" values="0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0 0 0 1 0"/></filter></svg>#g');
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);    
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
}


.virtual-title{
	color:#93241b;
	text-transform: none;
	font-size: 3rem;
}
.virtual-text p{
	margin-bottom: 0;
}



/*--------------------------------------------------------------
# Gallery
--------------------------------------------------------------*/
.gallery img:hover{
	opacity: 0.8;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}



/*--------------------------------------------------------------
# Forms + vedi form.css
--------------------------------------------------------------*/
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	color: #000;
	border: 0 none;
	border-bottom: 1px solid #cdcdcd;
	background-color: transparent;
	padding: 8px;
	font-weight: 400;
	font-size: 1.3rem !important;
	width: 100%;
	margin-bottom: 13px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
	color:#000;
}
textarea {
	-webkit-appearance: none;
	width: 100%;
	height: 136px;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	background-size: 1em;
	color: #fff;
	border: 1px solid #22303B;
	background: #22303B;
	font-weight: 600;
	padding: 0;
	text-align: center;
	padding: 10px 30px;
	font-size: 1.3rem;
	text-transform: uppercase;
	margin-top:10px;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	background-color: #567A5D;
	border: 1px solid #567A5D;
	color: #fff;
	cursor: pointer;
	text-decoration: underline;
}
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
	background: #e9cc74;
	cursor: pointer;
}


select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #d1b7b3;
	background-image: url('assets/images/arrow-down.png');
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: 98% 50%;
	border: 1px solid #fff;
	color: #fff !important;
	text-transform: uppercase;
	border-radius: 0;
	padding: 0.25em 0.4em;
	padding: 5px;
	padding-right: 1.5em;
	width: 100%;
}

select:focus, select:hover {
  border-color: #f0ece9;
  outline: none;
}
select:active {
  border-color: #f0ece9;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

/* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance, IE 9 and earlier get a native select - targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
/* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  select::-ms-expand {
    display: none;
  }

  select:focus::-ms-value {
    background: transparent;
    color: grey;
  }
}



span.wpcf7-list-item{
	margin: 0 !important;
	margin-right: 0 !important;
}

.privacy{
	font-size: 1rem;
}



/* CF7 */
.wpcf7-not-valid{
	border: 1px solid #b71234 !important;
}
.wpcf7-not-valid-tip{display: none !important;}
div.wpcf7 .ajax-loader{display: block !important;}


/*--------------------------------------------------------------
# PLACEHOLDER
--------------------------------------------------------------*/
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #000;
}



/*--------------------------------------------------------------
# iPhone input focus FIX
--------------------------------------------------------------*/
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea{
  font-size: 16px;
}





/*--------------------------------------------------------------
# MOBILE - MENU - SLIDEOUT
--------------------------------------------------------------*/
.slideout-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 250px;
  min-height: 100vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 0;
  display: none;
}
.slideout-menu-left {
  left: 0;
}
.slideout-menu-right {
  right: 0;
}
.slideout-panel {
  position: relative;
  z-index: 1;
  will-change: transform;
  background-color: #FFF; /* A background-color is required */
  min-height: 100vh;
}
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}
.slideout-open .slideout-menu {
  display: block;
}
/* PANEL STYLE */
.mobile-menu{
	display: none;
	background: #EEEEEE;
	color: #154075;
	padding: 1rem;
}







































/*==========  Non-Mobile First Method  ==========*/

/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	html{
		font-size: 57.5%; /* $rembase = 10px */
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	html{
		font-size: 57.5%; /* $rembase = 10px */
	}
	
	/*--------------------------------------------------------------
	# iPhone input focus FIX
	--------------------------------------------------------------*/
	input[type="color"],
	input[type="date"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="email"],
	input[type="month"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="tel"],
	input[type="text"],
	input[type="time"],
	input[type="url"],
	input[type="week"],
	select:focus,
	textarea {
	  font-size: inherit;
	}



}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	html{
		font-size: 63.5%; /* $rembase = 10px */
	}

	.tipologie-abitativa-tipo{
		font-size: 3rem;
		padding: 50px 0;
	}

	.homepage-heading--text {
		font-size: 4rem;
	}

	.text-right-desktop{
		text-align:right;
	}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	html{
		font-size: 68.5%; /* $rembase = 10px */
	}

	



}

= 10px */
	}

	



}

 and up) */
@media (min-width: 1200px) {
	html{
		font-size: 68.5%; /* $rembase = 10px */
	}

	



}

	}

	



}