/*DE specific styles*/
#recsearch form, .unifSearch form, #recsearch {
    background-color: #e7e7e7;
}
.unifSearchCriteria{
	font-family: 'Lato', sans-serif !important;
}
.unifSearchRecreation, .unifSearchCriteria .criteria_section label {
  color: #336EBD;
}
.facility_view_header a.facility_link {
  color: #336EBD;
  font-weight: bold;
}
.unifSearchRecreation {
	font-size: 20px;
	background-image: none;
}
.unifSearchRecreation span:before {
	content: "\f00e";
	margin-right: 10px;
	font: normal normal normal 1em FontAwesome;
}
.check_avail_panel a.check_available, .check_avail_panel a.book_now {
    background-color: #336EBD;
    background: linear-gradient(to bottom,#336EBD 0,#336EBD 100%);
    border: 1px solid #000;
    width: 170px;
}
.check_avail_panel a.check_available:hover, .check_avail_panel a.book_now:hover {
    background-color: #fff !important;
    background: linear-gradient(to bottom,#fff 0,#fff 100%);
    border: 1px solid #000;
    color: #336EBD;
    width: 170px;
}
.unifSearchCriteria input[type=text] {
  color: #4a4a4a;
}
.check_avail_panel a.book_now {
  color: #fff;
}
@media (max-width: 767px) {
  .unifSearchCriteria input[type=text], div[id^='availability_section_'] input#lengthOfStay, div[id^='availability_section_'] input#dayUseLengthOfStay, 
  div[id^='availability_section_'] input#dayPassLengthOfStay, div[id^='availability_section_'] input#marinaLengthOfStay {
    margin-top: 0;
  }
  div.unifSearch #lengthOfStay, div.unifSearch #dayUseLengthOfStay, div.unifSearch #dayPassLengthOfStay, 
  div.unifSearch #marinaLengthOfStay, div.specific_attributes input[type="text"], body#csitedetailspage #lengthOfStay {
    width: 85px !important;
    margin-right: 0 !important;
  }  
}