.site-header { background-color: #566473; }

.fp1 { font-size: 48px; line-height: 1.3em; }
.fp3 { color: #fff; }
.fp3 img { margin: 0; width: 33.3%; }
a { color: #566473; }

.genesis-nav-menu > .current-menu-item > a, .genesis-nav-menu > li > a:hover, .genesis-nav-menu > li > a:focus {
    border-bottom: 2px solid #fff;
}
.front-button { margin-top: 30px; }
.front-button a { border: 1px solid #fff; padding: 20px; color: #fff; 
  text-decoration: none; font-size: 24px; }
.front-button a:hover { background: #fff; color: #666; }

.sidebar .entry-content ul { margin-left: 20px; }
.sidebar ul li, .sidebar { font-size: 18px; font-size: 1.8rem; line-height: 1.3em; }
.widget li { padding-bottom: 0; }


.f2b-box { border: 1px solid #000; padding: 10px; width: 300px; float: right; height: 260px; }
.entry-header .entry-meta { display: none; }
#f2b-widget { padding-left: 0; }
#f2b-widget .searchButtonContainer input.searchButton { height: 10px; }
#f2b-widget .searchButton { background-repeat: no-repeat; }








.properties-fa .fa { text-align: center; border-radius: 5px; background: #566473; color: #fff; margin: 10px 8px 0 0; padding: 5px; font-size: 20px; width: 35px; }

.properties-rating { font-size: 130%; background: #566473; color: #fff; display: inline-block; width: 100%; padding: 5px 10px; border-radius: 5px; margin-bottom: 10px; } 
.properties-score { font-weight: 800;} 

.properties-button { margin-top: 10px; }
.properties-button a { padding: 6px 15px; color: #fff; background: #566473; font-size: 20px; text-decoration: none; 
  border-radius: 5px; display: inline-block; width: 100%; background: #566473; color: #fff; border: 1px solid #566473;}
.properties-button a:hover { color: #566473; background: #fff; border: 1px solid #566473; }

.properties-container { background: #f5f5f5; line-height: 1.3em; width: 100%; 
  float: left; border: 2px solid #999; padding: 25px; 
  font-size: 18px; margin: 0 0 20px 0; clear: both; }
.properties-container h2 { margin-top: -5px; }
.properties-pic {float: left; width: 300px; height: 200px; margin-right: 20px; }

.property-container { float: left; margin-bottom: 20px; }
.property-features { width: 40%; float: left; }

.site-footer { margin-top: 50px;}

@media screen and (max-width: 560px) {
  .f2b-box { width: 100%; height: 200px; }
  .property-features { width: 100%; }
}

@media screen and (max-width: 400px) {
  .properties-pic {float: left; width: 210px; height: 120px; margin-bottom: 20px; }
  .property-gallery { height: 250px; }
  .f2b-box { margin-bottom: 20px; float: none; }
  .property-features {  }
}

.front-page-3::before { height: 300px; }