@charset "UTF-8"; /** * @license * MyFonts Webfont Build ID 3274127, 2016-08-24T10:31:13-0400 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: ClarendonBT-Light by Bitstream * URL: http://www.myfonts.com/fonts/bitstream/clarendon/light/ * Copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved. * Licensed pageviews: 10,000 * * Webfont: PlantinMTStd-Bold by Monotype * URL: http://www.myfonts.com/fonts/mti/plantin/std-bold/ * Copyright: Font software Copyright 1990, 1995, 2002 Adobe Systems Incorporated. All rights reserved. Typeface designs Copyright The Monotype Corporation. All rights reserved. * Licensed pageviews: 250,000 * * Webfont: PlantinMTStd-BoldItalic by Monotype * URL: http://www.myfonts.com/fonts/mti/plantin/std-bold-italic/ * Copyright: Font software Copyright 1990, 1995, 2002 Adobe Systems Incorporated. All rights reserved. Typeface designs Copyright The Monotype Corporation. All rights reserved. * Licensed pageviews: 250,000 * * Webfont: PlantinMTStd-Italic by Monotype * URL: http://www.myfonts.com/fonts/mti/plantin/std-italic/ * Copyright: Font software Copyright 1990, 1995, 2002 Adobe Systems Incorporated. All rights reserved. Typeface designs Copyright The Monotype Corporation. All rights reserved. * Licensed pageviews: 250,000 * * Webfont: PlantinMTStd-Regular by Monotype * URL: http://www.myfonts.com/fonts/mti/plantin/std-roman/ * Copyright: Font software Copyright 1990, 1995, 2002 Adobe Systems Incorporated. All rights reserved. Typeface designs Copyright The Monotype Corporation. All rights reserved. * Licensed pageviews: 250,000 * * * License: http://www.myfonts.com/viewlicense?type=web&buildid=3274127 * * © 2016 MyFonts Inc */ /* @import must be at top of file, otherwise CSS will not work (DP: not true - it's a usage counter - moved! */ /* @import url("//hello.myfonts.net/count/31f58f"); I've moved this to the page footer to avoid blocking in this stylesheet */ @font-face { font-family: "ClarendonBT-Light"; font-display: swap; src: local("ClarendonBT-Light"), url("../woff2/31f58f_0_0.woff2") format("woff2"), url("../woff/31f58f_0_0.woff") format("woff"), url("../ttf/31f58f_0_0.ttf") format("truetype"), url("../eot/31f58f_0_0d41d.eot?#iefix") format("embedded-opentype"); unicode-range: U+000-5FF; /* Latin glyphs */ } @font-face { font-family: "PlantinMTStd-Bold"; font-display: swap; src: local("PlantinMTStd-Bold"), url("../woff2/31f58f_1_0.woff2") format("woff2"), url("../woff/31f58f_1_0.woff") format("woff"), url("../ttf/31f58f_1_0.ttf") format("truetype"), url("../eot/31f58f_1_0d41d.eot?#iefix") format("embedded-opentype"); unicode-range: U+000-5FF; /* Latin glyphs */ } @font-face { font-family: "PlantinMTStd-Regular"; font-display: swap; src: local("PlantinMTStd-Regular"), url("../woff2/31f58f_4_0.woff2") format("woff2"), url("../woff/31f58f_4_0.woff") format("woff"), url("../ttf/31f58f_4_0.ttf") format("truetype"), url("../eot/31f58f_4_0d41d.eot?#iefix") format("embedded-opentype"); unicode-range: U+000-5FF; /* Latin glyphs */ } @font-face { font-family: "swoopicon"; src: url("../eot/swoop-iconadf1.eot?hduwh9"); src: url("../eot/swoop-iconadf1.eot?hduwh9#iefix") format("embedded-opentype"), url("../ttf/swoop-iconadf1.ttf?hduwh9") format("truetype"), url("../woff/swoop-iconadf1.woff?hduwh9") format("woff"), url("../svg/swoop-iconadf1.svg?hduwh9#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } /* ------------------------------------------------------------------------------------------------ EMBER FRAMEWORK SITE FRONT CSS - _site_variables.scss - SASS VARIABLES AND MIXINS ------------------------------------------------------------------------------------------------ Created: 01-03-2015 Author: Ember Interactive (www.emberinteractive.co.uk) Website: Ember Interactive Limited ------------------------------------------------------------------------------------------------ */ /* Swoop Colours */ /* Breakpoints */ /* Mixins */ /* Reset all LIs that aren't in body content */ /* Override the bourbon mixin as ie8 doesn't support :: */ /* Add icon to element */ /* Hide text within icon link */ /* Switch Font smoothing settings */ /* Screen reader only text */ /* Column width */ /* Text Sizes */ /* ------------------------------------------------------------------------------------------------ EMBER FRAMEWORK SITE FRONT CSS - _site_forms.scss - FORM ELEMENTS BASE STYLES ------------------------------------------------------------------------------------------------ Created: 01-03-2016 Author: Ember Interactive (www.emberinteractive.co.uk) Website: Ember Interactive Limited ------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------ EMBER FRAMEWORK SITE FRONT CSS - _site_variables.scss - SASS VARIABLES AND MIXINS ------------------------------------------------------------------------------------------------ Created: 01-03-2015 Author: Ember Interactive (www.emberinteractive.co.uk) Website: Ember Interactive Limited ------------------------------------------------------------------------------------------------ */ /* Swoop Colours */ /* Breakpoints */ /* Mixins */ /* Reset all LIs that aren't in body content */ /* Override the bourbon mixin as ie8 doesn't support :: */ /* Add icon to element */ /* Hide text within icon link */ /* Switch Font smoothing settings */ /* Screen reader only text */ /* Column width */ /* Text Sizes */ /* ---------------------------------------------------------------------------------- FORM ELEMENTS ------------------------------------------------------------------------------------------------ */ .form-group { clear: both; margin-bottom: 15px; } .form-group:after { clear: both; content: ""; display: table; } .input-group { position: relative; display: table; border-collapse: separate; } label { font-size: 1em; line-height: 1.5; display: inline-block; max-width: 100%; width: 100%; margin-bottom: 5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } input, textarea, button, .btn { -webkit-box-sizing: border-box; box-sizing: border-box; } .form-control { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; padding: 4px 17px; margin: 0; border: 1px solid #cecfcf; color: #454545; background-color: #ffffff; font-size: 16px; line-height: 1.6; width: 100%; height: 44px; outline: none; border-radius: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border-radius: 0; } .form-control:focus { border-color: #e66c28; background-color: #fafafc; } .form-control:focus::-webkit-input-placeholder { color: #b9b9b9; } .form-control:focus::-moz-placeholder { color: #b9b9b9; } .form-control:focus:-ms-input-placeholder { color: #b9b9b9; } .form-control:focus::-ms-input-placeholder { color: #b9b9b9; } .form-control:focus::placeholder { color: #b9b9b9; } .form-control.form-control-xs { font-size: 14px; line-height: 1.7857; height: 27px; } .form-control-static { margin-bottom: 0; padding: 4px 0 0 0; font-size: 1.063em; line-height: 1.6; } textarea.form-control { height: auto; } /*.form-control::-webkit-input-placeholder {color: $text-placeholder;} .form-control:-moz-placeholder {color: $text-placeholder;} .form-control::-moz-placeholder {color: $text-placeholder;} .form-control:-ms-input-placeholder {color: $text-placeholder;}*/ .input-group .form-control { display: table-cell; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > button { margin-right: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } input.table-input { margin: 0; max-width: 80px; text-align: right; } input.input-4-digits { max-width: 80px; } .form-group-sm label { padding-top: 3px; font-size: 1.4em; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 0.875em; line-height: 1.5; } input[readonly]:focus { border-color: #ffffff; background-color: #ffffff; } textarea { margin: 0; vertical-align: top; } input[type=radio] { margin-right: 10px; } input[type=checkbox], input[type=radio] { padding: 0 0 0 0; margin: -2px 6px 0 0; height: 16px; cursor: pointer; } select.form-control { -webkit-appearance: menulist; -moz-appearance: menulist; -ms-appearance: menulist; -o-appearance: menulist; appearance: menulist; } select[multiple], select[size] { height: auto; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } .checkbox label, .radio label { min-height: 20px; margin-bottom: 0; padding-top: 0; font-weight: 400; cursor: pointer; float: none; } button, .btn { text-transform: uppercase; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 0.6em 1.4em; margin: 0 20px 22px 0; background-color: #e66c28; border: 1px solid #e66c28; color: #ffffff; display: inline-block; vertical-align: middle; cursor: pointer; outline: none; -webkit-transition: background-color 100ms linear, color 100ms linear, border-color 100ms linear; transition: background-color 100ms linear, color 100ms linear, border-color 100ms linear; text-decoration: none; border-radius: 4px; position: relative; } button:hover, .btn:hover, .btn:focus { background-color: #c35112; border-color: #c35112; text-decoration: none; } .btn-disabled, .btn-disabled:hover { cursor: not-allowed; pointer-events: none; } .btn-full { padding-left: 10px; padding-right: 10px; width: 100%; float: none; text-align: center; margin-right: 0; } @media screen and (max-width: 500px) { .btn-full { width: auto; } } .btn-lrg { line-height: 2.33333333; } .btn-secondary { background-color: transparent; border-color: #272727; color: #e66c28; padding: 10px 20px; } .btn-secondary:hover, .btn-secondary:focus { background-color: #e66c28; border-color: #974213; color: #fff; } .bg-swoop .btn-secondary { border-color: #ffffff; } .btn-tertiary { background-color: transparent; border-color: #272727; color: #272727; } .btn-tertiary:hover { color: #ffffff; } .btn-anchor { background-color: #ffffff; border-color: #ffffff; color: #272727; font-size: 15px; line-height: 1.1; padding: 15px 10px; } @media screen and (max-width: 719px) { .btn-anchor { font-size: 13px; padding: 5px 10px; margin-bottom: 0; line-height: unset; } .anchor-row { padding-bottom: 0; } .anchor-row li { display: inline-block; margin: 0 4px; } .anchor-row-wrapper { padding: 7px 0; overflow-y: scroll; min-width: 100vw; } .anchor-row-wrapper div.row { width: -webkit-max-content; width: -moz-max-content; width: max-content; min-width: 100vw; } } .btn-anchor:hover, .btn-anchor:focus { background-color: #edb594; border-color: #edb594; } .btn-text { padding: 0 20px 0 0; position: relative; text-align: center; background-color: transparent; border: none; color: #e66c28; } .btn-text:after { position: absolute; -webkit-transition: right 0.1s ease-out; transition: right 0.1s ease-out; } .btn-text:hover, .btn-text:focus { background-color: transparent; border: none; color: #edb594; } .btn-down:after, .btn-up:after { position: absolute; content: "▼"; font-size: 1rem; top: -1px; right: -1px; } .btn-up:after { content: "▲"; } table .btn-text:after { bottom: 8px; } .btn-text:hover:after { right: 0; } .btn-link { border-color: transparent; background-color: transparent; color: #e66c28; } .btn-link:hover, .btn-link:active, .btn-link:focus { border-color: transparent; background-color: transparent; color: #e66c28; } .btn-sm { font-size: 16px; line-height: 1.625; } .btn-xs { font-size: 13px; line-height: 1.4; padding: 4px 12px; } @media screen and (min-width: 30em) { .btn-xs { font-size: 14px; } } .btn-inner { color: white; } .btn-inner:hover { text-decoration: none; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } .btn { -webkit-transition: background-color 100ms linear, color 100ms linear, border-color 100ms linear, padding 200ms ease-in-out; transition: background-color 100ms linear, color 100ms linear, border-color 100ms linear, padding 200ms ease-in-out; } .btn-pending { padding-right: 42px; position: relative; } .btn-full.btn-pending { padding-left: 42px; } .btn-pending:after { content: ""; display: block; width: 19px; height: 19px; position: absolute; top: 12px; right: 10px; background: url("../gif/ajax-loader-btn.gif") 0 0 no-repeat; opacity: 0; -webkit-transition: opacity 200ms linear; transition: opacity 200ms linear; } @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .btn-pending:after { background-image: url("../gif/ajax-loader-btn-2.gif"); background-size: 19px 19px; } } .btn-primary.btn-pending:after { background-image: url("../ajax-loader-btn-primary.html"); } @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .btn-primary.btn-pending:after { background-image: url("../ajax-loader-btn-primary-2.html"); } } .btn-pending-show:after { opacity: 1; } .error label.error { color: #a20000; font-weight: 300; font-size: 16px; } .note { font-size: 1.06em; } .error .form-control { border-color: #a20000; border-width: 2px; } .valid .form-control { border-color: #5ab54a; border-width: 2px; } .form-container:after { clear: both; content: ""; display: table; } .form-container-result { display: none; } .ajax-spinner { width: 19px; height: 19px; background: url("../gif/ajax-loader.gif") 0 0 no-repeat; display: none; } @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .ajax-spinner { background-image: url("../ajax-loader.html"); background-size: 19px 19px; } } .ajax-spinner-inline { width: 19px; height: 10px; background: url("../gif/ajax-loader-inline.gif") 0 0 no-repeat; display: none; } @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .ajax-spinner-inline { background-image: url("../ajax-loader-inline.html"); background-size: 16px 4px; } } .ajax-spinner.ajax-spinner-show { display: block; } .ajax-spinner-inline.ajax-spinner-show { display: inline-block; } /* ----------------------------------------------------------------------------------------- LAYOUT ------------------------------------------------------------------------------------------------ */ @media screen and (min-width: 45em) { .form-horizontal label { width: 25%; float: left; padding-top: 6px; padding-right: 16px; text-align: right; } .form-horizontal .form-control { width: 75%; } .form-horizontal select.form-control { width: 100%; } .form-horizontal .select { width: 75%; float: right; } .form-horizontal .error-msg, .form-horizontal .label-offset, .form-horizontal label.error { padding-left: 25%; padding-right: 8px; width: 100%; text-align: left; } .form-horizontal .checkbox, .form-horizontal .radio { min-height: 27px; padding-top: 7px; margin-top: 0; margin-bottom: 0; width: 75%; margin-left: 25%; } .form-horizontal .checkbox label, .form-horizontal .radio label { float: none; width: auto; padding-top: 0; } .form-horizontal .control-checkboxes, .form-horizontal .control-radios { width: 65%; float: right; } .form-horizontal .form-submit { padding-left: 25%; } .form-horizontal .rating, .form-horizontal .rating-static { padding-top: 7px; } .checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer; } } /* ---------------------------------------------------------------------- CHOSEN DROPDOWN OVERRIDES ------------------------------------------------------------------------------------------------ */ .chosen-container { /*margin-bottom:10px;*/ font-size: 20px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .chosen-container a { font-weight: 300; } .chosen-container-single .chosen-single { background: #ffffff; color: #454545; font-weight: 300; border: 1px solid #cecfcf; overflow: visible; height: 44px; padding-left: 14px; border-radius: 0; } .chosen-container-multi .chosen-choices { background-color: #ffffff; color: #515151; border: 1px solid #cecfcf; height: 44px; font-size: 1em; padding-left: 14px; border-radius: 0; } .chosen-container-multi .chosen-choices li.search-field input[type=text] { height: 44px; } .chosen-container-single .chosen-default { color: #a9a9a9; } .chosen-container-single .chosen-single:hover, .chosen-container-active.chosen-with-drop .chosen-single { background-color: #fafafc; } .chosen-container-active.chosen-with-drop .chosen-single div:before { background-position: -204px -25px; } .chosen-container-active .chosen-single, .chosen-container-active .chosen-choices { border: 1px solid #e66c28; } .chosen-container-single .chosen-single span { padding-top: 1px; } .chosen-container-single .chosen-single div { width: 35px; height: auto; } .chosen-container-single .chosen-single div:before { width: 16px; height: 11px; position: absolute; top: 17px; left: 9px; background-position: -204px 0; } .chosen-container-single .chosen-single div b { display: none; } .chosen-container-single .chosen-single abbr { width: 18px; height: 18px; top: 12px; right: 36px; background-position: -220px 4px; opacity: 0.5; } .chosen-container-single .chosen-single abbr:hover { background-position: -220px 4px; opacity: 1; } .chosen-container-multi .chosen-choices li.search-choice { margin-top: 5px; padding: 6px 20px 6px 8px; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { right: 6px; top: 5px; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before { width: 16px; height: 16px; top: 12px; right: 36px; background-position: -220px 4px; opacity: 0.5; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover:before { background-position: -220px 4px; opacity: 1; } .chosen-container .chosen-drop { background-color: #ffffff; } .chosen-container-active .chosen-drop { border: 1px solid #cecfcf; } .chosen-container .chosen-results { margin: 0; padding: 0; } .chosen-container .chosen-results li.highlighted { background-color: #e66c28; } .error .chosen-container-single .chosen-single, .error .chosen-container-multi .chosen-choices { border-color: #a20000; border-width: 2px; } .valid .chosen-container-single .chosen-single, .valid .chosen-container-multi .chosen-choices { border-color: #5ab54a; border-width: 2px; } .error .chosen-container-single .chosen-single abbr, .valid .chosen-container-single .chosen-single abbr { top: 9px; } .error .chosen-container-single .chosen-single div:before, .valid .chosen-container-single .chosen-single div:before { top: 14px; } .error .chosen-container-single .chosen-single span, .valid .chosen-container-single .chosen-single span { padding-top: 0; } /* [SCS-1764] Input group */ .input-group { position: relative; display: table; border-collapse: separate; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group-btn .btn { margin: 0; border: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .form-group-remember .checkbox-label { display: inline-block; margin: 0; padding-left: 0; padding-right: 33px; width: auto; font-size: 1em; } .form-group-remember .checkbox-label .checkmark { top: 0.4em; right: 0.5em; left: auto; height: 15px; width: 15px; } .form-group-remember .checkbox-label .checkmark::after { left: 5px; top: 1.5px; width: 4px; height: 9px; } /* ------------------------------------------------------------------------------- ENQUIRY / FORMS ------------------------------------------------------------------------------------------------ */ .cta { padding-top: 8px; } .enquiry-intro { max-width: 740px; margin: 0 auto; padding: 1rem 0 0; } .content-tel { font-size: 1.25em; } .content-tel a:hover { text-decoration: none; } .enquiry-form { max-width: 740px; margin: 0 auto; padding: 30px; background-color: #e8eaec; } .form-block { width: 100%; } .field { position: relative; } .field i { left: 2px; top: 4px; position: absolute; height: 32px; width: 32px; opacity: 0.7; text-align: center; line-height: 42px; pointer-events: none; } .enquiry-input__icon { margin-bottom: -0.6rem; padding: 1.9rem; position: relative; top: -38px; left: 3px; opacity: 0.5; display: inline-block; } .name-icon { background: url(../svg/user.svg); background-repeat: no-repeat; } .email-icon { background: url(../svg/email.svg); background-repeat: no-repeat; } .phone-icon { background: url(../svg/phone.svg); background-repeat: no-repeat; } .chevron-icon { background: url(../svg/chevron.svg); background-repeat: no-repeat; } #firstName.form-control, #lastName.form-control, #email.form-control, #emailconfirm.form-control, #refer-tel.form-control, #tel.form-control, #friend.form-control { padding: 4px 17px 4px 35px; } .form-submit { padding-top: 12px; } .form-submit .btn { margin-bottom: 0; } .form-submit .btn:last-child { margin-right: 0; } .alert { background-color: #e8eaec; border: 1px solid #d1d5d9; padding: 12px 16px 0 16px; margin-bottom: 20px; position: relative; } .alert .btn-close { position: absolute; top: 0; right: 0; display: block; padding: 6px 10px; font-size: 1.25em; font-weight: 700; display: block; text-decoration: none; color: #000; } .alert .btn-close:hover { color: #333; } .alert p { margin-bottom: 12px; } .alert .btn { margin-right: 10px; } .alert.alert-success { background-color: #dff0d8; border-color: #d6e9c6; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; } .alert h4 { margin-bottom: 12px; } .enquiry-form-wrapper h3 { padding-top: 24px; padding-bottom: 18px; border-top: 4px solid #272727; border-bottom: 1px solid #272727; margin-bottom: 36px; } .split-input div.form-group { width: 48%; } .js-enquiry-form button[type=submit]:disabled { background-color: rgb(113, 128, 150); border-color: #4a5568; cursor: not-allowed; } /* ------------------------------------------------------------------------------------------------ EMBER FRAMEWORK SITE FRONT CSS - _site_tables.scss - TABLE ELEMENT BASE STYLES ------------------------------------------------------------------------------------------------ Created: 28-07-2016 Author: Ember Interactive (www.emberinteractive.co.uk) Website: Ember Interactive Limited ------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------ EMBER FRAMEWORK SITE FRONT CSS - _site_variables.scss - SASS VARIABLES AND MIXINS ------------------------------------------------------------------------------------------------ Created: 01-03-2015 Author: Ember Interactive (www.emberinteractive.co.uk) Website: Ember Interactive Limited ------------------------------------------------------------------------------------------------ */ /* Swoop Colours */ /* Breakpoints */ /* Mixins */ /* Reset all LIs that aren't in body content */ /* Override the bourbon mixin as ie8 doesn't support :: */ /* Add icon to element */ /* Hide text within icon link */ /* Switch Font smoothing settings */ /* Screen reader only text */ /* Column width */ /* Text Sizes */ /* ----------------------------------------------------------------------------------------- TABLES ------------------------------------------------------------------------------------------------ */ .table-responsive-foot { padding: 24px 12px; font-size: 0.875em; line-height: 1.2; display: block; text-align: center; } .table-responsive { overflow: auto; } .table-responsive.table-scroll { max-height: 500px; overflow: auto; border: 1px solid #ccc; } table { width: 100% !important; clear: both; } .table tbody { border: 1px solid #272727; } .table-responsive { padding-right: 1px; } .table-responsive.table-scroll { padding-right: 0; } .table-responsive.table-scroll table tbody { border: none; } .table span { font-size: 1em; line-height: 1.2; padding: 5px 0; display: block; } .table div span { display: inline; } .table span span { font-size: 1em; line-height: 1.2; padding: 0; display: inline; } .table tr th { text-align: left; font-weight: 300; } .table .right { text-align: right; } .table p { margin-bottom: 0; } .table img { margin: 0; } table tr td { padding: 12px; vertical-align: top; } .table tr td { padding: 2px 12px 2px 12px; } .table tfoot tr { border-top: 1px solid #272727; } .table .btn { margin-bottom: 0; margin-right: 0; } .table thead { display: none; } .table tr { display: block; border-bottom: 1px solid #d6d6d6; } .table td { display: block; text-align: right; border-bottom: 1px dotted #d6d6d6; } .table td:last-child { border-bottom: 0; } .table td:before { content: attr(data-label); float: left; font-size: 0.875em; line-height: 1.2em; padding: 5px 0; font-weight: 600; } .table tfoot td { text-align: left; } .table .cta { padding-top: 4px; padding-bottom: 4px; } .table .even td { border-color: #d6d6d6; background-color: #e8eaec; } .table .title td { background-color: #8c97a2; color: #ffffff; } .table .title td span { /*font-size: 2.8em;*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-top: 2px; padding-bottom: 2px; } .table tr td.deal-badge-cell { padding-top: 7px; padding-bottom: 7px; } .table tr td.deal-badge-cell:empty { display: none; } .table tr.title td { text-align: left; padding-top: 7px; padding-bottom: 7px; } .table.table-no-mobile-labels td { text-align: left; } .table.table-no-mobile-labels td:before { display: none; } .table thead.sticky-header th { position: sticky; position: -webkit-sticky; top: 0; z-index: 99; background-color: #fff; } /* ---------------------- BREAK POINT */ @media screen and (min-width: 45em) { .table thead { display: table-header-group; } .table tr { display: table-row; } .table td { display: table-cell; text-align: left; border-bottom: none; } .table td:before { display: none; } .table tr { border-bottom: none; } table tr th { padding: 14px 14px; } table tr td, .table tr td { padding: 16px 14px; } .table tr th:first-child, table tr td:first-child { padding-left: 12px; } .table tr th:last-child, table tr td:last-child { padding-right: 12px; } .table .cta { padding-top: 0; padding-bottom: 0; } .table .col-date { width: 200px; } .table .col-cta { width: 250px; } .table .col-cta .cta { float: right; } .table-responsive { width: 100%; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; min-height: 0.01%; overflow-x: auto; clear: both; } .table-responsive table { width: 100%; max-width: 100%; } .deal-badge, .table .deal-badge { font-size: 1em !important; line-height: 1; display: block; padding-right: 12px !important; } .deal-badge span, .table .deal-badge span, .trips-table-cruise .table span.deal-badge span { font-size: 0.563em; display: block; } .table tr td.deal-badge-cell { width: 130px; padding-top: 10px; padding-bottom: 8px; } .table tr td.deal-badge-cell:empty { display: table-cell; } .table tr.title td { padding-top: 12px; padding-bottom: 12px; } .trips-table-cruise .table thead { display: table-header-group; background-color: #ffffff; } .trips-table-cruise .table thead th { height: 110px; } .trips-table-cruise .table thead div { -webkit-transform: translate(10px, 40px) rotate(315deg); transform: translate(10px, 40px) rotate(315deg); width: 80px; position: relative; bottom: 24px; right: 10px; font-weight: bold; } .trips-table-cruise .table span { font-size: 0.938; } .trips-table-cruise .table span span { font-size: 0.938; } .trips-table-cruise .table .title td span { font-size: 1em; } .trips-table-cruise .btn { font-size: 0.938; text-align: center; } .trips-table-cruise .table .btn-text:after { bottom: 5px; } .trips-table-cruise .col-date { width: 130px; } .trips-table-cruise .table td, .trips-table-cruise .table .even td { border-right: 1px solid #8c97a2; background-clip: padding-box; } .trips-table-cruise .table td.deal-badge-cell, .trips-table-cruise .table .even td.deal-badge-cell, .trips-table-cruise .table td.col-cta, .trips-table-cruise .table .even td.col-cta, .trips-table-cruise .table .title td, .trips-table-cruise .table .title.even td { border-right: none; } .trips-table-cruise .table .col-cta { width: 120px; } } @media screen and (min-width: 60em) { .table-responsive.table-scroll { max-height: 642px; } } /* ------------------------------------------------------------------------------------------------ _site-pending-elements.scss - BUTTON ELEMENT BASE STYLES ------------------------------------------------------------------------------------------------ Created: 01-03-2016 Author: Ember Interactive (www.emberinteractive.co.uk) Website: Ember Interactive Limited ------------------------------------------------------------------------------------------------ */ .form-disable { position: relative; } .form-disable:after { clear: both; content: ""; display: table; } .form-disable:before { content: ""; position: absolute; top: 0; right: 0; bottom: auto; left: 0; width: 100%; height: 0; background-color: #ffffff; opacity: 0; z-index: 10; -webkit-transition: opacity 150ms linear; transition: opacity 150ms linear; } .form-disable.form-disable-dark:before { background-color: #000000; } .form-disable.disabled:before { bottom: 0; height: auto; opacity: 0.4; } .form-disable.disabled.fadeout:before { bottom: 0; height: auto; opacity: 0; } /* .ajax-spinner { width:19px; height:19px; background: url('../img/ajax-loader.gif') 0 0 no-repeat; display:none; @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { background-image: url('../img/retina/ajax-loader.gif'); background-size: 19px 19px; } } .ajax-spinner-inline { width:19px; height:10px; background: url('../img/ajax-loader-inline.gif') 0 0 no-repeat; display:none; @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { background-image: url('../img/retina/ajax-loader-inline.gif'); background-size: 16px 4px; } } .ajax-spinner.ajax-spinner-show {display:block;} .ajax-spinner-inline.ajax-spinner-show {display:inline-block;} // CSS ONLY SPINNER .css-spinner, .css-spinner:after { border-radius: 50%; width: 20px; height: 20px; } .css-spinner { font-size: 10px; position: relative; text-indent: -9999em; border-top: 3px solid rgba(50, 50, 50, 0.2); border-right: 3px solid rgba(50, 50, 50, 0.2); border-bottom: 3px solid rgba(50, 50, 50, 0.2); border-left: 3px solid $text-main; transform: translateZ(0); animation: spinnerAnim 0.5s infinite linear; opacity:1; transition: opacity 0.2s linear; } @keyframes spinnerAnim { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .css-spinner.fade-out-spinner .css-spinner {opacity:0;} .css-spinner.fade-out {opacity:0;} // BUTTON SPINNER .btn-pending {padding-right:42px; position:relative;} .btn-full.btn-pending {padding-left:42px;} // default padding .btn-pending:after { content:''; font-size: 10px; display:block; width:19px; height:19px; position:absolute; top:8px; right:10px; border-radius: 50%; border-top: 3px solid transparent; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 3px solid $white; transform: translateZ(0); animation: spinnerAnim 0.5s infinite linear; opacity:0; transition: opacity 0.2s linear; } .btn-pending-show:after {opacity:1;} .btn-sm.btn-pending:after {top:8px;} */ /* --------------------------------------------------------------------------------- COOKIE WARNING ------------------------------------------------------------------------------------------------ */ .cookie-warning-wrapper { z-index: 9001; position: relative; } @-webkit-keyframes cookieSlideUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes cookieSlideUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .cookie-warning { font-size: 0.875em; padding: 12px 15px; position: fixed; left: 0; right: 0; bottom: 0; overflow: hidden; background: #1d3455; background: rgba(29, 52, 85, 0.95); color: #ffffff; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-animation: cookieSlideUp 0.6s 1s ease-out; animation: cookieSlideUp 0.6s 1s ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .cookie-warning-message { max-width: 91%; display: inline-block; } .cookie-warning p { margin-bottom: 0; font-size: 1em; display: inline-block; } .cookie-warning-action { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: inline-block; } .cookie-warning .btn { margin: 0; padding: 0; font-size: 1em; line-height: 1em; font-weight: 700; padding: 6px 8px; } .cookie-warning-grid { 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; } @media screen and (min-width: 45em) { .cookie-warning { padding-left: 30px; padding-right: 30px; } .cookie-warning-message { max-width: 92%; margin-bottom: 0; display: inline-block; } .cookie-warning-action { text-align: right; } } /* cookie consent spacer */ .cookie-consent-spacer { height: 80px; background-color: #0E2646; } @media screen and (min-width: 45em) { .cookie-consent-spacer { height: 50px; } } .cookie-dismissed .cookie-consent-spacer { display: none; } /* DISMISSED */ .cookie-dismissed .cookie-warning-wrapper { display: none; } /* ------------------------------------------------------------------------------- ILLUSTRATED GUIDE ------------------------------------------------------------------------------------------------ */ .guide-summary { display: block; text-align: center; text-decoration: none; /*background-color: $bg-swoop;*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .guide-summary-img { max-width: 720px; margin: 0 auto; } .guide-summary.portrait .guide-summary-img { max-width: 320px; } .guide-summary-img.guide-summary-img-bordered img { border: 4px solid #041e42; background-color: #041e42; margin: 0 auto; } .pswp__caption__center { text-align: center; } .pswp__button { border-radius: 0; } @media screen and (min-width: 45em) { .guide-summary-footer { line-height: 40px; padding: 20px 0; } .guide-summary-footer span { padding-left: 54px; } } /* ----------------------------------------------------------------------- NEWSLETTER SIGNUP STYLES ------------------------------------------------------------------------------------------------ */ .newsletter-signup-container { opacity: 1; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .newsletter-signup-container.fade-out { opacity: 0; } /* ---------------------------------------------------------------------------0000------ ADVERT CARD ------------------------------------------------------------------------------------------------ */ .advert-wrapper { padding-top: 56px; } .advert-wrapper p { font-size: 1em; line-height: 1.2; } .summary-card.advert-card .summary-card-img-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: 50% 50%; } .react-phone-number-input { font-family: PlantinMTStd-Regular, Georgia, Times, "Times New Roman", serif; } .react-phone-number-input__row { /* This is done to stretch the contents of this component */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; border: 1px solid #cecfcf; color: #454545; background-color: #ffffff; font-size: 20px; line-height: 1.6; width: 100%; height: 44px; outline: none; border-radius: 0; -webkit-transition: border-color 0.3s ease-out, background 0.3s ease-out; transition: border-color 0.3s ease-out, background 0.3s ease-out; border-radius: 0; } .react-phone-number-input__phone { /* The phone number input stretches to fill all empty space */ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; /* The phone number input should shrink to make room for the extension input */ min-width: 0; } .react-phone-number-input__icon { /* The flag icon size is 4x3 hence the exact `width` and `height` values */ width: 1.24em; height: 0.93em; margin-left: 6px; /* `1px` is still too much for a "retina" screen but there's no way in CSS to specify "hairline" border width. */ border: 1px solid rgba(0, 0, 0, 0.5); /* Makes sure `width`x`height` is exactly `4x3` and `border` width is not included in it */ -webkit-box-sizing: content-box; box-sizing: content-box; } .react-phone-number-input__icon--international { /* The international icon size is square */ /* and also has no border hence the `2 * 1px` `width` and `height` compensation */ width: calc(0.93em + 2px); height: calc(0.93em + 2px); /* The international icon size is square hence the exact `padding` value */ /* for precise alignment with `4x3` sized country flags. */ padding-left: 0.155em; padding-right: 0.155em; border: none; } .react-phone-number-input__error { margin-left: calc(1.24em + 2px + 0.3em + 0.35em + 0.5em); margin-top: 0.3rem; color: #d30f00; } .react-phone-number-input__icon-image { max-width: 100%; max-height: 100%; } /* Removes `` up/down arrows in Webkit browsers. */ .react-phone-number-input__ext-input::-webkit-inner-spin-button, .react-phone-number-input__ext-input::-webkit-outer-spin-button { margin: 0 !important; -webkit-appearance: none !important; -moz-appearance: textfield !important; } .react-phone-number-input__ext-input { width: 3em; } .react-phone-number-input__ext { white-space: nowrap; } .react-phone-number-input__ext, .react-phone-number-input__ext-input { margin-left: 0.5em; } /* Styling native country `