/* stylelint-disable */ /* stylelint-disable */ .header { background-color: #0f242f; } .header-wrapper { padding: 16px 0; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .header__book { display: inline-block; font-weight: 600 !important; } .header__right { padding-right: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .headroom--pinned .header-wrapper { background-color: #0f242f; } .header .headroom--pinned { z-index: 1000 !important; } .header__burger { border: none; background-color: transparent; margin-right: 16px; color: #ffffff; text-decoration: none; cursor: pointer; padding-top: .2rem; } .header__menu-icon { font-size: 1.3rem; line-height: 1.3rem; } .overlay { height: 100%; width: 100%; position: fixed; z-index: 1000; top: 0; left: 100vw; background-color: #ffffff; overflow-x: hidden; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } @-webkit-keyframes CLOSE_BUTTON_ROTATE_IN { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0); } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @keyframes CLOSE_BUTTON_ROTATE_IN { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0); } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @-webkit-keyframes CLOSE_BUTTON_ROTATE_OUT { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0); } 100% { -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } } @keyframes CLOSE_BUTTON_ROTATE_OUT { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0); } 100% { -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } } .overlay.open { left: 0; } .overlay.open .overlay__closebtn { -webkit-animation: CLOSE_BUTTON_ROTATE_IN 1s; animation: CLOSE_BUTTON_ROTATE_IN 1s; } .overlay__header { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 48px; } .overlay__content { width: 100%; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1rem 2rem; } .overlay__nav-item { text-decoration: none; font-size: 36px; color: #0f242f; display: block; -webkit-transition: .3s; transition: .3s; font-family: "Matter", serif; margin-bottom: 48px; font-weight: 600; } .overlay__nav-item + hr { margin-bottom: 48px; border: none; border-top: 1px solid #5cf4c9; } @media (min-width: 1024px) { .overlay__nav-item { text-align: center; } } .overlay__closebtn { font-size: 1.5rem; color: #0f242f; cursor: pointer; -webkit-animation: CLOSE_BUTTON_ROTATE_OUT 1s; animation: CLOSE_BUTTON_ROTATE_OUT 1s; text-decoration: none; } .overlay + .banner { margin-top: -70px; } @media (min-width: 1024px) { .overlay nav { max-width: 400px; margin: auto; } } /* stylelint-disable */ /* stylelint-disable */ .wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1200px; margin: 0 auto; } .container-fluid { margin-right: auto; margin-left: auto; padding-right: 2rem; padding-left: 2rem; } .row { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -1rem; margin-left: -1rem; } .row.reverse { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .col.reverse { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .col-xs { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: auto; flex-basis: auto; } .col-xs-1 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .col-xs-2 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .col-xs-3 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-xs-4 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .col-xs-5 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .col-xs-6 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-xs-7 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .col-xs-8 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .col-xs-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-xs-10 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .col-xs-11 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .col-xs-12 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-xs-offset-1 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 8.33333%; } .col-xs-offset-2 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 16.66667%; } .col-xs-offset-3 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 25%; } .col-xs-offset-4 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 33.33333%; } .col-xs-offset-5 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 41.66667%; } .col-xs-offset-6 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 50%; } .col-xs-offset-7 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 58.33333%; } .col-xs-offset-8 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 66.66667%; } .col-xs-offset-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 75%; } .col-xs-offset-10 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 83.33333%; } .col-xs-offset-11 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 91.66667%; } .col-xs-offset-12 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 100%; } .col-xs { -webkit-box-flex: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .start-xs { -webkit-box-pack: start; -ms-flex-pack: start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: start; } .center-xs { -webkit-box-pack: center; -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; text-align: center; } .end-xs { -webkit-box-pack: end; -ms-flex-pack: end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: end; } .top-xs { -webkit-box-align: start; -ms-flex-align: start; -moz-align-items: flex-start; align-items: flex-start; } .middle-xs { -webkit-box-align: center; -ms-flex-align: center; -moz-align-items: center; align-items: center; } .bottom-xs { -webkit-box-align: end; -ms-flex-align: end; -moz-align-items: flex-end; align-items: flex-end; } .around-xs { -ms-flex-pack: distribute; -moz-justify-content: space-around; justify-content: space-around; } .between-xs { -webkit-box-pack: justify; -ms-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; } .first-xs { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-xs { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media only screen and (min-width: 600px) { .container { width: 552px; } .col-sm { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: auto; flex-basis: auto; } .col-sm-1 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .col-sm-2 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .col-sm-3 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-sm-4 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .col-sm-5 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .col-sm-6 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-sm-7 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .col-sm-8 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .col-sm-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-sm-10 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .col-sm-11 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .col-sm-12 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-sm-offset-1 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 8.33333%; } .col-sm-offset-2 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 16.66667%; } .col-sm-offset-3 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 25%; } .col-sm-offset-4 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 33.33333%; } .col-sm-offset-5 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 41.66667%; } .col-sm-offset-6 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 50%; } .col-sm-offset-7 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 58.33333%; } .col-sm-offset-8 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 66.66667%; } .col-sm-offset-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 75%; } .col-sm-offset-10 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 83.33333%; } .col-sm-offset-11 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 91.66667%; } .col-sm-offset-12 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 100%; } .col-sm { -webkit-box-flex: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .start-sm { -webkit-box-pack: start; -ms-flex-pack: start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: start; } .center-sm { -webkit-box-pack: center; -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; text-align: center; } .end-sm { -webkit-box-pack: end; -ms-flex-pack: end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: end; } .top-sm { -webkit-box-align: start; -ms-flex-align: start; -moz-align-items: flex-start; align-items: flex-start; } .middle-sm { -webkit-box-align: center; -ms-flex-align: center; -moz-align-items: center; align-items: center; } .bottom-sm { -webkit-box-align: end; -ms-flex-align: end; -moz-align-items: flex-end; align-items: flex-end; } .around-sm { -ms-flex-pack: distribute; -moz-justify-content: space-around; justify-content: space-around; } .between-sm { -webkit-box-pack: justify; -ms-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; } .first-sm { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-sm { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 1024px) { .container { width: 976px; } .col-md { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: auto; flex-basis: auto; } .col-md-1 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .col-md-2 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .col-md-3 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-md-4 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .col-md-5 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .col-md-6 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-md-7 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .col-md-8 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .col-md-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-md-10 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .col-md-11 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .col-md-12 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-md-offset-1 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 8.33333%; } .col-md-offset-2 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 16.66667%; } .col-md-offset-3 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 25%; } .col-md-offset-4 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 33.33333%; } .col-md-offset-5 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 41.66667%; } .col-md-offset-6 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 50%; } .col-md-offset-7 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 58.33333%; } .col-md-offset-8 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 66.66667%; } .col-md-offset-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 75%; } .col-md-offset-10 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 83.33333%; } .col-md-offset-11 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 91.66667%; } .col-md-offset-12 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 100%; } .col-md { -webkit-box-flex: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .start-md { -webkit-box-pack: start; -ms-flex-pack: start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: start; } .center-md { -webkit-box-pack: center; -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; text-align: center; } .end-md { -webkit-box-pack: end; -ms-flex-pack: end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: end; } .top-md { -webkit-box-align: start; -ms-flex-align: start; -moz-align-items: flex-start; align-items: flex-start; } .middle-md { -webkit-box-align: center; -ms-flex-align: center; -moz-align-items: center; align-items: center; } .bottom-md { -webkit-box-align: end; -ms-flex-align: end; -moz-align-items: flex-end; align-items: flex-end; } .around-md { -ms-flex-pack: distribute; -moz-justify-content: space-around; justify-content: space-around; } .between-md { -webkit-box-pack: justify; -ms-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; } .first-md { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-md { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } [class*='end-'] { text-align: right; } /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type='checkbox'], [type='radio'] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type='search']::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* stylelint-disable */ @font-face { font-family: 'icomoon'; src: url("/fonts/icomoon.eot?qqe8ct"); src: url("/fonts/icomoon.eot?qqe8ct#iefix") format("embedded-opentype"), url("/fonts/icomoon.ttf?qqe8ct") format("truetype"), url("/fonts/icomoon.woff?qqe8ct") format("woff"), url("/fonts/icomoon.svg?qqe8ct#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } @font-face { font-family: 'Matter'; src: url("/fonts/Matter/Matter-Regular.eot"); /* IE9 Compat Modes */ src: url("/fonts/Matter/Matter-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Matter/Matter-Regular.woff2") format("woff2"), url("/fonts/Matter/Matter-Regular.woff") format("woff"); /* Pretty Modern Browsers */ font-weight: 400; font-style: normal; } @font-face { font-family: 'Matter'; src: url("/fonts/Matter/Matter-RegularItalic.eot"); /* IE9 Compat Modes */ src: url("/fonts/Matter/Matter-RegularItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/Matter/Matter-RegularItalic.woff2") format("woff2"), url("/fonts/Matter/Matter-RegularItalic.woff") format("woff"); /* Pretty Modern Browsers */ font-weight: 400; font-style: italic; } @font-face { font-family: 'Matter'; src: url("/fonts/Matter/Matter-Light.eot"); /* IE9 Compat Modes */ src: url("/fonts/Matter/Matter-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/Matter/Matter-Light.woff2") format("woff2"), url("/fonts/Matter/Matter-Light.woff") format("woff"); /* Pretty Modern Browsers */ font-weight: 300; font-style: normal; } @font-face { font-family: 'Matter'; src: url("/fonts/Matter/Matter-LightItalic.eot"); /* IE9 Compat Modes */ src: url("/fonts/Matter/Matter-LightItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/Matter/Matter-LightItalic.woff2") format("woff2"), url("/fonts/Matter/Matter-LightItalic.woff") format("woff"); /* Pretty Modern Browsers */ font-weight: 300; font-style: italic; } @font-face { font-family: 'Matter'; src: url("/fonts/Matter/Matter-Medium.eot"); /* IE9 Compat Modes */ src: url("/fonts/Matter/Matter-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/Matter/Matter-Medium.woff2") format("woff2"), url("/fonts/Matter/Matter-Medium.woff") format("woff"); /* Pretty Modern Browsers */ font-weight: 500; font-style: normal; } @font-face { font-family: 'Matter'; src: url("/fonts/Matter/Matter-MediumItalic.eot"); /* IE9 Compat Modes */ src: url("/fonts/Matter/Matter-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/Matter/Matter-MediumItalic.woff2") format("woff2"), url("/fonts/Matter/Matter-MediumItalic.woff") format("woff"); /* Pretty Modern Browsers */ font-weight: 500; font-style: italic; } @font-face { font-family: 'Matter'; src: url("/fonts/Matter/Matter-SemiBold.eot"); /* IE9 Compat Modes */ src: url("/fonts/Matter/Matter-SemiBold.eot?#iefix") format("embedded-opentype"), url("/fonts/Matter/Matter-SemiBold.woff2") format("woff2"), url("/fonts/Matter/Matter-SemiBold.woff") format("woff"); /* Pretty Modern Browsers */ font-weight: 600; font-style: normal; } @font-face { font-family: 'Matter'; src: url("/fonts/Matter/Matter-SemiBoldItalic.eot"); /* IE9 Compat Modes */ src: url("/fonts/Matter/Matter-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/Matter/Matter-SemiBoldItalic.woff2") format("woff2"), url("/fonts/Matter/Matter-SemiBoldItalic.woff") format("woff"); /* Pretty Modern Browsers */ font-weight: 600; font-style: italic; } .disabled { pointer-events: none; } .disabled:hover { cursor: pointer; } h1, .h1 { font-family: "Matter", serif; font-weight: 600; font-size: 2.5rem; line-height: 2.75rem; color: #0f242f; margin-bottom: 0; margin-top: 16px; } h2, .h2 { font-family: "Matter", serif; font-weight: 600; font-size: 2.125rem; line-height: 2.5rem; color: #0f242f; margin-bottom: 0; margin-top: 16px; } h3, .h3 { font-family: "Matter", serif; font-weight: 600; font-size: 1.5rem; line-height: 2rem; color: #0f242f; margin-bottom: 0; margin-top: 16px; } h4, .h4 { font-family: "Matter", serif; font-weight: 400; font-size: 1.125rem; line-height: 1.75rem; color: #c4c4c4; margin-bottom: 0; margin-top: 16px; } p, .p { font-family: "Matter", serif; font-size: 1rem; line-height: 1.75rem; margin-bottom: 0; margin-top: 16px; color: #737373; } small, .small { font-family: "Matter", serif; font-size: .875rem; line-height: 1.5rem; margin-bottom: 0; margin-top: 16px; } html { position: relative; min-height: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-overflow-scrolling: touch; -ms-touch-action: manipulation; touch-action: manipulation; } html body { font-family: "Matter", serif; font-weight: 400; font-size: 1rem; line-height: 1.75rem; color: #c4c4c4; overflow-x: hidden; position: relative; min-height: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-overflow-scrolling: touch; -ms-touch-action: manipulation; touch-action: manipulation; background-color: #f7f7f7; } a { color: #0f242f; text-decoration: underline; -webkit-text-decoration-color: #5cf4c9; text-decoration-color: #5cf4c9; } * { -ms-touch-action: manipulation; touch-action: manipulation; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } strong { font-weight: 1200; } /* stylelint-disable */ /* stylelint-disable */ button, .react-add-to-calendar__button { outline: none; } .btn, .react-add-to-calendar__button { border-radius: 0.5rem; background-color: #5cf4c9; border: 1px solid #5cf4c9; color: #0f242f; padding: 8px 16px; font-size: 1.125rem; line-height: 1.75rem; -webkit-transition: all .3s ease; transition: all .3s ease; position: relative; text-decoration: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 600; } .btn > *, .react-add-to-calendar__button > * { -ms-touch-action: none; touch-action: none; pointer-events: none; } .btn:disabled, .react-add-to-calendar__button:disabled { background-color: #e9e9e9; border-color: #e9e9e9; } .btn--block { display: block; width: 100%; padding: 16px 16px; } .btn--small { font-size: 1rem; padding: 8px 16px; line-height: normal; font-weight: 400; } .btn:hover:not(:disabled), .react-add-to-calendar__button:hover:not(:disabled) { cursor: pointer; -webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); } .btn.focus:not(:disabled), .focus.react-add-to-calendar__button:not(:disabled) { background-color: #ffffff; color: #5cf4c9; border: 1px solid #5cf4c9; } .btn.focus:not(:disabled) .icon-arrow-right--consult, .focus.react-add-to-calendar__button:not(:disabled) .icon-arrow-right--consult { color: #5cf4c9; } .btn__light { background-color: #ffffff; border: 1px solid #ffffff; color: #0f242f; } .btn__outline { background-color: transparent; border: 1px solid #0f242f; color: #000000; } .btn__outline.focus:not(:disabled) { background-color: #5cf4c9; border: 1px solid #5cf4c9; color: #0f242f; -webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); } .btn__bold-outline { background-color: #ffffff; border-color: #000000; color: #000000; } .btn__bold-outline.focus:not(:disabled) { background-color: #5cf4c9; border: 1px solid #5cf4c9; color: #000000; } .btn [class*='icon-'], .react-add-to-calendar__button [class*='icon-'] { font-size: .75rem; position: absolute; right: 1rem; top: 1.5rem; } .btn [class*='icon-'].left, .react-add-to-calendar__button [class*='icon-'].left { left: 1rem; right: initial; } /* stylelint-disable */ [class^='icon-'], [class*=' icon-'] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-pencil:before { content: "\E901"; } .icon-logo:before { content: "\E915"; } .icon-document:before { content: "\E914"; } .icon-down:before { content: "\E912"; } .icon-up:before { content: "\E913"; } .icon-tooltip:before { content: "\E910"; } .icon-circle-outline .path1:before { content: "\E90E"; color: #5cf4c9; } .icon-circle-outline .path2:before { content: "\E90F"; margin-left: -1em; color: white; } .icon-circle-filled:before { content: "\E911"; } .icon-clock:before { content: "\E90D"; } .icon-coin:before { content: "\E90A"; } .icon-tooth:before { content: "\E90B"; } .icon-health-insurance:before { content: "\E90C"; } .icon-gear:before { content: "\E909"; } .icon-close:before { content: "\E908"; } .icon-error:before { content: "\E907"; } .icon-calendar:before { content: "\E906"; } .icon-tick:before { content: "\E905"; } .icon-arrow-left:before { content: "\E904"; } .icon-arrow-right:before { content: "\E903"; } .icon-arrow-down:before { content: "\E902"; } .icon-menu-icon:before { content: "\E900"; } .icon-apple:before { content: "\F179"; } .icon-windows:before { content: "\F17A"; } .icon-yahoo:before { content: "\F19E"; } .icon-google:before { content: "\F1A0"; } .icon-instagram:before { content: "\E916"; } .icon-facebook:before { content: "\E917"; } .icon-envelope:before { content: "\E918"; } .icon-cheveron-right:before { content: "\E919"; } .icon-cheveron-left:before { content: "\E91A"; } .icon-linkedin-square:before { content: "\E91B"; } /* stylelint-disable */ /* stylelint-disable */ .booking .react-datepicker-ignore-onclickoutside { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .booking .react-datepicker-wrapper { width: 100%; cursor: pointer; } .booking .react-datepicker__day--outside-month { color: #e9e9e9; } .booking .react-datepicker__input-container { width: 100%; } .booking .react-datepicker__input-container::after { content: '\E916'; font-family: "icomoon"; position: absolute; right: 1.5rem; font-size: 1.25rem; top: .6rem; color: #0f242f; pointer-events: none; } .booking .react-datepicker__input-container input:hover { cursor: pointer; } .booking .react-datepicker { width: 100%; font-size: .875rem; font-weight: 300; border: 1px solid #e9e9e9; border-radius: 0; font-family: "Matter", serif; } .booking .react-datepicker__day--keyboard-selected { background-color: #5cf4c9; color: #0f242f; font-weight: 600; } .booking .react-datepicker__day--selected { background-color: #5cf4c9; color: #0f242f; font-weight: 600; } .booking .react-datepicker-popper { width: 100%; padding: 0; margin: auto; } .booking .react-datepicker__triangle { display: none; } .booking .react-datepicker__month-container { width: 100%; } .booking .react-datepicker__day-name { font-size: 0; padding-top: 8px; } .booking .react-datepicker__day-name::first-letter { visibility: visible; font-size: .875rem; } .booking .react-datepicker__header { background-color: transparent; border-bottom: none; margin: 0 .4rem; } .booking .react-datepicker__current-month, .booking .react-datepicker-time__header { color: #0f242f; } .booking .react-datepicker__day-names, .booking .react-datepicker__week { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; } .booking .react-datepicker__current-month { font-weight: 400; } .booking .react-datepicker__navigation { color: rgba(0, 0, 0, 0); text-indent: inherit; border: none; width: 5rem; height: 3rem; font-family: "icomoon"; top: 0; line-height: 0; } @media (min-width: 600px) { .booking .react-datepicker__navigation { width: 10rem; } } .booking .react-datepicker__navigation::after { position: absolute; display: inline-block; vertical-align: middle; margin-bottom: 4px; color: #0f242f; } .booking .react-datepicker__navigation--previous::after { content: '\E904'; left: calc(40% - 5px); } .booking .react-datepicker__navigation--next::after { content: '\E903'; right: calc(40% - 5px); } .booking .react-datepicker-popper[data-placement^='bottom'] { margin-top: 16px; } .booking .react-datepicker__header__dropdown--select { padding-top: 16px; padding-bottom: 16px; } .booking .react-datepicker__month-dropdown-container--select, .booking .react-datepicker__year-dropdown-container--select { position: relative; } .booking .react-datepicker__month-dropdown-container--select::after, .booking .react-datepicker__year-dropdown-container--select::after { content: '\E912'; color: #5cf4c9; font-family: "icomoon"; font-style: normal; font-size: .875rem; font-variant: normal; text-transform: none; position: absolute; right: .4rem; top: .2rem; pointer-events: none; -webkit-font-smoothing: antialiased; z-index: 1; } .booking .react-datepicker__month-dropdown-container--select select, .booking .react-datepicker__year-dropdown-container--select select { width: 100%; -webkit-appearance: none; background-color: #ffffff; font-size: .875rem; font-weight: 400; padding: 8px 24px 8px 12px; border: 1px solid #5cf4c9; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; max-height: 4.25rem; border-radius: 4px; color: #5cf4c9; display: block; text-align: left; line-height: 1rem; min-width: 120px; } /* stylelint-disable */ /* stylelint-disable */ input, textarea { width: 100%; padding: 16px 24px; border: 1px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0.5rem; line-height: 1.75rem; outline: none; resize: none; } .error-message { color: #ff2d55; font-size: .875rem; padding-left: 8px; } .has-error .ant-form-explain { padding-left: 8px; color: #ff2d55; font-size: .875rem; } textarea { min-height: 250px; } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type='number'] { -moz-appearance: 'textfield'; } .error { border: 1px solid #ff2d55; } .input__wrapper { margin-bottom: 16px; position: relative; } .input__wrapper .icon-error { position: absolute; right: 32px; top: 22px; color: #ff2d55; z-index: 100; } .ant-select { width: 100%; } .ant-select-selection--single { height: auto !important; padding: 16px 24px; border-radius: 0.5rem !important; border: 1px solid transparent !important; } .ant-select-selection__rendered { margin: 0 !important; } .ant-select-selection-selected-value { font-size: 1rem; } .ant-select.error { border-radius: .5rem; } .ant-select-focused .ant-select-selection, .ant-select-selection:focus, .ant-select-selection:active { border-color: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled), .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled), .ant-select-dropdown-menu-item-selected { background-color: #5cf4c9 !important; font-weight: 400 !important; } .ant-select-dropdown-menu-item { padding: 16px 24px !important; font-size: 1rem !important; } .ant-select-dropdown-menu { margin-top: 0; padding: 0 !important; } .ant-select-dropdown { border-radius: 0.5rem !important; } .ant-select-dropdown > div { border-radius: 0.5rem !important; } .ant-select-arrow { -webkit-transition: all .3s ease; transition: all .3s ease; } .ant-select-arrow-icon { color: #5cf4c9; } .ant-select-open .ant-select-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* stylelint-disable */ /* stylelint-disable */ .react-add-to-calendar { width: 100%; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); position: relative; display: inline-block; margin: 0 auto; } .react-add-to-calendar__wrapper { zoom: 1; cursor: pointer; } .react-add-to-calendar__button { font-weight: 600; width: 100%; padding-top: 16px; padding-bottom: 16px; } .react-add-to-calendar__icon--right { padding-left: 5px; } .react-add-to-calendar__icon--left { padding-right: 5px; } .react-add-to-calendar__dropdown { position: absolute; -webkit-box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.15); box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.15); border: 1px solid #e9e9e9; background-color: #ffffff; text-align: left; top: 64px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; z-index: 1001; } .react-add-to-calendar__dropdown ul { list-style: none; padding-left: 0; width: 188px; margin: auto; } .react-add-to-calendar__dropdown ul li { padding: 8px 0; } .react-add-to-calendar__dropdown ul li a { color: #0f242f; text-decoration: none; } .react-add-to-calendar__dropdown ul li a span { padding-right: 10px; color: #0f242f; } @media (min-width: 1024px) { .react-add-to-calendar { max-width: 280px; } } /* stylelint-disable */ /* stylelint-disable */ .with-background { position: relative; background-size: auto; background-repeat: no-repeat; background-position: bottom right; background-color: #f7f7f7; background-attachment: fixed; min-height: 80vh; } .with-background.fullscreen { height: 100vh; background-size: cover; } @media (max-width: 1023px) { .with-background { background: none !important; } } /* stylelint-disable */ /* stylelint-disable */ .progress-bar { position: -webkit-sticky; position: sticky; height: 4px; background-color: #5cf4c9; left: 0; width: 0; top: 0; z-index: 150; -webkit-transition: width .3s ease-in-out; transition: width .3s ease-in-out; } /* stylelint-disable */ /* stylelint-disable */ .loading__mask { background-color: rgba(92, 244, 201, 0.4); position: absolute; padding: 0; margin: 0; top: 0; left: 0; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 1001; } .loading__ring { display: inline-block; position: relative; width: 64px; height: 64px; } .loading__ring div { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; width: 51px; height: 51px; margin: 6px; border: 6px solid #ffffff; border-radius: 50%; -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #ffffff transparent transparent transparent; } .loading__ring div:nth-child(1) { -webkit-animation-delay: -.45s; animation-delay: -.45s; } .loading__ring div:nth-child(2) { -webkit-animation-delay: -.3s; animation-delay: -.3s; } .loading__ring div:nth-child(3) { -webkit-animation-delay: -.15s; animation-delay: -.15s; } @-webkit-keyframes lds-ring { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes lds-ring { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* stylelint-disable */ /* stylelint-disable */ .tooltip { display: inline-block; position: relative; vertical-align: middle; } .tooltip-handler { font-size: 1.25rem; display: block; width: 1rem; height: 1rem; line-height: 1rem; } .tooltip-handler:hover { text-decoration: none; cursor: pointer; } .tooltip-handler.clone { position: absolute; visibility: hidden; } .tooltip-content { max-width: 200px; text-align: left; background-color: #ffffff !important; color: #737373 !important; border: 1px solid #c4c4c4; opacity: 1 !important; pointer-events: all; padding: 16px; padding-right: 24px; line-height: 1.5rem; -webkit-box-shadow: 0 2px 8px 0 #c4c4c4; box-shadow: 0 2px 8px 0 #c4c4c4; border-radius: 0.5rem; z-index: 1001; } .tooltip-content.place-right::after, .tooltip-content.place-left::after { border-left-color: #c4c4c4 !important; border-right-color: #c4c4c4 !important; } .tooltip-content.place-top::after, .tooltip-content.place-bottom::after { border-top-color: #c4c4c4 !important; border-bottom-color: #c4c4c4 !important; } .tooltip-close-button { position: absolute; right: 4px; top: 4px; color: #5cf4c9; height: 1.75rem; } .tooltip-close-button span { display: inline; vertical-align: middle; } .tooltip-close-button:hover { text-decoration: none; cursor: pointer; } /* stylelint-disable */ /* stylelint-disable */ .service { padding: 24px 0; border-radius: 0.5rem; background: #ffffff; margin-bottom: 24px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); position: relative; } .service__header { padding: 0 24px; } .service__title { margin-top: 0; } .service__title::first-line { display: block; width: 80%; } .service__popular { color: #0f242f; float: right; margin-right: -24px; margin-top: -24px; background: rgba(92, 244, 201, 0.3); border-top-right-radius: 8px; border-bottom-left-radius: 8px; padding: 0 16px; font-size: .875rem; line-height: 2rem; font-weight: 600; } .service__items { padding: 0 24px; } .service__items ul { padding-left: 0; list-style: none; /* Remove default bullets */ } .service__items ul li { color: #737373; padding-left: 24px; } .service__items ul li::before { content: '\2022'; color: #5cf4c9; display: inline-block; font-weight: 600; text-indent: -24px; } .service__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 24px 12px; } .service__meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .service__disclaimer-link { font-size: .875rem; cursor: pointer; } .service__disclaimer { padding: 24px 16px; color: #0f242f; } .service__disclaimer-close { text-align: center; display: block; margin-top: 16px; } .service__disclaimer-subtitle { color: #0f242f; margin-top: 16px; display: block; font-weight: 800; } .service__price { font-size: 1.5rem; color: #0f242f; font-family: "Matter", serif; font-weight: 600; } .service__duration { color: #0f242f; font-weight: 600; } .service__cta { border-top: 1px solid #e9e9e9; padding: 24px 24px 0; text-align: center; } .service__cta .btn { padding: 8px 16px; } @media (min-width: 600px) { .service { min-height: 400px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } /* stylelint-disable */ /* stylelint-disable */ .dashboard { padding: 32px 0; min-height: 500px; position: relative; } .dashboard h2 { margin-top: 32px; } .dashboard__header-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .dashboard__header-title .title { margin: 0; } .dashboard__header-icon { text-decoration: none; color: #5cf4c9; font-size: 1.5rem; margin-top: .375rem; display: block; cursor: pointer; -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; } .dashboard__header-icon:hover { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .dashboard__popover { list-style: none; padding: 12px 0; margin: -16px; } .dashboard__popover li { cursor: pointer; padding: 12px 16px; color: #0f242f; font-size: .875rem; font-weight: 600; } .dashboard__popover li:not(:last-child) { border-bottom: 1px solid #e9e9e9; } .dashboard__subheader { font-size: 1rem; line-height: 1.75rem; color: #737373; margin-top: 8px; } .dashboard__patient-form .btn { padding: 8px 48px 8px 48px; font-size: .875rem; font-weight: 400; color: #737373; margin-top: 16px; } .dashboard__patient-form .btn [class*='icon-'] { top: 1rem; } .dashboard__patient-form .btn .right { color: #5cf4c9; } .dashboard__patient-form .btn .left { color: #ff2d55; } .dashboard__treatment-plan { margin-top: 32px; text-align: center; padding: 0 16px; } .dashboard__treatment-plan .dashboard__wrapper { border: 1px solid #5cf4c9; border-radius: 0.5rem; background-color: #ffffff; padding: 24px 16px 32px 16px; } .dashboard__treatment-plan .title { font-size: 1.125rem; color: #0f242f; font-weight: 600; } .dashboard__treatment-plan .content { padding-bottom: 24px; } .dashboard__treatment-plan .btn { font-size: 1rem; } .dashboard__bookings { margin-top: 32px; margin-left: -32px; margin-right: -32px; } .dashboard__bookings-wrapper { padding: 0; } .dashboard__bookings-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); margin-bottom: 16px; } .dashboard__bookings-item [class*='icon-'] { position: initial; color: #5cf4c9; } .dashboard__bookings-item-title { margin-top: 0; color: #000000; } .dashboard__bookings-item-time { font-weight: 400; margin-top: 8px; } .dashboard__bookings-no-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1rem; line-height: 1.75rem; } .dashboard__bookings-no-item-btn { margin-top: 32px; margin-bottom: 32px; padding-left: 64px; padding-right: 64px; } .dashboard__bookings .ant-tabs-nav { width: 100%; } .dashboard__bookings .ant-tabs-nav > div { display: -webkit-box; display: -ms-flexbox; display: flex; } .dashboard__bookings .ant-tabs-nav .ant-tabs-tab { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; color: #7c7b7a; text-transform: uppercase; font-size: 12px; } .dashboard__bookings .ant-tabs-nav .ant-tabs-tab-active { color: #0f242f; } .dashboard__bookings .ant-tabs-nav .ant-tabs-tab:hover { color: #0f242f; } .dashboard__bookings .ant-tabs-ink-bar { background-color: #5cf4c9; } .dashboard__bookings .ant-tabs-tabpane { padding: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; } .dashboard__header-btn { font-family: "Matter", serif; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 500; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); } .dashboard__header-btn [class*='icon-'] { color: #5cf4c9; } .dashboard__appointment-card { background-color: #ffffff; border-radius: 0.5rem; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); margin-top: 24px; margin-bottom: 24px; } .dashboard__appointment-card-address a { color: #0f242f; text-decoration: underline; -webkit-text-decoration-color: #5cf4c9; text-decoration-color: #5cf4c9; padding: 0 24px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; } .dashboard__appointment-card-datetime { font-size: 1.125rem; padding: 24px; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; color: #737373; } .dashboard__appointment-card-provider { padding: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #0f242f; } .dashboard__appointment-card-cta { padding: 16px 24px 24px 24px; -webkit-box-sizing: border-box; box-sizing: border-box; } .dashboard__appointment-card-cta .btn { border-color: #000000; color: #000000; margin-bottom: 48px; padding: 8px 16px; } .dashboard__appointment-card-cta p { color: #0f242f; } .dashboard__appointment-card-links { padding: 16px 24px 24px 24px; -webkit-box-sizing: border-box; box-sizing: border-box; } .dashboard__appointment-card-links .btn { margin-bottom: 16px; } @media (min-width: 1024px) { .dashboard__appointment-card-links { display: -webkit-box; display: -ms-flexbox; display: flex; } .dashboard__appointment-card-links .btn { margin-left: 16px; margin-right: 16px; padding: 12px 16px; } .dashboard__appointment-card-links .btn:first-child { margin-left: 0; } .dashboard__appointment-card-links .btn:last-child { margin-right: 0; } } .dashboard__appointment-card-footer { padding: 16px 24px 24px 24px; border-top: 1px solid #e9e9e9; } .dashboard__appointment-card-footer .btn { margin-top: 24px; } .dashboard__appointment-card-xrays { min-height: 250px; min-width: 250px; } .dashboard__appointment-card-xrays img { max-width: 100%; margin: 32px 0; } .dashboard__popular-services { margin-top: 24px; } .dashboard__refer-a-friend { text-align: center; background-color: #ffffff; border-radius: 0.5rem; -webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); padding: 24px; margin-bottom: 48px; } .dashboard__refer-a-friend-title { margin: 0 auto; text-align: center; } .dashboard__refer-a-friend strong { color: #0f242f; } .dashboard__refer-a-friend .btn { margin-top: 24px; } .dashboard__edit-patient-form-notification .btn { padding: 8px 48px 8px 48px; font-size: .875rem; font-weight: 400; color: #0f242f; margin: 16px 0 48px 0; } .dashboard__edit-patient-form-notification .btn [class*='icon-'] { top: 1rem; } .dashboard__edit-patient-form-notification .btn .icon-pencil { font-size: 1rem; } .dashboard__edit-patient-form-notification .btn .right, .dashboard__edit-patient-form-notification .btn .left { color: #5cf4c9; } @media (max-width: 599px) { .dashboard__wrapper, .dashboard .services__item-wrapper { padding: 0; } } .ant-popover-content .ant-popover-arrow { -webkit-box-shadow: none !important; box-shadow: none !important; background-color: #ffffff; } .ant-popover-content .ant-popover-inner li > a { text-decoration: none; } /* stylelint-disable */ /* stylelint-disable */ .RVK_keyboard_keyboard { background-color: #cdcdcd; } .RVK_keyboard_key.RVK_keyboard_dark { margin: .25rem; } .RVK_keyboard_key-del span { background-image: none !important; } /* stylelint-disable */ /* stylelint-disable */ .foyer .progress-bar { position: absolute !important; height: 8px !important; } .foyer__wrapper { padding: 64px 0 80px; } .foyer .title { font-size: 4.625rem; line-height: 5rem; margin-top: 0; margin-bottom: 80px; } .foyer .title + .icon-tick { color: #5cf4c9; font-size: 8rem; margin-bottom: 80px; display: inline-block; } .foyer .paragraph { font-size: 1.75rem; line-height: 2.5rem; color: #0f242f; } .foyer .subtitle { font-size: 1.75rem; line-height: 2.75rem; margin-top: 0; margin-bottom: 48px; } .foyer .description { font-size: 2.125rem; line-height: 3rem; color: #0f242f; margin-bottom: 64px; } .foyer input { font-size: 1.875rem; line-height: 4rem; -webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); border-radius: 1rem; } .foyer .input__wrapper { margin-bottom: 32px; } .foyer .input__wrapper .icon-error { font-size: 1.5rem; top: 34px; } .foyer .error-message, .foyer .ant-form-explain { text-align: left; font-size: 1.5rem; line-height: 3rem; } .foyer .booking__confirmation p { color: #737373; font-size: 2.125rem; margin-top: 0; margin-bottom: 32px; } .foyer .booking__confirmation-detail { margin: 64px 0; background-color: #0f242f; padding: 48px; border-radius: 0.5rem; } .foyer .booking__confirmation-detail p { color: #5cf4c9; margin-bottom: 48px; } .foyer .booking__confirmation-detail p span { color: #5cf4c9; } .foyer .booking__confirmation-detail p:last-child { margin-bottom: 0; } .foyer .booking__confirmation-detail-date, .foyer .booking__confirmation-detail-hygienist, .foyer .booking__confirmation-detail-service { text-decoration: underline; font-weight: 600; } .foyer .booking__confirmation--no-checkin { min-height: 500px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .foyer .booking__confirmation--no-checkin p { font-size: 1.625rem; } .foyer .booking__confirmation--no-checkin .btn { background-color: #ffffff; font-size: 2rem; line-height: 4rem; } .foyer .booking__confirmation--checkin { min-height: 450px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .foyer .booking__confirmation--checkin p { background-color: #ffffff; padding: 16px; border-radius: 0.5rem; margin-bottom: 48px; font-size: 1.625rem; } .foyer .booking__confirmation--checkin p .icon-error { color: #ff2d55; } .foyer .booking__confirmation--checkin .btn { font-size: 2rem; line-height: 4rem; } /* stylelint-disable */ /* stylelint-disable */ .nprogress__wrapper { opacity: 1; pointer-events: none; } .nprogress__wrapper.hidden { opacity: 0; } .nprogress__bar { background: #5cf4c9; height: 4px; left: 0; position: fixed; top: 0; width: 100%; z-index: 1001; } .nprogress__block { display: block; height: 100%; opacity: 1; position: absolute; right: 0; -webkit-transform: rotate(3deg) translate(0, -4px); transform: rotate(3deg) translate(0, -4px); width: 100px; } /* stylelint-disable */ /* stylelint-disable */ .back-container { color: #0f242f; border: 1px solid #000000; display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; bottom: 62px; right: 50px; background-color: rgba(92, 244, 201, 0.4); width: 30px; height: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: .3rem; cursor: pointer; } /* stylelint-disable */ /* stylelint-disable */ .contact-form { padding-bottom: 32px; position: relative; min-height: 500px; } .contact-form__acknowledgement { text-align: center; margin-bottom: 24px; color: #0f242f; font-size: .875rem; } .contact-form__description { margin-bottom: 32px; } /* stylelint-disable */ /* stylelint-disable */ @-webkit-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } .booking .accordion__item { border: 2px solid #5cf4c9; border-radius: 0.5rem; margin-bottom: 16px; } .booking .accordion__item .btn { border: 1px solid #5cf4c9; margin-top: 12px; margin-bottom: 12px; font-weight: 600; color: #0f242f; } .booking .accordion__item .btn:disabled { background-color: #e9e9e9; border-color: #e9e9e9; color: #737373; } .booking .accordion__button { color: #0f242f; font-weight: 600; cursor: pointer; padding: 8px; text-align: center; width: 100%; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; outline: none; } .booking .accordion__button[aria-expanded='true'] { background-color: #5cf4c9; } .booking .accordion__button::after { display: inline-block; content: '\E903'; font-family: "icomoon"; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: absolute; right: 12px; color: #5cf4c9; } .booking .accordion__button[aria-expanded='true']::after, .booking .accordion__button[aria-selected='true']::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); color: #0f242f; } .booking .accordion__panel { padding: 0 24px; -webkit-animation: fadein .35s ease-in; animation: fadein .35s ease-in; } .booking { position: relative; background-size: auto; background-repeat: no-repeat; background-position: top right; background-attachment: fixed; min-height: 500px; } .booking__wrapper { position: relative; } .booking__wrapper .loading__mask { border-radius: 0.5rem; } .booking__acknowledgement { text-align: center; margin-bottom: 24px; color: #0f242f; font-size: .875rem; } @-webkit-keyframes hide { 0% { display: block; opacity: 1; } 99% { display: block; } 100% { display: none; opacity: 0; } } @keyframes hide { 0% { display: block; opacity: 1; } 99% { display: block; } 100% { display: none; opacity: 0; } } @-webkit-keyframes show { 0% { display: none; opacity: 0; } 99% { display: block; } 100% { display: block; opacity: 1; } } @keyframes show { 0% { display: none; opacity: 0; } 99% { display: block; } 100% { display: block; opacity: 1; } } .booking { padding: 16px 0 32px; } .booking__header-btn { padding-left: 48px; font-family: "Matter", serif; font-weight: 400; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .booking__header-btn [class*='icon-'] { color: #5cf4c9; } .booking__header-price { padding-left: 24px; font-weight: 600; font-size: 1.375rem; } .booking__subtitle { margin-bottom: 16px; margin-top: 24px; } .booking__expanded-panel { background-color: #ffffff; border-radius: 0.5rem; } .booking__expanded-panel-item { display: none; -webkit-animation: hide .5s linear; animation: hide .5s linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; background: transparent; padding: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border: none; outline: none; position: relative; -webkit-transition: all .3s ease; transition: all .3s ease; } .booking__expanded-panel-item.selected { display: block; -webkit-animation: show .5s linear; animation: show .5s linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .booking__expanded-panel.open .booking__expanded-panel-item { display: block; -webkit-animation: show .5s linear; animation: show .5s linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; z-index: 1; } .booking__expanded-panel.open .booking__expanded-panel-item:not(:first-child) { border-top: 1px solid #e9e9e9; } .booking__expanded-panel.open .booking__hygienist-header { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 8px; padding-bottom: 8px; } .booking__studio-name { margin-top: 0; color: #0f242f; font-size: 1.125rem; padding-right: 16px; } .booking__studio-address { padding-right: 16px; } .booking__studio-header, .booking__studio-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .booking__studio-content { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .booking__studio-footer { margin-top: 16px; } .booking__studio-cta { padding: 0 8px; font-size: .875rem; line-height: 1.75rem; } .booking__studio-icon { color: #5cf4c9; } .booking__studio--read-only { padding: 16px; } .booking__studio--read-only p { margin-top: 0; } .booking__studio--read-only p:not(:last-child) { margin-bottom: 16px; } .booking__studio--read-only label { color: #0f242f; } .booking__studio-book { font-weight: 600; } .booking__hygienist-name { margin-top: 0; color: #0f242f; font-family: "Matter", serif; font-size: 1.125rem; padding-right: 16px; font-weight: 600; } .booking__hygienist-title, .booking__hygienist-whoever { margin-top: 0; color: #0f242f; } .booking__hygienist-thumbnail { width: 60px; height: 60px; display: block; margin-right: 16px; -ms-flex-item-align: center; align-self: center; border-radius: 50%; background-size: cover; } .booking__hygienist-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .booking__hygienist-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; pointer-events: none; } .booking__hygienist-information { display: -webkit-box; display: -ms-flexbox; display: flex; } .booking__hygienist-footer { margin-top: 16px; } .booking__hygienist-cta { padding: 0 8px; font-size: .875rem; line-height: 1.75rem; } .booking__hygienist-cta-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; pointer-events: all; } .booking__hygienist-icon { color: #5cf4c9; } .booking__hygienist-icon { margin-top: 16px; } .booking__hygienist .open .booking__expanded-panel-item.focus { background-color: #5cf4c9; } .booking__appointments-header, .booking__appointments-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .booking__appointments-name { margin-top: 0; color: #0f242f; font-size: 1.125rem; padding-right: 16px; } .booking__appointments-title { margin-top: 0; color: #0f242f; border-radius: 1.75rem; background: rgba(0, 0, 0, 0.05); line-height: 2.5rem; cursor: pointer; } .booking__appointments-content { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .booking__appointments-footer { margin-top: 16px; } .booking__appointments-cta { padding: 0 8px; font-size: .875rem; line-height: 1.75rem; } .booking__appointments-icon { color: #5cf4c9; } .booking__appointments-unavailable { text-align: center; font-size: 2rem; margin-bottom: 16px; } .booking__appointments-arrow { background-color: transparent; border: none; color: #0f242f; } .booking__appointments-date-header { padding-bottom: 16px; border-bottom: 1px solid #e9e9e9; } .booking__appointments-date-header [class*='col-'] { padding: 0; } .booking__appointments-calendar { color: #0f242f; background-color: transparent; border: none; margin-left: 8px; cursor: pointer; } .booking__appointments-description { margin: 16px 0; } .booking__appointments-description label { color: #737373; } .booking__appointments-description .tooltip { float: right; color: #5cf4c9; margin-top: 8px; } .booking__appointments .react-datepicker-wrapper { visibility: hidden; height: 0; } .booking__confirmation h2 { margin-bottom: 32px; } .booking__confirmation span { color: #0f242f; } .booking__confirmation-header { padding: 0; } .booking__confirmation-address a { color: #0f242f; text-decoration: underline; -webkit-text-decoration-color: #5cf4c9; text-decoration-color: #5cf4c9; } .booking__confirmation-datetime { font-size: 1.125rem; margin: 24px 0; display: block; } .booking__confirmation-service { margin: 16px 0; } .booking__confirmation-details { background: #ffffff; border-radius: 0.5rem; padding: 24px 16px; margin: 32px 0; font-size: 1rem; color: #737373; line-height: 2rem; } .booking__confirmation-container { display: inline-block; position: relative; margin: 0 auto; width: 100%; } @media (min-width: 1024px) { .booking__confirmation-container { max-width: 280px; } } .booking__confirmation-container .btn.booking__confirmation-btn { display: -webkit-box; display: -ms-flexbox; display: flex; background: white; border: solid 3px #000000; margin-top: 32px; padding-left: 38px; padding-right: 38px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .booking__summary { padding: 16px; } .booking__summary ul { margin: 0; padding: 0; list-style: none; color: #0f242f; } .booking__summary li { line-height: 2.5rem; } .booking__summary label { color: #c4c4c4; } .booking__summary hr { border: none; border-top: 1px solid #c4c4c4; margin-left: -16px; margin-right: -16px; } @media (max-width: 599px) { .booking { background: none; } .booking__wrapper { padding: 0; } } /* stylelint-disable */ /* stylelint-disable */ .foyer .booking__categories { padding: 0 80px; } .foyer .booking__categories-item { background-color: #ffffff; margin-bottom: 24px; font-size: 1.75rem; font-weight: 600; border-radius: 0.5rem; padding: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .foyer .booking__categories-item label { color: #0f242f; } .foyer .booking__categories-item .btn { min-width: 138px; border-radius: 0.75rem; font-size: 1.375rem; line-height: 2rem; } .foyer .booking__services .service__title { padding-top: 32px; font-size: 2.625rem; line-height: 3rem; min-height: 6rem; } .foyer .booking__services .service__header { margin-bottom: 32px; } .foyer .booking__services .service__items li { font-size: 1.5rem; line-height: 2.5rem; } .foyer .booking__services .service__items ul { min-height: 220px; } .foyer .booking__services .service__popular { font-size: 1.5rem; line-height: 3.125rem; } .foyer .booking__services .service__meta { font-size: 2.125rem; line-height: 3rem; } .foyer .booking__services .service__price { font-size: 3.125rem; line-height: 4rem; } .foyer .booking__services .service__disclaimer-link { font-size: 1.375rem; line-height: 2rem; } .foyer .booking__services .service__footer { padding-bottom: 32px; } .foyer .booking__services .service__cta { padding: 24px 48px 0; } .foyer .booking__services .service__cta .btn { padding: 8px 16px; font-size: 2rem; line-height: 4.75rem; border-radius: 1rem; } .foyer .booking__appointments .react-datepicker-wrapper { visibility: hidden; height: 0; } .foyer .booking__appointments .react-datepicker-popper { z-index: 100; max-width: 1014px; margin-top: 0 !important; } .foyer .booking__appointments .react-datepicker__current-month { font-size: 2rem; line-height: 3rem; } .foyer .booking__appointments .react-datepicker__navigation { height: 3rem; margin-top: 12px; } .foyer .booking__appointments .react-datepicker__day-name { font-size: 0; padding-top: 24px; } .foyer .booking__appointments .react-datepicker__day-name::first-letter { visibility: visible; font-size: 1.75rem; } .foyer .booking__appointments .react-datepicker__day { font-size: 1.75rem; width: 4rem; height: 4rem; line-height: 4rem; } .foyer .booking__appointments .react-datepicker__day--selected { border-radius: 50%; } .foyer .booking__appointments-next-btn { font-size: 2rem; line-height: 3rem; -webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); } .foyer .booking__appointments-description { text-align: left; } .foyer .booking__appointments-description .tooltip-handler { color: #5cf4c9; display: inline-block; margin-left: 16px; } .foyer .booking__appointments-description .tooltip-content { font-size: 1rem; } .foyer .booking__appointments-btn { border: none; border-radius: 0.5rem; background-color: #e9e9e9; width: 50px; height: 50px; margin: 16px; } .foyer .booking__appointments-btn.focus { background-color: #c4c4c4; } @-webkit-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } .foyer .booking__appointments-accordion-item { position: relative; margin-bottom: 24px; } .foyer .booking__appointments-accordion-heading .btn, .foyer .booking__appointments-accordion-heading .btn.focus { border-color: #5cf4c9; border-width: 4px; padding: 12px; } .foyer .booking__appointments-accordion-heading .btn .icon-arrow-right, .foyer .booking__appointments-accordion-heading .btn.focus .icon-arrow-right { -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; } .foyer .booking__appointments-accordion-panel { position: absolute; left: 0; right: 0; top: 60px; background-color: #ffffff; z-index: 1; padding: 16px 24px; border: 4px solid #5cf4c9; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; -webkit-animation: fadein .3s ease-in; animation: fadein .3s ease-in; display: none; } .foyer .booking__appointments-accordion-panel .btn, .foyer .booking__appointments-accordion-panel .btn.focus { border-width: 2px; } .foyer .booking__appointments-accordion-panel .btn:not(:disabled) { border-color: #5cf4c9; } .foyer .booking__appointments-accordion-panel .btn.selected { background-color: #5cf4c9; } .foyer .booking__appointments-accordion-panel .btn:not(:last-child) { margin-bottom: 16px; } .foyer .booking__appointments-accordion-item.open .booking__appointments-accordion-panel { display: block; } .foyer .booking__appointments-accordion-item.open .booking__appointments-accordion-heading .btn { background-color: #5cf4c9; } .foyer .booking__appointments-accordion-item.open .booking__appointments-accordion-heading .btn .icon-arrow-right { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .foyer .booking__appointments-cta { background-color: #ffffff; border-radius: 1rem; padding: 24px 32px; font-size: 1.5rem; color: #0f242f; margin-bottom: 32px; } .foyer .booking__appointments-cta-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.5rem; line-height: 2rem; } .foyer .booking__appointments-cta-item > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .foyer .booking__appointments-cta-item:not(:last-child) { margin-bottom: 16px; } .foyer .booking__appointments-cta-item .btn { border-color: #5cf4c9; font-size: 1.125rem; } .foyer .booking__appointments .booking__studio-icon { margin-right: 16px; color: #5cf4c9; display: inline-block; width: 22px; height: 22px; border: 1px solid #5cf4c9; border-radius: 50%; } .foyer .booking__appointments-slots { background-color: #ffffff; border-radius: 1rem; margin-bottom: 24px; } .foyer .booking__appointments-slots-row:not(:last-child) { border-bottom: 2px solid #e9e9e9; } .foyer .booking__appointments-slots .row { margin: 0; } .foyer .booking__appointments-slots-col { padding: 0; } .foyer .booking__appointments-slots-col:not(:last-child) { border-right: 2px solid #e9e9e9; } .foyer .booking__appointments-slots-header { color: #0f242f; font-size: 1.625rem; line-height: 2.5rem; text-align: center; border-bottom: 2px solid #e9e9e9; min-height: 82px; padding: 12px 0; } .foyer .booking__appointments-slots-header label { display: block; height: 2.5rem; } .foyer .booking__appointments-slots-content { padding: 24px; } .foyer .booking__appointments-slots-content p { font-size: 1.75rem; } .foyer .booking__appointments-slots .booking__appointments-unavailable { margin-bottom: 24px; line-height: 3.75rem; font-size: 3rem; } .foyer .booking__details .booking__acknowledgement { font-size: 1.25rem; line-height: 2rem; margin-bottom: 32px; color: #0f242f; } .booking__foyer-hygienist { min-width: 800px; } .booking__foyer-hygienist h3 { font-size: 2rem; line-height: 5rem; } .booking__foyer-hygienist-name { margin-top: 0; color: #0f242f; font-family: "Matter", serif; padding-right: 16px; font-weight: 600; font-size: 1.75rem; line-height: 3rem; } .booking__foyer-hygienist-title { margin-top: 0; color: #0f242f; min-height: 2rem; line-height: 2rem; font-size: 1.25rem; } .booking__foyer-hygienist-whoever { font-size: 1.75rem; color: #0f242f; line-height: 3rem; font-weight: 600; } .booking__foyer-hygienist-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .booking__foyer-hygienist-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; pointer-events: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 2px solid #e9e9e9; margin-left: -1.125rem; margin-right: -1.125rem; padding: 24px 16px; } .booking__foyer-hygienist-content img { margin-right: 16px; border-radius: 50%; -ms-flex-item-align: center; align-self: center; width: 60px; height: 60px; -o-object-fit: cover; object-fit: cover; } .booking__foyer-hygienist-information { display: -webkit-box; display: -ms-flexbox; display: flex; } .booking__foyer-hygienist-footer { margin-top: 16px; } .booking__foyer-hygienist-cta { min-width: 138px; border-radius: 0.75rem; font-size: 1.375rem; line-height: 2rem; text-align: center; } .booking__foyer-hygienist-cta-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; pointer-events: all; } .booking__foyer-hygienist-icon { color: #5cf4c9; } .booking__foyer-hygienist-icon { margin-top: 16px; } .booking__foyer-hygienist .open .booking__expanded-panel-item.focus { background-color: #5cf4c9; } /* stylelint-disable */ /* stylelint-disable */ .services { background-color: #f7f7f7; padding: 32px 0; } .services__title { margin-bottom: 32px; } .services__item-wrapper--hidden { display: none; } .services .icon-arrow-down { -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; } .services .icon-arrow-down.up { -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 599px) { .services__item-wrapper { padding: 0; } .services__cta { padding: 0; } .services__cta .btn { font-weight: 400; font-size: 1rem; } } /* stylelint-disable */ /* stylelint-disable */ .modal__container { border-radius: 4px; margin-top: 12px; padding-top: 8px; font-weight: 300; } .modal__container h3 { margin-top: 0; } .modal__closeButton { position: absolute; top: 14px; right: 14px; border: none; padding: 0; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; outline: none; cursor: pointer; } .modal__closeButton :hover { cursor: pointer; } .modal__closeButton span { letter-spacing: -4px; } /* stylelint-disable */ /* stylelint-disable */ .viewer .btn--block-dark { text-align: center; display: block; margin: auto; color: #ffffff; border-style: none; background: #000000; max-width: 50%; } .viewer .dashboard-booking__image { display: block; margin: 48px auto 8px auto; border: solid 3px #000000; } .viewer .dashboard-holder canvas { width: 100% !important; height: auto !important; } /* stylelint-disable */ /* stylelint-disable */ .categories { padding-bottom: 48px; position: relative; } .categories__btn { margin-bottom: 16px; font-family: "Matter", serif; font-size: 1.5rem; line-height: normal; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 32px; font-weight: 600; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); } .categories__header-btn { margin-bottom: 24px; font-family: "Matter", serif; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 500; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); } .categories__header-btn [class*='icon-'] { color: #5cf4c9; } .categories__btn [class*='icon-'] { top: 2.5rem; font-size: 1rem; right: 32px; color: #5cf4c9; } .categories__background { position: absolute; right: 0; top: 0; bottom: 0; width: 100%; background-repeat: no-repeat; background-size: contain; background-position: top right; } @media (max-width: 599px) { .categories__btn-wrapper { padding: 0; } } @media (max-width: 1023px) { .categories__background { display: none; } } .categories .icon-arrow-right--consult { color: #0f242f; } /* stylelint-disable */ /* stylelint-disable */ .patient-prework-nav { padding-top: 1.5rem; } .patient-prework-nav__pagination { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: center; padding: 0; margin: 0; width: 100%; } .patient-prework-nav__pagination-item { display: -webkit-box; display: -ms-flexbox; display: flex; width: 10rem; padding: 0; font-size: 1.5rem; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #5cf4c9; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .patient-prework-nav__pagination-item.active, .patient-prework-nav__pagination-item.touched { color: #5cf4c9; } .patient-prework-nav__pagination-item.touched { font-weight: 300; } .patient-prework-nav__pagination-item .icon-tick { background-color: #f7f7f7; border-radius: 50%; } .patient-prework-nav__pagination-item .icon-circle-outline .path1::before { color: #5cf4c9; font-size: 1.25rem; } .patient-prework-nav__pagination-item .icon-circle-outline .path2::before { margin-left: -1em; color: #f7f7f7; font-size: 1.25rem; } .patient-prework-nav__pagination-item:not(:first-child)::after { width: 100%; height: 1px; content: ''; position: absolute; background-color: #5cf4c9; top: .75rem; left: -50%; z-index: -100; } .patient-prework-nav__pagination-item label { margin-top: .5rem; font-size: .875rem; color: #0f242f; } .patient-prework-nav__pagination-item label:hover { cursor: pointer; } .patient-prework-nav__pagination-item > span:not(.icon-circle-filled) { width: 1.5rem; display: block; } .patient-prework-nav__pagination-item--short-name { display: none; } /* stylelint-disable */ /* stylelint-disable */ .personal-details { text-align: left; margin-bottom: 48px; margin-top: 12px; } .personal-details__for-me { display: none; } .personal-details__for-someone-else { display: none; } .personal-details__for-me.active, .personal-details__for-someone-else.active { display: block; } .personal-details__block-label { color: #737373; margin-bottom: 1rem; } .personal-details input { color: #737373; } .personal-details .ant-select-selection__placeholder, .personal-details .prework-form-owner, .personal-details .prework-form-owner__radio-label { font-size: 1rem; color: #737373; } .personal-details .ant-form-item .ant-form-explain { padding-left: 8px; color: #ff2d55; font-size: .875rem; } .personal-details .prework-form-owner__radio-label { padding-right: .75rem; } .personal-details .prework-form-owner__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .personal-details .prework-form-owner__label > .tooltip { color: #5cf4c9; padding-right: 1rem; } .personal-details .prework-form-owner__radio { padding-top: .5rem; } .personal-details .prework-form-owner__radio .ant-radio-inner { border-color: #c4c4c4; } .personal-details .prework-form-owner__radio .ant-radio-inner::after { top: 4px; left: 4px; } .personal-details .prework-form-owner__radio .ant-radio-checked > .ant-radio-inner { border-color: #5cf4c9; } .personal-details .prework-form-owner__radio .ant-radio-checked > .ant-radio-inner::after { background-color: #5cf4c9; } .personal-details .btn { border: 1px solid #5cf4c9; margin-top: 24px; font-weight: 600; color: #0f242f; } .personal-details .btn:disabled { background-color: #c4c4c4; border-color: #c4c4c4; color: #737373; } .personal-details .row > .col-xs-6:first-child { padding-right: .5rem; } .personal-details .row > .col-xs-6:nth-child(2) { padding-left: .5rem; } .personal-details .autocomplete-dropdown-container { background-color: #ffffff; border-top: 1px solid #e9e9e9; border-radius: 0 0 .5rem .5rem; overflow: hidden; } .personal-details .autocomplete-dropdown-container > .suggestion-item { color: #737373; padding: .75rem 1.5rem; -webkit-transition: background .3s ease; transition: background .3s ease; cursor: pointer; } .personal-details .autocomplete-dropdown-container > .suggestion-item:hover { background-color: #5cf4c9; } /* stylelint-disable */ /* stylelint-disable */ .medical-info { text-align: left; margin-bottom: 48px; margin-top: 12px; color: #737373; } .medical-info__button-done-container { padding-top: 16px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .medical-info__button-done { display: block; width: 50%; font-size: 1rem; outline: none; } .medical-info__disclaimer-text { font-size: .7rem; line-height: .82rem; } .medical-info input { color: #737373; } .medical-info .accordion { background-color: #ffffff; border-radius: .5rem; margin-top: 8px; } .medical-info .accordion__heading { padding: 16px 32px 16px 32px; border-bottom: 1px solid #e9e9e9; outline: none; } .medical-info .accordion__heading .accordion__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; outline: none; } .medical-info .accordion__heading .accordion__button .icon-arrow-down { color: #5cf4c9; -webkit-transition: -webkit-transform .5s ease-in-out; transition: -webkit-transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out; font-size: .75rem; } .medical-info .accordion__heading .accordion__button[aria-expanded='true'] > .icon-arrow-down, .medical-info .accordion__heading .accordion__button[aria-selected='true'] > .icon-arrow-down { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .medical-info .accordion__panel { padding: 16px 0 8px 0; -webkit-animation: fadeIn .5s ease-in-out; animation: fadeIn .5s ease-in-out; } @-webkit-keyframes fadeIn { from { opacity: 0; max-height: 0; } to { opacity: 1; max-height: 1000px; } } @keyframes fadeIn { from { opacity: 0; max-height: 0; } to { opacity: 1; max-height: 1000px; } } .medical-info .accordion__panel > .ant-checkbox-wrapper { display: block; border-bottom: 1px solid #e9e9e9; padding: 0 32px 8px 32px; } .medical-info .accordion__panel .ant-checkbox-group { display: block; padding-top: 12px; } .medical-info .accordion__panel .ant-checkbox-group > .ant-checkbox-group-item { display: block; padding: 0 32px 12px 32px; } .medical-info .accordion__panel .ant-checkbox-checked::after { border-color: #5cf4c9; } .medical-info .accordion__panel .ant-checkbox-checked > .ant-checkbox-inner { background-color: #5cf4c9; border-color: #5cf4c9; } .medical-info .accordion__panel .ant-checkbox-wrapper:hover .ant-checkbox-inner, .medical-info .accordion__panel .ant-checkbox:hover .ant-checkbox-inner, .medical-info .accordion__panel .ant-checkbox-input:focus + .ant-checkbox-inner { border-color: #5cf4c9; } .medical-info__radio-label { padding-right: .75rem; font-size: 1rem; color: #737373; } .medical-info__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .medical-info__label > .tooltip { color: #5cf4c9; padding-right: 1rem; } .medical-info__radio { padding-top: .8rem; } .medical-info__radio > .row { margin-top: .5rem; } .medical-info__radio .ant-radio-inner { border-color: #c4c4c4; } .medical-info__radio .ant-radio-inner::after { top: 4px; left: 4px; } .medical-info__radio .ant-radio-checked > .ant-radio-inner, .medical-info__radio .ant-radio:hover .ant-radio-inner, .medical-info__radio .ant-radio-input:focus + .ant-radio-inner { border-color: #5cf4c9; } .medical-info__radio .ant-radio-checked > .ant-radio-inner::after, .medical-info__radio .ant-radio:hover .ant-radio-inner::after, .medical-info__radio .ant-radio-input:focus + .ant-radio-inner::after { background-color: #5cf4c9; } .medical-info__input-list > span { padding-bottom: 8px; display: block; } .medical-info .terms-condition { text-align: center; font-size: .875rem; margin: 1rem 1rem .5rem; } .medical-info .terms-condition > a { cursor: pointer; } .medical-info .prev-step { text-align: center; font-size: .75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: .75rem; } .medical-info .prev-step > .icon-arrow-left { color: #5cf4c9; padding-right: .5rem; } .medical-info .prev-step > a { cursor: pointer; } .medical-info .error-message { font-size: .875rem; text-align: center; color: #ff2d55; margin-top: 8px; } /* stylelint-disable */ /* stylelint-disable */ .tag-group__input-container { position: relative; } .tag-group__input-container > .ant-input { margin-bottom: 12px; } .tag-group__btn-add { position: absolute; top: .75rem; right: .75rem; padding: 4px 16px; font-size: 1rem; } .tag-group .ant-tag { padding: 0 24px; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 30rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 2.5rem; } .tag-group .ant-tag > span { color: #0f242f; font-weight: 500; } .tag-group .ant-tag > i { cursor: pointer; color: #ff2d55; } /* stylelint-disable */ /* stylelint-disable */ .form-container { max-width: 600px; text-align: left; display: inline-block; } .hidden { display: none; } .confirmation { text-align: center; margin-bottom: 80px; } .confirmation span { color: #0f242f; } .confirmation > .btn { margin-top: 48px; display: inline-block; font-size: 1rem; } .confirmation__button-done-container { padding-top: 16px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .confirmation__button-done { display: block; width: 50%; font-size: 1rem; } .confirmation__text { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; color: #0f242f; } .confirmation .icon-arrow-down { color: #5cf4c9; -webkit-transition: -webkit-transform .5s ease-in-out; transition: -webkit-transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out; font-size: .75rem; } .confirmation [class*='placeholder'] { font-size: 1.04rem; color: #0f242f; } .confirmation .accordion { background-color: #ffffff; border-radius: .5rem; margin-top: 8px; margin-bottom: 8px; } .confirmation .accordion__heading { padding: 16px 16px 16px 24px; border-bottom: 1px solid #e9e9e9; outline: none; margin-top: 16px; margin-bottom: 12px; } .confirmation .accordion__heading .accordion__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; outline: none; } .confirmation .accordion__heading .accordion__button[aria-expanded='true'] > .icon-arrow-down, .confirmation .accordion__heading .accordion__button[aria-selected='true'] > .icon-arrow-down { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .confirmation .accordion__panel { padding: 16px 0 8px 0; -webkit-animation: fadeIn .5s ease-in-out; animation: fadeIn .5s ease-in-out; } @-webkit-keyframes fadeIn { from { opacity: 0; max-height: 0; } to { opacity: 1; max-height: 1000px; } } @keyframes fadeIn { from { opacity: 0; max-height: 0; } to { opacity: 1; max-height: 1000px; } } .confirmation .ant-checkbox-wrapper span { font-size: 1rem; } .confirmation .ant-checkbox-wrapper .ant-checkbox-checked::after { border-color: #5cf4c9; } .confirmation .ant-checkbox-wrapper .ant-checkbox-checked > .ant-checkbox-inner { background-color: #5cf4c9; border-color: #5cf4c9; } .confirmation .ant-checkbox-wrapper .ant-checkbox-wrapper:hover .ant-checkbox-inner, .confirmation .ant-checkbox-wrapper .ant-checkbox:hover .ant-checkbox-inner, .confirmation .ant-checkbox-wrapper .ant-checkbox-input:focus + .ant-checkbox-inner { border-color: #5cf4c9; } .confirmation__radio-label { padding-right: .75rem; font-size: 1rem; color: #737373; } .confirmation__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .confirmation__label > .tooltip { color: #5cf4c9; padding-right: 1rem; } .confirmation__radio { padding-top: 1rem; text-align: left; } .confirmation__radio > .row { margin-top: .5rem; } .confirmation__radio > span { color: #0f242f; } .confirmation__radio .ant-radio-inner { border-color: #c4c4c4; } .confirmation__radio .ant-radio-inner::after { top: 4px; left: 4px; } .confirmation__radio .ant-radio-checked > .ant-radio-inner, .confirmation__radio .ant-radio:hover .ant-radio-inner, .confirmation__radio .ant-radio-input:focus + .ant-radio-inner { border-color: #5cf4c9; } .confirmation__radio .ant-radio-checked > .ant-radio-inner::after, .confirmation__radio .ant-radio:hover .ant-radio-inner::after, .confirmation__radio .ant-radio-input:focus + .ant-radio-inner::after { background-color: #5cf4c9; } .confirmation__input-list > span { padding-bottom: 8px; display: block; } .confirmation .terms-condition { text-align: center; font-size: .875rem; margin: 1rem 1rem .5rem; } .confirmation .terms-condition > a { cursor: pointer; } .confirmation .prev-step { text-align: center; font-size: .75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: .75rem; } .confirmation .prev-step > .icon-arrow-left { color: #5cf4c9; padding-right: .5rem; } .confirmation .prev-step > a { cursor: pointer; } .confirmation .error-message { font-size: .875rem; text-align: center; color: #ff2d55; margin-top: 8px; } .patient-prework__content-item { display: none; } .patient-prework__content-item.active { display: block; } .patient-prework__content-item > .col-xs-12 { padding: 0; } /* stylelint-disable */ /* stylelint-disable */ .treatment-plans-navigation .btn { text-align: center; padding: 12px 48px 12px 48px; font-size: 1.125rem; font-weight: 400; color: #0f242f; margin-top: 24px; } .treatment-plans-navigation .btn [class*='icon-'] { top: 1.25rem; } .treatment-plans-navigation .btn .left { color: #5cf4c9; } .treatment-plans__title { padding: 16px; margin-top: 24px; } .treatment-plans__content { margin-top: 32px; } .treatment-plans__content .col-xs-12 { padding: 16px; } .case__item { margin-bottom: 1.25rem; } .case__item.show { display: block; } .case__item.hide { display: none; } .case__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); border-radius: 0.5rem; padding: 16px; background-color: #ffffff; margin-bottom: 2px; min-height: 60px; cursor: pointer; } .case__header[aria-expanded='true'] { border-radius: 8px 8px 0 0; } .case__header[aria-expanded='true'] > .icon-arrow-right, .case__header[aria-selected='true'] > .icon-arrow-down { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .case__header .right { position: initial; color: #5cf4c9; -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; } .case__header .text > span { display: block; } .case__header .text > .name { color: #0f242f; font-size: 1rem; font-weight: 500; } .case__header .text > .small { color: #737373; font-weight: 400; margin-top: 8px; } .case__header .text > .small.expired { color: #ff2d55; } .case__header .text > .small.completed { color: #0f242f; } .case__content { border-radius: 0 0 8px 8px; -webkit-animation: fadeIn .5s ease-in-out; animation: fadeIn .5s ease-in-out; } @-webkit-keyframes fadeIn { from { opacity: 0; max-height: 0; } to { opacity: 1; max-height: 1000px; } } @keyframes fadeIn { from { opacity: 0; max-height: 0; } to { opacity: 1; max-height: 1000px; } } .case__content > h4 { color: #0f242f; font-weight: 600; text-transform: capitalize; } .visit { padding: 24px; background-color: #ffffff; } .visit.green-bg { background-color: rgba(92, 244, 201, 0.1); } .procedure { color: #0f242f; margin: 1rem 0; border-bottom: 1px solid #e9e9e9; padding-bottom: 1.25rem; } .procedure:last-child { border-bottom: 0; } .procedure__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; } .procedure__header .procedure-name { font-size: .875rem; } .procedure__header .icon-arrow-down { color: #5cf4c9; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; font-size: .625rem; } .procedure__header[aria-expanded='true'] > .icon-arrow-down, .procedure__header[aria-selected='true'] > .icon-arrow-down { -webkit-transform: rotate(360deg); transform: rotate(360deg); } .procedure__content { -webkit-animation: fadeIn .5s ease-in-out; animation: fadeIn .5s ease-in-out; } @keyframes fadeIn { from { opacity: 0; max-height: 0; } to { opacity: 1; max-height: 1000px; } } .procedure__content > span { font-size: .75rem; } .procedure__content > p, .procedure__content li { font-size: .875rem; color: #737373; } .procedure__cta { margin-top: 48px; text-align: center; } .procedure__cta > p { color: #0f242f; font-size: .75rem; } .procedure__cta .btn { font-size: .875rem; width: 14rem; display: inline-block; } .procedure__cta .btn__outline { margin-top: 8px; } /* stylelint-disable */ /* stylelint-disable */ .foyer .checkin__search .btn { font-size: 2rem; line-height: 4rem; border-radius: 1rem; margin-top: 64px; } .foyer .checkin__search.contact-crew .title { margin-top: 96px; margin-bottom: 96px; } .foyer .checkin__details .btn { font-size: 2rem; line-height: 4rem; border-radius: 1rem; margin-bottom: 48px; } .foyer .checkin__details .btn__outline { background-color: #f7f7f7; } .foyer .checkin__list .subtitle { margin-bottom: 96px; } .foyer .checkin__list .btn__appointment { border-radius: 1rem; margin-bottom: 48px; text-align: left; padding: 24px; background: #ffffff; border-color: #5cf4c9; } .foyer .checkin__list .btn__appointment::after { content: '\E903'; font-family: "icomoon"; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: absolute; right: 12px; color: #5cf4c9; top: 50px; font-style: 2rem; } .foyer .checkin__list .btn__appointment label { display: block; font-size: 2rem; line-height: 2.5rem; } .foyer .checkin__list .btn__appointment span { font-weight: 400; font-size: 1.5rem; color: #737373; line-height: 3rem; } .foyer .checkin__confirmation .btn { font-size: 2rem; line-height: 4rem; border-radius: 1rem; margin-top: 64px; background-color: #f7f7f7; } .foyer .checkin__confirmation-prework { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #0f242f; border-radius: 1rem; padding: 32px 64px; color: #5cf4c9; margin-bottom: 32px; } .foyer .checkin__confirmation-prework .icon-document { font-size: 5rem; } .foyer .checkin__confirmation-prework p { color: #5cf4c9; text-align: left; font-size: 2.125rem; line-height: 3rem; margin-top: 0; margin-left: 64px; font-weight: 300; } .foyer .checkin__confirmation-prework p span { font-weight: 600; text-decoration: underline; } .foyer .checkin__confirmation-prework p:not(:last-child) { margin-bottom: 32px; } .foyer .checkin .booking__confirmation-detail p { font-size: 2.25rem; line-height: 3rem; margin-top: 0; text-align: left; } /* stylelint-disable */ /* stylelint-disable */ .login { margin-bottom: 32px; } .login__form { margin: 32px 0; } .login__email { font-size: 1.125rem; } .login__resend { color: #0f242f; text-decoration: underline; -webkit-text-decoration-color: #5cf4c9; text-decoration-color: #5cf4c9; cursor: pointer; margin: 16px 0; display: inline-block; } .login .react-code-input input { padding: 0; -webkit-box-shadow: none !important; box-shadow: none !important; font-family: "Matter", serif !important; border: none !important; color: #737373 !important; font-size: 1.125rem !important; text-align: center; padding-left: 0 !important; } .login .react-code-input { margin-top: 32px; } /* stylelint-disable */ /* stylelint-disable */ .refer-a-friend { padding-bottom: 48px; } .refer-a-friend .btn__bold-outline { margin-top: 32px; } .refer-a-friend__content { background-color: #ffffff; border-radius: 0.5rem; margin-bottom: 24px; margin-top: 16px; } .refer-a-friend__content p { margin-left: 1rem; margin-right: 1rem; margin-top: 24px; } .refer-a-friend__wrapper { padding-bottom: 24px; margin-top: 24px; } .refer-a-friend__wrapper .copy-text { border-color: #d8d8d8; padding: 12px; line-height: 1.5rem; overflow: hidden; color: #737373; border: 1px solid #d8d8d8; border-radius: 8px; } .refer-a-friend__wrapper .btn { min-width: 120px; font-size: 1rem; } .refer-a-friend__wrapper .btn-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 26px; } .refer-a-friend__tnc-link { text-align: center; margin-top: 24px; margin-bottom: 16px; } .refer-a-friend__tnc-link > a { color: #737373; } /* stylelint-disable */ /* stylelint-disable */ .style-banner { padding: 32px 0 48px; } .style-banner.light { background: #94f0d6; } .style-banner.light .style-banner__title { color: #0f242f; } .style-banner.light .style-banner__content { color: #0f242f; } .style-banner.dark { background: #0f242f; } .style-banner.dark .style-banner__title { color: #ffffff; } .style-banner.dark .style-banner__content { color: #ffffff; } .style-banner__title { margin-top: 0; font-weight: 400; } .style-banner__content { font-size: 1.5rem; font-family: "Matter", serif; line-height: 2rem; font-weight: 600; } .style-banner .btn { text-align: center; margin-top: 64px; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } .style-banner .btn.btn--block { display: inline-block; padding-left: 64px; padding-right: 64px; } @media (min-width: 1024px) { .style-banner { padding: 48px 0 64px; } } /* stylelint-disable */ /* stylelint-disable */ .footer { padding: 50px 0; } .footer.dark { background-color: #0f242f; } .footer__logo { margin-bottom: 32px; } .footer__tnc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer__tnc-link { text-decoration: none; color: #547a85; padding: 0 8px; } .footer__tnc-link.dark { color: #ffffff; } .footer__tnc-link.dark:not(:last-child) { border-right: 1px solid #ffffff; } .footer__tnc-link:not(:last-child) { border-right: 1px solid #547a85; } .footer__link { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 32px; } .footer__link a { margin-right: 10px; } .footer__link.dark a { color: #ffffff; } .footer .black { color: #000000; } .footer__connect-with-us { margin-bottom: 24px; } .footer__connect-with-us-wrapper:not(:last-child) { margin-right: 16px; } .footer__connect-with-us-icon { width: 1.8rem; height: 1.8rem; display: inline-block; padding: 12px; border-radius: 32px; background-color: #5cf4c9; font-size: 1.8rem; } /* stylelint-disable */ /* stylelint-disable */ .banner:not(.desktop) { background: -webkit-gradient(linear, left top, left bottom, from(#355958), to(#1b302f)); background: linear-gradient(180deg, #355958 0%, #1b302f 100%); position: relative; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .banner:not(.desktop):first-child { margin-top: -70px; } .banner__with-background { width: 100%; padding-top: 96px; padding-bottom: 32px; position: absolute; left: 0; right: 0; } .banner img, .banner picture { width: 100%; display: block; } .banner__title { color: #ffffff; font-size: 1.5rem; line-height: 1.75rem; } .banner__description { color: #ffffff; font-size: 1.125rem; line-height: 1.75rem; font-weight: 400; } .banner.large .banner__title { font-size: 2.5rem; line-height: 2.75rem; } @media (min-width: 1024px) { .banner.both { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .banner.banner.desktop { display: block; } .banner:not(.both) { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; } .banner__title { font-size: 3.5rem; line-height: normal; } .banner.large .banner__title { font-size: 3.75rem; line-height: 4.125rem; } } @media (max-width: 1023px) { .banner { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 32px; } .banner.both { margin-bottom: 0; } .banner.banner.desktop { display: none; } } /* stylelint-disable */ /* stylelint-disable */ .list { background-color: #ffffff; padding: 24px 0; } .list ul { padding-left: 0; } .list li { color: #737373; list-style: none; font-size: 1.125rem; line-height: 2rem; padding: 16px 0 16px 48px; text-indent: -32px; } .list li::before { content: '\E915'; font-family: "icomoon"; font-size: 2rem; vertical-align: middle; color: #5cf4c9; padding-right: 12px; margin-left: -1rem; } .list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .list__item-icon { font-size: 3rem; color: #5cf4c9; } .list__item-title { color: #0f242f; font-size: 1.25rem; line-height: 1.75rem; margin: 32px 0 48px; } .list .desktop { display: none; } @media (min-width: 1024px) { .list { padding: 48px 0; } .list .desktop { display: -webkit-box; display: -ms-flexbox; display: flex; } .list__title { font-size: 2.125rem; line-height: 2.5rem; margin-bottom: 48px; } .list .mobile { display: none; } } /* stylelint-disable */ /* stylelint-disable */ .articles-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .articles-pagination__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f7f7f7; border: 1px solid #0f242f; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; width: 40px; } .articles-pagination__item:hover { background-color: #f7f7f7; border-color: #5cf4c9; color: #5cf4c9; } .articles-pagination__item.is-active { background-color: #5cf4c9; border-color: #5cf4c9; color: #0f242f; } .articles-pagination__item + .articles-pagination__item { margin-left: 12px; } .articles-pagination__item.is-hidden { display: none; } .articles-pagination__icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .articles-pagination__icon svg { display: block; fill: currentColor; } /* stylelint-disable */ /* stylelint-disable */ .hero { background: -webkit-gradient(linear, left top, left bottom, from(#355958), to(#1b302f)); background: linear-gradient(180deg, #355958 0%, #1b302f 100%); display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .hero .wrapper { width: 100%; padding-top: 32px; padding-bottom: 32px; height: 100%; } .hero .container-fluid { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .hero__with-background { position: absolute; left: 0; right: 0; } .hero img, .hero picture { width: 100%; display: block; } .hero__title { color: #0f242f; background: #5cf4c9; display: inline; word-wrap: break-word; -webkit-box-shadow: 8px 0 0 #5cf4c9, -8px 0 0 #5cf4c9; box-shadow: 8px 0 0 #5cf4c9, -8px 0 0 #5cf4c9; line-height: 2.25rem; padding: 8px 0; } @media (min-width: 1024px) { .hero__title { font-size: 2.125rem; line-height: 3.25rem; } .hero .wrapper { padding-top: 64px; padding-bottom: 96px; } } /* stylelint-disable */ /* stylelint-disable */ .title { font-size: 2.25rem; color: #0f242f; margin-top: 48px; margin-bottom: 32px; } /* stylelint-disable */ /* stylelint-disable */ .subtitle { color: #0f242f; margin-top: 0; margin-bottom: 32px; } /* stylelint-disable */ /* stylelint-disable */ .paragraph { font-size: 1rem; color: #737373; margin-top: 0; margin-bottom: 24px; } /* stylelint-disable */ /* stylelint-disable */ .image { border-radius: 0.5rem; max-width: 100%; margin-bottom: 24px; } /* stylelint-disable */ /* stylelint-disable */ .locations address span { display: block; text-decoration: none; font-style: normal; color: #0f242f; font-size: 1rem; } .locations address a { font-style: normal; color: #0f242f; font-size: 1rem; } .locations__item { margin-bottom: 24px; padding-bottom: 24px; } .locations__item:not(:last-child) { border-bottom: 1px solid #e9e9e9; } .locations__opening { color: #0f242f; position: relative; display: block; cursor: pointer; } .locations__opening .icon-arrow-right { margin-left: 16px; color: #5cf4c9; -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; display: inline-block; } .locations__opening .icon-arrow-right.open { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .locations__hours { color: #0f242f; margin-left: 16px; margin-right: 16px; margin-top: 12px; max-width: 250px; } .locations__button { margin: 16px 0; } /* stylelint-disable */ /* stylelint-disable */ .subtitle-button { padding: 32px 0; } /* stylelint-disable */ /* stylelint-disable */ .team { padding: 32px 0; } .team__member { margin-top: 32px; } .team__member .profile-img { display: table-cell; border-radius: .5rem; height: 300px; width: 250px; background-position: center center; background-size: cover; } .team__member label { font-size: 1.125rem; color: #0f242f; margin-top: 12px; display: block; } .team__member p { font-size: 1.5rem; line-height: 2.2rem; color: #737373; } .team__member .btn { margin-top: 16px; } .team__position--hidden { display: none; } /* stylelint-disable */ /* stylelint-disable */ .payment-options { background: #0f242f; padding: 32px 0; } .payment-options__title, .payment-options__subtitle { color: #ffffff; text-align: left; } .payment-options__content { padding-top: 1.5rem; color: #ffffff; } .payment-options__content-list-icon { min-width: 39px; padding-right: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .payment-options__content-list-icon span::before { font-size: 39px; color: #5cf4c9; } .payment-options__content > ul { list-style-type: none; padding-left: 0; } @media (min-width: 1024px) { .payment-options__content > ul { -webkit-columns: 2; -moz-columns: 2; columns: 2; } } .payment-options__content > ul > li { line-height: 1.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 1.5rem; text-align: left; } .payment-options__content > ul > li > span { padding-right: 1.5rem; } .payment-options__content > ul > li > span > a { color: #ffffff; } @media (min-width: 1024px) { .payment-options { padding: 48px 0; } } /* stylelint-disable */ /* stylelint-disable */ .offers-page p { color: #0f242f; } .offers-page ul { padding-left: 0; list-style: none; /* Remove default bullets */ } .offers-page ul li { color: #737373; padding-left: 24px; } .offers-page ul li::before { content: '\2022'; color: #5cf4c9; display: inline-block; font-weight: 600; text-indent: -24px; } .offers-page .text-left { text-align: left; } .offers-page .text-right { text-align: right; } .offers-page .text-center { text-align: center; } .offers-page strong { font-weight: 1200; } .offers-page { background: #f7f7f7; } .offers-page .accordion { background: #ffffff; border-radius: 0.5rem; margin-bottom: 1.5rem; } .offers-page .accordion.dark { background: #0f242f; } .offers-page .accordion.dark.p { color: #ffffff; } .offers-page .accordion .bundle__title { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 600; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; text-align: center; margin: 0 auto; margin-top: 24px; } .offers-page .accordion .bundle__title.dark { color: #ffffff; } .offers-page .accordion .bundle__title.wrap-70 { max-width: 250px; } .offers-page .accordion .bundle__content { font-weight: 300; font-size: 14px; font-family: "Matter", serif; display: block; text-align: left; color: #0f242f; padding: 16px; } .offers-page .accordion .bundle__content p { color: #0f242f; font-weight: 300; font-size: 14px; } .offers-page .accordion .bundle__content.dark p { color: #ffffff; } .offers-page .accordion .bundle__content.dark a { color: #ffffff; } .offers-page .accordion .bundle__subcontent { display: block; font-weight: 300; font-size: 14px; font-family: "Matter", serif; color: #0f242f; padding-bottom: 24px; padding-left: 8px; } .offers-page .accordion .bundle__subcontent.dark p { color: #ffffff; } .offers-page .accordion [class^='icon'] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #5cf4c9; font-size: 2.4rem; font-weight: 600; position: relative; left: -15px; top: 0; bottom: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .offers-page .accordion__item { background-color: rgba(93, 244, 201, 0.1); display: relative; -webkit-box-align: left; -ms-flex-align: left; align-items: left; border-top: 1px solid #e9e9e9; } .offers-page .accordion__item:last-child { border-bottom: 1px solid #e9e9e9; } .offers-page .accordion__item h4 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #0f242f; font-family: "Matter", serif; font-size: 18px; font-weight: 600; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 16px; margin-left: 24px; } .offers-page .accordion__item .dark h4 { color: #ffffff; } .offers-page .accordion__item__button { border: 1px solid #5cf4c9; margin-top: 16px; margin-bottom: 16px; font-weight: 600; color: #0f242f; } .offers-page .accordion__item__button:disabled { background-color: #e9e9e9; border-color: #e9e9e9; color: #737373; } .offers-page .accordion__button { font-weight: 600; cursor: pointer; padding: 8px; width: 100%; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; outline: none; } .offers-page .accordion__button[aria-expanded='true'] { background-color: inherit; } .offers-page .accordion__button::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); display: inline-block; content: '\E903'; font-family: "icomoon"; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: absolute; right: 12px; color: #5cf4c9; margin-top: 16px; margin-right: 16px; } .offers-page .accordion__button[aria-expanded='true']::after, .offers-page .accordion .accordion__button[aria-selected='true']::after { -webkit-transform: rotate(270deg); transform: rotate(270deg); color: #0f242f; } .offers-page .accordion__panel { padding: 0 24px; -webkit-animation: fadein .35s ease-in; animation: fadein .35s ease-in; } @-webkit-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } /* stylelint-disable */ /* stylelint-disable */ .simple-content-list { font-size: 1rem; color: #737373; margin-top: 0; margin-bottom: 24px; } /* stylelint-disable */ /* stylelint-disable */ .anchor-link { border-radius: 0.5rem; max-width: 100%; margin-bottom: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; padding: 32px; text-decoration: none; font-size: 1.375rem; font-weight: 600; } .anchor-link .icon-down { color: #5cf4c9; } /* stylelint-disable */ /* stylelint-disable */ .video { height: 312px; margin-bottom: 24px; }