.holiday-items{
  margin: 0px;
  padding: 0px;
  list-style: none;
  display : flex;
  flex-wrap : wrap;
}
.holiday-items li{
width : 50%;
  position: relative;

  display : flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom : 5px;
}

.holiday-items svg{
  width: 20px;
  position: relative;
  top: 0;
  left: 0;
  /*position: absolute;
  top: 2px;
  left: -25px;*/
  background-color: #25aae1;
  padding: 5px; 
  border-radius: 50%;
  margin-right : 10px;
}

.hotel-detail-page .intro-page-title {
 padding-top : 10px;
}

.hotel-detail-page .intro-page .intro-page-title {
  flex-direction: column;
}
.hotel-detail-page .intro-page .intro-page-location {
  padding-bottom : 20px;
}

.hotel-rating {
  font-size: 3rem;
  line-height: 1;
  color: #fba91c;
  padding-bottom: 10px;
}

.hotel-detail-page .search-details-summary {
  flex-wrap : wrap;
  margin-top : 30px;
  align-content: flex-start;
}

.hotel-detail-page ul.search-details-summary li.summary-date {
  width : 33.33%;
  padding-bottom : 20px;
  padding-right : 10px;
}

.offer-summary { background-color : #fff; margin-top : 20px;}

.intro-page.bg-dgrey .offer-summary p {
  color: #343f48;
}

.promo-messages {
  box-sizing: border-box;
  position : relative;
  list-style: none;
  margin: 10px 0 0;
  padding: 10px;
  color: #d02b0f;
  text-align: left;
  font-size: 1.2rem;
  font-weight: 700;
  background-color: rgba(198,154,81,.2);
  margin-bottom : 20px;
}

.promo-messages li {position : relative;    padding-left: 20px; padding-bottom : 5px;}

.promo-messages svg {
  width: 14px;
  height: 14px;
  fill: #d02b0f;
  position: absolute;
  top: 3px;
  left: 0;
}
.more-button3 {
  margin: auto 0px 0px 0px;
}
.more-button3 span {
  display: inline-block;
  box-sizing: border-box;
  padding: 15px 20px;
}

.more-button3 a {
  display: flex;
  box-sizing: border-box;
  color: #ffffff;
  background-color: #29b360;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.4rem;
  transition: all .3s ease;
}

.more-button3 span:nth-child(2) {
  margin-left: auto;
  padding: auto 20px;
  background-color: #239952;
  line-height: 0px;
  transition: all .3s ease;
}

.more-button3 svg {
  width: 20px;
  height: 20px;
  fill: #ffffff;
}

.hotel-detail--offer{
 display: flex;
 flex-direction: column;
}


.offer-summary {
 padding : 15px 20px;
 box-sizing: border-box; 
 /*margin-top : -30px; */
 margin-bottom : 30px; 
 /*width : 33%;*/
}
.offer-summary .price-prefix {font-weight: 700;}
.offer-summary .price-total {font-size: 1.4rem;}
.offer-summary .price-discount {font-size: 1.4rem;}

.offer-summary .price-value {
  font-size: 3.6rem;
  font-weight: 700;
  margin: 0;
}
.offer-summary .price-suffix {
  font-size: 1.6rem;
}
.offer-summary.offer-summary__condensed .price {position : relative;}
@media only screen and (min-width: 960px){

 .hotel-detail-page .intro-page.bg-dgrey .container-12 { width : 100%;}
 .hotel-detail--offer{flex-direction: row;}

 .offer-summary {
   //margin-top : -30px; 
   width : 33%;
 }

 .offer-summary.offer-summary__condensed {
   display: flex;
   width: 100%;
   align-items: center;
   justify-content: space-around;
 }
 
 .offer-summary.offer-summary__condensed .dp-cta--secondary,
 .offer-summary.offer-summary__condensed .promo-messages { margin : 0;}

 .offer-summary.offer-summary__condensed .price,
 .offer-summary.offer-summary__condensed .promo-messages,
 .offer-summary.offer-summary__condensed .modal-link,
 .offer-summary.offer-summary__condensed .edit-search  { width : 20%; }
 
}


.backToSearch {
  text-decoration: none;
  font-size : 1.4rem;
  display : inline-block;
  margin-top : 10px;
  color : #343f48;
}

.edit-search {
  cursor : pointer;
  text-decoration : none;
}

.dp-cta--secondary{
  text-align : center;
  margin-top : 15px;
  font-size: 1.2rem;
  color: #bb8a26;
  border: solid 1px #fdba31;
  box-sizing: border-box;
  /*padding: 15px;*/
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  padding: 0; 

}
.dp-cta--secondary__text {
  padding-left: 20px;
  text-transform: uppercase;
}

.dp-cta--secondary__arrow {
  display: block;
  background-color: #fdba31;;
  padding: 12px 20px;
}
.dp-cta--secondary__arrow svg {
  height: 20px; 
  width : 20px; 
  fill : #fff;
}

.hotel-detail-page #js-search-form,
.hotel-detail-page .loader,
.hotel-detail-page .loader-overlay
{
  display : none;
}





#js-searched_for { display : none; }
.deeplink #js-searched_for {
  display : none !important;
}


.hotel-detail-sidebar__info-box.staff-info {
background-color : #f3d8d8;
border : 2px solid #d02b0f;
word-wrap: break-word;
}

.hotel-detail-sidebar__info-box.staff-info  h3 {
 background-color: #d02b0f;
}

.hotel-detail-sidebar__info-box.staff-info p{
 padding : 10px;
}

.price-value--info svg {
width: 2rem;
height: 2rem;
}

.offer-tooltip {
display : none;
position: absolute;
top: 0;
background-color: #000;
color: #fff;
padding: 10px;
font-size : 1.2rem;
cursor: help;
z-index : 9999;
}

.offer-tooltip span {
display : block;
}

.offer-info:hover{
cursor: help;
}

.price-value--info:hover .offer-tooltip {
display : block;
}

.price-value--info svg{
width : 2rem;
height : 2rem;
}