/* Preserve the original 950px desktop layout and its colors. */
#reservation { width: 205px; }
#reservation input.forms1 { box-sizing: border-box; width: 90px; }
#reservation table { width: 100%; }
#reservation-form { margin: 0; }
#reservation-error { color: #970023; line-height: 1.4; }
#TA_cdsratingsonlynarrow413 { box-sizing: border-box; max-width: 205px; }
#TA_cdsratingsonlynarrow413 .TA_links,
#TA_cdsratingsonlynarrow413 .TA_links li { list-style: none !important; padding: 0; margin: 0; }
#TA_cdsratingsonlynarrow413 .TA_links img { display: block; width: 170px; max-width: 100%; height: auto; }
#TA_cdsratingsonlynarrow413 iframe { max-width: 100%; }
#box-left { float: none; width: 100%; box-sizing: border-box; min-width: 0; }
#content .box { min-width: 0; }
#content [id^="bwg_container"] { max-width: 100%; box-sizing: border-box; }
#content .bwg-container { max-width: 100%; }
#content .bwg-item { max-width: 100%; }
/* Lift the amount and details 8px into the center of the existing tag. */
#price .price-rotate:first-child { margin-bottom: 4px; }
#price .price-rotate:nth-child(2) { margin-top: 4px; }
#price .rate-link { color: #000; display: inline-block; font-size: 18px; line-height: 1.15; }
#price .rate-label { font-size: 13px; font-weight: bold; line-height: 15px; }
#price .rate-note { margin-top: -10px; font-size: 10px; line-height: 10px; }
#price .rate-value { font-size: 28px; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid #0071ae; outline-offset: 3px; }
.super8-map { display: block; width: 100%; height: 360px; border: 0; margin: 15px 0; }
.super8-directions label { display: block; }
.super8-directions input { box-sizing: border-box; width: 75%; max-width: 350px; padding: 5px; }
.super8-directions button { padding: 5px 8px; }
.super8-attractions { margin: 15px 0 0; padding-left: 20px; }
.super8-attractions li { margin-bottom: 15px; line-height: 1.5; }
.super8-group-form { max-width: 550px; }
.super8-group-form label { display: block; padding-top: 5px; }
.super8-group-form input:not([type=hidden]), .super8-group-form textarea { box-sizing: border-box; display: block; width: 100%; max-width: 250px; margin: 0; font: inherit; padding: 3px; }
.super8-group-form textarea { height: 120px; }
.super8-group-form .super8-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.super8-group-form .super8-captcha { margin: 14px 0 0; padding: 10px; max-width: 250px; box-sizing: border-box; border: 1px solid #ccc; }
.super8-group-form .super8-captcha input { width: 65px; }
.super8-group-form button[type=submit] { margin-top: 15px; cursor: pointer; }
.super8-form-error { color: #970023; border-left: 3px solid #ce0030; padding-left: 10px; }
.super8-form-success { border-left: 3px solid #0071ae; padding-left: 10px; }
.super8-map-marker { background: #ce0030; color: #fff; border: 2px solid #fff; border-radius: 50%; text-align: center; font: bold 13px/26px Arial; box-shadow: 0 1px 4px #0006; }
#super8-attraction-map { z-index: 0; }
.super8-attractions { list-style-image: none; }
