/*
 Theme Name:   Faste Child
 Theme URI:    http://www.faste.ca
 Description:  Faste Child Theme
 Author:       Guillaume Proulx
 Author URI:   http://www.faste.ca
 Template:     faste
 Text Domain:  faste-child
*/

/* AJOUTS */
p{
	color:#333;
	line-height: 140%;
}
.titres-de-section, .intro-section{
	max-width:1400px;
	margin:0 auto ;
}
ul {
  list-style: none; /* Remove default bullets */
}

ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #fff; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
#instructions{
	position: absolute;
	top: 50%;
	width:80%;
	margin: 0 10%;
	transform:translateY(-50%);
	background-color: #df912f;
	color:#fff;
	text-align: center;
	padding:10px;
	z-index:70;
}
#instructions h2{
	margin:0;
}
.liste-btn{
	opacity: 0.65;
}
.liste-btn.on{
	opacity: 1;
}
.fiche-logement .date{
	border:2px solid #df912f;
    padding: 5px;
    display: inline-block;
}
.fiche-logement .date span{
	font-weight:900;
}
/* FIN AJOUTS */
.slick-prev:before, .slick-next:before{
	color:black;
}
.pricing{
	padding-bottom: 10px;
}
.linkbox p{
	margin-bottom:0;
}
.modal-bg{
	z-index:500;
}
.simple-google-map .canvas{
	width:100%;
	height:calc(100vh - 5px);
}
.btn{
	display: inline-block;
	padding:2px 5px;
	background-color: #000;
	color:#fff;
}
.gm-style-iw-c, .gm-style-iw-d{
	overflow: visible!important;
}
.gmap_infowindow{
	position: relative;
}
.gmap_infowindow > div{
	margin-left: -12px;
    margin-top: -12px;
	padding:10px;
	background-color: #fff;
}
#header {
    padding: 5px 60px 40px 60px;
	background-color: transparent;
	width: 50%;
    margin: 0 0 0 auto;
}
#header.disposition2 > .row > .huge-2:first-of-type{
	position: absolute;
	left:0;
	padding-top:15px;
	transform:translateX(-50%);
}
.page-template-search-engine-template #header.disposition2 > .row > .huge-2:first-of-type{
	padding-top:0;
}
#header.scrolled.disposition2 > .row > .huge-2:first-of-type{
	transform:none;
	padding-top: 0;
	padding-left: 50px;
}
#header.scrolled:not(.dispositionv1) .logo {
    max-width: 185px;
}
#header li.phone a{
    color: #000;
    background: transparent;
    filter: none;
    margin-right:0px;
	margin-left:10px;
	font-size:180%;	
}
#header .nav-secondaire{
	margin-bottom:20px;
}
.faste-menu li{
	position: relative;
}
.faste-menu li a,
.bouton_ocre,
input.gform_button,
#wp-submit{
	padding: 10px 15px 10px 15px;
	display: inline-block;
	color:#fff;
	background: #df912f; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #df912f 2%, #fdb211 94%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #df912f 2%,#fdb211 94%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #df912f 2%,#fdb211 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df912f', endColorstr='#fdb211',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	margin-right:10px;
}
.faste-menu li.connect{
}
.faste-menu li.connect > a:nth-of-type(1),
.bouton_ocre.gris{
	background:none;
	background-color: #333333;
	filter:none;
}
.faste-menu li a[href='#contact']{
	background:none;
	background-color: #e1e1e1;
	color:#000;
}
.faste-menu li div.recherche-bar{
	width: 300px;
	position: absolute;
	top: calc(100% + 40px);
	right:0px;
}
header .logo a{
	display: inline-block;
}
/* LOADER */
#loader-wrapper{
	margin-top:30px;
}
#loader, #loader::before, #loader::after {
	border: 3px solid transparent;
	border-radius: 50%;
}
#loader:before, #loader:after {
	content: "";
	position: absolute;
}
#loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	border-top-color: #dbdbdb;
	z-index: 1500;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}
#loader:before {
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-top-color: #e8e8e8;
	-webkit-animation: spin 3s linear infinite;
	animation: spin 3s linear infinite;
}
#loader:after {
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-top-color: #f0f0f0;
	-webkit-animation: spin 1.5s linear infinite;
	animation: spin 1.5s linear infinite;
}
 @-webkit-keyframes spin {
	 0% {
	 -webkit-transform: rotate(0deg);
		/* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);
		/* IE 9 */
		transform: rotate(0deg);
	/* Firefox 16+, IE 10+, Opera */
	}
	 100% {
	 -webkit-transform: rotate(360deg);
		/* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);
		/* IE 9 */
		transform: rotate(360deg);
	/* Firefox 16+, IE 10+, Opera */
	}
	}
	@keyframes spin {
	 0% {
	 -webkit-transform: rotate(0deg);
		/* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);
		/* IE 9 */
		transform: rotate(0deg);
	/* Firefox 16+, IE 10+, Opera */
	}
	 100% {
	 -webkit-transform: rotate(360deg);
		/* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);
		/* IE 9 */
		transform: rotate(360deg);
	/* Firefox 16+, IE 10+, Opera */
	}
	}
	@-webkit-keyframes spin {
	 0% {
	 -webkit-transform: rotate(0deg);
		/* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);
		/* IE 9 */
		transform: rotate(0deg);
	/* Firefox 16+, IE 10+, Opera */
	}
	 100% {
	 -webkit-transform: rotate(360deg);
		/* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);
		/* IE 9 */
		transform: rotate(360deg);
	/* Firefox 16+, IE 10+, Opera */
	}
	}
	@keyframes spin {
	 0% {
	 -webkit-transform: rotate(0deg);
		/* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);
		/* IE 9 */
		transform: rotate(0deg);
	/* Firefox 16+, IE 10+, Opera */
	}
	 100% {
	 -webkit-transform: rotate(360deg);
		/* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);
		/* IE 9 */
		transform: rotate(360deg);
	/* Firefox 16+, IE 10+, Opera */
	}
}


.skew-map:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 34%;
    width: 100%;
    border-bottom: 25vw solid transparent;
    border-right: 100vw solid white;
    max-width: 100%;
}

.skew:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    width: 100%;
    border-bottom: 15.6vw solid transparent;
    border-right: 100vw solid white;
    max-width: 100%;
}

.skew > .row:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: 0px;
    border-bottom: 15.6vw solid #ffffff;
    border-right: 100vw solid #f1f2f200;
    width: 100%;
    max-width: 100%;
}
.skew-map, .skew{
	overflow: hidden;
}

.footer{
	background-color: #df912f;
	color: black;
}
.footer a{
	color:black;
}

/* ENGIN DE RECHERCHE */
.page-template-search-engine-template #header{
	position: absolute;
	top: 0;
	right: 0;
	z-index:10;
	width:100%;
	background-color: transparent;
	overflow: visible;
    height: 1px;
}
.page-template-search-engine-template #header .row2{
	width:50%;
	float: right;
	position: relative;
}
.page-template-search-engine-template #header .row1{
	width: 55%;
	float: right;
}
.page-template-search-engine-template #header .row2 .logo{
	max-width: 240px;
	position: absolute;
	left:0;
	transform:translateX(-50%);
}
.page-template-search-engine-template #header:after{
	pointer-events: none;
    content: "";
    display: block;
    position: relative;
	width:100%;
	top:-5px;left:-60px;
    border-bottom: 19vw solid transparent;
    border-right: 100vw solid white;
    max-width: 100%;
	z-index:0;
}
.page-template-search-engine-template #header .row{
	position: relative;
	z-index:2;
}
.page-template-search-engine-template footer{
	display: none;
}
#gform_1 .ginput_container .instruction{
	display: none;
}
input.gform_button{
	border:none;
	padding: 10px 15px;
	font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
select.gfield_select{
	border:none;
	padding:5px;
	height: 35px;
	background: #ebebeb;
	border-radius: 0;
}
#recherche .warn{
	padding:10px;
	background-color: #f0f0f0;
	font-weight:300;
	text-align: center;
}
#search-results{
	margin-right:10px;
	margin-top:10px;
	font-weight:300;
}
.gform_wrapper .gform_heading h3.gform_title{
	font-weight:400;
	color:#df912f;
	font-size:250%;
}
.faste-menu li.connect div.recherche-bar a:nth-of-type(2){
	background-color: #e1e1e1;
}
.faste-menu li.connect div.recherche-bar a:nth-of-type(2) > img{
	width: 20px;
}
.fiche-logement{
	padding-bottom:20px;
	border-bottom:1px solid #eaeaea;
}
.fiche-logement:nth-of-type(n+2){
	padding-top:20px;
}
.main-photo{
	width:95%;
	margin-right:5%;
	padding-bottom: 80%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
}
.fiche-logement .lightbox-galerie{
	clear: both;
}
.fiche-logement > div:nth-of-type(1){
	width:40%;
}
.fiche-logement > div:nth-of-type(2){
	width:60%;
}
.fiche-logement h2{
	font-weight:400;
	font-size:140%;
	color:#df912f;
	margin:0;
}
.fiche-logement h3{
	margin:0 0 10px 0;
	font-weight:400;
	font-size:100%;
}
.fiche-logement ul{
	font-size:80%;
	font-weight:400;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-o-column-count: 2;
	column-count: 2;
	padding-left:0;
}
.fiche-logement ul{
	list-style-type: none;
}
.fiche-logement ul > li:before {
	content: "- ";
}
.fiche-logement .tarifs{
	text-align: center;
}
.fiche-logement .tarifs h2{
	padding-bottom:5px;
}
.fiche-logement .tarifs > div:nth-of-type(1){
	padding-right:8px;
	border-right:1px solid #b7b7b7;
}
.fiche-logement .tarifs > div:nth-of-type(2){
	padding-left:8px;
}
.fiche-logement .tarifs small{
	font-size:70%;
}
.fiche-logement .tarifs .prix{
	font-weight:600;
	font-size:180%;
	margin-bottom: 0;
}
.fiche-logement .tarifs > div > p{
	margin-bottom:5px;
}
.fiche-logement > div:nth-of-type(2) > .row > div:nth-of-type(2){
	text-align: right;
}
.fiche-logement .lightbox-galerie{
	display: none;
}
.fiche-logement .date{
	margin-right:10px;
}
.fiche-logement .other-info{
	font-size:80%;
}
#loginform{
	width:500px;
	max-width:100%;
	background-color: #f9f9f9;
	margin:0 auto;
	padding:20px;
	text-align: right;
}
#wp-submit{
	padding: 10px 15px;
}
@media screen and (max-width: 1320px){
	.titres {
    font-size: 225%;
	}
	
}
@media screen and (max-width: 1200px){
	#header{
		width: 100%;
		padding: 5px 60px 90px 60px;
	}
	#header.disposition2 > .row > .huge-2:first-of-type {
		position: relative;
		left: 0;
		padding-top: 15px;
		transform: none;
	}
	.faste-menu li div.recherche-bar {
		position: absolute;
		top: calc(100% + 15px);
	}
}
@media screen and (max-width: 1100px){
	.faste-menu li div.recherche-bar {
    position: relative;
		top:auto;
		margin-top:10px;
	}
	.page-template-search-engine-template #header {
		padding-bottom: 20px;
	}
	.simple-google-map .canvas{
		height:calc(100vh - 115px);
	}
	.page-template-search-engine-template #header {
		position: relative;
		height: auto;
		background-color: #fff;
	}
	.page-template-search-engine-template #header:after{
		clear: both;
		border:none;
	}
	.page-template-search-engine-template #header .row1 {
		width: 75%;
		float: right;
		margin-top: 10px;
	}
	.page-template-search-engine-template #header .row2 {
		width: 25%;
		float: right;
	}
	.page-template-search-engine-template #header .row2 .logo{
		position: relative;
		transform: none;
	}
}
@media screen and (max-width: 1024px){
	.titres{
		font-size:200%;
	}
	.flbk000002-post-60-2:after{
		background-image: url(img/salon.jpg);
	}
	.tarifs{
		margin-bottom: 20px;
	}
	.fiche-logement .date{
		margin-right: 0;
		text-align: center;
	}
	.fiche-logement > div:nth-of-type(2) > .row > div:nth-of-type(2){
		text-align: center;
	}
}
@media screen and (max-width: 764px){
	.location_texte{
		font-size:240%;
	}
	#header {
		padding: 5px 10px 90px 10px;
	}
	.page-template-search-engine-template #header .row2{
		width: 33%;
	}
	.page-template-search-engine-template #header .row1{
		width: 66%;
	}
	.page-template-search-engine-template #header{
	    padding: 40px 20px 20px 20px;
	}
	.fiche-logement ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -o-column-count: 1;
    column-count: 1;
	}
}
@media screen and (max-width: 640px){
	.location_numero {
		font-size: 400%;
	}
	.titre, .titre_renverse {
		font-size: 220%;
	}
}

@media screen and (max-width: 530px){
	.page-template-search-engine-template #header .row2{
		display: none;
	}
	.page-template-search-engine-template #header .row1{
		width: 100%;
	}
	.fiche-logement > div:nth-of-type(1){
		width:100%;
		max-width:500px;
		margin:0 auto 20px auto;
		float: none;
	}
	.fiche-logement > div:nth-of-type(2){
		width:100%;
	}
}