/*
Theme Name: Mountain Retreats Realty, Inc
Theme URI: http://www.appnet.com
Description: Custom Theme for Mountain Retreats Realty, Inc
Author: Appnet
Author URI: http://www.appnet.com
Template: vantage
Version: 1.0.0
*/

.cf:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.cf { display: inline-block; }
/* start commented backslash hack \*/
* html .cf { height: 1%; }
.cf { display: block; }
/* close commented backslash hack */

/* --------header-------- */

#top {
  background:#7D94A6;
  border-bottom:3px solid #5C788D;
  padding:5px;
}

.main-navigation {
  border-top:solid 4px #426173; 
  border-bottom:solid 4px #426173;
}

#masthead .main-navigation ul li a {padding:16px 30px;}

#header-sidebar .textwidget {
  color:#3E5160;
  font-size:24px;
  font-weight:700;
  line-height:30px;
}
#header-sidebar .textwidget img {
  border-left:1px solid #426173; 
  margin-top:-10px;
  margin-left:15px;
}

/* --------end header-------- */

/* --------body-------- */

body.home #main {padding:0 35px;}

#main .tagline h1 {
  font-size: 30px; 
  font-weight:bold; 
  color:#fff; 
  line-height:40px;
  margin:10px 0;
  text-align:center; 
}

#main .panel-row-style-home-content {
  border-top:3px solid #5C778A!important; 
  border-bottom:3px solid #5C778A !important;
  text-align:center;
}

body.page-template-template-full #main header.entry-header {
  background:#5C788D;
  border-bottom:3px solid #85A1B5;
  margin:-34px -1000px 20px;
  padding:0 1000px;
} 
body.page-template-template-full #main header.entry-header h1 {
  color:#fff;
  padding:20px 0;
}

#main .area-info ul {
  margin:0; 
  padding:0; 
  list-style:none;
}
#main .area-info ul li {margin:0; padding:0;}

#more-info {
  background:#85A1B6;
  color:#fff;
  text-align:center;
  font-size:22px;
  font-weight:normal;
  line-height:1.6;
  border-bottom:solid 4px #5C788D;
  padding:30px;
}

#more-info a {color:#b3e971; text-decoration: none; transition: all 0.4s ease 0s;}
#more-info a:hover {color:#ccc;}

/* --------end body-------- */

/* --------rental pro-------- */

#main .wpp_row_view div.property_div {
  background:#85A1B6;
  border:3px solid #5C788D;
  box-sizing:border-box;
  margin-bottom: 15px;
}
#main .wpp_row_view div.property_div .property_image {
  float:left;
  width:33%;
}

#main .wpp_row_view div.property_div .wpp_overview_data {
  border-left:1px solid #5C788C;
  color:#eee;
  float:left;
  padding-left:20px;
  width:60%;
}

#main .wpp_row_view div.property_div .wpp_overview_data .property_title {
  border-bottom:1px solid #5C788D; 
  margin-bottom:10px; 
  padding-bottom:5px;
}

#main .property_title a {color:#426173;}
#main .property_title a:hover {color:#fff;}

#main .wpp_row_view div.property_div .wpp_overview_data ul {
  margin:0; padding:0; list-style:none;
}
#main .wpp_row_view div.property_div .wpp_overview_data li {
  margin:3px 0; padding:0; list-style:none;
}

#main .wpp_row_view div.property_div .location {
  border-bottom:1px dotted #5C788C;
}

#main .wpp_row_view div.property_div .location span {display:block;}

#main .wpp_row_view div.property_div .accomodations-block {
  border-bottom:1px dotted #5C788C;
}
#main .wpp_row_view div.property_div .accomodations-block li {
  font-size:16px;
  float:left; 
  margin-right:15px;
}

body #main .wpp_row_view div.property_div .price-block {
  background:#5C788D;
  border-radius:5px;
  padding:10px;
  margin:5px 0;
}
#main .wpp_row_view div.property_div .price-block li {
  border-bottom:1px dotted #85A1B5;
  font-size:16px;
  float:left; 
  width:48%;
}
#main .wpp_row_view div.property_div .price-block li.group {width:100%; border:0;}

#main .wpp_row_view div.property_div .wpp_overview_data .property_amens {padding:20px 0;}
#main .wpp_row_view div.property_div .wpp_overview_data .property_amens span {display:block;}

#main .wpp_row_view div.property_div .property_link a {
  background:#426173;
  border:1px solid #fff;
  color:#fff;
  display:block;
  font-size:18px;
  margin-top:10px;
  padding:10px;
  text-align:center;
  text-decoration:none;
}
#main .wpp_row_view div.property_div .property_link a:hover {
  background:#8EB876;
}

/* detail page */

#main h1.property-title {font-size:30px; margin-bottom:20px;}

#main .propery-detail {
  background:#E7E7E7;
  border:3px solid #ccc;
  box-sizing:border-box;
  padding:20px;
}
#main .feat-image {
  float:left;
  width:40%;
}
#main .feat-image img {
  border:3px solid #fff; 
  box-sizing:border-box; 
  width:95%;
}
#main .propery-detail .price-block {
  float:left;
  width:60%;
}

#main .price-block .location {
  border-bottom:1px dotted #5C788C;
  margin-bottom:15px;
}

#main .price-block .location span {display:block;}

#main .price-block .accomodations-block {
  border-bottom:1px dotted #5C788C;
  margin-bottom:15px;
}
#main .price-block .accomodations-block li {
  font-size:16px;
  float:left; 
  margin-right:15px;
}

body #main .price-block .price-block-sub {
  background:#EEEEEE;
  border:3px solid #ccc;
  border-radius:5px;
  padding:10px;
  margin:5px 0 15px;
}
#main .price-block .price-block-sub li {
  border-bottom:1px dotted #85A1B5;
  font-size:16px;
  float:left;
  padding:5px 0;
  width:48%;
}
#main .price-block .price-block-sub li.group {width:100%; border:0;}

#main .price-block .property_amens {padding:20px 0;}
#main .price-block .property_amens span {display:block;}

#main a.back-to {
  background:#426173;
  border:1px solid #fff;
  color:#fff;
  display:block;
  font-size:18px;
  margin-top:10px;
  padding:10px;
  text-align:center;
  text-decoration:none;
}
#main a.back-to:hover {
  background:#8EB876;
}
#main .envira-gallery-wrap .envira-gallery-public.envira-gallery-css-animations .envira-gallery-item img {border:3px solid #fff;}

#main .price-block ul {margin:0; padding:0;} 
#main .price-block li {list-style:none; margin:0; padding:0;}


/* --------end rental pro-------- */

/* --------footer-------- */

#colophon {border-top:1px solid #fff;}

#footer-widgets .widget {font-size:22px}

#footer-widgets .widget a {color:#b3e971; text-decoration: none; transition: all 0.4s ease 0s;}
#footer-widgets .widget a:hover {color:#ccc;}

#house {display:block; margin:-15px auto 0;}


/* --------end footer-------- */



#formfields {overflow:hidden;}
#formfields h3 {width:100%; display:block; clear:both; border-bottom:1px solid #ccc; padding-top:15px;}
#formfields p {
  float:left;
  padding-right:2%;
  width:48%; 
  margin-top:0;
}
#formfields p.full {
  padding-right:2%;
  width:98%; 
}

  
#formfields input, #formfields textarea, #formfields select {width:100%; padding:5px;}
#formfields input[type="radio"] {width:20px;}
#formfields span.last {margin-left:120px;}
#formfields h2 {clear:both; padding:20px 0 0 0; margin:0;}


@media (max-width: 1080px) {

#pgc-334-1-0 p { font-size: 14px; }

#footer-widgets .widget a { font-size: 20px; }

} @media (max-width: 980px) { 

#footer-widgets .widget a { font-size: 18px; }

#pgc-334-1-0 p { font-size: 16px; }

} @media (max-width: 880px) {

#footer-widgets .widget a { font-size: 16px; }

} @media (max-width: 780px) {

#header-sidebar .textwidget p { font-size: 20px;  }

body.responsive #masthead .hgroup .logo img { max-width: 84%; }

#more-info { font-size: 19px; }

#footer-widgets .widget a { font-size: 14px; }

} @media (max-width: 680px) {

body.responsive #masthead .hgroup .logo img { max-width: 55%;float: left; }

body.responsive #masthead .hgroup #header-sidebar .widget { float: right; }

#header-sidebar .textwidget p { font-size: 20px; }

#more-info { font-size: 17px; }

#footer-widgets .widget { text-align: center; float: none; clear: both; margin: 0px auto; }

#footer-number { font-size: 19px; line-height: 24px; }

#footer-widgets .widget a { font-size: 11px; }

} @media (max-width: 480px) { 

body.responsive #masthead .hgroup .logo img { max-width: 100%; }

body.responsive #masthead .hgroup #header-sidebar .widget { margin-right: 80px; }

#main .tagline h1 { font-size: 25px; }

  #formfields p, #formfields p.full {
    float:none;
    padding-right:0;
    width:100%; }

    .search-results-col-1 {width:100%;display:block;}
    .search-results-col-2 {width:100%;display:block;}

} @media (max-width: 320px) {

body.responsive #masthead .hgroup #header-sidebar img { display: none; }

#header-sidebar .textwidget p { margin-right: -20px; }

}