/*
 Theme Name: Fid-Jaques
 Theme URI: http://pi-com.ch/
 Description: Thème Fid-Jaques
 Author: Pi-COM
 Author URI: http://pi-com.ch/
 Template: bridge
 Version: 1.0.0
 Text Domain: fdjq
*/
.two_columns_33_66 > .column2 {
    margin-left: 33.33%;
}
.two_columns_33_66 > .column1 {
    position: fixed;
}
.listing-wrapper {
  display: flex;
  flex-flow: row wrap;
}
.listing_thumbnail {
    width: 100%;
}
.home-listing {
  margin-bottom: 3em;
}

body, .wrapper, .content, .full_width, .overlapping_content .content > .container, .more_facts_holder, .comment_holder .comment #respond textarea, .comment_holder .comment #respond input[type="text"], .comment_holder .comment #respond input[type="email"], .content .container {

    background-color: transparent !important;

}

.flex-direction-nav a.flex-next::before {
  content: '\f105';
  position: relative;
  left: -10px;

}
.flex-direction-nav a::before {

  font-family: FontAwesome,serif;
  font-size: 35px;
  display: inline-block;
  content: '\f104';

}


.single-listing .twelve.columns.omega.vc_column-inner{
  margin-top: 0;
}
.single-listing .wpb_column {
  margin: 1em 0;
}
.single-listing main.wpb_column {
  display: flex;
  flex-flow: row wrap;
  margin-top: -4em;
}
.single-listing #slider2 {
  border: 0;

  box-shadow: none;

  cursor: zoom-in;

  margin: 0 0 2em;

}

.single-listing #slider2 .flex-viewport li a {
  cursor: zoom-in;
  width: 100%;
}

.single-listing #slider2 .flex-viewport li {
  max-height: 40vh;
  height: auto;
  overflow: hidden;
  display: flex !important;
  align-items: center;
}

.single-listing .slider-wrapper {
  position: relative;
}
.single-listing .slider-wrapper .expand {
  position: absolute;
  bottom: 0;
  right: 0em;
  background: rgba(0,74,153,1);
  color: white;
  padding: 0.5em 0.8em;
  vertical-align: bottom;
  display: block;
  text-decoration: none;
}
.single-listing .slider-wrapper .expand .icon {
  vertical-align: middle;
  margin-right: .5em;
}

.single-listing #content{
  margin-top: 2em;
}

.single-listing .details-wrapper {
  background-color: #d9e4f0
}

.single-listing .details-map {
  display: flex;
  flex-flow: row wrap;
  padding-bottom: 7em;
  background-color: #d9e4f0
}

.single-listing h3 {
  margin: .7em 0 1em 0;
}

.single-listing .vc_column-inner {
  margin-top: 2em;
  padding-bottom: 1em;
}

.single-listing #map {
  margin-top: 1em;
  height: 25em;
  margin-top: 1em;
}

#relatedheading {
  padding-left: 15px;
padding-right: 15px;
}

@media only screen and (min-width: 1000px) {
  .single-listing .content .container .container_inner.default_template_holder,
  .single-listing .content .container .container_inner.page_container_inner {
    padding-top:48px;
  }
}
@media only screen and (max-width: 1000px){
  .content .container .container_inner.default_template_holder,
  .content .container .container_inner.page_container_inner {
    padding-top:0 !important; /*important because of the inline style on page*/
  }
}

.single-listing footer {
  margin-top: 2em;
}
.city {
  color: rgba(0,74,153,1);
}

#rentorbuy > div {
    display: inline-block;
    width: 50%;
}
#rentorbuy input {
    display: none;
}
#rentorbuy label {
  display: inline-block;

  background-color: #004a99;
  padding: 18px 25px;
  cursor: pointer;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  color: white;
}
#rentorbuy input:checked ~ label {
  display: inline-block;
  background-color: #94774b;
  cursor: default;

}


.nouislider {
  margin: 1em;
}
.noUi-connect {
    background: #94774b;
}

.noUi-horizontal {
    height: 2px;
}

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
    right: -7px;
    left: auto;
}
.noUi-horizontal .noUi-handle {
    width: 15px;
    height: 15px;
    left: -17px;
    top: -6px;
    border-radius: 100%;
    cursor: pointer;
    background: #94774b;
    box-shadow: none;
    border: 0;
}

.noUi-handle::after, .noUi-handle::before {
  display: none;
}

.noUi-target {
    background: white;
    border-radius: 0;
    border: 0;
    box-shadow: none;
}

.currency {
  width: 3em;
  overflow: hidden;
  display: inline-block;
}
.slider-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 3em);
  overflow: hidden;
}
.slider-container .max {
  position: absolute;
  right: 0px;
}
#buyprices input,
#rentprices input {
  display: none;
}
#buyprices,
#rentprices {
  white-space: nowrap;
}
#searchform > div {
  position: relative;
  width: 100%;
}
.styled-select > select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  background: none;
  padding: .3em;
  padding-right: 1.5em;
}
#searchform > div {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin-bottom: 1em;
}
#searchform button {
    border: 0;
    font-size: 1.2em;
    padding: 0 40px;
    color: #ffffff;
    font-family: 'Josefin Sans', sans-serif;
    border-color: #004a99;
    font-size: 20px;
    line-height: 56px;
    height: 56px;
    font-weight: 500;
    background-color: #004a99;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    letter-spacing: -1px;
    text-transform: none;
    border-width: 0px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: #94774b;
    border-color: #94774b;
    border-width: 1px;
    cursor: pointer;
    -webkit-transition: all .1s linear;

-moz-transition: all .1s linear;

-ms-transition: all .1s linear;

-o-transition: all .1s linear;

transition: all .1s linear;
}

#searchform button:hover {
  background-color: #004a99;
  border-color: #004a99;
}
.styled-select {
  display: inline-block;
  position: relative;
  right: 0;
  background: white;
  vertical-align: middle;
}

.styled-select::after {
  font-family: "dripicons-v2" !important;
  content: "\54";
  position: absolute;
  right: 0.3em;
  color: #94774b;
  pointer-events:none;
}

.listing-filter form {
  background-color: #d9e4f0;
  background-clip: content-box;
  margin-bottom: 2em;
}
.listing-filter form > div {
  padding: 1.2em;
}

.vc_column_container > .vc_column-inner {
    padding: 0 1.5em;
}

body.home .full_width {
	background-color: white !important;
}


@media only screen and (max-width: 480px) {
	.content .container .container_inner {
		width: 420px;
		max-width: 100%;
	}
	footer .footer_inner .container .container_inner {
		max-width: 90%;
	}
}