/* Bourbon 4.0.2
 * http://bourbon.io
 * Copyright 2011-2014 thoughtbot, inc.
 * MIT License */
/* BACKGROUND SIZE */
.clearfix {
  clear: both;
  float: none;
}

.dl {
  display: block;
  margin: 0;
}

dd {
  display: block;
  margin: 0;
}

/* Cards
* you can see an example of these being used on the orient express page on Citalia
*
*	<div class="cardFull">
*		<div class="image">
*			<img src="http://placehold.it/350x150" />
*		</div>
*		<div class="content">content goes here</div>
*	</div>
*/
#recent-searches {
  background-color: #E8E3E7;
  padding: 17px 20px;
  border-top: 1px dashed #CCC;
}
@media (max-width: 480px) {
  #recent-searches {
    display: none;
  }
}
#recent-searches .highlight {
  display: inline-block;
  background-color: #D3005F;
  color: #FFF;
  padding: 0 4px;
  border-radius: 3px;
}
#recent-searches .searches {
  padding: 0;
  list-style: none;
  overflow: hidden;
}
#recent-searches h3,
#recent-searches p {
  margin: 0;
}
#recent-searches li {
  background-color: #FFF;
  float: left;
  padding: 16px;
  margin: 5px 2% 0 0;
  box-sizing: border-box;
  width: 32%;
  cursor: pointer;
}
#recent-searches li:last-of-type {
  margin: 5px 0 0 0;
}
#recent-searches a.expandable {
  background: url(themes/sov/images/search/maximizeIcon.png) no-repeat 100% 50%;
  background-size: 16px;
  text-transform: uppercase;
  color: #464646;
  font-size: 0.9em;
}
#recent-searches a.expanded {
  background: url(themes/sov/images/search/minimizeIcon.png) no-repeat 100% 50%;
  background-size: 16px;
}
#recent-searches a {
  cursor: pointer;
  display: block;
}
#recent-searches a:hover {
  text-decoration: none;
}
#recent-searches .minus {
  display: none;
}
#recent-searches .expanded .minus {
  display: inline-block;
}
#recent-searches .expanded .plus {
  display: none;
}

#modalSearchPanel .noRooms {
  width: 3.3em !important;
}
@media (min-width: 768px) and (max-width: 980px) {
  #modalSearchPanel .noRooms {
    width: 3.2em !important;
  }
}
#modalSearchPanel #roomList p > span {
  float: right;
  font-size: 0.8em;
  margin: 5px 2px 0 4px;
  line-height: 1.2em;
}
#modalSearchPanel #roomList span {
  text-align: left;
  padding: 0 5px;
}
#modalSearchPanel #roomList span:first-child {
  padding: 0 0;
}
#modalSearchPanel .button {
  margin: 20px 0;
}
#modalSearchPanel #departureDay {
  width: 4.0em;
}
#modalSearchPanel #departureMonthYear {
  width: 8em;
}
#modalSearchPanel .roomInfo {
  display: none;
}
#modalSearchPanel p.searchConditions {
  padding: 7px 5px 7px 5px;
  background-color: #FFFFFF;
  margin: 0;
  font-size: 0.8em;
}

/*# sourceMappingURL=horizontalRecentSearch.css.map */