.shared-detail {
  margin: 0 auto !important;
  max-width: 1200px !important;
}

.shared-detail .col-static{position: static; margin: 0 18px;}

.shared-detail .row.collapse .columns { padding: 0 !important; }
.shared-detail .gMapContainer { 
  position: relative; 
  width: 100%;
}
.shared-detail .detailMaps .primary .gMapContainer .gMapHolder { height: 572px; }
.shared-detail .detailMaps .sidebar .gMapContainer .gMapHolder { height: 295px; }
.shared-detail .mobile-clear{width: 100%; display: none;}
.shared-detail hr {
  border-color: #dadada;
  border-width: 2px 0 0;
}
.shared-detail a{font-weight: normal;}


/* @T235931 Allow listing/event detail map to escape parent container and stretch full-width of viewport */
.shared-detail #maps {
  width: 99.1vw;
  position: relative;
  left: 50.7%;
  margin-left: -50vw;
  margin-right: -50vw;
}
@media only screen and (max-width: 1825px) {
  .shared-detail #maps {
    width: 99vw;
  }
}
@media only screen and (max-width: 1650px) {
  .shared-detail #maps {
    width: 98.8vw;
  }
}
@media only screen and (max-width: 1024px) {
  /* no horizonal scrollbar to avoid on devices */
  .shared-detail #maps {
    width: calc(100% + 36px);
    margin-left: -18px;
    margin-right: 0;
    left: 0;
  }
  .shared-detail .col-static{
    margin: 0; 
  }
}
@media only screen and (max-width: 640px) {
  .listing-detail .col-static {
    margin: 0 18px;
  }
}
/* @T235931 override default css to fix height of streetview label background */
.shared-detail .gMapContainer .gm-iv-address {
  height: 56px;
}

.shared-detail .gMapContainer .coordinates {
  position: absolute;
  bottom: 0;
  padding: 10px 25px;
  font-size: 17px;
  line-height: 20px;
  color: #fff;
  background-color: #000;
}
.shared-detail .gMapContainer .coordinates .coordinates-title {
  font-family: 'Embedded-DINWebPro-Medium', 'DIN Next W01 Medium', Arial, sans-serif;
  font-size: 21px;
  line-height: 24px;
}
.shared-detail .detailMaps .primary .gMapContainer .streetviewContainer { display: none; z-index: 0; }
.shared-detail .detailMaps .primary .gMapContainer .streetviewContainer.active {
  position: absolute;
  z-index: 3;
  display: block;
  width: 100%;
  height: 100%;
}
.shared-detail .detailMaps .primary .gMapContainer .streetviewContainer.active .streetviewHolder {
  position: absolute;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}
.shared-detail .detailMaps .primary .gMapContainer .streetviewContainer .streetview-close {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 55px;
  height: 55px;
  background-color: #ed3426;
  background-image: url("../assets/icon-close.png");
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}    

.shared-detail .sharedBackButton {
  display: none; /* @T277214 Hide "Back to Results" button by default */
  position: absolute;
  top: 0;
  left: 0;  
  margin-top: 15px;
  margin-left: 18px;
  font-size: 16px;
  line-height: 16px;
  font-family: 'Embedded-DINWebPro-Medium', 'DIN Next W01 Medium', Arial, sans-serif;
  font-weight: normal;
}
.shared-detail .sharedBackButton .fa{
    font-size: 24px;
    line-height: 5px;
    float: left;
    margin-right: 10px;
    position: relative;
    top: 4px;
}

.shared-detail .price {
  margin-bottom: 25px;
  padding-bottom: .9375rem;
  font-size: 17px;
  line-height: 21px;
  color: #000;
  border-bottom: 2px solid #dadada;  
}
.shared-detail .price-pricelink {
  font-family:'Embedded-DINWebPro-Bold', 'DIN Next W01 Bold', Arial, sans-serif;
  font-size: 28px;
  line-height: 32px;
  color: #ED3426;
}
.shared-detail a.price-pricelink:hover { text-decoration: underline; }
.shared-detail .price-preprice { font-family:'Embedded-DINWebPro-Bold', 'DIN Next W01 Bold', Arial, sans-serif; }

.shared-detail .tripadvisorReviews {
  margin-right: 0;
}

.shared-detail .tripadvisor-preview {
  height: 60px;
  padding: 16px 0 0;
  text-align: right;
  cursor: pointer;
}
.shared-detail .tripadvisor-preview-img {
  display: inline-block;
  float: left;
  margin-right: 10px; 
}
.shared-detail .tripadvisor-preview-text {
  display: block;
  float: left;
  font-family: 'Embedded-DINWebPro-Medium', 'DIN Next W01 Medium', Arial, sans-serif;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #000;
  border-bottom: 2px solid #000;
}
.shared-detail .tripadvisor-preview-text .traveler-reviews { text-transform: lowercase; }

.shared-detail .detailTA-header {
  margin-bottom: 25px;
}
.shared-detail .detailTA-header.second {
  margin-top: 25px;
}
.shared-detail .detailTA-header .detailTA-header-inner {
  width: 100%;
}
.shared-detail .detailTA-header.second .detailTA-header-inner { margin-bottom: 25px; }
.shared-detail .detailTA-header .detailTA-header-inner .dta-header-inner-inner {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}
.shared-detail .detailTA-header .detailTA-header-inner .title {
      font-family: 'Embedded-DINWebPro-Medium', 'DIN Next W01 Medium', Arial, sans-serif;
    font-size: 20px;
    line-height: 20px;
  color: #000;
  border-bottom: 2px solid #dadada;
  padding-bottom: 25px;
  padding-top: 25px;
}
.shared-detail .detailTA-header .detailTA-header-inner .title img { margin-left: 30px; }
.shared-detail .detailTA-header.second .detailTA-header-inner .title {
  font-family: 'Embedded-DINWebPro', 'DIN Next W01 Regular', Arial, sans-serif;
  font-size: 17px;
  line-height: 50px;
  color: #000;
  text-align: right;
}

.shared-detail .trip-title {
  font-family: 'Embedded-DINWebPro-Bold', 'DIN Next W01 Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 21px;
  line-height: 25px;
  color: #000;
}
.shared-detail .trip-address {
  font-family: 'Embedded-DINWebPro', 'DIN Next W01 Regular', Arial, sans-serif;
  font-size: 17px;
  line-height: 22px;
  color: #000;
}
.shared-detail .trip-recommend {
  margin-bottom: 15.5px;
  font-family: 'Embedded-DINWebPro-Bold', 'DIN Next W01 Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 21px;
  line-height: 25px;
  color: #000;
  text-transform: lowercase;
}
.shared-detail .trip-recommend .icon-thumb-vote {
  display: inline-block;
  margin: 0 5px;
  width: 17px;
  height: 25px;
  background-image: url("../assets/icon-thumbs.png");
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.shared-detail .ratingText,
.shared-detail .trip-awards,
.shared-detail .trip-description {
  margin-bottom: 15.5px;
  font-family: 'Embedded-DINWebPro', 'DIN Next W01 Regular', Arial, sans-serif;
  font-size: 14px;
  line-height: 19px;
  color: #000;
}
.shared-detail .trip-awards .icon-award {
  display: inline-block;
  margin: 0 5px;
  width: 23px;
  height: 25px;
  background-image: url("../assets/icon-awards.png");
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.shared-detail .trip-ratings-title {
  margin-bottom: 8px;
  font-family: 'Embedded-DINWebPro-Bold', 'DIN Next W01 Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 21px;
  line-height: 25px;
  color: #000;
}
.shared-detail .trip-ratings {
  margin: 0 !important;
  padding: 15.5px 5px;
  border-top: 2px solid #dadada;
}
.shared-detail .trip-score,
.shared-detail .trip-rating {
  font-family: 'Embedded-DINWebPro', 'DIN Next W01 Regular', Arial, sans-serif;
  font-size: 14px;
  line-height: 19px;
  color: #000;
}
.shared-detail .trip-rating span {
  display: inline-block;
  width: 100px;
}
.shared-detail .trip-score span {
  display: inline-block;
  width: 100px;
  color: #ED3426;
}
.shared-detail .review {
  margin: 0 !important;
  padding: 15px 5px;
  border-top: 2px solid #dadada;
}
.shared-detail .review .review-title {
  margin-bottom: 5px;
  font-family: Georgia, Times, serif;
  font-style: italic;
  font-size: 24px;
  line-height: 28px;
  color: #ED3426;
}
.shared-detail .review .review-text {
  font-family: 'Embedded-DINWebPro', 'DIN Next W01 Regular', Arial, sans-serif;
  font-size: 14px;
  line-height: 19px;
  color: #000;
}
.shared-detail .review .review-text a {
  font-family: 'Embedded-DINWebPro-Bold', 'DIN Next W01 Bold', Arial, sans-serif;
  font-weight: normal;
  text-transform: lowercase;
}
.shared-detail .review .review-score {
  margin-bottom: 8px;
  font-family: 'Embedded-DINWebPro', 'DIN Next W01 Regular', Arial, sans-serif;
  font-size: 12px;
  line-height: 17px;
  color: #000;
}
.shared-detail .review .review-score .ago {
  text-transform: lowercase;
}
.shared-detail .review .userInfo {
  font-family: 'Embedded-DINWebPro', 'DIN Next W01 Regular', Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #000;
}
.shared-detail .review .userInfo .userName {
  font-size: 17px;
  font-family:'Embedded-DINWebPro-Bold', 'DIN Next W01 Bold', Arial, sans-serif;
  line-height: 22px;
}
.shared-detail .review .userInfo .trip-type-label {
  margin-top: 10px;
  font-family:'Embedded-DINWebPro-Bold', 'DIN Next W01 Bold', Arial, sans-serif;
}
.shared-detail .trip-reviews-paging {
  margin: 0 !important;
  padding: 30px 5px 15px;
  font-family: 'Embedded-DINWebPro', 'DIN Next W01 Regular', Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #000;
  border-top: 2px solid #dadada;
}

.shared-detail .trip-paging {
  margin-bottom: 5px;
}

.shared-detail .trip-paging .of {
  text-transform: lowercase;
}

.shared-detail .trip-view-all {
  margin-bottom: 5px;
  color: #ed3426;
}
.shared-detail .trip-view-all .reviews-for { text-transform: lowercase; }

.shared-detail .trip-fine-print {
  font-family:'Embedded-DINWebPro-Italic';
}

.shared-detail .trip-write-review {
  display: inline-block;
  margin-top: 10px;
  padding: 0 12px;
  height: 55px;
  font-family: 'Embedded-DINWebPro-Medium', 'DIN Next W01 Medium', Arial, sans-serif;
  font-size: 17px;
  line-height: 55px;
  color: #fff;
  background-color: #6ba454;
}
.shared-detail .trip-score .bar {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  width: 100px;
  height: 12px;
  background-color: #e9e9e9;
}
.shared-detail .trip-score .bar .foo {
  background-color: #6ba454;
  height: 12px;
}

/* @t413160 - Quickview TA fitting styles */
@media only screen and (min-width: 1024px) {
  .qv-content .shared-detail .tripadvisorReviews > .large-10.columns {
    width:100%;
    left:0;
  }
  .qv-content .shared-detail .userInfo.columns {
    padding-left:0
  }
  .qv-content .shared-detail .detailTA-header.second .detailTA-header-inner .title {
    text-align: left;
  }
  .qv-content .shared-detail .review .userInfo .userName {
    font-size: 14px;
  }
}

/* @T231961 - hide/blur opening hours when there are too many */
/* @T235560 - added event occurrence dates with expand toggle */
.shared-detail .hours,
.shared-detail .occurrences {
  display: none;
  position: relative;
  margin-bottom: 35px;
  font-size: 17px;
  line-height: 21px;
  color: #000;
  text-align: left;
}
.shared-detail .hours.show,
.shared-detail .occurrences.show {
  display: block;
}

.shared-detail .price-table-title,
.shared-detail .hours-title,
.shared-detail .occurrences-title {
  margin: 0;
  margin-bottom: 20px;
  font-family: 'Embedded-DINWebPro-Medium', 'DIN Next W01 Medium', Arial, sans-serif;
  font-size: 20px;
  line-height: 30px;
  color: #000;
}
.shared-detail .hours-content,
.shared-detail .occurrences-content { 
  font-family: 'Embedded-DINWebPro', 'DIN Next W01 Regular', Arial, sans-serif; 
  color:#505050;
  font-size: 14px;
}
.shared-detail .hide-long .hours-content,
.shared-detail .hide-long .occurrences-content {
  overflow: hidden;
  position: relative;
}
.shared-detail .hide-long .hours-content:after,
.shared-detail .hide-long .occurrences-content:after {
  content: '';
  display: block;
  height: 100px;
  width: 100%;
  position: absolute;
  bottom: 0;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0), white);
}

.shared-detail .hours-content .time::after {
  content: ', ';
}

.shared-detail .hours-content .time:last-child::after {
  content: '';
}

/* @T282526 make upcoming date text lighter */
.shared-detail .occurrences-content .occurrence-time,
.shared-detail .hours-content .time {
  color: #aaa;
}

/* T251374 Listings Opening Hours  */
.shared-detail .hours-content .date {
  margin-bottom: 21px;
}

/*.shared-detail .hours-content .date.expired:not(:only-child)*/
.shared-detail .hours-content .date.expired {
  opacity: 0.5;
}



/* @T282526 - hightlights the current schedule in the list */
.shared-detail .hours-content .fa {
  text-indent: 1px;
  color: #ed3426;
}

.shared-detail .hours-content .day:last-child:after {
  content: ': ';
}
.shared-detail .hours-content .day:after {
  position: relative;
  content: ',';
}

.shared-detail .hours .see-all,
.shared-detail .occurrences .see-all {
  display: none;
  font-weight: bold;
}
/* @T282526 - improve clickable area for mobile */
.shared-detail .hours.hide-long .see-all,
.shared-detail .occurrences.hide-long .see-all {
  display: inline-block;
  padding: 8px 0;
}
.shared-detail .hours.hide-long .see-all:after,
.shared-detail .occurrences.hide-long .see-all:after {
  content: ' +';
}

/* @T207377: hiking product detail display */
.shared-detail .hiking {
  position: relative;
  margin-bottom: 20px;
  font-size: 17px;
  line-height: 21px;
  color: #000;
  text-align: left;
  border-bottom: 2px solid #dadada;
}
.shared-detail .hiking:last-child {
    border-bottom: none;
}
.shared-detail .hiking .hiking-title {
  font-family: 'Embedded-DINWebPro-Medium', 'DIN Next W01 Medium', Arial, sans-serif;
  font-size: 28px;
  line-height: 55px;
  color: #000;
  margin: 0;
}
.shared-detail .hiking .hiking-name {
  margin: 0;
  font-family:'Embedded-DINWebPro-Bold', 'DIN Next W01 Bold', Arial, sans-serif;
  font-size: inherit;
  line-height: inherit;
}
.shared-detail .hiking .hiking-value {
  font-family: 'Embedded-DINWebPro', 'DIN Next W01 Regular', Arial, sans-serif;
  padding-bottom: 10px;
}
.shared-detail .hiking .color_expert:before,
.shared-detail .hiking .color_challenging:before,
.shared-detail .hiking .color_medium:before,
.shared-detail .hiking .color_easy:before {
  content: '';
  width: 15px;
  height: 15px;
  float: left;
  margin-right: 5px;
  border: 1px solid transparent;
  border-radius: 3px;
}
.shared-detail .hiking .color_expert:before {
  background-color: #202020;
  border-color: #020202
}
.shared-detail .hiking .color_challenging:before {
  background-color: #d71d11;
  border-color: #c50c00
}
.shared-detail .hiking .color_medium:before {
  background-color: #0b5ba2;
  border-color: #015095
}
.shared-detail .hiking .color_easy:before {
  background-color: #0aa40d;
  border-color: #149100
}

/* @T208185: styling for the 2nd map */

.shared-detail .smallMap {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 245px;
  height: 300px;
  font-family: 'Embedded-DINWebPro', 'DIN Next W01 Regular', Arial, sans-serif;
  font-size: 21px;
  line-height: 42px;
  color: #fff;
  font-weight: normal;
  border-left: 3px solid #fff;
  border-top: 3px solid #fff;
}
.shared-detail .smallMap .icon {
  display: inline-block;
  margin-right: 2px;
  width: 30px;
  height: 42px;
}
.shared-detail .smallMap .icon img{
  position: relative;
  top: -2px;
}
#minimap {
  width: 245px;
  height: 300px;
}

/* T251039 Primary Image Credits styling */
.shared-detail .primaryImage {
  position: relative;
  overflow: hidden;
}
.shared-detail .primaryImage .credits {
  position: absolute;
  padding: 8px 140px 8px 25px;
}
.shared-detail .primaryImage a {
  cursor: default;
}
.shared-detail .credits-container .credits.open {
  background-color: rgba(255,255,255, .1);
}
@media only screen and (max-width: 767px) {
  .shared-detail .detailTop.row {
    margin-top: 48px;
  }
  .shared-detail .primaryImage .credits {
    padding: 8px 60px 8px 8px;
    font-size: 11px;
    margin-right: 0;
  }
}

/* style for placeholder */
.detailTop .medium-4.large-4 { text-align: right; }

.shared-detail .detailInfo a {color: #ed3426;text-decoration: none;font-weight: normal;  }

.shared-detail .detailInfo h1 {
  width: 100%;
  max-width: 650px;
  margin: 0 auto 15px;
  padding: 14px 0 8px 0;
  font-family:'Embedded-DINWebPro-Black', 'DIN Next W01 Heavy', Arial, sans-serif;
  font-size: 60px;
  line-height: 65px;
  color: #000;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.shared-detail .detailInfo h1.longer-listing-title {
  max-width: 1000px; /* t241151 - uses conditional class for wider layout on longer titles*/
}
.shared-detail .detailInfo h1.longer-event-title {
  margin-top: 20px;  /*  t241151 - extra margin to avoid overlap with back button */
  max-width: 1000px; /* - uses conditional class for wider layout on longer titles*/
}/* T251352 Changed "city" class to "destination" */

.shared-detail .destination {  font-size: 14px;
  color: #646464;
  font-family: 'Embedded-DINWebPro-Medium', 'DIN Next W01 Medium', Arial, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
}

/* @T280864 replacing inline Book button styles */
.detailTop .bookbtn, 
.detailPanes .bookbtn {
  margin-bottom: 25px;
}
.detailPanes .tabs-content .bookbtn {
  margin-top: 25px;
  margin-bottom: 0;
}

/* @T244324 hiding cbis book btns until status checks */
.shared-detail.hide-book-btns .custom-button,
.shared-detail.hide-book-btns .tab-button.book {
  display: none !important;
}
.shared-detail.hide-book-btns .tab-buttons-container .tab-button.book {
  background: none;
  height: 0;
  width: 0;
  -webkit-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
}
.shared-detail.hide-book-btns .detailTop .bookbtn,
.shared-detail.hide-book-btns .detailPanes .bookbtn {
  margin-bottom:0;
}

@media only screen and (min-width: 1026px) {
  .shared-detail .destination {min-height: 14px;} /* @T268007 - layout fix for when there is no destination data above title */
}
.shared-detail .destination span + span:before {
  content: ' / '
}

.shared-detail .update-source {
  font-size: 17px;
  line-height: 21px;
}
.shared-detail .update-source ul {
  margin: 0;
  padding: 0;
}
.shared-detail .detailInfo .label { color: #000; }
.shared-detail ul.info-list {
  margin: 0 0 35px 0;
  padding: 0;
  list-style-type: none;
  font-size: 18px;
}
.shared-detail ul.info-list.action-items {
  display: inline-block;
  margin: 0;
}
.shared-detail ul.info-list .featured { margin-bottom: 10px; }
.shared-detail ul.info-list li {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  color: #646464;
  font-family: 'Embedded-DINWebPro-Medium', 'DIN Next W01 Medium', Arial, sans-serif;
  font-weight: normal;
}
.shared-detail .address-container{
  text-align: center;
}
.shared-detail ul.address{
  display: inline-block;
}
.shared-detail ul.info-list li .info-label { font-family: 'Embedded-DINWebPro', 'DIN Next W01 Regular', Arial, sans-serif; }
.shared-detail ul.info-list li .info-label:after { content: ':'; }
.shared-detail ul.info-list li .info-label .to { text-transform: lowercase; }
.shared-detail ul.info-list.action-items li {
  display: inline-block;
  background-position: center left;
  background-repeat: no-repeat;
  margin: 0 18px 28px;
}

.shared-detail ul.info-list.action-items li.map {
  position: relative;
  padding-left: 14px;
}
.shared-detail ul.info-list.action-items li.map::before{
  content:"\f041";
  position: absolute;
  left: 0;
  margin-right: 4px;
  color: #ED3426;
  font-family: "FontAwesome";
  font-size: 16px;
}
.shared-detail ul.info-list.action-items a {
  display: block;
  font-size: 14px;
  color: #ED3426;
  font-family: 'Embedded-DINWebPro', 'DIN Next W01 Regular', Arial, sans-serif;
  font-weight: normal;
  border-bottom: 2px solid #ED3426;
}
.shared-detail ul.info-list.action-items a:hover {
  color: #ED3426;
  cursor: pointer;
}

/* @T250377 Upcoming Dates - Link to list of occurrences */
.shared-detail ul.info-list li.upcoming-dates {
  display: block;
  font-size: 14px;
  color: #ED3426;
  font-family: 'Embedded-DINWebPro', 'DIN Next W01 Regular', Arial, sans-serif;
  font-weight: normal;
  margin-top: 4px; /* @T282526 adding extra space for mobile UI */
}
.shared-detail ul.info-list li.upcoming-dates a {
  color: #ED3426;
  padding: 6px; /* @T282526 increasing mobile click area */
}

.shared-detail .logo-box{text-align: center; padding-top: 10px;}
.shared-detail .logo {

}
.shared-detail .category {}
.shared-detail .category.cat-icon-text {
  padding-left: 25px;
  color: #ED3426;
  background-position: center left;
  background-repeat: no-repeat;
}

.shared-detail .category.cat-icon-culture { background-image: url("../assets/cats/detail-icon-culture.png");}
.shared-detail .category.cat-icon-sport { background-image: url("../assets/cats/detail-icon-sport.png"); }
.shared-detail .category.cat-icon-transportation { background-image: url("../assets/cats/detail-icon-transportation.png"); }
.shared-detail .category.cat-icon-hotels { background-image: url("../assets/cats/detail-icon-hotels.png"); }
.shared-detail .category.cat-icon-meetings { background-image: url("../assets/cats/detail-icon-meetings.png"); }
.shared-detail .category.cat-icon-shopping { background-image: url("../assets/cats/detail-icon-shopping.png"); }
.shared-detail .category.cat-icon-food { background-image: url("../assets/cats/detail-icon-food.png"); }
.shared-detail .category.cat-icon-outdoors { background-image: url("../assets/cats/detail-icon-outdoors.png"); }
.shared-detail .category.cat-icon-family { background-image: url("../assets/cats/detail-icon-family.png"); }
.shared-detail .category.cat-icon-running { background-image: url("../assets/cats/detail-icon-running.png"); }

.shared-detail .category.cat-icon-churches { background-image: url("../assets/cats/detail-icon-churches.png"); }
.shared-detail .category.cat-icon-concerts { background-image: url("../assets/cats/detail-icon-concerts.png"); }
.shared-detail .category.cat-icon-calendar { background-image: url("../assets/cats/detail-icon-calendar.png"); }
.shared-detail .category.cat-icon-fairs { background-image: url("../assets/cats/detail-icon-fairs.png"); }
.shared-detail .category.cat-icon-boating { background-image: url("../assets/cats/detail-icon-boating.png"); }
.shared-detail .category.cat-icon-food-drink { background-image: url("../assets/cats/detail-icon-food-drink.png"); }
.shared-detail .category.cat-icon-guided-tours { background-image: url("../assets/cats/detail-icon-guided-tours.png"); }
.shared-detail .category.cat-icon-running-2 { background-image: url("../assets/cats/detail-icon-running-2.png"); }
.shared-detail .category.cat-icon-summer-sports { background-image: url("../assets/cats/detail-icon-summer-sports.png"); }
.shared-detail .category.cat-icon-swimming { background-image: url("../assets/cats/detail-icon-swimming.png"); }
.shared-detail .category.cat-icon-movies { background-image: url("../assets/cats/detail-icon-movies.png"); }
.shared-detail .category.cat-icon-opera { background-image: url("../assets/cats/detail-icon-opera.png"); }
.shared-detail .category.cat-icon-movie-theater { background-image: url("../assets/cats/detail-icon-movie-theatre.png"); }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .shared-detail .category.cat-icon-culture { background-image: url("../assets/cats/detail-icon-culture@2x.png");}
  .shared-detail .category.cat-icon-sport { background-image: url("../assets/cats/detail-icon-sport@2x.png"); }
  .shared-detail .category.cat-icon-transportation { background-image: url("../assets/cats/detail-icon-transportation@2x.png"); }
  .shared-detail .category.cat-icon-hotels { background-image: url("../assets/cats/detail-icon-hotels@2x.png"); }
  .shared-detail .category.cat-icon-meetings { background-image: url("../assets/cats/detail-icon-meetings@2x.png"); }
  .shared-detail .category.cat-icon-shopping { background-image: url("../assets/cats/detail-icon-shopping@2x.png"); }
  .shared-detail .category.cat-icon-food { background-image: url("../assets/cats/detail-icon-food@2x.png"); }
  .shared-detail .category.cat-icon-outdoors { background-image: url("../assets/cats/detail-icon-outdoors@2x.png"); }
  .shared-detail .category.cat-icon-family { background-image: url("../assets/cats/detail-icon-family@2x.png"); }
  .shared-detail .category.cat-icon-running { background-image: url("../assets/cats/detail-icon-running@2x.png"); }

  .shared-detail .category.cat-icon-churches { background-image: url("../assets/cats/detail-icon-churches@2x.png"); }
  .shared-detail .category.cat-icon-concerts { background-image: url("../assets/cats/detail-icon-concerts@2x.png"); }
  .shared-detail .category.cat-icon-calendar { background-image: url("../assets/cats/detail-icon-calendar@2x.png"); }
  .shared-detail .category.cat-icon-fairs { background-image: url("../assets/cats/detail-icon-fairs@2x.png"); }
  .shared-detail .category.cat-icon-boating { background-image: url("../assets/cats/detail-icon-boating@2x.png"); }
  .shared-detail .category.cat-icon-food-drink { background-image: url("../assets/cats/detail-icon-food-drink@2x.png"); }
  .shared-detail .category.cat-icon-guided-tours { background-image: url("../assets/cats/detail-icon-guided-tours@2x.png"); }
  .shared-detail .category.cat-icon-running-2 { background-image: url("../assets/cats/detail-icon-running-2@2x.png"); }
  .shared-detail .category.cat-icon-summer-sports { background-image: url("../assets/cats/detail-icon-summer-sports@2x.png"); }
  .shared-detail .category.cat-icon-swimming { background-image: url("../assets/cats/detail-icon-swimming@2x.png"); }
  .shared-detail .category.cat-icon-movies { background-image: url("../assets/cats/detail-icon-movies@2x.png"); }
  .shared-detail .category.cat-icon-opera { background-image: url("../assets/cats/detail-icon-opera@2x.png"); }
  .shared-detail .category.cat-icon-movie-theater { background-image: url("../assets/cats/detail-icon-movie-theatre@2x.png"); }
  
  .shared-detail .category.cat-icon-text {
    background-size: 31px 25px;
  }
}


.shared-detail .category .cat-icon-text:hover { color: #ED3426; }
.shared-detail .detailInfo .inner { text-align: center; }

/*** detail slick gallery ***/
.shared-detail .detailMiddle { margin-bottom: 25px !important; }
.shared-detail.no-media .detailMiddle { margin-bottom: 0 !important; }

/*

  @T237107 - Commented out and using the css from the collection slider instead. Collection css being included in svmeta on detail pages.

*/

.custom_slider .slide.slide-even { padding-top: 0 !important; }
.custom_slider .image .video { width: 442px; }
.custom_slider .image img { min-width: 310px; }

@media only screen and (max-width: 640px) {
  /* @T233860 size video slide container for mobile */
  .custom_slider .image .video { width: calc(100vw - 36px); }
}

/* @T327473: added credits toggle to detail page sliders */
.shared-detail .mediaGallery .credits-container .credits {
  margin-right: 0;
  min-height: 50px;
}
.shared-detail .mediaGallery .credits .credits-text span {
  text-transform: none;
}
.shared-detail .mediaGallery .credits .credits-text span.title {
  text-transform: uppercase;
}

/** nav **/

.shared-detail .mediaGallery .slider .arrows {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  margin-top: -40px;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
          transform: translate(0,-50%);
  -webkit-transform: translate3d(0,-50%,0);
          transform: translate3d(0,-50%,0);
}
.shared-detail .mediaGallery .slider .arrows .arrow {
  position: absolute;
  width: 150px;
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 23px;
  cursor: pointer;
}
.shared-detail .mediaGallery .slider .arrows .arrow.prevSlide {
  background-image: url("../assets/arrow-left.svg");
}
.shared-detail .mediaGallery .slider .arrows .arrow.nextSlide {
  background-image: url("../assets/arrow-right.svg");
}
.shared-detail .mediaGallery .slider .arrows .arrow.prevSlide {
    left: -30px;
    top: -82px;
}
.shared-detail .mediaGallery .slider .arrows .arrow.nextSlide {
    right: -30px;
    top: -82px;
}


@media only screen and (max-width: 1024px) {

  .shared-detail .sharedBackButton {
    top: 0;
  }

  .shared-detail .tripadvisor-preview { text-align: center; }
  .shared-detail .tripadvisor-preview-text {
    font-size: 11px;
    line-height: 15px;
  }

  .shared-detail .mediaGallery {
    width: auto;
    margin: 0 -18px;
  }
  
  .shared-detail .mediaGallery .slider .arrows .arrow {
    width: 100px;
    height: 175px;
  }
  .shared-detail .mediaGallery .slider .arrows .arrow.prevSlide { left: -10px; top: -55px; }
  .shared-detail .mediaGallery .slider .arrows .arrow.nextSlide { right: -10px; top: -55px; }

  .shared-detail .mediaGallery .slider.halfwidth .arrows .arrow.prevSlide { left: -28px; }
  .shared-detail .mediaGallery .slider.halfwidth .arrows .arrow.nextSlide { right: -28px; }


  .shared-detail .mediaGallery .slider .thumbnails { display: none; }
  .shared-detail .mediaGallery .slider { height: auto; }
  .shared-detail .mediaGallery .slider .slide { height: auto; }
  .shared-detail .mediaGallery .slider .slide img {
    top: 0;
    left: 0;
    max-width: 100%;
    min-height: initial;
    -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
            transform: translate(0,0);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }
  .shared-detail .mediaGallery .slider .sizer {
    top: 0;
    left: 0;
    max-width: 100%;
    min-height: initial;
    -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
            transform: translate(0,0);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }
  .shared-detail .mediaGallery .slider .spacer-lg { display: none; }
  .shared-detail .mediaGallery .slider .spacer-md {display: inline-block; }
  .shared-detail .mediaGallery .slider .slide .text { padding: 18px; }
  .shared-detail .mediaGallery .slider .slide .text .content .slide-link.link-title {
    font-size: 24px;
    line-height: 30px;
  }
  
  .shared-detail .mediaGallery .slider.halfwidth {
    max-width: 744px;
    padding: 18px;
  }
  .shared-detail .mediaGallery .slider.halfwidth .slide .text .content { padding: 0; }
  .shared-detail .mediaGallery .slider.halfwidth .slide .text { padding: 150px 18px 18px; }

  }

@media only screen and (max-width: 767px){
  .shared-detail .mediaGallery .slider.halfwidth {
    max-width: 768px;
    padding:11px 30px;
  }
}

@media only screen and (max-width: 711px){
  body .shared-detail #meetingfacilitiesTab {
    width: 100px;
  }
}

@media only screen and (max-width: 640px) {
  .shared-detail .mobile-clear{display: block;}
  .shared-detail .tripadvisor-preview-text {
    font-size: 14px;
    line-height: 18px;
  }
  /* green mobile */
  .shared-detail .green-container .green-content-title{padding-top:8px;}
  body .shared-detail .green-container .green-viewall a{padding-top:18px;padding-left: 74px;text-align: left; background-position: bottom left;}
  body .shared-detail .detailPanes.row{margin-bottom: 20px;}

  /* tabs mobile */
  body .shared-detail .tabs{padding-bottom: 15px;}
  .shared-detail .tabs dd{
    text-align: center;
    margin-bottom: 8px;
    padding-right: 25px;
  }
@media screen and (max-width: 390px) {
    .shared-detail .tabs dd {
      padding-right: 10px;
    }
}
  body .shared-detail .tabs dd > a, 
  body .shared-detail .tabs .tab-title > a{margin-bottom: 10px;}
  body .shared-detail .tabs-content > .content.active{padding-top: 0;}
  body .shared-detail .tabs dd > a, body .shared-detail .tabs .tab-title > a{padding-right: 0;}

  .shared-detail .detailTA-header { margin-bottom: 0; }
  .shared-detail .detailTA-header .detailTA-header-inner .title {
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
  }
  .shared-detail .detailTA-header {
    margin-top: 15px;
  }
  .shared-detail .detailTA-header.second {
    margin-top: 0;
  }
  .shared-detail .detailTA-header.second .detailTA-header-inner {
    margin-bottom: 20px;
  }
  .shared-detail .detailTA-header.second .detailTA-header-inner .title {
    line-height: 37px;
    text-align: center;
  }
  .shared-detail .detailTA-header .detailTA-header-inner .title img { margin-left: 0; }
  .shared-detail .trip-title {
    font-size: 18px;
    line-height: 22px;
  }
  .shared-detail .trip-address {
    font-size: 15.5px;
    line-height: 20px;
  }
  .shared-detail .trip-recommend {
    font-size: 18px;
    line-height: 22px;
  }
  .shared-detail .tripadvisor-preview-text{
    display: none;
  }

  .shared-detail .logo {
    float: none;
    margin: auto;
  }
  .shared-detail .mediaGallery .slider .spacer-lg,
  .shared-detail .mediaGallery .slider .spacer-md { display: none; }
  .shared-detail .mediaGallery .slider .spacer-sm { display: inline-block; }
  
  .shared-detail .mediaGallery .slider.fullwidth .slide .text {
    position: relative;
    top:-1px;
    padding: 0;
    background: transparent;
    border-left: 1px solid #646464;
    border-right: 1px solid #646464;
    border-bottom: 1px solid #646464;
  }
  .shared-detail .mediaGallery .slider .slide .text .content .slide-link.link-title,
  .shared-detail .mediaGallery .slider .slide .text .content{
    color: #000;
  }
  .shared-detail .mediaGallery .slider .slide .text .content .slide-link.link-title{
    font-size: 16px;
    line-height: 22px;
  }

  .shared-detail .mediaGallery .slider .arrows { margin-top: -70px; }
  .shared-detail .mediaGallery .slider .arrows .arrow { width: 65px; height: 150px; }
  .shared-detail .mediaGallery .slider .arrows .arrow.prevSlide {     left: 8px;
    top: -40px;
} 
  .shared-detail .mediaGallery .slider .arrows .arrow.nextSlide {     right: 8px;
    top: -40px;
} 

  .shared-detail .mediaGallery .slider .slide .text {
    position: relative;
    padding: 0;
    background: none;
    border-left: 1px solid #646464;
    border-right: 1px solid #646464;
    border-bottom: 1px solid #646464;
    opacity: 1;
  }
  .shared-detail .mediaGallery .slider .slide .text .content .slide-link.link-more {
    margin-bottom: 8px;
    width: 100%;
    text-align: center;
  }

  .shared-detail .mediaGallery .slider.halfwidth {
    padding: 16px 18px;
    max-width: 316px;
  }
  .shared-detail .mediaGallery .slider.halfwidt .slide .text .content .slide-link.link-more { margin-bottom: 0; }
  .shared-detail .mediaGallery .slider.halfwidth .slide .text { padding: 100px 11px 11px; }
  .shared-detail .mediaGallery .slider.halfwidth .slide .text .content .slide-link.link-title { margin-bottom: 8px; }
  .shared-detail .mediaGallery .slider.halfwidth .arrows { margin-top: -40px; }
}

.shared-detail .localfoods-container {
  position: relative;
  padding: 4px 0 6px 0;
  margin-bottom: 20px;
  font-size: 17px;
  line-height: 21px;
  color: #000;
}
.shared-detail .localfoods-container .localfoods-title {
  font-family: 'Embedded-DINWebPro-Medium', 'DIN Next W01 Medium', Arial, sans-serif;
  font-size: 28px;
  line-height: 34px;
  color: #000;
}
.shared-detail .localfoods-container .localfoods-intro { padding-left: .9375rem; }
.shared-detail .localfoods-container .localfoods-content { margin-bottom: 25px !important; }
.shared-detail .localfoods-container .localfoods-fineprint {
  font-family: 'Embedded-DINWebPro', 'DIN Next W01 Regular', Arial, sans-serif;
}

.shared-detail .green-container {
  position: relative;
  padding: 4px 0 6px 0;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 20px;
  color: #646464;
  font-family: 'Embedded-DINWebPro', 'DIN Next W01 Regular', Arial, sans-serif;
}
.shared-detail .green-container .green-title {
  font-family: 'Embedded-DINWebPro-Medium', 'DIN Next W01 Medium', Arial, sans-serif;
  font-size: 20px;
  line-height: 30px;
  color: #000;
  margin-bottom:5px;
}
.shared-detail .green-container .green-img{padding-bottom: 8px;}
.shared-detail .green-container .green-intro { margin-bottom: 5px; }
.shared-detail .green-container .green-content { margin-bottom: 25px !important; }
.shared-detail .green-container .green-content img {
  position: relative;
  max-width: 70px;
}
.shared-detail .green-container .green-content-title { font-family: 'Embedded-DINWebPro-Medium', 'DIN Next W01 Medium', Arial, sans-serif; color: #ed3426;}
.shared-detail .green-container .green-viewall a {
  display: block;
  font-weight: normal;
  background-image: url("../assets/grass.png");
  background-position: left top;
  background-repeat: no-repeat;
  font-family: 'Embedded-DINWebPro-Medium', 'DIN Next W01 Medium', Arial, sans-serif;
  padding-top: 50px
}

/*** items inside details ***/

.shared-detail .inner-items-ul { max-width: 680px; }

/* begin: Map Tabs */
.shared-detail ul.mapTabs {
  max-width: 1236px;
  padding: 0 18px;
  position: relative;
  top: auto;
  left: auto;
  margin: 0 auto 5px;
  color: #151515;
  font-family: 'Embedded-DINWebPro-Medium', 'DIN Next W01 Medium', Arial, sans-serif;
  font-size: 20px;
  line-height: 32px;
}
.shared-detail ul.mapTabs li { 
  display: inline-block; 
  color: #000;
  overflow: visible;
  width: auto;
}
.shared-detail ul.mapTabs li a {  color: #988e99; font-weight: normal; display: block;}
.shared-detail ul.mapTabs li a:hover { text-decoration: none; }
.shared-detail ul.mapTabs li a.active {
  cursor: default;
  color: #000;
}
.shared-detail ul.mapTabs li.mapTab {
  margin-right: 18px;
}
.shared-detail li ul {
  padding: 17px 16px;
  overflow: hidden;
  position: absolute;
  display: none;
  z-index: 5;
}

.shared-detail ul.mapTabs li ul li {
  display: block;
  margin-right: 0;
  margin-bottom: 8px;
}

.shared-detail ul.mapTabs li.unavailable { display: none; }

div .shared-detail .detailTA {
  margin-right: 0;
}

/*@T235931 - Weather Tab and How To Tab and media queries
/* are specific to listing and event map dropdowns
*/

/* Weather Map Tab */

.shared-detail ul.mapTabs .weatherTab {
  margin-left: 20px;
  color: #151515;
  cursor: pointer;
  display: none;
}
.shared-detail ul.mapTabs .weatherTab.loaded {
  display: inline-block;
}
.shared-detail ul.mapTabs .weatherTab .detailMapWeatherContainer {
  display: inline-block;
}
.shared-detail ul.mapTabs .weatherTab .titleDate {
  font-family: 'Embedded-DINWebPro-Bold', 'DIN Next W01 Bold', Arial, sans-serif;
  width: 200px;
  float: left;
  text-align: right;
  line-height: 32px;
}
.weatherTab .weather-container {
  display: inline-block;
  position: relative;
}
.weatherTab .weather-container .sv-weather-widget-icon {
  padding-right: 30px;
  background-image: url(../assets/toggle-filters-open.png);
  background-position: right 46%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.weatherTab .weather-container ul {
  position: absolute;
  z-index: 5;
  display: none;
  overflow: hidden;
  margin-left: -6em;
  padding: 17px 16px;
  width: 273px;
  font-family: 'Embedded-DINWebPro-Medium', 'DIN Next W01 Medium', Arial, sans-serif;
}
.weatherTab.active .weather-container .sv-weather-widget-icon {
  background-image: url("../assets/toggle-filters-close.png");
}
.weatherTab.active .weather-container ul {
  position: absolute;
  right: -25px;
  display: inline-block;
  margin: 0;
  line-height: 1.3;
  background-color: #fff;
}
.weatherTab .weather-container ul.forecast li {
  display: block;
  margin-right: 0;
  margin-bottom: 6px;
  font-size: inherit;
}
.weather-container .forecast li .date {
  display: block;
  font-family: 'Embedded-DINWebPro-Bold', 'DIN Next W01 Bold', Arial, sans-serif;
}
.weather-container .forecast li .text {
  display: inline-block;
  white-space: nowrap;
  text-transform: capitalize;
}
.weather-container .forecast .text:after {
  content: ', ';
}
.weather-container .forecast li .temp {
  display: inline-block;
  vertical-align: bottom;
}

.sv-weather-widget-icon .icon {
  height: 32px;
  overflow: visible;
  display: inline-block;
  position: relative;
  bottom: -6px;
}
.sv-weather-widget-icon .temp {
  display: inline-block;
}

.sv-weather-widget-icon img {
  max-width: none;
  margin-top: -18px;
  width: 50px;
}

/* END -- Weather Map Tab */

/* HowTo Tab */

/*   .detailMaps/ .shared-detail == .customMapPoints */

.shared-detail ul.mapTabs .howToTab {
  margin-left: 100px;
  display: none;
}
.shared-detail ul.mapTabs .howToTab.loaded {
  display: inline-block;
}
.shared-detail ul.mapTabs .howToTab > a {
  padding-right: 27px;
  padding-left: 16px;
  background-image: url(../assets/toggle-filters-open.png);
  background-position: right center;
  background-repeat: no-repeat;
  color: #000;
  font-weight: normal;
  cursor: pointer;
}
.shared-detail ul.mapTabs .howToTab.active > a {
  background-image: url(../assets/toggle-filters-close.png);
}
.howToTab .howtogethere {
  display: none;
  position: absolute;
  padding: 17px 16px;
  min-width: 375px;
  z-index: 10;
  height: auto;
  background-color: #fff;
  color: #000;
  list-style-type: none;
  box-shadow: rgba(0,0,0,0.1) 0px 3px 4px;
}
.howToTab.active .howtogethere {
  display: block;
}
.howToTab .howtogethere .transportation {
  display: block;
  margin-right: 0;
  margin-bottom: 0;
  font-family: 'Embedded-DINWebPro-Bold', 'DIN Next W01 Bold', Arial, sans-serif;
}
.howToTab .howtogethere ol {
  margin: 0;
  padding: 0;
}
.howToTab .howtogethere ol li,
.howToTab .howtogethere ol li a {
  display: block;
  color: inherit;
  font-family: 'Embedded-DINWebPro-Medium', 'DIN Next W01 Medium', Arial, sans-serif;
  font-size: inherit;
}
.howToTab .howtogethere li .distance {
  float: right;
}
.howToTab .howtogethere li .place {
  padding-right: 90px;
  max-width: 280px;
  white-space: normal;
}

/* END -- HowTo Tab */

.shared-detail ul.mapTabs li ul li.external {
  margin-top: 1em;
  line-height: 13px;
}
div.detailMaps li.external {
  margin-top: 10px;
}
div.detailMaps li.external a {
  color: #ed3426;
  text-decoration: underline;
  font-family: 'Embedded-DINWebPro-Bold', 'DIN Next W01 Bold', Arial, sans-serif;
}


/*** Tablet ***/
@media only screen and (max-width: 1024px) {
  .shared-detail #maps {
    padding-bottom: 48px;
  }
  .shared-detail ul.mapTabs {
    padding: 0 calc(18px + 8.3333%);
    width: 100%;
  }
  .shared-detail ul.mapTabs.mapTabs--full-controls {
    position: absolute;
    bottom: 0;
    background-color: #fff;
    margin: 0;
    z-index: 100;
  }
  .shared-detail ul.mapTabs.mapTabs--full-controls .mapTab,
  .shared-detail ul.mapTabs.mapTabs--full-controls .streetTab {
    display: none;
  }
  .shared-detail ul.mapTabs .howToTab {
    float: left;
    margin-left: 0;
  }
  .shared-detail ul.mapTabs .howToTab > a {
    padding-left: 0;
  }
  .shared-detail ul.mapTabs .weatherTab {
    margin-left: 0;
    float: right;
  }
  .howToTab .howtogethere {
    margin-left: -16px;
  }
  .shared-detail ul.mapTabs li.weatherTab .titleDate {
    width: auto;
  }
  .shared-detail .smallMap { font-size: 17px; bottom: 24px; }
}

@media only screen and (max-width: 640px) {
  .shared-detail ul.mapTabs {
    padding: 0 18px;
    font-size: 14px;
  }
  ul.mapTabs--tablet-extra-controls li {
    padding: 0 18px;
  }
  .shared-detail ul.mapTabs .howToTab > a {
    padding-left: 0;
  }
  .howToTab .howtogethere,
  .weatherTab .weather-container ul {
    left: 0;
    right: 0;
    padding-left: 18px;
    padding-right: 18px;
  }
  .howToTab .howtogethere {
    margin-left: 0;
    min-width: initial;
  }
  .weatherTab .weather-container {
    position: static;
  }
  .weatherTab .weather-container ul.forecast li {
    padding-left: 0;
  }
  .weatherTab .weather-container ul.forecast,
  .howToTab .howtogethere {
    padding-top: 0;
    width: 100%;
  }
  .shared-detail .detailMaps .primary .gMapContainer .gMapHolder { 
    height: 602px;
    max-height: calc(100vh - 148px); /* leave room for menu and toolbars */
  }
}
/* end: Map Tabs */

.shared-detail .tab-buttons-container {
  margin-left: 0;
  margin-bottom: 0;
}
.shared-detail .tab-buttons-container .tab-button { 
  height: 60px;
  padding: 16px 16px 0;
  background: #fcfcfc;
  margin-left: 0; 
  font-family: 'Embedded-DINWebPro-Medium', 'DIN Next W01 Medium', Arial, sans-serif;
  font-size: 18px;
  line-height: 28px;
  color: #000;
  font-weight: normal;
}

.shared-detail .tab-buttons-container .tab-button.book {
  padding: 0;
  -webkit-transition: background-color .2s ease;
  transition: background-color .2s ease;
}
.shared-detail .tab-buttons-container .tab-button.book a {
  display: block;
  padding: 17px 12px 0;
  height: 100%;
}
.shared-detail .tab-buttons-container .show-for-small-only .tab-button.book .fa-angle-right {
  padding-top: 4px;
}
.shared-detail .tab-buttons-container .tab-button.book:hover {
  background-color: #b0b0a8;
}
.shared-detail .tab-buttons-container .tab-button.book .booking-button {
  font-weight: normal;
  color: inherit;
  font: inherit;
}
.shared-detail .tab-buttons-container .tab-button.book .booking-button .fa{
  padding-left: 60px;
  font-weight: bold;
}
.shared-detail .tab-buttons-container .tab-button .tripButtonContainer {
  display: block;
  margin-left: 0;
  margin-right: 5px;
  font-family: 'Embedded-DINWebPro-Medium', 'DIN Next W01 Medium', Arial, sans-serif;
  font-size: 18px;
  line-height: 28px;
  color: #000;
  cursor: pointer;
  -webkit-transition: background-color .2s ease;
          transition: background-color .2s ease;
}
.shared-detail .tab-buttons-container .tab-button.tb{background: #FFF;}
.shared-detail .tab-buttons-container .tab-button.tb .tripButtonContainer a span,
.shared-detail .tab-buttons-container .tab-button.tb .tripButtonContainer span span{
  border-bottom: 2px solid #000;
}
.shared-detail .tab-buttons-container .tab-button.tb .tripButtonContainer span.bold-text{
    margin-left: -5px;
    padding-left: 4px;
}
.shared-detail .tab-buttons-container .tab-button.tb .tripButtonContainer .tb-btn-add,
.shared-detail .tab-buttons-container .tab-button.tb .tripButtonContainer .tb-btn-view {
  display: block;
  padding-right: 50px;
  height: 30px;
  background-image: url("../assets/briefcase.png");
  background-size: 30px;
  background-position: right center;
  background-repeat: no-repeat;
}
.shared-detail .tab-buttons-container .tab-button.tb .tripButtonContainer .tb-btn-view { background-image: url("../assets/briefcase4.png"); }
.shared-detail .tab-buttons-container .tab-button .tripButtonContainer a { color: #000;font-weight: normal; }

/*********  Pane Layout *********/

/*

 @T235931 Removing Border from above listing detail map

.shared-detail .detailSep {
  border-bottom: 1px solid #bab6b2;
}*/
.shared-detail .detailPanes.row { margin-bottom: 45px; }

/*** Tabs ***/

.shared-detail .accordion .accordion-navigation { margin-bottom: 10px !important; }

.shared-detail .tabs{
  border-bottom: 2px solid #dadada;
  margin-bottom: 30px !important;
}
.shared-detail .tabs dd > a,
.shared-detail .tabs .tab-title > a {
  margin-bottom: 25px;
  padding: 0 41px 0 0;
  font-family: 'Embedded-DINWebPro-Medium', 'DIN Next W01 Medium', Arial, sans-serif;
  font-size: 20px;
  line-height: 20px;
  color: #000;
  background-color: transparent !important;
  font-weight: normal
}
.shared-detail .tabs dd.active a, 
.shared-detail .tabs .tab-title.active a{
  color: #ed3426;
}

body .shared-detail #tab-details.content.active .desc,
body .shared-detail #tab-details.content.active .desc p { 
  color: #646464; 
  font-family: 'Embedded-DINWebPro-Medium', 'DIN Next W01 Medium', Arial, sans-serif;
 }
 body .shared-detail #tab-details.content.active .desc p.intro{
  color: #000;
  font-size: 20px;
  line-height: 30px;
 }
/* @T212578: If this is an enlish listing on a non-english site then hide the description and let the use load the description if they want to. */
.shared-detail #tab-details.content.active .desc .load-description {
  margin: 0;
  padding: 0;
  font-family: 'Embedded-DINWebPro', 'DIN Next W01 Regular', Arial, sans-serif;
  color: #ed3426;
  background: none;
  outline: 0;
}
.shared-detail #tab-details.content.active .desc .load-description:hover { color: #ED3426; }
.shared-detail #tab-details.content.active .desc .load-description.open:after { content : ' +' }
.shared-detail #tab-details.content.active .desc .load-description.close:after { content : ' -' }
.shared-detail #tab-details.content.active .desc .description-to-load {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: max-height .8s ease-out, opacity .8s ease-out;
          transition: max-height .8s ease-out, opacity .8s ease-out;
}
.shared-detail #tab-details.content.active .desc .description-to-load.loaded {
  max-height: 5000px;
  opacity: 1;
  -webkit-transition: max-height 1s ease-out, opacity 1s ease-out;
          transition: max-height 1s ease-out, opacity 1s ease-out;
}
.shared-detail #tab-details.content.active .advertisement-links a {
  color: #ed3426;
  text-decoration: underline;
  font-size: 17px;
  line-height: 35px;
  display: block;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shared-detail #tab-details.content.active .advertisement-links a:before {
  content: '';
  display: block;
  float: left;
  width: 35px;
  height: 35px;
  margin-right: 10px;
  background-image: url("../assets/pdf.png");
  background-repeat: no-repeat;
}
body .shared-detail .update-source li{
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-family: 'Embedded-DINWebPro-Italic';
  color: #646464;
}
body .shared-detail .tabs-content h5{
  font-size: 20px;
  line-height: 30px;
}
.shared-detail .tabs-content .tabs{
  margin-bottom: 0 !important;
  border: none;
}

/** addthis **/
.shared-detail .interior-addthis{
  margin: 0;
}
.shared-detail .interior-addthis .shareButtons .shareButtons-title{
  display: none;
}
.shared-detail .shareButtons .socialButton svg{
  display: none;
}
.shared-detail .shareButtons .socialButton span{
  width: 68px !important;
  height: 60px !important;
  background-size:25px !important;
  background-color: #fcfcfc !important;
}
body .shared-detail  .addthis_button_facebook span{
  background-image: url("../assets/social/fb.png") !important;
}
body .shared-detail  .addthis_button_twitter span{
  background-image: url("../assets/social/tw.png") !important;
}
body .shared-detail  .addthis_button_baidushare span{
  background-image: url("../assets/social/bd.png") !important;
}
body .shared-detail  .shareButtons .addthis_button_vk span{
  background-image: url("../assets/social/vk.png") !important;
}
body .shared-detail  .shareButtons .addthis_button_pinterest_share span{
  background-image: url("../assets/social/pt.png") !important;
}
body .shared-detail  .shareButtons .addthis_button_google_plusone_share span{
  background-image: url("../assets/social/gp.png") !important;
}


.shared-detail .tellus-pricing-details-container {
  margin: 30px 0;
  
}


/*** Tablet ***/
@media only screen and (max-width: 1025px) {
  
  .shared-detail .tab-buttons-container .tab-button {
    padding-left: 0;
    padding-right: 18px;
  }
  .shared-detail .detailTA-header .detailTA-header-inner {
    padding: 0 18px;
  }

  .shared-detail .detailInfo h1 {
    font-size: 38px;
    line-height: 40px; /* @T265627 adjusted line height to account for tall glyphs such as '? */
  }
  .shared-detail ul.info-list li.city {
    font-size: 17px;
  }
  
  .shared-detail ul.info-list li { font-size: 15.5px; line-height: 17px;}
  
  .shared-detail ul.info-list li .phone-number {
    text-decoration: underline;
  }
  .shared-detail .localfoods-container .localfoods-intro { padding-left: 0; }
  .shared-detail .localfoods-container .localfoods-content { margin-bottom: 25px !important; }
  .shared-detail .localfoods-container .localfoods-content img { width: 125px; }

  .shared-detail .green-container { background-size: 55px; }

  .shared-detail .gMapContainer .coordinates { width: 100%; }
  .shared-detail .detailMiddle { margin-bottom: 25px !important; }
  .shared-detail #panel_tripadvisor {padding: 0 11px;}

.listing-detail .detailTop, .listing-detail .detailMiddle, 
.listing-detail .detailPanes, .listing-detail .detailTA {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .shared-detail .middle-widgets{width: 100%;}
  .shared-detail .sharedBackButton{
    position: relative;
    color:#646464;
    margin-left: 0;
    top: 0;
  }
  .shared-detail .tripadvisor-preview{height: 40px; width: 100%; text-align: center;}
  .shared-detail .detailInfo h1{margin-bottom: 5px;}
  .shared-detail ul.address{margin-bottom: 25px;}
}

/* @T380564 QV addition*/
/*Quickview overrides*/
.qv-wrapper .shared-detail #maps {
  width: calc(100% + 20px);
  margin-left: -10px;
}
.qv-wrapper .shared-detail .sharedBackButton {
  display: none !important;
}
.qv-wrapper div .shared-detail .detailTA { margin-right: 0px; }
@media only screen and (min-width: 40.063em) {
  .qv-wrapper .shared-detail #maps {
    width: calc(100% + 50px);
    margin-left: -25px;
    margin-right: -25px;
    left: 0;
  }
}
/*END Quickview overrides*/


/*** Mobile ***/
@media only screen and (max-width: 641px) {
  /* @T240342 put phone number back on mobile and updated to better match the comps */
  .listing-detail ul.info-list li {
    display: block;
    line-height: 1.4;
  }
  .shared-detail .trip-rating span {
    display: block;
    line-height: 14px;
  }
  .shared-detail .trip-score span {
    display: block;
    line-height: 14px;
  }
  .shared-detail .review .userInfo { margin-bottom: 10px; }
  .shared-detail .trip-reviews-paging {
    padding: 30px 5px;
    text-align: center;
    border-bottom: 2px solid #dadada;
  }
  .shared-detail .trip-write-review {
    float: none !important;
    margin-left: auto;
    margin-right: auto;
  }
  .shared-detail .detailInfo .inner { padding-right: 0; }
  .shared-detail .detailInfo h1 {
    font-size: 25px;
    line-height: 30px;
  }
  .shared-detail ul.info-list li.city { font-size: 15.5px; }
  .shared-detail .gMapContainer .gMapHolder { height: 356px; }
  .shared-detail .detailMiddle { margin-bottom: 5px !important; }

  .shared-detail ul.info-list.action-items {
    width: 100%;
    text-align: center;
  }
  .shared-detail ul.info-list.action-items li {
    margin: 0 0 8px;
  }

  .shared-detail ul.info-list.action-items a { font-size: 14px; }

  .shared-detail .localfoods-container {
    font-size: 15.5px;
    line-height: 19px;
  }
  .shared-detail .localfoods-container .localfoods-title { display: none; }
  .shared-detail .localfoods-container .localfoods-intro { padding-left: 0; }

  .shared-detail .green-container { background-image: none; }
  .shared-detail .green-container .green-content { margin-bottom: 0 !important; }
  .shared-detail .green-img { display: block; }
  .shared-detail .green-container .green-content img { max-width: 100%; }
  .shared-detail .green-viewall { text-align: center; }
  .shared-detail .green-container .green-viewall a {
    font-size: 15.5px;
    line-height: 19px;
  }

  .shared-detail .category {
    margin-bottom: 20px;
    text-align: center;
  }

  .shareButtons .addthis_toolbox,
  .shared-detail .tab-buttons-container{
    width: 100%;
  }
  .shared-detail .tab-buttons-container .tab-button {
    width: 50%;
  }
  .shared-detail .tab-buttons-container .tab-button.book .booking-button .fa{
    padding-right: 15px;
    padding-left: 0;
    float: right;
  }

  .shared-detail .mediaGallery {margin: 0;}
  .shared-detail .detailPanes > .tabs-content { padding: 10px 0 0 0;} 
  .shared-detail .detailPanes > .tabs { width: auto; }
  .shared-detail .detailPanes > .tabs-content.vertical > .content { padding: 0; }

  .shared-detail .mobile-layout-block {
    float: none;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .shared-detail .smallMap-container {
    display: none;
  }

  .shared-detail .hours { text-align: center; }

  .shared-detail .sharedBackButton {}


  .shared-detail .detailMaps .sidebar .gMapContainer .gMapHolder { height: 296px; }

.listing-detail .detailTop, .listing-detail .detailMiddle, 
.listing-detail .detailPanes, .listing-detail .detailTA-header, 
.listing-detail .detailTA-header, .listing-detail .detailTA {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .shared-detail .detailTA-header .detailTA-header-inner {
    padding: 0;
  }

  .shared-detail #panel_tripadvisor {padding: 0 18px;}
  div .shared-detail .detailTA { margin-right: -18px; }

  .shared-detail .tab-buttons-container .tab-button{padding: 12px 12px 0;}

  .shared-detail .tab-buttons-container .tab-button.tb {max-width: 144px;}
  .shared-detail .tab-buttons-container .tab-button .tripButtonContainer { font-size: 11px; }
  .shared-detail .tab-buttons-container .tab-button.tb .tripButtonContainer .tb-btn-add, 
  .shared-detail .tab-buttons-container .tab-button.tb .tripButtonContainer .tb-btn-view{
    background-size: 20px;
    padding-right: 25px;
  }

  .shared-detail .tab-buttons-container .tab-button.book{
    max-width: 144px;
  }
  .shared-detail .tab-buttons-container .tab-button.book .booking-button {
    margin-bottom: 2px;
    width: 100%;
  }

  .shared-detail .shareButtons .socialButton span{width: 44px !important;}

  .shared-detail .tripadvisor-preview{max-width: 125px;}
  .shared-detail .sharedBackButton {font-size: 13px;}
}   

@media only screen and (max-width: 425px) {
  .shared-detail ul.mapTabs .howToTab > a,
  .weatherTab .weather-container .sv-weather-widget-icon {
    padding-right: 18px;
  }
}
@media only screen and (max-width: 325px) {
  .sv-weather-widget-icon img {
    margin-top: -20px;
    width: 45px;
    margin-left: -4px;
    margin-right: -8px;
  }
}

@media only screen and (max-width: 500px) {
.shared-detail .tab-buttons-container .tab-button {
    width: 100%;
    margin-bottom: 1px;
    margin-right: 0;
  }
  .shared-detail .tripadvisor-preview{padding-left: 15px;}
  .shared-detail .tripadvisor-preview-img{margin-bottom: 10px;}
}

@media only screen and (max-width: 383px) {
  /* @T241151 reduce mobile font size when titles contain extra long words */
  .shared-detail .detailInfo h1.longer-listing-title {
    font-size: 20px;
    line-height: 25px;
  }
}

.shared-detail .visit a {
  width: 100%;
  color: white;
  position: fixed;
  bottom: 0;
  z-index: 998;
  bottom: -80px;
  left: 0px;
  top: auto;
  display: block;
  padding: 20px;
  background-color: rgb(237, 52, 37);
  transition: 0.5s linear;
  text-align: center;
  text-transform: uppercase;
}

/*map box styles*/
.shared-detail .mapboxgl-ctrl-group > button {
  margin: 0 !important;
}
.shared-detail .mapboxgl-ctrl-group > button:focus {
    background-color: white !important;
}
.shared-detail .mapboxgl-popup-content {
  min-width: 300px;
  padding: 15px !important;
}
.shared-detail .mapboxgl-popup-content .infoTitle {
  margin-bottom: 0;
  font-family: 'Embedded-DINWebPro-Medium', 'DIN Next W01 Medium', Arial, sans-serif;
  font-size: 21px;
  line-height: 24px;
  color: #000;
}
.shared-detail .mapboxgl-popup-content .infoDate {
    font-size: 15px;
    margin: 3px 0;
}
.shared-detail .mapboxgl-popup-content .infoNearby {
  display: block;
  margin-top: 6px;
  margin-left: 0px;
  padding: 8px 0 8px 40px;
  font-family: 'Embedded-DINWebPro-Bold', 'DIN Next W01 Bold', Arial, sans-serif;
  font-size: 18px;
  line-height: 21px;
  text-transform: uppercase;
  background-image: url(../assets/map-pin.png);
  background-position: left center;
  background-repeat: no-repeat;
  font-weight: normal;  
}
.shared-detail .mapboxgl-popup-close-button,
.shared-detail .mapboxgl-popup-close-button:hover {
    padding: 3px 6px;
    color: black;
}
.shared-detail .mapboxgl-popup-anchor-bottom {
    max-width: 500px !important;
}
.shared-detail .mapboxgl-ctrl-attrib-inner {
    display: none;
}

