/*
Theme Name: mawsons Child
Template: mawsons
Author: forty4three
Version: 1.0.1686891582
Updated: 2023-06-16 04:59:42

*/

#loader-wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Customize the background color and opacity */
  z-index: 9999;
}

#loader {
  border: 16px solid #f3f3f3; /* Customize the border color */
  border-top: 16px solid #3498db; /* Customize the spinner color */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.nex-pre-post {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: center;
  flex-direction: row;
  padding-top: 15px;
  padding-bottom: 15px;
}
.wpp_row_view.wpp_property_view_result.col-md-8{
  margin-top: 0px;
}
.sort-by-value {
  display: inline-block;
  padding-bottom: 10px;
  width: 100%;
  text-align: right;
}

.sort-by-value #sort-dropdown {
  background-color: #D8D9DF;
  color: #1C170E;
  border-radius: 50px;
  border: 0;
  outline: 0;
  padding: 1px 5px;
  font-weight: 600;
  font-size: 14px;
  width: 90px;
}
.slider-container {
  position: relative;
}

.slider {
  width: 100%;
  height: 5px;
  background: #ccc;
}

.slider-handle {
  position: absolute;
  top: -10px;
  width: 20px;
  height: 20px;
  background: #333;
  border-radius: 50%;
  cursor: grab;
}

.pagination {
  margin-top: 10px;
  list-style-type: none;
}

.pagination a {
  margin-right: 5px;
  cursor: pointer;
}
.main {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: stretch;
  justify-content: space-evenly;
  align-items: center;
  padding-bottom: 10px;
}


.ui-slider-handle{
    width: 35px !important;
    font-size: small !important;
    color: #4082f9 !important;
    text-align: center !important;
}
.pagination{
  display: none !important;
}
span.ui-slider-handle{
font-size: 0px;;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
background: none repeat scroll 0 0 #DDDDDD;
border: 1px solid #606060;
height: 10px;
width: 75%;
margin: 0 auto;
box-shadow: inset 0 0 5px grey;
-moz-box-shadow: inset 0 0 5px grey;
-webkit-box-shadow: inset 0 0 5px grey;
}
ul.results-list.list-unstyled{
padding-top: 15px;
}
span.ui-slider-handle.ui-corner-all.ui-state-default{
border: 1px solid #848484;
box-shadow: 0 0 2px lightgrey;
-moz-box-shadow: 0 0 2px lightgrey;
-webkit-box-shadow: 0 0 2px lightgrey;
height: 15px;
width: 15px;
margin-left: -8px;
top: -4px;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
background-color: #ffffff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#848484));
background-image: -webkit-linear-gradient(top, #ffffff, #848484);
background-image: -moz-linear-gradient(top, #ffffff, #848484);
background-image: -o-linear-gradient(top, #ffffff, #848484);
background-image: -ms-linear-gradient(top, #ffffff, #848484);
background-image: linear-gradient(top, #ffffff, #848484);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#848484');
}
.page-template-properties-listing .ui-widget.ui-widget-content {
border: 0px !important;
right: 0;
background: none repeat scroll 0 0 #DDDDDD;
border: 1px solid #606060;
height: 10px;
width: 75%;
margin: 0 auto;
box-shadow: inset 0 0 5px grey;
-moz-box-shadow: inset 0 0 5px grey;
-webkit-box-shadow: inset 0 0 5px grey;

}

button.btn-range.previous, button.btn-range.next{
/* width: 8%; */
	width:110px;
  height: 16px;
  border-radius: 5px 5px 5px 5px;
  text-align: center;
  line-height: 16px;
  cursor: pointer;
  background: transparent;
  border: 0;
  white-space: nowrap;
	flex:0 0 auto;
}
button.btn-range.previous {
margin-right: 0;
/* width: 10%; */
text-align: left;
}
button.btn-range.next {
/* width: 10%; */
text-align: right;
}



#storlekslider { 
  margin: 10px; 
  width: calc(100% - 220px) !important;
	flex:0 0 auto;
}

span.ui-slider-handle.ui-corner-all.ui-state-default{
border-radius: 50px;
  width: 16px !important;
  height: 16px;
  font-size: 0px !important;
  
}
.page-template-properties-listing .property_image img{
  object-fit: cover;
}
.properties-avaliability{
  position: absolute;
  bottom: 0;
  right: 0;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@media(max-width: 1024px){
  button.btn-range.previous, button.btn-range.next{
    font-size: 12px;
  }
  ul.results-list.list-unstyled {
    padding-top: 0;
}
	button.btn-range.previous, button.btn-range.next{
		width:90px;
	}
	#storlekslider {
    	width: calc(100% - 200px) !important;
	}
}
@media(max-width: 768px){
  .main{
    padding-bottom: 34px;
}

}
/*26-07-2023*/
@media(max-width: 767px){
.main, 
.sort-by-value,
.page-header{
  padding-right: 10px;
      padding-left: 5px;
}
}