@charset "UTF-8"; /*** The new CSS reset - version 1.7.3 (last updated 7.8.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } img { height: auto; } html { font-family: "Open Sans", Helvetica, sans-serif; color: #002E6D; line-height: 1.5; font-size: 16px; background-color: #EEFAFD; } .video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; background: black; } .video-wrapper iframe, .video-wrapper video { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .container { width: 100%; } .row { box-sizing: border-box; margin: 0 auto; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: wrap; max-width: 1440px; padding: 0 8px; } @media only screen and (min-width: 71rem) { .row { padding: 0 48px; } } .row-fluid { box-sizing: border-box; margin: 0 auto; padding: 0; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: wrap; } .row.reverse { flex-direction: row-reverse; } .row.natural-height { align-items: flex-start; } .row.flex-column { flex-direction: column; } .col { box-sizing: border-box; flex-grow: 1; flex-basis: 0; max-width: 100%; padding: 0 16px; } .col.reverse { flex-direction: column-reverse; } .first { order: -1; } .last { order: 1; } .align-start { align-self: flex-start; } .align-end { align-self: flex-end; } .align-center { align-self: center; } .align-baseline { align-self: baseline; } .align-stretch { align-self: stretch; } .col-xs { box-sizing: border-box; flex-grow: 1; flex-basis: 0; max-width: 100%; padding: 0 8px; } @media only screen and (min-width: 56.3125rem) { .col-xs { padding: 0 16px; } } .col-xs-1 { box-sizing: border-box; flex-basis: 8.3333333333%; max-width: 8.3333333333%; padding: 0 8px; } @media only screen and (min-width: 56.3125rem) { .col-xs-1 { padding: 0 16px; } } .col-xs-offset-1 { margin-left: 8.3333333333%; } .col-xs-2 { box-sizing: border-box; flex-basis: 16.6666666667%; max-width: 16.6666666667%; padding: 0 8px; } @media only screen and (min-width: 56.3125rem) { .col-xs-2 { padding: 0 16px; } } .col-xs-offset-2 { margin-left: 16.6666666667%; } .col-xs-3 { box-sizing: border-box; flex-basis: 25%; max-width: 25%; padding: 0 8px; } @media only screen and (min-width: 56.3125rem) { .col-xs-3 { padding: 0 16px; } } .col-xs-offset-3 { margin-left: 25%; } .col-xs-4 { box-sizing: border-box; flex-basis: 33.3333333333%; max-width: 33.3333333333%; padding: 0 8px; } @media only screen and (min-width: 56.3125rem) { .col-xs-4 { padding: 0 16px; } } .col-xs-offset-4 { margin-left: 33.3333333333%; } .col-xs-5 { box-sizing: border-box; flex-basis: 41.6666666667%; max-width: 41.6666666667%; padding: 0 8px; } @media only screen and (min-width: 56.3125rem) { .col-xs-5 { padding: 0 16px; } } .col-xs-offset-5 { margin-left: 41.6666666667%; } .col-xs-6 { box-sizing: border-box; flex-basis: 50%; max-width: 50%; padding: 0 8px; } @media only screen and (min-width: 56.3125rem) { .col-xs-6 { padding: 0 16px; } } .col-xs-offset-6 { margin-left: 50%; } .col-xs-7 { box-sizing: border-box; flex-basis: 58.3333333333%; max-width: 58.3333333333%; padding: 0 8px; } @media only screen and (min-width: 56.3125rem) { .col-xs-7 { padding: 0 16px; } } .col-xs-offset-7 { margin-left: 58.3333333333%; } .col-xs-8 { box-sizing: border-box; flex-basis: 66.6666666667%; max-width: 66.6666666667%; padding: 0 8px; } @media only screen and (min-width: 56.3125rem) { .col-xs-8 { padding: 0 16px; } } .col-xs-offset-8 { margin-left: 66.6666666667%; } .col-xs-9 { box-sizing: border-box; flex-basis: 75%; max-width: 75%; padding: 0 8px; } @media only screen and (min-width: 56.3125rem) { .col-xs-9 { padding: 0 16px; } } .col-xs-offset-9 { margin-left: 75%; } .col-xs-10 { box-sizing: border-box; flex-basis: 83.3333333333%; max-width: 83.3333333333%; padding: 0 8px; } @media only screen and (min-width: 56.3125rem) { .col-xs-10 { padding: 0 16px; } } .col-xs-offset-10 { margin-left: 83.3333333333%; } .col-xs-11 { box-sizing: border-box; flex-basis: 91.6666666667%; max-width: 91.6666666667%; padding: 0 8px; } @media only screen and (min-width: 56.3125rem) { .col-xs-11 { padding: 0 16px; } } .col-xs-offset-11 { margin-left: 91.6666666667%; } .col-xs-12 { box-sizing: border-box; flex-basis: 100%; max-width: 100%; padding: 0 8px; } @media only screen and (min-width: 56.3125rem) { .col-xs-12 { padding: 0 16px; } } .col-xs-offset-12 { margin-left: 100%; } .row.start-xs { justify-content: flex-start; } .row.center-xs { justify-content: center; } .row.end-xs { justify-content: flex-end; } .row.top-xs { align-items: flex-start; } .row.middle-xs { align-items: center; } .row.bottom-xs { align-items: flex-end; } .row.around-xs { justify-content: space-around; } .row.between-xs { justify-content: space-between; } .first-xs { order: -1; } .last-xs { order: 1; } @media only screen and (min-width: 56.3125rem) { .col-sm { box-sizing: border-box; flex-grow: 1; flex-basis: 0; max-width: 100%; padding: 0 8px; } } @media only screen and (min-width: 56.3125rem) and (min-width: 56.3125rem) { .col-sm { padding: 0 16px; } } @media only screen and (min-width: 56.3125rem) { .col-sm-1 { box-sizing: border-box; flex-basis: 8.3333333333%; max-width: 8.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 56.3125rem) and (min-width: 56.3125rem) { .col-sm-1 { padding: 0 16px; } } @media only screen and (min-width: 56.3125rem) { .col-sm-offset-1 { margin-left: 8.3333333333%; } } @media only screen and (min-width: 56.3125rem) { .col-sm-2 { box-sizing: border-box; flex-basis: 16.6666666667%; max-width: 16.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 56.3125rem) and (min-width: 56.3125rem) { .col-sm-2 { padding: 0 16px; } } @media only screen and (min-width: 56.3125rem) { .col-sm-offset-2 { margin-left: 16.6666666667%; } } @media only screen and (min-width: 56.3125rem) { .col-sm-3 { box-sizing: border-box; flex-basis: 25%; max-width: 25%; padding: 0 8px; } } @media only screen and (min-width: 56.3125rem) and (min-width: 56.3125rem) { .col-sm-3 { padding: 0 16px; } } @media only screen and (min-width: 56.3125rem) { .col-sm-offset-3 { margin-left: 25%; } } @media only screen and (min-width: 56.3125rem) { .col-sm-4 { box-sizing: border-box; flex-basis: 33.3333333333%; max-width: 33.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 56.3125rem) and (min-width: 56.3125rem) { .col-sm-4 { padding: 0 16px; } } @media only screen and (min-width: 56.3125rem) { .col-sm-offset-4 { margin-left: 33.3333333333%; } } @media only screen and (min-width: 56.3125rem) { .col-sm-5 { box-sizing: border-box; flex-basis: 41.6666666667%; max-width: 41.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 56.3125rem) and (min-width: 56.3125rem) { .col-sm-5 { padding: 0 16px; } } @media only screen and (min-width: 56.3125rem) { .col-sm-offset-5 { margin-left: 41.6666666667%; } } @media only screen and (min-width: 56.3125rem) { .col-sm-6 { box-sizing: border-box; flex-basis: 50%; max-width: 50%; padding: 0 8px; } } @media only screen and (min-width: 56.3125rem) and (min-width: 56.3125rem) { .col-sm-6 { padding: 0 16px; } } @media only screen and (min-width: 56.3125rem) { .col-sm-offset-6 { margin-left: 50%; } } @media only screen and (min-width: 56.3125rem) { .col-sm-7 { box-sizing: border-box; flex-basis: 58.3333333333%; max-width: 58.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 56.3125rem) and (min-width: 56.3125rem) { .col-sm-7 { padding: 0 16px; } } @media only screen and (min-width: 56.3125rem) { .col-sm-offset-7 { margin-left: 58.3333333333%; } } @media only screen and (min-width: 56.3125rem) { .col-sm-8 { box-sizing: border-box; flex-basis: 66.6666666667%; max-width: 66.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 56.3125rem) and (min-width: 56.3125rem) { .col-sm-8 { padding: 0 16px; } } @media only screen and (min-width: 56.3125rem) { .col-sm-offset-8 { margin-left: 66.6666666667%; } } @media only screen and (min-width: 56.3125rem) { .col-sm-9 { box-sizing: border-box; flex-basis: 75%; max-width: 75%; padding: 0 8px; } } @media only screen and (min-width: 56.3125rem) and (min-width: 56.3125rem) { .col-sm-9 { padding: 0 16px; } } @media only screen and (min-width: 56.3125rem) { .col-sm-offset-9 { margin-left: 75%; } } @media only screen and (min-width: 56.3125rem) { .col-sm-10 { box-sizing: border-box; flex-basis: 83.3333333333%; max-width: 83.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 56.3125rem) and (min-width: 56.3125rem) { .col-sm-10 { padding: 0 16px; } } @media only screen and (min-width: 56.3125rem) { .col-sm-offset-10 { margin-left: 83.3333333333%; } } @media only screen and (min-width: 56.3125rem) { .col-sm-11 { box-sizing: border-box; flex-basis: 91.6666666667%; max-width: 91.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 56.3125rem) and (min-width: 56.3125rem) { .col-sm-11 { padding: 0 16px; } } @media only screen and (min-width: 56.3125rem) { .col-sm-offset-11 { margin-left: 91.6666666667%; } } @media only screen and (min-width: 56.3125rem) { .col-sm-12 { box-sizing: border-box; flex-basis: 100%; max-width: 100%; padding: 0 8px; } } @media only screen and (min-width: 56.3125rem) and (min-width: 56.3125rem) { .col-sm-12 { padding: 0 16px; } } @media only screen and (min-width: 56.3125rem) { .col-sm-offset-12 { margin-left: 100%; } } @media only screen and (min-width: 56.3125rem) { .row.start-sm { justify-content: flex-start; } } @media only screen and (min-width: 56.3125rem) { .row.center-sm { justify-content: center; } } @media only screen and (min-width: 56.3125rem) { .row.end-sm { justify-content: flex-end; } } @media only screen and (min-width: 56.3125rem) { .row.top-sm { align-items: flex-start; } } @media only screen and (min-width: 56.3125rem) { .row.middle-sm { align-items: center; } } @media only screen and (min-width: 56.3125rem) { .row.bottom-sm { align-items: flex-end; } } @media only screen and (min-width: 56.3125rem) { .row.around-sm { justify-content: space-around; } } @media only screen and (min-width: 56.3125rem) { .row.between-sm { justify-content: space-between; } } @media only screen and (min-width: 56.3125rem) { .first-sm { order: -1; } } @media only screen and (min-width: 56.3125rem) { .last-sm { order: 1; } } @media only screen and (min-width: 56.3125rem) { .col-md { box-sizing: border-box; flex-grow: 1; flex-basis: 0; max-width: 100%; padding: 0 8px; } } @media only screen and (min-width: 56.3125rem) and (min-width: 56.3125rem) { .col-md { padding: 0 16px; } } @media only screen and (min-width: 56.3125rem) { .col-md-1 { box-sizing: border-box; flex-basis: 8.3333333333%; max-width: 8.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 56.3125rem) and (min-width: 56.3125rem) { .col-md-1 { padding: 0 16px; } } @media only screen and (min-width: 56.3125rem) { .col-md-offset-1 { margin-left: 8.3333333333%; } } @media only screen and (min-width: 56.3125rem) { .col-md-2 { box-sizing: border-box; flex-basis: 16.6666666667%; max-width: 16.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 56.3125rem) and (min-width: 56.3125rem) { .col-md-2 { padding: 0 16px; } } @media only screen and (min-width: 56.3125rem) { .col-md-offset-2 { margin-left: 16.6666666667%; } } @media only screen and (min-width: 56.3125rem) { .col-md-3 { box-sizing: border-box; flex-basis: 25%; max-width: 25%; padding: 0 8px; } } @media only screen and (min-width: 56.3125rem) and (min-width: 56.3125rem) { .col-md-3 { padding: 0 16px; } } @media only screen and (min-width: 56.3125rem) { .col-md-offset-3 { margin-left: 25%; } } @media only screen and (min-width: 56.3125rem) { .col-md-4 { box-sizing: border-box; flex-basis: 33.3333333333%; max-width: 33.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 56.3125rem) and (min-width: 56.3125rem) { .col-md-4 { padding: 0 16px; } } @media only screen and (min-width: 56.3125rem) { .col-md-offset-4 { margin-left: 33.3333333333%; } } @media only screen and (min-width: 56.3125rem) { .col-md-5 { box-sizing: border-box; flex-basis: 41.6666666667%; max-width: 41.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 56.3125rem) and (min-width: 56.3125rem) { .col-md-5 { padding: 0 16px; } } @media only screen and (min-width: 56.3125rem) { .col-md-offset-5 { margin-left: 41.6666666667%; } } @media only screen and (min-width: 56.3125rem) { .col-md-6 { box-sizing: border-box; flex-basis: 50%; max-width: 50%; padding: 0 8px; } } @media only screen and (min-width: 56.3125rem) and (min-width: 56.3125rem) { .col-md-6 { padding: 0 16px; } } @media only screen and (min-width: 56.3125rem) { .col-md-offset-6 { margin-left: 50%; } } @media only screen and (min-width: 56.3125rem) { .col-md-7 { box-sizing: border-box; flex-basis: 58.3333333333%; max-width: 58.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 56.3125rem) and (min-width: 56.3125rem) { .col-md-7 { padding: 0 16px; } } @media only screen and (min-width: 56.3125rem) { .col-md-offset-7 { margin-left: 58.3333333333%; } } @media only screen and (min-width: 56.3125rem) { .col-md-8 { box-sizing: border-box; flex-basis: 66.6666666667%; max-width: 66.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 56.3125rem) and (min-width: 56.3125rem) { .col-md-8 { padding: 0 16px; } } @media only screen and (min-width: 56.3125rem) { .col-md-offset-8 { margin-left: 66.6666666667%; } } @media only screen and (min-width: 56.3125rem) { .col-md-9 { box-sizing: border-box; flex-basis: 75%; max-width: 75%; padding: 0 8px; } } @media only screen and (min-width: 56.3125rem) and (min-width: 56.3125rem) { .col-md-9 { padding: 0 16px; } } @media only screen and (min-width: 56.3125rem) { .col-md-offset-9 { margin-left: 75%; } } @media only screen and (min-width: 56.3125rem) { .col-md-10 { box-sizing: border-box; flex-basis: 83.3333333333%; max-width: 83.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 56.3125rem) and (min-width: 56.3125rem) { .col-md-10 { padding: 0 16px; } } @media only screen and (min-width: 56.3125rem) { .col-md-offset-10 { margin-left: 83.3333333333%; } } @media only screen and (min-width: 56.3125rem) { .col-md-11 { box-sizing: border-box; flex-basis: 91.6666666667%; max-width: 91.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 56.3125rem) and (min-width: 56.3125rem) { .col-md-11 { padding: 0 16px; } } @media only screen and (min-width: 56.3125rem) { .col-md-offset-11 { margin-left: 91.6666666667%; } } @media only screen and (min-width: 56.3125rem) { .col-md-12 { box-sizing: border-box; flex-basis: 100%; max-width: 100%; padding: 0 8px; } } @media only screen and (min-width: 56.3125rem) and (min-width: 56.3125rem) { .col-md-12 { padding: 0 16px; } } @media only screen and (min-width: 56.3125rem) { .col-md-offset-12 { margin-left: 100%; } } @media only screen and (min-width: 56.3125rem) { .row.start-md { justify-content: flex-start; } } @media only screen and (min-width: 56.3125rem) { .row.center-md { justify-content: center; } } @media only screen and (min-width: 56.3125rem) { .row.end-md { justify-content: flex-end; } } @media only screen and (min-width: 56.3125rem) { .row.top-md { align-items: flex-start; } } @media only screen and (min-width: 56.3125rem) { .row.middle-md { align-items: center; } } @media only screen and (min-width: 56.3125rem) { .row.bottom-md { align-items: flex-end; } } @media only screen and (min-width: 56.3125rem) { .row.around-md { justify-content: space-around; } } @media only screen and (min-width: 56.3125rem) { .row.between-md { justify-content: space-between; } } @media only screen and (min-width: 56.3125rem) { .first-md { order: -1; } } @media only screen and (min-width: 56.3125rem) { .last-md { order: 1; } } @media only screen and (min-width: 71rem) { .col-lg { box-sizing: border-box; flex-grow: 1; flex-basis: 0; max-width: 100%; padding: 0 8px; } } @media only screen and (min-width: 71rem) and (min-width: 56.3125rem) { .col-lg { padding: 0 16px; } } @media only screen and (min-width: 71rem) { .col-lg-1 { box-sizing: border-box; flex-basis: 8.3333333333%; max-width: 8.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 71rem) and (min-width: 56.3125rem) { .col-lg-1 { padding: 0 16px; } } @media only screen and (min-width: 71rem) { .col-lg-offset-1 { margin-left: 8.3333333333%; } } @media only screen and (min-width: 71rem) { .col-lg-2 { box-sizing: border-box; flex-basis: 16.6666666667%; max-width: 16.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 71rem) and (min-width: 56.3125rem) { .col-lg-2 { padding: 0 16px; } } @media only screen and (min-width: 71rem) { .col-lg-offset-2 { margin-left: 16.6666666667%; } } @media only screen and (min-width: 71rem) { .col-lg-3 { box-sizing: border-box; flex-basis: 25%; max-width: 25%; padding: 0 8px; } } @media only screen and (min-width: 71rem) and (min-width: 56.3125rem) { .col-lg-3 { padding: 0 16px; } } @media only screen and (min-width: 71rem) { .col-lg-offset-3 { margin-left: 25%; } } @media only screen and (min-width: 71rem) { .col-lg-4 { box-sizing: border-box; flex-basis: 33.3333333333%; max-width: 33.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 71rem) and (min-width: 56.3125rem) { .col-lg-4 { padding: 0 16px; } } @media only screen and (min-width: 71rem) { .col-lg-offset-4 { margin-left: 33.3333333333%; } } @media only screen and (min-width: 71rem) { .col-lg-5 { box-sizing: border-box; flex-basis: 41.6666666667%; max-width: 41.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 71rem) and (min-width: 56.3125rem) { .col-lg-5 { padding: 0 16px; } } @media only screen and (min-width: 71rem) { .col-lg-offset-5 { margin-left: 41.6666666667%; } } @media only screen and (min-width: 71rem) { .col-lg-6 { box-sizing: border-box; flex-basis: 50%; max-width: 50%; padding: 0 8px; } } @media only screen and (min-width: 71rem) and (min-width: 56.3125rem) { .col-lg-6 { padding: 0 16px; } } @media only screen and (min-width: 71rem) { .col-lg-offset-6 { margin-left: 50%; } } @media only screen and (min-width: 71rem) { .col-lg-7 { box-sizing: border-box; flex-basis: 58.3333333333%; max-width: 58.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 71rem) and (min-width: 56.3125rem) { .col-lg-7 { padding: 0 16px; } } @media only screen and (min-width: 71rem) { .col-lg-offset-7 { margin-left: 58.3333333333%; } } @media only screen and (min-width: 71rem) { .col-lg-8 { box-sizing: border-box; flex-basis: 66.6666666667%; max-width: 66.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 71rem) and (min-width: 56.3125rem) { .col-lg-8 { padding: 0 16px; } } @media only screen and (min-width: 71rem) { .col-lg-offset-8 { margin-left: 66.6666666667%; } } @media only screen and (min-width: 71rem) { .col-lg-9 { box-sizing: border-box; flex-basis: 75%; max-width: 75%; padding: 0 8px; } } @media only screen and (min-width: 71rem) and (min-width: 56.3125rem) { .col-lg-9 { padding: 0 16px; } } @media only screen and (min-width: 71rem) { .col-lg-offset-9 { margin-left: 75%; } } @media only screen and (min-width: 71rem) { .col-lg-10 { box-sizing: border-box; flex-basis: 83.3333333333%; max-width: 83.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 71rem) and (min-width: 56.3125rem) { .col-lg-10 { padding: 0 16px; } } @media only screen and (min-width: 71rem) { .col-lg-offset-10 { margin-left: 83.3333333333%; } } @media only screen and (min-width: 71rem) { .col-lg-11 { box-sizing: border-box; flex-basis: 91.6666666667%; max-width: 91.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 71rem) and (min-width: 56.3125rem) { .col-lg-11 { padding: 0 16px; } } @media only screen and (min-width: 71rem) { .col-lg-offset-11 { margin-left: 91.6666666667%; } } @media only screen and (min-width: 71rem) { .col-lg-12 { box-sizing: border-box; flex-basis: 100%; max-width: 100%; padding: 0 8px; } } @media only screen and (min-width: 71rem) and (min-width: 56.3125rem) { .col-lg-12 { padding: 0 16px; } } @media only screen and (min-width: 71rem) { .col-lg-offset-12 { margin-left: 100%; } } @media only screen and (min-width: 71rem) { .row.start-lg { justify-content: flex-start; } } @media only screen and (min-width: 71rem) { .row.center-lg { justify-content: center; } } @media only screen and (min-width: 71rem) { .row.end-lg { justify-content: flex-end; } } @media only screen and (min-width: 71rem) { .row.top-lg { align-items: flex-start; } } @media only screen and (min-width: 71rem) { .row.middle-lg { align-items: center; } } @media only screen and (min-width: 71rem) { .row.bottom-lg { align-items: flex-end; } } @media only screen and (min-width: 71rem) { .row.around-lg { justify-content: space-around; } } @media only screen and (min-width: 71rem) { .row.between-lg { justify-content: space-between; } } @media only screen and (min-width: 71rem) { .first-lg { order: -1; } } @media only screen and (min-width: 71rem) { .last-lg { order: 1; } } @media only screen and (min-width: 120.0625rem) { .col-xl { box-sizing: border-box; flex-grow: 1; flex-basis: 0; max-width: 100%; padding: 0 8px; } } @media only screen and (min-width: 120.0625rem) and (min-width: 56.3125rem) { .col-xl { padding: 0 16px; } } @media only screen and (min-width: 120.0625rem) { .col-xl-1 { box-sizing: border-box; flex-basis: 8.3333333333%; max-width: 8.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 120.0625rem) and (min-width: 56.3125rem) { .col-xl-1 { padding: 0 16px; } } @media only screen and (min-width: 120.0625rem) { .col-xl-offset-1 { margin-left: 8.3333333333%; } } @media only screen and (min-width: 120.0625rem) { .col-xl-2 { box-sizing: border-box; flex-basis: 16.6666666667%; max-width: 16.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 120.0625rem) and (min-width: 56.3125rem) { .col-xl-2 { padding: 0 16px; } } @media only screen and (min-width: 120.0625rem) { .col-xl-offset-2 { margin-left: 16.6666666667%; } } @media only screen and (min-width: 120.0625rem) { .col-xl-3 { box-sizing: border-box; flex-basis: 25%; max-width: 25%; padding: 0 8px; } } @media only screen and (min-width: 120.0625rem) and (min-width: 56.3125rem) { .col-xl-3 { padding: 0 16px; } } @media only screen and (min-width: 120.0625rem) { .col-xl-offset-3 { margin-left: 25%; } } @media only screen and (min-width: 120.0625rem) { .col-xl-4 { box-sizing: border-box; flex-basis: 33.3333333333%; max-width: 33.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 120.0625rem) and (min-width: 56.3125rem) { .col-xl-4 { padding: 0 16px; } } @media only screen and (min-width: 120.0625rem) { .col-xl-offset-4 { margin-left: 33.3333333333%; } } @media only screen and (min-width: 120.0625rem) { .col-xl-5 { box-sizing: border-box; flex-basis: 41.6666666667%; max-width: 41.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 120.0625rem) and (min-width: 56.3125rem) { .col-xl-5 { padding: 0 16px; } } @media only screen and (min-width: 120.0625rem) { .col-xl-offset-5 { margin-left: 41.6666666667%; } } @media only screen and (min-width: 120.0625rem) { .col-xl-6 { box-sizing: border-box; flex-basis: 50%; max-width: 50%; padding: 0 8px; } } @media only screen and (min-width: 120.0625rem) and (min-width: 56.3125rem) { .col-xl-6 { padding: 0 16px; } } @media only screen and (min-width: 120.0625rem) { .col-xl-offset-6 { margin-left: 50%; } } @media only screen and (min-width: 120.0625rem) { .col-xl-7 { box-sizing: border-box; flex-basis: 58.3333333333%; max-width: 58.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 120.0625rem) and (min-width: 56.3125rem) { .col-xl-7 { padding: 0 16px; } } @media only screen and (min-width: 120.0625rem) { .col-xl-offset-7 { margin-left: 58.3333333333%; } } @media only screen and (min-width: 120.0625rem) { .col-xl-8 { box-sizing: border-box; flex-basis: 66.6666666667%; max-width: 66.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 120.0625rem) and (min-width: 56.3125rem) { .col-xl-8 { padding: 0 16px; } } @media only screen and (min-width: 120.0625rem) { .col-xl-offset-8 { margin-left: 66.6666666667%; } } @media only screen and (min-width: 120.0625rem) { .col-xl-9 { box-sizing: border-box; flex-basis: 75%; max-width: 75%; padding: 0 8px; } } @media only screen and (min-width: 120.0625rem) and (min-width: 56.3125rem) { .col-xl-9 { padding: 0 16px; } } @media only screen and (min-width: 120.0625rem) { .col-xl-offset-9 { margin-left: 75%; } } @media only screen and (min-width: 120.0625rem) { .col-xl-10 { box-sizing: border-box; flex-basis: 83.3333333333%; max-width: 83.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 120.0625rem) and (min-width: 56.3125rem) { .col-xl-10 { padding: 0 16px; } } @media only screen and (min-width: 120.0625rem) { .col-xl-offset-10 { margin-left: 83.3333333333%; } } @media only screen and (min-width: 120.0625rem) { .col-xl-11 { box-sizing: border-box; flex-basis: 91.6666666667%; max-width: 91.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 120.0625rem) and (min-width: 56.3125rem) { .col-xl-11 { padding: 0 16px; } } @media only screen and (min-width: 120.0625rem) { .col-xl-offset-11 { margin-left: 91.6666666667%; } } @media only screen and (min-width: 120.0625rem) { .col-xl-12 { box-sizing: border-box; flex-basis: 100%; max-width: 100%; padding: 0 8px; } } @media only screen and (min-width: 120.0625rem) and (min-width: 56.3125rem) { .col-xl-12 { padding: 0 16px; } } @media only screen and (min-width: 120.0625rem) { .col-xl-offset-12 { margin-left: 100%; } } @media only screen and (min-width: 120.0625rem) { .row.start-xl { justify-content: flex-start; } } @media only screen and (min-width: 120.0625rem) { .row.center-xl { justify-content: center; } } @media only screen and (min-width: 120.0625rem) { .row.end-xl { justify-content: flex-end; } } @media only screen and (min-width: 120.0625rem) { .row.top-xl { align-items: flex-start; } } @media only screen and (min-width: 120.0625rem) { .row.middle-xl { align-items: center; } } @media only screen and (min-width: 120.0625rem) { .row.bottom-xl { align-items: flex-end; } } @media only screen and (min-width: 120.0625rem) { .row.around-xl { justify-content: space-around; } } @media only screen and (min-width: 120.0625rem) { .row.between-xl { justify-content: space-between; } } @media only screen and (min-width: 120.0625rem) { .first-xl { order: -1; } } @media only screen and (min-width: 120.0625rem) { .last-xl { order: 1; } } .col-gutter-lr { padding: 0 0 8px; } @media only screen and (min-width: 56.3125rem) { .col-gutter-lr { padding: 0 16px; } } .col-no-gutter { padding: 0; } /*! Flickity v2.3.0 https://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } /* draggable */ .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } /* ---- flickity-button ---- */ .flickity-button { position: absolute; background: hsla(0deg, 0%, 100%, 0.75); border: none; color: #333; } .flickity-button:hover { background: white; cursor: pointer; } .flickity-button:focus { outline: none; box-shadow: 0 0 0 5px #19F; } .flickity-button:active { opacity: 0.6; } .flickity-button:disabled { opacity: 0.3; cursor: auto; /* prevent disabled button from capturing pointer up event. #716 */ pointer-events: none; } .flickity-button-icon { fill: currentColor; } /* ---- previous/next buttons ---- */ .flickity-prev-next-button { top: 50%; width: 44px; height: 44px; border-radius: 50%; /* vertically center */ transform: translateY(-50%); } .flickity-prev-next-button.previous { left: 10px; } .flickity-prev-next-button.next { right: 10px; } /* right to left */ .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } .flickity-prev-next-button .flickity-button-icon { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } /* ---- page dots ---- */ .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer; } .flickity-page-dots .dot.is-selected { opacity: 1; } .flickity-slider { position: static; display: flex; } .flickity-slider .carousel-cell { position: static; width: 100%; } .flickity-button { background: #66D6D2; box-shadow: 0px 6px 50px rgba(0, 0, 0, 0.2); width: 60px; height: 60px; } .flickity-button svg.flickity-button-icon { display: none; } .flickity-button:disabled { opacity: 0; pointer-events: none; } .flickity-button:after { content: ""; display: block; position: absolute; fill: #002E6D; width: 50%; height: 50%; top: 25%; left: 25%; } .flickity-button.next:after { background: url(/ContentFullers360/images/arrow-right-blue.svg) no-repeat center; background-image: 100%; } .flickity-button.previous:after { background: url(/ContentFullers360/images/arrow-left-blue.svg) no-repeat center; background-image: 100%; } .flickity-button:hover { background: #66D6D2; cursor: pointer; } .flickity-button:focus { outline: none; box-shadow: 0px 0 0 rgba(0, 0, 0, 0); } .datepicker { display: none; } .datepicker.active { display: block; } .datepicker-dropdown { position: absolute; top: 0; left: 0; z-index: 20; padding-top: 4px; } .datepicker-dropdown.datepicker-orient-top { padding-top: 0; padding-bottom: 4px; } .datepicker-picker { display: inline-block; border-radius: 4px; background-color: white; } .datepicker-dropdown .datepicker-picker { box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); } .datepicker-picker span { display: block; flex: 1; border: 0; border-radius: 4px; cursor: default; text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker-main { padding: 2px; } .datepicker-footer { box-shadow: inset 0 1px 1px rgba(10, 10, 10, 0.1); background-color: whitesmoke; } .datepicker-grid, .datepicker-view .days-of-week, .datepicker-view, .datepicker-controls { display: flex; } .datepicker-grid { flex-wrap: wrap; } .datepicker-view .days .datepicker-cell, .datepicker-view .dow { flex-basis: 14.2857142857%; } .datepicker-view.datepicker-grid .datepicker-cell { flex-basis: 25%; } .datepicker-cell, .datepicker-view .week { height: 2.25rem; line-height: 2.25rem; } .datepicker-title { box-shadow: inset 0 -1px 1px rgba(10, 10, 10, 0.1); background-color: whitesmoke; padding: 0.375rem 0.75rem; text-align: center; font-weight: 700; } .datepicker-header .datepicker-controls { padding: 2px 2px 0; } .datepicker-controls .button { display: inline-flex; position: relative; align-items: center; justify-content: center; margin: 0; border: 1px solid #dbdbdb; border-radius: 4px; box-shadow: none; background-color: white; cursor: pointer; padding: calc(0.375em - 1px) 0.75em; height: 2.25em; vertical-align: top; text-align: center; line-height: 1.5; white-space: nowrap; color: #363636; font-size: 1rem; } .datepicker-controls .button:focus, .datepicker-controls .button:active { outline: none; } .datepicker-controls .button:hover { border-color: #b5b5b5; color: #363636; } .datepicker-controls .button:focus { border-color: #3273dc; color: #363636; } .datepicker-controls .button:focus:not(:active) { box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } .datepicker-controls .button:active { border-color: #4a4a4a; color: #363636; } .datepicker-controls .button[disabled] { cursor: not-allowed; } .datepicker-header .datepicker-controls .button { border-color: transparent; font-weight: bold; } .datepicker-header .datepicker-controls .button:hover { background-color: #f9f9f9; } .datepicker-header .datepicker-controls .button:focus:not(:active) { box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .datepicker-header .datepicker-controls .button:active { background-color: #f2f2f2; } .datepicker-header .datepicker-controls .button[disabled] { box-shadow: none; } .datepicker-footer .datepicker-controls .button { margin: calc(0.375rem - 1px) 0.375rem; border-radius: 2px; width: 100%; font-size: 0.75rem; } .datepicker-controls .view-switch { flex: auto; } .datepicker-controls .prev-btn, .datepicker-controls .next-btn { padding-right: 0.375rem; padding-left: 0.375rem; width: 2.25rem; } .datepicker-controls .prev-btn.disabled, .datepicker-controls .next-btn.disabled { visibility: hidden; } .datepicker-view .dow { height: 1.5rem; line-height: 1.5rem; font-size: 0.875rem; font-weight: 700; } .datepicker-view .week { width: 2.25rem; color: #b5b5b5; font-size: 0.75rem; } @media (max-width: 22.5rem) { .datepicker-view .week { width: 1.96875rem; } } .datepicker-grid { width: 15.75rem; } @media (max-width: 22.5rem) { .calendar-weeks + .days .datepicker-grid { width: 13.78125rem; } } .datepicker-cell:not(.disabled):hover { background-color: #f9f9f9; cursor: pointer; } .datepicker-cell.focused:not(.selected) { background-color: #e8e8e8; } .datepicker-cell.selected, .datepicker-cell.selected:hover { background-color: #3273dc; color: #fff; font-weight: 600; } .datepicker-cell.disabled { color: #dbdbdb; } .datepicker-cell.prev:not(.disabled), .datepicker-cell.next:not(.disabled) { color: #7a7a7a; } .datepicker-cell.prev.selected, .datepicker-cell.next.selected { color: #e6e6e6; } .datepicker-cell.highlighted:not(.selected):not(.range):not(.today) { border-radius: 0; background-color: whitesmoke; } .datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover { background-color: #eeeeee; } .datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused { background-color: #e8e8e8; } .datepicker-cell.today:not(.selected) { background-color: #00d1b2; } .datepicker-cell.today:not(.selected):not(.disabled) { color: #fff; } .datepicker-cell.today.focused:not(.selected) { background-color: #00c4a7; } .datepicker-cell.range-end:not(.selected), .datepicker-cell.range-start:not(.selected) { background-color: #b5b5b5; color: #fff; } .datepicker-cell.range-end.focused:not(.selected), .datepicker-cell.range-start.focused:not(.selected) { background-color: #afafaf; } .datepicker-cell.range-start { border-radius: 4px 0 0 4px; } .datepicker-cell.range-end { border-radius: 0 4px 4px 0; } .datepicker-cell.range { border-radius: 0; background-color: #dbdbdb; } .datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover { background-color: #d5d5d5; } .datepicker-cell.range.disabled { color: #c2c2c2; } .datepicker-cell.range.focused { background-color: #cfcfcf; } .datepicker-view.datepicker-grid .datepicker-cell { height: 4.5rem; line-height: 4.5rem; } .datepicker-input.in-edit { border-color: #2366d1; } .datepicker-input.in-edit:focus, .datepicker-input.in-edit:active { box-shadow: 0 0 0.25em 0.25em rgba(35, 102, 209, 0.2); } /* open-sans-300 - latin-ext_latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; src: local(""), url("/ContentFullers360/fonts/open-sans-v34-latin-ext_latin-300.woff2") format("woff2"), url("/ContentFullers360/fonts/open-sans-v34-latin-ext_latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-regular - latin-ext_latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: local(""), url("/ContentFullers360/fonts/open-sans-v34-latin-ext_latin-regular.woff2") format("woff2"), url("/ContentFullers360/fonts/open-sans-v34-latin-ext_latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-500 - latin-ext_latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 500; src: local(""), url("/ContentFullers360/fonts/open-sans-v34-latin-ext_latin-500.woff2") format("woff2"), url("/ContentFullers360/fonts/open-sans-v34-latin-ext_latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-600 - latin-ext_latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; src: local(""), url("/ContentFullers360/fonts/open-sans-v34-latin-ext_latin-600.woff2") format("woff2"), url("/ContentFullers360/fonts/open-sans-v34-latin-ext_latin-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-700 - latin-ext_latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: local(""), url("/ContentFullers360/fonts/open-sans-v34-latin-ext_latin-700.woff2") format("woff2"), url("/ContentFullers360/fonts/open-sans-v34-latin-ext_latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-800 - latin-ext_latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 800; src: local(""), url("/ContentFullers360/fonts/open-sans-v34-latin-ext_latin-800.woff2") format("woff2"), url("/ContentFullers360/fonts/open-sans-v34-latin-ext_latin-800.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-300italic - latin-ext_latin */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 300; src: local(""), url("/ContentFullers360/fonts/open-sans-v34-latin-ext_latin-300italic.woff2") format("woff2"), url("/ContentFullers360/fonts/open-sans-v34-latin-ext_latin-300italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-italic - latin-ext_latin */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 400; src: local(""), url("/ContentFullers360/fonts/open-sans-v34-latin-ext_latin-italic.woff2") format("woff2"), url("/ContentFullers360/fonts/open-sans-v34-latin-ext_latin-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-500italic - latin-ext_latin */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 500; src: local(""), url("/ContentFullers360/fonts/open-sans-v34-latin-ext_latin-500italic.woff2") format("woff2"), url("/ContentFullers360/fonts/open-sans-v34-latin-ext_latin-500italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-600italic - latin-ext_latin */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 600; src: local(""), url("/ContentFullers360/fonts/open-sans-v34-latin-ext_latin-600italic.woff2") format("woff2"), url("/ContentFullers360/fonts/open-sans-v34-latin-ext_latin-600italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-700italic - latin-ext_latin */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 700; src: local(""), url("/ContentFullers360/fonts/open-sans-v34-latin-ext_latin-700italic.woff2") format("woff2"), url("/ContentFullers360/fonts/open-sans-v34-latin-ext_latin-700italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-800italic - latin-ext_latin */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 800; src: local(""), url("/ContentFullers360/fonts/open-sans-v34-latin-ext_latin-800italic.woff2") format("woff2"), url("/ContentFullers360/fonts/open-sans-v34-latin-ext_latin-800italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } em, i { font-style: italic; } strong, b { font-weight: 600; } s, del { text-decoration: line-through; } .rich-text > * { margin: 1rem 0; } .rich-text > *:last-child { margin-bottom: 0; } .rich-text > *:first-child { margin-top: 0; } .rich-text a:not(.btn) { text-decoration: underline; font-weight: 700; } .rich-text a:not(.btn):hover { text-decoration: none; } .chev-right { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .chev-right:after { content: ""; width: 0.8rem; height: 0.8rem; -webkit-transform: rotate(45deg) translateY(-8px); -moz-transform: rotate(45deg) translateY(-8px); -ms-transform: rotate(45deg) translateY(-8px); transform: rotate(45deg) translateY(-8px); margin-left: 10px; border: 3px solid #002E6D; border-left: 0; border-bottom: 0; } .chev-down { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .chev-down:after { content: ""; width: 0.8rem; height: 0.8rem; -webkit-transform: rotate(45deg) translateY(-8px); -moz-transform: rotate(45deg) translateY(-8px); -ms-transform: rotate(45deg) translateY(-8px); transform: rotate(45deg) translateY(-8px); border: 3px solid #002E6D; border-left: 0; border-top: 0; } .heading-bold { font-size: 1rem; font-weight: 700; margin-bottom: 0.75rem; display: block; } .heading.xxxs { font-style: italic; font-weight: 800; font-size: 1.125rem; line-height: 1.3125rem; letter-spacing: -0.019375rem; } .heading.xxs { font-style: italic; font-weight: 800; font-size: 1.3125rem; line-height: 1.5rem; letter-spacing: -0.01875rem; } .heading.xs { font-style: italic; font-weight: 800; font-size: 1.5rem; line-height: 1.6875rem; letter-spacing: -0.025rem; } .heading.sm { font-style: italic; font-weight: 800; font-size: 1.6875rem; line-height: 1.875rem; letter-spacing: -0.025rem; } .heading.md { font-style: italic; font-weight: 800; font-size: 1.875rem; line-height: 2.0625rem; letter-spacing: -0.0625rem; } .heading.lg { font-style: italic; font-weight: 800; font-size: 1.875rem; line-height: 2.0625rem; letter-spacing: -0.0625rem; } @media only screen and (min-width: 56.3125rem) { .heading.lg { font-style: italic; font-weight: 800; font-size: 2.8125rem; line-height: 3rem; letter-spacing: -0.125rem; } } .heading.xl { font-style: italic; font-weight: 800; font-size: 2.8125rem; line-height: 3rem; letter-spacing: -0.125rem; } @media only screen and (min-width: 56.3125rem) { .heading.xl { font-style: italic; font-weight: 800; font-size: 3.75rem; line-height: 3.9375rem; letter-spacing: -0.15625rem; } } .heading.xxl { font-style: italic; font-weight: 800; font-size: 2.8125rem; line-height: 3rem; letter-spacing: -0.125rem; } @media only screen and (min-width: 56.3125rem) { .heading.xxl { font-style: italic; font-weight: 800; font-size: 4.5rem; line-height: 4.6875rem; letter-spacing: -0.1875rem; } } .sub-heading.sm { font-weight: 600; text-transform: uppercase; font-size: 0.8125rem; line-height: 0.9375rem; letter-spacing: 0.01875rem; } .sub-heading.md { font-weight: 600; text-transform: uppercase; font-size: 0.9375rem; line-height: 1.125rem; letter-spacing: 0.03125rem; } .sub-heading.xs { font-weight: 600; text-transform: uppercase; font-size: 0.75rem; line-height: 0.9375rem; letter-spacing: 0.0125rem; } .sub-heading strong, .sub-heading b { font-weight: 600; } .p.xs { font-size: 0.75rem; line-height: 1.125rem; letter-spacing: 0.0125rem; } .p.sm { font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; } .p.md { font-size: 1rem; line-height: 1.5rem; } .p.lg { font-size: 1rem; line-height: 1.5rem; } @media only screen and (min-width: 56.3125rem) { .p.lg { font-size: 1.125rem; line-height: 1.6875rem; letter-spacing: -0.00625rem; } } .p.xl { font-size: 1rem; line-height: 1.5rem; } @media only screen and (min-width: 56.3125rem) { .p.xl { font-size: 1.3125rem; line-height: 1.875rem; letter-spacing: -0.015625rem; } } .text-sm { font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; } .text-tn { font-size: 0.8125rem; line-height: 1.125rem; } u { text-decoration: underline; } .rich-text ul, .rich-text ol, .rich-text dl { list-style-position: outside; padding-left: 1rem; } .rich-text ul { list-style-type: disc; } .rich-text ol { list-style-type: decimal; } .rich-text legend { font-weight: bold; } .rich-text sup { vertical-align: super; font-size: 50%; } .rich-text sub { vertical-align: sub; font-size: 50%; } .show-hide-list .item { margin-bottom: 1rem; } .show-hide-list .content { overflow: hidden; height: 0px; opacity: 0; transition: all 0.2s ease; } .show-hide-list .trigger { cursor: pointer; display: inline-flex; } .show-hide-list .trigger:after { transition: all 0.2s ease; content: ""; margin-left: 1rem; width: 0.5rem; height: 0.5rem; position: relative; top: 0.5rem; border: 2px solid #ccc; display: inline-flex; border-top: 0; border-left: 0; transform: rotate(45deg); } .show-hide-list li.active .trigger:after { top: 0.8rem; transform: rotate(-135deg); } .show-hide-list li.active .content { opacity: 1; padding: 1rem 0; height: auto; } .visually-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .lg-only { display: none; } @media only screen and (min-width: 71rem) { .lg-only { display: initial; } } .txt-center { text-align: center; } .btn, a.btn, button.btn, input[type=submit].btn, input[type=button].btn { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; padding: 1.125rem 1.5rem; border-radius: 1.875rem; color: #002E6D; border: 1px solid #002E6D; background: transparent; letter-spacing: -0.00125rem; line-height: 1.5rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-size: 1.125rem; font-weight: 600; margin: 0; cursor: pointer; } .btn.arrow-right:after, a.btn.arrow-right:after, button.btn.arrow-right:after, input[type=submit].btn.arrow-right:after, input[type=button].btn.arrow-right:after { content: "→"; font-size: 1rem; margin-left: 0.5rem; } .btn:hover, a.btn:hover, button.btn:hover, input[type=submit].btn:hover, input[type=button].btn:hover { background-color: #F6F6F6; } .btn:active, a.btn:active, button.btn:active, input[type=submit].btn:active, input[type=button].btn:active { background-color: #E2E2E2; } .btn.flex, a.btn.flex, button.btn.flex, input[type=submit].btn.flex, input[type=button].btn.flex { display: -ms-flexbox; display: -webkit-flex; display: flex; } .btn.primary, a.btn.primary, button.btn.primary, input[type=submit].btn.primary, input[type=button].btn.primary { border-color: #009690; background: #009690; color: white; } .btn.primary:hover, a.btn.primary:hover, button.btn.primary:hover, input[type=submit].btn.primary:hover, input[type=button].btn.primary:hover { border-color: #00706C; background: #00706C; } .btn.primary:active, a.btn.primary:active, button.btn.primary:active, input[type=submit].btn.primary:active, input[type=button].btn.primary:active { border-color: #005E5A; background-color: #005E5A; } .btn.secondary, a.btn.secondary, button.btn.secondary, input[type=submit].btn.secondary, input[type=button].btn.secondary { border-color: white; background: white; color: #002E6D; } .btn.secondary:hover, a.btn.secondary:hover, button.btn.secondary:hover, input[type=submit].btn.secondary:hover, input[type=button].btn.secondary:hover { background-color: #F6F6F6; border-color: #002E6D; } .btn.secondary:active, a.btn.secondary:active, button.btn.secondary:active, input[type=submit].btn.secondary:active, input[type=button].btn.secondary:active { background-color: #E2E2E2; border-color: #002E6D; } .btn.secondary.blue, a.btn.secondary.blue, button.btn.secondary.blue, input[type=submit].btn.secondary.blue, input[type=button].btn.secondary.blue { background: #002E6D; color: white; border-color: #002E6D; } .btn.secondary.blue:hover, a.btn.secondary.blue:hover, button.btn.secondary.blue:hover, input[type=submit].btn.secondary.blue:hover, input[type=button].btn.secondary.blue:hover { border-color: #002557; background: #002557; } .btn.secondary.blue:active, a.btn.secondary.blue:active, button.btn.secondary.blue:active, input[type=submit].btn.secondary.blue:active, input[type=button].btn.secondary.blue:active { border-color: #001C41; background-color: #001C41; } .btn.secondary.outline, a.btn.secondary.outline, button.btn.secondary.outline, input[type=submit].btn.secondary.outline, input[type=button].btn.secondary.outline { background: transparent; color: white; border-color: white; } .btn.secondary.outline:hover, a.btn.secondary.outline:hover, button.btn.secondary.outline:hover, input[type=submit].btn.secondary.outline:hover, input[type=button].btn.secondary.outline:hover { opacity: 0.8; } .btn.secondary.outline:active, a.btn.secondary.outline:active, button.btn.secondary.outline:active, input[type=submit].btn.secondary.outline:active, input[type=button].btn.secondary.outline:active { background-color: rgba(255, 255, 255, 0.1); } .btn.md, a.btn.md, button.btn.md, input[type=submit].btn.md, input[type=button].btn.md { padding: 0.9375rem 1.3125rem; font-size: 1rem; line-height: 1.125rem; } .btn.sm, a.btn.sm, button.btn.sm, input[type=submit].btn.sm, input[type=button].btn.sm { padding: 0.75rem 1.125rem; font-size: 0.875rem; line-height: 0.9375rem; } .btn.xs, a.btn.xs, button.btn.xs, input[type=submit].btn.xs, input[type=button].btn.xs { padding: 0.5625rem 0.9375rem; font-size: 0.75rem; line-height: 0.9375rem; } .mobile-nav { display: block; z-index: 4000; background-color: #2A6474; position: fixed; top: 0; right: -100vw; bottom: 0; width: 100vw; overflow: hidden; color: white; padding-top: 100px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } @media only screen and (min-width: 60rem) { .mobile-nav { display: none; } } .mobile-nav .mob-nav-back { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 0.75rem; } .mobile-nav .mob-nav-back i { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 0.375rem; height: 0.375rem; margin-right: 0.25rem; border: 2px solid white; border-top: 0; border-right: 0; } .mobile-nav nav { position: absolute; top: 100px; bottom: 0; left: 0; right: 0; overflow-y: auto; overflow-x: hidden; } .mobile-nav nav .comp-footer-social { padding-bottom: 2rem; } .mobile-nav .items { min-height: calc(80vh - 100px); padding-bottom: 2rem; width: 200vw; left: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; display: -ms-flexbox; display: -webkit-flex; display: flex; position: relative; } .mobile-nav .items > div { width: 100vw; padding: 0 24px; } .mobile-nav .items li { border-bottom: 1px solid #3B8CA2; } .mobile-nav .items li a { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 12px 0; } .mobile-nav .items li a span { flex: 1; } .mobile-nav .items li a i { width: 10px; height: 10px; border: 2px solid white; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-left: 0; border-bottom: 0; } .mobile-nav .items.sub-nav-open { left: -100vw; } .mobile-nav .items.sub-nav-open ul.active { display: block; } .mobile-nav .level-1 ul { display: none; border-top: 1px solid #3B8CA2; } @media only screen and (max-width: 60rem) { .mobile-nav-open { overflow: hidden; } .mobile-nav-open .banner-alert { display: none; } .mobile-nav-open body { overflow: hidden; } .mobile-nav-open .mobile-nav { right: 0; } .mobile-nav-open .main-navigation ul.items > li.mobile-menu .mobile-menu-trigger i:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); left: 0%; top: 1px; } .mobile-nav-open .main-navigation ul.items > li.mobile-menu .mobile-menu-trigger i:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 0%; top: 1px; } .mobile-nav-open header.main-header { z-index: 4001; position: fixed; width: 100%; } } .comp-footer-social .heading { margin-bottom: 30px; } .comp-footer-social ul { display: -ms-flexbox; display: -webkit-flex; display: flex; } .comp-footer-social ul li { margin: 0 0.4rem 0 0 !important; } .comp-footer-social ul a { display: block; } .comp-footer-social ul a img { width: 28px; height: 28px; display: block; } .main-header { position: relative; padding-top: 15px; } @media only screen and (min-width: 60rem) { .main-header { padding-top: 0; } } @media only screen and (max-width: 60rem) { .global-search-active header.main-header .logo { display: none; } } .global-search-active .main-navigation ul.items > li:not(.search):not(.cta-wrapper) { opacity: 0; } .global-search-active .main-navigation ul.items > li.search { z-index: 1000; } @media only screen and (max-width: 60rem) { .global-search-active .main-navigation ul.items > li.search .search-toggle { top: 1rem; right: -2rem; position: absolute; z-index: 1002; } } .global-search-active .main-navigation ul.items > li.search .search-toggle .ico { width: 1.3rem; min-width: 1.3rem; height: 1.3rem; background-image: url(/ContentFullers360/images/close.svg); } @media only screen and (min-width: 60rem) { .global-search-active .main-navigation ul.items > li.search .search-toggle .ico { background-image: url(/ContentFullers360/images/close-white.svg); width: 1.875rem; min-width: 1.875rem; height: 1.875rem; } } .global-search-active .main-navigation ul.items > li.search form { display: -ms-flexbox; display: -webkit-flex; display: flex; top: 0; width: calc(100vw - 2.75rem); } @media only screen and (max-width: 60rem) { .global-search-active .main-navigation ul.items > li.search form input { padding-right: 4.6875rem; } } @media only screen and (min-width: 60rem) { .global-search-active .main-navigation ul.items > li.search form { right: 2.5rem; width: 40.625rem; position: absolute; top: -0.75rem; } } @media only screen and (min-width: 71rem) { .global-search-active .main-navigation ul.items > li.search form { width: 46.875rem; } } .util-navigation { display: none; font-size: 0.875rem; line-height: 1.125rem; } @media only screen and (min-width: 60rem) { .util-navigation { display: block; } } .util-navigation > ul { padding: 1.3125rem 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .util-navigation > ul li.alert-nav-item { position: relative; max-width: 18.75rem; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .util-navigation > ul li.alert-nav-item.nav-open ul { display: block; } .util-navigation > ul li.alert-nav-item.nav-open > a:after { transform-origin: center; border: 2px solid white; border-bottom: 0; border-right: 0; position: relative; top: 4px; } .util-navigation > ul li.alert-nav-item > a { display: -ms-flexbox; display: -webkit-flex; display: flex; } .util-navigation > ul li.alert-nav-item > a:after { border-color: white; border-width: 0.125rem; width: 0.5rem; height: 0.5rem; } .util-navigation > ul li.alert-nav-item > a .count { height: 1.125rem; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #FFCD00; min-width: 1.125rem; font-size: 0.75rem; color: #002E6D; font-weight: 700; border-radius: 0.5625rem; margin-right: 0.375rem; } .util-navigation > ul li.alert-nav-item ul { display: none; top: calc(100% + 0.375rem); right: 0; z-index: 200; position: absolute; background-color: white; border-radius: 0.1875rem; width: 100%; overflow: hidden; box-shadow: 0px 0.25rem 0.25rem rgba(0, 0, 0, 0.1); } .util-navigation > ul li.alert-nav-item ul a { color: #002E6D; display: block; padding: 0.9375rem 1.125rem; border-bottom: 0.0625rem solid #EEEEEE; } .util-navigation > ul li.alert-nav-item ul a p.alert-title { font-weight: 700; font-size: 1rem; line-height: 1.5rem; text-decoration: underline; } .util-navigation > ul li.alert-nav-item ul a:hover { text-decoration: none; } .util-navigation > ul li.alert-nav-item ul a:hover p.alert-title { text-decoration: none; } .util-navigation > ul li.alert-nav-item ul li:nth-last-child(2) a { border: 0; } .util-navigation > ul li.alert-nav-item ul li:last-child a.arrow-right { border-top: 0.0625rem solid #66D6D2; background: #EEFAFD; padding-right: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .util-navigation > ul li.alert-nav-item ul li:last-child a.arrow-right:after { margin-left: 0.375rem; width: 1.125rem; height: 0.9375rem; content: ""; background: url(/ContentFullers360/images/blue-arrow-right.svg) no-repeat center; background-size: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; } .util-navigation > ul li.alert-nav-item ul li:last-child a.arrow-right:hover { text-decoration: underline; } .util-navigation > ul li > a { font-size: 0.875rem; line-height: 1.125rem; padding: 0 0.9375rem; } .util-navigation > ul li > a:hover { text-decoration: underline; } .travel-alerts-mobile { display: -ms-flexbox; display: -webkit-flex; display: flex; } .travel-alerts-mobile .util-navigation { flex: 1; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; display: block; font-size: 0.875rem; line-height: 1.125rem; } @media only screen and (min-width: 60rem) { .travel-alerts-mobile .util-navigation { display: none; } } .main-navigation { display: -ms-flexbox; display: -webkit-flex; display: flex; } .main-navigation .logo { font-weight: 900; display: -ms-flexbox; display: -webkit-flex; display: flex; } .main-navigation .logo img { display: block; height: auto; width: auto; max-width: 100%; height: 1.75rem; top: 5px; position: relative; } @media only screen and (min-width: 56.3125rem) { .main-navigation .logo img { height: 2.1875rem; top: -0.375rem; } } @media only screen and (min-width: 71rem) { .main-navigation .logo img { height: 2.5rem; top: -0.375rem; } } .main-navigation ul.items { flex: 1; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .main-navigation ul.items > li { margin: 0 0.0625rem; } .main-navigation ul.items > li:not(.search), .main-navigation ul.items > li:not(.mobile-menu) { display: none; } @media only screen and (min-width: 60rem) { .main-navigation ul.items > li:not(.search) { display: -ms-flexbox; display: -webkit-flex; display: flex; } .main-navigation ul.items > li.mobile-menu { display: none; } } .main-navigation ul.items > li.cta-wrapper { position: relative; top: 0.3125rem; } .main-navigation ul.items > li.mobile-menu { position: relative; } @media only screen and (max-width: 60rem) { .main-navigation ul.items > li.mobile-menu { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .main-navigation ul.items > li.mobile-menu .mobile-menu-trigger { cursor: pointer; position: relative; top: 21px; width: 30px; height: 30px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .main-navigation ul.items > li.mobile-menu .mobile-menu-trigger i { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 30px; height: 30px; left: 0; position: relative; } .main-navigation ul.items > li.mobile-menu .mobile-menu-trigger i:before, .main-navigation ul.items > li.mobile-menu .mobile-menu-trigger i:after { display: block; content: ""; height: 2px; width: 30px; background-color: white; position: absolute; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .main-navigation ul.items > li.mobile-menu .mobile-menu-trigger i:before { top: -2px; } .main-navigation ul.items > li.mobile-menu .mobile-menu-trigger i:after { top: 6px; } .main-navigation ul.items > li.search { display: -ms-flexbox; display: -webkit-flex; display: flex; transform: translateY(8px); min-width: 1.875rem; top: 9px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 0.9375rem; } @media only screen and (min-width: 60rem) { .main-navigation ul.items > li.search { position: relative; top: 2px; } } .main-navigation ul.items > li.search.active form { display: -ms-flexbox; display: -webkit-flex; display: flex; } .main-navigation ul.items > li.search .search-toggle { cursor: pointer; width: 1.875rem; height: 1.875rem; min-width: 1.875rem; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media only screen and (max-width: 60rem) { .main-navigation ul.items > li.search .search-toggle { margin-right: 0.5rem; } } .main-navigation ul.items > li.search .search-toggle .ico { width: 1.875rem; min-width: 1.875rem; height: 1.875rem; display: block; background: url(/ContentFullers360/images/ico-search-white.svg) no-repeat center center; } @media only screen and (max-width: 60rem) { .main-navigation ul.items > li.search .search-toggle .ico { background-size: 90%; } } .main-navigation ul.items > li.search .search-faceted { position: absolute; top: calc(100% + 0.3rem); left: 0; right: 0; background-color: white; border-radius: 3px; } .main-navigation ul.items > li.search .search-faceted li a { color: black; padding: 1rem 2rem; display: block; border-bottom: 1px solid whitesmoke; } .main-navigation ul.items > li.search .search-faceted li:last-child a { border-bottom: 0; } .main-navigation ul.items > li.search form { display: none; position: absolute; right: -3rem; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: white; width: 34.5625rem; border-radius: 1.875rem; } @media only screen and (min-width: 60rem) { .main-navigation ul.items > li.search form { right: 100%; left: initial; top: initial; } } .main-navigation ul.items > li.search form input[type=text] { height: 3.75rem; border: 0; outline: 0; flex: 1; background: none; padding-left: 2rem; border-radius: 1.875rem 0 0 1.875rem; } .main-navigation ul.items > li.search form input[type=text]:focus { border: 0; outline: 0; box-shadow: initial; } .main-navigation ul.items > li.search form .btn-wrapper { width: 0; overflow: hidden; opacity: 0; } @media only screen and (min-width: 60rem) { .main-navigation ul.items > li.search form .btn-wrapper { margin-right: 0.3125rem; width: initial; opacity: 1; } } .main-navigation ul.items > li.search form button { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.9375rem 1.3125rem; font-size: 1rem; line-height: 1.125rem; font-size: 1rem; border-color: #009690; background: #009690; color: white; } .main-navigation ul.items > li.search form button:hover { border-color: #00706C; background: #00706C; } .main-navigation ul.items > li.search form button:active { border-color: #005E5A; background-color: #005E5A; } .main-navigation ul.items > li .mega-nav .img-wrapper img { width: 100%; height: 100%; object-fit: cover; } .main-navigation ul.items > li .mega-nav header { padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: 0.0625rem solid #00bbb4; } .main-navigation ul.items > li .mega-nav .cols { display: -ms-flexbox; display: -webkit-flex; display: flex; } .main-navigation ul.items > li .mega-nav .cols ul { flex: 1; padding-right: 1.875rem; } .main-navigation ul.items > li .mega-nav .cols ul li + li { margin: 0.9375rem 0; } .main-navigation ul.items > li .mega-nav p + p { margin: 0.375rem 0; } .main-navigation ul.items > li.nav-open > a.has-sub.chev-down { background-color: white; color: #002E6D; } .main-navigation ul.items > li.nav-open > a.has-sub.chev-down:after { border-color: #002E6D; transform-origin: center; -webkit-transform: rotate(-135deg) translateY(-3px) translateX(-3px); -moz-transform: rotate(-135deg) translateY(-3px) translateX(-3px); -ms-transform: rotate(-135deg) translateY(-3px) translateX(-3px); transform: rotate(-135deg) translateY(-3px) translateX(-3px); } .main-navigation ul.items > li.nav-open .mega-nav { display: block; z-index: 2000; } .main-navigation ul.items > li a ~ div.mega-nav { z-index: 1000; display: none; position: absolute; top: 100%; width: 100vw; background-color: white; left: 0; padding-top: 3.75rem; padding-bottom: 3.75rem; } .main-navigation ul.items > li a ~ div.mega-nav a { color: #002E6D; } .main-navigation ul.items > li > a:not(.cta) { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-weight: 600; font-size: 1rem; line-height: 1rem; padding: 0.9375rem 0.625rem 1.875rem 0.625rem; letter-spacing: -0.00125rem; border-radius: 0.1875rem 0.1875rem 0 0; } @media only screen and (min-width: 71rem) { .main-navigation ul.items > li > a:not(.cta) { font-size: 1.125rem; line-height: 1.125rem; padding: 1.0625rem 0.9375rem 2.5rem 0.9375rem; } .main-navigation ul.items > li > a:not(.cta).active span:after { width: 100%; } } .main-navigation ul.items > li > a:not(.cta) span { position: relative; white-space: nowrap; } .main-navigation ul.items > li > a:not(.cta) span:after { content: ""; display: block; position: absolute; width: 0; bottom: -11px; height: 3px; background-color: white; -webkit-transition: width 0.3s ease; -moz-transition: width 0.3s ease; -ms-transition: width 0.3s ease; -o-transition: width 0.3s ease; transition: width 0.3s ease; } .main-navigation ul.items > li > a:not(.cta):hover span { position: relative; } .main-navigation ul.items > li > a:not(.cta):hover span:after { width: 100%; } .main-navigation ul.items > li > a:not(.cta).has-sub:after { margin-left: 9px; border-color: white; border-width: 0.125rem; width: 0.6rem; height: 0.6rem; transform-origin: center; -webkit-transform: rotate(45deg) translateX(0px); -moz-transform: rotate(45deg) translateX(0px); -ms-transform: rotate(45deg) translateX(0px); transform: rotate(45deg) translateX(0px); } .main-navigation ul.items > li > a.cta { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.75rem 1.125rem; font-size: 0.875rem; line-height: 0.9375rem; font-size: 0.875rem; border-color: white; background: white; color: #002E6D; } .main-navigation ul.items > li > a.cta:hover { background-color: #F6F6F6; border-color: #002E6D; } .main-navigation ul.items > li > a.cta:active { background-color: #E2E2E2; border-color: #002E6D; } .main-navigation ul.items > li:last-child > * { margin-right: 0; } html.menu-open { overflow: hidden; } html.menu-open body { overflow: hidden; } html.menu-open body nav.main-nav .inner-wrapper { transform: translateX(0vw); overflow-y: auto; } html.menu-open body nav.main-nav .inner-wrapper .item-tl { transform: translateX(0); opacity: 1; } /* ============================================================================= Forms ========================================================================== */ form input:-webkit-autofill, form input:-webkit-autofill:hover, form input:-webkit-autofill:focus, form input:-webkit-autofill:active { box-shadow: 0 0 0px 1000px white inset !important; background: #fff; } form .field-validation-valid { display: none; margin: 0; } form .field-validation-valid[style^="display: inline;"] { display: inline-block !important; } form .field-validation-valid, form .field-validation-error { display: inline-block; padding: 7px 0; color: #FF0000; font-size: 0.8rem; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.62; } form input[type=text], form input[type=tel], form input[type=number], form input[type=password], form input[type=email], form input[type=search], form input[type=date], form textarea { display: block; width: 100%; padding: 1.125rem; font-size: 1rem; border-radius: 0.1875rem; font-weight: normal; line-height: 1; letter-spacing: -0.00125rem; color: black; -webkit-appearance: none; appearance: none; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; outline: none; border: 1px solid #005E5A; font-family: "Open Sans", Helvetica, sans-serif; background-color: #fff; } form input[type=text]:focus, form input[type=tel]:focus, form input[type=number]:focus, form input[type=password]:focus, form input[type=email]:focus, form input[type=search]:focus, form input[type=date]:focus, form textarea:focus { background-color: #fff; box-shadow: 0 0 0 0.1875rem #00BBB4, 0rem 0.1875rem 0.375rem 0.1875rem rgba(0, 0, 0, 0.1); } form input[type=text].input-validation-error, form input[type=tel].input-validation-error, form input[type=number].input-validation-error, form input[type=password].input-validation-error, form input[type=email].input-validation-error, form input[type=search].input-validation-error, form input[type=date].input-validation-error, form textarea.input-validation-error { border-color: #FF0000; } form input[type=text].input-validation-error:focus, form input[type=tel].input-validation-error:focus, form input[type=number].input-validation-error:focus, form input[type=password].input-validation-error:focus, form input[type=email].input-validation-error:focus, form input[type=search].input-validation-error:focus, form input[type=date].input-validation-error:focus, form textarea.input-validation-error:focus { background-color: #fff; box-shadow: 0 0 0 0.1875rem #FF0000, 0rem 0.1875rem 0.375rem 0.1875rem rgba(0, 0, 0, 0.1); } form input[type=text]:focus-visible, form input[type=tel]:focus-visible, form input[type=number]:focus-visible, form input[type=password]:focus-visible, form input[type=email]:focus-visible, form input[type=search]:focus-visible, form input[type=date]:focus-visible, form textarea:focus-visible { border: 1px solid #005E5A; } form input[type=text]::-webkit-input-placeholder, form input[type=tel]::-webkit-input-placeholder, form input[type=number]::-webkit-input-placeholder, form input[type=password]::-webkit-input-placeholder, form input[type=email]::-webkit-input-placeholder, form input[type=search]::-webkit-input-placeholder, form input[type=date]::-webkit-input-placeholder, form textarea::-webkit-input-placeholder { color: #AFAFAF; } form input[type=text]:-moz-placeholder, form input[type=tel]:-moz-placeholder, form input[type=number]:-moz-placeholder, form input[type=password]:-moz-placeholder, form input[type=email]:-moz-placeholder, form input[type=search]:-moz-placeholder, form input[type=date]:-moz-placeholder, form textarea:-moz-placeholder { color: #AFAFAF; } form input[type=text]::-moz-placeholder, form input[type=tel]::-moz-placeholder, form input[type=number]::-moz-placeholder, form input[type=password]::-moz-placeholder, form input[type=email]::-moz-placeholder, form input[type=search]::-moz-placeholder, form input[type=date]::-moz-placeholder, form textarea::-moz-placeholder { color: #AFAFAF; } form input[type=text]:-ms-input-placeholder, form input[type=tel]:-ms-input-placeholder, form input[type=number]:-ms-input-placeholder, form input[type=password]:-ms-input-placeholder, form input[type=email]:-ms-input-placeholder, form input[type=search]:-ms-input-placeholder, form input[type=date]:-ms-input-placeholder, form textarea:-ms-input-placeholder { color: #AFAFAF; } form fieldset { border: 0; padding: 0; margin: 0; } form fieldset > div:last-child { margin-bottom: 0; } form .select-wrapper { position: relative; } form .select-wrapper:after { content: ""; display: block; border: #005E5A 0.125rem solid; position: absolute; width: 0.8rem; height: 0.8rem; transform-origin: center; border-top: 0; border-left: 0; -webkit-transform: rotate(45deg) translateX(0px); -moz-transform: rotate(45deg) translateX(0px); -ms-transform: rotate(45deg) translateX(0px); transform: rotate(45deg) translateX(0px); position: absolute; right: 1.2rem; z-index: 100; top: 1.3rem; pointer-events: none; } form .select-wrapper select { display: block; width: 100%; z-index: 99; padding: 1.375rem 1.125rem; font-size: 1rem; border-radius: 0.1875rem; font-weight: normal; line-height: 1; letter-spacing: -0.00125rem; color: black; position: relative; -webkit-appearance: none; appearance: none; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; outline: none; border: 1px solid #005E5A; font-family: "Open Sans", Helvetica, sans-serif; background-color: #fff; min-height: 3.75rem; } form .select-wrapper select:focus { background-color: #fff; box-shadow: 0 0 0 0.1875rem #00BBB4, 0rem 0.1875rem 0.375rem 0.1875rem rgba(0, 0, 0, 0.1); } form select { font-size: 1rem; color: #333; } form textarea { height: auto; min-height: 10rem; -webkit-appearance: none; appearance: none; line-height: 1.4; resize: vertical; } form input[type=submit], form button { -webkit-appearance: none; appearance: none; cursor: pointer; } form legend { display: block; font-weight: 600; } form label, form .label { font-size: 1rem; color: #002E6D; font-weight: 600; } form .form-field { margin: 1.3125rem 0; } form .form-field:first-child { margin-top: 0; } form .form-field:last-child { margin-bottom: 0; } @media only screen and (min-width: 56.3125rem) { form .form-field-2x { display: -ms-flexbox; display: -webkit-flex; display: flex; } form .form-field-2x .form-field { flex: 1; margin: 0; } form .form-field-2x .form-field:first-child { margin-right: 1rem; } form .form-field-2x .form-field:last-child { margin-left: 1rem; } } form .heading { margin-bottom: 1.3125rem; } form .checkbox-wrapper { display: grid; grid-template-columns: 1rem auto; gap: 0.8rem; cursor: pointer; align-items: flex-start; } form .checkbox-wrapper label { font-weight: 700; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; } form .checkbox-wrapper input[type=checkbox] { -webkit-appearance: checkbox !important; -moz-appearance: checkbox !important; -ms-appearance: checkbox !important; -o-appearance: checkbox !important; appearance: checkbox !important; margin-top: 0.25rem; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; margin: 0; } /* Firefox */ input[type=number] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .umbraco-forms-container.col-xs-12 { padding: 0 1rem; } .umbraco-forms-container.col-xs-12:first-child { padding-left: 0; } .umbraco-forms-container.col-xs-12:last-child { padding-right: 0; } .recaptchav3withscore { overflow: hidden; } .form-nav { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 56.3125rem) { .form-nav { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .form-nav a { display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0 0 1rem 0; } @media only screen and (min-width: 56.3125rem) { .form-nav a { margin: 0 1rem 0 0; } } .form-success, .form-failure { font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; padding: 1rem; margin-bottom: 1.3125rem; border-radius: 0.1875rem; } .form-success { background: rgba(0, 187, 180, 0.05); color: #00bbb4; border: 1px solid #00bbb4; } .form-failure { background: rgba(255, 0, 0, 0.05); color: #FF0000; border: 1px solid #FF0000; } .umbraco-forms-fieldset .umbraco-forms-container { flex: 1; } .umbraco-forms-fieldset label:not(.form-control) { display: block; margin-bottom: 0.2rem; } .umbraco-forms-fieldset label.form-control { font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; margin: 0.4rem 0; } .umbraco-forms-fieldset .field-validation-valid { display: none; } .umbraco-forms-fieldset .form-hgroup h2 { font-style: italic; font-weight: 800; font-size: 1.6875rem; line-height: 1.875rem; letter-spacing: -0.025rem; } .umbraco-forms-fieldset .form-hgroup p { font-size: 1rem; line-height: 1.5rem; } .umbraco-forms-fieldset .umbraco-forms-tooltip { display: block; margin: 0.3rem 0 0.6rem 0; } .umbraco-forms-navigation { margin-top: 1.5rem; } .umbraco-forms-navigation input[type=submit].secondary { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.75rem 1.125rem; font-size: 0.875rem; line-height: 0.9375rem; font-size: 0.875rem; background: #002E6D; color: white; border-color: #002E6D; } .umbraco-forms-navigation input[type=submit].secondary:hover { border-color: #002557; background: #002557; } .umbraco-forms-navigation input[type=submit].secondary:active { border-color: #001C41; background-color: #001C41; } @media only screen and (min-width: 56.3125rem) { .umbraco-forms-navigation input[type=submit].secondary { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.9375rem 1.3125rem; font-size: 1rem; line-height: 1.125rem; font-size: 1rem; background: #002E6D; color: white; border-color: #002E6D; } .umbraco-forms-navigation input[type=submit].secondary:hover { border-color: #002557; background: #002557; } .umbraco-forms-navigation input[type=submit].secondary:active { border-color: #001C41; background-color: #001C41; } } .umbraco-forms-navigation input[type=submit].primary { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.75rem 1.125rem; font-size: 0.875rem; line-height: 0.9375rem; font-size: 0.875rem; border-color: #009690; background: #009690; color: white; } .umbraco-forms-navigation input[type=submit].primary:hover { border-color: #00706C; background: #00706C; } .umbraco-forms-navigation input[type=submit].primary:active { border-color: #005E5A; background-color: #005E5A; } @media only screen and (min-width: 56.3125rem) { .umbraco-forms-navigation input[type=submit].primary { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.9375rem 1.3125rem; font-size: 1rem; line-height: 1.125rem; font-size: 1rem; border-color: #009690; background: #009690; color: white; } .umbraco-forms-navigation input[type=submit].primary:hover { border-color: #00706C; background: #00706C; } .umbraco-forms-navigation input[type=submit].primary:active { border-color: #005E5A; background-color: #005E5A; } } header.main-header { position: relative; z-index: 2000; } header.main-header .menu-icon { width: 3rem; height: 3rem; background: #ff4b92; border-radius: 1.5rem; display: none; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s cubic-bezier(0.19, 1, 0.22, 1); } @media only screen and (max-width: 60rem) { header.main-header .menu-icon { display: -ms-flexbox; display: -webkit-flex; display: flex; } } header.main-header .menu-icon:before, header.main-header .menu-icon:after, header.main-header .menu-icon i { content: ""; width: 4px; margin: 0 0.1rem; height: 4px; border-radius: 2px; background: white; display: -ms-flexbox; display: -webkit-flex; display: flex; transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s cubic-bezier(0.19, 1, 0.22, 1); } .footer-logos { margin-top: 3.75rem; background-image: url(/ContentFullers360/images/wave-footer.svg); background-size: cover; background-position: top center; } .footer-logos .row { padding-top: 3.75rem; padding-bottom: 3.75rem; position: relative; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .footer-logos .row:after { content: ""; display: block; height: 0.0625rem; background-color: #66D6D2; position: absolute; top: 0; left: 1rem; right: 1rem; } @media only screen and (min-width: 71rem) { .footer-logos .row:after { left: 4rem; right: 4rem; } } .footer-logos .row a { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .footer-logos .row a:hover { opacity: 0.8; } @media only screen and (max-width: 56.25rem) { .footer-logos .row a { margin-bottom: 1.3125rem; } } footer.main-footer { background: linear-gradient(180deg, #009690 0%, #284F7F 100%); color: white; padding-top: 2.5rem; padding-bottom: 2.5rem; } @media only screen and (min-width: 71rem) { footer.main-footer { padding-top: 5.625rem; padding-bottom: 3.75rem; } } footer.main-footer a { color: white; } footer.main-footer .nav-columns ul li { margin: 0.9375rem 0; } footer.main-footer .nav-columns ul li:first-child { margin-top: 0; } footer.main-footer .nav-columns ul li:last-child { margin-bottom: 0; } footer.main-footer .nav-columns a:hover { text-decoration: underline; } footer.main-footer nav.utils a { text-decoration: underline; } footer.main-footer nav.utils a:hover { text-decoration: none; } footer.main-footer nav.utils ul { padding-top: 1.875rem; margin-top: 2.5rem; border-top: 0.0625rem solid #98DEF1; } @media only screen and (min-width: 71rem) { footer.main-footer nav.utils ul { margin-top: 5.625rem; } } footer.main-footer nav.utils ul li { display: inline-block; } footer.main-footer nav.utils ul li:not(:last-child):after { content: "|"; display: inline; padding: 0 0.3rem; } .comp-banner { position: relative; color: white; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .comp-banner .doctype { position: fixed; opacity: 0.5; background-color: black; color: white; top: 0; left: 0; } .comp-banner:not(.banner-wave).overlay-0:before { opacity: 0.0; } .comp-banner:not(.banner-wave).overlay-1:before { opacity: 0.1; } .comp-banner:not(.banner-wave).overlay-2:before { opacity: 0.2; } .comp-banner:not(.banner-wave).overlay-3:before { opacity: 0.3; } .comp-banner:not(.banner-wave).overlay-4:before { opacity: 0.4; } .comp-banner:not(.banner-wave).overlay-5:before { opacity: 0.5; } .comp-banner:not(.banner-wave).overlay-6:before { opacity: 0.6; } .comp-banner:not(.banner-wave).overlay-7:before { opacity: 0.7; } .comp-banner:not(.banner-wave).overlay-8:before { opacity: 0.8; } .comp-banner:not(.banner-wave).overlay-9:before { opacity: 0.9; } .comp-banner .intro { font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; } @media only screen and (min-width: 56.3125rem) { .comp-banner .intro.sm { font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; } .comp-banner .intro.sm { font-size: 1rem; line-height: 1.5rem; } .comp-banner .intro.lg { font-size: 1.125rem; line-height: 1.6875rem; letter-spacing: -0.00625rem; } .comp-banner .intro.xl { font-size: 1.3125rem; line-height: 1.875rem; letter-spacing: -0.015625rem; } } .comp-banner .time-dest > div { display: -ms-flexbox; display: -webkit-flex; display: flex; } .comp-banner .time-dest > div i { position: relative; top: 0.1875rem; min-width: 1.125rem; width: 1.125rem; height: 1.125rem; background: url(/contentFullers360/images/time.svg) no-repeat; background-size: 18px; margin-right: 0.375rem; } .comp-banner .banner-content { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .comp-banner .banner-content.align-center { text-align: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .comp-banner .banner-content.align-center .inner .breadcrumbs ul { text-align: center; } .comp-banner .banner-content.align-center .time-dest { text-align: center; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .comp-banner .banner-content.row-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 0; } @media only screen and (min-width: 56.3125rem) { .comp-banner .banner-content.row-center { padding-bottom: 6.875rem; } } .comp-banner a:not(.btn) { color: white; } .comp-banner:before, .comp-banner:after { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; } .comp-banner:not(.banner-wave):before { z-index: 1; background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%), linear-gradient(231.88deg, rgba(0, 0, 0, 0) 28.02%, rgb(0, 0, 0) 96.28%); } .comp-banner.banner-wave { min-height: 30rem; } .comp-banner.banner-wave:before { background: linear-gradient(180deg, #009690 0%, #284F7F 100%); } .comp-banner.banner-wave:after { z-index: 2; background-image: url(/ContentFullers360/images/waves.svg); background-repeat: no-repeat; background-size: cover; opacity: 0.05; } .comp-banner.sm { min-height: 20rem; } .comp-banner.md { min-height: 20rem; } @media only screen and (min-width: 56.3125rem) { .comp-banner.md { min-height: 30rem; } } .comp-banner.lg { min-height: 31.25rem; } @media only screen and (min-width: 56.3125rem) { .comp-banner.lg { min-height: 43.125rem; } } .comp-banner.xl { min-height: 37.5rem; } @media only screen and (min-width: 56.3125rem) { .comp-banner.xl { min-height: 56.25rem; } } .comp-banner.banner-image picture:not(.article-img) { position: absolute; width: 100%; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(180deg, #009690 0%, #284F7F 100%); } .comp-banner.banner-image picture:not(.article-img) img { width: 100%; height: 100%; object-fit: cover; } .comp-banner .inner { position: relative; z-index: 3; padding-bottom: 2.5rem; } @media only screen and (min-width: 56.3125rem) { .comp-banner .inner { padding-bottom: 3.75rem; } } .comp-banner .inner > * { margin: 1rem 0; } .comp-banner .inner > *:first-child { margin-top: 0; } .comp-banner .inner > *:last-child { margin-bottom: 0; } @media only screen and (max-width: 56.25rem) { .comp-banner .inner a.btn-1 { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.75rem 1.125rem; font-size: 0.875rem; line-height: 0.9375rem; font-size: 0.875rem; background: transparent; color: white; border-color: white; } .comp-banner .inner a.btn-1:hover { opacity: 0.8; } .comp-banner .inner a.btn-1:active { background-color: rgba(255, 255, 255, 0.1); } } @media only screen and (min-width: 56.3125rem) { .comp-banner .inner a.btn-1 { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.9375rem 1.3125rem; font-size: 1rem; line-height: 1.125rem; font-size: 1rem; background: transparent; color: white; border-color: white; margin-top: 0.3rem; } .comp-banner .inner a.btn-1:hover { opacity: 0.8; } .comp-banner .inner a.btn-1:active { background-color: rgba(255, 255, 255, 0.1); } } @media only screen and (max-width: 56.25rem) { .comp-banner .inner a.btn-2 { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.75rem 1.125rem; font-size: 0.875rem; line-height: 0.9375rem; font-size: 0.875rem; border-color: white; background: white; color: #002E6D; } .comp-banner .inner a.btn-2:hover { background-color: #F6F6F6; border-color: #002E6D; } .comp-banner .inner a.btn-2:active { background-color: #E2E2E2; border-color: #002E6D; } } @media only screen and (min-width: 56.3125rem) { .comp-banner .inner a.btn-2 { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.9375rem 1.3125rem; font-size: 1rem; line-height: 1.125rem; font-size: 1rem; border-color: white; background: white; color: #002E6D; margin-top: 0.3rem; margin-left: 0.9375rem; } .comp-banner .inner a.btn-2:hover { background-color: #F6F6F6; border-color: #002E6D; } .comp-banner .inner a.btn-2:active { background-color: #E2E2E2; border-color: #002E6D; } } .comp-banner .article-image-wrapper { position: relative; z-index: 3; } @media only screen and (min-width: 56.3125rem) { .comp-banner .article-image-wrapper { bottom: -8rem; } } .comp-banner .article-image-wrapper picture { filter: drop-shadow(0px 6px 50px rgba(0, 0, 0, 0.2)); border-radius: 3px; display: block; overflow: hidden; } .comp-banner .article-image-wrapper picture img { display: block; } .breadcrumbs { margin-top: 45px !important; font-size: 0.75rem; line-height: 1.125rem; letter-spacing: 0.0125rem; } @media only screen and (min-width: 56.3125rem) { .breadcrumbs { font-size: 1rem; line-height: 1.5rem; } } .breadcrumbs ul { display: block; text-align: left; } .breadcrumbs ul li { display: inline-block; } .breadcrumbs ul li:last-child:after { display: none; } .breadcrumbs ul li:last-child a { text-decoration: none; pointer-events: none; } .breadcrumbs ul li:after { content: "/"; display: inline-block; padding: 0 0 0 0.4rem; } .breadcrumbs ul a { display: inline-block; text-decoration: underline; } .breadcrumbs ul a:hover { opacity: 0.8; } header.booking-header { background-color: white; border-bottom: 1px solid #66D6D2; padding: 1rem 0; } @media only screen and (min-width: 56.3125rem) { header.booking-header { padding: 27px 0; } } header.booking-header .inner-flex { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } header.booking-header .booking-util { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; flex: 1; } header.booking-header .booking-util a:hover { text-decoration: underline; } @media only screen and (min-width: 56.3125rem) { header.booking-header .booking-util { flex: initial; min-width: 9.5625rem; } } header.booking-header .cost { display: none; } @media only screen and (min-width: 56.3125rem) { header.booking-header .cost { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; flex: 1; } header.booking-header .cost .cost-lbl { padding-right: 0.5rem; } } header.booking-header .logo { font-weight: 900; display: -ms-flexbox; display: -webkit-flex; display: flex; } header.booking-header .logo img { display: block; width: auto; position: relative; height: 1.75rem; } @media only screen and (min-width: 56.3125rem) { header.booking-header .logo img { height: 2.1875rem; } } @media only screen and (min-width: 71rem) { header.booking-header .logo img { height: 2.5rem; } } .block-mixed-components .row-grid > div { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .block-mixed-components .row-grid .grid-item-sm-4 { margin: 1rem 0; } .block-mixed-components .row-grid .grid-item-sm-4:first-child { margin-top: 0; } .block-mixed-components .row-grid .grid-item-sm-4:last-child { margin-bottom: 0; } @media only screen and (min-width: 56.3125rem) { .block-mixed-components .row-grid .grid-item-sm-4 { margin: 0; } } .block-destination .row-grid { grid-auto-rows: auto; } @media only screen and (max-width: 56.25rem) { .block-destination .row-grid { gap: 0; } } .block-destination .row-grid .desc { display: grid; grid-column: 1/5; position: relative; z-index: 1; margin: 0; } @media only screen and (min-width: 56.3125rem) { .block-destination .row-grid .desc { grid-column: 7/13; grid-row: 1; } } .block-destination .row-grid .desc .inner { padding: 1.3125rem; background-color: white; border-radius: 0.1875rem; align-self: end; } @media only screen and (min-width: 56.3125rem) { .block-destination .row-grid .desc .inner { padding: 2.8125rem; } } .block-destination .row-grid .desc .inner > * { margin: 1rem 0; } .block-destination .row-grid .desc .inner > *:last-child { margin-bottom: 0; } .block-destination .row-grid .desc .inner > *:first-child { margin-top: 0; } .block-destination .row-grid .desc .inner .description { font-size: 1rem; line-height: 1.5rem; } @media only screen and (min-width: 56.3125rem) { .block-destination .row-grid .desc .inner .description { font-size: 1.3125rem; line-height: 1.875rem; letter-spacing: -0.015625rem; margin-bottom: 1.5rem; } } .block-destination .row-grid .desc .inner .btn-wrapper .primary { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.75rem 1.125rem; font-size: 0.875rem; line-height: 0.9375rem; font-size: 0.875rem; color: #002E6D; border-color: #002E6D; background: transparent; margin-right: 0.75rem; } .block-destination .row-grid .desc .inner .btn-wrapper .primary:hover { background-color: #F6F6F6; } .block-destination .row-grid .desc .inner .btn-wrapper .primary:active { background-color: #E2E2E2; } @media only screen and (min-width: 56.3125rem) { .block-destination .row-grid .desc .inner .btn-wrapper .primary { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.9375rem 1.3125rem; font-size: 1rem; line-height: 1.125rem; font-size: 1rem; color: #002E6D; border-color: #002E6D; background: transparent; margin-right: 1.25rem; } .block-destination .row-grid .desc .inner .btn-wrapper .primary:hover { background-color: #F6F6F6; } .block-destination .row-grid .desc .inner .btn-wrapper .primary:active { background-color: #E2E2E2; } } .block-destination .row-grid .desc .inner .btn-wrapper .secondary { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.75rem 1.125rem; font-size: 0.875rem; line-height: 0.9375rem; font-size: 0.875rem; background: #002E6D; color: white; border-color: #002E6D; } .block-destination .row-grid .desc .inner .btn-wrapper .secondary:hover { border-color: #002557; background: #002557; } .block-destination .row-grid .desc .inner .btn-wrapper .secondary:active { border-color: #001C41; background-color: #001C41; } @media only screen and (min-width: 56.3125rem) { .block-destination .row-grid .desc .inner .btn-wrapper .secondary { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.9375rem 1.3125rem; font-size: 1rem; line-height: 1.125rem; font-size: 1rem; background: #002E6D; color: white; border-color: #002E6D; } .block-destination .row-grid .desc .inner .btn-wrapper .secondary:hover { border-color: #002557; background: #002557; } .block-destination .row-grid .desc .inner .btn-wrapper .secondary:active { border-color: #001C41; background-color: #001C41; } } .block-destination .row-grid .media-wrapper { position: relative; display: grid; grid-column: 1/5; border-radius: 3px; margin: 0; padding: 1.3125rem; } @media only screen and (min-width: 56.3125rem) { .block-destination .row-grid .media-wrapper { grid-column: 1/10; grid-row: 1; margin-bottom: 4.6875rem; } } @media only screen and (min-width: 56.3125rem) { .block-destination .row-grid .media-wrapper { padding: 2.8125rem; } } .block-destination .row-grid .media-wrapper .inner { position: relative; color: white; min-height: 50vw; display: grid; align-items: end; } @media only screen and (min-width: 56.3125rem) { .block-destination .row-grid .media-wrapper .inner { min-height: 33vw; width: 70%; } } @media only screen and (min-width: 71rem) { .block-destination .row-grid .media-wrapper .inner { min-height: 31.8125rem; } } .block-destination .row-grid .media-wrapper .inner .sub-head { font-weight: 600; text-transform: uppercase; font-size: 0.9375rem; line-height: 1.125rem; letter-spacing: 0.03125rem; } .block-destination .row-grid .media-wrapper .inner h3 { position: relative; z-index: 1; } .block-destination .row-grid .media-wrapper .inner h3 .title { font-style: italic; font-weight: 800; font-size: 2.8125rem; line-height: 3rem; letter-spacing: -0.125rem; } @media only screen and (min-width: 56.3125rem) { .block-destination .row-grid .media-wrapper .inner h3 .title { font-style: italic; font-weight: 800; font-size: 3.75rem; line-height: 3.9375rem; letter-spacing: -0.15625rem; } } .block-destination .row-grid .media-wrapper picture { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: whitesmoke; } @media only screen and (max-width: 56.25rem) { .block-destination .row-grid .media-wrapper picture { bottom: -90px; left: -16px; right: -16px; } } .block-destination .row-grid .media-wrapper picture img { width: 100%; height: 100%; object-fit: cover; } .theme-light-blue-with-graident { position: relative; } .theme-light-blue-with-graident > div { position: relative; } .theme-light-blue-with-graident:before { background-color: #E6F8F8; top: 0; bottom: 0; left: 0; right: 0; content: ""; position: absolute; } @media only screen and (min-width: 56.3125rem) { .theme-light-blue-with-graident:before { right: 1.875rem; } } @media only screen and (min-width: 56.3125rem) { .theme-light-blue-with-graident:after { background: linear-gradient(180deg, #009690 0%, #284F7F 100%); top: 0; bottom: 0; left: 0; width: 0.75rem; content: ""; position: absolute; } } .theme-white-with-graident { position: relative; } .theme-white-with-graident > div { position: relative; } .theme-white-with-graident:before { background-color: white; top: 0; bottom: 0; left: 0; right: 0; content: ""; position: absolute; } @media only screen and (min-width: 56.3125rem) { .theme-white-with-graident:before { right: 1.875rem; } } @media only screen and (min-width: 56.3125rem) { .theme-white-with-graident:after { background: linear-gradient(180deg, #009690 0%, #284F7F 100%); top: 0; bottom: 0; left: 0; width: 0.75rem; content: ""; position: absolute; } } .theme-white { background-color: white; } /* .theme-default + .theme-default{ } */ [class*=theme-] { padding: 1px 0; } .block-hgroup { margin: 40px 0; } .block-hgroup .comp-hgroup { max-width: 800px; margin: auto; } .block-articles .slider-cta { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .block-articles .slider-cta a { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.5625rem 0.9375rem; font-size: 0.75rem; line-height: 0.9375rem; font-size: 0.75rem; border-color: white; background: white; color: #002E6D; border: 1px solid #002E6D; } .block-articles .slider-cta a:hover { background-color: #F6F6F6; border-color: #002E6D; } .block-articles .slider-cta a:active { background-color: #E2E2E2; border-color: #002E6D; } @media only screen and (min-width: 56.3125rem) { .block-articles .slider-cta a { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.9375rem 1.3125rem; font-size: 1rem; line-height: 1.125rem; font-size: 1rem; border-color: white; background: white; color: #002E6D; border: 1px solid #002E6D; } .block-articles .slider-cta a:hover { background-color: #F6F6F6; border-color: #002E6D; } .block-articles .slider-cta a:active { background-color: #E2E2E2; border-color: #002E6D; } } .block-articles .slider-cta a i { width: 18px; height: 1rem; background: url(/ContentFullers360/images/arrow-right-blue.svg) no-repeat center; background-size: 100%; margin-left: 0.5rem; } [class*=block-] { margin: 1.875rem 0; } @media only screen and (min-width: 56.3125rem) { [class*=block-] { margin: 3.75rem 0; } } .template-upsell { background: rgba(42, 100, 116, 0.9); } .template-upsell main { margin: 0.3125rem; background-color: #eefafd; border: 0.1875rem solid #00bbb4; border-radius: 0.1875rem; position: relative; } @media only screen and (min-width: 56.3125rem) { .template-upsell main { margin: 1.875rem; } } .template-upsell main .pop-up-back { color: white; top: 2.0625rem; right: 2.0625rem; position: absolute; z-index: 100; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .template-upsell main .pop-up-back span { margin-right: 0.5rem; } .template-upsell main .pop-up-back i svg { display: block; } .template-upsell main .comp-banner { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .filter-trigger-wrapper { margin-bottom: 1.875rem; text-align: center; } .filter-trigger-wrapper .btn { margin: auto; background-color: white; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .filter-trigger-wrapper .btn span { flex: 1; } .filter-trigger-wrapper .btn i { margin-left: 0.9375rem; width: 0.9375rem; height: 0.9375rem; background: url(/ContentFullers360/images/icons/filter-ico.svg) no-repeat; background-size: 0.9375rem; } .cbx-filters { display: none; } @media only screen and (min-width: 56.3125rem) { .cbx-filters { display: block; } } .filter-nav { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .filter-nav .btn { width: 100%; text-align: center; margin: 1.875rem 0; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .filter-nav .filter-reset { text-decoration: underline; } @media only screen and (max-width: 56.3125rem) { html.filter-open { overflow: hidden; } html.filter-open body { overflow: hidden; } html.filter-open .cbx-filters { position: fixed; display: block; top: 0; bottom: 0; left: 0; right: 0; background-color: white; z-index: 4000; overflow: auto; } html.filter-open .inner { padding: 1.875rem; } html.filter-open .filter-heading { display: -ms-flexbox; display: -webkit-flex; display: flex; } html.filter-open .filter-heading span { flex: 1; } html.filter-open .filter-heading i { width: 1.875rem; height: 1.875rem; position: relative; } html.filter-open .filter-heading i:before, html.filter-open .filter-heading i:after { width: 1.875rem; height: 0.125rem; content: ""; display: block; position: absolute; background-color: #002E6D; } html.filter-open .filter-heading i:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); left: 0; top: 0.9375rem; } html.filter-open .filter-heading i:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 0; top: 0.9375rem; } } @media only screen and (min-width: 56.3125rem) { nav.cbx-filters .inner { padding-right: 30px; } } nav.cbx-filters h6 { margin-bottom: 1.875rem; } nav.cbx-filters h3 { margin: 0.75rem 0; } nav.cbx-filters section + section { margin-top: 1.875rem; } nav.cbx-filters li { margin: 0.75rem 0; } .form-control { font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; display: grid; grid-template-columns: 1.75rem auto; cursor: pointer; } @media only screen and (min-width: 56.3125rem) { .form-control { font-size: 1rem; line-height: 1.5rem; } } .comp-rad { position: relative; top: -0.125rem; } .comp-rad + span { margin-left: 9px; } .comp-rad input[type=radio] { width: 1.6875rem; height: 1.6875rem; border: 0.0625rem solid #002E6D; background-color: white; border-radius: 100%; } .comp-rad input[type=radio]:checked:after { width: 1.0625rem; height: 1.0625rem; content: ""; position: absolute; top: 0.3125rem; left: 0.3125rem; background-color: #002E6D; border-radius: 100%; } .comp-cbx { position: relative; top: 0.125rem; } .comp-cbx input[type=checkbox] { width: 1.125rem; height: 1.125rem; border: 0.125rem solid #002E6D; background-color: white; border-radius: 0.1875rem; } .comp-cbx input[type=checkbox]:checked { background-color: #002E6D; } .comp-cbx input[type=checkbox]:checked:after { width: 0.3125rem; height: 0.625rem; border: 2px solid white; border-left: 0; border-top: 0; content: ""; position: absolute; top: 0.1875rem; left: 0.4375rem; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .form-control-inline-group > * { margin: 0.6rem 0; } @media only screen and (min-width: 56.3125rem) { .form-control-inline-group { display: -ms-flexbox; display: -webkit-flex; display: flex; } .form-control-inline-group > * { margin: 0 2rem 0 0; } } .experiences-tab .items { display: grid; } @media only screen and (max-width: 56.25rem) { .experiences-tab .items { grid-template-columns: repeat(4, 1fr); gap: 16px; } } @media only screen and (min-width: 56.3125rem) { .experiences-tab .items { grid-template-columns: repeat(8, 1fr); gap: 2.25rem; } } @media only screen and (min-width: 71rem) { .experiences-tab .items { grid-template-columns: repeat(9, 1fr); gap: 2.25rem; } } @media only screen and (min-width: 56.3125rem) { .filter-trigger-wrapper, .filter-nav, .close-filters { display: none; } } .template-article .comp-related-articles .comp-card-article { padding: 0.9375rem 0; border-bottom: 1px solid #66D6D2; } .template-article .comp-related-articles .comp-card-article .title:hover { text-decoration: underline; } .template-article .comp-card-feature { margin-bottom: 1.3125rem; } .template-article .componants > * { margin-bottom: 1.3125rem; } .template-article .comp-date { color: #00bbb4; text-transform: capitalize; } .template-article .offset-top { margin-top: 2rem; } @media only screen and (min-width: 56.3125rem) { .template-article .offset-top { margin-top: 0; } } .template-article.banner-image-true .offset-top { margin-top: 2rem; } @media only screen and (min-width: 56.3125rem) { .template-article.banner-image-true .offset-top { margin-top: 7rem; } } .template-article.banner-image-true .banner-content { position: relative; top: 50px; } .template-article.banner-image-true .banner-content .inner { padding-bottom: 1.5rem; } @media only screen and (min-width: 56.3125rem) { .template-article.banner-image-true .banner-content .inner { padding-bottom: 2.5rem; } } @media only screen and (min-width: 56.3125rem) { .template-article.banner-image-true .banner-content { top: 0; } } .template-article.banner-image-true .template-block.article { margin-top: 5rem; } @media only screen and (min-width: 56.3125rem) { .template-article.banner-image-true .template-block.article { margin-top: 3.5rem; } } .template-article .sticky-column { position: -webkit-sticky; position: sticky; top: 0; z-index: 10; } .template-article .blog-row { padding: 0; } .template-article .pagination { display: -ms-flexbox; display: -webkit-flex; display: flex; flex: 1; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 1.3125rem 1.125rem; } .template-article .truncate { display: block; overflow: hidden; max-width: 60ch; /* Approximate character limit */ font-weight: bold; margin-top: 0.5rem; } .template-side-nav section.side-nav-section { margin-bottom: 1.875rem; } .template-side-nav section.side-nav-section > * { margin-bottom: 0.9375rem; } .template-side-nav .side-nav-block nav > ul { position: sticky; top: 45px; } .template-side-nav .side-nav-block nav > ul > li { border-bottom: 1px solid #4DCFCB; padding-bottom: 15px; margin-bottom: 15px; } .template-side-nav .side-nav-block nav > ul > li > a { font-weight: 700; font-size: 20px; line-height: 24px; letter-spacing: -0.5px; } .template-side-nav .side-nav-block nav > ul > li ul li { margin: 15px 0; } .template-side-nav .side-nav-block nav > ul > li ul li a.active { position: relative; color: #00706C; } .template-side-nav .side-nav-block nav > ul > li ul li a.active:before { content: ""; left: -10px; top: 2px; bottom: 2px; width: 4px; position: absolute; background-color: #00706C; } .template-side-nav .side-nav-block nav > ul > li ul li:last-child { margin-bottom: 0; } .result-section { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .result-section.column { max-width: 50rem; } .result-section .comp-standard-result { border-bottom: 1px solid #00bbb4; padding-bottom: 2rem; margin-bottom: 1.6rem; } .result-section .comp-standard-result .title { font-size: 1.125rem; line-height: 1.6875rem; letter-spacing: -0.00625rem; font-weight: 700; margin-bottom: 0.375rem; } .result-section .comp-standard-result p { font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; } .result-section#destinations > div, .result-section#experiences > div { margin-bottom: 2rem; } .account-form-wrapper { width: 32.875rem; max-width: 100%; margin: auto; } .template-account-registration fieldset { margin-bottom: 1.875rem; } .template-booking.booking-tickets main, .template-booking.booking-extras main { padding-bottom: 14rem; } .template-booking body { min-height: 100vh; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .template-booking body main { flex: 1; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .template-booking body .tickets { flex: 1; } @media only screen and (max-width: 56.3125rem) { .template-booking body .tickets.ferry .row, .template-booking body .tickets.ferry .col-xs-12 { padding: 0; } } .template-booking body .tickets.extras { margin-top: 1rem; } @media only screen and (min-width: 56.3125rem) { .template-booking body .tickets.extras { margin-top: 3rem; } } .template-booking .title { font-style: italic; font-weight: 800; font-size: 1.5rem; line-height: 1.6875rem; letter-spacing: -0.025rem; margin-bottom: 1rem; } @media only screen and (min-width: 56.3125rem) { .template-booking .title { font-style: italic; font-weight: 800; font-size: 1.875rem; line-height: 2.0625rem; letter-spacing: -0.0625rem; } } .template-booking p { font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; margin-bottom: 1rem; } @media only screen and (min-width: 56.3125rem) { .template-booking p { font-size: 1rem; line-height: 1.5rem; } } .template-booking .comp-hgroup:before { display: none; } .template-booking .journey-selection { max-width: 550px; margin: 0 auto 2rem auto; border: 1px solid #00bbb4; border-radius: 1rem; overflow: hidden; } .template-booking .journey-selection .btn-wrapper { display: none !important; } @media only screen and (min-width: 56.3125rem) { .template-booking .journey-selection { border-radius: 2rem; } } .template-booking .comp-booking-subtotal { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 21px; } .template-booking .comp-booking-subtotal .desc { font-size: 1rem; line-height: 1.5rem; font-weight: 600; color: #00bbb4; margin-right: 1rem; } .template-booking .comp-booking-subtotal .price { font-style: italic; font-weight: 800; font-size: 1.6875rem; line-height: 1.875rem; letter-spacing: -0.025rem; color: #002E6D; } .template-booking .ticket-wrapper { max-width: 68rem; margin: auto; background-color: white; padding: 1.25rem 1.375rem 1.25rem 1.875rem; position: relative; } @media only screen and (min-width: 56.3125rem) { .template-booking .ticket-wrapper { padding: 3.125rem; } } .template-booking .ticket-wrapper.minified .ferry-tickets-summary { display: -ms-flexbox; display: -webkit-flex; display: flex; } .template-booking .ticket-wrapper.minified .hgroup .show-hide-tickets.hide { display: none; } .template-booking .ticket-wrapper.minified .hgroup .show-hide-tickets.show { display: block; } .template-booking .ticket-wrapper .form-control-inline-group { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 2rem 0 0 0; } @media only screen and (min-width: 56.3125rem) { .template-booking .ticket-wrapper .form-control-inline-group { margin: 2.5rem 0 1.5rem 0; } } .template-booking .ticket-wrapper:before { width: 10px; top: 0; bottom: 0; left: 0; content: ""; background: linear-gradient(180deg, #00BBB4 0%, #284F7F 100%); z-index: 1; display: block; position: absolute; } .template-booking .ticket-wrapper .ticket-item { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-bottom: 1px solid #66D6D2; padding: 21px 0; } @media only screen and (min-width: 56.3125rem) { .template-booking .ticket-wrapper .ticket-item { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .template-booking .ticket-wrapper .ticket-item .item-desc { display: -ms-flexbox; display: -webkit-flex; display: flex; } .template-booking .ticket-wrapper .ticket-item .item-image { display: none; } @media only screen and (min-width: 56.3125rem) { .template-booking .ticket-wrapper .ticket-item .item-image { display: block; } .template-booking .ticket-wrapper .ticket-item .item-image img { min-width: 60px; width: 60px; height: 60px; margin-right: 1rem; border-radius: 100%; overflow: hidden; } } .template-booking .ticket-wrapper .ticket-item .item-desc { flex: 1; order: 1; } @media only screen and (min-width: 56.3125rem) { .template-booking .ticket-wrapper .ticket-item .item-desc { margin-right: 2rem; } } .template-booking .ticket-wrapper .ticket-item .item-title { font-size: 1.125rem; line-height: 1.6875rem; letter-spacing: -0.00625rem; } .template-booking .ticket-wrapper .ticket-item .item-title-desc { margin-top: 0.7rem; font-size: 0.75rem; line-height: 1.125rem; letter-spacing: 0.0125rem; } .template-booking .ticket-wrapper .ticket-item .notes { min-width: 30%; order: 3; } @media only screen and (min-width: 56.3125rem) { .template-booking .ticket-wrapper .ticket-item .notes { order: 2; margin-right: 2rem; } } .template-booking .ticket-wrapper .ticket-item .notes label { font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; } .template-booking .ticket-wrapper .ticket-item .spinner-wrapper { order: 2; margin: 1rem 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } @media only screen and (min-width: 56.3125rem) { .template-booking .ticket-wrapper .ticket-item .spinner-wrapper { order: 3; margin: 0; } } .template-booking form input.spinner-number { padding: 0; border: 0; outline: 0; font-weight: 700; color: #002E6D; } .template-booking form textarea { padding: 1rem; min-height: 0; border: 1px solid #66D6D2; max-width: 100%; } .template-booking .ticket-nav { background-color: white; position: fixed; bottom: 0; left: 0; right: 0; z-index: 400; padding-top: 1.5rem; padding-bottom: 1.5rem; border-top: 1px solid #00bbb4; } @media only screen and (min-width: 56.3125rem) { .template-booking .ticket-nav { padding-bottom: 3rem; } } .template-booking .ticket-nav .nav { max-width: 68rem; margin: auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media only screen and (min-width: 56.3125rem) { .template-booking .ticket-nav .nav { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .template-booking .ticket-nav .nav input { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.75rem 1.125rem; font-size: 0.875rem; line-height: 0.9375rem; font-size: 0.875rem; border-color: #009690; background: #009690; color: white; min-width: 180px; text-align: center; margin: 0 0 1rem 0; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .template-booking .ticket-nav .nav input:hover { border-color: #00706C; background: #00706C; } .template-booking .ticket-nav .nav input:active { border-color: #005E5A; background-color: #005E5A; } @media only screen and (min-width: 56.3125rem) { .template-booking .ticket-nav .nav input { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.9375rem 1.3125rem; font-size: 1rem; line-height: 1.125rem; font-size: 1rem; border-color: #009690; background: #009690; color: white; } .template-booking .ticket-nav .nav input:hover { border-color: #00706C; background: #00706C; } .template-booking .ticket-nav .nav input:active { border-color: #005E5A; background-color: #005E5A; } } @media only screen and (min-width: 56.3125rem) { .template-booking .ticket-nav .nav input { margin: 0 0 0 1rem; } } .template-booking .ticket-nav .nav a { text-decoration: underline; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; } @media only screen and (min-width: 56.3125rem) { .template-booking .ticket-nav .nav a { font-size: 1rem; line-height: 1.5rem; } } .template-booking .ferry-tickets-summary { display: none; } .template-booking .ferry-tickets-summary .summary-ticket { flex: 1; } .template-booking .ferry-tickets-summary .summary-ticket .items { font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; } @media only screen and (min-width: 56.3125rem) { .template-booking .ferry-tickets-summary .summary-ticket .items { font-size: 1rem; line-height: 1.5rem; } } .template-booking .ferry-tickets-summary .summary-ticket .items .item { margin: 1rem 0; } .template-booking .ferry-tickets-summary .summary-ticket .items .item .item-title { font-weight: 600; } .template-booking .ferry-tickets-summary .ferry-tickets-sub-total { font-size: 1rem; line-height: 1.5rem; font-weight: 700; color: #00bbb4; } .template-booking .ferry-tickets-summary .ferry-tickets-sub-total span { color: #002E6D; } .template-booking .accordion { margin-bottom: 2rem; } .template-booking .accordion .trigger { font-style: italic; font-weight: 800; font-size: 1.3125rem; line-height: 1.5rem; letter-spacing: -0.01875rem; } @media only screen and (min-width: 56.3125rem) { .template-booking .accordion .trigger { font-style: italic; font-weight: 800; font-size: 1.6875rem; line-height: 1.875rem; letter-spacing: -0.025rem; } } .template-booking .accordion .trigger button { width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .template-booking .accordion .trigger button span { flex: 1; } .template-booking .accordion .trigger button:after { content: ""; width: 0.6rem; height: 0.6rem; border: 2px solid black; border-left: 0; border-top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } @media only screen and (min-width: 56.3125rem) { .template-booking .accordion .trigger button:after { width: 0.8rem; height: 0.8rem; border: 3px solid black; border-left: 0; border-top: 0; } } .template-booking .accordion .trigger button[aria-expanded=true]:after { -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .template-booking .accordion .item { padding: 1rem 0; border-bottom: 1px solid #002E6D; } .template-booking .accordion .rich-text > *:last-child { border-bottom: 0; } .template-booking.booking-tickets h1.title { font-style: italic; font-weight: 800; font-size: 1.5rem; line-height: 1.6875rem; letter-spacing: -0.025rem; margin-bottom: 1.3125rem; text-align: center; } @media only screen and (min-width: 56.3125rem) { .template-booking.booking-tickets h1.title { font-style: italic; font-weight: 800; font-size: 1.875rem; line-height: 2.0625rem; letter-spacing: -0.0625rem; margin-bottom: 2.5rem; } } .template-booking.booking-details .payment-type { margin-top: 1.6rem; } .template-booking.booking-details .payment-type button { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.9375rem 1.3125rem; font-size: 1rem; line-height: 1.125rem; font-size: 1rem; border-color: #009690; background: #009690; color: white; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; text-align: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .template-booking.booking-details .payment-type button:hover { border-color: #00706C; background: #00706C; } .template-booking.booking-details .payment-type button:active { border-color: #005E5A; background-color: #005E5A; } @media only screen and (min-width: 56.3125rem) { .template-booking.booking-details .payment-type button { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 1.125rem 1.5rem; letter-spacing: -0.00125rem; line-height: 1.5rem; font-size: 1.125rem; border-color: #009690; background: #009690; color: white; } .template-booking.booking-details .payment-type button:hover { border-color: #00706C; background: #00706C; } .template-booking.booking-details .payment-type button:active { border-color: #005E5A; background-color: #005E5A; } } .template-booking.booking-details .payment-type button i { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .template-booking.booking-details section.payment h4 { font-style: italic; font-weight: 800; font-size: 1.6875rem; line-height: 1.875rem; letter-spacing: -0.025rem; margin-bottom: 2rem; } .template-booking.booking-details .field-discount-code { margin-bottom: 2rem; } .template-booking.booking-details .field-discount-code .field-wrap { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .template-booking.booking-details .field-discount-code .field-wrap .input { flex: 1; margin-right: 1rem; } .template-booking.booking-details .field-discount-code .field-wrap button.discount-button { width: auto; background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.9375rem 1.3125rem; font-size: 1rem; line-height: 1.125rem; font-size: 1rem; color: #002E6D; border-color: #002E6D; background: transparent; } .template-booking.booking-details .field-discount-code .field-wrap button.discount-button:hover { background-color: #F6F6F6; } .template-booking.booking-details .field-discount-code .field-wrap button.discount-button:active { background-color: #E2E2E2; } @media only screen and (min-width: 56.3125rem) { .template-booking.booking-details .field-discount-code .field-wrap button.discount-button { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 1.125rem 1.5rem; letter-spacing: -0.00125rem; line-height: 1.5rem; font-size: 1.125rem; color: #002E6D; border-color: #002E6D; background: transparent; } .template-booking.booking-details .field-discount-code .field-wrap button.discount-button:hover { background-color: #F6F6F6; } .template-booking.booking-details .field-discount-code .field-wrap button.discount-button:active { background-color: #E2E2E2; } } .template-booking.booking-details .comp-details { position: relative; background: #E6F8F8; padding: 2rem 0; } @media only screen and (min-width: 56.3125rem) { .template-booking.booking-details .comp-details { padding: 0; background: none; } .template-booking.booking-details .comp-details:before { content: ""; background-color: #E6F8F8; display: block; top: 0; left: 0; right: 50%; bottom: 0; position: absolute; } } .template-booking.booking-details .comp-details .details { max-width: 38.125rem; margin: auto; position: relative; z-index: 2; } @media only screen and (min-width: 56.3125rem) { .template-booking.booking-details .comp-details .details { background: #E6F8F8; } } @media only screen and (min-width: 56.3125rem) { .template-booking.booking-details .comp-details .details { padding: 126px 90px 126px 0; } } .template-booking.booking-details .comp-details .summary { margin: 1rem auto; position: relative; z-index: 1; max-width: 38.125rem; } @media only screen and (min-width: 56.3125rem) { .template-booking.booking-details .comp-details .summary { margin: initial; max-width: 26.25rem; padding-top: 7.5rem; padding-bottom: 7.5rem; } } .template-booking.booking-details .comp-details .summary .summary-header { display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 1rem; } .template-booking.booking-details .comp-details .summary .summary-header .title { flex: 1; } .template-booking.booking-details .comp-details .summary .summary-header a { text-decoration: underline; } .template-booking.booking-details .comp-details .summary .summary-footer { margin: 1.875rem 0; } .template-booking.booking-details .comp-details .summary .summary-footer:after { content: ""; clear: both; display: table; } .template-booking.booking-details .comp-details .summary .summary-footer afterpay-placement { float: right; text-align: right; font-size: 8px; } .template-booking.booking-details .comp-details .summary .summary-footer #product-description-wrapper-1 afterpay-placement { --logo-badge-width: 70px; } .template-booking.booking-details .comp-details .summary .item { border-bottom: 1px solid #66D6D2; padding-bottom: 20px; margin-bottom: 20px; font-size: 14px; display: -ms-flexbox; display: -webkit-flex; display: flex; } .template-booking.booking-details .comp-details .summary .item .price { font-size: 1.3125rem; line-height: 1.875rem; letter-spacing: -0.015625rem; font-weight: 700; } .template-booking.booking-details .comp-details .summary .item .desc { flex: 1; } .template-booking.booking-details .comp-details .summary .item .desc > div { margin-bottom: 3px; } .template-booking.booking-details .comp-details .summary .item .ticket { margin: 0.5rem 0; } .template-booking.booking-details .comp-details .summary .item .ticket .ticket-title { font-weight: 500; } .template-booking.booking-details .comp-details .summary .item .item-title { font-size: 1rem; line-height: 1.5rem; font-weight: 700; } .template-booking.booking-details .comp-details .summary .total { display: -ms-flexbox; display: -webkit-flex; display: flex; } .template-booking.booking-details .comp-details .summary .total .desc { flex: 1; text-transform: uppercase; font-weight: 700; } .template-booking.booking-details .comp-details .summary .total .price-desc { text-align: right; } .template-booking.booking-details .comp-details .summary .total .price-desc .price { font-style: italic; font-weight: 800; font-size: 1.6875rem; line-height: 1.875rem; letter-spacing: -0.025rem; } .template-booking.booking-details .comp-details .summary .total .price-desc .tax { font-size: 0.75rem; line-height: 1.125rem; letter-spacing: 0.0125rem; } .template-booking.booking-details .comp-details fieldset { margin-bottom: 2rem; } .template-booking.booking-details .comp-details .saved-cards { margin: 2rem 0; } .template-booking.booking-details .comp-details .saved-cards a { display: inline-block; margin: 0.1rem 0; text-decoration: underline; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; } @media only screen and (min-width: 56.3125rem) { .template-booking.booking-details .comp-details .saved-cards a { font-size: 1rem; line-height: 1.5rem; } } .template-booking.booking-extras .hgroup { display: -ms-flexbox; display: -webkit-flex; display: flex; } .template-booking.booking-extras .hgroup h1 { flex: 1; } .template-booking.booking-extras .hgroup a:hover, .template-booking.booking-extras .hgroup button:hover { opacity: 0.7; } .template-booking.booking-extras .hgroup .trash { width: 1.875rem; margin-right: 1rem; display: block; height: 1.875rem; background: url("/ContentFullers360/images/icons/ico-trash.svg") no-repeat center center; } .template-booking.booking-extras .hgroup .show-hide-tickets { width: 1.875rem; height: 1.875rem; } .template-booking.booking-extras .hgroup .show-hide-tickets.show { background: url("/ContentFullers360/images/icons/ico-plus.svg") no-repeat center center; background-size: 1.125rem; display: none; } .template-booking.booking-extras .hgroup .show-hide-tickets.hide { background: url("/ContentFullers360/images/icons/ico-minus.svg") no-repeat center center; background-size: 1.125rem; display: block; } .template-booking.booking-extras form { flex: 1; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .template-booking .summary-ticket-nav { display: -ms-flexbox; display: -webkit-flex; display: flex; } .comp-ticket-types { margin: auto; display: -ms-flexbox; display: -webkit-flex; display: flex; } .template-payment-result.payment-failure h1.page-heading { font-style: italic; font-weight: 800; font-size: 1.875rem; line-height: 2.0625rem; letter-spacing: -0.0625rem; } @media only screen and (min-width: 56.3125rem) { .template-payment-result.payment-failure h1.page-heading { font-style: italic; font-weight: 800; font-size: 2.8125rem; line-height: 3rem; letter-spacing: -0.125rem; } } .template-payment-result.payment-failure .grad-white { margin: 1.875rem 0; padding: 1.875rem; background-color: white; text-align: center; position: relative; } @media only screen and (min-width: 56.3125rem) { .template-payment-result.payment-failure .grad-white { margin: 3.75rem 0; padding: 3.75rem; } } .template-payment-result.payment-failure .grad-white:after { background: linear-gradient(180deg, #009690 0%, #284F7F 100%); top: 0; bottom: 0; left: 0; width: 0.75rem; content: ""; position: absolute; } .template-payment-result.payment-failure .grad-white .save-card, .template-payment-result.payment-failure .grad-white a.retry { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.9375rem 1.3125rem; font-size: 1rem; line-height: 1.125rem; font-size: 1rem; border-color: #009690; background: #009690; color: white; } .template-payment-result.payment-failure .grad-white .save-card:hover, .template-payment-result.payment-failure .grad-white a.retry:hover { border-color: #00706C; background: #00706C; } .template-payment-result.payment-failure .grad-white .save-card:active, .template-payment-result.payment-failure .grad-white a.retry:active { border-color: #005E5A; background-color: #005E5A; } @media only screen and (min-width: 56.3125rem) { .template-payment-result.payment-failure .grad-white .save-card, .template-payment-result.payment-failure .grad-white a.retry { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 1.125rem 1.5rem; letter-spacing: -0.00125rem; line-height: 1.5rem; font-size: 1.125rem; border-color: #009690; background: #009690; color: white; } .template-payment-result.payment-failure .grad-white .save-card:hover, .template-payment-result.payment-failure .grad-white a.retry:hover { border-color: #00706C; background: #00706C; } .template-payment-result.payment-failure .grad-white .save-card:active, .template-payment-result.payment-failure .grad-white a.retry:active { border-color: #005E5A; background-color: #005E5A; } } .template-payment-result.payment-failure .grad-white a.home { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.9375rem 1.3125rem; font-size: 1rem; line-height: 1.125rem; font-size: 1rem; color: #002E6D; border-color: #002E6D; background: transparent; } .template-payment-result.payment-failure .grad-white a.home:hover { background-color: #F6F6F6; } .template-payment-result.payment-failure .grad-white a.home:active { background-color: #E2E2E2; } @media only screen and (min-width: 56.3125rem) { .template-payment-result.payment-failure .grad-white a.home { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 1.125rem 1.5rem; letter-spacing: -0.00125rem; line-height: 1.5rem; font-size: 1.125rem; color: #002E6D; border-color: #002E6D; background: transparent; } .template-payment-result.payment-failure .grad-white a.home:hover { background-color: #F6F6F6; } .template-payment-result.payment-failure .grad-white a.home:active { background-color: #E2E2E2; } } .template-payment-result.payment-failure .grad-white .btn-wrapper { margin-top: 2rem; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .template-payment-result.payment-failure .grad-white .btn-wrapper > * { margin: 1rem 0; } .template-payment-result.payment-success h1.page-heading { font-style: italic; font-weight: 800; font-size: 1.875rem; line-height: 2.0625rem; letter-spacing: -0.0625rem; } @media only screen and (min-width: 56.3125rem) { .template-payment-result.payment-success h1.page-heading { font-style: italic; font-weight: 800; font-size: 3.75rem; line-height: 3.9375rem; letter-spacing: -0.15625rem; } } .template-payment-result.payment-success .item-title { font-weight: 600; } .template-payment-result.payment-success .item-image img { display: block; } .template-payment-result.payment-success .summary-wrapper { max-width: 68rem; margin: auto; } .template-payment-result.payment-success .summary-wrapper .summary-head { text-align: center; margin: 4rem 0; } .template-payment-result.payment-success .summary-header { font-style: italic; font-weight: 800; font-size: 1.3125rem; line-height: 1.5rem; letter-spacing: -0.01875rem; padding-bottom: 2rem; border-bottom: 1px solid #66D6D2; } @media only screen and (min-width: 56.3125rem) { .template-payment-result.payment-success .summary-header { font-style: italic; font-weight: 800; font-size: 1.6875rem; line-height: 1.875rem; letter-spacing: -0.025rem; display: -ms-flexbox; display: -webkit-flex; display: flex; } .template-payment-result.payment-success .summary-header .booking-number { flex: 1; text-align: right; margin-left: 2rem; } } .template-payment-result.payment-success .summary-footer { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 1.5rem; } .template-payment-result.payment-success .summary-footer .label { flex: 1; font-size: 1.3125rem; line-height: 1.875rem; letter-spacing: -0.015625rem; } .template-payment-result.payment-success .summary-footer .price-wrapper { text-align: right; } .template-payment-result.payment-success .summary-footer .price-wrapper .price { font-style: italic; font-weight: 800; font-size: 1.875rem; line-height: 2.0625rem; letter-spacing: -0.0625rem; } @media only screen and (min-width: 56.3125rem) { .template-payment-result.payment-success .summary-footer .price-wrapper .price { font-style: italic; font-weight: 800; font-size: 2.8125rem; line-height: 3rem; letter-spacing: -0.125rem; } } .template-payment-result.payment-success .summary-footer .price-wrapper span { display: block; } .template-payment-result.payment-success .block-hgroup .comp-hgroup { border-top: 2px solid #66D6D2; padding-top: 3rem; max-width: 68rem; margin: auto; } .template-payment-result.payment-success .save-card-wrapper { margin: 3rem 0 0 0; } .template-payment-result.payment-success .save-card-wrapper .save-card-title { font-style: italic; font-weight: 800; font-size: 1.6875rem; line-height: 1.875rem; letter-spacing: -0.025rem; text-align: center; margin-bottom: 2rem; } .template-payment-result.payment-success .save-card-wrapper .btn-wrapper { text-align: center; margin-top: 2rem; } .template-payment-result.payment-success .save-card-wrapper .btn-wrapper button { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.75rem 1.125rem; font-size: 0.875rem; line-height: 0.9375rem; font-size: 0.875rem; border-color: #009690; background: #009690; color: white; margin: auto; } .template-payment-result.payment-success .save-card-wrapper .btn-wrapper button:hover { border-color: #00706C; background: #00706C; } .template-payment-result.payment-success .save-card-wrapper .btn-wrapper button:active { border-color: #005E5A; background-color: #005E5A; } .block-summary-featured-cards .row { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .block-summary-featured-cards .row > div { margin-bottom: 32px; } .block-summary-featured-cards .card { height: 100%; } @media only screen and (min-width: 56.3125rem) { .template-homepage .comp-destination-selector { padding-bottom: 2.5rem; } } .template-booking .title-medium { font-style: italic; font-weight: 800; font-size: 1.3125rem; line-height: 1.5rem; letter-spacing: -0.01875rem; } @media only screen and (min-width: 56.3125rem) { .template-booking .title-medium { font-style: italic; font-weight: 800; font-size: 1.5rem; line-height: 1.6875rem; letter-spacing: -0.025rem; } } .template-booking s { opacity: 0.5; } .template-booking .upgrade-ticket-wrapper { display: flex; flex-direction: column-reverse; justify-content: center; /* Vertically center content inside the container */ background-color: #E6F8F8; } @media only screen and (min-width: 56.3125rem) { .template-booking .upgrade-ticket-wrapper { position: relative; height: calc(100vh - 95px); max-height: 100%; /* Limit container height to body height */ padding: 20rem 0; flex-direction: column; } } @media only screen and (min-width: 56.3125rem) { .template-booking .upgrade-ticket-wrapper:before { width: 10px; top: 0; bottom: 0; left: 0; content: ""; background: linear-gradient(180deg, #00BBB4 0%, #284F7F 100%); z-index: 1; display: block; position: absolute; } } .template-booking .upgrade-ticket-wrapper picture { margin-bottom: 1rem; } @media only screen and (min-width: 56.3125rem) { .template-booking .upgrade-ticket-wrapper picture { width: 50vw; margin-bottom: 0; height: calc(100vh - 95px); position: absolute; top: 0; bottom: 0; right: 0; } } .template-booking .upgrade-ticket-wrapper picture img { display: block; width: 100%; height: 100%; object-fit: cover; } .template-booking .upgrade-ticket-wrapper hr { display: block; height: 1px; background-color: #009690; margin: 2rem auto; } .template-booking form { margin-top: 2rem; } @media only screen and (min-width: 56.3125rem) { .template-booking form { margin-top: 0; } } .template-booking button[type=submit] { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.75rem 1.125rem; font-size: 0.875rem; line-height: 0.9375rem; font-size: 0.875rem; border-color: #009690; background: #009690; color: white; } .template-booking button[type=submit]:hover { border-color: #00706C; background: #00706C; } .template-booking button[type=submit]:active { border-color: #005E5A; background-color: #005E5A; } @media only screen and (min-width: 56.3125rem) { .template-booking button[type=submit] { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.9375rem 1.3125rem; font-size: 1rem; line-height: 1.125rem; font-size: 1rem; border-color: #009690; background: #009690; color: white; } .template-booking button[type=submit]:hover { border-color: #00706C; background: #00706C; } .template-booking button[type=submit]:active { border-color: #005E5A; background-color: #005E5A; } } .template-booking .form-field label { display: block; margin-bottom: 6px; } @media only screen and (min-width: 56.3125rem) { .template-booking .content-wrapper { max-width: 500px; margin-right: 2rem; } } .template-booking .content-wrapper > * { margin: 1rem 0; } .template-booking.tickets-upgrade-configuration .details > * { margin: 2rem 0; } .template-booking.tickets-upgrade-configuration .details > *:first-child { margin-top: 0; } .template-booking.tickets-upgrade-configuration .details > *:last-child { margin-bottom: 0; } .template-booking.tickets-upgrade-configuration .date-time-selector { background-color: white; padding: 2rem; } .template-booking.tickets-upgrade-configuration .date-time-selector > * { margin: 1rem 0; } .template-booking.tickets-upgrade-configuration .date-time-selector > *:first-child { margin-top: 0; } .template-booking.tickets-upgrade-configuration .date-time-selector > *:last-child { margin-bottom: 0; } .template-booking.tickets-upgrade-configuration .date-time-selector hr { display: block; height: 1px; background-color: #009690; } .template-booking.tickets-upgrade-configuration .date-time-selector .date-selected { font-size: 0.9rem; width: 100%; } .template-booking.tickets-upgrade-configuration .date-time-selector .date-selected strong { display: block; } @media only screen and (min-width: 56.3125rem) { .template-booking.tickets-upgrade-configuration .date-time-selector .date-selected { display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 1rem; flex: 1; } } .template-booking.tickets-upgrade-configuration .date-time-selector .date-selected u { cursor: pointer; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; } .template-booking.tickets-upgrade-configuration .date-time-selector .date-selected strong { flex: 1; } @media only screen and (min-width: 56.3125rem) { .template-booking.tickets-upgrade-configuration .date-time-selector .date-selector { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .template-booking.tickets-upgrade-configuration .date-time-selector .date-selector .date-label { margin-right: 1.5rem; font-size: 1rem; font-weight: 700; flex: 1; } .template-booking.tickets-upgrade-configuration .date-time-selector .date-selector.has-date { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .template-booking.tickets-upgrade-configuration .summary { padding-top: 3rem; } .template-booking .upgrade-badge { text-transform: uppercase; font-size: 0.7rem; font-weight: 600; background-color: #FFCD00; line-height: 1; padding: 0.4rem 1rem; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; border-radius: 4px; margin-top: 0.3rem; } @media only screen and (min-width: 56.3125rem) { html.payment-success.upgrade-success .page-heading { font-style: italic; font-weight: 800; font-size: 2.8125rem; line-height: 3rem; letter-spacing: -0.125rem; } } html.payment-success.upgrade-success .item-title { font-weight: 700; } html.payment-success.upgrade-success .item-sub-time { font-size: 0.9rem; } html.payment-success.upgrade-success .item-sub-title { font-size: 0.9rem; font-weight: 600; } html.payment-success.upgrade-success .ineligable-summary-wrapper { padding: 1.5rem; border: 2px solid #009690; max-width: 68rem; margin: 3rem auto 0 auto; } @media only screen and (min-width: 56.3125rem) { html.payment-success.upgrade-success .ineligable-summary-wrapper { padding: 3rem; } } html.payment-success.upgrade-success .ineligable-summary-wrapper h2 { font-style: italic; font-weight: 800; font-size: 1.5rem; line-height: 1.6875rem; letter-spacing: -0.025rem; margin-bottom: 1rem; } @media only screen and (min-width: 56.3125rem) { html.payment-success.upgrade-success .ineligable-summary-wrapper h2 { margin-bottom: 2rem; font-style: italic; font-weight: 800; font-size: 1.6875rem; line-height: 1.875rem; letter-spacing: -0.025rem; } } html.payment-success.upgrade-success .ineligable-summary-wrapper .ticket-item { display: -ms-flexbox; display: -webkit-flex; display: flex; } html.payment-success.upgrade-success .ineligable-summary-wrapper .ticket-item:not(:last-child) { border-bottom: 1px solid rgba(0, 150, 144, 0.3); margin-bottom: 1.5rem; padding-bottom: 1.5rem; } html.payment-success.upgrade-success .ineligable-summary-wrapper .ticket-item .item-title { font-size: 1.125rem; line-height: 1.6875rem; letter-spacing: -0.00625rem; } html.payment-success.upgrade-success .ineligable-summary-wrapper .ticket-item .item-image { display: none; min-width: 60px; width: 60px; height: 60px; margin-right: 1rem; border-radius: 100%; overflow: hidden; } @media only screen and (min-width: 56.3125rem) { html.payment-success.upgrade-success .ineligable-summary-wrapper .ticket-item .item-image { display: block; } } html.account-upgrade-tickets .ticket-upgrade-wrapper { max-width: 1200px; } @media only screen and (min-width: 56.3125rem) { html.account-upgrade-tickets .ticket-upgrade-wrapper { padding-top: 2rem; padding-bottom: 2rem; } } html.account-upgrade-tickets .ticket-upgrade-wrapper .rich-text { border-bottom: 1px solid #3CCBC6; padding: 0 0 3rem 0; } @media only screen and (min-width: 56.3125rem) { html.account-upgrade-tickets .ticket-upgrade-wrapper .rich-text { padding: 0 3rem 0 0; border-right: 1px solid #3CCBC6; border-bottom: 0; } } @media only screen and (min-width: 56.3125rem) { html.account-upgrade-tickets .ticket-upgrade-wrapper form { padding-left: 2rem; } } .template-block { margin-top: 1.875rem; margin-bottom: 1.875rem; } .template-block > * { margin-bottom: 30px; } @media only screen and (min-width: 56.3125rem) { .template-block > * { margin-bottom: 40px; } } @media only screen and (min-width: 56.3125rem) { .template-block { margin-top: 3.75rem; margin-bottom: 3.75rem; } } .template-block.alert .col-lg-6 > * { margin-bottom: 21px; } .template-block.alert .comp-date { color: #00bbb4; } .load-more-wrapper { text-align: center; margin-top: 3rem; } .load-more-wrapper button { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.5625rem 0.9375rem; font-size: 0.75rem; line-height: 0.9375rem; font-size: 0.75rem; border-color: white; background: white; color: #002E6D; border: 1px solid #002E6D; } .load-more-wrapper button:hover { background-color: #F6F6F6; border-color: #002E6D; } .load-more-wrapper button:active { background-color: #E2E2E2; border-color: #002E6D; } @media only screen and (min-width: 56.3125rem) { .load-more-wrapper button { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.9375rem 1.3125rem; font-size: 1rem; line-height: 1.125rem; font-size: 1rem; border-color: white; background: white; color: #002E6D; border: 1px solid #002E6D; } .load-more-wrapper button:hover { background-color: #F6F6F6; border-color: #002E6D; } .load-more-wrapper button:active { background-color: #E2E2E2; border-color: #002E6D; } } .comp-pricing .buy-button { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.9375rem 1.3125rem; font-size: 1rem; line-height: 1.125rem; font-size: 1rem; color: #002E6D; border-color: #002E6D; background: transparent; } .comp-pricing .buy-button:hover { background-color: #F6F6F6; } .comp-pricing .buy-button:active { background-color: #E2E2E2; } .comp-pricing .pricing-heading { font-style: italic; font-weight: 800; font-size: 1.875rem; line-height: 2.0625rem; letter-spacing: -0.0625rem; } .comp-pricing.grad.grad-a { color: white; background: linear-gradient(180deg, #00BBB4 0%, #284F7F 100%); box-shadow: 0 2.25rem 21.875rem rgba(0, 0, 0, 0.2); border-radius: 0.1875rem; padding: 1.875rem; } .comp-pricing.grad.grad-a a:not(.btn):not(.buy-button) { color: white; } .comp-pricing.grad.grad-a .item { border-color: #66D6D2; } .comp-pricing.grad.grad-a .comp-spinner button { background: transparent; border-color: white; } .comp-pricing.grad.grad-a .comp-spinner button svg { fill: white; } .comp-pricing.grad.grad-a .buy-button { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.9375rem 1.3125rem; font-size: 1rem; line-height: 1.125rem; font-size: 1rem; border-color: white; background: white; color: #002E6D; } .comp-pricing.grad.grad-a .buy-button:hover { background-color: #F6F6F6; border-color: #002E6D; } .comp-pricing.grad.grad-a .buy-button:active { background-color: #E2E2E2; border-color: #002E6D; } .comp-pricing.white-theme { color: white; } .comp-pricing.white-theme a:not(.btn) { color: white; } .comp-pricing.white-theme .item { border-color: #66D6D2; } .comp-pricing > * { margin: 1rem 0; } .comp-pricing > *:last-child { margin-bottom: 0; } .comp-pricing > *:first-child { margin-top: 0; } .comp-pricing .price-header { font-size: 1.125rem; line-height: 1.3125rem; letter-spacing: -0.00125rem; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .comp-pricing .price-header .title { flex: 1; padding-right: 1rem; font-weight: 700; font-size: 1rem; line-height: 1.5rem; } .comp-pricing .price-header .title i { font-weight: 400; font-style: normal; } .comp-pricing .price-header .price { font-weight: 700; } .comp-pricing .item { padding: 1rem 0; border-bottom: 0.0625rem solid #002E6D; } .comp-pricing .item .small { font-weight: 400; font-size: 0.8125rem; line-height: 1.125rem; } .comp-pricing .item .desc { margin-top: 1rem; } .comp-pricing .btn-wrapper a:not(.btn):not(.buy-button) { text-decoration: underline; } .comp-pricing .ticket-accordian .trigger { display: -ms-flexbox; display: -webkit-flex; display: flex; } .comp-pricing .ticket-accordian .trigger button { display: -ms-flexbox; display: -webkit-flex; display: flex; cursor: pointer; flex: 1; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .comp-pricing .ticket-accordian .trigger button:hover { opacity: 0.8; } .comp-pricing .ticket-accordian .trigger .accordion-title { flex: 1; font-style: italic; font-weight: 800; font-size: 1.3125rem; line-height: 1.5rem; letter-spacing: -0.01875rem; } .comp-pricing .ticket-accordian .trigger .accordion-icon { border: solid currentcolor; border-width: 0 0.125rem 0.125rem 0; height: 0.5rem; pointer-events: none; transform: translateY(-40%) rotate(45deg); width: 0.5rem; } .comp-pricing .ticket-accordian .trigger .accordion-trigger[aria-expanded=true] .accordion-icon { transform: translateY(-40%) rotate(-135deg); } .comp-pricing .ticket-accordian .accordion-panel .items .item { border: 0; padding-bottom: 0; } .gallery-wrapper { position: relative; display: grid; grid-template-columns: repeat(7, 1fr); align-items: center; gap: 32px; /* picture:first-of-type{ transform: scale(0.5); } picture:nth-child(3){ transform: scale(1.4); } picture:last-child{ transform: scale(1); } */ } @media only screen and (min-width: 56.3125rem) { .gallery-wrapper { grid-template-columns: repeat(8, 1fr); } } .gallery-wrapper button { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 100; cursor: pointer; } .gallery-wrapper .rellax { transform: translateY(0); will-change: transform; } .gallery-wrapper picture { position: relative; z-index: 99; filter: drop-shadow(0px 6px 50px rgba(0, 0, 0, 0.2)); } .gallery-wrapper picture img { width: 100%; height: auto; } .gallery-wrapper picture:first-of-type { display: grid; grid-column: 1/3; grid-row: 1; margin: 0; } .gallery-wrapper picture:nth-child(3) { display: grid; grid-column: 2/6; grid-row: 1; margin: 0; aspect-ratio: unset; } .gallery-wrapper picture:nth-child(3):after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(/ContentFullers360/images/gallery-enlarge.svg) center center no-repeat; } .gallery-wrapper picture:last-child { display: grid; grid-column: 5/8; grid-row: 1; margin: 0; aspect-ratio: unset; } .comp-hgroup { text-align: center; } .comp-hgroup.highlight:before { content: ""; width: 3.75rem; height: 0.0625rem; background-color: #00bbb4; margin-bottom: 2.5rem; display: inline-block; } .comp-hgroup .sub-heading { color: #00bbb4; margin-bottom: 0.375rem; } .comp-hgroup .heading { color: #002E6D; } .comp-hgroup p { font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; } @media only screen and (min-width: 56.3125rem) { .comp-hgroup p { font-size: 1rem; line-height: 1.5rem; } } .comp-hgroup > *:last-child { margin: 0; } .block-hgroup ~ .section-tab { padding: 0; } .comp-tabs { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .comp-tabs.lg a { color: #002E6D; font-style: italic; font-weight: 800; font-size: 1.5rem; line-height: 1.6875rem; letter-spacing: -0.025rem; } .comp-tabs.lg a:after { height: 3px; } .comp-tabs.lg a span { padding: 0 0 6px 0; } @media only screen and (min-width: 56.3125rem) { .comp-tabs.lg a { font-style: italic; font-weight: 800; font-size: 1.875rem; line-height: 2.0625rem; letter-spacing: -0.0625rem; } .comp-tabs.lg a:after { height: 6px; } .comp-tabs.lg a span { padding: 0 0 9px 0; } } .comp-tabs.sm a { color: #009690; font-weight: 600; text-transform: uppercase; font-size: 0.9375rem; line-height: 1.125rem; letter-spacing: 0.03125rem; } .comp-tabs.no-wrap { max-width: 100%; overflow-y: hidden; scroll-behavior: smooth; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } @media only screen and (min-width: 56.3125rem) { .comp-tabs.no-wrap { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .comp-tabs.no-wrap li a { white-space: nowrap; display: block; } .comp-tabs li { margin: 0 7px; } @media only screen and (min-width: 56.3125rem) { .comp-tabs li { margin: 0 15px; } } .comp-tabs a { position: relative; padding: 6px 0; color: #00706C; } .comp-tabs a:after { content: ""; display: block; width: 0; height: 3px; background-color: #002E6D; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; } .comp-tabs a span { display: block; padding: 0 0 6px 0; } .comp-tabs a:hover, .comp-tabs a.active { color: #002E6D; } .comp-tabs a:hover:after, .comp-tabs a.active:after { width: 100%; } .comp-tags { max-width: 100%; overflow-y: hidden; scroll-behavior: smooth; } .comp-tags.center ul { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .comp-tags ul { display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; } @media only screen and (min-width: 56.3125rem) { .comp-tags ul { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .comp-tags ul li { margin-right: 0.625rem; margin-bottom: 0.625rem; } .comp-tags ul li:last-child { margin-right: 0; } .comp-tags ul a { position: relative; padding: 0.375rem 0.75rem; background: #EEEEEE; border-radius: 0.1875rem; display: block; font-weight: 600; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; white-space: nowrap; } .comp-tags ul a:hover { background: #FFB71B; } .comp-tags ul a.active { background: #FFCD00; } .comp-accordian:not(.ticket-accordian) { /* For Edge bug https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4806035/ */ } .comp-accordian:not(.ticket-accordian) .title { font-style: italic; font-weight: 800; font-size: 1.875rem; line-height: 2.0625rem; letter-spacing: -0.0625rem; margin-bottom: 0.75rem; } .comp-accordian:not(.ticket-accordian) .accordion:not(.white-theme) > * + * { border-top: 1px solid #4DCFCB; } .comp-accordian:not(.ticket-accordian) .accordion-trigger { display: block; cursor: pointer; margin: 0; padding: 1rem 1rem 1rem 0; position: relative; text-align: left; width: 100%; outline: none; } .comp-accordian:not(.ticket-accordian) button { border-style: none; } .comp-accordian:not(.ticket-accordian) .accordion-panel { padding-bottom: 1rem; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; } .comp-accordian:not(.ticket-accordian) .accordion-panel img.hero { width: 100%; height: auto; } .comp-accordian:not(.ticket-accordian) .accordion-title { display: block; font-weight: 700; font-size: 1.25rem; line-height: 1.5rem; color: #002E6D; letter-spacing: -0.03125rem; } .comp-accordian:not(.ticket-accordian).white-theme .accordion-title { color: white; } .comp-accordian:not(.ticket-accordian).white-theme .accordion-title { color: white; } .comp-accordian:not(.ticket-accordian) .accordion-icon { height: 0.9rem; position: absolute; right: 0; top: 1.2rem; width: 0.9rem; background: url(/ContentFullers360/images/icons/plus-icon.svg) no-repeat center; background-size: 100%; } .comp-accordian:not(.ticket-accordian) .accordion-trigger[aria-expanded=true] .accordion-icon { background-image: url(/ContentFullers360/images/icons/minus-icon.svg); } .comp-accordian:not(.ticket-accordian) .accordion-panel[hidden] { display: none; } .comp-img picture { display: block; } .comp-img picture img { display: block; } .comp-header-alert-bar, .comp-travel-alert { background-color: #FFCD00; font-weight: 700; font-size: 1rem; line-height: 1.5rem; position: relative; color: #002E6D; } .comp-header-alert-bar .ico-alert, .comp-travel-alert .ico-alert { width: 1.3125rem; height: 1.3125rem; display: block; margin-right: 0.375rem; background: url(/ContentFullers360/images/alert.svg) no-repeat center; } .comp-header-alert-bar .title-wrapper, .comp-travel-alert .title-wrapper { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; margin: auto; } @media only screen and (min-width: 71rem) { .comp-header-alert-bar .title-wrapper, .comp-travel-alert .title-wrapper { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .comp-header-alert-bar.comp-travel-alert, .comp-travel-alert.comp-travel-alert { padding-left: 1rem; padding-right: 1rem; border-radius: 3px; } .comp-header-alert-bar .title, .comp-travel-alert .title { font-style: italic; font-weight: 800; font-size: 1.125rem; line-height: 1.3125rem; letter-spacing: -0.019375rem; padding: 0 0 0.9375rem 0; } @media only screen and (min-width: 71rem) { .comp-header-alert-bar .title, .comp-travel-alert .title { padding: 0 0.75rem 0 0; font-style: italic; font-weight: 800; font-size: 1.3125rem; line-height: 1.5rem; letter-spacing: -0.01875rem; } } .comp-header-alert-bar a, .comp-travel-alert a { text-decoration-line: underline; flex: 1; font-size: 0.75rem; line-height: 1.125rem; letter-spacing: 0.0125rem; } @media only screen and (min-width: 56.3125rem) { .comp-header-alert-bar a, .comp-travel-alert a { font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; } } .comp-header-alert-bar .wrapper, .comp-travel-alert .wrapper { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; padding: 0.9375rem 0; } @media only screen and (min-width: 71rem) { .comp-header-alert-bar .wrapper, .comp-travel-alert .wrapper { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: left; } } .comp-header-alert-bar .close-alert, .comp-travel-alert .close-alert { position: absolute; right: 0.9375rem; top: 0.9375rem; width: 1.875rem; height: 1.875rem; background-image: url(/contentfullers360/images/close.svg); background-size: 0.9375rem; background-position: center; background-repeat: no-repeat; } @media only screen and (min-width: 71rem) { .comp-header-alert-bar .close-alert, .comp-travel-alert .close-alert { position: static; } } .comp-header-alert-bar .close-alert span, .comp-travel-alert .close-alert span { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .comp-destination-selector { position: relative; z-index: 4; color: white; } .comp-destination-selector .row { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .comp-destination-selector .widget-inner { position: relative; z-index: 1; padding-top: 1.875rem; padding-bottom: 1.875rem; } @media only screen and (min-width: 56.3125rem) { .comp-destination-selector .widget-inner { top: -3.75rem; padding-top: 0; padding-bottom: 0; } } .comp-destination-selector .widget-inner:after, .comp-destination-selector .widget-inner:before { content: ""; position: absolute; z-index: 0; top: 0; bottom: 0; left: -1rem; right: -1rem; } @media only screen and (min-width: 56.3125rem) { .comp-destination-selector .widget-inner:after, .comp-destination-selector .widget-inner:before { left: -2.8125rem; top: -2.8125rem; bottom: -2.8125rem; right: -2.8125rem; border-radius: 0.1875rem; } } .comp-destination-selector .widget-inner:before { filter: drop-shadow(0 0.375rem 3.125rem rgba(0, 0, 0, 0.2)); background: linear-gradient(180deg, #009690 0%, #284F7F 100%); } .comp-destination-selector .widget-inner:after { background: url(/ContentFullers360/images/waves.svg) top center; background-size: 150%; opacity: 0.05; background-repeat: repeat-y; } .comp-destination-selector .widget-inner .ico-tabs { font-style: italic; font-weight: 800; font-size: 1.125rem; line-height: 1.3125rem; letter-spacing: -0.019375rem; } @media only screen and (min-width: 71rem) { .comp-destination-selector .widget-inner .ico-tabs { font-style: italic; font-weight: 800; font-size: 1.5rem; line-height: 1.6875rem; letter-spacing: -0.025rem; } } .comp-destination-selector .widget-inner .ico-tabs i { width: 1.5rem; height: 1.5rem; background-repeat: no-repeat; background-position: center; background-size: 100%; margin: 0 0 0.375rem 0; -webkit-transform: translateY(1px); -moz-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); display: -ms-flexbox; display: -webkit-flex; display: flex; } @media only screen and (min-width: 56.3125rem) { .comp-destination-selector .widget-inner .ico-tabs i { margin: 0 0.375rem 0 0; } } .comp-destination-selector .widget-inner .ico-tabs i.ico-ttable { background-image: url("/ContentFullers360/images/icons/timetable.svg"); } .comp-destination-selector .widget-inner .ico-tabs i.ico-commute { background-image: url("/ContentFullers360/images/icons/passes.svg"); } .comp-destination-selector .widget-inner .ico-tabs i.ico-ticket { background-image: url("/ContentFullers360/images/icons/boat.svg"); } .comp-destination-selector .widget-inner .ico-tabs button { margin: 0 0.5rem 2rem 0.5rem; padding: 0 0 0.5rem 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; border-bottom: 0.1875rem solid transparent; } .comp-destination-selector .widget-inner .ico-tabs button:hover { cursor: pointer; } @media only screen and (min-width: 56.3125rem) { .comp-destination-selector .widget-inner .ico-tabs button { margin: 0 1rem 2rem 1rem; } } @media only screen and (min-width: 56.3125rem) { .comp-destination-selector .widget-inner .ico-tabs button { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; text-align: left; } } .comp-destination-selector .widget-inner .ico-tabs button.selected { border-bottom: 0.1875rem solid white; } .comp-destination-selector .widget-inner .commuters-tab { position: relative; z-index: 100; } .comp-destination-selector .widget-inner .commuters-tab .cols { display: -ms-flexbox; display: -webkit-flex; display: flex; } .comp-destination-selector .widget-inner .commuters-tab .cols > div { flex: 1; padding: 1rem; text-align: center; } .comp-destination-selector .widget-inner .commuters-tab .cols > div:first-child { padding-left: 0.5rem; } .comp-destination-selector .widget-inner .commuters-tab .cols > div:last-child { padding-right: 0; } .comp-destination-selector .widget-inner .commuters-tab .cols > div > * { margin: 0.6rem 0; } .comp-destination-selector .widget-inner .commuters-tab .cols > div > *:first-child { margin-top: 0; } .comp-destination-selector .widget-inner .commuters-tab .cols > div > *:last-child { margin-bottom: 0; } @media only screen and (min-width: 56.3125rem) { .comp-destination-selector .widget-inner .commuters-tab .cols > div { padding: 2rem 2rem 0 2rem; } } .comp-destination-selector .widget-inner .commuters-tab .links { text-align: center; margin-top: 2rem; } .comp-destination-selector .widget-inner .commuters-tab .links a { text-decoration: underline; } .comp-destination-selector .widget-inner .commuters-tab .links a:hover { text-decoration: none; } .comp-destination-selector .widget-inner .commuters-tab .title { font-style: italic; font-weight: 800; font-size: 1.3125rem; line-height: 1.5rem; letter-spacing: -0.01875rem; } @media only screen and (min-width: 56.3125rem) { .comp-destination-selector .widget-inner .commuters-tab .title { font-style: italic; font-weight: 800; font-size: 1.5rem; line-height: 1.6875rem; letter-spacing: -0.025rem; } } .comp-destination-selector .widget-inner .commuters-tab p { font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; } @media only screen and (min-width: 56.3125rem) { .comp-destination-selector .widget-inner .commuters-tab p { font-size: 1rem; line-height: 1.5rem; } } .comp-destination-selector .widget-inner .commuters-tab .btn-wrapper { margin-top: 0.7rem; } .comp-destination-selector .widget-inner .commuters-tab a.tab-btn.secondary { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.5625rem 0.9375rem; font-size: 0.75rem; line-height: 0.9375rem; font-size: 0.75rem; border-color: white; background: white; color: #002E6D; margin: 0.4rem; } .comp-destination-selector .widget-inner .commuters-tab a.tab-btn.secondary:hover { background-color: #F6F6F6; border-color: #002E6D; } .comp-destination-selector .widget-inner .commuters-tab a.tab-btn.secondary:active { background-color: #E2E2E2; border-color: #002E6D; } @media only screen and (min-width: 56.3125rem) { .comp-destination-selector .widget-inner .commuters-tab a.tab-btn.secondary { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.75rem 1.125rem; font-size: 0.875rem; line-height: 0.9375rem; font-size: 0.875rem; border-color: white; background: white; color: #002E6D; margin: 0.4rem 0.75rem; } .comp-destination-selector .widget-inner .commuters-tab a.tab-btn.secondary:hover { background-color: #F6F6F6; border-color: #002E6D; } .comp-destination-selector .widget-inner .commuters-tab a.tab-btn.secondary:active { background-color: #E2E2E2; border-color: #002E6D; } } .comp-destination-selector .widget-inner .commuters-tab a.tab-btn.secondary-white-outline { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.5625rem 0.9375rem; font-size: 0.75rem; line-height: 0.9375rem; font-size: 0.75rem; background: transparent; color: white; border-color: white; margin: 0.4rem; } .comp-destination-selector .widget-inner .commuters-tab a.tab-btn.secondary-white-outline:hover { opacity: 0.8; } .comp-destination-selector .widget-inner .commuters-tab a.tab-btn.secondary-white-outline:active { background-color: rgba(255, 255, 255, 0.1); } @media only screen and (min-width: 56.3125rem) { .comp-destination-selector .widget-inner .commuters-tab a.tab-btn.secondary-white-outline { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.75rem 1.125rem; font-size: 0.875rem; line-height: 0.9375rem; font-size: 0.875rem; background: transparent; color: white; border-color: white; margin: 0.4rem 0.75rem; } .comp-destination-selector .widget-inner .commuters-tab a.tab-btn.secondary-white-outline:hover { opacity: 0.8; } .comp-destination-selector .widget-inner .commuters-tab a.tab-btn.secondary-white-outline:active { background-color: rgba(255, 255, 255, 0.1); } } .comp-destination-selector .widget-inner .trip-date-swap { position: relative; z-index: 2; text-align: center; } .comp-destination-selector .widget-inner .trip-date-swap .trip-date-range { margin-top: 1.8rem; } .comp-destination-selector .widget-inner .trip-date-swap .date-range { margin-top: 1rem; } .comp-destination-selector .widget-inner .trip-date-swap .date-range .daterange-prev, .comp-destination-selector .widget-inner .trip-date-swap .date-range .daterange-next { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.75rem 1.125rem; font-size: 0.875rem; line-height: 0.9375rem; font-size: 0.875rem; background: transparent; color: white; border-color: white; background-size: 15px; background-repeat: no-repeat; background-position: center; } .comp-destination-selector .widget-inner .trip-date-swap .date-range .daterange-prev:hover, .comp-destination-selector .widget-inner .trip-date-swap .date-range .daterange-next:hover { opacity: 0.8; } .comp-destination-selector .widget-inner .trip-date-swap .date-range .daterange-prev:active, .comp-destination-selector .widget-inner .trip-date-swap .date-range .daterange-next:active { background-color: rgba(255, 255, 255, 0.1); } .comp-destination-selector .widget-inner .trip-date-swap .date-range .daterange-prev span, .comp-destination-selector .widget-inner .trip-date-swap .date-range .daterange-next span { opacity: 0; width: 3px; overflow: hidden; white-space: nowrap; } .comp-destination-selector .widget-inner .trip-date-swap .date-range .pickdate { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.75rem 1.125rem; font-size: 0.875rem; line-height: 0.9375rem; font-size: 0.875rem; border-color: white; background: white; color: #002E6D; margin: 0 0.625rem; } .comp-destination-selector .widget-inner .trip-date-swap .date-range .pickdate:hover { background-color: #F6F6F6; border-color: #002E6D; } .comp-destination-selector .widget-inner .trip-date-swap .date-range .pickdate:active { background-color: #E2E2E2; border-color: #002E6D; } .comp-destination-selector .widget-inner .trip-date-swap .date-range .daterange-prev { background-image: url(/ContentFullers360/images/sm-white-arrow-left.svg); } .comp-destination-selector .widget-inner .trip-date-swap .date-range .daterange-next { background-image: url(/ContentFullers360/images/sm-white-arrow-right.svg); } .comp-destination-selector .widget-inner .trip-details { margin-top: 1rem; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 2; text-align: center; } @media only screen and (min-width: 56.3125rem) { .comp-destination-selector .widget-inner .trip-details { margin-top: 2.0625rem; } } @media only screen and (min-width: 56.3125rem) { .comp-destination-selector .widget-inner .trip-details { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: left; } } .comp-destination-selector .widget-inner .trip-details div + div { margin-top: 1rem; } @media only screen and (min-width: 56.3125rem) { .comp-destination-selector .widget-inner .trip-details div + div { margin: 0 0 0 2rem; } } .comp-destination-selector .widget-inner .trip-details a { text-decoration: underline; font-weight: 600; text-underline-offset: 0.375rem; } .comp-destination-selector .widget-inner .trip-details a:hover { text-decoration: none; } .comp-destination-selector .widget-inner .trip-details .trip-time, .comp-destination-selector .widget-inner .trip-details .trip-location { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .comp-destination-selector .widget-inner .trip-details .trip-time span, .comp-destination-selector .widget-inner .trip-details .trip-location span { margin-right: 6px; } .comp-destination-selector .widget-inner .trip-details .trip-time .ico-location, .comp-destination-selector .widget-inner .trip-details .trip-location .ico-location { margin-right: 0.3rem; min-width: 1.25rem; height: 1.25rem; background: url(/ContentFullers360/images/location-white.svg) no-repeat center center; } .comp-destination-selector .widget-inner .trip-details .trip-time .ico-time, .comp-destination-selector .widget-inner .trip-details .trip-location .ico-time { margin-right: 0.3rem; min-width: 1.25rem; height: 1.25rem; background: url(/ContentFullers360/images/time.svg) no-repeat center center; } .comp-destination-selector .widget-inner .trip-heading { margin-top: 1rem; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 2; text-align: center; } @media only screen and (min-width: 56.3125rem) { .comp-destination-selector .widget-inner .trip-heading { margin-top: 2.0625rem; } } @media only screen and (min-width: 56.3125rem) { .comp-destination-selector .widget-inner .trip-heading { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: left; } } .comp-destination-selector .widget-inner .trip-heading .trip-hgroup { text-align: center; } .comp-destination-selector .widget-inner .trip-heading .trip-hgroup .sub-heading { color: #ffffff; margin-bottom: 0.375rem; } .comp-destination-selector .widget-inner .trip-heading .trip-hgroup .heading { color: #ffffff; } .comp-destination-selector .widget-inner .trip-heading .trip-hgroup .heading.lg { font-size: 1rem; } @media only screen and (min-width: 56.3125rem) { .comp-destination-selector .widget-inner .trip-heading .trip-hgroup .heading.lg { font-size: 1.8rem; letter-spacing: 0rem; } } .comp-destination-selector .widget-inner .trip-heading .trip-time, .comp-destination-selector .widget-inner .trip-heading .trip-location { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .comp-destination-selector .widget-inner .trip-heading .trip-time span, .comp-destination-selector .widget-inner .trip-heading .trip-location span { margin-right: 6px; } .comp-destination-selector .ico-tabs { display: -ms-flexbox; display: -webkit-flex; display: flex; position: relative; z-index: 2; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .comp-destination-selector .comp-spinner-item { margin-bottom: 1rem; display: -ms-flexbox; display: -webkit-flex; display: flex; } .comp-destination-selector .comp-spinner-item label { flex: 1; padding-right: 2rem; } .comp-destination-selector .comp-spinner-item label .type-heading { font-weight: 700; font-size: 1rem; line-height: 1.5rem; } .comp-destination-selector .comp-spinner-item label .type-sub-heading { font-size: 0.75rem; line-height: 1.125rem; letter-spacing: 0.0125rem; } .comp-destination-selector .comp-passenger-selector { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; min-height: 3.75rem; padding: 0 1rem; z-index: 100; } @media only screen and (min-width: 71rem) { .comp-destination-selector .comp-passenger-selector { padding: 0 2rem; } } .comp-destination-selector .comp-passenger-selector.selected .comp-passenger-spinners { display: block; } .comp-destination-selector .comp-passenger-selector .passenger-number { white-space: nowrap; } .comp-destination-selector .comp-passenger-selector .comp-passenger-spinners { z-index: 101; display: none; min-width: 20rem; color: #002E6D; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: white; border: 0.0625rem solid #005E5A; box-shadow: 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.1); border-radius: 0.1875rem; padding: 1rem; position: absolute; top: 50%; left: 0; max-width: 100%; } .comp-destination-selector .comp-passenger-selector .btn { width: 100%; text-align: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .comp-destination-selector .comp-travel-alert { margin-top: 2.25rem; z-index: 1; } .comp-destination-selector .at-container { z-index: 100; position: relative; background-color: white; padding: 1.125rem; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; margin-top: 2.25rem; border-radius: 3px; } @media only screen and (min-width: 56.3125rem) { .comp-destination-selector .at-container { text-align: left; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .comp-destination-selector .at-container .logo { margin: 0 0 1rem 0; } @media only screen and (min-width: 56.3125rem) { .comp-destination-selector .at-container .logo { margin: 0 1rem 0 0; } } .comp-destination-selector .at-container img { min-width: 90px; width: 90px; height: 90px; display: block; } .comp-destination-selector .at-container .rich-text { color: #333; margin: 0 0 1rem 0; } @media only screen and (min-width: 56.3125rem) { .comp-destination-selector .at-container .rich-text { margin: 0 1rem 0 0; } } .comp-destination-selector .at-container .rich-text p { font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; } @media only screen and (min-width: 56.3125rem) { .comp-destination-selector .at-container .rich-text p { font-size: 1rem; line-height: 1.5rem; } } .comp-destination-selector .at-container .btn-wrapper a { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.75rem 1.125rem; font-size: 0.875rem; line-height: 0.9375rem; font-size: 0.875rem; border-color: #009690; background: #009690; color: white; white-space: nowrap; background-color: #283D51; border-color: #283D51; } .comp-destination-selector .at-container .btn-wrapper a:hover { border-color: #00706C; background: #00706C; } .comp-destination-selector .at-container .btn-wrapper a:active { border-color: #005E5A; background-color: #005E5A; } .comp-destination-selector .timetable-container { position: relative; z-index: 2; margin-top: 1.5625rem; overflow: auto; } .comp-destination-selector .timetable-container .comp-button-nav { margin-top: 1.875rem; display: -ms-flexbox; display: -webkit-flex; display: flex; } .comp-destination-selector .timetable-container .comp-button-nav.center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .comp-destination-selector .timetable-container .comp-extra-timetable-info { background-color: #EEFAFD; color: #002E6D; padding: 1.3125rem; margin-top: 1.875rem; border-radius: 0.1875rem; } @media only screen and (min-width: 56.3125rem) { .comp-destination-selector .timetable-container .comp-extra-timetable-info { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .comp-destination-selector .timetable-container .comp-extra-timetable-info .button-wrapper { text-align: center; } .comp-destination-selector .timetable-container .comp-extra-timetable-info .button-wrapper .download i { content: ""; display: block; width: 1rem; height: 1rem; background: url(/ContentFullers360/images/download.svg) center no-repeat; background-size: 100%; margin-left: 0.4rem; } @media only screen and (min-width: 56.3125rem) { .comp-destination-selector .timetable-container .comp-extra-timetable-info .button-wrapper { text-align: left; } } .comp-destination-selector .timetable-container .comp-extra-timetable-info .desc { flex: 1; margin-bottom: 1rem; } @media only screen and (min-width: 56.3125rem) { .comp-destination-selector .timetable-container .comp-extra-timetable-info .desc { padding-right: 1rem; } } .comp-destination-selector .timetable-container .comp-extra-timetable-info .desc .heading { margin-bottom: 1rem; } .comp-destination-selector .timetable-container .comp-timetable { display: -ms-flexbox; display: -webkit-flex; display: flex; border-radius: 0.1875rem; overflow: auto; } .comp-destination-selector .timetable-container .comp-timetable .no-timetable { text-align: center; font-style: italic; font-weight: 800; font-size: 1.5rem; line-height: 1.6875rem; letter-spacing: -0.025rem; margin: 1rem auto; } .comp-destination-selector .timetable-container .comp-timetable .tt-col { flex: 1; } .comp-destination-selector .timetable-container .comp-timetable .tt-col:first-child div:nth-child(2) { border-radius: 0.1875rem 0 0 0; overflow: hidden; } .comp-destination-selector .timetable-container .comp-timetable .tt-col:last-child div:nth-child(2) { border-radius: 0 0.1875rem 0 0; overflow: hidden; } .comp-destination-selector .timetable-container .comp-timetable .tt-col .tt-head { font-style: italic; font-weight: 800; font-size: 1.125rem; line-height: 1.3125rem; letter-spacing: -0.019375rem; padding: 0.75rem 1rem; white-space: nowrap; } .comp-destination-selector .timetable-container .comp-timetable .tt-col div:not(.tt-head) { color: #002E6D; font-size: 0.8125rem; line-height: 1.125rem; letter-spacing: -0.000625rem; padding: 0.5rem 1rem; border-right: #66D6D2 0.0625rem solid; white-space: nowrap; } .comp-destination-selector .timetable-container .comp-timetable .tt-col div:not(.tt-head):nth-child(odd) { background-color: #EEFAFD; } .comp-destination-selector .timetable-container .comp-timetable .tt-col div:not(.tt-head):nth-child(even) { background-color: white; } .comp-destination-selector .comp-accordian { margin-top: 2.25rem; } .comp-destination-selector .row-grid { padding: 0; } .comp-destination-selector .pricing-heading { font-style: italic; font-weight: 800; font-size: 1.5rem; line-height: 1.6875rem; letter-spacing: -0.025rem; } .comp-destination-selector h3.trigger { margin-bottom: 1.875rem; } .comp-destination-selector .comp-pricing { margin-bottom: 1.875rem; } .comp-destination-selector .comp-pricing .pricing-heading { margin-bottom: 1.3125rem; } .comp-destination-selector .comp-pricing .price-header .title, .comp-destination-selector .comp-pricing .price-header .price { font-size: 1.125rem; line-height: 1.6875rem; letter-spacing: -0.00625rem; font-weight: 400; } .comp-destination-selector .comp-pricing .item { border-color: #4D6D99; } .comp-destination-selector .comp-pricing .item:first-child { padding-top: 0; } .comp-destination-selector .comp-pricing .item .desc p { font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; } .comp-destination-selector .comp-date-picker-pop-up .datepicker-container { max-width: 460px !important; } @media only screen and (max-width: 56.25rem) { .comp-destination-selector .comp-date-picker-pop-up .datepicker-container { padding: 0 !important; } .comp-destination-selector .comp-date-picker-pop-up .datepicker-container .datepicker-cell { padding-top: 1.4% !important; padding-bottom: 1.4% !important; } } .comp-destination-selector .comp-date-picker-pop-up .datepicker-container .dates { margin-bottom: 1.5rem !important; } .comp-spinner { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-weight: 700; } .comp-spinner input[type=number] { width: 2.8125rem; text-align: center; min-width: 0; appearance: textfield; } .comp-spinner button { cursor: pointer; width: 2.625rem; height: 2.625rem; font-weight: 700; font-size: 1.3125rem; line-height: 1.75rem; border: 0.125rem solid #002E6D; filter: drop-shadow(0 0.125rem 0.1875rem rgba(0, 0, 0, 0.1)); border-radius: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: white; } .comp-spinner button svg { fill: #002E6D; } .comp-spinner button.disabled { opacity: 0.5; pointer-events: none; } .journey-selection.fields { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; color: black; font-weight: 600; position: relative; z-index: 100; } @media only screen and (min-width: 56.3125rem) { .journey-selection.fields { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; background-color: white; border-radius: 2.5rem; filter: drop-shadow(0 0.25rem 0.25rem rgba(0, 0, 0, 0.1)); } } .journey-selection.fields .inner-fields { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: white; border-radius: 1rem; flex: 1; } @media only screen and (min-width: 56.3125rem) { .journey-selection.fields .inner-fields { border-radius: 0; background: none; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .journey-selection.fields > .btn-wrapper { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 1rem 0 0 0; } @media only screen and (min-width: 56.3125rem) { .journey-selection.fields > .btn-wrapper { margin: 0 0.3125rem 0 0; } } .journey-selection.fields > .btn-wrapper .btn { width: 100%; text-align: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .journey-selection.fields .input-wrapper { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 56.3125rem) { .journey-selection.fields .input-wrapper { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; flex: 1; } .journey-selection.fields .input-wrapper:before { content: ""; position: absolute; width: 0.0625rem; top: 0; left: 50%; bottom: 0; background-color: #EEEEEE; } } .journey-selection.fields .select-wrapper { min-height: 3.75rem; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .journey-selection.fields .select-wrapper:not(:first-child) { border-top: 1px solid #EEEEEE; } @media only screen and (min-width: 56.3125rem) { .journey-selection.fields .select-wrapper { width: 50%; border-top: 0; } .journey-selection.fields .select-wrapper:not(:first-child) { border-top: 0; } } .journey-selection.fields .comp-passenger-selector { border-top: 1px solid #EEEEEE; } @media only screen and (min-width: 56.3125rem) { .journey-selection.fields .comp-passenger-selector { border-left: 1px solid #EEEEEE; border-top: 0; } } .journey-selection.fields select { flex: 1; padding-left: 1rem; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 71rem) { .journey-selection.fields select { padding-left: 1.875rem; } } .journey-selection.fields select:focus-visible { border: 0; } .journey-selection.fields .reverse-direction { position: absolute; right: 1.875rem; top: 50%; z-index: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (min-width: 56.3125rem) { .journey-selection.fields .reverse-direction { position: relative; right: initial; } } .journey-selection.fields .reverse-direction i { display: -ms-flexbox; display: -webkit-flex; display: flex; width: 2.25rem; height: 2.25rem; border: 0.125rem solid #002E6D; border-radius: 100%; background: white url(/ContentFullers360/images/switch.svg) no-repeat center; } .comp-progress { margin: 30px 0; } @media only screen and (min-width: 56.3125rem) { .comp-progress { margin: 60px 0; } } .comp-progress .progress { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .comp-progress .progress li { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #00bbb4; } .comp-progress .progress li:not(:last-child):after { display: block; width: 40px; margin: 0 0.5rem; height: 1px; background-color: #00bbb4; content: ""; } @media only screen and (min-width: 56.3125rem) { .comp-progress .progress li:not(:last-child):after { width: 60px; margin: 0 2rem; } } .comp-progress .progress li.visited { color: #002E6D; } .comp-progress .progress li.visited i:before { border-color: #002E6D; } .comp-progress .progress li.visited span { color: #002E6D; } .comp-progress .progress li.selected { color: #002E6D; } .comp-progress .progress li.selected:after { background-color: #002E6D; } .comp-progress .progress li.selected i span { color: white; } .comp-progress .progress li.selected i:after { display: block; background-color: #002E6D; } .comp-progress .progress li.selected i:before { background-color: white; border-color: #002E6D; } .comp-progress .progress li > div { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .comp-progress .progress li .step-label { font-style: italic; font-weight: 800; font-size: 1.125rem; line-height: 1.3125rem; letter-spacing: -0.019375rem; } @media only screen and (min-width: 56.3125rem) { .comp-progress .progress li .step-label { font-style: italic; font-weight: 800; font-size: 1.3125rem; line-height: 1.5rem; letter-spacing: -0.01875rem; } } .comp-progress .progress li i { margin-bottom: 12px; width: 30px; height: 30px; display: block; position: relative; font-style: normal; } @media only screen and (min-width: 56.3125rem) { .comp-progress .progress li i { width: 48px; height: 48px; } } .comp-progress .progress li i span { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 36px; height: 36px; z-index: 3; position: relative; color: #00bbb4; font-style: italic; font-weight: 800; font-size: 1.125rem; line-height: 1.3125rem; letter-spacing: -0.019375rem; } @media only screen and (min-width: 56.3125rem) { .comp-progress .progress li i span { width: 48px; height: 48px; } } @media only screen and (min-width: 56.3125rem) { .comp-progress .progress li i span { font-style: italic; font-weight: 800; font-size: 1.5rem; line-height: 1.6875rem; letter-spacing: -0.025rem; } } .comp-progress .progress li i:after { position: absolute; display: none; z-index: 1; width: 28px; height: 28px; background-color: #00bbb4; border-radius: 100%; content: ""; left: 4px; top: 4px; } @media only screen and (min-width: 56.3125rem) { .comp-progress .progress li i:after { width: 40px; height: 40px; } } .comp-progress .progress li i:before { position: absolute; display: block; z-index: 0; top: 0; left: 0; width: 36px; height: 36px; border: 2px solid #00bbb4; background-color: white; border-radius: 100%; content: ""; } @media only screen and (min-width: 56.3125rem) { .comp-progress .progress li i:before { width: 48px; height: 48px; } } .slider-wrapper:not(.no-slide) { padding-top: 2.2rem; } .slider-wrapper:not(.no-slide) .card { min-height: initial; } .slider-wrapper.no-slide.slider-wrapper { overflow: visible; } .slider-wrapper.no-slide.slider-wrapper .card-slider { display: grid; } @media only screen and (max-width: 56.25rem) { .slider-wrapper.no-slide.slider-wrapper .card-slider { grid-template-columns: repeat(4, 1fr); gap: 16px; } .slider-wrapper.no-slide.slider-wrapper .card-slider > * { grid-column: span 4; } } @media only screen and (min-width: 56.3125rem) { .slider-wrapper.no-slide.slider-wrapper .card-slider { gap: 32px; grid-template-columns: repeat(12, 1fr); } .slider-wrapper.no-slide.slider-wrapper .card-slider > * { grid-column: span 3; } } .slider-wrapper.no-slide.slider-wrapper .slider-progress { display: none; } .slider-wrapper .flickity-viewport { overflow: visible; } .slider-wrapper .flickity-slider > .card { width: 90%; margin: 0 1rem 1rem 1rem; } .slider-wrapper .flickity-slider > .card:not(.is-selected) { opacity: 0.5; } @media only screen and (min-width: 56.3125rem) { .slider-wrapper .flickity-slider > .card { width: 28%; } } .slider-wrapper { overflow: hidden; position: relative; } html.is-scrolling .slider-wrapper:after { z-index: 1000; position: absolute; content: ""; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(255, 192, 203, 0); } .flickity-prev-next-button { display: none; } @media only screen and (min-width: 56.3125rem) { .flickity-prev-next-button { display: block; } } .slider-progress { margin: 0.9375rem auto 0 auto; width: 10.625rem; height: 0.1875rem; border-radius: 0.1875rem; background-color: #66D6D2; position: relative; overflow: hidden; } @media only screen and (min-width: 56.3125rem) { .slider-progress { width: 25.875rem; margin: 2.5rem auto 0 auto; } } .slider-progress span { position: absolute; left: 0; top: 0; display: block; background-color: black; bottom: 0; } html.date-picker-open { overflow: hidden; } html.date-picker-open body { overflow: hidden; } html.date-picker-open main { z-index: 2001; position: relative; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up { display: -ms-flexbox; display: -webkit-flex; display: flex; padding-top: 2rem; background-color: white; border: 3px solid #00bbb4; position: fixed; overflow: auto; top: 0; left: 0; right: 0; bottom: 0; z-index: 6000; } @media only screen and (min-width: 56.3125rem) { html.date-picker-open .date-selector.selected .comp-date-picker-pop-up { padding-top: 3rem; } } @media only screen and (min-width: 56.3125rem) { html.date-picker-open .date-selector.selected .comp-date-picker-pop-up { background-color: rgb(42, 100, 116); border: 0; } } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .no-time-error { margin-top: 1rem; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up label { font-size: 1rem; line-height: 1.5rem; margin-bottom: 0.4rem; text-align: center; display: block; } @media only screen and (min-width: 56.3125rem) { html.date-picker-open .date-selector.selected .comp-date-picker-pop-up label { text-align: left; } } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up input[type=text] { padding: 0; height: 0; outline: 0; border: 0; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up input[type=text]:focus { outline: 0; border: 0; box-shadow: initial; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up select { border: 1px solid #66D6D2; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .datepicker-dropdown { position: static; border: 1px solid #66D6D2; border-radius: 3px; padding-top: 0; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .datepicker-dropdown .datepicker-view .dow { font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; font-weight: 300; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .datepicker-dropdown .view-switch { pointer-events: none; color: #002E6D; font-size: 1.125rem; line-height: 1.6875rem; letter-spacing: -0.00625rem; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .datepicker-dropdown .datepicker-grid { width: 100%; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .datepicker-dropdown .next-btn, html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .datepicker-dropdown .prev-btn { position: relative; color: transparent; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .datepicker-dropdown .next-btn:after, html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .datepicker-dropdown .prev-btn:after { content: ""; width: 0.7rem; height: 0.7rem; display: block; position: absolute; border: 3px solid #002E6D; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .datepicker-dropdown .next-btn.next-btn:after, html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .datepicker-dropdown .prev-btn.next-btn:after { border-left: 0; border-bottom: 0; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .datepicker-dropdown .next-btn.prev-btn:after, html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .datepicker-dropdown .prev-btn.prev-btn:after { border-right: 0; border-top: 0; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .datepicker-dropdown .datepicker-picker { display: block; box-shadow: initial; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .datepicker-dropdown .datepicker-picker span { height: auto; line-height: 1; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .datepicker-dropdown .datepicker-cell, html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .datepicker-dropdown .datepicker-view .week { padding-top: 2%; padding-bottom: 2%; height: auto; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .datepicker-dropdown .datepicker-cell { background-color: white; border: 2px solid #F8F6F6; border-radius: 8px; min-height: 3.4rem; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .datepicker-dropdown .datepicker-cell:not(.disabled):not(.selected) span:nth-child(2) { color: #009691; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .datepicker-dropdown .datepicker-cell.disabled { color: #A7A7A7; background-color: #F8F6F6; border: 2px solid white; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .datepicker-dropdown .datepicker-cell:not(.disabled).next, html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .datepicker-dropdown .datepicker-cell:not(.disabled).prev { color: #002E6D; background-color: white; border: 2px solid #F8F6F6; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .datepicker-dropdown .datepicker-cell.selected { color: white; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .datepicker-dropdown .datepicker-cell.selected, html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .datepicker-dropdown .datepicker-cell.selected:hover { background-color: #002E6D; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up h3 { font-style: italic; font-weight: 800; font-size: 1.5rem; line-height: 1.6875rem; letter-spacing: -0.025rem; text-align: center; } @media only screen and (min-width: 56.3125rem) { html.date-picker-open .date-selector.selected .comp-date-picker-pop-up h3 { font-style: italic; font-weight: 800; font-size: 1.875rem; line-height: 2.0625rem; letter-spacing: -0.0625rem; margin-bottom: 2.0625rem; } } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 1rem 0 1rem 0; } @media only screen and (min-width: 56.3125rem) { html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin: 0; } } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items .date, html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items .time, html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items .no-dates { flex: 1; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items .date.date, html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items .time.date, html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items .no-dates.date { max-width: 360px; margin: 1rem auto 2rem auto; } @media only screen and (min-width: 56.3125rem) { html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items .date.date, html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items .time.date, html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items .no-dates.date { max-width: 100%; margin: 2rem auto; } } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items .date.time, html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items .time.time, html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items .no-dates.time { max-width: 360px; width: 100%; margin: 0 auto 2rem auto; order: 3; } @media only screen and (min-width: 56.3125rem) { html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items .date.time, html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items .time.time, html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items .no-dates.time { max-width: 100%; margin: 0 0 2rem 0; } } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items .date.date, html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items .time.date, html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items .no-dates.date { order: 2; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items .date.no-dates, html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items .time.no-dates, html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items .no-dates.no-dates { order: 1; } @media only screen and (min-width: 56.3125rem) { html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items .date.date, html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items .time.date, html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items .no-dates.date { margin: 0 1rem 0 0; max-width: calc(50% - 1rem); order: 1; } .date-picker-open .date-selector.selected .comp-date-picker-pop-up.just-date .items .date { max-width: 100% !important; margin: 0 !important; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items .date.time, html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items .time.time, html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .items .no-dates.time { margin: 0 0 0 1rem; max-width: calc(100% - 1rem); order: 2; } } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .no-dates { background-color: #FFCD00; display: block; margin: auto; padding: 1rem; margin: 1rem 0 0 0; border-radius: 0.1875rem; text-align: center; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; font-weight: 600; } @media only screen and (min-width: 56.3125rem) { html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .no-dates { margin: 1rem 0 2rem 0; } } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .no-dates p { margin: 0; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .datepicker-container { color: #002E6D; max-width: 870px; padding: 16px; margin: auto; } @media only screen and (min-width: 56.3125rem) { html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .datepicker-container { background-color: white; border: 3px solid #00bbb4; border-radius: 0.1875rem; padding: 36px; } } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .close-date-picker { position: absolute; right: 0; top: 0; color: white; font-size: 3rem; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .date-picker-nav { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 56.3125rem) { html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .date-picker-nav { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .date-picker-nav .confirm-dates { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.9375rem 1.3125rem; font-size: 1rem; line-height: 1.125rem; font-size: 1rem; border-color: #009690; background: #009690; color: white; margin-bottom: 1rem; min-width: 200px; text-align: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .date-picker-nav .confirm-dates:hover { border-color: #00706C; background: #00706C; } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .date-picker-nav .confirm-dates:active { border-color: #005E5A; background-color: #005E5A; } @media only screen and (min-width: 56.3125rem) { html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .date-picker-nav .confirm-dates { margin: 0 0 0 2rem; } } html.date-picker-open .date-selector.selected .comp-date-picker-pop-up .date-picker-nav button:not(.confirm-dates):hover { text-decoration: underline; } .comp-date-picker-pop-up { display: none; } .date-selector { margin-top: 1rem; } .date-selector .date-label { font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; margin-bottom: 0.4rem; display: block; font-weight: 600; } .date-selector .pickdate { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.75rem 1.125rem; font-size: 0.875rem; line-height: 0.9375rem; font-size: 0.875rem; color: #002E6D; border-color: #002E6D; background: transparent; } .date-selector .pickdate:hover { background-color: #F6F6F6; } .date-selector .pickdate:active { background-color: #E2E2E2; } .date-selector .pickdate i { width: 13px; height: 16px; display: block; background: url(/ContentFullers360/images/icons/calendar.svg) no-repeat center center; margin-left: 4px; background-size: 13px; } .date-selector .date-selected { font-size: 1rem; line-height: 1.5rem; font-weight: 600; } .comp-icon-list .title { font-style: italic; font-weight: 800; font-size: 1.875rem; line-height: 2.0625rem; letter-spacing: -0.0625rem; margin-bottom: 1.5rem; } @media only screen and (min-width: 56.3125rem) { .comp-icon-list .title { font-style: italic; font-weight: 800; font-size: 2.8125rem; line-height: 3rem; letter-spacing: -0.125rem; margin-bottom: 3rem; } } .comp-icon-list ul li { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 1.5rem 0; } .comp-icon-list ul li img { width: 18px; height: 18px; margin-right: 1rem; } .comp-icon-list ul li p { font-size: 1rem; line-height: 1.5rem; } .comp-saved-card { background-color: white; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 1rem 2rem 1rem 1.5rem; min-height: 5.4375rem; margin: 0.9rem auto; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #66D6D2; border-radius: 3px; position: relative; text-align: left; cursor: pointer; } .comp-saved-card i { background: url(/ContentFullers360/images/card-type.svg) no-repeat; width: 2.125rem; height: 1.5625rem; display: block; margin-right: 1rem; } .comp-saved-card .desc { flex: 1; font-weight: 600; text-transform: uppercase; font-size: 0.8125rem; line-height: 0.9375rem; letter-spacing: 0.01875rem; } @media only screen and (min-width: 56.3125rem) { .comp-saved-card .desc { font-weight: 600; text-transform: uppercase; font-size: 0.9375rem; line-height: 1.125rem; letter-spacing: 0.03125rem; } } .comp-saved-card .desc > div { margin: 0.2rem 0; } .comp-saved-card .comp-rad { top: 0; width: 1.6875rem; height: 1.6875rem; } .template-booking .comp-saved-card { max-width: 500px; } .comp-form .comp-title { font-style: italic; font-weight: 800; font-size: 1.6875rem; line-height: 1.875rem; letter-spacing: -0.025rem; margin-bottom: 1.5rem; } @media only screen and (min-width: 56.3125rem) { .comp-form .comp-title { font-style: italic; font-weight: 800; font-size: 1.875rem; line-height: 2.0625rem; letter-spacing: -0.0625rem; } } .comp-card-feature { background-color: white; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-radius: 0.1875rem; overflow: hidden; } .comp-card-feature .img-wrapper { height: 15.625rem; } .comp-card-feature .img-wrapper img { display: block; height: 100%; width: 100%; object-fit: cover; } .comp-card-feature .content { display: -ms-flexbox; display: -webkit-flex; display: flex; flex: 1; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 1.3125rem 1.125rem; } .comp-card-feature .desc { color: #002E6D; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; flex: 1; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: -0.00625rem; } .comp-card-feature .desc .title { font-size: 1.125rem; line-height: 1.6875rem; letter-spacing: -0.00625rem; font-weight: 700; margin-bottom: 0.375rem; } .comp-card-feature .foot { margin-top: 0.75rem; } a.comp-card-feature:hover { filter: drop-shadow(0 0.375rem 1.25rem rgba(0, 0, 0, 0.2)); border-radius: 0.75rem 0.1875rem; } .comp-card-destination { background-color: #002E6D; min-height: 100%; padding-top: 80%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; border-radius: 0.1875rem; position: relative; color: white; position: relative; } .comp-card-destination:after { content: ""; position: absolute; border-radius: 0 0 0.1875rem 0.1875rem; bottom: -10px; width: 100%; height: 10px; background-color: transparent; } .comp-card-destination:hover { filter: drop-shadow(0 0.375rem 1.25rem rgba(0, 0, 0, 0.2)); border-radius: 0.1875rem 0.1875rem 0 0; } .comp-card-destination:hover:after { background-color: #00bbb4; } .comp-card-destination .img-wrapper { position: absolute; border-radius: 0.1875rem; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .comp-card-destination .img-wrapper img { display: block; width: 100%; height: 100%; object-fit: cover; } .comp-card-destination .img-wrapper:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); } .comp-card-destination .eyebrow { font-weight: 600; text-transform: uppercase; font-size: 0.8125rem; line-height: 0.9375rem; letter-spacing: 0.01875rem; margin-bottom: 0.5625rem; } @media only screen and (min-width: 56.3125rem) { .comp-card-destination .eyebrow { font-weight: 600; text-transform: uppercase; font-size: 0.9375rem; line-height: 1.125rem; letter-spacing: 0.03125rem; } } .comp-card-destination .title { font-style: italic; font-weight: 800; font-size: 1.6875rem; line-height: 1.875rem; letter-spacing: -0.025rem; } @media only screen and (min-width: 56.3125rem) { .comp-card-destination .title { font-style: italic; font-weight: 800; font-size: 1.875rem; line-height: 2.0625rem; letter-spacing: -0.0625rem; } } .comp-card-destination p { font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; } .comp-card-destination .content { position: relative; z-index: 3; flex: 1; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 1.3125rem; } @media only screen and (min-width: 56.3125rem) { .comp-card-destination .content { padding: 1.875rem; } } .comp-card-destination .content hr { margin: 1.125rem 0; width: 3.75rem; background-color: white; border: 0; outline: 0; height: 0.0625rem; } .comp-card-destination .desc { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; flex: 1; } .comp-card-destination .foot { margin-top: 1.875rem; } .comp-card-destination .foot a { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 1.875rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; cursor: pointer; border: 1px solid transparent; padding: 0.75rem 1.125rem; font-size: 0.875rem; line-height: 0.9375rem; font-size: 0.875rem; background: transparent; color: white; border-color: white; } .comp-card-destination .foot a:hover { opacity: 0.8; } .comp-card-destination .foot a:active { background-color: rgba(255, 255, 255, 0.1); } .comp-card-destination .foot a:after { content: ""; width: 21px; height: 1rem; display: block; background: url(/ContentFullers360/images/arrow-right-white.svg) no-repeat center; background-size: 100%; margin-left: 0.4rem; } .comp-card-experience { background-color: white; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-radius: 0.1875rem; position: relative; min-height: 100%; } .comp-card-experience .price .eyebrow { color: #00bbb4; font-weight: 600; text-transform: uppercase; font-size: 0.75rem; line-height: 0.9375rem; letter-spacing: 0.0125rem; } @media only screen and (min-width: 56.3125rem) { .comp-card-experience .price .eyebrow { font-weight: 600; text-transform: uppercase; font-size: 0.9375rem; line-height: 1.125rem; letter-spacing: 0.03125rem; } } .comp-card-experience .price .title { font-style: italic; font-weight: 800; font-size: 1.5rem; line-height: 1.6875rem; letter-spacing: -0.025rem; } @media only screen and (min-width: 56.3125rem) { .comp-card-experience .price .title { font-style: italic; font-weight: 800; font-size: 1.875rem; line-height: 2.0625rem; letter-spacing: -0.0625rem; } } .comp-card-experience p { font-size: 0.75rem; line-height: 1.125rem; letter-spacing: 0.0125rem; } @media only screen and (min-width: 56.3125rem) { .comp-card-experience p { font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; } } .comp-card-experience .tag { position: absolute; top: 1.3125rem; left: 1.3125rem; font-size: 0.75rem; line-height: 1.125rem; padding: 0.375rem 0.75rem; letter-spacing: -0.009375rem; color: #002E6D; border-radius: 0.1875rem; background-color: #FFB71B; z-index: 2; } @media only screen and (min-width: 56.3125rem) { .comp-card-experience .tag { top: 1.6875rem; left: 1.6875rem; font-size: 0.875rem; line-height: 1.3125rem; } } .comp-card-experience:hover { position: relative; z-index: 100; border-radius: 0; } @media only screen and (min-width: 56.3125rem) { .comp-card-experience:hover { filter: drop-shadow(0 0.375rem 1.25rem rgba(0, 0, 0, 0.2)); } } .comp-card-experience:hover:after { position: absolute; width: 100%; height: 9px; bottom: -9px; background: #66D6D2; display: block; content: ""; border-radius: 0 0 0.1875rem 0.1875rem; } .comp-card-experience .img-wrapper { position: relative; z-index: 1; border-radius: 0.1875rem 0.1875rem 0 0; overflow: hidden; height: 12.5rem; } @media only screen and (min-width: 56.3125rem) { .comp-card-experience .img-wrapper { height: 16.125rem; } } .comp-card-experience .img-wrapper img { display: block; width: 100%; height: 100%; object-fit: cover; } .comp-card-experience .ttl-sub-heading { font-weight: 600; text-transform: uppercase; font-size: 0.75rem; line-height: 0.9375rem; letter-spacing: 0.0125rem; padding-right: 1.3125rem; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 9px; flex: 1; } @media only screen and (min-width: 56.3125rem) { .comp-card-experience .ttl-sub-heading { font-weight: 600; text-transform: uppercase; font-size: 0.9375rem; line-height: 1.125rem; letter-spacing: 0.03125rem; padding-right: 1.6875rem; } } .comp-card-experience .ttl-sub-heading > span { flex: 1; } .comp-card-experience .ttl-sub-heading i { width: 14px; position: relative; top: 1px; margin-right: 6px; display: block; height: 14px; background: url("/ContentFullers360/images/icons/heart.svg") no-repeat center; background-size: 14px; } .comp-card-experience .ttl-sub-heading .ratings { display: none; } @media only screen and (min-width: 56.3125rem) { .comp-card-experience .ttl-sub-heading .ratings { display: -ms-flexbox; display: -webkit-flex; display: flex; } } .comp-card-experience .ttl-heading { font-style: italic; font-weight: 800; font-size: 1.5rem; line-height: 1.6875rem; letter-spacing: -0.025rem; } @media only screen and (min-width: 56.3125rem) { .comp-card-experience .ttl-heading { font-style: italic; font-weight: 800; font-size: 1.875rem; line-height: 2.0625rem; letter-spacing: -0.0625rem; } } .comp-card-experience .ttl-heading:after { content: ""; display: block; width: 80px; height: 1px; margin: 12px 0; background-color: #E2E2E2; } .comp-card-experience .sub-wrap { display: -ms-flexbox; display: -webkit-flex; display: flex; color: #00bbb4; } .comp-card-experience .content { position: relative; z-index: 2; border-radius: 0 0.1875rem 0 0; background-color: white; top: -1.125rem; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; flex: 1; margin-right: 1.3125rem; padding: 1.3125rem 0 0 1.3125rem; } @media only screen and (min-width: 56.3125rem) { .comp-card-experience .content { top: -2.25rem; } } @media only screen and (min-width: 56.3125rem) { .comp-card-experience .content { margin-right: 1.6875rem; padding: 1.6875rem 0 0 1.6875rem; } } .comp-card-experience .desc { color: #002E6D; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; flex: 1; } .comp-card-experience .foot .nav { margin-top: 0.6875rem; } .comp-card-experience .foot .nav .btn { margin: 0.5625rem 0.5625rem 0 0; } .comp-card-article { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-radius: 0.1875rem; overflow: hidden; min-height: 100%; position: relative; } .comp-card-article:not(.summary) { background-color: white; } .comp-card-article:not(.summary):hover { filter: drop-shadow(0 0.375rem 1.25rem rgba(0, 0, 0, 0.2)); border-radius: 0.75rem 0.1875rem; z-index: 200; } .comp-card-article:not(.summary) .img-wrapper { position: relative; z-index: 1; } .comp-card-article:not(.summary) .img-wrapper img { display: block; width: 100%; height: auto; } .comp-card-article .sub-wrap time { color: #00706C; font-size: 0.75rem; line-height: 1.125rem; letter-spacing: 0.0125rem; } .comp-card-article .content { position: relative; z-index: 2; background-color: white; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-right: 0; padding: 1rem; } @media only screen and (min-width: 56.3125rem) { .comp-card-article .content { top: -2.25rem; border-radius: 0 0.1875rem 0 0; margin-right: 1.875rem; } } .comp-card-article .desc { color: #002E6D; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .comp-card-article .desc h4.title { font-size: 1rem; line-height: 1.5rem; font-weight: 700; color: #002E6D; } .comp-card-regular { font-size: 16px; line-height: 24px; } .comp-card-regular * { margin: 1rem 0; } .comp-card-regular *:last-child { margin-bottom: 0; } .comp-card-regular *:first-child { margin-top: 0; } .comp-card-regular .img-wrapper { height: 15.625rem; } .comp-card-regular .img-wrapper img { display: block; height: 100%; width: 100%; object-fit: cover; } .comp-card-alert { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 1.875rem; padding-bottom: 1.875rem; border-bottom: 0.0625rem solid #00bbb4; } .comp-card-alert .desc .sub-heading { margin-bottom: 0.5625rem; color: #00bbb4; } .comp-card-alert .desc h4.title { font-weight: 700; font-size: 1.125rem; line-height: 1.6875rem; letter-spacing: -0.00625rem; } .comp-card-ticket { background-color: white; max-width: 360px; margin: 2rem auto; border-radius: 0.6rem; overflow: hidden; } .comp-card-ticket .ticket-header { color: white; background-color: #00bbb4; font-weight: 600; padding: 1rem; } .comp-card-ticket .ticket-qr img { width: 250px; margin: 2rem auto; display: block; } .comp-card-ticket .ticket-body { border-bottom: 1px dashed #00bbb4; } .comp-card-ticket .ticket-body p { font-size: 0.75rem; line-height: 1.125rem; letter-spacing: 0.0125rem; text-align: center; font-style: italic; } .comp-card-ticket .ticket-footer { position: relative; padding: 2rem 1rem; display: -ms-flexbox; display: -webkit-flex; display: flex; } .comp-card-ticket .ticket-footer:before, .comp-card-ticket .ticket-footer:after { position: absolute; content: ""; width: 1.4rem; height: 1.4rem; background-color: #eefafd; border-radius: 100%; } .comp-card-ticket .ticket-footer:before { left: -0.7rem; top: -0.7rem; } .comp-card-ticket .ticket-footer:after { right: -0.7rem; top: -0.7rem; } .comp-card-ticket .ticket-footer .dept { flex: 1; padding-right: 1rem; } .comp-card-ticket .ticket-footer .booking-id { text-align: right; } .comp-card-ticket .ticket-footer .foot-title { font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; color: #00bbb4; } .comp-card-ticket .ticket-footer .foot-desc { font-size: 1.125rem; line-height: 1.6875rem; letter-spacing: -0.00625rem; font-weight: 600; } *:focus { /* Some exciting button focus styles */ } *:focus:not(:focus-visible) { /* Undo all the above focused button styles if the button has focus but the browser wouldn't normally show default focus styles */ } .row-grid { display: grid; margin: 0 auto; max-width: 1440px; } @media only screen and (max-width: 56.25rem) { .row-grid { grid-template-columns: repeat(4, 1fr); gap: 16px; padding: 0 16px; } } @media only screen and (min-width: 56.3125rem) { .row-grid { gap: 32px; padding: 0 32px; grid-template-columns: repeat(12, 1fr); } } @media only screen and (min-width: 71rem) { .row-grid { gap: 32px; padding: 0 64px; grid-template-columns: repeat(12, 1fr); } } .grid-item-auto { grid-column: auto auto; } @media only screen and (max-width: 56.25rem) { .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } } @media only screen and (max-width: 56.25rem) { .grid-item-sm-1 { grid-column: span 1; } .grid-item-sm-2 { grid-column: span 2; } .grid-item-sm-3 { grid-column: span 3; } .grid-item-sm-4 { grid-column: span 4; } } @media only screen and (min-width: 56.3125rem) { .grid-item-md-1 { grid-column: span 1; } .grid-item-md-2 { grid-column: span 2; } .grid-item-md-3 { grid-column: span 3; } .grid-item-md-4 { grid-column: span 4; } .grid-item-md-5 { grid-column: span 5; } .grid-item-md-6 { grid-column: span 6; } .grid-item-md-7 { grid-column: span 7; } .grid-item-md-8 { grid-column: span 8; } .grid-item-md-9 { grid-column: span 9; } .grid-item-md-10 { grid-column: span 10; } .grid-item-md-11 { grid-column: span 11; } .grid-item-md-12 { grid-column: span 12; } } @media only screen and (min-width: 71rem) { .grid-item-lg-1 { grid-column: span 1; } .grid-item-lg-2 { grid-column: span 2; } .grid-item-lg-3 { grid-column: span 3; } .grid-item-lg-4 { grid-column: span 4; } .grid-item-lg-5 { grid-column: span 5; } .grid-item-lg-6 { grid-column: span 6; } .grid-item-lg-7 { grid-column: span 7; } .grid-item-lg-8 { grid-column: span 8; } .grid-item-lg-9 { grid-column: span 9; } .grid-item-lg-10 { grid-column: span 10; } .grid-item-lg-11 { grid-column: span 11; } .grid-item-lg-12 { grid-column: span 12; } }