/* BODY SETUP */

body, 
html,
.body,  
.container-body {
  font-family: 'Lato' !important;
}
.body {
padding-bottom: 25px;
}
.container-body {
  border-top: 0px solid #ddd;
  padding-top: 0;
}
.row {
  margin-left: 0;
}

/* SIDEBAR */

.selectorContainer {
  background-color: transparent;
}
#priceSlider {
  width: 95%;
  margin-left: 2.5%;
}
#searchDates, 
#searchFilters {
  border: 0;
  box-shadow: none;
  padding: 15px 0 15px 0;
  border-radius: 0;
  line-height: 142%;
  background-color: transparent;
}
#searchDates small, 
#searchFilters small {
  font-size: 14px;
}
#searchDates strong, 
#searchFilters strong {
  font-weight: 600;
}
#searchDates h5, 
#searchFilters h4, 
span[name^="moreOptions"] {
  font-size: 16px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 15px;
  line-height: 18px;
  display: block;
}
#searchDates h5::before, 
#searchFilters h4::before, 
span[name^="moreOptions"]::before { 
  font-family: FontAwesome;
  margin-right: 10px;
  opacity: 0.85;
  font-size: 0.85em;
}
#searchDates h5::before {
  content:"\f002";
}
#searchFilters h4::before {
  content:"\f1de";
}
span[name^="moreOptions"]::before {
  content:"\f067";
}
span[name^="moreOptions"] {
  display: none;
}
#arrivalDisplay, 
#departureDisplay, 
#priceFilterLabel, 
#searchFilters label {
  font-size: 13px;
  font-weight: normal;
}
#searchFilters i {
  opacity: 0.5;
  margin-left: -5px;
}
#arrivalDateDisplay, 
#departureDateDisplay  {
  margin-bottom: 15px;
}
#searchDates button, 
#searchDatesDisplay button {
  margin-top: -4px;
  font-style: italic;
  padding: 0px;
  font-size: 13px;
  color: #333;
}
#searchDates button::before, 
#searchDatesDisplay button::before { 
  font-family: FontAwesome;
  margin-right: 5px;
  padding: 0;
  font-size: 13px;
  opacity: 0.85;
  content: "\f040";
}
#sidebarSelector {
  overflow: hidden;
  margin-top: 15px;
}
#sidebarSelector #inntopiaSelector {
  margin-top: -1px;
}
.accordion-heading .accordion-toggle, 
.accordion-inner {
  padding-left: 0;
  font-weight: 600;
  border-top: 1px solid #ddd;
}
.accordion-heading .accordion-toggle:focus {
  color: #333;
  text-decoration: none;
  outline: none;
}
.accordion-inner {
  padding-bottom: 25px;
  border: 0;
}
.accordion-group {
  border: 0;
}


/* SIDEBAR ICON SET */

a[id^="scHeading-"] {
  color: #333;
  font-size: 15px !important;
}
a[id^="scHeading-"]:hover {
  color: #333;
  font-size: 15px;
}
a[id^="scHeading-"]:active {
  color: #333;
  font-size: 17px;
}
a[id^="scHeading-"]::before {
  font-family: FontAwesome;
  margin-right: 5px;
  padding: 0;
  font-size: 13px;
  opacity: 0.85;
  content:"\f145";
  width: 18px !Important;
  display: inline-block;
}
#scHeading-1::before { /* LODGING */
  content:"\f236";
}
#scHeading-2::before { /* ACTIVITIES */
  content:"\f145";
}
#scHeading-3::before { /* TRANSPORTATION */
  content:"\f1ba";
}
#scHeading-4::before { /* AIRFARE */
  content:"\f072";
}
#scHeading-5::before { /* GOLF */
  content:"\f024";
}
#scHeading-6::before { /* EQUIPMENT */
  content:"\f0ad";
}
#scHeading-7::before { /* SPA */
  content:"\f007";
}
#scHeading-8::before { /* EVENTS */
  content:"\f073";
}
#scHeading-9::before { /* LIFT TICKETS */
  content:"\f02b";
}
#scHeading-10::before { /* MISC */
  content:"\f1de";
}
#scHeading-11::before { /* CAR RENTAL */
  content:"\f1b9";
}
#scHeading-12::before { /* MERCH */
  content:"\f290";
}
#scHeading-13::before { /* SERVICES */
  content:"\f007";
}
#scHeading-14::before { /* AIR SHUTTTLE */
  content:"\f207";
}
#scHeading-15::before { /* DINING */
  content:"\f000";
}
#scHeading-16::before { /* LESSONS */
  content:"\f19d";
}
#scHeading-17::before { /* SEASON PASS */
  content:"\f09d";
}
#scHeading-18::before { /* RESORT CREDITS */
  content:"\f09d";
}
#scHeading-19::before { /* BIKING */
  content:"\f206";
}
#scHeading-20::before { /* GOLF MEMBERSHIP */
  content:"\f2c3";
}
#scHeading-21::before { /* GIFT CARD */
  content:"\f09d";
}
#scHeading-22::before { /* REG PRICED LIFT TICKETS */
  content:"\f02c";
}
#scHeading-23::before { /* SEASONAL LIFT TICKETS */
  content:"\f02c";
}
#scHeading-24::before { /* SEASONAL PROGRAMS */
  content:"\f0c0";
}
#scHeading-25::before { /* STAY CARD */
  content:"\f09d";
}
#scHeading-26::before { /* TICKETS & PASSES */
  content:"\f02c";
}
#scHeading-27::before { /* MEDIA */
  content:"\f2c3";
}
#scHeading-28::before { /* WATER PARKS */
  content:"\f043";
}
#scHeading-29::before { /* CAR HIRE */
  content:"\f1b9";
}
#scHeading-30::before { /* CAMP PASSES */
  content:"\f1e5";
}
#scHeading-31::before { /* SUMMER CAMPS */
  content:"\f1e5";
}
#scHeading-32::before { /* ROAD BIKES */
  content:"\f206";
}
#scHeading-33::before { /* MOUNTAIN BIKES */
  content:"\f206";
}
#scHeading-34::before { /* DOWNHILL BIKES */
  content:"\f206";
}
#scHeading-35::before { /* CRUISER BIKES */
  content:"\f206";
}
#scHeading-36::before { /* CHILD BIKES */
  content:"\f206";
}
#scHeading-37::before { /* GOLF RENTALS */
  content:"\f024";
}
#scHeading-38::before { /* GOLF INSTRUCTION */
  content:"\f024";
}
#scHeading-39::before { /* GOLF SERVICES */
  content:"\f024";
}
#scHeading-40::before { /* GOLF PROGRAMS */
  content:"\f024";
}
#scHeading-41::before { /* SKI/SNOW PROGRAMS */
  content:"\f2dc";
}
@media only screen and (max-width: 543px) {
  a[id^="scHeading-"]:hover {
    color: #333;
    font-size: 17px;
    text-decoration: none;
  }
}


/* NAVBAR */

.checkoutComplete, 
.checkoutInProcess, 
.checkoutIncomplete {
  line-height: 30px !important;
}
.checkoutIncomplete {
  border-right: 0px;
  border-left: 1px solid #ddd;
}
.checkoutInProcess {
  color: #fff;
}
#searchProgress {
  display: none !important;
}
.navbar {
  margin-top: -10px;
  margin-bottom: 10px;
  font-size: 14px;
}
.btn-link {
  color: #333;
  font-size: 14px;
}
.navbar-inner {
  background-image: none;
  border: 0;
  border-radius: 0;
  background-color: #fff;
  box-shadow: none;
}
.navbar-inner .brand {
  opacity: 0;
  width: 230px;
}
.text-right {
  height: auto;
}
#itinGroup {
  height: 1px;
}
table .text-right {
  height: auto;
}
#itinGroup {
  height: 1px;
}
#itinGroup .dropdown-toggle {
  margin-bottom: -68px;
  margin-right: 15px;
  position: relative;
}
#itineraryContainer {
  margin-top: 60px;
}
#searchSummary h4 {
  margin-top: -40px;
  font-size: 18px;
  position: absolute;
}
#searchSummary h4::before { 
  font-family: FontAwesome;
  margin-right: 6px;
  opacity: 0.75;
  font-size: 0.85em;
  content:"\f00c";
}
.icon-shopping-cart {
  margin-right: 5px;
}
.dtopdown-toggle {
  font-size: 14px;
  color: #333 !important;
}
.dropdown-toggle::after {
  font-family: FontAwesome;
  color: #777;
  margin-left: 5px;
  content:"\f107";
}
.dropdown-toggle.hasactive:active {
  background: none;
}
.caret {
  display: none;
}
.navbar .nav .active {
  background-color: transparent;
  box-shadow: none;
}
@media only screen and (max-width: 767px) {
  .text-right {
  height: auto;
  }
  #itinGroup {
  height: auto;
  }
  .mobileNav .dropdown-toggle {
    margin: 0px !important;
    padding-left: 0;
    padding-right: 15px !important;
  }
  .mobileNav {
    float: left;
  }
  .btn-group {
    width: 100%;
  }  
  #itinGroup .dropdown-toggle {
    margin-bottom: -0px;
  }
} @media only screen and (max-width: 543px) {
  .mobileNav .dropdown-toggle {
  }
  #itinGroup .dropdown-toggle {
    margin-bottom: -0px;
    margin-right: 0px;
    position: relative;
    padding-right: 0 !imporant;
  }
  #searchSummary h4 {
    margin-top: -80px;
  }
  .navbar-inner, 
  .navbar-inner ul li a {
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 25px !important;
  }
}


/* TILES */
.span9, #packageComponents {
  box-shadow: none;
  box-shadow: 0 2px 5px rgba(0,0,0,0.12);
  padding: 25px 25px 0px 25px;
  background-color: #fff;
  border-top: 0px solid #333;
}
.thumbnail {
  padding: 15px 0 15px 0 !important; 
  height: auto !important;
  min-height: 200px !important;
  border: 0;
  box-shadow: none !important;
  border-top: 1px solid #ddd !important;
  border-radius: 0;
  min-height: 150px !important;
}
.thumbnail br {
  display: none;
}
div[id^="locationImage_"], 
div[id^="productImage-"]  {
  width: 300px !important;
  float: left !important;
  height: auto !important;
  min-height: 180px !important;
  margin-right: 20px;
}
li[id^="supplierTile_"], 
li[id^="productTile-"] {
  width: 100% !important;
  margin: 0 0 15px 0 !important;
}
div[id^="supplierImage_"] img, 
div[id^="productImage-"] img {
  width: 300px !important; 
  height: auto !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  margin-right: 15px;
}

div[name^="InvokeWhiteSpaceWrap"] {
  padding: 3px 0px 10px 0px;
  height: auto !important;
}
span[id^="supplierName"], 
h5[id^="name-"] {
  font-size: 17px;
  font-weight: 600;
  padding-left: 0 !important;
}
h5[id^="name-"] {
  font-size: 17px;
  font-weight: 600;
  padding-left: 15px;
  margin-top: 3px;
}
.thumbnail table {
  font-size: 14px !important;
  margin: 7px 0 !important;
}
.thumbnail td {
  padding: 4px 0 !important;
  background-color: #fff !important;
  border: 0 !important;
}
.originalProductPrice {
  display: inline-block !important;
  float: left !important;
  color: #990000 !important;
}
.nowrap {
  text-align: right !important;
}
.modal {
  padding: 10px !important;
}
a[id^="bookNow-"], 
a[id^="dateless-"], 
.thumbnail button[id^="btn-"], 
button[id^="addBtn-"], 
.btn-primary {
  float: right;
  display: inline-block;
  width: auto;
  line-height: 160%;
  font-size: 14px;
  padding: 5px 20px;
  border-radius: 0;
  margin: 0 0 0 15px !important;
  background-image: none;
  border: 0;
  vertical-align: top;
}
.btn-primary {
  float: none;
  margin: 0 !important;
}
.btn-info, .btn-primary {
  border-radius: 0;
  border: 0;
  background-image: none;
}
a[id^="moreAvail-"] {
  display: inline-block;
  width: auto;
  line-height: 160%;
  font-size: 13px;
  margin: 0px !important;
  padding: 4px 0px 4px 0px;
  color: #333;
  vertical-align: top;
  text-align: left;
  font-style: italic;
  display: none;
  border: 0;
}
a[id^="moreAvail-"]::before {
 font-family: FontAwesome;
  content:"\f196";
  margin-right: 6px;
  font-style: normal;
}
@media only screen and (max-width: 767px) {
  li[id^="supplierTile_"], 
  li[id^="productTile-"] {
    padding-bottom: 15px !important;
  }
} @media only screen and (max-width: 543px) {
  div[id^="locationImage_"], 
  div[id^="productImage-"]  {
    width: 100% !important;
    float: none !important;
    height: auto !important;
    min-height: 180px !important;
    margin-right: 15px;
    margin-bottom: 15px;
  }
  div[id^="supplierImage_"] img, 
  div[id^="productImage-"] img {
    width: 100% !important; 
    margin-right: 0px;
  } 
  .thumbnail button[id^="btn-"] {
    margin-bottom: 20px !important;
  }
}


/* PRODUCTS */

.span9 h3 {
  font-size: 21px;
  font-weight: 800;
}
div[id^="supplierDescription_"] {
  margin-top: 8px;
  display: block !important;
  height: 60px;
  overflow: hidden;
  font-size: 0.95em !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important ;
  -webkit-box-orient: vertical !important;
}
span[id^="description-"] {
  font-size: 1.25em !important;
}
.fas, 
.fab, 
.far, 
.fal {
  margin: 15px 15px 0 0; /* FOR AMENITY ICONS STILL BEING CONFIGURED VIA JS */
}
div[id^="supplierDescription_"]::after {
  content: '...';
}
table[id^="productList_"]:before  {
  content: '...';
}
table[id^="productList_"] {
  display: none;
}
table[id^="productList_"] tbody tr:first-child {
  display: noone !important;
}


/* ITINERARY */

#itinerary {
  padding: 0px 15px 15px 15px !important;
  font-size: 11px !important;
  border: 0 !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.12);
}
#itineraryContainer {
  border: 0;
  padding: 0;
}
#itinerary button {
  background-image: none;
}
#itinerary .table-condensed {
  font-size: 12px !important;
  margin-bottom: 0;
}
#itinerary .table-condensed td {
  font-size: 12px !important;
  margin-bottom: 0;
  padding: 0 !important;
}
#itinerary h6 {
  margin: 15px 0 6px 0;
  font-weight: 400;
  font-size: 12px !important;
}
#itinerary h5 {
  margin: 6px 0;
  font-weight: 800;
  font-size: 12px !important;
}
#itinerary table {
  margin-bottom: 0;
}
#sidebarItinerary .alert {
  margin-bottom: 0 !important;
}
#dueNow {
  font-size: 12px !important;
  font-style: italic;
  padding: 0px 0px 20px 0;
  font-weight: 400;
  display: block;
}
.js-delete-item-btn, 
#availableBundles-nonPkgItem button {
  margin-top: -4px;
  font-style: italic;
  padding: 5px 0 0 0px;
  font-size: 11px;
  color: #333;
  line-height: 18px;
}
.js-delete-item-btn::before { 
  font-family: FontAwesome;
  color: #cc0000;
  margin-right: 2px;
  padding: 0;
  font-size: 12px;
  opacity: 0.85;
  content:"\f00d";
}
.table .warning, 
.table tbody tr.warning td {
  background-color: #fff !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  border-top: 0 !important;
  padding-left: 1px !important;
  padding: 18px 0 10px 0 !important;
}
#itinerary table td {
  padding: 4px 10px;
}
.itinerary-item {
  background-color: #f5f5f5;
}
#checkoutButtonBottom {
  display: inline-block;
  line-height: 160%;
  font-size: 14px;
  padding: 5px 20px;
  border-radius: 0;
  background-image: none;
  border: 0;
}


/* CHECKOUT */

#lastName, 
#billingAddress2, 
#shippingAddress2 {
  margin-top: 5px;
}
legend {
  font-weight: 700;
  color: #222;
}


/* PACKAGES */

#packageComponents {
  margin-top: 25px;
}
#checkAvailability {
  margin-top: -10px;
}
#packageComponents td {
  padding: 13px 20px;
}
button[id^="moreInfo-"], 
button[id^="componentOptionsOpener-"], 
button[id^="componentOptionsDelete-"]  {
  font-style: italic !important;
  padding-left: 0;
}
button[id^="componentOptionsOpener-"], 
button[id^="componentOptionsDelete-"]  {
  padding-left: 20px;
  padding-right: 20px;
}
button[id^="moreInfo-"]::before, 
button[id^="componentOptionsOpener-"]::before, 
button[id^="componentOptionsDelete-"]::before {
  font-family: FontAwesome;
  margin-right: 6px;
  font-style: normal;
}
button[id^="moreInfo-"]::before {
  content:"\f196";
}
button[id^="componentOptionsOpener-"]::before {
  content:"\f040";
}
button[id^="componentOptionsDelete-"]::before {
  content:"\f00d";
}
.guest-settings {
  margin-right: 20px !important;
}
button[id^="optionalButton-"], 
button[id^="removeOptionalButton-"]  {
  margin-right: 20px;
}
#packageComponents h4 {
  margin-top: 7px;
}
span[name="savingsMsg"] {
  font-weight: bold;
}
div[id^="componentSelected-"] {
  margin-top: 5px;
}
#trhead-1 td {
 border-top: 1px solid #eee; 
}
h1 {
  font-size: 32px;
}
#packageDescription {
  margin-bottom: 10px;
}

/* YIELDVIEW */

#inntopiaBody {
  padding-top: 25px;
}