/*
Theme Name: Explorable Child Theme
Theme URI: http://www.elegantthemes.com/gallery/explorable
Version: 1.0.0
Description: Explorable Child Theme
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Explorable
*/
 
@import url("../Explorable/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

#main-header .container, #filter-bar .container {
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: auto;
}


#et_mobile_nav_menu {display:none !important;}

#et_main_map {
    height: 100% !important;
	margin-top: -89px;}

#top-navigation {display: none;}

.ol-control {
background-color: rgba(165, 173, 174, 1);
border-radius: 4px;
position: absolute;
margin-left: 4px;
-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.37);
-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.37);
box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.37);
}

.ol-zoom {
    left: 7px;
    position: absolute;
    top: 0;
    width: 24px;
}

.ol-zoom-out {
    border-radius: 4px;
    top: 409px !important;
}

.ol-zoom-in {
    border-radius: 4px;
    top: 204px;
}

.ol-zoomslider {
top: 230px !important;
height: 200px;
left: 0.5em;
top: 4.5em;
width: 24px;
}

.ol-zoomslider-thumb {
background: rgba(248, 248, 248, 1) none repeat scroll 0 0 !important;
border-radius: 2px;
cursor: pointer;
height: 10px;
margin: 1px;
position: absolute;
width: 22px;
}

.ol-control button {
position: relative !important;
background-color: rgba(68, 90, 101, 1) !important;
border: medium none;
border-radius: 2px;
color: #fff;
display: block;
font-size: 1.14em;
font-weight: 700;
height: 1.375em;
line-height: 0.4em;
margin: 1px;
padding: 0;
text-align: center;
text-decoration: none;
width: 22px;
}







input[type="search"] {
background: #f5f5f3 url("images/contact_input.png") repeat-x scroll 0 0 !important;
    border: 1px solid #bbb;
    color: #4e4e4e;
    padding: 8px !important;
	border-radius: 8px !important;
font-family: "Open Sans",Arial,sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
}

#button-controls {
height: 70px;
    margin: -10px auto 0 auto;
    position: relative;
    text-align: center;
width: 505px;
}

#button-divider {
float:left;
color: #cdd2d5;
    font-family: "Open Sans",Arial,sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
margin-top:20px;
}

table.tablepress {
	width:100% !important;
}

#tablepress-1_wrapper {
	width:100% !important;
}

.tablepress tbody {
	width:100% !important;
}

.tablepress tr {
	width:100% !important;
}

.tablepress .column-1 {
font-weight: 600 !important;
width: 50% !important;
padding: 15px 10px 15px 0 !important;
}

.tablepress .column-2 {
width: 50% !important;
padding: 15px 10px 15px 0 !important;
}

.tablepress .column-3 {
display: none;
padding: 0;
width: 0px;
}



.dataTables_filter {
    float: none !important;
	margin-bottom:20px;
}

.tablepress {
font-family: "Open Sans",Arial,sans-serif !important;
font-size: 14px !important;
font-weight: 300 !important;
color: #2a2a2a !important;
}



.tablepress th {
	display: none;
}


.modal-body {
    max-height: calc(100vh - 340px);
    overflow-y: auto;
	
}


.modal-dialog {
    width: 450px !important;
	margin: 150px auto 0px auto !important;
	
}



.modal-header {
	border-bottom: none !important;
}

.modal-backdrop {display:none}


#myModal2 p {font-family: "Open Sans",Arial,sans-serif; font-weight: 400; font-size: 14px; text-align:left; color:#505454;}

#myModal2 h4 {font-family: "Open Sans",Arial,sans-serif; font-weight: 400; font-size: 20px; line-height:1.5em; color:#28353b;}

#myModal2 .btn {float: none;}

#myModal2 .modal-body {padding: 30px;}

#footer-message {clear:both; padding: 10px 0 0; color: #cdd2d5; font-family: "Open Sans",Arial,sans-serif; font-size: 14px; font-weight: 300; line-height:1.5em;}

#header_tagline {
color: #cdd2d5;
    font-family: "Open Sans",Arial,sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    margin-left: 10px;
	white-space: nowrap;
}

#logo, #top-navigation {
    float: none;
}

#filter-bar {
	position: absolute !important;
    	/*background: rgba(0, 0, 0, 0) url("images/filter-bar-bg.png") repeat scroll 0 0;*/
	/*background: #445a65;*/
	background: #445a65 linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%) repeat scroll 0 0;
    }

#main-header {
    	background-color: #445a65 !important;
	padding: 0 0 15px !important;
}

#filter-bar .container, #main-header .container {
    text-align: center;
}

/*BEGIN DROP UP*/

.btn {
font-family: "Open Sans",Arial,sans-serif !important;
font-size: 14px !important;
font-weight: 300 !important;
color: #2a2a2a !important;
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(246, 246, 246, 1) 0%, rgba(237, 237, 237, 1) 100%) repeat scroll 0 0 !important;
border: 1px solid #dadada !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.9) inset !important;
text-shadow: 1px 1px 0 #fff !important;
border-radius: 5px !important;
display: inline-block !important;
/*margin-right: 19px !important;*/
margin:10px;
padding: 14px 45px 14px 20px !important;
position: relative !important;
width: 220px !important; 
float:left;
}

.dropdown-menu {
    background-color: #eee !important;
}

.dropdown-menu > li > a {
font-family: "Open Sans",Arial,sans-serif !important;
font-size: 14px !important;
font-weight: 300 !important;
color: #2a2a2a !important;
text-shadow: 1px 1px 0 #fff !important;
}

ul.dropdown-menu { 
width: 220px !important; 
z-index: 999999999 !important; 
height: 200px !important; 
overflow-y:scroll !important;
border-radius: 10px !important;
margin: 0 0 -5px 10px !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.9) inset !important;
}

.dropdown-menu > li{
background: #eee none repeat scroll 0 0; !important;

}

.caret {
background: rgba(0, 0, 0, 0) url("https://cdn.elegantthemes.com/preview/Explorable/wp-content/themes/Explorable/images/filter-span.png") no-repeat scroll 0 0 !important;
height: 14px !important;
position: absolute !important;
right: 15px !important;
top: 17px !important;
width: 9px !important;
border-left: none !important;
border-right: none !important;
border-bottom: none !important;
}



/* END DROP UP*/



.et-search-form {display:none}

.filter-type ul { width: 220px; z-index: 999999999!important; position: absolute; height: 100px; overflow-y:scroll;
}
.filter-type li {
float: left;
margin-bottom: 16px;
width: 220px; z-index:999999!important;
}

.sub-menu {display: block !important; visibility: visible !important;}

#et-listing-type, #et-listing-location, #et-listing-rating {
    display: block !important;
}

.listing-image {display:none;}

#et-slider-wrapper {display:none;}

/* BEGIN POP UP*/

.dealer {
padding: 10px 0 10px 0;
}

.dealer_name {
font-family: "Open Sans",Arial,sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
color: #2a2a2a !important;
text-shadow: 1px 1px 0 #fff !important;
}

.dealer_description {
font-family: "Open Sans",Arial,sans-serif !important;
font-size: 14px !important;
font-weight: 300 !important;
color: #2a2a2a !important;
text-shadow: 1px 1px 0 #fff !important;
}

#popup {
visibility:hidden;
}

.ol-popup {
  position: absolute;
  background-color: white;
  -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #cccccc;
  bottom: 12px;
  left: -50px;
  min-width: 280px;
/* 	overflow-y: auto; */
/* 	max-height: 350px; */
	
}
.ol-popup:after, .ol-popup:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ol-popup:after {
  border-top-color: white;
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}
.ol-popup:before {
  border-top-color: #cccccc;
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}
.ol-popup-closer {
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 8px;
}
.ol-popup-closer:after {
  content: "✖";
}

/* END POP UP*/


/* RESPONSIVE SETTINGS */


@media only screen and ( max-width: 1440px ) {

}

@media only screen and ( max-width: 960px ) {

}


@media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
#et_main_map {margin-top: -166px;}
}


@media only screen and ( max-width: 767px ) {
#et_main_map {margin-top: -190px;}
#filter-bar .container {width: 100%;}
}

@media only screen and ( max-width: 650px ) {
#menu1 {margin-bottom: 6px;}
#button-controls {width: 240px; height:auto; margin: 0 auto;}
#button-divider {float:none; margin:0; width:240px;}
#filter-bar .container {width: 100%;}
}

@media only screen and ( max-width: 480px ) {
#menu1 {margin-bottom: 6px;}
#button-controls {width: 240px; height:auto;}
#button-divider {float:none; margin:0;}
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {
.modal-dialog {width: 90% !important; margin: 100px auto 0px auto !important;}
.modal-body {max-height: 90% !important;}
#header_tagline {font-size: 14px !important;}
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {
.modal-dialog {width: 90% !important; margin: 80px auto 0px auto !important;}
.modal-body {max-height: 90% !important;}
#header_tagline {font-size: 14px !important;}
}