@charset "UTF-8";

@media screen {
  
  .responsive-width {
    width: 90% !important;
    max-width: 1300px !important;
  }
  
  #ipulse {
    /* margin-top: -64px; */
    width: 90%;
    max-width: 1300px;
  }

  /* --- Adjust CTA Buttons to remove gradients when results are expanded
  #ipulse .actiontype-light {
    color: #483118 !important;
    border: 1px solid transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  } --- */
  
  #ipulse .actionbutton,
  #ipulse .actiontypeprice {
    border-radius: 8px;
  }
  
  #ipulse .actiontypeprice {
    font-size: 13px;
    padding-block: 5px;
    padding-inline: 12px;
  }
  
  #ipulse .sidepanel .actionbutton {
    padding: 15px;
  }
  
  #ipulse .actionbutton-holder.padding {
    padding-block: 10px;
  }
  
  /* --- Search Page alignment of Form and Header --- */
  #ipulse .search-box > form {
    display: table-row;
  }
  
  #ipulse .search-date-padding {
    padding: 25px;
  }
  
  #ipulse .resultsection .cellresult {
    padding-inline: 15px;
    padding-bottom: 10px;
  }
  
  #ipulse .rate_description {
    font-size: 13px; /* - Adjust the Size / Font of the Results Sections if required - */
  }
  
  /* --- Progress Indicator --- */
  #ipulse .navlink {
    font-size: 11px;
    text-transform: uppercase;
  }
  
  #ipulse .navigation-box {
    text-align: center;
  }
  
  #ipulse .navdot {
    /* display: none; */
  }
  
  #ipulse .menuopt a.optlink {
    border-right: 0;
    color: #918C86;
  }
  
  #ipulse .pageheader,
  #ipulse .menuopt {
    /* border: 0; */
  }
  
  #ipulse .pageheader {
    border-bottom: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
  }
  
  #ipulse .padding-double {
    padding-block: 25px;
    padding-inline: 20px;
  }
  
  /* --- Headings --- */
  #ipulse .header1,
  #ipulse .header2,
  #ipulse .header3,
  #ipulse .header4 {
    /* color: #A1905A;
    font-family: "Century Gothic", CenturyGothic, Gotham, AppleGothic, sans-serif;
    text-transform: uppercase; */
  }
  
  #ipulse .header2,
  #ipulse .header3 {
    /* border-bottom: 1px solid #DFDFDF;
    padding-bottom: 10px; */
  }
  
  #ipulse .popupheader-background > .header1{
    color: #FFFFFF !important;
    font-size: 20px;
  }
  
  #ipulse .promo-code-header-padding {
    text-align: center;
  }
  
  /* --- Space out Booking Incentives --- */
  #ipulse .incentive_container {
    margin-top: 10px;
  }
  
  /* --- Gap between results sections --- */
  #ipulse .resultsection {
    margin-top: 0;
    margin-bottom: 0;
  }
  
  #ipulse .pageheader {
    margin-top: 0;
  }
  
  /* --- Results Sections Borders and re-styling --- */
  #ipulse .resultsection {
    border: 0;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    padding: 20px;
  }
  
  /* --- Target the first result to add border --- */
  #ipulse .resultsection:nth-of-type(1) {
    border-top: 1px solid #C3AE93;
  }
  
  #ipulse .message_reassure {
    margin-bottom: 0;
  }
  
  #ipulse #myreservation .expsupp-container,
  #ipulse #myreservation .resultsection .cellresult {
    text-align: left;
  }
  
  #ipulse #myreservation .header2 {
    border-bottom: 0;
  }
  
  #ipulse .mda,
  #ipulse .mdaclosed {
    height: 62px;
    width: 72px;
  }
  
  #ipulse .mdamonth {
    line-height: 62px;
  }
  
  #ipulse .inline_image_small {
    width: 70px;
    height: auto;
    margin-bottom: 5px;
  }
  
}



/* ---------------------------------------------------------------------------------------------------- */



@media screen and ( max-width: 499px ) {
  
  body {
    /* background: #F8F7F3; */
    /* background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F8F7F3), color-stop(1, #ECEBE7) );
    background: -moz-linear-gradient( center top, #F8F7F3 5%, #ECEBE7 100% ); */
  }
  
}



@media screen and ( max-width: 999px ) {
  
  #ipulse .navigation-box {
    text-align: left;
  }
  
  #ipulse.layout-results #fixedcontent_container.show-mobile,
  .show-mobile {
    background: #E4DCD4;
  }
  
}



@media screen and ( min-width: 1024px ) {
  
  #ipulse .search-box > form .width-90 {
    width: 55%;
  }
  
  #ipulse .search-box > .header1 {
    text-align: center;
  }
  
}



@media screen and ( max-width: 1024px ) {
  
  #ipulse {
    width: 95%;
  }
  
  #ipulse .resultsection {
    padding: 10px;
  }
  
}



@media screen and ( min-width: 1300px ) {
  
  #ipulse .header2 {
    font-size: 19px;
  }
  
  #ipulse .result_image,
  #ipulse .image_med,
  #ipulse .grouped .result_image,
  #ipulse .group-box-image-holder {
    width: 330px;
    height: 250px;
  }
  
}