/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Muli:400,700|Oswald:300,400,600');

/* Core */
body { margin: 0; font-family: Muli, 'sans-serif'; color: #4B4F54; font-size: 16px; line-height: 28px; background: #FFF; }
h1 { font-size: 52px; line-height: 62px; font-family: Oswald; font-weight: 400; }
h2 { font-size: 44px; line-height: 53px; font-family: Oswald; font-weight: 400; }
h3 { font-size: 26px; line-height: 34px; font-family: Oswald; font-weight: 400; }
h4 { font-size: 20px; line-height: 27px; }
a { color: #B83696 }
a:hover { text-decoration: none; }
a.showPointer { cursor: pointer; }
.clear { clear: both; }
.printOnly { display: none; }

a[id] {  scroll-margin-top: 80px; }

/* Header */
#header { width: 100%; background: #38484F; color: #FFF; position: fixed; top: 0; z-index: 100; }
#headerCore { width: 1920px; max-width: 100%; margin: 0 auto; }
#headerLogo { float: left; padding: 10px 0; width: 258px; }
#headerLogo img { height: 70px; width: auto; padding-left: 20px; }
#headerNav { float: left; height: 90px; width: calc(100% - 278px); }
#navIcon { display: none; }

.headerRow { height: 45px; line-height: 45px; width: 100%; text-align: right; }
.headerRow a { color: #FFF; text-decoration: none; }
.headerRow a:hover { color: #CCC; transition: 0.6s; }

.headerRow.headerTop { line-height: 40px; font-size: 15px; }
.headerRow.headerTop a { margin-right: 13px; }
.headerRow.headerTop a.bookStay { margin: 0 0 0 20px; background: #84C661; display: inline-block; line-height: 25px; padding: 2px 15px; border-radius: 20px; }
.headerRow.headerTop a.bookStay:hover { color: #4B4F54; }
.headerRow.headerTop .headerWeather { font-size: 20px; margin: 0 20px; }
.headerRow.headerTop i.fas { font-size: 20px; }

.headerRow.headerBottom { font-size: 20px; }
.headerRow.headerBottom a { margin-right: 30px; font-weight: 700; }
.headerRow.headerBottom a.headerSocial { margin-right: 20px; }
.headerRow.headerBottom a.headerVenues { color: #F5EB00; font-size: 24px; }
.headerRow.headerBottom a.headerEat { color: #00BBD8; font-size: 24px; }
.headerRow.headerBottom a.headerPlay { color: #EF2755; font-size: 24px; }
.headerRow.headerBottom a.headerStay { color: #84C661; font-size: 24px; }
.headerRow.headerBottom a.headerEvents { color: #B83696; font-size: 24px; }

a.headerFinal { margin-right: 0 !important; }

/* Navigation */
#navigation { width: 100%; height: 140px; max-width: 1920px; margin: 0 auto; }
#navigation .navItem { width: calc(100% / 3); text-align: center; float: left; }
#navigation .navItem a { width: 100%; line-height: 130px; font-size: 30px; text-transform: uppercase; color: #FFF; text-decoration: none; display: block; font-weight: 700; }
#navigation .navItem.navEat { border-bottom: 5px solid #00BBD8; border-top: 5px solid #00BBD8; }
#navigation .navItem.navPlay { border-bottom: 5px solid #EF2755; border-top: 5px solid #EF2755; }
#navigation .navItem.navStay { border-bottom: 5px solid #84C661; border-top: 5px solid #84C661; }
.topnav { overflow: hidden; background: #38484F; }
.headerRow.headerTop a.navTrip { margin-right: 0; line-height: 30px; background: rgba(255, 255, 255, .2); height: 30px; display: inline-block; padding: 0 5px 0 10px; border-radius: 360px; font-weight: 700; }
a.mobileNav { display: none; }
.dropdown { display: inline-block; overflow: none; }
.dropdown .dropbtn { font-size: 15px; border: none; outline: none; color: white; padding: 0 0 10px; background-color: inherit; font-family: inherit; margin: 0; }
.dropdown-content { display: none; position: absolute; background-color: #4B4F54; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; margin-left: -8px; }
.dropdown-content a { font-size: 15px; float: none; color: #FFF; padding: 3px 8px; text-decoration: none; display: block; text-align: left; line-height: 24px; }
.dropdown:hover .dropdown-content { display: block; }
a.mobileNav i { margin-left: 5px; }
#localMobileNav a, #visitorsMobileNav a, #eventMobileNav a { color: #9FE7F4; line-height: 30px; }

/* Site Search */
#hidden-content-search h3 { color: #B83696; margin-top: 0; }
#hidden-content-search form { margin-bottom: 0; }
#hidden-content-search input { border: 0; color: #000; background: rgba(255, 255, 255, .75); padding: 10px; font-size: 13px; font-family: Muli, sans-serif; width: calc(100% - 59px); }
#hidden-content-search ::-webkit-input-placeholder { color: rgba(0, 0, 0, .75); }
#hidden-content-search button.searchButton { background:#A80B7A; border: 0; color: #FFF; padding: 9px 11px 10px; font-size: 17px; cursor: pointer; }

/* Page Headers */
#pageHeader, #cta, #pageHeaderText { width: calc(100% - 80px); max-width: 1780px; margin: 90px auto 0; text-align: center; padding: 100px 40px; color: #FFF; }
#pageHeader { width: calc(100% - 140px); padding: 140px 70px; }
#pageHeader.exploreHeader { padding: 40px; color: #4B4F54; }
#pageHeaderText { padding: 40px; color: #4B4F54; }
#pageHeaderText h1 { margin-top: 0; }
#pageHeader a { color: #F6F6F6; }
#cta { margin: 0 auto; }
.centerSocial { float: none; margin: 20px auto 0; text-align: center; }
.altSocial { float: right !important; margin-right: 20px; }
.altSocialSingle { float: right !important; }

/* Content */
#pageContent { width: calc(100% - 40px); max-width: 1400px; margin: 20px auto; }
#pageContent.noHeader { margin: 90px auto 0; padding-top: 20px; }
#pageContent.noHeader h1 { margin-top: 15px; }
#pageContent.full { width: calc(100% - 40px); max-width: 1880px; margin: 20px auto; }
#pageContent a.button { font-family: Oswald, sans-serif; font-size: 25px; line-height: 45px; font-weight: 300; text-transform: uppercase; border: #AAA 2px solid; display: block; padding: 2px 15px; border-radius: 20px; color: #AAA; text-decoration: none; width: calc(100% - 34px); max-width: 400px; margin: 40px auto; text-align: center; }
a.blogButton { background: #B83696; color: #FFF; display: inline-block; padding: 6px 14px; border-radius: 5px; font-family: 'Oswald', sans-serif; text-transform: uppercase; display: inline-block; font-size: 24px; text-decoration: none; }
a.blogButton:hover { background: #777777; transition: 0.5s; }
#pageContent a.button:hover { background: #AAA; color: #FFF; }
#pageContent img { max-width: 100%; height: auto !important; }

#pageLeft { width: calc(100% - 320px); float: left; }
#googleMap iframe { width: calc(100% - 2px); border: 1px solid #666; height: 400px; }

.alertMessage { text-align: left; padding: 15px; width: calc(100% - 32px); margin: 0 0 1.5em; border: 1px solid #4b4f54; background:rgba(75, 79, 84, .1); color: #000; }
.alertMessage.typeVenues { border: 1px solid #F5EB00; background:rgba(245,235,0,.1); }
.alertMessage.typeEat { border: 1px solid #1FBBDA; background:rgba(31, 187, 218,.1); }
.alertMessage.typePlay { border: 1px solid #ef2755; background: rgba(239, 39, 85, .1); }
.alertMessage.typeEvents { border: 1px solid #b83696; background: rgba(184, 54, 150, .1); }
.alertMessage.typeStay { border: 1px solid #84C661; background: rgba(132, 198, 97, .1); }
.alertMessage h4 { margin: 0 0 0; }
.alertMessage p { margin: 10px 0 0; }

.pastEvent { width: calc(100% - 412px); background: rgba(75, 79, 84, .4); border: 1px solid #4B4F54; text-align: center; padding: 15px 0; font-size: 20px; margin-bottom: 1em; font-weight: 700; }
.pastEvent p { margin: 0 0 10px; }
.pastEvent i { color: #C00000; }
@media screen and (max-width: 920px) {
  .pastEvent { width: calc(50% - 30px); }
}
@media screen and (max-width: 400px) {
  .pastEvent { width: 100%; background: #CCC; clear: both; }
}

/* Content - Right Column */
#pageRight { width: 300px; float: right; padding: 1em 0; }
.rightListing { width: 300px; margin: 20px auto 10px; }
.rightListingPhoto { position: relative; }
.rightListingPhoto img { width: 300px; height: auto; }
.rightListingDetail { border-top: 5px solid #4B4F54; padding: 10px 0 0; }
.rightListingDetail h3 { font-family: Oswald, sans-serif; font-size: 24px; margin: 0 0 10px; font-weight: 400; line-height: 28px; }
.rightListingDetail h3 a { text-decoration: none; }
.rightListing.venues .rightListingDetail { border-top: 5px solid #F5EB00; }
.rightListing.venues h3 a { color: #4B4F54; }
.rightListing.eat .rightListingDetail { border-top: 5px solid #00BBD8; }
.rightListing.eat h3 a { color: #00BBD8; }
.rightListing.play .rightListingDetail { border-top: 5px solid #EF2755; }
.rightListing.play h3 a { color: #EF2755; }
.rightListing.stay .rightListingDetail { border-top: 5px solid #84C661; }
.rightListing.stay h3 a { color: #84C661; }
.rightListing.events .rightListingDetail { border-top: 5px solid #B83696; }
.rightListing.events h3 a { color: #B83696; }
.rightListingContact { font-size: 14px; line-height: 18px; }
.rightListingIcons { float: none; display: block; text-align: center; margin: 10px 0 0; padding: 10px 0 0; border-top: 1px dotted #CCC; font-size: 22px; line-height: 22px; }
.rightListingIcons a i { color: #000; margin: 0 0 0 10px; }

/* Content - Call to Action */
#cta, #rotator.cta { font-size: 20px; line-height: 27px; font-weight: 700; color: #FFF; }
#cta h3, #rotator.cta h3 { font-size: 42px; line-height: 52px; font-family: Oswald; font-weight: 400; }
#cta a.button, #rotator.cta a.button { font-family: Oswald, sans-serif; font-size: 25px; line-height: 45px; font-weight: 300; text-transform: uppercase; border: #00BBD8 2px solid; display: block; background: #00BBD8; padding: 2px 15px; border-radius: 20px; color: #FFF; text-decoration: none; display: inline-block; margin: 40px auto 0; text-align: center; }

/* Content - UP Museum Page */
#microIcons { width: 100%; margin: 2em 0 0; }
.mIcon { width: 140px; float: left; text-align: center; font-size: 16px; font-weight: 700; padding: 5px; border-radius: 25px; background: #EEE; margin: 0 calc((25% - 150px) / 2); }
.mIcon a { text-decoration: none; }
a.target { display: block; position: relative; top: -110px; visibility: hidden; }
#pageVideo { width: 100%; padding: 40px 30px 0; max-width: 800px; margin: 0 auto; }

.fullWidthButton a { font-family: Oswald, sans-serif; text-transform: uppercase; color: #AAA; border: 4px solid #AAA; display: block; padding: 10px; text-decoration: none; text-align: center; }
.fullWidthButton a:hover { color: #FFF; background: #AAA; }
.fullWidthButton a { width: calc(100% - 628px); font-size: 30px; margin: 0 auto 20px; font-weight: 400; }

/* Footer */
.footerDivider { height: 5px; width: 100%; }
.headerDivider { width: 100%; max-width: 1920px; margin: 0 auto; height: 5px; }
.headerDivider.full { max-width: 100%; }
.footerDivider5x, .headerDivider5x { height: 5px; width: 20%; float: left; }
.footerDivider5x.blue, .headerDivider5x.blue, .headerDivider.blue { background: #00BBD8; }
.footerDivider5x.red, .headerDivider5x.red, .headerDivider.red { background: #EF2755; }
.footerDivider5x.green, .headerDivider5x.green, .headerDivider.green { background: #84C661; }
.footerDivider5x.purple, .headerDivider5x.purple, .headerDivider.purple { background: #B83696; }
.footerDivider5x.yellow, .headerDivider5x.yellow, .headerDivider.yellow { background: #F5EB00; }
.footerSubdivider { height: 1px; background: #AAA; width: 100%; }
#footer { width: 100%; background: #38484F; color: #FFF; font-size: 14px; line-height: 22px; }

#footerLogos, #footerContact { width: 1880px; max-width: 100%; padding: 40px 0; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; }

#footerLogos .footerLogo7x { width: calc(100% /7); float: left; text-align: center; }
#footerLogos .footerLogo5x { width: 20%; float: left; text-align: center; }
#footerLogos .footerLogo5x img, #footerLogos .footerLogo7x img { width: 120px; max-width: 90%; }

#footerContact img { display: block; margin: 0 auto 20px; width: 238px; height: auto; }
.footer3x { width: calc(100% / 3); float: left; text-align: center; }
.footer3x a i { font-size: 22px; line-height: 28px; margin: 0 10px 15px; }
.footer3x img { margin: 9px auto !important; max-width: 100%; }
.footer3x a { color: #DDD; }
.footer3x a:hover { color: #00BBD8; transition: 0.6s; }

#footerCredits { width: calc(100% - 40px); padding: 10px 20px; margin: 0 auto; font-size: 12px; line-height: 30px; background: #142831; }
.footerLeft { width: 50%; float: left; }
.footerRight { width: 50%; float: right; text-align: right; }
.footerRight a img { height: 30px !important; float: right; margin-left: 10px; }

/* Modules - Shared */
.moduleHeader { text-align: center; margin: 50px 0 25px; font-size: 30px; }
.moduleSubheader { text-align: center; font-size: 18px; margin: -5px 0 25px; }
.moduleButton { margin: 0 10px 20px; color: #FFF; font-size: 18px; font-weight: 700; padding: 5px 20px; text-align: center; display: inline-block; }

/* Modules - Book Your Stay */
#bookStay, #bookStayHeader { width: 100%; background-color: #94C56E; color: #FFF; padding: 30px 0; }
#bookStayHeader { margin-top: 90px; margin-bottom: -90px; }
#bookForm { max-width: 1400px; width: calc(100% - 40px); margin: 0 auto; }
#bookStay h3, #bookStayHeader h3, #subscribeForm h3 { margin: 0 0 21px; text-align: center; color: #FFF; }
#subscribeFormHome h3 { margin: 0 0 21px; text-align: center; color: #EF2755; }
.bookField { width: calc(100% / 3); float: left; font-size: 30px; text-align: center; }
.bookField label { font-size: 23px; }
.bookField input, .bookField select { width: calc(100% - 50px); font-size: 16px; font-family: Muli, sans-serif; padding: 7px 10px; border: 0; }
.bookField select { margin-top: 8px; }
#bookStay input[type="submit"], #bookStayHeader input[type="submit"] { font-family: Oswald, sans-serif; background: #94C56E; color: #FFF; cursor: pointer; width: 150px; float: none; border: 2px solid #FFF; font-size: 24px; text-transform: uppercase; display: block; text-align: center; padding: 2px 0 5px; line-height: 30px; -webkit-appearance: none; margin: 30px auto 0; }
.bookField.fullWidth { width: 100%; text-align: center; }
.mobileBreak { display: none; }
#ui-datepicker-div { font-family: Muli, sans-serif; font-size: 16px; }

/* Modules - Subscribe */
#subscribeHeader { width: 100%; background-color: #991E66; color: #FFF; padding: 20px 0; margin-top: 90px; margin-bottom: -90px; }
#subscribeForm, #subscribeFormHome { max-width: 1400px; width: calc(100% - 40px); margin: 0 auto; }
#subscribeHeader h3 a { color: #FFF; }
#subscribeForm iframe { width: 100%; border: 0; height: 80px; margin: 0; }
#subscribeForm p { margin: -10px auto 16px; width: 100%; max-width: 500px; text-align: center; font-size: 14px; line-height: 18px; color: rgba(255,255,255,.7); }
#subscribeFormHome p { margin: -10px auto 16px; width: 100%; max-width: 500px; text-align: center; }
#subscribeFormHome iframe { width: 100%; border: 0; height: 80px; margin: 0 0 50px; }

/* Modules - About */
.moduleHeader.moduleAbout { color: #00B9D3; }
.moduleBoxContainer { width: 1440px; max-width: calc(100% - 20px); margin: 0 auto 50px; display: flex; }
.moduleBox2x { width: calc(33.3% - 70px); padding: 5px 35px; float: left; text-align: center; }
.moduleBox2x h4 { text-transform: uppercase; }
.moduleBox2x .button { text-align: center; }
.moduleBox2x .button a { background: #00B9D3; color: #FFF; font-size: 18px; text-align: center; margin: 20px auto; display: inline-block; text-decoration: none; padding: 0 8px; }

/* Glide */
.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box; }
  .glide * {
    box-sizing: inherit; }
  .glide__track {
    overflow: hidden; }
  .glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform; }
    .glide__slides--dragging {
      user-select: none; }
  .glide__slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent; }
    .glide__slide a {
      user-select: none;
      -webkit-user-drag: none;
      -moz-user-select: none;
      -ms-user-select: none; }
  .glide__arrows {
    -webkit-touch-callout: none;
    user-select: none; }
  .glide__bullets {
    -webkit-touch-callout: none;
    user-select: none; }
  .glide--rtl {
    direction: rtl; }

.glide__arrow--left {
  left: -35px; }

.glide__arrow--right {
  right: -35px; }
  /* Glide */
  .btn-arrow { font-size: 20px; height: 40px; line-height: 40px; position: absolute; z-index: 1; top: calc(50% - 49px); width: 30px; text-align: center; background: rgba(0,0,0,.0); border: 0; color: #B83696; }
  .btn-arrow.blog { color: #5C636B; }

/* Responsive */
@media only screen and (max-width: 1440px) {
  h1 { font-size: 42px; line-height: 52px; font-family: Oswald; font-weight: 400; }
  h2 { font-size: 34px; line-height: 43px; font-family: Oswald; font-weight: 400; }
  #pageHeader { width: calc(100% - 80px); max-width: 1360px; padding: 100px 40px; }
}
@media only screen and (max-width: 980px) {
  .moduleBoxContainer { flex-wrap: wrap; }
  .moduleBox2x { width: calc(100% - 40px); padding: 20px; float: none; max-width: 600px; margin: 0 auto; }
  .moduleBox2x h4 { margin-top: 0; }
}
@media only screen and (max-width: 1150px) {
  #pageHeader, #pageHeaderText, #pageContent.noHeader { margin-top: 80px; }
  #bookStayHeader, #subscribeHeader { margin-top: 80px; margin-bottom: -80px; }
  #navIcon { display: block; width: 50px; float: right; text-align: center; font-size: 26px; background: #142831; }
  #navIcon a i { line-height: 80px !important; color: #FFF; }
  #headerNav { width: 460px; float: left; height: 80px; margin-left: calc(100% - 785px); }
  #headerLogo img { height: 60px; }
  .headerRow { height: 40px; line-height: 40px; }
  .headerRow.headerTop { line-height: 36px; }
  .topnav a { display: none; }
  .topnav a.icon { display: block !important; float: right; }
  .topnav.responsive { position: absolute; height: auto; top: 80px; right: 0; width: calc(100% - 40px); padding: 20px; transition: 1s; }
  .topnav.responsive a { float: none; display: block; text-align: left; width: 90%; font-size: 20px; line-height: 40px; }
  .topnav.responsive .socialIcons { float: none; width: 100%; }
  .topnav.responsive a.headerSocial { float: left; width: 20%; margin: 20px 0 0; text-align: center; }
  .topnav.responsive a.mobileNav { display: none !important; }
}
@media only screen and (max-width: 800px) {

  /* Navigation */
  .noWrapNav { display: none; }
  .topnav.responsive a.mobileNav { display: block !important; font-size: 15px; line-height: 35px; }
  .headerRow.headerTop, .headerRow.headerTop a.navSearch i { line-height: 80px; }
  #headerNav { width: 345px; margin-left: calc(100% - 680px); }
  .mobileNavLeft { width: 110px; float: left; }
  .mobileNavRight { width: calc(100% - 120px); float: right; }

  /* Content */
  #pageLeft { width: 100%; }
  #pageRight { width: 100%; border-top: 1px dotted #CCC; margin-top: 20px; }
  .bookField { width: 100%; max-width: 400px; margin: 0 auto; float: none; padding: 10px 0; }
  .headerRow.headerTop a.bookStay { display: none; }

  /* Footer */
  .footer3x img { margin: 0 auto 5px !important; }
  .footer3x { width: 100%; margin: 10px 0; }
  #footerLogos .footerLogo7x { width: 25%; }
  #footerLogos .footerLogo7x.row2 { margin: 30px 0 0; }
  #footerLogos .footerLogo7x.lS { margin-left: 12.5%; }
}
@media screen and (max-width: 650px) {
  /* Navigation */
  #headerNav { width: 245px; margin-left: calc(100% - 565px); }
  .headerRow.headerTop .headerWeather { margin-left: 0; }
  #navigation { height: 195px; }
  #navigation .navItem { width: 100%; text-align: center; float: none; }
  #navigation .navItem a { line-height: 60px; }
  #navigation .navItem.navEat { border-top: none; }
  #navigation .navItem.navPlay { border-top: none; }
  #navigation .navItem.navStay { border-top: none; }
}
@media only screen and (max-width: 600px) {
  /* Page Headers */
  #pageHeader, #cta, #pageHeaderText { width: calc(100% - 40px); padding: 20px; }
  .headerTop .headerWeather { display: none; }
  #headerNav { width: 150px; margin-left: calc(100% - 470px); }
}
@media screen and (max-width: 450px) {
  #headerLogo img { padding-left: 10px; }
  #headerNav { width: 90px; margin-left: calc(100% - 400px); }
  .headerRow.headerTop { text-align: center; margin: 2.5px 0 -5px; line-height: 30px; }
  .headerRow.headerTop a.navTrip { font-size: 13px; line-height: 26px; height: 26px; padding: 0 3px 0 5px; }
  .headerRow.headerTop i.fas { font-size: 18px; }
  .headerRow.headerTop, .headerRow.headerTop a.navSearch i { line-height: 40px; }
}
@media screen and (max-width: 360px) {
  #headerNav { margin: 0; width: 0; }
  .headerRow.headerTop a.navSearch { display: none; }
  .headerRow.headerTop a.navTrip {  }
}
@media only screen and (max-width: 300px) {
  /* Footer */
  .footerLeft, .footerRight { width: 100%; float: none; text-align: center; }
  .footerRight a img { float: none; display: block; margin: 0 auto; }
}

/* Trip Planner */
#hidden-content-trip { width: 300px; height: 600px; position: absolute; top: 81px; right: 0; line-height: 26px; padding: 20px; }
#hidden-content-trip h2 { margin: 0; }
#hidden-content-trip p.pinNow { font-family: 'Oswald'; margin-top: 5px; font-size: 20px; line-height: 26px; }
#hidden-content-trip b { color: #B83696; }
#hidden-content-trip h3 { display: block; text-align: center; background: #B83696; color: #FFF; text-transform: uppercase; font-size: 24px; line-height: 24px; padding: 3px 0; }
.tripPin { position: absolute; font-size: 20px; top: 5px; right: 5px; color: #FFF; background: #B83696; cursor: pointer; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 360px; }
.tripPin.stay { background: #84C661; }
.tripPin.eat { background: #00BBD8; }
.tripPin.play { background: #EF2755; }
.tripPin.venues { background: #142831; }
.tripPin.blog { background: #4B4F54; }
.tripPin i { line-height: 28px !important; padding: 3px 0 0 1px; }
.navTripCt { font-size: 10px; line-height: 13px; background: #B83696; color: #FFF; display: inline-block; padding: 1px 4px; border-radius: 360px; margin: 0 0 0 -5px; font-weight: 700; }

.tripPinFull { display: inline-block; position: relative; font-size: 15px; margin: 0 0 -10px; line-height: 26px; background: #B83696; font-weight: 700; color: #FFF; padding: 3px 12px 2px; border-radius: 360px; cursor: pointer; }
.tripPinFull.stay { background: #84C661; }
.tripPinFull.eat { background: #00BBD8; }
.tripPinFull.play { background: #EF2755; }
.tripPinFull.venues { background: #142831; }
.tripPinFull.blog { background: #4B4F54; }

.tripFooter { background: #B83696; position: fixed; bottom: 0; left: 0; width: calc(100% - 20px); padding: 10px; text-align: center; }
.tripFooter.eat { background: #00BBD8; }
.tripFooter.play { background: #EF2755; }
.tripFooter.stay { background: #84C661; }
.tripFooter.venues { background: #142831; }
.tripFooter a { color: #FFF; font-weight: 700; text-decoration: none; }
.tripFooter .footerButton { display: inline-block; background: rgba(255, 255, 255, .2); margin-left: 5px; padding: 1px 8px; }
#first-pin { width: 500px; max-width: calc(100% - 40px); }
#first-pin h2 { margin: 0; color: #B83696; }
#first-pin a.button { background: #B83696; color: #FFF; text-decoration: none; display: inline-block; padding: 2px 8px; border-radius: 4px; font-weight: 700; }