/*FORCAST*/
#forcast h1{text-transform: uppercase; font-size: 25px; font-family: 'Hind', sans-serif; letter-spacing: -1px; margin-bottom: 0px; font-weight: bold;}
#forcast h1.x {font-size: 100px;font-weight: bold !important;font-family: Arial, Helvetica, sans-serif; margin: 0px; margin-bottom: 20px; padding: 0px;line-height: 100px;}
#forcast li.clear-day, .clear-day{ background: #fff url(/image/assets/images/forcast/clear-day.png) right top no-repeat; overflow:hidden}
#forcast li.clear-night{ background: #fff url(/image/assets/images/forcast/clear-night.png) right top no-repeat; overflow:hidden}
#forcast li.partly-cloudy-day{ background: #fff url(/image/assets/images/forcast/partly-cloudy-day.png) right top no-repeat; overflow:hidden}
#forcast li.partly-cloudy-night{ background: #fff url(/image/assets/images/forcast/partly-cloudy-night.png) right top no-repeat; overflow:hidden}
#forcast li.cloudy{ background: #fff url(/image/assets/images/forcast/cloudy.png) right top no-repeat; overflow:hidden}
#forcast li.rain{ background: #fff url(/image/assets/images/forcast/rain.png) right top no-repeat; overflow:hidden}
#forcast li.sleet{ background: #fff url(/image/assets/images/forcast/sleet.png) right top no-repeat; overflow:hidden}
#forcast li.snow{ background: #fff url(/image/assets/images/forcast/snow.png) right top no-repeat; overflow:hidden}
#forcast li.wind{ background: #fff url(/image/assets/images/forcast/wind.png) right top no-repeat; overflow:hidden}
#forcast li.fog{ background: #fff url(/image/assets/images/forcast/fog.png) right top no-repeat; overflow:hidden}
#goToPrevSlide{z-index: 3000;width: 34px; height: 34px; background:#ddd url('/image/js/sliderengine/carouselarrows-32-32-3.png')left; display: block; position: absolute;  left:0px; bottom: 20px; cursor: pointer; opacity: 0.3;}
#goToNextSlide{z-index: 3000; width: 35px; height: 35px; background:#ddd url('/image/js/sliderengine/carouselarrows-32-32-3.png')right; display: block; position: absolute;    right: 0; bottom: 20px; cursor: pointer; opacity: 0.3;}
.lSSlideOuter .lSPager.lSpg { display: none;}

/*SLIDER*/
#amazingslider-wrapper-1{ padding-bottom: 80px}

/*SINGLE PROPERTY*/
.property .card-body{ border: 2px solid #F8F8F8}
.property{ font-size:15px}
.property h3{ font-size:22px; font-weight:600; color:#1F1F32; margin:15px 0}
.property h4{ font-size:20px; letter-spacing:-1px;color:#1F1F32; margin:15px 0px}
.property .btn{ padding:12px 20px; font-size:13px; font-weight:500; white-space:normal !important; width:100%; margin:5px 0}
.property .btn.btn-go{ padding:15px 10px !important; margin:0px; min-width:45px !important}
.property ul.list-group-flush li.list-group-item:first-child{ border-top:none}
.property #hazards{ margin-top: -15px; padding:20px}
.property .powered-by{ opacity:0.8; padding-right:20px}
.property .info-list .info-list-item{ text-align:left}
.property #fishing-reports{ display:block}
.property .pricing-list{ display:block; width:100%}
.property .pricing-list-item{ display:block; width:100%;}

/*PROPERTIES*/
html, body {
    height: 100%;
}
body.properties footer{display:none}
body.properties div#wrapper{ min-height:100vh;}
body.properties div#content{ min-height:100vh; display:flex;  flex-flow: column;}
body.properties #breadcrumb{padding: 15px 0 5px 0px;}
body.properties #breadcrumb .container{ max-width: 200000px; margin-left:10px}


.property-row{ display:block}
.property-cols{ display:block}
.block .property-row{ display:flex}
.block .property-cols{ display:block; margin:10px}
.block .property-cols .prop-info .prop-meta{ margin-bottom: 15px}

#filter-box{display:none;}
#filter-form-filters{flex-direction:row; justify-content:space-around}
#container-row{display:block; margin-right:0px}
#the-properties{display:flex; flex-direction: column}
#property-scroller{ padding-bottom:55px;}

/* need to overriode these on large devices */
#container-row #map{display:none}
#wrapper.map-shown #container-row{display:flex; flex:1 1 auto; flex-direction: column}
#wrapper.map-shown #container-row #the-properties{display:none}
#wrapper.map-shown #container-row #map{display:block}

#wrapper.map-shown.filter-shown #container-row{ display:block}

#wrapper.map-shown.filter-shown #container-row #the-properties{ display:flex !important}
#wrapper.map-shown.filter-shown #container-row #the-properties #property-scroller{ display:none}
#wrapper.map-shown.filter-shown #container-row #map{position:absolute !important; top:0px; right:0px; z-index:-1}
#wrapper.filter-shown #filter-box{display:block; background:#fff; position:fixed; top:0px; z-index:120; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; padding:20px !important}

#view-switcher{ display:inline-block; position:fixed; left:px; bottom:30px; background:#fff; font-family: Roboto, Arial, sans-serif; font-size: 18px; border-bottom-right-radius: 2px; border-top-right-radius: 2px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; min-width: 66px;}
#view-switcher a{ display:inline-block; padding:8px 15px; font-weight:400; border-right:1px solid #eee; color:#565B61;}
#view-switcher a.active{ color:#212121; font-weight:600}



#filter-form .dropdown.filter-item a.toggle{ border:1px solid #DDD; display:block; margin:10px; font-size: 13px; border-radius:5px; padding:14px 10px; background:url('/assets/images/common/pota-ibang-chevron-nanaman-ang-ginamit.png'); background-position:right 10px center; background-repeat:no-repeat}

#filter-form .buttons.filter-item a{ display:block; border:1px solid #ddd; width:48px; height:48px; margin:10px 5px; border-radius:5px}
#filter-form .buttons.filter-item div.sort{ margin:10px}
#filter-form .buttons.filter-item div.sort a{ width:19px; height:20px; border:none; margin:0px}
#filter-form .buttons.filter-item div.sort hr{ margin:3px 0}
#filter-form .buttons.filter-item a.view.active{ background-color: #F5F5F5}
#filter-form .buttons.filter-item a.list-view{ background:url('/assets/images/common/list-icon.png') center center no-repeat}
#filter-form .buttons.filter-item a.block-view{background:url('/assets/images/common/block-icon.png') center center no-repeat}
#filter-form .buttons.filter-item div.sort a.order{ opacity:0.50}
#filter-form .buttons.filter-item div.sort a.order.active{ opacity:1}
#filter-form .buttons.filter-item div.sort a.sort-asc{background:url('/assets/images/common/sort-asc.png') center center no-repeat;}
#filter-form .buttons.filter-item div.sort a.sort-desc{background:url('/assets/images/common/sort-desc.png') center center no-repeat}
#filter-form .dropdown-menu{border:1px solid #ddd !important; padding:10px 20px; top:8px !important; box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.10);}

#filter-form #more-filters .dropdown-menu{ width:100%; padding-left:30px; padding-right:30px; padding-bottom:30px; right:2px; left:2px; position:fixed !important; transform:none !important; height:100vh; overflow-y: scroll}

#filter-form #more-filters span.close-filter{ display:inline-block; width:18px; height:18px; position:absolute; right:15px; top:15px; background:url('/assets/images/common/close.png') center center no-repeat; z-index:100}


#filter-form #region-filters,#filter-form #price-filters,#filter-form #distance-filters,#filter-form #more-filters{width:50%}


#filter-form #distance-filters .dropdown-menu{ width:312px;}
#filter-form #price-filters .dropdown-menu{ width:345px; }
#filter-form #region-filters .dropdown-menu{ width:315px;}
#filter-form #sort-filters .dropdown-menu{ padding:10px 0 0 0; width:170px;}
#filter-form #sort-filters .dropdown-menu a{ font-size:13px; margin:0; padding:10px; border-bottom:1px solid #ddd}
#filter-form #sort-filters .dropdown-menu a.favorites{ background:url('/assets/images/common/heart-muted.png') 95% center no-repeat}
#filter-form #sort-filters .dropdown-menu a.visited{ background:url('/assets/images/common/star-muted.png') 95% center no-repeat}
#filter-form #sort-filters .dropdown-menu a.price{ background:url('/assets/images/common/dollar-muted.png') 95% center no-repeat}
#filter-form #sort-filters .dropdown-menu a.distance{ background:url('/assets/images/common/distance-muted.png') 95% center no-repeat}


#filter-form .input-group-sm>.form-control{height: calc(1.8125rem + 8px);  font-size: 13px; border-radius: 6px; border-top-right-radius: 0;
    border-bottom-right-radius: 0;}
#filter-form .input-group-append .btn{height: calc(1.8125rem + 8px); padding-left:0; padding-right:0px; min-width:60px; border-radius: 6px; border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
#filter-form h4{ font-size:15px; font-weight:600; text-transform:uppercase; padding:10px}
#filter-form a.view-more{ font-size:13px; text-decoration: underline; display:block; width:100%; margin-left:15px; font-weight:500}

#filter-form .m_switch {width: 34px; height: 18px; margin:0px 10px; float:left}
#filter-form label{ font-size:13px; font-weight:600}
#filter-form .custom-checkbox label{font-size:13px; line-height:18px; padding-top:3px; cursor:pointer; font-weight:500}
#filter-form .custom-switch label{font-size:13px; line-height:18px; font-weight:500}
#filter-form .range-slide span{ font-size:13px; font-weight:500}
#stats{ padding:10px 15px 8px 15px;}
#stats p{font-size:10px; font-weight:400; margin:0px; padding:0px}
#stats p a{ font-size:10px; font-weight:500; display:block; clear: both; margin-top:10px}


.prop-info h5{font-size:18px !important }
.prop-info h6{ font-size:14px !important; margin-top:10px}
.prop-info .prop-meta{ margin-top:10px}
.prop-info .prop-meta span{ display:inline-block; font-size:12px; line-height:16px; padding-left:16px}
.prop-info .prop-meta span.distance{ background:url('/assets/images/common/pin-sm.png') no-repeat left center}
.prop-info .prop-meta span.day-rate{ background:url('/assets/images/common/whole-day-sm.png') no-repeat left center; padding-left:19px}
.prop-info .prop-meta span.half-day-rate{ background:url('/assets/images/common/half-day-sm.png') no-repeat left center; padding-left:13px}
.prop-info .prop-actions a.btn-primary{ padding:9px 16px;  margin:0px !important; font-size:11px; font-weight:500}
.prop-info .prop-actions a.meta-icon{ display:inline-block; width:32px; height:32px; margin:0 ; border-radius:5px}
.prop-info .prop-actions a.meta-icon.lodging{ background:#F2B632 url("/image/assets/images/icons/lodging.png") center center no-repeat}
.prop-info .prop-actions a.meta-icon.rv{ background:#3D5462 url("/image/assets/images/icons/rv.png") center center no-repeat}
.prop-info .prop-actions a.meta-icon.boat{ background:#508E9B url("/image/assets/images/icons/boat.png") center center no-repeat}
.prop-info .prop-actions a.meta-icon.bank{ background:#DA6161 url("/image/assets/images/icons/bank.png") center center no-repeat}
.prop-info .prop-actions a.meta-icon.tent{ background:#41623D url("/image/assets/images/icons/tent.png") center center no-repeat}
.prop-info .prop-actions a.meta-icon.blinds{ background:#ddd url("/image/assets/images/icons/blind.png") center center no-repeat}
.prop-info .prop-actions span{ display:inline-block; font-size:12px; margin-left:5px}
.prop-info .prop-actions span cite{font-size: 13px;
    color: #400000;
    font-weight: 600;
    line-height: 26px;
    display: inline-block;
    background: url(/assets/images/common/pin.png) left center no-repeat;
    padding-left: 20px;}
.prop-info .prop-actions span cite.favorite{padding-left: 22px; cursor: pointer; background: url(/assets/images/common/heart-muted.png) left center no-repeat; }
.prop-info .prop-actions span cite.favorite.faved{background: url(/assets/images/common/heart_primary.png) left center no-repeat;}

#mains.stuck_top #filter-form, #mains.stuck_bottom #filter-form{position:fixed; top:0; width:50%; z-index: 100; background:#fff; padding-right:15px !important}
#mains.stuck_top #map-embed{ position:fixed !important; top:0; right:0px; padding:0px; width:50%}
#mains.stuck_bottom #map-embed .embed-responsive{margin-top:auto !important}



/*google map*/
.gm-style-iw{ padding:5px !important; width:200px}
.gm-style-iw h4{ font-size: 12px; line-height: 14px; margin-left: 5px}

.gm-style-iw h3{font-size: 18px !important; line-height: 18px; margin: 8px 0px 2px 5px; width: 200px}
.gm-style-iw-d{ margin-right:-18px !important; margin-bottom: -15px;}
.gm-style-iw-d button{ display: none !important;}
button.gm-ui-hover-effect{ display: none !important;}
.gm-style-iw + button {display: none;}

.view_property main{margin:80px 0}
body.view_property footer{ display:block}

span.is_gold{ display: block; width: 100%; font-size: 12px; color:#941B20; font-weight:600}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { }

@media (min-width: 640px){
    #filter-form .dropdown.filter-item{ flex-grow: 1;}
    .property .pricing-list{ display:inline; width:auto}
    .property .pricing-list-item{ display:inline; width:auto; float: right}
    .property-cols{ display:flex}
    #stats p a{ display:inline; clear: none; margin-top:0px; float:right}




}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .property .btn{ width:auto}
    .property .info-list .info-list-item{ text-align:right}
    #filter-form #region-filters{ width:50%}
    #filter-form #price-filters, #filter-form #distance-filters{width:25%}




}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #filter-form #region-filters,#filter-form #price-filters,#filter-form #distance-filters,#filter-form #more-filters{width:auto}
    #amazingslider-wrapper-1 {padding-bottom: 220px}
    .property h3 {font-size: 30px;font-weight: 600;}

    .property h4 {font-size: 25px;}

    .property #fishing-reports {display: flex}

    #container-row {flex: 1 1 auto !important; display: flex}

    #container-row #map {display: block}

    #property-scrollers-container {
        height: 100%;
        min-height: 100%;
        overflow-y: scroll;
        position: absolute;
    }

    .property-cols {
        display: flex
    }

    #filter-box {
        display: block;
    }

    #property-scroller {
        position-bottom: 5px;
    }

    #filter-form #more-filters .dropdown-menu {
        width: 692px;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 30px;
        height: 430px;
        transform: translate3d(-498px, -193px, 0px);
        top: 0px;
        left: 5px !important;
        right: 0px;
        will-change: transform;
        overflow-y: scroll;
        position: absolute !important;
    }


    #view-switcher{ display:none}
    #filter-form #region-filters, #filter-form #price-filters, #filter-form #distance-filters {width: 33.33%}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #stats p{font-size:16px; font-weight:600;}
    #stats p a{ font-size:16px}

    #property-info{ padding-right:85px}
    #filter-form #more-filters .dropdown-menu{ width:692px; height:auto; overflow-y: hidden}
    #filter-form #more-filters span.close-filter{display: none}
    #filter-form #region-filters, #filter-form #price-filters, #filter-form #distance-filters {width: auto}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}


@media (min-width: 992px) {
    div.show-me{ display: none}
}