*, *:after, *:before {box-sizing: inherit;}html {box-sizing: border-box;font-size: 62.5%;}body {color: #050506;font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;font-size: 1.3em;font-weight: 300;letter-spacing: 0.01em;line-height: 1.6;}.button, button, input[type='reset'], input[type='submit'] {background-color: #968571;border: 0.1rem solid #ffe4a4;border-radius: 0.4rem;color: #ffe4a4;cursor: pointer;display: inline-block;font-size: 1.1rem;font-weight: 700;height: 3.8rem;letter-spacing: 0.1rem;line-height: 3.8rem;padding: 0 3.0rem;text-align: center;text-decoration: none;text-transform: uppercase;white-space: nowrap;}a.button.links {background-color: rgba(255,255,255,0.75);border: .1rem solid #53493d;color: #53493d;}.button:focus, .button:hover, button:focus, button:hover, input[type='submit']:focus, input[type='submit']:hover {background-color: #606c76;border-color: #606c76;color: #fff;outline: 0;}.button.button-outline, button.button-outline, input[type='reset'].button-outline, input[type='submit'].button-outline {background-color: transparent;color: #606c76;}input[type='reset'].button-outline:focus, input[type='reset'].button-outline:hover, input[type='submit'].button-outline:focus, input[type='submit'].button-outline:hover {background-color: #fff;border-color: #050506;color: #050506;}.button.button-clear, button.button-clear {background-color: transparent;border-color: transparent;color: #606C76;}.button.button-clear:focus, .button.button-clear:hover {background-color: transparent;border-color: transparent;color: #050506;}input[type='password'], input[type='text'], textarea {-moz-appearance:none;-webkit-appearance: none;appearance:none;background-color: transparent;border: 0.1rem solid #d1d1d1;border-radius: 0.4rem;box-shadow: none;box-sizing: inherit;height: 3.8rem;padding: 0.6rem 1.0rem 0.7rem;width: 100%;}input[type='password']:focus, input[type='text']:focus, textarea:focus {background-color: #fff;border-color: #050506;outline: 0;}select {background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23d1d1d1" d="M0,0l6,8l6-8"/></svg>') center right no-repeat;padding-right: 3.0rem;}select:focus {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%239b4dca" d="M0,0l6,8l6-8"/></svg>');}select[multiple] {background: none;height: auto;}textarea {min-height: 18rem;}label {display: block;font-size: 1.25rem;font-style: italic;margin-bottom: 0.5rem;}fieldset {border-width: 0;padding: 0;}.container {margin: 0 auto;max-width: 112.0rem;padding: 0 2.0rem;position: relative;width: 100%;}.row {display: flex;flex-direction: column;padding: 0;width: 100%;}.row.row-no-padding {padding: 0;}.row.row-no-padding > .column {padding: 0;}.row.row-wrap {flex-wrap: wrap;}.row.row-top {align-items: flex-start;}.row.row-bottom {align-items: flex-end;}.row.row-center {align-items: center;}.row.row-stretch {align-items: stretch;}.row.row-baseline {align-items: baseline;}.row .column {display: block;flex: 1 1 auto;margin-left: 0;max-width: 100%;width: 100%;}.row .column.column-offset-10 {margin-left: 10%;}.row .column.column-offset-20 {margin-left: 20%;}.row .column.column-offset-25 {margin-left: 25%;}.row .column.column-offset-33, .row .column.column-offset-34 {margin-left: 33.3333%;}.row .column.column-offset-40 {margin-left: 40%;}.row .column.column-offset-50 {margin-left: 50%;}.row .column.column-offset-60 {margin-left: 60%;}.row .column.column-offset-66, .row .column.column-offset-67 {margin-left: 66.6666%;}.row .column.column-offset-75 {margin-left: 75%;}.row .column.column-offset-80 {margin-left: 80%;}.row .column.column-offset-90 {margin-left: 90%;}.row .column.column-10 {flex: 0 0 10%;max-width: 10%;}.row .column.column-20 {flex: 0 0 20%;max-width: 20%;}.row .column.column-25 {flex: 0 0 25%;max-width: 25%;}.row .column.column-33, .row .column.column-34 {flex: 0 0 33.3333%;max-width: 33.3333%;}.row .column.column-40 {flex: 0 0 40%;max-width: 40%;}.row .column.column-50 {flex: 0 0 50%;max-width: 50%;}.row .column.column-60 {flex: 0 0 60%;max-width: 60%;}.row .column.column-66, .row .column.column-67 {flex: 0 0 66.6666%;max-width: 66.6666%;}.row .column.column-75 {flex: 0 0 75%;max-width: 75%;}.row .column.column-80 {flex: 0 0 80%;max-width: 80%;}.row .column.column-90 {flex: 0 0 90%;max-width: 90%;}.row .column .column-top {align-self: flex-start;}.row .column .column-bottom {align-self: flex-end;}.row .column .column-center {align-self: center;}@media (min-width: 40rem) {.row {flex-direction: row;margin-left: -1.0rem;width: calc(100% + 2.0rem);}.row .column {margin-bottom: inherit;padding: 0 1.0rem;}}a {color: #606c76;text-decoration: none;}a:focus, a:hover {color: #050506;}.button, button, dd, dt, li {margin-bottom: 1.0rem;}fieldset, input, select {margin-bottom: 1.5rem;}textarea {margin-bottom: 2.5rem;}p {margin-top: 0;}.clearfix:after {clear: both;content: ' ';display: table;}.float-left {float: left;}.float-right {float: right;}body, html {width: 100%;}#login {background-color: #000;background-repeat: no-repeat;background-attachment: fixed;background-position: center;background-size: cover;overflow: hidden;}a.changePassword{display:inline-block;width:100%;font-style:italic;text-align:center;font-weight:bold;}#enter {position: relative;float: right;height: 2.5em;width: 100%;margin-top: 1.5em;padding: 0;right: 0;font-size: 75%;background: #000;line-height: 0;font-weight: bold;}#password,#passwordFirst,#passwordRepeat, #username {position: relative;height: 2.5em;width: 100%;margin-top: 1.5em;padding: 0.2em 0.4em;}#passwordInvalid,#passwordRepeatFail,#usernameEmpty {height:2.5em;margin-top:1.8em;padding:0.35em 0.4em;}p.highlightValidation {color:#f00;}body #displayContent {background: #fff3d7;}div.container {padding-top: 1.25em;}#logout {margin-bottom: 1rem;font-size: 1.3rem;line-height: 1.3rem;}button#addMessage.button-outline {width: 100%;box-sizing: border-box;}#newMessageForm {display: none;}div figure {margin: 0;display: block;}div.infinity {display: block;}hr.divider {border: 0;border-top: 0.25em solid #ffe4a4;}.savedAt {margin-top: 0.4em;font-size: 0.75em;}.modal {display: none;}.modal__overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;width: 100%;z-index: 200;opacity: 0;transition: opacity 0.2s;will-change: opacity;background-color: #000;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.modal__header {padding: 1.5rem;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd;}.modal__wrapper {width: 100%;z-index: 9999;overflow: auto;opacity: 0;max-width: 540px;max-height: 80vh;transition: transform 0.2s, opacity 0.2s;will-change: transform;background-color: #fff3d7;display: flex;flex-direction: column;-webkit-transform: translateY(5%);transform: translateY(5%);-webkit-overflow-scrolling: touch;}.modal__content {position: relative;overflow-x: hidden;overflow-y: auto;height: 100%;flex-grow: 1;padding: 1.5rem;}.modal.is-active {display: flex;justify-content: center;align-items: center;position: fixed;top: 0;right: 0;left: 0;bottom: 0;z-index: 9999;}.modal.is-visible .modal__wrapper {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}.modal.is-visible .modal__overlay {opacity: 0.625;}.overlay {display: block;height: 100%;width: 100%;position: fixed;z-index: 1;left: 0;top: 0;background-color: rgb(0,0,0);background-color: rgba(0,0,0, 0.625);overflow-x: hidden;}.overlay-content {position: relative;top: 20%;height: auto;left: 25%;width: 50%;background: #fff;opacity: 0.5;text-align: center;}.overlay p {display: block;padding: 0.8rem;font-size: 1.175rem;color: #242424;}.button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary {color: #ffe4a4;background-color: #968571;border-color: #ffe4a4;}.button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus {color: #968571;background-color: #ffe4a4;border-color: #000;}a.button.button-outline {border-color: #ffe4a4;color: #ffe4a4;}@media (max-width: 449px) {#login {background-image: url('../images/CH/loginLT450CH.webp');}div figure.beach {padding-top: 19.66%;background: url("../images/CH/messageBannerSmallCH.webp") no-repeat center top;background-size: cover;}}@media (min-width: 450px) {#login {background-image: url('../images/CH/loginGT450LT625CH.webp');}.overlay-content {left: 25%;width: 50%;}.overlay p {display: block;padding: 1rem;font-size: 1.25rem;}}@media (min-width: 625px) {#login {background: #000 url('../images/CH/loginGT625LT812CH.webp') no-repeat center fixed;}.overlay-content {left: 35%;width: 50%;}.overlay p {padding: 1.25rem;font-size: 1.375rem;}div figure.beach {padding-top: 19.66%;background: url("../images/CH/messageBannerCH.webp") no-repeat center top;background-size: cover;}}@media (min-width: 812px) {#login {background: #000 url('../images/CH/loginGT999CH.webp') no-repeat center fixed;background-size: cover;}.overlay-content {left: 40%;width: 20%;}.overlay p {padding: 1.6rem;font-size: 1.5rem;}}@media (min-width: 1000px) {}