/*
Theme Name: wpresidence
Template: wpresidence
Author: WP Estate
Version: 1.0
Updated: 2015-01-25 18:19:31
*/

@charset "UTF-8";

/* Logo */
.logo img {
  max-height: 140px;
  max-width: 285px;
  position: relative !important;
  bottom: 25px !important;
}
.customnav .logo img {
  bottom: 5px !important;
  max-height: 75px;
  position: relative;
}
.mobile-logo img {
  margin: 0 auto;
  max-height: 60px;
  width: auto;
  position: relative;
  top: 3px;
}

/* Visual Composer */
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
  background-color: #ff0000 !important;
  color: #fff;
  text-transform: uppercase;
  border-bottom: 3px solid #c70000 !important;
  padding: 12px 20px;
}
.vc_btn3.vc_btn3-shape-rounded {
  border-radius: 3px !important;
}

/* Header */
.header_media {
  background-color: transparent;
}

/* Body */
body, h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-family: "National",helvetica,arial,verdana,tahoma,sans-serif !important;
}
h1, h2, h3, h4 {
	font-weight: bold !important;
}
h4 {
  font-size: 19px;
  line-height: 160%;
}
.content_wrapper {
  padding: 0px 15px 0px;
}
.single-content {
  font-size: 17px;
  line-height: 160%;
  margin-bottom: 0px;
}
.single-content p {
  margin-bottom: 20px;
}
.single-content li a, .single-content p a {
  color: #ff0000;
}
.breadcrumb_container {
	padding-top: 10px;
}
.breadcrumb .active {
  color: #ff0000;
}
#comments {
	margin-bottom: 0px !important;
}
.nav-prev-wrapper, .nav-next-wrapper {
	display: none !important;
}
.rightmargin {
	margin-bottom: 50px; 
}
.company_headline, .loginwd_sidebar .widget-title-sidebar, .advanced_search_sidebar .widget-title-footer, .advanced_search_sidebar .widget-title-sidebar, .zillow_widget .widget-title-footer, .zillow_widget .widget-title-sidebar, .adv1-holder, .notice_area, .top_bar_wrapper, .master_header, #access ul ul a, .listing_filters_head, .listing_filters {
  border-bottom: 0px solid #000000;
}
.pagination {
  margin: 30px 0 30px;
}

/* Sidebar */
.widget-title-sidebar {
	border-bottom: 0px solid #000000 !important;
	padding-left: 0px !important;
	color: #000000;
    font-size: 20px;
}
.advanced_search_sidebar .widget-title-footer, .advanced_search_sidebar .widget-title-sidebar {
  color: #000000;
  font-size: 20px;
}

/* Blog Sidebar */
.widget_recent_entries h3.widget-title-sidebar {
	background-color: #f0f0f0 !important;
	padding-bottom: 10px !important;
}
.widget_recent_entries li::before {
	content: none !important;
}
.widget_recent_entries ul {
	padding: 0 13px;
}

/* Menu */
.customnav {
  border-bottom: 0px !important;
}
.mobile_header {
  background-color: #000000;
}
#access a {
  padding-top: 18px;
  font-size: 17px;
}
#access ul li:hover > ul {
	top: 70px;
}
#access ul ul {
  border-bottom: 0px solid #f0f0f0 !important;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-left: 0px solid #f0f0f0 !important;
  border-right: 0px solid #f0f0f0 !important;
  border-top: 0px solid #f0f0f0;
  box-shadow: 0 0px 0 0 rgba(227, 228, 231, 1);
  float: left;
  left: 0;
  margin: 0 0 0 3px;
  opacity: 0;
  padding-top: 1px;
  position: absolute;
  top: 120px;
  transition: all 0.25s ease 0s;
  visibility: hidden;
  width: 220px;
}
.submit_action {
  font-size: 17px;
}
#lang_sel {
  font-family: "Open Sans",verdana,arial,sans-serif;
}
#lang_sel a {
  font-size: 13px;
}

/* Homepage banner */
#search_wrapper {
  border-bottom: none !important;
}

/* Home base map */
.homebasemap {
	position: relative;
	bottom: -13px;
}

/* Adverts */
.bannerad {
  margin: auto;
  padding: 30px 10px 20px !important;
  text-align: center;
  /*width: auto;*/
}
.bannerad .bsaProContainer .bsaProItems {
    display: flex;
    align-items: center;
    justify-content: center;
}


.sidebarad {
	margin-bottom: 30px;
	
}

/* Events */

/* Listing boxes */

.property_listing {
  background-color: transparent;
  border: 0px solid #f0f0f0;
  border-radius: 0px;
  box-shadow: 0 15px 0 0 rgba(240, 240, 240, 1);
  cursor: pointer;
  float: left;
  font-size: 17px;
  margin-bottom: 20px !important;
  max-width: 525px;
  min-height: 370px;
  min-width: 248px;
  padding-bottom: 50px;
  position: relative;
  transition: all 0.15s ease 0s;
  max-height: 370px;
  overflow: hidden;
}
.property_listing h4 {
  padding: 0 0px;
  font-size: 20px;
}
.listing_details {
  float: left;
  line-height: 160%;
  margin: 0;
  padding: 0 0px;
}
.property_listing:hover{
    box-shadow: 0px 0px 5px 1px rgba(60, 144, 190, 0.0) !important;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(60, 144, 190, 0.0) !important;
    background-color: #f0f0f0 !important;
}
.property_listing img {
  border-bottom: 0px !important;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  width: 100%;
}
.adv-search-1, .notice_area, .listing_filters_head, .listing_filters, .listing_unit_price_wrapper {
  border-top: 0px solid #000000 !important;
}
#grid_view, #list_view {
  display: none;
}
.listing_wrapper {
	padding-top: 15px;
}
.listing_wrapper:hover {
	background-color: #f0f0f0 !important;
}
.listing-cover {
  background: none !important;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  height: auto;
}
.listing-unit-img-wrapper {
  margin-bottom: -20px !important;
}
.featured_div {
  /*background-attachment: scroll;
  background-clip: border-box;
  background-color: #ee2d31;
  background-image: none !important;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto auto;
  border: 1px solid #ffffff;
  border-radius: 0;
  bottom: -1px;
  height: 25px;
  left: auto;
  position: absolute;
  right: -1px;
  transform: rotate(0deg);
  width: 25px;
  z-index: 11;*/
  display: none !important;
}
.featured_article, .mortgage_calculator_div, .loginwd_sidebar, .advanced_search_sidebar, .advanced_search_shortcode, #access ul ul, .testimonial-text, .submit_container, .zillow_widget, .featured_property, .property_listing, .agent_unit, .blog_unit, property_listing {
  border-color: none !important;
}
.property-panel .panel-heading {
  border-radius: 0px;
  margin-top: 30px;
}
.notice_area {
	border-bottom: 0 solid #000000 !important;
	background-color: #F0F0F0;
	padding-left: 15px;
}
.prop_social {
  position: absolute;
  right: 15px;
  top: 45px;
}
#add_favorites {
  font-size: 15px;
  right: 15px;
  top: 14px;
}
.isnotfavorite {
  border-radius: 3px;
  color: #fff;
  padding: 0 10px !important;
}
.property_categs {
  font-size: 14px;
}
.adres_area {
  font-size: 16px;
}
#primary .agent_unit {
  min-height: 315px;
}
@media only screen and (min-width: 640px){
.listing_detail {
  margin-right: 65px;
  width: 41%;
}
}

/* MB Centres and bases */
.agent_unit {
  background-color: transparent;
  border: 0 solid #f0f0f0;
  border-radius: 0;
  box-shadow: 0 0 0 0 rgba(227, 228, 231, 1);
  cursor: pointer;
  float: left;
  margin-bottom: 0 !important;
  max-width: 525px;
  min-height: 373px;
  overflow: hidden;
  padding-bottom: 10px !important;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  transition: all 0.4s ease 0s;
  width: 100%;
}
.agent_unit:hover {
	background-color: transparent !important;
	box-shadow: 0 0 0 0 rgba(227, 228, 231, 1);
	border: 0px solid rgba(227, 228, 231, 1);
}
.agent_unit h4 {
  padding: 0 0px;
}
.agent_unit .agent_position {
  margin-left: 0;
}
.agent_detail {
  font-size: 13px;
  line-height: 160%;
  margin: 0 0 2px 0px;
}
.agent_unit img {
  border-top-left-radius: 0;
  border-top-right-radius: 0px;
}
.agent_unit_social {
	display: none;
}
.agent-unit-img-wrapper .agent_unit img {
	border-bottom: 0 solid #ff0000 !important;
}
.agentpict {
  border-bottom: 0px solid #3c90be;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.agent_unit_social_single {
  background-color: transparent !important;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  box-shadow: 0 0px 0 0 rgba(227, 228, 231, 1);
}
.mydetails {
  background-color: #000000;
  border-radius: 0px;
  color: #ffffff;
  font-size: 17px;
  font-weight: bold;
}
.post-carusel {
  border-radius: 0px !important;
}

/* Search box */
.advanced_search_shortcode {
  background-color: #f0f0f0 !important;
  border: 1px solid #f0f0f0 !important;
  border-radius: 0;
  box-shadow: 0 0 0 0 rgba(227, 228, 231, 1);
  float: left;
  font-size: 13px;
  padding: 13px 0 13px 13px;
  width: 100%;
}
.advanced_search_shortcode .form-control {
  font-size: 17px;
}
.advanced_search_shortcode .filter_menu_trigger {
  margin-top: 0;
  padding: 9px 13px;
}
button.wpb_btn-large, span.wpb_btn-large {
  font-size: 17px !important;
  padding: 13px 14px 8px !important;
}

/* Side search box */
.advanced_search_sidebar {
  background-color: #f0f0f0 !important;
  border: 0px solid #f0f0f0;
  border-radius: 0px;
  box-shadow: 0 0px 0 0 rgba(227, 228, 231, 1);
}
.advanced_search_sidebar h3.widget-title-sidebar {
  background-color: #f0f0f0 !important;
  padding: 13px 13px 0px !important;
}
h3.widget-title-sidebar {
	background-color: #f0f0f0 !important;
	padding: 13px 13px 10px !important;
}

/* Footer */
.footer_back_repeat h3 {
	color: #fff !important;
	font-family: "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif !important;
	font-size: 20px;
}
.footer_back_repeat p {
	color: #fff !important;
	margin: 9px 0px;
	padding: 0;
	font-size: 17px !important;
	line-height: 160% !important;
}

.footer_back_repeat a {
	color: #fff !important;
}
.footer_back_repeat a:hover {
	color: #EE2D31 !important;
}
.sub_footer {
  background-color: #000000;
  height: 70px;
}
.contact-box {
  background-color: #fff;
  margin-right: 56px;
  opacity: 1;
  display: none;
}
.backtop {
  background-color: #ffffff;
  opacity: 1;
}

/* Route Grades */
/* Paul: This is the diamond featured icon that appears in the bottom centre of the image when featured.  I've had to change the 'bottom' attribute as it was knocked out when I added the grade boxes */
/*.featured_div {
    width: 30px; 
    height: 30px; 
    background: purple; */  
    /* Rotate */
    /*-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);*/
    /* Rotate Origin */
    /*-webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    position: absolute;
    bottom:11px;
    left: 50%;
    border-radius: 2px;
    background: url('css/css-images/unit.png');
    background-position: -8px -9px;
    z-index:11;
}*/

.grade_no_grade {
position: relative;
width: 30px;
height: 30px;
top: -30px;
float: right;
}

/*.grade_black {
background-color: black;
position: relative;
width: 30px;
height: 30px;
top: -30px;
float: right;
}*/
.grade_black {
  background: #000000 none repeat scroll 0 0;
  bottom: 21px;
  color: #fff;
  font: 500 14px/131% "Helvetica Neue",Helvetica,Arial,sans-serif;
  left: 0;
  letter-spacing: 1px;
  padding: 3px 5px;
  position: relative;
  text-transform: uppercase;
}
.grade_black::after {
  border-right: 10px solid transparent;
  border-top: 10px solid #000000;
  bottom: -9px;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}
.grade_orange {
  background: #f39100 none repeat scroll 0 0;
  bottom: 21px;
  color: #fff;
  font: 500 14px/131% "Helvetica Neue",Helvetica,Arial,sans-serif;
  left: 0;
  letter-spacing: 1px;
  padding: 3px 5px;
  position: relative;
  text-transform: uppercase;
}
.grade_orange::after {
  border-right: 10px solid transparent;
  border-top: 10px solid #f39100;
  bottom: -9px;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}
.grade_green {
  background: #009d3a none repeat scroll 0 0;
  bottom: 21px;
  color: #fff;
  font: 500 14px/131% "Helvetica Neue",Helvetica,Arial,sans-serif;
  left: 0;
  letter-spacing: 1px;
  padding: 3px 5px;
  position: relative;
  text-transform: uppercase;
}
.grade_green::after {
  border-right: 10px solid transparent;
  border-top: 10px solid #009d3a;
  bottom: -9px;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}
.grade_red {
  background: #ff0000 none repeat scroll 0 0;
  bottom: 21px;
  color: #fff;
  font: 500 14px/131% "Helvetica Neue",Helvetica,Arial,sans-serif;
  left: 0;
  letter-spacing: 1px;
  padding: 3px 5px;
  position: relative;
  text-transform: uppercase;
}
.grade_red::after {
  border-right: 10px solid transparent;
  border-top: 10px solid #ff0000;
  bottom: -9px;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}
.grade_blue {
  background: #00addc none repeat scroll 0 0;
  bottom: 21px;
  color: #fff;
  font: 500 14px/131% "Helvetica Neue",Helvetica,Arial,sans-serif;
  left: 0;
  letter-spacing: 1px;
  padding: 3px 5px;
  position: relative;
  text-transform: uppercase;
}
.grade_blue::after {
  border-right: 10px solid transparent;
  border-top: 10px solid #00addc;
  bottom: -9px;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}
.grade_yellow {
  background: #edc000 none repeat scroll 0 0;
  bottom: 21px;
  color: #fff;
  font: 500 14px/131% "Helvetica Neue",Helvetica,Arial,sans-serif;
  left: 0;
  letter-spacing: 1px;
  padding: 3px 5px;
  position: relative;
  text-transform: uppercase;
}
.grade_yellow::after {
  border-right: 10px solid transparent;
  border-top: 10px solid #edc000;
  bottom: -9px;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}
.grade_facility {
  background: #99a3b1 none repeat scroll 0 0;
  bottom: 21px;
  color: #fff;
  font: 500 14px/131% "Helvetica Neue",Helvetica,Arial,sans-serif;
  left: 0;
  letter-spacing: 1px;
  padding: 3px 5px;
  position: relative;
  text-transform: uppercase;
}
.grade_facility::after {
  border-right: 10px solid transparent;
  border-top: 10px solid #99a3b1;
  bottom: -9px;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}
.grade_marker {
  padding-left: 16px;
  padding-top: 40px;
}

.news_alert {
 width: 100%;
padding: 10px;
color: red;
border: solid 1px red;
margin-top: 10px;
margin-bottom: 10px;
}

/* MBW Blog */
.category-blog {
  margin-top: 35px;
}

/* Advanced Search */
.adv_listing_filters_head, .listing_filters_head, .listing_filters {
/*  display: none;
*/}

/* Top menu Add Business box */
#user_menu_open h3 {
	padding-left: 12px !important;
}

/* Opus map */
.opusMap {
	width: 100%;
	height: 594px;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
.opusMap {
	width: 100%;
	height: 350px;
}
.property_listing {
  min-height: 400px;
}
.grade_blue, .grade_red, .grade_black, .grade_green, .grade_orange, .grade_yellow {
  bottom: 22px;
}
/* Mobile Nearby Trails */
.mylistings .grade_red, .mylistings .grade_green, .mylistings .grade_blue, .mylistings .grade_black, .mylistings .grade_orange, .mylistings .grade_yellow {
	bottom: 27px !important;
}
#social_widget_top-2 {
	margin-top: 10px;
	margin-left: 35px;
}
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {  
.listing_filters_head {
		  display: none;
	  }
}

/* Nearby Trails */
.mylistings .grade_red, .mylistings .grade_green, .mylistings .grade_blue, .mylistings .grade_black, .mylistings .grade_orange, .mylistings .grade_yellow {
	bottom: 25px;
}

/* Image Carousel */
.carouselvertical {
  height: 380px !important;
}
#carousel-listing {
  background-color: #ffffff;
}
.post-carusel {
  background: #ffffff none repeat scroll 0 0;
}
#carousel-indicators-vertical {
  background: #ffffff none repeat scroll 0 0;
}
.caption-wrapper {
	display: none;
}
.slider-property-status {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  padding: 12px 24px 8px !important;
  top: 14px;
  background-color: #434a54;
}

/* Google map & popup */
.info_details {
  border-bottom: 3px solid #99a3b1;
  border-radius: 0px;
  box-shadow: 3px 5px 13px 0 rgba(29, 29, 29, 0.05);
  height: 200px;
  margin: -265px 0 0 -120px;
  max-width: 457px;
  width: 250px;
}
.info_details::after {
  left: 128px !important;
  margin-left: -19px;
}
#gmapzoomplus {
  top: 55px;
}
#gmapzoomminus {
  top: 88px;
}
.info_details {
  height: 156px !important;
  margin: -217px 0 0 -120px !important;
}
#infobox_title {
	color: #434a54 !important;
}


@media only screen and (max-width: 1350px) and (min-width: 640px){
/* Footer */
#fourth img {
	width: 100%;
	height: auto;
}
}